/*================ Partners ================*/

.s_banner .main {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.s_banner .pc-pic {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.s_banner .m-pic {
    display: none;
}

.s_banner span {
    position: absolute;
    top: 0;
    left: 3%;
    padding: 20px 0;
}

@media screen and (max-width:768px) {
    .s_banner img {
        width: 100%;
    }
    .s_banner span {
        display: none;
    }
    .s_banner .pc-pic {
        display: none;
    }
    .s_banner .m-pic {
        display: block;
    }
}


/*===s_banner===*/

.s_Channel .main {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.s_Channel {
    margin-bottom: 35px;
}

.s_Channel .feature li a {
    color: #333;
}

.s_Channel .feature {
    text-align: center;
    padding-top: 6%;
    padding-bottom: 3.5%;
}

.s_Channel .product-licensing-list {
    margin-right: -3%;
}

.s_Channel .product-licensing-list li {
    height: 152px;
    width: 46.7%;
    margin-right: 3%;
    border: 1px solid #e0e0e0;
}

.s_Channel .product-licensing-right {
    height: 152px;
    background: #fff;
}

.s_Channel .product-licensing-right p {
    left: 10%;
}

.s_Channel .product-licensing-left {
    top: 50%;
    margin-top: -6%;
}

@media screen and (max-width:768px) {
    .s_Channel .product-licensing-list {
        margin-right: 0;
    }
    .s_Channel .product-licensing-list li {
        float: none;
        margin: 3% auto;
        width: 96%;
        height: 130px;
    }
    .s_Channel .product-licensing-right p {
        top: 30%;
    }
    .s_Channel .product-licensing-right {
        height: 128px;
    }
}


/**修**/

.s_Channel .tit {
    font-size: 32px;
    color: #303030;
    font-weight: normal;
    margin-bottom: 32px;
}


/****/

.s_Channel .feature li {
    width: 45%;
    padding: 46px 20px;
    text-align: center;
    border: 1px solid #ccc;
    margin-left: -1px;
    font-size: 18px;
    color: #333;
}

.s_Channel .feature li img {
    margin-right: 15%;
}

@media screen and (max-width:968px) {
    .s_Channel h3 {
        font-size: 35px;
    }
    .s_Channel .feature li {
        float: none;
        width: 85%;
        margin: 2.5%;
    }
    .Channel .feature li a {
        width: 100%;
        display: block
    }
    .s_Channel .feature li img {
        margin-right: 9%;
    }
}


/*===s_Channel===*/

.More_box.main {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 60px;
    position: relative;
}

.More_box {
    margin-bottom: 5%;
}

.More_box img {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    z-index: -1
}

.More_box .mask {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 880px;
    height: 238px;
    padding-top: 40px;
    margin-top: -139px;
    margin-left: -440px;
}

.More_box .opacity_fff {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 880px;
    height: 238px;
    padding-top: 40px;
    margin-top: -139px;
    margin-left: -440px;
    background-color: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: -1;
}

.More_box .z_index {
    z-index: 0;
}

.More_box .feature {
    padding: 0;
}

.More_box h3 {
    margin: 0;
}


/**修**/

.More_box .text {
    font-size: 18px;
}


/****/

.More_box .more {
    display: inline-block;
    height: 46px;
    width: 215px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y;
}

@media screen and (max-width:768px) {
    .More_box .mask {
        width: 98%;
        height: 260px;
        margin-top: -150px;
        margin-left: 0;
        left: 0;
    }
    .More_box .opacity_fff {
        width: 600px;
        height: 260px;
        margin-top: -150px;
        margin-left: -300px;
    }
    .More_box .feature .text {
        display: block;
        font-size: 14px;
    }
    .More_box.main {
        overflow: hidden;
    }
}


/*===More_box===*/

.tools .main {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.tools {
    margin-bottom: 80px;
    height: 580px;
    background-image: url(../images/s_tools.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tools .tit {
    color: #fff;
}

.tools .feature {
    padding-top: 10%;
}


/**修**/

.tools .text {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
}


/****/

.tools .more {
    height: 42px;
    line-height: 42px;
    border: 1px solid #fff;
    background: none;
}

@media screen and (max-width:768px) {
    .tools {
        height: 405px;
        background-image: url(../images/s_tools_i.jpg);
    }
    .tools .text {
        display: block;
    }
}


/*===tools===*/


/*================ Products ================*/

.s_Products .banner-slider .bd ul li .cont {
    top: 16%;
}

.s_Products {
    position: relative;
}

.s_Products .home {
    position: absolute;
    top: 0;
    left: 6%;
    z-index: 2;
    color: #000;
    padding: 20px 0;
}

.s_Products .home a {
    color: #000;
}

.s_Products .banner-slider .bd ul li .pic {
    width: 100%;
    display: block;
    overflow: hidden;
    height: auto;
}

.s_Products .banner-slider .bd ul li .pic .pc-pic111 {
    display: inline-block;
    position: relative;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
    overflow: hidden;
}

.s_Products .banner-slider .bd ul li .pic .m-pic {
    display: none;
}

.s_Products .banner-slider .hd {
    bottom: 20px;
}

.s_Products .banner-slider .bd ul li .cont .tit {
    color: #fff;
    margin-bottom: 30px;
    font-size: 42px;
}

.s_Products .banner-slider .bd ul li .cont .text {
    margin-bottom: 10px;
    font-size: 22px;
    color: #fff;
}

.s_Products .text_sub {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

.s_Products .banner-slider .bd ul li .cont .know-more {
    width: 170px;
    line-height: 40px;
    background: none;
    border: 1px solid #fff;
    border-radius: 56px;
    padding: 0;
}

@media screen and (max-width:768px) {
    .s_Products .banner-slider .bd ul li .cont {
        width: 70%;
        top: 15%;
    }
    .s_Products .banner-slider .bd ul li .cont .tit {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .s_Products .banner-slider .bd ul li .cont .text {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .s_Products .text_sub {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .s_Products .banner-slider .bd ul li .pic .pc-pic {
        display: none;
    }
    .s_Products .banner-slider .bd ul li .pic .m-pic {
        display: block;
        width: 100%;
        height: auto;
    }
    .s_Products .hd {
        display: none;
    }
    .s_Products .banner-slider .bd ul li .cont .know-more {
        width: 110px;
        height: 32px;
        line-height: 32px;
    }
}


/*===s_Products===*/

.s_search .pro-search {
    width: 100%;
    background: #f2f2f2;
    padding: 20px 0;
}

.s_search .pro-search .search {
    overflow: hidden;
    width: 50%;
    height: 40px;
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
}

.1s_search .search input[type="text"] {
    border: 1px solid #e0e0e0;
    border-radius: 4px 0 0 4px;
    outline: none;
    font-size: 16px;
    color: #1a1a1a;
    line-height: 40px;
    padding-left: 1%;
    width: 70%;
    height: 38px;
    display: inline-block;
}

.1s_search .search input[type="button"] {
    color: #fff;
    background-color: #e10032;
    border-radius: 0 4px 4px 0;
    outline: none;
    font-size: 18px;
    height: 42px;
    text-align: center;
    width: 20%;
    display: inline-block;
    border: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 9%;
}

.s_search .search input[type="text"] {
    line-height: 42px;
    outline: none;
    text-indent: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    border: 0;
}

.s_search .search input[type="button"] {
    color: #fff;
    background: #e10032;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20%;
    border: 0;
    border-radius: 0;
}

.s_search .products {
    padding-top: 60px;
}

.s_search .products .hd {
    margin-bottom: 40px;
}

.s_search .products .hd li {
    margin-right: 64px;
    float: left;
}

.s_search .products .hd li.all {
    padding-left: 0;
}

.s_search .products .hd li a {
    font-size: 18px;
    color: #1a1a1a;
    display: block;
    padding: 10px 0;
    border-bottom: 2px solid #fff;
}

.s_search .products .hd li.on a {
    color: #e10032;
    border-bottom: 2px solid #db0030;
}

.s_search .products .bd .con {
    float: left;
    height: 328px;
    margin-bottom: 40px;
    margin-right: 4%;
}

.s_search .products .bd .con li a {
    display: block;
    font-size: 16px;
    color: #1a1a1a;
    line-height: 32px;
}

.s_search .products .bd .con li a.on {
    color: #e10032;
}

.s_search .products .bd .con li.top a {
    font-size: 22px;
    color: #e10032;
    vertical-align: middle;
    margin-bottom: 10px;
    display: block;
}

.sa-p-hj-close {
    display: none;
}

@media screen and (max-width:768px) {
    .s_search .products {
        padding: 0 15px;
        position: relative;
    }
    .s_search .products .hd li.all {
        display: none;
    }
    .s_search .products .hd li {
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #e5e5e5;
        background: none;
    }
    .s_search .products .hd li a {
        font-size: 18px;
        text-align: left;
        line-height: 45px;
        height: 45px;
        color: #1a1a1a;
        background: url(../images/into.png) no-repeat right center;
        background-size: 3%;
    }
    .s_search .products .bd {
        overflow: hidden;
        display: none;
        padding: 20px 0 20px 20px;
        box-sizing: border-box;
        position: absolute;
        right: -73%;
        top: 0;
        height: auto;
        width: 70%;
        background: #e0e0e0;
        z-index: 2;
    }
    .s_search .pro-search .search {
        width: 96%;
    }
    .s_search .search input[type="button"] {
        font-size: 14px;
    }
    .s_search .products .bd .con {
        display: none;
        width: 100%;
        height: auto;
    }
    .sa-p-hj-close {
        display: block;
        position: absolute;
        top: 4px;
        right: 4px;
    }
    .sa-p-hj-close img {
        width: 24px;
        height: 24px;
    }
}

.conbox .con>ul>li {
    padding: 4px 0;
    border-bottom: 1px solid #fff;
}


/*===s_search===*/


/*================ Service ================*/

.Service_banner .main {
    position: relative;
}

.Service_banner .home {
    position: absolute;
    top: 0;
    left: 6%;
    color: #333;
    padding: 20px 0;
}

.Service_banner .p_pic {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.Service_banner .m_pic {
    display: none;
}

@media screen and (max-width:768px) {
    .Service_banner .home {
        display: none;
    }
    .Service_banner .p_pic {
        display: none;
    }
    .Service_banner .m_pic {
        display: block;
        width: 100%;
    }
}


/*===Service_banner===*/

.pro-top.s_por {
    background: #fff;
    width: 100%;
}

.s_por ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.s_por ul li {
    float: left;
    width: 33.2%;
    border-right: 1px solid #f7f7f7;
}

.s_por ul li.s_por_list_last {
    border-right: none;
}

.s_por ul li a {
    display: block;
    width: 40%;
    padding: 25px 0;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    color: #666;
}

.s_por ul li img {
    float: left;
}

.s_por ul li p {
    float: right;
    text-align: left;
}

.s_por_one_p {
    margin-top: 5px;
}

@media screen and (max-width:1280px) {
    .s_por ul li a {
        width: 145px;
    }
}

@media screen and (max-width:768px) {
    .s_por ul li {
        float: none;
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    .s_por ul li:nth-child(3) {
        border-bottom: none;
    }
    .s_por ul li a {
        width: 160px;
        position: relative;
    }
    .s_por ul li p {
        position: absolute;
        top: 20px;
        left: 60px;
        text-align: left;
    }
}


/*===s_por===*/

.s_Technical {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f7f7f7;
}

.s_Technical h2 {
    font-size: 28px;
    font-weight: normal;
    color: #333;
    text-align: center;
}

.s_Technical ul {
    width: 90%;
    margin: 40px auto 0;
}

.s_Technical ul li {
    float: left;
    width: 32.333%;
    margin-bottom: 1%;
    background: #fff;
    padding: 4% 0;
    margin-right: 1%;
}

.s_Technical ul li div {
    width: 80%;
    margin: 0 auto;
    font-size: 20px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.s_Technical ul li img {
    margin-right: 3%;
    height: 50px;
}

@media screen and (max-width:1280px) {}

@media screen and (max-width:768px) {
    .s_Technical ul {
        width: 100%;
    }
    .s_Technical ul li {
        width: 98%;
        margin: 1% auto;
        float: none;
    }
}


/*===s_Technical===*/

.s_Service {
    margin-top: 60px;
}

.s_Service h2 {
    font-size: 28px;
    font-weight: normal;
    color: #333;
    text-align: center;
}

.s_Service ul {
    margin-top: 40px;
}

.s_Service ul li {
    position: relative;
    width: 49%;
    font-size: 24px;
    color: #333;
}

.s_Service ul li .Service_bj {
    width: 100%;
}

.s_Service ul li .p_pic {
    position: absolute;
    top: 24%;
    left: 13%;
}

.s_Service ul li .s_more {
    position: absolute;
    bottom: 7%;
    right: 3%;
    font-size: 16px;
    color: #e10032;
    padding-right: 18px;
}

.s_Service ul li .s_Service_des {
    position: absolute;
    top: 38%;
    left: 40%;
}

@media screen and (max-width:768px) {
    .s_Service {
        margin-top: 40px;
    }
    .s_Service ul li {
        width: 100%;
        margin-bottom: 2%;
    }
    .s_Service ul li .p_pic {
        width: 60px;
        top: 26%;
    }
    .s_Service ul li .s_Service_des {
        font-size: 20px;
    }
}


/*===s_Tools===*/

.s_Tools {
    margin-top: 60px;
    margin-bottom: 80px;
}

.s_Tools h2 {
    font-size: 28px;
    font-weight: normal;
    color: #333;
    text-align: center;
}

.s_Tools ul {
    margin-top: 50px;
}

.s_Tools ul li img {
    float: left;
    margin-right: 40px;
    margin-top: 30px;
}

.s_Tools ul li .explain {
    float: right;
    width: 410px;
}

.s_Tools ul li .explain .tit {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

.s_Tools ul li .explain .text {
    font-size: 18px;
    color: #b4b4b4;
    margin-bottom: 10px;
}

.s_Tools ul li .explain span {
    font-size: 16px;
    color: #e10032;
    padding-right: 18px;
}

@media screen and (max-width:1280px) {
    .s_Tools ul {
        width: 95%;
        margin: 40px auto 0;
    }
    .s_Tools ul li {
        width: 48%;
    }
    .s_Tools ul li img {
        margin-right: 0%;
        margin-top: 0%;
    }
    .s_Tools ul li .explain {
        width: 80%;
    }
}

@media screen and (max-width:800px) {
    /*.s_Tools .s_Tools_p {display:none;}
.s_Tools .s_Tools_m {display:block;}*/
    .s_Tools ul li {
        float: none;
        width: 100%;
        margin-bottom: 80px;
        position: relative;
    }
    .s_Tools ul li img {
        float: none;
        position: absolute;
        top: 1%;
        left: 10%;
    }
    .s_Tools ul li .explain {
        margin: 0 auto;
        float: none;
        width: 100%;
    }
    .s_Tools ul li .explain .tit {
        float: none;
        width: 63%;
        margin-bottom: 0;
        margin-left: 37%;
        font-size: 20px;
    }
    .s_Tools ul li .text {
        text-align: center;
        width: 100%;
        margin: 30px auto 0;
        font-size: 18px;
        color: #b4b4b4;
    }
    .s_Tools ul li a {
        display: block;
        width: 110px;
        margin: 15px auto;
        font-size: 16px;
        color: #e10032;
        padding-right: 18px;
    }
    .s_Tools {
        margin-bottom: 0;
    }
    .s_Tools ul li .explain .text {
        font-size: 16px;
    }
}


/**------------Trainings---------------**/

.sa-trainings .sa-trainings-img {
    width: 100%;
    display: block;
    overflow: hidden;
    height: auto;
}

.sa-trainings .sa-trainings-img img.pc-pic {
    display: inline-block;
    position: relative;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
    overflow: hidden;
}

.sa-trainings-img img.m-pic {
    display: none;
    width: 100%;
}

.sa-eng-bread-wrap {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    margin-top: 70px;
}

.sa-eng-bread-wrap .sa-eng-bread {}

.sa-eng-bread {
    padding: 20px 0;
    position: relative;
}

.sa-eng-bread a {
    color: #333;
    text-decoration: underline;
}

.sa-eng-bread .on {
    color: #e10032;
    text-decoration: none;
}

.sa-trainings-content {
    padding: 0 10px;
    margin: 20px auto;
}

.sa-trainings-content .sa-title {
    font-size: 28px;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}

.sa-trainings-content .sa-text {
    color: #666;
    font-size: 16px;
    line-height: 1.7;
}

.sa-trainings-content .sa-img {
    margin: 40px 0;
    position: relative;
}


/**修**/

.sa-trainings-content .sa-img .img-z {
    margin: 0 auto;
    width: 45%;
}

.sa-trainings-content .sa-img .img-z img {
    width: 100%;
    display: block;
}

.sa-trainings-content .sa-img .img-l {
    position: absolute;
    top: 13%;
    left: 1%;
    width: 41%;
}

.sa-trainings-content .sa-img .img-r {
    position: absolute;
    top: 21%;
    right: 1%;
    width: 39%;
}

.sa-trainings-content .sa-img .img-l img {
    width: 100%;
    display: block;
}

.sa-trainings-content .sa-img .img-r img {
    width: 100%;
    display: block;
}

.sa-trainings-content .sa-img .sa-trainings-link {
    position: absolute;
    top: 23%;
    left: 6%;
}

.sa-trainings-content .sa-img .sa-trainings-link li {
    list-style-type: disc;
    color: #333;
    line-height: 1.7;
    font-size: 18px;
}

.sa-trainings-content .sa-img .sa-trainings-link li a {
    color: #333;
}

.sa-trainings-content .sa-img .sa-trainings-link li a:hover {
    color: #e10032;
}

.sa-trainings-x-01 {
    position: absolute;
    font-size: 20px;
    top: 2%;
    left: 1%;
    color: #333;
    width: 25%;
}

.sa-trainings-x-02 {
    position: absolute;
    font-size: 20px;
    top: 4%;
    right: 9%;
    color: #333;
    width: 25%;
}

.sa-trainings-x-03 {
    position: absolute;
    font-size: 16px;
    bottom: 19%;
    left: 5%;
    color: #333;
    width: 20%;
}

.sa-trainings-x-04 {
    position: absolute;
    font-size: 16px;
    bottom: 50%;
    right: 9%;
    color: #333;
    width: 20%;
}

.sa-trainings-x-02 a {
    color: #333;
}

.sa-trainings-x-02 a:hover {
    color: #e10032;
}


/****/

.sa-trainings-middle {
    width: 100%;
    position: relative;
}

.sa-trainings-middle-img .pc-pic {
    position: relative;
    width: 1800px;
    left: 50%;
    margin-left: -900px;
}

.sa-trainings-middle-img img {
    width: 100%;
}

.sa-trainings-middle-img .m-pic {
    display: none;
}

.sa-trainings-reg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.sa-trainings-reg h3 {
    font-weight: normal;
    font-size: 36px;
    color: #fff;
    padding: 90px 0 30px;
}

.sa-trainings-reg p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
}

.sa-trainings-reg a {
    display: inline-block;
    padding: 10px 0;
    width: 200px;
    text-align: center;
    font-size: 1.285em;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y;
}

.sa-trainings-last {
    margin-bottom: 80px;
}

.sa-trainings-last-item {
    width: 49%;
    margin: 60px auto;
    position: relative;
}

.sa-trainings-last-item img {
    width: 100%;
}

.sa-trainings-last-item>h2 {
    color: #333;
    font-weight: normal;
    font-size: 28px;
    margin: 30px 0;
}

.sa-trainings-last-item ul {
    position: absolute;
    top: 130px;
    left: 40px;
    z-index: 1;
}

.sa-trainings-last-item ul li {
    color: #666;
    font-size: 20px;
    line-height: 1.9;
}

@media screen and (max-width: 1200px) {
    .sa-eng-bread-wrap {
        width: 94%;
    }
    .sa-trainings-x-01 {
        width: 32%;
    }
    .sa-trainings-x-02 {
        width: 32%;
    }
}

@media screen and (max-width: 1100px) {
    .sa-trainings-last-item ul {
        position: absolute;
        top: 110px;
        left: 20px;
    }
    .sa-trainings-last-item ul li {
        font-size: 18px;
        line-height: 1.7;
    }
}

@media screen and (max-width: 996px) {
    .sa-eng-bread-wrap {
        width: 94%;
    }
    .sa-trainings-x-01 {
        width: 40%;
    }
    .sa-trainings-x-02 {
        right: 3%;
        width: 37%;
    }
    .sa-trainings-x-03 {
        width: 30%;
        bottom: 0;
        left: 3%;
    }
    .sa-trainings-x-04 {
        bottom: 32%;
        right: 2%;
        width: 30%;
    }
}

@media screen and (max-width: 768px) {
    .sa-trainings-content .sa-title {
        font-size: 24px;
    }
    .sa-trainings-img img.pc-pic {
        display: none;
    }
    .sa-eng-bread-wrap {
        display: none;
    }
    .sa-trainings-img img.m-pic {
        display: block;
    }
    .sa-trainings-middle-img .pc-pic {
        display: none;
    }
    .sa-trainings-middle-img .m-pic {
        display: block;
    }
    .sa-trainings-last-item {
        width: 100%;
        margin: 10px 0;
    }
    .sa-trainings-last-item>h2 {
        text-align: center;
        font-size: 24px;
        margin: 20px 0;
    }
    .sa-trainings-reg {
        padding: 0 2%;
        width: 96%;
        top: 54px;
    }
    .sa-trainings-reg h3 {
        padding-top: 30px;
        padding-bottom: 10px;
        font-size: 30px;
    }
    .sa-trainings-reg p {
        font-size: 16px;
    }
    .sa-trainings-reg a {
        font-size: 16px;
        width: 190px;
        padding: 8px 0;
    }
    /**修**/
    .sa-trainings-content .sa-img>ul {}
    .sa-trainings-content .sa-img>ul li {
        line-height: 1.7;
        font-size: 14px;
        font-weight: normal;
    }
    /****/
    .sa-trainings-content .sa-img .img-z {
        width: 80%;
    }
    .sa-trainings-content .sa-img .img-l {
        display: none;
    }
    .sa-trainings-content .sa-img .img-r {
        display: none;
    }
    .sa-trainings-content .sa-img .sa-trainings-link {
        position: static;
        width: 94%;
        margin: 12px auto;
    }
    .sa-trainings-content .sa-img .sa-trainings-link li {
        list-style: none;
    }
    .sa-trainings-content .sa-img .sa-trainings-link li a {
        color: #f39831;
    }
    .sa-trainings-x-01 {
        position: static;
        width: 94%;
        margin: 0 auto;
        padding-left: 20px;
        position: relative;
    }
    .sa-trainings-x-02 {
        position: static;
        width: 94%;
        margin: 12px auto;
        padding-left: 20px;
        position: relative;
        right: 0;
    }
    .sa-trainings-x-03 {
        position: static;
        width: 94%;
        margin: 0 auto;
        font-weight: normal;
        color: #666;
    }
    .sa-trainings-x-04 {
        position: static;
        width: 94%;
        margin: 0 auto;
        font-weight: normal;
        color: #666;
    }
    .sa-trainings-x-01:after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        background: #f39831;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 0;
    }
    .sa-trainings-x-02:after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        background: #36a0ea;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 0;
    }
    .sa-trainings .sa-trainings-img img.pc-pic {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .sa-trainings-last-item ul {
        top: 86px;
    }
    .sa-trainings-last-item ul li {
        font-size: 16px;
        line-height: 1.6;
    }
    .sa-trainings-reg h3 {
        padding: 10px 0;
        font-size: 22px;
    }
    .sa-trainings-reg p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .sa-trainings-reg a {
        font-size: 13px;
        width: 140px;
        padding: 6px 0;
    }
}


/**------------About---------------**/


/*inner-banner的样式*/

.inner-banner {
    width: 100%;
    position: relative;
}

.inner-banner .bannerpic {
    display: block;
    *zoom: 1;
    *display: inline;
    position: relative;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    width: 1920px;
    height: auto;
}

.inner-banner .mbannerpic {
    display: none;
}

.inner-banner .context {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 30%;
    margin-top: -125px;
}

.inner-banner .context .tit {
    font-size: 42px;
    color: #1a1a1a;
    line-height: 60px;
    margin-bottom: 20px;
}

.inner-banner .context .text {
    font-size: 16px;
    line-height: 25px;
    color: #303030;
    width: 560px;
}

.inner-banner .context .linkbtn a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border-radius: 30px;
    background: none;
    width: 200px;
    padding: 15px 0;
    font-size: 1.285em;
    text-align: left;
    color: #e10032;
    margin-top: 20px;
}


/**修**/

.about-wrap .context .text {
    width: 41%;
}

.about-slide-wrap .pc-swiper .swiper-slide {
    display: block;
}


/****/

@media screen and (max-width: 1440px) {
    .inner-banner .context {
        position: absolute;
        width: 1200px;
        left: 50%;
        margin-left: -600px;
        top: 30%;
        margin-top: -98px;
    }
    .inner-banner .context .tit {
        font-size: 36px;
        color: #1a1a1a;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .inner-banner .context .text {
        font-size: 14px;
    }
    .inner-banner .context .linkbtn a {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        border-radius: 30px;
        background: none;
        text-align: center;
        padding: 10px 0;
        font-size: 1.285em;
        text-align: left;
        color: #e10032;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .inner-banner .context {
        position: absolute;
        width: 900px;
        left: 5%;
        margin-left: 0;
        top: 30%;
        margin-top: -98px;
    }
    .inner-banner .context .tit {
        font-size: 30px;
        color: #1a1a1a;
        line-height: 40px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .inner-banner {
        background: #f3f3f3
    }
    .inner-banner .context {
        position: relative;
        width: 90%;
        left: 0;
        top: 0;
        margin: 40px auto 0;
    }
    .inner-banner .context .tit {
        font-size: 28px;
        color: #1a1a1a;
        line-height: 30px;
        margin-bottom: 20px;
        text-align: center;
    }
    .inner-banner .context .text {
        font-size: 18px;
        line-height: 30px;
        color: #303030;
        width: 100%;
        margin: 0 auto;
    }
    .inner-banner .context .linkbtn {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .inner-banner .bannerpic {
        display: none
    }
    .inner-banner .mbannerpic {
        display: block;
        width: 100%;
        height: auto;
    }
    .inner-banner .context {
        margin-bottom: 0px;
    }
    .inner-banner .context .linkbtn a {
        color: #e10032;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        border-radius: 30px;
        background: none;
        width: 49%;
        padding: 15px 0;
        font-size: 1.285em;
        text-align: center;
        margin: 20px 0;
    }
}

.content {
    width: 100%;
}

.con-creat-content {
    background: #f3f3f3;
    padding: 0 0 20px;
    margin-bottom: 20px;
}

.inner-main .breadnav {
    padding: 20px 0;
}

.inner-main .breadnav p a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-size: 14px;
    color: #303030;
}

.inner-main .theme {
    font-size: 28px;
    color: #1a1a1a;
    padding: 60px 0 40px;
    text-align: center;
    font-weight: normal;
}

.inner-main .toptheme {
    margin-top: 0px;
}

.inner-main .con-develop {
    position: relative;
    padding-bottom: 80px
}

.inner-main .con-develop .devbox {
    float: left;
    width: 386px;
    margin-right: 21px;
    background: #fff;
    padding: 30px 0;
    height: 193px;
}


/**修**/

.inner-main .con-develop .last-devbox {
    margin-right: 0px;
    margin-bottom: 20px;
}

.inner-main .con-develop .devbox p {
    text-align: center;
    font-size: 22px;
    color: #000;
    height: 76px;
}

.inner-main .con-develop .devbox p span {
    display: block;
    font-size: 14px;
    color: #b2b2b2;
    margin: 10px 0;
}

.inner-main .con-develop .devbox p .t {
    font-size: 20px;
    color: #333;
    min-height: 58px;
}

.inner-main .con-develop .devbox p span.rank {
    color: #e10032;
    font-size: 16px;
    font-weight: bold;
}


/****/

.inner-main .con-develop .devbox p span.sline {
    width: 20px;
    height: 2px;
    background: #c4c4c4;
    color: #c4c4c4;
    margin: 20px auto;
}

.dev-swiper {
    margin: 30px 0 0;
    width: 100%;
    overflow: hidden;
}

.m-swiper {
    display: none;
}

.swiperbox {
    position: relative;
}

.ab-slide {
    display: block;
    float: left;
    cursor: pointer;
}

.ab-slide.m-on {
    display: block;
    float: left;
    width: 100%;
    margin-right: 0%;
    cursor: pointer;
}

.last-slide {
    margin-right: 0;
}

.ab-slide img {
    display: block;
    margin: 0 auto;
    width: 96%;
    height: auto;
}

.ab-slide .text {
    font-size: 16px;
    margin-top: 20px;
    color: #1a1a1a;
    text-align: left;
    width: 96%;
}

.about-slide-wrap {
    position: relative;
}

.con-develop .hd {
    display: block;
    text-align: center;
    margin: 30px 0;
}

.con-develop .swiper-button-prev {
    display: block;
    position: absolute;
    left: 30px;
    bottom: 55%;
    margin-top: -42px;
    width: 24px;
    height: 42px;
    background: url(../images/sa_img_13.png) no-repeat center center;
}

.con-develop .swiper-button-next {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 55%;
    margin-top: -42px;
    width: 24px;
    height: 42px;
    background: url(../images/sa_img_14.png) no-repeat center center;
}

.con-develop .hd .swiper-pagination-switch {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    width: 15px;
    height: 15px;
    *height: 20px;
    text-indent: -10em;
    overflow: hidden;
    margin: 0 10px;
    cursor: pointer;
    background: url("../images/pointer.png") center no-repeat;
}

.con-develop .hd .swiper-pagination-switch.swiper-active-switch {
    display: inline-block;
    background-image: url("../images/pointer_on.png");
}

@media screen and (max-width: 1280px) {
    .inner-main .con-develop .devbox {
        float: left;
        width: 32%;
        margin-right: 2%;
        background: #fff;
        padding: 30px 0;
    }
    .inner-main .con-develop .last-devbox {
        margin-right: 0;
    }
    .dev-swiper {
        margin-top: 30px;
    }
    .con-develop .swiper-button-prev {
        z-index: 10;
        display: block;
        position: absolute;
        left: 20px;
        bottom: 55%;
        margin-top: -42px;
        width: 24px;
        height: 42px;
        background: url(../images/sa_img_13.png) no-repeat center center;
    }
    .con-develop .swiper-button-next {
        z-index: 10;
        display: block;
        position: absolute;
        right: 20px;
        bottom: 55%;
        margin-top: -42px;
        width: 24px;
        height: 42px;
        background: url(../images/sa_img_14.png) no-repeat center center;
    }
}

@media screen and (max-width: 996px) {
    .inner-main .con-develop .devbox {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .ab-slide img {
        width: 100%;
        height: auto;
    }
    .con-develop {
        padding: 0 10px 40px !important;
    }
    .dev-swiper {
        margin-top: 0px;
    }
    .con-develop .swiper-button-prev,
    .con-develop .swiper-button-next {
        display: none;
    }
    .con-develop .m-hd {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .con-develop .m-hd .swiper-pagination-switch {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        font-size: 14px;
        width: 15px;
        height: 15px;
        *height: 20px;
        text-indent: -10em;
        overflow: hidden;
        margin: 0 10px;
        cursor: pointer;
        background: url("../images/pointer.png") center no-repeat;
    }
    .con-develop .m-hd .swiper-pagination-switch.swiper-active-switch {
        display: inline-block;
        background-image: url("../images/pointer_on.png");
    }
    .inner-main .con-develop .devbox {
        position: relative;
        height: auto;
        margin-bottom: 1px;
    }
    .inner-main .con-develop .devbox p {
        text-align: left;
        padding-left: 90px;
        height: auto;
    }
    .inner-main .con-develop .devbox p.tp {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        left: 20px;
        padding-left: 0;
    }
    .inner-main .con-develop .devbox p.tp span {
        display: none;
    }
    .inner-main .con-develop .devbox p.text span {
        display: none;
    }
    .inner-main .con-develop .devbox p.text span.rank {
        display: block;
    }
    .inner-main .con-develop .devbox p.text span.t {
        display: block;
        min-height: auto;
    }
}

.inner-main .con-creat .creat-left {
    width: 100%;
}

.inner-main .con-creat .creat-left .about-creat {
    float: left;
    width: 31.333%;
    margin-right: 2%;
    background: #fff;
    padding: 30px 0;
    height: 180px;
    margin-bottom: 21px;
}

.inner-main .con-creat .creat-left .t-creat {
    width: 64.6%;
}

.inner-main .con-creat .creat-left .about-creat p {
    text-align: center;
    font-size: 16px;
    color: #1a1a1a;
}

.inner-main .con-creat .creat-left .about-creat p.text {
    text-align: left;
}

.inner-main .con-creat .creat-left .about-creat p.text span {
    display: block;
}

.inner-main .con-creat .creat-left .about-creat p span.sline {
    display: block;
    width: 20px;
    height: 2px;
    background: #c4c4c4;
    color: #c4c4c4;
    margin: 20px auto;
}

.inner-main .con-creat .creat-left .t-creat p span.sline {
    margin-top: 28px;
}

.inner-main .showpic img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}

@media screen and (max-width: 1280px) {
    .inner-main .theme {
        font-size: 30px;
        margin: 0;
    }
    .inner-main .con-creat .creat-left .about-creat {
        width: 32%;
        margin-right: 2%;
        float: left;
    }
    .inner-main .con-creat .creat-left .side-creat {
        margin-right: 0%;
    }
    .inner-main .con-creat .creat-left .t-creat {
        width: 66%;
        margin-right: 0;
    }
}

@media screen and (max-width: 1200px) {
    .inner-main .con-develop .devbox p {
        font-size: 20px;
    }
}

@media screen and (max-width: 992px) {
    .inner-main .con-creat .creat-left .about-creat {
        width: 32%;
        margin-right: 2%;
        float: left;
    }
    .inner-main .con-creat .creat-left .side-creat {
        margin-right: 0%;
    }
    .inner-main .con-creat .creat-left .t-creat {
        width: 66%;
        margin-right: 0%;
    }
}

@media screen and (max-width: 768px) {
    .inner-main .theme {
        font-size: 24px;
        margin: 0;
    }
    .inner-main .con-creat {
        padding: 0 10px;
    }
    .inner-main .con-creat .creat-left .about-creat {
        width: 100%;
        margin-right: 0%;
        float: none;
        height: auto;
        position: relative;
        margin-bottom: 1px;
    }
    .inner-main .con-creat .creat-left .about-creat p {
        position: relative;
    }
    .inner-main .con-creat .creat-left .about-creat p span.sline {
        display: none;
    }
    .inner-main .con-creat .creat-left .about-creat p.tp {
        position: absolute;
        top: 50%;
        margin-top: -22px;
        left: 20px;
    }
    .inner-main .con-creat .creat-left .about-creat p.text {
        padding: 0 30px 0 90px;
    }
    .inner-main .showpic {
        display: none;
    }
}

.con-news p.tit {
    font-size: 28px;
    color: #1a1a1a;
    padding: 0 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.con-news p.tit a {
    display: block;
    color: #e10032;
    font-size: 16px;
    padding-right: 18px;
    line-height: 30px;
    position: absolute;
    top: 30px;
    right: 30px;
}

.con-news .news-left {
    padding: 30px 0px;
    background: #fff;
    width: 49%;
    margin-right: 1%;
    float: left;
    position: relative;
}

.con-news .news-left ul li {
    padding: 0 30px 0 45px;
    background: url(../images/dot.png) no-repeat 30px 15px;
    line-height: 35px;
    font-size: 16px;
}

.con-news .news-left ul li p {
    float: left;
    width: 70%;
    height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.con-news .news-left ul li span {
    float: right;
    line-height: 35px;
}

.con-news .news-right {
    padding: 30px 0px;
    background: #fff;
    width: 49%;
    margin-left: 1%;
    float: left;
    height: 215px;
    position: relative;
}

.con-news .news-right .con {
    padding: 0 30px 0 20px;
    position: relative;
}

.con-news .news-right .con img {
    position: absolute;
    top: 0;
    left: 6%;
    width: 100%;
    max-width: 147px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.con-news .news-right .con dl {
    float: right;
    padding-left: 200px;
}

.con-news .news-right .con dl dt {
    font-size: 22px;
    color: #333;
    margin-bottom: 10px;
}

.con-news .news-right .con dl dd {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    max-height: 140px;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .inner-main .showpic img {
        margin-bottom: 60px;
    }
    .con-news .news-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .con-news .news-right {
        width: 100%;
        margin-right: 0;
    }
    .con-news p.tit {
        font-size: 28px;
        color: #1a1a1a;
        padding: 0 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .con-news .news-right .con dl dd {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 768px) {
    .con-news .news-left,
    .con-news .news-right {
        position: relative;
        padding-bottom: 50px;
        height: auto;
        margin: 0;
        overflow: hidden;
    }
    .con-news p.tit {
        font-size: 24px;
        color: #1a1a1a;
        padding: 0;
        line-height: 30px;
        margin-bottom: 20px;
        text-align: center;
    }
    .con-news p.tit a {
        bottom: 20px;
        left: 50%;
        margin-left: -50px;
        top: auto;
        right: auto;
    }
    .con-news .news-left ul li {
        font-size: 16px;
    }
    .con-news .news-left ul li span {
        display: none;
    }
    .con-news .news-right .con dl {
        padding-left: 0;
        float: none;
    }
    .con-news .news-right .con dl dd {
        max-height: 110px;
    }
    .con-news .news-left ul li p {
        width: 95%;
    }
    .con-news .news-left {
        border-bottom: 12px solid #f2f2f2;
        float: none;
    }
    .con-news .news-right .con dl dt {
        font-size: 18px;
        margin: 10px 0;
    }
    .con-news .news-right .con {
        padding: 0 10px;
    }
    .con-news .news-right .con img {
        position: static;
    }
}

.join-us {
    padding-bottom: 80px;
}

.join-us ul li {
    float: left;
    width: 24%;
    padding: 0 10% 0 15%;
}

.join-us-contact {
    border-left: 1px solid #e5e5e5;
}

.join-us-img img {
    width: 100%;
}

.join-us-img {
    width: 34%;
}

.join-us-nane {
    font-size: 24px;
    color: #333;
    padding-left: 6%;
    margin-top: 10%;
}

@media screen and (max-width: 992px) {
    .join-us ul li {
        width: 69%;
        float: none;
        margin: 0 auto 20px;
        padding: 2% 10% 2% 15%;
    }
}

@media screen and (max-width: 768px) {
    .join-us {
        background: #f2f2f2;
        padding-bottom: 24px;
        overflow: hidden;
    }
    .join-us ul li {
        background: #fff;
    }
}


/**---------------solutions--------------**/

.solutions-wrap .banner-slider .bd ul li .cont .know-more {
    background: url(../images/btn_bg.jpg) repeat-y right center;
    border: 0;
    font-size: 16px;
}

.solutions-wrap .banner-slider .bd ul li .cont .know-more span {
    padding-right: 18px;
    background: url(../images/sa-w-arr.png) no-repeat right center;
}

.solutions-title {
    font-size: 28px;
    color: #333;
    text-align: center;
    padding: 20px 0;
    font-weight: normal;
}

.solutions-content {}

.solutions-wrap .banner-slider .bd ul li .cont {
    width: 100%;
    text-align: center;
    top: 20%;
    left: 0;
    margin-left: 0;
}

.solutions-wrap .banner-slider .bd ul li .cont .tit {
    margin-bottom: 10px;
    font-size: 36px;
}

.solutions-wrap .banner-slider .bd ul li .cont .text {
    margin-bottom: 50px;
}

.solutions-content ul {
    margin-right: -2%;
}

.solutions-item {
    float: left;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    padding-bottom: 30px;
}

.solutions-item img {
    display: block;
    width: 100%;
}

.solutions-item h4 {
    font-weight: normal;
    font-size: 18px;
    color: #333;
    padding: 30px 12px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.solutions-item p {
    line-height: 1.7;
    padding: 0 12px;
    height: 46px;
    overflow: hidden;
}

.solutions-item-more {
    font-size: 16px;
    color: #e10032;
    float: right;
    margin-right: 12px;
    padding-right: 18px;
}

.solutions-all-more a {
    background: url(../images/btn_bg.jpg) repeat-y right center;
    border: 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    width: 190px;
    height: 44px;
    line-height: 44px;
    display: block;
    margin: 30px auto 80px;
}

@media screen and (max-width: 768px) {
    .solutions-wrap .banner-slider .bd ul li .cont {
        width: 100%;
        padding-left: 0;
        top: 10%;
    }
    .solutions-wrap .banner-slider .bd ul li .cont .text {
        width: 100%;
        font-size: 16px;
        margin-bottom: 12px;
    }
    .solutions-item {
        width: 96%;
        margin: 10px auto;
        float: none;
    }
    .solutions-content ul {
        margin-right: 0;
    }
    .solutions-wrap .banner-slider .bd ul li .cont .know-more {
        width: 110px;
        line-height: 32px;
        font-size: 16px;
    }
    .solutions-wrap .banner-slider .bd ul li .cont .tit {
        font-size: 24px;
    }
    .solutions-wrap .banner-slider .hd {
        display: block;
        bottom: 0;
    }
}


/**-----------------产品详情页-----------------------------------**/

.my-container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .my-container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .my-container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .my-container {
        width: 1170px;
    }
}

.product-details {}

.product-details .left-layout {
    width: 58.33333333%;
    float: left;
}

.product-details .right-layout {
    width: 406px;
    float: right;
    margin-bottom: 20px;
}

.product-details .title {
    color: #333;
    font-size: 28px;
    margin: 12px 0 20px;
    font-weight: normal;
}

.product-details .text {
    line-height: 1.7;
    color: #333;
    font-size: 16px;
    margin-bottom: 26px;
    padding: 0 10px;
    max-height: 220px;
    overflow: hidden;
}

.product-details .product-open {
    display: none;
}

.product-details .product-open,
.operator-open {
    color: #e10032;
    font-size: 18px;
    cursor: pointer;
}

.product-details .server-list {
    text-align: center;
    margin: 30px 0;
}

.product-details .server-list li {
    padding: 0 3%;
    border-left: 1px solid #e5e5e5;
}

.product-details .server-list li img {
    height: 54px;
}

.product-details .server-list li:first-child {
    border-left: none;
}

.product-details .server-list h5 {
    font-weight: normal;
    font-size: 18px;
    color: #333;
    margin: 4px 4px 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.product-details .right-layout .bd {
    text-align: center;
    width: 300px;
    margin: 0 auto;
    overflow: hidden;
}

.product-details .right-layout .hd li {
    width: 90px;
    height: 79px;
    float: left;
    border: 1px solid #e5e5e5;
    margin: 4px;
}

.product-details .right-layout .hd img {
    width: 100%;
    height: 100%;
}

.product-details-nav {
    width: 100%;
    min-height: 82px;
    background: #f7f7f7;
    line-height: 80px;
    margin-top: 30px;
}

.product-details-nav ul {
    max-width: 1200px;
    margin: 0 auto;
}

.m-nav {
    display: none;
}

.product-details-nav ul li {
    float: left;
    font-size: 20px;
    color: #333;
    margin: 0 3%;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.product-details-nav ul li.on {
    color: #e10032;
    border-bottom: 2px solid #ea496d;
}

.product-details-content {
    margin-top: 20px;
    margin-bottom: 80px;
    color: #333;
    display: none;
}

div.detail-active {
    display: block;
}

.product-details-content h4,
.product-details-content h3,
.product-details-content h2 {
    font-size: 20px;
    margin: 20px 0;
}

.product-details-content dl dt {
    font-size: 16px;
    font-weight: bold;
    margin: 26px 0 12px;
}

.product-details-content dl dt span {
    padding-right: 6px;
}

.product-details-content dl dd {
    font-size: 16px;
    line-height: 1.7;
}

.product-jscs {
    padding: 20px;
}

.product-cptx {
    padding: 20px;
}

.product-cptx ul,
.product-dxyy ul {
    padding-left: 20px;
    margin: 12px 0;
}

.product-cptx li,
.product-dxyy li {
    list-style-type: disc;
}

.product-details-content p {
    line-height: 1.7;
    font-size: 16px;
    margin: 12px 0;
}

.product-details-content div {
    line-height: 1.7;
    font-size: 16px;
    margin: 12px 0;
}

.product-details-content img {
    max-width: 100%;
}

.product-jscs table thead {
    background: #f2f2f2;
}

.product-jscs table {
    margin: 0 auto;
    border-collapse: collapse;
    border-top: windowtext 1pt solid;
    width: 60%;
}

.product-jscs table th,
td {
    padding: 5px;
}

.product-jscs table p {
    margin: 1.12em 0;
    padding: 0;
}

.product-dxyy {
    padding: 20px;
}

.product-dxyy p {
    line-height: 1.7;
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}

.product-dxyy p img {
    max-width: 100%;
    display: block;
}

.product-dgxx {
    padding: 20px;
}

.product-dgxx table thead {
    background: #f2f2f2;
}

.product-dgxx table {
    margin: 0 auto;
    border-collapse: collapse;
    border-top: windowtext 1pt solid;
    width: 60%;
}

.product-dgxx table th,
td {
    padding: 5px;
}

.product-dgxx table p {
    margin: 1.12em 0;
    padding: 0;
}

.product-azwh {
    padding: 20px;
}

.product-azwh dl {
    margin-top: 20px;
}

.product-azwh dt {
    font-size: 16px;
    font-weight: bold;
}

.product-azwh li {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #b4b4b4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-azwh-more {
    float: right;
    color: #333;
    font-weight: normal;
}

.product-details-other {
    margin-bottom: 80px;
    background: #f2f2f2;
    width: 100%;
    padding-bottom: 40px;
}

.product-details-other .p-title {
    margin-bottom: 20px;
    color: #333;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    padding-top: 72px;
}

.product-details-other .picScroll-left {
    width: 1222px;
    position: relative;
    background: #f2f2f2;
    left: -22px;
}

.product-details-other .picScroll-left .hd {
    position: relative;
}

.product-details-other .picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
    min-height: 160px;
}

.product-details-other .picScroll-left .bd ul li {
    min-height: 185px;
    width: 224px;
    margin: 0 11px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    display: block;
}

.product-details-other .picScroll-left .bd ul li .pic {
    text-align: center;
}

.product-details-other .picScroll-left .bd ul li .pic img {
    width: 224px;
    height: 137px;
    display: block;
    padding: 2px;
}

.product-details-other .picScroll-left .bd ul li .title {
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    padding: 10px 36px;
}

.product-details-other .picScroll-left .bd ul li .title a {
    color: #333;
}

.product-details-other .next-pic {
    position: absolute;
    left: -35px;
    top: -140px;
    cursor: pointer;
    z-index: 99;
}

.product-details-other .prev-pic {
    position: absolute;
    right: -60px;
    top: -140px;
    cursor: pointer;
    z-index: 99;
}

.hidden-996 {
    display: none;
}

@media screen and (max-width: 1200px) {
    /*产品详情页*/
    .product-details .left-layout {
        width: 50%;
    }
    .product-details .server-list li {
        padding: 0 1%;
    }
    .product-details .server-list h5 {
        font-size: 16px;
    }
    .product-details-nav ul li {
        margin-right: 4%;
    }
    .product-details-other .prev-pic {
        right: -26px;
    }
}

@media screen and (max-width: 1024px) {
    .product-details-nav {
        display: none;
    }
    .m-nav {
        padding-left: 12px;
        font-size: 20px;
        height: 90px;
        line-height: 90px;
        background: #f7f7f7;
        border-bottom: 1px solid #fff;
        display: block;
        cursor: pointer;
    }
    .m-nav span {
        float: right;
        margin-right: 12px;
    }
    .product-details-content {
        display: none;
    }
    /* div.detail-active{display:none;} */
}

@media screen and (max-width: 996px) {
    .product-details .left-layout {
        width: 100%;
        float: none;
    }
    .product-details .right-layout {
        margin-top: 10px;
        width: 100%;
        float: none;
    }
    .product-details .right-layout .hd ul {
        width: 404px;
        margin: 0 auto;
    }
    .product-details .title {
        text-align: center;
    }
    .product-details .product-open {
        display: block;
        text-align: center;
    }
    .product-details .pic-focus .swiper-pagination-switch {
        display: inline-block;
        font-size: 14px;
        width: 15px;
        height: 15px;
        text-indent: -10em;
        overflow: hidden;
        margin: 0 10px;
        cursor: pointer;
        background: url(../images/pointer.png) center no-repeat;
    }
    .product-details .pic-focus .swiper-active-switch {
        background-image: url(../images/pointer_on.png);
    }
    .product-details .pic-focus .hd {
        text-align: center;
    }
    .product-details .server-list li {
        padding: 0;
        width: 24%;
    }
    .product-details-other .picScroll-left .swiper-pagination-switch {
        display: inline-block;
        font-size: 14px;
        width: 15px;
        height: 15px;
        text-indent: -10em;
        overflow: hidden;
        margin: 0 10px;
        cursor: pointer;
        background: url(../images/pointer.png) center no-repeat;
    }
    .product-details-other .picScroll-left .swiper-active-switch {
        background-image: url(../images/pointer_on.png);
    }
    .product-details-other .picScroll-left .hd {
        top: 0;
        text-align: center;
    }
    .product-details-other .picScroll-left .bd {
        width: 92%;
        overflow: hidden;
        margin: 0 auto;
    }
    .product-details-other .picScroll-left .bd ul li .title {
        padding: 10px;
    }
    .product-details-other .picScroll-left {
        width: 92%;
        margin: 0 auto;
        left: 0;
    }
    .product-details-other .picScroll-left .bd ul li {
        margin: 0;
    }
    .product-details-other .picScroll-left .bd ul li .pic img {
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .operator-open {
        display: block;
        color: #e10032 !important;
        text-align: center;
        cursor: pointer;
    }
}

@media screen and (max-width: 768px) {
    .product-details .pic-focus li {
        float: left;
    }
    .main {
        padding: 0 6px;
        width: auto;
        overflow: hidden;
    }
    .product-details .title {
        font-size: 22px;
    }
    .m-nav {
        height: 60px;
        line-height: 60px;
    }
    .product-details-other .p-title {
        font-size: 18px;
        padding-top: 28px;
    }
    .product-azwh li span {
        display: none;
    }
    .product-jscs table,
    .product-dgxx table {
        width: 100%;
    }
    .product-jscs {
        overflow-x: scroll;
    }
}


/****---------------------------------产品详情结束-------------------------------***/


/****---------------------------------产品列表开始-------------------------------***/

.product-list .title {
    text-align: center;
}

.product-list-a {
    padding: 20px 10px;
    position: relative;
}

.product-list-a a {
    color: #0068f8;
    font-size: 16px;
    margin-right: 10%;
}

.product-list-tj {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.product-list-tj h4 {
    font-weight: normal;
    font-size: 18px;
    color: #333;
}

.product-list-tj dl {
    margin: 12px 0;
}

.product-list-tj dl dt {
    margin: 0;
    width: 5%;
}

.product-list-tj dl dd {
    width: 95%;
}

.product-list-tj dl dd>span {
    display: inline-block;
}

.product-list-tj dl dd input {
    margin: 0 10px;
}

.product-list-tj dl dd label {
    color: #333;
    font-size: 16px;
}

.product-list-xx-img {
    width: 30%;
}

.product-list-xx-img img {
    width: 100%;
    display: block;
}

.product-list-xx-info {
    width: 70%;
}

.product-list-xx-info h5 {
    font-size: 20px;
    font-weight: normal;
    margin: 20px 0;
}

.product-list-xx-info p {
    font-size: 16px;
    color: #333;
    line-height: 1.7;
}

.product-list-xx-info a {
    color: #e10032;
    font-size: 16px;
    margin: 12px 0;
    display: block;
}

.product-list-xx li {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}

.product-list-arr {
    float: right;
    cursor: pointer;
}

.product-list-arr .m-pic {
    display: none;
    margin-top: 22px;
    margin-right: 5px;
}

.product-list-i {
    float: right;
    display: none;
    cursor: pointer;
}

.product-list-i img {
    width: 16px;
}

.product-list .right-layout .bd {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.product-list .right-layout .bd img {
    width: 100%;
}

.product-list-focus li {
    float: left;
}

.product-list-focus .swiper-pagination-switch {
    display: inline-block;
    font-size: 14px;
    width: 15px;
    height: 15px;
    text-indent: -10em;
    overflow: hidden;
    margin: 0 10px;
    cursor: pointer;
    background: url(../images/pointer.png) center no-repeat;
}

.product-list-focus .swiper-active-switch {
    background-image: url(../images/pointer_on.png);
}

.product-list-focus .hd {
    text-align: center;
}

.product-list .right-layout {
    width: 41%;
}

@media screen and (max-width: 996px) {
    .product-details-content {
        width: 96% !important;
    }
    .product-list-tj h4 {
        margin: 0;
    }
    .product-list-tj dl {
        margin: 0;
    }
    .product-list-tj h4 {
        padding: 0 2%;
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #e5e5e5;
    }
    .product-list-tj {
        background: #f7f7f7;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        margin-top: 20px;
    }
    .product-list-tj dl {
        display: none;
    }
    .product-list-tj dl dt {
        width: 96%;
        margin: 0 auto;
        float: none;
        border-bottom: 1px solid #e5e5e5;
        height: 55px;
        line-height: 55px;
    }
    .product-list-tj dl dd {
        display: none;
    }
    .product-list-arr .pc-pic {
        display: none;
    }
    .product-list-arr .m-pic {
        display: block;
    }
    .product-list-i {
        display: block;
    }
    .product-list .right-layout {
        width: 100%;
    }
    .product-list-xx-info p {
        display: none;
    }
}


/****---------------------------------产品列表结束-------------------------------***/


/****---------------------------------案例研究页开始-------------------------------***/


/*home_nav*/

.s_CaseStudies .home_nav {
    padding: 15px 0;
}

.s_CaseStudies .home_nav .this {
    color: #e10032;
}

@media screen and (max-width: 1366px) {
    .s_CaseStudies .home_nav {
        width: 92%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 816px) {
    .s_CaseStudies .home_nav {
        display: none;
    }
}


/*s_CaseStudies_nav*/

.s_CaseStudies_nav {
    display: none;
    width: 92%;
    margin: 0 auto;
}

.s_CaseStudies_nav ul li {
    float: left;
    width: 50%;
    margin: 5% 0;
}

.s_CaseStudies_nav ul li a {
    font-size: 20px;
    color: #333;
}

.s_CaseStudies_nav ul li .on {
    color: #e10032;
}

@media screen and (max-width: 768px) {
    .s_CaseStudies_nav {
        display: block;
    }
}


/*s_CaseStudies_list*/

.s_CaseStudies_list li {
    margin: 6% 0;
}

.s_CaseStudies_list .left {
    position: relative;
    width: 25%;
    float: left;
}

.s_CaseStudies_list .left img {
    width: 100%;
}

.s_CaseStudies_list .left .more {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -100px;
    font-size: 14px;
    color: #e10032;
}

.s_CaseStudies_list .left .more img {
    width: auto;
}

.s_CaseStudies_list .right {
    width: 70%;
    float: left;
    margin-left: 60px;
}

.s_CaseStudies_list .right .tit {
    display: inline-block;
    font-size: 20px;
    color: #333;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 1%;
}

.s_CaseStudies_list .right .text {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    letter-spacing: 1px;
}

@media screen and (max-width: 1366px) {
    .s_CaseStudies_list {
        width: 95%;
        margin: 0 auto;
    }
    .s_CaseStudies_list .right {
        margin-left: 45px;
    }
    .s_CaseStudies_list .left .more {
        right: -83px;
    }
}

@media screen and (max-width: 1024px) {
    .s_CaseStudies_list .right .text {
        font-size: 12px;
        line-height: 20px;
    }
}

@media screen and (max-width: 965px) {
    .s_CaseStudies_list .right {
        margin-left: 30px;
    }
    .s_CaseStudies_list .left .more {
        right: -70px;
    }
}

@media screen and (max-width: 816px) {
    .s_CaseStudies_list .right .text {
        display: none;
    }
}

@media screen and (max-width: 660px) {
    .s_CaseStudies_list .right {
        margin-left: 20px;
    }
    .s_CaseStudies_list .left .more {
        right: -60px;
    }
}

@media screen and (max-width: 600px) {
    .s_CaseStudies_list .right .tit {
        font-size: 18px;
    }
}

@media screen and (max-width: 530px) {
    .s_CaseStudies_list .right .tit {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .s_CaseStudies_list .right .tit {
        font-size: 14px;
    }
    .s_CaseStudies_list .right {
        margin-left: 15px;
        max-height: 40px;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }
    .s_CaseStudies_list .left .more {
        right: -50px;
        font-size: 12px;
    }
}


/*more_list*/

.s_CaseStudies_list .more_list {
    margin: 30px 0;
}

.s_CaseStudies_list .more_list a {
    display: none;
    padding: 20px 45%;
    outline: none;
}

.s_CaseStudies_list .more_list img {
    height: 29px;
}

@media screen and (max-width: 768px) {
    .s_CaseStudies_list .more_list a {
        display: inline-block;
    }
}


/*s_CaseStudies_paging*/

.s_CaseStudies_paging {
    width: 508px;
    margin: 50px auto;
}

.s_CaseStudies_paging ul li {
    float: left;
    margin: 0 5px;
    border: 1px solid #ccc;
}

.s_CaseStudies_paging ul li a {
    display: inline-block;
    font-size: 12px;
    color: #ccc;
    padding: 5px 10px;
}

.s_CaseStudies_paging ul li a:hover {
    background-color: #e10032;
    color: #fff;
}

.s_CaseStudies_paging li .on {
    color: #e10032;
}

.s_CaseStudies_paging li .tag {
    padding: 5px 15px;
}

@media screen and (max-width: 768px) {
    .s_CaseStudies_paging {
        display: none;
    }
}


/****---------------------------------案例研究页结束-------------------------------***/


/****---------------------------------方案页开始-------------------------------***/


/*s_programme_banner*/

.s_programme_banner {
    position: relative;
}

.s_programme_banner .pic {}

.s_programme_banner .pic img {
    width: 100%;
}

.s_programme_banner .pic .m_pic {
    display: none;
}

.s_programme_banner .pic .p_pic {
    display: block;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.s_programme_banner .cont {
    position: absolute;
    top: 26%;
    left: 50%;
    width: 1200px;
    margin-left: -575px;
}

.s_programme_banner .cont .tit {
    width: 600px;
    font-size: 32px;
    color: #fff;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 4%;
}

.s_programme_banner .cont .know-more {
    display: inline-block;
    padding: 14px 0;
    width: 200px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y;
}

.s_programme_banner .cont .know-more span {
    padding-right: 18px;
    background: url(../images/sa-w-arr.png) no-repeat right center;
}

@media screen and (max-width: 1366px) {
    .s_programme_banner .nav {
        width: auto;
        margin-left: 0;
        left: 5%;
    }
    .s_programme_banner .cont {
        width: auto;
        margin-left: 0;
        left: 5%;
    }
}

@media screen and (max-width: 768px) {
    .s_programme_banner .pic .p_pic {
        display: none;
    }
    .s_programme_banner .pic .m_pic {
        display: block;
    }
    .s_programme_banner .nav {
        display: none;
    }
    .s_programme_banner .cont {
        width: 80%;
        top: 20%;
    }
    .s_programme_banner .cont .tit {
        width: 100%;
        margin-bottom: 10%
    }
    .s_programme_banner .cont .tit {
        font-size: 20px;
        line-height: 1.2;
    }
    .s_programme_banner .cont .know-more {
        padding: 8px 0;
        width: 168px;
    }
}


/*s_programme_nav*/

.s_programme_nav {
    margin-bottom: 80px;
    font-size: 16px;
}

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

.s_programme_nav .home_nav a {
    text-decoration: underline;
}

.s_programme_nav .home_nav .this {
    color: #e10032;
    text-decoration: none;
}

.s_programme_nav .programme_nav .pc_programme_nav {
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.s_programme_nav .move_programme_nav_a {
    display: none;
    width: 100%;
    padding: 20px 0;
    color: #333;
    font-size: 18px;
    outline: none;
}

.s_programme_nav .pc_programme_nav li {
    float: left;
    margin: 0 2%;
}

.s_programme_nav .pc_programme_nav a {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    color: #333;
    font-size: 18px;
    outline: none;
}

.s_programme_nav .nav_cont {
    display: none;
    line-height: 1.7;
    padding-bottom: 50px;
}

.s_programme_nav .nav_cont.on {
    display: block;
}

.s_programme_nav .nav_cont p {
    color: #333;
    text-align: left;
    line-height: 1.7;
    margin: 0 0 30px;
}

.s_programme_nav .nav_cont img {
    max-width: 100%;
}

.s_programme_nav .pc_programme_nav .on a {
    color: #e10032;
    border-bottom: 2px solid #e10132;
}

.s_programme_ul_list {
    padding-bottom: 30px;
}

.s_programme_ul_list li {
    line-height: 2.6;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 16px;
    background: url(../images/dot.png) no-repeat left 17px;
}

.s_programme_ul_list li a {
    color: #333;
}

@media screen and (max-width: 1366px) {
    .s_programme_nav .nav_cont li {
        width: 96%;
        margin: 0 auto;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .s_programme_nav .move_programme_nav_item {
        margin: 0 2%;
    }
    .s_programme_nav .home_nav {
        margin: 0 2%;
    }
}

@media screen and (max-width: 820px) {
    .s_programme_nav .home_nav {
        display: none;
    }
    .s_programme_nav .programme_nav .pc_programme_nav {
        display: none;
    }
    .s_programme_nav .move_programme_nav_a {
        display: block;
        border-bottom: 1px solid #e0e0e0;
    }
    .s_programme_nav .move_programme_nav span {
        float: right;
        display: block;
    }
    .s_programme_nav .nav_cont.on {
        display: none;
    }
}


/****---------------------------------方案页结束-------------------------------***/


/****---------------------------------Product Licensing 开始-------------------------------***/

.product-licensing .sa-eng-bread .on {
    padding-right: 18px;
}

.product-licensing h2.title,
.product-licensing h1.title {
    color: #333;
    font-size: 28px;
    font-weight: normal;
    margin-top: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.product-licensing-list {
    margin-right: -2%;
    margin-top: 50px;
    margin-bottom: 80px;
}

.product-licensing-list li {
    margin-bottom: 1%;
    float: left;
    width: 47.7%;
    margin-right: 2%;
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    position: relative;
}

.product-licensing-left {
    position: absolute;
    top: 25%;
    left: 6%;
    width: 12%;
}

.product-licensing-left img {
    width: 100%;
}

.product-licensing-right {
    position: relative;
    width: 75%;
    height: 100%;
}

.product-licensing-right img {
    width: 100%;
    display: block;
}

.product-licensing-right p {
    position: absolute;
    top: 39%;
    left: 16%;
    font-size: 24px;
    color: #333;
}

.product-licensing-right p a {
    color: #333;
}

.product-licensing-right .product-licensing-dl {
    top: 68%;
    font-size: 16px;
    left: 6%;
}

.product-licensing-right .product-licensing-dl a {
    color: #e10032;
}

.product-licensing-right .product-licensing-dl img {
    width: 18px;
    display: inline;
    margin-left: 10px;
}

@media screen and (max-width: 768px) {
    .product-licensing-list {
        margin: 50px 0;
    }
    .product-licensing-list li {
        float: none;
        width: 96%;
        margin: 3% auto;
    }
    .product-licensing-right p {
        font-size: 18px;
        top: 30%;
    }
    .product-licensing-right .product-licensing-dl {
        top: 56%;
    }
    .product-licensing h2.title,
    .product-licensing h1.title {
        font-size: 24px;
    }
}

@media screen and (max-width: 400px) {
    .product-licensing-right .product-licensing-dl a span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 80%;
        display: inline-block;
    }
}


/****---------------------------------Product Licensing结束-------------------------------***/


/****---------------------------------Product life cycle 开始-------------------------------***/

.product-life .sa-eng-bread .on {
    padding-right: 18px;
}

.product-life h2.title,
.product-life h1.title {
    color: #333;
    font-size: 28px;
    font-weight: normal;
    margin-top: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.product-life-desc {
    padding-bottom: 30px;
    font-size: 16px;
}

.product-life-desc h3 {
    color: #333;
    font-size: 24px;
    margin-top: 40px;
}

.product-life-desc div {
    margin: 16px 0;
    line-height: 1.7;
    color: #666;
}

.product-life-desc .p-more {
    display: block;
    color: #e10032;
    font-size: 18px;
    float: right;
}

.product-life-list {
    margin: 20px 0;
}

.product-life-list>h3,
.product-life-list>h2 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
}

.product-life-title {
    background: #f7f7f7;
}

.product-life-title li {
    float: left;
    height: 72px;
    line-height: 72px;
    color: #333;
    font-size: 18px;
    cursor: pointer;
}

.product-life-title li a {
    color: #333;
    border-right: 1px solid #e0e0e0;
    padding: 0 24px;
}

.product-life-title .title-last a {
    border-right: none;
}

.product-life-title .on a {
    color: #e10032;
}

.product-life-content {
    margin: 12px 0;
}

.product-life-content li {
    color: #666;
    font-size: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #e0e0e0;
}

.product-life-content li p {
    float: left;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 20px;
    background: url(../images/sa-red-dot.png) no-repeat left 6px;
}

.product-life-content li .p-time {
    float: right;
    color: #999;
}

.product-life-content .p-more {
    text-align: right;
    margin: 12px 0;
}

.product-life-content .p-more a {
    color: #e10032;
    font-size: 16px;
    padding-right: 18px;
}

.product-life-title-m {
    display: none;
    border-bottom: 1px solid #fff;
    background: #f7f7f7;
    height: 72px;
    line-height: 72px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin: 0 -10px;
    padding-left: 20px;
}

.product-life-content .p-more-m {
    display: none;
}

@media screen and (max-width: 768px) {
    .product-life-title-m {
        display: block;
        font-weight: normal;
    }
    .product-life-title-m img {
        float: right;
        margin: 25px;
    }
    .product-life-title-m .on {
        color: #e94469;
    }
    .product-life-title {
        display: none;
    }
    .product-life-content li p {
        width: 94%;
        float: none;
    }
    .product-life-content li .p-time {
        float: none;
        padding-left: 24px;
    }
    .product-life-content .p-more {
        text-align: center;
    }
    .product-life-content .p-more-m {
        display: block;
        text-align: center;
        margin: 20px 0;
        font-size: 18px;
    }
    .product-life-content .p-more-m a {
        color: #e10032;
    }
    .product-life h2.title,
    .product-life h1.title {
        font-size: 24px;
    }
    .product-life-desc h3 {
        font-size: 20px;
    }
    .product-life-list>h3 {
        font-size: 20px;
    }
}


/****---------------------------------Product Licensing结束-------------------------------***/


/****---------------------------------Training Video 培训视频页开始-------------------------------***/

.s-TrainingVideo {
    padding-bottom: 30px;
}

.s-TrainingVideo .TrainingVideo {}

.s-TrainingVideo .TrainingVideo .h3tit {
    width: 1170px;
    margin: 16px auto 0;
    padding-bottom: 20px;
    color: #333;
    font-size: 28px;
    font-weight: normal;
}

.s-TrainingVideo .Recommend-box {
    background-color: #16385d;
    padding-bottom: 70px;
}

.s-TrainingVideo .Recommend img {
    width: 100%;
}

.s-TrainingVideo .Recommend {
    width: 1170px;
    margin: 0 auto;
}

.s-TrainingVideo .Recommend .Recommend-l {
    width: 73%;
}

.s-TrainingVideo .Recommend-l .h4tit {
    padding: 20px 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.s-TrainingVideo .Recommend-l .RecommendVideo {
    position: relative;
}

.s-TrainingVideo .Recommend-l .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8%;
    margin-top: -8%;
    width: 17%;
    cursor: pointer;
}

.s-TrainingVideo .Recommend-l .txt {
    background-color: #fff;
    padding: 30px 20px;
}

.s-TrainingVideo .Recommend-l h5 {
    color: #333;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: normal;
}

.s-TrainingVideo .Recommend-l p {
    color: #666;
    font-size: 16px;
}

.s-TrainingVideo .Recommend-l .know-more {
    float: right;
    margin-top: -45px;
    display: inline-block;
    padding: 15px 0;
    width: 200px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y;
}

.s-TrainingVideo .Recommend .Recommend-r {
    width: 24%;
    margin-top: 68px;
}

.s-TrainingVideo .Recommend-r li {
    position: relative;
    margin-bottom: 14%;
}

.s-TrainingVideo .Recommend-r .RecommendVideo {
    position: relative;
}

.s-TrainingVideo .Recommend-r .RecommendVideo .play {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 20px;
    cursor: pointer;
}

.s-TrainingVideo .Recommend-r p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 5px 0;
    color: #333;
    font-size: 16px;
    text-indent: 8px;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

@media screen and (max-width: 1200px) {
    .s-TrainingVideo .Recommend {
        width: 95%;
    }
    .s-TrainingVideo .TrainingVideo .h3tit {
        width: 95%;
        font-size: 24px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .s-TrainingVideo .Recommend-box {
        background-color: #fff;
        padding-bottom: 0;
    }
    .s-TrainingVideo .Recommend-l .h4tit {
        color: #333;
        width: 95%;
        margin: 0 auto;
    }
    .s-TrainingVideo .Recommend {
        width: 100%;
    }
    .s-TrainingVideo .Recommend .Recommend-l {
        float: none;
        width: 100%;
    }
    .s-TrainingVideo .Recommend .Recommend-r {
        float: none;
        width: 95%;
        margin: 68px auto 0;
    }
    .s-TrainingVideo .Recommend-r li {
        margin-bottom: 5%;
    }
}

@media screen and (max-width: 530px) {
    .s-TrainingVideo .Recommend-l .txt {
        padding: 3% 2%;
    }
    .s-TrainingVideo .Recommend-l h5 {
        font-size: 18px;
    }
    .s-TrainingVideo .Recommend-l p {
        font-size: 14px;
    }
    .s-TrainingVideo .Recommend-l .know-more {
        width: 130px;
        padding: 10px 0;
        margin-top: -35px;
    }
}


/*s-TrainingVideo*/

.s-ProductCourses {
    margin-bottom: 80px;
}

.s-ProductCourses .Courses .m-img {
    display: none;
}

.s-ProductCourses .Courses {
    width: 98%;
    margin: 0 auto;
    position: relative;
}

.s-ProductCourses .Courses ul {
    border-bottom: 1px solid #e0e0e0;
}

.s-ProductCourses .Courses li {
    float: left;
    font-size: 18px;
    color: #333;
    padding: 10px 0;
    margin-right: 80px;
    cursor: pointer;
}

.s-ProductCourses .Courses .on {
    color: #e10032;
    border-bottom: 2px solid #e00032;
}

.s-ProductCourses .Courses .more {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    color: #e10032;
    font-size: 16px;
    line-height: 45px;
    padding-right: 18px;
}

.s-ProductCourses .CoursesList {
    display: none;
    margin-top: 40px;
}

.s-ProductCourses .nth-child {
    display: block;
}

.s-ProductCourses .CoursesList .Product {
    display: none;
}

.s-ProductCourses .CoursesList li {
    float: left;
    width: 23%;
    margin: 0 1% 1%;
}

.s-ProductCourses .CoursesList .RecommendVideo {
    position: relative;
}

.s-ProductCourses .CoursesList .RecommendVideo .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.s-ProductCourses .CoursesList img {
    width: 100%;
}

.s-ProductCourses ul .more-m {
    display: none;
}

.s-ProductCourses .CoursesList p {
    font-size: 16px;
    color: #666;
    line-height: 22px;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .s-ProductCourses .Courses {
        margin-bottom: 20px;
    }
    .s-ProductCourses .CoursesList p {
        height: 44px;
        overflow: hidden;
    }
    .s-ProductCourses .Courses .m-img {
        display: block;
        position: absolute;
        top: 13px;
        right: 17px;
        z-index: 1;
        cursor: pointer;
    }
    .s-ProductCourses .CoursesList {
        width: 100%;
        margin-top: 0;
    }
    .s-ProductCourses .Courses .more {
        display: none;
    }
    .s-ProductCourses .Courses li {
        float: none;
        margin-right: 0;
        background: #f7f7f7;
        padding: 10px;
    }
    .s-ProductCourses .Courses ul {
        border-bottom: none;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
    }
    .s-ProductCourses .Courses .on {
        border-bottom: none;
    }
    .s-ProductCourses .Product img {
        float: right;
        width: 20px;
        height: 12px;
        margin-top: 5px;
    }
    .s-ProductCourses .CoursesList .nth-child {
        display: block;
    }
    .s-ProductCourses .CoursesList li {
        width: 45%;
        margin: 0 2.5% 2.5%;
    }
    .s-ProductCourses .CoursesList ul {
        position: relative;
        padding-bottom: 50px;
    }
    .s-ProductCourses ul .more-m {
        display: block;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 30px;
    }
}


/****---------------------------------Training Video 培训视频页结束-------------------------------***/


/****---------------------------------CaseCenter 案例中心英文版开始-------------------------------***/

.s-CaseCenter {
    width: 1130px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .s-CaseCenter {
        width: 94%;
        padding: 0 3%
    }
}

.s-CaseCenter .breadnav .this {
    color: #e10032;
}

.s-CaseCenter-search .search {
    width: 50%;
    padding: 25px 0;
    position: relative;
}

.s-CaseCenter-search .search input[type="text"] {
    width: 80%;
    height: 40px;
    text-indent: 6px;
    line-height: 31px;
    padding: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #999;
    display: block;
}

.s-CaseCenter-search .search input[type="button"] {
    width: 15%;
    height: 42px;
    line-height: 33px;
    border: none;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #e10032;
    position: absolute;
    top: 25px;
    right: 5%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: block;
}

@media screen and (max-width: 768px) {
    .s-CaseCenter-search .search {
        width: 95%;
    }
    .s-CaseCenter-search .search input[type="text"] {
        font-size: 14px;
        width: 80%;
    }
    .s-CaseCenter-search .search input[type="button"] {
        font-size: 14px;
        width: 20%;
    }
}

@media screen and (max-width: 475px) {
    .s-CaseCenter-search .search {
        width: 100%;
    }
    .s-CaseCenter .banner-slider .bd ul li .cont .tit {
        font-size: 16px;
    }
    .s-CaseCenter .banner-slider .bd ul li .cont .text {
        font-size: 12px;
    }
    .s-CaseCenter .ban-zq {
        margin-top: 5px;
    }
}


/*s-CaseCenter-search*/

.s-CaseCenter-screen {
    padding: 35px 0;
}

.s-CaseCenter-screen .Condition {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    font-weight: normal;
}

.s-CaseCenter-screen .Condition-m,
.s-CaseCenter-screen .m-screen {
    display: none;
}

.s-CaseCenter-screen .ScreenCondition ul {
    margin-bottom: 5px;
}

.s-CaseCenter-screen .ScreenCondition .h5tit {
    float: left;
    width: auto;
    font-size: 16px;
    color: #000;
    margin-right: 2%;
}

.s-CaseCenter-screen .ScreenCondition .h5tit strong {
    font-weight: normal;
}

.s-CaseCenter-screen .ScreenCondition .screen-input {
    float: left;
    width: 87%;
}

.s-CaseCenter-screen .ScreenCondition input {
    vertical-align: middle;
    margin-right: 10px;
}

.s-CaseCenter-screen .ScreenCondition li {
    float: left;
    font-size: 16px;
    color: #666;
    margin-right: 28px;
    cursor: pointer;
    margin-bottom: 10px;
}

.s-CaseCenter-screen .ScreenCondition .on {
    color: #e10032;
}

@media screen and (max-width: 1200px) {
    .s-CaseCenter-screen .ScreenCondition .screen-input {
        width: 80%;
    }
}

@media screen and (max-width: 768px) {
    .s-CaseCenter-screen .Condition img {
        float: right;
        margin-right: 13px;
    }
    .s-CaseCenter-screen .Condition-m {
        display: block;
        font-size: 15px;
        color: #000;
        line-height: 25px;
        padding: 15px 20px;
        border: 1px solid #eee;
        border-radius: 3px;
    }
    .s-CaseCenter-screen .ScreenCondition img.m-screen {
        width: 16px;
    }
    .s-CaseCenter-screen .Condition-m img {
        float: right;
        margin-top: 5px;
    }
    .s-CaseCenter-screen .screen {
        padding: 0 0 0 20px;
    }
    .s-CaseCenter-screen .ScreenCondition .screen-input {
        display: none;
    }
    .s-CaseCenter-screen .ScreenCondition .nth-child-1 {
        display: block;
    }
    .s-CaseCenter-screen .ScreenCondition .h5tit {
        float: none;
        padding: 15px 0;
        margin-right: 22px;
        border-bottom: 1px solid #eee;
    }
    .s-CaseCenter-screen .m-screen {
        display: block;
        float: right;
    }
    .s-CaseCenter-screen .ScreenCondition .screen-input {
        float: none;
    }
    .s-CaseCenter-screen .ScreenCondition li {
        width: 100%;
        margin: 15px 0 15px;
        float: none;
    }
}


/*CaseList*/

.s-CaseCenter-screen .CaseList li {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 40px;
    margin: 40px 0;
}

.s-CaseCenter-screen .CaseList .pic {
    float: left;
    position: relative;
    width: 25%;
}

.s-CaseCenter-screen .pic img {
    width: 100%;
}

.s-CaseCenter-screen .CaseList .Describe {
    float: right;
    position: relative;
    width: 70%;
    line-height: 30px;
}

.s-CaseCenter-screen .Describe .tit a {
    display: inline-block;
    font-size: 20px;
    color: #333;
    margin-bottom: 2%;
    font-weight: normal;
}

.s-CaseCenter-screen .Describe .more {
    color: #e10032;
    font-size: 16px;
    padding-right: 18px;
}

.s-CaseCenter-screen .Describe .text {
    font-size: 16px;
    height: 116px;
    overflow: hidden;
}

.s-CaseCenter-screen .more_list {
    display: none;
}

@media screen and (max-width: 1200px) {
    .s-CaseCenter-screen .Describe .txt {
        font-size: 12px;
        line-height: 25px;
        height: 78px;
    }
    .s-CaseCenter-screen .pic .more {
        right: -47%;
    }
}

@media screen and (max-width: 920px) {
    .s-CaseCenter-screen .CaseList .pic {
        width: 30%;
    }
    .s-CaseCenter-screen .CaseList .Describe {
        width: 65%;
    }
}

@media screen and (max-width: 768px) {
    .s-CaseCenter-screen .CaseList {
        padding: 0 15px;
    }
    .s-CaseCenter-screen .Describe .tit a {
        margin: 0;
    }
    .s-CaseCenter-screen .Describe .text {
        display: none;
    }
    .s-CaseCenter-screen .CaseList li {
        margin: 20px 0;
        padding: 20px 0;
        border-bottom: 1px solid #eee;
    }
    .s-CaseCenter-screen .more_list {
        display: block;
        width: 57px;
        height: 29px;
        margin: 30px auto;
        cursor: pointer;
    }
    .s-CaseCenter-screent .more_list img {
        height: 29px;
    }
}

@media screen and (max-width: 475px) {
    .s-CaseCenter-screen .CaseList .pic {
        width: 35%;
    }
    .s-CaseCenter-screen .CaseList .Describe {
        width: 60%;
    }
    .s-CaseCenter-screen .Describe .tit {
        height: 58px;
        overflow: hidden;
    }
    .s-CaseCenter-screen .Describe .tit a {
        font-size: 16px;
    }
}


/*s-CaseCenter-screen*/


/****---------------------------------案例中心结束-------------------------------***/


/****---------------------------------TechnicalDocuments 技术文件英文版页结束-------------------------------***/

.s-TechnicalDocuments {
    width: 1170px;
    margin: 0 auto;
}

.s-TechnicalDocuments-b {
    background: #f3f3f3;
}

@media screen and (max-width: 1200px) {
    .s-TechnicalDocuments {
        width: 94%;
        padding: 0 3%;
    }
}

.s-TechnicalDocuments .breadnav .this {
    color: #e10032;
}

.s-TechnicalDocuments .TD-h2 {
    font-size: 28px;
    color: #333;
    margin-top: 36px;
    padding-bottom: 20px;
    font-weight: normal;
}

@media screen and (max-width: 768px) {
    .s-TechnicalDocuments .TD-h2 {
        text-align: center;
        font-size: 24px;
    }
}

.TechnicalDocuments-Cookbook h3 a {
    color: #333;
}

.TechnicalDocuments-Cookbook h3 {
    color: #303030;
    font-size: 20px;
    padding: 30px 0;
}

.TechnicalDocuments-Cookbook .Cookbook h4 a {
    color: #333;
}

.TechnicalDocuments-Cookbook .Cookbook h4 {
    font-size: 18px;
    color: #333;
    padding: 30px 0;
    border-top: 1px solid #e0e0e0;
}

.TechnicalDocuments-Cookbook .Cookbook h4 img {
    display: none;
}

.TechnicalDocuments-Cookbook .Cookbook li a {
    color: #333;
}

.TechnicalDocuments-Cookbook .Cookbook li {
    float: left;
    width: 20%;
    font-size: 16px;
    color: #4d4d4d;
    text-align: center;
    padding-bottom: 30px;
}

.TechnicalDocuments-Cookbook .Cookbook li img {
    margin-right: 15px;
}

.TechnicalDocuments-Cookbook .Cookbook .on a {
    color: #e10032;
}

@media screen and (max-width: 768px) {
    .TechnicalDocuments-Cookbook .Cookbook:nth-child(4) ul {
        display: none;
    }
    .TechnicalDocuments-Cookbook .Cookbook h4 {
        border: none;
    }
    .TechnicalDocuments-Cookbook .Cookbook h4 img {
        display: block;
        float: right;
        margin-top: 5px;
    }
    .TechnicalDocuments-Cookbook .Cookbook li {
        float: none;
        zoom: 1;
        width: 22%;
        height: 16px;
        padding: 30px 37.5%;
        border-top: 1px solid #e0e0e0;
    }
    .TechnicalDocuments-Cookbook .Cookbook li:nth-child(1) {
        border: none;
    }
    .TechnicalDocuments-Cookbook .Cookbook li img {
        float: left;
        margin: 0;
    }
    .TechnicalDocuments-Cookbook .Cookbook li span {
        float: right;
        width: 85px;
        text-align: left;
    }
}

@media screen and (max-width: 610px) {
    .TechnicalDocuments-Cookbook .Cookbook li {
        width: 30%;
        padding: 30px 35%;
    }
}

@media screen and (max-width: 475px) {
    .TechnicalDocuments-Cookbook .Cookbook li {
        width: 40%;
        padding: 30px 30%;
    }
}

@media screen and (max-width: 360px) {
    .TechnicalDocuments-Cookbook .Cookbook li {
        width: 45%;
        padding: 30px 27.5%;
    }
}

.TechnicalDocuments-Search .sa-search-wrap {
    position: relative;
    height: 100px;
}

.TechnicalDocuments-Search .search input[type="text"] {
    outline: none;
    text-indent: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    border: 0;
}

.TechnicalDocuments-Search .search input[type="button"] {
    color: #fff;
    background: #e10032;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20%;
    border: 0;
    border-radius: 0;
}

.TechnicalDocuments-Search .search {
    position: absolute;
    left: 35%;
    top: 30px;
    overflow: hidden;
    width: 50%;
    height: 40px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.TechnicalDocuments-Search .search-label {
    font-size: 18px;
    color: #e10032;
    position: absolute;
    top: 38px;
    left: 18%;
}

@media screen and (max-width: 1200px) {
    .TechnicalDocuments-Search .search-label {
        left: 16%;
    }
}

@media screen and (max-width: 1020px) {
    .TechnicalDocuments-Search .search-label {
        left: 6%;
    }
    .TechnicalDocuments-Search .search {
        width: 40%;
    }
}

@media screen and (max-width: 768px) {
    .TechnicalDocuments-Search .search-label {
        display: none;
    }
    .TechnicalDocuments-Search .search {
        width: 90%;
        left: 5%;
    }
    .TechnicalDocuments-Search .sa-search-wrap {
        background: #e0e0e0;
        margin: 0 -10px;
        margin-top: 10px;
    }
}

.TechnicalDocuments-Search .Document {
    width: 100%;
    margin-bottom: 80px;
}

.TechnicalDocuments-Search .Document .Document-type {
    float: left;
    width: 30%;
    margin-right: 2%;
    overflow: hidden;
}

.TechnicalDocuments-Search .Document ul {
    position: relative;
    background-color: #f7f7f7;
}

.TechnicalDocuments-Search .Document h4 {
    font-size: 16px;
    color: #333;
    padding: 20px 0;
    position: relative;
}

.TechnicalDocuments-Search .Document li {
    font-size: 16px;
    color: #4d4d4d;
    padding: 18px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.TechnicalDocuments-Search .Document li:hover {
    background: #e0e0e0 url(../images/s_technicaldocuments_right.png) no-repeat right center;
}

.TechnicalDocuments-Search .Document .m-pic {
    display: none;
}

.TechnicalDocuments-Search .Document .on {
    background: #e0e0e0 url(../images/s_technicaldocuments_right.png) no-repeat right center;
}

@media screen and (max-width: 768px) {
    .TechnicalDocuments-Search .Document li:hover {
        background: #fff;
        color: #e10032;
    }
    .TechnicalDocuments-Cookbook .Cookbook {
        border-bottom: 1px solid #fff;
    }
    .TechnicalDocuments-Cookbook .Cookbook ul {
        background: #fff;
        margin: 0 -3%;
    }
    .TechnicalDocuments-Search .Document .Document-type {
        float: none;
        width: 100%;
    }
    .TechnicalDocuments-Search .Document ul {
        border: 1px solid #e0e0e0;
        background: #fff;
        max-height: 200px;
        overflow-y: auto;
        border-radius: 4px;
    }
    .TechnicalDocuments-Search .Document li {
        border-bottom: 1px solid #e0e0e0;
    }
    .TechnicalDocuments-Search .Document .on {
        background: #fff;
        color: #e10032;
    }
    .TechnicalDocuments-Search .Document .m-pic {
        display: block;
        position: absolute;
        top: 63px;
        right: 1px;
        border-radius: 0 4px 4px 0;
        width: 58px;
        height: 58px;
        z-index: 99;
        background: #f2f2f2;
        text-align: center;
        line-height: 59px;
    }
    .TechnicalDocuments-Search .Document .m-pic img {}
    .TechnicalDocuments-Search .Model li {
        border-bottom: 1px solid #e0e0e0;
    }
    .TechnicalDocuments-Search .Model .on {
        color: #e10032;
    }
}


/****---------------------------------TechnicalDocuments 技术文件英文版页结束-------------------------------***/


/****---------------------------------SupportResources 支持资源页开始-------------------------------***/

.s-SupportResources {
    width: 1130px;
    margin: 0 auto;
    margin-bottom: 14px;
}

@media screen and (max-width: 1200px) {
    .s-SupportResources {
        width: 94%;
        padding: 3%;
        padding-top: 0;
    }
}

.s-SupportResources .Prompt {
    color: #999;
    font-size: 18px;
    padding: 20px 0 8px;
}

.s-SupportResources .Support h3 {
    font-size: 28px;
    color: #e10032;
    font-weight: normal;
    padding-bottom: 12px;
}

.s-SupportResources .Support dl {
    padding: 34px 0;
    border-top: 1px solid #e0e0e0;
}

.s-SupportResources .Support dt {
    color: #333;
    font-size: 20px;
    padding-bottom: 22px;
}

.s-SupportResources .Support dt img {
    margin-right: 4px;
    margin-top: -6px;
}

.s-SupportResources .Support dd {
    color: #434343;
    font-size: 16px;
    line-height: 26px;
    margin-left: 51px;
    padding-left: 20px;
    background: url('../images/sa-red-dot.png') no-repeat left 8px;
}

@media screen and (max-width: 768px) {
    .s-SupportResources .Support h3 {
        font-size: 24px;
    }
}


/****---------------------------------SupportResources 支持资源页结束-------------------------------***/


/****---------------------------------Milestones 开始-------------------------------***/

.s-DevelopmentHistory {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.sa-c-title {
    font-size: 28px;
    font-weight: normal;
    color: #333;
    padding-bottom: 20px;
    margin-top: 12px;
    border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 1200px) {
    .s-DevelopmentHistory {
        width: 94%;
        padding: 0 3%;
    }
}

.DevelopmentHistory-more-a {
    font-size: 16px;
    text-align: center;
    margin: 20px 0;
    display: none;
}

.DevelopmentHistory-more-a a {
    color: #e10032;
}

.DevelopmentHistory .year {
    position: relative;
}

.DevelopmentHistory .year h4,
.DevelopmentHistory .year .bd>div,
.DevelopmentHistory .year .m-more {
    display: none;
}

.DevelopmentHistory .year ul {
    padding: 40px 0;
}

.DevelopmentHistory .year li a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.DevelopmentHistory .year li a:hover {
    color: #e10032;
}

.DevelopmentHistory .year .on {
    color: #e10032;
}

.DevelopmentHistory .hd a {
    position: absolute;
    z-index: 10;
}

.DevelopmentHistory .hd .next-pic {
    top: 39px;
    left: 0;
}

.DevelopmentHistory .hd .prev-pic {
    top: 39px;
    right: 0;
}

@media screen and (max-width: 768px) {
    .DevelopmentHistory-more-a {
        display: block;
    }
    .DevelopmentHistory .hd {
        display: none;
    }
    .DevelopmentHistory .year h4,
    .DevelopmentHistory .year .bd>div {
        display: block;
        color: #666;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 6px;
    }
    .DevelopmentHistory .year .m-more {
        display: block;
        position: absolute;
        top: 45px;
        right: 4%;
        z-index: 10;
    }
    .DevelopmentHistory .year ul {
        background: #f7f7f7;
        width: 91%;
        padding: 12px 4%;
        border: 1px solid #e0e0e0;
        border-radius: 3px;
    }
    .DevelopmentHistory .year li {
        float: none;
        display: block;
    }
    .DevelopmentHistory .year li a {
        font-size: 16px;
    }
    .s-DevelopmentHistory .sa-c-title {
        text-align: center;
    }
}

.DevelopmentHistory .Event li {
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0;
}

.DevelopmentHistory .Event li:last-child {
    border-bottom: 0;
}

.DevelopmentHistory .Event li img {
    float: left;
    margin: 7px 10px 0 0;
}

.DevelopmentHistory .Event li span {
    float: left;
    width: 98%;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    .DevelopmentHistory .Event li {
        border-bottom: 1px solid #e0e0e0;
    }
    .DevelopmentHistory .Event li span {
        width: 94%;
    }
}


/****---------------------------------Milestones 结束-------------------------------***/


/****---------------------------------Register 开始-------------------------------***/

.sa-register-ft {
    font-size: 18px;
    margin-left: 20px;
}

.sa-register-ft i {
    color: #e00032;
    padding: 0 8px;
    font-style: normal;
}

.sa-register-ft .sa-register-m-h {
    color: #333;
}

.sa-register {
    margin-bottom: 80px;
}

.sa-register-form dl {
    margin-top: 30px;
}

.sa-register-form dt {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #333;
    float: left;
    width: 26%;
    margin-right: 2%;
    text-align: right;
}

.sa-register-form dd {
    float: left;
    font-size: 16px;
    color: #333;
    width: 60%;
    position: relative;
}

.sa-register-form .input-txt {
    text-indent: 12px;
    width: 90%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.sa-register-form .input-select {
    width: 90%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.sa-register-form .input-textarea {
    width: 90%;
    height: 200px;
    line-height: 1.7;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.sa-register-form .input-submit {
    font-size: 20px;
    display: block;
    margin: 20px auto;
    height: 44px;
    width: 210px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #ec5735 url(../images/btn_bg.jpg) left top repeat-y;
}

.sa-register-form .sa-mandatory {
    color: #e10032;
    position: absolute;
    top: 6px;
    right: 7%;
    font-weight: bold;
    font-size: 24px;
}

.sa-register-form .sa-mandatory-m {
    color: #e10032;
    font-weight: bold;
    font-size: 24px;
    margin-left: 2%;
    display: none;
}

@media screen and (max-width: 768px) {
    .sa-register .sa-c-title {
        text-align: center;
    }
    .sa-register-ft {
        display: block;
        text-align: left;
        margin-left: 0;
    }
    .sa-register-ft .sa-register-m-h {
        display: none;
    }
    .sa-register-form dt {
        float: none;
        width: 96%;
        text-align: left;
    }
    .sa-register-form dd {
        float: none;
        width: 96%;
    }
    .sa-register-form .input-txt {
        width: 100%;
    }
    .sa-register-form .input-select {
        width: 100%;
    }
    .sa-register-form .input-textarea {
        width: 100%;
    }
    .sa-register-form dl {
        margin-top: 10px;
    }
    .sa-register-form .sa-mandatory {
        display: none;
    }
    .sa-register-form .sa-mandatory-m {
        display: inline;
    }
}


/****---------------------------------Register 结束-------------------------------***/


/****---------------------------------Login 开始-------------------------------***/

.sa-login-form {
    margin: 30px auto 80px;
    width: 480px;
    font-size: 18px;
}

.sa-login-name,
.sa-login-password,
.sa-login-code,
.sa-login-sub {
    margin-top: 30px;
}

.sa-login-name-t,
.sa-login-password-t {
    float: left;
    width: 400px;
    height: 54px;
    line-height: 54px;
    border: 1px solid #e0e0e0;
    border-left: 0;
    text-indent: 12px;
}

.sa-login-name .sa-login-name-l {
    border: 1px solid #e0e0e0;
    border-right: 0;
    float: left;
    width: 56px;
    height: 56px;
    background: #f7f7f7 url(../images/sa_login_02.png) 2px 5px;
}

.sa-login-password .sa-login-name-l {
    border: 1px solid #e0e0e0;
    border-right: 0;
    float: left;
    width: 56px;
    height: 56px;
    background: #f7f7f7 url(../images/sa_login_02.png) 2px 58px;
}

.sa-login-code-t {
    height: 55px;
    width: 300px;
    text-indent: 12px;
    border: 1px solid #e0e0e0;
    margin-right: 10px;
}

.sa-login-a-t {
    border: 1px solid #e0e0e0;
    width: 140px;
    display: inline-block;
}

.sa-login-a-t img {
    width: 100%;
    max-height: 58px;
    height: 100%;
}

.sa-login-code {
    position: relative;
    color: #999;
}

.sa-login-forgot-t {
    font-size: 14px;
    position: absolute;
    top: -18px;
    right: 18px;
}

.sa-login-register {
    float: left;
    color: #e10032;
    font-size: 20px;
}

.sa-login-register a {
    color: #e10032;
}

.sa-login-sub {
    margin-top: 40px;
}

.sa-login-submit {
    height: 44px;
    float: right;
    width: 210px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #ec5735 url(../images/btn_bg.jpg) left top repeat-y;
}

@media screen and (max-width: 768px) {
    .sa-login .sa-c-title {
        text-align: center;
        font-size: 24px;
    }
    .sa-login-register {
        float: none;
        width: 100%;
        text-align: center;
    }
    .sa-login-submit {
        float: none;
        margin: 20px auto;
        display: block;
        width: 96%;
    }
    .sa-login-form {
        width: 100%;
    }
    .sa-login-name-t,
    .sa-login-password-t {
        width: 78%;
    }
    .sa-login-code {
        width: 100%;
    }
    .sa-login-code-t {
        flex: 1;
        height: 58px;
    }
    .sa-login-a-t {
        width: 35%;
        height: 58px;
    }
    .sa-login-sub-wrap {
        width: 100%;
    }
    .sa-login-sub {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 20px;
    }
}

@media screen and (max-width: 534px) {
    .sa-login-code {
         width: 100%;
    }
}

@media screen and (max-width: 465px) {
    .sa-login-code {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .sa-login-code {
        width: 97%;
    }
}


/****---------------------------------Login 结束-------------------------------***/


/****---------------------------------join-us 开始-------------------------------***/

.sa-join-us-cont {
    margin-bottom: 80px;
    position: relative;
}

.sa-join-us-title {
    font-size: 24px;
    color: #333;
    padding: 20px 0;
}

.sa-join-us-l {
    float: left;
    width: 50%;
}

.sa-join-us-r {
    float: left;
    width: 50%;
}

.sa-join-us-item {
    background: #f7f7f7;
    padding: 12px;
}

.sa-join-us-item h4 {
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0;
}

.sa-join-us-item li {
    width: 92%;
    color: #666;
    line-height: 1.7;
    font-size: 16px;
    padding-left: 16px;
    background: url(../images/dot.png) no-repeat left 8px;
}

.sa-join-us-apply a {
    position: absolute;
    top: 18px;
    right: 0;
    width: 130px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    background: #ec5735 url(../images/btn_bg_x.jpg) left top repeat-y;
}

.sa-join-us-arr {
    display: none;
}

@media screen and (max-width: 768px) {
    .sa-join-us .sa-c-title {
        text-align: center;
    }
    .sa-join-us-l {
        float: none;
        width: 100%;
    }
    .sa-join-us-r {
        float: none;
        width: 100%;
    }
    .sa-join-us-apply {
        text-align: center;
        margin: 20px 0;
    }
    .sa-join-us-apply a {
        position: static;
        font-size: 18px;
        background: none;
        color: #e10032;
    }
    .sa-join-us-title {
        font-size: 20px;
        background: #f7f7f7;
        margin: 0 -10px;
        padding: 20px 12px;
        position: relative;
    }
    .sa-join-us-item {
        background: #fff;
    }
    .sa-join-us-arr {
        display: block;
        position: absolute;
        top: 22px;
        right: 8px;
    }
    .sa-join-us-cont {
        margin-bottom: 2px;
    }
}


/****---------------------------------join-us 结束-------------------------------***/


/****---------------------------------contact-us 开始-------------------------------***/

.sa-contact-us-main {
    margin-bottom: 40px;
}

.sa-contact-us-title {
    font-size: 24px;
    color: #333;
    margin: 30px 0 20px;
}

.sa-contact-us-dl {}

.sa-contact-us-dl dt {
    font-size: 20px;
    color: #333;
    font-weight: normal;
}

.sa-contact-us-dl dd {
    line-height: 1.7;
    font-size: 16px;
    color: #666;
}

.sa-contact-us-img {
    margin: 30px 0;
    margin-right: -2%;
}

.sa-contact-us-item {
    float: left;
    margin-right: 2%;
    width: 48%;
    position: relative;
}

.sa-contact-us-item img {
    width: 100%;
    display: block;
}

.sa-contact-us-desc {
    position: absolute;
    top: 20%;
    left: 4%;
}

.sa-contact-us-desc h5 {
    font-size: 20px;
    color: #333;
    padding-left: 40px;
    margin-bottom: 12px;
}

.sa-contact-us-desc p {
    font-size: 16px;
    line-height: 1.7;
}

.sa-contact-us-desc .sa-icon-1 {
    background: url(../images/sa_contact_03.png) no-repeat;
}

.sa-contact-us-desc .sa-icon-2 {
    background: url(../images/sa_contact_04.png) no-repeat;
}

.sa-contact-us-main .sa-sess {
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.sa-contact-us-main .sa-sess:last-child {
    border-bottom: 0;
}

@media screen and (max-width: 768px) {
    .sa-contact-us .sa-c-title {
        text-align: center;
    }
    .sa-contact-us-img {
        margin-right: 0;
    }
    .sa-contact-us-item {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 2%;
    }
    .sa-contact-us-desc {
        left: 2%;
    }
}

@media screen and (max-width: 447px) {
    .sa-contact-us-desc h5 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .sa-contact-us-desc p {
        font-size: 14px;
        line-height: 1.4;
    }
}


/****---------------------------------contact-us 结束-------------------------------***/


/****---------------------------------sa-about-ruijie 开始-------------------------------***/

.sa-about-ruijie-txt {
    margin: 30px 0 0;
    line-height: 1.7;
    font-size: 16px;
    color: #333;
}

.sa-about-ruijie-zt {
    font-weight: normal;
    font-size: 28px;
    color: #333;
    margin-bottom: 30px;
}

.sa-about-ruijie-tw {
    position: relative;
    height: 1000px;
    margin-bottom: 80px;
}

.sa-about-ruijie-wz {
    width: 272px;
    background: #f7f7f7;
    padding: 10px;
    line-height: 1.7;
    font-size: 16px;
    color: #333;
    margin-bottom: 12px
}

.sa-about-ruijie-wz h5 {
    font-size: 18px;
}

.sa-about-ruijie-tp img {
    max-width: 100%;
}

.sa-about-ruijie-1-p {
    position: absolute;
    top: 24%;
    left: 25%;
}

.sa-about-ruijie-2-p {
    position: absolute;
    top: 15%;
    left: 48%;
}

.sa-about-ruijie-3-p {
    position: absolute;
    top: 24%;
    left: 70%;
}

.sa-about-ruijie-4-p {
    position: absolute;
    top: 58%;
    left: 25%;
}

.sa-about-ruijie-5-p {
    position: absolute;
    top: 64%;
    left: 46%;
}

.sa-about-ruijie-6-p {
    position: absolute;
    top: 58%;
    right: 9%;
}

.sa-about-ruijie-7-p {
    position: absolute;
    top: 38%;
    left: 47%;
}

.sa-about-ruijie-1-t {
    position: absolute;
    top: 4%;
    left: 0;
}

.sa-about-ruijie-2-t {
    position: absolute;
    top: 0;
    left: 38%;
}

.sa-about-ruijie-3-t {
    position: absolute;
    top: 4%;
    right: 0;
}

.sa-about-ruijie-4-t {
    position: absolute;
    top: 76%;
    left: 4%;
}

.sa-about-ruijie-5-t {
    position: absolute;
    top: 88%;
    left: 43%;
}

.sa-about-ruijie-6-t {
    position: absolute;
    top: 80%;
    right: 0;
}

.as-about-ruijie-d-more {
    text-align: center;
    margin: 10px 0 30px;
    display: none;
}

@media screen and (max-width: 1200px) {
    .sa-about-ruijie-6-p {
        right: 0;
    }
    .sa-about-ruijie-6-t {
        width: 22%;
    }
}

@media screen and (max-width: 992px) {
    .sa-about-ruijie-wz {
        width: 26%;
        max-height: 108px;
        overflow: hidden;
    }
    .sa-about-ruijie-tp {
        width: 20%;
    }
    .sa-about-ruijie-6-t {
        top: 72%;
    }
    .sa-about-ruijie-1-p {
        left: 20%;
    }
    .sa-about-ruijie-4-p {
        left: 20%;
    }
}

@media screen and (max-width: 768px) {
    .sa-about-ruijie-tw {
        margin-right: -2%;
    }
    .sa-about-ruijie-item {
        width: 48%;
        margin-right: 2%;
        float: left;
    }
    .sa-about-ruijie-7-p {
        display: none;
    }
    .sa-about-ruijie-tp {
        width: auto;
        height: 210px;
        line-height: 210px;
        text-align: center;
        position: static;
    }
    .as-about-ruijie-d-more {
        display: block;
        cursor: pointer;
    }
    .sa-about-ruijie-wz {
        height: 190px;
        overflow: hidden;
        width: auto;
        position: static;
    }
    .sa-about-ruijie-tw {
        height: auto;
        margin-bottom: 20px;
    }
    .sa-about-ruijie-txt {
        max-height: 300px;
        overflow: hidden;
    }
    .sa-about-ruijie-zt {
        font-size: 24px;
    }
    .sa-c-title {
        font-size: 24px;
    }
}


/****---------------------------------sa-about-ruijie 结束-------------------------------***/


/*分页*/

.sa-page {
    text-align: center;
    margin: 12px 0;
    position: relative;
}

.sa-page a {
    display: inline-block;
    color: #666;
    font-size: 18px;
    border: 1px solid #666;
    padding: 4px 12px;
    margin: 0 4px;
}

.sa-page a.on {
    color: #d90030;
}

.sa-page a.no {
    color: #999;
    border: 1px solid #999;
}

.page>span>a {
    display: inline-block;
    color: #666;
    font-size: 18px;
    border: 1px solid #666;
    padding: 4px 12px;
    margin: 0 4px;
}

.page>span>a.on {
    color: #d90030;
}

.page>span>a.no {
    color: #999;
    border: 1px solid #999;
}

@media screen and (max-width: 768px) {
    .sa-page a {
        display: none;
    }
    .sa-page a.on {
        display: inline-block;
        border: 0;
        color: #333;
        overflow: hidden;
    }
    .sa-recruitment-more-a {
        display: block;
        text-align: center;
    }
    .sa-page a.page-prev {
        color: #fff;
        display: inline-block;
        border: 0;
        width: 54px;
        height: 25px;
        overflow: hidden;
        text-indent: 100px;
        position: relative;
    }
    .sa-page a.page-next {
        color: #fff;
        display: inline-block;
        border: 0;
        width: 54px;
        height: 25px;
        overflow: hidden;
        text-indent: 100px;
        position: relative;
    }
    .sa-page a.page-next:after {
        color: #e10032;
        content: '>';
        display: block;
        position: absolute;
        top: -6px;
        left: -74px;
        width: 54px;
        font-family: '宋体';
        font-weight: bold;
        font-size: 30px;
    }
    .sa-page a.page-prev:before {
        color: #e10032;
        content: '<';
        display: block;
        position: absolute;
        top: -6px;
        left: -70px;
        width: 54px;
        font-family: '宋体';
        font-weight: bold;
        font-size: 30px;
    }
    .sa-page-mark {
        width: 80px;
        height: 40px;
        z-index: 1;
        position: absolute;
        top: -3px;
        left: 50%;
        margin-left: -40px;
    }
}


/*分页end*/


/*下拉面包屑*/

.other-bread-more {
    border: 1px solid #fff;
    padding: 5px;
    padding-right: 15px;
    position: relative;
    z-index: 2;
    background: url(../images/img_31.jpg) no-repeat right center;
}

.bread-drop {
    margin: 20px 0;
}

.bread-drop .bread-drop-item {
    float: left;
    color: #333;
    position: relative;
}

.bread-drop .bread-drop-item>a {
    color: #333;
    display: inline-block;
    padding: 5px;
    text-decoration: underline;
}

.bread-drop .bread-drop-item.on>a {
    text-decoration: none;
    z-index: 2;
    position: relative;
    color: #e10032;
    background: url(../images/img_31.jpg) no-repeat right center;
    border: 1px solid #fff;
    padding-right: 15px;
}

.bread-drop .bread-drop-item.on:hover>a {
    border: 1px solid #e0e0e0;
    border-bottom: 1px solid #fff;
}

.other-ind-bread-child {
    border: 1px solid #e0e0e0;
    position: absolute;
    background: #fff;
    width: 300px;
    top: 30px;
    display: none;
}

.other-ind-bread-child ul {
    padding: 0 12px;
}

.other-ind-bread-child li {
    line-height: 1.7;
    padding: 5px;
}

@media screen and (max-width: 768px) {
    .bread-drop {
        display: none;
    }
}


/****---------------------------------文章详情开始-------------------------------***/

.s-ArticleDetails-wrapper {
    width: 1200px;
    margin: 0 auto;
}

.s-Article-product .swiper-slide {
    display: block;
}

.s-Article-product .swiper-slide a {
    display: block;
}

@media screen and (max-width: 1200px) {
    .s-ArticleDetails-wrapper {
        width: 94%;
        padding: 0 3%;
    }
}


/*Articledetails-wrapper*/

.s-Article-content {
    position: relative;
}

.s-Article-title {
    font-size: 28px;
    font-weight: normal;
    color: #1a1a1a;
    text-align: center;
    margin-top: 12px;
}

.Statistics-border {
    width: 100%;
    text-align: center;
    margin: 2% 0;
    font-size: 16px;
}

.Statistics-border>span {
    color: #666;
}

.Statistics-border-djl {
    margin-left: 3%;
}

.Statistics-border-xzl {
    margin-left: 3%;
}

.Statistics-border-xz {
    color: #e10032;
    margin-left: 1%;
}

.s-Article-content .Article-text {
    font-size: 16px;
    color: #666;
    line-height: 2;
    border-top: 1px solid #e0e0e0;
    padding-top: 2%;
}

.s-Article-content .Article-text ul {
    padding-left: 2em;
}

.s-Article-content .Article-text p {
    margin-bottom: 12px;
}

.s-Article-content .Article-text div {
    margin-bottom: 12px;
}

.s-Article-content .Article-text ul {
    margin-bottom: 12px;
}

.s-Article-content .Article-text ol {
    margin-bottom: 12px;
}

.s-Article-content .Article-text li {
    list-style-type: disc;
    list-style-position: inside;
}

.s-Article-content .Article-text img {
    width: 100%;
    height: 100%;
}

.s-Article-content .Article-download {
    padding-bottom: 45px;
    border-bottom: 1px solid #e0e0e0;
}

.s-Article-content .Article-download a {
    font-size: 16px;
    color: #e10133;
}

.s-Article-content .Article-download .s_fenxiangwailian {
    position: absolute;
    right: 0;
    top: 58px;
}

.s-Article-content .Article-download .s_fenxiangwailian li {
    float: left;
}

.s-Article-content .s_fenxiangwailian img {
    width: 40px;
    margin-right: 5px;
}

.s-Article-content .ArticleWhether p {
    color: #999;
    font-size: 16px;
    padding: 20px 0;
}

.s-Article-content .ArticleWhether p span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
    border: 1px solid #006afe;
    border-radius: 50%;
    color: #006afe;
    cursor: pointer;
}

.s-Article-content .ArticleWhether p span:nth-child(2) {
    margin-right: 15px;
}

.s-Article-content .Article-textarea {
    font-size: 16px;
    color: #999;
    display: none;
}

.s-Article-content .Article-textarea .txt1 {
    float: left;
    width: 9%;
}

.s-Article-content .Article-textarea .txt2 {
    float: left;
    width: 82%;
    height: 200px;
    border: 2px solid #999;
    font-size: 16px;
    color: #999;
    text-indent: 5px;
}

.s-Article-content .Article-textarea .txt3 a {
    float: right;
    width: 7%;
    margin-top: 190px;
    font-size: 14px;
    font-weight: 600;
    color: #006afe;
}

@media screen and (max-width: 1024px) {
    .s-Article-content .Article-download {
        position: relative;
    }
    .s-Article-content .Article-download .s_fenxiangwailian {
        top: -10px;
    }
}

@media screen and (max-width: 900px) {
    .s-Article-content .Statistics {
        width: 65%;
    }
}

@media screen and (max-width: 875px) {
    .s-Article-content .Article-textarea .txt1 {
        width: 11%;
    }
    .s-Article-content .Article-textarea .txt2 {
        width: 77%;
    }
    .s-Article-content .Article-textarea .txt3 a {
        width: 8%;
    }
}

@media screen and (max-width: 768px) {
    .Statistics-border>span {
        padding-bottom: 2%;
    }
    .Statistics-border-xz {
        display: inline-block;
    }
    .Statistics-border-m-l {
        display: block;
    }
    .Statistics-border-djl {
        margin-left: 0;
    }
    .Statistics-border-xzl {
        margin-left: 0;
    }
    .s-Article-content .Statistics {
        width: 65%;
    }
    .s-Article-content .Statistics li {
        width: 44%;
        font-size: 14px;
    }
    .s-Article-content .Article-img {
        width: 65%;
        height: auto;
    }
    .s-Article-content .Article-img p {
        margin: 5% 0;
    }
    .s-Article-content .Article-textarea .txt1 {
        float: none;
        width: auto;
        margin-bottom: 3%;
    }
    .s-Article-content .Article-textarea .txt2 {
        float: none;
        width: 97%;
        height: 127px;
    }
    .s-Article-content .Article-textarea .txt3 a {
        width: auto;
        margin: 2% 2% 0 0;
    }
}

@media screen and (max-width: 610px) {
    .s-Article-title {
        font-size: 20px;
    }
    .s-Article-content .Statistics {
        width: 95%;
    }
    .s-Article-content .Article-img p {
        letter-spacing: 0;
        font-size: 14px;
    }
    .s-Article-content .ArticleWhether p {
        font-size: 14px;
    }
    .s-Article-content .Article-textarea .txt1 {
        font-size: 14px;
    }
    .s-Article-content .Article-textarea .txt2 {
        font-size: 14px;
    }
}

@media screen and (max-width: 414px) {
    .s-Article-content h2 {
        font-size: 18px;
    }
    .s-Article-content .Statistics {
        width: 100%;
    }
    .s-Article-content .Statistics li {
        font-size: 12px;
    }
    .s-Article-content .Article-img p {
        letter-spacing: 0;
        font-size: 12px;
    }
    .s-Article-content .ArticleWhether p {
        font-size: 12px;
    }
    .s-Article-content .Article-textarea .txt1 {
        font-size: 12px;
    }
    .s-Article-content .Article-textarea .txt2 {
        font-size: 12px;
    }
    .s-Article-Relevant h3 {
        font-size: 18px;
    }
    .s-Article-Relevant .txt {
        font-size: 12px;
    }
    .s-Article-Relevant .time {
        font-size: 12px;
    }
}


/*s-Article-content*/

.s-Article-Relevant {
    position: relative;
    background-color: #f3f3f3;
    padding: 3%;
    margin: 30px 0;
}

.s-Article-Relevant ul {
    margin-top: 3%;
}

.s-Article-Relevant ul li {
    float: none;
    margin: 1% 0;
}

.s-Article-Relevant h3 {
    font-size: 28px;
    color: #303030;
    font-weight: normal;
}

.s-Article-Relevant .txt {
    float: left;
    font-size: 16px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.s-Article-Relevant .txt img {
    margin-right: 10px;
    margin-bottom: 5px;
}

.s-Article-Relevant .time {
    float: right;
    font-size: 14px;
    color: #afafaf;
}

.s-Article-Relevant .more {
    font-size: 16px;
    color: #de0031;
    padding-right: 18px;
}

.s-Article-Relevant .more-box {
    position: absolute;
    top: 40px;
    right: 3%;
}

@media screen and (max-width: 768px) {
    .s-Article-Relevant {
        padding: 3% 0;
    }
    .s-Article-Relevant h3 {
        text-align: center;
    }
    .s-Article-Relevant p.txt {
        float: none;
        margin: 1% 0;
    }
    .s-Article-Relevant p.time {
        float: none;
        margin-left: 10px;
    }
    .s-Article-Relevant ul li {
        margin: 2% 0;
    }
    .s-Article-Relevant .more-box {
        position: static;
        text-align: center;
    }
}

@media screen and (max-width: 414px) {
    .s-Article-Relevant h3 {
        font-size: 18px;
    }
    .s-Article-Relevant p.time {
        font-size: 14px;
    }
}


/*s-Article-Relevant*/

.s-Article-product {
    position: relative;
    background: #f3f3f3;
    width: 94%;
    padding: 3%;
    margin-bottom: 80px;
}

.s-Article-product .p-title {
    margin-bottom: 20px;
    color: #333;
    text-align: left;
    font-size: 28px;
    font-weight: normal;
}

.s-Article-product .product {
    position: relative;
    width: 94%;
    height: 270px;
    padding: 0 3%;
    overflow: hidden;
}

.s-Article-product .product a img {
    width: 95%;
    display: block;
    margin: 0 auto;
    max-height: 160px;
}

.s-Article-product .product .title {
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    padding: 5%;
}

.s-Article-product .product .title a {
    color: #333;
}

.s-Article-product .product .prev {
    position: absolute;
    top: 20%;
    left: 0;
    cursor: pointer;
}

.s-Article-product .product .next {
    position: absolute;
    top: 20%;
    right: 0;
    cursor: pointer;
}

.s-Article-product .pagination {
    display: none;
}

.s-Article-product .pagination .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #fff;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #e10032;
    cursor: pointer;
}

.s-Article-product .pagination .swiper-active-switch {
    background: #e10032;
}

@media screen and (max-width: 996px) {
    .s-Article-Relevant .more-box {
        top: 36px;
    }
    .s-Article-product .pagination {
        display: block;
        position: absolute;
        z-index: 20;
        bottom: 10px;
        left: 50%;
        margin-left: -50%;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .s-Article-product .product .prev,
    .s-Article-product .product .next {
        display: none;
    }
    .s-Article-product .product .title {
        padding: 5% 10%;
    }
    .s-Article-product .product {
        height: auto;
        min-height: 260px;
    }
}


/*s-Article-product*/


/****---------------------------------文章详情结束-------------------------------***/

.no-banner-line {
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #e0e0e0;
}

.service-announcement-top-line {
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #e0e0e0;
}


/****---------------------------------信息列表页开始-------------------------------***/

.sa-xxlly {
    margin: 30px 0;
}

.sa-xxlly .sa-xxlly-title {
    font-size: 24px;
    font-weight: normal;
    color: #333;
}

.sa-xxlly-coll-head {
    line-height: 80px;
    background: #f7f7f7;
}

.sa-xxlly-coll-head li {
    float: left;
    cursor: pointer;
    font-size: 20px;
    color: #333;
    line-height: 78px;
    margin: 0 2%;
    border-bottom: 2px solid #f7f7f7;
}

.sa-xxlly-coll-head li.on {
    color: #e00032;
    border-bottom: 2px solid;
}

.sa-xxlly-coll-body {
    margin: 20px 0;
}

.sa-xxlly-coll-item {}

.sa-xxlly-coll-item dl {}

.sa-xxlly-coll-item dt {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 40px 0 22px;
}

.sa-xxlly-coll-item dd {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 32px;
    border-bottom: 1px solid #e6e6e6;
}

.sa-xxlly-coll-item dd:last-child {
    border-bottom: 0;
}

.sa-xxlly-coll-item dd a {
    color: #333;
}

.sa-xxlly-coll-item dd .sa-txt {
    float: left;
    padding-left: 16px;
    background: url(../images/dot.png) no-repeat left center;
    width: 78%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sa-xxlly-coll-item dd .sa-time {
    color: #666;
    float: right;
}

.sa-xxlb-3-item {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
    font-size: 16px;
    position: relative;
}

.sa-xxlb-3-item .sa-title {
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin: 20px 0;
    width: 95%;
}

.sa-xxlb-3-item .sa-desc {
    font-size: 16px;
    line-height: 1.7;
    width: 80%;
    color: #666;
}

.sa-xxlb-3-item .sa-more {
    color: #e00032;
    margin-top: 12px;
    display: inline-block;
    padding-right: 18px;
}

.sa-xxlb-3-item .sa-time {
    position: absolute;
    top: 0;
    right: 0;
}

.sa-xxlb-3-item:last-child {
    border-bottom: 0;
}

.sa-xxlb-2-ul {
    margin: 26px auto 62px;
}

.sa-xxlb-2-item {
    font-size: 16px;
    line-height: 2;
}

.sa-xxlb-2-item .sa-title {
    float: left;
    font-size: 18px;
    padding-left: 16px;
    background: url(../images/dot.png) no-repeat left center;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sa-xxlb-2-item .sa-title a {
    color: #333;
}

.sa-xxlb-2-item .sa-time {
    float: right;
    color: #666;
}

.sa-xxlly-m-title {
    display: none;
}

@media screen and (max-width: 992px) {
    .sa-xxlb-3-item .sa-title {
        width: 85%;
    }
}

@media screen and (max-width: 768px) {
    .sa-xxlly {
        margin: 20px 0 30px;
    }
    .sa-xxlly-coll-item dd .sa-txt {
        width: 90%;
        float: none;
    }
    .sa-xxlly-coll-item dd .sa-time {
        float: none;
        padding-left: 16px;
    }
    .sa-xxlly .sa-xxlly-title {
        font-size: 22px;
    }
    .sa-xxlly-m-title {
        position: relative;
        display: block;
        font-size: 22px;
        font-weight: normal;
        background: #f7f7f7;
        height: 80px;
        line-height: 80px;
        margin: 0 -10px;
        text-indent: 16px;
    }
    .sa-xxlly-coll-head {
        display: none;
    }
    .sa-xxlly-m-title img {
        position: absolute;
        top: 28px;
        right: 10px;
    }
    .sa-xxlb-3-item .sa-desc {
        width: 100%;
    }
    .sa-xxlb-3-item .sa-time {
        position: static;
        margin-bottom: 12px;
    }
    .sa-xxlb-2-item .sa-title {
        width: 96s%;
        float: none;
    }
    .sa-xxlb-2-item .sa-time {
        float: none;
        padding-left: 16px;
    }
    .sa-xxlb-2 .sa-c-title {
        font-size: 22px;
    }
    .sa-xxlb-2-item {
        line-height: 1.3;
        margin-bottom: 12px;
    }
}

.sa-search {
    position: relative;
    height: 42px;
    width: 46%;
    margin: 40px 0;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.sa-input {
    outline: none;
    text-indent: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    border: 0;
}

.sa-button {
    color: #fff;
    background: #e10032;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20%;
    border: 0;
    border-radius: 0;
}


/*.sa-search{width:46%;margin:40px 0;}
	.sa-input{border:1px solid #999;color:#333;height:36px;line-height:40px;float:left;width:80%;text-indent:10px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
	.sa-button{border:none;background:#d90030;color:#fff;font-size:16px;height:40px;line-height:40px;float:left;width:18%;border-top-right-radius:4px;border-bottom-right-radius:4px;}
	*/

.sa-tplby-check {
    font-size: 18px;
    color: #333;
    margin: 40px 0;
}

.sa-tplby-check .sa-tplby-check-icon {
    display: none;
}

.sa-tplby-check dl {
    width: 100%;
}

.sa-tplby-check dt {
    font-size: 20px;
    width: 14%;
    float: left;
}

.sa-tplby-check dd {
    width: 86%;
    float: left;
}

.sa-tplby-check dd span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 12px;
}

.sa-tplby-check dd span label {
    margin-left: 8px;
}

@media screen and (max-width: 992px) {
    .sa-tplby-check dt {
        width: 16%;
    }
    .sa-tplby-check dd {
        width: 84%;
    }
}

@media screen and (max-width: 768px) {
    .sa-tplby-check dl {
        background: #f7f7f7;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        padding: 4% 2%;
        width: 96%;
        max-height: 200px;
        overflow: auto;
    }
    .sa-tplby-check dt {
        width: 96%;
        float: none;
        font-size: 18px;
    }
    .sa-tplby-check dd {
        width: 96%;
        float: none;
        display: none;
        margin-top: 12px;
    }
    .sa-tplby-check dd span {
        display: block;
    }
    .sa-tplby-check .sa-tplby-check-icon {
        display: block;
        float: right;
    }
    .sa-search {
        width: 100%;
    }
    .sa-input {
        width: 74%;
    }
    .sa-button {
        width: 22%;
    }
}


/****---------------------------------信息列表页结束-------------------------------***/


/****---------------------------------图片列表页开始-------------------------------***/

.sa-tplby-check {
    font-size: 16px;
    color: #333;
    margin: 40px 0;
}

.sa-tplby-check .sa-tplby-check-icon {
    display: none;
}

.sa-tplby-check dl {
    width: 100%;
}

.sa-tplby-check dt {
    font-size: 18px;
    width: 12%;
    float: left;
}

.sa-search-check dt {
    font-size: 18px;
    width: 20%;
    float: left;
}

.sa-tplby-check dd {
    width: 88%;
    float: left;
    padding-top: 4px;
}

.sa-search-check dd {
    width: 80%;
    float: left;
    padding-top: 4px;
}

.sa-tplby-check dd span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 12px;
}

.sa-tplby-check dd span label {
    margin-left: 8px;
}

@media screen and (max-width: 992px) {
    .sa-tplby-check dt {
        width: 16%;
    }
    .sa-tplby-check dd {
        width: 84%;
    }
}

.sa-tplby-list {
    width: 100%;
    margin-right: 2%;
    margin-bottom: 60px;
}

.sa-tplby-item {
    padding-bottom: 12px;
    float: left;
    width: 31.33%;
    margin-right: 2%;
    background: #f7f7f7;
    margin-bottom: 2%;
}

.sa-tplby-img img {
    width: 100%;
    display: block;
}

.sa-tplby-desc h3 {
    font-weight: normal;
    font-size: 20px;
    color: #333;
    padding: 12px;
    height: 46px;
    overflow: hidden;
}

.sa-tplby-desc h3 a {
    color: #333;
}

.sa-tplby-desc p {
    font-size: 15px;
    line-height: 1.7;
    padding: 12px;
    height: 92px;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .sa-tplby .sa-c-title {
        text-align: center;
        margin-top: 20px;
    }
    .sa-tplby-check dl {
        background: #f7f7f7;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        padding: 4% 2%;
        width: 96%;
        max-height: 200px;
        overflow: auto;
    }
    .sa-tplby-check dt {
        width: 96%;
        float: none;
        font-size: 18px;
    }
    .sa-tplby-check dd {
        width: 96%;
        float: none;
        display: none;
        margin-top: 12px;
    }
    .sa-tplby-check dd span {
        display: block;
    }
    .sa-tplby-item {
        width: 48%;
    }
    .sa-tplby-desc p {
        display: none;
    }
    .sa-tplby-desc h3 {
        font-size: 18px;
        height: 36px;
    }
    .sa-tplby-check .sa-tplby-check-icon {
        display: block;
        float: right;
    }
}

@media screen and (max-width: 500px) {
    .sa-tplby-desc h3 {
        font-size: 16px;
        height: 32px;
    }
}


/****---------------------------------图片列表页结束-------------------------------***/


/****---------------------------------视频详情页开始-------------------------------***/

.sa-video-xq .sa-c-title {
    border-bottom: 0;
}

.sa-video-xq-player .sa-player {
    width: 86%;
    margin: 20px auto;
    position: relative;
}

.sa-video-xq-player .sa-player-v {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sa-video-xq-player .sa-player img {
    width: 98%;
    display: block;
    margin: 0 auto;
}

.sa-video-related-t {
    font-size: 24px;
    font-weight: normal;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 16px;
}

.sa-player-tool {
    position: relative;
    width: 86%;
    margin: 0 auto 40px;
    font-size: 16px;
    color: #666;
    line-height: 38px;
}

.sa-player-tool li {
    float: left;
}

.sa-video-share {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -88px;
}

.sa-video-share li {
    margin: 0 2px;
    cursor: pointer;
}

.sa-video-dz li {
    margin-right: 22px;
}

.sa-video-z {
    cursor: pointer;
    margin-right: 4px;
}

.sa-video-c {
    cursor: pointer;
    margin-right: 4px;
}

.sa-video-p {
    cursor: pointer;
}

.sa-video-download ul {}

.sa-video-download li {}

.sa-video-download .sa-d-num {
    color: #e10032;
}

.sa-video-download .sa-d-d a {
    color: #e10032;
}

.sa-video-download .sa-d-d a img {
    padding-left: 6px;
}

.sa-video-desc {
    font-size: 16px;
    color: #666;
    margin-bottom: 60px;
}

.sa-video-opinion {
    width: 100%;
    height: 162px;
    position: relative;
}

.sa-video-opinion-l {
    float: left;
    color: #666;
    font-size: 18px;
    width: 118px;
}

.sa-video-opinion-m {
    float: left;
    color: #666;
    font-size: 16px;
    width: 950px;
    height: 148px;
}

.sa-video-opinion-r {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #666;
    font-size: 18px;
    width: 100px;
}

.sa-video-opinion-r a {
    color: #0069fb;
}

.sa-video-opinion-m textarea {
    border: 1px solid #e0e0e0;
    width: 96%;
    height: 148px;
    color: #666;
    padding: 1%;
    max-height: 138px;
}

.sa-video-opinion-totle {
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin: 20px 0;
}

.sa-video-opinion-liyan {
    min-height: 150px;
}

.sa-video-opinion-page .sa-page {
    float: right;
}

.sa-video-opinion-page .sa-page a {
    font-size: 14px;
    padding: 4px 10px;
}

.sa-video-bottom {
    margin-bottom: 80px;
    margin-top: -40px;
}

.sa-video-download-m {
    display: none;
}

.sa-video-opinion-liyan {}

.sa-video-opinion-liyan li {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.sa-video-opinion-liyan .sa-v-p-name {
    font-size: 14px;
    color: #2477fb;
}

.sa-video-opinion-liyan .sa-v-p-text {
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    margin: 10px 0;
}

.sa-video-opinion-liyan .sa-v-p-time {
    font-size: 14px;
    color: #666;
}

.sa-vide0-more-m {
    display: none;
}

@media screen and (max-width:1200px) {
    .sa-video-opinion-m {
        width: 750px;
    }
}

@media screen and (max-width:992px) {
    .sa-video-opinion {
        height: 228px;
    }
    .sa-video-opinion-l {
        float: none;
    }
    .sa-video-opinion-m {
        float: none;
        margin: 12px 0;
        width: 100%;
    }
    .sa-video-opinion-r {
        position: static;
        float: right;
    }
    .sa-video-xq {
        width: 90%;
    }
    .sa-video-xq-player .sa-player {
        width: 100%;
    }
    .sa-player-tool {
        width: 100%;
        margin: 0 auto 54px;
    }
}

@media screen and (max-width:768px) {
    .sa-video-opinion-page .sa-page a {
        font-size: 18px;
        padding: 4px 12px;
    }
    .sa-video-opinion-page .sa-page {
        float: none;
    }
    .sa-video-download-m {
        display: block;
        text-align: right;
    }
    .sa-video-download-m a {
        color: #e10032;
        font-size: 16px;
    }
    .sa-video-download .sa-d-d {
        display: none;
    }
    .sa-video-related-t {
        margin-bottom: 40px;
    }
    .sa-video-share {
        top: 40px;
        left: -3px;
        margin-left: 0;
    }
    .sa-video-share img {
        width: 36px;
    }
    .sa-video-xq .sa-c-title {
        font-size: 20px;
        padding-bottom: 0;
    }
    .sa-video-xq-list .CoursesList ul {
        margin-right: 0;
    }
    .sa-video-xq-list .CoursesList ul li {
        width: 100%;
        margin: 0;
        float: none;
    }
    .sa-video-dz li {
        margin-right: 0;
    }
    .sa-video-dz span img {
        width: 30px;
    }
    .sa-video-xq-list .sa-vide0-more {
        display: none;
    }
    .sa-video-xq-list>h3 {
        text-align: center;
    }
    .sa-vide0-more-m {
        display: block;
        text-align: center;
    }
}


/****---------------------------------视频详情页结束-------------------------------***/


/****---------------------------------Bulletins 开始-------------------------------***/

.sa-Bulletins {
    padding-bottom: 80px;
}

.sa-Bulletins-title {
    border-bottom: 1px solid #e0e0e0;
    padding: 28px 0;
}

.sa-Bulletins .sa-title {
    float: left;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

.sa-Bulletins .sa-time {
    font-size: 16px;
    color: #666;
    float: right;
    margin-top: 10px;
}

.sa-Bulletins-lisy {
    margin-top: 32px;
}

.sa-Bulletins-lisy li {
    padding-bottom: 12px;
    line-height: 32px;
    color: #333;
    font-size: 16px;
    padding-left: 16px;
    background: url(../images/dot.png) no-repeat left 10px;
}

.sa-Bulletins-lisy li a {
    color: #333;
}

@media screen and (max-width:768px) {
    .sa-Bulletins .sa-time {
        display: none;
    }
}


/****---------------------------------Bulletins 结束-------------------------------***/


/****---------------------------------corporate culture 开始-------------------------------***/

.sa-culture {
    margin-top: 20px;
}

.sa-culture-top {
    margin: 26px 0:
}

.sa-culture-tw li {
    width: 50%;
}

.sa-culture-t-img img {
    width: 100%;
}

.sa-culture-tw li h3,
.sa-culture-tw li h2 {
    font-weight: normal;
    font-size: 36px;
    color: #333;
    margin-bottom: 26px;
    margin-top: 10%;
}

.sa-culture-tw li p {
    font-size: 22px;
    color: #666;
    line-height: 1.7;
}

.sa-culture-tw .sa-culture-t-desc-r {
    padding-left: 6%;
    width: 44%;
    overflow: hidden;
}

.sa-culture-tw .sa-culture-t-desc-l {
    padding-right: 6%;
    width: 44%;
    overflow: hidden;
}

.sa-culture-m-t h2 {
    font-weight: normal;
    font-size: 36px;
    text-align: center;
    color: #333;
    margin: 60px 0;
}

.sa-culture-b {
    margin-bottom: 80px;
}

.sa-culture-b-l {
    float: left;
    width: 30%;
}

.sa-culture-b-m {
    float: left;
    width: 40%;
    text-align: center;
}

.sa-culture-b-r {
    float: left;
    width: 30%;
}

.sa-culture-b-m img {
    max-width: 100%;
}

.sa-culture-b li {
    border-bottom: 1px solid #e0e0e0;
    height: 100px;
    line-height: 100px;
}

.sa-culture-b li span {
    font-size: 22px;
    color: #666;
    padding: 0 24px;
}

.sa-culture-b-r li {
    text-align: right;
}

.sa-culture-b-r .sa-last-l {
    border-bottom: 0;
}

.sa-culture-b-l .sa-last-l {
    border-bottom: 0;
}

.sa-culture-mo {
    display: none;
}

@media screen and (max-width:992px) {
    .sa-culture-b li span {
        padding: 0;
        font-size: 18px;
    }
    .sa-culture-b li {
        height: 66px;
        line-height: 66px;
    }
    .sa-culture-tw li h3,
    .sa-culture-tw li h2 {
        margin-bottom: 0;
        margin-top: 2%;
    }
    .sa-culture-b-l {
        float: left;
        width: 35%;
    }
    .sa-culture-b-m {
        float: left;
        width: 30%;
    }
    .sa-culture-b-r {
        float: left;
        width: 35%;
    }
}

@media screen and (max-width:768px) {
    .sa-culture-tw li h3,
    .sa-culture-tw li h2 {
        font-size: 28px;
        margin-top: 30px;
    }
    .sa-culture-tw li p {
        font-size: 18px;
    }
    .sa-culture-tw li {
        width: 100%;
    }
    .sa-culture-tw .sa-culture-t-desc-r {
        width: 100%;
        padding-left: 0;
    }
    .sa-culture-tw .sa-culture-t-desc-l {
        width: 100%;
        padding-right: 0;
    }
    .sa-culture-m-t {
        margin: 0 -10px;
    }
    .sa-culture-m-t h2 {
        background: #f7f7f7;
        text-align: left;
        text-indent: 12px;
        margin: 30px 0;
        padding: 30px 0;
    }
    .sa-culture-b-l {
        float: none;
        width: 100%;
    }
    .sa-culture-b-m {
        float: none;
        width: 70%;
        margin: 0 auto;
    }
    .sa-culture-b-r {
        float: none;
        width: 100%;
    }
    .sa-culture-b-r li {
        text-align: left;
    }
    .sa-culture-mo {
        display: block;
    }
    .sa-culture-pc {
        display: none;
    }
    .sa-culture-b-l .sa-last-l {
        border-bottom: 1px solid #e0e0e0;
    }
    .sa-culture-b-l img {
        margin-left: 20%;
        margin-right: 4%;
    }
    .sa-culture-b-r img {
        margin-left: 21%;
        margin-right: 4%;
        width: 48px;
    }
    .sa-culture-m-t h2 {
        font-size: 28px;
        padding: 30px 0 14px;
    }
}


/****---------------------------------Bulletins 结束-------------------------------***/


/****---------------------------------Corporate Publication 开始-------------------------------***/

.sa-publications-item {}

.sa-publications-item>h3 {
    font-size: 26px;
    margin: 30px 0;
    color: #333;
}

.sa-publications-desc>h4 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    margin-bottom: 16px;
}

.sa-publications-desc div {
    line-height: 1.7;
    color: #666;
    font-size: 16px;
}

.sa-publications-item-ul li {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e0e0e0;
}

.sa-publications-item-ul li:last-child {
    border-bottom: 0;
}

.sa-publications-desc {
    float: left;
    width: 990px;
    height: 164px;
    overflow: hidden;
}

.sa-publications-img {
    float: left;
    width: 138px;
    margin-right: 40px;
}

.sa-publications-img img {
    width: 100%;
}

.sa-publications-pd {
    position: absolute;
    top: 4px;
    right: 0;
    color: #666;
    font-size: 16px;
}

.sa-publications-pd .sa-p-l {
    color: #e0e0e0;
    padding: 0 12px;
}

.sa-publications-pd img {
    margin-right: 6px;
}

@media screen and (max-width:1200px) {
    .sa-publications-desc {
        width: 790px;
    }
    .sa-publications-desc>h4 {
        width: 560px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media screen and (max-width:992px) {
    .sa-publications-desc {
        width: 570px;
    }
    .sa-publications-desc>h4 {
        width: 340px;
    }
}

@media screen and (max-width:768px) {
    .sa-publications-desc {
        position: absolute;
        top: 0;
        left: 42%;
        width: 58%;
    }
    .sa-publications-img {
        width: 40%;
    }
    .sa-publications-desc>h4 {
        width: 100%;
    }
    .sa-publications-pd {
        bottom: 27px;
        right: initial;
        left: 42%;
        top: initial;
    }
    .sa-publications-item>h3 {
        font-size: 24px;
    }
}

@media screen and (max-width:468px) {
    .sa-publications-desc {
        width: 68%;
        left: 32%;
    }
    .sa-publications-img {
        width: 30%;
    }
    .sa-publications-pd {
        bottom: 40px;
        left: 32%;
    }
    .sa-publications-pd .sa-p-l {
        padding: 0 4px;
    }
    .sa-publications-desc div {
        display: none;
    }
    .sa-publications-desc>h4 {
        overflow: auto;
        white-space: initial;
        font-size: 18px;
    }
}


/****---------------------------------Corporate Publication 结束-------------------------------***/


/****---------------------------------Excellent Quality 开始-------------------------------***/

.sa-quality-item {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 26px;
    margin-top: 26px;
}

.mark-top-line {
    width: 100%;
    height: 2px;
    background: #fff;
    position: relative;
    top: -1px;
}

.sa-quality-item h3,
.sa-quality-item h2 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    margin-bottom: 24px;
}

.sa-quality-item div {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
}

.sa-quality-item ul li {
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    padding-left: 16px;
    background: url(../images/dot.png) no-repeat left 10px;
}

.sa-quality-item .sa-quality-item-more {
    text-align: right;
}

.sa-quality-item .sa-quality-item-more a {
    color: #e10032;
    font-size: 16px;
    padding-right: 18px;
}

.sa-quality-b-m {
    position: absolute;
    bottom: 5%;
    right: 10%;
}

.sa-quality-b-m a {
    color: #e10032;
    font-size: 16px;
    padding-right: 18px;
}


/****---------------------------------Excellent Quality 结束-------------------------------***/


/****---------------------------------innovations 开始-------------------------------***/

.sa-innovations-one {}

.sa-innovations-one>h3,
.sa-innovations-one>h2 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    margin: 30px 0 20px;
}

.sa-innovations-one li {
    background: #f7f7f7;
    padding: 16px 24px;
    margin-bottom: 20px;
    position: relative;
}

.sa-innovations-one .sa-innovations-o-img {
    position: absolute;
    text-align: center;
    top: 24%;
    left: 4%;
}

.sa-innovations-one .sa-innovations-o-desc {
    font-size: 16px;
    float: left;
    line-height: 1.7;
    width: 90%;
    margin-left: 10%;
}

.sa-innovations-two {}

.sa-innovations-two>h3 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    margin: 30px 0 20px;
}

.sa-innovations-two ul {
    margin-right: -3%;
}

.sa-innovations-two li {
    float: left;
    width: 47%;
    margin-right: 3%;
    background: #f7f7f7;
    margin-bottom: 3%;
    position: relative;
    height: 270px;
}

.sa-innovations-t-img {
    position: absolute;
    top: 30%;
    left: 4%;
}

.sa-innovations-t-desc {
    margin-top: 16%;
    margin-left: 27%;
    line-height: 1.7;
    color: #333;
    width: 60%;
    font-size: 16px;
}

.sa-innovations-three>h3 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    margin: 30px 0 20px;
}

.sa-innovations-three li {
    background: #f7f7f7;
    padding: 28px 24px;
    margin-bottom: 20px;
    position: relative;
}

.sa-innovations-three .sa-innovations-o-img {
    position: absolute;
    text-align: center;
    top: 24%;
    left: 2%;
}

.sa-innovations-three .sa-innovations-o-desc {
    font-size: 16px;
    float: left;
    line-height: 1.7;
    width: 90%;
    margin-left: 10%;
}

.sa-innovations-four {
    margin-bottom: 80px;
}

.sa-innovations-four>h3 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    margin: 30px 0 20px;
}

.sa-innovations-four ul {
    margin-right: -3%;
}

.sa-innovations-four li {
    float: left;
    background: #f7f7f7;
    width: 30.33%;
    margin-right: 3%;
    height: 310px;
    text-align: center;
}

.sa-innovations-f-img {
    margin-top: 34px;
}

.sa-innovations-f-line {
    width: 28px;
    height: 2px;
    background: #e0e0e0;
    margin: 26px auto;
}

.sa-innovations-f-title {
    color: #333;
    font-size: 18px;
    line-height: 1.7;
    height: 60px;
    overflow: hidden;
}

.sa-innovations-f-num {
    color: #e10032;
    font-size: 18px;
    margin: 12px 0;
}

.sa-innovations-f-desc {
    color: #666;
    font-size: 16px;
}

@media screen and (max-width:1200px) {
    .sa-innovations-t-desc {
        margin-left: 30%;
    }
}

@media screen and (max-width:992px) {
    .sa-innovations-t-desc {
        margin-left: 35%;
    }
}

@media screen and (max-width:768px) {
    .sa-innovations-one li {
        padding: 16px 10px;
        overflow: hidden;
    }
    .sa-innovations-three li {
        padding: 16px 10px;
        overflow: hidden;
    }
    .sa-innovations-one .sa-innovations-o-desc {
        width: 80%;
        margin-left: 20%;
    }
    .sa-innovations-three .sa-innovations-o-desc {
        width: 80%;
        margin-left: 20%;
    }
    .sa-innovations-two ul {
        margin-right: 0;
        overflow: hidden;
    }
    .sa-innovations-two li {
        float: none;
        width: auto;
        height: auto;
        min-height: 154px;
        padding: 0 10px;
        margin: 10px 0;
    }
    .sa-innovations-t-desc {
        margin: 0;
        padding: 8% 0 0 20%;
        width: 80%;
    }
    .sa-innovations-t-img {
        width: 43px;
    }
    .sa-innovations-t-img img {
        width: 100%;
    }
    .sa-innovations-three .sa-innovations-o-img img {
        width: 43px;
    }
    .sa-innovations-four ul {
        margin-right: 0;
    }
    .sa-innovations-four li {
        float: none;
        width: 100%;
        margin: 5px 0;
        height: auto;
        text-align: left;
        position: relative;
        overflow: hidden;
    }
    .sa-innovations-f-line {
        position: absolute;
        top: 35px;
        left: 33px;
    }
    .sa-innovations-f-desc {
        display: none;
    }
    .sa-innovations-f-img {
        float: left;
        margin-right: 16px;
        margin-top: 18px;
        margin-left: 26px;
        height: 66px;
    }
    .sa-innovations-f-img img {
        width: 42px;
    }
    .sa-innovations-f-num {
        margin-top: 0;
    }
    .sa-quality-item h3,
    .sa-quality-item h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .sa-innovations-one>h3 {
        font-size: 20px;
    }
    .sa-innovations-two>h3 {
        font-size: 20px;
    }
    .sa-innovations-three>h3 {
        font-size: 20px;
    }
}


/****---------------------------------innovations 结束-------------------------------***/


/****---------------------------------Partner Locator 开始-------------------------------***/

.sa-locator {
    margin-bottom: 80px;
}

.sa-locator-ul {
    margin-right: -3%;
    margin-top: 40px;
}

.sa-locator-ul li {
    float: left;
    width: 30.33%;
    margin-right: 3%;
    margin-bottom: 36px;
}

.sa-locator-ul li .sa-locator-img {
    border: 1px solid #e0e0e0;
    background: #f7f7f7;
}

.sa-locator-ul li .sa-locator-img img {
    width: 100%;
}

.sa-locator-ul li .sa-locator-txt {
    margin-top: 28px;
    height: 220px;
}

.sa-locator-ul .sa-locator-txt h3 {
    font-weight: normal;
    font-size: 22px;
    color: #333;
    margin-bottom: 8px;
}

.sa-locator-ul .sa-locator-txt p {
    font-size: 16px;
    color: #666;
    line-height: 1.7;
}

.sa-locator-more {
    display: none;
}

@media screen and (max-width:1200px) {
    .sa-locator-ul li .sa-locator-txt {
        height: 208px;
    }
}

@media screen and (max-width:992px) {
    .sa-locator-ul li .sa-locator-txt {
        height: 260px;
    }
}

@media screen and (max-width:768px) {
    .sa-locator-ul {
        margin-right: 0;
    }
    .sa-locator-ul li {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .sa-locator-ul li .sa-locator-txt {
        height: auto;
    }
    .sa-locator-more {
        display: block;
        text-align: center;
        margin: 20px 0;
    }
}


/****---------------------------------Partner Locator 结束-------------------------------***/


/****---------------------------------Service Policy 开始-------------------------------***/

.sa-policy-main {
    margin-bottom: 80px;
}

.sa-policy-main h3 {
    font-size: 24px;
    color: #333;
    margin: 30px 0 20px;
    font-weight: normal;
}

.sa-policy-main-ul li {
    line-height: 2;
    color: #333;
    font-size: 16px;
    padding-left: 18px;
    background: url(../images/dot.png) no-repeat left 10px;
    margin-bottom: 12px;
}

.sa-policy-main-ul li a {
    color: #333;
}


/****---------------------------------Service Policy 结束-------------------------------***/


/****---------------------------------Ruijie Channel Partner Structure 开始-------------------------------***/

.sa-structure {
    margin: 10px auto 80px;
}

.sa-structure-title {
    text-align: center;
    font-size: 28px;
    font-weight: normal;
}

.sa-structure-tool {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 16px;
    margin: 20px 0;
    position: relative;
    text-align: center;
    color: #666;
    font-size: 16px;
}

.sa-structure-rele {}

.sa-structure-click {
    margin: 0 38px;
}

.sa-structure-click em {
    color: #e10032;
}

.sa-structure-font a {
    margin-left: 12px;
}

.sa-structure-font a.on {
    color: #e10032;
}

.sa-structure-print {
    position: absolute;
    top: -6px;
    right: 0;
}

.sa-structure-tool em {
    font-style: normal;
}

.sa-structure-contant {
    font-size: 16px;
    color: #333;
    line-height: 1.7;
}

.sa-structure-contant p {
    margin-bottom: 12px;
}

.sa-structure-contant div {
    margin-bottom: 12px;
}

.sa-structure-contant ul {
    margin-bottom: 12px;
}

.sa-structure-contant img {
    max-width: 100%;
}

.sa-structure-contant table {
    border: 1px solid #e0e0e0;
}

.sa-structure-contant table td {
    border: 1px solid #e0e0e0;
}

.sa-structure-contant-img {
    width: 70%;
    margin: 20px auto;
}

@media screen and (max-width:768px) {
    .sa-structure-contant-img {
        width: 100%;
        margin: 20px auto;
    }
    .sa-structure-print {
        display: none;
    }
    .sa-structure-font {
        position: absolute;
        top: -26px;
        left: 50%;
        margin-left: -80px;
    }
    .sa-structure-tool {
        margin-top: 40px;
        font-size: 14px;
    }
    .sa-structure-title {
        font-size: 24px;
    }
    .sa-structure-click {
        display: none;
    }
    .sa-policy-main h3 {
        font-size: 20px;
    }
}


/****---------------------------------Ruijie Channel Partner Structure 结束-------------------------------***/


/*-----------营销资料 开始----------------------*/

.sa-yxzlyl {
    max-width: 1200px;
    margin: auto;
}

.sa-yxzlyl-t-title {
    margin-bottom: 20px;
}

.sa-yxzlyl-head {
    padding: 12px 0;
}

.sa-yxzlyl-relative {
    position: relative;
}

.sa-yxzlyl-head .sa-title {
    font-weight: normal;
    font-size: 28px;
    color: #333;
    margin: 12px 0;
    width: 100%;
    text-indent: 0;
    text-align: left;
}

.sa-yxzlyl-head .sa-yxzlyl-tool {
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
}

.sa-yxzlyl-head .sa-yxzlyl-tool span {
    margin-right: 16px;
    color: #666;
    display: inline-block;
}

.sa-yxzlyl-head .sa-yxzlyl-tool i {
    font-style: normal;
    color: #e10032;
    font-size: 16px;
}

.sa-yxzlyl-head .sa-yxzlyl-dl {
    position: absolute;
    top: 14px;
    right: 0;
}

.sa-yxzlyl-head .sa-yxzlyl-dl a {
    font-size: 20px;
    color: #e10032;
}

.sa-yxzlyl-dl a img {
    padding-left: 10px;
}

.sa-yxzlyl-body {
    margin-bottom: 80px;
}

.sa-yxzlyl-body .sa-yxzlyl-desc {
    margin: 10px 0 40px;
    font-size: 18px;
    color: #666;
    line-height: 2;
}

.sa-yxzlyl-body .sa-yxzlyl-img {
    text-align: center;
}

.sa-yxzlyl-body .sa-yxzlyl-img img {
    max-width: 100%;
}

.sa-yxzlyl-body .sa-yxzlyl-dl {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.sa-yxzlyl-video {
    width: 70%;
    margin: 20px auto;
    position: relative;
}

.sa-yxzlyl-video .sa-player {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sa-yxzlyl-video .sa-video-bg {
    width: 98%;
}

.sa-yxzlyl-txt {
    position: relative;
    width: 100%;
    min-height: 300px;
}

.sa-yxzlyl-txt-nav {
    float: left;
    width: 262px;
    position: relative;
    background: #fff;
}

.sa-yxzlyl-mm {
    display: none;
}

.sa-yxzlyl-txt-nav-ml {
    font-size: 20px;
    padding: 14px;
    color: #333;
    border-bottom: 1px solid #e0e0e0;
    background: #f7f7f7;
}

.sa-yxzlyl-txt-nav li {
    /*list-style-type: decimal-leading-zero;list-style-position: inside;*/
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    cursor: default;
    padding: 17px 10px 17px 17px;
}

.sa-yxzlyl-txt-nav .menu-title {
    padding-right: 24px;
}

.sa-yxzlyl-txt-nav li:last-child {
    border-bottom: 0;
}

.sa-yxzlyl-txt-nav li a {
    color: #333;
    text-decoration: none;
}

.sa-yxzlyl-txt-nav li .on {
    color: #e10032;
}

.sa-yxzlyl-txt-nav li .on>a {
    color: #e10032;
}

.sa-yxzlyl-txt-nav li.on {
    color: #e10032;
}

.sa-yxzlyl-txt-nav li.on>.menu-title {
    color: #e10032;
}


/* .sa-yxzlyl-txt-nav li.on>.menu-title a{color:#e10032;} */

.has-child-menu {
    background: url(../images/sa_img_down_arr.png) no-repeat 96% 20px;
}

.sa-yxzlyl-txt-body {
    float: left;
    width: 880px;
    margin-left: 28px;
}

.sa-xiug-cont {
    padding: 10px;
}

.sa-yxzlyl-txt-body {
    line-height: 1.7;
    font-size: 16px;
    color: #666;
}

.sa-yxzlyl-txt-body img {
    max-width: 100%;
}

.sa-yxzlyl-txt-body .sa-hh-title {
    font-size: 22px;
    color: #333;
    text-align: center;
}

.sa-yxzlyl-txt-body .sa-hh-z-title {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    margin-top: 20px;
}

.sa-yxzlyl-txt-body .sa-hh-ul li {
    padding-left: 12px;
    background: url(../images/dot.png) no-repeat left 8px;
}

.sa-yxzlyl-txt-body .sa-er-not {
    padding-left: 30px;
    background: url(../images/saasas_03.png) no-repeat left 0;
}

.sa-yxzlyl-txt-n-m {
    display: none;
}

.sa-xiug-m-nav {
    display: none;
}

.sa-yxzlyl-txt-nav-m {
    display: none;
    cursor: pointer;
    height: 60px;
    width: 100%;
    background: #f7f7f7 url(../images/sa_yxzlyl_04.jpg) no-repeat center;
}

.sa-xiug-m-mb {
    display: none;
}

.s-read-item {}

.s-read-item dl a {
    padding: 5px;
    color: #807d7d;
    display: block;
    font-family: Arial, '微软雅黑', sans-serif;
}

.s-read-item dl {
    padding-left: 24px;
    display: none;
}

.sa-yxzlyl-txt-body .pro-search .search {
    border: 1px solid #e0e0e0;
    margin: 0 40px;
}

.sa-yxzlyl-txt-body .pro-search {
    height: 42px;
    padding: 7px 0;
    background: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
}

.s-sa-yxzlyl-top-search {
    height: 57px;
    position: relative;
}

.s-sa-yxzlyl-top-search .sa-yxzlyl-dl {
    position: absolute;
    top: 15px;
    right: 10px;
    width: auto;
    margin: 0;
    color: #e10032;
}

.s-sa-yxzlyl-top-search .sa-yxzlyl-dl a {
    color: #e10032;
    font-family: Arial, '微软雅黑', sans-serif;
}

.sa-yxzlyl-txt-body-fixed {
    margin-left: 290px;
}

.s-sa-yxzlyl-top-search-fixed {
    position: fixed;
    top: 0;
    z-index: 1002;
    width: 100%;
    max-width: 880px;
}

.sa-yxzlyl-txt-nav-fixed {
    position: fixed;
    top: 0;
    z-index: 1014;
}

.sa-position-relative {
    position: static;
}

.s-downLoad {
    background: #fff;
    padding: 40px;
    position: fixed;
    display: none;
    z-index: 1016;
    top: 50%;
    left: 50%;
    width: 600px;
    margin-left: -340px;
}

.s-downLoad-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.s-downLoad>h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 45px;
}

.s-downLoad-list {
    margin-top: 10px;
}

.s-downLoad-list a {
    color: #e10032;
}

.s-downLoad-list>li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

.s-downLoad-icon {
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 768px) {
    .s-sa-yxzlyl-top-search-fixed {
        width: 460px;
    }
}

@media (min-width: 992px) {
    .s-sa-yxzlyl-top-search-fixed {
        width: 680px;
    }
}

@media (min-width: 1200px) {
    .s-sa-yxzlyl-top-search-fixed {
        width: 880px;
    }
}

@media screen and (max-width:1200px) {
    .sa-yxzlyl-head .sa-title {
        width: 85%;
    }
    .sa-yxzlyl-txt-body {
        width: 680px;
    }
}

@media screen and (max-width:992px) {
    .sa-yxzlyl-txt-body {
        width: 460px;
    }
}

@media screen and (max-width:768px) {
    .sa-yxzlyl-t-title .sa-c-title {
        text-align: center;
        font-size: 28px;
    }
    .sa-yxzlyl-head .sa-yxzlyl-dl {
        position: static;
        text-align: center;
    }
    .sa-yxzlyl-head .sa-title {
        font-size: 24px;
        text-align: center;
        width: 100%;
        white-space: normal;
    }
    .sa-yxzlyl-head .sa-yxzlyl-tool {
        font-size: 14px;
    }
    .sa-yxzlyl-video {
        width: 90%;
    }
    .sa-yxzlyl-txt-nav {
        float: none;
        width: 100%;
        margin: 0;
        background: #fff;
        border-radius: 4px;
        width: 90px;
        z-index: 100;
        height: 1px;
    }
    .sa-yxzlyl-txt-nav li {}
    .sa-yxzlyl-txt-nav li.on {
        background: #f7f7f7;
        color: #e10032;
    }
    .sa-yxzlyl-txt-nav li.on a {
        color: #e10032;
    }
    .sa-yxzlyl-txt-nav .s-read-menu {
        background: #fff;
        display: none;
        height: 59px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        overflow: hidden;
        width: 96%;
        margin: 0 auto;
    }
    .sa-yxzlyl-txt-body {
        float: none;
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    .sa-yxzlyl-body {
        padding: 0;
    }
    .sa-yxzlyl-txt-body {
        background: #fff;
        padding: 0;
        width: 100%;
    }
    .sa-xiug-cont {
        padding: 10px;
        height: 365px;
        overflow: hidden;
        position: relative;
    }
    .sa-yxzlyl-txt-n-m {
        display: block;
        position: absolute;
        top: 25px;
        right: 12px;
        z-index: 2;
    }
    .sa-yxzlyl-txt-nav-m {
        display: none;
    }
    .sa-yxzlyl-txt-nav-ml {
        border-bottom: none;
    }
    .sa-yxzlyl-txt-body .sa-xiug-m-nav {
        background: #f7f7f7 url(../images/sa_img_down_arr.png) no-repeat 96% center;
        position: relative;
        display: block;
        border-bottom: 1px solid #fff;
        padding: 14px;
        color: #333;
        font-size: 18px;
        font-weight: normal;
    }
    .sa-yxzlyl-txt-body h3.on {
        color: #e10032;
        background: #f7f7f7 url(../images/sa_img_up_arr.png) no-repeat 96% center;
    }
    .sa-yxzlyl-body .sa-yxzlyl-desc {
        margin: 18px 0;
    }
    .sa-xiug-m-mb {
        display: block;
        text-align: center;
        background: #fff;
        padding: 20px 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    /*.sa-yxzlyl-mm{display:block;position:absolute;top:73px;right:16px;display:none;}*/
    .sa-yxzlyl-mm {
        position: fixed;
        top: 90px;
        left: 0;
        z-index: 2000;
        font-size: 24px;
        color: #333;
        width: 97%;
        padding-right: 3%;
        background: #fff;
        text-align: right;
    }
    .sa-yxzlyl-txt-body .pro-search .search {
        width: 54%;
        margin-left: 30%;
    }
    .s-sa-yxzlyl-top-search .sa-yxzlyl-dl span {
        display: none;
    }
    .s-sa-yxzlyl-top-search-fixed {
        width: 100%;
    }
    .s-sa-yxzlyl-top-search .s_search .search input[type="button"] {
        width: 30%;
    }
    .sa-yxzlyl-txt-nav-fixed {
        z-index: 1012;
    }
    .scroll-jq ul.s-read-menu-fixed {
        width: 100%;
        position: fixed;
        height: 400px;
        top: 87px;
        z-index: 1014;
        overflow-y: scroll;
        margin-top: 30px;
    }
    .s-downLoad {
        width: 84%;
        left: 0;
        margin-left: 0;
        padding: 8%;
    }
}


/****---------------------------------营销资料 结束-------------------------------***/


/****---------------------------------产品列表 开始-------------------------------***/

.sa-cplb-g-t-left {
    float: left;
    width: 48%;
}

.sa-cplb-g .sa-t-title {
    font-size: 28px;
    font-weight: normal;
    color: #333;
    margin: 20px 0;
}

.sa-cplb-g-t-left .sa-desc {
    font-size: 16px;
    color: #333;
    line-height: 1.7;
    height: ;
    overflow: hidden;
}

.sa-cplb-g-t-right {
    float: right;
    width: 50%;
    text-align: center;
}

.sa-cplb-g-t-left .sa-more {
    color: #e10032;
    font-size: 18px;
    display: none;
}

.sa-cplb-g-t-left .sa-more span {
    cursor: pointer;
}

.sa-cplb-g-t-left .sa-more i {
    font-style: normal;
    font-size: 32px;
    font-family: '宋体';
    font-weight: bold;
    position: relative;
    top: 5px;
}

.sa-cplb-g-t-right img {
    width: 80%;
    max-height: 320px;
}

.sa-cplb-g-b {
    margin-top: 24px;
    margin-bottom: 80px;
}

.sa-cplb-g-b .sa-cplb-l-menu {
    float: left;
    width: 30%;
    background: #f7f7f7;
}

.sa-cplb-g-b .sa-cplb-l-body {
    float: left;
    width: 66%;
    margin-left: 4%;
}

.sa-cplb-g-b .sa-cplb-l-menu>ul>li {
    height: 73px;
    line-height: 73px;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    color: #333;
    padding-left: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sa-cplb-g-b .sa-cplb-l-menu>ul>li a {
    color: #333;
}

.sa-cplb-g-b .sa-cplb-l-menu>ul>li.on {
    border-bottom: 2px solid #e10032;
}

.sa-cplb-g-b .sa-cplb-l-menu>ul>li.on>a {
    color: #e10032;
}

.sa-cplb-l-body .sa-cplb-body-check {}

.sa-cplb-l-body .sa-cplb-body-check dl {
    margin-bottom: 12px;
}

.sa-cplb-l-body .sa-cplb-body-check dt {
    font-size: 16px;
    color: #333;
    float: left;
    width: 15%;
}

.sa-cplb-l-body .sa-cplb-body-check dd {
    font-size: 16px;
    color: #333;
    float: left;
    width: 85%;
}

.sa-cplb-l-body .sa-cplb-body-check dd span {
    margin-left: 12px;
    display: inline-block;
    margin-bottom: 12px;
}

.sa-cplb-l-body .sa-cplb-body-check dd span label {
    margin-left: 8px;
}

.sa-cplb-body-list {}

.sa-cplb-body-list li {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sa-cplb-body-list li .sa-content>h3 {
    margin: 0;
}

.sa-cplb-body-list li:last-child {
    border-bottom: 0;
}

.sa-cplb-body-list li .sa-img {
    float: left;
    width: 24%;
}

.sa-cplb-body-list li .sa-img img {
    width: 100%;
}

.sa-cplb-body-list li .sa-content {
    float: left;
    width: 74%;
    margin-left: 2%;
}

.sa-cplb-body-list li .sa-content>h4,
.sa-cplb-body-list li .sa-content>h3,
.sa-cplb-body-list li .sa-content>h2 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

.sa-cplb-body-list li .sa-content>h4 a,
.sa-cplb-body-list li .sa-content>h3 a,
,
.sa-cplb-body-list li .sa-content>h2 a {
    color: #333;
}

.sa-cplb-body-list li .sa-content .sa-desc {
    line-height: 1.7;
    color: #666;
    font-size: 16px;
    margin: 10px 0;
}

.sa-cplb-body-list li .sa-content .sa-more a {
    color: #e10032;
    font-size: 16px;
    padding-right: 18px;
}

@media screen and (max-width:992px) {
    .sa-cplb-g-b .sa-cplb-l-menu>ul>li {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
    }
    .sa-cplb-body-list li .sa-content .sa-desc {
        height: 50px;
        overflow: hidden;
    }
    .sa-cplb-l-body .sa-cplb-body-check dt {
        width: 18%;
    }
    .sa-cplb-l-body .sa-cplb-body-check dd {
        width: 82%;
    }
}

@media screen and (max-width:768px) {
    .sa-cplb-g-b {
        padding: 0;
    }
    .sa-cplb-g .sa-t-title {
        font-size: 24px;
        text-align: center;
    }
    .sa-cplb-g-t-left {
        float: none;
        width: 100%;
    }
    .sa-cplb-g-t-right {
        float: none;
        width: 100%;
    }
    .sa-cplb-g-t-left .sa-more {
        text-align: center;
    }
    .sa-cplb-g-b .sa-cplb-l-menu {
        float: none;
        width: 100%;
    }
    .sa-cplb-g-b .sa-cplb-l-menu>ul>li.on {
        border-bottom: 1px solid #fff;
    }
    .sa-cplb-g-b .sa-cplb-l-menu>ul>li>a {
        display: block;
        background: url(../images/sa_img_down_arr_1.png) no-repeat 97% center;
    }
    .sa-cplb-g-b .sa-cplb-l-menu>ul>li.on>a {
        background: url(../images/sa_img_up_arr_1.png) no-repeat 97% center;
    }
    .sa-cplb-l-menu .sa-cplb-body-check {
        background: #fff;
        margin-left: -18px;
        padding-top: 6px;
    }
    .sa-cplb-l-menu .sa-cplb-body-list {
        background: #fff;
        margin-left: -18px;
    }
    .sa-cplb-l-menu dl {
        width: 94%;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        margin: 0 auto;
        margin-top: 12px;
    }
    .sa-cplb-l-menu dt {
        width: 98%;
        padding-left: 2%;
        background-color: #f7f7f7;
        background-image: url(../images/sa_img_down_arr_1.png);
        background-repeat: no-repeat;
        background-position-x: 97%;
        background-position-y: center;
    }
    .sa-cplb-l-menu dd {
        width: 100%;
        display: none;
    }
    .sa-cplb-l-menu dd span {
        display: block;
        padding-left: 12px;
    }
    .sa-cplb-l-menu .sa-more {
        display: none;
    }
    .sa-cplb-l-menu .sa-desc {
        display: none;
    }
    .sa-cplb-l-menu li .sa-content>h4 {
        font-size: 16px;
        white-space: initial;
        line-height: 24px;
    }
}


/****---------------------------------产品列表 结束-------------------------------***/

.link-blue {
    color: #6495ED !important;
    text-decoration: underline !important;
}


/****---------------------------------网站地图 开始-------------------------------***/

.sa-wang {}

.sa-wang-wrap {
    float: left;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.sa-wang-item {
    border: 1px solid #e0e0e0;
    line-height: 1.7;
    margin-bottom: 20px;
    padding: 1%;
}

.sa-wang-title {
    font-weight: normal;
    font-size: 18px;
    color: #e10032;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.sa-wang-inner {
    font-size: 18px;
}

.sa-wang-title a {
    color: #e10032;
}

.sa-wang-title-e {
    font-weight: normal;
    font-size: 18px;
    color: #e10032;
}

.sa-wang-inner>li {
    margin-bottom: 10px;
}

.sa-wang-inner>li a {
    color: #333;
}

.sa-wang-inner div {
    padding-left: 14px;
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}

.sa-wang-inner div a {
    color: #999;
}

@media screen and (max-width:768px) {
    .sa-wang-wrap {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}


/****---------------------------------网站地图 结束-------------------------------***/

.s-mark {
    display: none;
    position: absolute;
    top: 9px;
    left: -8px;
    z-index: 1002;
}

.ydc-mark {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1001;
}

.s-mark-t-1 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
}

.s-mark-t-2 {
    color: #fff;
    font-size: 16px;
    padding: 2px 4px;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 50px;
}

.s-mark-relative {
    position: relative;
}

.s-mark-arr {
    position: absolute;
    top: -40px;
    left: 180px;
}

.s-mark-tt {
    position: absolute;
    top: -70px;
    left: 280px;
    width: 200px;
}

@media (max-width: 768px) {
    .s-mark {
        top: 45px;
    }
    .s-mark-tt {
        top: -128px;
        left: 120px;
    }
    .s-mark-arr {
        top: -43px;
        left: 160px;
        transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        /* IE 9 */
        -webkit-transform: rotate(-21deg);
        /* Safari and Chrome */
    }
}

.chanpin-view-all {
    font-size: 16px;
    margin-bottom: 24px;
    position: relative;
    top: -16px;
}

.chanpin-view-all-btn {
    cursor: pointer;
    display: inline-block;
    padding: 10px 0;
    width: 150px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #ec5735 url(../images/btn_bg.jpg) left top repeat-y;
    margin-left: -10px;
}

.chanpin-view-all .dt-title {
    margin: 6px 0;
    color: #000;
    font-size: 18px;
    color: #e10032;
}

.chanpin-view-all .dt-title a {
    color: #e10032;
}

.chanpin-view-all .dt-title-child {
    font-size: 16px;
    font-weight: bold;
    margin: 4px 0;
    color: #666;
}

.chanpin-view-all .dd-item {
    float: left;
    line-height: 28px;
    width: 31.33%;
    padding-right: 2%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.chanpin-view-all .close {
    text-align: center;
    color: #e10032;
    cursor: pointer;
    padding: 6px 0;
}

.chanpin-view-all .v-all {
    display: none;
}

.chanpin-view-all .dt-title-child:before,
.chanpin-view-all .dt-title-child:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
    clear: both;
}

@media (max-width: 992px) {
    .chanpin-view-all .dd-item {
        width: 48%;
    }
}

@media (max-width: 768px) {
    .chanpin-view-all .dd-item {
        width: 98%;
    }
    .product-list-a {
        height: 73px;
        position: relative;
    }
    .chanpin-view-all-btn {
        position: absolute;
        top: 50px;
    }
}


/*---------------------------2017年6月27日添加（产品详情页和文档中心搜索结果页，添加整册的显示列表）-----------------------------*/


/*产品详情页手册显示整册使用样式*/

.product-azwh ul {
    overflow: hidden;
}

.product-azwh li {
    font-size: 16px;
    padding-left: 16px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../images/dot.png) no-repeat left center;
}

.product-details-content dl dd h3 {
    font-size: 16px;
    float: left;
}

.product-details-content dl dt {
    margin: 26px 0 12px;
    overflow: hidden;
}

.product-details-content dl dt h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 26px 0 12px;
}

.product-details-content dl dd img {
    margin-left: 10px;
    margin-bottom: 5px;
}

.product-details-content dl dd .list_line {
    border-bottom: 1px dotted #b4b4b4;
}


/*文档中心搜索结果页使用样式*/

.whole_ul {
    overflow: hidden;
    font-family: Arial, '微软雅黑', sans-serif;
    font-size: 16px;
    line-height: 2;
    color: #333;
}

.whole_ul img {
    margin-left: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.more_open {
    color: red;
    cursor: pointer;
    font-size: 16px;
    padding: 15px 0 10px 0;
    border-bottom: 1px dashed #e6e6e6;
}

.whole_ul p {
    width: 78%;
    float: left;
    background: url(../images/dot.png) no-repeat left center;
    padding-left: 16px;
}

.whole_ul h3 {
    font-size: 16px;
    float: left;
    color: #333;
    font-weight: bold;
}

.div_slide {
    display: none;
}

.modal-video-block {
    z-index: 9999 !important;
}