* {
    box-sizing: border-box !important;
    word-break:normal !important;
    word-wrap: normal !important;
    }

    body,
    html {
    font-family: 'Poppins',"Arial" !important;
    overflow-x: hidden !important;
    }


    ::-webkit-scrollbar {
    width:5px;
    height:4px;
    }
    ::-webkit-scrollbar-thumb {
    background-color:var(--xc1);
    }
    ::-webkit-scrollbar {width:5px;height:4px;}
    ::-webkit-scrollbar-thumb {background-color:var(--xc1);}

    .xno{
    display:none !important;
    }
    .page_a.current{
        background: var(--xc1) !important;
        color:#fff;

    }
    .page_a:hover{
        background: var(--xc1) !important;
        color:#fff;
    }

    .xbtn{
    transition:all 0.6s;
    }

    @keyframes scroll-icon{
    0% {
        -webkit-transform:translateY(-12px);
        transform: translateY(-12px);
        opacity: 0;
    }
    30%, 70% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        opacity: 0;
    }
    }
    :root {
    --xh72: 72px;
    --xh60: 60px;
    --xh54: 54px;
    --xh48: 48px;
    --xh46: 46px;
    --xh40: 40px;
    --xh38: 38px;
    --xh32: 32px;
    --xh30: 30px;
    --xh28: 28px;
    --xh24: 24px;
    --xh22: 22px;
    --xh18: 18px;
    --xh16: 16px;
    --xh14: 14px;
    --xh12:12px;
    --xc1:#278a2a;
    --xc2:#17461a;
    --xc3:#278a2a;
    }
    h2 span {
    font-size: var(--xh60) !important;
    text-transform: uppercase;
    }
    h3 span {
    font-size: var(--xh54) !important;
    }
    h4 span {
    font-size: var(--xh48) !important;
    }
    h5 span {
    font-size: var(--xh46) !important;
    }
    h6 span {
    font-size: var(--xh40) !important;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-weight: normal !important;
    }

    /*a链接*/
    a:active,
    a:hover,
    a:focus,
    a:visited{
    outline: none !important;
    text-decoration: none;
    }
    a {
    cursor: pointer;
    }
    i {
    font-style: normal;
    }

    /*图放大小动画*/
    .ximg{
        transition:all .8s;
      }

    .ximg:hover{
        transition:transform 1s ease 0s;
        transform:scale(1.1);
      }

    /*旋转图*/
    .xzimg{
        animation: rotate 30s linear infinite;
        transform-origin: 50% 50%;
    }
    @keyframes rotate{
        0%{ transform: rotate(0deg);  }
        100%{ transform:rotate(360deg);  }
    }
 
    
    /*数据总条数轮播点*/

    .xie .swiper-container{
        padding-bottom: 50px;
    }
    .xie .swiper-pagination {
        position: absolute;
        transition: .3s opacity;
        transform: translate3d(0,0,0);
        z-index: 10;
      bottom: 0px !important;
        left: 0;
        width: 100%;
    }
    .xie .swiper-pagination-bullet-active {
        opacity: 1;
        background: var(--xc1);
    }
    .xie .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
    }
    /*end*/

    /*反复小动画*/
    .xiedh:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url(https://omo-oss-image1.thefastimg.com/portal-saas/new2022052515242184444/cms/image/f8e856d9-494f-4a07-be94-d134326a476d.jpg) center no-repeat;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        opacity: 1;

        animation:mymove 5s infinite;
        -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
        animation-direction:alternate;/*轮流反向播放动画。*/
        animation-timing-function: ease-in-out; /*动画的速度曲线*/
        /* Safari 和 Chrome */
        -webkit-animation:mymove 5s infinite;
        -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
        -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    }

    @keyframes mymove
    {
        0%{
        transform: scale(1);  /*开始为原始大小*/
        }
        25%{
            transform: scale(1.1); /*放大1.1倍*/
        }
        50%{
            transform: scale(1);
        }
        75%{
            transform: scale(1.1);
        }

    }

    @-webkit-keyframes mymove /*Safari and Chrome*/
    {
        0%{
        transform: scale(1);  /*开始为原始大小*/
        }
        25%{
            transform: scale(1.1); /*放大1.1倍*/
        }
        50%{
            transform: scale(1);
        }
        75%{
            transform: scale(1.1);
        }
    }




    .xmgcontain,
    .xmgcover{
    position: relative;
    height: 0;
    overflow: hidden;
    }
    .xmgcontain img {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    transition: all 0.6s;
    }
    .xmgcover img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s;
    }
    .xtitle {
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
    .xgyao {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    }
    .xmore {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }



    /*PCmedia*/
    @media only screen and (max-width:1440px){
    :root {
        --xh54: 54px;
        --xh48: 48px;
        --xh46: 46px;
        --xh40: 40px;
        --xh38: 38px;
        --xh32: 32px;
        --xh30: 30px;
        --xh28: 28px;
        --xh24: 24px;
        --xh22: 22px;
        --xh18: 18px;
        --xh16: 16px;
        --xh14: 14px;
    }
    }

    @media only screen and (max-width:1366px){
    :root {
        --xh48: 48px;
        --xh46: 46px;
        --xh40: 40px;
        --xh38: 38px;
        --xh32: 32px;
        --xh30: 30px;
        --xh28: 28px;
        --xh24: 24px;
        --xh22: 22px;
        --xh18: 18px;
        --xh16: 16px;
        --xh14: 14px;
        --xh12:12px;
    }
    }

    @media only screen and (min-width:1025px) {
    .xwidth{
        width:88% !important;
    }
    .xlist4 {
        display: block;
        width: calc((100% - (var(--xh28)*3)) / 4) !important;
        margin-right: var(--xh40) !important;
        margin-bottom: var(--xh32) !important;
    }
    .xlist4:nth-child(4n) {
        margin-right: 0 !important;
    }
    .xlist3 {
        display: block;
        width: calc((100% - (var(--xh32)*2)) / 3) !important;
        margin-right: var(--xh32) !important;
        margin-bottom: var(--xh32) !important;
    }
    .xlist3:nth-child(3n) {
        margin-right: 0 !important;
    }
    .xno{
        display:none ;
    }

    }
    /*end*/

    /*pad*/
    @media only screen and (min-width:769px) and (max-width:1024px){
    .xwidth{
        width:88% !important;
    }
    .xlist4 {
        display: block;
        width: calc((100% - (var(--xh28)*2)) / 3) !important;
        margin-right: var(--xh28) !important;
        margin-bottom: var(--xh28) !important;
    }
    .xlist4:nth-child(3n) {
        margin-right: 0 !important;
    }
    .xlist3 {
        display: block;
        width: calc((100% - (var(--xh28)*2)) / 3) !important;
        margin-right: var(--xh28) !important;
        margin-bottom: var(--xh28) !important;
    }
    .xlist3:nth-child(3n) {
        margin-right: 0 !important;
    }
    .xno{
        display:none ;
    }
    }

    /*phone*/
    @media only screen and (max-width:768px) {
    .yx_Width{
        width:94% !important;
    }
    .p_problemCategory{
        display:block ;
    }
    .p_problemCategory .btn-primary{
        margin:6px 0;
        background:var(--xc1);
        color:#fff;
        text-align:center;
        border-radius:0px;
        width:100%;
        border-color:var(--xc1);
    }
    .xno{
        display:none !important;
    }
    :root {
        --xh38: 38px;
        --xh32: 32px;
        --xh30: 30px;
        --xh28: 28px;
        --xh24: 24px;
        --xh22: 22px;
    }
    .xlist3 {
        display: block;
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 18px !important;
    }
    .xlist4 {
        display: block;
        width: calc((100% - 10px) / 2) !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }
    .xlist4:nth-child(2n) {
        margin-right: 0 !important;
    }
    }
    /*end*/