.img-content{
    width: 1200px;
    margin: 0 auto;
    transition: all 1s;
    position: relative;
}
body{
    background-color: skyblue;
}
.feedback input::-ms-input-placeholder,.feedback input::-webkit-input-placeholder{
    color: #B2B2B2;
}
/*textarea::*/
.feedback textarea::-ms-input-placeholder,.feedback input::-webkit-input-placeholder{
    color: #B2B2B2;
}


@media screen and (min-width: 1025px){
    .bgcontent{
        margin-top:-1%;
    }
    .outerBox{
        box-sizing: border-box;
        width: 100%;
        padding-left: 40px;
    }
}

@media screen  and (min-width: 1250px){
    .bgcontent{
        margin-top:1%;
    }
}


@media screen  and (min-width: 1330px){
    .bgcontent{
        margin-top:3%;
    }
}

@media screen  and (min-width: 1450px){
    .bgcontent{
        margin-top:3.5%;
    }
}

@media screen  and (min-width: 1500px){
    .bgcontent{
        margin-top:4%;
    }
}
@media screen  and (min-width: 1550px){
    .bgcontent{
        margin-top:4.5%;
    }
}
@media screen  and (min-width: 1600px){
    .bgcontent{
        margin-top:5%;
    }
}
@media screen  and (min-width: 1650px){
    .bgcontent{
        margin-top:5.5%;
    }
}

@media screen and (min-width: 1700px){
    .bgcontent{
        margin-top:6%;
    }
}
@media screen and (min-width: 1750px){
    .bgcontent{
        margin-top:6.5%;
    }
}

@media screen and (min-width: 1800px){
    .bgcontent{
        margin-top: 7%;
    }

}






/***********公司介绍***********/

.contact-titles,.contact-title{
    list-style: none;
    width: 100%;
}
.contact-titles{
    margin-top: 70px;
}
.contact-titles li{
    float: left;
    text-align: center;
    width: 256px;
}
.contact-title li{
    float: left;
    text-align: center;
    width: 256px;
}
.contact-titles li:nth-child(2),.contact-titles li:nth-child(4),.contact-title li:nth-child(2),.contact-title li:nth-child(4){
    margin: 0 50px;
}
.contact-titles li:nth-child(4),.contact-title li:nth-child(4){
    margin-right: 0;
}
.contact-titles li .titles{
    font-family: 'Bahnschrift';
    font-weight: bold;
    font-size: 80px;
    padding-bottom: 20px;
    color: #0573FF;
}
.contact-titles li .bewrites{
    font-size: 14px;
    color: #8D8D8D;
}
.contact-bewrite{
    color: #5C5C5C;
    margin-top: 50px;
}
.contact-vision{
    width: 100%;
    margin-top: 40px;
}
.vision-left{
    float: left;
    width: 500px;
    height: 440px;
    overflow: hidden;
    position: relative;
}
.vileft-bg{
    width: 500px;
    height: 440px;
    opacity: 0.6;
    position: absolute;
    z-index: 8;
    background: #000000;
}
.vision-left .vileft-content{
    position: absolute;
    z-index: 9;
    color: #FFF;
    bottom: 40px;
    margin: 0 50px;
    line-height: 25px;
}
.vision-left .vileft-content .vileft-yj{
    font-size: 30px;
    margin-bottom: 30px;
}
.vision-left .vileft-content .vileft-bew{
    font-size: 14px;
}
.vision-top,.vision-bottom{
    height: 220px;
    float: left;
    width: 680px;
}
.vision-top li,.vision-bottom li{
    width: 220px;
    float: left;
    list-style: none;
    height: 220px;
    background: #F1F1F1;
    position: relative;
}
.vision-top li img,.vision-bottom li img{
    height: 220px;
}
.vision-top li .yj{
    font-size: 24px;
    text-align: center;
    color: #333;
    margin: 70px 0 15px 0;
}
.vision-top li hr{
    width: 30px;
    margin: 0 auto;
    color: #333;
}
.vision-top li .bewrit{
    color: #333;
    font-size: 14px;
    text-align: center;
    margin: 15px 20px 0 20px;
}
.vision-san1{
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #0069FF;
    border-bottom: 15px solid transparent;
    position: absolute;
    z-index: 9;
    top: 100px;
    right: -14px;
    display: none;
}
.vision-san2{
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-top: 15px solid #0069FF;
    border-left: 15px solid transparent;
    position: absolute;
    z-index: 9;
    bottom: -15px;
    right: 90px;
    display: none;
}
.vision-san3{
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #0069FF;
    border-bottom: 15px solid transparent;
    position: absolute;
    z-index: 9;
    bottom: 90px;
    left: -15px;
    display: none;
}
.blueBack{
    background:#0069FF!important;
}
.blueBack>p,.blueBack>hr{
    color: #fff!important;
}
.vision-bottom li:nth-child(2){
    background: #F1F1F1;
}
.vision-bottom li:nth-child(2) .yj{
    font-size: 24px;
    text-align: center;
    color: #333333;
    margin: 70px 0 15px 0;
}
.vision-bottom li:nth-child(2) hr{
    width: 30px;
    margin: 0 auto;
    color: #333333;
}
.vision-bottom li:nth-child(2) .bewrit{
    color: #333333;
    font-size: 14px;
    text-align: center;
    margin: 15px 20px 0 20px;
}
.tserver{
    list-style: none;
}
.tserver li{
    width: 234px;
    float: left;
    height: 300px;
    background-size: cover;
    border-radius: 4px;
}
.tserver li .ts-img{
    text-align: center;
    margin-top: 30px;
    height: 55px;
}
.tserver li .ts-img img:nth-child(2){
    display: none;
    margin: 0 auto;
}
.tserver li .ts-title{
    font-size: 18px;
    margin: 20px 20px;
    font-weight: 600;
    text-align: center;
}
.tserver li .ts-bewrite{
    font-size: 14px;
    margin: 0 20px 30px 20px;
    color: #6A6A6A;
    text-align: center;
}
a.checkMore p{
    width:148px;
    font-size: 16px;
    color: #0069FF;
    border:1px solid #0069FF;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
}
@keyframes opacity {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes newOpacity {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

/*banner图的文字信息*/
.outerBox ul.top-menu{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
ul.top-menu>li{
    font-size: 32px;
    color: #F2F2F2;
    margin-right: 20px;
}
ul.top-menu>a>li{
    font-size: 18px;
    color: #F2F2F2;
    margin-right: 20px;
}
ul.top-menu>a>.contact-li-active{
    color: #fff;
    font-weight: bold;
}
.bgcontent{
    color: #FFF;
    padding-top: 8%;
    -moz-animation:myfirst .5s;	/* Firefox */
    -webkit-animation: myfirst .5s;	/* Safari 和 Chrome */
    -o-animation: myfirst .5s;	/* Opera */
    -ms-animation: myfirst .5s;
    animation: myfirst .5s;
}
.bgcontent p:nth-child(1){
    font-size: 45px;
    color: #fff;
    padding-bottom: 20px;
}
.bgcontent p:nth-child(2){
    font-size: 18px;
}
/*公司介绍 洹瑞网络*/


/*公司介绍 洹瑞网络*/
/*行业资讯*/
.display_flex{
    display: flex;
    justify-content: space-between;
}
.newsBanner{
    width: 340px;
}
.img_title{
    width: 100%;
    height: 225px;
    overflow: hidden;
    position: relative;
}
.img_title img{
    transition: all 0.5s;
}
.news_tit{
    width: 97%;
    height: 53px;
    padding-top: 40px;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    font-size: 18px;
    color: #fff;
    line-height: 53px;
    padding-left: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_swiper a>p:nth-child(2){
    font-size: 12px;
    color: #666;
    margin: 25px 0;
}
.news_swiper a p:nth-child(3){
    font-family: 'Bahnschrift';
    font-size: 20px;
    color: #BBB9B9;
}
.news_banner .swiper-pagination{
    text-align: right;
    bottom: 26px!important;
}
.news_banner .swiper-pagination .swiper-pagination-bullet{
    width: 9px;
    height: 9px;
    background: #0069FF;
    opacity: 0.3;
    border-radius: 4px;
}
.news_banner .swiper-pagination .swiper-pagination-bullet-active{
    /*width: 22px;*/
    background: #0069FF;
    opacity: 1;
}
.two_team{
    width: 336px;
}
.member{
    width: 100%;
    overflow: hidden;
}
.two_team .member:nth-child(1){
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin-bottom:45px;
}
.member>a>p:nth-child(1){
    font-size: 18px;
    color: #333;
}
.member a>p:nth-child(2){
    font-size: 12px;
    color: #666;
    margin-top: 25px;
}
#case_contents{
    font-family: 'Bahnschrift';
    font-size: 20px;
    color: #bbb9b9 !important;
}
#case_content{
    position: relative;
    height: 60px;
    line-height: 60px;
}
#case_content>a:nth-child(2)>p {
    position: absolute;
    top: 10px;
    right: -40px;
    width: 40px;
    height: 40px;
    background: url("../image/jt01.png")no-repeat center;
    transition: all 0.6s ease 0s;
    opacity: 0;
}
.member:hover #case_content>a:nth-child(2)>p{
    opacity: 1;
    right: 0;
}
.member:hover #case_contents{
    color:#0069FF!important; ;
}
.addVal{
    width: 100%;
    overflow: hidden;
    margin-top: 80px;
    /*margin-bottom: -200px;*/
    position: relative;
}
.addVal>.left_Info,.addVal>.right_Info{
    width: 31%;
    padding: 30px 9%;
    height: 94px;
    float: left;
}
.addVal div>p:nth-child(1){
    font-size:22px ;
    color: #000;
    margin-bottom: 15px;
}
.addVal>div>p:nth-child(2){
    font-size:14px ;
    color:  #666;
    line-height: 25px;
}
.left_Info{
    border-right: 1px dashed #e6e6e6;
}
.left_Info:nth-child(1),.right_Info:nth-child(2),.left_Info:nth-child(3),.right_Info:nth-child(4){
    border-bottom: 1px dashed #e6e6e6;
}
.right_Info{
    text-align: right;
}
.blue_ra{
    width: 40px!important;
    height: 40px!important;
    padding: 0!important;
    background: #fff;
    position: absolute;
    top: 133px;
    left: 47.3%;
}
.blue_ra1{
    width: 40px!important;
    height: 40px!important;
    padding: 0!important;
    background: #fff;
    position: absolute;
    top: 286px;
    left: 47.3%;
}
.blue_ra>p{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #0069FF;
    margin: 10px;
}

