/* header */
.header_box{
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 15px 0;
    box-sizing: border-box;

    transition: all 0.6s;
}

.header_box.active {
    background: #111;
    padding: 0px 0;
    box-shadow: 0 5px 10px 1px rgb(255 255 255 / 10%);
}

.search_header_box {
    background: #111;
    padding: 0px 0;
    box-shadow: 0 5px 10px 1px rgb(255 255 255 / 10%);
}
.member_center_header_box{
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0 0;
    box-sizing: border-box;
    background: #000;
}

.header{
    width: 100%;
    height: 80px;
    margin: 0 auto;
    padding-left: 80px;
    padding-right: 80px;
    box-sizing: border-box;
    position: relative;
}
.header .logo{
    float: left;
    width: auto;
    height: 80px;
    padding: 25px 0;
    box-sizing: border-box;
}
.header .logo a{
    display: block;
}
.header .logo img{
    display: block;
    width: 227px;
    height: auto;
}
.header .header_right{
    float: right;
    width: auto;
    height: 80px;
    box-sizing: border-box;
}
.header_right .right_sign_box{
    float: left;
    width: auto;
    height: 80px;
    position: relative;
}
.header_right .right_sign_box_con{
    float: left;
    width: auto;
    height: auto;
    padding: 20px 0;
    box-sizing: border-box;
}
.header_right .right_sign_box_con a{
    float: left;
    width: auto;
    height: auto;
    font-size: 17px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
}
.header_right .right_sign_box_con a img{
    float: left;
    display: block;
    width: 40px;
    height: 40px;
}


.header_right .nav-toggle {
    float: right;
    width: 110px;
    height: 80px;
    position: relative;
    margin-left: 20px;
}
.header_right .nav_toggle_icon {
    width: auto;
    height: 40px;
    /* background: #fff; */
    /* border: 2px solid rgb(255 255 255 / 85%); */
    box-sizing: border-box;
    position: absolute;
    top: 20px;
    right: 0px;
    border-radius: 50%;
    cursor: pointer;

    font-size: 17px;
    color: #fff;
    line-height: 40px;
    text-align: right;
    padding-left: 40px;
}
/* .header_right .nav_toggle_icon::before,.header_right .nav_toggle_icon::after{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    content: ''; 
    border: 10px solid #fff;
    box-sizing: border-box;

    opacity: 0;

}
.header_right .nav_toggle_icon::before{
    animation: scale 3s infinite; 
    z-index: -1;
}
.header_right .nav_toggle_icon::after{
    animation: scale2 3s infinite; 
    z-index: -1;
}
@keyframes scale{
    0%{ 
        transform: scale(1); 
        opacity:.80
    }
    100%{ 
        transform: scale(1.6); 
        opacity: 0;
    }
}
@keyframes scale2{
    0%{ 
        transform: scale(1);
        opacity:.80;
    }
    100%{ 
        transform: scale(2.2);
        opacity:0;
    }
} */



.header_right .nav_toggle_icon img{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 8px;
}



