@charset "utf-8";
.no_padding{
    padding: 0;
}
.header {
    position: relative;
    z-index: 1000;
    background: #F4F4F4;
    transition: all .3s;
}
.header.indexHeader{
    background: transparent;
}
.header .conBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.header .logoBox{
    overflow: hidden;
    text-align: center;
}
.header .logoBox a{
    display: block;
    line-height: 0;
    margin-bottom: 5px;
}
.header .logoBox p{
    font-weight: 600;
}

.header .headerTop{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .nav_list {
    font-size: 0;
    line-height: 0;
    position: relative;
}
.header .nav_list > li {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    text-align: center;
    margin-left: 35px;
    transition: all .3s;
}
.header .nav_list > li:first-child{
    margin-left: 0;
}
.header .nav_list > li > a {
    display: block;
}
.header .nav_list > li > a > span {
    display: inline-block;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #2b2b2b;
    position: relative;
    transition: all .3s;
}
[lang='es'] .header .nav_list > li > a > span,[lang='fr'] .header .nav_list > li > a > span{
    font-size: 16px;
}
.header .nav_list > li.on > a > span,
.header .nav_list > li.active > a > span{
    color: #ba1b23;
    transition: all .3s;
}
.header .nav_list > li > a > i{
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 36px;
    line-height: 36px;
    background: url("/public/static/images/home/en-us/reset/dropdown_menu.png") no-repeat center center;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -ms-transition: all linear .3s;
    transition: all .3s;
}
.nav_list > li:hover i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.nav_normal > li {
    position: relative;
}
.nav_normal > li .dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 170px;
    display: none;
    z-index: 1;
    padding: 10px 0;
    background: #ffffff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
}
.nav_normal .dropdown_menu li {
    width: 100%;
}
.nav_normal .dropdown_menu li a {
    display: block;
    letter-spacing: 0;
    line-height: 34px;
    font-size: 16px;
    color: #000000;
    text-align: left;
    padding: 0 20px;
    white-space: nowrap;
}
.nav_normal .dropdown_menu li a:hover{
    background: #ba1b23;
    color: #ffffff;
}

