.h_banner { width: 100%; overflow: hidden; background: url(../images/about_02.jpg) no-repeat center; height: 420px; text-align: center; }

.h_width { max-width: 1600px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.h_banner .title { padding-top: 120px; }
.h_banner .title font { font-size: 39px; color: #ffffff; }
.h_banner .title p { font-weight: bold; font-size: 19px; padding-top: 20px; color: rgba(255, 255, 255, .6) }
.h_banner .arrow { padding-top: 120px; }
.h_banner_3 .arrow { padding-top: 90px; }
.h_main_about { width: 100%; overflow: hidden; overflow: hidden; background: url(../images/about_03.jpg) no-repeat top center; min-height: 1034px; padding-bottom: 80px; }
.h_main_about .h_width { height: 100%; display: grid; grid-template-columns: 35% auto; }
.h_main_about_left { position: relative; height: 100%; overflow: hidden; float: left; }
.h_main_about_left .weni { position: absolute; left: 0px; bottom: 0px; width: 100%; }
.h_main_about_left .imglist { position: relative; }
.h_main_about_left .imglist .m_about_left { position: absolute; left: 30px; top: calc(50% - 21px); width: 42px; height: 42px; background: url(../images/about-3.png) no-repeat left center; z-index: 2; display: inline-block; }
.h_main_about_left .imglist .m_about_right { position: absolute; right: 30px; top: calc(50% - 21px); width: 42px; height: 42px; background: url(../images/about-3.png) no-repeat left center; z-index: 2; transform: rotate(180deg); display: inline-block; }
.h_main_about_left .imglist .m_about_left:hover { background: url(../images/about-4.png) no-repeat left center; transform: rotate(180deg); }
.h_main_about_left .imglist .m_about_right:hover { background: url(../images/about-4.png) no-repeat left center; transform: rotate(0deg); }
.h_main_about_right { float: left; overflow: hidden; box-sizing: border-box; padding-left: 6.25%; padding-top: 65px; }

.h_m_title { color: #333333; font-size: 14px; }
.h_company { font-size: 22px; color: #7f7ae2; font-weight: bold; padding-top: 40px; line-height: 36px; padding-bottom: 38px; line-height: 1.62; }
.h_content { font-size: 17px; color: #333333; line-height: 1.88; padding-bottom: 70px; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.about_content { font-size: 17px; color: #333333; line-height: 1.88; padding: 30px; overflow: hidden; background: #fff; }
.about_content .title { text-align: center; line-height: 2; font-size: 20px; font-weight: bold; }
.h_mgrid { border-top: 1px solid #dbdbdb; padding-top: 30px; overflow: hidden; display: grid; grid-template-columns: 244px auto; }
.h_m_dibu_left { color: #4c4c4c; font-size: 17px; line-height: 1; border-right: 1px solid #dbdbdb; }
.h_m_dibu_left li { padding-bottom: 20px; }
.h_m_dibu_left li a { color: #4c4c4c; padding-left: 25px; position: relative; }
.h_m_dibu_left li a::after { position: absolute; left: 0px; top: calc(50% - 3px); width: 7px; height: 7px; background: #d6d6d6; border-radius: 50%; display: block; content: ""; }
.h_m_dibu_left li a:hover, .h_m_dibu_left li.cur a { color: #7f7ae2; font-weight: bold; }
.h_m_dibu_left li a:hover::after, .h_m_dibu_left li.cur a::after { background: #7f7ae2; }
.h_m_dibu_left li.sel a { color: #7f7ae2; font-weight: bold; }
.h_m_dibu_left li.sel a::after { background: #7f7ae2; }

.h_m_dibu_right { color: #333333; line-height: 2.28; }
.h_m_dibu_right .item { padding-left: 59px; height: 465px; overflow: auto; display: none; }
.h_m_dibu_right .item.cur { display: block; }
.h_m_dibu_right .item.sel { display: block; }

.h_m_dibu_right .item::-webkit-scrollbar { width: 16px; height: 6px; }
.h_m_dibu_right .item::-webkit-scrollbar-track { background: #d6d6d6; border-left: 10px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_m_dibu_right .item::-webkit-scrollbar-thumb { background: #7f7ae2; border-left: 10px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_m_dibu_right .item::-webkit-scrollbar-thumb:hover { background: #7f7ae2; }
.h_m_dibu_right .item::-webkit-scrollbar-corner { background: #7f7ae2; }
.h_m_dibu_right .item { scrollbar-color: #7f7ae2 #d6d6d6; scrollbar-width: thin; }

.h_lead .h_list li .content::-webkit-scrollbar { width: 6px; height: 6px; }
.h_lead .h_list li .content::-webkit-scrollbar-track { background: #d6d6d6; border-left: 0px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_lead .h_list li .content::-webkit-scrollbar-thumb { background: #7f7ae2; border-left: 0px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_lead .h_list li .content::-webkit-scrollbar-thumb:hover { background: #7f7ae2; }
.h_lead .h_list li .content::-webkit-scrollbar-corner { background: #7f7ae2; }
.h_lead .h_list li .content { scrollbar-color: #7f7ae2 #d6d6d6; scrollbar-width: thin; }

.h_dsjl_list .list_right .item .list_right_right li::-webkit-scrollbar { width: 6px; height: 6px; }
.h_dsjl_list .list_right .item .list_right_right li::-webkit-scrollbar-track { background: #fff; border-left: 0px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_dsjl_list .list_right .item .list_right_right li::-webkit-scrollbar-thumb { background: rgba(247, 218, 186, 1); border-left: 0px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_dsjl_list .list_right .item .list_right_right li::-webkit-scrollbar-thumb:hover { background: rgba(247, 218, 186, 1); }
.h_dsjl_list .list_right .item .list_right_right li::-webkit-scrollbar-corner { background: rgba(247, 218, 186, 1); }
.h_dsjl_list .list_right .item .list_right_right li { scrollbar-color: rgba(247, 218, 186, 1) #fff; scrollbar-width: thin; }


.h_smin { font-size: 17px; line-height: 1.88; color: #333333; margin-top: 50px; }
.h_smin font { color: #7f7ae2; font-size: 17px; font-weight: bold; }
.hand{cursor:pointer;}

.h_lead { width: 100%; overflow: hidden; height: 720px; background: url(../images/about_04.jpg) no-repeat top center; }
.h_lead .h_tops { padding-top: 80px; display: flex; justify-content: space-between; }
.h_lead .h_tops .title font { font-size: 32px; color: #ffffff; }
.h_lead .h_tops .title p { font-size: 16px; color: rgba(255, 255, 255, .6); font-weight: bold; padding-top: 10px; }
.h_lead .h_tops .more { display: flex; justify-content: space-between; gap: 26px; }
.h_lead .h_tops .more .more_1 { width: 60px; height: 60px; background: url(../images/about-6.png) no-repeat center; display: block; }
.h_lead .h_tops .more .more_2 { width: 60px; height: 60px; background: url(../images/about-6.png) no-repeat center; transform: rotate(180deg); display: block; }
.h_lead .h_tops .more .more_1:hover { background-image: url(../images/about-7.png); transform: rotate(180deg); }
.h_lead .h_tops .more .more_2:hover { background-image: url(../images/about-7.png); transform: rotate(0deg); }
.h_lead .h_list { padding-top: 60px; overflow: hidden; }
.h_lead .h_list li { background: #ffffff; box-sizing: border-box; padding: 40px; }
.h_lead .h_list li .b_tis { color: #333333; font-size: 27px; line-height: 1; }
.h_lead .h_list li .zhiw { font-size: 15px; color: #7f7ae2; padding-left: 15px; background: url(../images/about-5.png) no-repeat left top 5px; margin-top: 15px; padding-bottom: 15px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_lead .h_list li .hont { padding: 20px; background: #f7f7f7; padding-right: 10px; }
.h_lead .h_list li .content { font-size: 15px; line-height: 1.8; height: 216px; overflow: auto; padding-right: 10px; }

.h_qzng { width: 100%; overflow: hidden; background: url(../images/about_05.jpg) no-repeat top center; padding-bottom: 110px; }
.h_qzng .h_tops { padding-top: 80px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #abb6e5; padding-bottom: 40px; }
.h_qzng .h_tops .title font { font-size: 32px; color: #333333; }
.h_qzng .h_tops .title p { font-size: 16px; color: rgba(51, 51, 51, .6); font-weight: bold; padding-top: 10px; }
.h_qzng .h_tops .list ul { display: flex; flex-wrap: wrap; gap: 20px; }
.h_qzng .h_tops .list li a { font-size: 19px; color: rgba(51, 51, 51, .6); position: relative; padding-left: 20px; transition: 0.3s color ease; }
.h_qzng .h_tops .list li.cur a { color: #7f7ae2; font-weight: bold; }
.h_qzng .h_tops .list li.sel a { color: #7f7ae2; font-weight: bold; }
.h_qzng .h_tops .list li a::after { width: 10px; height: 10px; background: rgba(127, 122, 226, 0); content: ""; position: absolute; left: 0px; top: calc(50% - 5px); display: block; border-radius: 50%; overflow: hidden; }
.h_qzng .h_tops .list li.cur a::after { background: rgba(127, 122, 226, 1); }
.h_qzng .h_tops .list li.sel a::after { background: rgba(127, 122, 226, 1); }

.h_bottom .list { margin-top: 40px; display: none; }
.h_bottom .list ul { display: grid; gap: 30px 20px; grid-template-columns: repeat(5,1fr); }
.h_bottom .list ul li { display: flex; }
.h_bottom .list ul li a { width: 100%; display: block; text-align: center; min-height: 25px; align-items: center; justify-content: center; background: #f1f5fd; padding: 20px; color: #333333; font-size: 15px; border: 1px solid #d7dff1; line-height: 1.5; transition: all 0.5s; }
.h_bottom .list ul li a{display:flex;justify-content:center;align-items:center;}
.h_bottom .list.cur { display: block; }
.h_bottom .list.sel { display: block; }
.h_bottom .list ul li a:hover { background: #7f7ae2; color: #fff; }

.h_company_bottom { width: 100%; overflow: hidden; padding-top: 60px; padding-bottom: 60px; }
.h_company_bottom .box { display: grid; grid-template-columns: 50% 25% 25%; }
.h_company_bottom .box .item { display: flex; height: 176px; justify-content: space-between; align-items: center; padding: 0px 80px; cursor: pointer; }
.h_company_bottom .box .item:nth-child(1) { background: url(../images/about_08.jpg) no-repeat; }
.h_company_bottom .box .item:nth-child(2) { background: #00afe2; }
.h_company_bottom .box .item:nth-child(3) { background: #00dda1; }
.h_company_bottom .box .item .title { padding-left: 70px; background: url(../images/about-8.png) no-repeat left; }
.h_company_bottom .box .item .title font { font-size: 27px; color: #ffffff; }
.h_company_bottom .box .item .title p { font-size: 16px; font-weight: bold; color: rgba(255, 255, 255, .6); padding-top: 10px; white-space: nowrap; }
.h_company_bottom .box .item:nth-child(2) .title { background: url(../images/about-9.png) no-repeat left; }
.h_company_bottom .box .item:nth-child(3) .title { background: url(../images/about-10.png) no-repeat left; }
.h_company_bottom .box .item .more { display: none; }
.h_company_bottom .box .item .more a { background: url(../images/about-11.png) no-repeat center; width: 50px; height: 50px; display: block; }
.h_company_bottom .box .item:nth-child(1) .more { display: block; }


.h_banner_2 { background-image: url(../images/s-1.jpg); }
.h_bews_m { width: 100%; overflow: hidden; border-bottom: 1px solid #ebebeb; box-sizing: border-box; }
.h_bews_m ul { display: flex; gap: 30px; flex-wrap: wrap; padding-top: 40px; }
.h_bews_m li { font-size: 17px; padding-bottom: 35px; }
.h_bews_m li a { color: #333333; }
.h_bews_m li.cur { border-bottom: 1px solid #7f7ae2; }
.h_bews_m li.cur a { font-weight: bold; color: #7f7ae2; }
.h_bews_m li.sel { border-bottom: 1px solid #7f7ae2; }
.h_bews_m li.sel a { font-weight: bold; color: #7f7ae2; }
.h_jin { background: #fafafa; width: 100%; overflow: hidden; padding-top: 40px; }
.h_jin .h_width { display: grid; grid-template-columns: auto 400px; gap: 40px; }
.h_jin .h_width .h_jiage_left{overflow:hidden;}
.h_jin_left { overflow: hidden; }
.h_jin_left .list ul { display: grid; grid-template-columns: auto; gap: 20px; }
.h_jin_left .list li { overflow: hidden; }
.h_jin_left .list li a { display: grid; grid-template-columns: 210px auto; gap: 20px; margin-left: -230px; overflow: hidden; transition: 0.3s ease all; background: #ffffff; padding: 20px; }
.h_jin_left .list li a > div { overflow: hidden; }
.h_jin_left .list li a:hover { margin-left: 0px; background: url(../images/h_news_01.jpg) no-repeat center; background-size: cover; }
.h_jin_left .list li .title { color: #333333; font-size: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_jin_left .list li .title font { margin-right: 9px; }
.h_jin_left .list li .title img { margin-bottom: -2px; }
.h_jin_left .list li .time { padding-top: 20px; padding-bottom: 15px; color: #b2b2b2; font-weight: bold; }
.h_jin_left .list li .content { color: #666666; font-size: 14px; line-height: 1.88; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.h_jin_left .list li a:hover .title { color: #ffffff; font-weight: bold; }
.h_jin_left .list li a:hover .time { color: rgba(255, 255, 255, .5); }
.h_jin_left .list li a:hover .content { color: #fff; }

.h_wenzhi_left { overflow: hidden; }
.h_wenzhi_left .list ul { display: grid; grid-template-columns: auto; gap: 20px; }
.h_wenzhi_left .list li { overflow: hidden; }
.h_wenzhi_left .list li a { background: #ffffff; padding: 26px 30px; display: block; }
.h_wenzhi_left .list li a .title { color: #333333; font-size: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_wenzhi_left .list li a .title font { margin-right: 9px; }
.h_wenzhi_left .list li a .title font b { color: #7f7ae2; }
.h_wenzhi_left .list li a .title img { margin-bottom: -2px; }
.h_wenzhi_left .list li a .time { padding-top: 15px; color: #b2b2b2; font-weight: bold; }
.h_wenzhi_left .list li a:hover { background: url(../images/h_news-1.jpg); }
.h_wenzhi_left .list li a:hover .title { color: #ffffff; font-weight: bold; }
.h_wenzhi_left .list li a:hover .time { color: rgba(255, 255, 255, .5); }



#PageContent { margin: 0 auto; text-align: center; margin-top: 0px }
#PageContent { padding: 30px 0px 30px 0px; margin: 0px; text-align: center; font-family: arial; font-size: 14px; }
#PageContent a, #PageContent span { border: 1px solid #fff; width: 50px; height: 50px; line-height: 50px; color: #b2b2b2; text-decoration: none; display: inline-block; box-sizing: border-box; margin-left: 10px; margin-right: 10px; border-radius: 50px; background: #fff; }
#PageContent a:hover { border: #7f7ae2 1px solid; background: #7f7ae2; color: #fff; }

#PageContent .current { background: #7f7ae2; border: 1px solid #7f7ae2; color: #fff; }
#PageContent span.disabled, #PageContent span.hunp { border: 1px solid #817de2; color: #817de2; font-family: simsun; }

#PageContent :last-child { font-family: simsun; }



.h_jin_news { width: 100%; overflow: hidden; background: url(../images/h_news_02.jpg) top center; background-size: cover; }
.h_jin_news .title { font-size: 22px; color: #fff; }
.h_jin_news .content { padding: 32px; }
.h_jin_news .list { margin-top: 30px; }
.h_jin_news .list ul { display: grid; grid-template-columns: repeat(1,1fr); gap: 20px; }
.h_jin_news .list li { background: #ffffff; padding: 26px; }
.h_jin_news .list li font { font-size: 15px; line-height: 1.7; color: #333333; margin-bottom: 10px; display: inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.h_jin_news .list li p { font-size: 14px; color: #b2b2b2; font-weight: bold; }

.h_jiage_left .list ul { display: grid; gap: 10px; }
.h_jiage_left .list li { display: grid; grid-template-columns: 20% 15% 15% 15% 15% auto; padding: 25px 40px; background: #fff; gap: 10px; }
.h_jiage_left .list.fuwu li { display: grid; grid-template-columns: 25% 25% 15% 15% auto; padding: 25px 40px; background: #fff; gap: 10px; }
.h_jiage_left .list li font { font-size: 17px; color: #333333; line-height: 1.7; }
.h_jiage_left .list li p { font-size: 13px; color: #b3b3b3; padding-top: 10px; }

.h_jiage_right .content { background: url(../images/h_jiage-1.jpg) no-repeat center; background-size: cover; padding: 32px; }
.h_jiage_right .content .list ul { display: grid; gap: 27px; }
.h_jiage_right .content .list a { color: #ffffff; font-size: 17px; padding-left: 23px; position: relative; }
.h_jiage_right .content .list a:hover { font-weight: bold; }
.h_jiage_right .content .list .cur a { font-weight: bold; }
.h_jiage_right .content .list .sel a { font-weight: bold; }
.h_jiage_right .content .list a::after { position: absolute; left: 0px; top: calc(50% - 2px); content: ""; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 5px;; }
.h_jiage_right .content .list a:hover::after { background: #fff; }
.h_jiage_right .content .list .cur a::after { background: #fff; }
.h_jiage_right .content .list .sel a::after { background: #fff; }
.search_content { height: 62px; display: flex; background: #ffffff; margin-top: 30px; }
.search_content #jg_keys { padding-left: 22px; font-size: 16px; width: calc(100% - 50px); height: 100%; }
.search_content #jg_keys::placeholder { color: rgba(51, 51, 51, .5) }
.search_content #jg_btn { background: url(../images/h_jiage-2.jpg) no-repeat center; width: 50px; height: 100%; cursor: pointer; }



.h_banner_3 { width: 100%; overflow: hidden; background: url(../images/05_keshi_02.jpg) no-repeat center; height: 320px; text-align: center; }
.h_banner_3 .title { padding-top: 70px; }
.h_banner_3 .title font { font-size: 39px; color: #ffffff; }
.h_banner_3 .title p { font-weight: bold; font-size: 19px; padding-top: 20px; color: rgba(255, 255, 255, .6) }
.h_banner_3 .search_main { max-width: 678px; height: 63px; border-radius: 5px; background: #fff; margin: 0 auto; margin-top: 40px; display: flex; }
.h_banner_3 .search_main .h_keys { width: calc(100% - 60px); padding-left: 20px; }
.h_banner_3 .search_main .h_submit { width: 60px; background: url(../images/h_jiage-2.jpg) no-repeat center; cursor: pointer; }


.h_zkjs { width: 100%; overflow: hidden; padding-top: 50px; padding-bottom: 50px; }
.h_zkjs .h_width { display: grid; gap: 50px; }
.h_zkjs .h_width .h_ks_list .title { float: left; width: 260px; padding-right: 20px; height: 650px; background: url(../images/05_keshi_03.jpg) no-repeat left center; display: flex; justify-content: center; align-items: center; text-align: center; }
.h_zkjs .h_width .h_ks_list .title font { color: #ffffff; font-size: 28px; width: 28px; line-height: 1.31; display: inline-block; padding-top: 15px; }
.h_zkjs .h_width .h_ks_list .list { float: left; width: calc(100% - 240px); margin-left: -40px; margin-top: 50px; background: url(../images/05_keshi_05.jpg) no-repeat; height: 550px; background-size: cover; overflow: auto; }
.h_zkjs .h_width .h_ks_list .box { display: grid; grid-template-columns: repeat(4,1fr); gap: 30px 40px; padding: 40px; }
.h_zkjs .h_width .h_ks_list .box .item { background: #fff; font-size: 16px; text-align: center; padding: 25px; height: auto; line-height: 1.5; display: flex; justify-content: center; align-items: center; transition: all 0.5s; }
.h_zkjs .h_width .h_ks_list .box .item:hover { background: #7f7ae2; }
.h_zkjs .h_width .h_ks_list .box .item:hover a { color: #fff; }
.h_zkjs .h_width .h_ks_list .list::-webkit-scrollbar { width: 6px; height: 6px; }
.h_zkjs .h_width .h_ks_list .list::-webkit-scrollbar-track { background: #d6d6d6; border-left: 0px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_zkjs .h_width .h_ks_list .list::-webkit-scrollbar-thumb { background: #7f7ae2; border-left: 0px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_zkjs .h_width .h_ks_list .list::-webkit-scrollbar-thumb:hover { background: #7f7ae2; }
.h_zkjs .h_width .h_ks_list .list::-webkit-scrollbar-corner { background: #7f7ae2; }
.h_zkjs .h_width .h_ks_list .list { scrollbar-color: #7f7ae2 #d6d6d6; scrollbar-width: thin; }


.h_zkjs .h_width .h_lczk .title { background-image: url(../images/05_keshi_06.jpg); }
.h_zkjs .h_width .h_tsmz .title { background-image: url(../images/05_keshi_08.jpg); }
.h_zkjs .h_width .h_yjks .title { background-image: url(../images/05_keshi_10.jpg); }
.h_zkjs { padding-top: 30px; padding-bottom: 30px; }



.h_xslszk { width: 100%; overflow: hidden; background: #fafafa; }
.h_xslszk .h_width { height: 75px; display: flex; justify-content: space-between; align-items: center; }
.h_xslszk .h_width .position a { font-size: 15px; color: #4c4c4c; line-height: 2; padding-left: 35px; padding-right: 35px; position: relative; }
.h_xslszk .h_width .position a::after { content: ""; display: block; position: absolute; left: 0px; top: calc(50% - 2px); background: #7f7ae2; border-radius: 50%; width: 5px; height: 5px; }
.h_xslszk .h_width .position a:nth-child(1) { padding-left: 0px; }
.h_xslszk .h_width .position a:nth-child(1)::after { display: none; }

.h_coma { background: url(../images/05_keshi_04.jpg) no-repeat center; background-size: cover; padding-top: 70px; padding-bottom: 60px; overflow: hidden; }
.h_coma .h_width { display: grid; grid-template-columns: repeat(2,1fr); gap: 55px; }
.h_coma .h_width .h_coma_right .title { font-size: 30px; color: #ffffff; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #a19cdf; }
.h_coma .h_width .h_coma_right .sm_title { font-size: 14px; color: rgba(255, 255, 255, .7); padding-top: 17px; padding-bottom: 15px; }
.h_coma .h_width .h_coma_right .sm_content { height: calc(27.218309859155vw - 115px); max-height: 330px; font-size: 15px; line-height: 2; color: #ffffff; overflow: auto; padding-right: 30px; position: relative; }

.h_coma .h_width .h_coma_right .content { position: relative; }
.h_coma .h_width .h_coma_right .content::after { position: absolute; left: 0px; bottom: 0px; height: 40px; width: 100%; display: block; content: ""; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(118, 113, 217, .5) 100%); }

.h_coma .h_width .h_coma_right .sm_content::-webkit-scrollbar { width: 3px; height: 3px; }
.h_coma .h_width .h_coma_right .sm_content::-webkit-scrollbar-track { background: #9a98e5; border-left: 0px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_coma .h_width .h_coma_right .sm_content::-webkit-scrollbar-thumb { background: #ced9f1; border-left: 0px solid rgba(255, 255, 255, 1); border-radius: 0px; }
.h_coma .h_width .h_coma_right .sm_content::-webkit-scrollbar-thumb:hover { background: #ced9f1; }
.h_coma .h_width .h_coma_right .sm_content::-webkit-scrollbar-corner { background: #ced9f1; }
.h_coma .h_width .h_coma_right .sm_content { scrollbar-color: #ced9f1 #9a98e5; scrollbar-width: thin; }


.h_tdcy { width: 100%; overflow: hidden; padding-top: 50px; padding-bottom: 50px; background: #fafafa; }
.h_tdcy .h_td_tp { display: flex; flex-wrap: wrap; justify-content: space-between; }
.h_tdcy .h_td_tp .title { padding-bottom: 50px; }
.h_tdcy .h_td_tp .title font { color: #333333; font-size: 32px; }
.h_tdcy .h_td_tp .title p { font-size: 16px; font-weight: bold; color: rgba(51, 51, 51, .6); padding-top: 10px; }
.h_tdcy .h_td_tp .arrow a { width: 60px; height: 60px; background: url(../images/ks_zj_08.png) no-repeat; display: inline-block; margin-right: 20px; }
.h_tdcy .h_td_tp .arrow a:hover { background-image: url(../images/ks_zj_09.png); transform: rotate(180deg); }
.h_tdcy .h_td_tp .arrow .a_right { background-image: url(../images/ks_zj_08.png) no-repeat; transform: rotate(180deg); }
.h_tdcy .h_td_tp .arrow .a_right:hover { transform: rotate(0deg); }
.h_td_bt { overflow: hidden; }
.h_td_bt a { display: grid; grid-template-columns: 210px auto; }
.h_td_bt a .h_onetn { background: #fff; overflow: hidden; padding: 30px 35px; }
.h_td_bt a .h_onetn .h_bt { color: #333333; font-size: 25px; font-weight: bold; padding-bottom: 19px; }
.h_td_bt a .h_onetn .h_zw { color: #808080; font-size: 13px; background: url(../images/ks_zj_02.png) no-repeat left center; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_td_bt a .h_onetn .h_zk { color: #808080; font-size: 13px; margin-top: 10px; background: url(../images/ks_zj_03.png) no-repeat left center; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_td_bt a .h_onetn .h_cont { color: #4c4c4c; font-size: 13px; line-height: 1.84; padding-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.h_td_bt a .h_onetn .h_more { font-size: 15px; color: rgba(51, 51, 51, .7); font-weight: bold; padding-top: 35px; }
.h_td_bt a .h_onetn .h_more:hover { color: #21c280; font-weight: bold; }



.h_td_bt .g_bt_left img { height: 300px; object-fit: cover; }
.h_team { background: #fff; }
.h_zsy { overflow: hidden; }
.h_zsy li a { background: #fafafa; padding: 29px; display: block; }


.h_zsy li a:hover { margin-left: 0px; background: url(../images/h_news_01.jpg) no-repeat center; background-size: cover; }
.h_zsy li .title { color: #333333; font-size: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_zsy li .title font { margin-right: 9px; }
.h_zsy li .title img { margin-bottom: -2px; }
.h_zsy li .time { padding-top: 20px; padding-bottom: 15px; color: #b2b2b2; font-weight: bold; }
.h_zsy li .content { color: #666666; font-size: 14px; line-height: 1.88; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.h_zsy li a:hover .title { color: #ffffff; font-weight: bold; }
.h_zsy li a:hover .time { color: rgba(255, 255, 255, .5); }
.h_zsy li a:hover .content { color: #fff; }
.h_banner_4 { overflow: inherit }
.h_banner_4 .zjss { width: 100%; display: flex; justify-content: center; padding-top: 40px; gap: 10px; }
.h_banner_4 .zjss .search_main { margin: 0; width: 500px; }
.h_banner_4 .zjss .syks { background: #ffffff; height: 63px; border-radius: 5px; box-sizing: border-box; position: relative; cursor: pointer; }
.h_banner_4 .zjss .syks p { font-size: 15px; color: #333333; padding: 24px; width: 160px; padding-right: 40px;; background: url(../images/h_zj_1.png) no-repeat right 24px center; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.h_banner_4 .zjss .syks ul { position: absolute; left: 0px; top: 73px; background: #fff; border-radius: 5px; width: calc(100% - 20px); padding: 10px 10px; z-index: 2; display: none; }
.h_banner_4 .zjss .syks li a { line-height: 2; color: #333333; padding: 10px 20px; display: block; text-align: left; }
.h_banner_4 .zjss .syks li a:hover { background: #7f7ae2; color: #fff; border-radius: 5px; }
.h_banner_4 .zjss .syks .el-input__inner{ height:63px; line-height:63px;}

.h_zhuanjia { padding-top: 60px; background: #fafafa; }

.h_td_bt2 ul { display: grid; grid-template-columns: repeat(3,1fr); gaP: 50px; }
.h_td_bt2 { overflow: hidden; }
.h_td_bt2 a { display: grid; grid-template-columns: 210px auto; }
.h_td_bt2 a .h_onetn { background: #fff; overflow: hidden; padding: 30px 35px; }
.h_td_bt2 a .h_onetn .h_bt { color: #333333; font-size: 25px; font-weight: bold; padding-bottom: 19px; }
.h_td_bt2 a .h_onetn .h_zw { color: #808080; font-size: 13px; background: url(../images/ks_zj_02.png) no-repeat left center; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_td_bt2 a .h_onetn .h_zk { color: #808080; font-size: 13px; margin-top: 10px; background: url(../images/ks_zj_03.png) no-repeat left center; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_td_bt2 a .h_onetn .h_cont { color: #4c4c4c; font-size: 13px; line-height: 1.84; padding-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.h_td_bt2 a .h_onetn .h_more { font-size: 15px; color: rgba(51, 51, 51, .7); font-weight: bold; padding-top: 35px; }
.h_td_bt2 a .h_onetn .h_more:hover { color: #21c280;font-weight:bold;}

.zhuanjia_title{display:flex;align-items:center;gap:8px;}
.zhuanjia_title .icon{display:none;flex-shrink:0;}
.zhuanjia_title .icon0{display: none;}
.zhuanjia_title .icon1{display: block;}

.h_zhuanjia .g_bt_left img{aspect-ratio:3 / 4;display:bold;object-fit:cover;}

.h_zjxq { width: 100%; overflow: hidden; padding-top: 40px; padding-bottom: 40px; }
.h_zjxq_content { width: 100%; padding: 50px; overflow: hidden; background: url(../images/08_zjxq_03.jpg) no-repeat center; min-height: 548px; box-sizing: border-box; background-size: cover; }


.h_zjxq .h_zjxq_content { display: grid; grid-template-columns: 240px auto; gap: 50px; }

.h_zjxq_content_right .h_bt { font-size: 27px; color: #333333; font-weight: bold; padding-bottom: 20px; }
.h_zjxq_content_right .h_zw { color: #333333; font-size: 15px; background: url(../images/ks_zj_02.png) no-repeat left center; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_zjxq_content_right .h_zk { color: #333333; font-size: 15px; margin-top: 15px; background: url(../images/ks_zj_03.png) no-repeat left center; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.h_zjxq_content_right .h_jieshao { overflow: hidden; padding-bottom: 20px; }

.h_zjxq_content_right .h_contents { border-top: 3px solid #ebebeb; padding-bottom: 30px; }
.h_zjxq_content_right .h_contents .title { padding-top: 24px; color: #7f7ae2; font-size: 17px; font-weight: bold; }
.h_zjxq_content_right .h_contents .content { font-size: 15px; color: #333333; padding-top: 17px; line-height: 2; }



.h_banner_5 { background-image: url(../images/h_lianxi_02.jpg); }
.h_menu { padding-top: 85px; }
.h_menu ul { display: flex; justify-content: center; gap: 40px; }
.h_menu li a { padding: 25px; background: #ffffff; color: #333333; min-width: 110px; min-height: 0px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease min-height,0.3s ease font-size; font-size: 17px; position: relative; }
.h_menu li.cur a, .h_menu li a:hover { background: #7f7ae2; color: #fff; font-size: 19px; font-weight: bold; min-height: 40px; }
.h_menu li.cur a::after, .h_menu li a:hover::after { position: absolute; left: calc(50% - 5px); bottom: -6px; content: ""; width: 15px; height: 15px; background: #7f7ae2; transform: rotate(45deg); }
.h_menu li.sel a, .h_menu li a:hover { background: #7f7ae2; color: #fff; font-size: 19px; font-weight: bold; min-height: 40px; }
.h_menu li.sel a::after, .h_menu li a:hover::after { position: absolute; left: calc(50% - 5px); bottom: -6px; content: ""; width: 15px; height: 15px; background: #7f7ae2; transform: rotate(45deg); }


.h_content_list { width: 100%; overflow: hidden; padding-top: 80px; padding-bottom: 80px; }
.h_content_list_top { display: grid; grid-template-columns: auto auto auto auto; gap: 28px; }
.h_content_list_top .item font { font-size: 18px; color: #333333; line-height: 1.6; }
.h_content_list_top .item p { color: #999999; font-size: 14px; padding-top: 20px; }
.h_content_list_top .item p img { margin-right: 5px; position: relative; top: 3px }
.h_maps { width: 100%; overflow: hidden; padding-top: 80px; }

.h_banner_jyxd { width: 100%; overflow: hidden; background: url(../images/10_zhinan_02.jpg) no-repeat center; height: 320px; }
.h_banner_jyxd .arrow { padding-top: 100px; }

.h_zhinan_list { width: 100%; overflow: hidden; background: #fafafa; padding-top: 40px; padding-bottom: 40px; }
.h_zhinan_list_main ul { display: grid; grid-template-columns: repeat(6,1fr); gap: 25px; }
.h_zhinan_list_main li a { background: #fff; padding: 25px; text-align: center; display: block; }
.h_zhinan_list_main li .imgs { width: 65px; height: 65px; overflow: hidden; background: #7f7ae2; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto; }
.h_zhinan_list_main li .title { color: #333333; font-size: 19px; margin-top: 18px; }
.h_zhinan_list_main li .more { margin-top: 12px; color: rgba(51, 51, 51, .5); }
.h_zhinan_list_main li a:hover { background: #7f7ae2; }
.h_zhinan_list_main li a:hover .imgs { background: #fff; overflow: hidden; }
.h_zhinan_list_main li a:hover .imgs img { filter: drop-shadow(#7f7ae2 300px 0); position: relative; left: -300px; }
.h_zhinan_list_main li a:hover .title { color: #ffffff; }
.h_zhinan_list_main li a:hover .more { color: rgba(255, 255, 255, .5); }


.h_main_wenhua { width: 100%; overflow: hidden; height: 100vh; background: url(../images/11_wenhua_02.jpg) no-repeat top center; }
.h_xkyl { width: 100%; overflow: hidden; background: url(../images/11_wenhua_03.jpg) no-repeat top center; }
.h_dsjl { width: 100%; overflow: hidden; background: url(../images/11_wenhua_07.jpg) no-repeat top center; }
.h_dj_wenhua { width: 100%; overflow: hidden; background: url(../images/11_wenhua_06.jpg) no-repeat top center; position: relative; }
.h_gy_wenhua { width: 100%; overflow: hidden; background: url(../images/11_wenhua_04.jpg) no-repeat top center; }
.h_yy_wenhua { width: 100%; overflow: hidden; background: url(../images/11_wenhua_05.jpg) no-repeat top center; }

.h_dj_wenhua .nr_arrow { text-align: right; position: absolute; top: 15%; left: 1%; }
.h_dj_wenhua .nr_arrow_left { background: url(../images/11-new.png) no-repeat center; opacity: 0.8; display: inline-block; width: 61px; height: 61px; margin-right: 20px; border-radius: 50%; border: 1px solid #fff; }
.h_dj_wenhua .nr_arrow_right { background: url(../images/11-new.png) no-repeat center; margin-top: 10px; opacity: 0.8; display: inline-block; width: 61px; height: 61px; transform: rotate(180deg); border-radius: 50%; border: 1px solid #fff; }
.h_dj_wenhua .nr_arrow_left:hover { opacity: 1; }
.h_dj_wenhua .nr_arrow_right:hover { opacity: 1; }



/* .h_fdun{display:flex;align-items: center;} */
.h_fdun .h_width { position: relative; /* height:calc(100% - 70px); */ /* margin-top:120px; */ /* padding-top:70px; */ /* padding-top:120px;padding-bottom:120px; overflow: hidden; */ }
.h_fdun .h_width .sb { position: absolute; right: 10%; bottom: 120px; z-index: 3; -webkit-animation: nudgeMouse 1.6s linear infinite; animation: nudgeMouse 1.6s linear infinite; }

@-webkit-keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}


.h_fdun .title { background: url(../images/11_e.png) no-repeat left center; padding-left: 70px; color: #ffffff; font-size: 28px; line-height: 1.35; display: none; }

.h_xkyl .list { margin-top: 44px; overflow: hidden; }
/* .h_xkyl .list ul{display:grid;grid-template-columns: repeat(5,1fr);} */
.h_xkyl .list li { height: 62.5vh; position: relative; z-index: 1; max-height: 530px; transition: all 0.5s; }
.h_xkyl .list li a { padding-left: 15px; padding-right: 15px; padding-top: 20vh; display: block; }
.h_xkyl .list li .bg { position: absolute; left: 0px; top: 0px; z-index: -1; opacity: 0; }
.h_xkyl .list li .enbame { font-size: 16px; line-height: 38px; color: rgba(255, 255, 255, .5); }
.h_xkyl .list li .bame { font-size: 40px; font-weight: bold; color: #fff; padding-top: 10px; padding-bottom: 30px; border-bottom: 2px solid #ffffff; }
.h_xkyl .list li .licheng { padding-top: 20px; }
.h_xkyl .list li .licheng .opu { font-size: 15px; color: #fff; white-space: nowrap; line-height: 28px; text-overflow: ellipsis; overflow: hidden; }
.h_xkyl .list li .licheng .hoive { font-size: 17px; color: #ffffff; line-height: 2; display: none; }



.h_xkyl .list li:hover { background: #007a98; transition: 0s ease background; }
.h_xkyl .list li:hover a .bg { opacity: 1; transition: 0s ease opacity; }
.h_xkyl .list li:hover .licheng .opu { display: none; }
.h_xkyl .list li:hover .licheng .hoive { display: block; }



.h_dsjl_list { width: 100%; overflow: hidden; display: grid; grid-template-columns: 43.25% auto; }
.h_dsjl_list .l_left1 { overflow: hidden; margin-top: 55px; display: flex; justify-content: center; align-items: center; }
.h_dsjl_list .l_left1 .list_left { height: 200px; overflow: hidden; margin-top: 38px; margin-bottom: 38px; }
.h_dsjl_list .list_left a { color: #ffd3a3; font-size: 37px; display: flex; justify-content: center; }
.h_dsjl_list .list_left a font { background: linear-gradient(180deg, rgba(255,211,163,.8), #977b5c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; transition: 0.3s ease all; }
.h_dsjl_list .list_left a font { display: block; }
.h_dsjl_list .list_left a font:nth-child(4),
.h_dsjl_list .list_left a font:nth-child(9) { margin-top: 3px; }
.h_dsjl_list .list_left a font:nth-child(1), .h_dsjl_list .list_left a font:nth-child(6) { font-size: 30px; margin-top: 7px; }
.h_dsjl_list .list_left .swiper-slide-active a font:nth-child(1), .h_dsjl_list .list_left .swiper-slide-active a font:nth-child(6) { font-size: 40px; }
.h_dsjl_list .list_left .swiper-slide-active a font:nth-child(4),
.h_dsjl_list .list_left .swiper-slide-active a font:nth-child(9) { margin-top: 5px; }
.h_dsjl_list .list_left .swiper-slide-prev a font { background: linear-gradient(180deg, #977b5c, rgba(255,211,163,.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.h_dsjl_list .list_left .swiper-slide-active a font { font-size: 47px; background: #ffd3a3; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.h_dsjl_list .list_left li { text-align: center; }
.h_dsjl_list .list_arrow_left { background: url(../images/h-11-fk.png) no-repeat center; width: 56px; height: 28px; display: block; margin: 0 auto; }
.h_dsjl_list .list_arrow_right { background: url(../images/h-11-uc.png) no-repeat center; width: 56px; height: 28px; display: block; margin: 0 auto; }

.h_dsjl_list .list_right .item { display: none; grid-template-columns: 108px auto; }
.h_dsjl_list .list_right .item .list_right_left { border-right: 1px solid #a78867; font-size: 21px; line-height: 50px; }
.h_dsjl_list .list_right .item .list_right_left a { color: rgba(247, 218, 186, .5); }
.h_dsjl_list .list_right .item .list_right_left .cur a { color: rgba(247, 218, 186, 1); }
.h_dsjl_list .list_right .item .list_right_left .sel a { color: rgba(247, 218, 186, 1); }
.h_dsjl_list .list_right .item .list_right_right { padding-left: 40px; color: #ffffff; font-size: 15px; line-height: 2.26; overflow: hidden; }
.h_dsjl_list .list_right .item .list_right_right li { display: none; height: 550px; overflow: auto; padding-right: 20px; }
.h_dsjl_list .list_right .item .list_right_right li.cur { display: block; }
.h_dsjl_list .list_right .item .list_right_right li.sel { display: block; }
.h_dsjl_list .list_right .item.cur { display: grid; }
.h_dsjl_list .list_right .item.sel { display: grid; }
.h_dj_wenhua .djwhgd { width: 1050px; float: right; margin-top: 60px; overflow: hidden; max-width: 100%; }
.h_dj_wenhua .djwhgd li { border-radius: 10px; overflow: hidden; position: relative; }
.h_dj_wenhua .djwhgd a { padding: 20px; overflow: hidden; display: block; border-radius: 10px; border: 2px solid #ffeeaf; height: 400px; box-sizing: border-box; }
.h_dj_wenhua .djwhgd a .simgs img { width: 100%; height:88px; }
.h_dj_wenhua .djwhgd a .stitle { color: #ffffff; font-size: 19px; font-weight: bold; line-height: 28px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.h_dj_wenhua .djwhgd a .stime { color: rgba(255, 255, 255, .5); font-size: 14px; font-weight: bold; padding-bottom: 15px; }
.h_dj_wenhua .djwhgd a .scontent { color: #ffffff; font-size: 13px; line-height: 1.69; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.h_dj_wenhua .djwhgd a .smore { margin-top: 18px; width: 44px; height: 44px; transition: all 0.3s ease; background: url(../images/11-more1.png) no-repeat center; }
.h_dj_wenhua .djwhgd li::after { background: url(../images/11-0.png) no-repeat center; background-size: cover; content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; z-index: -1; transition: all 0.3s ease; }
.h_dj_wenhua .djwhgd li:hover::after { opacity: 1; }
.h_dj_wenhua .djwhgd li:hover a { border: 2px solid transparent; transition: all 0.3s ease; }
.h_dj_wenhua .djwhgd li:hover a .smore { background-image: url(../images/11-more.png); }

.h_yywh_cont { width: 74%; position: absolute; right: 0px; top: 0px; }
.h_yywh_cont .ywwh { width: 70.3645833333vw; }
.h_yy_wenhua .h_width { position: relative; overflow: initial; height: 100vh; padding: 0px; }
.h_yywh_cont .ywwh ul { display: grid; grid-template-columns: repeat(3,1fr); height: calc(100vh - 0px); }
.h_yywh_cont .ywwh li .s_title { font-size: 17px; color: rgba(86, 79, 232, .7); font-weight: bold; padding-top: 40px; position: absolute; left: 30px; top: 0px; }
.h_yywh_cont .ywwh li { display: flex; justify-content: center; align-items: center; position: relative; }
.h_yywh_cont .ywwh li .s_content { color: #333333; font-size: 23px; color: #333333; line-height: 1.47; max-width: 270px; text-align: center; }
.h_yywh_cont .ywwh li::after { position: absolute; right: 0px; top: 10px; content: ""; height: calc(100% - 20px); background: #e2e4e5; width: 1px; }
.h_yywh_cont .ywwh li::before { position: absolute; bottom: 0px; left: 10px; content: ""; width: calc(100% - 20px); background: #e2e4e5; height: 1px; }
.h_yywh_cont .ywwh li:nth-child(n+4):before { display: none; }
.h_yywh_cont .ywwh li:nth-child(3n)::after { display: none; }

.h_nr_cont { color: #ffffff; line-height: 2; font-size: 19px; margin-top: 140px; }
.h_nr_cont b { font-size: 25px; }

@media(min-width:768px) {
   
    .h_gy_wenhua .h_gyhd { display: grid; grid-template-columns: 450px auto; gap: 30px; }
    .h_gy_wenhua .nr_arrow { padding-top: 10vh; }
    .h_gy_wenhua .nr_arrow_left { background: url(../images/11-new.png) no-repeat center; display: inline-block; width: 61px; height: 61px; margin-right: 20px; border-radius: 50%; border: 1px solid #fff; }
    .h_gy_wenhua .nr_arrow_right { background: url(../images/11-new.png) no-repeat center; display: inline-block; width: 61px; height: 61px; transform: rotate(180deg); border-radius: 50%; border: 1px solid #fff; }
    .h_gy_wenhua .nr_arrow_left:hover { background-image: url(../images/11-new2.png); transform: rotate(180deg); background-color: #fff; }
    .h_gy_wenhua .nr_arrow_right:hover { background-image: url(../images/11-new2.png); transform: rotate(0deg); background-color: #fff; }

    .h_gy_wenhua .h_gyhd_right .coontent { /* width:66.69vw; */ width: 1279px; padding-top: 214px; overflow: hidden; padding-bottom: 214px; }
    .h_gy_wenhua .h_width { overflow: initial; }
    .h_piaofu { position: relative; }
    .h_piaofu li { position: absolute; left: 0px; bottom: 0px; display: none; }
    .h_piaofu li::after { content: ""; position: absolute; left: 0px; top: 0px; width: 10px; height: 10px; display: block; background: #fff; border-radius: 50%; }
    .h_piaofu li a { position: relative; }
    .h_piaofu li a .div { position: absolute; left: 4px; border-left: 1px solid #fff; padding-left: 20px; }
    .h_piaofu li:nth-child(odd) a .div { top: -214px; height: 214px; }
    .h_piaofu li:nth-child(even) a .div { display: flex; flex-wrap: wrap; align-items: end; bottom: -214px; height: 214px; }
    .h_piaofu li a .div .font { font-size: 27px; color: #ffffff; width: 100% display;; }
    .h_piaofu li a .div .p { font-size: 15px; color: #ffffff; line-height: 1.71; width: 150px; padding-top: 5px; }
    .h_foot, .h_foot .fp-tableCell { height: auto !important; }
    #fp-nav { display: none; }

    .daof li { animation-direction: reverse !important; }
    .tingdun li { animation-duration: 0s !important; }
    .h_piaofu .h_0, .h_piaofu .h_1, .h_piaofu .h_2, .h_piaofu .h_3, .h_piaofu .h_4, .h_piaofu .h_5, .h_piaofu .h_6, .h_piaofu .h_7, .h_piaofu .h_8, .h_piaofu .h_9 { display: block; }
    .h_piaofu .h_0 { animation: c_0 0.5s linear forwards; }
    .h_piaofu .h_1 { animation: c_1 0.5s linear forwards; }
    .h_piaofu .h_2 { animation: c_2 0.5s linear forwards; }
    .h_piaofu .h_3 { animation: c_3 0.5s linear forwards; }
    .h_piaofu .h_4 { animation: c_4 0.5s linear forwards; }
    .h_piaofu .h_5 { animation: c_5 0.5s linear forwards; }
    .h_piaofu .h_6 { animation: c_6 0.5s linear forwards; }
    .h_piaofu .h_7 { animation: c_7 0.5s linear forwards; }
    .h_piaofu .h_8 { animation: c_8 0.5s linear forwards; }
    .h_piaofu .h_9 { animation: c_9 0.5s linear forwards; }

    .daof .h_0 { animation: c_-1 0.5s linear forwards; }
    .daof .h_1 { animation: c_0 0.5s linear forwards; }
    .daof .h_2 { animation: c_1 0.5s linear forwards; }
    .daof .h_3 { animation: c_2 0.5s linear forwards; }
    .daof .h_4 { animation: c_3 0.5s linear forwards; }
    .daof .h_5 { animation: c_4 0.5s linear forwards; }
    .daof .h_6 { animation: c_5 0.5s linear forwards; }
    .daof .h_7 { animation: c_6 0.5s linear forwards; }
    .daof .h_8 { animation: c_7 0.5s linear forwards; }
    .daof .h_9 { animation: c_8 0.5s linear forwards; }
    .daof .h_10 { animation: c_9 0.5s linear forwards; }

    .h_piaofu .h_10 { position: absolute; left: 100%; bottom: 0%; display: block; }
    .h_piaofu .sd_1 { position: absolute; left: 7.887724785%; bottom: 56%; display: block; }
    .h_piaofu .sd_2 { position: absolute; left: 17%; bottom: 84.5%; display: block; }
    .h_piaofu .sd_3 { position: absolute; left: 26.5%; bottom: 93.85%; display: block; }
    .h_piaofu .sd_4 { position: absolute; left: 35%; bottom: 87.3%; display: block; }
    .h_piaofu .sd_5 { position: absolute; left: 43.8%; bottom: 65%; display: block; }
    .h_piaofu .sd_6 { position: absolute; left: 51.5%; bottom: 35.9%; display: block; }
    .h_piaofu .sd_7 { position: absolute; left: 60%; bottom: 16.5%; display: block; }
    .h_piaofu .sd_8 { position: absolute; left: 69.5%; bottom: 21%; display: block; }
    .h_piaofu .sd_9 { position: absolute; left: 77%; bottom: 52.5%; display: block; }
    .h_piaofu .sd_10 { position: absolute; left: 81%; bottom: 73%; display: block; }
    .h_piaofu .sd_11 { position: absolute; left: 87%; bottom: 91%; display: block; }
    .h_piaofu .sd_12 { position: absolute; left: 93%; bottom: 98%; display: block; }
    .h_piaofu .sd_13 { position: absolute; left: 99%; bottom: 99%; display: block; }
    .h_fdun .h_width { width: calc(100% - 40px); }
    .h_quan { width: 100%; overflow: hidden; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
    .h_main_wenhua .h_width { height: calc(100% - 360px) }

    @keyframes c_-1 {
        0% { left: -300px; bottom: 0%; }
        100% { left: -300px; bottom: 0%; }
    }

    @keyframes c_0 {
        0% { left: 4%; bottom: 34.5454545455%; }
        50% { left: 2.2%; bottom: 23%; }
        99.9999% { left: 0%; bottom: 3%; }
        100% { left: -300px; bottom: 0%; }
    }

    @keyframes c_1 {
        0% { left: 12%; bottom: 72%; }
        50% { left: 7.887724785%; bottom: 56%; }
        100% { left: 4%; bottom: 34.5454545455%; }
    }

    @keyframes c_2 {
        0% { left: 21.7357310399%; bottom: 92%; }
        50% { left: 17%; bottom: 84.5%; }
        100% { left: 12%; bottom: 72%; }
    }

    @keyframes c_3 {
        0% { left: 31%; bottom: 92%; }
        50% { left: 26.5%; bottom: 93.85%; }
        100% { left: 21.7357310399%; bottom: 92%; }
    }

    @keyframes c_4 {
        0% { left: 40%; bottom: 77%; }
        50% { left: 35%; bottom: 87.3%; }
        100% { left: 31%; bottom: 92%; }
    }

    @keyframes c_5 {
        0% { left: 47.6935105551%; bottom: 50%; }
        50% { left: 43.8%; bottom: 65%; }
        100% { left: 40%; bottom: 77%; }
    }

    @keyframes c_6 {
        0% { left: 55.9%; bottom: 23.5%; }
        50% { left: 51.5%; bottom: 35.9%; }
        100% { left: 47.6935105551%; bottom: 50%; }
    }

    @keyframes c_7 {
        0% { left: 64.5%; bottom: 15.5%; }
        50% { left: 60%; bottom: 16.5%; }
        100% { left: 55.9%; bottom: 23.5%; }
    }

    @keyframes c_8 {
        0% { left: 73.4%; bottom: 34%; }
        50% { left: 69.5%; bottom: 21%; }
        100% { left: 64.5%; bottom: 15.5%; }
    }

    @keyframes c_9 {
        0% { left: 100%; bottom: 99%; }
        16% { left: 93%; bottom: 98%; }
        33% { left: 87%; bottom: 91%; }
        50% { left: 81%; bottom: 73%; }
        66% { left: 77%; bottom: 52.5%; }
        100% { left: 73.4%; bottom: 34%; }
    }
}

.h_pliaofus { position: fixed; top: 70px; left: calc(50% - 800px); z-index: 3; width: 180px; }

.h_pliaofus li { position: absolute; top: 0px; left: 0px; opacity: 0; transition: 0.3s ease all; visibility: hidden; }
.h_pliaofus .title { background: url(../images/11_e.png) no-repeat left center; padding-left: 70px; color: #ffffff; font-size: 28px; line-height: 1.35; }
.h_pliaofus li.now { opacity: 1; visibility: visible; }

@media(min-width: 1921px) {
    .h_pliaofus { left: 160px; }
}