@charset "utf-8";
                /* */
                
                @font-face {
                    font-family: "sisong";
                    src: url("../font/sySong.woff");
                    font-weight: normal;
                    font-style: normal;
                }
                
                .flex {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                
                .section {
                    overflow: hidden;
                }
                
                header * {
                    /* font-family:"PingFang SC"; */
                }
                
                .header_box_li {
                    position: relative;
                    z-index: 1;
                }
                
                .header_box {
                    position: relative;
                    z-index: 10000;
                }
                
                #header {
                    position: fixed;
                    z-index: 999;
                    width: 100%;
                    top: 0;
                    right: 0;
                    left: 0;
                }
                
                .header_box_li #header::before {
                    content: "";
                    position: absolute;
                    height: 1.8rem;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    transition: all 0.2s;
                    opacity: 1;
                    visibility: visible;
                    background: url("../images/headbg.png") center top / 100% 100% repeat-x;
                }
               
                .header_box_li #header::after {
                    content: "";
                    position: absolute;
                    height: 0px;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    background-size: 100%;
                }
                /* #header.xg { background: rgba(255, 255, 255, 0.96); box-shadow: rgba(0, 0, 0, 0.1) 0px 9px 15px 0px; } */
                
                .header_top {
                    position: relative;
                    margin: 0.1rem 0 0.1rem;
                    transition: 0.5s;
                }
                
                .header_top .search_btn {
                    display: inline-block;
                    float: none;
                    font-size: 0.14rem;
                }
                
                #header .right {
                    display: flex;
                    align-items: center;
                    position: relative;
                    justify-content: space-between;
                }
                
                .right-b {
                    display: flex;
                    align-items: center;
                    /* width: 100%; */
                    justify-content: flex-end;
                    transition: 0.5s;
                }
                
                .right-b .li {
                    padding: 0;
                    color: #fff;
                    font-size: 0.18rem;
                    position: relative;
                }
                
                .right-b .li a {
                    height: auto;
                    line-height: inherit;
                    padding: 0;
                }
                
                .right-b .top_ico {
                    width: 0.46rem;
                    height: 0.46rem;
                    border: 1px solid rgba(255, 255, 255, .4);
                    border-radius: 5px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                
                .header_top .search {
                    width: 0.2rem;
                    height: 0.2rem;
                    position: relative;
                    z-index: 20;
                }
                
                .header_top .search .input {
                    position: absolute;
                    z-index: 1;
                    left: auto;
                    right: -0.08rem;
                    top: -12px;
                    bottom: auto;
                    height: 40px;
                    width: 0px;
                    background: rgb(255, 255, 255);
                    opacity: 0;
                    visibility: hidden;
                    transition: all 0.5s ease 0s;
                }
                
                .header_top .search .input input {
                    width: 100%;
                    height: 100%;
                    font-size: 13px;
                    padding: 0px 0.32rem 0px 0.16rem;
                    color: rgb(51, 51, 51);
                }
                
                .header_top .search .btn {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    right: 0px;
                    bottom: 0px;
                    z-index: 5;
                }
                
                .header_top .search .btn input {
                    cursor: pointer;
                    position: absolute;
                    z-index: 1;
                    left: 0px;
                    top: 0px;
                    right: 0px;
                    bottom: 0px;
                    height: 100%;
                    width: 100%;
                }
                
                .header_top .search .btn svg {
                    width: 18px;
                    height: 18px;
                    fill: rgb(255, 255, 255);
                }
                
                .header_top .search:hover .btn svg {
                    fill: #e99b23;
                }
                
                .header_top .search:hover .input {
                    width: 2.6rem;
                    opacity: 1;
                    visibility: visible;
                }
                
                .list_box0 {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                }
                
                .list_box0 .li {
                    font-size: 0.15rem;
                    color: #fff;
                    display: inline-block;
                    margin-right: 0.2rem;
                    line-height: .21rem;
                }
                
                .list_box0 .zw {
                    border: 1px solid rgba(255, 255, 255, .6);
                    border-radius: 0.04rem;
                }
                
                .right-b .list_box0 .li {
                    width: 0.36rem;
                    height: 0.36rem;
                    border: 1px solid #fff;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-left: 0.12rem;
                    padding: 0;
                    color: #fff;
                    font-size: 0.16rem;
                    position: relative;
                }
                
                .right-b .list_box0 .li a {
                    height: auto;
                    line-height: inherit;
                    padding: 0;
                }
                
                .list_box0 .li>a {
                    transition: 0.5s;
                    height: 0.21rem;
                    display: inline-block;
                    padding: 0 0.1rem;
                    /* background: #692ebb; */
                }
                
                .list_box0 .li>a .top_ico {
                    width: 0.2rem;
                    height: 0.2rem;
                }
                
                .list_box0 .li a>img {
                    vertical-align: middle;
                }
                
                .list_box0 .li:hover a {
                    color: #ec9927;
                }
                
                #m_header .list_box0 {
                    float: right;
                }
                
                #m_header .list_box0 .li {
                    line-height: 60px;
                }
                
                #m_header .list_box0 .li a .ewm_box {
                    top: 60px;
                }
                
                #m_header .list_box0 .li a>img {
                    height: 12px;
                }
                
                .list_box_01 {
                    font-size: 0px;
                    white-space: nowrap;
                    padding: 0.1rem;
                }
                
                .list_box_01 li {
                    text-align: center;
                    display: block !important;
                    margin: 0px 15px !important;
                }
                
                .list_box_01 li h3 img {
                    border: 0.01rem solid rgb(237, 237, 237);
                    width: 0.85rem;
                    height: 0.85rem;
                }
                
                .list_box_01 li h5 {
                    font-size: 0.12rem;
                    color: rgb(102, 102, 102);
                    line-height: 20px;
                    margin: 0px;
                }
                
                .list_box0 .li::after {
                    content: "";
                    position: absolute;
                    left: -0.26rem;
                    width: 1px;
                    height: 16px;
                    top: 50%;
                    margin-top: -8px;
                    opacity: 0.8;
                }
                
                .list_box0 .li:first-child::after {
                    display: none;
                }
                
                .header_box .w1200 {
                    padding: .2rem 0;
                    position: relative;
                    width: 17.2rem;
                    max-width: 96%;
                    display: flex;
                    justify-content: space-between;
                    transition: all 0.5s;
                    margin: 0px auto;
                }
                /* ser */
                
                .sstop {
                    margin: 0 !important;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    position: relative;
                }
                
                .sstop .input {
                    z-index: 1;
                    transition: all 0.5s;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    width: 0;
                    position: absolute;
                    right: -.1rem;
                    background: #fff;
                    /* padding: 0 0.1rem; */
                    opacity: 0;
                    top: 50%;
                    margin-top: -.15rem;
                }
                
                .sstop .btn {
                    width: 0.34rem;
                    height: 0.2rem;
                    padding: 0 !important;
                }
                
                .sstop .btn img {
                    width: .2rem;
                    height: .2rem;
                }
                
                .sstop.on .input {
                    width: 2.5rem;
                    opacity: 1;
                    visibility: visible;
                    padding: 0 0.1rem;
                }
                
                .sstop .input .txtinput {
                    width: calc(100% - .2rem);
                    height: 0.3rem;
                    line-height: 0.3rem;
                    font-size: 0.14rem;
                }
                
                .input .sub {
                    width: 0.2rem;
                    height: 0.2rem;
                    cursor: pointer;
                }
                
                #header #logo .box_table {
                    width: auto;
                }
                
                #logo {
                    padding: 0px;
                    height: 100%;
                    position: relative;
                }
                
                #logo img {
                    transition: all 0.5s ease 0s;
                    height: .66rem;
                }
                
                #logo img.img2 {
                    display: none;
                }
                
                #nav {
                    width: 100%;
                }
                
                #nav ul {
                    display: flex;
                    justify-content: space-between;
                }
                
                #nav ul li {
                    z-index: 0;
                    height: 100%;
                    position: relative;
                    margin-right: .3rem;
                }
                
                #nav ul li a {
                    display: block;
                    padding: 0px;
                    position: relative;
                    z-index: 2;
                }
                
                #nav ul li h3 {
                    font-size: 0.24rem;
                    color: rgb(255, 255, 255);
                    line-height: 0.6rem;
                    position: relative;
                    transition: all 0.36s ease 0s;
                    display: inline-block;
                    white-space: nowrap;
                }
                
                #nav ul li h3::after {
                    content: "";
                    position: absolute;
                    left: 50%;
                    bottom: 0px;
                    transition: all 0.6s ease 0s;
                    border: 0.1rem solid transparent;
                    border-bottom: 0.1rem solid #fff;
                    margin-left: -0.12rem;
                    opacity: 0;
                    z-index: 9;
                }
                
                #nav ul li:hover h3::after {
                    opacity: 1;
                    visibility: visible;
                }
                
                #nav ul li a i {
                    margin: -3px 0px 0px 0.1rem;
                    display: inline-block;
                    width: 10px;
                    height: 5px;
                    transition: all 0.5s ease 0s;
                }
                
                #nav ul li a i {
                    display: inline-block;
                    width: 9px;
                    height: 6px;
                    background-size: contain;
                    vertical-align: middle;
                    margin-left: 8px;
                }
                
                #nav ul li .sub {
                    position: absolute;
                    top: 100%;
                    background: #fff;
                    width: auto;
                    left: 50%;
                    z-index: 10000;
                    transform: translateX(-50%) scaleY(0);
                    visibility: hidden;
                    opacity: 0;
                    transition: all 0.5s ease 0s;
                    transform-origin: center top;
                    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
                    border-radius: 0px 0px 0.08rem 0.08rem;
                }
                
                #nav ul li .sub::after {
                    content: "";
                    height: 3px;
                    width: 100%;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    background: #0c487d;
                }
                
                #nav ul li .sub .box {
                    padding: 0.14rem 0px;
                    text-align: center;
                }
                
                #nav ul li .sub a {
                    padding: 8px 30px;
                    line-height: 0.28rem;
                    transition: all 0.6s ease 0s;
                    font-size: 0.16rem;
                    color: #333;
                    text-align: center;
                    white-space: nowrap;
                    min-width: 1.6rem;
                    font-family: 'bell';
                }
                
                #nav ul li .sub a:hover {
                    color: #fff;
                    background: #0c487d;
                }
                
                #nav ul li:hover .sub {
                    opacity: 1;
                    visibility: visible;
                    transform: translateX(-50%) scaleY(1);
                }
                
                #header.xg #nav ul li.on a h3,
                #header.xg #nav ul li:hover a h3,
                .body_home.showdiv #header #nav ul li:hover a h3,
                .body_home.showdiv #header #nav ul li.on a h3 {
                    color: #fff;
                    opacity: .7
                }
                
                #nav>ul>li h3::before {
                    content: "";
                    position: absolute;
                    width: 12px;
                    height: 12px;
                    right: -0.22rem;
                    top: 50%;
                    margin-top: -6px;
                    transition: all 0.3s ease 0s;
                    display: none;
                }
                
                #nav>ul>li.xiala h3::before {
                    display: block;
                }
                
                #nav>ul>li:hover h3::after,
                #nav ul li.on h3::after {
                    transform: scale(1);
                }
                
                #nav>ul>li.noSubMenu h3::before {
                    display: none;
                }
                
                .search_btn {
                    cursor: pointer;
                    text-align: center;
                    float: left;
                    transition: all 0.6s ease 0s;
                    margin: 0px;
                    position: relative;
                }
                
                .search_btn img {
                    margin: 0px;
                }
                
                #header.xg::before,
                .body_home.showdiv #header::before {
                    height: 1.1rem;
                    background: #5877ba;
                }
                
                .header_box .xg .w1200 {
                    align-items: center;
                }
                
                .header_box .xg .header_top {
                    display: none;
                }
                
                .header_box .xg .sstop {
                    top: 0;
                }
                
                #m_nav * {
                    transition: all 0s ease 0s;
                }
                
                .m_header_box {
                    transition: all 0.6s ease 0s;
                    display: none;
                    position: relative;
                    z-index: 100000;
                }
                
                .m_header_box header {
                    padding: 0px 0px 0px 15px;
                    height: 0.7rem;
                    background: #0B3B85;
                    box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;
                    position: fixed;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    z-index: 100;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                
                .m_header_box header #logo img {
                    height: auto;
                    max-height: 0.6rem;
                    margin-top: 0.04rem;
                }
                
                .m_header_box header #logo {
                    padding: 0px;
                    width: calc(100% - 80px);
                }
                
                #nav_btn_box.on {
                    background: none;
                }
                
                #nav_btn_box {
                    position: relative;
                    width: 0.7rem;
                    height: 0.7rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 1;
                }
                
                #nav_btn_box::before {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    top: 0px;
                    right: 0px;
                    bottom: 0px;
                    left: 0px;
                    background: rgb(255, 255, 255);
                }
                
                #nav_btn_box::after {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    top: 0px;
                    left: -.15rem;
                    border-right: .15rem solid rgb(255, 255, 255);
                    border-top: 0.7rem solid transparent;
                    display: none;
                }
                
                #nav_btn {
                    cursor: pointer;
                    text-align: center;
                    z-index: 99999;
                    transition: all 0.5s ease 0s;
                    outline: none;
                    box-shadow: none;
                }
                
                #nav_btn .point {
                    display: inline-block;
                    width: 0.4rem;
                    height: 22px;
                    position: relative;
                    outline: none;
                }
                
                #nav_btn .point:hover .navbtn,
                #nav_btn .point:hover .navbtn::after,
                #nav_btn .point:hover .navbtn::before {
                    width: 0.28rem;
                }
                
                #nav_btn .navbtn {
                    position: absolute;
                    top: 12px;
                    left: 0px;
                    display: inline-block;
                    width: 18px;
                    height: 2px;
                    transition: all 0.3s ease-out 0s;
                    background: #0c487d;
                }
                
                #nav_btn .navbtn::after,
                #nav_btn .navbtn::before {
                    position: absolute;
                    left: 0px;
                    display: inline-block;
                    width: 24px;
                    height: 2px;
                    content: "";
                    transition: all 0.3s ease-out 0s;
                    background: #0c487d;
                }
                
                #nav_btn .navbtn::after {
                    top: -8px;
                }
                
                #nav_btn .navbtn::before {
                    top: 8px;
                }
                
                #nav_btn .point.on .navbtn {
                    background: transparent;
                }
                
                #nav_btn .point.on .navbtn::after {
                    transform: rotate(45deg);
                    top: 0px;
                }
                
                #nav_btn .point.on .navbtn::before {
                    transform: rotate(-45deg);
                    top: 0px;
                }
                
                .m_nav_list {
                    flex-direction: column;
                    width: 100%;
                    height: 100%;
                    overflow: auto;
                    align-items: center;
                    display: flex;
                    background: rgba(255, 255, 255, 0.1);
                }
                
                .m_nav_list::-webkit-scrollbar {
                    display: none;
                }
                
                #m_nav {
                    z-index: 99999;
                    position: fixed;
                    width: 100%;
                    height: 100vh;
                    right: -105vw;
                    top: 0px;
                    padding: 70px 20px 30px;
                    overflow: hidden;
                    pointer-events: none;
                    transition: all 0.3s ease-out 0s;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    background: 0% 0% / cover rgb(247, 247, 247);
                    opacity: 0;
                    visibility: hidden;
                }
                
                #m_nav .close {
                    position: absolute;
                    top: 7px;
                    right: 15px;
                    left: 15px;
                    font-size: 30px;
                    color: rgb(51, 51, 51);
                    z-index: 10000;
                    width: auto;
                    height: 35px;
                    border-radius: 0px;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    padding: 0px;
                }
                
                #m_nav.act {
                    pointer-events: auto;
                    right: 0px;
                    opacity: 1;
                    visibility: visible;
                }
                
                #m_nav .search_box input.submit {
                    background: url("../images/submit.svg") center center / 0.28rem no-repeat rgb(6, 86, 183);
                }
                
                #m_nav .list_box0 {
                    width: 90%;
                    margin: 0.32rem auto 0px;
                }
                
                #m_nav .list_box0 .li {
                    text-align: center;
                    color: #660774;
                    margin: 0px 0rem 0.15rem;
                    font-size: 14px;
                }
                
                #m_nav .list_box0 .li a {
                    background: none;
                    padding: 0 0.2rem 0 0;
                }
                
                #m_nav .old_rukou {
                    margin: 0.24rem 0px 0px;
                    width: 100%;
                }
                
                .list_box_nav_mobile {
                    width: 100%;
                    height: 80%;
                    padding: 0px 0px 10px;
                    overflow-y: auto;
                    margin: 0px;
                    /* flex: 1 1 0%; */
                }
                
                .list_box_nav_mobile>li {
                    width: 90%;
                    overflow: hidden;
                    border-bottom: 1px solid rgb(226, 226, 226);

                    padding: 0px;
                    position: relative;
                    margin: 0px auto;
                }
                
                .list_box_nav_mobile>li .con {
                    position: relative;
                }
                
                .list_box_nav_mobile>li .a {
                    width: 100%;
                    line-height: 0.64rem;
                    color: rgb(51, 51, 51);
                    padding: 0px;
                    font-size: 16px;
                    display: flex;
                    position: relative;
                    transition: all 0.5s ease 0s;
                }
                
                .list_box_nav_mobile>li i {
                    opacity: 1;
                    width: 0.64rem;
                    height: 0.64rem;
                    background-image: url("../images/arrow_down.svg");
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-attachment: initial;
                    background-origin: initial;
                    background-clip: initial;
                    background-color: initial;
                    position: absolute;
                    display: block;
                    right: 0px;
                    top: 2px;
                    background-size: 15px 15px !important;
                }
                
                .list_box_nav_mobile>li.on1 i {
                    transform: rotate(-90deg);
                }
                
                .list_box_nav_mobile>li.on{
                    border-bottom: 1px solid rgb(226, 226, 226);
                }
                
                .list_box_nav_mobile>li .list {
                    padding: 10px 0px;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                    display: none;
                }
                
                .list_box_nav_mobile>li .list a {
                    display: block;
                    font-size: 13px;
                    color: rgb(102, 102, 102);
                    line-height: 2.5;
                }
                
                .nav_mask {
                    position: fixed;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    z-index: 888;
                    background-color: rgba(0, 0, 0, 0.4);
                    display: none;
                }
                /*顶部搜索*/
                
                .wap_search {
                    font-size: 0.16rem;
                    border-radius: 0.05rem;
                    color: #fff;
                    text-align: center;
                    letter-spacing: 0.02rem;
                    overflow: hidden;
                    width: 100%;
                    height: 0.85rem;
                    display: block;
                    margin-bottom: 10px;
                }
                
                .wap_search form {
                    height: 0.4rem;
                    border-radius: 0.2rem;
                    background: rgb(255 255 255);
                    position: relative;
                    width: 3.68rem;
                    margin: 0.1rem auto;
                }
                
                .wap_search .input {
                    font-size: 16px;
                    color: #646464;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    padding: 0 24px;
                    box-shadow: none;
                    -webkit-appearance: none;
                    float: left;
                    border-right: 0;
                    background: none;
                    width: calc(100% - 0.4rem);
                }
                
                .wap_search .btn_blue {
                    position: absolute;
                    cursor: pointer;
                    top: 0;
                    right: 0;
                    width: 0.4rem;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    border: 0;
                    background: url(../images/submit.svg) center no-repeat #00447d;
                    background-size: .18rem auto;
                    border-radius: 0.2rem;
                }
                
                .wap_search .btn_blue.fr {
                    background: #e9edef;
                    color: #4e4f53;
                }
                
                .wap_search input::-webkit-input-placeholder {
                    color: #999;
                }
                
                .wap_search input::-moz-placeholder {
                    /* Mozilla Firefox 19+ */
                    color: #999;
                }
                
                .wap_search input:-moz-placeholder {
                    /* Mozilla Firefox 4 to 18 */
                    color: #999;
                }
                
                .wap_search input:-ms-input-placeholder {
                    /* Internet Explorer 10-11 */
                    color: #999;
                }
                /* WebKit browsers */
                
                .wap_search input:focus::-webkit-input-placeholder {
                    color: transparent;
                    /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
                }
                /* Mozilla Firefox 4 to 18 */
                
                .wap_search input:focus:-moz-placeholder {
                    color: transparent;
                }
                /* Mozilla Firefox 19+ */
                
                .wap_search input:focus::-moz-placeholder {
                    color: transparent;
                }
                /* Internet Explorer 10+ */
                
                .wap_search input:focus:-ms-input-placeholder {
                    color: transparent;
                }
                /* 点击搜索框获取焦点 placeholder消失-结束 */
                /* search */
                /* pc搜索 */
                
                .search_btn {
                    cursor: pointer;
                }
                
                .search_btn svg {
                    fill: rgb(255, 255, 255);
                    width: 16px;
                    height: 16px;
                }
                
                .search-dialog-box {
                    position: fixed;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 100vh;
                    z-index: 1000000;
                    opacity: 0;
                    visibility: hidden;
                    transition: all 0.6s ease 0s;
                }
                
                .search-dialog-box::before {
                    content: "";
                    position: absolute;
                    top: 0px;
                    height: 0px;
                    background: rgb(14, 93, 168);
                    transition: all 0.6s ease 0s;
                    left: 0px;
                    right: 0px;
                    z-index: 1;
                    opacity: 0.9;
                }
                
                .search-dialog-box.on::before {
                    height: 100%;
                    display: none;
                }
                
                .search-dialog-box .bubbles-bg {
                    opacity: 0;
                    visibility: hidden;
                    display: none;
                }
                
                .search-dialog-box .search-bg {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 0px;
                    margin: 0px;
                    background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7);
                    transform-origin: center center;
                    transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
                }
                
                .search-dialog-box .wrap-inner {
                    transform: translateY(100%);
                    transition: all 0.6s ease 0s;
                }
                
                .search-dialog {
                    position: absolute;
                    left: 0px;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 100%;
                    z-index: 2;
                }
                
                .search-dialog .search-tit {
                    font-size: 0.44rem;
                    line-height: 0.56rem;
                    color: rgb(255, 255, 255);
                    text-align: center;
                    overflow: hidden;
                    display: none;
                }
                
                .search-dialog .search-inner {
                    overflow: hidden;
                    margin-top: 0px;
                }
                
                .search-dialog .search-input {
                    width: 8rem;
                    margin: 0px auto;
                    background-color: rgba(255, 255, 255, 0.1);
                    box-sizing: border-box;
                    transition: all 0.3s ease 0s;
                    max-width: 94%;
                }
                
                .search-dialog .search-input input[type="text"] {
                    float: left;
                    height: 0.7rem;
                    width: calc(100% - 1rem);
                    background-color: rgb(255, 255, 255);
                    font-size: 0.2rem;
                    line-height: 0.08rem;
                    color: #666;
                    transition: all 0.3s ease 0s;
                    padding: 0px 0.2rem;
                }
                
                .search-dialog .search-input input[type="submit"],
                .search-dialog .search-input .clear-btn {
                    float: right;
                    height: 0.7rem;
                    width: 1rem;
                }
                
                .search-dialog .search-input input[type="submit"] {
                    background-color: #0B3B85;
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: 0.4rem;
                    background-image: url("../images/search-btn.svg");
                    font-size: .2rem;
                    color: #fff;
                }
                
                .search-dialog .search-input .clear-btn {
                    background-color: rgba(0, 0, 0, 0.2);
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-image: url("../images/close-btn.svg");
                    background-size: 0.56rem;
                    border-radius: 100%;
                    margin-right: 0.16rem;
                    display: none;
                }
                
                .search-dialog .search-input.on {
                    background-color: rgb(255, 255, 255);
                }
                
                .search-dialog .hot-search {
                    font-size: 0px;
                    width: 0.49rem;
                    margin: 0.096rem auto 0px;
                    box-sizing: border-box;
                    padding: 0px 0.096rem;
                    overflow: hidden;
                }
                
                .search-dialog .hot-search .hot-tit,
                .search-dialog .hot-search .hot-link {
                    display: inline-block;
                    zoom: 1;
                    vertical-align: top;
                }
                
                .search-dialog .hot-search .hot-tit {
                    font-size: 0.06rem;
                    line-height: 0.08rem;
                    color: rgb(255, 255, 255);
                    font-weight: bold;
                    padding-left: 0.096rem;
                    background-repeat: no-repeat;
                    background-position: left center;
                    background-size: 0.08rem;
                }
                
                .search-dialog .hot-link {
                    margin-left: 0.16rem;
                }
                
                .search-dialog .hot-link a {
                    display: inline-block;
                    zoom: 1;
                    font-size: 0.06rem;
                    line-height: 0.08rem;
                    margin-right: 0.12rem;
                    color: rgb(255, 255, 255);
                    padding-bottom: 5px;
                    position: relative;
                }
                
                .search-dialog .hot-link a::before {
                    content: "";
                    position: absolute;
                    left: 0%;
                    bottom: 0px;
                    width: 100%;
                    height: 2px;
                    background-color: rgb(255, 255, 255);
                    transform: scaleX(0);
                    transform-origin: left center;
                    transition: transform 0.3s ease 0s;
                }
                
                .search-dialog-box .bottom-box {
                    position: absolute;
                    left: 0px;
                    bottom: 5.1%;
                    width: 100%;
                }
                
                .search-dialog-box .bottom-box .share-box {
                    overflow: hidden;
                }
                
                .search-dialog-box .bottom-box .copy {
                    font-size: 0.35rem;
                    line-height: 0.5rem;
                    color: rgb(255, 255, 255);
                    font-family: gilroy-regular;
                    margin-top: 0.5rem;
                    overflow: hidden;
                }
                
                .header-right.is-open .bubbles-bg {
                    visibility: visible;
                    opacity: 1;
                }
                
                .header-right.is-open .search-btn .con-box {
                    display: none;
                }
                
                .header-right.is-open .close-btn {
                    display: block;
                }
                
                .header-right.is-open .item .search-bg {
                    transform: scale(1);
                }
                
                .search-dialog-box.on {
                    opacity: 1;
                    visibility: visible;
                }
                
                .search-dialog-box.on .search-bg {
                    height: 100vh;
                }
                
                .search-dialog-box.on .bubbles-bg {
                    opacity: 1;
                    visibility: visible;
                }
                
                .search-dialog-box.on .wrap-inner {
                    transform: translateY(0px);
                }
                
                .pub-close {
                    position: absolute;
                    width: 0.48rem;
                    height: 0.48rem;
                    z-index: 10;
                    right: 0.24rem;
                    top: 0.216rem;
                    background-color: rgba(255, 255, 255, 0.3);
                    border-radius: 100%;
                }
                
                .pub-close .bg {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 100%;
                    background-color: rgb(28, 90, 183);
                    transform: scale(0);
                    border-radius: 100%;
                    transition: transform 0.3s ease 0s;
                }
                
                .pub-close i {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 100%;
                    background-position: center center;
                    background-size: 0.12rem;
                    background-repeat: no-repeat;
                    background-image: url("../images/close-btn.svg");
                    transition: all 0.6s ease 0s;
                }
                
                .pub-close i:hover {
                    transform: rotate(180deg);
                }
                
                @keyframes spin {
                    100% {
                        transform: rotate(1turn);
                    }
                }
                
                @keyframes spin2 {
                    100% {
                        transform: rotate(-1turn);
                    }
                }
                
                @keyframes spin-reverse {
                    0% {
                        transform: rotate(1turn);
                    }
                }
                
                @keyframes spin-reverse2 {
                    0% {
                        transform: rotate(-1turn);
                    }
                }
                /* banner */
                
                .banner-slick a {
                    display: block;
                }
                
                .banner-slick a img {
                    display: block;
                    width: 100%;
                }
                
                .banner-slick .slick-dots {
                    bottom: 0.3rem;
                }
                
                .banner-slick .slick-dots li {
                    width: 0.12rem;
                    height: 0.12rem;
                    border: 0.01rem solid #fff;
                    margin: 0 0.1rem;
                    border-radius: 50%;
                    transition: all .3s;
                }
                
                .banner-slick .slick-dots li.slick-active {
                    width: 0.2rem;
                    height: 0.12rem;
                    border-radius: 0.2rem;
                    background: #fff;
                }
                /* 头部整屏下滑 */
                
                .fix-top {
                    position: relative;
                    top: 100%;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s;
                    -webkit-transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s;
                    -moz-transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s;
                    -ms-transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s;
                    -o-transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s;
                    z-index: -1;
                    overflow: hidden;
                    overflow-y: scroll;
                }
                
                .fix-top.showdiv {
                    top: 0rem;
                    z-index: 99;
                }
                
                .ar_web {
                    overflow: hidden;
                    position: fixed!important;
                    top: 0rem;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 1;
                }
                
                .fix-top::-webkit-scrollbar {
                    width: 4px;
                    height: 8px;
                    background-color: #F5F5F5;
                }
                
                .fix-top::-webkit-scrollbar-track {
                    border-radius: 10px;
                    background-color: #E2E2E2;
                }
                
                .fix-top::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    background-color: #333;
                }
                
                @media(max-width: 1200px) {
                    .fix-top {
                        top: 0;
                        position: relative !important;
                        overflow: hidden;
                    }
                    .ar_web {
                        top: 0;
                        position: relative !important;
                    }
                    .swipershubaio {
                        display: none;
                    }
                }
                /* 第一部分 */
                
                .home1 {
                    position: relative;
                    background: url(../images/bg1.png) no-repeat right center;
                    background-size: 4.02rem auto;
                }
                
                .home1::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 4.84rem;
                    bottom: 0;
                    background: url(../images/home1-bgl.png) no-repeat left center;
                }
                
                .section1 {
                    position: relative;
                    padding-top: 0.7rem;
                    padding-bottom: 0.6rem;
                    background: #ffffff75;
                }
                
                .title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 0.3rem;
                }
                
                .title h2 {
                    position: relative;
                    font-size: 0;
                    font-weight: normal;
                }
                
                .title h2 span {
                    position: absolute;
                    left: -2rem;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 1.44rem;
                    font-weight: 900;
                    color: transparent;
                    -webkit-text-fill-color: transparent;
                    -webkit-text-stroke: 0.01rem #F3F3F3;
                    text-transform: uppercase;
                    white-space: nowrap;
                    font-family: "sisong-heavy";
                }
                
                .title h2 p {
                    position: relative;
                    display: inline-block;
                    font-size: 0.36rem;
                    color: #000000;
                    font-family: "sisong-regular";
                    vertical-align: middle;
                    z-index: 9;
                }
                
                .title .more a {
                    position: relative;
                    right: 0;
                    line-height: .3rem;
                    padding-right: 0.55rem;
                    display: block;
                    background: url(../images/more.png) no-repeat right center;
                    background-size: 0.52rem auto;
                    font-size: 16px;
                    color: #646464;
                    transition: all .3s;
                    font-family: "sisong-regular";
                }
                
                .title .more a:hover {
                    right: 0.05rem;
                    color: #00447d;
                }
                
                .s1-l {
                    width: 59.28%;
                }
                
                .s1-r {
                    width: 36.428%;
                }
                
                .news {
                    border: 0.01rem solid #EEEEEE;
                }
                
                .news a {
                    display: block;
                }
                
                .news a .pic {
                    padding-top: 55.42%;
                }
                
                .date {
                    position: absolute;
                    background: #5877ba;
                    background-size: 100% 100%;
                    color: #fff;
                    text-align: center;
                }
                
                .news a .date {
                    width: 0.8rem;
                    height: 0.9rem;
                    right: 0;
                    top: -0.4rem;
                    z-index: 9;
                }
                
                .news a .date p {
                    padding-top: 0.15rem;
                    font-size: 0.36rem;
                }
                
                .news a .date span {
                    display: block;
                    font-size: 0.16rem;
                    line-height: 0.24rem;
                }
                
                .news a .text {
                    position: relative;
                    padding: .3rem .3rem .9rem .3rem;
                    background: #fff;
                }
                
                .news a .text>h2 {
                    font-size: .22rem;
                    color: #333;
                    margin-bottom: .2rem;
                    overflow: hidden;
                    margin-right: .5rem;
                }
                
                .news a:hover .text>h2 {
                    color: #00447d;
                }
                
                .news a .text>p {
                    line-height: .32rem;
                    height: .72rem;
                    font-size: .16rem;
                    color: #9e9e9e;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    line-clamp: 3;
                    -webkit-box-orient: vertical;
                }
                
                .news .slick-dots {
                    text-align: center;
                    bottom: .35rem;
                }
                
                .news .slick-dots li {
                    width: auto;
                    height: auto;
                    margin: 0 0.1rem;
                    background-position: center right;
                }
                
                .news .slick-dots li.slick-active {
                    padding-right: 0.3rem;
                    background: url(../images/s1-l-more.png) no-repeat center right;
                    background-size: .3rem auto;
                }
                
                .news .slick-dots li span {
                    display: block;
                    width: 100%;
                    height: 100%;
                    font-size: 0.22rem;
                    color: #9E9E9E;
                    transition: all .6s;
                }
                
                .news .slick-dots li.slick-active span {
                    color: #5877ba;
                }
                
                .s1-r ul li a {
                    display: block;
                }
                
                .s1-r ul li a .pic {
                    padding-top: 50.98%;
                }
                
                .s1-r ul li a .text {
                    position: relative;
                    height: 0.85rem;
                    display: flex;
                    align-items: center;
                    padding-right: 0.7rem;
                }
                
                .s1-r ul li a .text h2 {
                    font-size: 0.22rem;
                    font-weight: normal;
                    line-height: 0.36rem;
                    color: #333333;
                    height: 0.72rem;
                    transition: all .6s;
                }
                
                .s1-r ul li:hover a .text h2 {
                    color: #00447d;
                }
                
                .s1-r ul li a .text .date {
                    width: 0.66rem;
                    height: 0.75rem;
                    right: 0;
                    top: -0.2rem;
                }
                
                .s1-r ul li a .text .date p {
                    font-size: 0.3rem;
                    padding-top: 0.1rem;
                }
                
                .s1-r ul li a .text .date span {
                    display: block;
                    padding-top: 0.05rem;
                    font-size: 0.14rem;
                }
                
                .section2 {
                    padding-top: 0.7rem;
                    padding-bottom: 0.75rem;
                    position: relative;
                }
                
                .section2::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 300px;
                    height: 1200px;
                    /* bottom: -594px; */
                    background: url(../images/s2-bg.png) no-repeat center top;
                    background-size: 100% auto;
                    z-index: -1;
                }
                
                .s2 {
                    padding-top: 20px;
                }
                
                .s2 ul {
                    margin: 0 -.15rem;
                }
                
                .s2 ul li a {
                    position: relative;
                    display: block;
                    margin: 0 .15rem;
                    cursor: url('../images/s2-more.png'), auto;
                }
                
                .s2 ul li a::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    top: 0;
                }
                
                .s2 ul li.slick-current.slick-active a::after {
                    background: url(../images/s2-bg1.png) no-repeat center bottom;
                    background-size: 100% auto;
                }
                
                .s2 ul li.slick-current.slick-active+li a::after {
                    background: url(../images/s2-bg2.png) no-repeat center bottom;
                    background-size: 100% auto;
                }
                
                .s2 ul li.slick-current.slick-active+li+li a::after {
                    background: url(../images/s2-bg3.png) no-repeat center bottom;
                    background-size: 100% auto;
                }
                
                .s2 ul li a .pic {
                    padding-top: 133.333%;
                }
                
                .s2 ul li a .text {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    padding: 0.3rem;
                    z-index: 9;
                }
                
                .s2 ul li a .text h2 {
                    width: 50%;
                    padding-bottom: 0.1rem;
                    background: url(../images/s2-bt-bg.png) no-repeat left bottom;
                    background-size: 100% auto;
                    font-size: 0.28rem;
                    color: #fff;
                    font-weight: normal;
                }
                
                .s2 ul li a .text p {
                    margin-top: 0.1rem;
                    font-size: 0.14rem;
                    font-weight: normal;
                    line-height: 0.24rem;
                    color: #FFFFFF;
                    height: 0.48rem;
                }
                
                .s2 ul li a .text .more {
                    position: absolute;
                    right: -0.3rem;
                    bottom: 0.3rem;
                    width: 0.6rem;
                    height: 0.6rem;
                    background: url(../images/s2-more.png) no-repeat center center;
                    background-size: 100% 100%;
                    opacity: 0;
                    z-index: -1;
                    transition: all .6s;
                }
                /* .s2 ul li:hover a .text .more {
                    opacity: 1;
                    z-index: 9;
                } */
                
                .s2 ul li:hover img {
                    transform: scale(1.1);
                }
                
                .section3 {
                    padding: .4rem 0;
                    background: #ffffff75;
                }
                
                .s3 {
                    padding-top: .1rem;
                }
                
                .s3 ul li {
                    width: 48%;
                    border: 0.01rem solid #000000;
                    margin-top: 0.5rem;
                    transition: all .6s;
                }