/**支持多个行业解决方案**/
.solute-title{
    padding: 10px 0 60px 0;
    width: 100%;
}
.solute-title p:nth-child(1){
    margin-top: 50px;
    color: black;
    font-size: 32px;
    text-align: center;
}
.solute-title p:nth-child(2){
    margin-top: 30px;
    font-size: 14px;
    text-align: center;
    color: #818181;
}
/***技术服务***/
.server{
    width: 100%;
    background: #F7F8F9;
    padding-bottom: 70px;
}
.server .server-content{
    background: #FFF;
    width: 100%;
    border-right: unset;
    box-shadow: rgba(0,0,0,0.1) 0 0 50px;
}
.server .server-content .server-singer{
    width: 239px;
    height: 320px;
    border-right: 1px #F0F0F0 solid;
    text-align: center;
    float: left;
    transition: all 1s;
}
.server-singer p img{
    width: 70px;
}
.server-singer .server-singer-img{
    padding-top: 40px;
    /*background: #000;*/
    text-align: center;

    /*padding: 40px 0 20px 0;*/
}
.server-singer .server-singer-title{
    font-size: 18px;
}
.server-singer .server-singer-bewrite{
    font-size: 14px;
    margin: 20px;
    line-height: 25px;
    color: #5F5F5F;
}
.server-singer .server-bg{
    height: 158px;
    overflow: hidden;
    transition: all 2s;
}
.server-singer .ser-bg1{
    background: url('../image/weixin.jpg') no-repeat;
    background-size: cover;
}
.server-singer .ser-bg2{
    background: url('../image/qiye.png') no-repeat;
    background-size: cover;
}
.server-singer .ser-bg3{
    background: url('../image/app.png') no-repeat;
    background-size: cover;
}
.server-singer .ser-bg4{
    background: url('../image/system.jpg') no-repeat;
    background-size: cover;
}
.server-singer .ser-bg5{
    background: url('../image/yjian.jpg') no-repeat;
    background-size: cover;
}
.server-singer .server-bg p:nth-child(1){
    padding-top: 50px;
    color: #FFF;
    font-size: 18px;
}
.server-singer .server-bg p:nth-child(2){
    padding: 32px 0;
}
.server-singer .server-bg p:nth-child(2) a{
    border: 1px #FFF solid;
    padding: 8px 30px;
    font-size: 14px;
    color: #FFF;
}

