@font-face{
    font-family: 'shan';
    src:url('SourceHanSansCN-Medium.otf');
}

@font-face{
    font-family: 'bod';
    src:url('BodoniBT-Bold.otf');
}

@font-face{
    font-family: 'ado';
    src:url('AdobeKaitiStd-Regular.otf');
}

.sy_tips{width: 100%; height: 138px; background: url(../images/sy_tips.jpg) no-repeat center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sy_tips div{max-width: 90%;}
.sy_tips span{display: block; width: 42px; height: 1px; background: #fff; margin-bottom: 12px;}
.sy_tips p{font-size: 16px; color: #fff; line-height: 24px;}

.sy_title{display: flex; justify-content: center; align-items: center;}
.sy_title .sy_titcn{font-family: "shan"; font-size: 50px; color: #005dac; line-height: 1; margin-right: 40px;}
.sy_title .sy_titen{font-family: "bod"; font-size: 26px; color: #005dac; line-height: 1;}
.sy_ptit{width: 100%; border-bottom: 4px solid #cfcfcf; font-family: "shan"; font-size: 30px; color: #005dac; line-height: 1; padding-bottom: 10px; position: relative; margin: 50px 0;}
.sy_ptit:after{content: ""; width: 86px; height: 4px; background: #005dac; position: absolute; left: 0; bottom: -4px; z-index: 10;}

.sy_part{padding-top: 60px; background-position: center; background-size: cover;}
.sy_sea{background-image: url(../images/sy_sea_bg.jpg);}
.sea_top, .sea_bot{width: 100%;}
.sea_left, .sea_right{width: 50%;}
.sea_item{width: 50%; padding-bottom: 50%; background-position: center; background-size: cover; position: relative;}
.sea_item1{background-image: url(../images/sy_sea1.jpg);}
.sea_item2{background-image: url(../images/sy_sea2.png); background-color: #f8f8f8;}
.sea_item3{background-image: url(../images/sy_sea3.png);}
.sea_item4{background-image: url(../images/sy_sea4.png); background-color: #005dac;}
.sea_item5{background-image: url(../images/sy_sea5.jpg);}
.sea_item6{background-image: url(../images/sy_sea6.jpg);}
.sea_item7{background-image: url(../images/sy_sea7.jpg);}
.sea_item8{background-image: url(../images/sy_sea8.jpg);}
.sea_pos{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; display: flex; align-items: center; justify-content: center;}
.sea_pos p{width: 80%; font-size: 16px; color: #333; line-height: 30px; text-align: justify;}
.sea_item4 .sea_pos p{color: #fff;}
.sea_cen{width: 50%;}
.sea_cen .sea_item{width: 100%; padding-bottom: 100%;}
.sea_ban{width: 100%; position: relative;}
.sea_ban .sea_leftb, .sea_ban .sea_rightb{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; z-index: 10; background-position: center; background-size: cover;}
.sea_ban .sea_leftb{left: 20px; background-image: url(../images/sea_left.png);}
.sea_ban .sea_rightb{right: 20px; background-image: url(../images/sea_right.png);}
.sea_ban .sea_page{left: 50%; bottom: 20px; transform: translateX(-50%); font-size: 0; line-height: 1;}
.sea_ban .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; margin: 0 10px; opacity: 1;}
.sea_ban .swiper-pagination-bullet-active{background: #005dac;}

.sy_cate{background-image: url(../images/sy_cate_bg.jpg); background-position: center bottom; padding: 72px 0;}
.cate_top .cate_left{width: 66.666%;}
.cate_top .cate_right{width: 33.333%;}
.cate_ban{width: 100%; position: relative;}
.cate_ban .cate_leftb, .cate_ban .cate_rightb{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; z-index: 10; background-position: center; background-size: cover;}
.cate_ban .cate_leftb{left: 20px; background-image: url(../images/cate_left.png);}
.cate_ban .cate_rightb{right: 20px; background-image: url(../images/cate_right.png);}
.cate_ban .cate_page{left: 50%; bottom: 20px; transform: translateX(-50%); font-size: 0; line-height: 1;}
.cate_ban .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; margin: 0 10px; opacity: 1;}
.cate_ban .swiper-pagination-bullet-active{background: #005dac;}
.cate_item{width: 100%; padding-bottom: 100%; background-position: center; background-size: cover; position: relative;}
.cate_item3{background-image: url(../images/sy_cate3.png);}
.cate_bot .cate_left{width: 33.333%;}
.cate_bot .cate_middle{width: 33.333%;}
.cate_bot .cate_right{width: 33.333%;}
.cate_bot .cate_item{padding-bottom: 60%;}
.cate_item4{background-color: #1014be;}
.cate_item5{background-image: url(../images/sy_cate5.jpg);}
.cate_item6{background-image: url(../images/sy_cate6.png);}
.cate_item7{background-color: #f7f7f7;}
.cate_item8{background-image: url(../images/sy_cate8.jpg);}
.cate_pos{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; display: flex; align-items: center; justify-content: center;}
.cate_pos p{width: 80%; font-size: 16px; color: #333; line-height: 30px; text-align: justify;}
.cate_item4 .cate_pos p{color: #fff;}
.cate_item4::before{content: ""; width: 31%; max-width: 145px; height: 27.5%; background-color: #27e7e6; position: absolute; right: -12px; top: 0; z-index: 10;}
.cate_item4::after{content: ""; width: 36%; max-width: 168px; height: 34%; background-color: #27e7e6; position: absolute; left: -40px; bottom: -12px; z-index: 10;}
.cate_item7::before{content: ""; width: 29.6%; max-width: 138px; height: 29.7%; background-color: #1014be; position: absolute; right: -68px; top: -48px; z-index: 10;}
.cate_item7::after{content: ""; width: 29.6%; max-width: 138px; height: 29.7%; background-color: #1014be; position: absolute; left: -68px; bottom: -22px; z-index: 10;}

.sy_busi{background-color: #f2f9ff;}
.busi_box{width: 100%; height: 800px; background-image: url(../images/sy_busi_bg.jpg); background-position: center; background-size: contain; background-attachment: fixed; background-color: rgba(0,0,0,.55);}
.busi_box .container{height: 100%; position: relative;}
.busi_tit{width: 60px; height: 415px; padding-bottom: 10px; background: #e0c465; position: absolute; right: 100px; top: -50px; z-index: 20; font-family: "ado"; font-size: 45px; color: #fff; writing-mode: tb-rl; text-align: right; line-height: 60px; letter-spacing: 4px; font-family: "楷体";}
.busi_cbd{width: 210px; height: 260px; background: url(../images/busi_cbd.png) no-repeat center; background-size: contain; position: absolute; left: -100px; bottom: 20px; z-index: 10;}
.busi_tabs{width: 64%; height: 200px; position: relative;}
.busi_tabs .tab_item{width: 200px; height: 200px; position: absolute; z-index: 10; cursor: pointer;}
.busi_tabs .tab_item img{display: block; width: 100%; height: 100%; object-fit: cover;}
.busi_tabs .tab_item .tab_cover{width: 100%; height: 100%; padding: 20px; background: rgba(255,220,102,.36); position: absolute; left: 0; top: 0; z-index: 10; display: flex; flex-direction: column; justify-content: flex-end; transition: all 1s;}
.busi_tabs .tab_item .tab_cover span{display: block; width: 20px; height: 1px; background: #fff; margin-bottom: 15px; opacity: 0; visibility: hidden; transition: all 1s;}
.busi_tabs .tab_item .tab_cover p{font-family: "shan"; font-size: 20px; color: #fff; line-height: 1; transition: all 1s;}
.busi_tabs .tab_item.active .tab_cover{background: rgba(255,220,102,.67); justify-content: center;}
.busi_tabs .tab_item.active .tab_cover span{width: 32px; height: 2px; opacity: 1; visibility: visible;}
.busi_tabs .tab_item.active .tab_cover p{font-size: 24px; font-weight: bold;}
.busi_tabs .tab_item1{right: 0; top: 0;}
.busi_tabs .tab_item2{right: -200px; top: 200px;}
.busi_tabs .tab_item3{right: -400px; top: 400px;}
.busi_tabs .tab_item4{right: -200px; top: 600px;}
.busi_ban_con{width: 64%; height: 400px; background: #ffdc66; display: flex;}
.busi_dban{width: 58%; height: 100%;}
.busi_ban{width: 100%; height: 100%; position: relative; display: none;}
.busi_ban:first-child{display: block;}
.busi_ban .swiper-container, .busi_ban .swiper-slide{height: 100%;}
.busi_ban img{display: block; width: 100%; height: 100%; object-fit: cover;}
.busi_ban .busi_leftb, .busi_ban .busi_rightb{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; z-index: 10; background-position: center; background-size: cover;}
.busi_ban .busi_leftb{left: 10px; background-image: url(../images/busi_left.png);}
.busi_ban .busi_rightb{right: 10px; background-image: url(../images/busi_right.png);}
.busi_con{width: 42%; height: 100%; padding: 50px 15px;}
.busi_con p{height: 100%; font-family: "shan"; font-size: 16px; color: #443400; line-height: 30px; text-align: justify; padding: 0 15px; overflow-y: auto;}
.busi_con p::-webkit-scrollbar {width: 5px; height: 100%;}
.busi_con p::-webkit-scrollbar-thumb {border-radius: 5px; background: rgba(68,52,0,.37);}

.sy_area{padding: 45px 0; overflow: hidden;}
.area_ban{width: 56.25%; max-width: 1080px; margin: auto; position: relative;}
.area_ban .swiper-container{overflow: unset;}
.area_ban .swiper-slide{transition: 300ms; transform: scale(0.8);}
.area_ban .swiper-slide div{position: relative;}
.area_ban .swiper-slide div img{display: block; width: 100%; opacity: 0.3;}
.area_ban .swiper-slide div h3{width: 100%; padding: 25px; background: unset; position: absolute; left: 0; bottom: 0; z-index: 10; font-family: "shan"; font-size: 24px; color: rgba(0,0,0,.58); line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.area_ban .swiper-slide div h3 i{display: block; width: 2px; height: 24px; background: #005dac; margin-right: 15px; float: left;}
.area_ban .swiper-slide p{width: 100%; font-family: "shan"; font-size: 18px; color: #333; line-height: 30px; margin: 30px 0 50px; display: none;}
.area_ban .swiper-slide-active{transform: scale(1);}
.area_ban .swiper-slide-active div img{opacity: 1;}
.area_ban .swiper-slide-active div h3{background: rgba(0,0,0,.68); color: #fff;}
.area_ban .swiper-slide-active p{display: block;}
.area_ban .area_leftb, .area_ban .area_rightb{width: 60px; font-family: "宋体"; font-size: 30px; font-weight: bold; line-height: 80px; text-align: center; position: absolute; top: 30%; z-index: 10;}
.area_ban .area_leftb:hover, .area_ban .area_rightb:hover{color: #005dac;}
.area_ban .area_leftb{left: -60px;}
.area_ban .area_rightb{right: -60px;}
.area_ban .area_page{width: 100%; position: absolute; left: 50%; bottom: 0; z-index: 10; transform: translateX(-50%); font-size: 0; line-height: 1;}
.area_ban .swiper-pagination-bullet{width: 100px; height: 2px; background: #eaeaea; margin: 0 5px; opacity: 1; border-radius: unset;}
.area_ban .swiper-pagination-bullet-active{background: #005dac;}


@media(max-width: 1200px){
    .sy_title .sy_titcn{font-size: 40px;}
    .sy_title .sy_titen{font-size: 24px;}
    .sy_ptit{font-size: 28px;}
    .sea_pos p, .cate_pos p{width: 90%; max-height: 90%; padding-right: 10px; overflow-y: auto;}
    .sea_pos p::-webkit-scrollbar {width: 5px; height: 90%;}
    .sea_pos p::-webkit-scrollbar-thumb {border-radius: 5px; background: rgba(68,52,0,.37);}
    .cate_pos p::-webkit-scrollbar {width: 5px; height: 90%;}
    .cate_pos p::-webkit-scrollbar-thumb {border-radius: 5px; background: rgba(68,52,0,.37);}
    .cate_item4::before, .cate_item4::after, .cate_item7::before, .cate_item7::after{content: unset;}
    .busi_box{height: auto; padding: 50px 0;}
    .busi_tit{width: 50px; height: 300px; font-size: 36px; line-height: 50px; right: 0;}
    .busi_cbd{display: none;}
    .busi_tabs{width: 100%; height: auto; overflow: hidden;}
    .busi_tabs .tab_item{position: relative; left: 0; top: 0; width: 25%; max-width: 200px; height: auto; float: left;}
    .busi_ban_con{width: 100%;}
}

@media(max-width: 767px){
    .sy_tips{height: auto; padding: 15px 0;}
    .sy_part{padding-top: 50px;}
    .sy_title{display: block; text-align: center;}
    .sy_title .sy_titcn{font-size: 30px; margin-right: 0; margin-bottom: 10px;}
    .sy_title .sy_titen{font-size: 20px;}
    .sy_ptit{font-size: 24px; margin: 30px 0;}
    .sea_top, .sea_bot{display: block;}
    .sea_left, .sea_right{width: 100%;}
    .sea_pos p, .cate_pos p{font-size: 14px; line-height: 20px;}
    .sy_cate{padding: 50px 0;}
    .cate_top{display: block;}
    .cate_top .cate_left{width: 100%;}
    .cate_top .cate_right{display: none;}
    .cate_bot{display: block;}
    .cate_bot .cate_left, .cate_bot .cate_middle, .cate_bot .cate_right{width: 50%; float: left;}
    .cate_bot .cate_item{padding-bottom: 100%;}
    .cate_item6{display: none;}
    .busi_tit{width: 40px; height: 250px; font-size: 30px; line-height: 40px;}
    .busi_tabs .tab_item{width: 50%;}
    .busi_ban_con{height: auto; display: block;}
    .busi_dban{width: 100%;}
    .busi_con{width: 100%; padding: 20px 15px;}
    .busi_con p{padding: 0;}
    .area_ban{width: 90%;}
    .area_ban .swiper-slide div h3{padding: 15px; font-size: 18px;}
    .area_ban .swiper-slide div h3 i{height: 18px;}
    .area_ban .swiper-slide p{font-size: 16px; line-height: 24px; margin: 20px 0 30px;}
    .area_ban .swiper-pagination-bullet{width: 50px;}
    
    .inner-banner{
        padding-top: 60px !important;
    }
    .normal_navTool{
        position: absolute !important;
        top: 0 !important;
    }
}