.bg_gray {
    background-color: #f1f1f1;
}

.footer_font_color {
    color: #7f7f7f;
}

.footer_font_color address a{ color: #bc1823;}


footer {
    padding: 1rem 2rem;
}

footer hr {
    background: #7f7f7f;
}

footer .footer_nav {
    margin-top: 2rem;
    padding-left: 5rem;
}


.news_triangle {
    position: absolute;
    top: 2rem;
}

.news_triangle_right {
    right: 0;
}

.news_triangle_left {
    left: 0;
}

.news_triangle_rotate {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* Internet Explorer */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
}


.article_new:hover > .news_bottom_border {
    transition: all .8s;
    width: 100%;
}

.new_thumb {
    display: block;
    overflow: hidden;

}

.new_thumb > img {

    transition: all .8s;
}

/*.new_thumb > img:hover {*/

/*    transform: scale(1.3);*/
/*    z-index: 999;*/
/*}*/

.new_title {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.new_description {
    font-size: 1rem;
    color: #666;
}

.news_bottom_border {
    transition: all .8s;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
}


.qr_desc {
    text-align: center;
    /*text-indent: 2rem;*/
    font-size: 1rem;
}


/*pc 云平台*/
#swiper-yun {
    width: 50%;
    height: 100%;
    float: right;
    position: relative;

}
.yun_swiper_button_box {
    position: absolute;
    bottom: 2rem;
    z-index: 99999;
}

.cloud_platform {
    background: url('../images/big_yun.jpg') no-repeat;
    overflow: hidden;
    height: 710px;
    position: relative;
}

#yun_swiper_content {
    position: absolute;
    width: 660px;
    /*height: 180px;*/
    left: 200px;
    top: 250px;
    overflow: hidden;
}


.swiper_content {

}

.swiper_content h1 {
    /*letter-spacing: .5rem;*/
}
.swiper_content p {
    /*letter-spacing: .1rem;*/
    /*word-spacing: .3rem;*/
}

.yun_title_swiper_more {
    background-color: rgba(0, 0, 0, .4);
}

.yun_title_swiper_more a {
    font-size: 1.1rem;
}

.small_swiper_container {
    width: 780px;
    height: 380px;
    right: 200px;
    top: 150px;
    text-align: right;
}


.yun_small_swiper_button {
    width: 30px;
    float: left;
    text-align: center;
    outline: none;
}

.swiper_button {
    width: 96px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}


.yun_swiper_button {
    width: 40px;
    /*background-color: gray;*/
    text-align: center;
    border-radius: 50%;
    float: left;
    font-size: 1.6rem;
    outline: none;
}

/* pc 云平台 end*/


/*mobile 云平台*/
.cloud_mobile {
    display: none;
}

/*mobile 云平台end */


/*show_article */

.article_bk2 {width: 68%;margin:2rem auto;}
.article_bk2 .bk2_top {padding: 2rem;}
.article_bk2 .article_box {margin:40px 0; }
.article_bk2 .article_box .article-top {line-height: 4rem;text-align: center}

/*#contentBox {margin:1rem;}*/
#contentBox  table,.content_box  table{
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 10px 0;
}

#contentBox  table tr,#contentBox  table td, .content_box  table tr,.content_box  table td{
    border: 1px solid #ccc !important;
}

.solution_content {
    /*width: 1230px;*/width: 98%;
}

#contentBox.solution_content  * img{max-width: 100%;height: auto}

#contentBox img, #contentBox p img, #contentBox p span img{

    text-align: center;
    max-width: 100%;
}

