
@media screen and (max-width: 768px) {
    html {
        font-size: calc(100vw/7.5) !important;
    }

    main,
    article,
    header,
    footer {
        width: 100%;
        overflow-x: hidden;
    }

    /* 公共开始 */
    .inner-banner{
        height: 6rem;
    }
    .inner-banner .wrap .desc{
        margin-bottom: .2rem;
    }
    .social-share .icon-wechat .wechat-qrcode{
        right: -44px;
        left: auto;
    }
    .w1680 {
        padding-left: .36rem !important;
        padding-right: .36rem !important;
    }

    .w1480 {
        padding-left: .36rem !important;
        padding-right: .36rem !important;
    }

    .tit-box .subtit {
        font-size: .26rem;
    }

    .tit-box .tit {
        font-size: .4rem;
        font-weight: 600;
        line-height: 1.4;
    }

    .tit-box .txt {
        margin-top: .4rem;
        font-size: .24rem;
        line-height: 2;
        /* text-align: left; */
    }

    .ibtn {
        font-size: .24rem;
        padding: .15rem .4rem;
    }

    .num-box .prev,
    .num-box .next {
        width: .6rem;
        height: .6rem;
    }

    .num-box .page_num .num {
        width: .6rem;
        height: .6rem;
    }

    /* 公共结束 */

    /* 底部开始 */
    .footer {
        padding-top: 1.25rem;
    }

    .footer .wrap .top {
        gap: .48rem;
        flex-direction: column;
        margin-bottom: .8rem;
    }

    .footer .wrap .top .logo {
        height: .5rem;
    }

    .footer .wrap .top .rg {
        flex-direction: column;
    }

    .footer .wrap .top .rg .group_box .btn {
        min-width: 4.4rem;
        border-radius: .4rem;
    }
    .footer .wrap .top .rg .group_box:hover .plane{
        padding-bottom: 1rem;
    }

    .footer .wrap .top .rg .media_list {
        gap: .32rem;
    }

    .footer .wrap .line {
        display: none;
    }

    .footer .wrap .top .rg .media_list .item {
        width: .54rem;
        height: .54rem;
    }

    .footer .wrap .center {
        flex-direction: column-reverse;
    }

    .footer .wrap .center .nav {
        flex-direction: column;
        gap: .6rem;
        padding-bottom: .8rem;
        border-bottom: 1px solid #d5d5d55e;
    }

    .footer .wrap .center .nav .item {
        width: 100%;
    }

    .footer .wrap .center .nav .item .info {
        display: none;
    }

    .footer .wrap .center .nav .item .itop {
        display: flex;
        justify-content: space-between;
    }

    .footer .wrap .center .nav .item .itop .icon {
        width: .24rem;
        height: .24rem;
        position: relative;
    }

    .footer .wrap .center .nav .item .itop .icon img {
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: all .4s;
    }

    .footer .wrap .center .nav .item .itop .icon img:nth-child(1) {
        opacity: 1;
    }

    .footer .wrap .center .nav .item.active .itop .icon img:nth-child(1) {
        opacity: 0;
    }

    .footer .wrap .center .nav .item.active .itop .icon img:nth-child(2) {
        opacity: 1;
    }


    .footer .wrap .center .nav .item .tit {
        font-size: .28rem;
    }

    .footer .wrap .center .nav .item .ul .li {
        font-size: .24rem;
        padding: .2rem 0;
    }

    .footer .wrap .center .contact_list {
        padding-top: .8rem;
        align-items: center;
    }

    .footer .wrap .center .contact_list .item .icon {
        width: .4rem;
        height: .4rem;
    }

    .footer .wrap .center .contact_list .item .desc {
        display: flex;
        align-items: center;
        max-width: 100%;
        font-size: .24rem;
    }

    .footer .wrap .center .contact_list .item .desc .label {
        margin-bottom: 0;
    }

    .footer .wrap .bottom {
        border-top: none;
        flex-direction: column-reverse;
        gap: .24rem;
        align-items: center;
        padding-bottom: .4rem;
    }

    .footer .wrap .bottom .copyright,
    .footer .wrap .bottom .policy {
        font-size: .2rem;
    }


    /* 底部结束 */

    /* 首页开始 */
    .part1 .swiper-slide .txt .tit {
        font-size: .4rem;
        max-width: 100%;
    }

    .part2 {
        padding: .8rem 0 0;
    }

    .part2 .tit {
        font-size: .4rem;
    }

    .part2 .top {
        padding: 0 .5rem;
    }

    .part2 .top .p {
        font-size: .28rem;
        text-align: left;
    }

    .part2 .list {
        padding: 0 .5rem;
        flex-wrap: wrap;
        gap: .4rem;
    }

    .part2 .list .item {
        width: calc((100% - .4rem) / 2);

    }

    .part2 .list .item .icon img {
        width: .48rem;
        height: .48rem;
    }

    .part2 .list .item .nums .num {
        font-size: .48rem;
    }

    .part2 .txt {
        text-align: left;
        padding: .6rem .3rem;
        background-position: bottom;
        background-size: 200%;
    }



    .index_con .part3 {
        padding: .8rem .3rem;
    }

    .index_con .part3 .tit {
        font-size: .4rem;
    }

    .index_con .part3 .list1 {
        flex-direction: column;
        row-gap: 0;
    }

    .index_con .part3 .list1 .item {
        flex-direction: column;
        height: auto;
        padding: 0;
    }

    .index_con .part3 .list1 .item .pic {
        position: relative;
        height: 4.2rem;
        width: 100%;
        border-radius: .1rem;
        overflow: hidden;
    }

    .index_con .part3 .list1 .item .pic .ptit {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #FFF;
        font-size: .32rem;
        font-weight: 600;
    }

    .index_con .part3 .list1 .item .card {
        width: 100%;
    }

    .index_con .part3 .list1 .item .card .txt2 .h_1 {
        opacity: 1;
        font-size: .32rem;
        text-align: left;
    }

    .index_con .part3 .list1 .item .card .txt2 .h_2 {
        font-size: .24rem;
        text-align: left;
        color: #E70012;
    }

    .index_con .part3 .list1 .item .card .txt2 .solid {
        background: rgba(0, 0, 0, 0.10);
    }

    .index_con .part3 .list1 .item .card .txt2 .p {
        text-align: left;
        margin-bottom: 0;
        height: auto;
    }

    .index_con .part3 .list1 .item .card .txt2 .solid::before {
        width: 1.6rem;
    }

    .index_con .part3 .list1 .item .card .txt1 {
        color: #333;
        opacity: 0;
        display: none;
    }

    .index_con .part3 .list1 .item .card .txt2 {
        color: #333;
        transform: translateY(0);
        padding: .3rem 0 .6rem;
    }

    .index_con .part3 .list1 .item .card .txt2 .btn {
        position: absolute;
        right: 0;
        top: .45rem;
        color: #333;
        border-color: #333;
    }

    .index_con .part3 .list2 {
        overflow-x: auto;
        padding-bottom: .1rem;
    }

    .index_con .part3 .list2 .item {
        width: 5.4rem;
        height: 6.6rem;
        flex-shrink: 0;

    }
    .index_con .part3 .list2 .item .ibtn{
        transform: translateX(-50%) translateY(0);
        bottom: .6rem;
    }
    .index_con .part3 .list2 .item .txt{
        margin-bottom: 1.55rem;
    }

    .part4 .list .swiper-slide .txt .h {
        font-size: .28rem;
    }

    .part4 {
        padding: .8rem .3rem;
    }

    .part4 .top .btns {
        width: auto;
        gap: .16rem;
    }

    .part4 .top .txt .h {
        font-size: .4rem;
    }

    .part4 .top .btns>div {
        width: .64rem;
        height: .64rem;
    }

    .part4 .list {
        padding: 0;
    }

    .part4 .top {
        padding: 0 0;
    }


    /* 首页结束 */



    /* 关于开始 */
    .abo_page .abo1 {
        padding: .8rem 0 3rem;
    }

    .abo_page .abo1 .wrap .list {
        /* flex-direction: column; */
        flex-wrap: wrap;
        column-gap: .4rem;
        row-gap: .8rem;
    }

    .abo_page .abo1 .wrap .list .item:first-child {
        width: 100%;
    }

    .abo_page .abo1 .wrap .list .item {
        width: calc((100% - .4rem)/2);
        min-width: auto;
    }

    .abo_page .abo2{
        padding: 1.2rem 0 .8rem;
    }

    .abo_page .abo2 .wrap .list {
        flex-wrap: wrap;
        padding: 0;
        column-gap: .2rem;
        row-gap: .2rem;
    }

    .abo_page .abo2 .wrap .list .item {
        width: calc((100% - .2rem)/2);
        padding: .2rem;
    }

    .abo_page .abo3 {
        padding: .8rem 0;
    }

    .abo_page .abo3 .wrap .cont1 .info {
        padding: 0 .4rem;
    }

    .abo_page .abo3 .wrap .cont1 .info .yuan_box {
        margin-bottom: .4rem;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }

    .abo_page .abo3 .wrap .cont1 .info .list {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        column-gap: .4rem;
        row-gap: .6rem;
    }

    .abo_page .abo3 .wrap .cont1 .info .list .item:nth-child(1),
    .abo_page .abo3 .wrap .cont1 .info .list .item:nth-child(2) {
        width: calc((100% - .4rem)/2);
    }

    .abo_page .abo3 .wrap .cont1 .info .list .item {
        position: static;
        width: calc((100% - .8rem)/3);
        transform: translateX(0) translateY(0) !important;
    }

    .abo_page .abo3 .wrap .cont2 .list .item .txt {
        opacity: 1;
    }

    .abo_page .abo4 {
        padding: .8rem 0 1.2rem;
    }

    .cul_page .cul1 {
        padding: .8rem 0;
    }

    .cul_page .cul1 .wrap .list {
        flex-wrap: wrap;
        gap: .2rem;
    }

    .cul_page .cul1 .wrap .list .item {
        width: calc((100% - .2rem)/2);
    }

    .cul_page .cul2 {
        padding: .8rem 0;
    }

    .cul_page .cul2 .wrap .cont .list1 {
        flex-wrap: wrap;
        gap: .2rem;
    }

    .cul_page .cul2 .wrap .cont .list1 .item {
        width: 100%;
    }

    .cul_page .cul2 .wrap .cont .list2 {
        flex-wrap: wrap;
        gap: .2rem;
        row-gap: .4rem;
    }

    .cul_page .cul2 .wrap .cont .list2 .item {
        width: calc((100% - .2rem)/2);
    }

    .cul_page .cul3 {
        padding: .8rem 0;
    }
    .cul_page .cul3 .wrap .list{
        flex-wrap: nowrap;
        overflow-x:auto ;
        padding-bottom: .1rem;

    }
    .cul_page .cul3 .wrap .list .item{
        flex-shrink: 0;
    }
    .cul_page .cul3 .wrap .list .item .info .tit{
        white-space: wrap;
    }
    .cul_page .cul4 .love_box{
        font-size: calc(100vw / 19.2) !important;
        height: 4rem;
    }

    .hon_page .hon1 {
        padding: 1rem 0 1.5rem;
    }

    .hon_page .hon1 .wrap .tit-box {
        margin-bottom: .6rem;
    }

    .hon_page .hon1 .wrap .list {
        flex-wrap: wrap;
        column-gap: .2rem;
        row-gap: .4rem;
    }

    .hon_page .hon1 .wrap .list .item {
        width: calc((100% - .2rem)/2);
        padding: 0;
        border-right: none;
        padding-bottom: .4rem;
        position: relative;
    }

    .hon_page .hon1 .wrap .list .item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.15);
    }

    .hon_page .hon1 .wrap .list .item:nth-last-child(-n+2)::after {
        display: none;
    }

    .hon_page .hon2 {
        padding: .8rem 0;
    }

    .hon_page .hon2 .wrap .list {
        flex-wrap: wrap;
        column-gap: .4rem;
        row-gap: .6rem;
    }

    .hon_page .hon2 .wrap .list .item {
        width: calc((100% - .4rem)/2);
    }

    .hon_page .hon2 .wrap .list .item .pic .cont {
        padding: .1rem;
    }

    .rd_page .rd1 {
        padding: 1.2rem 0;
    }

    .rd_page .rd1 .wrap .list {
        gap: .8rem;
    }

    .rd_page .rd1 .wrap .list .item .top {
        flex-direction: column;
        gap: .2rem;
        margin-bottom: .6rem;
    }
    .rd_page .rd1 .wrap .list .item .ul .li .desc .tit{
        line-height: 1.33;
    }

    .rd_page .rd1 .wrap .list .item .top .desc {
        text-align: center;
    }

    /* 关于结束 */

    /* 应用领域开始 */
    .pip_page .pip1,
    .fir_page .pip1 {
        padding: .8rem 0;
        height: auto;
    }

    .pip_page .pip1 .wrap .list,
    .fir_page .pip1 .wrap .list {
        flex-wrap: wrap;
        gap: .8rem;
        margin-bottom: 5rem;
    }

    .pip_page .pip1 .wrap .list .item,
    .fir_page .pip1 .wrap .list .item {
        width: calc((100% - .8rem)/2);
        height: auto;
        aspect-ratio: 1/1;
        flex-shrink: 0;
        margin-top: 0 !important;
    }
    .pip_page .pip1 .wrap .list .item:nth-child(even), .fir_page .pip1 .wrap .list .item:nth-child(even){
        transform: translateY(.3rem);
    }

    .pip_page .pip2,
    .fir_page .pip2 {
        padding: .8rem 0;
    }

    .pip_page .pip2 .wrap .list .item,
    .fir_page .pip2 .wrap .list .item {
        width: 100%;
    }

    .pip_page .pip2 .wrap .list .item .cont .btn_box,
    .fir_page .pip2 .wrap .list .item .cont .btn_box {
        display: block;
    }

    .pip_page .pip2 .wrap .list .item .cont .desc .tit,
    .fir_page .pip2 .wrap .list .item .cont .desc .tit {
        margin-bottom: .3rem;
    }

    .fir_page .fir1 {
        padding: .8rem 0;
    }

    .fir_page .fir1 .wrap {
        flex-direction: column;
        gap: .8rem;
    }

    .fir_page .fir1 .wrap .lf {
        width: 100%;
    }

    .fir_page .fir1 .wrap .rg {
        width: 100%;
    }

    .fir_page .fir1 .wrap .rg .list {
        height: auto;
    }

    .fir_page .fir1 .wrap .rg .list .pic {
        width: calc((100% - .2rem)/2);
        height: 4.5rem;
    }

    .fir_page .fir2 .video_box .cont .tit {
        text-align: center;
        line-height: 1.33;
    }

    .fir_page .fir3 {
        padding: 1.2rem 0;
    }

    .fir_page .fir3 .wrap .list .item {
        width: 100%;
    }

    /* 应用领域结束 */


    /* 新闻开始 */
    .new_page .new1 .wrap .top {
        margin-bottom: .8rem;
    }

    .new_page .new1 .wrap .top .swiper_new1_top {
        height: auto;
    }

    .new_page .new1 .wrap .top .swiper_new1_top .swiper-slide .item {
        flex-direction: column;
    }

    .new_page .new1 .wrap .top .swiper_new1_top .swiper-slide .item .pic {
        width: 100%;
        height: 4rem;
    }

    .new_page .new1 .wrap .top .swiper_new1_top .swiper-slide .item .info {
        width: 100%;
        padding: .4rem .4rem;
    }

    .new_page .new1 .wrap .list {
        gap: .4rem;
    }

    .new_page .new1 .wrap .list .item {
        /* width: calc((100% - .2rem )/2); */
        width: 100%;
        min-height: auto;
    }

    .new_page .news_detail {
        padding: .2rem 0 1.2rem;
    }

    .new_page .news_detail .wrap {
        flex-direction: column;
        padding: 0 .2rem;
    }

    .new_page .news_detail .wrap .lf {
        width: 100%;
        padding: .4rem;
    }

    .new_page .news_detail .wrap .rg {
        width: 100%;
    }

    .new_page .news_detail .wrap .lf .top .tit {
        font-size: .36rem;
    }

    .new_page .news_detail .wrap .lf .top .actions .share .item {
        width: .35rem;
        height: .35rem;
    }

    .new_page .news_detail .wrap .lf .top .actions .share .item>img {
        width: .25rem;
        height: .25rem;
    }

    .new_page .news_detail .wrap .lf .html-cont p {
        font-size: .24rem;
        line-height: 1.8;
    }

    .new_page .news_detail .wrap .lf .pagebox .item {
        width: calc((100% - .2rem)/2);
    }

    .eve_page .eve1 {
        padding: .8rem 0 .8rem;
    }

    .eve_page .eve1 .wrap .swiper_eve1 .swiper-slide .item {
        flex-direction: column;
        gap: .6rem;
        padding: .4rem;
    }

    .eve_page .eve1 .wrap .swiper_eve1 .swiper-slide .item .ul {
        width: 100%;
        gap: .4rem;
    }

    .eve_page .eve1 .wrap .swiper_eve1 .swiper-slide .item .pic {
        width: 100%;
        height: auto;
    }

    .eve_page .eve1 .wrap .swiper_eve1 {
        height: auto;
    }

    .eve_page .eve2 {
        padding: 0rem 0 .8rem;
    }

    .eve_page .eve2 .wrap .list .item {
        width: 100%;
        min-height: auto;
    }

    .eve_page .eve2 .wrap .list .item .info {
        padding: .4rem;
    }

    /* 新闻结束 */

    /* 加入我们开始 */
    .jo_con {
        padding: .8rem .4rem;
    }

    .jo_con .top1 form {
        width: 100%;
    }

    .jo_con .top1 form input {
        width: 100%;
    }

    .jo_con .bottom1 {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: .4rem;
    }

    .jo_con .bottom1 .left {
        width: 100%;
        float: none;
    }

    .jo_con .bottom1 .right {
        width: 100%;
        float: none;
    }
    .jo_con .bottom1 .right .item .top .h{
        padding-bottom: .5rem;
        /* margin-bottom: .; */
    }
    .jo_con .bottom1 .right .item .top .h .time{
        top: auto;
        bottom: 0;
        left: 0;
        right: auto;
        transform: translateY(0);
    }

    /* 加入我们结束 */

    /* 联系我们开始 */
    .cat_con {
        padding: .8rem .36rem;
    }

    .cat_con .forms {
        padding: .4rem;
    }

    .cat_con .forms .tab {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .cat_con .forms .tab li {
        width: calc((100% - .5rem)/2);
    }

    .cat_con .forms form .input {
        width: 100%;
    }
    .cat_con .forms form .input .name{
        margin-bottom:.3rem;
    }
    .cat_con .forms form .input input{
        padding: .2rem .13rem;
    }

    .inte_con {
        padding: .8rem .36rem 2.5rem;
    }

    .sea_page {
        padding-top: 0;
    }

    .sea_page .sea1 .wrap .bottom .filter {
        flex-wrap: wrap;
    }

    .sea_page .sea1 .wrap .bottom .filter .tit {
        margin-bottom: .4rem;
    }

    .sea_page .sea1 .wrap .top .search_box {
        width: 100%;
        padding: 0 .4rem;
    }

    .sea_page .sea1 .wrap .top .search_box .icon {
        width: .3rem;
        height: .3rem;
        right: .7rem;
        top: 55%;
    }

    .sea_page .sea1 {
        padding: .8rem 0;
    }

    .sea_page .sea1 .wrap .bottom .cont .list.news .item,
    .sea_page .sea1 .wrap .bottom .cont .list.news2 .item {
        width: 100%;
        padding: .4rem;
    }

    .sea_page .sea1 .wrap .bottom .cont .list.app .item {
        width: 100%;
        padding: .4rem;
    }

    .sea_page .sea1 .wrap .bottom .cont .list.app .item .pic {
        height: 4rem;
    }


    /* 联系我们结束 */
}