.home_warp { position: absolute; width: 100%; height: 100%; overflow: hidden;}
.header.home { position: fixed; top: 0; left: 0; width: 100%; display: flex; z-index: 3; transition: .3s;}
.header.home::after { content: ''; position: absolute; left: 0; right: 0; height: 160px; z-index: -1; background-image: linear-gradient(#fff, rgba(255,255,255,0));transition: .3s}
.header.home.s1::after { display: none;}
.header.home.s1 { background: #fff;box-shadow: 0 0 10px rgba(7, 50, 106, .3);}

.menu_box { top: 101px;}
.floor {position: relative;}

.f1-box .vodBg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2; transition: 1s; -webkit-transition: 1s; text-align: center; background: #000;overflow: hidden;}
.f1-box .vodBg .vidbacking { height: 100%; position: absolute;left: 50%; transform: translateX(-50%);}
.f1-box .vodBg .vidbacking.on { width: 100%; height: auto;left: 0; top: 50%; transform: translateY(-50%);}
.f1-box .imgBg { display: none;}
/* .f1-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); z-index: 2;} */

@media screen and (max-width: 1200px){
    .f1-box .vodBg { display: none;}
    .f1-box .imgBg { display: block;}
    .f1-box .imgBg img { width: 100%;}
}
/* 菜单 start */

.home_warp .downIco {display: block; position: fixed; bottom: 50px; width: 88px; height: 57px; left: 50%; transform: translateX(-50%); transition: opacity .3s; animation: downIcon 3s infinite; z-index: 2;}
.home_warp .downIco.on { display: none;}
/* move start */

/* 移动端 */
body.s1 { overflow-y: auto;}
body.s1 .home_warp {height: auto; overflow-y: auto;}



.floor.s1 { display: flex; align-items: center; justify-content: center;  padding: 100px 0 150px; box-sizing: border-box;}
.floor.s1 .titS1 { padding-bottom: 86px;}
.floor_box { width: 1500px;}
.footer { position: absolute; bottom: 0; left: 0; right: 0;}

/* 业务与服务 start */
.business_box {background: #FAFAFA url(/uploadfiles/img/home_buss_bg_1.jpg) no-repeat 0 bottom; background-size: 100%;}
.business_box .floor_box { height: 740px; }
.business_box .floor_box .titS1 { padding: 15px 0 60px;}
.business_box .floor_box .box { position: relative; max-width: 1500px;display: flex; align-items: center; justify-content: center;}
.business_box .floor_box .box ul li a { display: block; position: absolute; display: block; margin: 20px 40px; padding: 30px; width: 300px; transition: .3s; }
.business_box .floor_box .box ul li:nth-child(1) a { left: 0; top: 0;}
.business_box .floor_box .box ul li:nth-child(2) a { right: 0; top: 0;}
.business_box .floor_box .box ul li:nth-child(3) a { left: 0; bottom: 0;}
.business_box .floor_box .box ul li:nth-child(4) a { right: 0; bottom: 0;}
.business_box .floor_box .box ul li a strong { margin-bottom: 10px; font-size: 30px; color: #0762cb; display: flex; justify-content: space-between;}
.business_box .floor_box .box ul li a span { display: block; padding: 15px 0 30px; font-size: 16px; color: #373737; border-bottom: 1px solid #0762cb;}
.business_box .floor_box .box ul li a.on { background: #fff; box-shadow: 0 0 15px rgba(17, 108, 185, .1);}
.business_box .floor_box .box .c_img { width: 600px; height: 600px; position: relative; display: flex; align-items: center; justify-content: center;border: 1px solid #DEE5F0; box-sizing: border-box; padding: 40px; border-radius: 50%;}
.business_box .floor_box .box .c_img i {padding: 45px; border-radius: 50%; background: #EDF1F4; border-radius: 50%; position: absolute; opacity: 0; transition: .5s;}
.business_box .floor_box .box .c_img i img { width: 100%; height: 100%; border-radius: 50%; transform: scale(1.1); transition: .6s;}
.business_box .floor_box .box .c_img i.on { z-index: 2; opacity: 1;}
.business_box .floor_box .box .c_img i.on img { transform: scale(1);}
.business_box .floor_box .box .c_img em { display: block; position: absolute; display: flex; width: 56px; height: 56px; border-radius: 50%; align-items: center; justify-content: center;}
.business_box .floor_box .box .c_img em::after { content: ''; display: block; width: 14px; height: 14px; border-radius: 50%; background: #1E58AB; position: absolute; z-index: 2;}
.business_box .floor_box .box .c_img em::before {content: ''; display: block; width: 24px; height: 24px; border-radius: 50%;position: absolute;}
.business_box .floor_box .box .c_img em.s1 { top: 16%; left: 28px;}
.business_box .floor_box .box .c_img em.s2 { top: 16%; right: 28px;}
.business_box .floor_box .box .c_img em.s3 { bottom: 16%; left: 28px;}
.business_box .floor_box .box .c_img em.s4 { bottom: 16%; right: 28px;}
.business_box .floor_box .box .c_img em.on { border: 1px solid #1E58AB;}
.business_box .floor_box .box .c_img em.on::after,
.business_box .floor_box .box .c_img em.on::before {width: 20px; height: 20px;}
.business_box .floor_box .box .c_img em.on::before {background: #1E58AB; animation: bussnDot 2s infinite;}


@media screen and (max-width: 1520px){
    .business_box .floor_box { height: auto;}
    .business_box .floor_box .titS1 { padding: 15px 0 30px;}
    .business_box .floor_box .titS1 img { height: 100px;}
    .business_box .floor_box .box .c_img { width: 460px; height: 460px;}
    .business_box .floor_box .box .c_img em.s1 { left: 12px;}
    .business_box .floor_box .box .c_img em.s2 { right: 12px;}
    .business_box .floor_box .box .c_img em.s3 { left: 10px;}
    .business_box .floor_box .box .c_img em.s4 { right: 10px;}
    .business_box .floor_box .box ul li:nth-child(1) a { top: -10px;}
    .business_box .floor_box .box ul li:nth-child(2) a { top: -10px;}
    .business_box .floor_box .box ul li:nth-child(3) a { bottom: -100px;}
    .business_box .floor_box .box ul li:nth-child(4) a { bottom: -100px;}
    
}
@media screen and (max-width: 1400px){
    .business_box .floor_box .box .c_img { width: 400px; height: 400px;}
    .business_box .floor_box .titS1 { padding: 0;}
    .business_box .floor_box .titS1 img { height: 80px;}
    .business_box .floor_box .box .c_img em.s1 { left: 4px;}
    .business_box .floor_box .box .c_img em.s2 { right: 4px;}
    .business_box .floor_box .box .c_img em.s3 { left: 1px;}
    .business_box .floor_box .box .c_img em.s4 { right: 1px;}
    .business_box .floor_box .box ul li a { padding: 15px;}
    .business_box .floor_box .box ul li a strong { font-size: 26px; margin-bottom: 0;}
    .business_box .floor_box .box ul li a span { font-size: 14px; padding: 10px 0 20px;}
    .business_box .floor_box .box ul li:nth-child(1) a { top: 0px;}
    .business_box .floor_box .box ul li:nth-child(2) a { top: 0px;}
    .business_box .floor_box .box ul li:nth-child(3) a { bottom: -20px;}
    .business_box .floor_box .box ul li:nth-child(4) a { bottom: -20px;}
}
@media screen and (max-width: 1200px){
    .business_box { background-size: 100%;}
    .business_box .floor_box .titS1 { padding: 0 0 20px;}
    .business_box .floor_box .box .c_img { display: none;}
    .business_box .floor_box .box ul { flex: 1; display: flex; flex-wrap: wrap; justify-content: center;}
    .business_box .floor_box .box ul li { width: 50%; padding: 20px; box-sizing: border-box; display: flex; justify-content: center; }
    .business_box .floor_box .box ul li a { position: relative; margin: 0;padding: 30px;  background: #fff; box-shadow: 0 0 15px rgba(17, 108, 185, .1);}
    .business_box.floor.s1 { padding-bottom: 20px;}
}
@media screen and (max-width: 760px){
    .business_box .floor_box { padding: 0 15px;}
    .business_box .floor_box .box ul { flex: 1; display: flex; flex-wrap: wrap; justify-content: center;}
    .business_box .floor_box .box ul li { width: 100%; padding: 0; }
    .business_box .floor_box .box ul li a { position: initial; margin-bottom: 10px; width: auto; padding: 30px;}
    .business_box .floor_box .box ul li a strong { font-size: 22px;}
    .business_box .floor_box .box ul li a strong img { height: 38px;}
}
/* 业务与服务 end */

/* 新闻动态 start */
.news_box { background: #fff url(/uploadfiles/img/home_buss_bg_2.jpg) no-repeat center bottom; background-size: 100%;}
.news_box .news_hot { width: 620px; position: relative; background: #fff; overflow: hidden; box-shadow: 0 0 15px rgba(32, 107, 170, .3); border-radius: 6px;}
.news_box .news_hot .swiper-slide { line-height: 0;}
.news_box .news_hot .swiper-slide img { width: 100%; height: 400px;}
.news_box .news_hot .swiper-pagination { bottom: 160px;}
.news_box .news_hot .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 6px !important; background: #fff; opacity: 1;}
.news_box .news_hot .swiper-pagination-bullet-active { background: #f00;}
.news_box .news_hot .ps_info a {display: block; color: #333; font-size: 16px; height: 140px; padding: 20px 15px 15px 120px; box-sizing: border-box; position: relative; transition: .3s;}
.news_box .news_hot .ps_info a:hover { background: #f3f3f3;}
.news_box .news_hot .ps_info .date { width: 100px; position: absolute; left: 0; top: 20px; text-align: right; padding-right: 20px; font-size: 18px; border-right: 1px solid #ddd; box-sizing: border-box;}
.news_box .news_hot .ps_info .date i { display: block; font-size: 22px;}
.news_box .news_hot .ps_info a strong { display: block; font-size: 20px; padding-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_box .news_lists { width: 850px; position: relative;}
.news_box .tH4 { position: absolute; top: -50px; right: 0; text-align: right; margin-top: -82px; margin-bottom: 40px;white-space: nowrap;}
.news_box .tH4 a { display: inline-block; height: 48px; margin-left: 40px; line-height: 48px; padding: 0 14px 0 40px; font-size: 20px; color: #3d76cd; background: #D9EDFF; border-radius: 8px; position: relative; transition: .3s; }
.news_box .tH4 a i { position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; display: block; border: 4px solid #fff; background: #D9EDFF url(/uploadfiles/img/home_news_icon_1a.png) no-repeat 10px 10px; border-radius: 50%;box-shadow: 0 0 10px rgba(32, 107, 170, .3);transition: .3s;}
.news_box .tH4 a i.i1 { background-position: 10px -181px;}
.news_box .tH4 a i.i2 { background-position: 10px -244px;}
.news_box .tH4 a i.i3 { background-position: 10px 10px;}
.news_box .tH4 a i.i4 { background-position: 10px -51px;}
.news_box .tH4 a i.i5 { background-position: 10px -119px;}
.news_box .tH4 a:first-child { margin-left: 0;}
.news_box .tH4 a.active { background: #3E77CE; color: #fff; font-weight: 600;}
.news_box .tH4 a.active i { background-color: #3E77CE; background-position-x: -52px;}
.news_box ul li { margin-bottom: 10px; box-shadow: 0 0 10px rgba(32, 107, 170, .3); border-radius: 6px; overflow: hidden;}
.news_box ul li:last-child { margin-bottom: 0;}
.news_box ul li a { display: block; position: relative; padding: 22px 20px 22px 150px; font-size: 16px; color: #333; background: #fff; transition: .3s; }
.news_box ul li a em { width: 100px; padding-right: 20px; text-align: right; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-right: 1px solid #ddd; font-size: 24px;}
.news_box ul li a em i { display: block; font-size: 18px;}
.news_box ul li a strong { display: block; padding-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_box ul li a span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_box ul li a:hover { background: #3E77CE; color: #fff;}
.news_box.floor.s1 .titS1 { padding-bottom: 60px;}

@media screen and (max-width: 1520px){
    .news_box.floor.s1 .titS1 img { height: 80px;}
}
@media screen and (max-width: 1580px){
    .floor_box { width: 100%; padding: 0 30px; box-sizing: border-box;}
    .floor.news_box .news_hot { width: 45%;}
    .floor.news_box .news_lists { width: 53%;}
}
@media screen and (max-width: 1400px){
    .floor.news_box .titS1 { padding-bottom: 40px;}
    .floor.news_box .titS1 img { height: 60px;}
    .floor.news_box .tH4 { margin: -60px 0 18px;}
    .floor.news_box .tH4 a { font-size: 16px; }
    .news_box .tH4 { top: -10px;}
    .news_box.floor.s1 .titS1 { padding-bottom: 20px;}
    .news_box .tH4 a { height: 40px; line-height: 40px;}
    .news_box .tH4 a i { transform: translate(-50%, -50%) scale(.8);}
}
@media screen and (max-width: 1200px){
    .downIco { display: none !important;}
    .floor.s1 { padding: 30px 0 30px;}
    .news_box.floor.s1 .titS1 { padding-bottom: 20px;}
    .news_box.news_box .news_hot, .floor.news_box .news_lists { width: 100%;}
    .news_box.news_box .news_lists { margin-top: 30px;}
    .news_box.news_box .tH4 {position: inherit; margin: 0 0 20px; top: 0; text-align: center;}
    .news_box.news_box .tH4 a  { padding: 0 20px; margin: 0 5px;}
    .news_box.news_box .tH4 a i { display: none;}
    .news_box .news_hot .swiper-slide img { height: auto;}
    /* .news_box .news_hot .ps_info a { height: auto;} */
}
@media screen and (max-width: 760px){
    .news_box .news_hot .ps_info .date { width: 100%; top: auto; bottom: 0; left: 10px; right: 0; text-align: left; border: none; line-height: 42px; font-size: 14px; background: #fff; color: #666;}
    .news_box .news_hot .ps_info .date i { display: inline-block; font-size: 14px; margin-right: 5px;}
    .news_box .news_hot .ps_info a { padding: 10px 10px 30px; font-size: 14px; line-height: 26px;}
    .news_box .news_hot .ps_info a strong { font-size: 16px;}
    .news_box.news_box .tH4 { margin-bottom: 10px; padding-bottom: 5px; overflow: auto;}
    .news_box ul li a { padding: 15px 10px 15px 80px;}
    .news_box ul li a em { font-size: 16px;width: 60px;padding-right: 10px;}
    .news_box ul li a em i { font-size: 14px;}
    .news_box ul li a strong { font-size: 15px; padding-bottom: 5px;}
    .news_box ul li a span { font-size: 14px;}
}
@media screen and (max-height: 860px){
    .news_box .news_hot .swiper-slide img { height: 320px;}
    .news_box .news_hot .ps_info a { padding: 10px 10px 10px 110px; height: 100px; font-size: 14px;}
    .news_box .news_hot .ps_info a strong { font-size: 16px;}
    .news_box .news_hot .ps_info .date { width: 90px; padding-right: 15px;}
    .news_box .news_hot .ps_info .date i { font-size: 18px;}
    .news_box ul li a {padding: 14px 15px 15px 100px; font-size: 15px;}
    .news_box ul li a strong { padding-bottom: 5px;}
    .news_box ul li a span { font-size: 13px;}
    .news_box ul li a em { width: 70px; padding-right: 15px; font-size: 20px;}
    .news_box ul li a em i { font-size: 16px;}
    .floor.s1 { padding: 80px 0 60px;}
}
/* 新闻动态 end */

/* 专题报道 start */
.floor.s1.special_box { padding-bottom: 260px; background: #F7F8FC; position: relative;}
.special_box .s_box { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: url(/uploadfiles/img/main_bg_1.png) no-repeat center bottom;}
.special_box .itemList { display: flex; margin-bottom: 40px;}
.special_box .itemList .lists { width: 75%;}
.special_box .itemList dl { width: 33.33%; margin-bottom: 20px;margin-right:20px; display: flex; flex-direction: column; background: #fff; box-shadow: 0 0 15px rgba(32, 107, 170, .3); border-radius: 8px;}
.special_box .itemList dl:last-child{margin-right:0;}
.special_box .itemList dl dt { padding: 15px; position: relative; overflow: hidden; font-size: 16px;}
.special_box .itemList dl dt a { display: block; line-height: 0; transition: .3s;}
.special_box .itemList dl dt a img { width: 100%;}
.special_box .itemList dl dt a:hover { opacity: .8;}
.special_box .itemList dl dd { flex: 1; padding: 0 20px 20px; position: relative;font-size: 16px; line-height: 36px; }
.special_box .itemList dl dd::after,.special_box .itemList dl dd::before { content: ''; position: absolute; bottom: 15px; right: 15px; width: 50px; height: 1px; background: #5A9EFF;}
.special_box .itemList dl dd::after { width: 1px; height: 50px; }
.special_box .itemList dl dd h6 { padding: 5px 0; font-size: 24px;}
.special_box .itemList dl dd ul li { position: relative; height: 36px;}
.special_box .itemList dl dd ul li a { color: #333; position: absolute; top: 0; right: 0; left: 0; padding: 0 5px 0 15px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .3s; }
.special_box .itemList dl dd ul li a::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: #B5B5B5; border-radius: 50%;}
.special_box .itemList dl dd ul li a:hover { color: #0762CB;}

.special_box .s_box{ padding-bottom: 40px;box-sizing: border-box;}
.special_box .s_box .more {text-align: center;}
.special_box .s_box .more a { display: inline-block; height: 50px; padding: 0 50px 0 30px; line-height: 48px; font-size: 20px; color: #fff; border-radius: 25px; background: #0762CB url(/uploadfiles/img/h_icon_2.png) no-repeat 82% center; transition: .3s;}
.special_box .s_box .more a:hover { background-color: #1F7CEA;}

.special_box .itemList a.hot::after { content: '最新专题'; position: absolute; left: -60px; top: 0; height: 42px; line-height: 42px; width: 180px; text-align: center; background: #DF5636; color: #fff; transform: translateY(17%) rotate(-38deg);box-shadow: 0 4px 5px rgba(0, 0, 0, .1);}

.special_box .itemList .lists li { float: left; width: 50%; padding: 0 0 20px 20px; box-sizing: border-box;}
.special_box .itemList .lists li a { display: block; padding: 15px; line-height: 0; background: #fff; text-align: center; color: #003b8f; font-size: 16px; position: relative; overflow: hidden;border-radius: 8px; box-shadow: 0 0 15px rgba(32, 107, 170, .3);}
.special_box .itemList .lists li a i img { width: 100%; transition: .5s;}
.special_box .itemList .lists li a i { display: block; overflow: hidden;}
.special_box .itemList .lists li a:hover i img{ transform: scale(1.1);}
.special_box .itemList .lists li a strong { display: inline-block; max-width: 100%; padding-right: 96px; height: 32px; line-height: 32px; overflow: hidden; color: #333; font-weight: 500; position: relative; box-sizing: border-box;}
.special_box .itemList .lists li a strong span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.special_box .itemList .lists li a strong em { position: absolute; top: 0; right: 0; color: #003B8F;}



.special_box.other { overflow-y: auto; display: block; padding-top: 100px !important; padding-bottom: 0 !important;}
.special_box.other .floor_box{ position: relative;}
.special_box.other .footer { position: relative;}
/* .special_box.other .itemList { width: 1200px; margin: 0 auto;} */

.special_box.other::-webkit-scrollbar {width: 8px;}
.special_box.other::-webkit-scrollbar-thumb {border-radius: 10px;background:#fff;}
.special_box.other::-webkit-scrollbar-track {border-radius: 10px;background: #597FB5;}

@media screen and (max-width: 1540px){
    .special_box .itemList .lists { flex: 1;}
    .special_box .itemList dl { width: 23%;}
    .floor.s1.special_box { padding-bottom: 200px;}
    .special_box .itemList { margin-bottom: 10px;}
}
@media screen and (max-width: 1200px){
    .special_box .itemList { margin-bottom: 30px;}
    .special_box .itemList dl{ width: 55%; margin-bottom: 0;}
    .special_box .itemList .lists  { width: 44%;}
    .special_box .itemList .lists li { width: 100%; padding: 0 0 10px 10px;}
    .special_box .itemList .lists li:last-child { padding-bottom: 0;}

}
@media screen and (max-width: 760px){
    .special_box .itemList { margin-bottom: 10px;}
    .special_box .itemList { flex-direction: column;}
    .special_box .itemList dl, .special_box .itemList .lists{ width: 100%; margin-bottom: 10px;}
    .special_box .itemList .lists li { padding: 5px 0; }
    .special_box .floor_box { padding-bottom: 30px;}
}

/* 专题报道 end */


@media screen and (max-width: 1580px){
    .business_box .titS1 { width: 1100px;}
    .business_box .listBox li .s_box { padding-bottom: 0;}

    .floor.s1.special_box .titS1 { padding-bottom: 20px;}
}
@media screen and (max-width: 1400px){
    
}


@media screen and (max-width: 1580px){
    .menu_box { top: 81px;}
}
@media screen and (max-width: 1200px){
    .business_box.floor.s1 { padding: 20px 0;}
    .menu_box { top: 72px;}
    .header .menu_btn.on i::before, .header .menu_btn.on i::after { width: 36px; transform: translateX(0) rotate(45deg); }
    .header .menu_btn.on i::after {transform: translateX(0) rotate(-45deg);}
    .business_box .floor_box .titS1 img { height: 80px;}
    .news_box.floor.s1 .titS1 img { height: 60px;}
    .special_box.floor.s1 .titS1 img { height: 60px;}
}
@media screen and (max-width: 760px){
    .menu_box { top: 62px;}
    .floor_box { padding: 0 15px;}
}

@media screen and (max-height: 860px) and (max-width: 1500px){
    .home_warp .downIco { bottom: 20px;}
    .floor.s1 { padding: 80px 0 60px;}

}

@keyframes bussnDot{
    0%{
        transform: scale(1.1);
        opacity: 0;
    }
    40%{
        transform: scale(1.8);
        opacity: .3;
    }
    60%{
        transform: scale(1.8);
        opacity: .3;
    }
    100%{
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes downIcon{
    0%{
        transform: translate(-50%, 0);
    }  
    50%{
        transform: translate(-50%, -20px);
    }
    100%{
        transform: translate(-50%, 0);
    }
}