.content-exp {overflow: hidden;text-align: center;padding: 4rem}
.content-exp li a {color:#bc1823}


/*show_article end */


/*show product start*/
#positionHeader   header.header{position: relative;height: 140px;background: #f4f4f4;}
/*show product end*/


/*news list start*/
.news_main{background: #f2f2f2;}
.news_main_top {
    margin-top:3rem;
    margin-bottom: 1rem;
    line-height: 2.5rem;
    height: 2.5rem;

}
.news_main_top .news_category a {color: #737373;font-size: 14px;padding: .5rem .7rem;transition: all .5s;}
.news_main_top .news_bread p,.news_main_top .news_bread p a{color: #252525;font-size: 13px;}
.news_main_top .news_bread p a:hover{color: #ba1b21;}
.news_main_top .news_category a.active,.news_main_top .news_category a:hover{ font-size:1rem;color: #fff;background: #ba1b21;}
.news_main_content { overflow: hidden;}

.news_main_content .new_item {border-bottom: 1px solid #bfbfbf; padding-bottom: 1.6rem;padding-top: 1.6rem; transition: all .8s;}

.news_main_content .new_item a {display: block;}

.news_main_content .new_item .new_item_thumb {width: 300px;height: auto;display: inline-block;text-align: left;transition: all .8s;}
.news_main_content .new_desc {width:56%;display: inline-block;vertical-align: top;margin: 2rem; transition: all .8s}
.news_main_content .new_date {display: inline-block; color: #7d7d7d;  width: 5rem; text-align: center;vertical-align: middle;font-size: 22px;}
.news_main_content .new_date .details {border-left: 1px solid #7d7d7d;min-width:24px;width: 40%;height:24px;text-align: center;margin:0 auto;margin-top: 3rem;font-size: 1rem;transition: all .8s;position: relative}
.news_main_content .new_date .details .svg1{opacity:1;position: absolute;left:14px;bottom:0;transition: all .8s}
.news_main_content .new_date .details .svg2{opacity:0;position: absolute;left:-54px;bottom:0;transition: all .8s}


.news_main_content .new_desc h2 {font-size: 17px;font-weight:bold;color: #414141;padding-bottom: 2rem;}
.news_main_content .new_desc p {font-size: 14px;color: #737373;line-height: 1.4rem;}


.news_main_content .new_item:hover {background: #fff;}
.news_main_content .new_item:hover .new_desc{margin-left: 2rem;margin-right: 0;}
.news_main_content ul li.new_item:hover .new_item_thumb {margin-left:2rem;}
.news_main_content ul li.new_item:hover .details .svg1{left: 54px;opacity: 0;bottom:0;}
.news_main_content ul li.new_item:hover .details .svg2{left: 14px;opacity: 1;bottom:0;}





/*.news_main_content ul li.new_item.active,.news_main_content ul li:hover .new_item_thumb{ padding-left: 2rem;}*/
/*.news_main_content ul li.new_item.active,.news_main_content ul li:hover .new_desc{ padding-left: 1rem;}*/

/*news list end*/



/*show article*/
.bk2_con_conter *{ font-size: 16px;line-height: 1.8rem;}
/*show article end*/
@media screen and (max-width: 750px) {


.article_bk2{width: 100%;}
    #positionHeader header.header{height: 50px;}
    .solution_content ,
    .news_main_content .new_item a{width: 100%;}

    .news_main_content{padding:0;text-align: center}
    .news_main_content .new_desc {width:100%;margin:1rem 0;}
    .news_main_content .new_desc p{padding: .2rem;}
    .news_main_content ul li.new_item:hover .new_item_thumb {margin:0}
    .news_main_content ul li.new_item:hover .new_desc {margin-left:0}

    footer {
        padding: 2rem;
    }

    footer .footer_nav {
        margin-top: 0;
    }

    .qr_desc {
        text-align: center;
        font-size: .8rem;
        text-indent: 0;
    }

    .article_new h3 {
        font-size: 1.2rem;
    }

    .article_new {
        font-size: 1rem;
    }

    .cloud_mobile {
        display: block;
    }

    .footer_section_contact, .news_triangle, .cloud_pc,
    .news_main_content .new_date .details{
        display: none;
    }
}