/*公共样式开始*/
* {
    margin: 0;
    padding: 0;
}

*,
:after,
:before {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
hr,
th,
td {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    font-size: 100%;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul {
    list-style: none;
}

abbr,
acronym,
img {
    border: none;
}

select,
input,
button,
textarea {
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    vertical-align: middle;
}

body,
th,
td {
    font-family: SourceHanSansSC;
    color: #000;
}

a {
    text-decoration: none;
    font-size: 14px;
}

a:link,a:focus,a:hover{
    outline: none;
    appearance:none;
    -webkit-tap-highlight-color: transparent;
}

img {
    max-width: 100%;
}



html {
    overflow-x: hidden;

}

div,
p,
span,
a {
    font-weight: 400;
    font-family: SourceHanSansSC;
}


.animated.delay-01s {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.animated.delay-02s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.animated.delay-03s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.animated.delay-04s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.animated.delay-05s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.animated.delay-06s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.animated.delay-07s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.animated.delay-08s {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.animated.delay-09s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.animated.delay-10s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-11s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.animated.delay-12s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.animated.delay-13s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.animated.delay-14s {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.animated.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animated.delay-16s {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.animated.delay-17s {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.animated.delay-18s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.animated.delay-19s {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}

.animated.delay-20s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-21s {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.animated.delay-24s {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}

.animated.duration-20s {
    animation-duration: 2s;
}

.animated.delay-28s {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}
#body{
    visibility: hidden;
    font-size: .16rem;
}
/*公共样式结束*/



/*head start*/
.head-top{
    border-bottom: 1px solid #dddddd;
    padding: .32rem .8rem;
    display: flex;
    justify-content: center;
}
.head-top-con{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    max-width: 1440px;
}
/* .head-top-con a img{
    width: 3.76rem;
} */
.head-top-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.head-top-right-div{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: .1rem;
}
.head-top-right p{
    font-size: .24rem;
    color: #1265A1;
}
.head-top-right-div span , .head-top-right-div a{
    font-size: .24rem;
    color: #666666;
}
.head-top-right-div img{
    width: .26rem;
    margin-right: .1rem;
}
.head-bottom{
   /* background-image: url("../img/head_bg.png");*/
   background:#2086c9;
    background-size: cover;
    padding-left: .8rem;
    padding-right: .8rem;
}
.head-bottom ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1440px;
    box-sizing: border-box;
    margin: 0 auto;
}
@media screen and (max-width:1024px) {
	.head-bottom ul{
		justify-content: flex-start;
	}
}
.head-bottom ul li{
    width: calc(12.5% - 1px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: .22rem;
    margin-bottom: .22rem;
    border-right: 1px solid #dddddd;
}
.head-bottom ul li:last-child{
    border-right: none;
}
.head-bottom ul li.active div a{
    color:#2086c9;
	background:#fff;
	border-radius:5px;
	padding:5px 10px;
	
}
.head-bottom ul li a{
    font-size: .2rem;
    color: #fff;
    width: 100%;
    text-align: center;

}
.head-bottom ul li a:hover{
     color:#2086c9;
	background:#fff;
	border-radius:5px;
	padding:5px 10px;
}
.head-bottom ul li div{
    position: relative;
    height: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.head-bottom ul li div:after{
    display: block;
    content: ' ';
    position: absolute;
    left: 50%;
    top: -.22rem;
    width: 0;
    height: .02rem;
    -webkit-transition: 300ms cubic-bezier(1, 0, 0, 1);
    transition: 300ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-property: opacity, width, left;
    transition-property: opacity, width, left;
    opacity: 0;
    transform: translate(calc(-50% - 1px) , 0);
}
.head-bottom ul li:hover div:after , .head-bottom ul li.active div:after{
    width: 100%;
    opacity: 1;
}

@media screen and (max-width: 1024px) {
	.head-top-right{
		display: none;
	}
    .head-top{
        padding: .66rem .66rem;
    }
    /* .head-top-con a img {
        width: 5.61rem;
    } */
    .head-top-right-div span, .head-top-right-div a {
        font-size: .52rem;
        display: flex;
        align-items: center;
    }
    .head-top-right p {
        font-size: .76rem;
    }
    .head-bottom ul li{
        width: calc(25% - 1px);
        margin-top: .66rem;
        margin-bottom: .66rem;
    }
    .head-bottom ul li a {
        font-size: .72rem;
    }
    .head-top-right-div img {
        width: .67rem;
        margin-right: .14rem;
    }
    .head-top-right-div {
        margin-bottom: .25rem;
    }
    .head-bottom ul li div:after{
        top: -.7rem;
        height: 2px;
    }
    .head-bottom ul li div{
        height: .72rem;
    }
    .head-bottom ul li:nth-child(4){
        border-right: none;
    }
    .head-bottom{
        padding-left: 0px;
        padding-right: 0px;
    }

}
/*head end*/


/*footer start*/
.footer{
    background-image: url("../img/footer_bg.jpg");
    background-size: cover;
    background-position: top center;
}
.footer-top{
    padding-left: .8rem;
    padding-right: .8rem;
    max-width: 1440px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(234,239,235,.1);
    margin: 0 auto;
}
.footer-top-img{
    width: 1.67rem;
}
.footer-top-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-top: .38rem;
    padding-bottom: .38rem;
}
.footer-top-right-p{
    font-size: .14rem;
    color: #9F9F9D;
}
.footer-top-right-a{
    font-size: .2rem;
    font-weight: bold;
    color: #FFFFFF;
}
.footer-center{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: .8rem;
    padding-right: .8rem;
    max-width: 1440px;
    margin: 0 auto;
}
.footer-center-left{
    display: flex;
    flex-direction: row;
    padding-top: .36rem;
}
.footer-center-left-li{
    margin-right: .7rem;
}
.footer-center-left-head{
    font-size: .2rem;
    color: #DEDEDE;
    margin-bottom: .3rem;
}
.footer-center-left-ul{
    display: flex;
    flex-direction: column;
}
.footer-center-left-ul li{
    line-height: .24rem;
    margin-bottom: .2rem;
}
.footer-center-left-ul li a{
    font-size: .14rem;
    color: #BDBDBD;
    line-height: .24rem;
}
.footer-center-right{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .54rem;
}
.footer-center-right-img{
    width: 1.06rem;
    margin-bottom: .14rem;
}
.footer-center-right-p{
    font-size: .14rem;
    color: #BDBDBD;
}
.footer-bottom{
    font-size: .12rem;
    color: #BCBCBC;
    text-align: center;
    padding-bottom: .5rem;
    padding-top: .92rem;
    margin: 0 auto;
}
.footer-center-left-ul li a:hover{
    color: #1265A1;
}
.footer-center-left-li-div{
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 1024px) {
    .footer-top{
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .footer-top-right {
        padding-top: .8rem;
        padding-bottom: .8rem;
    }
    .footer-top-right-p {
        font-size: .56rem;
        margin-bottom: .2rem;
    }
    .footer-top-right-a{
        font-size: .76rem;
    }
    .footer-center-left-ul,.footer-center-right{
        display: none;
    }

    .footer-center-left-head {
        font-size: .62rem;
        margin-bottom: 0px;
        color: #dedede;
        /* margin-top: .6rem; */
        /* margin-bottom: .6rem; */
    }
    .footer-center-left-li {
        margin-right: 0px;
        width: 25%;
        text-align: center;
        height: .96rem;
        line-height: .96rem;
        margin-top: .4rem;
        margin-bottom: .4rem;
    }
    .footer-center-left {
        flex-wrap: wrap;
        flex: 1;
        padding-top: .96rem;
        padding-bottom: .96rem;
    }
    .footer-bottom {
        font-size: .56rem;
        padding-bottom: 1.28rem;
        padding-top: 1.4rem;
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .footer-center {
        border-bottom: 1px solid rgba(234,239,235,.1);
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .footer-top-img {
        width: 4.28rem;
    }
}
/*footer end*/

/*banner start*/
.banner_img {
    width: 100%;
    height: 100%;
    display: block;
}
.banner_img_mobile{
    display: none;
}
.banner .swiper-pagination-bullet {
    opacity: 1;
    width: .42rem;
    height: .1rem;
    background: #ffffff;
    border-radius: 5px;
}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    background: #3E77CF !important;
}
.banner .swiper-slide{
    position: relative;
}
.banner-font {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1440px;
    left: 50%;
    transform: translate(-50% , 0);
    padding-left: .8rem;
    padding-right: .8rem;
    box-sizing: border-box;
}
.banner-font div{
    font-size: .4rem;
    color: #444444;
    margin-bottom: .26rem;
}
.banner-font p{
    font-size: .18rem;
    color: #444444;
}
@media screen and (max-width: 1024px) {
    .banner .swiper-pagination-bullet {
        width: .84rem;
        height: .2rem;
        border-radius: 10px;
    }
    .banner_img{
        display: none;
    }
    .banner_img_mobile{
        height: 11.08rem;
        display: block;
    }
    .banner-font div{
        font-size: 1rem;
    }
    .banner-font p {
        font-size: .46rem;
        margin-bottom: 2rem;
    }
}
/*banner end*/


/*about start*/
.about{
    width: 100%;
    /* margin-top: -.34rem; */
    /* padding-top: 1.06rem; */
    /* padding-bottom: .6rem; */
}
.about_con{
    padding-left: .8rem;
    padding-right: .8rem;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3.64rem;
}
.about_con_left_con_title{
    font-size: .46rem;
    color: #3e77cf;
    font-weight: bold;
}
.about_con_left_con_sub_title{
    font-size: .22rem;
    color: #3E77CF;
    font-weight: bold;
    margin-bottom: .26rem;
}
.about_con_left_con_font{
    font-size: .16rem;
    line-height: .3rem;
    color: #716E6E;
    text-align: justify;
    text-indent: .32rem;
}
.about_con_right_top_time{
    font-size: .3rem;
    color: #1265A1;
    margin-bottom: .05rem;
    text-align: left;
}
.about_con_right_top_num{
    font-size: .46rem;
    color: #3e77cf;
    font-weight: bold;
    text-align: left;
}
.about_con_right_top_num span{
    font-size: .16rem;
    margin-left: .05rem;
}
.about_con_right_bottom_area{
    font-size: .16rem;
    color: #373737;
}
.about_con_left{
    width: 8.3rem;
    display: flex;
    align-items: center;
}
.about_con_right{
    display: flex;
    width: 4.9rem;
    flex-direction: column;
    border-left: 1px solid #dddddd;
    height: 100%;
}
.about_con_right_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50%;
    border-bottom: 1px solid #dddddd;
}
.about_con_line_box{
    flex: 1;
    margin-left: .48rem;
    display: flex;
    align-items: center;
}
.about_con_line{
    width: 100%;
    height: 1px;
    background: #dddddd;
}
.about_con_right_bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50%;
}
.about_con_left_con_img{
    width: 2.64rem;
    margin-right: .16rem;
    margin-bottom: .5rem;

}
.about_con_right_top_div{
    margin-left: .46rem;
}
.about_con_right_bottom-div{
    margin-left: .46rem;
}
.about_con_right_top_img{
    width: 1.6rem;
    margin-right: .16rem;
}
.about_con_right_bottom_img{
    width: 1.8rem;
    margin-right: .16rem;
}
.about_con_left_con{
    display: flex;
    flex-direction: column;
}
.about_con_left_con_link{
    width: 1.7rem;
    height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1265A1;
    color: #FFFFFF;
    margin-top: .3rem;
    border-radius: .08rem;
    font-size: .15rem;
}
@media screen and (max-width: 1024px) {
    .about_con {
        flex-direction: row;
        height: auto;
        flex-wrap: wrap;
    }
    .about_con_left{
        width: 100%;
    }
    .about_con_line_box{
        display: none;
    }
    .about_con_left_con_img{
        width: 5.28rem;
        margin-right: 1.32rem;
        margin-bottom: 0px;
    }
    .about_con_right {
        width: auto;
        height: 7.2rem;
        flex: 1;
    }
    .about_con_right_top_time {
        font-size: .66rem;
        margin-bottom: .1rem;
    }
    .about_con_right_top_num {
        font-size: 1.52rem;
    }
    .about_con_right_top_num span {
        font-size: .62rem;
        margin-left: .1rem;
    }
    .about_con_right_top_img {
        width: 4.1rem;
        margin-right: .44rem;
    }
    .about_con_right_bottom_area {
        font-size: .62rem;
    }
    .about_con_right_bottom_img {
        width: 4.4rem;
        margin-right: .44rem;
    }
    .about_con_left_con_title {
        font-size: 1.52rem;
    }
    .about_con_left_con_sub_title {
        font-size: .72rem;
        margin-bottom: .6rem;
    }
    .about_con_left_con_font {
        font-size: .62rem;
        line-height: 1.22rem;
        text-indent: 1.24rem;
    }
    .about_con_left_con_link {
        width: 4.36rem;
        height: 1.26rem;
        margin-top: .6rem;
        border-radius: .16rem;
        font-size: .52rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
/*about end*/

/*solution  start*/
.solution{
    width: 100%;
    background-image: url("../img/sol_bg@3x.png");
    background-size: cover;
    background-position: top center;
    padding-bottom: .5rem;
}
.swiper-case{
    margin-top: .64rem;
    padding-bottom: .64rem;
}
.solution-con{
    padding-left: .8rem;
    padding-right: .8rem;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.solution-con-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.solution-con-slide-img-a{
    width: .4rem;
    margin-top: .5rem;
    margin-bottom: .26rem;
}
.solution-con-slide-img-b{
    display: none;
    width: .52rem;
    margin-top: .5rem;
    margin-bottom: .26rem;
}
.solution-con-slide-div-white{
    width: .26rem;
    height: .02rem;
    background: rgba(255,255,255,.69);
    margin-top: .46rem;
    margin-bottom: .46rem;
}
.solution-con-slide-div-blue{
    width: .4rem;
    height: 2px;
    background: #3E77CF;
    margin-top: .2rem;
    margin-bottom: .2rem;
    display: none;

}
.solution-con-slide-p-white{
    font-size: .16rem;
    color: #FFFFFF;
}
.solution-con-slide-p-blue{
    font-size: .2rem;
    color: #1265A1;
    display: none;
}
.solution-con-slide-p{
    font-size: .14rem;
    color: #1265A1;
    text-align: center;
    display: none;
    padding-left: .3rem;
    padding-right: .3rem;
}
.solution .swiper-slide-active .solution-con-slide{
    width: 3.45rem !important;
    height: 3.45rem !important;
    background-image: url("../img/circle@3x.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.solution .swiper-slide-active .solution-con-slide-p-white,
.solution .swiper-slide-active .solution-con-slide-img-a,
.solution .swiper-slide-active .solution-con-slide-div-white{
    display: none;
}
.solution .swiper-slide-active .solution-con-slide-p-blue,
.solution .swiper-slide-active .solution-con-slide-img-b,
.solution .swiper-slide-active .solution-con-slide-div-blue,
.solution .swiper-slide-active .solution-con-slide-p{
    display: block;
}

.title-white{
    font-size: .38rem;
    color: #FFFFFF;
    text-align: center;
    padding-top: .66rem;
    padding-bottom: .24rem;
}
.sub-title-white{
    font-size: .2rem;
    color: #FFFFFF;
    text-align: center;
}
.title-black{
    font-size: .38rem;
    color: #1D1D1D;
    text-align: center;
    padding-top: .66rem;
    padding-bottom: .24rem;
}
.sub-title-black{
    font-size: .2rem;
    color: #A59F9B;
    text-align: center;
}
.solution .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    opacity: 1;
    background: #3788C4;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.17);
    border-radius: 50%;
}
.solution .swiper-pagination-bullet-active {
    background: #ffffff !important;
}
@media screen and (max-width: 1024px) {
    .solution .swiper-slide-active .solution-con-slide{
        /*width: 7.88rem !important;*/
        /*height: 7.88rem !important;*/
        width: 10.1rem !important;
        height: 10.1rem !important;
        margin: 0 auto;
    }
    .solution-con-slide-img-b {
        width: 1.5rem;
        margin-top: .9rem;
        margin-bottom: .4rem;
    }
    .solution-con-slide-p-blue {
        font-size: .72rem;
    }
    .solution-con-slide-div-blue {
        width: 1.03rem;
        height: 4px;
        margin-top: .25rem;
        margin-bottom: .83rem;
    }
    .solution-con-slide-p {
        font-size: .62rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .title-white {
        font-size: .98rem;
        padding-top: 1.02rem;
        padding-bottom: .46rem;
    }
    .sub-title-white {
        font-size: .66rem;
    }
    .title-black {
        font-size: .98rem;
        padding-top: 1.02rem;
        padding-bottom: .46rem;
    }
    .sub-title-black {
        font-size: .66rem;
    }
    .swiper-case {
        margin-top: 1.02rem;
        /* padding-bottom: 2.26rem; */
    }
    .solution{
        padding-bottom: 1.5rem;
    }
    .solution-con{
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .solution .swiper-pagination-bullet {
        width: .22rem;
        height: .22rem;
    }

}

/*solution  end*/

/*case start*/
.case{
    width: 100%;
    /* padding-bottom: .6rem; */
}
.case-con{
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;

}
.case-con-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .5rem;
}
.case-list{
    width: 25%;
    height: auto;
    min-height: 2.6rem;
    display: flex;
    position: relative;
    overflow: hidden;
}
.case-list-img{
    width: 100%;
    height: 100%;
    transition: all .4s ease;
}
.case-list:hover .case-list-img{
    transform: scale(1.2);
}
.case-mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;

}
.case-mask-div{
    width: 100%;
}
.case-arrow-right{
    margin-top: .24rem;
    margin-right: .3rem;
    width: .17rem;
}
.case-mask-div-p{
    font-size: .24rem;
    margin-left: .3rem;
    color: #FFFFFF;
}
.case-mask-div-span{
    font-size: .16rem;
    margin-left: .3rem;
    color: #FFFFFF;
    margin-bottom: .2rem;
    display: block;
}
.case-list:hover .case-mask{
    display: flex;
}
.arrowIcon{
    width: .2rem;
}
@media screen and (max-width: 1024px) {
    .case-con{
        padding-left: 0px;
        padding-right: 0px;
    }
    .case-list{
        width: 50%;
        height: auto;
        min-height: 5.2rem;
    }
    .arrowIcon{
        width: .5rem;
    }
    .case-mask-div-p {
        font-size: .76rem;
        margin-left: .52rem;
        color: #FFFFFF;
        margin-bottom: .1rem;
    }
    .case-mask-div-span {
        font-size: .52rem;
        margin-left: .52rem;
        margin-bottom: .75rem;
    }
    .case-arrow-right {
        margin-top: .6rem;
        margin-right: .6rem;
        width: .44rem;
    }
    .case {
        padding-bottom: 1.02rem;
    }
    .case-con-list{
        margin-top: 1.02rem;
    }
}
/*经典案例 end*/

/*资质证书 start*/
/* .hornor{
    width: 100%;
    background-image: url("../img/hornorBg.png");
    background-size: cover;
    background-position: top center;
} */
.hornor-con{
    padding-left: .48rem;
    padding-right: .48rem;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
}
.hornor-con-ul{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}
.hornor-con-ul-li{
    display: flex;
    flex-direction: row;
}
.hornor-con-ul-li-div-head{
    width: 2.8rem;
    height: 1.52rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .32rem;
    color: #FFFFFF;
    background-color: rgba(0,0,0,.3);
}
.hornor-con-ul-li-div{
    width: 2.8rem;
    height: 1.52rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    color: #FFFFFF;
    cursor: pointer;
    border-top: 1px solid rgba(255,255,255,.17);
    background: rgba(0,0,0,.3);

}
.hornor-con-ul-li-div img{
    width: .6rem;
    margin-bottom: .28rem;
}
.hornor-con-ul-li-div.active , .hornor-con-ul-li-div:hover{
    background: #3e77cf;
}
.hornor-con-ul-li-list{
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    position: absolute;
    right: 0px;
    top: 0px;
    width: calc(100% - 3.64rem);
    height: calc(100% - 1.2rem);
    align-items: center;
    padding-top: .6rem;
    padding-bottom: .6rem;
}
.hornor-con-ul-li-list-div{
    width: 33.3%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hornor-con-ul-li-list-img{
    width: 2.7rem;
    height: 1.9rem;
}
@media screen and (max-width: 1024px){
    .hornor-con{
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .hornor-con-ul-li-div-head {
        width: 7.1rem;
        height: 3.9rem;
        font-size: .82rem;
    }
    .hornor-con-ul-li-div {
        width: 7.1rem;
        height: 3.9rem;
        font-size: .62rem;
    }
    .hornor-con-ul-li-list {
        width: calc(100% - 7.1rem);
        height: auto;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .hornor-con-ul-li-list-div {
        width: 50%;
        height: 5.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hornor-con-ul-li-list-img {
        width: 5.62rem;
        height: 3.95rem;
    }
    .hornor-con-ul-li-div img{
        width: 1.56rem;
        margin-bottom: .52rem;
    }
}
/*资质证书 end*/

/*news start*/
.news{
    width: 100%;
    background: #eaebf0;
    padding-bottom: .6rem;
}
.news-con{
    padding-left: .48rem;
    padding-right: .48rem;
    max-width: calc(1440px - .96rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.news-con-head{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: .38rem;
    color: #1D1D1D;
    margin-top: .66rem;
    margin-bottom: .24rem;
    position: relative;
}
.news-con-head-blue{
    font-size: .38rem;
    color: #1265A1;
    font-weight: bold;
}
.news-con-head-triangle-left{
    width: 0;
    height: 0;
    border-top: .08rem solid #1265A1;
    border-right: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
    border-left: .08rem solid #1265A1;
    position: absolute;
    left: -.22rem;
    top: -.04rem;
}
.news-con-head-triangle-right{
    width: 0;
    height: 0;
    border-top: .08rem solid transparent;
    border-right: .08rem solid #1265A1;
    border-bottom: .08rem solid #1265A1;
    border-left: .08rem solid transparent;
    position: absolute;
    right: -.22rem;
    bottom: -.04rem;
}
.news-con-ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: .46rem;
}
.news-con-ul-li-tab-con{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.news-con-ul-li-tab{
    font-size: .16rem;
    color: #393838;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .6rem;
}
.news-con-ul-li-tab div{
    font-size: .16rem;
    color: #393838;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.34rem;
    height: .4rem;
    background: #FFFFFF;
    border-radius: .32rem;
    margin-left: .1rem;
    margin-right: .1rem;
    cursor: pointer;
    position: relative;
}
.news-con-ul-li-tab div:after{
    display:block;
    content:'';
    border-width:4px 4px 4px 4px;
    border-style:solid;
    border-color:#1265A1 transparent transparent transparent;
    /* 定位 */
    position:absolute;
    left:50%;
    transform: translate(-50%,0);
    top:100%;
    opacity: 0;
}
.news-con-ul-li-tab .active{
    background: #1265A1;
    color: #FFFFFF;
}
.news-con-ul-li-tab .active:after{
    opacity: 1;
}
.news-con-ul-li-tab:hover div{
    background: #1265A1;
    color: #FFFFFF;
}
.news-con-ul-li-tab:hover div:after{
    opacity: 1;
}
.news-con-ul-li-con{
    display: none;
    flex-direction: row;
}
.news-con-ul-li-con-left{
    font-size: .16rem;
    color: #FFFFFF;
    position: relative;
    width: 5.88rem;
	height: 4.2rem;
}
.news-con-ul-li-con-left img{
	width: 100%;
	height: 100%;
}
.news-con-ul-li-con-left-div{
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    background: rgba(0,0,0,.5);
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: .2rem;
    font-size: .16rem;
    color: #fff;
    box-sizing: border-box;
    height: .5rem;
}
.news-con-ul-li-con-left-div img,.news-con-ul-li-con-left-div a{
    height: .5rem;
}

.news-con-ul-li-con-left-div a{ font-size: .2rem;
    color: #fff;}


.news-con-ul-li-con-right-p{
    font-size: .2rem;
    color: #524E4E;
    margin-bottom: .1rem;
}

.news-con-ul-li-con-right-p a{
    font-size: .2rem;
    color: #524E4E;
    margin-bottom: .1rem;
}

.news-con-ul-li-con-right-p a:hover{
    font-size: .2rem;
    color: #1d689e;
    margin-bottom: .1rem;
}


.news-con-ul-li-con-right{
    width: calc(100% - 5.88rem);
}
.news-con-ul-li-con-right-time{
    font-size: .2rem;
    color: #524E4E;
}
.news-con-ul-li-con-right-div{
    font-size: .14rem;
    color: #524E4E;
}



.news-con-ul-li-con-right-list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.news-con-ul-li-con-right-li{
    background: #FFFFFF;
    height: 1.39rem;
    border-bottom: .01rem solid #e4e5ea;
    padding-left: .26rem;
    padding-right: .26rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.news-con-ul-li-con-right-li:last-child{
    border: none;
}
@media screen and (max-width: 1024px){
    .news-con-ul-li-tab div{
        /*width: 2.68rem;*/
        /*height: .8rem;*/
        width: 3.68rem;
        height: 1.2rem;
        border-radius: .64rem;
        font-size: .52rem;
        margin-left: .2rem;
        margin-right: .2rem;
    }
    .news-con-ul-li-tab div:after{
        border-width:.3rem;
    }
    .news-con-head,.news-con-head-blue{
        font-size: .98rem;
        margin-top: 0;
        margin-bottom: 0px;
    }
    .news-con-head-triangle-left{
        border-top: .32rem solid #1265A1;
        border-right: .32rem solid transparent;
        border-bottom: .32rem solid transparent;
        border-left: .32rem solid #1265A1;
        left: -.64rem;
        top: -.1rem;
    }
    .news-con-head-triangle-right{
        border-top: .32rem solid transparent;
        border-right: .32rem solid #1265A1;
        border-bottom: .32rem solid #1265A1;
        border-left: .32rem solid transparent;
        right: -.64rem;
        bottom: -.1rem;
    }
    .news-con {
        padding-top: 1.06rem;
        padding-bottom: 0.6rem;
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .news-con-ul-li-tab {
        margin-bottom: 1.02rem;
        margin-top: .46rem;
    }
    .news-con-ul-li-con {
        flex-direction: column;
    }
    .news-con-ul-li-con-left {
        width: 100%;
		height: auto;
        margin-bottom: .24rem;
    }
    .news-con-ul-li-con-right {
        width: 100%;
    }
    .news-con-ul-li-con-left img{
        width: 100%;
    }
    .news-con-ul-li-con-left-div{
        padding-left: .4rem;
        font-size: .62rem;
        height: 2rem;
		bottom: 4px !important;
    }
    .news-con-ul-li-con-left-div img, .news-con-ul-li-con-left-div a {
        height: 2rem;
        width: auto;
    }
    .news-con-ul-li-con-right-li {
        height: auto;
        border-bottom: .01rem solid #e4e5ea;
        padding-left: .32rem;
        padding-right: .32rem;
        padding-top: .54rem;
        padding-bottom: .54rem;
    }
    .news-con-ul-li-con-right-list{
        flex-direction: column;
    }
    .news-con-ul-li-con-right-p {
        font-size: .72rem;
        margin-bottom: .1rem;
    }
	.news-con-ul-li-con-right-p  a{
        font-size: .72rem;
        margin-bottom: .1rem;
    }
	.news-con-ul-li-con-right-p  a:hover{
        font-size: .72rem;
        margin-bottom: .1rem;
    }
    .news-con-ul-li-con-right-time {
        font-size: .62rem;
    }
    .news-con-ul-li-con-right-div {
        font-size: .62rem;
        margin-top: .5rem;
    }
}
/*news end*/

/*about banner start*/
.about-banner{
    width: 100%;
    display: flex;
}
.about_banner img{
    width: 100%;
}
.banner-pc{
    display: block;
    width: 100%;
}
.banner-mobile{
    display: none;
}
@media screen and (max-width: 1024px){
    .banner-pc{
        display: none;
    }
    .banner-mobile{
        display: block;
        width: 100%;
    }
}
/*about banner end*/

/*about content start*/
.about-content{
    width: 100%;
    /*padding-top: .36rem;*/
    padding-bottom: .66rem;
}
.about-content-con{
    padding-left: .8rem;
    padding-right: .8rem;
    /*max-width: 1440px;*/
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-content-con-ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: .78rem;
    flex-wrap: wrap;
    height: .96rem;
}
.about-content-con-ul li a{
    background: #e5e5e5;
    width: 1.72rem;
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    color: #716E6E;
    border: 1px solid #cccccc;
    border-right: 1px solid transparent;
    box-sizing: border-box;
}
.about-content-con-ul li:last-child a{
    border-right: 1px solid #cccccc;
}
.about-content-con-ul li a:hover,.about-content-con-ul li a.active{
    border:1px solid #6186BB !important;
    color: #6186BB;
    box-sizing: border-box;
    background: #FFFFFF;
}
.about-content-con-font-p{
    font-size: .16rem;
    color: #535353;
    text-indent: .32rem;
    line-height: .3rem;
    margin-bottom: .26rem;
}
.about-content-con-font-div{
    display: flex;
    flex-direction: row;
}
.about-content-con-font-right{
    display: flex;
    flex-direction: column;
    border-left: 1px solid #dddddd;
}
.about-content-con-img{
    float: right;
    clear: both;
}
@media screen and (max-width: 1024px) {
    .about-content-con-ul li a {
        /* width: 5.5rem; */
		width: 4.4rem;
        height: 2.35rem;
        font-size: .72rem;
    }
    .about-content {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .about-content-con-ul{
        margin-bottom: 1rem;
        height: auto;
    }
    .about-content-con {
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .about-content-con-font{
        display: flex;
        flex-direction: column-reverse;
    }
    .about-content-con-font-p {
        font-size: .62rem;
        text-indent: 1.24rem;
        line-height: 1.22rem;
        margin-bottom: 0px;
    }
    .about-content-con-img{
        margin-top: .3rem;
    }
    .about-content-con-ul li:nth-child(4) a{
        border-right: 1px solid #cccccc;
    }
    .about-content-con-ul li:nth-child(5) a{
        border-top: 1px solid transparent;
    }
    .about-content-con-ul li:nth-child(6) a{
        border-top: 1px solid transparent;
    }
    .about-content-con-ul li:nth-child(7) a{
        border-top: 1px solid transparent;
    }
    .about-content-con-ul li:nth-child(8) a{
        border-top: 1px solid transparent;
    }
}
/*about content end*/

/*about-jyny start*/
.about-jyln{
    width: 100%;
    background-image: url("../img/about_jyln_bg.jpg");
    background-size: cover;
    background-position: top center;
}
.about-jyln-con{
    padding-left: .8rem;
    padding-right: .8rem;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: .52rem;
    padding-bottom: 1.86rem;
}
.about-jyln-con-title{
    font-size: .18rem;
    color: #C0C2CC;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial;
    margin-bottom: .16rem;
}
.about-jyln-con-sub-title{
    font-size: .3rem;
    color: #D4A50F;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .52rem;
}
.about-jyln-con-p{
    font-size: .16rem;
    line-height: .3rem;
    color: #FFFFFF;
    text-indent: .32rem;
    margin-bottom: .26rem;
}
.dyshContentBottomDiv{
    background-image: url("../img/blueBox.png");
    width: 1.39rem;
    height: 1.76rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size:.16rem;
    color:rgba(255,255,255,.9);
    position: relative;
    background-size: contain;
}
.dyshContentBottomDiv:hover{
    background-image: url("../img/yellowBox.png");
}
.bg {
    background-image: url(../img/yellowBoxContent.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 10px;
    left: 5px;
    overflow: hidden;
    transform: scale(0);
    transition: transform 0.7s ease-out;
}
.dyshContentBottomDiv:hover .bg{
    transform: scale(1);
}
.dyshContentBottomDivFont{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.about-jyln-example{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: .62rem;
}
@media screen and (max-width: 1024px) {
    .about-jyln-con {
        padding-left: .6rem;
        padding-right: .6rem;
        padding-top: .74rem;
        padding-bottom: 1.74rem;
    }
    .about-jyln-con-title {
        font-size: .56rem;
        margin-bottom: .4rem;
    }
    .about-jyln-con-sub-title {
        font-size: .76rem;
        margin-bottom: .92rem;
    }
    .about-jyln-con-p {
        font-size: .62rem;
        line-height: 1.22rem;
        text-indent: 1.24rem;
        margin-bottom: .52rem;
    }
    .dyshContentBottomDiv {
        width: 2.88rem;
        height: 3.62rem;
        font-size: .56rem;
        color: rgba(255,255,255,.9);
    }
}
/*about-jyny end*/

/*硬件实力 start*/
.about_yjsl_con{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: -.13rem;
}
.about_yjsl_con_left{
    width: calc(100% - 3.53rem);
    float: left;
    /*margin-right: .3rem;*/
}
.about_yjsl_con_left_title{
    font-size: .24rem;
    color: #505050;
    border-bottom: 1px solid #dedede;
    text-align: center;
    padding-bottom: .2rem;
    margin-bottom: .22rem;
}
.about_yjsl_con_left p{
    display: flex;
    align-items: center;

}
.about_yjsl_con_left p img{
    margin-bottom: .22rem;
    width: 100%;
}
.about_yjsl_con_right{
    width: 3.23rem;
    height: 5.5rem;
    background-image: url("../img/right_slide_img.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    padding: .4rem .15rem 0px .15rem;
    box-sizing: border-box;
    margin-bottom: .28rem;
}
.about_yjsl_con_right_title{
    font-size: .2rem;
    color: #D4A50F;
    margin-bottom: .1rem;
}
.about_yjsl_con_right_sub_title{
    font-size: .14rem;
    color: #FFFFFF;
    margin-bottom: .3rem;
}
.about_yjsl_con_right p,.about_yjsl_con_right p a{
    font-size: .14rem;
    color: #FFFFFF;
    margin-bottom: .1rem;
}
.about_yjsl_con_right_ewm{
    margin-top: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #D4A50F;
    padding-top: .25rem;
}
.about_yjsl_con_right_ewm div{
    font-size: .18rem;
    color: #FFFFFF;
}
.about_yjsl_con_right_ewm img{
    margin-bottom: .25rem;
    width: 1.32rem;
}
@media screen and (max-width: 1024px) {
    .about_yjsl_con{
        flex-direction: column !important;
    }
    .about_yjsl_con_left {
        width: 100%;
        margin-right: 0px;
    }
    .about_yjsl_con_left_title {
        font-size: .9rem;
        color: #505050;
        padding-bottom: .6rem;
        margin-bottom: .6rem;
    }
    .about_yjsl_con_left p img {
        margin-bottom: .6rem;
    }
    .about_yjsl_con_right {
        width: 100%;
        height: auto !important;
        background-size: cover;
        background-position: bottom center;
        float: right;
        padding: 1.8rem .675rem 4.5rem .675rem;
        box-sizing: border-box;
        position: relative !important;
    }
    .about_yjsl_con_right_title {
        font-size: .9rem;
        margin-bottom: .45rem;
    }
    .about_yjsl_con_right_sub_title {
        font-size: 0.63rem;
        margin-bottom: 1.35rem;
    }
    .about_yjsl_con_right p,.about_yjsl_con_right p a {
        font-size: 0.63rem;
        margin-bottom: .45rem;
    }
    .about_yjsl_con_right_ewm {
        margin-top: 1.8rem;
        padding-top: 1.125rem;
    }
    .about_yjsl_con_right_ewm div {
        font-size: .82rem;
    }
    .about_yjsl_con_right_ewm img {
        margin-bottom: 1.125rem;
        width: 5.94rem;
    }
}
/*硬件实力 end*/

/*联系我们 start*/
.contact-content{
    padding-left: .8rem;
    padding-right: .8rem;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about_yjsl_con_left_gray {
    width: 100%;
    background: #FAFAFF;
    padding: .26rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    margin-bottom: .26rem;
}
.about_yjsl_con_left_gray_title{
    font-size: .24rem;
    color: #515151;
    padding-bottom: .09rem;
    border-bottom: 1px solid #EAB303;
    margin-bottom: .22rem;
}
.about_yjsl_con_left_gray_p{
    font-size: .16rem;
    color: #3A3A3A;
    margin-bottom: .1rem;
}
.about_yjsl_con_left_gray_div{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: .4rem;
    width: 100%;
}
.about_yjsl_con_left_gray_div_list{
    display: flex;
    flex: 1;
    height: 2rem;
    flex-direction: column;
    background: #23a4b8;
    justify-content: space-between;
}
.blue_background{
    background: #255b96;
}
.black_background{
    background: #494949;
}
.about_yjsl_con_left_gray_div_list_p{
    font-size: .14rem;
    color: #FEFEFE;
    margin-top: .34rem;
    margin-left: .3rem;
}
.about_yjsl_con_left_gray_div_list div{
    margin-left: .3rem;
    margin-bottom: .26rem;
}
.about_yjsl_con_left_gray_div_list div a{
    font-size: .2rem;
    color: #FFFFFF;
    display: block;
}
.contact-table{
    width: 100%;
}

.contact-table tr th{
    font-size: .2rem;
    font-weight: normal;
    color: #4272B5;
    width: 33.3%;
    text-align: left;
    padding-bottom: .22rem;
}
.contact-table tr td,.contact-table tr td a{
    font-size: .18rem;
    color: #3A3A3A;
    padding-bottom: .22rem;
}

@media screen and (max-width: 1024px){
    .about_yjsl_con_left_gray_div_list {
        height: auto;
        padding-bottom: .6rem;
    }
    .contact-content {
        padding-left: 0px;
        padding-right: 0px;
    }
    .about_yjsl_con_left_gray {
        padding: .92rem 0px 0px 0px;
        margin-bottom: 1.76rem;
    }
    .about_yjsl_con_left_gray_title {
        font-size: .76rem;
        padding-bottom: .32rem;
        border-bottom: 2px solid #EAB303;
        margin-bottom: .94rem;
        margin-left: .38rem;
    }
    .about_yjsl_con_left_gray_p {
        font-size: .62rem;
        color: #3A3A3A;
        margin-bottom: .45rem;
        padding: 0px .38rem;
    }
    .about_yjsl_con_left_gray_div {
        margin-top: .55rem;
    }
    .about_yjsl_con_left_gray_div_list_p {
        font-size: .56rem;
        margin-top: .8rem;
        margin-left: .38rem;
        margin-bottom: .94rem;
    }
    .about_yjsl_con_left_gray_div_list div a {
        font-size: .72rem;
        margin-left: 0.18rem;
    }
    .contact-table tr th {
        font-size: .72rem;
        font-weight: normal;
        color: #4272B5;
        width: auto;
        text-align: left;
        padding-bottom: .96rem;
        padding-left: .38rem;
    }
    .contact-table tr td,.contact-table tr td a {
        font-size: .62rem;
        color: #3A3A3A;
        padding-bottom: .86rem;
        padding-left: .38rem;
    }
    .about-content-con-ul{
        border: none;
    }
}

/*联系我们 end*/


.case_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    min-width: 13.84rem;
    margin-top: -.42rem;
    box-sizing: border-box;
}
.case_list_a{
    width: 25%;
    min-width: 3.28rem;
    /*height: 2.6rem;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 0px .16rem 0px;
}
.case_list_a_div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.264rem;
    height: 2.834rem;
    overflow: hidden;
}
.case_list_a_div img{
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}
.case_list_a:hover .case_list_a_div img{
    transform: scale(1.2);
}
.case_list_a_p{
    width: 4.264rem;
    height: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .14rem;
    color: #565353;
    background: #f9f9f9;
    transition: all 0.4s ease;
}
.case_list_a:hover .case_list_a_p{
    background: #255B96;
    color: #FFFFFF;
}
@media screen and (max-width: 1024px){
    .case_list {
        justify-content: flex-start;
        width: 18.07rem;
        margin-top: 0px;
        /* padding-left: .16rem; */
    }
    .case_list_a {
        width: 50%;
        /* height: 6.8rem; */
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: .32rem;
    }
    .case_list_a_p {
        width: 8.528rem;
        height: 2.115rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .63rem;
        color: #565353;
        background: #f9f9f9;
    }
    .case_list_a_div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 5.668rem;
        width: 8.528rem;
    }
}

/*news_list*/
.news_list{
    width: 13.76rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -.42rem;
}
.news_list_one{
    /* width: 100%; */
	width: 13.76rem;
    display: flex;
    flex-direction: row;
    background: #f9f9f9;
    margin-bottom: .34rem;

}
.news_list_one_left{
    width: 5.22rem;
    height: 2.88rem;
    overflow: hidden;
}
.news_list_one_left img{
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}
.news_list_one_right{
    display: flex;
    flex-direction: column;
    /* flex: 1; */
    padding-left: .2rem;
    padding-right: .2rem;
    justify-content: center;
    width: calc(100% - 5.22rem);
    box-sizing: border-box;
    transition: all 0.4s ease;
}
.news_list_one_right_div {
    font-size: .22rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: .1rem;
    color: #323232;
}
.news_list_one_right_p{
    font-size: .14rem;
    line-height: .3rem;
    margin-top: .2rem;
    margin-bottom: .2rem;
    color: #858585;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_list_one_right_a{
    width: 1.72rem;
    height: .42rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1265A1;
    border: 1px solid #1265A1;
    font-size: .2rem;
    border-radius: .32rem;
}
.news_list_one_right_active{
    background-color: #3e77cf;
}
.news_list_one_right_div_active{
    color: #FFFFFF;
}
.news_list_one_right_active{
    color: #FFFFFF;
}
.news_list_one_right_a_active{
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.news_list_box .news_list_one{
    flex-direction: row-reverse;
}
.news_list_box:hover .news_list_one_right,.news_list_box_row:hover .news_list_one_right{
    background-color: #3e77cf;
}
.news_list_box:hover .news_list_one_right_div,.news_list_box_row:hover .news_list_one_right_div{
    color: #FFFFFF;
	margin-bottom:50px;
}
.news_list_box:hover .news_list_one_right_p,.news_list_box_row:hover .news_list_one_right_p{
    color: #FFFFFF;
}
.news_list_box:hover .news_list_one_right_a,.news_list_box_row:hover .news_list_one_right_a{
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.news_list_box:hover .news_list_one_left img,.news_list_box_row:hover .news_list_one_left img{
    transform: scale(1.2);
}
.news_list_one:hover{
    box-shadow: 0px 0px 26px #ccc;
}
@media screen and (max-width: 1024px){
    .news_list{
        width: 100%;
        margin-top: 0px;
    }
    .news_list_one{
		width: 100%;
        margin-bottom: .51rem;
    }
    .news_list_one_left {
        width: 7.83rem;
        height: 4.32rem;
    }
    .news_list_one_right_div {
        font-size: .6rem;
        padding-bottom: .1rem;
        margin-bottom: .2rem;
    }
    .news_list_one_right_a {
        width: 2.88rem;
        height: .8rem;
        font-size: .5rem;
        border-radius: .64rem;
    }

    .news_list_one_right_p {
        font-size: .5rem;
        line-height: .7rem;
        margin-top: 0px;
        margin-bottom: .16rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

}
.case_list_link{
	display: flex;
	    flex-direction: row;
	    background: #f9f9f9;
	    align-items: center;
	    padding: .3rem;
	    box-sizing: border-box;
	    margin: 0px 5px 10px 5px;
		margin-bottom: .32rem;
		width: 100%;
}
.case_list_link_l {
    width: 6rem;
    height: 3rem;
    margin-right: 0.5rem;
	overflow: hidden;
}
.case_list_link_l img{
	width: 100%;
	    height: 100%;
		transition: all .3s ease;
}
.case_list_link_r{
	width: calc(100% - 6.5rem);
	height: 100%;
	padding-top: .18rem;
	box-sizing: border-box;
	position: relative;
}
.case_list_link_div {
    font-size: .3rem;
    color: #000;
    margin-bottom: .48rem;
}
.case_list_link_p {
    font-size: .2rem;
    color: #737373;
	line-height: .4rem;
}
.case_list_link_span {
    font-size: .14rem;
    width: 2.19rem;
    height: .54rem;
    background: #fdce3e;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6e3e32;
    position: absolute;
    bottom: .18rem;
    box-sizing: border-box;
}
.case_list_link:hover .case_list_link_span{
	border: 1px solid #fdce3e;
	color: #fdce3e;
	background-color: transparent;
	box-sizing: border-box;
	font-weight: bold;
}
.case_list_link:hover .case_list_link_l img{
	transform: scale(1.1);
}
@media screen and (max-width:1024px) {
	.case_list_link{
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: .6rem;
		box-sizing: border-box;
		margin: 0px;
		margin-bottom: .32rem;
		width: 100%;
	}
	.case_list_link_l {
	    width: 9rem;
	    height: 4.5rem;
	    margin-right: 0.5rem;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.case_list_link_l img{
		width: 100%;
		    height: 100%;
	}
	.case_list_link_r{
		width: calc(100% - 9rem);
		height: 100%;
		padding-top: .18rem;
		box-sizing: border-box;
		position: relative;
	}
	.case_list_link_div {
	    font-size: .7rem;
	    color: #000;
	    margin-bottom: 0.56rem;
	}
	.case_list_link_p {
	    font-size: .63rem;
	    color: #737373;
	    line-height: .8rem;
	    white-space: nowrap;
	    overflow: hidden;
	    width: 100%;
	    text-overflow: ellipsis;
	    margin-right: 10px;
	}
	.case_list_link_span {
	    font-size: .6rem;
	    width: 4.58rem;
	    height: 1.2rem;
	    background: #fdce3e;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    color: #6e3e32;
	    position: absolute;
	    bottom: .18rem;
	}
}
.news-con-ul-li-con-left-div{
	bottom: 0px;
}
.news-con-ul-li-con-right{
	background-color: #FFFFFF;
}