@font-face{  font-family: "Barlow Condensed"; src: url(../fonts/barlowcondensed-regular.ttf);}
@font-face{  font-family: "Barlow Condensed Bold"; src: url(../fonts/barlowcondensed-bold.ttf);}

.s_area{width: 100%; overflow: hidden; background: #eff2f7;}
.s_area .pbox{ background: url(../images/s_area_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 4.875rem 0;}
.s_area .pbox .m{ display: flex;max-width: 1700px;
    margin: 0 auto;
    padding: 0 50px;}
.s_area .hd{ width: 25rem;  float: left;}
.s_area .hd ul{ height: 100%;}
.s_area .hd ul li{ background: #6798d9; color: #fff; padding: 2.625rem 3rem;height: 11.875rem; cursor: pointer; position: relative; z-index: 1;text-align: left;}
.s_area .hd ul li:before{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; z-index: -1; background: #3d75c0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_area .hd ul li.slick-current:before{ top: 0; bottom: auto; height: 100%;}
.s_area .hd ul li .ico{ width: 2rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_area .hd ul li.slick-current .ico{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.s_area .hd ul li h3{ font-size: 1.2rem; color: #ffffff; font-weight: bold; margin-top: 1.25rem; margin-bottom: .5rem;}
.s_area .hd ul li span{ font-size: 1rem; color: #fff; font-family: "Barlow Condensed"; text-transform: uppercase; opacity: .3;}
.s_area .bd{ float: left; width: calc(100% - 25rem);}
.s_area .bd ul li{ display: flex;}
.s_area .bd ul li .txt{ background: #fff; display: flex; align-items: center; padding: 2.25rem; width: 40%; height: 35.625rem;}
.s_area .bd ul li .txt span{ font-size: 1.5rem; color: #3d75c0; font-family: "Barlow Condensed Bold"; display: block; text-transform: uppercase;}
.s_area .bd ul li .txt h3{ font-size: 1.25rem; font-weight: bold; color: #333333; margin-top: 5.25rem; margin-bottom: 1.625rem;}
.s_area .bd ul li .con{ font-size: 1rem; line-height: 1.875rem; height: 5.625rem; color: #a9a9a9; margin-bottom: 4.25rem;}
.s_area .bd ul li .pic{ height: 100%; width: 60%; height: 35.625rem;}
.s_area .bd ul li .pic img{ height: 100%; object-fit: cover;}




.n_zizhi{ width: 100%; padding: 3.75rem 0; overflow: hidden; background: url(../images/n_zizhi_bg.jpg) center top no-repeat; background-size: cover;}
.n_zizhi .m {margin: 0 auto;width: 70%;}
.zizhi_list{}
.zizhi_list ul{ margin-top: -3rem;}
.zizhi_list ul li{ width: 25%; float: left; margin-top: 3rem;}
.zizhi_list ul li a{}
.zizhi_list ul li .pic{ margin: 0 auto; background: #fff;}
.zizhi_list ul li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.zizhi_list ul li .desk{ width: 100%; height: 50px;}
.zizhi_list ul li p{ text-align: center; font-size: 1.125rem; font-weight: bold; color: #252525; line-height: 2rem;}

.n_zizhi .swiper-button-prev1 {
    position: absolute;
    top: 45%;
    left: 8%;
    right: auto;
    width:5rem;
    height:5rem;
    background: url(../images/rn_zizhi_left.png) center no-repeat;
    background-size: contain;
}
.n_zizhi .swiper-button-next1 {
    position: absolute;
    top: 45%;
    right: 8%;
    left: auto;
    width:5rem;
    height:5rem;
    background: url(../images/rn_zizhi_right.png) center no-repeat;
    background-size: contain;
}


.w1200 {
    margin: 0 auto;
    width: 90%;
}
.list_box_03{ display: flex;}
.list_box_03 li{ width: 50%;}
.list_box_03 li .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.container03 .fl02{ overflow: hidden;}

.container03 .fl03 .content{ background: #fff; padding: 4.5rem 0; border-radius: 0 3.125rem 0 0; position: relative; top: -10.9375rem; margin-bottom: -10.9375rem; display: flex; flex-wrap: wrap;}
.container03 .fl03 .content .box{width: 50%;padding: 0 4.625rem;position: relative;}
.container03 .fl03 .content .box:nth-child(1)::before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; background: #dfe5e8; width: 1px;}
.container03 .fl03 .box .top{ display: flex; align-items: center; justify-content: space-between;}
.container03 .fl03 .box .top .ll .ico{ height: 4.5rem;}
.container03 .fl03 .box .top .ll h3{font-size: 1.875rem;color: #2b2e2d;letter-spacing: 1rem;display: flex;align-items: center;}
.img_w{position:relative;display: flex;}
.img_w .img_w_li{position:absolute;top:0;width: 0;bottom:0;left:0;transition: .5s;overflow: hidden;}
.container03 .fl03 .box .top .rr{ font-size: 7.5rem; color: #c9cdd5; opacity: .3;}
.container03 .fl03 .box p{font-size: .875rem;color: #585858;line-height: 24px;margin: 1.75rem 0;text-align: justify;min-height: 72px;}
.container03 .fl03 .box .top .ll h3:hover .img_w .img_w_li{ width:100%}

.container03 .fl03 .box .list_box_04 { overflow: hidden;}
.container03 .fl03 .box .list_box_04 h5{margin-top:20px;text-align: center;font-size:14px;}
.list_box_04 li .ico{position: relative;border-radius: 50%;max-width: 100%;margin:0 auto;}
.list_box_04 li .ico img{ width:100%; height:100%;}