.nav_normal .dropdown_menu li.Three_menu{
    position: relative;
}
.nav_normal .dropdown_menu li.Three_menu > ul{
    position: absolute;
    top: 0;
    left: 100%;
    background: #ffffff;
    padding: 10px 0;
    min-width: 160px;
    z-index: 3;
    display: none;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.nav_normal .dropdown_menu li.Three_menu.on > a{
    background: #ba1b23;
    color: #ffffff;
}

.headerSearchBox {
    width: 190px;
    height: 36px;
    margin-left: 25px;
    background: #e4e6e6;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: all .3s;
}
.search_form .info {
    width: 100%;
    position: relative;
    padding-right: 40px;
}
.search_form input[type="text"] {
    width: 100%;
    height: 36px;
    background: none;
    border: 0;
    text-indent: 10px;
    font-size: 16px;
    color: #252525;
}
.search_form input[type=text]::-webkit-input-placeholder {
    color: #252525;
}
.search_form input.btn_search {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    font-size: 0;
    background: url("/public/static/images/home/en-us/headerSearch.png") no-repeat center center;
    cursor: pointer;
    z-index: 2;
}

.header .headerTop .headerInfo{
    text-align: right;
    overflow: hidden;
}
.header .headerTop .headerInfo ul{
    float: right;
}
.header .headerTop .headerInfo li{
    float: left;
    font-size: 16px;
    margin-left: 26px;
    line-height: 36px;
    height: 36px;
    color: #000000;
}
.header .headerTop .headerInfo li a:hover{
    color: #ba1b23;
}

.header .headerBot{
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header .headerBot li{
    float: left;
    margin-left: 30px;
    position: relative;
}
.header .headerBot li:first-child{
    margin-left: 0;
}
.header .headerBot li a{
    display: block;
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 500;
}
[lang='es'] .header .headerBot li a,[lang='fr'] .header .headerBot li a{
    font-size: 16px;
}
.header .headerBot li.on a,
.header .headerBot li a:hover{
    color: #ba1b23;
}

.droplist_tile {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    background: none;
}
.drop_tile {
    display: none;
}
.drop_tile .box{
    background: #ffffff;
    padding: 0 95px 70px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.drop_tile .box h3{
    padding: 20px 0;
    font-size: 30px;
    font-weight: bold;
    color: #2b2b2b;
    display: flex;
    align-items: center;
}
.drop_tile .box h3 a{
    font-weight: 400;
    color: #ba1b23;
    font-size: 16px;
    margin-left: 20px;
    border-bottom: 1px solid #ffffff;
}
.drop_tile .box h3 a:hover{
    border-bottom: 1px solid #ba1b23;
}
.drop_tile .box .itemBox{
    overflow: hidden;
}
.drop_tile .box .item{
    overflow: hidden;
    width: 33.33%;
    float: left;
}
.drop_tile .box .item .list{
    margin-top: 15px;
    overflow: hidden;
}
.drop_tile .box .item .list .img{
    width: 115px;
    float: left;
}
.drop_tile .box .item .list .text{
    margin-left: 125px;
    height: 100%;
    padding: 30px 10px 0 0;
    position: relative;
}
.drop_tile .box .item .list .text:before{
    position: absolute;
    content: '';
    height: 25px;
    top: 0;
    left: 0;
    background-image: url("/public/static/images/home/en-us/all_product.png");
    background-repeat: no-repeat;
}
.drop_tile .box .item .list .text.newProduct:before{
    width: 36px;
    background-position: left center;
}
.drop_tile .box .item .list .text.hotProduct:before{
    width: 36px;
    background-position: -39px center;
}
.drop_tile .box .item .list .text.recommendProduct:before{
    width: 36px;
    background-position: right center;
}
.drop_tile .box .item .list .text.hotNewProduct:before{
    width: 75px;
    background-position: left center;
}
.drop_tile .box .item .list .text.hotRecommendProduct:before{
    width: 75px;
    background-position: right center;
}
.drop_tile .box .item .list .text.newRecommendProduct:before{
    width: 75px;
    background-image: url("/public/static/images/home/en-us/recommend_new.png");
}
.drop_tile .box .item .list .text.allProduct:before{
    width: 119px;
    background-position: left center;
}
.drop_tile .box .item .list .text a{
    display: block;
    color: #232323;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.drop_tile .box .item .list .text a:hover{
    color: #ba1b23;
}

.m_header {
    display: none;
}


.footer_box{
    background: #363636;
}
.footer_box .footerOther{
    background: #e8e8e8;
}
.footer_box .footerOther .conBox{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 0;
}
.footer_box .footerOther .conBox .text h3{
    color: #323232;
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 30px;
}
.footer_box .footerOther .conBox .text p{
    font-size: 18px;
    color: #323232;
    font-weight: 300;
}
.footer_box .footerOther .conBox .a{
    margin-left: 60px;
}
.footer_box .footerOther .conBox .a a{
    display: inline-block;
    width: 215px;
    height: 52px;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    line-height: 52px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #d23e34;
}
.footer_box .footerOther .conBox .a a:hover{
    background: #ba1b23;
}
.footer_box .fast_navigation{
    overflow: hidden;
    padding: 55px 0;
}
.footer_box .fast_navigation .itemBox{
    display: flex;
    justify-content: space-between;
}
.footer_box .fast_navigation .footer_item:nth-of-type(1){
    width: 285px;
    padding-right: 20px;
}
.footer_box .fast_navigation .footer_item:nth-of-type(2){
    width: 345px;
}
.footer_item_center{
    padding: 0 20px;display: flex;justify-content: center;flex: 1;
}
.footer_item_center .item:nth-of-type(1){margin-right: 284px;}
/*.footer_box .fast_navigation .item:nth-of-type(3){*/
/*    width: 120px;*/
/*    padding-right: 20px;*/
/*}*/
/*.footer_box .fast_navigation .item:nth-of-type(4){*/
/*    width: 240px;*/
/*}*/
/*.footer_box .fast_navigation .item:nth-of-type(5){*/
/*    width: 345px;*/
/*}*/

.footer_box .fast_navigation .img{
    margin-bottom: 15px;
}
.footer_box .fast_navigation h3{
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 20px;
}
.footer_box .fast_navigation ul{
    overflow: hidden;
}
.footer_box .fast_navigation li{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.8;
}
.footer_box .fast_navigation li a:hover {
    color: #ba1b23;
    text-decoration: underline;
}


.footer_box .fast_navigation .footerForm .info{
    margin-bottom: 10px;
    line-height: 0;
    position: relative;
}
.footer_box .fast_navigation .footerForm .tips{
    display: block;
    color: #ff0000;
    font-size: 12px;
    line-height: 16px;
}
.footer_box .fast_navigation .footerForm input[type="text"],
.footer_box .fast_navigation .footerForm textarea{
    width: 100%;
    height: 44px;
    border: 1px solid #656565;
    background: transparent;
    padding: 0 10px;
    font-size: 16px;
    color: #ffffff;
}
.footer_box .fast_navigation .footerForm input[type="text"]::placeholder,
.footer_box .fast_navigation .footerForm textarea::placeholder{
    color: #656565;
}
.footer_box .fast_navigation .footerForm textarea{
    resize: none;
    height: 110px;
    padding: 6px;
}
.footer_box .fast_navigation .footerForm input[type="submit"]{
    width: 142px;
    height: 42px;
    border: 0;
    background: #ba1b23;
    color: #ffffff;
    margin-top: 5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all .3s;
}
.footer_box .fast_navigation .footerForm input[type="submit"]:hover{
    opacity: .85;
    transition: all .3s;
}

.footer_box .footer_copyright{
    padding: 25px 0;
    background: #272727;
}
.footer_box .footer_copyright .text{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_box .footer_copyright .text *{
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    line-height: 1.5em;
}
.footer_box .footer_copyright .text a.sitemap{
    margin: 0 5px;
}
.footer_box .footer_copyright .text a:hover{
    color: #ba1b23;
    text-decoration: underline;
}

.footer_box .footerShare{
    margin-left: 15px;
}
.footer_box .footerShare a{
    display: inline-block;
    margin-left: 5px;
}
.footer_box .footerShare em{
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.footer_box .footerShare em:hover{
    color: #ba1b23;
}

/*banner*/
.banner{
    margin-top: -130px;
}
.banner_slick .slick-prev,
.banner_slick .slick-next {
    width: 59px;
    height: 55px;
    top: auto;
    bottom: 35px;
    background-image: url("/public/static/images/home/en-us/arrow.png");
    background-color: rgba(70,70,70,.8);
    background-repeat: no-repeat;
    z-index: 10;
}
.banner_slick .slick-prev{
    left: 0;
    background-position: left center;
}
.banner_slick .slick-next{
    left: 59px;
    right: auto;
    background-position: right center;
}
.banner_slick .slick-prev:hover,
.banner_slick .slick-next:hover{
    background-color: #ba1b23;
}
.banner_slick .slick-dots{
    right: auto;
    top: 0;
    bottom: 0;
    width: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.banner_slick .slick-dots li{
    width: 14px;
    height: 14px;
    margin: 5px 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #333333;
    background: none;
}
.banner_slick .slick-dots li.slick-active{
    background: #ba1b23;
    border-color: #ba1b23;
}

.indexBox1{
    background: #f7f7f7;
}
.indexBox1 .title{
    text-align: center;
    padding: 55px 0;
}
.indexBox1 .title h2{
    font-size: 48px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 5px;
}
.indexBox1 .title p{
    font-size: 16px;
    color: #000000;
}
.indexBox1 .itemBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.indexBox1 .item{
    width: 31%;
    text-align: center;
    margin-bottom: 80px;
}
.indexBox1 .item .ico{
    line-height: 0;
}
.indexBox1 .item .text h3{
    padding: 10px 0;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
}
.indexBox1 .item .text p{
    color: #000000;
    font-size: 16px;
}

.indexBox2 .title{
    text-align: center;
    padding: 55px 0;
    max-width: 1200px;
    margin: auto;
}
.indexBox2 .title h2{
    font-size: 48px;
    color: #000000;
    font-weight: 500;
    padding-bottom: 20px;
}
.indexBox2 .title p{
    font-size: 16px;
    color: #000000;
}
.indexBox2 .itemBox{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.indexBox2 .item{
    width: 33.33%;
    float: left;
    padding: 0 12px;
    margin-bottom: 45px;
}
.indexBox2 .item .conBox{
    overflow: hidden;
}
.indexBox2 .item .imgBox{
    position: relative;
}
.indexBox2 .item .imgBox .img{
    line-height: 0;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.indexBox2 .item .imgBox .img img{
    width: 100%;
}
.indexBox2 .item .imgBox .t{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: all .3s;
}
.indexBox2 .item .imgBox .t a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.indexBox2 .item .imgBox .t h3{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding-bottom: 10px;
}
.indexBox2 .item .imgBox .t p{
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
}
.indexBox2 .item .textBox{
    position: relative;
}
.indexBox2 .item .textBox .text{
    text-align: center;
}
.indexBox2 .item .textBox .text h3{
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    padding: 10px 0;
}
.indexBox2 .item .textBox .text p{
    color: #282828;
    font-size: 16px;
    font-weight: 300;
}
.indexBox2 .item .textBox .t{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    opacity: 0;
    transition: all .3s;
}
.indexBox2 .item .textBox .t p{
    font-size: 16px;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.indexBox2 .item .a{
    text-align: center;
    padding-top: 10px;
    opacity: 0;
    transition: all .3s;
}
.indexBox2 .item .conBox:hover .imgBox .t,
.indexBox2 .item .conBox:hover .textBox .t,
.indexBox2 .item .conBox:hover .a{
    opacity: 1;
    transition: all .3s;
}
.indexBox2 .item .a a{
    display: inline-block;
    width: 210px;
    height: 50px;
    line-height: 50px;
    font-size: 48px;
    font-weight: 300;
    color: #ffffff;
    background: #d23e34;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.indexBox2 .item .a a:hover{
    background: #ba1b23;
}
.indexBox2 .btn{
    padding-bottom: 70px;
    text-align: center;
}
.indexBox2 .btn a{
    display: inline-block;
    width: 415px;
    height: 55px;
    line-height: 55px;
    background: #ececec;
    font-size: 18px;
    color: #282828;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.indexBox2 .btn a:hover{
    background: #ba1b23;
    color: #ffffff;
}

.indexBox3{
    padding: 170px 0;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.indexBox3 .conBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indexBox3 .conBox .title{
    width: 275px;
    padding-bottom: 35px;
    background: url("/public/static/images/home/en-us/indexCustomerIco.png") no-repeat left bottom;
}
.indexBox3 .conBox .title h2{
    font-size: 48px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1;
    padding-bottom: 20px;
}
.indexBox3 .conBox .title p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.8;
    font-weight: 300;
}
.indexBox3 .conBox .indexCustomerSlick{
    width: 880px;
    padding: 0 65px;
}
.indexBox3 .conBox .indexCustomerSlick .slick-prev,
.indexBox3 .conBox .indexCustomerSlick .slick-next{
    width: 59px;
    height: 55px;
    margin-top: -22px;
    background: url("/public/static/images/home/en-us/arrow.png") no-repeat;
}
.indexBox3 .conBox .indexCustomerSlick .slick-prev{
    left: -15px;
    background-position: left center;
}
.indexBox3 .conBox .indexCustomerSlick .slick-next{
    right: -15px;
    background-position: right center;
}
.indexBox3 .conBox .indexCustomerSlick .text{
    padding: 0 55px;
    position: relative;
}
.indexBox3 .conBox .indexCustomerSlick .text:before{
    position: absolute;
    content: '“';
    font-family: "Arial", sans-serif;
    color: #ffffff;
    font-size: 50px;
    left: 0;
    top: 50px;
    font-weight: bold;
    display: inline-block;
}
.indexBox3 .conBox .indexCustomerSlick .text:after{
    position: absolute;
    content: '”';
    font-family: "Arial", sans-serif;
    color: #ffffff;
    font-size: 50px;
    right: 0;
    bottom: 0;
    line-height: 0;
    font-weight: bold;
    display: inline-block;
}
.indexBox3 .conBox .indexCustomerSlick .text h3{
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px;
}
.indexBox3 .conBox .indexCustomerSlick .text p{
    font-size: 18px;
    color: #ffffff;
    line-height: 1.8;
    font-weight: 300;
}

.indexBox4{
    padding-bottom: 130px;
}
.indexBox4 .title{
    text-align: center;
    padding: 55px 0;
}
.indexBox4 .title h2{
    font-size: 48px;
    color: #000000;
    font-weight: 500;
    padding-bottom: 20px;
}
.indexBox4 .title p{
    font-size: 16px;
    color: #000000;
}
.indexBox4 .indexLogoSlick{
    padding: 0 60px;
}
.indexBox4 .indexLogoSlick .slick-prev,
.indexBox4 .indexLogoSlick .slick-next{
    width: 21px;
    height: 42px;
    margin-top: -21px;
    background: url("/public/static/images/home/en-us/reset/buttonstyle.png") no-repeat;
}
.indexBox4 .indexLogoSlick .slick-prev{
    left: 0;
    background-position: left center;
}
.indexBox4 .indexLogoSlick .slick-next{
    right: 0;
    background-position: right center;
}
.indexBox4 .indexLogoSlick img{
    clear: both;
    display: block;
    margin: auto;
}

.customizeBanner{
    line-height: 0;
    text-align: center;
}
.customizeBox1 .title{
    text-align: center;
    max-width: 930px;
    margin: auto;
    padding: 65px 0 75px;
}
.customizeBox1 .title h2{
    font-size: 48px;
    color: #000000;
    font-weight: 500;
    padding-bottom: 20px;
}
.customizeBox1 .title p{
    font-size: 16px;
    color: #000000;
}
.customizeBox1 .itemBox{
    min-height: 2228px;
    padding-top: 30px;
    padding-bottom: 160px;
    background: url("/public/static/images/home/en-us/customizeBj.png") no-repeat top center;
}
.customizeBox1 .item{
    overflow: hidden;
}
.customizeBox1 .item .conBox{
    width: 565px;
    float: left;
    padding-left: 50px;
    padding-bottom: 95px;
    position: relative;
}
.customizeBox1 .item:nth-of-type(2n) .conBox{
    float: right;
    padding-left: 0;
    padding-right: 50px;
}
.customizeBox1 .item .conBox span{
    position: absolute;
    width: 60px;
    height: 60px;
    top: 17px;
    right: -90px;
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    border: 6px solid #ffffff;
    text-align: center;
    line-height: 46px;
    background: #d23e34;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}
.customizeBox1 .item:nth-of-type(2n) .conBox span{
    right: auto;
    left: -90px;
}
.customizeBox1 .item .conBox span:before{
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    top: -6px;
    left: -6px;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.customizeBox1 .item .conBox .text{
    background: #f7f7f7;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    text-align: right;
    padding: 15px 20px 155px;
}
.customizeBox1 .item:nth-of-type(2n) .conBox .text{
    text-align: left;
}
.customizeBox1 .item .conBox .text:before{
    position: absolute;
    content: '';
    right: -15px;
    top: 32px;
    border-left: 15px solid #f7f7f7;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.customizeBox1 .item:nth-of-type(2n) .conBox .text:before{
    border-left: 0;
    right: auto;
    left: -15px;
    border-right: 15px solid #f7f7f7;
}
.customizeBox1 .item .conBox .text h3{
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    padding: 10px 0;
}
.customizeBox1 .item .conBox .text p{
    font-size: 16px;
    color: #000000;
    line-height: 1.7;
}
.customizeBox1 .item .conBox .img{
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.customizeBox1 .item:nth-of-type(2n) .conBox .img{
    left: auto;
    right: 0;
}

.customizeBox1 .item.it1{
    padding-left: 27px;
}
.customizeBox1 .item.it2{
    margin-top: -225px;
    padding-right: 53px;
}
.customizeBox1 .item.it3{
    margin-top: -280px;
    padding-left: 49px;
}
.customizeBox1 .item.it4{
    margin-top: -95px;
    padding-right: 30px;
}
.customizeBox1 .item.it5{
    margin-top: -235px;
    padding-left: 24px;
}
.customizeBox1 .item.it6{
    margin-top: -273px;
    padding-right: 24px;
}

.customizeBox2{
    padding: 115px 0 165px;
    border-top: 1px solid #eeeeee;
}
.customizeBox2 .title h2{
    text-align: center;
    font-size: 48px;
    font-weight: 500;
    padding-bottom: 50px;
}
.customizeBox2 .imgBox{
    overflow: hidden;
}
.customizeBox2 .img{
    width: 14.285%;
    float: left;
    line-height: 0;
    text-align: center;
    margin-bottom: 10px;
}

.productBanner{
    line-height: 0;
    text-align: center;
}
.productCategoryBox1{
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5;
}
.productCategoryBox1 .text{
    max-width: 890px;
    margin: auto;
    text-align: center;
}
.productCategoryBox1 .text h1{
    font-size: 48px;
    color: #000000;
    font-weight: 500;
    padding-bottom: 15px;
}
.productCategoryBox1 .text p{
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}

.productCategoryBox2 .item{
    overflow: hidden;
    padding: 50px 0;
    border-bottom: 1px solid #e5e5e5;
}
.productCategoryBox2 .item:last-child{
    border-bottom: 0;
}
.productCategoryBox2 .item h2{
    padding-bottom: 35px;
    display: flex;
    align-items: center;
    font-size: 30px;
    font-weight: 500;
}
.productCategoryBox2 .item h2 a{
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    color: #ab2829;
    margin-left: 30px;
    border-bottom: 1px solid #ffffff;
}
.productCategoryBox2 .item h2 a:hover{
    border-bottom-color: #ab2829;
}
.productCategoryBox2 .item .listBox{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.productCategoryBox2 .item .list{
    width: 25%;
    float: left;
    padding: 0 10px;
    text-align: center;
}
.productCategoryBox2 .item .list .img{
    line-height: 0;
    overflow: hidden;
    text-align: center;
}
.productCategoryBox2 .item .list .img img{
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.productCategoryBox2 .item .list .img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s;
}
.productCategoryBox2 .item .list .text{
    padding-top: 10px;
}
.productCategoryBox2 .item .list .text span{
    display: block;
    font-size: 16px;
    color: #acacac;
    font-weight: 500;
}
.productCategoryBox2 .item .list .text h3 a{
    display: block;
    font-size: 18px;
    color: #404040;
    margin-top: 5px;
    font-weight: 500;
}
.productCategoryBox2 .item .list .text h3 a:hover{
    color: #ba1b23;
}

.productCategoryBox3 .text h3{
    font-size: 30px;
    font-weight: 500;
    color: #d23e34;
    padding-bottom: 15px;
}
.productCategoryBox3 .text p{
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

.productCategoryBox4{
    padding: 70px 0 100px;
}
.productCategoryBox4 .conBox{
    background: #f6f6f6;
    padding: 60px 10px;
}
.productCategoryBox4 .conBox .text{
    text-align: center;
    padding-bottom: 35px;
}
.productCategoryBox4 .conBox .text h2{
    font-size: 36px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 5px;
}
.productCategoryBox4 .conBox .text p{
    font-size: 18px;
    color: #000000;
    font-weight: 500;
}
.productCategoryBox4 .conBox form{
    max-width: 970px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.productCategoryBox4 .conBox .info{
    width: 49.2%;
    margin-bottom: 15px;
    position: relative;
    line-height: 0;
}
.productCategoryBox4 .conBox .info.w100{
    width: 100%;
}
.productCategoryBox4 .conBox .info:last-child{
    text-align: center;
    margin-bottom: 0;
}
.productCategoryBox4 .conBox .tips{
    display: block;
    line-height: 16px;
    font-size: 14px;
    color: #ff0000;
}
.productCategoryBox4 .conBox .info input[type="text"],
.productCategoryBox4 .conBox .info textarea{
    width: 100%;
    height: 54px;
    font-size: 16px;
    color: #282828;
    padding: 10px;
    border: 1px solid #e5e5e5;
}
.productCategoryBox4 .conBox .info textarea{
    height: 140px;
    resize: none;
}
.productCategoryBox4 .conBox .info input[type="submit"]{
    width: 215px;
    height: 52px;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    line-height: 52px;
    border: 0;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #d23e34;
}
.productCategoryBox4 .conBox .info input[type="submit"]:hover{
    background: #ba1b23;
}

.productListBox1{
    padding: 70px 0;
}
.productListBox1 .title{
    max-width: 890px;
    margin: auto;
    text-align: center;
    padding-bottom: 35px;
}
.productListBox1 .title h1{
    font-size: 48px;
    color: #000000;
    font-weight: 500;
    padding-bottom: 15px;
}
.productListBox1 .title p{
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}
.productListBox1 .btnBox{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.productListBox1 .btnBox .btn{
    margin: 0 5px 10px;
}
.productListBox1 .btnBox .btn a{
    display: block;
    min-width: 130px;
    text-align: center;
    padding: 0 15px;
    line-height: 46px;
    font-size: 16px;
    color: #d12c26;
    border: 1px solid #d12c26;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.productListBox1 .btnBox .btn a.on,
.productListBox1 .btnBox .btn a:hover{
    background: #d12c26;
    color: #ffffff;
}

.productListBox2{
    overflow: hidden;
}
.productListBox2 .itemBox{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.productListBox2 .item{
    width: 25%;
    float: left;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}
.productListBox2 .item:before{
    position: absolute;
    content: '';
    height: 25px;
    top: 0;
    left: 10px;
    z-index: 2;
    background-image: url("/public/static/images/home/en-us/all_product.png");
    background-repeat: no-repeat;
}
.productListBox2 .item.newProduct:before{
    width: 36px;
    background-position: left center;
}
.productListBox2 .item.hotProduct:before{
    width: 36px;
    background-position: -39px center;
}
.productListBox2 .item.recommendProduct:before{
    width: 36px;
    background-position: right center;
}
.productListBox2 .item.hotNewProduct:before{
    width: 75px;
    background-position: left center;
}
.productListBox2 .item.hotRecommendProduct:before{
    width: 75px;
    background-position: right center;
}
.productListBox2 .item.newRecommendProduct:before{
    width: 75px;
    background-image: url("/public/static/images/home/en-us/recommend_new.png");
}
.productListBox2 .item.allProduct:before{
    width: 119px;
    background-position: left center;
}
.productListBox2 .item .img{
    line-height: 0;
    overflow: hidden;
    text-align: center;
}
.productListBox2 .item .img img{
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.productListBox2 .item .img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s;
}
.productListBox2 .item .text{
    padding-top: 10px;
}
.productListBox2 .item .text span{
    display: block;
    font-size: 16px;
    color: #acacac;
    font-weight: 500;
}
.productListBox2 .item .text h3 a{
    display: block;
    font-size: 18px;
    color: #404040;
    margin-top: 5px;
    font-weight: 500;
}
.productListBox2 .item .text h3 a:hover{
    color: #ba1b23;
}

.productListBox3{
    margin-top: 60px;
    background: #f4f4f4;
    overflow: hidden;
    padding: 75px 0 45px;
}
.productListBox3 .title h2{
    text-align: center;
    padding-bottom: 45px;
    font-size: 48px;
    font-weight: 500;
    color: #000000;
}
.productListBox3 .itemBox{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.productListBox3 .item{
    width: 33.33%;
    float: left;
    padding: 0 10px;
    text-align: center;
}
.productListBox3 .item .img{
    line-height: 0;
    overflow: hidden;
}
.productListBox3 .item .img img{
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.productListBox3 .item .img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s;
}
.productListBox3 .item .text{
    padding-top: 10px;
}
.productListBox3 .item .text a{
    display: block;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
    color: #2b2b2b;
}

.whyBox1 .conBox{
    overflow: hidden;
    padding: 15px 0 80px;
}
.whyBox1 .conBox .text{
    padding: 140px 150px 0 100px;
    width: 45%;
    float: left;
}
.whyBox1 .conBox .text h2{
    font-size: 48px;
    font-weight: 600;
    color: #111111;
    padding-bottom: 20px;
}
.whyBox1 .conBox .text span{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #111111;
    padding-bottom: 20px;
    margin-bottom: 40px;
    position: relative;
}
.whyBox1 .conBox .text span:before{
    position: absolute;
    content: '';
    width: 65px;
    height: 4px;
    bottom: 0;
    left: 0;
    background: #d23e34;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.whyBox1 .conBox .text p{
    font-size: 16px;
    color: #111111;
    font-weight: 500;
}
.whyBox1 .conBox .img{
    width: 55%;
    float: left;
    text-align: center;
    line-height: 0;
}

.whyBox2{
    border-top: 1px solid #e5e5e5;
    padding: 70px 0 140px;
}
.whyBox2 .title h2{
    text-align: center;
    padding-bottom: 50px;
    font-size: 48px;
    color: #000000;
    font-weight: 500;
}
.whyBox2 .itemBox{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}
.whyBox2 .item{
    width: 33.33%;
    float: left;
    padding: 0 25px;
    margin-bottom: 20px;
}
.whyBox2 .item .conBox{
    height: 100%;
    padding: 45px 65px;
    text-align: center;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all .3s;
}
.whyBox2 .item .conBox:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    transition: all .3s;
}
.whyBox2 .item .conBox .ico{
    line-height: 0;
}
.whyBox2 .item .conBox .text h3{
    font-size: 24px;
    font-weight: 800;
    color: #111111;
    padding: 20px 0;
}
.whyBox2 .item .conBox .text p{
    font-size: 16px;
    color: #111111;
}

.whyBox3{
    overflow: hidden;
    background: url("/public/static/images/home/en-us/whyBj1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
.whyBox3 .title h2{
    text-align: center;
    padding-top: 85px;
    color: #ffffff;
    font-size: 48px;
    font-weight: 500;
}
.whyBox3 .itemBox{
    display: flex;
    flex-wrap: wrap;
    padding: 145px 0;
}
.whyBox3 .item{
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 0 15px;
    position: relative;
}
.whyBox3 .item:before{
    position: absolute;
    content: '';
    width: 2px;
    height: 36px;
    right: 0;
    top: 20px;
    background: rgba(255,255,255,.3);
}
.whyBox3 .item:last-child:before{
    display: none;
}
.whyBox3 .item h3{
    font-size: 48px;
    color: #ffffff;
    font-weight: 500;
}
.whyBox3 .item h3 span,
.whyBox3 .item p{
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

.whyBox4{
    padding: 85px 0;
}
.whyBox4 .title h2{
    text-align: center;
    padding-bottom: 65px;
    font-size: 48px;
    font-weight: 500;
    color: #000000;
}
.whyBox4 .itemBox{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -22px;
}
.whyBox4 .item{
    width: 33.33%;
    float: left;
    padding: 0 22px;
}
.whyBox4 .item .conBox{
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f5f5f5;
}
.whyBox4 .item .conBox .img{
    line-height: 0;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.whyBox4 .item .conBox .text{
    padding: 35px 50px 45px;
}
.whyBox4 .item .conBox .text h3{
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 15px;
}
.whyBox4 .item .conBox .text p{
    font-size: 16px;
    color: #111111;
}

.whyBox5{
    overflow: hidden;
    padding-bottom: 85px;
    background: url("/public/static/images/home/en-us/whyBj2.jpg") no-repeat top center;
}
.whyBox5 .title{
    text-align: center;
    padding: 100px 0 60px;
}
.whyBox5 .title h2{
    font-size: 48px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 10px;
}
.whyBox5 .title p{
    font-size: 16px;
    color: #111111;
}
.whyBox5 .authenticationSlick{
    padding-bottom: 90px;
}
.whyBox5 .authenticationSlick .slick-dots li.slick-active{
    background: #ba1b23;
}
.whyBox5 .authenticationSlick .slick_first{
    margin: 0 10px;
    text-align: center;
}
.whyBox5 .authenticationSlick .slick_first .img img{
    clear: both;
    display: block;
    margin: auto;
}
.whyBox5 .authenticationSlick .slick_first .text{
    padding: 10px 30px;
}
.whyBox5 .authenticationSlick .slick_first .text p{
    font-size: 18px;
    color: #242424;
    font-weight: 500;
    line-height: 1.2;
}

.aboutBanner{
    line-height: 0;
    text-align: center;
}
.aboutBox1{
    padding: 60px 0 90px;
}
.aboutBox1 h2{
    text-align: center;
    padding-bottom: 35px;
    font-size: 48px;
    font-weight: 500;
    color: #000000;
}
.aboutBox1 p{
    font-size: 16px;
    color: #000000;
}

.aboutBox2{
    line-height: 0;
    text-align: center;
}

.aboutBox3{
    background: #eeeeee;
    overflow: hidden;
    padding-bottom: 45px;
}
.aboutBox3 .title{
    padding: 55px 0 75px;
    text-align: center;
}
.aboutBox3 .title h2{
    font-size: 48px;
    padding-bottom: 10px;
}
.aboutBox3 .title p{
    font-size: 16px;
    color: #000000;
}
.aboutBox3 .newsSlick{
    padding: 0 60px 70px;
}
.aboutBox3 .newsSlick .slick-dots li.slick-active{
    background: #ba1b23;
}
.aboutBox3 .newsSlick .slick_first{
    margin: 0 5px;
}
.aboutBox3 .newsSlick .slick_first .conBox{
    padding: 55px 40px;
    background: #ffffff;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.aboutBox3 .newsSlick .conBox .img{
    line-height: 0;
    text-align: center;
}
.aboutBox3 .newsSlick .conBox .img img{
    width: 100%;
}
.aboutBox3 .newsSlick .conBox .text h3{
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    padding: 10px 0;
}
.aboutBox3 .newsSlick .conBox .text span{
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #666666;
}
.aboutBox3 .newsSlick .conBox .text p{
    font-size: 16px;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.aboutBox3 .newsSlick .conBox .text a{
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
    color: #585858;
}
.aboutBox3 .newsSlick .conBox .text a:hover{
    color: #ba1b23;
    text-decoration: underline;
}

.aboutBox4{
    padding: 50px 0 90px;
}
.aboutBox4 .title h2{
    font-size: 48px;
    padding-bottom: 30px;
    text-align: center;
}
.aboutBox4 .itemBox{
    overflow: hidden;
}
.aboutBox4 .item{
    padding: 25px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #dddddd;
}
.aboutBox4 .item .tit{
    width: 50%;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    padding-right: 30px;
}

.aboutBox4 .item h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}
.aboutBox4 .item .text{
    width: 50%;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

.requestBanner{
    line-height: 0;
    text-align: center;
}

.requestBox{
    padding: 50px 0 150px;
}
.requestBox .title h2{
    text-align: center;
    padding-bottom: 35px;
    font-size: 48px;
    font-weight: 500;
    color: #000000;
}
.requestBox form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -5px;
}
.requestBox .info{
    width: 33.33%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.requestBox .info.w50{
    width: 50%;
}
.requestBox .info.w100{
    width: 100%;
}
.requestBox .info .tips{
    color: #ff0000;
}
.requestBox .info > p{
    font-size: 16px;
    color: #7c7c7c;
    line-height: 40px;
}
.requestBox .info > p span{
    color: #ff0000;
}
.requestBox .info .text p{
    font-size: 16px;
    color: #000000;
}
.requestBox .info .text p a:hover{
    color: #ba1b23;
    text-decoration: underline;
}
.requestBox .info input[type="text"],
.requestBox .info input[type="number"],
.requestBox .info select,
.requestBox .info textarea{
    width: 100%;
    height: 54px;
    border: 0;
    background: #eeeeee;
    padding: 10px;
    font-size: 16px;
    color: #000000;
}
.requestBox .info textarea{
    height: 205px;
    resize: none;
}
.requestBox .info input[type="submit"]{
    width: 215px;
    height: 52px;
    font-size: 18px;
    margin-top: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 52px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #d23e34;
    cursor: pointer;
}
.requestBox .info input[type="submit"]:hover{
    background: #ba1b23;
}


.productInquire h2 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #dddddd;
}

.productInquire p {
    font-size: 16px;
    color: #666
}

.productInquire form {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.productInquire .info {
    width: 49%;
    margin-bottom: 10px;
    line-height: 0
}

.productInquire .info.w100 {
    width: 100%
}

.productInquire .info .tips {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: red
}

.productInquire .info input[type=text] {
    width: 100%;
    height: 50px;
    border: 1px solid #bfbfbf;
    background: 0 0;
    font-size: 16px;
    padding: 0 10px
}

.productInquire .info textarea {
    width: 100%;
    height: 110px;
    border: 1px solid #bfbfbf;
    background: 0 0;
    font-size: 16px;
    padding: 10px;
    resize: none
}

.productInquire .info input[type=submit] {
    width: 165px;
    height: 46px;
    background: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition: all .3s
}

.productInquire .info input[type=submit]:hover {
    background: #ba1b23;
    transition: all .3s
}

.header .headerTop .headerLangBox {
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
    padding-right: 0;
}

.header .headerTop .headerLangBox .img {
    display: flex;
    align-items: center;
}

.header .headerTop .headerLangBox ul {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-40%);
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 4px #ddd;
    min-width: 100px;
    display: none;
}

.header .headerTop .headerLangBox ul a {
    white-space: nowrap;
    display: block;
    padding: 10px;
}

.header .headerTop .headerLangBox ul a:hover {
    background: #ba1b23;
    color: #fff;
}

.onlineService_line {
    background-size: cover;
    background-image: url('/public/static/images/home/en-us/line.png');
}
.comFormbox .controls input,
	.comFormbox select,
	.comFormbox textarea {
		background-color: #eee !important;
	}

	.comFormbox.requestBox .info>p {
		color: #333 !important;
	}

	.comFormbox .info .con {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.comFormbox label {
		font-size: 16px;
		color: #333;
		cursor: pointer;
		display: flex;
		align-items: center;
		margin: 0 10px 5px 0;
	}

	.comFormbox label input {
		width: 15px;
		height: 15px;
		margin-right: 4px;
	}
	  .multiselect-wrapper {
	    position: relative;
	    width: 100%; 
		    height: 54px;
		    background: #eee;
	    font-family: Arial, sans-serif;
	    user-select: none; 
	  }
	  .select-box {
	    padding: 0 10px;
	    background: #fff;
	    cursor: pointer;
	    border-radius: 4px;
	    display: flex;
		height: 100%;
		background-color: #eee;
	    justify-content: space-between;
	    align-items: center;
	  }
	  .select-box::after {
	    content: "▼";
	    font-size: 12px;
	    color: #666;
	    margin-left: 10px;
	  }
	  .material-group {
	    display: none; 
	    position: absolute;
	    top: 100%;
	    left: 0;
	    width: 100%; 
	    background: white;
	    border: 1px solid #ccc;
	    border-top: none;
	    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	    z-index: 100;
	    max-height: 200px;
	    overflow-y: auto !important;
	    box-sizing: border-box;
	  }

	  .material-group label {
	    display: block; 
	    padding: 8px 10px;
	    cursor: pointer;
	    border-bottom: 1px solid #f1f1f1;
	  }
	
	  .material-group label:hover {
	    background-color: #f9f9f9;
	  }
	
	  .material-group label:last-child {
	    border-bottom: none;
	  }
	
	  .material-group br {
	    display: none;
	  }


@media (max-width: 1620px){
}
@media (max-width: 1450px){

    .header .headerBot li{
        margin-left: 15px;
    }
    .header .nav_list > li > a > span,
    .header .headerBot li a{
        font-size: 16px;
    }

    .whyBox1 .conBox .text{
        padding-left: 0;
        padding-top: 50px;
        padding-right: 50px;
    }
    .whyBox1 .conBox .text h2{
        padding-bottom: 10px;
    }
    .whyBox1 .conBox .text span{
        margin-bottom: 20px;
    }
    .aboutBox3 .newsSlick{
        padding-left: 0;
        padding-right: 0;
    }

    .customizeBox1 .itemBox{
        padding-bottom: 110px;
    }
    .customizeBox1 .item .conBox{
        width: 495px;
    }
    .customizeBox1 .item.it1{
        padding-left: 0;
    }
    .customizeBox1 .item.it2{
        margin-top: -237px;
        padding-right: 20px;
    }
    .customizeBox1 .item.it3{
        margin-top: -370px;
        padding-left: 30px;
    }
    .customizeBox1 .item.it4{
        margin-top: -110px;
        padding-right: 0;
    }
    .customizeBox1 .item.it5{
        margin-top: -286px;
        padding-left: 0;
    }
    .customizeBox1 .item.it6{
        margin-top: -290px;
        padding-right: 0;
    }
}
@media (max-width: 1220px){
    .indexBox1 .title h2,
    .indexBox2 .title h2,
    .indexBox3 .conBox .title h2,
    .indexBox4 .title h2,
    .whyBox1 .conBox .text h2,
    .whyBox2 .title h2,
    .whyBox3 .title h2,
    .whyBox3 .item h3,
    .whyBox4 .title h2,
    .whyBox5 .title h2,
    .aboutBox1 h2,
    .aboutBox4 .title h2,
    .aboutBox3 .title h2,
    .customizeBox1 .title h2,
    .customizeBox2 .title h2,
    .productCategoryBox1 .text h1,
    .productListBox1 .title h1,
    .productListBox3 .title h2,
    .requestBox .title h2{
        font-size: 40px;
    }
    .indexBox3 .conBox .indexCustomerSlick .text p{
        font-size: 16px;
    }
    .header .headerTop .headerInfo li{
        margin-left: 15px;
        font-size: 12px;
    }
    .header .headerBot li:last-child{
        display: none;
    }
    .header .headerBot li a{
        font-size: 14px;
    }

    .indexBox1 .title{
        padding: 50px 0;
    }
    .indexBox1 .item{
        margin-bottom: 50px;
    }

    .indexBox2 .title{
        padding: 50px 0;
    }
    .indexBox2 .title h2{
        padding-bottom: 10px;
    }
    .indexBox2 .item .imgBox .t h3{
        font-size: 24px;
    }
    .indexBox2 .item .textBox .text h3{
        padding-bottom: 5px;
    }
    .indexBox2 .item .a{
        opacity: 1;
    }
    .indexBox2 .item .a a{
        width: 175px;
    }
    .indexBox2 .btn{
        padding-bottom: 50px;
    }
    .indexBox2 .btn a{
        width: 275px;
    }

    .indexBox3{
        padding: 100px 0;
    }
    .indexBox3 .conBox .title h2{
        padding-bottom: 10px;
    }
    .indexBox3 .conBox .indexCustomerSlick{
        width: 640px;
    }
    .indexBox3 .conBox .indexCustomerSlick .text{
        padding: 0 40px;
    }

    .indexBox4{
        padding-bottom: 50px;
    }
    .indexBox4 .title{
        padding: 50px 0 30px;
    }

    .footer_box .footerOther .conBox{
        padding: 25px 0;
    }
    .footer_box .footerOther .conBox .text h3{
        font-size: 24px;
    }
    .footer_box .footerOther .conBox .a a{
        font-size: 20px;
    }
    .footer_box .fast_navigation{
        padding: 40px 0;
    }
    .footer_box .fast_navigation .item:nth-of-type(2){
        display: none;
    }
    .footer_box .footer_copyright{
        padding: 15px 0;
    }

    .whyBox1 .conBox{
        padding-bottom: 50px;
    }
    .whyBox2{
        padding: 50px 0 30px;
    }
    .whyBox2 .title h2{
        padding-bottom: 30px;
    }
    .whyBox2 .itemBox{
        margin: 0 -10px;
    }
    .whyBox2 .item{
        padding: 0 10px;
    }
    .whyBox2 .item .conBox{
        padding: 25px 15px;
    }
    .whyBox2 .item .conBox .text h3{
        font-size: 20px;
        padding: 10px 0;
    }

    .whyBox3 .title h2{
        padding-top: 60px;
    }
    .whyBox3 .itemBox{
        padding: 100px 0;
    }

    .whyBox4{
        padding: 50px 0;
    }
    .whyBox4 .title h2{
        padding-bottom: 30px;
    }
    .whyBox4 .itemBox{
        margin: 0 -10px;
    }
    .whyBox4 .item{
        padding: 0 10px;
    }
    .whyBox4 .item .conBox .text{
        padding: 20px 15px;
    }
    .whyBox4 .item .conBox .text h3{
        font-size: 20px;
    }

    .whyBox5{
        padding-bottom: 50px;
    }
    .whyBox5 .title{
        padding: 50px 0 30px;
    }
    .whyBox5 .authenticationSlick{
        padding-bottom: 40px;
    }
    .whyBox5 .authenticationSlick .slick-dots{
        bottom: 0;
    }
    .whyBox5 .authenticationSlick .slick_first .text{
        padding: 10px 0;
    }

    .aboutBox1{
        padding: 50px 0;
    }
    .aboutBox1 h2{
        padding-bottom: 20px;
    }
    .aboutBox4{
        padding: 50px 0;
    }
    .aboutBox4 .title h2{
        padding-bottom: 10px;
    }
    .aboutBox4 .item{
        padding: 15px 0;
    }
    .aboutBox4 .item .tit{
        font-size: 16px;
    }

    .aboutBox3 .title{
        padding: 50px 0 30px;
    }
    .aboutBox3 .newsSlick{
        padding-bottom: 30px;
    }
    .aboutBox3 .newsSlick .slick-dots{
        bottom: 0;
    }
    .aboutBox3 .newsSlick .slick_first .conBox{
        padding: 15px;
    }
    .aboutBox3 .newsSlick .conBox .text h3{
        font-size: 20px;
    }

    .customizeBox1 .title{
        padding: 50px 0 30px;
    }
    .customizeBox1 .title h2{
        padding-bottom: 10px;
    }
    .customizeBox1 .itemBox{
        min-height: 0;
        background: none;
        padding-bottom: 30px;
    }
    .customizeBox1 .item{
        padding: 0 !important;
        margin: 0 0 20px!important;
    }
    .customizeBox1 .item .conBox{
        width: 100%;
        padding-left: 65px;
    }
    .customizeBox1 .item:nth-of-type(2n) .conBox{
        padding-right: 65px;
    }
    .customizeBox1 .item .conBox .text:before{
        display: none;
    }
    .customizeBox1 .item .conBox span{
        top: auto !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        margin-bottom: -60px;
        display: block;
        font-size: 20px !important;
    }
    .customizeBox1 .item:nth-of-type(2n) .conBox span{
        left: auto !important;
        right: 0 !important;
    }

    .customizeBox2{
        padding: 50px 0;
    }
    .customizeBox2 .title h2{
        padding-bottom: 30px;
    }

    .productCategoryBox1{
        padding: 50px 0 30px;
    }
    .productCategoryBox2 .item{
        padding: 50px 0 35px;
    }
    .productCategoryBox2 .item h2{
        font-size: 24px;
        padding-bottom: 20px;
    }
    .productCategoryBox2 .item .listBox{
        margin: 0 -5px;
    }
    .productCategoryBox2 .item .list{
        padding: 0 5px;
        margin-bottom: 15px;
    }
    .productCategoryBox2 .item .list .text h3 a{
        font-size: 16px;
    }

    .productCategoryBox3 .text h3{
        font-size: 24px;
    }

    .productCategoryBox4{
        padding: 50px 0;
    }
    .productCategoryBox4 .conBox{
        padding: 40px 10px;
    }
    .productCategoryBox4 .conBox .text h2{
        font-size: 30px;
    }
    .productCategoryBox4 .conBox .info input[type="submit"]{
        font-size: 16px;
        width: 175px;
        height: 48px;
    }

    .productListBox1{
        padding: 50px 0 30px;
    }
    .productListBox1 .title{
        padding-bottom: 30px;
    }
    .productListBox2 .itemBox{
        margin: 0 -5px;
    }
    .productListBox2 .item{
        padding: 0 5px;
    }
    .productListBox2 .item:before{
        left: 5px;
    }
    .productListBox2 .item .text h3 a{
        font-size: 16px;
    }

    .productListBox3{
        margin-top: 50px;
        padding: 50px 0;
    }
    .productListBox3 .title h2{
        padding-bottom: 30px;
    }
    .productListBox3 .itemBox{
        margin: 0 -5px;
    }
    .productListBox3 .item{
        padding: 0 5px;
    }
    .productListBox3 .item .text{
        padding-top: 0;
    }
    .productListBox3 .item .text a{
        font-size: 16px;
    }

    .requestBox{
        padding-bottom: 50px;
    }
    .requestBox .info input[type="submit"]{
        width: 175px;
        font-size: 16px;
    }
    .requestBox .info input[type="text"],
    .requestBox .info input[type="number"],
    .requestBox .info select{
        height: 44px;
    }
}
@media (max-width: 992px){
    .indexBox1 .title h2,
    .indexBox2 .title h2,
    .indexBox3 .conBox .title h2,
    .indexBox4 .title h2,
    .whyBox1 .conBox .text h2,
    .whyBox2 .title h2,
    .whyBox3 .title h2,
    .whyBox3 .item h3,
    .whyBox4 .title h2,
    .whyBox5 .title h2,
    .aboutBox1 h2,
    .aboutBox4 .title h2,
    .aboutBox3 .title h2,
    .customizeBox1 .title h2,
    .customizeBox2 .title h2,
    .productCategoryBox1 .text h1,
    .productListBox1 .title h1,
    .productListBox3 .title h2,
    .requestBox .title h2{
        font-size: 34px;
    }
    .Three_menu_box{
        padding-left: 10px;
    }
    .Crumbs ul li a,
    .Crumbs ul li,
    .Crumbs ul li a span,
    .Crumbs ul i{
        font-size: 14px;
        line-height: 1.2;
    }
    .Crumbs span.youAreHere{
        display: none;
    }
    body{
        padding-top: 60px;
    }
    /*移动端隐藏模块*/
    .header {
        display: none;
    }

    /*移动端头部*/
    .m_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        z-index: 100002;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    }

    .m_header {
        height: 60px;
    }

    .logo_box {
        width: 100%;
        height: 60px;
        text-align: center;
        padding: 5px 0;
        line-height: 0;
        font-size: 0;
        zoom: 1;
    }

    .logo_box img {
        height: 100%;
    }

    .nav_toggle {
        color: #fff;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: 50% 50%;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -13px;
        z-index: 999;
    }

    .nav_toggle {
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        cursor: pointer;
        height: 3px;
        width: 40px;
        background: #000000;
        position: absolute;
        display: block;
        content: '';
    }

    .nav_toggle span:before {
        top: -10px;
    }

    .nav_toggle span:after {
        bottom: -10px;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
    }

    .nav_toggle.active span {
        background-color: transparent;
    }

    .nav_toggle.active span:before,
    .nav_toggle.active span:after {
        top: 0;
    }

    .nav_toggle.active span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .nav_toggle.active span:after {
        transform: translateY(-10px) rotate(-45deg);
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        top: 10px;
    }

    /*移动端导航*/
    .m_header .m_nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ffffff;
        z-index: 2;
        overflow: auto;
        border-top: 1px solid #f0f0f0;
        margin-top: -1px;
    }

    .m_header .m_nav_list a {
        display: block;
        width: 100%;
        padding: 0 15px;
        line-height: 35px;
        text-align: left;
        font-size: 14px;
        color: #000000;
    }

    .m_header .m_nav_list > li {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        transition: transform .5s ease;
        transform: matrix(1, -1, 0, 1, 200, 100);
    }

    .m_header .m_nav_list > li > i {
        position: absolute;
        width: 20px;
        height: 36px;
        background: #000;
        top: 0;
        right: 10px;
        cursor: pointer;
        z-index: 2;
        background: url("/public/static/images/home/en-us/reset/li_click.png") no-repeat center 5px;
    }

    .m_header .m_nav_list > li > a {
        opacity: 0;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu {
        height: 0;
        overflow: hidden;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu.on {
        height: auto;
    }

    .m_header .m_nav_list .dropdown_menu > li {
        border-top: 1px solid #f0f0f0;
        background: #f5f5f5;
    }

    .banner{
        margin-top: 0;
    }
    .banner_slick .slick-prev, .banner_slick .slick-next{
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .banner_slick .slick-dots{
        width: 100%;
        top: auto;
        bottom: 10px;
        display: block !important;
    }
    .banner_slick .slick-dots li{
        margin: 0 5px;
    }

    .indexBox1 .item{
        width: 50%;
    }
    .indexBox2 .item{
        width: 50%;
    }
    .indexBox2 .item .imgBox .t,
    .indexBox2 .item .textBox .t{
        display: none;
    }
    .indexBox2 .btn a{
        font-size: 16px;
    }

    .indexBox3{
        padding: 50px 0;
        background-attachment: initial;
    }
    .indexBox3 .conBox{
        flex-wrap: wrap;
    }
    .indexBox3 .conBox .title{
        width: 100%;
    }
    .indexBox3 .conBox .indexCustomerSlick{
        width: 100%;
        padding: 0 30px;
        margin-top: 30px;
    }
    .indexBox3 .conBox .indexCustomerSlick .text{
        padding: 0;
    }
    .indexBox3 .conBox .indexCustomerSlick .text:before,
    .indexBox3 .conBox .indexCustomerSlick .text:after{
        display: none;
    }
    .indexBox3 .conBox .indexCustomerSlick .text h3{
        padding-bottom: 10px;
    }
    .indexBox3 .conBox .indexCustomerSlick .text p{
        line-height: 1.6;
    }

    .indexBox4 .indexLogoSlick{
        padding: 0 30px;
    }

    .footer_box .footerOther .conBox .a a{
        font-size: 16px;
        width: 175px;
    }
    .footer_box .fast_navigation .item:nth-of-type(3),
    .footer_box .fast_navigation .item:nth-of-type(4){
        display: none;
    }
    .footer_box .fast_navigation .item:nth-of-type(1),
    .footer_box .fast_navigation .item:nth-of-type(5){
        width: 50%;
    }
    .footer_box .footer_copyright .text{
        flex-wrap: wrap;
    }
    .footer_box .footer_copyright .text .t{
        padding-bottom: 10px;
        text-align: center;
    }

    .whyBox1 .conBox .text{
        width: 100%;
        padding-right: 0;
    }
    .whyBox1 .conBox .img{
        width: 100%;
        text-align: center;
    }

    .whyBox2 .itemBox{
        margin: 0;
    }
    .whyBox2 .item{
        width: 100%;
        padding: 0;
    }

    .whyBox3{
        background-attachment: initial;
    }
    .whyBox3 .title h2{
        padding-top: 50px;
    }
    .whyBox3 .itemBox{
        padding: 40px 0 50px;
    }
    .whyBox3 .item h3 span,
    .whyBox3 .item p{
        font-size: 14px;
    }
    .whyBox3 .item:before{
        top: 10px;
    }

    .whyBox4 .item{
        width: 50%;
        margin-bottom: 20px;
    }

    .aboutBox4 .item{
        flex-wrap: wrap;
    }
    .aboutBox4 .item .tit{
        width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
    }
    .aboutBox4 .item .text{
        width: 100%;
    }

    .customizeBox2 .img{
        width: 20%;
    }

    .productCategoryBox2 .item .list{
        width: 50%;
    }

    .productListBox1 .btnBox .btn a{
        line-height: 34px;
    }
    .productListBox2 .item{
        width: 33.33%;
    }

    .requestBox .title h2{
        padding-bottom: 20px;
    }
}
@media (max-width: 767px){
    .indexBox1 .title h2,
    .indexBox2 .title h2,
    .indexBox3 .conBox .title h2,
    .indexBox4 .title h2,
    .whyBox1 .conBox .text h2,
    .whyBox2 .title h2,
    .whyBox3 .title h2,
    .whyBox3 .item h3,
    .whyBox4 .title h2,
    .whyBox5 .title h2,
    .aboutBox1 h2,
    .aboutBox4 .title h2,
    .aboutBox3 .title h2,
    .customizeBox1 .title h2,
    .customizeBox2 .title h2,
    .productCategoryBox1 .text h1,
    .productListBox1 .title h1,
    .productListBox3 .title h2,
    .requestBox .title h2{
        font-size: 28px;
    }
    #back_top{
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .indexBox1 .item{
        margin-bottom: 30px;
    }
    .indexBox1 .item .text h3{
        font-size: 18px;
    }
    .indexBox2 .itemBox{
        margin: 0 -5px;
    }
    .indexBox2 .item{
        padding: 0 5px;
        margin-bottom: 20px;
    }
    .indexBox2 .item .textBox .text h3{
        font-size: 18px;
    }
    .indexBox2 .item .a{
        display: none;
    }
    .indexBox2 .btn a{
        width: 175px;
    }
    .footer_box .footerOther .conBox{
        flex-wrap: wrap;
    }
    .footer_box .footerOther .conBox .text{
        text-align: center;
        width: 100%;
    }
    .footer_box .footerOther .conBox .text h3{
        font-size: 20px;
    }
    .footer_box .footerOther .conBox .text p{
        font-size: 16px;
    }
    .footer_box .footerOther .conBox .a{
        margin-left: 0;
        margin-top: 10px;
    }
    .footer_box .fast_navigation .itemBox{
        flex-wrap: wrap;
    }
    .footer_box .fast_navigation .item:nth-of-type(1),
    .footer_box .fast_navigation .item:nth-of-type(5){
        width: 100%;
        padding-right: 0;
    }
    .footer_box .fast_navigation .item:nth-of-type(5){
        margin-top: 30px;
    }
    .footer_box .fast_navigation h3{
        padding-bottom: 10px;
    }

    .whyBox1 .conBox .text{
        padding-top: 20px;
    }

    .whyBox3 .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .whyBox3 .item:before{
        display: none;
    }
    .whyBox3 .item h3{
        font-size: 24px;
    }

    .whyBox4 .item{
        width: 100%;
    }
    .whyBox4 .item .conBox .img img{
        width: 100%;
    }

    .productCategoryBox4 .conBox .text h2{
        font-size: 24px;
    }
    .productCategoryBox4 .conBox .text p{
        font-size: 16px;
    }
}
@media (max-width: 640px){
    .indexBox1 .item{
        width: 100%;
    }

    .customizeBox2 .img{
        width: 25%;
    }

    .productCategoryBox2 .item h2{
        display: block;
        font-size: 20px;
    }
    .productCategoryBox2 .item h2 a{
        display: block;
        margin-top: 10px;
        margin-left: 0;
    }
    .productCategoryBox3 .text h3{
        font-size: 20px;
    }
    .productCategoryBox4 .conBox .info{
        width: 100%;
        margin-bottom: 10px;
    }
    .productCategoryBox4 .conBox .info input[type="text"]{
        height: 44px;
    }


    .productListBox2 .item{
        width: 50%;
    }
    .productListBox3 .item{
        width: 50%;
    }

}
@media (max-width: 540px){

    .customizeBox2 .img{
        width: 33.33%;
    }
    .productListBox2 .item,
    .productListBox3 .item{
        width: 100%;
    }

    .requestBox .info,
    .requestBox .info.w50{
        width: 100%;
    }
}
@media (max-width: 480px){

    .customizeBox2 .img{
        width: 50%;
    }
}
@media(max-width: 1450px){
    .navBox{width: 70%;display: flex;justify-content: flex-end;}
}

/*custom-packaging-solution.html start*/
.packing_solutions_banner_box{width: 100%;height: auto;position: relative;}
.packing_solutions_banner_bg{width: 100%;height: auto;display: block;}
.packing_solutions_banner_bg img{width: 100%;height: auto;display: block;}
.packing_solutions_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.packing_solutions_banner_content h1{font-size: 48px;color: #efefef;text-align: center;font-weight: 700;}
.packing_solutions_banner_content p{font-size: 30px;color: #EFEFEF;text-align: center;font-weight: 300;margin-top: 10px;}
.packing_solutions_banner_content_img{width: 73.43%;height: auto;margin: 0px auto;margin-top: 30px;}
.packing_solutions_banner_content_img img{width: 100%;height: auto;display: block;max-height: 450px;}
.packing_solutions_info_box{width: 100%;height: auto;padding: 70px 0;background: #f7f7f7;}
.packing_solutions_info_content{width: 72.5%;height: auto;margin: 0px auto;}
.packing_solutions_info_content h2{font-size: 36px;color: #000000;font-weight: 500;text-align: center;}
.packing_solutions_info_content p{font-size: 16px;color: #000000;line-height: 1.6;text-align: center;margin-top: 20px;}
.packing_solutions_element_box{width: 100%;height: auto;padding: 70px 0px;}
.packing_solutions_element_content_box{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;}
.packing_solutions_element_content_left{width: 41.3%;height: auto;}
.packing_solutions_element_content_left h2{font-size: 36px;color: #000000;font-weight: 500;padding-right: 26%;}
.packing_solutions_element_content_left_ul{width: 100%;height: auto;margin-top: 17px;}
.packing_solutions_element_content_left_ul li{width: 100%;height: auto;padding-bottom: 25px;border-bottom: 1px dashed rgba(3, 0, 0, 0.3);margin-top: 23px;position: relative;padding-left: 24px;}
.packing_solutions_element_content_left_ul li:before{content: "";display: block;width: 13px;height: 13px;background: #d23e34;border-radius: 50%;position: absolute;left: 0;top: 6px;}
.packing_solutions_element_content_left_ul li p{font-size: 16px;color: #000000;font-weight: 500;}
.packing_solutions_element_content_left_ul li p strong{font-weight: 700;color: #d23e34;}
.packing_solutions_element_content_right{width: 53.3%;height: auto;overflow: hidden;border-radius: 5px;}
.packing_solutions_element_content_right img{width: 100%;height: auto;display: block;}
.packing_solutions_samples_box{padding: 70px 0;background: #F6F6F6;}
.packing_solutions_samples_title{width: 100%;height: auto;}
.packing_solutions_samples_title h2{font-size: 36px;color: #000000;font-weight: 500;text-align: center;}
.packing_solutions_samples_ul{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;margin-top: 60px;}
.packing_solutions_samples_ul li{width: 32%;height: 65px;background: #FFFFFF;border-radius: 5px;overflow: hidden;transition: all 0.3s;}
.packing_solutions_samples_ul li + li{margin-left: 10px;}
.packing_solutions_samples_ul li a{display: flex;justify-content: center;align-items: center;font-size: 24px;color: #000000;font-weight: 300;width: 100%;height: 100%;transition: all 0.3s;}
.packing_solutions_samples_ul li.on,.packing_solutions_samples_ul li:hover{background: #d23e34;}
.packing_solutions_samples_ul li.on a,.packing_solutions_samples_ul li:hover a{color: #FFFFFF;}
.packing_solutions_samples_list{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 30px;}
.packing_solutions_samples_list li{width: 32%;height: auto;margin-left: 2%;margin-top: 20px;}
.packing_solutions_samples_list li:nth-of-type(3n+1){margin-left: 0;}
.packing_solutions_samples_list_img{width: 100%;height: auto;overflow: hidden;border-radius: 5px;}
.packing_solutions_samples_list_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.packing_solutions_samples_list li:hover .packing_solutions_samples_list_img img{transform: scale(1.1);}
.packing_solutions_samples_list_txt{width: 100%;padding: 46px 54px;background: #FFFFFF;border-radius: 5px;margin-top: 1px;}
.packing_solutions_samples_list_txt h3{font-size: 20px;color: #000000;font-weight: 700;text-align: center;}
.packing_solutions_samples_list_txt p{font-size: 16px;color: #000000;line-height: 1.6;text-align: center;margin-top: 18px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 77px;}
.packing_solutions_samples_list_txt .mores{display: flex;justify-content: center;align-items: center;width: 203px;height: 49px;background: #d23e34;border-radius: 5px;font-size: 16px;color: #FFFFFF;font-weight: 200;margin: 0px auto;margin-top: 30px;}
.packing_solutions_productions_box{width: 100%;height: auto;padding: 70px 0px;}
.packing_solutions_productions_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.packing_solutions_productions_ul li{width: 32%;height: auto;margin-left: 2%;padding: 50px 60px;box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.07);margin-top: 50px;transition: all 0.3s;border-radius: 5px;}
.packing_solutions_productions_ul li:nth-of-type(3n+1){margin-left: 0;}
.packing_solutions_productions_ul li h3{font-size: 24px;color: #d23e34;font-weight: 700;text-align: center;transition: all 0.3s;}
.packing_solutions_productions_ul li p{font-size: 18px;color: #000000;text-align: center;line-height: 1.6;font-weight: 500;margin-top: 20px;transition: all 0.3s;}
.packing_solutions_productions_ul li:hover{background: #d23e34;}
.packing_solutions_productions_ul li:hover h3{color: #FFFFFF;}
.packing_solutions_productions_ul li:hover p{color: #FFFFFF;}
.packing_solutions_productions_img{width: 100%;height: auto;margin-top: 32px;}
.packing_solutions_productions_img img{width: 100%;height: auto;display: block;}
.packing_solutions_box{width: 100%;height: auto;background: url(/public/static/images/home/en-us//packaging_solutions_bg.jpg) no-repeat center center;background-size: cover; padding: 80px 0;}
.packing_solutions_content_box{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;}
.packing_solutions_content_box h2{display: block;width: 38%;height: auto;font-size: 36px;color: #F6F6F6;font-weight: 500;}
.packing_solutions_content_ul{width: 47%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.packing_solutions_content_ul li{width: 47.2%;height: auto;background: rgba(246, 246, 246, 0.1);border-radius: 5px;padding: 28px;margin-top: 30px;}
.packing_solutions_content_ul li:nth-of-type(1),.packing_solutions_content_ul li:nth-of-type(2){margin-top: 0;}
.packing_solutions_content_ul_ico{width: 73px;height: auto;margin: 0px auto;}
.packing_solutions_content_ul_ico img{width: 100%;height: auto;display: block;}
.packing_solutions_content_ul li h3{color: #F6F6F6;font-weight: 500;text-align: center;margin-top: 20px;}
.packing_solutions_project_box{width: 100%;height: auto;padding: 80px 0px;}
.packing_solutions_project_ul{width: 100%;height: auto;display: flex;justify-content: space-between;}
.packing_solutions_project_ul li{width: 48.6%;height: auto;margin-top: 50px;background: #f6f6f6;padding-bottom: 58px;position: relative;}
.packing_solutions_project_ul li:after{content: "";height: 12px;width: 100%;background: linear-gradient(94deg, rgba(212,71,62,1) 0%, rgba(241,220,219,1) 100%);position: absolute;left: 0;bottom: 0;}
.packing_solutions_project_ul_img{width: 100%;height: auto;}
.packing_solutions_project_ul_img img{width: 100%;height: auto;display: block;}
.packing_solutions_project_ul_txt{width: 100%;height: auto;padding: 32px 62px 0px 38px;}
.packing_solutions_project_ul_txt h3{font-size: 20px;color: #000000;font-weight: 700;}
.packing_solutions_project_ul_txt p{font-size: 16px;color: #000000;line-height: 1.6;margin-top: 20px;}
.packing_solutions_form_box{width: 100%;height: auto;}
.packing_solutions_form_content_box{width: 100%;height: auto;display: flex;background: #F6F6F6;border-radius: 5px;}
.packing_solutions_form_content_left{width: 49.6%;height: auto;position: relative;}
.packing_solutions_form_content_left_img{width: 100%;height: 100%;}
.packing_solutions_form_content_left_img img{width: 100%;height: 100%;display: block;object-fit: cover;}
.packing_solutions_form_content_left_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 117px 96px 39px;}
.packing_solutions_form_content_left_txt h2{font-size: 36px;color: #F6F6F6;font-weight: 700;}
.packing_solutions_form_content_left_txt p{font-size: 24px;color: #F6F6F6;line-height: 1.6;font-weight: 500;margin-top: 10px;}
.packing_solutions_form_content_right{flex: 1;padding: 80px 61px;}
.packing_solutions_form_content_right_form{width: 100%;height: auto;}
.packing_solutions_form_content_right_form li{width: 100%;height: auto;position: relative;}
.packing_solutions_form_content_right_form li input{display: block;width: 100%;height: 60px;background: #FFFFFF;border: none;outline: none;padding-left: 20px;color: #000;font-weight: 300;}
.packing_solutions_form_content_right_form li input::placeholder{color: #000000;}
.packing_solutions_form_content_right_form li + li{margin-top: 5px;}
.packing_solutions_form_content_right_form li textarea{display: block;width: 100%;height: 135px;background: #FFFFFF;border: none;outline: none;padding-left: 23px;color: #000;font-weight: 300;resize: none;padding: 20px;}
.packing_solutions_form_content_right_form li textarea::placeholder{color: #000000;}
.packing_solutions_form_content_right_form_btn{width: 203px;height: 49px;background: #d23e34;border-radius: 5px;display: block;border: none;outline: none;margin-top: 20px;font-size: 18px;color: #FFFFFF;}
.packing_solutions_question_box{width: 100%;height: auto;padding: 80px 0px;}
.packing_solutions_question_ul{width: 100%;height: auto;margin-top: 50px;}
.packing_solutions_question_ul li{width: 100%;height: auto;padding: 27px 0; border-bottom: 1px solid #cecece;}
.packing_solutions_question_ul li:nth-of-type(1){border-top: 1px solid #cecece;}
.packing_solutions_question_ul_top{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;}
.packing_solutions_question_ul_top img{width: 34px;height: auto;display: block;margin-right: 20px;}
.packing_solutions_question_ul_top h3{font-size: 24px;color: #000000;font-weight: 500;display: block;flex: 1;}
.packing_solutions_question_ul_bottom{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 20px;}
.packing_solutions_question_ul_bottom img{width: 34px;height: auto;display: block;margin-right: 20px;}
.packing_solutions_question_ul_bottom p{font-size: 18px;color: #000000;line-height: 1.6;margin-top: 5px;}
/*custom-packaging-solution.html end*/
/*esd-packaging.html start*/
.esd_packing_box{width: 100%;height: auto;padding: 70px 0px;background: #f6f6f6;}
.esd_packing_content_box{width: 100%;height: auto;display: flex;justify-content: space-between;}
.esd_packing_content_list{width: 44%;height: auto;}
.esd_packing_content_list_title{position: relative;width: 100%;padding-bottom: 26px;}
.esd_packing_content_list_title h2{font-size: 36px;color: #000000;font-weight: 500;position: relative;}
.esd_packing_content_list_title:after{content: "";display: block;width: 106px;height: 7px;background: #ba1b23;position: absolute;left: 0;bottom: 0;}
.esd_packing_content_list p{font-size: 16px;line-height: 1.6;color: #000000;font-weight: 300;margin-top: 20px;}
.packing_solutions_samples_title p{font-size: 18px;color: #181930;font-weight: 300;text-align: center;margin-top: 10px;}
.esd_packaging_works_box{width: 100%;height: auto;padding: 70px 0px;}
.esd_packaging_works_content li.packing_solutions_samples_title p{font-size: 18px;color: #181930;font-weight: 300;text-align: center;margin-top: 8px;}
.esd_packaging_works_content{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 80px;}
.esd_packaging_works_content li{width: calc(100% / 3);height: auto;padding-right: 37px;border-right: 1px solid rgba(0,0,0,0.1);}
.esd_packaging_works_content li:nth-of-type(2){padding: 0 37px;}
.esd_packaging_works_content li:nth-last-of-type(1){padding-left: 37px;padding-right: 0;border-right: none;}
.esd_packaging_works_content_ico{width: 97px;height: auto;aspect-ratio:1/1;display: flex;justify-content: center;align-items: center;background: #ba1b23;border-radius: 10px;margin: 0px auto;}
.esd_packaging_works_content_ico img{display: block;width: 64%;height: auto;}
.esd_packaging_works_content li h4{font-size: 24px;color: #ba1b23;font-weight: 500;margin-top: 20px;text-align: center;}
.esd_packaging_works_content li p{font-size: 16px;color: #000000;line-height: 1.6;font-weight: 300;text-align: center;margin-top: 15px;}
.esd_packaging_applications_box{width: 100%;height: auto;padding: 70px 0px;}
.esd_packaging_applications_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.esd_packaging_applications_ul li{width: 49.1%;height: auto;position: relative;margin-top: 26px;overflow: hidden;border-radius: 5px;}
.esd_packaging_applications_ul_img{width: 100%;height: auto;overflow: hidden;}
.esd_packaging_applications_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.esd_packaging_applications_ul li:hover .esd_packaging_applications_ul_img img{transform: scale(1.1);}
.esd_packaging_applications_ul_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 45px 34px;display: flex;align-items: flex-end;}
.esd_packaging_applications_ul_content{width: 100%;height: auto;}
.esd_packaging_applications_ul_content h3{color: #FFFFFF;font-weight: 500;font-size: 30px;}
.esd_packaging_applications_ul_content p{font-size: 18px;color: #FFFFFF;font-weight: 300;margin-top: 8px;}
.esd_packaging_benefits_box{width: 100%;height: auto;padding: 70px 0px;background: #f6f6f6;}
.esd_packaging_benefits_ul{width: 100%;height: auto;display: flex;justify-content: space-between;}
.esd_packaging_benefits_ul li{width: 32%;height: auto;background: #FFFFFF;padding: 50px 40px;margin-top: 40px;transition: all 0.3s;}
.esd_packaging_benefits_ul_ico{width: 66px;height: auto;margin: 0px auto;}
.esd_packaging_benefits_ul_ico img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.esd_packaging_benefits_ul li h3{font-size: 24px;color: #D23E34;font-weight: 700;text-align: center;margin-top: 50px;transition: all 0.3s;}
.esd_packaging_benefits_ul li p{font-size: 16px;color: #000000;text-align: center;font-weight: 300;margin-top: 10px;transition: all 0.3s;}
.esd_packaging_benefits_ul li:hover{background: #ba1b23;}
.esd_packaging_benefits_ul li:hover h3{color: #FFFFFF;}
.esd_packaging_benefits_ul li:hover p{color: #FFFFFF;}
.esd_packaging_benefits_ul li:hover .esd_packaging_benefits_ul_ico img{filter: brightness(0) invert(1);}
.esd_packaging_choosing_box{width: 100%;height: auto;padding-top: 70px;}
.esd_packaging_choosing_content_box{width: 100%;height: auto;margin-top: 30px;position: relative;}
.esd_packaging_choosing_content_bg{width: 100%;height: auto;}
.esd_packaging_choosing_content_bg img{width: 100%;height: auto;display: block;}
.esd_packaging_choosing_content_txt{width: 38.1%;height: auto;padding: 60px 46px;background: #ba1b23;border-radius: 5px;position: absolute;left: 0;bottom: -34px;z-index: 2;}
.esd_packaging_choosing_content_txt h2{font-size: 36px;color: #EFEFEF;font-weight: 800;}
.esd_packaging_choosing_content_txt p{font-size: 16px;color: #EFEFEF;line-height: 1.6;margin-top: 27px;}
.esd_packaging_hpp_box{width: 100%;height: auto;position: relative;margin-top: 72px;}
.esd_packaging_hpp_bg{width: 100%;height: auto;}
.esd_packaging_hpp_bg img{width: 100%;height: auto;display: block;}
.esd_packaging_hpp_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: space-between;align-items: center;padding: 0 80px;}
.esd_packaging_hpp_content_left{width: 43.43%;height: auto;}
.esd_packaging_hpp_content_left h2{font-size: 36px;color: #F6F6F6;font-weight: 700;}
.esd_packaging_hpp_content_left p{font-size: 24px;color: #F6F6F6;font-weight: 500;line-height: 1.6;}
.esd_packaging_hpp_content a{display: flex;justify-content: center;align-items: center;width: 203px;height: 49px;background: #d23e34;border-radius: 5px;font-size: 18px;color: #FFFFFF;font-weight: 500;}
.productDetailContentBox ul li{line-height: 30px;}
.productDetailContentBox table tr  td span,.productDetailContentBox table tr  td,.productDetailContentBox table tr  td p{color: #000 !important;}
/*esd-packaging.html end*/
/*thermal-insulation.html start*/
.thermal_insulation_banner_img{width: 55.72%;height: auto;margin: 0px auto;margin-top: 40px;}
.thermal_insulation_banner_img img{width: 100%;height: auto;display: block;}
.thermal_insulation_info_box{width: 100%;height: auto;padding: 70px 0px;}
.thermal_insulation_info_content{width: 76.8%;height: auto;margin: 0px auto;}
.thermal_insulation_info_content h2{font-size: 36px;color: #000000;font-weight: 500;text-align: center;}
.thermal_insulation_info_content h3{font-size: 24px;color: #ba1b23;font-weight: 500;text-align: center;line-height: 1.6;margin-top: 36px;}
.thermal_insulation_info_content p{font-size: 16px;color: #000000;font-weight: 500;text-align: center;line-height: 1.6;margin-top: 20px;}
.thermal_insulation_materials_box{width: 100%;height: auto;padding: 70px 0;background: #F6F6F6;padding-top: 0;}
.thermal_insulation_materials_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-end;}
.thermal_insulation_materials_content_left{width: 50.1%;}
.thermal_insulation_materials_content_left_txt{width: 100%;height: auto;}
.thermal_insulation_materials_content_left_txt h2{font-size: 36px;color: #000000;font-family: "Poppins-Medium";}
.thermal_insulation_materials_content_left_txt h3{font-size: 24px;color: #BA1B23;font-weight: 700;margin-top: 30px;margin-bottom: 20px;}
.thermal_insulation_materials_content_left_txt p{font-size: 16px;color: #000000;font-weight: 500;line-height: 1.6;padding-left: 27px;display: block;position: relative;margin-top: 20px;}
.thermal_insulation_materials_content_left_txt p:before{content: "";display: block;width: 16px;height: auto;aspect-ratio:1/1;background: url(/public/static/images/home/en-us/thermal_insulation_info_ico.png) no-repeat center center;background-size: 100% auto;position: absolute;left: 0;top: 6px;}
.thermal_insulation_materials_content_left_ul{width: 100%;height: auto;margin-top: 29px;}
.thermal_insulation_materials_content_left_ul li{width: 100%;height: auto;background: #FFFFFF;padding: 34px 30px;display: flex;justify-content: flex-start;align-items: center;margin-top: 1px;border-radius: 5px;}
.thermal_insulation_materials_content_left_ul_img{width: 80px;height: auto;}
.thermal_insulation_materials_content_left_ul_img img{width: 100%;height: auto;display: block;}
.thermal_insulation_materials_content_left_ul_txt{flex: 1;margin-left: 36px;}
.thermal_insulation_materials_content_left_ul_txt h4{font-size: 18px;color: #D23E34;font-weight: 700;}
.thermal_insulation_materials_content_left_ul_txt p{font-size: 16px;color: #000000;font-weight: 300;line-height: 1.6;margin-top: 15px;}
.thermal_insulation_materials_content_right{width: 47%;height: auto;}
.thermal_insulation_materials_content_right img{width: 100%;height: auto;display: block;border-radius: 5px;}
.thermal_insulation_materials_content_right img + img{margin-top: 14px;}
.thermal_applications_box{width: 100%;height: auto;padding-bottom: 70px;background: #f6f6f6;}
.thermal_applications_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.thermal_applications_ul li{width: 32%;height: auto;margin-left: 2%;margin-top: 40px;border-radius: 5px;position: relative;}
.thermal_applications_ul li:nth-of-type(3n+1){margin-left: 0;}
.thermal_applications_ul_img{width: 100%;height: auto;overflow: hidden;}
.thermal_applications_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.thermal_applications_ul_content{width: 100%;height: 100%;padding: 30px 20px;display: flex;align-items: flex-end;position: absolute;left: 0;top: 0;}
.thermal_applications_ul_content_txt{width: 100%;height: auto;}
.thermal_applications_ul_content_txt h3{font-size: 24px;color: #FFFFFF;font-weight: 500;}
.thermal_applications_ul_content_txt p{font-size: 16px;color: #FFFFFF;font-weight: 300;margin-top: 5px;}
.thermal_applications_ul li:after{content: "";display: block;width: 100%;height: 8px;background: #BA1B23;border-radius: 4px;position: absolute;left: 0;bottom: 0;}
.thermal_applications_ul li:hover .thermal_applications_ul_img img{transform: scale(1.1);}
.thermal_insulation_packaging_box{width: 100%;height: auto;padding: 70px 0px;}
.thermal_insulation_packaging_box .packing_solutions_samples_title p{padding: 0 4%;}
.thermal_insulation_packaging_content{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 30px;}
.thermal_insulation_packaging_content_left{width: 49.4%;height: auto;padding: 90px 80px;background: #181930;border-radius: 5px;}
.thermal_insulation_packaging_content_left h3{font-size: 36px;color: #FFFFFF;font-weight: 500;line-height: 1.2;padding-right: 8%;}
.thermal_insulation_packaging_content_left h4{font-size: 20px;color: #ba1b23;font-weight: 500;margin-top: 10px;margin-bottom: 30px;}
.thermal_insulation_packaging_content_left p{padding-left: 27px;font-size: 16px;color: #FFFFFF;line-height: 1.6;position: relative;display: block;}
.thermal_insulation_packaging_content_left p + p{margin-top: 15px;}
.thermal_insulation_packaging_content_left p:before{content: "";display: block;width: 16px;height: auto;aspect-ratio:1/1;background: url(/public/static/images/home/en-us/images/thermal_insulation_info_ico.png) no-repeat center center;background-size: 100% auto;position: absolute;left: 0;top: 6px;line-height: 1.8;}
.thermal_insulation_packaging_content_right{flex: 1;margin-left: 17px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.thermal_insulation_packaging_content_right li{width: 48.85%;height: auto;margin-top: 16px;}
.thermal_insulation_packaging_content_right li:nth-of-type(1),.thermal_insulation_packaging_content_right li:nth-of-type(2){margin-top: 0;}
.thermal_insulation_packaging_content_right li img{width: 100%;height: auto;display: block;}
.thermal_products_box{width: 100%;height: auto;padding: 70px 0px;background: #F0F0F0;}
.thermal_products_title{font-size: 36px;color: #000000;font-weight: 500;text-align: center;line-height: 1.2;padding: 0 23%;}
.thermal_products_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.thermal_products_ul li{width: 32%;height: auto;background: #FFFFFF;padding: 59px 25px;margin-top: 42px;transition: all 0.3s;margin-left: 2%;}
.thermal_products_ul li:nth-of-type(3n+1){margin-left: 0;}
.thermal_products_ul_img{width: 74px;height: auto;margin: 0px auto;}
.thermal_products_ul_img img{width: 100%;height: auto;display: block;filter: brightness(0);transition: all 0.3s;}
.thermal_products_ul li h2{font-size: 24px;color: #D23E34;font-weight: 700;text-align: center;margin-top: 40px;text-align: center;transition: all 0.3s;}
.thermal_products_ul li p{font-size: 16px;color: #000000;line-height: 1.6;text-align: center;margin-top: 10px;transition: all 0.3s;}
.thermal_products_ul li:hover{background: #181930;}
.thermal_products_ul li:hover .thermal_products_ul_img img{filter: initial;}
.thermal_products_ul li:hover h2{color: #FFFFFF;}
.thermal_products_ul li:hover p{color: #FFFFFF;}
.thermal_impact_box{width: 100%;height: auto;padding: 70px 0px;}
.thermal_impact_content{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;height: auto;}
.thermal_impact_content_left{width: 53%;height: auto;position: relative;padding: 70px 0;padding-left: 63px;padding-right: 276px;background: #efefef;position: relative;z-index: 2;clip-path: polygon(78% 0, 100% 50%, 78% 100%, 0 100%, 0 0);}
.thermal_impact_content_left h2{font-size: 36px;color: #000000;font-weight: 500;line-height: 1.4;}
.thermal_impact_content_left p{font-size: 16px;color: #000000;line-height: 1.6;font-weight: 300;margin-top: 30px;}
.thermal_impact_content_right{width: 60.4%;height: auto;margin-left: -13.4%;}
.thermal_impact_content_right img{width: 100%;height: auto;display: block;max-height: 465px;}
.thermal_case_box{width: 100%;height: auto;padding: 70px 0px;background: #f0f0f0;}
.thermal_case_content{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 48px;}
.thermal_case_content_left{width: 51.43%;height: auto;}
.thermal_case_content_left img{width: 100%;height: auto;display: block;}
.thermal_case_content_right{flex: 1;background: #FFFFFF;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);display: flex;align-items: center;justify-content: center;}
.thermal_case_content_right_content{width: 73.4%;height: auto;}
.thermal_case_content_right_content h2{font-size: 20px;color: #000000;font-weight: 800;}
.thermal_case_content_right_content p{font-size: 16px;color: #000000;line-height: 1.6;margin-top: 30px;}
/*thermal-insulation.html end*/
@media (max-width: 1768px) {
    .packing_solutions_element_content_left h2{padding-right: 14%;}
    .packing_solutions_element_content_left_ul li{padding-bottom: 10px;margin-top: 10px;}
    .packing_solutions_samples_list_txt{padding: 40px;}
    .packing_solutions_content_box h2{font-size: 30px;}
    .packing_solutions_form_content_left_txt{padding: 0 39px 80px 39px;}
    .esd_packing_content_list_title h2{font-size: 30px;}
    .thermal_insulation_packaging_content_right li img{height: 100%;object-fit: cover;}
    .thermal_impact_content_left h2{font-size: 26px;}
    .thermal_impact_content_left p{margin-top: 15px;}
    .thermal_impact_content_left{padding: 59px 0;}
}
@media (max-width: 1400px) {
    .packing_solutions_info_content{width: 92.5%;}
    .packing_solutions_element_content_left h2{padding-right: 7%;font-size: 32px;}
    .packing_solutions_samples_ul li{width: 40%;}
    .packing_solutions_samples_list_txt h3{display: block;height: 48px;}
    .packing_solutions_form_content_left_txt h2{font-size: 20px;}
    .packing_solutions_form_content_left_txt p{font-size: 16px;}
    .esd_packing_content_list_title h2{font-size: 24px;}
    .esd_packaging_choosing_content_txt{width: 54.1%;}
    .esd_packaging_hpp_content_left{width: 48.43%;}
    .esd_packaging_hpp_content_left h2{font-size: 24px;}
    .esd_packaging_hpp_content_left p{font-size: 18px;}
    .thermal_insulation_packaging_content_left{padding: 32px;}
    .thermal_impact_content_left{width: 100%;padding: 59px;clip-path:initial;}
    .thermal_impact_content_right{width: 100%;margin-left: 0;}
}
@media (max-width: 1200px) {
    .packing_solutions_banner_bg{height: 480px;}
    .packing_solutions_banner_bg img{height: 100%;object-fit: cover;}
    .packing_solutions_info_content{width: 100%;}
    .packing_solutions_element_content_box{flex-direction: column-reverse;}
    .packing_solutions_element_content_right{width: 100%;}
    .packing_solutions_element_content_left{width: 100%;margin-top: 50px;}
    .packing_solutions_samples_ul li a{font-size: 18px;}
    .packing_solutions_samples_list{justify-content: space-between;}
    .packing_solutions_samples_list li{width: 48.5%;margin-left: 0;}
    .packing_solutions_productions_ul li{padding: 28px;}
    .packing_solutions_productions_ul li h3{font-size: 20px;}
    .packing_solutions_productions_ul li p{font-size: 16px;}
    .packing_solutions_form_content_box{flex-wrap: wrap;}
    .packing_solutions_form_content_left{width: 100%;}
    .packing_solutions_form_content_right{padding: 60px;}
    .esd_packaging_choosing_content_txt{padding: 24px;}
    .esd_packaging_choosing_content_txt h2{font-size: 24px;}
    .esd_packaging_choosing_content_txt p{font-size: 14px;margin-top: 10px;}
    .esd_packaging_benefits_ul li h3{font-size: 20px;}
    .thermal_insulation_info_content{width: 100%;}
    .thermal_insulation_materials_content{flex-wrap: wrap;}
    .thermal_insulation_materials_content_left{width: 100%;}
    .thermal_insulation_materials_content_right{width: 100%;margin-top: 30px;}
    .thermal_case_content{flex-wrap: wrap;}
    .thermal_case_content_left{width: 100%;}
    .thermal_case_content_right{padding: 5% 4%;}
}
@media (max-width: 768px) {
    .packing_solutions_banner_content h1{font-size: 4.8vw;}
    .packing_solutions_banner_content p{font-size: 3.6vw;}
    .packing_solutions_banner_bg{height: 62vw;}
    .packing_solutions_info_box{padding: 8vw 0;}
    .packing_solutions_info_content h2{font-size: 4.8vw;}
    .packing_solutions_info_content p{font-size: 3.6vw;margin-top: 1.8vw;}
    .packing_solutions_element_box{padding: 8vw 0;}
    .packing_solutions_element_content_left{margin-top: 5.8vw;}
    .packing_solutions_element_content_left h2{padding-right: 0;font-size: 4.8vw;}
    .packing_solutions_element_content_left_ul li p{font-size: 3.6vw;}
    .packing_solutions_samples_box{padding: 8vw 0;}
    .packing_solutions_samples_title h2{font-size: 4.8vw;}
    .packing_solutions_samples_ul{margin-top: 3.2vw;flex-wrap: wrap;}
    .packing_solutions_samples_ul li{width: 100%;height: 10.8vw;margin-left: 0;margin-top: 3.8vw;}
    .packing_solutions_samples_ul li a{font-size: 3.6vw;}
    .packing_solutions_samples_list{margin-top: 3.6vw;}
    .packing_solutions_samples_list li{width: 100%;margin-top: 3.8vw;}
    .packing_solutions_samples_list_txt{padding: 5% 4%;}
    .packing_solutions_samples_list_txt h3{height: auto;font-size: 3.8vw;}
    .packing_solutions_samples_list_txt p{font-size: 3.6vw;margin-top: 3.6vw;height: auto;}
    .packing_solutions_samples_list_txt .mores{width: 38vw;height: 10.8vw;font-size: 4.8vw;margin-top: 3.2vw;}
    .packing_solutions_productions_box{padding: 8vw 0;}
    .packing_solutions_productions_ul li{margin-left: 0;width: 100%;margin-top: 3.8vw;padding: 5% 4%;}
    .packing_solutions_productions_ul li h3{font-size: 4.2vw;}
    .packing_solutions_productions_ul li p{font-size: 3.6vw;text-align: center;margin-top: 1.8vw;}
    .packing_solutions_box{padding: 8vw 0;}
    .packing_solutions_content_box{flex-wrap: wrap;}
    .packing_solutions_content_box h2{width: 100%;font-size: 4.8vw;text-align: center;}
    .packing_solutions_content_ul{width: 100%;}
    .packing_solutions_content_ul li{margin-top: 3.8vw;}
    .packing_solutions_content_ul li:nth-of-type(1),.packing_solutions_content_ul li:nth-of-type(2){margin-top: 3.8vw;}
    .packing_solutions_content_ul_ico{width: 11vw;}
    .packing_solutions_content_ul li h3{font-size: 3.8vw;margin-top: 3.6vw;}
    .packing_solutions_project_box{padding: 8vw 0;}
    .packing_solutions_project_ul{flex-wrap: wrap;}
    .packing_solutions_project_ul li{width: 100%;margin-top: 3.8vw;padding-bottom: 3.8vw;}
    .packing_solutions_project_ul_txt{padding: 5% 4%;}
    .packing_solutions_project_ul_txt h3{font-size: 4.2vw;}
    .packing_solutions_project_ul_txt p{font-size: 3.6vw;margin-top: 1.8vw;}
    .packing_solutions_project_ul li:after{height: 0.6vw;}
    .packing_solutions_form_content_right{flex: auto;width: 100%;padding: 5% 4%;}
    .packing_solutions_form_content_right_form li input{height: 10.8vw;padding-left: 3.2vw;font-size: 3.2vw;}
    .packing_solutions_form_content_right_form li textarea{padding: 3.2vw;font-size: 3.2vw;height: 28vw;}
    .packing_solutions_form_content_right_form_btn{height: 10.8vw;width: 42vw;font-size: 3.6vw;}
    .packing_solutions_question_box{padding: 8vw 0;}
    .packing_solutions_question_ul{margin-top: 5.8vw;}
    .packing_solutions_question_ul li{padding: 3.6vw 0;}
    .packing_solutions_question_ul_top img{width: 5vw;margin-right: 3.8vw;}
    .packing_solutions_question_ul_top h3{font-size: 4.2vw;}
    .packing_solutions_question_ul_bottom img{width: 5vw;margin-right: 3.8vw;}
    .packing_solutions_question_ul_bottom p{font-size: 3.6vw;margin-top: 0;}
    .esd_packing_box{padding: 8vw 0;}
    .esd_packing_content_box{flex-wrap: wrap;}
    .esd_packing_content_list{width: 100%;}
    .esd_packing_content_list_title h2{font-size: 4.8vw;}
    .esd_packing_content_list_title{padding-bottom: 3.2vw;}
    .esd_packing_content_list_title:after{height: 0.6vw;}
    .esd_packing_content_list + .esd_packing_content_list{margin-top: 3.8vw;}
    .esd_packing_content_list p{font-size: 3.6vw;margin-top: 3.2vw;}
    .esd_packaging_works_box{padding: 8vw 0;}
    .packing_solutions_samples_title p{font-size: 3.6vw;}
    .esd_packaging_works_content{flex-wrap: wrap;margin-top: 3.2vw;}
    .esd_packaging_works_content li{width: 100%;margin-top: 3.8vw;padding: 0;border: none;}
    .esd_packaging_works_content li:nth-of-type(2){padding: 0;}
    .esd_packaging_works_content li:nth-last-of-type(1){padding: 0;}
    .esd_packaging_works_content_ico{width: 18vw;}
    .esd_packaging_works_content li h4{font-size: 4.2vw;margin-top: 3.2vw;}
    .esd_packaging_works_content li p{font-size: 3.6vw;margin-top: 3.2vw;}
    .esd_packaging_applications_box{padding: 8vw 0;}
    .esd_packaging_applications_ul{margin-top: 3.2vw;}
    .esd_packaging_applications_ul li{width: 100%;border-radius: 0.8vw;margin-top: 3.8vw;}
    .esd_packaging_applications_ul_txt{padding: 5% 4%;}
    .esd_packaging_applications_ul_txt h3{font-size: 4.2vw;}
    .esd_packaging_applications_ul_txt p{font-size: 3.6vw;margin-top: 1.8vw;}
    .esd_packaging_benefits_box{padding: 8vw 0;}
    .esd_packaging_benefits_ul{flex-wrap: wrap;margin-top: 3.2vw;}
    .esd_packaging_benefits_ul li{width: 100%;margin-top: 3.8vw;padding: 5% 4%;}
    .esd_packaging_benefits_ul_ico{width: 18vw;}
    .esd_packaging_benefits_ul li h3{font-size: 4.2vw;margin-top: 3.6vw;}
    .esd_packaging_benefits_ul li p{font-size: 3.6vw;margin-top: 3.2vw;}
    .esd_packaging_choosing_box{padding-top: 8vw;}
    .esd_packaging_choosing_content_txt{position: relative;padding: 5% 4%;width: 100%;bottom: 0;}
    .esd_packaging_choosing_content_txt h2{font-size: 4.2vw;}
    .esd_packaging_choosing_content_txt p{font-size: 3.6vw;margin-top: 3.2vw;}
    .esd_packaging_hpp_box{margin-top: 5.8vw;}
    .esd_packaging_hpp_bg{height: 34vw;}
    .esd_packaging_hpp_bg img{height: 100%;object-fit: cover;}
    .esd_packaging_hpp_content{flex-wrap: wrap;padding: 0 4%;}
    .esd_packaging_hpp_content_left{width: 100%;}
    .esd_packaging_hpp_content_left h2{font-size: 4.2vw;}
    .esd_packaging_hpp_content_left p{font-size: 3.6vw;}
    .esd_packaging_hpp_content a{width: 42vw;height: 10.8vw;font-size: 3.6vw;}
    .thermal_insulation_info_box{padding: 8vw 0;}
    .thermal_insulation_info_content h2{font-size: 4.8vw;}
    .thermal_insulation_info_content h3{font-size: 4.2vw;margin-top: 3.6vw;}
    .thermal_insulation_info_content p{font-size: 3.6vw;margin-top: 3.2vw;}
    .thermal_insulation_materials_content_left_txt h2{font-size: 4.8vw;}
    .thermal_insulation_materials_content_left_txt h3{font-size: 4.2vw;margin-top: 3.6vw;margin-bottom: 3.2vw;}
    .thermal_insulation_materials_content_left_txt p{font-size: 3.6vw;margin-top: 3.8vw;padding-left: 4.8vw;}
    .thermal_insulation_materials_content_left_txt p:before{width: 2vw;}
    .thermal_insulation_materials_content_left_ul li{padding: 5% 4%;flex-wrap: wrap;}
    .thermal_insulation_materials_content_left_ul_img{width: 16vw;margin: 0px auto;}
    .thermal_insulation_materials_content_left_ul_txt{flex: auto;margin-left: 0;width: 100%;margin-top: 3.6vw;}
    .thermal_insulation_materials_content_left_ul_txt h4{font-size: 3.8vw;text-align: center;}
    .thermal_insulation_materials_content_left_ul_txt p{font-size: 3.6vw;margin-top: 1.8vw;text-align: center;}
    .thermal_insulation_materials_content_right{margin-top: 3.8vw;}
    .thermal_insulation_materials_box{padding-bottom: 8vw;}
    .thermal_applications_ul li{width: 100%;margin-top: 3.8vw;margin-left: 0;}
    .thermal_applications_ul_content{padding: 5% 4%;}
    .thermal_applications_ul_content_txt h3{font-size: 4.2vw;}
    .thermal_applications_ul_content_txt p{font-size: 3.6vw;}
    .thermal_applications_ul li:after{height: 0.6vw;}
    .thermal_applications_box{padding-bottom: 8vw;}
    .thermal_insulation_packaging_box{padding: 8vw 0;}
    .thermal_insulation_packaging_box .packing_solutions_samples_title p{padding: 0;}
    .thermal_insulation_packaging_content{flex-wrap: wrap;margin-top: 3.6vw;}
    .thermal_insulation_packaging_content_left{width: 100%;padding: 5% 4%;}
    .thermal_insulation_packaging_content_left h3{font-size: 4.8vw;padding-right: 0;}
    .thermal_insulation_packaging_content_left h4{font-size: 3.8vw;margin-top: 1.6vw;margin-bottom: 3.2vw;}
    .thermal_insulation_packaging_content_left p{font-size: 3.6vw;padding-left: 4.8vw;}
    .thermal_insulation_packaging_content_left p + p{margin-top: 1.8vw;}
    .thermal_insulation_packaging_content_left p:before{width: 2vw;}
    .thermal_insulation_packaging_content_right{margin-left: 0;margin-top: 16px;}
    .thermal_products_box{padding: 8vw 0;}
    .thermal_products_title{font-size: 4.8vw;padding: 0;}
    .thermal_products_ul li{width: 100%;padding: 5% 4%;margin-top: 3.8vw;}
    .thermal_products_ul_img{width: 15vw;}
    .thermal_products_ul li h2{font-size: 4.2vw;margin-top: 3.6vw;}
    .thermal_products_ul li p{font-size: 3.6vw;margin-top: 3.2vw;}
    .thermal_impact_box{padding: 8vw 0;}
    .thermal_impact_content_left{padding: 5% 4%;}
    .thermal_impact_content_left h2{font-size: 4.8vw;}
    .thermal_impact_content_left p{font-size: 3.6vw;margin-top: 3.6vw;}
    .thermal_case_box{padding: 5% 4%;}
    .thermal_case_content{margin-top: 5.8vw;}
    .thermal_case_content_right_content{width: 100%;}
    .thermal_case_content_right_content h2{font-size: 4.8vw;}
    .thermal_case_content_right_content p{font-size: 3.6vw;margin-top: 3.6vw;}
}