@media screen and (max-width: 900px) {
    /** disable pc **/
    .pc-content{
        display: none !important;
    }

    /** mobile start **/
    body{
        padding-top: 60px;
    }
    body.ajax-page-active{
        padding-top: 0px;
    }
    .mobile-header{
        position: fixed;
        width: 100%;
        height: 60px;
        background: #fff;
        top: 0px;
        display: flex;
        align-items: center;
        z-index: 33;
        box-shadow: 0 0 10px rgba(0,0,0,0.06);
    }
    .mobile-header-left img{
        height: 36px;
        width: auto;
    }
    .mobile-header-left{
        margin-left: 15px;
    }
    .mobile-header-middle{

    }
    .mobile-header-right{

    }
    .phone-icon-holder{
        display: flex;
        color: #333;
        background: rgba(255,255,255,0.6);
        border-radius: 50px;
        padding: 2px;
        align-items: center;
    }
    .phone-text{
        font-size: 14px;
        line-height: 1.4em;
        padding-right: 15px;
        padding-left: 6px;
        margin-top: 0px;
        color: #666;
    }
    .phone-text .phone-number{
        font-size: 16px;
        font-weight: bolder;
        margin-bottom: 5px;
        color: #EB661B;
    }
    .phone-icon{
        width: 24px;
        height: 24px;
        border-radius: 40px;
        font-size: 24px;
        background: none;
        color: #EB661B;
        text-align: center;
        line-height: 22px;
    }
    .mobile-tab-bars{
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 60px;
        display: flex;
        background: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        z-index: 9;
    }
    .mobile-tab-bar-item{
        flex: 1;
        text-align: center;
        margin-top: 11px;
    }
    .mobile-tab-bar-icon{
        font-size: 20px;
        color: #333;
        height: 23px;
        line-height: 20px;
    }
    .mobile-tab-bar-icon .icon-font.filled{
        display: none;
    }
    .mobile-tab-bar-item.active .icon-font{
        display: none;
    }
    .mobile-tab-bar-item.active .icon-font.filled{
        display: block;
        color: #EB661B;
    }
    .mobile-tab-bar-icon.bigger{
        font-size: 22px;
        margin-top: -2px;
        height: 25px;
        line-height: 23px;
    }
    .mobile-tab-bar-icon.large{
        font-size: 24px;
        margin-top: -2px;
        height: 25px;
        line-height: 23px;
    }
    .mobile-tab-bar-icon.small{
        font-size: 19px;
        margin-top: 0px;
        height: 23px;
        line-height: 20px;
    }
    .mobile-tab-bar-text{
        font-size: 13px;
        color: #666;
        margin-top: 1px;
    }
    .mobile-tab-bar-item.active .mobile-tab-bar-text{
        color: #EB661B;
    }


    /****** header *****/

    .home-slider-holder{
        width: 100%;
        top: 0;
        z-index: 1;
    }
    .home-slider{
        overflow: hidden;
    }
    .home-slider-item-media{
        width: 10%;
        height: auto;
    }
    .main{
        position: relative;
        z-index: 8;
    }
    .main-section-inner{
        max-width: 1400px;
        width: 90%;
        margin: auto;
    }
    .full-section-inner{
        width: 90%;
        margin: auto;
    }
    .product-section{
        background: #F6AC19;
        overflow: hidden;
    }
    .product-section .main-section-inner{
        height: 650px;
        position: relative;
        width: 100%;
    }
    .product-arrow{
        position: absolute;
        text-align: center;
        color: rgba(0,0,0,0.5);
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 30px;
        opacity: 0.5;
        border-radius: 50px;
    }

    .product-arrow-left{
        left: 10px;
        top: 380px
    }
    .product-arrow-right{
        right: 10px;
        top: 380px
    }

    .product-section-left{
        padding-top: 100px;
    }
    .product-section-inner{
        justify-content: center;
    }
    .product-section-right{
        position: relative;
        display: flex;
        justify-content: center;
    }
    #main-circle{
        width: 180vw;
        height: 180vw;
        background: #EFEBE4;
        border-radius: 600px;
        transform-origin: center center;
        transition: transform 1s;
        position: absolute;
        top: -50px
    }
    .index-1 #main-circle{
        transform: translateY(250px) rotate(90deg);
    }
    .index-2 #main-circle{
        transform: translateY(250px) rotate(180deg);
    }
    .index-3 #main-circle{
        transform: translateY(250px) rotate(270deg);
    }
    .index-4 #main-circle{
        transform: translateY(250px) rotate(0deg);
    }
    .index-1 .circle-info-a{
        opacity: 1;
    }
    .index-2 .circle-info-b{
        opacity: 1;
    }
    .index-3 .circle-info-c{
        opacity: 1;
    }
    .index-4 .circle-info-d{
        opacity: 1;
    }
    .index-1 .circle-info-a .circle-item-title,
    .index-1 .circle-info-a .circle-item-tag,
    .index-1 .circle-info-a .circle-item-summary{
        opacity: 1;
        transform: translateY(0);
    }
    .index-2 .circle-info-b .circle-item-title,
    .index-2 .circle-info-b .circle-item-tag,
    .index-2 .circle-info-b .circle-item-summary{
        opacity: 1;
        transform: translateY(0);
    }
    .index-3 .circle-info-c .circle-item-title,
    .index-3 .circle-info-c .circle-item-tag,
    .index-3 .circle-info-c .circle-item-summary{
        opacity: 1;
        transform: translateY(0);
    }
    .index-4 .circle-info-d .circle-item-title,
    .index-4 .circle-info-d .circle-item-tag,
    .index-4 .circle-info-d .circle-item-summary{
        opacity: 1;
        transform: translateY(0);
    }





    .circle-item-bubble{
        position: absolute;
        border-radius: 100px;
        opacity: 0;
        transform: translate3d(0,100px,0);
        transition: opacity 500ms, transform 500ms;
    }

    .circle-item-a .circle-item-bubble-1{
        background-color: #F1C71A;width:90px;height:90px; left:0px;top:80px
    }
    .circle-item-a .circle-item-bubble-2{
        background-color: #A2C31D;width:40px;height:40px; left:50px;top:-50px
    }
    .circle-item-a .circle-item-bubble-3{
        background-color: #fff;width:100px;height:100px; right:-10px;top:-30px
    }
    .circle-item-a .circle-item-bubble-4{
        background-color: #F4B3B2;width:70px;height:70px; right:40px;top:100px
    }


    .circle-item-b .circle-item-bubble-1{
        background-color: #FF6800;width:60px;height:60px; left:15px;top:50px
    }
    .circle-item-b .circle-item-bubble-2{
        background-color: #FF6800;width:50px;height:50px; left:-10px;top:-30px
    }
    .circle-item-b .circle-item-bubble-3{
        background-color: #F4B3B2;width:90px;height:90px; right:0px;top:70px
    }
    .circle-item-b .circle-item-bubble-4{
        background-color: #fff;width:20px;height:20px; right:40px;top:90px
    }



    .circle-item-c .circle-item-bubble-1{
        background-color: #fff;width:20px;height:20px; left:30px;top:0px
    }
    .circle-item-c .circle-item-bubble-2{
        background-color: #FFA101;width:40px;height:40px; right:0px;top:80px
    }
    .circle-item-c .circle-item-bubble-3{
        background-color: #A6CD6C;width:80px;height:80px; right:-30px;top:30px
    }
    .circle-item-c .circle-item-bubble-4{
        background-color: #F0832B;width:60px;height:60px; left:0px;top:-50px
    }


    .circle-item-d .circle-item-bubble-1{
        background-color: #fff;width:50px;height:50px; left:10px;top:80px
    }
    .circle-item-d .circle-item-bubble-2{
        background-color: #F4B3B2;width:60px;height:60px; left:0px;top:20px
    }
    .circle-item-d .circle-item-bubble-3{
        background-color: #A6CD6C;width:20px;height:20px; right:0px;top:-30px
    }
    .circle-item-d .circle-item-bubble-4{
        background-color: #fff;width:30px;height:30px; right:-20px;top:0px
    }

    .index-1 .circle-item-a .circle-item-bubble,
    .index-2 .circle-item-d .circle-item-bubble,
    .index-3 .circle-item-c .circle-item-bubble,
    .index-4 .circle-item-b .circle-item-bubble{
        opacity: 1;
        transform: translate3d(0,0px,0);
    }

    .index-1 .circle-item-a .circle-item-bubble-1{
        animation: floating-1 16s infinite;

    }
    .index-1 .circle-item-a .circle-item-bubble-2{
        animation: floating-2 13s infinite;

    }
    .index-1 .circle-item-a .circle-item-bubble-3{
        animation: floating-3 10s infinite;

    }
    .index-1 .circle-item-a .circle-item-bubble-4{
        animation: floating-4 12s infinite;

    }

    .index-2 .circle-item-d .circle-item-bubble-1{
        animation: floating-1 16s infinite;

    }
    .index-2 .circle-item-d .circle-item-bubble-2{
        animation: floating-2 13s infinite;

    }
    .index-2 .circle-item-d .circle-item-bubble-3{
        animation: floating-3 10s infinite;

    }
    .index-2 .circle-item-d .circle-item-bubble-4{
        animation: floating-4 12s infinite;

    }

    .index-4 .circle-item-b .circle-item-bubble-1{
        animation: floating-1 16s infinite;
    }
    .index-4 .circle-item-b .circle-item-bubble-2{
        animation: floating-2 13s infinite;
    }
    .index-4 .circle-item-b .circle-item-bubble-3{
        animation: floating-3 10s infinite;
    }
    .index-4 .circle-item-b .circle-item-bubble-4{
        animation: floating-4 12s infinite;
    }


    .index-3 .circle-item-c .circle-item-bubble-1{
        animation: floating-1 16s infinite;
    }
    .index-3 .circle-item-c .circle-item-bubble-2{
        animation: floating-2 13s infinite;
    }
    .index-3 .circle-item-c .circle-item-bubble-3{
        animation: floating-3 10s infinite;
    }
    .index-3 .circle-item-c .circle-item-bubble-4{
        animation: floating-4 12s infinite;
    }




    .circle-item{
        width: 90vw;
        height: 90vw;
        border-radius: 300px;
        background: rgba(255,255,255, 0.1);
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .circle-item-info-holder{
        display: flex;
        justify-content: center;
        text-align: center;
        height: 120px;
    }
    .circle-item-info{
        opacity: 0;
        position: absolute;
        top:80px;
        left: 0;
        width: 100%;
        transition: opacity 0.5s;
    }
    .circle-item-a{
        left: -25%;
        top: 25%;
        transform: rotate(-90deg);
    }
    .circle-item-b{
        left: 25%;
        top: -25%;
        transform: rotate(0deg);
    }
    .circle-item-c{
        left: 75%;
        top: 25%;
        transform: rotate(90deg);
    }
    .circle-item-d{
        left: 25%;
        top: 75%;
        transform: rotate(180deg);
    }
    .circle-item-photo{
        height: 120%;
        width: auto;
    }


    .circle-item-tag{
        font-size: 20px;
        color: #fff;
        display: block;
        padding: 5px 0px;
        opacity: 0;
        transform: translateY(50px);
        transition: 0.8s;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .circle-item-tag-icon{
        display: inline-block;
        text-align: center;
        height: 20px;
        width: auto;
        vertical-align: middle;
        margin-top: -4px;
        line-height: 30px;
        color: #fff;
        font-weight: normal;
    }
    .circle-item-title{
        font-size: 26px;
        font-weight: bold;
        color: #EB661B;
        opacity: 0;
        transform: translateY(150px);
        transition: 0.8s;
        background: #fff;
        padding: 6px 12px;
        border-radius: 8px;
        display: inline-block;
    }
    .circle-item-summary{
        font-size: 14px;
        color: #fff;
        opacity: 0;
        transform: translateY(150px);
        margin: 10px auto 0px auto;
        transition: 0.8s;
        width: 70%;
    }





    .circle-item-pagination{
        margin-top: 50px;
        position: relative;
        left: 0;
        bottom: 20px;
        z-index: 9;
        width: 100%;
        text-align: center;
    }
    .circle-item-pagination div{
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        border: 2px solid rgba(255,255,255,0);
        margin-right: 15px;
        background-color: rgba(255,255,255,0.6);
        background-size: auto 150%;
        background-repeat: no-repeat;
        background-position: center -20%;
        cursor: pointer;
        transform: scale3d(1,1,1);
        transition: transform 500ms, border 500ms;
    }
    .circle-item-pagination div.active, .circle-item-pagination div:hover{
        border: 2px solid rgba(255,255,255,1);
        transform: scale3d(1.2,1.2,1.2);
    }
    .circle-item-pagination .circle-item-pagination-item:last-child{
        margin-right: 0;
    }



    .jiameng-items-section{
        padding: 50px 0;
        background: #fff;
    }

    .section-title-holder{
        text-align: center;
    }

    .section-title span{
    }
    .supply-chain-section .section-title span{
        display: block;
    }
    .section-tag{
        margin-bottom: 10px;
    }

    .d-flex{
        display: flex;
    }
    .flex-grow-1{
        flex-grow: 1;
    }



    @keyframes bg-color-1 {
        0% {
            background: #EB661B;
        }
        20% {
            background: #F5AB1A;
        }
        40% {
            background: #21b8c5;
        }
        60% {
            background: #A2C31D;
        }
        80% {
            background: #EB661B;
        }
    }

    @keyframes bg-color-2 {
        0% {
            background: #21b8c5;
        }
        20% {
            background: #A2C31D;
        }
        40% {
            background: #F5AB1A;
        }
        60% {
            background: #EB661B;
        }
        80% {
            background: #21b8c5;
        }
    }

    @keyframes bg-color-3 {
        0% {
            background: #E23354;
        }
        20% {
            background: #EB661B;
        }
        40% {
            background: #A2C31D;
        }
        60% {
            background: #F4B3B2;
        }
        80% {
            background: #E23354;
        }
    }
    @keyframes move-left-right {
        from { background-position-x: 0; }
        to   { background-position-x: -813.5px }
    }






    .date{
        color: #999;

        display: block;
    }
    .job-wrap p{
        margin-top: 0;
        margin-bottom: 10px;
        display: none;
    }
    .job-wrap .work-info{
        color: #444;
        background: #f3f3f3;
        border-radius: 4px;
        border: 1px solid  #EC6A00;
    }
    .job-wrap .work-info h3{
        font-size: 20px !important;
    }
    .job-wrap .work-info:hover {
        box-shadow: 0 0 8px rgba(0,0,0,0.2);
        background: #EC6A00;
        color: #fff;
    }

    .work-item{
        position: relative;
    }
    .work-item-container{
        position: relative;
    }

    .work-info{
        padding: 15px;
        background: #fff;
        text-align: center;
    }
    .work-info{
        text-align: left;
    }
    .work-info h1{
        font-size: 2.5rem;

    }
    .work-info h3{
        font-size: 16px;
        font-weight: bold;
    }

    .work-info.caption{
        position: absolute;
        padding: 0;
        background: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-shadow: 0 0 5px rgba(0,0,0,0.8);
    }
    .work-info.caption .work-info-inner{
        position: absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
    }
    .work-info-inner p{
        font-size: 13px;
        margin-top: 10px;
    }
    .item-margin-none .work-item-inner{
        margin-right: 0px;
        margin-bottom: 0px;
    }
    .item-margin-line .work-item-inner{
        margin-right: 1px;
        margin-bottom: 1px;
    }
    .item-margin-tiny .work-item-inner{
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .item-margin-small .work-item-inner{
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .item-margin-large .work-item-inner{
        margin-right: 40px;
        margin-bottom: 40px;
    }





    .work-image{
        overflow: hidden;
        position: relative;
    }
    .work-overlay{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000 ;
        opacity: 0.3;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }

    .work-item:hover .work-overlay{
        opacity: 0.1;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .work-image img{

        width: 100%;
        height: auto;
    }
    .work-item-zoom .work-image img{
        transition: transform 300ms;
    }
    .work-item-zoom:hover img{
        -webkit-transition: transform 300ms;
        -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transition: transform 300ms;
        transform: scale(1.2, 1.2);;
    }
    .col-4 .work-item{
        width: 50%;
        float: left;
    }
    .jiaru .work-info-inner h3{
        font-size: 15px;
    }
    .jiaru .work-info-inner p{
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 10px;
    }


    /*** responsive item ***/
    .responsive-item-list{
    }
    .responsive-item{
        padding: 20px;
    }
    .responsive-item-icon-holder{
        display: flex;
        justify-content: center;
    }
    .responsive-item-icon-inner{
        width: 100px;
        height: 100px;
        background: #F55E23;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .responsive-item-icon{
        position: absolute;
        z-index: 2;
    }
    .responsive-item-icon .icon-font{
        font-size: 40px;
        color: #fff;
    }
    .responsive-item-icon .icon-font.large{
        font-size: 55px;
    }
    .responsive-item-icon .number{
        font-size: 30px;
        height: 30px;
        line-height: 30px;
        color: #fff;
    }
    .responsive-item-icon-bg-1{
        position: absolute;
        width: 86px;
        height: 86px;
        background: rgba(0,0,0,0.1);
        border-radius: 100px;
    }
    .responsive-item-icon-bg-2{
        position: absolute;
        width: 72px;
        height: 72px;
        background: rgba(0,0,0,0.1);
        border-radius: 100px;
    }

    .responsive-item-list.color .responsive-item-icon-inner{
        border-radius: 20px;
        background: none;
        width: 40px;
        height: 40px;
    }
    .responsive-item-list.color .responsive-item-icon-bg-1{
        border-radius: 5px;
        transform: rotate(22deg);
        width: 30px;
        height: 30px;
        background: #F7AC14;
        z-index: 1;
    }
    .responsive-item-list.color .responsive-item-icon-bg-2{
        border-radius: 5px;
        transform: rotate(-22deg);
        width: 30px;
        height: 30px;
        background: #F7AC14;
        z-index: 1;
    }
    .responsive-item-list.color .number{
        font-size: 20px;
        z-index: 2;
    }


    .responsive-item-list.orange .responsive-item-icon-inner{
        background: rgba(255,255,255, 0.5);
    }
    .responsive-item-list.orange .responsive-item-icon-bg-1{
        background: rgba(255,255,255, 0.5);
    }
    .responsive-item-list.orange .responsive-item-icon-bg-2{
        background: rgba(255,255,255, 0.5);
    }
    .responsive-item-list.orange .responsive-item-icon .icon-font{
        color: #EB661B;
    }


    .responsive-item-title{
        text-align: center;
        font-size: 16px;
        margin-top: 20px;
        letter-spacing: 1px;
    }
    .responsive-item-summary{
        text-align: center;
        font-size: 13px;
        opacity: 0.6;
        margin-top: 0px;
    }
    .responsive-item-icon-inner:after{
        content: '';
        position: absolute;
        height: 1px;
        background: #ccc;
        width: 1px;
        height: 50%;
        right: 50%;
        bottom: -50%;
    }
    .responsive-item-icon-inner:before{
        content: '';
        position: absolute;
        height: 1px;
        background: #ccc;
        width: 1px;
        height: 30%;
        right: 50%;
        top: -30%;
    }
    .color .responsive-item-icon-inner:before{
        height: 130%;
        top: -130%;
    }
    .color .responsive-item-icon-inner:after{
        height: 60%;
        bottom: -60%;
    }
    .color.responsive-item-list .responsive-item:first-child .responsive-item-icon-inner:before{
        content: '';
        display: none;
    }
    .color.responsive-item-list .responsive-item:last-child .responsive-item-icon-inner:after{
        content: '';
        display: none;
    }

    .orange .responsive-item-icon-inner:after, .factory .responsive-item-icon-inner:after{
        display: none;
    }
    .orange .responsive-item-icon-inner:before, .factory .responsive-item-icon-inner:before{
        display: none;
    }


    .responsive-holder{
    }
    .col-1{
    }
    .col-2{
    }

    .partner-story-section{
        background: #333;
        padding: 80px 0 120px 0;
        color: #fff;

    }
    .partner-story-section .section-tag{
        margin-top: -30px;
    }
    .partner-avatar img{
        width: 100%;
        height: auto;
    }
    .partner-stories-holder{
     }
    .partner-stories{
        height: 380px;
    }

    .partner-story{
        margin: auto;
        padding-top: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .partner{
        display: flex;
        margin-top: 60px;
    }
    .partner-quote{
        line-height: 1.6em;
        position: relative;
        width: 90%;
        font-size: 13px;
        margin-top: 20px;
        padding: 40px 20px 10px 20px;
        position: relative;
    }
    .partner-quote:before{
        content: '“';
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 60px;
        color: #666;
    }
    .partner-quote:after{
        content: '”';
        position: absolute;
        right: 20px;
        bottom: -40px;
        font-size: 60px;
        color: #666;
    }
    .partner-avatar{
        width: 60px;
        height: 60px;
        background-color: #ccc;
        border-radius: 100px;
        overflow: hidden;
    }
    .partner-info{
        display: flex;
        align-items: center;
        margin-left: 15px;
    }
    .partner-name{
        font-size: 18px;
        font-weight: bold;
    }
    .partner-note{
        font-size: 14px;
    }


    .partner-stories .slick-dots{
        width: 100%;
        text-align: center;
    }
    .partner-stories .slick-dots li{
        display: inline-block;
        margin: 0 10px;
    }
    .partner-stories .slick-dots li button{
        display: inline-block;
        border-radius: 20px;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        font-size: 12px;
        border: none;
        background: #666;
        color: #333;
        cursor: pointer;
    }
    .partner-stories .slick-dots li.slick-active button{
        background: #EB661B;
        color: #fff;
    }
    .partner-stories .slick-dots li:hover button{
        background: #EB661B;
        color: #fff;
    }


    .store-gallery-section{
        background: #fff;
    }
    .store-gallery-section-inner{
        display: flex;
        flex-wrap: wrap;
    }
    .store-gallery-photo{
        width: 50%;
        padding-bottom: 33%;
        background-size: cover;
        background-position: center center;
    }
    .store-feature-section{
        padding: 0px 0;
        background-color: #fff;
        background-image: url("http://www.hongtaosan.com/bingxue/assets/images/big-bg-pattern.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .store-feature-section .full-section-inner{
        padding: 0;
        width: 100%;
    }
    .featured-stores-holder{

    }
    .featured-stores{
        flex-grow: 1;
        
        margin-top: 50px;
    }
    .featured-stores .slick-list{
        overflow: visible !important;
    }
    .featured-store{
        margin: 0 5px;
    }
    .featured-store img{
        display: block;
        width: 100%;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        transition: transform 0.5s, opacity 0.5s;
        opacity: 0.7;
        position: relative;
        transform: scale3d(0.7,0.7,0.7);

    }
    .featured-store.slick-center{
        z-index: 33;
    }
    .featured-store.slick-center img{
        transform: scale3d(1.3,1.3,1.3);
        opacity: 1;
        z-index: 33;
    }
    .featured-stores-navs-holder{
        text-align: center;
    }
    .featured-stores-navs{
        text-align: center;
        background: rgba(202,135,27,0.2);
        display: inline-block;
        border-radius: 100px;
    }
    .bigger .featured-stores-navs{
        border-radius: 8px;
        background: none;
    }
    .bigger.featured-stores-navs-holder {
        margin: 16px;
    }
    .featured-stores-nav{
        display: inline-block;
        color: #EB661B;
        padding: 8px;
        margin: 2px;
        border-radius: 20px;
        font-size: 16px;
        height: 29px;
        line-height: 15px;
        cursor: pointer;
        transition: background-color 0.5s, color 0.5s;
    }
    .bigger .featured-stores-nav{
        padding: 8px;
        font-size: 12px;
        height: 12px;
        line-height: 12px;
        background: rgba(202,135,27,0.2);
    }
    .featured-stores-nav.active{
        background: #EB661B;
        color: #fff;
    }

    .text-12{
        font-size: 12px;
    }
    .text-14{
        font-size: 12px;
    }
    .text-16{
        font-size: 14px;
    }
    .text-18{
        font-size: 16px;
    }
    .text-24{
        font-size: 20px;
    }
    .text-32{
        font-size: 26px;
    }
    .text-40{
        font-size: 24px;
    }
    .text-48{
        font-size: 30px;
    }

    .text-bold{
    }
    .text-spacing-1{
        letter-spacing: 1px;
    }
    .text-spacing-2{
        letter-spacing: 2px;
    }
    .text-spacing-4{
        letter-spacing: 4px;
    }

    .opacity-10{
        opacity: 0.1;
    }
    .opacity-20{
        opacity: 0.2;
    }
    .opacity-30{
        opacity: 0.3;
    }
    .opacity-40{
        opacity: 0.4;
    }
    .opacity-60{
        opacity: 0.6;
    }
    .opacity-80{
        opacity: 0.8;
    }
    .opacity-90{
        opacity: 0.9;
    }

    .text-gradient-color-orange{
        background-image: linear-gradient(to right,#EC6A00,#F5AB1A);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    .text-gradient-color-yellow{
        background-image: linear-gradient(to right,#F5AB1A,#FFFFFF);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    .text-color-white{
        color: #fff;
    }
    .text-color-blue{
        color: #21b8c5;
    }

    #store-highlight-section{
        background-color: #F0832B;
        padding: 60px 0 50px 0;
        background-image: url("../image/big-bg-pattern-4.png");
        background-size: 100% auto;
        background-position: left -100px;
        background-repeat: no-repeat;
    }
    #store-highlight-section .section-title{
        text-align: left;
    }
    .highlight-store.d-flex{
        display: block;
    }
    .highlight-stores{
        margin-top: 20px;
        height: 400px;
    }
    .highlight-store-image{
        width: 100%;
        height: auto;
    }
    .highlight-store .col-2:last-child{
        border-radius: 12px;
        border: 8px solid #fff;
        overflow: hidden;
    }
    .highlight-store-info{
        text-align: left;
        margin-left: 5px;
    }
    .highlight-store-info .icon-font{
        display: none;
    }
    .highlight-store-info .d-flex{
        display: block;
        text-align: left;
    }
    .highlight-store-info .text-24{
        margin-bottom: 8px;
    }
    .h-store-icon-2{
        display: none;
    }
    .h-store-info-2 {
        margin-bottom: 20px;
    }
    .h-store-info-2 .text-18, .h-store-info-2 .text-14{
        font-size: 12px;
        opacity: 0.6;
        display: inline;
    }
    .h-store-icon img{
        height: 30px;
        width: auto;
        margin-bottom: 8px;
    }
    #highlight-stores-navs{
        text-align: center;
    }
    #highlight-stores-navs .slick-dots{
        display: inline-block;
    }
    #highlight-stores-navs li{
        display: inline-block;
        margin: 8px;
        width: 8px;
        height: 8px;
        overflow: hidden;
        font-size: 1px;
        line-height: 1000px;
        border: 1px solid #fff;
        border-radius: 20px;
        cursor: pointer;
    }
    #highlight-stores-navs li.slick-active{
        background: #fff;
    }
    #highlight-stores-navs button{
        display: none;
    }


    .product-list-section{
        padding: 60px 0 0px 0;
        background: #fff;
    }
    .product-list-section .main-section-inner{
        width: 100%;
        padding: 0;
        position: relative;
    }

    .products-list{
        height: calc(100vw * (244/350));
    }
    .products-new-list .product-list-item-inner{
        border-radius: 5px;
        margin: 2px;
    }
    .products-new-list  .product-list-item{
        width: 50%;
    }
    .product-image{
        width: 100%;
        height: auto;
    }
    .product-list-item-inner{
        overflow: hidden;
        position: relative;
    }
    .product-main-title{
        position: absolute;
        left: 0;
        top: 0;
        height: 60px;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 2px;
        opacity: 0.8;
        transition: opacity 0.5s;
    }
    .product-info{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(237,106,0,0);
        color: #fff;
        transition: background-color 0.5s;
        cursor: pointer;
    }
    .product-info-inner{
        margin: 16px;
    }
    .product-info-title{
        font-weight: bold;
        font-size: 14px;
        opacity: 0;
        transform: translateY(90px);
        transition: opacity 0.5s, transform 0.5s;
        transition-delay: 0.2s;

    }
    .product-info-summary{
        font-size: 13px;
        opacity: 0;
        transform: translateY(90px);
        transition: opacity 0.5s, transform 0.5s;
        transition-delay: 0.3s;
    }
    .product-icon{
        position: absolute;
        right: 30px;
        bottom: 30px;
        height: 40px;
        opacity: 0;
        transform: translateY(90px);
        transition: opacity 0.5s, transform 0.5s;
        transition-delay: 0.4s;
    }
    .active .product-list-item-inner .product-main-title,.active .product-list-item-inner .product-main-title{
        opacity: 0;
    }
    .active .product-list-item-inner .product-info,.active .product-list-item-inner .product-info{
        background-color: rgba(237,106,0,0.8);
    }
    .active .product-list-item-inner .product-info-summary,.active .product-list-item-inner .product-info-summary{
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0s;
    }
    .active .product-list-item-inner .product-info-title,.active .product-list-item-inner .product-info-title{
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0s;
    }
    .active .product-list-item-inner .product-icon,.active .product-list-item-inner .product-icon{
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0ms;
    }
    .products-header{
        margin: 20px;
    }
    .products-header.responsive-holder{
        display: flex;
    }
    .products-category-title{
        font-size: 20px;

    }

    .products-arrows{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9;
    }
    .products-arrows button{
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: none;
        width: 30px;
        height: 30px;
        background-size: 100% 100%;
        opacity: 0.5;
        position: absolute;
        bottom: calc(((100vw*(244/350))/2));
        margin-top: 30px;
        opacity: 1;
    }
    .products-arrows .slick-next{
        background-image: url("../image/arrow-next.png");
        background-size: 80% auto;
        background-position: center center;
        background-repeat: no-repeat;
        right: 0;
    }
    .products-arrows .slick-prev{
        background-image: url("../image/arrow-prev.png");
        margin-right: 10px;
        background-size: 80% auto;
        background-repeat: no-repeat;
        background-position: center center;
        left: 0;
    }

    .products-list-navs{
        bottom: 10px;
        z-index: 3;
        display: flex;
        position: absolute;
        width: 100%;
        justify-content: center;
    }
    .products-list-navs .slick-dots{
        display: inline-block;
    }
    .products-list-navs .slick-dots li{
        display: inline-block;
        width: 8px;
        height: 8px;
        color: transparent;
        margin: 6px;
        border-radius: 20px;
        background: rgba(0,0,0,0.1);
        cursor: pointer;
    }
    .products-list-navs .slick-dots li:hover, .products-list-navs .slick-dots li.slick-active{
        background: rgba(0,0,0,0.5);
    }
    .products-list-navs .slick-dots button{
        opacity: 0;
        cursor: pointer;
    }
    .supply-section{
        padding: 80px 0;
        background: #333;
    }
    .supply-section-bg{
        height: 400px;
        width: 827px;
        overflow: hidden;
    }
    .supply-section-bg-holder{
        animation: move-left-right 15s linear infinite;;
        position: absolute;
        overflow: hidden;
        height: 400px;
        width: 827px;
     }
    .supply-section .main-section-inner{
        width: 100%;
    }
    .about-section {
        padding: 70px 0;
        background-image: url("http://www.hongtaosan.com/bingxue/assets/images/big-bg-pattern-2.png");
        background-size: auto 100%;
        background-position-x: -10%;
        background-position-y: -20%;
        background-repeat: no-repeat;
    }
    .about-section .col-2{
        margin-bottom: 15px;
    }
    .about-section .col-2 .text-16{
        font-size: 12px;
        line-height: 1.8em;
        margin-top: 15px;
        opacity: 0.8;
    }



    .footer{
        padding: 50px 0 80px 0;
        background-color: #EC6A00;
        background-image: url("http://www.hongtaosan.com/bingxue/assets/images/vi-bg.png");
        background-size: 300% auto;
        background-position: left bottom;
        background-repeat: no-repeat;
        color: #fff;
        position: relative;
        margin-bottom: 60px;
    }
    .footer-holder{
        text-align: center;
        margin-bottom: 10px;
    }
    .footer-holder .col-1{
        margin-bottom: 20px;
    }
    .footer-logo{
        height: 35px;
        width: auto;
    }
    .footer-website-url{
        letter-spacing: 0.9px;
        font-size: 11px;
        margin-top: 10px;
        opacity: 0.7;
    }
    .footer-website-note{
        letter-spacing: 0.5px;
        font-size: 11px;
        margin-top: 5px;
        opacity: 0.7;
    }
    .mobile-social-link-list{
        flex: 1;
    }
    .social-link-list{
        display: flex;
        justify-content: right;
        opacity: 0.7;
    }
    .social-link{
        width: 25px;
        height: 25px;
        border-radius: 40px;
        line-height: 25px;
        text-align: center;
        font-size: 17px;
        background: #fff;
        color: #D6630D;
        margin: 0 0 0 16px;
        vertical-align: baseline;
    }
    .social-link.douyin{
        font-size: 15px;
    }
    .social-link-image{
        width: 25px;
        height: 25px;
        vertical-align: bottom;
    }
    .footer-contact{
        text-align: center;
        width: 75%;
        margin: auto;
        opacity: 0.7;
        display: none;
    }
    .footer-info {
        background: #F6AC19;
        color: rgba(0,0,0,0.8);
        padding: 20px;
        display: none;
    }
    .footer-info .col-2{
        text-align: right;
    }



    .footer-application{
        padding: 80px 0;
        background-image: url("http://www.hongtaosan.com/bingxue/assets/images/application-cover.jpg");
        background-size: cover;
        background-position: center center;
        position: relative;
    }
    .footer-application .main-section-inner{
        width: 60%;
        margin: auto;
        text-align: center;
    }
    .footer-application .main-section-inner.big-leaf{
        border-radius: 0;
    }

    .footer-application{
        color: #333;
    }
    .footer-application .main-section-inner .col-2{
        position: relative;
        margin-bottom: 20px;
        font-weight: bold;
        line-height: 2.2em;
    }
    .footer-application .main-section-inner .col-2 .text-18{
        font-weight: normal;
        margin-top: 15px;
    }
    .footer-application .main-section-inner .col-1{
        position: relative;
    }
    .application-icon{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
    }
    .application-button{
        display: inline-block;
        padding: 12px 25px;
        background: #EB661B;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        font-weight: bold;
    }
    .application-button .icon-font{
        font-size: 20px;
    }


    .big-leaf{
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        overflow: hidden;
    }
    .supply-chain-section{
        padding: 80px 0 0px 0;
        background: #eee;
    }
    .supply-chain-section .big-leaf{
        border-radius: 0;
    }
    .supply-chain-section .main-section-inner{
        padding-top: 0;
        width: 100%;
    }
    .supply-chain-section .section-title-holder{
        margin-bottom: 50px;
    }
    .supply-chain-item-holder{
        margin: 0px;
    }
    .supply-chain-item{
        position: relative;
    }
    .supply-chain-inner{
        background: #fff;
        position: relative;
    }
    .supply-chain-bg{
        position: absolute;
        left: 10px;
        top: 10px;
        width: 100%;
        height: 100%;
        background: #21B8C5;
        border-top-left-radius: 47px;
        border-bottom-right-radius: 47px;
        display: none;
    }
    .supply-chain-cover img{
        width: 100%;
        height: auto;
    }
    .supply-chain-info{
        position: relative;
    }
    .info-icon{
        position: absolute;
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 20px;
        text-align: center;
        border-radius: 30px;
        background: #fff;
        color: #EB661B;
        left: 30px;
        top: -20px;
    }
    .supply-chain-info-inner{
        padding: 20px;
    }
    .supply-chain-info-inner .text-12{
        line-height: 1.5em;
        opacity: 0.6;
        margin-top: 10px;
    }
    .supply-chain-info-inner .text-18{
        font-size: 18px;
    }


    .supply-chain-info-header{
        display: flex;
    }
    .supply-chain-info-header .text-18{
        font-weight: bold;
    }
    .supply-chain-info-header .icon-font{
        font-size: 20px;
        color: #EC6A00;
    }
    .supply-chain-info-detail{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        color: #fff;
        opacity: 0;
        transition: opacity 300ms;
    }
    .supply-chain-cover {
        position: relative;
    }
    .supply-chain-info-detail-inner{
        padding: 30px;
        font-size: 12px;
        line-height: 18px;
        transform: translateY(100px);
        transition: transform 300ms;

    }
    .supply-chain-item.active .supply-chain-info-detail{
        opacity: 1;
    }
    .supply-chain-item.active .supply-chain-info-detail-inner{
        transform: translateY(0px);

    }



    .home-number-section{
        padding: 36px 0px 36px 0px;
        background: #EC6A00;
    }
    .home-number-section .responsive-holder{
        display: flex;

    }
    .home-number-section .col-1{
        flex: 1;
    }

    .home-number-section .main-section-inner{
        width: 100%;
    }
    .home-number-section .main-section-inner .col-1:last-child{
    }
    .home-number-section .col-1{
    }
    .home-number-item.d-flex{
        display: block;
    }
    .home-number-item{
        font-size: 18px;
        color: #fff;
        display: flex !important;
        justify-content: center;
        flex-wrap: wrap;
    }
    .hom-number-body{
        width: 100%;
        text-align: center;
    }
    .home-number span{
        font-size: 18px;
        display: inline-block;
         font-weight: bold;
    }
    .hom-number-icon{
        font-size: 20px;
        width: 30px;
        height: 30px;
        margin-bottom: 8px;
        line-height: 30px;
        text-align: center;
        color: #0BB8C5;
        background: #fff;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hom-number-icon img{
        height: 18px;
        width: auto;
    }
    .number-note{
        opacity: 0.6;
        font-size: 16px;
    }
    .number-note{
        opacity: 0.6;
        font-size: 10px;

    }

    .jiameng-items-section .section-title-holder{
        margin-bottom: 40px;
    }

    .section-tag-image{
        height: 50px;
        width: auto;
    }

    .jiameng-section-4{
        padding: 80px 0;
        background: #B28247;
    }


    .ip-gallery-section-inner{
        display: flex;
        flex-wrap: wrap;
    }
    .ip-gallery-photo{
        width: 33.3%;
    }
    .ip-gallery-photo img{
        width: 100%;
        height: auto;
    }

    .ip-photo-1{
        animation: bg-color-1 3s infinite;
        background: #EB661B;
    }
    .ip-photo-2{
        background: #21b8c5;
        animation: bg-color-2 3s infinite;

    }
    .ip-photo-3{
        background: #E23354;
        animation: bg-color-3 3s infinite;

    }
    .ip-photo-4{
        background: #EB661B;
        animation: bg-color-1 3s reverse infinite;

    }


    .factory-section{
        padding: 120px 0;
        background-image: url(http://www.hongtaosan.com/bingxue/assets/images/factory.jpg);
        background-size: cover;
        background-position: center center;
        position: relative;
        color: #fff;

    }
    .factory-section .main-section-inner{
        position: relative;
    }
    .factory-section .section-title{
        font-weight: normal;
    }
    .factory-section .section-summary{
        font-weight: normal;
    }
    .section-bg-overlay{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
    }


    .factory-section .section-title-holder{
        margin-bottom: 50px;
    }


    .factory-section .responsive-item{
        padding: 0;
        display: flex;
        text-align: left;
        margin-bottom: 20px;
    }
    .factory-section .responsive-item-info{
        margin-left: 20px;
    }
    .factory-section .responsive-item-title{
        margin-top: 0;
        text-align: left;
    }
    .factory-section .responsive-item-icon-inner{
        width: 70px;
        height: 70px;
    }
    .factory-section .responsive-item-icon-bg-1{
        width: 60px;
        height: 60px;
    }
    .factory-section .responsive-item-summary{
        font-size: 12px;
        text-align: left;
    }


    .jiameng-items-section .responsive-item{
        padding: 0;
        display: flex;
        text-align: left;
        margin-bottom: 20px;
    }
    .jiameng-items-section .responsive-item-info{
        margin-left: 20px;
    }
    .jiameng-items-section .responsive-item-title {
        margin-top: 0;
        text-align: left;
    }

    .jiameng-items-section .responsive-item-icon .icon-font{
        font-size: 20px;
    }

    .jiameng-items-section .responsive-item-icon-inner{
        width: 50px;
        height: 50px;
    }
    .jiameng-items-section .responsive-item-icon-bg-1{
        width: 40px;
        height: 40px;
    }
    .jiameng-items-section .responsive-item-icon-bg-2{
        width: 30px;
        height: 30px;
    }
    .jiameng-items-section .responsive-item-summary{
        font-size: 12px;
        text-align: left;
    }




    .news-section{
        padding: 60px 0 60px 0;
        background: #eee;
    }
    .news-section .main-section-inner{
        width: 100%;
        padding: 0;
    }



    .news-item-holder{
        margin: 20px;
    }
    .news-item{
        position: relative;
    }
    .news-inner{
        background: #fff;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }
    .news-bg{
        position: absolute;
        left: 6px;
        top: 6px;
        width: 100%;
        height: 100%;
        background: #21B8C5;
        border-radius: 8px;
    }
    .news-cover img{
        width: 100%;
        height: auto;
    }
    .news-info{
        min-height: 100px;
        position: relative;
    }

    .news-info-inner{
        padding: 20px;
    }
    .news-info-inner .text-12{
        line-height: 1.5em;
        opacity: 0.6;
        margin-top: 10px;
    }
    .news-section .responsive-item{
        padding: 0;
    }
    .news-section .responsive-holder{
        margin-top: 50px;
    }



    .fl-item{
        float: left;
        width: 100%;
    }
    .fl-inner{
        height: 150px;
        margin: 6px 0px;
        background-size: cover;
        background-position: center center;
        position: relative;
        color: #fff;
        border-radius: 3px;
        overflow: hidden;
    }
    .fl-inner:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.5;
    }
    .fl-inner h3{
        padding: 20px;
        font-size: 18px;
        position: relative;
    }
    .fl-inner p{
        padding: 0px 20px;
        position: relative;
    }
    .job-page-intro{
        background: #f3f3f3;
        padding-bottom: 80px;
        padding-top: 80px;
    }
    .job-page-intro .section-caption h1{
        color: #333;
    }
    .job-page-intro .section-caption p{
        color: #666;
        font-size: 16px;
        margin-top: 15px;
    }
    .job-page-intro .section-caption{
        margin-bottom: 20px;
    }
    .job-code {
        text-align: center;
        width: 350px;
        margin: auto;

        padding: 15px 15px;
        border-radius: 4px;
        margin-top: 35px;

        background: rgba(255,255,255,0.1);

    }
    .job-code img{
        float: left;
        width: 100px;
        height: auto;

        display: inline-block;
    }
    .job-code p{
        float:left;
        height: 80px;
        width: 240px;
        margin-left: 10px;
        margin-top: 2px !important;
        text-align: left;
        font-size: 16px;
    }
    .works-section{
        padding: 80px 0 80px 0;
    }
    .section-summary{
        opacity: 0.8;
        margin-bottom: 15px;
     }





    /**** new ****/
    .pinpai-summary{
        margin-top: 20px;
        line-height: 1.5em;
        text-align: justify;
    }
    .value-section{
        background: #D6630D;
    }
    .core-value-list{
        margin-top: 20px;
    }
    .core-value-item{
        padding: 14px 0;
        font-size: 18px;
        border-bottom: 1px solid #ddd;
        color: #666;
    }
    .core-value-item .icon-font{
        color: #EC6A00;
        font-size: 20px;
    }
    .core-value-item span{
        margin-right: 15px;
    }
    .core-value-list .core-value-item:last-child{
        border-bottom: none;
    }



    .history-section{
        padding: 80px 0 120px 0;
        background: #B28247;
    }
    .history-list{
        position: relative;

    }
    .history-item{
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        transform: translate3d(0,100px,0);
        transition: opacity 500ms, transform 500ms;
    }
    .history-item.active{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    .history-section .col-1{
    }
    .years{
        width: 100%;
    }
    .history-cover{
        width: 100%;
        height: 200px;
        background-color: #ccc;
        background-position: center center;
        background-size: cover;
    }
    .history-info{
        background: #fff;
        padding: 20px;
        line-height: 1.8em;
        font-size: 12px;
    }
    .history-holder{
        display: flex;
        margin-top: 20px;
    }
    .timeline{
        padding-right: 10px;
        font-size: 18px;
        font-weight: 200;
        margin-right: 20px;
        border-right: 1px solid #fff;
    }
    .timeline-year{
        margin-bottom: 35px;
        position: relative;
        height: 20px;
        line-height: 13px;
        color: #fff;
    }
    .timeline-year:after{
        content: '';
        position: absolute;
        right: -17px;
        top: 0px;
        width: 5px;
        height: 5px;
        background: #F5AB1A;
        border: 4px solid #fff;
        border-radius: 20px;
        transform: scale3d(0.5,0.5,0.5);
        transition: transform 500ms;
    }
    .timeline-year.active,.timeline-year:hover{
        font-weight: bold;
    }
    .timeline-year.active:after{
        transform: scale3d(1,1,1);

    }







    .jiameng-yaoqiu{
        padding: 50px 0px 60px 0;
        background: #eee;
    }


    .jiameng-yaoqiu{
        padding: 50px 0 50px 0;
        background: #eee;
    }

    .yaoqiu-col{

    }

    .yaoqiu-title-col{
     }

    .yaoqu-list{
        margin-top: 20px;
        opacity: 0.8;
    }
    .yaoqu-list li{
        margin-bottom: 10px;
    }
    .yaoqu-list li span.icon-font{
        margin-right: 10px;
        color: #EB661B;
    }
    .yaoqiu-title{
        margin-top: 20px;
        color: #EB661B;
        font-weight: bold;
        font-size: 18px;
    }
    .yaoqiu-title .icon-font{
        font-weight: normal;
        margin-right: 8px;
        font-size: 18px;
    }



    .feiyong-section{
        padding: 80px 0;
        background: #EC6A00;
    }
    .feiyong-section .section-title-holder{
        width: 80%;
        margin: auto;
    }
    .feiyong-list{
        display: flex;
        width: 95%;
        margin: 60px auto 0 auto;
        flex-wrap: wrap;

    }
    .feiyong-list li{
        width: 50%;
        margin-bottom: 20px;
        height: auto;
        align-items: stretch;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
        border-radius: 10px;
        background: #fff;
        border-top: 5px solid #F5AB1A;
    }
    .feiyong-item{
        margin: 0px;
        padding: 0px 15px 0 15px;
        height: auto;
    }
    .feiyong-item h3{
        padding-top: 20px;
    }
    .feiyong-info{
        font-size: 12px;
        opacity: 0.6;
        padding-bottom: 20px;
    }
    .feiyong-money{
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .feiyong-money span{
        font-size: 11px;
    }




    .jiameng-liucheng{
        padding: 80px 0;
        background: #eee;
    }
    .liucheng-list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
         margin: auto;
    }
    .liucheng-item{
        margin: 10px;
        width: 90px;
        text-align: center;
    }



    .liucheng-number{
        font-size: 20px;
        border-radius: 30px;
        display: inline-block;
        width: 40px;
        height: 40px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        position: relative;
    }
    .liucheng-number-holder{
        position: absolute;
        width: 16px;
        height: 16px;
        left: -5px;
        top: -5px;
        background: #fff;
        border: 2px solid #EC6A00;
        color: #EC6A00;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        z-index: 1;
        border-radius: 20px;
        font-weight: bolder;
    }
    .liucheng-number .icon-font{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #EC6A00;
        color: #fff;
        line-height: 40px;
        text-align: center;
        font-size: 20px;
        border-radius: 30px;
    }


    .liucheng-holder{
        margin-top: 0;
    }
    .liucheng-title{
        font-size: 16px;
        margin-top: 6px;
        font-weight: bold;
    }



    .fuchi-section{
        padding: 80px 0;
    }
    .fuchi-section .section-title-holder{
        margin-bottom: 30px;
    }
    .fuchi-section .supply-chain-item{
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .fuchi-section .supply-chain-item .supply-chain-bg{
        display: none;
    }
    .fuchi-section .supply-chain-item .big-leaf{
        border-radius: 0;
    }
    .fuchi-section .supply-chain-info{
        min-height: 150px;
    }



    .fullscreen-video-wrap{
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;

    }
    .page-cover{
        height: 220px;

    }
    #video{
        height: 100%;
        width: auto;
        position: relative;
        z-index: 1;
        transition: opacity 300ms;
        transform: translateY(0);

    }
    .loading #video{
        opacity: 0;
        transform: translateY(-1000px);

    }



    .supply-section{
        padding: 80px 0;
        position: relative;
        font-weight: bold;
    }
    .supply-section .main-section-inner{
        position: relative;
    }
    .supply-section-bg-holder{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .supply-section-bg{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #eee;
        background-position: center center;
        background-image: url(http://www.hongtaosan.com/bingxue/assets/images/supply-bg-2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 0;
        transition: opacity 1500ms;
    }
    .supply-section-bg.active{
        opacity: 1;
        transition: opacity 500ms;
    }
    .supply-section-bg img{
        width: 100%;
        height: auto;
    }
    .supply-section .section-tag-image{
        animation: fly 5s infinite;
    }
    .supply-list{
        display: flex;
        flex-wrap: wrap;
        margin-top: 50px;
        padding-left: 40px;
        justify-content: center;
    }
    .supply-item{
        width: 33.3%;
    }
    .supply-item-inner{
        margin: 10px 40px 10px 0px;
    }
    .supply-item-photo{
        padding-bottom: 100%;
        border-radius: 150px;
        background-position: left top;
        background-size: cover;
        display: flex;
        justify-content: center;
        position: relative;
        border:2px solid #fff;
        box-shadow: 0 0 15px rgba(0,0,0,0.3);
    }
    .supply-item-flag{
        width: 25px;
        height: 25px;
        border-radius: 80px;
        background-position: left top;
        background-size: cover;
        position: absolute;
        bottom: -14px;
        border: 1px solid #fff;
    }
    .supply-item-info{
        padding-top: 20px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        margin-left: -10%;
        width: 120%;
    }




    .section-summary{
        margin-top: 10px;
    }

    .page-cover{
        position: relative;
        z-index: 1;
    }
    .page-cover-overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(236,106,0,0.6);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .page-cover-overlay.no-bg-color{
        background: transparent;
    }
    .page-cover-overlay.black-bg-color{
        background: rgba(0,0,0,0.3);

    }
    .page-cover-overlay.dark-black-bg-color{
        background: rgba(0,0,0,0.5);

    }
    .page-cover-title{
        color: #fff;
        font-size: 30px;
    }

    .footer-contact-mobile{
        text-align: left;
        opacity: 0.6;
        font-size: 12px;
        line-height: 1.8em;
    }
    .mobile-footer{
        display: flex;
        align-items: center;
    }

    .jiameng-page-cover{
        background-image: url("http://www.hongtaosan.com/bingxue/assets/images/cover-11.jpg");
    }
    .mendian-page-cover{
        background-image: url("http://www.hongtaosan.com/bingxue/assets/images/cover-18.jpg");
    }
    .pinpai-page-cover{
        background-image: url("../image/cover-pinpai.jpg");
    }
    .news-page-cover{
        background-image: url("../image/cover-news.jpg");
    }
    .jiaru-page-cover{
        background-image: url("http://www.hongtaosan.com/bingxue/assets/images/cover-19.jpg");
    }


    .home-news-holder{
        overflow-x: visible;
        overflow-y: hidden;
    }
    .home-news-holder .responsive-holder{
     }
    .home-news-holder .responsive-item{
        float: left;
    }

    .page-cover .image-holder{
        width: 100%;
        height: 100%;
    }
    .home .page-cover{
        height: 60vh;
    }
    
    .home .page-cover{
        height: 60vh;
    }
    .home-slide-wrap{
        height: 60vh;
    }
    .home-slide-wrap-holder{
        height: 60vh;
        position: relative;
    }
    #home-slide-pagination{
        position: absolute;
        bottom: 20px;
        text-align: center;
        width: 100%;
    }
    .home-slide-image {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
    }
    .home-slide-image-inner {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;

    }
    #home-slide-pagination .slick-dots{
        display: inline-block;
    }
    #home-slide-pagination li{
        display: inline-block;
        margin: 8px;
        width: 8px;
        height: 8px;
        overflow: hidden;
        font-size: 1px;
        line-height: 1000px;
        border: 1px solid #fff;
        border-radius: 20px;
        cursor: pointer;
    }
    #home-slide-pagination li.slick-active{
        background: #fff;
    }
    #home-slide-pagination button{
        display: none;
    }
    .home-slide-image-inner {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
    }



    #wrap{
        position: relative;
        width: 100%;
        background: #eee;
    }

    .ajax-page-active #wrap{
        position: fixed;
    }
    #ajax-page{
        position: fixed;
        z-index: -2;
        opacity: 0;
        width: 100vw;
    }
    #ajax-page-overlay{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100vw;
        padding: 10px 0;
        z-index: -3;
        background: rgba(0,0,0,0);
        text-align: center;
    }
    .ajax-page-active #ajax-page-overlay{
        z-index: 99999;
        background: rgba(0,0,0,0.5);
        -webkit-transition: background 300ms;
        transition: background 300ms;
    }
    .ajax-page-active #ajax-page{
        position: relative;
        opacity: 1;
        z-index: 9999;

    }
    .close-button{
        font-size: 40px;
        text-align: center;
    }
    #ajax-page-wrap{
        position: relative;
        margin-left: -100vw;
        width: 100vw;
        min-height: 100vh;
        background: #fff;
    }
    .ajax-page-active #ajax-page-wrap{
        margin-left: 0;
        -webkit-transition: margin-left 300ms;
        transition: margin-left 300ms;
    }
    #ajax-page-content{
        color: #333;
        padding: 30px;
        padding-bottom: 80px;
    }
    .post{
        color: #333;
        font-size: 16px;
        line-height: 22px;
    }
    .post p{
        line-height: 28px;
        margin-bottom: 15px;
    }
    .post img{
        width: 100%;
        height: auto;
    }
    .post-title{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;


    }
    .post-title h1{
        float: left;
        width: 70%;
        font-size: 18px;
    }
    .post-date{
        float: right;
        width: 30%;
        height: 30px;
        line-height: 30px;
        text-align: right;
        color: #666;
    }

    .close-button{
        color: #fff;
    }
    .post-page-holder{
        margin-top: 0px !important;
        padding-top: 10px !important;
        padding: 10px;
    }

}