strong{
    font-weight: 600;
}
.bannerBox{

    width: 100%;

    margin-top: 100px;

}

.bannerBox img{

    width: 100%;

}

/* 手机端头部 */

.m_header{

    display: none;

}

@media (max-width: 990px) {



    .c_headerboc {

        display: none;

    }



    .m_header {

        display: block;

        position: relative;

        height: 50px;

        left: 0;

        top: 0

    }



    .sp_header {

        height: 50px;

        overflow: hidden;

        background: #565D62;

        position: fixed;

        z-index: 10;

        width: 100%;

        top: 0;

        z-index: 999999

    }



    .sp_logo {

        padding: 10px;

        float: left;

        height: 50px

    }



    .sp_logo img {

        margin: auto;

        max-height: 30px

    }



    .sp_nav {

        width: 50px;

        float: right;

        position: relative;

        cursor: pointer;

        height: 30px;

        margin-top: 15px

    }



    .sp_nav span {

        display: block;

        background: #4DA8E5;

        width: 30px;

        height: 2px;

        position: absolute;

        left: 10px;

        transition: all ease 0.35s

    }



    .sp_nav span:nth-of-type(1) {

        top: 0px

    }



    .sp_nav span:nth-of-type(2) {

        top: 10px

    }



    .sp_nav span:nth-of-type(3) {

        top: 20px

    }



    .sp_nav_se span:nth-of-type(1) {

        top: 10px;

        transform: rotate(45deg)

    }



    .sp_nav_se span:nth-of-type(2) {

        width: 0

    }



    .sp_nav_se span:nth-of-type(3) {

        top: 10px;

        transform: rotate(-45deg)

    }



    .sjj_nav {

        position: fixed;

        z-index: 9;

        background: #ffffff;

        width: 100%;

        height: calc(100% - 50px);

        font-size: 14px;

        line-height: 40px;

        top: -100%;

        left: 0;

        overflow: auto;

        overflow-x: hidden;

        transition: top ease 0.35s;

    }



    .nav_show {

        top: 50px;

        z-index: 10000;

    }



    .sjj_nav>ul>li:first-child {

        overflow: hidden;

        border-top: 0

    }



    .sjj_nav>ul>li:first-child>a {

        float: left;

        width: calc(100% - 70px);

    }



    .sjj_nav>ul>li:first-child .language {

        float: right;

        width: 70px;

        overflow: hidden;

        line-height: 30px;

        margin-top: 5px

    }



    .sjj_nav>ul>li:first-child .language a {

        width: 35px;

        float: left;

        border-left: 1px #ddd solid;

        text-align: center;

        color: #999

    }



    .sjj_nav ul li i {

        position: absolute;

        top: 5px;

        right: 0px;

        border-left: 1px #ddd solid;

        height: 30px;

        padding: 0px 7px 0 7px

    }



    .sjj_nav ul li i svg {

        transform: rotate(-90deg);

        transition: all ease 0.35s

    }



    .sjj_nav ul li .sjj_nav_i_se svg {

        transform: rotate(0deg)

    }



    .sjj_nav ul li {

        border-top: 1px #ddd solid;

        margin: 0 20px;

        position: relative;

        line-height: 40px;

        font-size: 14px

    }



    .sjj_nav>ul>li:last-child {

        border-bottom: 1px #ddd solid

    }



    .sjj_nav ul li ul {

        display: none

    }



    .sjj_nav ul li a {

        color: #666;

        width: 100%;

        display: block

    }



    .sjj_nav ul li ul li a {

        color: #999;

        display: block;

        text-align: left

    }



    .sjj_nav ul li i svg {

        width: 20px;

        height: 20px;

        fill: #555

    }



    .sjj_nav ul li .sjj_nav_i_se svg {

        fill: #f5b247

    }



    .sjj_nav ul li ul li>ul {

        margin-left: 10px

    }

}

@media (max-width: 992px) {

    .navbar-container{

        display: none !important;

    }

    .bannerBox {

        margin-top: 0px;

    }

}

/* 加入我们 */

.c1-join{

    width: 1220px;

    margin: 90px auto 0;

}

.c1-title{



}