li.wow.fadeInUp.animated {}
                
                .s3 ul li a {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 0.4rem 0.3rem;
                }
                
                .s3 ul li:hover a {
                    background: #fbecf3;
                    background-size: cover;
                }
                
                .s3 ul li a .text {
                    width: 52%;
                }
                
                .s3 ul li a .text h2 {
                    font-size: 0.2rem;
                    font-weight: normal;
                    line-height: 0.36rem;
                    color: #000000;
                    height: 0.72rem;
                    transition: all .6s;
                }
                
                .s3 ul li:hover a .text h2 {
                    color: #000000;
                }
                
                .s3 ul li a .text p {
                    margin: 0.1rem 0;
                    font-size: 0.14rem;
                    font-weight: normal;
                    line-height: 0.28rem;
                    height: 0.56rem;
                    color: #9E9E9E;
                    transition: all .6s;
                }
                
                .s3 ul li:hover a .text p {
                    color: #fff;
                }
                
                .s3 ul li a .text span {
                    font-size: 0.16rem;
                    font-weight: normal;
                    line-height: 0.28rem;
                    color: #000000;
                    font-family: Georgia;
                    transition: all .6s;
                }
                
                .s3 ul li:hover a .text span {
                    color: #000000;
                }
                
                .s3 ul li a .tpp {
                    width: 40%;
                }
                
                .s3 ul li a .tpp .pic {
                    padding-top: 69.23%;
                }
                
                .section4 {
                    position: relative;
                    padding-top: .7rem;
                    margin-bottom: 1rem;
                }
                
                .section4::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: -0.4rem;
                    background: url(../images/s4-bg.png) no-repeat center center;
                    width: 6.53rem;
                    height: 9.44rem;
                    background-size: 6.53rem auto;
                    z-index: -1;
                }
                
                .s4 a {
                    display: block;
                    position: relative;
                    padding-left: 3.35rem;
                }
                
                .s4 a .text {
                    position: absolute;
                    padding: 0.4rem;
                    left: 0.02rem;
                    bottom: 0.15rem;
                    width: 3.72rem;
                    height: 4.74rem;
                    background: #0b3b8557;
                    background-size: cover;
                    box-shadow: 0 0 10px rgba(162, 162, 162, 0.1);
                    z-index: 9;
                }
                
                .s4 a .text h2 {
                    font-size: 0.2rem;
                    font-weight: normal;
                    line-height: 0.36rem;
                    color: #333333;
                    height: 1.08rem;
                    transition: all .6s;
                }
                
                .s4 a:hover .text h2 {
                    color: #00447d;
                }
                
                .s4 a .text p {
                    margin-top: 0.3rem;
                    font-size: 0.14rem;
                    font-weight: normal;
                    line-height: 0.3rem;
                    height: 0.9rem;
                    color: #9E9E9E;
                    z-index: 9;
                }
                
                .s4 a .tpp .pic {
                    padding-top: 62.264%;
                }
                
                .s4 .slick-dots {
                    text-align: center;
                    width: auto;
                    right: auto;
                    left: .35rem;
                    bottom: 1rem;
                }
                
                .s4 .slick-dots li {
                    width: auto;
                    height: auto;
                    margin: 0 0.1rem;
                    background-position: center right;
                }
                
                .s4 .slick-dots li.slick-active {
                    padding-right: 0.3rem;
                    background: url(../images/s4-more.png) no-repeat center right;
                    background-size: .3rem auto;
                }
                
                .s4 .slick-dots li span {
                    display: block;
                    width: 100%;
                    height: 100%;
                    font-size: 0.22rem;
                    color: #9E9E9E;
                    transition: all .6s;
                }
                
                .s4 .slick-dots li.slick-active span {
                    color: #ffffff;
                }
                
                .section5 {
                    position: relative;
                    padding-top: 0.9rem;
                    padding-bottom: 0.75rem;
                }
                
                .section5::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: -1.5rem;
                    bottom: 0;
                    background: url(../images/s5-bg.png) no-repeat center top;
                    background-size: 100% auto;
                    z-index: -1;
                }
                
                .sect5 ul li {
                    width: 48%;
                }
                
                .sect5 ul li a {
                    position: relative;
                    display: block;
                }
                
                .sect5 ul li a::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                }
                
                .sect5 ul li a .pic {
                    padding-top: 38.63%;
                }
                
                .sect5 ul li:hover a .pic img {
                    transform: scale(1.1);
                }
                
                .sect5 ul li:nth-child(1) a::after {
                    background: url(../images/s5-tc1.png) no-repeat left center;
                    background-size: auto 100%;
                }
                
                .sect5 ul li:nth-child(2) a::after {
                    background: url(../images/s5-tc2.png) no-repeat left center;
                    background-size: auto 100%;
                }
                
                .sect5 ul li a .text {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    width: 1.6rem;
                    display: flex;
                    justify-content: center;
                    align-items: flex-end;
                    z-index: 9;
                }
                
                .sect5 ul li a .text span {
                    display: block;
                    width: 0.3rem;
                    font-size: 0.3rem;
                    font-weight: 900;
                    text-transform: uppercase;
                    color: #FFFFFF;
                    padding-bottom: 0.4rem;
                    font-family: "sisong";
                }
                
                .sect5 ul li a .text .more {
                    position: relative;
                    width: 0.12rem;
                    font-size: 0.12rem;
                    color: #fff;
                    margin-left: 0.4rem;
                    padding-bottom: 0.5rem;
                    top: 0;
                    transition: all .6s;
                }
                
                .sect5 ul li:hover a .text .more {
                    top: -5px;
                    font-size: .14rem;
                }
                
                .sect5 ul li a .text .more::after {
                    content: "";
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 0.01rem;
                    bottom: 0;
                    height: 0.4rem;
                    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
                }
                /* foot */
                
                footer {
                    background: #454749;
                }
                
                .foot {
                    align-items: center;
                    padding: .3rem .15rem;
                }
                
                .fot-l p {
                    font-size: 0.2rem;
                    font-weight: normal;
                    line-height: 0.48rem;
                    color: #FFFFFF;
                    font-family: "sisong-regular";
                }
                
                .fot-r {
                    text-align: center;
                }
                
                .fot-r .ewm p {
                    font-size: 0.14rem;
                    font-weight: normal;
                    line-height: 0.48rem;
                    color: #FFFFFF;
                    font-family: "sisong-regular";
                }
                
                @media screen and (max-width: 1600px) {}
                
                @media screen and (max-width: 1400px) {
                    #nav ul li {
                        margin-right: .2rem;
                    }
                }
                
                @media screen and (max-width: 1200px) {
                    .title h2 span {
                        left: 0;
                        font-size: 1rem;
                    }
                    .s2 ul li a .text .more {
                        right: 0;
                        bottom: 1.5rem;
                    }
                }
                
                @media screen and (max-width: 1000px) {
                    .s4 a .text {
                        top: 0;
                        bottom: 0;
                        height: auto;
                    }
                    .s4 .slick-dots {
                        bottom: .3rem;
                    }
                    .sect5 ul li a .text {
                        width: 1rem;
                    }
                    .sect5 ul li a .text span {
                        font-size: .2rem;
                    }
                    .sect5 ul li a .text .more {
                        margin-left: .1rem;
                    }
                }
                
                @media screen and (max-width: 700px) {
                    .section1 {
                        padding: .2rem 0;
                    }
                    .s1 {
                        display: block;
                    }
                    .s1-l {
                        width: 100%;
                        margin-bottom: .15rem;
                    }
                    .s1-r {
                        width: 100%;
                    }
                    .title h2 span {
                        font-size: .6rem;
                    }
                    .section2 {
                        padding: .2rem 0;
                    }
                    .s2 ul {
                        display: block;
                    }
                    .s2 ul li {
                        width: 100%;
                        margin-bottom: .15rem;
                    }
                    .section3 {
                        padding: .15rem 0;
                    }
                    .s3 ul li {
                        margin-top: .15rem;
                        width: 100%;
                    }
                    .s3 ul li a {
                        padding: .15rem;
                    }
                    .section4 {
                        padding-top: .15rem;
                    }
                    .s4 a {
                        padding-left: 0;
                    }
                    .s4 a .text {
                        position: static;
                        width: 100%;
                        padding: .15rem;
                        padding-bottom: .5rem;
                    }
                    .s4 a .text h2 {
                        height: auto;
                    }
                    .s4 .slick-dots {
                        bottom: .1rem;
                    }
                    .section5 {
                        padding: .2rem 0;
                    }
                    .sect5 ul {
                        display: block;
                    }
                    .sect5 ul li {
                        width: 100%;
                        margin-bottom: .15rem;
                    }
                    .foot {
                        display: block;
                    }
                    .fot-l p {
                        line-height: .24rem;
                        margin-bottom: .1rem;
                    }
                }
                
                @media (min-width: 200px) {
                    [aos="zoom-in"] {
                        transform: scale(0.5);
                    }
                    html:not(.no-js) [data-aos=fade-right] {
                        -webkit-transform: translate3d(-150px, 0, 0);
                        transform: translate3d(-150px, 0, 0)
                    }
                    html:not(.no-js) [data-aos=fade-left] {
                        -webkit-transform: translate3d(150px, 0, 0);
                        transform: translate3d(150px, 0, 0)
                    }
                    html:not(.no-js) [data-aos=fade-down] {
                        -webkit-transform: translate3d(-150px, -150px, 0);
                        transform: translate3d(-150px, -150px, 0)
                    }
                }