.server-orgion{
    height: 158px;
}
.newStyle{
    width: 100%;
    height: 430px;
    /*background: url("../image/1524553291313.jpg") no-repeat;*/
    background-position: center 50%;
    background-size:cover;
}
.newStyle_ul{
    width: 100%;
    display: flex;
    justify-content: center;
}
.newStyle_ul li{
    width: 20%;
    max-width:320px;
    height:380px;
    float: left;
    position: relative;
    padding-top: 180px;
    border-right:1px solid rgba(0, 0, 0, .06);
    transition: all 0.6s;
}
.newStyle_ul li:nth-child(5){
    border-right:unset;
}
.number_sort{
    width: 100%;
    text-align: center;
    position: absolute;
    top:175px;
    font-size: 66px;
    color: #dfdfdf;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-family: "Times New Roman";
}
.Whole{
    width: 80%;
    padding: 0 10%;
    transition: all 0.6s;
}
.En_title{
    width: 100%;
    text-align: center;
    font-size:60px;
    color:#D9D0C2;
    height: 80px;
    opacity: 0;
    transition: all 0.6s;
    overflow: hidden;
}
.En_title>img{
    height: 60px;
    transform: scale(1.2);
}
.Zh_title{
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    transition: all ease-out .2s;
    text-align: center;
}
.Whole>hr{
    width: 30px;
    height: 1px;
    border: unset;
    background: rgba(0,0,0,.06);
    margin: 0 auto;
    margin-bottom: 15px;
}
.En_content{
    line-height: 28px;
    color: #848484;
    font-size: 13px;
    height: 50px;
    overflow: hidden;
    width: 100%;
}
.iconBox{
    width: 80px;
    height: 40px;
    overflow: hidden;
    position: relative;
    margin: 30px auto;
}
.innerIcon{
    position: absolute;
    display: flex;
    justify-content: center;
    transform: translateX(-80px);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.innerIcon>p:nth-child(1){
    width: 80px;
    height: 40px;
    background: url("../image/icon1.png") -4px 0 no-repeat;
    margin-right: 20px;
}
.innerIcon>p:nth-child(2){
    width: 80px;
    height: 40px;
    background: url("../image/icon1.png") -92px 0 no-repeat;
}
.newStyle_ul li:hover .number_sort{
    top:15px;
    font-size: 160px;
}
.middle_Content{
    -moz-animation: backColor 0.5s forwards;	/* Firefox */
    -webkit-animation:  backColor 0.5s forwards;	/* Safari 和 Chrome */
    -o-animation:  backColor 0.5s forwards;/* Opera */
    -ms-animation:  backColor 0.5s forwards;
    animation: backColor 0.5s forwards;
}
.middle_Content>a>.number_sort{
    -moz-animation:middle_sort 0.5s forwards;/* Firefox */
    -webkit-animation:middle_sort 0.5s forwards;	/* Safari 和 Chrome */
    -o-animation:middle_sort 0.5s forwards;/* Opera */
    -ms-animation:middle_sort 0.5s forwards;
    animation: middle_sort 0.5s forwards;
}
.middle_Content>a>.Whole>.En_title{
    -moz-animation:newOpacity  0.5s 0.1s forwards;	/* Firefox */
    -webkit-animation: newOpacity  0.5s 0.1s forwards;	/* Safari 和 Chrome */
    -o-animation: newOpacity  0.5s 0.1s forwards;	/* Opera */
    -ms-animation: newOpacity  0.5s 0.1s forwards;
    animation:newOpacity  0.5s 0.1s forwards;
}
.middle_Content>a>.Whole>.iconBox .innerIcon{
    -moz-animation:WidthMove 0.5s forwards;	/* Firefox */
    -webkit-animation: WidthMove 0.5s forwards;	/* Safari 和 Chrome */
    -o-animation: WidthMove 0.5s forwards;/* Opera */
    -ms-animation: WidthMove 0.5s forwards;
    animation: WidthMove 0.5s forwards;
}
@keyframes WidthMove {
    from{
        transform: translateX(-80px);
    }
    to{
        transform: translateX(0px);
    }
}
@-webkit-keyframes WidthMove {
    from{
        transform: translateX(-80px);
    }
    to{
        transform: translateX(0px);
    }
}
@keyframes backColor {
    from{
        background: transparent;
    }
    to{
        background: rgba(255,255,255,0.8);
    }
}
@-webkit-keyframes backColor {
    from{
        background: transparent;
    }
    to{
        background: rgba(255,255,255,0.8);
    }
}
@keyframes middle_sort {
    from{
        font-size: 66px;
        top: 175px;
    }
    to{
        font-size: 160px;
        top: 15px;
    }
}

div.mobilePage{
    display: none;
}
@-webkit-keyframes middle_sort {
    from{
        font-size: 66px;
        top: 175px;
    }
    to{
        font-size: 160px;
        top: 15px;
    }
}
/***选择了洹瑞网络***/
.link-list{
    width: 100%;
    list-style: none;
}
.link-list li{
    width: 157px;
    float: left;
    overflow: hidden;
}
.link-list li:nth-child(5n+2){
    margin: 0 97px;
}
.link-list li:nth-child(5n+4){
    margin: 0 97px;
}
.link-list li img{
    width: 100%;
    transform: scale(1.3);
}
.width1200_box_center{
    width: 1200px;
    margin: 0 auto;
    padding:50px 0 30px 0 ;
}
.floatBox{
    width: 458px;
    height: 205px;
    border: 1px solid #EDEDED;
    padding: 30px 50px;
    float: left;
    margin-bottom: 20px;
    cursor: pointer;
}
.floatBox:nth-child(odd){
    margin-right: 20px;
}
.floatBox>h6{
    font-family: 'Source Han Sans CN';
    font-size: 24px;
    color: #333;
}
.floatBox>hr{
    width: 31px;
    border: 1px solid #0069FF;
    margin: 15px 0;
}
.floatBox p,.floatBox .size_14_333{
    font-family: 'Source Han Sans CN';
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.normalBox{
    margin-top: 15px;
}
.normalBox>p:nth-child(1){
    width: 118px;
    height: 38px;
    border: 1px solid #0069FF;
    text-align: center;
    line-height: 40px;
    font-family: 'Source Han Sans CN';
    font-size: 14px;
    color: #0069FF;
    float: left;
    margin-top:40px ;
    cursor: pointer;
}
.normalBox>p:nth-child(2){
    float: right;
}
.normalBox>p:nth-child(2)>img{
    width: 80px;
    height: 80px;
}
.height140{
    height: 140px;
}
.seibold{
    font-family: 'Bahnschrift'!important;
    font-size: 28px!important;
    color: #101B30!important;
    font-weight: bold!important;
    line-height: 70px!important;
}
/*公司历程*/

.time-axis{
    margin: 0;
    padding: 0;
    position: relative;
}
.time-axis:before{
    content: '';
    position: absolute;
    left: 93px;
    top: 15px;
    width: 1px;
    height:95%;
    background-color: #E4E4E4;
}
.time-axis-item{
    list-style: none;
    padding-left: 150px;
    position: relative;
    margin-bottom: 30px;
    padding-top: 6px;
}
.time-axis-item p{
    font-size: 18px;
    color: #141414;
    line-height: 30px;
}
.course_img{
    max-width: 740px;
    padding: 15px 0;
}
.course_img>img{
    width:230px;
    height: 169px;
    margin-right: 10px;
    margin-bottom: 10px;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.time-axis-achievement{
    margin: 0;
}
.time-axis-date{
    width: 57px;
    position: absolute;
    left: 0;
    top: 0;
    color: #A2A2A2;
    font-size: 36px;
    font-family: bahnschrift;
}
.time-axis-date span{
    position: absolute;
    right: -44px;
    top: 33%;
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #0069FF;
    border-radius: 100%;
    background-color: #0069FF;
}
.time-axis-item:last-child .time-axis-date span{
    border-color: #48BEB2;
}
.time-axis-item:last-child .time-axis-date span:after{
    background-color: #48BEB2;
    border-color: #48BEB2;
}


/*公司新闻*/


.companyNews{
    margin-top: 70px;
}
.newsNavi{
    width: 180px;
    float: left;
}
.newsNavi>a>li{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
}
.newsNavi>a>li>p:nth-child(1){
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.newsNavi>a>li>p:nth-child(1)>span:nth-child(1){
    font-size:40px;
    color: #0069FF;
    margin-right: 18px;
}
.newsNavi>a>li>p:nth-child(1)>span:nth-child(2){
    font-size:18px;
    color: #717171;
}
.newsNavi>a>li>p:nth-child(2)>img{
    width:6px;
    opacity: 0;
}
li.news_active{
    width: 178px;
    height: 50px;
    border: 1px solid #DCDCDC;
}
.newsNavi>a>li.news_active>p:nth-child(1)>span:nth-child(2){
    color: #0069FF;
}
.newsNavi>a>li.news_active>p:nth-child(2)>img{
    opacity: 1;
}
.newsNavi>a>li:hover>p:nth-child(1)>span:nth-child(2){
    color: #0069FF;
}
ul.newContent{
    width: 100%;
    height: auto;
    float: right;
    margin-bottom: 100px;
}
ul.newContent>a>li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 25px;
    margin-bottom: 40px;
}
ul.newContent>a>li>p{
    width: 25%;
}
ul.newContent>a>li>p>img{
    width: 100%;
}
ul.newContent .newsMain{
    width: 73%;
    margin-right: 20px;
}
ul.newContent .newsMain>p:nth-child(1){
    font-size: 22px;
    color: #393939;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 28px;
}
ul.newContent .newsMain>p:nth-child(2){
    font-size: 16px;
    color: #555;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 28px;
}
ul.newContent .newsMain>p:nth-child(3){
    font-size: 12px;
    color: #838383;
}
ul.newContent .newsMain>p:nth-child(3)>span:nth-child(1){
    margin-right: 30px;
}
ul.newContent>a>li:hover>.newsMain>p:nth-child(1){
    color: #0069FF;
}






/*新闻详情*/


/*修订后的版本*/
/*新闻主要内容*/
.new_content{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
/*新闻左边*/
.new_content>div:nth-of-type(1){
    width: 342px;
}
.new_content h3{
    padding-top: 46px;
    box-sizing: border-box;
    font-size: 52px;
    color: #393939;
    font-weight: bold;
    padding-bottom: 64px;
    border-bottom: 1px solid #D4D4D4;
}
/*新闻列表部分*/
.new_content  ul{
    margin-top: 48px;
}
.new_content  ul li{
    margin-top: 50px;
    position: relative;
}
.new_content  ul li:nth-of-type(1){
    margin-top: 0;
}
.new_content  ul li a{
    max-height: 290px!important;
    text-decoration: none;
    font-size: 20px;
    color: #717171;
    display: block;
    transition: all .3s linear;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.new_content  ul.new_list li a span{
    font-size: 16px;
    margin-right: 10px;
    position: absolute;
    top: 3px;
    left: 0;
}

.new_content  ul.new_list li a{
    padding-left: 20px;
}

.new_content  ul li a i{
    font-style: normal;
    float: right;
}
.new_content  ul.new_list a{
    box-sizing: border-box;
}

.new_content  ul li a.active{
    color: #0069FF;
}
.new_content  ul.new_list li a:hover{
    color: #0069FF;
}
.new_content .picture{
    margin-top: 70px;
}
.new_content .picture p.img{
    height: 240px;
    width: 342px;
    margin-top: 24px;
}
.new_content .picture p.img:first-child{
    margin-top: 0;
}
.new_content .picture p.img img{
    height: 100%;
    width: 100%;
}

/*右边部分*/
.new_content>div:nth-of-type(2){
    width: 700px;
}
.content_right li{
    transform-style: preserve-3d;
    border-radius: 4px;
    margin-top: 32px!important;
    width: 100%;
    max-height: 254px;
    background-color: #EAF0F5;
    transition: all .3s linear;
    /*box-shadow: 0 0 30px 0 rgba(26, 87, 230, 0.25);*/
}
.content_right li:hover{
    box-shadow: 0 0 15px 0 rgba(26, 87, 230, 0.25);
}
.content_right li a:hover h4{
    color: #0069FF;
}




.content_right li a{
    height: 100%;
    width: 100%;
    display: block;

    box-sizing: border-box;
}
.content_right li a div.list{
    max-height: 290px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.content_right li a div.list div:nth-of-type(1){
    padding: 20px 24px 10px 24px;
    box-sizing: border-box;
    float: left;
    width: 410px;

}
.content_right li a div.list div.detailRich{
    padding: 0;

}
.content_right li a div.list p.time{
    color: #808080;
    font-size: 14px;
}
.content_right li a div.list p.time span.class{
    margin-right: 0;
    position: static!important;
}
.content_right li a div.list p.time span.class i{
    float: none;
    font-size: 14px;
}
.content_right li a div.list h4{
    font-weight: normal;
    margin-top: 14px;
    font-size: 22px;
    color: #000;
    line-height: 40px;

}
.content_right li a div.list p.content{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 14px;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
}

.content_right li a div.list div:nth-of-type(2){
    height: 210px;
    width: 358px;
    /*overflow: hidden;*/
}

.content_right li a div.list img{
    /*height: 223px;*/
    height: 100%;
    border-radius: 0 4px 4px 0;
}

.content_right ul.page{
    display: flex;
}
.content_right ul.page li:hover{
    box-shadow: none;
}
.content_right ul.page li{
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    transition: all .3s linear;
    cursor: pointer;
    color: #6D6D6F;
    font-size: 12px;
}
.content_right ul.page li.dot{
    border: none;
    font-size: 20px;
}
.content_right ul.page li.input{
    border: none;
    margin-right: 24px;

}
.content_right ul.page li.input input{
    width: 53px;
    height: 32px;
    border: 1px solid #D9D9D9;
    text-align: center;
    border-radius: 4px;
}
.content_right ul.page li.noBorder{
    border: none;
    padding-right: 10px;
}
.content_right ul.page li:hover{
    color: #0069FF;
}


/*修订后的版本*/



.NewsDetailView{
    width: 1100px;
    padding-top: 56px;
    margin: 0 auto;
    position: relative;
}
.NewsDetailView .NewsDetail{
    width: 800px;
    float: left;
}

.NewsDetail>.detailHead{
    border-bottom: 0.5px solid #E7E7E7;
    padding-bottom: 25px;
}
.detailRich{
    padding-top: 20px;
}
/*翻页*/
.pageButton{
    margin-top: -60px;
    display: flex;
    height: 72px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.pageButton a{
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    margin-top: 10px;
}
.pageButton a:hover{
    color: #0069FF;
}
/*翻页*/

.NewsDetail>.detailHead>p:nth-child(1){
    font-weight: bold;
    font-size: 22px;
    color: #393939;
    margin-bottom: 15px;
}
.NewsDetail>.detailHead>p:nth-child(2){
    font-size: 11px;
    color: #838383;
}
.NewsDetail>.detailHead>p:nth-child(2)>span:nth-child(1),.NewsDetail>.detailHead>p:nth-child(2)>span:nth-child(2){
    margin-right: 30px;
}


.NewsDetail>.detailRich img{
    max-width: 100%;
}
.NewsDetailView>.newsRecommen{
    width: 250px;
    float: right;
    margin-right: 15px;
}
.newsRecommen>.Recommen{
    width: 185px;
    padding: 0 15px;
    border: 1px solid #EBEBEB;
    margin-top: 10px;
    background-color: #fff;
    z-index: 222;
}
.newsRecommen>.Recommen:nth-of-type(2){
    margin-top: 20px;
}


/*热门标签*/
.tag ul li a{
    width: 100%;
    padding: 10px;
    font-size: 12px;
    color: #363636;
    display: block;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #E1E1E3;
    transition: all .3s linear ;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tag ul li a:hover{
    background-color: #0069FF;
    color: #fff;

}
.tag ul{
    padding-bottom: 30px;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.tag ul li{
    margin-top: 8px;
    margin-right:8px ;
}

.order_by ul a li span{
    display: inline-block;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #9C9C9C;
    color: #fff;
}
.order_by ul a:nth-of-type(1) li span,.order_by ul a:nth-of-type(2) li span,.order_by ul a:nth-of-type(3) li span{
    background-color: #F86418;
    color: #fff;
}

.newsRecommen>.Recommen>p{
    font-weight: bold;
    font-size:20px;
    color:#666;
    line-height: 56px;
    border-bottom: .5px solid #EBEBEB;
    margin-bottom: 20px;

}

.newsRecommen>.Recommen>ul>a>li{
    margin-bottom: 20px;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px;
    letter-spacing: 1px;
}

.newsRecommen>.pageGuide>a>p{
    width:215px ;
    border: 1px solid #EBEBEB;
    line-height: 48px;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
}



/*相关推荐*/

.welcome{
    margin-top: 30px;
    /*max-width: 800px;*/
    min-height: 255px;
    box-sizing: border-box;
    padding: 25px 34px;
    border: 1px solid #E1E1E3;
}
.welcome h3{
    color: #393939;
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E1E1E3;
}
.welcome div:nth-of-type(1){
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.welcome div:nth-of-type(1) div{
    padding-top: 28px;
    /*margin-right: 31px;*/
}
.welcome div:nth-of-type(1) div:nth-of-type(1){
    width: 50%;
}
.welcome div:nth-of-type(1) div.list_2{
    /*margin-left: 30px;*/
    width: 50%;
    padding-left: 34px;
    box-sizing: border-box;
}

.welcome div:nth-of-type(1) div ul.slide{
    width: 100%;
    border-right: 1px solid #E1E1E3;
    padding-right: 44px;
    box-sizing: border-box;

}

.welcome div:nth-of-type(1) div li{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top:20px;
    transition: all .3s linear;
}
.welcome div:nth-of-type(1) div li a span{
    margin-right: 10px;
}

.welcome div:nth-of-type(1) div li:hover a{
    color: #0069FF;
}

.welcome div:nth-of-type(1) div li a{
    font-size: 14px;
    text-decoration: none;
    color: #666;
    /*width: 290px;*/
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.welcome div:nth-of-type(1) div li:first-child{
    margin-top: 0;
}
/* / 相关推荐*/


/*行业解决方案*/

.solution{
    margin: 30px 0 100px 0;
    /*width: 800px;*/
    overflow: hidden;
}
.solution h3{
    color: #393939;
    font-weight: bold;
    font-size: 20px;
}
.solution ul{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;

}

#swiper .swiper-pagination{
    bottom: 0;
}
.solution ul li{
    width: 260px;
    float: left;
    height: 200px;
    overflow: hidden;
    background-color: #EBEBEB;
}
.solution ul li a{
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-decoration: none;
    color: #393939;

}
.solution ul li a:hover{
    background-color: #0069FF;
    color: #fff;
}
.solution ul li a img{
    height: 200px;
}
/* / 行业解决方案*/



@media screen and (max-width: 1500px){
    .bgcontent{
        padding-top: 4%;
    }
}
@media screen and (min-width: 1200px){
    .tserver li:nth-child(1):hover{
        background: url("../image/6044.png") no-repeat;
    }
    .tserver li:nth-child(2):hover{
        background: url("../image/6047.png") no-repeat;
    }
    .tserver li:nth-child(3):hover{
        background: url("../image/6043.png") no-repeat;
    }
    .tserver li:nth-child(4):hover{
        background: url("../image/6046.png") no-repeat;
    }
    .tserver li:nth-child(5):hover{
        background: url("../image/6045.png") no-repeat;
    }
    .tserver li:hover{
        box-shadow: rgba(0,0,0,0.1) 0 0 10px;
        color: #FFF;
        -moz-animation:opacity 0.5s;	/* Firefox */
        -webkit-animation: opacity 0.5s;	/* Safari 和 Chrome */
        -o-animation: opacity 0.5s;	/* Opera */
        -ms-animation: opacity 0.5s;
        animation: opacity 0.5s;
    }
    .tserver li:hover .ts-bewrite{
        color: #FFF;
    }
    .tserver li:hover .ts-img img:nth-child(1){
        display: none;
    }
    .tserver li:hover .ts-img img:nth-child(2){
        display: block;
    }
    a.checkMore p:hover{
        color: #FFF;
        border:1px solid #0069FF;
        background: #0069FF;
    }
    ul.top-menu>a>li:hover{
        color: #fff;
        font-weight: bold;
    }
    .should_change1:hover{
        background:#0069FF!important; ;
    }
    .should_change2:hover{
        background:#0069FF!important; ;
    }
    .should_change3:hover{
        background:#0069FF !important;
    }
    .should_change1:hover p{
        color: #fff!important;
    }
    .should_change2:hover p{
        color: #fff!important;
    }
    .should_change3:hover p{
        color: #fff!important;
    }
    .news_banner .swiper-slide:hover .img_title img{
        transform: scale(1.2);
    }
    .news_banner .swiper-slide:hover  a p:nth-child(3){
        color: #0069FF;
    }
    .server-singer:hover .server-orgion{
        display: none;
    }
    .server-singer:hover .server-bg{
        display: block!important;
        -moz-animation: newOpacity 1s;	/* Firefox */
        -webkit-animation: newOpacity 1s;	/* Safari 和 Chrome */
        -o-animation: newOpacity 1s;	/* Opera */
        -ms-animation: newOpacity 1s;
        animation: newOpacity 1s;
    }
    .newStyle_ul li:hover{
        background: rgba(255,255,255,0.8);
    }
    .newStyle_ul li:hover .En_title{
        opacity: 1;
    }
    li.floatBox:hover{
        border: 1px solid #0069FF;
    }
    .Whole:hover{
        transform: translateY(30px);
    }
    .Whole:hover .iconBox .innerIcon{
        transform: translateX(0px);
    }
    .course_img img:hover {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        border-radius: 0px;
    }
    .newsRecommen>.Recommen>ul>a>li:hover{
        color: #0069FF;
    }
    .newsRecommen>.pageGuide>a>p:hover{
        border: 1px solid #0069FF;
        color: #0069FF;
    }
}
@media screen and (max-width: 1024px){


    .pageButton{
        margin-top: -30px;
        padding: 0 20px 20px;
        font-size: 14px;
        display: block;
    }
    .pageButton a{
        display: block;
    }
    .pageButton a:last-child{
        margin-bottom: 20px;
    }

    .showImg{
        width: 100%;
        height: 327px;
        position: relative;
        overflow: hidden;
        padding-top: 6em;
    }
    .showImg>img{
        height: 327px;
        position: absolute;
        margin: auto;
        top: -9928px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
    }
    .showImg>.outerBox{
        width: 100%;
        height: 82%;
        position: absolute;
        top: 6em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .img-content{
        width: unset;
    }
    .bgcontent{
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .bgcontent p:nth-child(1){
        padding-bottom: 45px;
    }
    /*公司新闻*/
    .companyNews{
        margin-top: 0px;
    }
    .newsNavi{
        width: 90%;
        padding: 0 5%;
        /*border-bottom: 1px solid #E7E7E7;*/
        display: flex;
        justify-content: flex-start;
        align-items: center;
        /*height: 30px;*/
    }
    .newsNavi>a>li{
        margin-bottom: 0;
        border: unset;
        margin-right:20px;
    }
    li.news_active{
        width: unset;
    }
    ul.newContent{
        width: 100%;
    }
    ul.newContent>a>li{
        width: 90%;
        padding: 20px 5%;
        margin-bottom: 0;
    }
    ul.newContent .newsMain{
        width: 100%;
        margin-right: 0;
    }
    ul.newContent .newsMain>p:nth-child(2){
        height:78px;
        -webkit-line-clamp: 3;
    }
    .btable-paged{
        margin: 0 auto;
    }
    .btable-paged ul.pagination{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2em;
    }
    .btable-paged ul.pagination>li{
        display: none;
        width: 25%;
        line-height: 2em;
        text-align: center;
        border: 1px solid #D9D9D9;
        border-radius: 2px;
    }
    .btable-paged ul.pagination>li>a{
        display: block;
    }
    .btable-paged ul.pagination>li:nth-child(1),.btable-paged ul.pagination>li:last-child,.btable-paged ul.pagination>li.active{
        display: block;
    }
    /*新闻详情*/
    .NewsDetailView{
        width: 100%;
        padding-top: 6em;
    }
    .NewsDetailView .NewsDetail,.NewsDetail>.detailRich img{
        width: 100%;
    }
    .NewsDetail>.detailHead{
        width: 90%;
        padding: 20px 5%;
    }
    .NewsDetail>.detailRich{
        width: 90%;
        padding: 20px 5% 20px;
        /*margin-top: -84px;*/
    }
    /*联系我们*/
    .width1200_box_center, .floatBox{
        width: 90%;
        padding: 20px 5%;
        height: unset;
    }
    .floatBox:nth-child(odd){
        margin-right: 0;
    }
    .seibold{
        line-height: 40px!important;
    }
    /*公司历程*/
    .consult{
        width: 90%;
        padding: 0px 5%;
    }
    .time-axis-item{
        padding-left: 125px;
    }
    .course_img>img{
        width: 30%;
        min-width: 150px;
        height: unset;
    }
    /*公司介绍*/
    .companyIntro>.wordIntro>p:nth-child(2){
        width: 70%;
        margin: 0 auto;
    }
    .phone-hide{
        padding-top: 30px;
    }
    .contact-titles{
        margin-top: 0;
    }
    .contact-titles li{
        width: 48%;
        margin-bottom:2em;
    }
    .contact-titles li:nth-child(odd){
        float: right;
    }
    .contact-titles li:nth-child(2n){
        margin: 0;
        margin-bottom:2em;
    }
    .contact-titles li .titles{
        font-size: 3em;
        padding-bottom:.2em;
    }
    .contact-bewrite{
        margin-top: 20px;
        margin-bottom: 80px;
    }
    .smallShow>li>p:nth-child(1){
        font-size: 2.4em;
        color: #000;
        font-weight: bold;
        margin-top: 1em;
    }
    .smallShow>li>p:nth-child(2){
        font-size: 1.4em;
        color: #000;
        margin-top: 1em;
    }
    .smallShow>li>img{
        width: 100%;
        margin-top: 2em;
    }
    .addVal{
        margin-top: 3em;
        margin-bottom:0;
    }
    .addVal>.left_Info{
        width: 44.5%;
        padding: 1em 4% 0 0 ;
        height:180px ;
    }
    .addVal>.right_Info{
        width: 44.5%;
        padding: 1em  0 0 4% ;
        height:180px ;
    }
    .addVal div>p:nth-child(1),.addVal>div>p:nth-child(2){
        text-align: left;
    }
    .blue_ra{
        top: 31%;
        left: 42.5%;
    }
    .blue_ra1{
        top: 64%;
        left: 42.5%;
    }
    .solute-title p:nth-child(1){
        margin-top: 30px;
    }
    .solute-phone>li{
        width: 48%;
        padding:3% 0 6%;
        text-align: center;
        border: 1px solid #EBEBEB;
        margin-bottom: 10px;
    }
    .solute-phone>li:nth-child(odd){
        float: left;
    }
    .solute-phone>li:nth-child(even){
        float: right;
    }
    .solute-phone>li>a>p>img{
        width: 32%;
    }
    .solute-phone>li>a>p:nth-child(2){
        font-size: 1.4em;
        color: #333;
    }
    .solute-title{
        padding: 10px 0 30px 0;
    }
    .link-list li{
        width: 30%;
    }
    .link-list li:nth-child(5n+2),.link-list li:nth-child(5n+4){
        margin: 0;
    }
    .link-list li:nth-child(3n-1){
        margin: 0 5%;
    }






    /*站点地图*/

    /*站点地图*/
    .map h3 {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }

    .map ul{
        width: 90%;
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .map ul li{
        width: 50%!important;
    }

    /*.btable-paged{*/
        /*display: none;*/
    /*}*/
    .new_content ul{
        width: 100%;
    }

    .new_content>div:nth-of-type(2){
        width: 100%;
    }
    ul.newContent{
        width: 100%;
    }
    .btable-paged{
        padding-left:0 ;
    }
    .content_right li a div.list p.content{
        width: 100%;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 3; /** 显示的行数 **/
        overflow: hidden; /** 隐藏超出的内容 **/
    }

}


.map{
    /*margin-top: 20px;*/
    margin-top: 134px!important;
}
.map h3{
    font-size: 32px;
    color: #333333;
    font-weight: normal;
    margin-bottom:36px ;
    border-left: 4px solid #0069FF;
    padding-left: 20px;
    box-sizing: border-box;
}
.map ul li a{
    font-size: 18px;
    color: #000;
    font-weight: lighter;
}
.map ul li a:hover{
    color: #0069FF;
}

.map ul{
    margin-bottom: 26px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

}
.map ul li{
    width: 200px;
    height: 60px;

}
.map ul li{
    width: 200px;
    height: 50px;
    text-align: left;
    line-height: 50px;
    overflow: hidden;
}




















/*网页端*/
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
body{
    background: #fff;
}
.clear{
    clear: both;
}
.hidden{
    display: none;
}
@media screen and (min-width:1025px) {
    header{

        width: 100%;
        height: 80px;
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*align-items: center;*/
        position: relative;
    }
    .log{
        height: 80px;
        float: left;
        margin-left: 3%;
    }
   /* .log>a>img{
        margin-top: 20px;
        height: 42.5px;
    }*/
    /*改动*/
    .log>a>img:nth-child(1){
        display: none;
    }
    .log>a>img:nth-child(2){
        display: block;
    }
    .fivWay{
        float: right;
        margin-right: 5%;
        display: flex;
        justify-content:flex-end;
        align-items: center;
    }
    .fivWay>li{
        margin-left: 45px;
    }
    .fivWay>li>.firstTitle>p{
        cursor: pointer;
        font-family: 'Source Han Sans CN';
        font-size: 18px;
        color: #fff;
        line-height: 80px;
    }
    .toggleNavi{
        width: 100%;
        background: #F5F7FA;
        position: absolute;
        transition: all 0.5s;
        z-index: 99999;
        left: 0;
    }
    .firstWay{
        height: 417px;
        bottom: -417px;
    }
    .secondWay,.thirstWay{
        height: 309px;
        bottom: -309px;
    }
    .leftNavi{
        width: 58%;
        float: left;
        padding-right: 2%;
    }
    .category{
        padding: 50px 0;
        height: 317px;
        float: right;
        width: 720px;
    }
    .thirstWay>.leftNavi>.category{
        height: 209px;
    }
    .category>a>li{
        width: 180px;
        text-align: center;
        font-family: 'Source Han Sans CN';
        font-size: 18px;
        color: #000;
        float: left;
        margin-bottom: 10px;
    }
    .category>a>li>p,.category img{
        height: 50px;
        margin: 0 auto;
    }
    .category>a>li>p>img:nth-child(2){
        display: none;
    }
    .category>a:hover li>p{
        text-align: center;
        color: #0069FF;
    }
    .category>a:hover li>p>img:nth-child(1){
        display: none;
    }
    .category>a:hover li>p>img:nth-child(2){
        display: block;
    }
    .firstWay>.rightNavi{
        height: 372px;
    }
    .secondWay>.rightNavi,.thirstWay>.rightNavi{
        height: 263px;
    }
    .rightNavi{
        width: 35%;
        float: right;
        background: #EBEDF1;
        padding-left: 5%;
        padding-top: 45px;
    }
    .rightNavi>p{
        max-width: 220px;
    }
    .rightNavi>p:nth-child(1){
        font-size: 22px;
        color: #000;
        letter-spacing:1.5px;
        margin-bottom: 20px;
    }
    .rightNavi>p:nth-child(2){
        font-family: 'Bahnschrift';
        font-size: 30px;
        color: #0069FF;
        margin-bottom: 15px;
    }
    .rightNavi>p:nth-child(3){
        font-size: 14px;
        color: #6A6A6A;
        line-height: 30px;
        margin-bottom: 25px;
    }
    .rightNavi>p:nth-child(4){
        width: 110px;
        font-size: 14px;
        color: #fff;
        background: #0069FF;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
    }
    .thirstWay>.leftNavi>.category{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .getSolute{
        width: 100%;
        padding: 40px 0;
        background: #F6F7F8;
        margin-top: 70px;
        overflow: hidden;
        background: url('../image/6f95_2x.png') no-repeat;
        background-size: cover;
    }
    .getGuide{
        width: 30%;
        max-width: 500px;
        min-width: 310px;
        margin: 0 auto;
        text-align: center;
    }
    .getGuide>p:nth-child(1){
        font-size: 31px;
        color: #000;
    }
    .getGuide>p:nth-child(2){
        font-size: 14px;
        color: #989898;
        margin-top: 20px;
    }
    .getGuide>p:nth-child(3){
        width: 180px;
        line-height: 48px;
        background: #0069FF;
        border-radius: 2px;
        color: #fff;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin: 0 auto;
        margin-top: 20px;
        transition: all 0.5s;
    }
    /*主页绝对定位*/
    .contactUs_top{
        position: fixed;
        bottom:100px;
        right: 25px;
        z-index: 1000;
    }
    .right_navi{
        list-style: none;
        float: right;
        box-shadow: 0px 2px 10px rgba(180,180,180,0.5);
    }
    .right_navi li{
        width: 50px;
        height: 50px;
        background: #fff;
    }
    .right_navi li img{
        width: 50px;
    }
    .right_navi li img:nth-child(2){
        display: none;
    }
    .right_navi li:hover img:nth-child(1){
        display: none;
    }
    .right_navi li:hover img:nth-child(2){
        display: block;
    }
    .relectiveBox{
        float: right;
        margin-right: 10px;
        position: relative;
    }
    .rele{
        position: absolute;
        right: 0;
        background: #fff;
        border: 1px solid #EFEFEF;
        transition: all 0.5s;
        opacity: 0;
    }
    .talking{
        width: 110px;
        top: 0;
        height: 50px;
        overflow: hidden;
        background: transparent;
        border: 0px;
        -webkit-animation: moveInline 10s ease-in 8s infinite;	/* Safari 和 Chrome */
        -moz-animation: moveInline 10s ease-in 8s infinite; /* Firefox */
        -o-animation:moveInline 10s ease-in 8s infinite;
        -ms-animation:moveInline 10s ease-in 8s infinite;
        animation: moveInline 10s ease-in 8s infinite;
    }
    .talking>img{
        height: 50px;
        transform: scale(1.1);
    }
    .talking>p{
        line-height: 52px;
        font-size: 14px;
    }
    .triangle_border_right{
        width:0;
        height:0;
        border-width:10px 0 10px 10px;
        border-style:solid;
        border-color:transparent transparent transparent #fff;/*透明 透明 透明 灰*/
        position:absolute;
        right: -10px;
        top: 15px;
    }
    .onPhone{
        top: 50px;
        width: 186px;
        padding: 10px 15px;
    }
    .onHead{
        display: flex;
        align-items: center;
        border-bottom: 1px solid #EFEFEF;
        padding-bottom: 10px;
    }
    .onHead>img{
        height: 50px;
        margin-right: 10px;
    }
    .onHead>p>span:nth-child(1){
        display: block;
        font-size: 14px;
        color: #000;
    }
    .onHead>p>span:nth-child(2){
        display: block;
        font-family: 'Arial';
        font-weight: bold;
        font-size: 20px;
        color: #0069FF;
    }
    .onPhone>ul{
        padding-top: 10px;
    }
    .onPhone>ul>li{
        display: flex;
        align-items: center;
        float: left;
        margin-right: 17px;
        margin-bottom: 10px;
    }
    .onPhone>ul>li>img{
        height: 15px;
        margin-right: 5px;
    }
    .onPhone>ul>li>p{
        font-size: 14px;
        float: left;
    }
    .eqr{
        top: 100px;
        width:120px;
        padding: 10px;
    }
    .eqr>p:nth-child(1)>img{
        width: 100%;
    }
    .eqr>p:nth-child(2){
        text-align: center;
        line-height: 30px;
    }

    @keyframes moveInline {
        0%{
            display: flex;
            opacity: 1;
            transform: translateX(0);
        }
        5%{
            opacity: 1;
            transform: translateX(-15px);
        }
        10%{
            opacity: 1;
            transform: translateX(0);
        }
        15%{
            opacity: 1;
            transform: translateX(-15px);
        }
        20%{
            opacity: 1;
            transform: translateX(0);
        }
        25%{
            opacity: 1;
            transform: translateX(-15px);
        }
        30%{
            opacity: 1;
            transform: translateX(0);
        }
        35%{
            opacity: 1;
            transform: translateX(-15px);
        }
        40%{
            opacity: 1;
            transform: translateX(0);
        }
        45%{
            opacity: 1;
            transform: translateX(-15px);
        }
        50%{
            display: none;
            opacity: 0;
            transform: translateX(0);
        }
        100%{
            display: none;
            opacity: 0;
            transform: translateX(0);
        }
    }

    /************底部信息*************/
    footer{
        background: #1F242D;
        padding: 60px 0 30px 0;
    }
    footer .img-content,.img-content {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    footer .copyright{
        color: #6F727D;
        margin-top: 20px;
        text-align: center;
        font-size: 14px;
    }
    footer div.weixin{
        display: none;
    }

    .bottom-left{
        float: left;
        width: 229px;
        padding-right: 50px;
        border-right: 1px #3B3E44 solid;
    }
    .bottom-left p:nth-child(1),.bottom-left p:nth-child(3),.bottom-left p:nth-child(5){
        font-size: 18px;
        color: #D9CFCF;
        margin: 20px 0;
    }
    .bottom-left p:nth-child(1){
        margin-top: 0;
    }
    .bottom-left p:nth-child(2){
        font-size: 28px;
        color: #fff;
        font-family: bahnschrift;
    }
    .bottom-left p:nth-child(4),.bottom-left p:nth-child(6){
        font-size: 14px;
        color: #6F727D;
        line-height: 25px;
    }
    .bottom-right{
        width: 850px;
        margin-left: 50px;
        float: left;
        display: flex;
        justify-content: space-between;
    }
    .bottom-right ul{
        list-style: none;
        float: left;
        width: 170px;
    }
    .bottom-right ul li{
        font-size: 14px;
        line-height: 25px;
        color:#6F727D;
    }
    .bottom-right ul li a{
        color: #6F727D;
    }
    .bottom-right ul li a:hover{
        color: #0069FF;
    }
    .bottom-right ul li:nth-child(1){
        font-size: 18px;
        color: #D9CFCF;
        margin-bottom: 30px;
    }
    footer .companysInfo{
        margin-top: 40px;
    }
    footer .companysInfo>li{
        width: 28.5%;
        margin-right: 1%;
        border: 1px solid #3B3E44;
        padding: 15px 2%;
        height: 81px;
        overflow: hidden;
        float: left;
        margin-bottom: 10px;
    }
    footer .companysInfo>li:nth-child(3n){
        margin-right: 0;
    }
    .companysInfo>li>p:nth-child(1){
        font-size: 16px;
        color:#D9CFCF;
        font-weight:bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .companysInfo>li>p:nth-child(2){
        font-size: 12px;
        color:#D9CFCF;
        margin: 10px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .companysInfo>li>p:nth-child(3){
        font-family: 'Bahnschrift';
        font-size: 18px;
        color: #D9CFCF;
        font-weight:bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    footer .link{
        border-bottom: #3B3E44 solid 1px;
        padding: 20px 0;
        border-top: #3B3E44 solid 1px;
        margin-top: 20px
    }
    footer .link li{
        list-style: none;
        float: left;
        margin-right: 20px;
        padding: 5px 0;
        color: #6F727D;
        font-size: 14px;
    }
    footer .link li a{
        color: #6F727D;
    }
    .bgcontent{
        padding-top: 10%;
    }
    .consults{
        padding-top: 6%;
    }
    ins#nb_icon_wrap{
        width: 100px!important;
        height: 100px!important;
    }
    .willmove{
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 999;
    }
    .dontMove{
        width: 100%;
    }
    .changeStatus>header{
        background: #fff;
        border-bottom: 1px solid #ECECEC;
    }
    .changeStatus>header .log>a img:nth-child(1){
        display: block;
    }
    .changeStatus>header .log>a img:nth-child(2){
        display: none;
    }
    .changeStatus>header .fivWay>li p{
        color: #333;
    }
    .box1200{
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .box1100{
        max-width: 1100px;
        margin: 0 auto;
    }
    .showImg{
        width: 100%;
        position: relative;
        z-index: 0;
        min-height: 200px;
    }
    .showImg>img{
        width: 100%;
    }
    .showImg>.outerBox{
        width: 100%;
        position: absolute;
        top: 70px;
    }


    /*分页样式*/
    .btable-paged{
        margin-top: 90px;
    }
    .btable-paged .layui-laypage{
        /*padding-left: 22%;*/
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .btable-paged .layui-laypage ul.pagination{
        display: flex;
        align-items: center;
    }
    .btable-paged .layui-laypage ul.pagination li{
        /* width: 30px;
        height: 30px; */
        border: 1px solid #D9D9D9;
        border-radius: 2px;
        text-align: center;
        line-height: 30px ;
        font-family: 'Arial';
        font-size: 12px;
        color: #6D6D6F;
        margin-right: 8px;
    }
    .btable-paged .layui-laypage ul.pagination li>a{
        /* width: 30px;
        height: 30px; */
        display: block;
        font-family: 'Arial';
        font-size: 12px;
        color: #6D6D6F;
    }
    .layui-laypage ul.pagination li.active{
        border: 1px solid #0069FF;
        color: #0069FF;
    }
    .btable-paged .layui-laypage span.layui-laypage-total{
        font-family: '';
        font-size: 12px;
        color: #6D6D6F;
        line-height: 32px;
    }
    .layui-laypage span.layui-laypage-total #page{
        width: 30px;
        padding: 0 10px;
        line-height: 30px;
        border: 1px solid #D9D9D9;
        border-radius: 4px;
        margin: 0 8px;
    }
    .layui-laypage span.layui-laypage-total button.jump{
        width: 50px;
        line-height: 30px;
        background:  #0069FF;
        color: #fff;
        text-align: center;
        border: unset;
        border-radius: 4px;
        margin-left: 8px;
    }
    .layui-laypage span.layui-laypage-total button.jump:hover{
        text-decoration: underline;
    }
    .companyNews{
        margin-top: 50px!important;
    }


    /*newsdetail里面的经典案例*/
    .classic h3{
        margin-top: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .classic h3 span,.classic h3 a{
        color: #333;
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 40px;
    }
    .classic h3 span{
        font-weight: bold;
    }
    .classic h3 a{
        cursor: pointer;
        margin-right: 23%;
        font-size: 16px;
    }
    .classic ul{
        display: flex;
        justify-content: space-between;
        width: 850px;
    }

    .classic ul li{
        width: 270px;
        margin-right: 20px;
    }
    .classic ul li:last-child{
        margin-right:0;
    }
    .classic ul li a{
        display: block;
        cursor: pointer;
    }
    .classic ul li a p.img{
        overflow: hidden;
    }
    .classic ul li a p.img img{
        width: 100%;
        transition: all .3s;
    }
    .classic ul li a p.img img:hover{
        transform: scale(1.1);
    }
    .classic ul li a p.title{
        margin-top: 10px;
        font-size: 16px;
        color: #333;
    }
    .classic ul li a p.content{
        margin-top: 5px;
        color: #7d7d7d;
        font-size: 14px;
        height: 42px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

    /*newsdetail里面的经典案例*/






}

/*手机端*/
@media screen and (max-width: 1024px){
    html  {font-size:62.5%;}/* 10÷16=62.5% */
    body  {font-size:12px;font-size:1.2em ;} /* 12÷10=1.2 */
    p  {font-size:14px;font-size:1.4em;}
    .mobile{
        display: block;
    }
    .mobileHidden{
        display:none!important;
    }
    header{
        width: 100%;
        position: fixed;
        top: 0;
        display: block;
        background: #fff;
        z-index: 9999;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    header::-webkit-scrollbar {
        display: none;
    }
    .header{
        height: 100vh;
    }
    header .leftHead{
        width: 90%;
        height: 6em;
        background:#fff ;
        padding: 0 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    header .leftHead>.log>a>img{
        height: 3.2em;
    }

    /*改动*/
    header .leftHead>.log>a>img:nth-child(1){
        display: block;
    }
    header .leftHead>.log>a>img:nth-child(2){
        display: none;
    }
    header .navigation{
        width: 2em;
        height: 0.2em;
        border-top: 0.2em solid #222;
        border-bottom: 0.2em solid #222;
        background-color: #222;
        padding: 0.5em 0;
        background-clip: content-box;
    }
    header .closeNavi{
        position:relative;
        width:2.2em;
        height:.2em;
        background-color:#222;
        transform:rotate(45deg);
        border-radius:.15em;
    }
    header .closeNavi:after {
        content:"";
        position:absolute;
        width:2.2em;
        height:.2em;
        background-color:#222;
        transform:rotate(90deg);
        border-radius:.15em;
    }
    header ul.fivWay>li>div{
        width:90%;
        height: 4.5em;
        padding:0 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        border-bottom: 1px solid #E0E0E0;
    }
    header ul.fivWay>li>div>p:nth-child(1){
        color: #7D7D7D;
    }
    header ul.fivWay>li>div>p:nth-child(2){
        width: 0.5em;
        height: 0.5em;
        border-left: 0.1em solid #DEE0E6;
        border-bottom: 0.1em solid #DEE0E6;
        transform: rotate(135deg) translateY(-.2em);
        transition: all 0.3s;
    }
    header ul.fivWay>li.mobileChecked>div{
        border-bottom: unset;
    }
    header ul.fivWay>li.mobileChecked>div>p:nth-child(1){
        color: #0069FF;
    }
    header ul.fivWay>li.mobileChecked>div>p:nth-child(2){
        transform: rotate(-45deg) translateY(.2em);
    }
    .fivWay>li>ul.mobileSecondNavi{
        width: 100%;
        background: #F5F7FA;
        padding:2em 0 1em;
    }
    .fivWay>li>ul.mobileSecondNavi>a{
        width: 32%;
        float: left;
        display: block;
        margin-bottom: 2em;
    }
    .fivWay>li>ul.mobileSecondNavi>a:nth-child(3n-1){
        margin: 0 2%;
    }
    .fivWay>li>ul.mobileSecondNavi>a>li{
        width: 100%;
        text-align: center;
    }
    ul.mobileSecondNavi>a>li>p:nth-child(1){
        width: 100%;
    }
    ul.mobileSecondNavi>a>li>p>img{
        height: 3em;
    }
    ul.mobileSecondNavi>a>li>p:nth-child(2){
        font-size: 1.4em;
        color: #000;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .getSolute{
        width: 100%;
        height: 24em;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url('../image/6f95_2x.png') no-repeat center;
        background-size: cover;
    }
    .getSolute .getGuide{
        width: 75%;
        text-align: center;
    }
    .getSolute .getGuide>p:nth-child(1){
        font-size: 2.2em;
        color: #000;
    }
    .getSolute .getGuide>p:nth-child(2){
        font-size: 1.4em;
        color: #4B4B4B;
        margin-top: 1.5em;
    }
    .getSolute .getGuide>p:nth-child(3){
        width: 50%;
        max-width: 181px;
        line-height: 2.5em;
        font-size: 1.8em;
        color: #fff;
        background: #0069FF;
        margin: 0 auto;
        margin-top:1.5em;
        border-radius: 2px;
    }
    footer{
        width: 90%;
        padding: 2.5em 5%;
        background: #20252E;
    }
    footer>.img-content{
        width: 100%;
    }
    footer .bottom-left{
        width: 100%;
        /*border-bottom: .5px solid rgba(255,255,255,.3);*/
    }
    footer .bottom-left>p:nth-child(1),.bottom-left>p:nth-child(3),.bottom-left>p:nth-child(5){
        font-size: 1.6em;
        color: #B2B2B2;
    }
    footer .bottom-left>p:nth-child(2){
        font-size: 2.8em;
        color: #fff;
        margin-top: .2em;
        margin-bottom: .5em;
    }
    footer .bottom-left>p:nth-child(4),footer .bottom-left>p:nth-child(6){
        font-size: 1.2em;
        color: #6F727D;
        margin-top: 1em;
        margin-bottom: 1.5em;
    }
    footer .copyright{
        text-align: center;
        font-size: 1.2em;
        color: #6F727D;
        margin-top: 1em;
    }

    footer div.weixin{
        display: block;
    }

    #newBridge .nb-icon-right-bottom{
        right: 0!important;
    }
    #newBridge .nb-icon-right-bottom{
        height: 72.5px!important;
        width: 72.5px!important;
    }
    #newBridge .nb-icon-wrap-3 .nb-icon-wrap-3-right-bottom{
        height: 72.5px;
        width: 72.5px;
    }
    .showImg{
        padding-top: 6em;
    }
    .img-content{
        width: unset;
    }



    /*newsdetail里面的经典案例*/
    .classic h3{
        width: 90%;
        margin: 50px auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .classic h3 span,.classic h3 a{
        color: #333;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 40px;
    }
    .classic h3 span{
        font-weight: bold;
    }
    .classic h3 a{
        cursor: pointer;
        margin-right:0;
    }
    .classic ul{
        width: 90%;
        margin: 0 auto;
    }

    .classic ul li{
        width: 100%;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .classic ul li:last-child{
        margin-right:0;
    }
    .classic ul li a{
        display: block;
        cursor: pointer;
    }
    .classic ul li a p.img img{
        width: 100%;
    }
    .classic ul li a p.title{
        margin-top: 10px;
        font-size: 16px;
        color: #333;
    }
    .classic ul li a p.content{
        margin-top: 5px;
        color: #7d7d7d;
        font-size: 14px;
        height: 42px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

    /*newsdetail里面的经典案例*/



    /*newsdetail里面的相关推荐*/
    .welcome{
        width: 90%;
        margin: 0 auto;
    }
    .welcome div:nth-of-type(1) div ul{
        width: 100%;
    }
    .welcome div:nth-of-type(1) div li a{
        width: 100%;
    }

    .welcome div:nth-of-type(1) div ul.slide{
        padding-right: 0;
        border-right: transparent;
    }

    .solution{
        width: 90%;
        margin: -16px auto 20px;
    }
    .solution ul{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 20px;
    }
    .solution ul{
        font-size: 20px;
    }
    .solution ul li{
        margin-top: 10px;
        width:32%;
        height: auto;
    }



    .solution ul li a{
        font-size: 16px;
        overflow: visible;
    }
    .solution ul li a img{
        width: 100%;
        /*height: 100%;*/
    }

    /*新闻*/
    .new_content h3{
      padding-top: 35px;
        font-size: 20px;
        padding-bottom: 20px;
    }
    .new_content ul{
        margin-top: 20px;

    }
    .new_content ul li a{
        padding-left: 0;
    }
    .new_content ul{
        margin-top: 10px;
    }
    .content_right li{
        margin-top: 8px;
    }
    .content_right li a div.list div:nth-of-type(1){
        padding: 16px 16px;
    }
    .content_right li a div.list h4{
        font-size: 16px;
    }
    .new_content ul li a{
        font-size: 14px;
    }
    .welcome div:nth-of-type(1) div li{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .welcome div:nth-of-type(1) div:nth-of-type(1){
        width: 100%;

    }
    .welcome div:nth-of-type(1) div ul.list_2{
        width: 90%;
        padding-right: 20px;
    }
    .welcome div:nth-of-type(1) div:nth-of-type(2){
        display: none;
    }


    /*行业解决方案*/

    .welcome div:nth-of-type(1) div:nth-of-type(2){
        padding-top: 18px;
        width: 100%;
    }
}


@media screen and (max-width: 1200px) {
    section.container{
        width: 100%;
    }
    .new_content{
        padding-left: 23px;
        padding-right: 23px;
    }
    .new_content>div:nth-of-type(1){
        width: 100%;
    }
    .new_content ul li a span{
        display: none;
    }

    .new_content ul.new_list li a{
        padding-left: 0;
    }
    .new_content ul li a i{
        display: none;
    }
    .new_content .picture{
        display: none;
    }
    .new_content>div:nth-of-type(2){
        width: 100%;
    }
    .new_content ul{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .new_content ul li{
        margin-top: 0;
    }
    .new_content ul.new_list li{
        margin-top: 10px;
        margin-right: 6px;
        width: 31%
    }
    .new_content ul.new_list li a{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 10px;
        width: 100%;
        /*height: 37px;*/
        border: 1px solid #D4D4D4;
    }
    .new_content ul.new_list li a.active{
        border: 1px solid #0069FF;
    }
    .new_content div.content_right li a p.content{
        display: none!important;
    }
    .new_content div.content_right li{
        border-radius:4px;
        height: 140px;
    }
    .content_right li a div.list p.time span.class{
        display: inline-block;
        top: 0;
    }
    .content_right li a div.list p.time span.class i{
        display: inline-block;
    }
    .content_right li a{
        height: 100%;
    }
    .content_right li a div.list{
        height: 100%;
        width: 100%;

    }
    .content_right li a div.list div:nth-of-type(1){
        width: 110%!important;
        height: 100%;
    }
    .content_right li a div.list h4{
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
    }
    .content_right li a div.list div:nth-of-type(1){
        padding: 23px 21px;
        box-sizing: border-box;
    }
    .content_right li a div.list div:nth-of-type(2){
        background-color: green;
        height: 100%;
       border-radius: 0 4px 4px 0;
    }
    ul.newContent{
        width:100%;
        height: auto;
        margin-bottom: 30px;
    }

    .welcome{
        border: none;
        padding: 0 0;
        height: auto;
    }
    .welcome h3{
        border-top: 1px solid #C8C8C8;
        padding-top: 20px;
        padding-bottom: 0;
        border-bottom: none;
    }
    .solution h3{
        border-top: 1px solid #C8C8C8;
        padding-top: 20px;
    }


    /*分页样式*/
    .btable-paged{
        margin-top: 90px;
        display: none;
    }
    .btable-paged .layui-laypage{
        display: flex;
    }
    .btable-paged .layui-laypage ul.pagination{
        display: flex;
        align-items: center;
    }
    .btable-paged .layui-laypage ul.pagination li{
        width: 30px;
        height: 30px;
        border: 1px solid #D9D9D9;
        border-radius: 2px;
        text-align: center;
        line-height: 30px ;
        font-family: 'Arial';
        font-size: 12px;
        color: #6D6D6F;
        margin-right: 8px;
    }
    .btable-paged .layui-laypage ul.pagination li>a{
        width: 30px;
        height: 30px;
        display: block;
        font-family: 'Arial';
        font-size: 12px;
        color: #6D6D6F;
    }
    .layui-laypage ul.pagination li.active{
        border: 1px solid #0069FF;
        color: #0069FF;
    }
    .btable-paged .layui-laypage span.layui-laypage-total{
        font-family: '';
        font-size: 12px;
        color: #6D6D6F;
        line-height: 32px;
    }
    .layui-laypage span.layui-laypage-total #page{
        width: 30px;
        padding: 0 10px;
        line-height: 30px;
        border: 1px solid #D9D9D9;
        border-radius: 4px;
        margin: 0 8px;
    }
    .layui-laypage span.layui-laypage-total button.jump{
        width: 50px;
        line-height: 30px;
        background:  #0069FF;
        color: #fff;
        text-align: center;
        border: unset;
        border-radius: 4px;
        margin-left: 8px;
    }
    .layui-laypage span.layui-laypage-total button.jump:hover{
        text-decoration: underline;
    }
    .btable-paged ul.pagination{
        margin-top: 0;
    }
    .companyNews{
        margin-top: 50px!important;
    }


    .btable-paged .layui-laypage{
        padding-left: 23px;
    }

    div.mobilePage{
        display: block;
        margin-top: 26px;
        padding-left: 23px;
    }

    div.mobilePage ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    div.mobilePage ul li:nth-of-type(1) input{
        width: 45px;
        height: 27px;
        border: 1px solid #D9D9D9;
       padding: 0 10px;
        box-sizing: border-box;
        background-color: #fff;
        outline: none;
        color: #434343;
    }
    div.mobilePage ul li:nth-of-type(2){
        margin-left: 14px;
        color: #434343;
        font-size: 14px;
    }
    div.mobilePage ul li:nth-of-type(3){
        margin-left: 13px;
        color: #464646;
    }
    div.mobilePage ul li:nth-of-type(3) button{
        border: none;
        background-color: #fff;
        outline: none;
    }
    div.mobilePage ul li:nth-of-type(3) button i{
        margin-left: 10px;
        color: #464646;
        font-style: normal;
        font-size: 16px;
        font-weight: bold;
    }
    .btable-paged i{
        display: none;
    }
    .btable-paged{
        margin-top: 30px;
    }

}

@media screen and (max-width: 500px){
    .solution ul li{
        display: none;
    }
    .solution ul li:nth-of-type(1){
        display: block;
        width: 100%;
        height: 100%;
    }
}

@media screen and  (max-width: 1024px){
    .NewsDetailView .breadcrumb{
        display: none;
    }
    .NewsDetailView{
        padding-top: 73px!important;
    }

}
/*@media screen and  (min-width: 1025px){*/
    /*.NewsDetailView .breadcrumb{*/
        /*display: block;*/
    /*}*/

/*}*/