/* .menu_navigation_box{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.body_open .menu_navigation_box{
    display: block;
}
.menu_navigation_bj{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    position: absolute;
    top: 0;
    left: 0;
} */
.menu_navigation_conter{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.menu_navigation_close_box{
    display: block;
    width: 40px;
    height: 40px;
    background:url('../images/menu_close_icon.png') no-repeat center center;
    background-size: 40px;
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer;
    z-index: 9;
    cursor: pointer;
}
.menu_navigation_list{
    float: left;
    width: 60%;
    height: auto;
    padding: 0 15%;
    box-sizing: border-box;
}
.menu_navigation_list ul {
    float: left;
    width: 220px;
    height: auto;
    margin-left: 100px;
}
.menu_navigation_list ul li{
    float: left;
    width: 100%;
    height: auto;
}
.menu_navigation_list ul li a{
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    padding-right: 0;
    box-sizing: border-box;
    text-align: left;
    transition: 0.5s ease-in-out;
    position: relative;
}
.menu_navigation_list ul li a:hover{
    padding-left: 60px;
}
.menu_navigation_list ul li h3{
    display: inline-block;
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    text-align: left;
    font-weight: 200;
    letter-spacing: 2px;
}
.menu_navigation_list ul li .logo_icon{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 27.5px;
    left: 50px;
    background: url('../images/menu_logo_icon.png') no-repeat center center;
    background-size: 25px;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.menu_navigation_list ul li a:hover .logo_icon{
    opacity: 1;
    left: 20px;
}

.menu_navigation_contact{
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.menu_navigation_contact .xian{
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #222;
}
.menu_navigation_contact .text_box{
    width: 100%;
    height: auto;
    padding: 30px;
    padding-right: 80px;
    box-sizing: border-box;
    text-align: center;
}
.menu_navigation_contact .text_box h3{
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-weight: 200;
    letter-spacing: 2px;
    margin-bottom: 5px;
    padding: 10px 0;
    box-sizing: border-box;
}
.menu_navigation_contact .text_box h2{
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    font-weight: 200;
    letter-spacing: 2px;
    margin-bottom: 5px;
    padding: 10px 0;
    box-sizing: border-box;
}
.menu_navigation_contact .text_box img{
    display: block;
    width: auto;
    height: auto;
    margin: 40px auto;
    padding: 10px 0;
    box-sizing: border-box;
}
.menu_navigation_contact .text_box p{
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    padding: 5px 0;
    box-sizing: border-box;
}
.menu_navigation_contact .text_box .address{
    font-size: 15px;
}


/*banner*/
.section1{
   width: 100%;
   height: auto;
   overflow: hidden;
}
.home_banner_container{
    position: relative;
    overflow:hidden;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.home_banner_container .home_banner_slider .item{
    float: left;
    position: relative;
    height: 100%;
}




.index_banner_container .home_banner_slider .item img{
    /* -webkit-animation-name: kenburns-1;
    animation-name: kenburns-1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 11s;
    animation-duration: 11s;
    opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2); */


    /* animation: imageAnimation 3s linear; */
}

/* 
@keyframes imageAnimation{
	0%{transform:scaleX(1) scaleY(1);}
	100%{transform:scaleX(1.1) scaleY(1.1);}
} */


/* @-webkit-keyframes kenburns-1 {
    0% {
      opacity: 1;
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    35% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    98.4375% {
      -webkit-transform: scale(1.21176);
              transform: scale(1.21176);
    }
    100% {
      opacity: 1;
    }
}

@keyframes kenburns-1 {
    0% {
      opacity: 1;
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    35% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    98.4375% {
      -webkit-transform: scale(1.21176);
              transform: scale(1.21176);
    }
    100% {
      opacity: 1;
    }
} */


.home_banner_container .home_banner_slider .item .ban_text{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 400px;
    box-sizing: border-box;
    z-index: 1;

    animation: banner_text1 0.8s ease-out;
    -webkit-animation: banner_text1 0.8s ease-out;
}
.home_banner_container .home_banner_slider .item .ban_text .ban_text_con{
    max-width: 1500px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.home_banner_container .home_banner_slider .item .ban_text .ban_text_con a{
    display: block;
}
.home_banner_container .home_banner_slider .item .ban_text h2{
    display: inline-block;
    font-size: 55px;
    color: #fff;
    line-height: 65px;
    font-weight: 500;
    margin-bottom: 25px;
    letter-spacing: 5px;

    position: relative;
}
.home_banner_container .home_banner_slider .item .ban_text .article{
    font-size: 26px;
    color: #fff;
    line-height: 36px;
    font-weight: 300;
    text-transform: uppercase;

    position: relative;
}


.home_banner_container .home_banner_slider .item .ban_text h2::after{
    content: " ";
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: all 0.5s;
}
.home_banner_container .home_banner_slider .item .ban_text h2:hover::after{
    width: 100%;
}



.banner_num{
    width: 300px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 50%;
    bottom: 60px;
    margin-left: -150px;
    text-align: center;
    z-index: 1;
}
.banner_num a{
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer;

    margin: 0 15px;
    position: relative;
}
.banner_num a span{
    display: none;
}

.banner_num a::before,.banner_num a::after{
    position: absolute;
    top: -2px;
    left: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: ''; 
    border: 6px solid #fff;
    box-sizing: border-box;

    opacity: 0;

}
.banner_num a.selected{
    background: #fff;
}
.banner_num a.selected::before{
    animation: banner_num_scale 3s infinite; 
    z-index: -1;
}
.banner_num a.selected::after{
    animation: banner_num_scale2 3s infinite; 
    z-index: -1;
}
@keyframes banner_num_scale{
    0%{ 
        transform: scale(1); 
        opacity:.80
    }
    100%{ 
        transform: scale(3); 
        opacity: 0;
    }
}
@keyframes banner_num_scale2{
    0%{ 
        transform: scale(1);
        opacity:.80;
    }
    100%{ 
        transform: scale(5);
        opacity:0;
    }
}





/* banner_text_pro */
.home_banner_container .banner_text_pro{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing: border-box;
   
   background: rgba(0, 0, 0, 0.10);
    
}
.home_banner_container .banner_text_box{
    max-width: 1100px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 200px;
    box-sizing: border-box;
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


.home_banner_container .color_card_banner_text_pro .banner_text_box{
    padding-top: 260px;
}
.home_banner_container .banner_text_box h2{
    font-size: 58px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 50px;
}
.home_banner_container .banner_text_box .text_box{
    width: 100%;
    min-height: 180px;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    font-weight: 200;
    position: relative;
    letter-spacing: 1px;
}

/* .home_banner_container .banner_text_pro_about .banner_text_box .text_box{
    font-size: 24px;
    line-height: 40px;
} */

.home_banner_container .banner_down_box{
    width: 60px;
    height: auto;
    position: absolute;
    bottom: 35px;
    left: 50%;
    z-index: 9;
    margin-left: -30px;
    cursor: pointer;
}

.color_card_details_banner .home_banner_container .banner_down_box{
    bottom: 85px;
}

.home_banner_container .banner_down_box p{
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: 200;
}
.home_banner_container .banner_down_box .down_icon{
    width:40px;
    height:40px;
    margin: 0 auto;
    background: url(../images/banner_down_icon.png) no-repeat center center;
    background-size: 30px;
    position: relative;

    animation: 2s ease 0s normal none infinite running down_btn;
    cursor: pointer;
}

@keyframes down_btn {
    0%,
    100% {
        bottom: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    50% {
        bottom: -15px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}
@-webkit-keyframes down_btn {
    0%,
    100% {
        bottom: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    50% {
        bottom: -15px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}



/* sidebar_box */
.sidebar_box {
    width: 80px;
    height: auto;
    position: fixed;
    top: 35%;
    right: 15px;
    z-index: 999;
    opacity: 0;
    display: none !important;
}
.sidebar_box_conter {
    width: 100%;
    height: auto;
    position: relative;
}
.sidebar_box_conter ul {
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 2px 0px #b0b0b0;
}
.sidebar_box_conter ul li {
    float: left;
    width: 80px;
    height: 80px;
    padding: 13px 10px;
    box-sizing: border-box;
    text-align: center;
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.sidebar_box_conter ul li:last-child {
    border-bottom: none;
}
.sidebar_box_conter ul li .icon_box {
    width: 60px;
    height: 32px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 2px;
}
.sidebar_box_conter ul li .icon_box img {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -16px;
}
.sidebar_box_conter ul li .icon_box img.icon_pic2 {
    opacity: 0;
}
.sidebar_box_conter ul li p {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
}
.sidebar_box_conter ul li:hover {
    background: #3aae97;
}
.sidebar_box_conter ul li:hover .icon_box img {
    opacity: 0;
}
.sidebar_box_conter ul li:hover .icon_box img.icon_pic2 {
    opacity: 1;
}
.sidebar_box_conter ul li:hover p {
    color: #fff;
}

.sidebar_box_conter ul li .text_box {
    width: 0;
    height: 80px;
    background: #3aae97;
    box-sizing: border-box;
    padding: 20px 0px;
    box-sizing: border-box;
    position: absolute;
    top: 81px;
    right: 81px;
    opacity: 0;
}
.sidebar_box_conter ul li .text_box p {
    width: 150px;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto;
}




/* home_content */
.home_content{
    width: 100%;
    height: auto;
    position: relative;
}
.section_container_con{
    max-width: 1500px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}


/* crumbs_nav_box */
.crumbs_nav_box{
    width: 100%;
    height: 60px;
    background: #fff;
    padding: 10px 0;
    box-sizing: border-box;
    display: none;
}
.crumbs_nav_con{
    max-width: 1400px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.crumbs_nav_box .nav_box{
    float: right;
    width: auto;
    height: auto;
}
.crumbs_nav_box .nav_box li{
    float: left;
    width: auto;
    height: auto;
    font-size: 15px;
    color: #888;
    line-height: 40px;
}
.crumbs_nav_box .nav_box li a{
    color: #888;
    position: relative;
}
.crumbs_nav_box .nav_box > li + li:before {
    color: #888;
    content: ">";
    padding: 0 6px;
}
.crumbs_nav_box .nav_box li.active{
    color: #000;
}
.crumbs_nav_box .nav_box li a:hover{
    color: #000;
}

.crumbs_nav_box .nav_box li a::after{
    content: " ";
    width: 0;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 22px;
    transition: all 0.5s;
}
.crumbs_nav_box .nav_box li:hover a::after{
    width: 100%;
}


/* events_page */
.events_page {
    width: 100%;
    height: auto;
    background: #111;
}
.events_section_list{
    width: 100%;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    box-sizing: border-box;
}
.events_section_item{
    width: 100%;
    height: auto;
    padding: 60px 0;
    box-sizing: border-box;
}
.events_section_item .pic_box{
    float: left;
    width: 62.5%;
    height: auto;
}
.events_section_item .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}
.events_section_item .text_box{
    float: left;
    width: 37.5%;
    height: auto;
    padding-top: 80px;
    padding-left: 60px;
    padding-right: 11%;
    box-sizing: border-box;
}
.events_section_item .text_box_con{
    float: right;
    max-width: 360px;
    width: 100%;
    height: auto;
}
.events_section_item .text_box h3{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: 200;
    margin-bottom: 50px;
}
.events_section_item .text_box .text{
    width: 100%;
    min-height: 288px;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    font-weight: 200;
    text-align: justify;
    margin-bottom: 50px;
}

.events_section_item .text_box .link_box{
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #111;
    border: 1px solid #fff;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    padding: 15px 50px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}

/*.events_section_item:nth-child(1) .text_box .link_box{*/
/*    display: none;*/
/*}*/
/*.events_section_item:nth-child(2) .text_box .link_box{*/
/*    display: none;*/
/*}*/

.events_section_item .text_box .link_box span{
    display: block;
    position: relative;
    z-index: 2;
}
.events_section_item .text_box .link_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #fff;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.events_section_item .text_box .link_box:hover{
    color: #000;
    transition: all 0.5s;
}
.events_section_item .text_box .link_box:hover:after{
    width: 102%;
}
.events_section_item:nth-child(even) .pic_box{
    float: right;
}
.events_section_item:nth-child(even) .text_box{
    padding-right: 60px;
    padding-left: 11%;
}
.events_section_item:nth-child(even) .text_box_con{
    float: left;
}


/* events_details_page */
.events_details_page {
    width: 100%;
    height: auto;
    min-height: 600px;
    background: #111;
    padding: 100px 0;
    box-sizing: border-box;
}
.events_details_page .section_container_con{
    max-width: 1200px;
}
.events_details_page .title_box{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.events_details_page .title_box h3{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: 200;
    text-align: center;
}
.events_details_page .text_box{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: justify;
}
.events_details_page .text_box p{
    margin: 20px 0;
}
.events_details_page .text_box img{
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* development_page */
.development_page {
    width: 100%;
    height: auto;
}
.development_page_section1{
    width: 100%;
    height: auto;
    background: #000;
    padding: 100px 0;
    box-sizing: border-box;
    position: relative;
}

.development_page_section1_bj {
    width: 750px;
    height: 750px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/development_logo_bj.png) no-repeat center center;
    background-size: 100%;
}

.development_page_section1_list{
    width: 100%;
    height: auto;
}
.development_page_section1_list ul li{
    float: left;
    width: 50%;
    height: 340px;
    position: relative;
    overflow: hidden;
}
.development_page_section1_list ul li .pic_box{
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.development_page_section1_list ul li .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.development_page_section1_list ul li .text_box{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  
    background: linear-gradient(45deg,#00a2e0 8%, #18b285 , #78bd41);
    padding: 50px 50px;
    box-sizing: border-box;
}
.development_page_section1_list ul li .text_box .xian{
    width: 60px;
    height: 60px;
    background: url(../images/development_xian.png) no-repeat center center;
    background-size: 60px;
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -30px;
}
.development_page_section1_list ul li:nth-child(3) .text_box .xian{
    background: url(../images/development_xian2.png) no-repeat center center;
    background-size: 60px;
    left: auto;
    right: -30px;
}
.development_page_section1_list ul li:nth-child(4) .text_box .xian{
    background: url(../images/development_xian2.png) no-repeat center center;
    background-size: 60px;
    left: auto;
    right: -30px;
}
.development_page_section1_list ul li .text_box h3{
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 1px;
}
.development_page_section1_list ul li .text_box h3 span{
    font-size: 26px;
    font-weight: normal;
    margin-left: 6px;
}

.development_page_section1_list ul li .text_box .article{
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin-top: 30px;
    text-align: justify;
}
.development_page_section1_list ul li:nth-child(3) .pic_box{
    float: right;
}
.development_page_section1_list ul li:nth-child(3) .text_box{
    right: inherit;
    left: 0;
}
.development_page_section1_list ul li:nth-child(4) .pic_box{
    float: right;
}
.development_page_section1_list ul li:nth-child(4) .text_box{
    right: inherit;
    left: 0;
}








.development_section_text{
    width: 100%;
    height: auto;
    padding: 65px 0;
    box-sizing: border-box;
    background: #111;
}

.development_section_text .text_box{
    max-width: 1140px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.development_section_text .text_box h3{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: 200;
}
.development_section_text .text_box .text{
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    margin-top: 50px;
    text-align: center;
}
.development_section_text .text_box .text p{
    text-indent: 2em;
    margin-bottom: 15px;
}
.development_section_text .text_box .text p strong{
    font-weight: 600;
}



.development_page_section2{
    width: 100%;
    height: 750px;
    background: url('../images/development_page_section2_banner.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
}
.development_page_section2_conter{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.development_page_section2_conter .text_box{
    /* max-width: 1000px; */
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    margin: 0 auto;
}
.development_page_section2_conter .text_box p{
    margin-bottom: 25px;
    text-indent: 2em;
}
.development_page_section2_conter .pic_box{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.development_page_section2_conter .pic_box img{
    display: block;
    width: 330px;
    height: auto;
    margin: 0 auto;
}

/* .development_page_section3{
    display: none;
} */


.development_page_section3 .text_box .text{
    margin-top: 0;

    font-size: 24px;
    color: #fff;
    line-height: 30px;
    text-align: left;
    font-weight: 500;
    position: relative;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
    padding: 30px 0;
    box-sizing: border-box;
}
.development_page_section3 .text_box .text p{
    margin-bottom: 0;
    text-indent: 0;
}
.development_page_section3 .text p span {
    display: inline-block;
    margin: 0 30px;
    /* padding-bottom: 15px; */
    box-sizing: border-box;
    /* background: url(../images/development_xian3.png) no-repeat bottom center;
    background-size: 80px; */
}

.development_page_section4{
    width: 100%;
    height: 600px;
    background: url('../images/development_page_section4_banner.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;

    /* width: 100%;
    height: auto;
    padding: 100px 0;
    box-sizing: border-box;
    background: #111;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); */
}


.development_page_section4_conter{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.development_page_section4_conter .text{
    max-width: 1000px;
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    text-align: left;
    font-weight: 500;
    position: relative;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
    /* margin-bottom: 60px; */
}
.development_page_section4_conter .text p span {
    display: inline-block;
    margin: 0 30px;
    /* padding-bottom: 15px; */
    box-sizing: border-box;
    /* background: url(../images/development_xian3.png) no-repeat bottom center;
    background-size: 80px; */
}
.development_page_section4_conter .text_box{
    max-width: 1000px;
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    margin: 0 auto;
}
.development_page_section4_conter .text_box p{
    margin-bottom: 25px;

}


/* development_page_section5_wrap_box */
.development_page_section5{
    padding: 90px 0;
}
.development_page_section5_wrap_box{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
}
.development_page_section5_wrap_box ul li{
    display: inline-block;
    width: 300px;
    height: 350px;
    position: relative;
    margin: 0 15px;
}
.development_page_section5_wrap_box ul li a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.development_page_section5_wrap_box ul li .pic_box {
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
}
.development_page_section5_wrap_box ul li .pic_box .pic {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;

    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.development_page_section5_wrap_box .str_wrap {
    background: none !important;
}



.development_page_section6{
    width: 100%;
    height: 700px;
    background: url('../images/development_page_section6_banner.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;


    display: flex;
    flex-direction: column;
    justify-content: center;
}

.development_page_section6 .development_page_section5_wrap_box{
    margin-top: 0;
}
.development_page_section6 .development_page_section5_wrap_box ul li{
    margin: 0 35px;
    width: 600px;
    height: 450px;
}
.development_page_section6 .development_page_section5_wrap_box ul li .pic_box{
    height: 450px;
}


/* .development_page_section4{
    display: none;
} */




/* about_page */
.about_page {
    width: 100%;
    height: auto;
}
.about_page_section1{
    width: 100%;
    height: auto;
    background: #111;
    padding: 100px 0;
    box-sizing: border-box;
    position: relative;
}
.about_page_section1_bj{
    width: 100%;
    height: 270px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -90px;

    background-image: url('../images/about_logo_pic.png');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about_page_section1 .title_box{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
}
.about_page_section1 .title_box h2{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: 200;
}
.about_page_section1 .title_box h3{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: 200;
}
.about_page_section1 .text_box{
    max-width: 1140px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;

    font-size: 18px;
    color: #fff;
    line-height: 28px;
    font-weight: 200;
}
.about_page_section1 .text_box p{
    text-indent: 2em;
    margin-bottom: 15px;
}
.about_page_section1 .text_box  p strong{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}




.about_page_section1 .num_box{
    width: 600px;
    height: auto;
    margin: 0 auto;
    margin-top: 60px;
    position: relative;
}
.about_page_section1 .num_box .num{
    display: inline-block;    
    font-size: 470px;
    color: #fff;
    line-height: 400px;
    text-align: center;
    font-weight: 800;
    margin: 0 auto;
}
.about_page_section1 .num_box .year{
    display: inline-block;    
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    font-weight: 200;

    position: absolute;
    right: 0px;
    top: 350px;
}
.about_page_section1 .num_box .year::after{
    content: ' ';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.about_page_section1 .num_box .year::before{
    content: ' ';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.about_page_section2{
    width: 100%;
    height: 700px;
    background: url('../images/about_page_section2_pic.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;

    padding: 100px 0;
    box-sizing: border-box;
}

.about_page_section2 .title_box{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
}
.about_page_section2 .title_box h2{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: 200;
}
.about_page_section2 .text_box{
    max-width: 1140px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;

    font-size: 20px;
    color: #fff;
    line-height: 36px;
    font-weight: 200;
}
.about_page_section2 .text_box p{
    text-indent: 2em;
    margin-bottom: 15px;
}


.about_section2_video_box{
    width: 80px;
    height: 80px;
    background: url('../images/video_icon_pic.png') no-repeat center center;
    background-size: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    z-index: 1;
    cursor: pointer;
}
.about_section2_video_box:hover{
    background: url('../images/video_icon_pic_hover.png') no-repeat center center;
    background-size: 80px;
}

.about_page_section3{
    width: 100%;
    height: auto;
    background: #111;
    padding: 90px 0;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
}
.about_page_section3 .section_container_con{
    max-width: 1230px;
}
.about_page_section3 .title_box{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
}
.about_page_section3 .title_box h2{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: 200;
}
.about_page_section3 .text_box{
    max-width: 1140px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;

    font-size: 18px;
    color: #fff;
    line-height: 32px;
    font-weight: 200;
}
.about_page_section3 .text_box p{
    text-indent: 2em;
}


.about_page_section3 .pic_box{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.about_page_section3 .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}

.about_page_section4{
    width: 100%;
    height: auto;
    padding: 80px 0;
    background: #111;
    box-sizing: border-box;
    position: relative;
    /* border-top: 1px solid rgba(231, 225, 225, 0.15); */


    
    /* width: 100%;
    height: 850px;
    background: url('../images/about_page_section4_banner1.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    padding: 80px 0;
    box-sizing: border-box; */
}
.about_page_section4_text_box{
    width: 100%;
    height: auto;
}
.about_page_section4_text_box .text{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    font-weight: 300;
}


.about_page_product_section{
    width: 100%;
    height: auto;
    padding: 80px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about_page_product_section .text_box{
    float: left;
    width: 50%;
    height: auto;
    text-align: left;
    color: #fff;
    cursor: pointer;
}
.about_page_product_section2 .text_box{
    float: right;
    text-align: right;
}
.about_page_product_section4 .text_box{
    float: right;
    text-align: right;
    color: #000;
}
.about_page_product_section4 .text_box{
    color: #fff;
}
.about_page_product_section .text_box h2 {
    font-size: 32px;
    
    line-height: 52px;
    font-weight: 200;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.about_page_product_section .text_box h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 200;
    letter-spacing: 2px;
    margin-bottom: 30px;
}
.about_page_product_section .text_box .text {
    font-size: 18px;
    line-height: 32px;
    font-weight: 200;
    letter-spacing: 2px;
}
.about_page_product_section1 {
    width: 100%;
    height: 600px;
    background: url(../images/about_page_product_section1_pic1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
}
.about_page_product_section2 {
    width: 100%;
    height: 600px;
    background: url(../images/about_page_product_section1_pic2-1.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.about_page_product_section3 {
    width: 100%;
    height: 600px;
    background: url(../images/about_page_product_section1_pic3.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
}
.about_page_product_section4 {
    width: 100%;
    height: 600px;
    background: url(../images/about_page_product_section1_pic4.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

.development_section1_bj1{
    background: url(../images/development_section1_pic1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.development_section1_bj2{
    background: url(../images/development_section1_pic2.jpg) no-repeat center center;
    background-size: cover;
}
.development_section1_bj3{
    background: url(../images/development_section1_pic4.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.development_section1_bj4{
    background: url(../images/development_section1_pic3.jpg) no-repeat center center;
    background-size: cover;
}
.development_section1_bj2 .text_box,.development_section1_bj4 .text_box{
    float: right;
    text-align: right;
}





/* .about_page_section_scsl{
    width: 100%;
    height: auto;
    background: #111;
    padding: 80px 0;
    box-sizing: border-box;
    position: relative;
}
.about_page_section_scsl .title_box{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
}
.about_page_section_scsl .title_box h2{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: 200;
}
.about_page_section_scsl .text_box{
    max-width: 1140px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;

    font-size: 18px;
    color: #fff;
    line-height: 28px;
    font-weight: 200;
    text-align: center;
}
.about_page_section_scsl .text_box p{
    margin-bottom: 15px;
} */


/* .about_page_section5{
    width: 100%;
    height: auto;
    background: url('../images/about_page_section4_banner1.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    padding: 80px 0;
    box-sizing: border-box;
}
.about_page_section5 .title_box{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 55px;
}
.about_page_section5 .title_box h2{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: 200;
}


.about_section5_container{
    width: 100%;
    height: auto;
}
.about_section5_list{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.about_section5_list ul li{
    display: inline-block;
    width: 320px;
    height: 220px;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    margin: 12px;
    position: relative;
    cursor: pointer;
}
.about_section5_list ul li .pic_box{
    width: 100%;
    height: auto;
    position: relative;
}
.about_section5_list ul li .pic_box img{
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    border-radius: 10px;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.about_section5_list ul li:hover .pic_box img{
    -webkit-transform: scale3d(0.91,0.88,1);
    transform: scale3d(0.91,0.88,1);
}



.about_section5_list .str_wrap{
    background: none;
}
.about_section5_list .str_wrap.str_active{
    background: none;
} */




.videoshadow{position:fixed;z-index:999;width:100%;height:100%;left:0px;top:0px;background:url(../images/bg_videoshadow.png) repeat;}
.videobox {position: absolute;width: 0px;height: 2px;margin: -250px 0 0 -445px;left: 50%;top: 50%;background: #000;overflow: hidden;}
.videobox .close{position:absolute;top:5px;right:5px;width:30px;z-index: 9;height:30px;background:url(../images/menu_close_icon.png) no-repeat center center;cursor:pointer;}
.videobox .fullscreen{position:absolute;bottom:5px;right:5px;width:32px;z-index: 9;height:32px;background:url(../images/fullscreen.png) no-repeat;cursor:pointer;}
.videobox #video{background:url(../images/loading.gif) no-repeat center center #000;}



/* about_page_product */
/* .page2_section_list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page2_section_list ul {
    width: 100%;
    height: 100%;
}
.page2_section_list ul li{
    float: left;
    width: 16.666666%;
    height: 100%;
    border-right: 1px solid rgba(255,255,255,0.35);
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;

    position: relative;
}
.page2_section_list ul li .li_bj{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;


    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
}

.page2_section_list ul li .li_con{
    width: 100%;
    height: auto;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
   
}
.page2_section_list ul li .num_box{
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
   
    display: flex;
    flex-direction: column;
    justify-content: center;

    margin-bottom: 60px;

    position: relative;
    text-align: center;
}
.page2_section_list ul li .num_box p{
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    letter-spacing: 2px;
}
.page2_section_list ul li .num_box p span{
    font-size: 26px;
    color: #fff;
    font-weight: 500;
}
.page2_section_list ul li .num_box .yuan{
    width: 156px;
    height: 156px;
    position: absolute;
    top: 2px;
    left: 2px;
    border: 2px solid #fff;
    opacity: 0;
    border-radius: 50%;
    box-sizing: border-box;
}
.page2_section_list ul li .text_box{
    width: 100%;
    height: 450px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: justify;
}
.page2_section_list ul li .text_box h3{
    width: 100%;
    height: auto;
    min-height: 30px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
}
.page2_section_list ul li .num_box .page2_yuan_wrapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
}
.page2_yuan {
    width: 80px;
    height: 160px;
    position: absolute;
    top: 0;
    overflow: hidden;
 }
 .page2_yuan_wrapper .right {
    right: 0;
 }
  
 .page2_yuan_wrapper .left {
    left: 0;
 }
  
 .page2_yuan_wrapper .circleProgress {
    width: 152px;
    height: 152px;
    border: 4px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0; 
   
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
 }
  
 .page2_yuan_wrapper .rightcircle {
    border-top: 4px solid #67ba59;
    border-right: 4px solid #67ba59;
    right: 0;
    -webkit-animation: circleProgressLoad_right 2s linear both;
    animation: circleProgressLoad_right 2s linear both;
 }
 .page2_yuan_wrapper .leftcircle {
    border-bottom: 4px solid #67ba59;
    border-left: 4px solid #67ba59;

    left: 0;
    -webkit-animation: circleProgressLoad_left 2s linear both;
    animation: circleProgressLoad_left 2s linear both;
 }

 @-webkit-keyframes circleProgressLoad_right{
    0%{
        -webkit-transform: rotate(-135deg);
    }
    50%,100%{
        -webkit-transform: rotate(45deg);
    }
}
@-webkit-keyframes circleProgressLoad_left{
    0%,50%{
        -webkit-transform: rotate(-135deg);
    }
    100%{
        -webkit-transform: rotate(45deg);
    }
}
 */








/* product_page */
.product_page{
    width: 100%;
    height: auto;
    min-height: 1200px;
    padding-top: 150px;
    padding-bottom: 120px;
    box-sizing: border-box;
    background: #111;
    position: relative;
}

.product_page_container{
    width: 100%;
    height: auto;
}

.product_series_nav{
    width: 100%;
    height: auto;
    background: #000;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    position: absolute;
    top: 0;
    left: 0;
}
.product_series_nav ul li{
    float: left;
    width: 20%;
    height: 80px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    padding: 5px;
    box-sizing: border-box;

    position: relative;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}
.product_series_nav ul li a{
    display: block;
}
.product_series_nav ul li:first-child{
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.product_series_nav ul li .icon_box{
    display: inline-block;
    width: 70px;
    height: 70px;
    position: relative;
    vertical-align: bottom;
    /* display: none; */
}
.product_series_nav ul li .icon_box img{
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
}
.product_series_nav ul li .icon_box .selected{
    opacity: 0;
}
.product_series_nav ul li .text_box{
    display: inline-block;
    width: auto;
    height: 70px;
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left;
    /* margin-left: 30px; */
}
.product_series_nav ul li .text_box p{
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
}

.product_series_nav ul li.active{
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.product_series_nav ul li.active .icon_box img{
    opacity: 0;
}
.product_series_nav ul li.active .icon_box .selected{
    opacity: 1;
}
.product_series_nav ul li.active .text_box p{
    color: #000;
}


.product_series_nav ul li:hover{
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.product_series_nav ul li:hover .icon_box img{
    opacity: 0;
}
.product_series_nav ul li:hover .icon_box .selected{
    opacity: 1;
}
.product_series_nav ul li:hover .text_box p{
    color: #000;
}



.product_page_container .section_container_con{
    max-width: 1400px;
}
.product_screen_conter{
    width: 100%;
    height: auto;
   
}
.product_series_text_box{
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 60px;
}
.product_series_text_box .pic_box{
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
}
.product_series_text_box .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}
.product_series_text_box .text_box{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.30);
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;
} 
.product_series_text_box .text_box h3{
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 60px;
}
.product_series_text_box .text_box .text{
    max-width: 1150px;
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    text-align: left;
    font-weight: 200;
    position: relative;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
}
.product_series_text_box .text_box .text p span{
    margin: 0 30px;
}
/* .product_series_text_box .text_box .text strong{
    font-weight: 600;
} */


.product_screen_section{
    width: 100%;
    height: auto;
    /* background: #f6f6f6; */
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 15px;
}
.product_screen_section_conter{
    width: 100%;
    height: auto;
    min-height: 30px;
    position: relative;
    padding-left: 120px;
    box-sizing: border-box;
}
.product_screen_section_conter .title{
    width: auto;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
}
.product_screen_section_conter .screen_list{
    width: 100%;
    height: auto;
}
.product_screen_section_conter .screen_list ul li{
    float: left;
    width: auto;
    height: auto;
    padding: 5px 15px;
    padding-right: 25px;
    box-sizing: border-box;
    background: #666;
    border: 1px solid #666;
    border-radius: 30px;
    font-size: 15px;
    color: #fff;
    line-height: 18px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;

    background: #666 url(../images/menu_close_icon.png) no-repeat right center;
    background-size: 20px;
}
.product_screen_section_conter .screen_list ul li.empty_box{
    padding-right: 15px;
    background: #666;
    border: 1px solid #666;
    line-height: 18px;
    color: #fff;
}
.product_screen_section_conter .screen_list ul li:hover{
    background: #111;
    color: #fff;
    border: 1px solid #666;
    background: #111 url(../images/menu_close_icon.png) no-repeat right center;
    background-size: 20px;
}
.product_screen_section_conter .screen_list ul li.empty_box:hover{
    background: #111;
    color: #fff;
}


.product_screen_nav{
    width: 100%;
    height: auto;
    background: #f6f6f6;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 25px;
}
.product_screen_nav ul li{
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 25px;
    position: relative;
    padding: 15px 0;
    box-sizing: border-box;
    cursor: pointer;
}
.product_screen_nav ul li h3{
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
    padding-right: 30px;
    box-sizing: border-box;

    background: url('../images/product_screen_down_icon.png') no-repeat right center;
    background-size: 30px;
    position: relative;
}

.product_screen_nav ul li h3::after{
    content: " ";
    width: 0;
    height: 1px;
    background: #111;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}
.product_screen_nav ul li:hover h3::after{
    width: 100%;
}
.product_screen_nav ul li:hover h3{
    color: #111;
}
.product_screen_nav ul li.active h3::after{
    width: 100%;
}
.product_screen_nav ul li.active h3{
    color: #111;
}

.product_screen_nav ul li:hover .subNav_box {
    display: block;
}


/* 一级分类选中状态样式 */
.product_screen_nav h3.selected {
    background-color: #f0f0f0;
    color: #333;
}

.product_screen_nav h3.clickable-category:hover {
    background-color: #f5f5f5;
}

/* 二级分类选中状态样式 */
.subNav_item.selected {
    background-color: #007bff;
    color: white;
}

.subNav_item.selected span {
    color: white;
}

/* 加载状态样式 */
.loading, .no-data, .error {
    text-align: center;
    padding: 50px;
    color: #666;
}

.no-products {

    text-align: center;
    padding: 50px;
    color: #999;
    list-style: none;
    width: 100%;
    font-size: 16px;
}

.product_num_box{
    width: 100%;
    height: auto;
    padding: 5px 0;
    box-sizing: border-box;
}
.product_num_box p{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: right;
}

.product_screen_container{
    width: 100%;
    height: auto;
}
.product_screen_list{
    width: 100%;
    height: auto;
}
.product_screen_list ul{
    margin: 0 -1%;
}
.product_screen_list ul li{
    float: left;
    width: 31.333333%;
    height: auto;
    margin: 1%;
}
.product_screen_list ul li a{
    display: block;
    width: 100%;
    height: auto;
}
.product_screen_list ul li .pic_box{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.product_screen_list ul li .pic_box img{
    display: block;
    width: 100%;
    height: auto;

    transition: transform 1.2s;
    -webkit-transition: -webkit-transform 1.2s;
    -moz-transition: -moz-transform 1.2s;
    -o-transition: -o-transform 1.2s;
}
.product_screen_list ul li:hover .pic_box img {
    transform: scale(1.3, 1.3);
}
.product_screen_list ul li .text_box{
    display: block;
    width: 100%;
    height: 100px;
    background: #fff;
    overflow: hidden;
    padding: 15px 20px;
    box-sizing: border-box;
    position: relative;
}
.product_screen_list ul li .text_box h3{
    font-size: 18px;
    color: #000;
    line-height: 32px;
    font-weight: 600;
}
.product_screen_list ul li .text_box .text{
    width: 100%;
    height: auto;
    position: relative;
    padding: 5px 0;
    padding-right: 100px;
    box-sizing: border-box;
}
.product_screen_list ul li .text_box .text p{
    font-size: 14px;
    color: #666;
    line-height: 22px;

    word-wrap: break-word; 
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product_screen_list ul li .text_box .text span{
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    background: #111;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 32px;
    position: absolute;
    top: 0;
    right: 0;
}
.product_screen_list ul li .text_box .xian_box{
    content: ' ';
    width: 0;
    height: 4px;
    background: linear-gradient(to left, #02a0e4, #3aae97);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.8s;

    display: none;
}
.product_screen_list ul li:hover .text_box .xian_box{
    width: 100%;
}

.product_screen_list ul.pagination li{
    display: block;
    background-color: #fff;
    text-align: center;
    width: auto;
    padding: 0 5px;
    border: 1px solid #fff;
    border-radius: 4px;
}
.product_screen_list ul.pagination li.active{
    background-color: #111;
    color: #fff;
}


.product_screen_nav ul li .subNav_box {
    width: 600px;
    height: auto;
    background: #f6f6f6;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -300px;
    transition: all 0.8s;
    z-index: 99;
    box-shadow: 0 5px 15px 2px rgb(0 0 0 / 30%);

    display: none;
}

.product_screen_nav ul li .subNav_box .subNav_list{
    width: 100%;
    height: auto;
    padding: 30px 50px;
    padding-right: 15px;
    box-sizing: border-box;
}
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item{
    float: left;
    width: 20%;
    height: 32px;
    padding-right: 2px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    line-height: 16px;
    text-align: left;
    margin: 8px 0;
    cursor: pointer;
 
    display: flex;
    flex-direction: column;
    justify-content: center; 
}
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item span{
    display: inline-block;
    width: auto;
    position: relative;
}
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item span em{
    display: inline-block;
    font-style:normal;
    vertical-align: super;
    font-size: 12px;
    margin-left: 3px;
}

.product_screen_nav ul li:nth-of-type(5) .subNav_box{
    width: 1000px;
    margin-left: -500px;
} 
.product_screen_nav ul li:nth-of-type(5) .subNav_box .subNav_list .subNav_item{
    width: 12.5%;
}
.product_screen_nav ul li:nth-of-type(9) .subNav_box .subNav_list .subNav_item{
    width: 33.333333%;
}


.product_screen_nav ul li .subNav_box .subNav_list .subNav_item span::before,
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item span::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; font-size: 18px; }
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item span::before { margin-right: 5px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); }

.product_screen_nav ul li .subNav_box .subNav_list .subNav_item span::after { margin-left: 5px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); }

.product_screen_nav ul li .subNav_box .subNav_list .subNav_item:hover span::before,
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item:hover span::after,
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item.active span::before,
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item.active span::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); }
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item:hover span { color: #111; }
.product_screen_nav ul li .subNav_box .subNav_list .subNav_item.active span { color: #111; }


/* 没有子菜单的一级分类不显示箭头 */
.product_screen_nav ul li h3.no-arrow {
    background: none !important;
}

/* product_details_page */
.product_details_page{
    width: 100%;
    height: auto;
}
.product_details_section1{
    width: 100%;
    height: auto;
    /* padding: 100px 0; */
    box-sizing: border-box;
    background: #111;
}
.product_details_section1 .text_box{
    width: 100%;
    height: auto;
}
.product_details_section1 .text_box .text{
    max-width: 900px;
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin: 0 auto;
}
.product_details_section1 .text_box .text p{
    margin-bottom: 15px;
}
.product_details_section1 .pic_box{
    width: 100%;
    height: auto;
    margin-top: 60px;
}
.product_details_section1 .pic_box img{
    display: block;
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.product_details_section2{
    width: 100%;
    height: auto;
    padding: 100px 0;
    box-sizing: border-box;
    background: #1a1a1a;
}
.product_details_page  .section_container_con{
    max-width: 1400px;
}
.product_details_page .title_box{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.product_details_page .title_box h3{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: 200;
    letter-spacing: 2px;
}
.product_details_section2_list{
    width: 100%;
    height: auto;
}
.product_details_section2_list ul{
    margin: 0 -1%;
}
.product_details_section2_list ul li{
    float: left;
    width: 31.333333%;
    height: 450px;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 1%;
}
.product_details_section2_list ul li .yuan_box{
    width: 200px;
    height: 200px;
    background: #f7f7f7;
    border-radius: 50%;
    margin: 30px auto;
    padding-top: 70px;
    box-sizing: border-box;
}
.product_details_section2_list ul li .yuan_box p{
    font-size: 16px;
    color: #333;
    line-height: 60px;
    text-align: center;
}
.product_details_section2_list ul li .yuan_box p span{
    display: inline-block;
    background-image: linear-gradient(to right, #02a0e4, #3aae97);
    -webkit-background-clip: text;
    color: transparent;
}
.product_details_section2_list ul li .yuan_box p .counter{
    font-size: 60px;
    font-weight: 500;
    margin-right: 5px;
}
.product_details_section2_list ul li .text_box{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.product_details_section2_list ul li .text_box h3{
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}
.product_details_section2_list ul li .text_box p{
    font-size: 16px;
    color: #888;
    line-height: 26px;
    text-align: center;
}


.product_details_section3{
    width: 100%;
    height: auto;
    padding: 100px 0;
    box-sizing: border-box;
    background: #111;
}
.product_details_section3 .text_box{
    width: 100%;
    height: auto;
    border-top: 1px solid #fff;
    padding-top: 50px;
    box-sizing: border-box;
}
.product_details_section3 .text_box .text{
    width: 100%;
    height: auto;
}
.product_details_section3 .text_box .text p{
    float: left;
    width: 50%;
    height: auto;
    padding-left: 30px;
    padding-right: 60px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    margin: 10px 0;
    background: url('../images/product_details_logo_icon.png') no-repeat left 3px;
    background-size: 20px;
}
.product_details_section3 .pic_box{
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 60px;
}
.product_details_section3 .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}


.product_details_section4{
    width: 100%;
    height: auto;
    padding: 100px 0;
    box-sizing: border-box;
    background: #1a1a1a;
}
.product_details_section4_list{
    width: 100%;
    height: auto;
}
.product_details_section4_list ul{
    margin: 0 -1%;
}
.product_details_section4_list ul li{
    float: left;
    width: 18%;
    height: 320px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 1%;
}
.product_details_section4_list ul li .yuan_box{
    width: 120px;
    height: 120px;
    background: #f7f7f7;
    border-radius: 50%;
    margin: 30px auto;
    padding: 30px 0;
    box-sizing: border-box;
}
.product_details_section4_list ul li .yuan_box img{
    display: block;
    width: 60px;
    height: auto;
    margin: 0 auto;
}
.product_details_section4_list ul li .text_box{
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.product_details_section4_list ul li .text_box h3{
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    text-align: center;
    font-weight: 300;
}

.product_details_banner_container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 100px 0;
    padding-top: 180px;
    box-sizing: border-box;
}
.product_details_banner_container .pic_box{
    float: left;
    width: 62.5%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.product_details_banner_container .pic_box .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}
.product_details_banner_container .right_box{
    float: left;
    width: 37.5%;
    height: auto;
    min-height: 600px;
    overflow: auto;
    position: relative;
    padding: 0 80px;
    box-sizing: border-box;
}
.product_details_banner_container .conter_box{
    width: 100%;
    height: auto;
    min-height: 600px;
    background: #fff;
    padding: 40px 60px;
    box-sizing: border-box;
}
.product_details_banner_container .conter_box .title_box{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.product_details_banner_container .conter_box .title_box h3{
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: 200;
}
.product_details_banner_container .conter_box .num_box{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    display: none;
}
.product_details_banner_container .conter_box .num_box p{
    font-size: 16px;
    color: #000;
    line-height: 26px;
    margin: 5px 0;
}
.product_details_banner_container .conter_box .num_box .number{
    font-size: 20px;
} 

.product_details_banner_container .conter_box .price_box{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.product_details_banner_container .conter_box .price_box p{
    font-size: 16px;
    color: #000;
    line-height: 26px;
    margin: 5px 0;
}
.product_details_banner_container .conter_box .price_box .price{
    display: inline-block;
    font-size: 30px;
    margin-top: 5px;
} 
.product_details_banner_container .conter_box .color_card_box{
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #fff;
    border: 2px solid #000000;
    font-size: 15px;
    color: #000;
    line-height: 26px;
    text-align: center;
    padding: 15px 50px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
    margin-top: 10px;
}

.product_details_banner_container .conter_box .color_card_box span{
    display: block;
    position: relative;
    z-index: 2;
}
.product_details_banner_container .conter_box .color_card_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #000;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.product_details_banner_container .conter_box .color_card_box:hover{
    color: #fff;
    transition: all 0.5s;
}
.product_details_banner_container .conter_box .color_card_box:hover:after{
    width: 102%;
}


.product_details_banner_container .conter_box .add_cart_box{
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #000;
    border: 0 solid #000000;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 15px 50px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
    margin-top: 40px;
}

.product_details_banner_container .conter_box .add_cart_box span{
    display: block;
    position: relative;
    z-index: 2;
}
.product_details_banner_container .conter_box .add_cart_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background: linear-gradient(to left, #02a0e4, #3aae97);
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.product_details_banner_container .conter_box .add_cart_box:hover{
    color: #fff;
    transition: all 0.5s;
}
.product_details_banner_container .conter_box .add_cart_box:hover:after{
    width: 102%;
}


/* product_specification_box */
.product_specification_box{
    width: 100%;
    height: auto;
}
.product_specification_item{
    width: 100%;
    height: auto;
    margin: 5px 0;
    min-height: 24px;
    position: relative;
    padding-left: 70px;
    box-sizing: border-box;
}
.product_specification_item .name{
    width: 70px;
    height: auto;
    padding-right: 10px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    text-align: right;
}
.product_specification_item .item_list{
    width: 100%;
    height: auto;
}
.product_specification_item .item_list ul li{
    float: left;
    width: auto;
    height: auto;
    margin: 2px;
}
.product_specification_item .item_list ul li span{
    display:block;
    width: auto;
    height: auto;
    padding: 0 15px;
    background: #f3f3f3;
    border-radius: 20px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 22px;
    color: #333;
    text-align: center;
    border: 1px solid #ddd;
    
}
.product_specification_item .item_list ul li .goods-spec-box-selected{
    background: #000;
    border: 1px solid #000;
    color: #fff;
}





/* new_product_details_page */
.new_product_details_page{
    width: 100%;
    height: auto;
    padding-top: 160px;
    padding-bottom: 100px;
    box-sizing: border-box;
    background: #222;
}
.new_product_details_box{
    width: 100%;
    height: auto;
}
.new_product_details_left_box{
    float: left;
    width: 50%;
    height: auto;
    padding-right: 35px;
    box-sizing: border-box;
}
.new_product_details_left_box .left_banner_box{
    width: 100%;
    height: auto;
    background: #efefef;
    overflow: hidden;
    min-height: 200px;
    padding: 15px;
    box-sizing: border-box;
}
.new_product_details_left_box .left_banner_box .swiper-slide{
    width: 100%;
    height: auto;
}
.new_product_details_left_box .left_banner_box .swiper-slide img{
    display: block;
    width: 100%;
    height: auto;
}
.new_product_details_left_box .left_list_box{
    width: 100%;
    height: auto;
    background: #efefef;
    margin-top: 30px;
    padding: 30px;
    box-sizing: border-box;
}
.new_product_details_left_box .left_list_box ul li{
    float: left;
    width: 25%;
    height: 120px;
    text-align: center;
}
.new_product_details_left_box .left_list_box ul li .pic_box{
    width: 100%;
    height: auto;
}
.new_product_details_left_box .left_list_box ul li .pic_box img{
    display: block;
    width: 80px;
    height: auto;
    margin: 0 auto;
}
.new_product_details_left_box .left_list_box ul li p{
    width: 100%;
    height: auto;
    margin-top: 5px;
    font-size: 15px;
    color: #666;
    line-height: 24px;
    text-align: center;
}
.new_product_details_right_box{
    float: left;
    width: 50%;
    height: auto;
    padding-left: 35px;
    box-sizing: border-box;
}
.new_product_details_right_box .right_details_box{
    width: 100%;
    height: auto;
    background: #efefef;
    overflow: hidden;
    min-height: 300px;
    padding: 40px 60px;
    box-sizing: border-box;
}
.new_product_details_right_box .right_details_box .title_box{
    width: 100%;
    height: auto;
}
.new_product_details_right_box .right_details_box .title_box h3{
    font-size: 24px;
    color: #000;
    line-height: 36px;
    font-weight: 500;
}
.new_product_details_right_box .right_details_box .price_box{
    width: 100%;
    height: auto;
    min-height: 30px;
    margin-top: 15px;
    padding-right: 200px;
    box-sizing: border-box;
    position: relative;
}
.new_product_details_right_box .right_details_box .price_box .price{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
}
.new_product_details_right_box .right_details_box .switching_box{
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.new_product_details_right_box .right_details_box .switching_box span{
    display: block;
    width: auto;
    height: auto;
    padding-left: 25px;
    box-sizing: border-box;
    font-size: 15px;
    color: #333;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    background: url('../images/switching_icon.png') no-repeat left center;
    background-size: 20px;
}
.new_product_details_right_box .right_details_box .switching_box .switching_show{
    width: 150px;
    height: auto;
    padding: 15px 0;
    background: #000;
    box-sizing: border-box;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 9;
    display: none;
}
.new_product_details_right_box .right_details_box .switching_box:hover .switching_show{
    display: block;
}
.new_product_details_right_box .right_details_box .switching_box .switching_show p{
    width: 100%;
    height: auto;
    padding: 5px 25px;
    padding-left: 50px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
}
.new_product_details_right_box .right_details_box .switching_box .switching_show .rmb{
    background: url('../images/china_icon.png') no-repeat 25px center;
    background-size: 16px;
}
.new_product_details_right_box .right_details_box .switching_box .switching_show .usd{
    background: url('../images/usa_icon.png') no-repeat 25px center;
    background-size: 16px;
}

.new_product_details_right_box .right_details_box .switching_box .switching_show .rmb:hover{
    background: #333 url('../images/china_icon.png') no-repeat 25px center;
    background-size: 16px;
}
.new_product_details_right_box .right_details_box .switching_box .switching_show .usd:hover{
    background: #333 url('../images/usa_icon.png') no-repeat 25px center;
    background-size: 16px;
}
.new_product_details_right_box .right_details_box .text_box{
    width: 100%;
    height: auto;
    min-height: 30px;
    margin-top: 20px;
    box-sizing: border-box;
    position: relative;
}
.new_product_details_right_box .right_details_box .text_box .item_text{
    float: left;
    width: 100%;
    height: auto;
    min-height: 26px;
    margin: 8px 0;
    padding-left: 90px;
    box-sizing: border-box;
    position: relative;
}
.new_product_details_right_box .right_details_box .text_box .item_text p{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #666666;
    line-height: 26px;
}
.new_product_details_right_box .right_details_box .text_box .item_text p.title{
    width: 70px;
    height: auto;
    color: #000;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
}
.new_product_details_right_box .right_details_box .text_box .item_text p span{
    margin-right: 5px;
}
.new_product_details_right_box .right_details_box .text_box .item_text p.text_span span{
    display: inline-block;
    width: auto;
    height: auto;
    padding: 2px 10px;
    box-sizing: border-box;
    background: #f9f9f9;
    border-radius: 2px;
    cursor: pointer;
}
.new_product_details_right_box .right_details_box .text_box .item_text p.text_span span:hover{
    background: #000;
    color: #fff;
}
.new_product_details_right_box .right_details_box .text_box .item_text p.text_span span.active:hover{
    background: #000;
    color: #fff;
}
.new_product_details_right_box .right_details_box .add_cart_box{
    width: 100%;
    height: auto;
    background: #000;
    border: 0 solid #000000;
    font-size: 15px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    padding: 10px 50px;
    box-sizing: border-box;
    letter-spacing: 1px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 40px;
}
.new_product_details_right_box .right_details_box .add_cart_box:hover{
    background: #333;
}

.new_product_details_right_box .right_text_box{
    width: 100%;
    height: auto;
    background: #efefef;
    overflow: hidden;
    padding: 60px 60px;
    padding-top: 30px;
    box-sizing: border-box;
}
.new_product_details_right_box .right_text_box .text_box{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #666666;
    line-height: 26px;
}
.new_product_details_right_box .right_text_box .text_box p strong{
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
}
.new_product_details_right_box .right_text_box .text_box p img{
    max-width: 100%;
}






 /* product_color_selection_box */
 .product_color_selection_box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    display: none;
}
.product_open .product_color_selection_box {
    display: block;
}
.product_color_selection_box_bj{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    left: 0;
}
.product_color_selection_conter{
    width: 37.5%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 50px 40px;
    box-sizing: border-box;
}
.product_color_selection_conter .title_box{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
    padding-right: 60px;
    box-sizing: border-box;
    position: relative;
}
.product_color_selection_conter .title_box .number{
    font-size: 18px;
    color: #111;
    line-height: 40px;
}
.product_color_selection_conter .close_box{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/close_icon.png') no-repeat center center;
    background-size: 40px;
    cursor: pointer;
}
.product_color_selection_conter_list{
    width: 100%;
    height: auto;
}
.product_color_selection_conter_list ul{
    margin: 0 -1.5%;
}
.product_color_selection_conter_list ul li{
    float: left;
    width: 30.333333%;
    height: auto;
    margin: 1.5%;
    position: relative;
}
.product_color_selection_conter_list ul li .pic_box{
    display: block;
    width: 100%;
    height: 160px;
    position: relative;
    cursor: pointer;
}
.product_color_selection_conter_list ul li .pic_box .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}
.product_color_selection_conter_list ul li .select_cart{
    width: 30px;
    height: 30px;
    background: url('../images/select_cart_icon.png') no-repeat center center;
    background-size: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    transition: all 0.2s;
    opacity: 0;
}
.product_color_selection_conter_list ul li.active .select_cart{
    opacity: 1;
}

.product_color_selection_conter_list ul li .select_cart_hover{
    width: 30px;
    height: 30px;
    background: url('../images/select_cart_icon_hover.png') no-repeat center center;
    background-size: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    transition: all 0.2s;
    opacity: 0;
}
.product_color_selection_conter_list ul li:hover .select_cart_hover{
    opacity: 1;
}




/* color_card_page */
.color_card_page{
    width: 100%;
    height: auto;
    padding: 100px 0;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing: border-box;
    background: #111;
}
.color_card_page .section_container_con{
    max-width: 1400px;
}
.color_card_section{
    width: 100%;
    height: auto;
}
.color_card_section .title_box{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.color_card_section .title_box h3{
    font-size: 40px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: 200;
}
.color_card_section .text_box{
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.color_card_section .text_box .text{
    font-size: 16px;
    color: #fff;
    line-height: 36px;
}

.color_card_nav_box{
    width: 100%;
    height: auto;
    margin-top: 80px;
    margin-bottom: 50px;
}
.trend_inspiration_page .color_card_nav_box{
    margin-top: 0;
}
.color_card_nav_box ul{
    width: 400px;
    height: auto;
    margin: 0 auto;
    display: none;
}
.color_card_nav_box ul li{
    float: left;
    width: 200px;
    height: auto;
    background-color: #111;
    border: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    padding: 15px 50px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
}
.color_card_nav_box ul li span{
    display: block;
    position: relative;
    z-index: 2;
}
.color_card_nav_box ul li:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #fff;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.color_card_nav_box ul li:hover{
    color: #000;
    transition: all 0.5s;
    border-left: 1px solid #000;
}
.color_card_nav_box ul li:hover:after{
    width: 102%;
}

.color_card_nav_box ul li.active{
    color: #000;
    transition: all 0.5s;
    border-left: 1px solid #000;
}
.color_card_nav_box ul li.active:after{
    width: 102%;
}

.color_card_container{
    width: 100%;
    height: auto;
    min-height: 400px;
}
.color_card_item{
    width: 100%;
    height: auto;
    display: none;
}
.color_card_list{
    width: 100%;
    height: auto;
}
.color_card_list ul{
    margin: 0 -1%;
}
.color_card_list ul li{
    float: left;
    width: 23%;
    height: auto;
    margin: 1%;
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
}
.color_card_list ul li a{
    display: block;
    width: auto;
    height: auto;
}
.color_card_list ul li .pic_box{
    display: block;
    width: 100%;
    height: auto;
} 
.color_card_list ul li .pic_box img{
    display: block;
    width: 100%;
    height: auto;

    -webkit-transition: -webkit-transform 0.55s;
    transition: transform 0.55s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
} 
.color_card_list ul li:hover .pic_box img{
    -webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
}
.color_card_list ul li .title{
    width: 100%;
    height: auto;
    padding: 10px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    opacity: 0;

}
.color_card_list ul li .title p{
    font-size: 16px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.color_card_list ul li:hover .title{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.color_card_page .product_series_nav ul li{
    width: 33.333333%;
    box-sizing: border-box;
}
.trend_inspiration_page .product_series_nav ul li{
    width: 33.333333%;
    box-sizing: border-box;
}




/* color_card_banner_container */
.color_card_banner_container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 1;
}
.color_card_banner_list{
    width: 100%;
    height: 100%;
}
.color_card_banner_list .color_card_banner_item{
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.color_card_banner_list .color_card_banner_item .pic_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.color_card_banner_list .color_card_banner_item .pic_box .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}
.color_card_banner_item .color_card_banner_text_pro{
    background: rgba(0, 0, 0, 0.38);
    transition: all 0.5s;
}
.color_card_banner_item:hover .color_card_banner_text_pro{
    background: rgba(0, 0, 0, 0.18);
}


.color_card_banner_item .banner_text_pro .banner_more_box{
    width: 200px;
    height: auto;
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    padding: 15px 50px;
    box-sizing: border-box;
    letter-spacing: 1px;
    position: relative;
    /* overflow: hidden; */
    transition: all 0.5s;
    cursor: pointer;
    margin: 0 auto;
}
.color_card_banner_item .banner_text_pro .banner_more_box span{
    display: block;
    position: relative;
    z-index: 2;
}
.color_card_banner_item .banner_text_pro .banner_more_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #fff;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.color_card_banner_item .banner_text_pro .banner_more_box:hover{
    color: #000;
    transition: all 0.5s;
}
.color_card_banner_item .banner_text_pro .banner_more_box:hover:after{
    width: 102%;
}




/* footer */
.footer{
    width: 100%;
    height: auto;
    background: #000;
    position: relative;
}
.index_footer{
    position: fixed;
    left: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
}
.index_footer .footer_bottom{
    border-top: none;
    padding: 15px 0;
}
.footer_top{
    width: 100%;
    height: auto;
    padding: 60px 0;
    box-sizing: border-box;
}
.footer_top_center{
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    padding-right: 700px;
    box-sizing: border-box;
}
.footer_top_center .left_box{
    width: 100%;
    height: auto;
}
.footer_top_center .left_box ul li{
    float: left;
    width: 16.666666%;
    height: auto;
    padding-right: 20px;
    box-sizing: border-box;
}
.footer_top_center .left_box ul li a{
    display: block;
    font-size: 15px;
    color: #888;
    line-height: 20px;
    margin: 2px 0;
    transition: all 0.5s;
}
.footer_top_center .left_box ul li a span{
    display: inline-block;
    width: auto;
    height: auto;
    padding: 2px 0;
    box-sizing: border-box;
    position: relative;
}
.footer_top_center .left_box ul li a span::after{
    content: " ";
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}
.footer_top_center .left_box ul li a:hover{
    color: #fff;
}
.footer_top_center .left_box ul li a:hover span::after{
    width: 100%;
}
.footer_top_center .left_box ul li p{
    margin-bottom: 15px;
}
.footer_top_center .left_box ul li p a{
    font-size: 16px;
    font-weight: 600;
}
.footer_top_center .right_box{
    width: 320px;
    height: 150px;
    position: absolute;
    top: 0;
    right: 400px;
    padding-left: 100px;
    box-sizing: border-box;
}
.footer_top_center .right_box .text{
    font-size: 16px;
    color: #888;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}
.footer_top_center .right_box .number{
    font-size: 26px;
    color: #888;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 20px;
}
.footer_top_center .right_box .link_box{
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 15px;
    color: #888;
    line-height: 30px;
    padding: 5px 0;
    box-sizing: border-box;
    position: relative;
    padding-right: 40px;
    background: url('../images/footer_top_jt_icon.png') no-repeat right center;
    background-size: 30px;
    transition: all 0.5s;
}
.footer_top_center .right_box .link_box span{
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.8s;
}
.footer_top_center .right_box .link_box:hover{
    color: #fff;
    padding-right: 60px;
   
}
.footer_top_center .right_box .link_box:hover span{
    width: 100%;
    
}


.footer_top_center .code_box{
    width: 350px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}
.footer_top_center .code_box ul li{
    float: left;
    width: 50%;
    height: auto;
}
.footer_top_center .code_box ul li img{
    display: block;
    width: 130px;
    height: auto;
    margin: 0 auto;
}
.footer_top_center .code_box ul li p{
    font-size: 15px;
    color: #888;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
}

.footer_bottom{
    width: 100%;
    height: auto;
    border-top: 1px solid #1f1f1f;
    padding: 20px 0;
    box-sizing: border-box;
}
.footer_bottom p{
    font-size: 14px;
    color: #888;
    line-height: 24px;
    text-align: center;
}
.footer_bottom p a{
    color: #888;
    margin-left: 20px;
}
.index_footer .footer_bottom p{
    color: #888;
}
.index_footer .footer_bottom p a{
    color: #888;
}

.phone_color_banner_text_pro{
    display: none;
}



/* register */
.register_page{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;

    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.register_container{
    width: 460px;
    height: 100%;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.register_container .signup_box{
    width: 100%;
    height: 630px;
    padding: 15px;
    padding-bottom: 40px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.register_container .signup_box .logo{
    width: 100%;
    height: auto;
    margin: 20px auto;
    margin-bottom: 15px;
}
.register_container .signup_box .logo img{
    display: block;
    width: 70px;
    height: auto;
    margin: 0 auto;
}
.register_container .signup_box .title{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.register_container .signup_box .title h2{
    font-size:26px;
    color: #000;
    line-height: 40px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.register_container .signup_box .title p{
    font-size: 16px;
    color: #666;
    line-height: 26px;
    text-align: center;
    letter-spacing: 1px;
}
.register_container .signup_box_conter{
    max-width: 320px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.register_container .signup_box_conter .item{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: relative;
}
.register_container .signup_box_conter .item input{
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 8px 15px;
    box-sizing: border-box;

    font-size: 14px;
    color: #000;
    line-height: 26px;
    border-radius: 5px;
}
.register_container .signup_box_conter .item textarea{
    display: block;
    width: 100%;
    height: 80px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    box-sizing: border-box;

    font-size: 14px;
    color: #000;
    line-height: 28px;
    border-radius: 5px;
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666;
    font-family: "PingFang SC", "Microsoft YaHei",Helvetica, Arial, sans-serif,"Source Han Serif";

}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666;
    font-family: "PingFang SC", "Microsoft YaHei",Helvetica, Arial, sans-serif,"Source Han Serif";

}

/* select {
    -webkit-appearance: none;
} */

.register_container .signup_box_conter .item_captcha input{
    padding-right: 120px;
    box-sizing: border-box;
    
} 
.register_container .signup_box_conter .item_captcha a{
    display: block;
    width: 110px;
    height: auto;
    padding: 8px 15px;
    box-sizing: border-box;

    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
}
.register_container .signup_box_conter .item_captcha a:hover{
    color: #3aae97;
}

.register_container .signup_box_conter .item_agreement{
    float: left;
    width: 100%;
    height: auto;
    /* margin-bottom: 15px; */
    position: relative;
}
.register_container .signup_box_conter .item_agreement label{
    display: inline-block;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    vertical-align: middle;
}
.register_container .signup_box_conter .item_agreement label a{
    display: inline-block;
    color: #000;
    margin: 0 5px;
    text-decoration: underline;
}
.register_container .signup_box_conter .item_agreement label a:hover{
    color: #3aae97;
   
}
.register_container .signup_box_conter .item_btn{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 5px;
    margin-bottom: 25px;
    position: relative;
}
.register_container .signup_box_conter .item_btn button{
    display: block;
    width: 100%;
    height: auto;
    border: none;
    background: #111;
    padding: 10px 15px;
    box-sizing: border-box;

    font-size: 16px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 5px;

    cursor: pointer;

    position: relative;
    overflow: hidden;
}
.register_container .signup_box_conter .item_btn button span{
    display: block;
    position: relative;
    z-index: 1;
}
.register_container .signup_box_conter .item_btn button:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background: linear-gradient(to left, #02a0e4, #3aae97);
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    /* z-index: -1; */
    
}
.register_container .signup_box_conter .item_btn button:hover{
    color: #fff;
    transition: all 0.5s;
}
.register_container .signup_box_conter .item_btn button:hover:after{
    width: 102%;
}

/* .register_container .signup_box_conter .item_btn button:hover{
    background: #3aae97;
} */
.register_container .signup_text_box{
    width: 100%;
    height: auto;
}
.register_container .signup_text_box p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.register_container .signup_text_box p a{
    color: #000;
    text-decoration: underline;
    margin-left: 5px;
}
.register_container .signup_text_box p a:hover{
    color: #3aae97;
}
.register_container .signup_text_box p a.fhsy{
    float: right;
}
.register_container .login_link{
    float: left;
    width: 100%;
    height: auto;
}
.register_container .login_link a{
    float: right;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: right;
   
}
.register_container .login_link .dxdl{
    float: left;
    color: #000;
}
.register_container .login_link a:hover{
    color: #3aae97;
    text-decoration: underline;
   
}
.register_container  .signup_box_conter .item_btn{
    margin-top: 15px;
}
.register_container .login_box{
    height: 525px;
}
.register_container .reset_password_box{
    height: 565px;
}



/* member_center_page */
.member_center_page{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
    box-sizing: border-box;
    background: #f8f8f8;
}
.member_center_page .member_center_con{
    max-width: 1400px;
}
.member_center_page .section_container_con{
    max-width: 1400px;
}
.member_center_container{
    width: 100%;
    min-height: 700px;
    height: auto;
    position: relative;
    padding-left: 360px;
    box-sizing: border-box;
}
.member_center_left_box{
    width: 320px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.member_center_left_box .member_user{
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 40px;
}
.member_center_left_box .member_user .user_avatar{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 15px auto;
    position: relative;
}
.member_center_left_box .member_user .user_avatar .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}
.member_center_left_box .member_user .user_avatar .phone_log_out{
    display: none;
}
.member_center_left_box .member_user h3{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
}
.member_center_left_box .member_user .text{
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: center;
    margin: 5px 0;
    margin-bottom: 10px;
}
.member_center_left_box .member_nav_list{
    width: 100%;
    height: auto;

    border: 1px solid #e5e5e5;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}
.member_center_left_box .member_nav_list .item{
    width: 100%;
    height: auto;
}
.member_center_left_box .member_nav_list .item a{
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    color: #000;
    line-height: 28px;
    text-align: center;
    font-weight: 500;
    padding: 15px 50px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
}
.member_center_left_box .member_nav_list .item:last-child a{
    border-bottom: none;
}
.member_center_left_box .member_nav_list .item a span{
    display: block;
    position: relative;
    z-index: 2;
}
.member_center_left_box .member_nav_list .item a:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #000;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.member_center_left_box .member_nav_list .item a:hover{
    color: #fff;
    transition: all 0.5s;
}
.member_center_left_box .member_nav_list .item a:hover:after{
    width: 102%;
}
.member_center_left_box .member_nav_list .item a.active{
    color: #fff;
    transition: all 0.5s;
}
.member_center_left_box .member_nav_list .item a.active:after{
    width: 102%;
}

.member_center_left_box .log_out_list{
    margin-top: 60px;
}
.member_center_left_box .log_out_list .item a{
    background-color: #ddd;
    border-bottom: 1px solid #e5e5e5;
}

.member_center_right_box{
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 20px 50px;
    box-sizing: border-box;
    border-radius: 5px;
}

.member_center_right_box .title_box{
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px;
}
.member_center_right_box .title_box h2{
    font-size: 26px;
    color: #000;
    line-height: 36px;
    font-weight: 200;
}
.member_center_right_box .title_box p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    font-weight: 200;
    margin-top: 5px;
}
/* personal_page */
.personal_page{
    width: 100%;
    height: auto;
}
.personal_box{
    width: 100%;
    height: auto;
}
.personal_box_form{
    width: 100%;
    height: auto;
}
.personal_box_form .item{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.personal_box_form .item label{
    float: left;
    width: 160px;
    height: 50px;
    padding: 10px;
    padding-left: 2px;
    padding-right: 25px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    text-align: right;
}
.personal_box_form .item .input_box{
    float: left;
    width: 80%;
    min-width: 700px;
    height: auto;
    position: relative;
}
.personal_box_form .item input[type="text"]{
    float: left;
    width: 600px;
    height: auto;
    border: 1px solid #ddd;
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000;
    line-height: 28px;
    border-radius: 5px;
}
.personal_box_form .item input[type="password"]{
    float: left;
    width: 600px;
    height: auto;
    border: 1px solid #ddd;
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000;
    line-height: 28px;
    border-radius: 5px;
}
.personal_box_form .item select{
    float: left;
    width: 600px;
    height: auto;
    border: 1px solid #ddd;
    padding: 14px 15px;
    box-sizing: border-box;
    font-size: 15px;
    color: #666;
    line-height: 28px;
    border-radius: 5px;
}
.personal_box_form .item textarea{
    float: left;
    width: 600px;
    height: auto;
    border: 1px solid #e5e5e5;
    padding: 5px 15px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    border-radius: 6px;
}
.personal_box_form .item_btn{
    width: 750px;
    height: auto;
    margin: 50px 0;
    padding-left: 150px;
    box-sizing: border-box;
}
.personal_box_form .item_btn button{
    display: block;
    width: 180px;
    height: auto;
    border: none;
    background: #111;
    padding: 10px 15px;
    box-sizing: border-box;

    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 5px;

    cursor: pointer;

    position: relative;
    overflow: hidden;

    margin: 0 auto;
}
.personal_box_form .item_btn button span{
    display: block;
    position: relative;
    z-index: 1;
}
.personal_box_form .item_btn button:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background: linear-gradient(to left, #02a0e4, #3aae97);
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    /* z-index: -1; */
    
}
.personal_box_form .item_btn button:hover{
    color: #fff;
    transition: all 0.5s;
}
.personal_box_form .item_btn button:hover:after{
    width: 102%;
}


.personal_box_form .item .checkbox_box{
    width: 600px;
    min-width: 600px;
    height: auto;
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 15px;
    color: #666;
    line-height: 30px;
}
.personal_box_form .item .checkbox_box input[type="checkbox"]{
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 0;
    padding-left: 15px;
    box-sizing: border-box;
    margin-right: 8px;
}
.personal_box_form .item .checkbox_box span{
    display: inline-block;
    min-width: 130px;
    width: auto;
    margin-bottom: 5px;
    margin-right: 5px;
}
.personal_box_form .item .add_select_box{
    width: 600px;
    min-width: 600px;
}
.personal_box_form .item .add_select_box select{
    float: left;
    width: 31.833333%;
    margin-right: 2%;
}
.personal_box_form .item .add_select_box .js-address-district-select{
    margin-right: 0%;
}





.member_center_right_box .my_order_page .title_box{
    border-bottom: none;
    margin-bottom: 20px;
}



/* personal_address_box */
.personal_address_box{
    width: 100%;
    height: auto;
    padding: 50px 20px;
    box-sizing: border-box;
}
.personal_address_box table{
    width: 100%;
    height: auto;
    display: inline-table;
    border-collapse: collapse;
    vertical-align: middle;
    border-spacing: 2px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.personal_address_box table thead{
    width: 100%;
    height: auto;
    background: #111;
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
}
.personal_address_box table tbody{
    width: 100%;
    height: auto;
}
.personal_address_box table tr{
    width: 100%;
    height: auto;
    display: table-row;
    vertical-align: inherit;
}
.personal_address_box table tr th{
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    font-weight:500;
    text-align: center;
    padding: 5px 2px;
    box-sizing: border-box;
    min-width: 80px;
}
.personal_address_box table tr td{
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-weight:500;
    text-align: center;
    padding: 10px 5px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    min-width: 80px;
}
.personal_address_box table tr td a{
    display: inline-block;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin:  0 2px;
}
.personal_address_box table tr td span{
    margin: 0 5px;
}
.personal_address_box table tr td a:hover{
    color: #000;
}
.personal_address_box table tr td .set_default{
    width: auto;
    height: auto;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
}
.personal_address_box table tr td .set_default_active{
    background: #111;
    color: #fff;
}
.personal_address_box table tr td .set_default:hover{
    background: #111;
    color: #fff;
}


/* my_order_box */
.my_order_box{
    width: 100%;
    height: auto;
}
.my_order_conter{
    width: 100%;
    height: auto;
}
.my_order_box .my_order_tab{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
}
.my_order_box .my_order_tab ul li{
    float: left;
    width: auto;
    height: auto;
    margin-right: 10px;
}
.my_order_box .my_order_tab ul li a{
    display: block;
    width: auto;
    height: auto;
    font-size: 15px;
    color: #333;
    line-height: 30px;
}
.my_order_box .my_order_tab ul li a{
    display: block;
    width: auto;
    min-width: 110px;
    height: auto;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    padding: 10px 20px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
}
.my_order_box .my_order_tab ul li:last-child a{
    border-bottom: none;
}
.my_order_box .my_order_tab ul li a span{
    display: block;
    position: relative;
    z-index: 2;
}
.my_order_box .my_order_tab ul li a:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #000;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.my_order_box .my_order_tab ul li a:hover{
    color: #fff;
    transition: all 0.5s;
}
.my_order_box .my_order_tab ul li a:hover:after{
    width: 102%;
}
.my_order_box .my_order_tab ul li a.active{
    color: #fff;
    transition: all 0.5s;
}
.my_order_box .my_order_tab ul li a.active:after{
    width: 102%;
}



.my_order_table table .tr_th td{
    text-align: left;
}




/* my_order_content */
.my_order_content{
    width: 100%;
    height: auto;
}
.my_order_table{
    width: 100%;
    height: auto;
}
.my_order_table table{
    width: 100%;
    height: auto;
    display: inline-table;
    border-collapse: collapse;
    vertical-align: middle;
    border-spacing: 2px;
}
.my_order_table table thead{
    width: 100%;
    height: auto;
    background: #111;
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
}
.my_order_table table tbody{
    width: 100%;
    height: auto;
}
.my_order_table table tr{
    width: 100%;
    height: auto;
    display: table-row;
    vertical-align: inherit;
}
.my_order_table table tr th{
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    font-weight: 200;
    text-align: center;
    padding: 10px 15px;
    box-sizing: border-box;
    min-width: 120px;
}
.my_order_table table tr td{
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 10px;
    box-sizing: border-box;
}
.my_order_table table tbody{
    width: 100%;
    height: auto;
}
.my_order_table table tr.sep_row td{
    border: none;
    height: 20px;
}
.my_order_table table tbody .tr_conter td{
    min-width: 120px;
    padding: 25px;
    box-sizing: border-box;
}
.my_order_table table tbody .tr_conter .text_box{
    width: 100%;
    height: auto;
    min-height: 130px;
    position: relative;
    padding-left: 130px;
    box-sizing: border-box;
}
.my_order_table table tbody .tr_conter .text_box .pic_box{
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0;
}
.my_order_table table tbody .tr_conter .text_box .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}
.my_order_table table tbody .tr_conter .text_box .article{
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    text-align: left;
    padding-left: 25px;
    padding-top: 10px;
}
.my_order_table table tbody .tr_conter .text_box .article h3{
    font-size: 16px;
    color: #000;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 5px;
}
.my_order_table table tbody .tr_conter .text_box .article p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin: 3px 0;
}
.my_order_table table tbody .tr_conter td a{
    display: block;
    width: 75px;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    margin: 2px 0;
}
.my_order_table table tbody .tr_conter td a:hover{
    background: #000;
    color: #fff;
}
.my_order_table table tbody .tr_conter td a.active{
    background: #000;
    color: #fff;
}
.my_order_table table tbody .tr_conter button{
    display: block;
    width: 110px;
    height: auto;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    text-align: center;
    padding: 5px 15px;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    background: #fff;
    cursor: pointer;
    letter-spacing: 2px;
    margin: 10px auto;
    border: 1px solid #c8c8c8;
}
.my_order_table table tbody .tr_conter button:hover{
    border: 1px solid #980228;
    color: #980228;
}

.my_order_table .paging_btn{
    width: 100%;
    height: auto;
    margin: 40px auto;
    text-align: center;
}

.my_order_table .paging_btn button{
    display: inline-block;
    width: auto;
    min-width: 110px;
    height: auto;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    padding: 5px 20px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
    margin: 0 15px;
}
.my_order_box .my_order_tab ul li:last-child a{
    border-bottom: none;
}
.my_order_table .paging_btn button span{
    display: block;
    position: relative;
    z-index: 2;
}
.my_order_table .paging_btn button:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #000;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.my_order_table .paging_btn button:hover{
    color: #fff;
    transition: all 0.5s;
}
.my_order_table .paging_btn button:hover:after{
    width: 102%;
}




/* purchase_process_container */
.purchase_process_container{
    width: 100%;
    height: auto;
    min-height: 700px;
}
.purchase_process_title_box{
    width: 100%;
    height: auto;
    padding: 0 50px;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.purchase_process_title_box h3{
    font-size: 30px;
    color: #000;
    line-height: 30px;
    font-weight: 300;
}
.purchase_process_title_box h3 span{
    font-size: 15px;
    margin-left: 10px;
}
.purchase_process_conter_box{
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 25px 50px;
    padding-bottom: 80px;
    box-sizing: border-box;
    border-radius: 5px;
}

/* shopping_cart_page */
.shopping_cart_page{
    width: 100%;
    height: auto;
}

.shopping_cart_table{
    width: 100%;
    height: auto;
}
.shopping_cart_table table{
    width: 100%;
    height: auto;
    display: inline-table;
    border-collapse: collapse;
    vertical-align: middle;
    border-spacing: 2px;
}
.shopping_cart_table table thead{
    width: 100%;
    height: auto;
    /* background: #111; */
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
}
.shopping_cart_table table tbody{
    width: 100%;
    height: auto;
}
.shopping_cart_table table tr{
    width: 100%;
    height: auto;
    display: table-row;
    vertical-align: inherit;
}
.shopping_cart_table table tr th{
    font-size: 16px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    padding: 5px 5px;
    box-sizing: border-box;
    min-width: 120px;
}
.shopping_cart_table table tr td{
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: center;
    /* border: 1px solid #e5e5e5; */
    padding: 10px;
    box-sizing: border-box;
}
.shopping_cart_table table tbody{
    width: 100%;
    height: auto;
}
.shopping_cart_table table tr.sep_row td{
    border: none;
    height: 20px;
}
.shopping_cart_table table tbody tr.tr_th{
    width: 100%;
    height: auto;
    background: #e5e5e5;
    position: relative;
    padding-right: 100px;
    box-sizing: border-box;
}
.shopping_cart_table table tbody tr.tr_th td{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: left;
    padding: 5px 20px;
    box-sizing: border-box;
}
.shopping_cart_table table tbody tr.tr_th td span{
    float: left;
    margin-right: 20px;
}
.shopping_cart_table table tbody tr.tr_th td span strong{
    color: #000;
    font-weight: 500;
}
.shopping_cart_table table tbody .tr_conter td{
    min-width: 120px;
    padding: 25px;
    box-sizing: border-box;
}
.shopping_cart_table table tbody .tr_conter .text_box{
    width: 100%;
    height: auto;
    min-height: 130px;
    position: relative;
    padding-left: 130px;
    box-sizing: border-box;
}
.shopping_cart_table table tbody .tr_conter .text_box .pic_box{
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0;
}
.shopping_cart_table table tbody .tr_conter .text_box .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}
.shopping_cart_table table tbody .tr_conter .text_box .article{
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    text-align: left;
    padding-left: 25px;
    padding-top: 10px;
}
.shopping_cart_table table tbody .tr_conter .text_box .article h3{
    font-size: 16px;
    color: #000;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 5px;
}
.shopping_cart_table table tbody .tr_conter .text_box .article p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin: 3px 0;
}
.shopping_cart_table table tbody .tr_conter td a{
    display: block;
    width: 75px;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    margin: 2px 0;
}
/* .shopping_cart_table table tbody .tr_conter td a:hover{
    background: #000;
    color: #fff;
}
.shopping_cart_table table tbody .tr_conter td a.active{
    background: #000;
    color: #fff;
} */
.shopping_cart_table table tbody .tr_conter button{
    display: block;
    width: 110px;
    height: auto;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    text-align: center;
    padding: 5px 15px;
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    background: #fff;
    cursor: pointer;
    letter-spacing: 2px;
    margin: 10px auto;
    border: 1px solid #c8c8c8;
}
.shopping_cart_table .paging_btn{
    width: 100%;
    height: auto;
    margin: 40px auto;
    text-align: center;
}

.shopping_cart_table .paging_btn button{
    display: inline-block;
    width: auto;
    min-width: 110px;
    height: auto;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    padding: 5px 20px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
    margin: 0 15px;
}
.my_order_box .my_order_tab ul li:last-child a{
    border-bottom: none;
}
.shopping_cart_table .paging_btn button span{
    display: block;
    position: relative;
    z-index: 2;
}
.shopping_cart_table .paging_btn button:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #000;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.shopping_cart_table .paging_btn button:hover{
    color: #fff;
    transition: all 0.5s;
}
.shopping_cart_table .paging_btn button:hover:after{
    width: 102%;
}


.shopping_cart_table table tr th:first-child{
    width: 80px;
    min-width: 80px;
}
.shopping_cart_table table tr th:last-child{
    width: 80px;
    min-width: 80px;
}
.shopping_cart_table table tbody .tr_conter td{
    min-width: 80px;
}
.shopping_cart_table table tbody .tr_conter td:nth-of-type(2){
    padding-left: 0;
}
.shopping_cart_table table .tr_conter{
    background: #f6f6f6;
}
.shopping_cart_table table tbody .tr_conter td .input_checkbox{
    display: block;
    width: 18px;
    height: 18px;
    border: 1.5px solid #888;
    box-sizing: border-box;
    margin: 0 auto;
    border-radius: 5px;
}
.shopping_cart_table table thead th .input_checkbox{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1.5px solid #888;
    box-sizing: border-box;
    margin: 0 auto;
    border-radius: 5px;
    vertical-align: sub;
    margin-right: 3px;
}
.shopping_cart_table table tbody .tr_conter td .sc{
    display: block;
    width: 30px;
    height: 30px;
    background: url('../images/sc_icon.png') no-repeat center center;
    background-size: 30px;
    cursor: pointer;
    margin: 0 auto;
}
.shopping_cart_table table tr td:nth-of-type(5){
    font-size: 18px;
    color: #000;
}
.shopping_cart_table table tr td .price_num_box{
    width: 150px;
    height: auto;
    margin: 0 auto;
}
.shopping_cart_table table tr td .price_num_box_con{
    float: left;
    width: 110px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .shopping_cart_table table tr td .dw{
    float: left;
    margin-left: 12px;
    font-size: 15px;
  }
  .shopping_cart_table table tr td .price_num_box text{
    float: left;
    width: 24px;
    height: 24px;
    background-color: #000;
    
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    
    border-radius: 2px;
    cursor: pointer;
  }
  .shopping_cart_table table tr td .price_num_box .num{
    width: auto;
    min-width: 60px;
    color: #000;
    font-size: 16px;
    background: transparent;
    margin: 0;
    padding: 0 5px;
    box-sizing: border-box;
  }

  .shopping_cart_table table tbody .tr_conter_active{
      background: #fff;
      border: 2px solid #000;
  }

  .shopping_cart_payment{
      width: 100%;
      height: auto;
      margin-top: 80px;
      padding-top: 80px;
      padding-bottom: 30px;
      box-sizing: border-box;
      border-top: 1px solid #e5e5e5;
  }
  .shopping_cart_payment .check_box{
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 50px;
  }
  .shopping_cart_payment .check_box label{
    display: block;
    width: auto;
    height: auto;
    vertical-align: middle;
  }
  .shopping_cart_payment .check_box .input_checkbox{
    margin-right: 6px;
    margin-bottom: 6px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1.5px solid #888;
    box-sizing: border-box;
    border-radius: 4px;
    vertical-align: middle;
  }
  
  .shopping_cart_payment .price_box{
    float: right;
    width: auto;
    height: 50px;
    font-size: 16px;
    color: #000;
    line-height: 50px;
  }
  .shopping_cart_payment .price_box text{
    float: left;
  }
  .shopping_cart_payment .price_box .dw{
    color: #000;
    margin-left: 20px;
  }
  .shopping_cart_payment .price_box .strong{
    float: left;
    font-size: 36px;
    color: #000;
    font-weight: 500;
  }
  .shopping_cart_payment_btn{
    float: right;
    width: auto;
    height: auto;
    margin-left: 80px;
  }
  .shopping_cart_payment_btn a{
      display: block;
    width: 120px;
    height: auto;
    background-color: #000;
        
    padding: 10px 20px;
    box-sizing: border-box;
    
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    letter-spacing: 2px;

    font-size: 18px;
    color: #fff;
  }
  .shopping_cart_payment_btn a:hover{
    background: #3aae97;
  }

  .shopping_cart_payment_btn .item_link {
    display: block;
  width: 120px;
  height: auto;
  background-color: #000;
      
  padding: 10px 20px;
  box-sizing: border-box;
  
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  letter-spacing: 2px;

  font-size: 18px;
  color: #fff;
  border: none;
}
.shopping_cart_payment_btn .item_link:hover{
  background: #3aae97;
}


  /* order_confirm_page */
  .order_confirm_page{
      width: 100%;
      height: auto;
  }
  .order_confirm_section{
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    box-sizing: border-box;
    border-bottom: 3px solid #000;
  }
.order_confirm_section .title_box{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.order_confirm_section .title_box h3{
    font-size: 26px;
    color: #000000;
    line-height: 36px;
    font-weight: 200;
}

.shopping_cart_table table tr td.price {
    font-size: 18px;
    color: #000;
}



.order_confirm_section .shopping_cart_table .remarks_box{
    width: 100%;
    height: auto;
    
}
.order_confirm_section .shopping_cart_table .remarks_box td{
    width: 100%;
    height: auto;
    text-align: left;
    font-size:14px;
    color: #666666;
    line-height: 30px;
    padding: 20px 0;
    box-sizing: border-box;
}
.order_confirm_section .shopping_cart_table .remarks_box td strong{
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    font-weight: 200;
}
.order_confirm_section .shopping_cart_table .remarks_box td input{
    display: inline-block;
    width: 400px;
    height: auto;
    border: 1px solid #ddd;
    padding: 3px 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #000;
    line-height: 28px;
    border-radius: 5px;
}


.order_confirm_section5 .swfp_box{
    width: 100%;
    height: auto;
}
.order_confirm_section5 .swfp_box .text_box{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #666666;
    line-height: 30px;
}
.order_confirm_section5 .swfp_box .btn_box{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.order_confirm_section5 .swfp_box .btn_box label{
    float: left;
    width: auto;
    height: auto;
    margin-right: 50px;
    font-size: 15px;
    color: #000;
    line-height: 30px;
}
.order_confirm_section5 .swfp_box .btn_box label input{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1.5px solid #888;
    box-sizing: border-box;
    vertical-align: sub;
    margin-right: 5px;
}

.order_confirm_section5 .invoice_information_box{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.order_confirm_section5 .invoice_information_box .information_item_box{
    width: 100%;
    height: auto;
}
.order_confirm_section5 .invoice_information_box .personal_box_form{
    max-width: 400px;
    width: 100%;
    float: left;
}
.order_confirm_section5 .invoice_information_box .personal_box_form .item{
    position: relative;
    min-height: 40px;
    padding-left: 90px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.order_confirm_section5 .invoice_information_box .personal_box_form .item label{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    width: 90px;
    height: auto;
    padding: 5px;
    padding-right: 15px;
}
.order_confirm_section5 .invoice_information_box .personal_box_form .item .input_box{
    width: 100%;
    min-width: 100%;
}
.order_confirm_section5 .invoice_information_box .personal_box_form .item input[type="text"] {
    width: 100%;
    padding: 5px 15px;
    font-size: 14px;
}
.order_confirm_section5 .invoice_information_box .personal_box_form .item_btn{
    width: 100%;
    margin: 30px 0;
    padding-left: 0px;
}
.order_confirm_section5 .invoice_information_box .personal_box_form .item_btn button{
    width: 100px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 200;
    border-radius: 2px;
}


.order_confirm_section3 .jffs_box{
    width: 100%;
    height: auto;
}
.order_confirm_section3 .jffs_box .text_box{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin-bottom: 30px;
}
.order_confirm_section3 .jffs_box .btn_box{
    width: 100%;
    height: auto;
}
.order_confirm_section3 .jffs_box .btn_box a{
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 30px;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    font-size: 15px;
    color: #666666;
    line-height: 26px;
    text-align: center;
    margin-right: 20px;
}
.order_confirm_section3 .jffs_box .btn_box a:hover{
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.order_confirm_section3 .jffs_box .btn_box a.active{
    background: #000;
    color: #fff;
    border: 1px solid #000;
}



.order_confirm_section4 .fkfs_box{
    width: 100%;
    height: auto;
}
.order_confirm_section4 .fkfs_box .text_box{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin-bottom: 30px;
}
.order_confirm_section4 .fkfs_box .btn_box{
    width: 100%;
    height: auto;
}
.order_confirm_section4 .fkfs_box .btn_box a{
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 30px;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    font-size: 15px;
    color: #666666;
    line-height: 26px;
    text-align: center;
    margin-right: 20px;
}
.order_confirm_section4 .fkfs_box .btn_box a:hover{
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.order_confirm_section4 .fkfs_box .btn_box a.active{
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.order_confirm_section4 .fkfs_box .select_box{
    margin-top: 40px;
}
.order_confirm_section4 .fkfs_box .select_box h3{
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}
.order_confirm_section4 .fkfs_box .select_box .input_box{
    float: left;
    width: auto;
    height: auto;
    position: relative;
}
.order_confirm_section4 .fkfs_box .select_box select{
    float: left;
    width: 270px;
    height: auto;
    border: 1px solid #d5d5d5;
    padding: 14px 15px;
    box-sizing: border-box;
    font-size: 15px;
    color: #666;
    line-height: 28px;
}





.order_confirm_section6 .shopping_cart_payment{
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
}
.order_confirm_address{
    width: 100%;
    height: auto;
}
.order_confirm_address_list{
    width: 100%;
    height: auto;
}
.order_confirm_address_list ul {
    margin: 0 -1%;
}
.order_confirm_address_list ul li{
    float: left;
    width: 23%;
    height: 170px;
    border: 2px dashed #d5d5d5;
    margin: 0 1%;
    padding: 15px 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.order_confirm_address_list ul li h3{
    font-size: 16px;
    color: #000;
    line-height: 26px;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.order_confirm_address_list ul li .text{
    font-size: 14px;
    color: #666;
    line-height: 22px;
}
.order_confirm_address_list ul li .text p{
    margin: 5px 0;
}
.order_confirm_address_list ul li .text a{
    float: left;
    font-size: 15px;
    color: #000000;
    line-height: 26px;
    margin-top: 10px;
    margin-right: 10px;
}
.order_confirm_address_list ul li .text .link_active{
    float: left;
    font-size: 15px;
    line-height: 26px;
    margin-top: 10px;
    margin-right: 10px;
    background: #000;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
}

.order_confirm_address_list ul li.active{
    border: 2px dashed #000;
}
.order_confirm_address_list ul li:hover{
    border: 2px dashed #000;
}
.order_confirm_address .link_box{
    width: 100%;
    height: auto;
    margin-top: 20px;
    text-align: right;
}
.order_confirm_address .link_box a{
    float: right;
    width: auto;
    height: auto;
    font-size: 15px;
    color: #000000;
    line-height: 30px;
}
.order_confirm_address .link_box a:hover{
    text-decoration: underline;
}
.order_confirm_address_list ul li a:hover {
    text-decoration: underline;
}

    /* order_payment_state_page */
    .order_payment_state_page{
        width: 100%;
        height: auto;
    }

  .order_payment_state_section{
    width: 100%;
    height: auto;
    padding: 30px 15px;
    padding-top: 80px;
    padding-bottom: 80px;
    box-sizing: border-box;
  }
  .order_payment_state_pic{
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
  }
  .order_payment_state_pic img{
    display: block;
    width: 150px;
    height: 150px;
    overflow: hidden;
  }
  .order_payment_state_title{
    width: 100%;
    height: auto;
    padding: 10px 0;
    box-sizing: border-box;
    
    font-size: 24px;
    color: #030303;
    line-height: 40px;
    font-weight: 500;
    text-align: center;
    
    margin-bottom: 50px;
  }
  .order_payment_state_title_sb{
    color: red;
  }
  
  .payment_success_section_link_box{
    width: 100%;
    height: auto;
    text-align: center;
  }
  .payment_success_section_link_box .state_btn{
    display: inline-block;
    width: auto;
    height: auto;
    margin: 20px;
  }
  .payment_success_section_link_box .state_btn a{
    display: inline-block;
    width: 150px;
    height: auto;
    padding: 10px;
    background: #030303;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border: 2px solid #030303;
    letter-spacing: 2px;
    margin: 0 auto;
  }
  .payment_success_section_link_box .state_btn_active a{
    background: transparent;
    border: 2px solid #030303;
    color: #030303;
  }

  .payment_success_section_link_box .state_btn a:hover{
      background: #3aae97;
      border: 2px solid #3aae97;
  }

  .payment_success_section_link_box .state_btn_active a:hover{
    background: #000;
    border: 2px solid #030303;
    color: #fff;
  }
  

/* menu_navigation_container */
  #menu_navigation_container {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 999;
  }
  #menu_navigation_container.one {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  #menu_navigation_container.one .menu_navigation_background .modal {
    /* transform: scale(0); */
    animation: zoomIn 0.8s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  #menu_navigation_container.one.out {
    transform: scale(1);
    animation: unfoldOut 1.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  #menu_navigation_container.one.out .menu_navigation_background .modal {
    animation: zoomOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  
  #menu_navigation_container .menu_navigation_background {
    display: table-cell;
    background: rgba(0, 0, 0, 1);
    text-align: center;
    vertical-align: middle;
  }


  @keyframes unfoldIn {
    0% {
      transform: scaleY(0.005) scaleX(0);
    }
    50% {
      transform: scaleY(0.005) scaleX(1);
    }
    100% {
      transform: scaleY(1) scaleX(1);
    }
  }
  @keyframes unfoldOut {
    0% {
      transform: scaleY(1) scaleX(1);
    }
    50% {
      transform: scaleY(0.005) scaleX(1);
    }
    100% {
      transform: scaleY(0.005) scaleX(0);
    }
  }
  @keyframes zoomIn {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes zoomOut {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  



/* search_page */
.search_page{
    width: 100%;
    height: auto;
    min-height: 800px;
    padding-top: 160px;
    padding-bottom: 100px;
    box-sizing: border-box;
    background: #111;
    position: relative;
}
.search_page .section_container_con{
    max-width: 1400px;
}
.search_result_box{
    width: 100%;
    height: auto;
    min-height: 500px;
}
.search_title_box{
    width: 100%;
    height: auto;
    margin-bottom: 60px;
    position: relative;
}
.search_title_box h3{
    font-size: 120px;
    line-height: 120px;
    color: rgba(255,255,255,.08);
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
    letter-spacing: 2px;
}
.search_input_box{
    width: 600px;
    height: auto;
    position: relative;
    margin: 0 auto;
    margin-bottom: 80px;
}
.search_input_box .input_text{
    display: block;
    width: 100%;
    height: 58px;
    background-color: #f6f6f6;
    padding: 14px 25px;
    padding-right: 150px;
    box-sizing: border-box;
    border: none;
    border-radius: 60px;

    font-size: 16px;
    color: #888;
    line-height: 30px;
}
.search_input_box .input_btn{
    display: block;
    width: auto;
    height: 50px;
    background-color: #111;
    padding: 10px 30px;
    box-sizing: border-box;
    border: none;
    border-radius: 60px;
    position: absolute;
    top: 4px;
    right: 4px;

    font-size: 16px;
    color: #fff;
    line-height: 30px;
}


/* trend_inspiration_conter */
.trend_inspiration_conter {
    width: 100%;
    height: auto;
}
.trend_inspiration_section{
    width: 100%;
    height: 700px;
    position: relative;
    padding-left: 400px;
    box-sizing: border-box;
    
}
.trend_inspiration_section:first-child{
    margin-bottom: 50px;
}
.trend_inspiration_section .side_box{
    width: 350px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.trend_inspiration_section2{
    padding-left: 0;
    padding-right: 400px;
}
.trend_inspiration_section2 .side_box{
    width: 350px;
    height: 100%;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    overflow: hidden;
}



.trend_inspiration_section .side_box .pic_box{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.trend_inspiration_section .side_box .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}

.trend_inspiration_section .side_box .text_box{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;
} 
.trend_inspiration_section .side_box .text_box h3{
    font-size: 46px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.trend_inspiration_section .wrap_box{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}
.trend_inspiration_section .wrap_box ul li{
    display: inline-block;
    width: 270px;
    height: 700px;
    position: relative;
    margin: 0 8px;
}
.trend_inspiration_section .wrap_box ul li .item{
    width: 100%;
    height: 340px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.trend_inspiration_section .wrap_box ul li .item:first-child{
    margin-bottom: 20px;
}
.trend_inspiration_section .wrap_box ul li .item a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.trend_inspiration_section .wrap_box ul li .item .pic_box {
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
}
.trend_inspiration_section .wrap_box ul li .item .pic_box .pic {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;

    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.trend_inspiration_section .wrap_box ul li .item:hover .pic_box .pic {
    -webkit-transform: translate3d(0, -54px, 0);
    transform: translate3d(0, -54px, 0);
}
.trend_inspiration_section .wrap_box ul li .item .pic_box .pic::after{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 30%);
    transition: all 0.5s;
}
.trend_inspiration_section .wrap_box ul li .item:hover .pic_box .pic::after{
    background: rgb(0 0 0 / 0%);
}
.trend_inspiration_section .wrap_box ul li .item .title {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;

    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);

}
.trend_inspiration_section .wrap_box ul li .item .title p {
    font-size: 16px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.trend_inspiration_section .wrap_box ul li .item:hover .title{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.trend_inspiration_section .wrap_box .str_wrap {
    background: none !important;
}



.trend_inspiration_nav_box{
    width: 100%;
    height: auto;
    margin-top: 80px;
    margin-bottom: 50px;
}
.trend_inspiration_page .trend_inspiration_nav_box{
    margin-top: 0;
    display: none;
}
.trend_inspiration_nav_box ul{
    width: 400px;
    height: auto;
    margin: 0 auto;
}
.trend_inspiration_nav_box ul li{
    float: left;
    width: 200px;
    height: auto;
    background-color: #111;
    border: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    padding: 15px 50px;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
}
.trend_inspiration_nav_box ul li span{
    display: block;
    position: relative;
    z-index: 2;
}
.trend_inspiration_nav_box ul li:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #fff;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.5s;
    z-index: 1;
    
}
.trend_inspiration_nav_box ul li:hover{
    color: #000;
    transition: all 0.5s;
    border-left: 1px solid #000;
}
.trend_inspiration_nav_box ul li:hover:after{
    width: 102%;
}

.trend_inspiration_nav_box ul li.active{
    color: #000;
    transition: all 0.5s;
    border-left: 1px solid #000;
}
.trend_inspiration_nav_box ul li.active:after{
    width: 102%;
}

.trend_inspiration_container{
    width: 100%;
    height: auto;
    min-height: 400px;
}
.trend_inspiration_item{
    width: 100%;
    height: auto;
    display: none;
}
.trend_inspiration_list{
    width: 100%;
    height: auto;
}
.trend_inspiration_list ul{
    margin: 0 -1%;
}
.trend_inspiration_list ul li{
    float: left;
    width: 23%;
    height: auto;
    margin: 1%;
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
}
.trend_inspiration_list ul li a{
    display: block;
    width: auto;
    height: auto;
}
.trend_inspiration_list ul li .pic_box{
    display: block;
    width: 100%;
    height: auto;
} 
.trend_inspiration_list ul li .pic_box img{
    display: block;
    width: 100%;
    height: auto;

    transition: transform 1.5s;
    -webkit-transition: -webkit-transform 1.5s;
    -moz-transition: -moz-transform 1.5s;
    -o-transition: -o-transform 1.5s;
}
.trend_inspiration_list ul li:hover .pic_box img {
    transform: scale(1.2, 1.2);
}



.trend_inspiration_show_container { 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 999; 
    display: none; 
}
.trend_inspiration_show_overlay { 
    width: 100%; 
    height: 100%; 
    z-index: 99; 
    background: rgba(0, 0, 0, .8); 
}
.trend_inspiration_show_close { 
    width: 40px;
    height: 40px;
    position: absolute; 
    bottom: 10px; 
    right: 10px; 
    cursor: pointer; 
    z-index: 9;
 
    background: url(../images/show_close_icon.png) no-repeat center center;
    background-size: 40px;
}
.trend_inspiration_show_box { 
    width: 800px; 
    height: 600px; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: -300px;
    margin-left: -400px; 
    background: #fff;
    border-radius: 10px; 
    padding: 25px; 
    /* padding-bottom: 25px; */
    box-sizing: border-box; 
    z-index: 100; 
}
.trend_inspiration_show_conter { 
    width: 100%; 
    height: 100%; 
    position: relative;
}
.trend_inspiration_show_conter .left_pic_box{
    float: left;
    width: 500px;
    height: 100%;
    position: relative;
    border-radius: 6px;
    /*overflow: hidden;*/
}
.trend_inspiration_show_conter .left_pic_box img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.trend_inspiration_show_conter .left_pic_box .pic{
    width: 450px;
    height: 600px;
    position: absolute;
    top: -25px;
    left: -25px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}
.trend_inspiration_show_conter .right_text_box{
    float: right;
    width: 225px;
    height: auto;
    position: relative;
}
.trend_inspiration_show_conter .right_text_box .text_box{
    width: 100%;
    height: auto;
    min-height: 160px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
    background: #f6f6f6;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.trend_inspiration_show_conter .right_text_box .text_box p{
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin: 10px 0;
}
.trend_inspiration_show_conter .right_text_box .text_box p span{
    display: inline-block;
    margin-right: 10px;
    color: #333;
    font-weight: 600;
}

.trend_inspiration_show_conter .right_text_box .code_box{
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 10px 20px;
    padding-right: 100px;
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
    background: #f6f6f6;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    position: relative;
}
.trend_inspiration_show_conter .right_text_box .code_box p{
    width: 100px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    text-align: center;
}
.trend_inspiration_show_conter .right_text_box .code_box img{
    display: block;
    width: 100px;
    height: auto;
}


.trend_inspiration_pic_container{
    max-width: 450px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.trend_inspiration_pic_container .swiper-wrapper{
    width: 100%;
    height: auto;
}
.trend_inspiration_pic_container .swiper-slide{
    float: left;
    width: 100%;
    height: auto;
}
.trend_inspiration_pic_container .swiper-slide img{
    display: block;
    width: 100%;
    height: auto;
}

.trend_inspiration_show_box .swiper-button-next, .trend_inspiration_show_box .swiper-button-prev{
    display: block;
    width: 20px;
    height: 50px;
    z-index: 9;
}
.trend_inspiration_show_box .swiper-button-prev{
    background: #f1f2f7 url('../images/swiper_button_prev_icon.png') no-repeat center center;
    background-size: 22px;
}
.trend_inspiration_show_box .swiper-button-next{
    background: #f1f2f7 url('../images/swiper_button_next_icon.png') no-repeat center center;
    background-size: 22px;
}

.trend_inspiration_show_box .swiper-button-prev:hover{
    background: #3aae97 url('../images/swiper_button_prev_icon_hover.png') no-repeat center center;
    background-size: 22px;
}
.trend_inspiration_show_box .swiper-button-next:hover{
    background: #3aae97 url('../images/swiper_button_next_icon_hover.png') no-repeat center center;
    background-size: 22px;
}

.trend_inspiration_show_box .swiper-button-prev{
    position: absolute;
    bottom: 50%;
    left: -0;
    margin-top: -25px;
}
.trend_inspiration_show_box .swiper-button-next{
    position: absolute;
    top: 50%;
    right: -0;
    margin-top: -25px;
}
.trend_inspiration_show_box  .swiper-button-prev:after, .trend_inspiration_show_box  .swiper-container-rtl .swiper-button-next:after{
    display: none;
}
.trend_inspiration_show_box .swiper-button-next:after, .trend_inspiration_show_box .swiper-container-rtl .swiper-button-prev:after{
    display: none;
}




/* color_card_details_content */
.color_card_details_content{
    position: initial;
}
.color_card_details_banner{
    width: 100%;
    height: 100vh !important;
}
.color_card_details_page{
    width: 100%;
    height: auto;
    position: initial;
    background: #222;
    padding-top: 90px;
}
.color_card_details_box{
    width: 100%;
    height: auto;
    position: relative;
    background: rgb(255 255 255 / 1);
    border-radius: 50px;
    box-sizing: border-box;
    z-index: 9;
    padding: 80px 60px;
}
.color_card_details_con{
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.color_card_details_conter{
    width: 100%;
    height: auto;
}
.color_card_details_conter img{
    display: block;
    width: 100%;
    height: auto;
}
.color_card_details_conter .text_box{
    width: 100%;
    height: auto;
    padding: 0 60px;
    box-sizing: border-box;
}
.color_card_details_conter .text_box h3{
    font-size: 26px;
    color: #000;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 30px;
}
.color_card_details_conter .text_box .text{
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.color_card_details_conter .text_box .text p{
    margin-bottom: 25px;
    padding-left: 35px;
    box-sizing: border-box;

    background: url(../images/menu_logo_icon.png) no-repeat left 5px;
    background-size: 20px;

}

.color_card_details_conter .code_box{
    width: 100%;
    height: auto;
    margin-top: 80px;
    padding: 0 10%;
    box-sizing: border-box;
    text-align: center;
}
.color_card_details_conter .code_box ul li{
    display: inline-block;
    width: 300px;
    height: auto;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 26px;
    margin-top: 5px;
}
.color_card_details_conter .code_box ul li img{
    display: block;
    width: 200px;
    height: auto;
    margin: 0 auto;
}


.color_card_details_link_box{
    width: 100%;
    height: auto;
    padding: 120px;
    box-sizing: border-box;
}
.color_card_details_link_box .link_box{
    display: none;
    width: 200px;
    height: auto;
    background: #78bd41;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.5s;
    border-radius: 30px;
    cursor: pointer;
    margin: 0 auto;
}
.color_card_details_link_box .link_box:hover{
    background: #fff;
    color: #78bd41;
}



.phone_header_right .right_sign_box{
    display: none;
}
.phone_new_product_details_left_box{
    display: none;
}




@media screen and (max-width: 1600px){
    .home_banner_container .home_banner_slider .item .ban_text{
        top: 300px;
    }
    .home_banner_container .home_banner_slider .item .ban_text .ban_text_con{
        max-width: 1200px;
    }

    .home_banner_container .home_banner_slider .item .ban_text h2{
        font-size: 46px;
        line-height: 60px;
    }
    .home_banner_container .home_banner_slider .item .ban_text .article{
        font-size: 24px;
    }

    .menu_navigation_list{
        width: 55%;
    }
    .menu_navigation_contact{
        width: 45%;
    }
    .menu_navigation_list ul{
        margin-left: 50px;
    }
    .menu_navigation_list ul li h3{
        font-size: 26px;
        line-height: 32px;
    }
    .menu_navigation_list ul li .logo_icon{
        top: 23.5px;
    }
    .menu_navigation_contact .text_box h2{
        font-size: 32px;
    }
    .menu_navigation_contact .text_box img{
        margin: 30px auto;
    }


    .section_container_con{
        max-width: 1200px;
    }
    .product_page_container .section_container_con{
        max-width: 1200px;
    }
    .product_screen_nav ul li{
        margin: 0 18px;
    }
    .product_screen_nav ul li .subNav_box {
        width: 430px;
        position: absolute;
        top: 60px;
        left: 50%;
        margin-left: -215px;
    }
    .product_screen_nav ul li .subNav_box .subNav_list{
        padding: 20px;
        padding-left: 35px;
        padding-right: 10px;
    }
    .product_screen_nav ul li .subNav_box .subNav_list .subNav_item{
        width: 25%;
        margin: 3px auto;
    }
    .product_screen_nav ul li:nth-of-type(9) .subNav_box {
        width: 380px;
        margin-left: -190px;
    }
    .product_screen_nav ul li:nth-of-type(9) .subNav_box .subNav_list .subNav_item {
        width: 50%;
    }
    .product_screen_nav ul li:nth-of-type(10) .subNav_box {
        width: 380px;
        margin-left: -302px;
    }
    .product_screen_nav ul li:nth-of-type(10) .subNav_box .subNav_list .subNav_item {
        width: 33.333333%;
    }
}


@media screen and (max-width: 1440px){
    .section_container_con {
        max-width: 1130px;
    }
    .home_banner_container .banner_text_box{
        padding-top: 100px;
    }
    .home_banner_container .banner_text_box h2{
        font-size: 50px;
    }

    .home_banner_container .color_card_banner_text_pro .banner_text_box{
        padding-top: 210px;
    }
    
    .about_page_section1 h3{
        font-size: 28px;
    }
    .about_page_section1{
        padding: 80px 0;
    }
    .about_page_section2{
        height: 650px;
    }
    .about_page_section3,.about_page_section5,.development_page_section1{
        padding: 80px 0;
    }
    .about_page_section3 .section_container_con,.development_page_section1 .section_container_con{
        max-width: 1030px;
    }
    .about_section5_list ul li{
        width: 255px;
        height: 175px;
    }

    .development_page_section1 .pic_box{
        margin-top: 60px;
    }
    .development_page_section1 .pic_box img{
        max-width: 350px;
    }
    .development_section_text{
        padding: 60px 0;
    }
    .development_section_text .text_box h3{
        font-size: 28px;
    }
    .development_page_section2,.development_page_section6{
        height: 650px;
    }
    .development_page_section4{
        height: 500px;
    }
    .about_page_section4{
        /* height: 600px; */
    }

    .events_section_list{
        padding: 50px 0;
    }
    .events_section_item{
        padding: 50px 0;
    }
    .events_section_item .pic_box{
        width: 57%;
    }
    .events_section_item .text_box{
        width: 43%;
        padding-top: 40px;
        padding-right: 12%;
    }
    .events_section_item .text_box h3{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .events_section_item .text_box .text{
        min-height: 216px;
        margin-bottom: 30px;
    }
    .events_section_item:nth-child(even) .text_box{
        padding-left: 12%;
    }
    .events_details_page{
        padding: 80px 0;
    }
    .events_details_page .title_box h3{
        font-size: 28px;
    }
    .events_details_page .section_container_con{
        max-width: 1030px;
    }
    .color_card_page{
        padding: 80px 0;
        padding-top: 150px;
    }
    .color_card_page .section_container_con{
        max-width: 1130px;
    }
    .color_card_section .title_box h3{
        font-size: 36px;
    }
    .product_page .section_container_con{
        max-width: 1130px;
    }

    .product_page{
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .product_series_nav ul li{
        height: 70px;
        padding: 0;
    }
    .product_series_nav ul li .text_box p{
        font-size: 22px;
    }
    .product_series_text_box .text_box h3{
        font-size: 40px;
    }
    .product_screen_nav ul li {
        margin: 0 15px;
    }
    
    .register_container .signup_box .title h2{
        font-size: 24px;
        margin-bottom: 0;
    }
    .register_container .signup_box .logo{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .register_container .signup_box .logo img{
        width: 60px;
    }
    .register_container .signup_box .title{
        margin-bottom: 20px;
    }
    .register_container .signup_box{
        height: 560px;
        padding: 15px;
        padding-bottom: 20px;
    }
    .register_container .signup_box_conter .item input{
        padding: 6px 15px;
    }
    .register_container .signup_box_conter .item_btn button{
        padding: 8px 15px;
    }
    .register_container .signup_box_conter .item_btn{
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .member_center_page .section_container_con{
        max-width: 1200px;
    }
    .personal_box_form .item .input_box{
        width: 60%;
        min-width: 500px;
    }
    .personal_box_form .item input[type="text"]{
        width: 500px;
    }
    .personal_box_form .item select{
        width: 500px;
    }
    .personal_box_form .item input[type="password"]{
        width: 500px;
    }

    .my_order_table table tbody .tr_conter td {
        min-width: 70px;
        padding: 15px 15px;
        box-sizing: border-box;
    }
    .my_order_table table tr th{
        min-width: 70px;
    }

    .personal_address_box{
        padding: 50px 0;
    }
    .personal_address_box table tr th{
        min-width: 60px;
    }
    .personal_address_box table tr td:nth-of-type(6){
        min-width: 90px;
    }
    .personal_address_box table tr td:nth-of-type(7){
        min-width: 90px;
    }
    .personal_address_box table tr td{
        padding: 10px 2px;
    }



    .footer_top_center{
        padding-right: 530px;
    }
    .footer_top_center .left_box ul li{
        padding-right: 5px;
    }
    .footer_top_center .code_box{
        width: 260px;
    }
    .footer_top_center .code_box ul li img{
        width: 110px;
    }
    .footer_top_center .right_box{
        right: 260px;
    }
    .footer_top_center .right_box .number{
        font-size: 22px;
    }
}



@media screen and (max-width: 1366px){
    .home_banner_container .home_banner_slider .item .ban_text{
        top: 260px;
    }
    .home_banner_container .home_banner_slider .item .ban_text h2{
        font-size: 40px;
        line-height: 50px;
    }
    .home_banner_container .home_banner_slider .item .ban_text .article{
        font-size: 20px;
    }
   
}


@media screen and (max-width: 1200px){
    .wrapper_main {
        width: 1200px !important;
    }
}


@media screen and (max-width: 768px){
    .wrapper_main {
        width: 100% !important;
    }
    .sidebar_box{
        display: none;
    }
    .header_box{
        padding: 0;
    }
    .header{
        padding-left: 15px;
        padding-right: 15px;
    }
    .header_right .right_sign_box_con .link_search{
        /* display: none; */
    }
    .header_right .right_sign_box_con a{
        margin-left: 0;
        width: 36px;
        font-size: 18px;
    }
    .header_right .right_sign_box_con a img{
        width: 36px;
        height: 36px;
        margin-top: 2px;
    }

    .header_right .right_sign_box_con .link_cart {
        /* display: none !important; */
    }
    .header_right .right_sign_box_con .link_login {
        /* display: none !important; */
    }

    .header_right .nav-toggle{
        margin-left: -5px;
    }
    .header .logo{
        padding: 29px 0;
    }
    .header .logo img{
        width: 180px;
    }

    .home_banner_container .banner_text_box{
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0px;
    }
    
    .section_banner .text_box{
        padding-left: 0;
        padding-right: 0;
    }
    .home_banner_container .banner_text_box h2{
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .home_banner_container .banner_text_box .text_box{
        font-size: 15px;
        line-height: 26px;
        text-align: justify;
    }
    .home_banner_container .banner_down_box{
        bottom: 25px;
    }
    .home_banner_container .banner_down_box p{
        line-height: 20px;
    }

    .about_page_section3, .about_page_section5, .development_page_section1{
        padding: 50px 0;
    }
    .development_page_section1 .text_box{
        font-size: 15px;
        line-height: 30px;
        text-align: justify;
    }
    .development_page_section1 .pic_box{
        margin-top: 40px;
    }
    .development_page_section1 .pic_box img {
        max-width: 180px;
    }
    .development_page_section1_bj{
        width: 400px;
        height: 400px;
    }
    .development_section_text {
        padding: 50px 0;
    }
    .development_section_text .text_box h3{
        font-size: 22px;
        line-height: 32px;
    }
    .development_section_text .text_box .text{
        margin-top: 30px;
        font-size: 15px;
        line-height: 30px;
        text-align: justify;
    }

   .development_page_section4 {
        height: 280px;
    }

    .development_page_section2{
        height: 400px;
    }
    .development_page_section2_conter .text_box{
        font-size: 16px;
    }
    .development_page_section2_conter .pic_box {
        margin-top: 30px;
    }
    .development_page_section2_conter .pic_box img{
        width: 180px;
    }

    .development_page_section3 .text_box .text{
        margin-top: 0;
    }
    .development_section_text .text_box .text{
        font-size: 20px;
        padding: 10px 0;
    }
    .development_section_text .text_box .text p span{
        margin: 10px 25px;
    }

    .development_page_section5_wrap_box{
        margin-top: 40px;
    }
    .development_page_section5_wrap_box ul li{
        width: 180px;
        height: 250px;
        margin: 0 10px;
    }
    .development_page_section5_wrap_box ul li .pic_box{
        height: 250px;
    }
    .development_page_section6{
        height: 430px;
    }

   .development_page_section6 .development_page_section5_wrap_box ul li{
        margin: 0 15px;
        width: 300px;
        height: 250px;
    }
    .development_page_section6 .development_page_section5_wrap_box ul li .pic_box{
        height: 250px;
    }


    .footer_top{
        display: none;
    }
    .footer_bottom {
        padding: 15px 0;
    }
    .footer_bottom p{
        font-size: 12px;
    }
    .footer_bottom p a{
        margin-left: 10px;
    }


    .events_section_item{
        padding: 30px 15px;
    }
    .events_section_item .pic_box{
        width: 100%;
        margin-bottom: 20px;
    }
    .events_section_item .text_box{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .events_section_list {
        padding: 30px 0;
    }
    .events_section_item .text_box{
        padding-top: 5px;
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .events_section_item:nth-child(even) .text_box{
        padding-left: 20px;
        padding-right: 20px;
    }
    .events_section_item .text_box h3{
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .events_section_item .text_box .text{
        font-size: 15px;
        line-height: 30px;
        min-height: auto;
        margin-bottom: 30px;
    }
    .events_section_item .text_box .link_box{
        padding: 10px;
        font-size: 14px;
    }
    .about_page_section1{
        padding: 50px 0;
    }
    .about_page_section1 h3 {
        font-size: 22px;
        line-height: 40px;
        padding-left: 9%;
        padding-right: 9%;
        box-sizing: border-box;
    }
    .about_page_section1 .title_box h3{
        font-size: 17px;
        padding-left: 5%;
        padding-right: 5%;
    }
    .about_page_section1 .num_box{
        width: 100%;
        margin-top: 40px;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .about_page_section1 .num_box .num{
        font-size:170px;
        line-height: 160px;
        font-weight: 500;
    }
    .about_page_section1_bj{
        height: 50px;
    }
    .about_page_section1 .num_box .year{
        position: absolute;
        right: 30px;
        top: 120px;
    }
    .about_page_section2{
        height: 320px;
    }
    .about_section2_video_box {
        width: 60px;
        height: 60px;
        background: url(../images/video_icon_pic.png) no-repeat center center;
        background-size: 60px;
        margin-top: -30px;
        margin-left: -30px;
    }
    .about_page_section3 .text_box .text{
        font-size: 15px;
        line-height: 30px;
        text-align: justify;
    }
    .about_page_section3 .text_box{
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
        padding: 0;
    }
    .about_page_section3 .pic_box{
        margin-top: 40px;
    }

    .about_page_section4{
        padding: 50px 0;
    }
    .about_page_section4_text_box .text{
        font-size: 20px;
        line-height: 30px;
    }
    .about_page_section5 .title_box{
        margin-bottom: 40px;
    }
    .about_page_section5 .title_box h2{
        font-size: 26px;
        line-height: 36px;
    }


    .about_page_product_section1{
        height: 330px;
    }
    .about_page_product_section2{
        height: 330px;
    }
    .about_page_product_section3{
        height: 330px;
    }
    .about_page_product_section4{
        height: 330px;
    }
    .about_page_product_section .text_box{
        width: 95%;
    }
    .about_page_product_section .text_box h2{
        font-size: 26px;
        line-height: 32px;
    }
    .about_page_product_section .text_box h3{
        font-size: 18px;
        line-height: 30px;
    }
    .about_page_product_section .text_box .text{
        font-size: 15px;
        line-height: 26px;
        text-align: justify;
    }

    .about_section5_list ul li{
        width: 160px;
        height: 110px;
        margin: 5px;
    }
    .header_right .nav_toggle_icon{
        right: -10px;
    }

    .menu_navigation_list{
        width: 100%;
        padding: 0 20px;
    }
    .menu_navigation_list ul {
        width: 100%;
        margin-left: 0px;
    }
    .menu_navigation_list ul li{
        float: left;
        width: 50%;
    }
    .menu_navigation_list ul li a{
        padding: 10px 20px;
    }
    .menu_navigation_list ul li h3 {
        font-size: 18px;
        line-height: 30px;
    }
    .menu_navigation_contact {
        width: 100%;
        height: 200px;
        top: auto;
        bottom: 0;
    }
    .menu_navigation_contact .text_box{
        padding-right: 30px;
    }
    .menu_navigation_contact .text_box h3{
        font-size: 16px;
        padding: 0;
        display: none;
    }
    .menu_navigation_contact .text_box h2{
        font-size: 26px;
        line-height: 36px;
        display: none;
    }
    .menu_navigation_contact .text_box img {
        margin: 6px auto;
    }
    .menu_navigation_contact .text_box p{
        font-size: 15px;
        padding: 3px;
    }

    .menu_navigation_conter{
        padding-bottom: 180px;
        box-sizing: border-box;
    }
    .menu_navigation_close_box{
        top: 20px;
        right: 20px;
    }
    .menu_navigation_list ul li .logo_icon{
        display: none;
    }

    * {
        font-weight: 300 !important;
    }



    .color_card_page {
        padding-top: 170px;
        padding-bottom: 60px;
    }

    .color_card_section .title_box{
        margin-bottom: 30px;
    }
    .color_card_section .title_box h3{
        font-size: 26px;
        line-height: 36px;
    }
    .color_card_section .text_box {
        margin-bottom: 30px;
    }
    .color_card_section .text_box .text{
        font-size: 15px;
        line-height: 30px;
        text-align: justify;
    }
    .color_card_section .text_box .text p{
        margin-bottom: 20px;
    }
    .color_card_nav_box{
        margin-top: 0px;
        margin-bottom: 40px;
    }
    .color_card_page .product_series_nav ul li{
        width: 50%;
    }


    .color_card_nav_box ul{
        max-width: 400px;
        width: 100%;
    }
    .color_card_nav_box ul li{
        width: 50%;
        padding: 10px 20px;
    }
    .color_card_list ul {
        margin: 0 -2%;
    }
    .color_card_list ul li {
        width: 46%;
        margin: 2.5% 2%;
    }
    .color_card_list ul li .title{
        background: #fff;
        opacity: 1;
        -webkit-transition: none;
        transition: none;
        -webkit-transform: none;
        transform: none;

        padding: 5px 10px;
    }
    .color_card_list ul li:hover .pic_box img{
        -webkit-transform: none;
        transform: none;
    }
    .color_card_list ul li .title p{
        font-size: 14px;
        line-height: 24px;
    }

    .color_card_details_page{
        padding-top: 50px;
    }
    .color_card_details_box{
        padding: 25px;
        border-radius: 10px;
    }
    .color_card_details_link_box{
        padding: 60px;
    }
    .color_card_details_link_box .link_box{
        width: 160px;
        font-size: 16px;
        padding: 10px 10px;
    }

    .trend_inspiration_page .product_series_nav ul li{
        width: 50%;
    }
    .trend_inspiration_nav_box ul{
        max-width: 400px;
        width: 100%;
    }
    .trend_inspiration_nav_box ul li {
        width: 50%;
        padding: 10px 20px;
    }
  
    .trend_inspiration_page .trend_inspiration_nav_box{
        margin-bottom: 40px;
    }

    .phone_color_banner_text_pro{
        display: block;
    }
    .color_card_banner_container{
        display: none;
    }
    .color_card_section .title_box,.color_card_section .text_box{
        display: none;
    }


    .trend_inspiration_list ul{
        margin: 0 -2%;
    }
    .trend_inspiration_list ul li{
        width: 46%;
        margin: 2.5% 2%;
    }



    .product_series_nav{
        border-bottom: none;
    }
    .product_series_nav ul li{
        width: 50%;
        height: 60px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }
    .product_series_nav ul li .text_box p{
        font-size: 20px;
    }
    .product_series_nav ul li .icon_box{
        width: 60px;
        height: 60px;
    }
    .product_series_nav ul li .icon_box img{
        width: 60px;
        height: 60px;
    }
    .product_series_nav ul li .text_box{
        height: 60px;
        padding: 10px;
    }
    .product_series_text_box .pic_box{
        height: 200px;
    }
    .product_series_text_box .text_box{
        padding: 35px 15px;
    }
    .product_page {
        min-height: 700px;
        padding-top: 230px;
        padding-bottom: 60px;
    }

    .product_series_text_box .text_box h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .product_series_text_box .text_box .text{
        font-size: 16px;
    }
    .product_series_text_box .text_box .text p span {
        margin: 0 10px;
    }


    .product_series_text_box{
        margin-bottom: 50px;
    }
    .product_screen_list ul li{
        width: 98%;
        margin-bottom: 30px;
    }
    .product_screen_list ul li .text_box h3{
        font-size: 16px;
    }
    .product_screen_list ul li .text_box .text p{
        font-size: 13px;
    }
    .product_screen_list ul li .text_box .text span{
        font-size: 13px;
    }
    .product_screen_list ul li .text_box {
        height: 90px;
        padding: 10px 15px;
    }
    .product_screen_nav{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .product_screen_nav ul li{
        float: left;
        width: 33.33333%;
        height: auto;
        text-align: center;
        padding: 10px 0;
        margin: 0;
    }
    .product_screen_nav ul li h3{
        font-size: 15px;
        padding-right: 10px;
    }

    .product_screen_nav ul li .subNav_box{
        width: 270px !important;
        top: 45px;
        margin-left: -135px;
    }
    .product_screen_nav ul li .subNav_box .subNav_list .subNav_item{
        width: 33.333333% !important;
        font-size: 13px;
        height: 28px;
        line-height: 14px;
    }
    .product_screen_nav ul li .subNav_box .subNav_list .subNav_item span::before, .product_screen_nav ul li .subNav_box .subNav_list .subNav_item span::after{
        font-size: 14px;
    }
    .product_screen_nav ul li .subNav_box .subNav_list {
        padding: 10px;
        padding-left: 12px;
        padding-right: 5px;
    }

    .product_screen_nav ul li:nth-of-type(5) .subNav_box {
        margin-left: -135px;
    }
    .product_screen_nav ul li:nth-child(3n+3) .subNav_box{
        margin-left: -215px !important;
    }
    .product_screen_nav ul li:nth-child(1) .subNav_box{
        margin-left: -55px !important;
    }
    .product_screen_nav ul li:nth-child(4) .subNav_box{
        margin-left: -55px !important;
    }
    .product_screen_nav ul li:nth-child(7) .subNav_box{
        margin-left: -55px !important;
    }
    .product_screen_nav ul li:nth-child(10) .subNav_box{
        margin-left: -55px !important;
    }


    .trend_inspiration_page{
        padding-top: 170px;
    }

    .trend_inspiration_show_box { 
        width: 320px; 
        height: 520px; 
        margin-top: -260px;
        margin-left: -160px; 
        border-radius: 10px; 
        padding: 15px; 
    }
    .trend_inspiration_show_conter { 
        width: 100%; 
        height: 100%; 
        position: relative;
    }
    .trend_inspiration_show_conter .left_pic_box{
        width: 100%;
        height: 180px;
    }

    .trend_inspiration_show_conter .right_text_box{
        width: 100%;
    }
    .trend_inspiration_show_conter .right_text_box .text_box{
        min-height: auto;
        margin-top: 15px;
    }
    .trend_inspiration_show_conter .right_text_box .text_box p{
        font-size: 15px;
        line-height: 20px;
        margin: 5px 0;
    }
    .trend_inspiration_show_conter .right_text_box .code_box{
        float: left;
        width: 47%;
        margin: 0 1%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .trend_inspiration_show_conter .right_text_box .code_box img{
        max-width: 110px;
        width: 100%;
        margin: 0 auto;
    }
    .trend_inspiration_show_conter .right_text_box .code_box p{
        width: 100%;
        position: relative;
        top: 0;
        margin-top: 3px;
        line-height: 16px;
        height: 16px;
    }
    .trend_inspiration_show_close{
        bottom: 0;
        right: 0;
    }


    .register_container{
        width: 320px;
    }
    .register_container .signup_box{
        padding: 15px 25px;
    }
    .register_container .signup_box .logo{
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .register_container .signup_box .logo img{
        width: 50px;
    }
    .register_container .signup_box .title h2{
        font-size: 22px;
        line-height: 32px;
        margin-top: 10px;
    }
    .register_container .signup_box .title{
        margin-bottom: 25px;
    }
    .register_container .signup_box_conter .item{
        margin-bottom: 10px;
    }
    .register_container .signup_box_conter .item input {
        padding: 5px 15px;
    }
    .register_container .signup_box_conter .item_captcha a{
        padding: 4px 15px;
    }
    .register_container .signup_box_conter .item_agreement label{
        font-size: 13px;
        line-height: 20px;
    }
    .register_container .signup_box_conter .item_btn button {
        padding: 5px 15px;
    }
    .register_container .signup_box_conter .item_btn{
        margin-bottom: 15px;
    }
    .register_page .signup_box{
        height: 480px !important;

        display: flex;
    flex-direction: column;
    justify-content: center;
    }


    .member_center_page .section_container_con{
        max-width: 100%;
    }

    .member_center_page{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .member_center_container{
        min-height: auto;
        padding-left: 0;
    }
    .member_center_left_box{
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 50px;
    }
    .member_center_right_box{
        padding: 10px 15px;
    }
    .member_center_right_box .title_box h2{
        font-size: 22px;
        line-height: 32px;
    }
    .member_center_right_box .title_box{
        padding-top: 10px;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }
    .personal_box_form .item{
        margin-bottom: 15px;
    }
    .personal_box_form .item label{
        display: block;
        width: 100%;
        height: auto;
       text-align: left;
       font-size: 16px;
       padding-top: 5px;
       padding-bottom: 5px;
    }
    .personal_box_form .item .input_box{
        width: 100%;
        min-width: 100%;
        padding: 5px 0px;
    }
    .personal_box_form .item input[type="text"]{
         width: 100%;
         padding: 8px 10px;
         font-size: 14px;
    }
    .personal_box_form .item select{
         width: 100%;
         padding: 12px 10px;
         font-size: 14px;
    }
    .personal_box_form .item input[type="password"]{
         width: 100%;
         padding: 8px 10px;
         font-size: 14px;
    }
    .personal_box_form .item .checkbox_box span{
        float: left;
        width: 47%;
        height: auto;
    }
    .personal_box_form .item_btn{
        width: 100%;
        padding-left: 0;
    }
    .personal_box_form .item_btn button{
        padding: 8px 15px;
    }


    .my_order_table table tr th{
        min-width: auto;
        font-size: 13px;
        padding: 8px 0px;
    }
    .my_order_table table tbody .tr_conter td{
        min-width: auto;
        padding: 10px 5px;
    }
    .my_order_table table .tr_th td{
        padding: 5px 10px;
        font-size: 13px;
    }
    .my_order_table table tbody .tr_conter .text_box{
        width: 85px;
        min-height: auto;
        padding-left: 0;
    }
    .my_order_table table tbody .tr_conter .text_box .pic_box{
        width: 100%;
        height: 80px;
        margin-bottom: 5px;
        position: relative;
    }
    .my_order_table table tbody .tr_conter .text_box .article{
        padding-left: 0;
        padding-top: 0;
    }
    .my_order_table table tbody .tr_conter .text_box .article h3{
        font-size: 13px;
        line-height: 24px;
    }
    .my_order_table table tbody .tr_conter .text_box .article p{
        font-size: 12px;
        line-height: 20px;
    }
    .my_order_table table tr td{
        font-size: 12px;
    }
    .my_order_table table tbody .tr_conter td a{
        width: 65px;
        font-size: 12px;
    }


    .member_center_left_box .member_nav_list .item{
        float: left;
        width: 25%;
    }
    .member_center_left_box .member_nav_list .item a{
        width: 100%;
        height: auto;
        padding: 10px 5px;
        letter-spacing: 0;
        border-bottom: none;
    }
    .member_center_left_box .member_user{
        width: 180px;
        height: 180px;
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .member_center_left_box .member_user .user_avatar{
        margin: 10px auto;
    }
    .member_center_left_box .member_user .text{
        margin-bottom: 5px;
    }
    .member_center_left_box .log_out_list {
        display: none;
    }

    .purchase_process_title_box{
        padding: 0;
        margin-bottom: 20px;
    }
    .purchase_process_title_box h3{
        font-size: 26px;
    }
    .purchase_process_conter_box{
        padding: 8px 5px;
    }
    .shopping_cart_table table tr th{
        min-width: auto;
    }
    .shopping_cart_table table tbody .tr_conter td{
        min-width: auto;
    }
    .shopping_cart_table table tbody .tr_conter td{
        padding: 8px 2px;
        box-sizing: border-box;
        font-size: 13px;
    }
    .shopping_cart_table table tr.sep_row td{
        height: 5px;
        padding: 0;
    }
    .shopping_cart_table table tr th{
        font-size: 14px;
        padding: 3px;
    }
    .shopping_cart_table table tr td:nth-of-type(5){
        font-size: 14px;
    }
    .shopping_cart_table table tbody .tr_conter .text_box .article h3{
        font-size: 13px;
        line-height: 20px;
    }
    .shopping_cart_table table tbody .tr_conter .text_box{
        min-height: auto;
        padding-left: 0;
    }
    .shopping_cart_table table tbody .tr_conter .text_box .pic_box{
        width: 60px;
        height: 60px;
        position: relative;
    }
    .shopping_cart_table table tbody .tr_conter .text_box .article{
        padding-left: 0;
    }
    .shopping_cart_table table tbody .tr_conter td .input_checkbox{
        width: 12px;
        height: 12px;
    }
    .shopping_cart_table table tr th:first-child{
        width: 32px;
        min-width: 32px;
    }
    .shopping_cart_table table tr td .price_num_box text{
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 15px;
    }
    .shopping_cart_table table tr td .price_num_box .num{
        min-width: 30px;
        padding: 0 1px;
        font-size: 12px;
    }
    .shopping_cart_table table tr td .dw{
        font-size: 13px;
        line-height: 20px;
        margin-left: 6px;
    }
    .shopping_cart_table table tr td .price_num_box{
        width: 90px;
    }
    .shopping_cart_table table tr td .price_num_box_con{
        width: 68px;
    }
    .shopping_cart_table table tbody .tr_conter .text_box .article p{
        font-size: 12px;
        line-height: 18px;
    }
    .shopping_cart_table table tbody .tr_conter td a{
        width: auto;
    }
    .shopping_cart_table table tr th:last-child{
        width: auto;
        min-width: auto;
    }
    .shopping_cart_table table tbody .tr_conter td .sc{
        background: url(../images/sc_icon.png) no-repeat center center;
        background-size: 24px;
    }
    .shopping_cart_table table tbody .tr_conter td:nth-of-type(2){
        padding-left: 2px;
    }

    .shopping_cart_payment{
        margin-top: 40px;
        padding-top:30px;
        padding-right: 15px;
    }
    .shopping_cart_payment_btn{
        margin-left: 30px;
    }
    .shopping_cart_payment_btn a{
        width: 100px;
        padding: 5px 10px;
        font-size: 16px;
    }
    .shopping_cart_payment .price_box{
        height: auto;
        line-height: 40px;
        font-size: 14px;
    }
    .shopping_cart_payment .price_box .dw{
        margin-left: 5px;
    }
    .shopping_cart_payment .price_box .strong{
        font-size: 26px;
    }
    .purchase_process_container{
        min-height: auto;
    }


    .member_center_left_box .member_user .user_avatar .phone_log_out{
        display: block;
        width: 100%;
        height: auto;
        background: rgba(0, 0, 0, 0.25);
        padding: 6px 3px;
        padding-bottom: 8px;
        box-sizing: border-box;
        font-size: 12px;
        color: #fff;
        line-height: 20px;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
    }


    .personal_address_box table tr td{
        min-width: auto;
    }
    .personal_address_box table tr th{
        min-width: auto;
        padding: 10px 2px;
        line-height: 20px;
    }
    .personal_address_box table tr th{
        font-size: 13px;
    }
    .personal_address_box table tr td{
        font-size: 12px;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .personal_address_box table tr td a{
        display: block;
        font-size: 12px;
        margin: 5px auto;
    }
    .personal_address_box table tr td span{
        display: none;
    }
    .personal_address_box table tr td:nth-of-type(6){
        min-width: 40px;
    }
    .personal_address_box table tr td:nth-of-type(7){
        min-width: 60px;
    }
    .personal_address_box table tr td .set_default{
        width: 55px;
        padding-left: 0;
        padding-right: 0;
    }

    /* .about_page_section4{
        height: 380px;
        padding: 50px 0;
    }
    .about_page_section4 .title_box h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .about_page_section4 .text_box{
        font-size: 16px;
        line-height: 30px;
        margin-top: 110px;
    } */




    .new_product_details_left_box{
        width: 100%;
        height: auto;
        padding-right: 0;
    }
    .new_product_details_right_box{
        width: 100%;
        height: auto;
        padding-left: 0;
        margin-top: 20px;
    }
    .new_product_details_page{
        padding-top: 130px;
        padding-bottom: 60px;
    }
    .new_product_details_right_box .right_details_box{
        padding: 30px 25px;
    }
    .new_product_details_right_box .right_text_box{
        padding: 40px 25px;
        padding-top: 30px;
    }
    .new_product_details_left_box .left_list_box{
        display: none;
    }

    .phone_new_product_details_left_box .phone_left_list_box{
        display: block;
        margin-top: 20px;
        padding: 15px;
    }
    .new_product_details_left_box .left_list_box ul li{
        width: 33.333333%;
        height: 100px;
    }
    .new_product_details_left_box .left_list_box ul li .pic_box img{
        width: 55px;
    }


    .header_right .right_sign_box{
        padding-left: 30px;
        box-sizing: border-box;
    }
    .header_right .right_sign_box_con a{
        width: auto;
        margin-right: 13px;
    }
    .header_right .right_sign_box{
        display: none;
    }
    .phone_header_right .right_sign_box{
        display: block;
    }

    .phone_new_product_details_left_box{
        display: block;
    }



    .videobox{
        width: 300px !important;
        height: 250px !important;
        margin: -125px 0 0 -150px;
    }
    .videobox #video{
        width: 300px !important;
        height: 250px !important;
    }
    .videobox #jp_poster_0{
        width: 300px !important;
        height: 250px !important;
    }
    .videobox #jp_video_0{
        width: 300px !important;
        height: 250px !important;
    }
    

}