.c1-title h2{

    font-size: 30px;

    font-weight: 600;

    color: #333333;

    line-height: 28px;

    text-align: center;

}

.c1-title h5{

    font-size: 16px;

    font-weight: 400;

    color: #333333;

    text-align: center;

    margin-top: 20px;

}

.c1-flbox{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.c1-flbox div{

    width: 25%;

    margin-top: 85px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.c1-flbox div p{

    margin-top: 25px;

}

.c1-gshjbanner{

    width: 100%;

    margin-top: 105px;

}

.c1-gshjbanner img{

    width: 100%;

}

.c1-zpbox{

    width: 1200px;

    margin: 90px auto 70px;

}

.c1-zp{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 82px;

}

.c1-item{

    width: 31.66%;

    border: 1px solid #CCCCCC;

    padding: 26px 20px 26px 24px;

    margin-bottom: 30px;

}

.c1-item div{

    display: flex;

    justify-content: space-between;

}

.c1-item div h6{

    font-size: 20px;

    font-weight: 600;

    color: #333333;

}

.c1-item div span{

    font-size: 16px;

    color: #999999;

}

.c1-item p{

    font-size: 16px;

    color: #999999;

    margin-top: 10px;

    margin-bottom: 30px;

}

.c1-item a{

    font-size: 16px;

    color: #4DA8E5;

}

.c1-item:hover{

    background: #4DA8E5;

    color: #fff !important;

}

.c1-item:hover div h6{

    color: #fff !important;

}

.c1-item:hover div span{

    color: #fff !important;

}

.c1-item:hover p{

    color: #fff !important;

}

.c1-item:hover a{

    color: #fff !important;

}

.c1-contactBox{

    background: url('../images/c/dtbj.png')no-repeat;

    background-size:100%;

    padding: 75px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 50px;

}

.c1-dtbj{

    width: 100%;

}

.c1-dtbj img{

    width: 100%;

}

.c1-lxbox{

    width: 795px;

    background: #FFFFFF;

    box-shadow: 0px 2px 10px 0px rgba(170, 167, 167, 0.27);

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

}

.c1-lx{

    width: 50%;

    display: flex;

    align-items: flex-start;

    margin-bottom: 35px;

    padding: 35px 0 0 65px;

}

.c1-lx div{

    margin-left: 22px;

}

.c1-lx div p{

    font-size: 18px;

    font-weight: 500;

    color: #333333;

    margin-bottom: 10px;

}

.c1-lx div span{

    font-size: 16px;

    font-weight: 400;

    color: #999999;

}

@media (max-width: 1220px){

    .c1-join {

        width: 100%;

    }

}

@media (max-width: 1200px){

    .c1-zpbox {

        width: 100%;

    }

    .c1-join {

        margin: 40px auto 0;

    }

    .c1-flbox div {

        margin-top: 70px;

    }

    .c1-gshjbanner {

        margin-top: 75px;

    }

    .c1-zpbox {

        margin: 50px auto 50px;

    }

    .c1-zp {

        margin-top: 50px;

    }

    .c1-contactBox {

        background: url(../images/c/dtbj.png);

        padding: 60px 0;

    }

    

}

@media (max-width: 990px){

    .c1-zpbox {

        width: 100%;

    }

    .c1-join {

        margin: 30px auto 0;

    }

    .c1-gshjbanner {

        margin-top: 30px;

    }

    .c1-zpbox {

        margin: 30px auto 30px;

    }

    .c1-contactBox {

        margin-top: 30px;

    }

}

@media (max-width: 795px){

    .c1-lxbox{

        width: 100%;

    }

}

@media (max-width: 767px){

    .c1-join {

        margin: 25px auto 0;

    }

    .c1-flbox div {

        margin-top: 40px;

    }

    .c1-flbox div p {

        margin-top: 15px;

    }

    .c1-zp {

        margin-top: 30px;

        padding: 0 12px;

    }

    .c1-item {

        width: 49%;

        border: 1px solid #CCCCCC;

        padding: 15px 5px 15px 5px;

        margin-bottom: 10px;

    }

    .c1-item div h6 {

        font-size: 16px;

    }

    .c1-item div span {

        font-size: 14px;

    }

    .c1-item p {

        font-size: 13px;

        margin-top: 7px;

        margin-bottom: 25px;
        overflow:hidden;
        text-overflow:ellipsis; 
        white-space:nowrap;

    }

    .c1-lx {

        width: 50%;

        margin-bottom: 15px;

        padding: 25px 0 0 20px;

    }

    .c1-lx div p {

        font-size: 16px;

        margin-bottom: 5px;

    }

    .c1-lx div span {

        font-size: 13px;

    }

    .c1-contactBox {

        margin-top: 25px;

    }

    .c1-contactBox {

        padding: 35px 0;

    }

    .c1-flbox div img{

        width: 32%;

    }

}





/* 招聘详情 */

.c2-crumbs{

    width: 1200px;

    margin: 0 auto;

    padding: 21px 0 16px;

    border-bottom: 1px solid #333333;

}

.c2-crumbs span{

    font-size: 14px;

    line-height: 14px;

    font-weight: 400;

    color: #333333;

}

.c2-crumbs span a{

    color: #4DA8E5 ;

}

.c2-content{

    width: 800px;

    margin: 70px auto 0;

    padding-bottom: 50px;

}

.c2-content h2{

    font-size: 28px;

    font-weight: 600;

    color: #333333;

}

.c2-content span{

    font-size: 18px;

    font-weight: 400;

    color: #999999;

    margin-top: 10px;

    margin-bottom: 30px;

    display: inline-block;

}

.c2-zwms{

    margin-bottom: 50px;

}

.c2-zwms h3{

    font-size: 24px;

    font-weight: 500;

    color: #333333;

    margin-bottom: 10px;

}

.c2-zwms p{

    line-height: 30px;

    font-size: 16px;

    color: #333333;

}

@media (max-width: 1200px){

    .c2-crumbs{

        width: 100%;

        padding: 21px 30px 16px;

    }

    .c2-content {

        margin: 50px auto 0;

    }

}

@media (max-width: 990px){

    .c2-crumbs{

        width: 100%;

    }

    .c2-content {

        width: 100%;

        margin: 30px auto 0;

        padding: 0 30px;

    }

    .c2-content h2 {

        font-size: 24px;

    }

    .c2-content span {

        font-size: 16px;

        margin-top: 5px;

        margin-bottom: 20px;

    }

    .c2-zwms h3 {

        font-size: 20px;

        margin-bottom: 10px;

    }

    .c2-zwms p {

        line-height: 26px;

        font-size: 14px;

    }

}



@media (max-width: 767px){

    .c2-crumbs{

        display: none;

    }

    .c2-content h2 {

        font-size: 25px;

        font-weight: 600;

        color: #333333;

    }

    .c2-content span {

        font-size: 16px;

        font-weight: 400;

        color: #999999;

        margin-top: 5px;

        margin-bottom: 20px;

    }

    .c2-zwms h3 {

        font-size: 18px;

        font-weight: 500;

        font-weight: bold;

        margin-bottom: 10px;

    }

    .c2-zwms p {

        line-height: 27px;

        font-size: 14px;

        color: #333333;

    }

    .c2-crumbs {

        padding: 12px;

    }

    .c2-content {

        margin: 20px auto 0;

        padding: 0 12px;

    }

    .c2-content h2 {

        font-size: 18px;

    }

    .c2-content span {

        font-size: 14px;

        margin-top: 5px;

        margin-bottom: 10px;

    }

    .c2-zwms h3 {

        font-size: 14px;

        margin-bottom: 5px;

    }

    .c2-zwms p {

        line-height: 20px;

        font-size: 13px;

    }

    .c2-zwms {

        margin-bottom: 15px;

    }

    

    

}

/* 客户支持 */

.c3-content{

    width: 1200px;

    margin: 95px auto 0;

}

.c3-serviceBox{

    margin-top: 60px;

    margin-bottom: 100px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.c3-serviceBox div{

    width: 136px;

	height: 136px;

}

.c3-serviceBox div img{

    width: 100%;

}

.c3-tab{

    width: 100%;

	height: 120px;

	background-color: #ffffff;

	box-shadow: -1px 4px 24px 0px 

		rgba(163, 160, 160, 0.27);

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 20px 0 35px;

    margin-top: 50px;

}

.c3-left{

    width: 425px;

}

.c3-left ul{

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 22px;

    color: #333333;

}

.c3-left ul li{

    height: 120px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

}

.c3-left ul li p{

    height: 12px;

}

.c3-right{

    width: 38.33%;

}

.c3-right input{

    width: 100%;

    height: 60px;

    border-radius: 30px;

    border: solid 1px #333333;

    outline: none;

    font-size: 16px;

	color: #999999;

    padding-left: 20px;

}

.c3-active{

    color: #4da8e5;

}

.c3-jt{

    opacity: 0;

    width: 0px;

    font-size: 0;

    line-height: 0;

    border-width: 12px;

    border-color: #4da8e5;

    border-top-width: 0;

    border-style: dashed;

    border-bottom-style: solid;

    border-left-color: transparent;

    border-right-color: transparent;

}

.c3-active .c3-jt{

    opacity: 1 !important;

}



.c3-zcbox{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

}

.c3-item{

    width: 31.66%;

    margin-top: 30px;

}

.c3-zcbox .c3-img{

    width: 100%;

}

.c3-zcbox .c3-img img{

    width: 100%;

}

.c3-zcbox h3{

    font-size: 18px;
	line-height: 26px;

	color: #333333;

    margin-top: 20px;

    margin-bottom: 15px;

}

.c3-text {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 10px;

}

.c3-text span{

	font-size: 14px;

	line-height: 16px;

	color: #666666;

}

.c3-activexz{

    display: none;

}

.c3-item:hover .c3-xz{

    display: none;

}

.c3-item:hover .c3-activexz{

    display: block;

}

@media (max-width: 1200px){

    .c3-content{

        width: 100%;

        margin: 60px auto 0;

    }

    .c3-serviceBox div {

        width: 120px;

        height: 120px;

    }

    .c3-serviceBox {

        margin-bottom: 75px;

    }

}

@media (max-width: 990px){

    .c3-serviceBox div {

        width: 90px;

        height: 90px;

    }

    .c3-left ul {

        font-size: 18px;

    }

    .c3-tab {

        height: 80px;

        padding: 0 10px 0 10px;

        margin-top: 30px;

    }

    .c3-left ul li {

        height: 80px;

    }

    .c3-right input {

        height: 45px;

    }

    .c3-right {

        width: 35.33%;

    }

    .c3-serviceBox {

        margin-bottom: 50px;

    }

    .c3-zcbox h3 {

        font-size: 18px;

        line-height: 21px;

        color: #333333;

        margin-top: 8px;

        margin-bottom: 5px;

    }

    .c3-item {

        margin-top: 20px;

    }

    .c3-content {

        margin: 30px auto 0;

    }

}

@media (max-width: 767px){

    .c3-serviceBox {

        margin-top: 20px;

        margin-bottom: 20px;

        display: flex;

        flex-wrap: wrap;

    }

    .c3-serviceBox div {

        width: 30%;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-bottom: 10px;

        height: unset;

    }

    .c3-serviceBox div img{

        width: 66%;

    }

    .c3-item {

        width: 49%;

    }

    .c3-content {

        padding: 0 12px;

    }

    .c3-tab {

        height: 60px;

        padding: 0 8px 0 8px;

        margin-top: 20px;

    }

    .c3-left ul li {

        height: 60px;

    }

    .c3-left ul {

        font-size: 14px;

    }

    .c3-jt {

        border-width: 8px;

        border-top-width: 0;

    }

    .c3-left {

        width: 215px;

    }

    .c3-right input {

        width: 100%;

        height: 32px;

        border-radius: 30px;

        font-size: 12px;

        color: #999999;

        padding-left: 8px;

    }

    .c3-zcbox h3 {

        font-size: 16px;

        line-height: 18px;

        margin-top: 8px;

        margin-bottom: 3px;

    }

    .c3-text img{

        width: 18px;

    }

    .c3-text span {

        font-size: 12px;

        line-height: 14px;

        color: #666666;

    }

    .c3-item {

        margin-top: 10px;

    }

}

/* 产品中心 */

.c4-product{

    width: 1200px;

    margin: 70px auto 0;

}

.c4-bjx{

    margin-top: 60px;

    margin-bottom: 80px;

    display: flex;

    justify-content: space-between;

}

.c4-left{

    width: 32.08%;

}

.c4-left img{

    width: 100%;
}

.c4-right{

    width: 65.41%;

}

.c4-right .c4-top{

    /*background: #f6f6f6;*/

    /*display: flex;*/

    /*justify-content: space-between;*/

    /*align-items: center;*/

    /*padding: 50px 45px 60px 45px;*/

}

.c4-cpl{



}

.c4-cpl h3{

    font-size: 30px;

	color: #333333;

    font-weight: bold;

}

.c4-cpl h4{

	font-size: 20px;

	/* line-height: 9px; */

	color: #333333;

    margin-top: 20px;

    margin-bottom: 50px;

}

.c4-cpl p{

    font-size: 27px;

	color: #333333;

}

.c4-cpl p span{

    font-size: 20px;

	line-height: 9px;

	color: #333333;

}

.c4-cpr{

    width: 42%;

}

.c4-cpr img{

    width: 100%;

}

.c4-cpitem{

    width: 48.4%;

    /*display: flex;*/

    /*flex-direction: column;*/

    /*align-items: center;*/

    /*background: #f6f6f6;*/

    /*padding: 40px 30px 20px;*/

}

.c4-cpitemimg{

    /*width: 80%;*/

}

.c4-cpitemimg img{

    width: 100%;

}



.c4-bottom{

    display: flex;

    justify-content: space-between;

    margin-top: 30px;

}

.c4-cpitem img{
    width: 100%；
}

.c4-cpitem h4{

	font-size: 21px;

	color: #333333;

    margin-top: 50px;

    margin-bottom: 28px;

}

.c4-cpitem p{

    font-size: 27px;

	color: #333333;

}

.c4-cpitem p span{

    font-size: 20px;

	line-height: 9px;

	color: #333333;

}

.c4-cpbanner{

    width: 100%;

    margin-top: 60px;

    margin-bottom: 30px;

}

.c4-cpbanner img{

    width: 100%;

}

.c4-cpbox{

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}

.c4-cpbox .c4-item{

    width: 31.66%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin-bottom: 20px;

}

.c4-cpimg{

    height: 372px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f6f6f6;

}



.c4-item h4{

    font-size: 21px;

	color: #333333;

}

.c4-item p{

    font-size: 27px;

	color: #333333;

}

.c4-item p span{

    font-size: 20px;

	line-height: 9px;

	color: #333333;

}

.c4-item h4{

    margin-top: 20px;

    margin-bottom: 15px;

}

.c4-cpimg img{

    width: 70%;

}

@media (max-width: 1200px){

    .c4-product{

        width: 100%;

    }

    .c4-bjx{

        width: 100%;

    }

    .c4-right .c4-top {

        /*padding: 20px 20px 30px 20px;*/

    }
    .c4-right .c4-top img{
        width: 100%;
    }

    .c4-cpitem {

        /*padding: 20px 20px 20px;*/

    }
    
    .c4-cpitem img{
        width:100%;

    }

    .c4-bottom {

        margin-top: 13px;

    }

    .c4-left {

         width: 31.08%; 

        /* width: 312px; */

        /* min-height: 580px; */

        /*width: unset;*/

        /*height: 520px;*/

    }

    .c4-left img{

        width: 100%;

    }

    .c4-cpl h3 {

        font-size: 32px;

    }

    .c4-cpl h4 {

        font-size: 18px;

        margin-top: 10px;

        margin-bottom: 30px;

    }

    .c4-cpl p {

        font-size: 26px;

    }

    .c4-cpl p span {

        font-size: 20px;

    }

    .c4-cpitem h4 {

        font-size: 18px;

        margin-top: 32px;

        margin-bottom: 15px;

    }

    .c4-cpitem p {

        font-size: 26px;

    }

    .c4-cpitem p span {

        font-size: 20px;

    }

    .c4-right {

        width: 65%;

    }

    .c4-bjx {

        padding: 0 30px;

    }

    .c1-title h2 {

        font-size: 34px;

    }

    .c1-title h5 {

        font-size: 15px;

        margin-top: 15px;

    }

    .c4-bjx {

        margin-top: 30px;

        margin-bottom: 50px;

    }

    .c4-cpbanner {

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .c4-cpbox {

        margin: 0 30px;

    }

    .c4-item h4 {

        margin-top: 16px;

        margin-bottom: 10px;

    }

    .c4-item p {

        font-size: 26px;

        color: #333333;

    }

    .c4-item p span {

        font-size: 20px;

    }

    .c4-cpimg img{

        width: 75%;

    }

}

@media (max-width: 990px){

    .c1-title h2 {

        font-size: 25px;

    }

    .c1-title h5 {

        font-size: 14px;

        margin-top: 5px;

    }

    .c4-bjx {

        padding: unset;

    }

    .c4-cpl h3 {

        font-size: 20px;

    }

    .c4-cpl h4 {

        font-size: 16px;

        margin-top: 5px;

        margin-bottom: 25px;

    }

    .c4-cpr {

        width: 42%;

    }

    .c4-cpitem h4 {

        font-size: 16px;

        margin-top: 25px;

        margin-bottom: 10px;

    }

    .c4-cpl p {

        font-size: 20px;

    }

    .c4-cpl p span {

        font-size: 16px;

    }

    .c4-cpitem p {

        font-size: 20px;

    }

    .c4-cpitem p span {

        font-size: 16px;

    }


    .c4-bjx {

        margin-top: 20px;

        margin-bottom: 36px;

    }

    .c4-cpbanner {

        margin-top: 20px;

        margin-bottom: 25px;

    }

    .c4-cpbox {

        margin: unset;

    }

    .c4-cpimg {

        height: 230px;

    }

    .c4-item h4 {

        font-size: 16px;

        margin-top: 10px;

        margin-bottom: 5px;

    }

    .c4-item p {

        font-size: 20px;

    }

    .c4-item p span {

        font-size: 16px;

    }

}

@media (max-width: 767px){

    .c1-title h2 {

        font-size: 18px;

    }

    .c1-title h5 {

        font-size: 13px;

        margin-top: 0px;

    }

    .c4-left{

        display: none;

    }

    .c4-right {

        width: 100%;

    }

    .c4-bjx {

        margin-top: 10px;

        margin-bottom: 20px;

        padding: 0 12px;

    }

    .c4-cpl h3 {

        font-size: 16px;

    }

    .c4-cpl h4 {

        font-size: 14px;

        margin-top: 3px;

        margin-bottom: 18px;

    }

    .c4-cpl p {

        font-size: 18px;

    }

    .c4-cpl p span {

        font-size: 14px;

    }

    .c4-cpbanner {

        margin-top: 15px;

        margin-bottom: 20px;

    }

    .c4-cpbox .c4-item {

        width: 49%;

        margin-bottom: 15px;

    }

    .c4-cpimg {

        height: 200px;

    }

    .c4-cpbox {

        margin: 0 12px;

    }

    /*.c4-cpitem {*/

    /*    padding: 10px;*/

    /*}*/

    .c4-cpitem h4 {

        font-size: 14px;

    }

    .c4-item h4 {

        font-size: 14px;

        margin-top: 5px;

        margin-bottom: 5px;

    }

    .c4-product{

        margin: 25px auto 0;

    }



}

/* 行业资讯 */

.c5-content{

    width: 1200px;

    margin: 0 auto;

    padding-top: 85px;

}

.c5-content ul{

    margin-top: 0px;

}

.c5-content ul li{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 30px 0;

    border-bottom: 1px solid #d8d8d8;

}

.c5-left{

    width: 27%;

}

.c5-left img{

    width: 100%;

}

.c5-right{

    width: 69%;

}

.c5-title{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.c5-title h1{

    font-size: 24px;

    line-height: 28px;

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

}

.c5-title span{

    color: #999999;

    font-size: 16px;

}

.c5-right p{

    margin: 20px 0;

    font-size: 14px;

    line-height: 24px;

    letter-spacing: 1px;

    color: #666666;

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}

.c5-right a{

    font-size: 14px;

    line-height: 20px;

    letter-spacing: 1px;

    color: #4DA8E5;

    transition: all 0.5s;

    display: block;

}

.c5-content ul li:hover .c5-title h1{

    color: #4DA8E5;

}

.c5-content ul li:hover {

    transform: translateX(-10px);

    transition: all 0.5s;

}

@media (max-width: 1200px){

    .c5-content{

        width: 100%;

    }

}

@media (max-width: 990px){

    .c5-left{

        width: 35%;

    }

    .c5-right{

        width: 60%;

    }

    .c5-title h1{

        font-size: 18px;

        font-weight: bold;

        line-height: 25px;

    }

}

@media (max-width: 767px){

    .c5-content{
    margin-top: 25px;
        padding: 0 8px;

    }

    .c5-content ul li{

        flex-direction: column;

        padding: 15px 0;

    }

    .c5-left{

        width: 100%;

    }

    .c5-left img{

        width: 100%;

        /* max-height: 120px; */

    }

    .c5-right{

        width: 100%;

    }

    .c5-title h1{

        font-size: 16px;

        margin-top: 10px;

    }

    .c5-title{

        flex-direction: column;

        align-items: flex-start;

    }

    .c5-title span{

        color: #999999;

        font-size: 14px;

    }

    .c5-right p{

        margin: 5px 0;

        font-size: 14px;

    }

    .c5-right a {

        float: right;

    }

}

/* 科技创新 */

.c6-content{

    width: 1200px;

    margin: 0 auto;

    padding-top: 85px;

}

.c6-kjbox{

    margin-top: 70px;

}

.c6-kjbox ul{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.c6-kjbox ul li{

    width: 49%;

    background: #f6f6f6;

    padding: 20px 30px 20px 20px;

    margin-bottom: 40px;

}

.c6-kjbox ul li a{

    display: flex;

    justify-content: space-between;

}

.c6-left{

    width: 130px;

}

.c6-left img{

    width: 100%;

}

.c6-right{

    width: 72%;

}

.c6-right h3{

    font-size: 20px;

    font-weight: bold;

	color: #333333;

    margin-top: 10px;

}

.c6-right p{

    font-size: 16px;

	line-height: 22px;

	color: #777777;

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    margin-top: 10px;

}

.c6-time{

    display: flex;

    justify-content: end;

}

.c6-time p{

    font-size: 14px;

    color: #4DA8E5;

    margin-top: 20px;

}

.c6-time p span{

    font-size: 18px;

    color: #4DA8E5;

    font-weight: bold;

}

.c6-time img{

    display: none;

}

.c6-kjbox ul li:hover{

    background: #4DA8E5;

}
.c6-kjbox ul li:hover .c6-right h3{
    color: #fff;

}
.c6-kjbox ul li:hover .c6-right .c6-centerp{
    color: #fff;
}

.c6-kjbox ul li:hover .c6-time img{

    margin-top: 20px;

    display: block;

    width: 32px;

    height: 12px;

}

@media (max-width: 1200px){

    .c6-content{

        width: 100%;

    }

    .c6-right {

        width: 70%;

    }

}

@media (max-width: 990px){

    .c6-content{

        width: 100%;

        padding-top: 50px;

    }

    .c6-right {

        width: 67%;

    }

    .c6-kjbox ul li {

        width: 49%;

        padding: 10px;

        margin-bottom: 20px;

    }

    .c6-left {

        width: 118px;

    }

    .c6-right {

        width: 64%;

    }

    .c6-right h3 {

        font-size: 16px;

        font-weight: bold;

        color: #333333;

        margin-top: 10px;

        overflow:hidden;

        text-overflow:ellipsis;

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp:1;

    }

    .c6-kjbox {

        margin-top: 50px;

    }

}

@media (max-width: 767px){

    .c6-kjbox ul li {

        width: 100%;

        padding: 10px;

        margin-bottom: 15px;

    }

    .c6-content {

        width: 100%;

        padding: 15px 12px 0px;

    }

    .c6-kjbox {

        margin-top: 20px;

    }

}

/* 客户案例 */

.c7-content{

    width: 1200px;

    margin: 0 auto;

    padding: 85px 0 0;

}

.c7-btnbox{

    margin: 50px 0;

}

.c7-btnbox{

    display: flex;

    align-items: center;

    justify-content: center;

}

.c7-btnbox div{

    font-size: 20px;

    text-align: center;

    border: 1px solid #4DA8E5;

    width: 140px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    font-weight: bold;

    margin: 0 30px;

    color: #666;

}

.c7-active{

    background: #4DA8E5;

    color: #fff !important;

}

.c7-radio{

    display: flex;

    margin: 30px 0;

}

.c7-radio div{

    font-size: 16px;

	line-height: 12px;

	color: #333333;

    margin-right: 60px;

}

.c7-picbox{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.c7-item{

    width: 32%;
    margin-bottom: 30px;

}

.c7-alimg img{

    width: 100%;

}

.c7-item h3{

    font-size: 18px;

	line-height: 24px;

	color: #333333;

    margin-top: 20px;

}

@media (max-width: 1200px){

    .c7-content{

        width: 100%;

        margin: 0 auto;

        padding: 85px 0 0;

    }

    .c7-content {

        padding: 65px 0 0;

    }

}

@media (max-width: 990px){

    .c7-content {

        padding: 40px 0 0;

    }

    .c7-btnbox {

        margin: 35px 0;

    }

    .c7-item h3 {

        font-size: 16px;

        line-height: 20px;

        color: #333333;

        margin-top: 16px;

    }

    .c7-item {

        width: 49%;

        margin-bottom: 25px;

    }

}

@media (max-width: 767px){

    .c7-content {

        padding: 25px 12px 0;

    }

    .c7-btnbox {

        margin: 25px 0;

    }

    .c7-radio div {

        font-size: 14px;

        line-height: 12px;

        color: #333333;

        margin-right: 20px;

    }

    .c7-radio {

        display: flex;

        margin: 25px 0;

    }

    .c7-item {

        width: 100%;

        margin-bottom: 20px;

    }

    .c7-item h3 {

        font-size: 14px;

        line-height: 16px;

        margin-top: 10px;

    }

    .c7-btnbox div {

        width: 115p x;

        height: 35px;

        line-height: 35px;

        font-size: 14px;

        margin: 0 30px;

    }

}

/* 文章详情 */

.c8-content{

    width: 1200px;

    margin: 0 auto;

    padding: 60px 0 100px;

}

.c8-content h3{

    font-size: 28px;

	line-height: 32px;

	color: #333333;

    text-align: center;

}

.c8-time{

    display: flex;

    justify-content: center;

}

.c8-time span{

    font-size: 14px;

	line-height: 16px;

	color: #999999;

    display: inline-block;

    display: inline-block;

    align-items: center;

    margin: 18px 20px 0;

}

.c8-text{

    font-size: 16px;

	line-height: 28px;

	color: #333333;

    padding: 20px 0;

}

.c8-text img{

    width: 60%;

    display: flex;

    justify-content: center;

    margin: 10px auto;

}

.c8-btn{

    font-size: 16px;

	line-height: 20px;

	color: #333333;

    display: flex;

    justify-content: space-between;

    border-top: 1px solid #333333;

    padding: 18px 0;

}

@media (max-width: 1200px){

    .c8-content{

        width: 100%;

        padding: 50px 30px 80px;

    }

}

@media (max-width: 990px){

    .c8-content{

        width: 100%;

        padding: 30px 30px 50px;

    }

    .c8-content h3 {

        font-size: 23px;

        line-height: 25px;

    }

    .c8-time span {

        font-size: 14px;

        line-height: 16px;

        margin: 12px 15px 0;

    }

}

@media (max-width: 767px){

    .c8-content{

        padding: 20px 12px 30px;

    }

    .c8-content h3 {

        font-size: 18px;

        line-height: 20px;

    }

    .c8-time span {

        font-size: 12px;

        line-height: 14px;

        margin: 5px 5px 0;

    }

    .c8-text {

        font-size: 13px;

        line-height: 22px;

        color: #333333;

        padding: 15px 0;

    }

    .c8-btn {

        font-size: 12px;

        line-height: 16px;

        padding: 10px 0;

    }
    .c8-text img {
        width: 100% !important;
        height: unset !important;
    }

}
.sjBanner{
    display: none !important;
}

@media (max-width: 767px){
.sjBanner{
    display: block !important;
}

.pcBanner{
    display: none !important;
}

}