/* 全局样式 */
* {outline: none;box-sizing: border-box;margin: 0;padding: 0;font-size: .14rem;}
.columns {display: flex;}
img {display: block;max-width: 100%;}
h1,h2,h3,h4,h5,h6,p{line-height: 1.8;font-size: unset;font-weight: unset;}
/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family:Arial; }
input:focus { outline: none; }
input,button,select,textarea{ outline:none; /*-webkit-appearance:none; */}
textarea{ resize:none; /*-webkit-appearance:none; */}
textarea,input,select { background:none; border:none; margin:0; padding:0; }
a,a:link{ text-decoration:none; }
a,a:visited{ text-decoration:none; }
a,a:hover{ text-decoration:none; }
a,a:active{ text-decoration:none} 
button{border: none;}
/* html--rem */
html{font-size: 100px;}
@media(max-width:1024px){html{ font-size: 80px;}}
@media(max-width:768px){html{font-size: 70px;}}

/* 标题 */
.text_title{margin: 0;}
.text_title .headline{margin: 0;}
.text_title .subhead{margin: 0;}

/* banner */
.banner .image{position: relative;}
.banner .image .intro{position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner .image .intro h1{font-size: .36rem;color: #fff;text-shadow: 0px 4px 5px rgba(0,0,0,0.15);line-height: 1;}
.banner .image .intro h2{font-size: .38rem;color: #fff;text-transform: uppercase;}
@media(max-width:1024px){
    .banner .image .intro h1 {font-size: .3rem;line-height: 1.8;}
    .banner .image .intro h2 {font-size: .22rem;}
}


.Tophead.fixed{position: fixed;}
.Tophead {
    top: 0;
    left: 0;
    width: 100%;
    transition: .5s;
    z-index: 9;
}

.Tophead .auto{max-width: 18rem;}
.Tophead .Top>.auto{
    display: flex;
    justify-content: flex-end;
    padding: 0.11rem 0;
    line-height: 2;
}
.Tophead .Top {border-bottom: 1px solid #FFFFFF30;margin-bottom: 0.25rem;}
.Tophead .Top a {color: #FFFFFF;display: inline-block;}
.Tophead .Top span{
    color: #FFFFFF;
    padding: 0 .1rem;
}
.Tophead .Top .li:not(:last-child){margin-right: .5rem;}
.Tophead .Top .li:nth-child(2) a{
    background: url('../images/2.png') no-repeat left / .226rem;
    padding-left: 0.29rem;
}
.Tophead .Top .li:nth-child(3) a{
    background: url('../images/1.png') no-repeat left / .226rem;
    padding-left: 0.29rem;
}
.Tophead .navigation {
    display: flex;
    justify-content: space-between;
    padding-bottom: .25rem;
}
.Tophead .navigation .left_logo img:nth-child(2){display: none;}
.Tophead .navigation .right_menu dd>a{
    font-size: .18rem;
    color: #FFFFFF;
    /* padding-bottom: 0.5rem;
    display: block; */
    line-height: 1;
    padding-bottom: 0.35rem;
}
.Tophead .navigation .right_menu dd.on>a{background: url(../images/9.png) no-repeat 50% 60% / 0.28rem;}
.Tophead .navigation .right_menu dd>a:hover{background: url(../images/9.png) no-repeat 50% 60% / 0.28rem;}
.Tophead .navigation .right_menu{display: flex;align-items: center;    width: 100%;}
.Tophead .navigation .right_menu dl{display: flex;    width: 100%;    justify-content: flex-end;z-index: 10;}
.Tophead .navigation .right_menu dl dd{padding-left: 3.7%;}
.Tophead .navigation .right_menu dl dd:not(:first-child){background: url(../images/7.png) no-repeat 22% / 0.03rem;}
.Tophead .search {padding-left: 0.37rem;position: relative;}
.Tophead .search a img:nth-child(2){display: none;}
.Tophead .search>div{position: absolute;right: .2rem;top: 150%;display: flex;align-items: center;background: #0000006e;padding-right: 0.1rem;z-index: 99;}
.Tophead .search>div img{max-width: unset;cursor: pointer;}
.Tophead .search>div input{padding: 0.06rem 0.15rem;border-radius: 0.2rem;color: #fff;font-size: .14rem;}
.Tophead .search>div input::-webkit-input-placeholder {color: #fff;}
.Tophead .search>div input:-moz-placeholder {color: #fff;}
.Tophead .search>div input::-moz-placeholder {color: #fff;}
.Tophead .search>div input:-ms-input-placeholder {color: #fff;}

.Tophead .menu{position: relative;}
.Tophead .right_menu .dropdown {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    padding: .7rem 0 1rem;
    border-top: 1px solid #DEDCDC ;
    background: url('../images/10.png') no-repeat 100% 100% / 8.26rem rgb(255, 255, 255);
    display: none;
}
.Tophead .right_menu .two{
    max-width: 14.6rem;
    margin: auto;
    display: flex;
    align-items: center;
}
.Tophead .right_menu .two .image{margin-right: 4%; max-width: 32%;}
.Tophead .right_menu .two .intro h1 {
    padding-bottom: .2rem;
    color: #115593;
    font-size: .3rem;
    line-height: .36rem;
}
.Tophead .right_menu .two .intro {
    max-width: 3.6rem;
    padding-right: .8rem;
    box-sizing: content-box;
}
.Tophead .right_menu .two .intro h2 {
    line-height: .3rem;
    font-size: .16rem;
}
.Tophead .right_menu .two .liste{
    padding-left: .7rem;
    border-left: 1px solid #7F7F7F20;
}
.Tophead .right_menu .two .liste a {
    margin-bottom: .23rem;
    line-height: 1;
    font-size: .18rem;
    color: #666666;
    padding-left: .23rem;
    position: relative;
    display: block;
}
.Tophead .right_menu .two .liste a::after{
    content: '';
    position: absolute;
    top: calc(50% - 0.015rem);
    left: 0;
    width: .14rem ;
    height: .03rem;
    background: #7F7F7F20;
}
.Tophead .right_menu .two .liste .on a {color: #115593;}
.Tophead .right_menu .two .liste .on a::after{background: #115593;}
.Tophead .right_menu .two .liste a:hover {color: #115593;}
.Tophead .right_menu .two .liste a:hover::after{background: #115593;}


/* 交互 */
.Tophead.tophover .Top {border-bottom: 1px solid #66666620;}
.Tophead.tophover .navigation .left_logo img:nth-child(1){display: none;}
.Tophead.tophover .navigation .left_logo img:nth-child(2){display: block;}
.Tophead.tophover {background: #FFFFFF;}
.Tophead.tophover  .Top a,
.Tophead.tophover .Top span,
.Tophead.tophover .navigation .right_menu dd>a {color: #666666;}
.Tophead.tophover  .Top .li:nth-child(2) a{background: url('../images/4.png') no-repeat left / .226rem;}
.Tophead.tophover  .Top .li:nth-child(3) a{background: url('../images/3.png') no-repeat left / .226rem;}
.Tophead.tophover .navigation .right_menu dl dd:not(:first-child){background: url(../images/8.png) no-repeat 22% / 0.03rem;}
.Tophead.tophover .search a img:nth-child(1){display: none;}
.Tophead.tophover .search a img:nth-child(2){display: block;}

.Tophead.tophover .open-menu i{background: #999;}

/* 底部 */
.Bottom {background: url('../images/11.png') no-repeat center / 19.2rem;}
.Bottom .Bupper{display: flex;align-items: center;padding: 1rem 0 .4rem;border-bottom: 1px solid #FFFFFF20;}
.Bottom .Bupper .image {max-width: 34%; padding-right: .37rem;}
.Bottom .Bupper h1 {font-size: .28rem; color: #fff;padding-left: .37rem;border-left: 1px solid #F8F8F850 ;}
.Bottom .Bupper .ewm{display: flex;flex-grow: 1;justify-content: flex-end;align-items: center;}
.Bottom .Bupper .ewm span{display: block;margin-left: .2rem;color: #fff;line-height: .22rem;}

.Bottom ul{display: flex;padding: .6rem 0;}
.Bottom ul li h1{font-size: .18rem; color: #FFFFFF;padding-bottom: .2rem;}
.Bottom ul li a,
.Bottom ul li>div{display: block; color: #FFFFFF;line-height: .26rem;}
.Bottom ul li a:hover{color: #d4d4d4;}
.Bottom ul li{width: 11.5%;}
.Bottom ul li:first-child{width: unset;flex-grow: 1;}
.Bottom ul li:last-child{width: unset;}
.Bottom .Copyright {padding: .3rem 0;display: flex;color: #FFFFFF;opacity: 0.5;justify-content: center;border-top: 1px solid #ffffff20;}
.Bottom .Copyright a{color: #FFFFFF;}
.Bottom .Copyright>div{padding: 0 0.05rem;}
.Bottom .Copyright span{padding: 0 0.05rem;display: inline-block;}


@media(max-width:1024px){
.Tophead .navigation .right_menu dl dd:not(:first-child){background: url(../images/7.png) no-repeat 17% / 0.05rem;}
.Tophead.tophover .navigation .right_menu dl dd:not(:first-child){background: url(../images/8.png) no-repeat 17% / 0.03rem;}
/* .Tophead .navigation .right_menu dd>a{padding-bottom: 0.35rem;} */
}

@media(max-width:768px){
    .Tophead {position: unset;}
    .Tophead .navigation .right_menu dl dd{padding:  0 3.7%;position: relative;background: unset !important;}
    .Tophead .Top .li:not(:last-child){margin-right: 0.2rem;}
    .Tophead .navigation .right_menu dl{
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        background: #ffffff;
        line-height: 3;
    }
    .Tophead .navigation{align-items: center;}
    .Tophead .navigation .right_menu{justify-content: flex-end;}
    .Tophead .search{padding: 0 0.37rem;}
    .Tophead .navigation .right_menu dd>a{padding-bottom: 0;background: unset !important;}
    .Tophead.tophover .navigation .right_menu dl dd.jt:not(:first-child)::after{
            content: '';
            position: absolute;
            right: 5%;
            top: 14px;
            width: 0.08rem;
            height: 0.08rem;
            transition: .5s;
            border-top: 1px solid;
            border-right: 1px solid;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
    }
    .Tophead.tophover .navigation .right_menu dl dd.jt_:not(:first-child)::after{
        transform: rotate(135deg);
        transition: .5s;
    }
    
    .Tophead .right_menu .two {flex-wrap: wrap;}
    .Tophead .right_menu .two .image,
    .Tophead .right_menu .two .intro{display: none;}
    .Tophead .right_menu .two .liste{width: 50%;    padding-left: 0.35rem;}
    .Tophead .right_menu .dropdown{background: url('../images/10.png') no-repeat 100% 100% / 100% rgb(255, 255, 255);display: none;position: unset;padding: 0.35rem 0 0.5rem;}

    .Bottom ul{display: none;}
    .Bottom .Bupper {flex-wrap: wrap;}
    .Bottom .Bupper .image {max-width: 100%;padding-right: 0;}
    .Bottom .Bupper h1{width: 1.8rem; padding-left: 0; border-right: 1px solid #F8F8F850; border-left: 0px solid #F8F8F850;}
    .Bottom .Copyright{line-height: 1.8;display: block;}
    .Bottom .Bupper .ewm{width: 50%;}
}


    
/* 轮播图 */
.banner_ .ul li{position: relative;}
.banner_ .ul li .txt{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
.banner_ .image img{
    width: 100%;
}
.banner_ .ul li .txt .auto{padding-bottom: .8rem;}
.banner_ .ul li .txt .tit1{line-height: .48rem;font-size: .3rem;}
.banner_ .ul li .txt .tit2{line-height: .56rem;font-size: .42rem;font-weight: bold;padding: .15rem 0; width: 15em;}
.banner_ .ul li .txt .tit3{ line-height: .3rem; font-size: .15rem; font-weight: 300;opacity: 0.5;text-transform: uppercase; width: 40em;}
.banner_ .slick-dots {position: absolute;bottom: 8%;left: 0;width: 100%;z-index: 1;}
.banner_ .slick-dots li { list-style: none;max-width: 16rem;margin: auto; }
.banner_ .slick-dots li a { font-size: 0.14rem; color: #ffffff; border: 0; display: inline-block;padding-bottom: .23rem;}
.banner_ .slick-dots li a::after {margin-left: 50%;height: 0; width: 0.01rem; background-color: #ffffff50; display: block; content: '';  vertical-align: middle; transition: 0.3s; }
.banner_ .slick-dots li:not(.slick-active) a { opacity: 0.5;padding-bottom: 0; }
.banner_ .slick-dots li.slick-active a::after { height: 0.54rem;margin-top: .23rem;}

@media(max-width:1024px){
    .banner_ .ul li .txt .auto {padding-bottom: 0;}
}

@media(max-width:768px){
    .banner_ .ul li .txt .tit2 {line-height: unset;font-size: .2rem;}
    .banner_ .ul li .txt .tit1 {line-height: unset; font-size: .15rem;}
    .banner_ .ul li .txt .tit3 {line-height: unset; opacity: 1;}
    .banner_ .slick-dots {display: none !important;}
}


.img100,.w100 {width: 100%;}
.LearnMore a {
    padding: .12rem .7rem .12rem .26rem;
    background: url('../images/15.png') no-repeat 82% / .21rem #0B58AC;
    font-size: .16rem ;
    color: #ffffff;
    display: inline-block;
    margin-top: 0.55rem;
}

.about .columns {flex-wrap: wrap;align-items: center;}
.about .column:nth-child(2){max-width: 7.6rem;padding-right: 0.99rem;}
.about {background: url('../../uploadfiles/image/4.png') no-repeat 100% 100% / 100%;}
.about .column{width: 50%;flex-grow: 1;}
.about h1.title{font-size: .3rem;color: #333333;padding-bottom: .3rem;}
.about .intro{font-size: .16rem;color: #333333;line-height: .36rem;}
.about .video{position: relative;}
.about .video #video{width: 100%;}
.about .video.after::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/12.png') no-repeat center / 1.17rem;
    z-index: 1; 
    cursor: pointer;
}

h2.title span{color: #0757BD; font-size: .6rem;line-height: 1;}
h2.title span:nth-child(1){color: #B20A32; font-weight: 300;}
h1.title {font-size: .3rem;color: #333333;line-height: 1;padding-top: .2rem;}

.service {background: url('../../uploadfiles/image/6.png')  no-repeat top / 100%;padding-bottom: 1rem;}
.service .columns {flex-wrap: wrap;}

.service .intro {font-size: .16rem;color: #88888888;line-height: .3rem;padding-top: .7rem;}
.service .w100{padding-bottom: .6rem;}
.service .column:nth-child(3){width: 22%;}
.service .column:nth-child(4){width: 78%; display: flex;}
.service .column .list{width: 25%;padding: 1rem .3rem ;text-align: center; transition: .5s;}
.service .column .list h1{font-size: .28rem;padding: .25rem 0 .35rem;line-height: 1;color: #333333;}
.service .column .list h2{font-size: .16rem;line-height: .3rem;color: #888;margin-bottom: .7rem;}
.service .column .list img{margin: 0 auto; max-height: 0.45rem;}
.service .column .list .icon2{flex-grow: 1;display: flex;align-items: flex-end;}
.service .column .list a{display: flex;flex-direction: column;height: 100%;}
.service .column .list:hover{background: url('../images/20.png') no-repeat 100% 100%;color: #fff; transition: .5s;}
.service .column .list:hover .icon1{display: none;} 
.service .column .list:hover h1,
.service .column .list:hover h2{color: #fff;} 

.NewsCenter {background: url('../images/21.png')  no-repeat bottom / 100% #F4F4F4;padding-bottom: 1.2rem;}
.NewsCenter ul{padding-top: .5rem ;display: grid;grid-template-columns: 30% 30% 40%;}
.NewsCenter ul li:not(:last-child){margin-bottom: .36rem;}
.NewsCenter ul li>a{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.NewsCenter ul li img{ max-height: 1.6rem;width: 44%;}
.NewsCenter ul li a>div{padding-left: .37rem;width: 56%;}
.NewsCenter ul li .time{font-size: .16rem; color: #888;line-height: .3rem;}
.NewsCenter ul li .title{font-size: .18rem;line-height: .3rem;margin: 0.05rem 0 0.1rem;}
.NewsCenter ul li .icon{height: .2rem; width: 100%;background: url('../images/22.png') no-repeat left / .2rem;}
 
.NewsCenter ul li:nth-child(1),
.NewsCenter ul li:nth-child(2){
    grid-row-start: 1;
    grid-row-end: 4;
    margin-right: .4rem;
    margin-bottom: 0;
    display: block;
    background: #FFFFFF;
}
.NewsCenter ul li:nth-child(1) img,
.NewsCenter ul li:nth-child(2) img{
    width: 100%;
    max-height: unset;
}
.NewsCenter ul li:nth-child(1) a>div,
.NewsCenter ul li:nth-child(2) a>div{
    width: 100%;
    padding: .3rem;
}
.NewsCenter ul li a:hover{background: #0049A5;color: #fff;}
.NewsCenter ul li a:hover .time{color: #fff;}
.NewsCenter ul li a:hover .icon{background: url('../images/23.png') no-repeat left / .2rem;}

.Links {padding: .5rem 0 .45rem;}
.Links ul{display: flex;padding: .23rem 0; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.19);}
.Links ul li{width: calc(100% / 6);text-align: center;font-size: .16rem;}
.Links ul li a{font-size: .16rem;padding-right: .18rem;background: url('../images/24.png') no-repeat 100% 65% / .15rem;}
.Links ul li:not(:last-child){border-right: 1px solid #99999930 ;}


@media(min-width:1600px){
   .about>.auto{
        max-width: 17.50rem;
        margin: unset;
        margin-left: auto;
   }
}

@media(max-width:768px){
    .about .column:nth-child(2){
        width: 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .about .video {padding-top: .3rem;width: 100%;}
    .img100{display: none;}
    h1.title{line-height: unset;}
    h2.title span {font-size: .4rem;}
    .service,.about,.NewsCenter{padding: 0.3rem 0;}
    .service .column:nth-child(3){width: 100%;}
    .service .intro {padding-top: 0rem;}
    .service .column:nth-child(4){width: 100%;flex-wrap: wrap;padding-top: .3rem;}
    .service .column .list{width: 50%;padding: 0.5rem 0.15rem;}

    .NewsCenter ul{display: flex;flex-wrap: wrap;}
    .NewsCenter ul li:nth-child(1),
    .NewsCenter ul li:nth-child(2){width: 48%;margin: 0;}
    .NewsCenter ul li:nth-child(1){margin-right: 4%;}
    .NewsCenter ul li {margin-bottom: .2rem !important;}

    .Links ul {flex-wrap: wrap;}
    .Links ul li{width: calc(100% / 3);line-height: 2.5;}
 }


.blurbbg ,.blurb1{padding: 1rem 0;}
.blurbbg {background: url('../../uploadfiles/image/12.png') no-repeat top / 100%;}
.blurb1 .columns{justify-content: space-between;align-items: center;}
.blurb1 .image{width: 53%;position: relative;}
.blurb1 .column{width: 40.5%;}
.blurb1 .column h1{font-size: .36rem;padding-bottom: .2rem ;background: url('../images/26.png') no-repeat 0 100% / .69rem;margin-bottom: .4rem;}
.blurb1 .column .intro{font-size: .18rem;line-height: .36rem;text-align: justify;}
.blurb1 .slick-dots{position: absolute;bottom: 0.3rem;z-index: 9;width: 100%;text-align: center;}
.blurb1 .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px .07rem;
}
.blurb1 .slick-dots li button {
    background: transparent;
    display: block;
    font-size: 0;
    padding: 5px;
}
.blurb1 .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: .08rem;
    height: .08rem;
    background: #F6F8F9;
    border-radius: 50% ;
    opacity: 0.4;
}
.blurb1 li.slick-active button:before{background: #0757BD;opacity: 1;}
.blurbbg .blurb2 .columns{align-items: center;}
.blurbbg .blurb2 .column { width: 63.5%;max-width: 11.14rem;background: url('../../uploadfiles/image/16.png') no-repeat center / 100% 100%;}
.blurbbg .blurb2 .intro p{font-size: .18rem;line-height: .36rem;color: #fff;}
.blurbbg .blurb2 .intro p:not(:last-child){padding-bottom: .3rem;}
.blurbbg .blurb2 .intro{padding: 10% 2rem 10% 0.5rem;}
.blurbbg .blurb2 .image{width: calc(36.5% + 1.3rem);margin-left: -1.3rem;}
@media(min-width:1600px){
    .blurbbg .blurb2 .column {padding-left: 1.6rem;}
    .blurbbg .blurb2 .intro {padding: 1.4rem 2rem 1.4rem 0;}
    .blurbbg .blurb2>.auto{
         max-width: 17.60rem;
         margin: unset;
         margin-right: auto;
    }
}
@media(max-width:1024px){
    .blurb1 {padding:  0 0 1rem 0;}
}
@media(max-width:768px){
    .blurbbg {padding: .5rem 0;}
    .blurb1 {padding:  0 0 .5rem 0;}
    .blurb1 .columns,
    .blurbbg .blurb2 .columns{display: block;}
    .blurb1 .image,
    .blurb1 .column,
    .blurbbg .blurb2 .column,
    .blurbbg .blurb2 .image{width: 100%;margin: 0;}
    .blurbbg .blurb2 .intro{ padding: 10% 0.2rem;}
}

.crumbs {border-bottom: 1px solid #EDEDED;}
.crumbs ul{display: flex;justify-content: space-between;    flex-wrap: wrap;}
.crumbs ul li a{padding: .3rem 0; line-height: 1;display: block;font-size: .18rem;border-bottom: 2px solid #0757BD00;}
.crumbs ul li.on a{border-bottom: 2px solid #0757BD;}
.crumbs ul li a:hover{border-bottom: 2px solid #0757BD;}

.Htitle {font-size: .36rem;padding-bottom: .2rem ;background: url('../images/26.png') no-repeat bottom / .69rem;text-align: center;line-height: 1;color: #333333;}
.padding100{padding: 1rem 0;}
@media(max-width:768px){
    .padding100{padding: .5rem 0;}
}
.organization .liste {display: flex;flex-wrap: wrap;padding-top: .3rem;justify-content: space-between;}
.organization .liste dl {width: 100%;}
.organization .liste dl:nth-child(1),
.organization .liste dl:nth-child(2){display: flex;justify-content: center;}
.organization .liste dl:nth-child(2) dt{margin: 0 .2rem;}
.organization .liste dt{color: #fff;font-size: .2rem;}
.organization .liste dd{color: #555;font-size: .16rem;padding: .16rem 12%;background: #E9EDF0;border-radius: .1rem;margin-top: .2rem;}
.organization .liste dl:nth-child(1) dt{width: 1.4rem;height: 1.4rem;border-radius: 100%;text-align: center;line-height: 1.4rem;background: url('../images/27.png') no-repeat center / .76rem #0B58AC;}
.organization .liste dl:not(:nth-child(1)) dt{padding: 0.17rem 0.45rem;border-radius: 0.06rem;text-align: center;}
.organization .liste dl:nth-child(2) dt:nth-child(1){background: url('../images/28.png') no-repeat .1rem 100% / .5rem #0B58AC;}
.organization .liste dl:nth-child(2) dt:nth-child(2){background: url('../images/29.png') no-repeat .1rem 100% / .5rem #0B58AC;}
.organization .liste dl:nth-child(2) dt:nth-child(3){background: url('../images/30.png') no-repeat .1rem 100% / .5rem #0B58AC;}
.organization .liste dl:nth-child(3) dt{background: url('../images/31.png') no-repeat .1rem 100% / .5rem #0B58AC;}
.organization .liste dl:nth-child(4) dt{background: url('../images/32.png') no-repeat .1rem 100% / .5rem #0B58AC;}
.organization .liste dl:nth-child(5) dt{background: url('../images/33.png') no-repeat .1rem 100% / .5rem #0B58AC;}
.organization .liste dl:nth-child(6) dt{background: url('../images/34.png') no-repeat .1rem 100% / .5rem #0B58AC;}
.organization .liste dl:nth-child(3) {max-width: 2rem;width: 25%;}
.organization .liste dl:nth-child(4) ,
.organization .liste dl:nth-child(5) {max-width: 3.6rem;width: 25%;}
.organization .liste dl:nth-child(6) {max-width: 4.2rem;width: 25%;}
/* .organization .liste dl:nth-child(2)::after{content: '';width: 100%;max-width: 7rem;height: 1px;background: #8AC1FD;position: absolute;top: 0;}
.organization .liste dl:nth-child(2)::before{content: '';width: 90%;height: 1px;background: #8AC1FD;position: absolute;bottom: 0;}
.organization .liste dl:nth-child(3)::before{content: '';width: 1px;height: .2rem;background: #8AC1FD;position: absolute;top:  0;left: .8rem;}
.organization .liste dl:nth-child(4)::before,
.organization .liste dl:nth-child(5)::before{content: '';width: 1px;height: .2rem;background: #8AC1FD;position: absolute;top:  0;left: 50%;}
.organization .liste dl:nth-child(6)::before{content: '';width: 1px;height: .2rem;background: #8AC1FD;position: absolute;top:  0;left: 79.8%;} */
.organization .liste dl:nth-child(1){
    background: url(../images/35.png) no-repeat 50% 132% / 6.96rem;
    padding-bottom: 0.4rem;
}
.organization .liste dl:nth-child(2){
    background: url(../images/36.png) no-repeat 50% 103% / 90%;
    padding-bottom: 3%;
}
@media(max-width:768px){
    .organization .liste dl {flex-wrap: wrap;width: 100% !important;max-width: 100% !important;margin: 0 0 0.2rem;}
    .organization .liste dl:nth-child(2) dt{width: 100%;margin: 0 0 0.2rem;} 
    .organization .liste dl:nth-child(1) {margin: 0;}
}

.honor ul{display: flex;padding: .35rem 0;flex-wrap: wrap;}
.honor ul li{width: calc(25% - (1.5rem / 4) );background: #F6F8F9;margin: .25rem 0; text-align: center;padding: .6rem 0.2rem; margin-right: 25px;}
.honor ul li img{margin: auto;}
.honor ul li>div{padding-top: .6rem;font-size: .18rem;}
/* .honor ul li:not(:nth-child(4n)){margin-right: .5rem;} */

.honor.customer img{border-radius: 50%;}
@media(max-width:768px){
    .honor ul li:not(:nth-child(4n)){margin-right: 0rem;}
    .honor ul li:not(:nth-child(2n)){margin-right: .25rem;}
    .honor ul li{width: calc(50% - (.25rem / 2) );padding: .3rem  0.2rem;}
    .honor ul li>div{padding-top: .3rem;}
}

.Pages{ text-align:center; font-size:.14rem; line-height:48px; margin: 2% 0 0;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{ display:none;}
.Pages .p_page{ display:inline-block; clear:both;}
.Pages em{ float:left; font-style:normal;}
.Pages a{ float:left; width: 50px; text-align: center; background-color: #fff; border: 1px solid #eeeeee00; font-size: .14rem; color: #333333; margin: 0 5px; border-radius: 3px;}
.Pages a:hover,
.Pages a.a_cur{border-radius: 100%; color:#fff; background-color:#0B58AC; border-color: #0B58AC; }
.Pages .a_prev::before,
.Pages .a_next::after{ display: inline-block; vertical-align: middle; font-family: '宋体'; font-weight: bold; color: #666666; font-size: .22rem;}
.Pages .a_prev::before{ content: '<';}
.Pages .a_next::after{ content: '>';}
.Pages .a_prev,
.Pages .a_next{  font-size: 0; width: 50px; height: 50px; padding: 0;  }
.Pages .a_prev{ margin-right: 10px;}
.Pages .a_next{ margin-left: 10px; }
.Pages .a_prev:hover::before,
.Pages .a_next:hover::after{ color: #fff;}
@media  (max-width: 640px){
    .Pages em{ display:none;}
    /* .Pages{ font-size: 14px; line-height: 36px;} */
    .Pages .a_prev{ margin-right: 10px;}
    .Pages .a_next{ margin-left: 10px;}
}

.course .columns {padding-top: .5rem;}
.course .columns .ul1{width: 100%;max-width: 3rem; position: relative;padding-top: .7rem;}
.course .columns .ul2{width: calc(100% - 4rem);margin-left: 1rem;}
.course .columns .ul1 .time{font-size: .2rem;padding: 0 0 0 .75rem;position: relative;line-height: .3rem;transition: .5s;}
.course .columns .ul1::after{content: '';position: absolute;top: 0; left: 0.16rem;width: .01rem;height: 100%;background: #E6E6E6;}
.course .columns .ul1 .intro::after{content: ''; position: absolute;top: .13rem; left: 0;width: .04rem;height: .04rem;background: #0B58AC;opacity: 0.2;border-radius: 50%;}
.course .columns .ul1 .time{background: url(../images/37.png) no-repeat 0.1rem / 0.1rem;}
.course .columns .ul1 .slick-current .time{background: url('../images/38.png') no-repeat left / .3rem;transition: .5s;}
.course .columns .ul1 .intro{font-size: .16rem;color: #888;line-height: .28rem;padding: 0.3rem 0 0 0;position: relative;margin-left: .75rem;min-height: 1.56rem;}
/* .course .columns .ul1 li {margin-bottom: .7rem;} */

.course .columns .ul2 li .yy {font-size: 2rem;color: #0757BD;opacity: 0.05;}
.course .columns .ul2 li .ymd {font-size: .28rem;padding-bottom: .3rem;margin-top: -1.3rem;}
.course .columns .ul2 li .intro {font-size: .18rem;line-height: .36rem;margin-bottom: 1.2rem;}
.course .columns .ul2 li .image {margin-top: .7rem;}
.course .columns .ul2 li a{display: inline-block; width: .5rem ;height: .5rem ;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.11);border-radius: 50%;margin-right: .15rem;}
.course .columns .ul2 li .Left {background: url('../images/39.png') no-repeat center / .21rem;}
.course .columns .ul2 li .right {background: url('../images/39.png') no-repeat center / .21rem;transform: rotateY(180deg);}
.course .columns .ul2 li .Left:hover {background: url('../images/23.png') no-repeat center / .21rem #0B58AC;transform: rotateY(180deg);}
.course .columns .ul2 li .right:hover {background: url('../images/23.png') no-repeat center / .21rem #0B58AC;transform: rotateY(360deg);}

@media  (max-width: 768px){
    .course .columns {flex-wrap: wrap;}
    .course .columns .ul1 {max-width: 100%;padding-top: 0rem;}
    .course .columns .ul1 .intro {min-height: 0rem;}
    .course .columns .ul2 {width: 100%;margin: 0;}
    .course .columns .ul2 li .intro {margin-bottom: 0.4rem;}
    .course .columns .ul2 li .image {margin-top: 0.35rem;}
    .course .columns .ul2 li .yy {line-height: 1;}
}


.news dl {display: flex;justify-content: space-between;padding: .5rem 0;flex-wrap: wrap;}
.news dl dd {display: block;background: #FFFFFF;width: calc(33.33% - (1.5rem / 3));box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.06);}
.news dl dd .time{font-size: .18rem; color: #888;line-height: .3rem;}
.news dl dd .title{font-size: .20rem;line-height: .3rem;margin: 0.05rem 0 0.1rem;}
.news dl dd .icon{height: .2rem; width: 100%;background: url('../images/22.png') no-repeat left / .2rem;}
.news dl dd img{width: 100%; max-height: unset;}
.news dl dd a>div{width: 100%;padding: .3rem;}
.news dl dd:hover a{background: #0049A5;color: #fff;display: block;}
.news dl dd:hover .time{color: #fff;}
.news dl dd:hover .icon{background: url('../images/23.png') no-repeat left / .2rem;}

.news ul {padding-top: .5rem;}
.news ul li {padding: .5rem 0;}
.news ul .grey{background: #F6F8F9;}
.news ul li a{display: flex;align-items: center;}
.news ul li a .time{width: 30%;max-width: 1.78rem; border-right: 1px solid #88888850 ;margin-right: .5rem;padding-left: .5rem;}
.news ul li a .time span:nth-child(1){font-size: .24rem ; line-height: .28rem;display: block;}
.news ul li a .time span:nth-child(2){color: #888888;font-size: .16rem;line-height: .28rem;}
.news ul li a .title {font-size: .22rem;line-height: .36rem;padding-bottom: .05rem;}
.news ul li a .intro {color: #888888;font-size: .16rem;line-height: .30rem;max-width: 75%;}
.news ul li a>div:nth-child(2) {width: 70%;}
.news ul li a>div:last-child {flex-grow: 1;min-width: 5%;}
.news ul li a>div:last-child img{margin-left: auto;width: .38rem;}

.details{padding: .7rem 0 1rem;}
.details h1{ font-size: .36rem; line-height: .46rem; color: #303231;padding-bottom: .15rem;text-align: center;}
.details .content {padding-top: .5rem;font-size: .16rem;line-height: .36rem}
.details .content *{font-size: .16rem;line-height: .36rem; color: #333333;}
.details .content img{ display: inline-block;}
.details .content p{font-size: .16rem;line-height: .36rem;margin-left: 1em;text-indent: -1em;color: #333333;}
.details .content p.p{text-indent: 1em;margin-left: 0em;}
.details .time {text-align: center;}
.details .time span{font-size: .16rem;color: #666666;}
.details .time span:nth-child(1){padding-right: 1.6rem;}
.details .time span:nth-child(2){padding:0 .2rem 0 .23rem;background: url('../images/41.png') no-repeat left / .15rem;}
.details .time span:nth-child(3){padding:0 .2rem 0 .23rem;background: url('../images/42.png') no-repeat left / .15rem;}
.details .btn {display: flex;justify-content: space-evenly;padding: 0.5rem 10% 0 10%;}
.details .btn a{border-radius: .1rem;border: 1px solid #666666;display: inline-block;width: 1.6rem;}
.details .btn .prev a{
    padding: .12rem .36rem .12rem .12rem;
    background: url('../images/45.png') no-repeat .36rem / .19rem;
    text-align: end;
}
.details .btn a{
    padding: .12rem 0 .12rem .36rem ;
    background: url('../images/43.png') no-repeat 1.08rem / .16rem;
}
.details .btn .next a{
    padding: .12rem 0 .12rem .36rem ;
    background: url('../images/48.png') no-repeat 1.09rem / .18rem;
}
.details .btn .prev a:hover{
	padding: .12rem .36rem .12rem .12rem;
    background: url('../images/44.png') no-repeat .36rem / .19rem #0B58AC;
    color: #FFFFFF;
    border: 1px solid #66666600;
}
.details .btn a:hover{
    padding: .12rem 0 .12rem .36rem ;
    background: url('../images/46.png') no-repeat 1.08rem / .16rem #0B58AC;
    color: #FFFFFF;
    border: 1px solid #66666600;
}
.details .btn .next a:hover{
    padding: .12rem 0 .12rem .36rem ;
    background: url('../images/47.png') no-repeat 1.09rem / .18rem #0B58AC;
    color: #FFFFFF;
    border: 1px solid #66666600;
}

@media  (max-width: 768px){
    .news dl dd {width: calc(100%);margin-bottom: .2rem;}
    .news ul li a .time {padding: 0 .25rem;margin-right: 0.25rem;width: 30%;}
    .news ul li a>div:nth-child(2) {width: 70%;}
    .news ul li a>div:last-child {display: none;}
    .details .btn{padding: .5rem 0 0 0 ;}
    .details .btn a{background: unset !important;text-align: center !important; padding: .12rem !important;margin: 0 .1rem;}
    .details .time span:nth-child(1) {padding-right: .3rem;}
}

.Newsletter .columns dl{width: 3.2rem;}
.Newsletter .columns .list{width: calc(100% - .75rem - 3.2rem);margin-left: .7rem;}
.Newsletter dl dt{
    padding: .35rem 0;
    background: url('../images/49.png') no-repeat center / 100%;
    font-size: .36rem;
    color: #FFFFFF;
    line-height: 1;
    text-align: center;
}
.Newsletter dl dd a{
    padding: .2rem .15rem;
    border-bottom: 1px solid #66666620;
    font-size: .20rem;
    display: block;
    background: url('../images/50.png') no-repeat 90% / .11rem;
}
.Newsletter dl dd.on a{color: #0B58AC;}
.Newsletter ul a {padding: .5rem ;display: block;}
.Newsletter ul a .title{display: flex;justify-content: space-between;padding-bottom: .2rem;align-items: center;}
.Newsletter ul a .title span:nth-child(1){width: calc(100% - 1rem);font-size: .24rem;}
.Newsletter ul a .title span:nth-child(2){min-width: 1rem;font-size: .16rem;color: #666;text-align: end;}
.Newsletter ul li{box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);margin-bottom: .37rem;}
.Newsletter ul a .intro{font-size: .16rem;color: #666; }
.Newsletter ul a:hover .title span:nth-child(1){color: #0B58AC;}

@media  (max-width: 768px){
    .Newsletter .columns {flex-wrap: wrap;}
    .Newsletter .columns dl,
    .Newsletter .columns .list{width: 100%;margin: .3rem 0 0;}
}


.achievements ul{display: flex;flex-wrap: wrap;}
.achievements ul li a>div{padding: .35rem;}
.achievements ul li .intro{font-size: .16rem; color: #999;line-height: .36rem;margin-bottom: .1rem;}
.achievements ul li .title{font-size: .20rem;line-height: .34rem;}
.achievements ul li .icon{height: .2rem; width: 100%;background: url('../images/22.png') no-repeat left / .2rem;}
.achievements ul li{box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.06);margin-bottom: .8rem;width: calc(33.33% - (1.4rem / 3));}
.achievements ul li{margin-right: 45px;}
.achievements ul li img{width: 100%;}
.achievements ul li a:hover{background: #0049A5;color: #fff;display: block;}
.achievements ul li a:hover .intro{color: #fff;}
.achievements ul li a:hover .icon{background: url('../images/23.png') no-repeat left / .2rem;}
.achievements .Pages {margin: 0;}
@media (max-width: 768px){
    .achievements ul li{width: calc(50% - (0.3rem / 2));margin-bottom: .3rem;}
    .achievements ul li:not(:nth-child(3n)) {margin-right: 0;}
    .achievements ul li:not(:nth-child(2n)) {margin-right: 0.3rem;}
    .achievements ul li a>div {padding: 0.2rem;}
}

.ShowDetails .liste {padding: .6rem 0;display: flex;align-items: flex-end;}
.ShowDetails .liste>div:nth-child(2){
    width: 5.1rem;
    height: 2.5rem;
    padding:  0 .5rem;
    background: #0B58AC;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: .6rem;
    margin-left: -2.4rem;
}
.ShowDetails .liste>div:nth-child(2) h1{font-size: .28rem; color: #fff; line-height: .36rem;padding-bottom: .1rem;}
.ShowDetails .liste>div:nth-child(2) a{font-size: .16rem; color: #fff; line-height: .36rem;}
.ShowDetails .content {padding-bottom: .6rem;}
.ShowDetails .content h1{font-size: .28rem;color: #303231;padding: 0 .37rem .2rem 0;background: url('../images/52.png') no-repeat right / .29rem;display: inline-block;}
.ShowDetails .content .intro{font-size: .16rem;color: #666666;}

.ShowDetails .video {position: relative;}
.ShowDetails .video #video{width: 100%;display: block;}
.ShowDetails .video.after::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/51.png') no-repeat center / .88rem #00000075;
    z-index: 1; 
    cursor: pointer;
}


.personnel ul:nth-child(2n) {background: #F7F8FA;}
.personnel ul li{display: grid; grid-template-columns: 53.8% 40.5%;justify-content: space-between;align-items: center;}
.personnel ul:nth-child(2n) li{grid-template-columns: 40.5% 53.8%;}
.personnel ul:nth-child(2n) li .image{grid-row-start: 1;grid-column: 2;}
.personnel ul:nth-child(2n) li .content{grid-row-start: 1;grid-column: 1;}
.personnel ul li .content{position: relative;}
.personnel ul li .sort{
    font-size: 2rem;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0B58AC90), to(#0B58AC10));
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: bold;
    opacity: 0.12;
    line-height: .8;
    position: absolute;
    top: .2rem;
    right: 0;
}
.personnel h1.Htitle{background: url('../images/26.png') no-repeat 0 100% / .69rem;text-align: unset;color: #303231;padding-top: .4rem;}
.personnel .content .txt{padding: .40rem 0 .25rem;} 
.personnel .content .intro{font-size: .16rem ; color: #666;line-height: .32rem;    text-align: justify;} 
.personnel .content .txt{display: flex;flex-wrap: wrap;} 
.personnel .content .txt span{font-size: .16rem ;padding-right: .15rem ;border-right: 1px solid #303231; margin-right: .15rem;} 
.personnel .content .txt span:nth-child(1){color: #0B58AC;}
.personnel .content a.more{
    width: 1.6rem;padding: .1rem .3rem;display: block;
    color: #666666;font-size: .16rem;
    border: 1px solid #666666;
    border-radius: 10px;
    background: url('../images/48.png') no-repeat 80% / .14rem;
}
.personnel .content a.more:hover{
    background: url('../images/47.png') no-repeat 80% / .14rem #0B58AC;
    color: #ffffff;
    border: 1px solid #66666600;
}
.personnel .content a.link {padding: 0.15rem 0 0.3rem 0;color: #286EC6;display: block;}
.personnel .content a.link span{color: #999999;}
.personnel ul:nth-child(1){background: url('../images/53.png') no-repeat 0 0%;}
.personnel ul:nth-child(3){background: url('../images/54.png') no-repeat 100% 4rem;}
.personnel ul:nth-child(5){background: url('../images/55.png') no-repeat 0 1.5rem;}
.personnel ul:nth-child(7){background: url('../images/56.png') no-repeat 100% 3rem;}

@media (max-width: 768px){
    .personnel ul li,
    .personnel ul:nth-child(2n) li{grid-template-columns: 100%;}
    .personnel ul:nth-child(2n) li .image{grid-column: 1;}
    .personnel ul:nth-child(2n) li .content{grid-row-start: 2;}
}

.TeamDetails ul:nth-child(2){padding-top: .8rem;padding-bottom: 1rem;}
.TeamDetails ul:nth-child(3){padding: 1rem 0;}
.TeamDetails ul:nth-child(4),
.TeamDetails ul:nth-child(5){padding-top: 1rem;}
.TeamDetails ul{position: relative;}
.TeamDetails ul li:not(:last-child){margin-bottom: 1rem;}
.TeamDetails ul li{display: flex;justify-content: space-between;align-items: center;}
.TeamDetails ul li .image{width: 44.5%;}
.TeamDetails ul li .content{width: 51.5%;}
.TeamDetails ul li h1,
.TeamDetails ul .member h1{font-size: .28rem;color: #303231;padding: 0 .37rem .2rem 0;background: url('../images/52.png') no-repeat right / .29rem;display: inline-block;}
.TeamDetails ul li .intro{font-size: .16rem;line-height: .32rem;color: #666;}
.TeamDetails ul .member h1 { margin-top: 0.2rem;}
.TeamDetails ul .member{display: flex;justify-content: space-between;align-items: center;}
.TeamDetails ul .member .intro p{font-size: .16rem;line-height: .32rem;color: #666;padding-bottom: .25rem;}
.TeamDetails ul .member .image{width: 33%;margin-top: -1rem;}
.TeamDetails ul .member .content{width: 63%;margin-top: -1rem;}
.TeamDetails ul .member h2{font-size: .24rem;color: #303231;padding: .4rem 0 .1rem;}
.TeamDetails ul .member h3{font-size: .20rem;color: #303231;padding: 0 0 .15rem;}
.TeamDetails ul .member::after{
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 1rem);
    left: 0;
    bottom: 0;
    background: #F7F8FA;
    opacity: 0.8;
    z-index: -1;
}

.TeamDetails ul .crux{flex-wrap: wrap;}
.TeamDetails ul .crux .title,
.TeamDetails ul .crux .image{width: 100%;position: relative;}
.TeamDetails ul .crux .image .intro{
    max-width: 5rem;
    padding: .6rem .5rem ; 
    position: absolute;
    right: .8rem;
    background: #0b58aced;
    top: 50%;
    transform: translatey(-50%);
    color: #fff;
}
.TeamDetails ul .crux .image .intro h1{ font-size: .20rem;    color: #fff;}
.TeamDetails ul .crux .image .intro p.p{margin-left: 3em;text-indent: -3em;}
.TeamDetails ul .crux .list{
    padding: .2rem .5rem;
    line-height: .46rem;
    color: #303231;
    display: flex;
    flex-wrap: wrap;
    background: #F9F9FB;
    width: 100%;
}
.TeamDetails ul .crux .list .on{
    color: #0B58AC;
}
.TeamDetails ul .crux .list>div{width: 33.33%;font-size: .2rem;}

@media (max-width: 768px){
    .TeamDetails ul li,
    .TeamDetails ul .member {flex-wrap: wrap;}
    .TeamDetails ul li .image,
    .TeamDetails ul li .content{width: 100% !important; }
    .TeamDetails ul li:not(:last-child) {margin-bottom: .5rem;}
    .TeamDetails ul:nth-child(2) {padding: .4rem 0 .5rem;}
    .TeamDetails ul .crux .image .intro {position: unset;transform: unset;}
    .TeamDetails ul .crux .list {padding: .2rem;}
    .TeamDetails ul .crux .list>div {width: 100%;}
    .TeamDetails ul:nth-child(3) {padding-bottom: .5rem;}
    .TeamDetails ul:nth-child(4), .TeamDetails ul:nth-child(5) {padding-top: .5rem;}
}

.Settlein .liste .list {padding: .6rem .5rem;background: #F8F9FA;display: flex;justify-content: space-between; align-items: center;}
.Settlein .liste .list:not(:last-child){margin-bottom: .3rem;}
.Settlein .liste .list .image{width: 28%;position: relative;}
.Settlein .liste .list .Left{width: 68%;}
.Settlein .list .Left>div {padding: .05rem 0 .05rem .35rem;}
.Settlein .list .title {font-size: .24rem;margin-bottom: .15rem;color: #333333;}
.Settlein .list .title span {font-size: .16rem;color: #999;}
.Settlein .list .js,
.Settlein .list .lxr,
.Settlein .list .dh{display: flex;text-align: justify;}
.Settlein .list .js span,
.Settlein .list .lxr span,
.Settlein .list .dh span{min-width: .9rem;font-size: .16rem;color: #333;line-height: .32rem;}
.Settlein .list .js span:nth-child(2),
.Settlein .list .lxr span:nth-child(2),
.Settlein .list .dh span:nth-child(2){ color:#888;}

.Settlein .list .slick-dots{position: absolute;bottom: 0.3rem;z-index: 9;width: 100%;text-align: center;
    display: flex;
    justify-content: center;
}
.Settlein .list.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px .07rem;
}.Settlein .list .slick-dots li button {
    background: transparent;
    display: block;
    font-size: 0;
    padding: 5px;
    margin: 0 .05rem;
}.Settlein .list .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: .08rem;
    height: .08rem;
    background: #F6F8F9;
    border-radius: 50% ;
    opacity: 0.4;
}
.Settlein .list .slick-dots li button {position: relative;}
.Settlein .list .slick-dots li.slick-active button:before{background: #AD0633;opacity: 1;}
.Settlein .list .title{background: url('../images/57.png') no-repeat left / .2rem;}
.Settlein .list .js{background: url('../images/58.png') no-repeat 0 .12rem / .2rem;}
.Settlein .list .lxr{background: url('../images/59.png') no-repeat left / .2rem;}
.Settlein .list .dh{background: url('../images/60.png') no-repeat left / .2rem;}

@media (max-width: 768px){
    .Settlein .liste .list,.Settlein .list .js{flex-wrap: wrap;}
    .Settlein .liste .list>div{width: 100% !important;}
    .Settlein .liste .list {padding: .3rem .15rem;}
}


.policy  ul{padding-top: .6rem;}
.policy ul a {padding: .5rem ;display: block;}
.policy ul a .title{display: flex;justify-content: space-between;padding-bottom: .2rem;align-items: center;}
.policy ul a .title span:nth-child(1){width: calc(100% - 1rem);font-size: .24rem;}
.policy ul a .title span:nth-child(2){min-width: 1rem;font-size: .16rem;color: #666;text-align: end;}
.policy ul li{box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);margin-bottom: .37rem;}
.policy ul li:not(:last-child){margin-bottom: .32rem;}
.policy ul a .intro{font-size: .16rem;color: #666; }
.policy ul a:hover .title span:nth-child(1){color: #0B58AC;}


.hatch ul {display: flex;flex-wrap: wrap;padding: .8rem 0;}
.hatch ul li{width: calc(33.33% - (.56rem / 3)); box-shadow: 0px 0px 23px 1px rgba(0,0,0,0.08);margin-bottom: .3rem;padding: .7rem .4rem;position: relative;}
.hatch ul li:not(:nth-child(3n)){margin-right: .28rem;}
.hatch ul li .sort{position: absolute;right: .27rem; bottom: .4rem;font-size: 1.6rem;color: #286EC6;opacity: 0.06;    line-height: 1;}
.hatch ul li .title{padding: .4rem 0 .25rem; font-size: .24rem; color: #555;padding-right: 1.8rem;}
.hatch ul li .intro{font-size: .16rem; color: #888;padding-right: 1.8rem;}
.hatch ul li img{height: .4rem;}

@media (max-width: 768px){
    .hatch ul {padding: .4rem 0;}
    .hatch ul li:not(:nth-child(3n)) {margin-right: 0rem;}
    .hatch ul li:not(:nth-child(2n)) {margin-right: 0.2rem;}
    .hatch ul li{width: calc(50% - .1rem);}
	.hatch ul li .title{padding-right: 0;}
	.hatch ul li .intro{padding-right: 0;}
}
.Settled_con{ margin: .5rem 0 1.35rem;}
.tableContent{ background-color: #fff; box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.1); padding: .5rem .4rem;}
.tableContent .Htitle{ background-image: none;}
.tableContent .ul{ display: flex; justify-content: space-between; flex-flow: row wrap; margin-top: .5rem;}
.tableContent .ul li{ width: 100%; margin-bottom: 20px;}
.tableContent .ul .row4{ width: 23.5%;}
.tableContent .ul .row3{ width: 32%;}
.tableContent .ul .row2{ width: 49%;}
.tableContent .ul .text{ width: 100%; border: none; background-color: #f8f9fa; height: 46px; line-height: 46px; padding:0 15px;}
.tableContent .ul textarea.text{ height: 125px;}
.tableContent .center{ text-align: center;}
.tableContent .btn{ width: 240px; display: inline-block; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #286ec6; border: none; font-size: 16p; cursor: pointer;}
@media (max-width: 640px){
	.tableContent .ul .row4,
	.tableContent .ul .row3,
	.tableContent .ul .row2{ width: 100%;}
}

.industryBox .flex{ margin: .5rem 0 .7rem; display: flex; justify-content: space-between;}
.industryBox .item{ width: 31.33%; background-color: #f8f9fa;}
.industryBox .txt{ padding: .5rem .4rem;}
.industryBox .tit{ font-size: .22rem; color: #333333; padding-bottom: .2rem;}
.industryBox .tit::before{ display: block; content: ''; width: 26px; height: 3px; background-color: #333; margin-bottom: .1rem;}
.industryBox .en{ font-size: .16rem; color: #999999;}
.Join_process .Htitle{ margin-bottom: .7rem;}
@media (max-width: 640px){
	.industryBox .flex{ flex-flow: column wrap;}
	.industryBox .item{ width: 100%; margin-bottom: .2rem;}
}

.columnname { display: flex; justify-content: space-between; align-items: flex-end; flex-flow: row wrap;}
.columnname li{ display: inline-block;}
.columnname li a{ display: block; line-height: .38rem; border-radius: 6px; font-size: .16rem; padding: 0 .25rem;}
.columnname li.on a{ background-color: #0757bd; color: #fff;}
.PolicyDetails .Details{ margin-top: .6rem; font-size: .16rem; line-height: .36rem; color: #333333;}
.PolicyDetails .Details *{ font-size: .16rem;}
.PolicyDetails .Details .title{ line-height: normal; text-align: center; color: #303231; font-size: .36rem; margin-bottom: .6rem;}

@media (max-width: 640px){
	.columnname .ul{ margin-top: .2rem;}
}




.matingBox ul{ margin-top: .8rem;}
.matingBox ul * { -webkit-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;}
.matingBox ul li{ width: 27%;float: left; height: 200px; background-position: center; position: relative;background-size: cover; background-repeat: no-repeat; position: relative;overflow: hidden; } 
.matingBox ul li .flex{display: block; color: #fff;position: absolute; width: 100%; left: 0;bottom: 0; padding: .3rem .4rem; display: flex; align-items: center; }
.matingBox ul li::before{ content: ''; width: 100%; height: 100%; background: linear-gradient(rgba(7,87,189,1),rgba(7,87,189,.3));position: absolute;}
.matingBox ul li .h3{ font-size: .22rem; display: none; position: relative; z-index: 2;}
.matingBox ul li .h4{ display: none;}
.matingBox ul li figure{ width: 40px; flex: 0 0 auto; margin-right: .2rem; position: relative; z-index: 2;}

@media screen and (min-width:768px ){
  .matingBox ul li .h4{ position: absolute; left: .3rem; top: .5rem; display: block; color: #fff;}
  .matingBox ul li{height: 520px; width: 17%;}
  .matingBox ul li.on{width:48%; }
  .matingBox ul li.on::before{ display: none;}
  .matingBox ul li.on .flex{ }
  .matingBox ul li.on .flex::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 200%;background: linear-gradient(to top, rgba(7,87,189,.8),rgba(7,87,189,0));}
  .matingBox ul li.on .h4{ display: none;}
  .matingBox ul li.on .h3{ display: block;}
}

.hatchBox .title{ text-align: center; margin-bottom: .5rem;}
.hatchBox .title .tit{ font-size: .36rem; margin-bottom: .2rem; color: #303231; line-height: normal;}
.hatchBox .title .sub{ color: #666666; font-size: .16rem; line-height: normal;}
.hatchBox article{font-size: .16rem; line-height: .36rem; color: #333333;}


.DownloadList .Htitle{ margin-bottom: .8rem;}
.DownloadList .ul{ display: flex; flex-flow:row wrap;}
.DownloadList_s .ul{ justify-content: space-between;}
.DownloadList li{margin-bottom: .3rem; width: 100%;}
.DownloadList li a{ display: block; padding: .2rem .6rem; background: url(../images/down_1.png) no-repeat .2rem center; background-size: .3rem .32rem; position: relative; font-size: .16rem; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16); }
.DownloadList li a::after{ content: ''; position: absolute; right: .36rem; top: 50%; transform: translateY(-50%); width: .2rem; height: .25rem; background: url(../images/down_2.png) no-repeat center; background-size: contain;}
.DownloadList li a:hover{ color: #0757bd; box-shadow: 0px 0px 4px 0px rgba(7,87,189, 0.5); }
@media screen and (min-width:768px ){
	.DownloadList li.row3{ margin-right: .3rem; width: 31%;}
	.DownloadList li.row3:nth-child(3n){ margin-right: 0;}
	.DownloadList li.row2{ width: 47%;}
}

.categoryname{ color: #333333; font-size: .28rem; padding: .4rem 0 .5rem;}
.categoryname a{ font-size: .16rem; color: #999999;}


.menucenter .crumbs ul{justify-content: space-evenly;}
.jobList .auto{ display: flex; justify-content: space-between;}
.jobList .item *{ font-size: .16rem;}
.jobList .left{ width: calc( 100% - 4.7rem);}
.jobList .right{ width: 3.8rem; flex: 0 0 auto;}
.jobList .right img{ width: 100%;}
.jobList .item{ background-color: #fafafa; position: relative; margin-bottom: 20px;}
/* .jobList .item::after{ content: '+'; position: absolute; width: .6rem; height: .6rem; display: flex; justify-content: center; align-items: center; font-size: .36rem; color: #0b58ac; background-color: #e5e5e5; border-radius: 100%; right: .7rem; top: 50%; transform: translateY(-50%);} */
.jobList .item .top{ display: flex; flex-flow: column wrap; padding: .35rem .55rem .5rem; border-top: .04rem solid #ececec; position: relative; cursor: pointer;}
.jobList .item .icon{ position: absolute; width: .6rem; height: .6rem; display: flex; justify-content: center; align-items: center; color: #0b58ac; background-color: #e5e5e5; border-radius: 100%; right: .7rem; top: 50%; transform: translateY(-50%);border: .04rem solid transparent; font-style: normal;}
.jobList .item .icon::before{ content: '+'; display: inline-block; font-size: .36rem; margin-top: -.05rem;}
.jobList .item .tit{ font-size: .24rem; color: #333333; margin-bottom: .15rem;}
.jobList .item .top span{ display: inline-block; margin-right: .55rem;}
.jobList .item .top span:last-child{ margin-right: 0;}
.jobList .item .content{ padding:0 .55rem .6rem; color: #666666; line-height: .3rem;}
.jobList .item .content h2{ font-size: .2rem; color: #333333;}
.jobList .item .btn{ width: 160px; line-height: 44px; display: block; text-align: center; color: #fff; background-color: #0b58ac; border-radius: .1rem; margin-top: .5rem;}
.jobList .item .btn::after{ display: inline-block; content: ''; width: 16px; height: 16px; background: url(../images/job_icon.png) no-repeat center; vertical-align: middle;}
.jobList .item .active{ position: static; border-top-color: #0b58ac; flex-flow: row wrap; line-height: .36rem;}
.jobList .item .active .tit{ min-width: 30%; margin-bottom: 0;}
.jobList .item .active .icon{ top: auto; transform: none; bottom: .5rem; font-size: .56rem; border-color: #0b58ac;}
.jobList .item .active .icon::before{ content: '-'; font-size: .56rem;}
@media screen and (max-width:1024px ){
	.jobList .left{ width: 100%;}
	.jobList .right{ display: none;}
}
	
@media screen and (max-width:640px ){
	.jobList .item .icon{ right: .3rem;}
}


.contactusBOx .auto{ display: flex; justify-content: space-between;}
.contactusBOx .left{ flex: 0 0 auto; width: 4.85rem; margin-right: 1.2rem;}
.contactusBOx .left .Htitle{  display: inline-block; margin-bottom: .45rem;}
.contactusBOx .left .info p{ position: relative; padding-left: .8rem; background: url(../images/icon_tel.png) no-repeat left top; background-size: .5rem; margin-bottom: .45rem; min-height: .5rem; font-size: .2rem; color: #666666; display: flex; flex-flow: column wrap; line-height: 1.5;}
.contactusBOx .left .info b{ font-size: .24rem; color: #333333; font-weight: bold; line-height: 1.2;}
@media screen and (max-width:640px ){
	.contactusBOx .auto{ flex-flow: column wrap;}
	.contactusBOx .left{ width: 100%; margin-right: 0; margin-bottom: 5%;}
} 

.OnlineMessage{ background: url(../images/OnlineMessage.jpg) no-repeat center; background-size: cover;}
.OnlineMessage .ul{ display: flex; justify-content: space-between; flex-flow: row wrap; margin-top: .5rem;}
.OnlineMessage .row2{ width: 48%; padding: .3rem 0; border-bottom: 1px solid #000; margin-bottom: .1rem;}
.OnlineMessage .flex{ display: flex; width: 100%; align-items: center;}
.OnlineMessage .name{ flex: 0 0 auto; margin-right: .2rem; font-size: .16rem; color: #333333;}
.OnlineMessage .name i{ display: inline-block; vertical-align: top; font-size: .16rem; color: #ff3333; font-style: normal;}
.OnlineMessage .box,
.OnlineMessage .text{ width: 100%;}
.OnlineMessage .li_btn{ width: 100%; margin: .5rem 0;  }
.OnlineMessage .btn{ width: 160px; height: 44px; line-height: 44px; text-align: center; background-color: #0b58ac; display: inline-block; color: #fff; border-radius: 10px;}
.OnlineMessage .btn::after{ content: ''; display: inline-block; width: 18px; height: 9px; background: url(../images/btn.png) no-repeat center; margin-left: .25rem;}
@media screen and (max-width:640px ){
	.OnlineMessage .row2{ width: 100%;}
} 

.personnelBox .Htitle{ display: flex; background-position: left bottom; margin-bottom: .35rem;}
.personnelBox .flex,
.personnelBox .left{ display: flex; justify-content: space-between;}
.personnelBox .flex{ width: 100%;}
.personnelBox .left{ width: 53%; align-items: flex-start; }
.personnelBox .pic{ width: 2.3rem; flex: 0 0 auto; margin-right: .4rem; position: relative;}
.personnelBox .left .ul{ width: calc( 100% - 2.7rem);}
.personnelBox .pic figure{ width: 100%; padding-top: 123%;}
.personnelBox .slick-dots{ position: absolute; width: 100%; left: 0; bottom: .15rem; z-index: 10; text-align: center;}
.personnelBox .slick-dots li{ display: inline-block; width: .07rem; height: .07rem; border-radius: 100%; background-color: rgba(255,255,255,.5); margin: 0 .05rem;}
.personnelBox .slick-dots li button{ display: none;}
.personnelBox .slick-dots .slick-active{ background-color: #0b58ac;}
.personnelBox .left li a{ font-size: .16rem; color: #666; line-height: .42rem;}
.personnelBox .left time{ float: right; margin-left: .1rem; font-size: .16rem; color: #999999;}
.personnelBox .left li a:hover{ color: #0b58ac;}
.personnelBox .right{ width: 40.5%;}
.personnelBox .right .ul{ display: flex; justify-content: space-between; flex-flow: row wrap;}
.personnelBox .right li{ width: 31%; margin-bottom: .2rem; }
.personnelBox .right a{ display: flex; padding: .3rem;background-color: #f5f8fc; justify-content: space-between; align-items: center;  color: #0654a6;}
.personnelBox .right figure{ width: .45rem; height: .45rem; display: flex; align-items: center;}
.personnelBox .right img{ max-height: 100%;}
.personnelBox .right .img2{ display: none;}
.personnelBox .right .tit{ font-size: .16rem;}
.personnelBox .right .icon{ width: .28rem; height: .28rem; border-radius: 100%; background: url(../images/btn_2.png) no-repeat center #d8e4f2; background-size: contain; flex: 0 0 auto;}
.personnelBox .right a:hover{ background-color: #0654a6; color: #fff;}
.personnelBox .right a:hover .img1{ display: none;}
.personnelBox .right a:hover .img2{ display: inline-block;}


#floatdiv{ width: 3rem; position: absolute; top: 0; left: 0; z-index: 999; }
#floatdiv span{ position: absolute; top: -.19rem; right: -.19rem;color: darksalmon; background-color: rgba(0, 0, 0, 0.5); padding: 0 5px; cursor: pointer; border-radius: 100%; width: .19rem; height: .19rem; background: url(../images/close.png) no-repeat center; background-size: contain;}

@media screen and (max-width:1200px ){
	.personnelBox .flex{ flex-flow: column wrap;}
	.personnelBox .left,
	.personnelBox .right{ width: 100%; margin-bottom: 5%;}
} 
@media screen and (max-width:640px ){
	.personnelBox .left{ flex-flow: column wrap;}
	.personnelBox .pic,
	.personnelBox .left .ul{ width: 100%; margin-bottom: 3%;}
	.personnelBox .pic figure{ padding-top: 70%;}
	.personnelBox .right a{ padding-right: .1rem; padding-left: .2rem;}
}