@charset "utf-8";
.no_padding{
    padding: 0;
}
#h105{
    height: 105px;
}
.header {
  width: 100%;
  height: auto;  
}
.header.indexHeader{
    padding: 10px 0;
    transition: all .3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.header.is_stuck{
    background: #ffffff;
    padding: 0;
    z-index: 100000;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
}
.header.indexHeader:hover{
    background: #ffffff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
}
.headerTop{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 30px;
}
[dir='rtl'] .headerTop{
    justify-content: flex-start;
}
.headerInfo{
    height: 100%;
    position: relative;
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.header_search_box {
    width: 30px;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all .3s;
    
}
.header_search_box.active{
    width: 180px;
    background: #363636;
    transition: all .3s;
}
.header_search_box a {
    line-height: 0;
    width: 30px;
    height: 30px;
    text-align: right;
    display: block;
    position: relative;
    float: right;
    z-index: 10;
    background: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.header_search_box img {
    position: absolute;
    top: 6px;
    right: 5px;
    opacity: 0;
    transition: all .3s;
}
.header_search_box img.open{
    opacity: 1;
}
.headerTop_language{
    font-size: 18px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.headerTop_language span{
    color: #000;
    display: block;
    font-size: 18px;
}
.header.indexHeader .headerTop_language span{
    color: #fff;
}
.headerTop_language_list{
    width: 120px;
    min-height: 80px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    z-index: 999;
    display: none;
}
.headerTop_language:hover .headerTop_language_list{
    display: block;
}
.header.indexHeader:hover .headerTop_language span{
    color: #333;
}
.header.is_stuck .headerTop_language span{
    color: #333;
}
.headerTop_language_list a{
    color: #333;
    display: block;
    line-height: 45px;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
}
.headerTop_language_list a:hover{
    color: #ba1b22;
    text-decoration: underline;
}
.header.indexHeader .header_search_box img.open,
.header.indexHeader:hover .header_search_box img.open1,
.header.indexHeader.is_stuck .header_search_box img.open1{
    opacity: 0;
}
.header.indexHeader .header_search_box img.open1,
.header.indexHeader:hover .header_search_box img.open,
.header.indexHeader.is_stuck .header_search_box img.open{
    opacity: 1;
}
.header_search_box .search_click.active img.close {
    opacity: 1;
    transition: all .3s;
}
.header_search_box .search_click.active img.open,
.header_search_box .search_click.active img.open1{
    opacity: 0;
}
.search_form {
    position: absolute;
    top: 0;
    right: 30px;
    width: 0;
    display: block;
    z-index: -1;
    transition: all .3s;
}
.header_search_box.active .search_form{
    width: 150px;
    z-index: 9;
    transition: all .3s;
}
.search_form .info{
    width: 100%;
    padding-right: 30px;
}
.search_form input[type="text"] {
    width: 100%;
    height: 30px;
    background: none;
    border: 0;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
}
.search_form input[type="text"]::-webkit-input-placeholder{
    color: #ffffff;
}
.search_form input.btn_search {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/public/static/images/home/en-us/reset/search.png") no-repeat center center;
    -webkit-background-size: 34px;
    background-size: 34px;
    border: 0;
    font-size: 0;
    cursor: pointer;
}

.headerInfo .langBox{
    float: left;
    display: none;
}
.header .headerInfo .langBox a{
    display: inline-block;
    line-height: 30px;
    padding-left: 10px;
}

.header .headerBot{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 5px 0 12px;
}
.header .logo_box{
    width: 135px;
    height: 38px;
    position: relative;
}
.header .logo_box a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 0;
    z-index: 2;
    display: block;
}
.header .logo_box img{
    position: absolute;
    top: 0;
    left: 0;
    width: 135px;
    height: 38px;
    opacity: 0;
}
.header .logo_box img.hide{
    opacity: 1;
    transition: all .3s;
}
.header.indexHeader .logo_box img{
    opacity: 1;
}
.header.indexHeader .logo_box img.hide{
    opacity: 0;
}
.header.indexHeader:hover .logo_box img,
.header.indexHeader.is_stuck .logo_box img{
    opacity: 0;
    transition: all .3s;
}
.header.indexHeader:hover .logo_box img.hide,
.header.indexHeader.is_stuck .logo_box img.hide{
    opacity: 1;
    transition: all .3s;
}

.headerNavBox{
    padding-left: 45px;
}
.headerNavBox .nav{
    float: left;
}
.headerNavBox .nav_list {
    font-size: 0;
    line-height: 0;
    position: relative;
}
.headerNavBox .nav_list > li {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    text-align: center;
    transition: all .3s;
}
.headerNavBox .nav_list > li > a {
    display: block;
    margin-left: 12px;
}
[dir='rtl'] .headerNavBox .nav_list > li > a{
    margin-left: 10px;
}
.headerNavBox .nav_list > li > a > span {
    display: inline-block;
    line-height: 38px;
    font-size: 18px;
    color: #22363f;
    padding: 0 5px;
    position: relative;
    transition: all .3s;
}
.headerNavBox .nav_list > li > a > span:before{
    position: absolute;
    content: '';
    bottom: 0;
    height: 3px;
    left: 0;
    right: 0;
    background: transparent;
}
.header.indexHeader .headerNavBox .nav_list > li > a > span{
    color: #ffffff;
    transition: all .3s;
}
.header.indexHeader:hover .headerNavBox .nav_list > li > a > span,
.header.indexHeader.is_stuck .headerNavBox .nav_list > li > a > span{
    color: #22363f;
    transition: all .3s;
}
.header .nav_list > li.active > a > span:before,
.header .nav_list > li.on > a > span:before{
    background: #000000;
    transition: all .3s;
}
.header.indexHeader .nav_list > li.active > a > span:before,
.header.indexHeader .nav_list > li.on > a > span:before{
    background: #ffffff;
    transition: all .3s;
}
.header.indexHeader:hover .nav_list > li.active > a > span:before,
.header.indexHeader:hover .nav_list > li.on > a > span:before,
.header.indexHeader.is_stuck .nav_list > li.active > a > span:before,
.header.indexHeader.is_stuck .nav_list > li.on > a > span:before{
    background: #000000;
    transition: all .3s;
}
.nav_list > li > a > i {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 38px;
    margin-left: -12px;
    background: url("/public/static/images/home/en-us/reset/dropdown_menu.png") no-repeat 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: 50px;
    padding: 10px 0;
    min-width: 140px;
    display: none;
    z-index: 1;
    background: #f0f0f0;
	overflow: visible !important; 
}
.submenu{
	    padding-left: 4%;
	    border-top: 1px solid #f0f0f0;
}
.nav_normal .dropdown_menu li {
	position: relative;
    width: 100%;
}
.dropdown_menu2,
.dropdown_menu3{
	position: absolute;
    top: -10px ;
	display: none;
    left: 100% ;
	    overflow: visible !important;
	    padding: 10px 0;
	    min-width: 140px;
	    z-index: 1;
	    background: #f0f0f0;
}
.nav_normal .dropdown_menu li a {
    display: block;
    width: 100%;
    height: 32px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 32px;
    font-size: 14px;
    color: #1e1e1e;
    white-space: nowrap;
}
.nav_normal .dropdown_menu li:hover > a{
    background: #1e1e1e;
    color: #ffffff;
}


.m_header {
    display: none;
}

.footer_box{
    overflow: hidden;
    background: #233640;
}
.footer_box .container_1600{
    padding: 0 100px;
}
.footer_box .fast_navigation{
    overflow: hidden;
    padding: 80px 0 50px;
}
.footer_box .fast_navigation .itemBox{
    display: flex;
    justify-content: space-between;
}
.footer_box .fast_navigation .itemBox .item{
    float: left;
    width: 325px;
}
.footer_box .fast_navigation h3{
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 30px;
}
.footer_box .fast_navigation .item h3:nth-of-type(2){
    margin-top: 35px;
}
.footer_box .fast_navigation ul{
    overflow: hidden;
}
.footer_box .fast_navigation li{
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 3px;
}
.footer_box .fast_navigation li.footerTel{
    padding-left: 25px;
    background-image: url("/public/static/images/home/en-us/footerTel.png");
}
.footer_box .fast_navigation li.footerEmail{
    padding-left: 25px;
    background-image: url("/public/static/images/home/en-us/footerEmail.png");
}
.footer_box .fast_navigation li,
.footer_box .fast_navigation p,
.footer_box .fast_navigation li a{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}
.footer_box .fast_navigation li a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.footer_box .footerForm .info{
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.footer_box .footerForm .info .label_control{
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 40px;
    color: #8a8a8a;
    font-size: 16px;
    font-weight: 300;
}
.footer_box .footerForm .info .tips{
    color: #ff0000;
    width: 100%;
    font-weight: 300;
    font-size: 12px;
}
.footer_box .footerForm .info input[type="text"]{
    width: 100%;
    height: 40px;
    background: none;
    border: 1px solid #ffffff;
    padding: 0 10px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
}
.footer_box .footerForm .info textarea{
    width: 100%;
    height: 90px;
    background: none;
    border: 1px solid #ffffff;
    padding: 10px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    resize: none;
}
.footer_box .footerForm .info input[type="submit"]{
    width: 210px;
    height: 48px;
    background: #ba1b22;
    font-size: 16px;
    margin-top: 15px;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #ba1b22;
    transition: all .3s;
}
.footer_box .footerForm .info input[type="submit"]:hover{
    background: #ffffff;
    color: #ba1b22;
}

.footer_box .footer_shape{
    text-align: center;
    padding-bottom: 15px;
}
.footer_box .footer_shape a{
    display: inline-block;
    line-height: 0;
    margin: 0 10px;
}
.footer_box .footer_shape a:hover{
    opacity: .75;
    filter: none;
}

.footer_box .footer_copyright{
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
}
.footer_box .footer_copyright p,
.footer_box .footer_copyright p span,
.footer_box .footer_copyright p a{
    color: #ffffff;
    font-size: 16px;
    line-height: 55px;
}
.footer_box .footer_copyright p a,
.footer_box .footer_copyright p span{
    display: inline-block;
    margin-left: 10px;
}
.footer_box .footer_copyright a:hover{
    color: #ffffff;
    text-decoration: underline;
}

/*banner*/
.banner{
    margin-top: -105px;
}
.banner .conBox{
    position: relative;
}
.banner .conBox .img img{
    clear: both;
    display: block;
    margin: auto;
}
.banner .conBox .poa{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20%;
}
.banner .conBox .textBox{
    width: 900px;
    padding: 60px 100px 50px;
    background: rgba(0,0,0,0.5);
}
.banner .conBox .textBox h2{
    color: #ffffff;
    font-size: 50px;
    line-height: 1.2;
    padding-bottom: 10px;
    font-family: 'Fjalla One', sans-serif;
}
.banner .conBox .textBox p{
    font-size: 24px;
    color: #ffffff;
}
.banner .conBox .textBox a{
    display: inline-block;
    margin-top: 40px;
    width: 210px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 16px;
    color: #ffffff;
}
.banner .conBox .textBox a:hover{
    background: #ffffff;
    color: #000000;
}

.banner_slick .slick-prev,
.banner_slick .slick-next{
    width: 40px;
    height: 50px;
    margin-top: -25px;
    background-color: transparent;
    background-image: url("/public/static/images/home/en-us/reset/skin.png");
    background-repeat: no-repeat;
}
.banner_slick .slick-prev {
    background-position: 0 0;
    left: 80px;
}
.banner_slick .slick-next {
    background-position: -150px 0;
    right: 80px;
}
.banner_slick .slick-dots li{
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.banner_slick .slick-dots li.slick-active{
    border-color: #ba1b22;
}
.banner_slick .slick-dots li button{
    width: 7px;
    height: 7px;
    margin-top: 3px;
    margin-left: 3px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #233640;
}
.banner_slick .slick-dots li.slick-active button{
    background: #ba1b22;
}

.indexBox1 .container_1600{
    padding: 0 100px;
}
.indexBox1 .title h1{
    text-align: center;
    padding: 60px 0 55px;
    font-size: 48px;
    color: #233640;
    text-transform: uppercase;
}
.indexBox1 .itemBox{
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
}
.indexBox1 .item{
    width: 50%;
    float: left;
    padding: 0 20px;
}
.indexBox1 .item .conBox{
    margin-bottom: 35px;
}
.indexBox1 .conBox .img{
    position: relative;
    line-height: 0;
    overflow: hidden;
}
.indexBox1 .conBox .img img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.indexBox1 .conBox:hover .img 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;
}
.indexBox1 .conBox .img a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: rgba(0,0,0,.5);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all .3s;
}
.indexBox1 .conBox:hover .img a{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.indexBox1 .conBox .img a:before{
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    background: url("/public/static/images/home/en-us/indexProductIco.png") no-repeat center center;
}
.indexBox1 .conBox .text a{
    display: block;
    line-height: 45px;
    color: #233640;
    font-size: 22px;
    transition: all .3s;
}
.indexBox1 .conBox:hover .text a{
    padding-left: 20px;
    background: #ba1b22;
    color: #ffffff;
    transition: all .3s;
}


.indexBox2{
    padding: 170px 0 145px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.indexBox2 .container_1600{
    padding: 0 100px;
}
.indexBox2 .textBox{
    padding-top: 130px;
    width: 385px;
    float: left;
    padding-right: 18px;
}
.indexBox2 .textBox h1{
    font-size: 48px;
    color: #233640;
    text-transform: uppercase;
}
.indexBox2 .textBox span{
    display: block;
    padding: 25px 0;
    font-size: 26px;
    color: #233640;
}
.indexBox2 .textBox p{
    font-size: 18px;
    color: #000000;
    line-height: 1.5;
}
.indexBox2 .textBox a{
    display: inline-block;
    width: 210px;
    height: 48px;
    margin-top: 40px;
    text-align: center;
    line-height: 44px;
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #ba1b22;
    background: #ba1b22;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.indexBox2 .textBox a:hover{
    background: #ffffff;
    color: #ba1b22;
}
.indexBox2 .itemBox{
    margin-left: 385px;
}

.indexBox2 .conBox:hover {
    top: -30px;
    transition: all .3s;
}

.indexBox2 .itemBox .slick-dots{
    bottom: -30px;
}
.indexBox2 .itemBox .slick-dots li.slick-active{
    background: #ba1b22;
}
.indexBox2 .item{
    width: 33.33%;
    float: left;
    padding-right: 30px;
}

.indexBox2 .item:nth-child(n+ 4) {
    margin-top: 30px;
}

.indexBox2 .conBox{
    position: relative;
    top: 0;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);
    transition: all .3s;
}
.indexBox2 .conBox:hover{
    transition: all .3s;
}
.indexBox2 .conBox .img{
    line-height: 0;
    text-align: center;
    position: relative;
}
.indexBox2 .conBox .img a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0);
    transition: all .3s;
}
.indexBox2 .conBox:hover .img a{
    background: rgba(0,0,0,0.5);
    transition: all .3s;
}
.indexBox2 .conBox .img img{
    width: 100%;
}
.indexBox2 .conBox .text a{
    display: block;
    position: relative;
    line-height: 54px;
    background: #233640;
}
.indexBox2 .conBox .text a:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: transparent;
    transition: all .3s;
}
.indexBox2 .conBox:hover .text a:before{
    background: #ba1b22;
    transition: all .3s;
}
.indexBox2 .conBox .text a span{
    margin: 0 10px;
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 18px;
    padding: 0 5px;
    display: block;
    line-height: 54px;
    background: #233640;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all .3s;
}
.indexBox2 .conBox:hover .text a span{
    margin-left: 20px;
    transition: all .3s;
}

.indexBox3 .container_1600{
    padding: 0 100px;
}
.indexBox3 .conBox{
    padding: 115px 0 75px;
    overflow: hidden;
}
.indexBox3 .indexAboutVideo{
    width: 63%;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.indexBox3 .indexAboutVideo .video_click:after{
    background: url("/public/static/images/home/en-us/indexVideoClick.png") no-repeat center center;
}
.indexBox3 .indexAboutVideo img{
    width: 100%;
}
.indexBox3 .textBox{
    width: 37%;
    float: left;
    padding-left: 65px;
    padding-top: 60px;
}
.indexBox3 .textBox h2{
    font-size: 48px;
    color: #233640;
    padding-bottom: 45px;
    text-transform: uppercase;
}
.indexBox3 .textBox p{
    font-size: 18px;
    color: #000000;
    line-height: 1.4;
    margin-bottom: 20px;
}
.indexBox3 .textBox a{
    display: inline-block;
    width: 210px;
    height: 48px;
    margin-top: 20px;
    text-align: center;
    line-height: 44px;
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #ba1b22;
    background: #ba1b22;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.indexBox3 .textBox a:hover{
    background: #ffffff;
    color: #ba1b22;
}
.indexBox3 .itemBox{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 55px;
}
.indexBox3 .item{
    width: 24%;
    float: left;
}
.indexBox3 .item .img{
    width: 95px;
    float: left;
    line-height: 0;
}
.indexBox3 .item .text{
    margin-left: 95px;
}
.indexBox3 .item .text h3{
    font-size: 18px;
    color: #233640;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 5px;
    padding-bottom: 10px;
}
.indexBox3 .item .text p{
    font-size: 16px;
    color: #233640;
}

.indexBox4{
    padding: 80px 0 55px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.indexBox4 .container_1600{
    padding: 0 100px;
}
.indexBox4 .title h2{
    text-align: center;
    padding-bottom: 50px;
    font-size: 48px;
    color: #233640;
    text-transform: uppercase;
}
.indexBox4 .items{
    overflow: hidden;
    margin-left: -16px;
    margin-right: -16px;
}
.indexBox4 .item{
    width: 25%;
    float: left;
    padding: 0 16px;
    margin-bottom: 20px;
}
.indexBox4 .items:nth-of-type(2) .item{
    float: right;
    margin-top: 20px;
}
.indexBox4 .item .text a{
    font-size: 16px;
    color: #233640;
    font-weight: 700;
    display: block;
    padding-bottom: 10px;
}
.indexBox4 .item .img{
    line-height: 0;
    text-align: center;
    position: relative;
}
.indexBox4 .item .img:before{
    position: absolute;
    content: '';
    width: 21px;
    height: 15px;
    right: -28px;
    top: 50%;
    margin-top: -7px;
    background: url("/public/static/images/home/en-us/indexWorkIco1.png") no-repeat center center;
}
.indexBox4 .item:nth-of-type(4) .img:before{
    display: none;
}
.indexBox4 .items:nth-of-type(2) .img:before{
    right: auto;
    left: -28px;
    background: url("/public/static/images/home/en-us/indexWorkIco3.png") no-repeat center center;
}
.indexBox4 .items:nth-of-type(2) .item:nth-of-type(1){
    position: relative;
}
.indexBox4 .items:nth-of-type(2) .item:nth-of-type(1):before{
    position: absolute;
    content: '';
    width: 15px;
    height: 21px;
    top: -20px;
    left: 50%;
    margin-left: -7px;
    z-index: 2;
    background: url("/public/static/images/home/en-us/indexWorkIco2.png") no-repeat center center;
}
.indexBox4 .item .img img{
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.indexBox4 .item:hover .img img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
}
.indexBox4 .a{
    text-align: center;
    margin-top: 60px;
}
.indexBox4 .a a{
    display: inline-block;
    width: 210px;
    height: 48px;
    text-align: center;
    line-height: 44px;
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #ba1b22;
    background: #ba1b22;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.indexBox4 .a a:hover{
    background: #ffffff;
    color: #ba1b22;
}

.indexBox5 .container_1600{
    padding: 0 100px;
}
.indexBox5 .title{
    padding: 80px 0 65px;
    overflow: hidden;
}
.indexBox5 .title h2{
    float: left;
    font-size: 48px;
    color: #233640;
    text-transform: uppercase;
}
.indexBox5 .title a{
    float: right;
    display: inline-block;
    width: 210px;
    height: 48px;
    text-align: center;
    line-height: 44px;
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #ba1b22;
    background: #ba1b22;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.indexBox5 .title a:hover{
    background: #ffffff;
    color: #ba1b22;
}
.indexBox5 .itemBox{
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}
.indexBox5 .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
}
.indexBox5 .item .imgBox{
    position: relative;
}
.indexBox5 .item .img{
    line-height: 0;
    text-align: center;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 6px solid #ba1b22;
}
.indexBox5 .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;
}
.indexBox5 .item:hover .img 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;
}
.indexBox5 .item .time{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 65px;
    text-align: center;
    border-top-right-radius: 10px;
    background: #ba1b22;
}
.indexBox5 .item .time .day{
    height: 34px;
    line-height: 34px;
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    background: #233640;
}
.indexBox5 .item .time .month{
    line-height: 31px;
    color: #ffffff;
    font-size: 16px;
}
.indexBox5 .item .text{
    padding-top: 15px;
    margin-bottom: 45px;
}
.indexBox5 .item .text h3 a{
    display: block;
    font-size: 18px;
    color: #233640;
    line-height: 1.8;
    font-weight: 700;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.indexBox5 .item .text p{
    font-size: 16px;
    color: #464646;
}
.indexBox5 .item .text > a{
    display: inline-block;
    font-size: 16px;
    color: #233640;
    margin-top: 10px;
}

.indexBox6{
    padding: 70px 0 45px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.indexBox6 h3{
    font-size: 30px;
    color: #233640;
    padding-bottom: 30px;
}
.indexBox6 p{
    font-size: 20px;
    color: #424343;
}
.indexBox6 a{
    display: inline-block;
    width: 210px;
    height: 48px;
    margin-top: 35px;
    text-align: center;
    line-height: 44px;
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #ba1b22;
    background: #ba1b22;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.indexBox6 a:hover{
    background: #ffffff;
    color: #ba1b22;
}

.contactBanner{
    position: relative;
}
.contactBanner .img{
    padding-top: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.contactBanner .text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
}
.contactBanner .text h1{
    font-size: 48px;
    color: #22363f;
    text-transform: uppercase;
}

.contactCrumbs,
.contactBox1{
    background: #f6f6f6;
}
.contactBox1 .title h2{
    font-size: 36px;
    color: #22363f;
    text-align: center;
    padding: 40px 0;
}
.contactBox1 .itemBox{
    margin-left: -30px;
    margin-right: -30px;
    padding-bottom: 70px;
    overflow: hidden;
}
.contactBox1 .item{
    width: 33.33%;
    float: left;
    padding: 0 30px;
}
.contactBox1 .conBox{
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
}
.contactBox1 .conBox .img{
    line-height: 0;
    text-align: center;
}
.contactBox1 .conBox .text p{
    line-height: 40px;
    padding: 0 10px;
    font-size: 18px;
    color: #22363f;
}

.contactBox2{
    padding-bottom: 75px;
    background: #f6f6f6;
    overflow: hidden;
    padding-top: 10px;
}
.newsdeitalform{
    width: 100%;
    height: auto;
    padding: 5% 0;
}
.newsdeitalform h2{margin-bottom: 30px;}
.contactBox2 .contactFormBox{
    width: 55%;
    float: left;
    padding: 75px 95px 35px 30px;
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
}
.newsdeitalform .text,
.contactBox2 .contactFormBox .text{
    width: 355px;
    margin-bottom: 40px;
}
.newsdeitalform .text h2,
.contactBox2 .contactFormBox .text h2{
    font-size: 36px;
    color: #22363f;
    padding-bottom: 20px;
}
.newsdeitalform .text p,
.contactBox2 .contactFormBox .text p{
    font-size: 18px;
    color: #22363f;
}
.newsdeitalform .info,
.contactBox2 .contactForm .info{
    position: relative;
    margin-bottom: 30px;
}
.newsdeitalform .info{
    margin-bottom: 15px;
}
.newsdeitalform .info p,
.contactBox2 .contactForm .info p{
	font-size: 14px;
    color: #22363f;
    line-height: 1.4;
}
.newsdeitalform .info p a,
.contactBox2 .contactForm .info p a{
	color: #ba1b22 ;
}
.newsdeitalform .label_control,
.contactBox2 .contactForm .label_control{
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 46px;
    font-size: 16px;
    color: #8d8d8d;
}
.newsdeitalform .tips,
.contactBox2 .contactForm .tips{
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 46px;
    color: #ff0000;
}
.newsdeitalform .contactForm input[type="text"],
.contactBox2 .contactForm input[type="text"]{
    width: 100%;
    height: 46px;
    background: none;
    padding: 0 10px;
    border: 1px solid #bfbfbf;
    font-size: 16px;
}
.newsdeitalform textarea,
.contactBox2 .contactForm textarea{
    width: 100%;
    height: 85px;
    resize: none;
    padding: 15px 10px;
}
.newsdeitalform input[type="submit"],
.contactBox2 .contactForm input[type="submit"]{
    width: 210px;
    height: 48px;
    background: #ba1b22;
    font-size: 16px;
    margin-top: 15px;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #ba1b22;
    transition: all .3s;
}
.newsdeitalform input[type="submit"]:hover,
.contactBox2 .contactForm input[type="submit"]:hover{
    background: #ffffff;
    color: #ba1b22;
}

.contactBox2 .contactInfoBox{
    width: 45%;
    float: left;
    padding-left: 60px;
}
.contactBox2 .contactInfoBox h2{
    font-size: 36px;
    color: #22363f;
    padding: 35px 0 20px;
}
.contactBox2 .contactInfoBox .text{
    margin-top: 30px;
}
.contactBox2 .contactInfoBox .text h3{
    font-size: 20px;
    color: #22363f;
    font-weight: 700;
    padding-bottom: 15px;
}
.contactBox2 .contactInfoBox .text li{
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 15px;
}
.contactBox2 .contactInfoBox .text li.contactTel{
    background-image: url("/public/static/images/home/en-us/contactTel.png");
}
.contactBox2 .contactInfoBox .text li.contactEmail{
    background-image: url("/public/static/images/home/en-us/contactEmail.png");
}
.contactBox2 .contactInfoBox .text li.contactAddress{
    background-image: url("/public/static/images/home/en-us/contactAddress.png");
}
.contactBox2 .contactInfoBox .text li p,
.contactBox2 .contactInfoBox .text li a{
    font-size: 16px;
    color: #22363f;
    line-height: 20px;
}
.contactBox2 .contactInfoBox .text .img{
    line-height: 0;
    width: 129px;
    height: 129px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 0;
}
.contactBox2 .contactInfoBox .text .contactShape{
    margin-left: 129px;
    padding-top: 75px;
    text-align: center;
}
.contactBox2 .contactInfoBox .text .contactShape a{
    display: inline-block;
    line-height: 0;
    margin: 0 10px;
    vertical-align: top;
}

.contactBox3{
    background: #f6f6f6;
}
.contactBox3 .title h2{
    text-align: center;
    font-size: 36px;
    color: #22363f;
    padding-bottom: 20px;
}
.contactBox3 #googleMap{
    width: 100%;
    height: 390px;
    margin-bottom: 40px;
}

.projectBox .title h2{
    text-align: center;
    padding: 60px 0 40px;
    font-size: 48px;
    color: #22363f;
    text-transform: uppercase;
}
.projectBox .itemBox{
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 50px;
}
.projectBox .item{
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}
.projectBox .item .img{
    line-height: 0;
    text-align: center;
}
.projectBox .item .text a{
    display: inline-block;
    font-size: 20px;
    color: #22363f;
    margin-top: 10px;
}

.projectDetailBox1 .img{
    line-height: 0;
    text-align: center;
    padding: 20px 0;
}
.projectDetailBox1 .text h1{
    font-size: 26px;
    color: #22363f;
    font-weight: 700;
    padding-bottom: 10px;
}
.projectDetailBox1 .text p{
    font-size: 18px;
    color: #22363f;
}
.projectDetailBox1 .text .t{
    margin-top: 15px;
}
.projectDetailBox1 .text .t span{
    font-weight: 700;
    font-size: 18px;
    color: #22363f;
}

.projectDetailBox2 .title h2{
    margin-top: 40px;
    margin-bottom: 25px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 26px;
    color: #22363f;
    border-left: 4px solid #ba1b22;
}
.projectDetailBox2 .itemBox{
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}
.projectDetailBox2 .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.projectDetailBox3 .title h2{
    margin-top: 40px;
    margin-bottom: 25px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 26px;
    color: #22363f;
    border-left: 4px solid #ba1b22;
}
.projectDetailBox3 .img{
    line-height: 0;
    text-align: center;
    margin-bottom: 30px;
}

.projectDetailBox4 .title h2{
    margin-top: 40px;
    margin-bottom: 25px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 26px;
    color: #22363f;
    border-left: 4px solid #ba1b22;
}
.projectDetailBox4 .itemBox{
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}
.projectDetailBox4 .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.projectDetailBox5 .title h2{
    margin-top: 40px;
    margin-bottom: 25px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 26px;
    color: #22363f;
    border-left: 4px solid #ba1b22;
}
.projectDetailBox5 .itemBox{
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}
.projectDetailBox5 .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.projectDetailBox6 .title h2{
    margin-top: 40px;
    margin-bottom: 25px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 26px;
    color: #22363f;
    border-left: 4px solid #ba1b22;
}
.projectDetailBox6 .itemBox{
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}
.projectDetailBox6 .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.projectDetailBox7 .title h2{
    margin-top: 40px;
    margin-bottom: 25px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 26px;
    color: #22363f;
    border-left: 4px solid #ba1b22;
}
.projectDetailBox7 .itemBox{
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}
.projectDetailBox7 .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.otherProjects .title h2{
    text-align: center;
    padding: 30px 0;
    font-size: 26px;
    color: #22363f;
    text-transform: uppercase;
}
.otherProjects .itemBox{
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
}
.otherProjects .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
}
.otherProjects .item .img{
    line-height: 0;
}
.otherProjects .item .text a{
    display: block;
    line-height: 36px;
    font-size: 16px;
    color: #22363f;
}

.productDetailBox1{
    padding: 25px 0;
}

.productDetailConBox .title h2{
    font-size: 26px;
    color: #22363f;
    margin-top: 40px;
    line-height: 44px;
    margin-bottom: 25px;
    text-transform: uppercase;
    border-bottom: 1px solid #22363f;
}
.productDetailConBox .con p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.6;
}

.productDetailConBox2 .itemBox{
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.productDetailConBox2 .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
}
.productDetailConBox2 .item .img{
    line-height: 0;
    margin-bottom: 5px;
}
.productDetailConBox2 .item .text a{
    display: block;
    font-size: 16px;
    color: #22363f;
}

.productDetailConBox3{
    padding-bottom: 40px;
}
.productDetailConBox3 .itemBox{
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.productDetailConBox3 .item{
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
}
.productDetailConBox3 .item .img{
    line-height: 0;
    margin-bottom: 5px;
}
.productDetailConBox3 .item .text a{
    display: block;
    font-size: 16px;
    color: #22363f;
}

.aboutCrumbs{
    background: #fcfcfc;
}
.aboutBox1{
    padding-top: 30px;
    background: #fcfcfc;
}
.aboutBox1 .title h1{
    font-size: 48px;
    color: #22363f;
    text-align: center;
    text-transform: uppercase;
}
.aboutBox1 .conBox{
    overflow: hidden;
}
.aboutBox1 .img{
    width: 490px;
    float: left;
    line-height: 0;
}
.aboutBox1 .textBox{
    margin-left: 490px;
    padding-top: 90px;
}
.aboutBox1 .textBox h3{
    font-size: 36px;
    color: #22363f;
    font-weight: 700;
    padding-bottom: 20px;
}
.aboutBox1 .textBox .text{
    position: relative;
    padding: 30px 0;
}
.aboutBox1 .textBox .text:before,
.aboutBox1 .textBox .text:after{
    position: absolute;
    content: '';
    width: 28px;
    height: 19px;
}
.aboutBox1 .textBox .text:before{
    top: 0;
    left: 0;
    background: url("/public/static/images/home/en-us/aboutIco1.png") no-repeat center center;
}
.aboutBox1 .textBox .text:after{
    bottom: 0;
    right: 0;
    background: url("/public/static/images/home/en-us/aboutIco2.png") no-repeat center center;
}
.aboutBox1 .textBox .text p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.6;
}
.aboutBox1 .textBox span{
    display: inline-block;
    float: right;
    margin-top: 45px;
    font-size: 30px;
    color: #22363f;
    position: relative;
}
.aboutBox1 .textBox span:before{
    position: absolute;
    content: '';
    width: 75px;
    height: 1px;
    left: -80px;
    top: 50%;
    background: #22363f;
}

.aboutBox2 > .textBox{
    padding: 105px 0 75px;
    background: url("/public/static/images/home/en-us/aboutBj1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.aboutBox2 > .textBox h2{
    width: 360px;
    float: left;
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
}
.aboutBox2 > .textBox .text{
    margin-left: 360px;
}
.aboutBox2 > .textBox .text p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}
.aboutBox2 > .conBox{
    margin-top: -60px;
    position: relative;
    z-index: 2;
}
.aboutBox2 .item{
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #bfbfbf;
}
.aboutBox2 .item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.aboutBox2 .item .img{
    line-height: 0;
    width: 375px;
    float: left;
    position: relative;
    padding-top: 30px;
    padding-left: 30px;
}
.aboutBox2 .item .img:before{
    position: absolute;
    content: '';
    width: 365px;
    height: 420px;
    top: 0;
    left: 0;
    background: #22363f;
}
.aboutBox2 .item .img img{
    position: relative;
    z-index: 2;
}
.aboutBox2 .item .textBox{
    margin-left: 375px;
    padding-left: 60px;
    padding-top: 65px;
}
.aboutBox2 .item:nth-of-type(1) .textBox{
    padding-top: 80px;
}
.aboutBox2 .item .textBox h3{
    font-size: 26px;
    color: #22363f;
    font-weight: 700;
}
.aboutBox2 .item .text{
    margin-top: 20px;
}
.aboutBox2 .item .text span{
    font-size: 20px;
    color: #22363f;
    font-weight: 700;
    display: block;
    padding-bottom: 5px;
}
.aboutBox2 .item .text p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.6;
}
.aboutBox2 .item .text .t{
    padding: 30px 0;
    margin-top: 10px;
    position: relative;
}
.aboutBox2 .item .text .t:before,
.aboutBox2 .item .text .t:after{
    position: absolute;
    content: '';
    width: 28px;
    height: 19px;
}
.aboutBox2 .item .text .t:before{
    top: 0;
    left: 0;
    background: url("/public/static/images/home/en-us/aboutIco1.png") no-repeat center center;
}
.aboutBox2 .item .text .t:after{
    bottom: 0;
    right: 0;
    background: url("/public/static/images/home/en-us/aboutIco2.png") no-repeat center center;
}

.aboutBox3 .title h2{
    padding: 60px 0 30px;
    text-align: center;
    font-size: 36px;
    color: #22363f;
    font-weight: 700;
    text-transform: uppercase;
}
.aboutBox3 .imgBox{
    overflow: hidden;
}
.aboutBox3 .imgBox .img{
    width: 25%;
    float: left;
    line-height: 0;
    text-align: center;
}
.aboutBox3 .conBox{
    overflow: hidden;
}
.aboutBox3 .conBox .textBox{
    width: 50%;
    float: left;
}
.aboutBox3 .conBox .textBox .text{
    width: 600px;
    float: right;
    padding-right: 25px;
    padding-top: 140px;
}
.aboutBox3 .conBox .textBox .text h3{
    color: #22363f;
    font-size: 48px;
    padding-bottom: 75px;
    text-transform: uppercase;
}
.aboutBox3 .conBox .textBox .text p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.5;
    margin-bottom: 20px;
}
.aboutBox3 .conBox .imgBox{
    padding-top: 540px;
    width: 50%;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}


.aboutBox4{
    overflow: hidden;
    background: #fcfcfc;
}
.aboutBox4 .title h2{
    padding: 80px 0;
    font-size: 48px;
    color: #22363f;
    text-align: center;
    text-transform: uppercase;
}

.aboutBox4 .history .yearSlick{
    overflow: hidden;
    display: flex;
    position: relative;
    margin-bottom: 50px;
}
.aboutBox4 .history .yearSlick:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 18px;
    background: #d3d3d3;
}
.aboutBox4 .history .yearSlick .slick_first{
    width: 14%;
    float: left;
    text-align: center;
}
.aboutBox4 .history .yearSlick .slick_first span{
    display: inline-block;
    vertical-align: bottom;
    font-size: 20px;
    color: #333129;
    font-weight: 700;
    line-height: 1;
    height: 85px;
    padding-top: 25px;
    position: relative;
    cursor: pointer;
}
.aboutBox4 .history .yearSlick .slick_first.slick-current span,
.aboutBox4 .history .yearSlick .slick_first.on span{
    padding-top: 0;
    font-size: 36px;
    color: #22363f;
}
.aboutBox4 .history .yearSlick .slick_first span:before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    bottom: 11px;
    left: 50%;
    margin-left: -8px;
    background: #333129;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}
.aboutBox4 .history .yearSlick .slick_first span:after{
    position: absolute;
    content: '';
    width: 36px;
    height: 36px;
    bottom: 1px;
    left: 50%;
    margin-left: -18px;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.aboutBox4 .history .yearSlick .slick_first.slick-current span:before,
.aboutBox4 .history .yearSlick .slick_first.on span:before{
    background: #ffffff;
}
.aboutBox4 .history .yearSlick .slick_first.slick-current span:after,
.aboutBox4 .history .yearSlick .slick_first.on span:after{
    background: #ba1b22;
}
.aboutBox4 .history .textSlick{
    text-align: center;
    padding: 0 100px;
}
.aboutBox4 .history .textSlick .slick-prev,
.aboutBox4 .history .textSlick .slick-next{
    width: 21px;
    height: 42px;
    margin-top: 0;
    top: 0;
    background: url("/public/static/images/home/en-us/reset/buttonstyle.png") no-repeat;
}
.aboutBox4 .history .textSlick .slick-prev{
    background-position: left center;
}
.aboutBox4 .history .textSlick .slick-next{
    background-position: right center;
}
.aboutBox4 .history .textSlick .slick_first{
    display: none;
}
.aboutBox4 .history .textSlick .slick_first p{
    font-size: 16px;
    color: #333129;
    line-height: 1.5;
}

.aboutBox4 .textCon{
    display: flex;
    padding: 85px 0;
    justify-content: space-between;
}
.aboutBox4 .textCon p{
    font-size: 20px;
    color: #22363f;
}
.aboutBox4 .textCon p span{
    font-size: 42px;
    color: #22363f;
    font-weight: 700;
}
.aboutBox4 .textCon p span sup{
    font-weight: 700;
    font-size: 20px;
}

.aboutBox4 .customerFeedBack h3{
    font-size: 36px;
    color: #22363f;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}
.aboutBox4 .customerFeedBack .slick_first{
    overflow: hidden;
}
.aboutBox4 .customerFeedBack .img{
    line-height: 0;
    width: 503px;
    float: left;
    position: relative;
    z-index: 2;
}
.aboutBox4 .customerFeedBack .textBox{
    margin-left: 435px;
    height: 360px;
    margin-top: 25px;
    padding: 60px 60px 45px 100px;
    background: url("/public/static/images/home/en-us/aboutCustomerBj.png") no-repeat right center;
}
.aboutBox4 .customerFeedBack .text{
    padding-top: 45px;
    position: relative;
}
.aboutBox4 .customerFeedBack .text:before{
    position: absolute;
    content: '';
    width: 28px;
    height: 19px;
    top: 0;
    left: 0;
    background: url("/public/static/images/home/en-us/aboutIco1.png");
}
.aboutBox4 .customerFeedBack .text p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.4;
}
.aboutBox4 .customerFeedBack .text span{
    display: block;
    margin-top: 15px;
    font-size: 16px;
    color: #22363f;
    font-weight: 700;
}
.aboutBox4 .customerFeedBackSlick{
    margin-bottom: 90px;
}
.aboutBox4 .customerFeedBackSlick .slick-prev,
.aboutBox4 .customerFeedBackSlick .slick-next{
    width: 21px;
    height: 42px;
    margin-top: -21px;
    background: url("/public/static/images/home/en-us/reset/buttonstyle.png") no-repeat;
}
.aboutBox4 .customerFeedBackSlick .slick-prev{
    left: -40px;
    background-position: left center;
}
.aboutBox4 .customerFeedBackSlick .slick-next{
    right: -40px;
    background-position: right center;
}


.aboutBox5{
    overflow: hidden;
}
.aboutBox5 .imgBox{
    padding-top: 605px;
    width: 50%;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
[dir='rtl'] .aboutBox5 .imgBox{
    float: right;
}
.aboutBox5 .textBox{
    width: 50%;
    float: left;
}
[dir='rtl'] .aboutBox5 .textBox{
    float: right;
}
.aboutBox5 .textBox .text{
    width: 600px;
    padding-top: 60px;
    padding-left: 40px;
}
[dir='rtl'] .aboutBox5 .textBox .text{
    padding-left: 0;
    padding-right: 40px;
}
.aboutBox5 .textBox .text h3{
    color: #22363f;
    font-size: 48px;
    padding-bottom: 50px;
    text-transform: uppercase;
}
.aboutBox5 .textBox .text p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.5;
    margin-bottom: 20px;
}


.factoryVideo a{
    display: block;
    padding-top: 535px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.factoryVideo a:after{
    background: url("/public/static/images/home/en-us/factoryVideo.png") no-repeat center center;
}

.factoryBox1{
    padding-bottom: 110px;
    overflow: hidden;
    background: url("/public/static/images/home/en-us/factoryBj.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.factoryBox1 .title{
    padding: 55px 60px 45px;
    text-align: center;
}
.factoryBox1 .title h1{
    font-size: 48px;
    color: #22363f;
    text-transform: uppercase;
    padding-bottom: 50px;
}
.factoryBox1 .title p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.5;
}
.factoryBox1 .itemBox{
    overflow: hidden;
    margin-right: -10px;
}
.factoryBox1 .items{
    float: left;
    margin-right: 10px;
}
.factoryBox1 .items .itemCon{
    overflow: hidden;
    margin-right: -10px;
}
.factoryBox1 .items .itemCon .item{
    float: left;
    margin-right: 10px;
}
.factoryBox1 .item .img{
    overflow: hidden;
    line-height: 0;
    text-align: center;
    margin-bottom: 4px;
}
.factoryBox1 .item .text{
    margin-bottom: 10px;
}
.factoryBox1 .item .text a{
    display: block;
    font-size: 18px;
    color: #000000;
    padding-left: 30px;
    background: url("/public/static/images/home/en-us/factoryIco.png") no-repeat left center;
}

.factoryBox2{
    padding-bottom: 30px;
    margin-top: -65px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.factoryBox2 .itemBox{
    background: #ffffff;
}
.factoryBox2 .item{
    overflow: hidden;
    margin-bottom: 35px;
}
.factoryBox2 .item .imgBox{
    width: 50%;
    float: right;
    padding-left: 30px;
}
.factoryBox2 .item .textBox{
    width: 50%;
    float: right;
    padding-top: 55px;
    padding-right: 30px;
    padding-left: 10px;
}
.factoryBox2 .item:nth-of-type(2) .imgBox,
.factoryBox2 .item:nth-of-type(2) .textBox{
    float: left;
}
.factoryBox2 .item:nth-of-type(2) .imgBox{
    padding-left: 0;
    padding-right: 30px;
}
.factoryBox2 .item:nth-of-type(2) .textBox{
    padding-right: 0;
    padding-left: 30px;
    padding-top: 20px;
}
.factoryBox2 .item .textBox h3{
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    color: #233640;
}
.factoryBox2 .item .textBox p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.5;
}
.factoryBox2 .item .textBox .img{
    line-height: 0;
    margin-top: 20px;
}

.factoryBox3{
    background: #22363f;
}
.factoryBox3 .title{
    padding: 85px 0 45px;
    text-align: center;
}
.factoryBox3 .title h2{
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 30px;
}
.factoryBox3 .title p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.5;
}

.factorySlickBox{
    position: relative;
    min-height: 355px;
    margin-bottom: 100px;
}
.factorySlick{
    position: absolute;
    width: 980px;
    top: 0;
    left: 50%;
    margin-left: -490px;
    z-index: 2;
}
.factorySlick .slick-prev,
.factorySlick .slick-next{
    width: 62px;
    height: 32px;
    margin-top: 0;
    top: auto;
    bottom: -55px;
    background: url("/public/static/images/home/en-us/factoryArrow.png") no-repeat;
}
.factorySlick .slick-prev{
    left: 50%;
    margin-left: -62px;
    background-position: left center;
}
.factorySlick .slick-next{
    right: 50%;
    margin-right: -62px;
    background-position: right center;
}
.factoryHSlick{
    padding-top: 13px;
}
.factoryHSlick .slick_first{
    padding-top: 325px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.factoryBox4 .title h2{
    text-align: center;
    padding: 60px 0;
    font-weight: 700;
    font-size: 36px;
    color: #22363f;
}
.factoryBox4 .itemBox{
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.factoryBox4 .item{
    width: 33.3%;
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
}

.factoryBox5 .title h3{
    text-align: center;
    padding: 60px 0;
    font-size: 48px;
    color: #22363f;
    text-transform: uppercase;
}
.factoryBox5 .itemBox{
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.factoryBox5 .item{
    float: left;
    padding: 0 5px;
    margin-bottom: 20px;
}

.factoryBox6{
    padding-bottom: 30px;
}
.factoryBox6 .title h3{
    text-align: center;
    padding: 60px 0 40px;
    font-size: 48px;
    color: #22363f;
    text-transform: uppercase;
}
.factoryBox6 .item{
    overflow: hidden;
    margin-bottom: 40px;
    display: block;
    position: relative;
}
.factoryBox6 .item .img{
    width: 50%;
    line-height: 0;
    float: left;
}
.factoryBox6 .item .textBox{
    position: absolute;
    width: 50%;
    right: 0;
    bottom: 0;
    padding-left: 20px;
}
.factoryBox6 .item:nth-of-type(2) .img{
    float: right;
}
.factoryBox6 .item:nth-of-type(2)  .textBox{
    right: auto;
    left: 0;
    padding-left: 0;
    padding-right: 20px;
}
.factoryBox6 .item .textBox .text p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.5;
}
.factoryBox6 .item .textBox .tpBox{
    overflow: hidden;
    margin-top: 20px;
    margin-left: -3px;
    margin-right: -3px;
    display: flex;
    justify-content: space-between;
}
.factoryBox6 .item .textBox .tp{
    float: left;
    padding: 0 3px;
}

.workBanner{
    position: relative;
}
.workBanner .img{
    padding-top: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.workBanner h1{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    margin-top: -24px;
    font-size: 48px;
    color: #ffffff;
    text-transform: uppercase;
}

.workBox1{
    padding: 35px 0 60px;
    background: #f6f6f6;
}
.workBox1 p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}

.workBox2{
    padding-bottom: 45px;
    background: #f6f6f6;
}

.workBox2 .workMenuBox{
    width: 310px;
    float: left;
    position: sticky;
    top: 85px;
    left: 0;
}
.workBox2 .workMenuBox ul{
    overflow: hidden;
    position: relative;
}
.workBox2 .workMenuBox ul:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 43px;
    border-left: 1px dashed #22363f;
}
.workBox2 .workMenuBox ul li{
    padding: 15px 0 15px 22px;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    transition: all .3s;
}
.workBox2 .workMenuBox ul li.on,
.workBox2 .workMenuBox ul li:hover{
    background: #ffffff;
    transition: all .3s;
}
.workBox2 .workMenuBox ul li a{
    line-height: 42px;
    display: block;
    position: relative;
    padding-left: 60px;
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
}
.workBox2 .workMenuBox ul li span{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #22363f;
    transition: all .3s;
}
.workBox2 .workMenuBox ul li:hover span,
.workBox2 .workMenuBox ul li.on span{
    background: #ba1b22;
    transition: all .3s;
}
.workBox2 .workConBox{
    margin-left: 310px;
    padding-left: 60px;
    padding-right: 10px;
    padding-bottom: 45px;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 0;
}
.workBox2 .workConBox .title h2{
    padding: 25px 0 20px;
    font-size: 26px;
    color: #22363f;
    font-weight: 700;
}

.jobSiteBox1 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}

.jobSiteBox2 .conBox{
    margin-top: 30px;
}
.jobSiteBox2 .text h3{
    padding-left: 42px;
    position: relative;
    line-height: 30px;
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 15px;
}
.jobSiteBox2 .text h3 span{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #22363f;
    font-size: 18px;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.jobSiteBox2 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.jobSiteBox2 .imgBox{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.jobSiteBox2 .imgBox .img{
    line-height: 0;
    width: 50%;
    padding: 0 10px;
    margin-top: 20px;
}
.jobSiteBox2 .img{
    line-height: 0;
    margin-top: 20px;
}
.jobSiteBox2 .imgBox .img img{
    width: 100%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
.jobSiteBox2 .imgBox .img a{
    display: block;
    position: relative;
}
.jobSiteBox2 .imgBox .img a:before{
    position: absolute;
    content: '';
    bottom: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    background: url("/public/static/images/home/en-us/jobsiteIco.png") no-repeat center center;
}
.jobSiteBox2 .tBox{
    overflow: hidden;
}
.jobSiteBox2 .tBox .t{
    width: 60%;
    float: left;
}
.jobSiteBox2 .tBox .t:nth-of-type(2){
    width: 40%;
}
.jobSiteBox2 .tBox p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}

.designServiceBox1 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.designServiceBox2 .img{
    text-align: center;
    margin-top: 20px;
    line-height: 0;
}
.designServiceBox2 .imgBox{
    display: flex;
    justify-content: center;
}
.designServiceBox2 .imgBox img{
    padding: 0 10px;
}
.designServiceBox3 .text {
    padding-top: 30px;
}
.designServiceBox3 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.designServiceBox3 .img{
    text-align: center;
    margin-top: 20px;
    line-height: 0;
}

.materialSelectionBox1 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.materialSelectionBox2 .item{
    overflow: hidden;
    margin-top: 35px;
    min-height: 198px;
    position: relative;
    padding-right: 266px;
}
.materialSelectionBox2 .item:nth-of-type(2n){
    padding-right: 0;
    padding-left: 266px;
}
.materialSelectionBox2 .item .text{
    padding-right: 30px;
}
.materialSelectionBox2 .item:nth-of-type(2n) .text{
    padding-right: 0;
    padding-left: 30px;
}
.materialSelectionBox2 .item .img{
    position: absolute;
    top: 0;
    right: 0;
    width: 266px;
    line-height: 0;
}
.materialSelectionBox2 .item:nth-of-type(2n) .img{
    right: auto;
    left: 0;
}
.materialSelectionBox2 .item .text h3{
    padding-left: 15px;
    font-size: 18px;
    color: #22363f;
    font-weight: 700;
    margin-bottom: 10px;
    background: url("/public/static/images/home/en-us/materialSelectionIco1.png") no-repeat left 3px;
}
.materialSelectionBox2 .item .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.materialSelectionBox3 h2{
    font-size: 22px;
    color: #222222;
    font-weight: 700;
    padding: 55px 0 45px;
}
.materialSelectionBox3 .imgBox{
    width: 801px;
    position: relative;
}
.materialSelectionBox3 .imgBox .a{
    position: absolute;
}
.materialSelectionBox3 .imgBox .a1{
    top: 0;
}
.materialSelectionBox3 .imgBox .a2{
    top: 83px;
}
.materialSelectionBox3 .imgBox .a3{
    bottom: 0;
}
.materialSelectionBox3 .imgBox .a4{
    top: 0;
    right: 0;
}
.materialSelectionBox3 .imgBox .a5{
    bottom: 0;
    right: 0;
}
.materialSelectionBox3 .a a{
    display: block;
    width: 212px;
    height: 50px;
    font-size: 16px;
    color: #22363f;
    line-height: 50px;
    font-weight: 700;
    text-align: center;
    background: #d4d4d4;
}
.materialSelectionBox3 .a a.on,
.materialSelectionBox3 .a a:hover{
    background: #ba1b22;
    color: #ffffff;
}
.materialSelectionBox3 .switch{
    height: 0;
    overflow: hidden;
}
.materialSelectionBox3 .switch.on{
    height: auto;
}
.materialSelectionBox3 .switch h3{
    margin: 40px 0 30px;
    padding-left: 35px;
    font-size: 16px;
    color: #22363f;
    font-weight: 700;
    line-height: 19px;
    background: url("/public/static/images/home/en-us/materialSelectionIco2.png") no-repeat left top;
}
.materialSelectionBox3 .switch .imgBox{
    position: relative;
}
.materialSelectionBox3 .switch .text{
    position: absolute;
    width: 440px;
    padding: 35px 25px;
    left: 25px;
    top: 30%;
    background: rgba(255,255,255,.8);
}
.materialSelectionBox3 .switch .text li{
    padding-left: 15px;
    position: relative;
}
.materialSelectionBox3 .switch .text li:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    left: 0;
    top: 10px;
    background: #22363f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.materialSelectionBox3 .switch .text p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.5;
}

.costEstimationBox1 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.costEstimationBox2 h3{
    font-size: 20px;
    color: #22363f;
    font-weight: 700;
    padding: 25px 0 20px;
}
.costEstimationBox2 .infoBox{
    margin-bottom: 18px;
    background: #f5f7fa;
    padding: 15px 10px;
    overflow: hidden;
}
.costEstimationBox2 .infoBox .bt{
    font-size: 16px;
    color: #22363f;
    line-height: 30px;
    margin: auto;
}
.costEstimationBox2 .infoBox .con{
    overflow: hidden;
}
.costEstimationBox2 .infoBox .con .controls{
    overflow: hidden;
    margin-top: 15px;
}
.costEstimationBox2 .infoBox .controls span{
    display: inline-block;
    font-size: 14px;
    color: #22363f;
    line-height: 30px;
    float: left;
    padding-right: 10px;
}
.costEstimationBox2 .infoBox p{
    font-size: 14px;
    color: #22363f;
    margin-top: 15px;
}
.costEstimationBox2 .infoBox select,
.costEstimationBox2 .infoBox input{
    display: inline-block;
    float: left;
    height: 30px;
    border: 1px solid #b5b5b5;
    padding: 0 10px;
}

.costEstimationBox2 .box1 span,
.costEstimationBox2 .box2 span{
    float: left;
    display: inline-block;
    width: 120px;
}
.costEstimationBox2 .box1 select{
    width: 135px;
    margin-right: 50px;
}
.costEstimationBox2 .box3 .controls{
    width: 50%;
    float: left;
}
.costEstimationBox2 .box3 span{
    min-width: 122px;
}
.costEstimationBox2 .box3 select,
.costEstimationBox2 .box3 input{
    width: 230px;
}
.costEstimationBox2 .box4 .controls{
    width: 33.33%;
    float: left;
}
.costEstimationBox2 .box4 .info:last-child .controls:last-child{
    width: 66%;
}
.costEstimationBox2 .box4 span{
    min-width: 130px;
}
.costEstimationBox2 .box4 select{
    width: 120px;
}
.costEstimationBox2 .box4 input{
    width: 384px;
}
.costEstimationBox2 .box5 .controls{
    width: 33.33%;
    float: left;
}
.costEstimationBox2 .box5 .info:last-child .controls:last-child{
    width: 66%;
}
.costEstimationBox2 .box5 span{
    min-width: 92px;
}
.costEstimationBox2 .box5 select{
    width: 160px;
}
.costEstimationBox2 .box6 .controls{
    width: 50%;
    float: left;
}
.costEstimationBox2 .box6 span{
    min-width: 120px;
}
.costEstimationBox2 .box6 input{
    width: 245px;
}

.costEstimationBox2 input[type="submit"]{
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #ffffff;
    border: 0;
    background: #22363f;
    cursor: pointer;
}
.costEstimationBox2 input[type="submit"]:hover{
    background: #ba1b22;
}

.costEstimationBox3 h3{
    font-size: 20px;
    color: #22363f;
    font-weight: 700;
    padding: 50px 0 10px;
}
.costEstimationBox3 .bt{
    padding-left: 10px;
    position: relative;
    font-size: 16px;
    color: #22363f;
    display: block;
}
.costEstimationBox3 .bt:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    left: 0;
    top: 8px;
    background: #22363f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.costEstimationBox3 .items{
    display: flex;
    justify-content: space-between;
}
.costEstimationBox3 .item1 .item{
    width: 250px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.costEstimationBox3 .item1 .item .img{
    margin-bottom: 5px;
    line-height: 0;
}
.costEstimationBox3 .item1 p,
.costEstimationBox3 .item2 p{
    font-size: 16px;
    color: #22363f;
}
.costEstimationBox3 .item2 .item{
    margin-bottom: 20px;
    margin-top: 15px;
}

.productionBox1 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.productionBox2 h3{
    font-size: 18px;
    color: #22363f;
    font-weight: 700;
    padding: 25px 0 40px;
}
.productionBox3 h3{
    font-size: 18px;
    color: #22363f;
    font-weight: 700;
    padding: 40px 0 20px;
}
.productionBox3 li{
    margin-top: 15px;
    padding-left: 15px;
    position: relative;
}
.productionBox3 li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background: #22363f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.productionBox3 li p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.5;
}
.productionBox4{
    margin-top: 20px;
    overflow: hidden;
}
.productionBox4 .img{
    width: 50%;
    float: left;
    line-height: 0;
}
.productionBox4 .text{
    width: 50%;
    float: left;
    padding-top: 30px;
    padding-right: 30px;
}
.productionBox4 .text p{
    font-size: 16px;
    color: #22363f;
    line-height: 1.5;
}

.qualityControlBox1 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.qualityControlBox2 h3{
    padding-left: 42px;
    position: relative;
    line-height: 30px;
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 700;
    margin: 25px 0 10px;
}
.qualityControlBox2 h3 span{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #22363f;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}
.qualityControlBox2 p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.qualityControlBox2 .imgBox{
    display: flex;
    justify-content: space-between;
    margin-left: -3px;
    margin-right: -3px;
}
.qualityControlBox2 .img{
    margin-top: 15px;
    line-height: 0;
    padding: 0 3px;
}

.packingBox1 .text p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.packingBox2 h3{
    padding-left: 42px;
    position: relative;
    line-height: 30px;
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 700;
    margin: 25px 0 10px;
}
.packingBox2 h3 span{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #22363f;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}
.packingBox2 p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.packingBox2 .img{
    padding: 30px 0;
    line-height: 0;
}
.packingBox3 h2{
    position: relative;
    line-height: 30px;
    font-size: 26px;
    color: #22363f;
    font-weight: 700;
    margin: 25px 0 10px;
}
.packingBox3 p{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.packingBox3 .img{
    padding: 30px 0;
    line-height: 0;
}
.packingBox3 .img:last-child{
    padding-bottom: 0;
}
.installationSupportBox1 .text p,
.installationSupportBox1 .text p a{
    font-size: 18px;
    color: #22363f;
    line-height: 1.5;
}
.installationSupportBox2{
    padding-top: 30px;
}

.videoBox {
    padding: 40px 0;
}

.videoBox .submenu_wrap h2 {
    background: #212121;
    padding-left: 20px;
    position: relative;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 2.4em;
}

.videoBox .submenu_wrap h2 span {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    background: url("/public/static/images/home/en-us/reset/pro_click.png") no-repeat top center;
    display: none;
}

.videoBox .submenu_wrap h2.active span {
    background: url("/public/static/images/home/en-us/reset/pro_click.png") no-repeat bottom center;
}

.videoBox .submenu_wrap ul {
    border: 1px solid #eeeeee;
}

.videoBox .submenu_wrap ul li:nth-of-type(1) {
    border-top: 0;
}

.videoBox .submenu_wrap ul li {
    border-top: 1px solid #eeeeee;
    background: #ffffff;
    position: relative;
}

.videoBox .submenu_wrap ul li a {
    display: block;
    line-height: 36px;
    padding-left: 15px;
    font-size: 14px;
    color: #484848;
}

.videoBox .submenu_wrap ul li a:hover {
    background: #f5f5f5;
}

.videoBox .submenu_wrap_ul .submenu_ul li a {
    padding-left: 30px;
}

.videoBox .submenu_wrap ul li span.li_click,
.videoBox .submenu_wrap_ul .submenu_ul span.sec_click {
    position: absolute;
    background: url("/public/static/images/home/en-us/reset/li_click.png") top center no-repeat;
    height: 24px;
    width: 20px;
    display: block;
    left: auto;
    right: 10px;
    top: 8px;
    z-index: 10;
    cursor: pointer;
}

.videoBox .submenu_wrap ul li span.li_click.active,
.videoBox .submenu_wrap_ul .submenu_ul span.sec_click.active {
    background: url("/public/static/images/home/en-us/reset/li_click.png") bottom center no-repeat;
}

.videoBox .submenu_wrap ul.submenu_ul {
    border: 0;
    display: none;
}

.videoBox .submenu_wrap ul.submenu_ul dl {
    display: none;
}

.videoBox .submenu_wrap ul.submenu_ul dl a {
    padding-left: 40px;
}

.videoBt {
    font-size: 24px;
    color: #333;
    line-height: 1.8em;
    text-align: left;
    border-bottom: 2px solid #000000;
    margin-bottom: 20px;
}

.videoItemBox{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
}
.videoItemBox .item{
    width: 33.33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}
.videoItemBox .item .video{
    position: relative;
    padding-top: 56%;
    background: #e5e5e5;
}
.videoItemBox .item .video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.videoItemBox .item .text p{
    font-size: 16px;
    color: #222222;
    padding-top: 5px;
}

.suppliersBox{
    padding: 60px 0;
}
.suppliersBox .imgBox{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.suppliersBox .img{
    width: 32%;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #dddddd;
}
.suppliersBox .text{
    margin-bottom: 40px;
    text-align: center;
}
.suppliersBox .text p{
    font-size: 24px;
}


.infoBox.box0{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.infoBox.box0 .info{
    width: 48%;
}
.infoBox.box0 .info .bt,
.infoBox.box0 .info .controls{
    display: block;
    float: left;
    margin-right: 15px;
}
.infoBox.box0 .info .controls{
    width: 180px;
}
.infoBox.box0 .info .controls input[type="text"]{
    width: 100%;
}

.infoBox.box0 .info .tips{
    display: block;
    font-size: 12px;
    color: #ff0000;
    line-height: 14px;
}

.ce1 {
    padding: 56px 0 70px;
}

.ce1 .conBox{
    display: grid;
    grid-template-columns: 30% 65%;
    justify-content: space-between;
}

.ce1 .contactForm {
    width: 100%;
    /*float: left;*/
    /*padding-left: 40px;*/
    /*overflow: hidden;*/
}

.ce1 .title h2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 15px;
}

.ce1 .contactForm .info {
    width: 100%;
    float: left;
    position: relative;
    margin: 25px 0;
}

.ce1 .contactForm .info .label_control {
    position: absolute;
    left: 15px;
    top: -48px;
    line-height: 44px;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
}

.ce1 .contactForm .info .tips {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 44px;
    color: #ff0000;
}

.ce1 .contactForm .info input[type="text"] {
    width: 100%;
    padding: 0 15px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    font-size: 16px;
    color: #2c2c2c;
}

.ce1 .contactForm .info textarea {
    width: 100%;
    height: 217px;
    padding: 5px 10px;
    resize: none;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    color: #2c2c2c;
}

.ce1 .contactForm .info input[type="submit"] {
    display: inline-block;
    width: 140px;
    height: 40px;
    background: #3C83B2;
    border: 0;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    letter-spacing: 3px;
    cursor: pointer;
    /*margin-top: 40px;*/
    transition: all .3s;
}

.ce1 .contactForm .info input[type="submit"]:hover {
    opacity: 0.9;
    transition: all .3s;
}

.ce1 .contactForm .form-tip p{
    font-size: 14px;
    font-weight: 400;
    color: #111111;
    line-height: 24px;
}

.ce1 .contactForm .form-tip p a{
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    line-height: 24px;
}

.ce1 .imgVerifyCode img {
    margin-top: 4px;
    margin-right: 8px;
}
.ce1 .text_img p {
    font-size: 16px;
    font-weight: 400;
    color: #111111;
    line-height: 24px;
    margin: 8px 0;
}
.ce1 .text_img  {
    padding-top: 10px;
}
.ce1 .text_img ul li {
    font-size: 16px;
    font-weight: 400;
    color: #111111;
    line-height: 24px;
}

.ce1 .text_img .content{
    display: flex;
}
.ce1 .text_img .content .img{
    margin-left: 38px;
    box-shadow: 0px 3px 7px 0px rgba(33, 24, 21, 0.35);
}

.deal1 {
    margin-top: 40px;
}

.deal1 .content {
    margin-top: 20px;
}

.deal1 .content > p {
    font-size: 20px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    text-align: center;
}

.deal1 .content .context1 {
    margin-top: 24px;
}

.deal1 .content .context1 > p {
    font-size: 30px;
    font-weight: 400;
    color: #0063AC;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px;
}

.deal1 .content .context1 .item {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.deal1 .content .context1 .item:nth-child(2n) {
    flex-direction: row-reverse;
}

.deal1 .content .context1 .text,
.deal1 .content .context1 .img {
    width: 49%;
}

.deal1 .content .context1 .item .text h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    line-height: 30px;
    margin-bottom: 45px;
}

.deal1 .content .context1 .item .text p {
    font-size: 16px;
    font-weight: 400;
    color: #888888;
    line-height: 24px;
}

.deal1 .content .context2 {
    margin-top: 40px;
    margin-bottom: 70px;
}

.deal1 .content .context2 p {
    font-size: 30px;
    font-weight: 700;
    color: #285996;
    text-align: center;
}

.deal1 .content .context2 p {
    font-size: 30px;
    font-weight: 700;
    color: #285996;
    text-align: center;
}

.deal1 .content .context2 .text-img {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(3, 32%);
    justify-content: space-between;
}

.deal1 .content .context2 .text-img .item .img {
    text-align: center;
    min-height: 60px;
}

.deal1 .content .context2 .text-img .item .text h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 20px;
}

.deal1 .content .context2 .text-img .item .text p {
    font-size: 16px;
    font-weight: 400;
    color: #888888;
    line-height: 30px;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 30px;
}

.form_box .footerForm {
  background: #ffffff;
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding: 44px 74px 36px;
  color: #252525;
  margin-top: 29px;
  margin-bottom: 56px;
  font-size: 16px;
}

.flex {
  display: flex;
}
.flex-between {
  justify-content: space-between;
}

.form_box .footerForm .info-top .info:first-child {
  margin-right: 8px;
}

.form_box .info {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
}

.form_box .info input[type="text"], 
.form_box .footerForm .info textarea {
    width: 100%;
    height: 42px;
    padding: 10px;
    background: none;
    border: 1px solid #dcdcdc;
  }

  .form_box .footerForm .tips {
    display: block;
    color: #ff000f;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
  }

  .form_box .footerForm .info:last-child {
    text-align: center;
  }

  .form_box .footerForm .info textarea {
    height: 70px;
    resize: none;
  }

  .form_box .footerForm .info input[type="submit"] {
    width: 166px;
    height: 48px;
    background: #0063AC;
    border-radius: 4px;
    opacity: 1;
    border: 0;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    margin-top: 21px;
  }

  .form_box .footerForm .text a {
    text-decoration: underline;
    font-style: italic;
    font-weight: 400;
    color: #0063AC;
  }

  /* new start */
.cate .Crumbs {
    border-bottom: 1px solid #E5E5E5;
}

.cate1 {
    padding: 66px 0 70px;
}

.cate .title h2 {
    font-family: OpenSans;
    text-align: center;
    font-size: 48px;
    line-height: 38px;
    color: #333333;
    font-weight: 500;
}

.cate p {
    font-family: OpenSans;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
}

.cate1 .title h2 {
    margin-bottom: 38px;
}

.cate1 p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
}

.cate2 {
    background: url("/public/static/images/home/en-us/cate2Bg.png") no-repeat center;
    padding: 74px 0 87px;
}

.cate2 .title h2 {
    margin-bottom: 64px;
}

.cate2 .items {
    display: flex;
    justify-content: space-between;
}

.cate2 .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 22.5%;
    padding-bottom: 45px;
    border-bottom: 4px solid transparent;
    transition: all .5s ease 0s;
}

.cate2 .item .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    background: #E6E6E6;
    border-radius: 50%;
    margin-bottom: 32px;
    transition: all .5s ease 0s;
}

.cate2 .item h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 24px;
}

.cate2 .item p {
    text-align: center;
}

.cate2 .item:hover {
    border-color: #A92D2B;
}

.cate2 .item:hover .img {
    background-color: #A92D2B;
}

.cate2 .item:hover .img img {
    filter: grayscale(100)brightness(200);
}

.cate3 {
    padding: 70px 0;
}

.cate3 .title h2 {
    margin-bottom: 42px;
}

.cate3 h3 {
    font-size: 24px;
    text-align: center;
    margin: 15px 0;
}

.cate3 .slick_first {
    padding: 0 14px;
}

.cate3 .slick-prev, 
.cate3 .slick-next,
.cr .slick-prev, 
.cr .slick-next {
    width: 10px;
    height: 20px;
    background-color: transparent;
    background-image: url("/public/static/images/home/en-us/arrowLeft.png");
    background-repeat: no-repeat;
}

.cate3 .slick-prev,
.cr .slick-prev {
    background-position: 0 0;
    left: -10px;
}

.cate3 .slick-slider,
.cr .slick-slider {
    padding: 0 14px;
}

.cate3 .slick-next,
.cr .slick-next {
    background-image: url("/public/static/images/home/en-us/arrowRight.png");
    right: -10px;
}

.cate3 p {
    padding: 18px 0;
    line-height: 14px;
}

.cate3 .item {
    padding-bottom: 40px;
}

.cate4 h2 {
    margin-bottom: 36px;
}

.cate4 .items {
    display: flex;
}

.cate4 .item {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}

.cate4 .item:nth-child(2n) {
    flex-direction: column-reverse;
}

.cate4 .item .img,
.cate4 .item .content {
    height: 400px;
    background: #F1F1F1;
}

.cate4 .item .content {
    position: relative;
    padding: 84px 30px 0 30px;
}

.cate4 .item .content::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translate(100%, 50%);
    border-left: 24px solid #F1F1F1;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.cate4 .item:nth-child(2) .content::after {
    right: auto;
    left: 0;
    transform: translate(-100%, 50%) rotate(180deg);
}

.cate4 .item:nth-child(3) .content::after {
    right: 50%;
    top: 0;
    transform: translate(50%, -93%) rotate(-90deg);
}

.cate4 .item .content h3 {
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    font-family: OpenSans;
}

.cate4 {
    padding-bottom: 90px;
}

.cate5 {
    background: url("/public/static/images/home/en-us/cate5Bg.png") no-repeat center;
    padding: 70px 0;
}

.cate5 .wrap {
    position: relative;
}

.cate5 .wrap .left,
.cate5 .wrap .right {
    position: absolute;
}

.cate5 .wrap .left {
    left: 10%;
    top: 26%;
}

.cate5 .wrap .right {
    right: 10%;
    bottom: 26%;
}

.cate5 .wrap .title h2 {
    margin-bottom: 57px;
}

.cate5 .wrap  p {
    width: 67.66%;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-bottom: 120px;
}

.cate5 .slick-dots li {
    width: auto;
    height: auto;
}

.cate5 .slick-dots li button {
    background-color: #A0A0A0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.cate5 .slick-dots li.slick-active button{
    width: 13px;
    height: 13px;
    background: #A92D2B;
}

.cate6 {
    padding: 90px 0 100px;
}

.cate6 .title h2 {
    margin-bottom: 56px;
}

.cate6 .items {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.cate6 .item {
    display: flex;
    gap: 20px;
}

.cate6 .item .img {
    overflow: hidden;
    border-bottom-left-radius: 100px;
}

.cate6 .item:nth-child(2n) .img {
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 0px;
}

.cate6 .item .img img {
    transition: all .5s ease 0s;
}

.cate6 .item .content {
    width: 50%;
    padding-top: 30px;
}

.cate6 .item h3 {
    font-size: 20px;
    font-family: OpenSans;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    margin-bottom: 30px;
}

.cate6 .item a.more {
    display: block;
    width: 150px;
    height: 40px;
    background: #A92D2B;
    border-radius: 5px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    margin-top: 38px;
    border: 2px solid #A92D2B;
    transition: 0.5s ease 0s;
}

.cate6 .item a.more:hover {
    background: #fff;
    color: #A92D2B;
}

.cate6 .item:nth-child(2n) {
    flex-direction: row-reverse;
}

.cate6 .item .img:hover img {
    transform: scale(1.05);
}

.cate7 {
    padding-bottom: 94px; 
}

.cate7 .title h2 {
    margin-bottom: 26px;
}

.tabs-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .tabs-list li {
    width: 100%;
    background: #ffffff;
    border: 2px solid #A92D2B;
    border-radius: 10px;
  }
  
  .tabs-list li+li {
    margin-top: 16px;
  }
  
  .tabs-list .tabs-head {
    height: 50px;
    background: #ffffff;
    border-bottom: 2px solid #e4e4e4;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 50px;
    padding: 0 25px;
    background: #F8F8F8;
    cursor: pointer;
    background-image: url("/public/static/images/home/en-us/add.png");
    background-position: 98%;
    background-repeat: no-repeat;
  }
  
  .tabs-list .tabs-head.active {
    border-radius: 10px 10px 0 0;
    background-image: url("/public/static/images/home/en-us/reduce.png");
  }
  
  .tabs-list .text {
    display: none;
    overflow: hidden;
    padding: 26px 32px;
  }

  .tabs-list .text p {
    color:#666666;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
  }
  
  .tabs-list .text h3 {
    color: #3b7fba;
    font-weight: Bold;
    margin-bottom: 16px;
  }
  
  .tabs-list .text .content {
    margin-bottom: 40px;
  }
  
  .tabs-list .text .content p+p {
    margin-top: 12px;
  }
  
  .tabs-list .text .content:last-child {
    margin-bottom: 0;
  }

.cate8 {
    padding-bottom: 120px;
}

.cate8 .title h2 {
    line-height: 56px;
    margin-bottom: 20px;
}

.cate8 .items {
    display: grid;
    grid-template-columns: repeat(3, calc(380%/12));
    justify-content: space-between;
}

.cate8 .item {
    display: flex;
    flex-direction: column;
}

.cate8 .item .img {
    overflow: hidden;
}

.cate8 .item img {
    transition: all .5s ease 0s;
}

.cate8 .item a.name {
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 500;
    color: #333333;
    line-height: 14px;
    padding: 18px 0;
}

.cate8 .item:hover img {
    transform: scale(1.05);
}


.cate9 {
    padding: 86px 0 98px;
    background: url("/public/static/images/home/en-us/contactBg.png") no-repeat center;
}

.cate9 .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cate9 .wrap h2 {
    font-size: 30px;
    font-family: OpenSans;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    margin-bottom: 21px;
}

.cate9 .wrap h3 {
    font-size: 20px;
    font-family: OpenSans;
    font-weight: 400;
    color: #333333;
    line-height: 17px;
}

.cate9 .wrap a.more {
    display: block;
    width: 261px;
    height: 50px;
    background: #A92D2B;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    color: #FFFFFF;
    margin-top: 30px;
    border: 2px solid #A92D2B;
}

.cate9 .wrap a.more:hover {
    background: transparent;
    color: #A92D2B;
}

.show {
    margin-bottom: 84px;
}


.show .wrap {
    position: relative;
    padding: 62px 50px 95px;
    background: url("/public/static/images/home/en-us/indexShow03.png") no-repeat center;
    background-size: cover;
    filter: drop-shadow(2px 4px 6px black);
}

.show .wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    z-index: -1;
}

.show .container_1600 {
    padding: 0 100px;
}
[dir='rtl'] .show .container_1600{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.show .img {
    margin-bottom: 70px;
}

.show h2 {
    position: relative;
    font-size: 30px;
    font-family: Open Sans;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    padding-left: 12px;
    margin-bottom: 44px;
}

.show h2::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 6px;
    height: 30px;
    background-color: #BA1B22;
}

.show .text {
    width: 41%;
    padding-left: 11px;
}

.show p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}

.show .text p + p{
    margin-top: 40px;
}

.show a.more {
    display: block;
    width: 208px;
    height: 47px;
    background: #BA1B22;
    border-radius: 4px;
    margin-top: 36px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    border: 2px solid #BA1B22;
    transition: all .5s ease 0s;
}

.show a.more:hover {
    background-color: transparent;
}

.cr1 .title h2{
    padding: 70px 0;
    text-align: center;
    font-family: OpenSans;
    text-align: center;
    font-size: 48px;
    line-height: 38px;
    color: #333333;
    font-weight: 500;
}

.crVideoSlick .slick_first {
    padding: 0 20px;
}

.crVideoSlick .slick_first iframe {
    width: 100%;
    height: 200px;
}

.cr1 p {
    color: #333;
    line-height: 1.6;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 22px;
}

.cr1 .crVideoSlick,
.cr1 .content,
.cr1 .cr1Slick {
    margin-bottom: 40px;
}

@media (max-width: 992px) {
    .cate .title h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px!important;
    }

    .cate1 {
        padding: 20px 0;
    }

    .cate1 .title h2 {
        margin-bottom: 20px;
    }

    .cate2,
    .cate3 {
        padding: 20px 0;
    }

    .cate2 .items {
        flex-direction: column;
    }

    .cate2 .item {
        width: 100%;
        padding-bottom: 20px;
    }

    .cate2 .item .img,
    .cate2 .item h3 {
        margin-bottom: 20px;
    }

    .cate2 {
        background-size: cover;
    }

    .cate3 h3 {
        font-size: 20px;
    }

    .cate3 p {
        text-align: center;
    }

    .cate3 .slick-next, .cr .slick-next {
        right: 10px;
    }

    .cate3 .slick-prev, .cr .slick-prev {
        left: 10px;
    }

    .cate3 .item,
    .cate4 {
        padding-bottom: 20px;
    }

    .cate4 .items {
        gap: 20px;
        flex-direction: column;
    }

    .cate4 .item {
        width: 100%;
        flex-direction: column;
    }

    .cate4 .item:nth-child(2n) {
        flex-direction: column;
    }

    .cate4 .item .content {
        height: auto;
        padding: 20px;
    }

    .cate4 .item .img, .cate4 .item .content {
        height: auto;
    }

    .cate4 .item .content h3 {
        margin-bottom: 20px;
    }

    .cate4 .item .content::after {
        display: none;
    }

    .cate5 .wrap .left {
        left: 0%;
        top: 18%;
    }

    .cate5 .wrap .right {
        right: 0%;
        bottom: 18%;
    }

    .cate5 {
        padding: 20px 0;
        background-size: cover;
    }

    .cate5 .wrap p {
        width: 80%;
        padding-bottom: 0;
        margin-bottom: 60px;
    }

    .cate6 {
        padding: 20px 0;
    }

    .cate6 .item {
        flex-direction: column-reverse!important;
    }

    .cate6 .item .content {
        width: 100%;
    }

    .cate6 .item .img {
        border-radius: 70px!important;
    }

    .cate6 .item .content {
        padding-top: 0;
    }

    .cate6 .item h3 {
        margin-bottom: 20px;
    }

    .cate6 .item a.more {
        margin: 0 auto;
        margin-top: 20px;
    }

    .tabs-list .tabs-head {
        font-size: 12px;
        font-weight: 500;
    }

    .tabs-list .text {
        padding: 20px;
    }

    .tabs-list .text p {
        line-height: 24px;
    }

    .cate7,
    .cate8 {
        padding-bottom: 20px;
    }

    .cate8 .items {
        grid-template-columns: 100%;
    }

    .cate9 .wrap h2 {
        font-size: 20px;
        text-align: center;
    }

    .cate9 .wrap h3 {
        font-size: 18px;
    }

    .cate9 .wrap a.more {
        width: 180px;
        height: 40px;
        line-height: 38px;
        font-size: 16px;
        border-radius: 4px;
    }

    .cate9 {
        padding: 40px 0;
    }

    .show .container_1600 {
        padding: 0;
    }

    .show .wrap {
        padding: 20px;
        background-size: cover;
    }

    .show .text {
        width: 100%;
    }

    .show .img {
        margin-bottom: 20px;
    }

    .show h2 {
        margin-bottom: 20px;
    }

    .show .text p + p {
        margin-top: 20px;
    }

    .show a.more {
        margin-top: 20px;
    }

    .cr1 .title h2 {
        padding: 20px 0;
        font-size: 30px;
    }

    .cr .slick-prev {
        left: 0;
    }

    .cr .slick-next {
        right: 0;
    }
}

/* new end */


@media (max-width: 767px) {
    .infoBox.box0 .info{
        width: 100%;
    }
    .infoBox.box0 .info:nth-of-type(1){
        margin-bottom: 10px;
    }
    .infoBox.box0 .info .bt{
        width: 120px;
    }
}
@media (max-width: 580px) {
    .infoBox.box0 .info .controls{
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 1620px){
    .banner .conBox .textBox{
        margin-left: 100px;
    }
    .indexBox2 .textBox{
        padding-top: 60px;
    }
    .indexBox3 .textBox{
        padding-top: 20px;
    }
}
@media (max-width: 1450px){
    .indexBox1 .container_1600,
    .indexBox2 .container_1600,
    .indexBox3 .container_1600,
    .show .container_1600,
    .indexBox4 .container_1600,
    .indexBox5 .container_1600,
    .footer_box .container_1600{
        padding-left: 0;
        padding-right: 0;
    }
    .banner .conBox .textBox{
        width: 730px;
        padding: 40px 100px;
    }
    .banner .conBox .textBox h2{
        font-size: 40px;
    }
    .banner .conBox .textBox p{
        font-size: 20px;
    }
    .banner .conBox .textBox a{
        width: 180px;
        height: 40px;
        line-height: 38px;
    }
}
@media (max-width: 1220px){
    .indexBox1 .title h2,
    .indexBox2 .textBox h2,
    .indexBox3 .textBox h2,
    .indexBox4 .title h2,
    .indexBox5 .title h2,
    .projectBox .title h2,
    .workBanner h1,
    .aboutBox1 .title h1,
    .aboutBox3 .conBox .textBox .text h3,
    .aboutBox4 .title h2,
    .aboutBox5 .textBox .text h3,
    .factoryBox1 .title h1,
    .factoryBox5 .title h3,
    .factoryBox6 .title h3,
    .contactBanner .text h1{
        font-size: 40px;
    }
    .headerNavBox .nav_list > li > a{
        margin-left: 8px;
    }
    .footer_box .fast_navigation .itemBox .item:nth-of-type(1){
        width: 210px;
    }
    .footer_box .fast_navigation .itemBox .item{
        width: 260px;
    }
    .footerForm .imgVerifyCode .Verify_img{
        right: 4px !important;
        top: 6px !important;
        height: 28px !important;
    }
    .banner .conBox .poa{
        bottom: 8%;
    }
    .banner .conBox .textBox{
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }


    .indexBox1 .title h2{
        padding-bottom: 30px;
    }
    .indexBox1 .itemBox{
        margin-left: -10px;
        margin-right: -10px;
    }
    .indexBox1 .item{
        padding: 0 10px;
    }
    .indexBox1 .conBox .text a{
        font-size: 18px;
    }

    .indexBox2{
        padding: 80px 0;
    }
    .indexBox2 .textBox{
        width: 355px;
    }
    .indexBox2 .textBox span{
        font-size: 20px;
    }
    .indexBox2 .textBox p{
        font-size: 16px;
    }
    .indexBox2 .itemBox{
        margin-left: 355px;
    }
    .indexBox2 .conBox .text a span{
        font-size: 16px;
        margin-left: 10px;
    }
    .indexBox2 .conBox:hover{
        top: -15px;
    }
    .indexBox2 .conBox:hover .text a span{
        margin-left: 10px;
    }

    .indexBox3 .indexAboutVideo{
        width: 60%;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .indexBox3 .textBox{
        width: 40%;
        padding-left: 20px;
    }
    .indexBox3 .textBox h2{
        padding-bottom: 20px;
    }
    .indexBox3 .textBox p{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .indexBox3 .item{
        width: 48%;
        margin-bottom: 20px;
    }

    .projectBox .itemBox{
        margin-left: -10px;
        margin-right: -10px;
    }
    .projectBox .item{
        padding: 0 10px;
    }

    .projectDetailBox2 .itemBox,
    .projectDetailBox4 .itemBox,
    .projectDetailBox5 .itemBox,
    .projectDetailBox6 .itemBox,
    .projectDetailBox7 .itemBox,
    .otherProjects .itemBox{
        margin-left: -10px;
        margin-right: -10px;
    }
    .projectDetailBox2 .item,
    .projectDetailBox4 .item,
    .projectDetailBox5 .item,
    .projectDetailBox6 .item,
    .projectDetailBox7 .item,
    .otherProjects .item{
        padding: 0 10px;
    }

    .workBox1{
        padding: 35px 0;
    }
    .workBox1 p{
        font-size: 16px;
    }
    .workBox2 .workMenuBox ul li{
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .workBox2 .workConBox{
        padding-left: 20px;
    }
    .workBox2 .workConBox p{
        font-size: 16px !important;
    }

    .materialSelectionBox3 .imgBox{
        width: 100%;
    }

    .materialSelectionBox3 .a a{
        width: 175px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }
    .materialSelectionBox3 .imgBox .a2{
        top: 65px;
    }

    .productionBox4 .text{
        padding-left: 10px;
        padding-right: 0;
        padding-top: 10px;
    }

    .aboutBox1 .textBox .text p{
        font-size: 14px;
    }
    .aboutBox1 .textBox span{
        margin-top: 20px;
    }
    .aboutBox2 > .conBox{
        margin-top: 40px;
    }

    .aboutBox2 .item .textBox{
        padding-top: 40px !important;
    }

    .aboutBox3 .conBox .textBox .text{
        width: 496px;
        padding-top: 60px;
    }
    .aboutBox3 .conBox .textBox .text h3{
        padding-bottom: 30px;
    }

    .aboutBox4 .title h2{
        padding: 60px 0 30px;
    }
    .aboutBox4 .history .textSlick{
        padding: 0 50px;
    }
    .aboutBox4 .textCon{
        padding: 60px 0;
    }
    .aboutBox4 .customerFeedBack .textBox{
        padding-top: 40px;
    }
    .aboutBox4 .customerFeedBack .text{
        padding-top: 30px;
    }
    .aboutBox4 .customerFeedBack .text p{
        font-size: 15px;
    }
    .aboutBox4 .textCon p span{
        font-size: 30px;
    }
    .aboutBox4 .textCon p{
        font-size: 16px;
    }
    .aboutBox5 .textBox .text{
        width: 496px;
        padding-top: 0;
    }
    .aboutBox5 .textBox .text h3{
        padding-bottom: 30px;
    }

    .factoryVideo a{
        padding-top: 400px;
    }
    .factoryBox1 .title{
        padding-left: 0;
        padding-right: 0;
    }

    .factoryBox1 .title h1{
        padding-bottom: 20px;
    }
    .factoryBox1 .items{
        width: 50%;
        float: left;
        margin: 0;
        padding-right: 10px;
    }
    .factoryBox1 .items .itemCon .item{
        float: left;
        margin: 0;
        padding-right: 10px;
    }
    .factoryBox1 .items .itemCon .item:nth-of-type(1){
        width: 53%;
    }
    .factoryBox1 .items .itemCon .item:nth-of-type(2){
        width: 47%;
    }
    .factoryBox2 .item .textBox{
        padding-right: 0;
    }
    .factoryBox2 .item:nth-of-type(2) .textBox{
        padding-left: 0;
    }
    .factoryBox5 .item{
        width: 50%;
        float: left;
    }
    .factoryBox6 .item .textBox .text p{
        font-size: 14px;
    }

    .contactBox1 .itemBox{
        margin-left: -10px;
        margin-right: -10px;
    }
    .contactBox1 .item{
        padding: 0 10px;
    }
    .contactBox1 .conBox{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .contactBox1 .conBox .text p{
        font-size: 16px;
    }
    .contactBox2 .contactFormBox{
        padding-right: 35px;
    }
    .contactBox2 .contactInfoBox{
        padding-left: 40px;
    }

    .show .container_1600 {
        padding: 0;
    }

    .header.indexHeader.is_stuck .headerNavBox .nav_list > li > a > span {
        font-size: 14px;
    }
}
@media (max-width: 992px){
    .indexBox1 .title h2,
    .indexBox2 .textBox h2,
    .indexBox3 .textBox h2,
    .indexBox4 .title h2,
    .indexBox5 .title h2,
    .projectBox .title h2,
    .workBanner h1,
    .aboutBox1 .title h1,
    .aboutBox3 .conBox .textBox .text h3,
    .aboutBox4 .title h2,
    .aboutBox5 .textBox .text h3,
    .factoryBox1 .title h1,
    .factoryBox5 .title h3,
    .factoryBox6 .title h3,
    .contactBanner .text h1{
        font-size: 36px;
    }
    .banner{
        margin-top: 0;
    }
    #h105{
        height: 0;
    }
    .Crumbs ul li a, .Crumbs ul li, .Crumbs ul li a span,.Crumbs ul i,.Crumbs span.youAreHere{
        font-size: 14px;
        line-height: 1.2;
    }
    body{
        padding-top: 60px;
    }
    /*移动端隐藏模块*/
    .header {
        display: none;
    }

    /*移动端头部*/
    .m_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #000000;
        z-index: 100000;
    }

    .m_header {
        height: 60px;
    }

    .logo_box {
        width: 100%;
        text-align: center;
        height: 60px;
        line-height: 0;
        font-size: 0;
        zoom: 1;
/*         margin-left: 65px; */
    }

    .logo_box a {
        display: inline-block;
        padding: 11px 0;
    }

    .mOnline{
        position: absolute;
        top: 18px;
        right: 60px;
        display: inline-block;
        line-height: 25px;
        width: 85px;
        color: #ffffff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #4c4c4c;
        text-align: center;
    }
    .mLang{
        line-height: 60px;
        width: 40px;
        text-align: center;
        position: absolute;
        right: 10px;
        top: 0;
    }

    /*移动端菜单按钮*/
    .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: #ffffff;
        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: 20px;
        background: #000;
        top: 8px;
        right: 10px;
        background: url("/public/static/images/home/en-us/reset/li_click.png") no-repeat top center;
    }

    .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;
    }

    .footer_box .fast_navigation .itemBox .item:nth-of-type(1){
        display: none;
    }

    .banner .conBox .textBox{
        margin-left: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .indexBox1 .conBox .text a{
        font-size: 16px;
    }

    .indexBox2 .textBox{
        width: 100%;
        padding-top: 0;
        padding-right: 0;
    }
    .indexBox2 .textBox span{
        padding: 10px 0;
    }
    .indexBox2 .textBox a{
        margin-top: 15px;
    }
    .indexBox2 .itemBox{
        width: 100%;
        float: left;
        margin-left: 0;
        margin-top: 40px;
    }
    .indexBox2 .item{
        margin: 0 5px;
    }

    .indexBox3 .conBox{
        padding: 60px 0;
    }
    .indexBox3 .indexAboutVideo{
        width: 100%;
    }
    .indexBox3 .textBox{
        width: 100%;
        padding-left: 0;
    }

    .indexBox3 .itemBox{
        margin-bottom: 40px;
    }

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

    .indexBox4 .item .text a{
        font-size: 14px;
    }

    .indexBox4 .a{
        margin-top: 20px;
    }

    .indexBox5 .title{
        padding: 60px 0 30px;
    }

    .indexBox5 .itemBox{
        margin-left: -10px;
        margin-right: -10px;
    }
    .indexBox5 .item{
        padding: 0 10px;
    }
    .indexBox5 .item .text p{
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .indexBox6 h3{
        font-size: 26px;
        padding-bottom: 15px;
    }
    .indexBox6 p{
        font-size: 18px;
    }
    .indexBox6 a{
        margin-top: 25px;
    }

    .product_img_box{
        width: 100%;
    }
    .parameter_box{
        width: 100%;
        padding-left: 0;
    }
    .parameter_box p{
        margin-bottom: 0;
    }

    .productDetailConBox2 .itemBox,
    .productDetailConBox3 .itemBox{
        margin-left: -10px;
        margin-right: -10px;
    }
    .productDetailConBox2 .item,
    .productDetailConBox3 .item{
        padding: 0 10px;
    }
    .parameter_btn{
        margin-top: 0;
    }
    .productDetailConBox .title h2{
        margin-top: 20px;
    }
    .pro_S_img .img,
    .pro_S_img{
        line-height: 0;
        padding: 0;
    }

    .projectBox .title{
        overflow: hidden;
    }
    .projectBox .title h2{
        padding: 50px 0 20px;
    }
    .projectBox .itemBox{
        margin-bottom: 30px;
    }

    .projectDetailBox1 .text .t span,
    .projectDetailBox1 .text p{
        font-size: 16px;
    }
    .projectDetailBox2 .title h2,
    .projectDetailBox3 .title h2,
    .projectDetailBox4 .title h2,
    .projectDetailBox5 .title h2,
    .projectDetailBox6 .title h2,
    .projectDetailBox7 .title h2{
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 15px;
    }


    .workBanner .img{
        padding-top: 340px;
    }
    .workBox2 .workMenuBox{
        display: none;
    }
    .workBox2 .workConBox{
        width: 100%;
        float: left;
        margin-left: 0;
        padding: 0 15px 40px;
    }


    .materialSelectionBox3 .a a{
        width: 195px;
        height: 46px;
        line-height: 46px;
    }
    .materialSelectionBox3 .imgBox .a2 {
        top: 76px;
    }

    .workBox2 .workConBox .costEstimationBox3 .item1 .item p{
        font-size: 14px !important;
    }

    .aboutBox1 .img{
        width: 100%;
        text-align: center;
    }
    .aboutBox1 .textBox{
        width: 100%;
        margin-left: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        overflow: hidden;
    }

    .aboutBox2 > .textBox{
        padding: 60px 0;
    }
    .aboutBox2 > .textBox h2{
        width: 100%;
        padding-bottom: 15px;
    }
    .aboutBox2 > .textBox .text{
        width: 100%;
        margin-left: 0;
        float: left;
    }
    .aboutBox2 .item .textBox{
        padding-left: 20px;
        padding-top: 0 !important;
    }
    .aboutBox2 .item .text p{
        font-size: 15px;
    }
    .aboutBox3 .conBox{
        width: 767px;
        margin: auto;
    }
    .aboutBox3 .conBox .textBox,
    .aboutBox3 .conBox .textBox .text{
        width: 100%;
    }
    .aboutBox3 .conBox .textBox .text{
        padding-right: 0;
    }
    .aboutBox3 .conBox .imgBox{
        width: 100%;
        padding-top: 54%;
    }

    .aboutBox4 .customerFeedBackSlick{
        margin-bottom: 40px;
    }
    .aboutBox4 .customerFeedBack .img{
        width: 150px;
    }
    .aboutBox4 .customerFeedBack .textBox{
        margin-left: 150px;
        width: auto;
        height: auto;
        background: none;
        padding: 0;
        padding-left: 20px;
        margin-top: 0;
    }

    .aboutBox5{
        width: 767px;
        margin: auto;
    }
    .aboutBox5 .imgBox{
        width: 100%;
        padding-top: 60.5%;
    }
    .aboutBox5 .textBox{
        width: 100%;
        padding-top: 20px;
    }
    .aboutBox5 .textBox .text{
        width: 100%;
        padding-left: 0;
    }

    .factoryVideo a{
        padding-top: 300px;
    }

    .factoryBox2 .item .imgBox{
        width: 100%;
        padding: 0 !important;
    }
    .factoryBox2 .item .imgBox img{
        width: 100%;
    }
    .factoryBox2 .item .textBox{
        width: 100%;
        padding-top: 30px;
        padding-left: 0 !important;
    }
    .factoryBox3 .title{
        padding-top: 40px;
    }
    .factorySlickBox{
        min-height: 0;
    }
    .factorySlick{
        position: initial;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        margin: auto;
    }
    .factoryHSlick{
        display: none;
    }

    .factoryBox4 .title h2{
        padding-bottom: 20px;
    }
    .factoryBox4 .itemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .factoryBox4 .item{
        padding: 0 5px;
    }
    .factoryBox5 .title h3{
        padding: 40px 0 20px;
    }
    .factoryBox6 .item .img{
        width: 100%;
    }
    .factoryBox6 .item .img img{
        width: 100%;
    }
    .factoryBox6 .item .textBox{
        position: initial;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 20px 0 0 !important;
        width: 100%;
        float: left;
    }

    .factoryBox2 .item .textBox h3,
    .factoryBox3 .title h2,
    .factoryBox4 .title h2{
        font-size: 26px;
    }
    .contactBanner .img{
        padding-top: 340px;
    }
    .contactBox2 .contactFormBox{
        width: 100%;
        padding-top: 40px;
    }
    .contactBox2 .contactInfoBox{
        width: 100%;
        padding-left: 0;
    }
    .contactBox2 .contactInfoBox h2{
        padding-bottom: 0;
    }
    .contactBox2 .contactInfoBox .text{
        margin-top: 20px;
    }
}
@media (max-width: 767px){
    .indexBox1 .title h2,
    .indexBox2 .textBox h2,
    .indexBox3 .textBox h2,
    .indexBox4 .title h2,
    .indexBox5 .title h2,
    .projectBox .title h2,
    .workBanner h1,
    .aboutBox1 .title h1,
    .aboutBox3 .conBox .textBox .text h3,
    .aboutBox4 .title h2,
    .aboutBox5 .textBox .text h3,
    .factoryBox1 .title h1,
    .factoryBox5 .title h3,
    .factoryBox6 .title h3,
    .contactBanner .text h1{
        font-size: 32px;
    }
    .indexBox1 .container_1600,
    .indexBox2 .container_1600,
    .indexBox3 .container_1600,
    .show .container_1600,
    .indexBox4 .container_1600,
    .indexBox5 .container_1600,
    .footer_box .container_1600{
        padding-left: 10px;
        padding-right: 10px;
    }
    .indexBox2 .textBox a,
    .indexBox3 .textBox a,
    .indexBox4 .a a,
    .indexBox5 .title a,
    .indexBox6 a,
    .footer_box .footerForm .info input[type="submit"],
    .parameter_btn a.a1{
        width: 180px;
        height: 40px;
        line-height: 36px;
    }

    #back_top{
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .footer_box .fast_navigation{
        padding: 50px 0 30px;
    }
    .footer_box .fast_navigation .itemBox .item{
        display: none;
    }
    .footer_box .fast_navigation .itemBox .item:last-child{
        display: block;
        width: 100%;
    }
    .footer_box .footer_copyright p,
    .footer_box .footer_copyright p span,
    .footer_box .footer_copyright p a{
        line-height: 1.4;
        font-weight: 300;
        font-size: 14px;
    }

    .banner_slick .slick-prev, .banner_slick .slick-next{
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .banner .conBox .textBox{
        width: 100%;
        padding: 20px 40px;
    }
    .banner .conBox .textBox h2{
        font-size: 34px;
    }
    .banner .conBox .textBox p{
        font-size: 18px;
    }
    .banner .conBox .textBox a{
        margin-top: 20px;
    }

    .indexBox4 .item{
        width: 50%;
    }
    .indexBox4 .item .img:before,
    .indexBox4 .items:nth-of-type(2) .item:nth-of-type(1):before{
        display: none;
    }
    .indexBox4 .items:nth-of-type(2) .item{
        margin-top: 0;
    }
    .indexBox4 .item .img img{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .indexBox5 .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .indexBox5 .item .imgBox{
        width: 40%;
        float: left;
    }
    .indexBox5 .item .text{
        width: 60%;
        float: left;
        padding-left: 20px;
        margin-bottom: 0;
    }
    .indexBox6{
        padding: 50px 0;
    }

    .projectDetailBox2 .itemBox,
    .projectDetailBox4 .itemBox,
    .projectDetailBox5 .itemBox,
    .projectDetailBox6 .itemBox,
    .projectDetailBox7 .itemBox,
    .otherProjects .itemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .projectDetailBox2 .item,
    .projectDetailBox4 .item,
    .projectDetailBox5 .item,
    .projectDetailBox6 .item,
    .projectDetailBox7 .item,
    .otherProjects .item{
        padding: 0 5px;
    }

    .workBanner .img{
        padding-top: 280px;
    }

    .jobSiteBox2 .tBox .t{
        width: 100% !important;
    }
    .materialSelectionBox2 .item{
        padding: 0 !important;
        min-height: auto;
    }
    .materialSelectionBox2 .item .text{
        width: 100%;
        padding: 0 !important;
        margin-bottom: 15px;
    }
    .materialSelectionBox2 .item .img{
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .materialSelectionBox3 .imgBox .a{
        display: none;
    }
    .materialSelectionBox3 .switch{
        height: auto;
    }
    .materialSelectionBox3 .switch h3{
        margin-bottom: 15px;
    }
    .materialSelectionBox3 .switch .text{
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        padding: 10px;
    }

    .costEstimationBox3 .items{
        flex-wrap: wrap;
        margin-left: -3px;
        margin-right: -3px;
    }
    .costEstimationBox3 .item1 .item{
        width: 100%;
    }
    .costEstimationBox3 .item2 .items{
        flex-wrap: initial;
        margin-left: -3px;
        margin-right: -3px;
    }
    .costEstimationBox3 .item2 .item{
        padding: 0 3px;
    }

    .productionBox4 .img{
        width: 100%;
    }
    .productionBox4 .text{
        width: 100%;
        padding-left: 0;
    }

    .aboutBox2 > .textBox h2,
    .aboutBox3 .title h2{
        font-size: 28px;
    }

    .aboutBox3 .conBox,
    .aboutBox5{
        width: auto;
        padding: 0 10px;
    }

    .aboutBox4 .textCon{
        display: block;
        overflow: hidden;
    }
    .aboutBox4 .textCon .text{
        width: 33.33%;
        float: left;
    }

    .factoryBox5 .item{
        width: 100%;
    }
    .factoryBox6 .title h3{
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .contactBanner .img{
        padding-top: 280px;
    }
    .contactBox2 .contactFormBox .text{
        width: 100%;
    }
    .contactBox2 .contactFormBox .text h2{
        padding-bottom: 10px;
    }
    .contactBox2 .contactFormBox .text p{
        font-size: 16px;
    }

    .contactBox1 .title h2,
    .contactBox2 .contactFormBox .text h2,
    .contactBox2 .contactInfoBox h2,
    .contactBox3 .title h2{
        font-size: 30px;
    }

    .contactBox1 .itemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .contactBox1 .item{
        padding: 0 5px;
    }
    .contactBox1 .conBox .text p{
        font-size: 14px;
    }
}
@media (max-width: 640px){
    .indexBox2{
        padding: 50px 0;
    }
    .indexBox3 .item{
        width: 100%;
    }
    .indexBox4 .items{
        margin-left: -10px;
        margin-top: -10px;
    }
    .indexBox4 .item{
        padding: 0 10px;
    }
    .productDetailConBox2 .item,
    .productDetailConBox3 .item{
        width: 50%;
    }
    .productDetailConBox3 .item:last-child{
        display: none;
    }

    .projectBox .item{
        width: 100%;
    }

    .otherProjects .item{
        width: 50%;
    }
    .otherProjects .item:last-child{
        display: none;
    }

    .costEstimationBox2 .box1 select{
        margin-right: 20px;
    }
    .costEstimationBox2 .box4 input{
        width: 100%;
    }

    .videoItemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .videoItemBox .item{
        width: 50%;
        padding: 0 5px;
    }
    .aboutBox2 .item .img{
        width: 100%;
    }
    .aboutBox2 .item .textBox{
        width: 100%;
        float: left;
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px;
    }
    .aboutBox4 .customerFeedBackSlick{
        padding-left: 40px;
        padding-right: 40px;
    }
    .aboutBox4 .customerFeedBackSlick .slick-prev{
        left: 0;
    }
    .aboutBox4 .customerFeedBackSlick .slick-next{
        right: 0;
    }
    .aboutBox4 .customerFeedBack .img{
        width: 100%;
        float: left;
    }
    .aboutBox4 .customerFeedBack .textBox{
        width: 100%;
        margin-left: 0;
        float: left;
        padding-left: 0;
        padding-top: 15px;
    }

    .aboutBox4 .textCon .text{
        width: 50%;
    }
    .aboutBox4 .textCon p span{
        font-size: 24px;
    }

    .factoryBox1 .itemBox{
        margin-right: 0;
    }
    .factoryBox1 .items{
        width: 100%;
        padding-right: 0;
    }

    .contactBox1 .itemBox{
        padding-bottom: 30px;
    }
    .contactBox1 .item{
        width: 360px;
        float: none;
        margin: 10px auto;
    }
    .contactBox2 .contactFormBox{
        padding: 40px 20px 20px;
    }
    .contactBox2 .contactForm .info{
        margin-bottom: 15px;
    }

    .contactBox2 .contactInfoBox .text .contactShape{
        width: 100%;
        float: left;
        margin-left: 0;
        padding-top: 20px;
        text-align: left;
    }


    .suppliersBox .text p{
        font-size: 20px;
    }
    .suppliersBox .img{
        width: 48%;
    }
}
@media (max-width: 580px){
    .costEstimationBox2 .infoBox .con .controls{
        width: 100% !important;
    }
    .costEstimationBox2 .infoBox span{
        display: block;
        width: 100% !important;
    }
    .costEstimationBox2 .box1 select{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .costEstimationBox2 .infoBox select,
    .costEstimationBox2 .infoBox input{
        width: 100% !important;
    }
}
@media (max-width: 540px){
    .banner .conBox .poa{
        bottom: 0;
        left: -15%;
        right: -15%;
    }
    .banner .conBox .textBox{
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    .banner .conBox .textBox h2{
        font-size: 28px;
    }
    .banner .conBox .textBox p{
        font-size: 16px;
    }
    .indexBox1 .itemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .indexBox1 .item{
        padding: 0 5px;
    }
    .indexBox1 .item .conBox{
        margin-bottom: 15px;
    }
    .indexBox5 .item .imgBox{
        width: 100%;
    }
    .indexBox5 .item .text{
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    .indexBox6 h3{
        font-size: 22px;
        line-height: 1.2;
    }


    .productDetailConBox2 .itemBox,
    .productDetailConBox3 .itemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .productDetailConBox2 .item,
    .productDetailConBox3 .item{
        padding: 0 5px;
    }
}
@media (max-width: 480px){
    .banner .conBox .poa{
        bottom: -10%;
        left: -30%;
        right: -30%;
    }

    .videoItemBox .item{
        width: 100%;
    }

    .suppliersBox .img{
        width: 100%;
    }
}

/*2023.07.21*/
.container_1400{
    width: 1400px;
    height: auto;
    margin: 0px auto;
}
.B_banner{
    width: 100%;
    height: auto;
    position: relative;
}
.B_banner_bg{
    width: 100%;
    height: auto;
}
.B_banner_bg img{
    width: 100%;
    height: auto;
    display: block;
}
.B_banner_content{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.B_banner_content h1{
    font-size: 48px;
    color: #FFFFFF;
    text-align: center;
}
.B_content{
    width: 100%;
    height: auto;
}
.B_info{
    padding: 80px 0;
    color: #333333;
    line-height: 40px;
    text-align: center;
}
.B_info p{
    display: block;
    width: 1334px;
    height: auto;
    margin: 0px auto;
    font-size: 25px;
}
.B_design_box{
    width: 100%;
    height: auto;
    padding-bottom: 80px;
}
.B_design_title{
    font-size: 48px;
    color: #333333;
    text-align: center;
}
.B_design_bg{
    width: 100%;
    height: auto;
    margin-top: 80px;
}
.B_design_bg img{
    width: 100%;
    height: auto;
    display: block;
}
.B_design_content{
    width: 1400px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin: 0px auto;
    margin-top: -194px;
    position: relative;
    z-index: 2;
}
.B_design_content_left{
    width: 690px;
    height: auto;
}
.B_design_content_left_list{
    width: 100%;
    height: auto;
    display: none;
}
.B_design_content_left_img{
    width: 100%;
    height: auto;
}
.B_design_content_left_img img{
    width: 100%;
    height: auto;
    display: block;
}
.B_design_content_left_txt{
    width: 100%;
    height: auto;
    padding: 30px 36px;
    background: #f7f7f7;
}
.B_design_content_left_txt h4{
    font-size: 36px;
    color: #000000;
}
.B_design_content_left_txt p{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 15px;
}
.B_design_content_right{
    width: 678px;
    height: auto;
}
.B_design_content_right h5{
    font-weight: bold;
    font-size: 36px;
    color: #FFFFFF;
    margin-top: 49px;
    text-align: right;
}
.B_design_content_right_ul{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 132px;
}
.B_design_content_right_ul li{
    width: 331px;
    height: auto;
    position: relative;
    margin-top: 24px;
    cursor: pointer;
}
.B_design_content_right_ul_bg{
    width: 100%;
    height: auto;
    display: block;
}
.B_design_content_right_ul_bg img{
    width: 100%;
    height: auto;
    display: block;
}
.B_design_content_right_ul_div{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(186,27,34,0.6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.6s;
    opacity: 0;
}
.B_design_content_right_ul_div span{
    display: block;
    width: 2px;
    height: 56px;
    background: #FFFFFF;
}
.B_design_content_right_ul_div h4{
    color: #FFFFFF;
    font-size: 40px;
    text-align: center;
    margin-top: 30px;
}
.B_design_content_right_ul_div p{
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}
.B_design_content_right_ul li.on .B_design_content_right_ul_div{
    opacity: 1;
}
.B_download_box{
    width: 100%;
    height: auto;
    padding-bottom: 80px;
}
.B_download_info{
    width: 1349px;
    height: auto;
    margin: 0px auto;
}
.B_download_info p{
    font-size: 16px;
    color: #333333;
    line-height: 35px;
    text-align: center;
}
.B_download_btn{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.B_download_btn li{
    width: 441px;
    height: 112px;
    background: #f7f7f7;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #000000;
    cursor: pointer;
    position: relative;
}
.B_download_btn li img{
    width: 74px;
    height: auto;
    display: block;
    margin-right: 16px;
}
.B_download_btn li img:nth-of-type(2){
    display: none;
}
.B_download_btn li.on{
    color: #FFFFFF;
    background: #ba1b22;
}
.B_download_btn li.on img:nth-of-type(1){
    display: none;
}
.B_download_btn li.on img:nth-of-type(2){
    display: block;
}
.B_download_btn li.on:after{
    content: "";
    width: 0px;
    height: 0px;
    border: 20px solid transparent;
    border-top-color: #ba1b22;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
}
.B_download_content{
    width: 100%;
    height: auto;
}
.B_download_content_list{
    width: 100%;
    height: 0px;
    overflow: hidden;
}
.B_download_sw{
    width: 100%;
    height: auto;
    padding-bottom: 63px !important;
    margin-top: 80px !important;
}
.B_download_sw .swiper-slide{
    border-radius: 10px;
    overflow: hidden;
}
.B_download_sw .swiper-slide img{
    width: 100%;
    height: auto;
    display: block;
}
.B_download_sw_page{
    bottom: 0 !important;
}
.B_download_sw_page span{
    width: 14px;
    height: 14px;
    background: #999999;
    opacity: 1;
}
.B_download_sw_page span.swiper-pagination-bullet-active{
    background: #ba1b22;
}
.B_form_box{width: 100%;height: auto;padding: 80px 0px;background: url(/public/static/images/home/en-us/B_form_bg.jpg) no-repeat center  center;background-size: cover;}
.B_form_title{width: 100%;height: auto;}
.B_form_title h4{font-size: 30px;color: #FFFFFF;font-weight: 700;text-align: center;line-height: 38px;}
.B_form_title p{font-size: 18px;color: #FFFFFF;text-align: center;margin-top: 14px;}
.B_form_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.B_form_content_ul li{width: 32%;height: 56px;margin-top: 33px;position: relative;position: relative;}
.B_form_content_ul li:nth-last-of-type(1){width: 100%;height: 146px;}
.B_form_content_ul li input{width: 100%;height: 100%;border: none;background: rgba(255,255,255,0.3);color: #FFFFFF;font-size: 20px;outline: none;display: block;border-radius: 10px;padding: 0 13px;}
.B_form_content_ul li input::placeholder,.B_form_content_ul li textarea::placeholder{color: #FFFFFF;}
.B_form_content_ul li textarea {width: 100%;height: 100%;border: none;background: rgba(255,255,255,0.3);color: #FFFFFF;font-size: 20px;outline: none;display: block;border-radius: 10px;padding: 13px; resize: none;}
.B_form_content_ul li img{display: block;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.B_form_content_btn{border-radius: 5px; width: 211px;height: 48px;background-color: #a92d2b;background-image: url(/public/static/images/home/en-us/B_footer_send_ico.png);background-repeat: no-repeat;background-position-x: 62%;background-position-y: center;border: none;display: block;font-size: 18px;color: #FFFFFF;margin: 0px auto;margin-top: 53px;cursor: pointer;outline: none;padding-right: 3%;}
.B_form_content_ul li .tips{color: red;}
.B_factory_box{width: 100%;height: auto;padding: 80px 0px;}
.B_factory_top_box{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;}
.B_factory_top_box .indexAboutVideo{width: 892px;height: auto;}
.B_factory_top_box .indexAboutVideo img{width: 100%;height: auto;display: block;border-radius: 30px;}
.B_factory_top_box .textBox{width: 418px;height: auto;}
.B_factory_top_box .textBox h2{font-size: 48px;color: #233640;}
.B_factory_top_box .textBox p{font-size: 16px;color: #000000;line-height: 24px;margin-top: 35px;}
.B_factory_top_box .textBox a{display: flex;justify-content: center;align-items: center;height: 48px;width: 210px;background: #ba1b22;border-radius: 5px;font-size: 18px;color: #FFFFFF;margin-top: 58px;}
.B_factory_bottom_box{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 60px;}
.B_factory_bottom_top{display: flex;justify-content: center;align-items: flex-end;}
.B_factory_bottom_top h4{font-size: 70px;font-family: arial;color: #444444;margin-right: 12px;font-weight: bold;}
.B_factory_bottom_top span{width: 25px;height: 25px;background: #ba1b22;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 23px;color: #FFFFFF;margin-bottom: 10px;}
.B_factory_bottom_box li p{font-size: 20px;color: #201e1e;text-align: center;margin-top: 20px;}
.B_factory_bottom_box li{position: relative;}
.B_factory_bottom_box li:after{content: "";display: block;width: 83px;height: 1px;background: #cbcbcb;position: absolute;right: -98px;top: 33%;}
.B_factory_bottom_box li:nth-last-of-type(1):after{display: none;}
.B_project_box{width: 100%;height: auto;padding-bottom: 80px;}
.B_project_content_box{width: 100%;height: auto;padding: 80px 0px;background: #f6f6f6;margin-top: 80px;}
.B_project_content_box img{width: 100%;height: auto;display: block;}
.B_project_type_box{margin-top: 75px;}
.B_project_type_sw{width: 100%;height: auto;}
.B_project_type_sw .swiper-slide{height: auto;}
.B_project_type_sw_page{bottom: 35px !important;}
.B_project_type_content{width: 100%;height: auto;position: relative;}
.B_project_type_content img{width: 100%;height: auto;display: block;}
.B_project_type_content_div{width: 657px;height: auto;padding: 45px;background: rgba(243,243,243,0.9);position: absolute;right: 106px;top: 50%;transform: translateY(-50%);}
.B_project_type_content_div h4{font-size: 20px;color: #000000;line-height: 35px;}
.B_project_type_content_div h4 strong{font-size: 20px;}
.B_project_type_content_div p{font-size: 16px;color: #333333;line-height: 25px;margin-top: 20px;}
.B_overall_box{width: 100%;height: auto;padding-bottom: 80px;}
.B_overall_title{font-size: 22px;color: #333333;text-align: center;}
.B_overall_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 48px;}
.B_overall_ul li{width: 32%;height: auto;}
.B_overall_ul_swiper{width: 100%;height: auto;}
.B_overall_ul_swiper img{width: 100%;height: auto;display: block;}
.B_overall_ul_swiper_page span{width: 14px;height: 14px;background: #FFFFFF;opacity: 1;}
.B_overall_ul_swiper_page span.swiper-pagination-bullet-active{background: #ba1b22;}
.B_overall_ul li h4{font-size: 22px;color: #333333;text-align: center;margin-top: 42px;}
.B_overall_list_box{width: 100%;height: auto;margin-top: 55px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.B_overall_list_box li{width: 696px;height: auto;margin-top: 35px;}
.B_overall_list_top{width: 100%;height: auto;position: relative;}
.B_overall_list_top_img{width: 100%;height: auto;}
.B_overall_list_top_img img{width: 100%;height: auto;display: block;}
.B_overall_list_top_div{width: 100%;height: 100%;position: absolute;left: 0;top: 0px;background: rgba(0,0,0,0.5);display: flex;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.6s;}
.B_overall_list_top_div p{display: block;width: 508px;height: auto;font-size: 22px;color: #FFFFFF;text-align: center;line-height: 25px;}
.B_overall_list_top_div img{display: block;width: 46px;height: auto;margin-top: 29px;}
.B_overall_list_box li:hover .B_overall_list_top_div{opacity: 1;}
.B_overall_list_bottom{width: 100%;height: 90px;display: flex;justify-content: center;align-items: center;font-size: 22px;color: #333333;display: flex;justify-content: center;align-items: center;}
.B_overall_list_bottom h4{font-size: 22px;}
.B_overall_list_box li:hover .B_overall_list_bottom{background: #ba1b22;}
.B_overall_list_box li:hover .B_overall_list_bottom h4{color: #FFFFFF;}
.B_solution_box{width: 100%;height: auto;padding: 80px 0px;background: #ecedf1;}
.B_solution_title{font-size: 48px;color: #333333;text-align: center;}
.B_solution_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px;}
.B_solution_ul li{width: 356px;height: auto;margin-top: 50px;}
.B_solution_ul li span{display: flex;justify-content: center;align-items: center;width: 109px;height: 109px;background: #f3f3f3;border-radius: 50%;margin: 0px auto;}
.B_solution_ul li span img{display: block;}
.B_solution_ul li h4{font-size: 25px;color: #333;text-align: center;margin-top: 10px;}
.B_solution_ul li p{font-size: 18px;color: #333333;text-align: center;line-height: 24px;margin-top: 10px;}
.B_typical_box{width: 100%;height: auto;padding: 80px 0px;}
.B_typical_content{width: 100%;height: auto;position: relative;}
.B_typical_content_sw{width: 100%;height: auto;padding: 7px !important;}
.B_typical_content_sw .swiper-slide{box-shadow: 0px 0px 7px 0px rgba(116, 116, 116, 0.2);}
.B_typical_content_sw_img{width: 100%;height: auto;}
.B_typical_content_sw_img img{width: 100%;height: auto;display: block;}
.B_typical_content_sw_txt{width: 100%;height: auto;padding: 50px 4%;}
.B_typical_content_sw_txt h4{text-align: center;}
.B_typical_content_sw_txt h4 a{font-size: 24px;color: #000000;font-weight: 700px;}
.B_typical_content_sw_txt p{font-size: 16px;color: #2a2a2a;text-align: center;line-height: 28px;margin-top: 20px;}
.B_typical_content_sw_txt_more{display: flex;justify-content: center;align-items: center;margin: 0px auto;margin-top: 20px;width: 174px;height: 44px;background: #ba1b22;border-radius: 22px;color: #FFFFFF;font-size: 16px;}
.B_typical_content_sw_right,.B_typical_content_sw_left{width: 57px !important;height: 100px !important;display: flex;justify-content: center;align-items: center;background: none !important;font-size: 53px;color: #FFFFFF;font-weight: 100;}
.B_typical_content_sw_left{background: rgba(0,0,0,0.24) !important;left: -60px !important;}
.B_typical_content_sw_right{background: #ba1b22 !important;right: -60px !important;}
.B_last_box{width: 100%;height: auto;padding-bottom: 80px;}
.B_last_box h4{font-size: 30px;color: #333333;text-align: center;}
.B_last_box p{font-size: 20px;color: #333333;text-align: center;margin-top: 23px;}
.B_last_box a{display: block;width: 261px;height: 50px;background: #a92d2b;display: flex;justify-content: center;align-items: center;margin: 0px auto; margin-top: 25px;color: #FFFFFF;font-size: 20px;}
.index_banner_sw_page span{background: #999;}
.index_banner_sw_page span.swiper-pagination-bullet-active{background: #ba1b22;}
.index_banner_swiper_right,.index_banner_swiper_left{width: 50px;height: 50px;}
.index_banner_swiper_right{background: url("/public/static/images/home/en-us/reset/skin.png") no-repeat;background-position-x: -137px;right: 5%;}
.index_banner_swiper_left{background: url("/public/static/images/home/en-us/reset/skin.png") no-repeat;background-position-x: 0px;left: 5%;}
.K_indexBox2_sw{padding-bottom: 36px;}
.K_indexBox2_sw_page{bottom: 0 !important;}
.K_indexBox2_sw_page span{width: 12px;height: 12px;background: #999;opacity: 1;}
.K_indexBox2_sw_page span.swiper-pagination-bullet-active{background: #ba1b22;}
.index_banner_sw  .img img{width: 100%;height: auto;object-fit: cover;vertical-align: bottom;}
/*材质*/
.material_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;}
.material_banner_contentWH{width: 73.3%;height: auto;margin: 0px auto;}
.material_banner_contentWH h4{font-size: 58px;color: #FFFFFF;font-weight: 600;text-shadow: 3px 3px 4px #333;line-height: 1.2;display: block;width: 59.6%;}
.material_banner_contentWH a{display: flex;justify-content: center;align-items: center;width: 179px;height: 49px;background: #233640;border-radius: 5px;font-size: 16px;color: #FFFFFF;font-weight: 300;margin-top: 10px;}
.material_info_box{width: 73.3%;height: auto;padding: 70px 0;margin: 0px auto;}
.material_title{width: 100%;height: auto;}
.material_title h1,
.material_title h4{font-size: 46px;color: #000000;font-weight: 600;text-align: center;}
.material_info_content{width: 100%;height: auto;padding-top: 18px;}
.material_info_content p{font-size: 16px;color: #22363f;line-height: 1.6;text-align: center;font-weight: 400;margin-top: 20px;}
.material_carcass_btn{display: flex;justify-content: center;margin-top: 27px;}
.material_carcass_btn li{display: flex;justify-content: center;align-items: center;padding: 0 30px;border-radius: 5px;font-size: 18px;font-weight: 400;color: #22363f;min-width: 207px;height: 45px;background: #eff1f6;cursor: pointer;position: relative;transition: all 0.6s;}
.material_carcass_btn li p{font-size: 18px;}
.material_carcass_btn li + li{margin-left: 10px;}
.material_carcass_btn li:hover,.material_carcass_btn li.on{background: #ba1b22;color: #FFFFFF;}
.material_carcass_btn li:after{content: "";display: block;width: 20px;height: auto;background: url(/public/static/images/home/en-us/material_carcass_ico.png) no-repeat center center;aspect-ratio:20/10;position: absolute;left: 50%;transform: translateX(-50%);bottom: -19px;opacity: 0;transition: all 0.6s;background-size: 100% auto;}
.material_carcass_btn li:hover:after,.material_carcass_btn li.on:after{opacity: 1;}
.material_carcass_content{width: 100%;height: auto;margin-top: 40px;}
.material_carcass_content_list{width: 100%;height: auto;display: none;position: relative;}
.material_carcass_content_list_bg{width: 100%;height: auto;position: relative;}
.material_carcass_content_list_bg img{width: 100%;height: auto;display: block;}
.material_carcass_content_list_content{width: 50.37%;height: 100%;background: rgba(255,255,255,0.9);position: absolute;left: 0;top: 0;padding: 78px 0;padding-left: 15%;padding-right: 8px;}
.material_carcass_content_list_content_info{width: 100%;height: auto;}
.material_carcass_content_list_content_info h4{font-size: 30px;color: #000000;font-weight: 600;}
.material_carcass_content_list_content_info p{font-size: 18px;color: #000000;line-height: 1.6;font-weight: 300;margin-top: 10px;}
.material_carcass_content_list_content_info_ul{width: 100%;height: auto;}
.material_carcass_content_list_content_info_ul li{width: 100%;height: auto;margin-top: 40px;padding-top: 28px;border-top: 1px dashed #b5b5b5;}
.material_carcass_content_list_content_info_ul_top{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;}
.material_carcass_content_list_content_info_ul_top img{width: 59px;height: auto;display: block;}
.material_carcass_content_list_content_info_ul_top h4{font-size: 18px;color: #000000;font-weight: 600;margin-left: 15px;}
.material_carcass_content_list_content_info_ul li p{font-size: 16px;color: #000000;line-height: 1.6;margin-top: 10px;font-weight: 400;}
.material_door_box{width: 100%;height: auto;padding-top: 58px;}
.material_door_btn{width: 100%;height: auto;margin-top: 30px;display: flex;}
.material_door_btn li{width: 10.9%;height: auto;position: relative;transition: all 0.6s;cursor: pointer;}
.material_door_btn_li_box{width: 100%;height: auto;overflow: hidden;position: relative;}
.material_door_btn li:after{content: "";display: block;width: 0;height: 0;border: 14px solid transparent;border-top-color: #000000;position: absolute;left: 10%;bottom: -28px;display: none;}
.material_door_btn_img{min-width: 874px;height: auto;}
.material_door_btn_img img{width: 100%;height: auto;display: block;}
.material_door_btn_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.2);display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding-bottom: 44px;}
.material_door_btn_content_txt{width: 100%;height: auto;transition: all 0.6s;}
.material_door_btn_content_txt img{display: block;width: 59px;height: auto;margin: 0px auto;}
.material_door_btn_content_txt h4{font-size: 18px;color: #FFFFFF;text-align: center;line-height: 1.2;margin-top: 10px;display: block;min-height: 44px;padding: 0 10%;}
.material_door_btn_content_txt em{display: flex;justify-content: center;align-items: center;aspect-ratio:1/1;width: 45px;height: auto;border: 1px solid #FFFFFF;border-radius: 50%;margin: 0px auto;margin-top: 10px;font-family: "Poppins", sans-serif;font-size: 29px;color: #FFFFFF;font-weight: 200;}
.material_door_btn li:hover .material_door_btn_content_txt{transform: translateY(-10px);}
.material_door_btn li.on{width: 45.5%;}
.material_door_btn li.on:hover .material_door_btn_content_txt{transform: translateY(0px);}
.material_door_btn li.on:after{display: block;}
.material_door_btn li.on .material_door_btn_content{padding-bottom: 0;padding-top: 102px;justify-content: flex-start;}
.material_door_btn li.on .material_door_btn_content_txt h4{font-size: 30px;}
.material_door_btn li.on .material_door_btn_content_txt img{display: none;}
.material_door_btn li.on .material_door_btn_content_txt em{display: none;}
.material_door_content_box{width: 100%;height: auto;padding: 80px 0px;background: url(/public/static/images/home/en-us/material_door_content_bg.jpg) no-repeat center center;background-size: cover;}
.material_door_content_list{width: 73.3%;height: auto;margin: 0px auto;display: none;}
.material_door_content_list_info{width: 78.6%;height: auto;margin: 0px auto;}
.material_door_content_list_info h4{font-size: 30px;color: #000000;font-weight: 600;text-align: center;}
.material_door_content_list_info p{font-size: 16px;color: #000000;font-weight: 400;text-align: center;line-height: 1.6;margin-top: 12px;}
.material_door_content_list_ul{width: 100%;height: auto;display: flex;justify-content: space-between;}
.material_door_content_list_ul li{width: 32%;height: auto;padding: 0 38px;border-right: 2px dashed #000000;}
.material_door_content_list_ul li:nth-of-type(1){padding-left: 0;}
.material_door_content_list_ul li:nth-last-of-type(1){padding-right: 0;border: none;}
.material_door_content_list_ul_ico{width: 86px;height: auto;margin: 0px auto;}
.material_door_content_list_ul_ico img{width: 100%;height: auto;display: block;}
.material_door_content_list_ul{margin-top: 70px;}
.material_door_content_list_ul li h4{font-size: 18px;color: #000000;font-weight: 600;text-align: center;margin-top: 20px;}
.material_door_content_list_ul li p{font-size: 16px;color: #000000;font-weight: 400;line-height: 1.6;text-align: center;margin-top: 20px;}
.material_related_box{width: 100%;height: auto;padding: 58px 0px;}
.material_related_sw{width: 74%;height: auto;overflow: unset;margin: 0px auto;margin-top: 44px;}
.material_related_sw .swiper-slide{width: 100%;height: auto;position: relative;opacity: 0.7;transition: all 0.6s;}
.material_related_sw .swiper-slide.swiper-slide-active{opacity: 1;}
.material_related_sw_bg{width: 100%;height: auto;}
.material_related_sw_bg img{width: 100%;height: auto;display: block;}
.material_related_sw_content{width: 36.3%;height: auto;padding: 40px;background: rgba(35, 54, 64, 0.6);position: absolute;right: 6.4%;bottom: 0;transition: all 0.6s;opacity: 0;}
.material_related_sw .swiper-slide.swiper-slide-active .material_related_sw_content{opacity: 1;}
.material_related_sw_title{width: 100%;height: auto;padding-bottom: 10px;border-bottom: 1px solid #d9e5eb;}
.material_related_sw_title h4{font-size: 24px;color: #FFFFFF;font-weight: 600;text-align: center;}
.material_related_sw_txt{width: 100%;height: auto;padding-top: 30px;}
.material_related_sw_txt p{font-size: 16px;color: #FFFFFF;line-height: 1.6;font-weight: 300;}
.material_related_sw_txt a{display: flex;justify-content: center;align-items: center;width: 172px;height: 42px;border: 2px solid rgba(255,255,255,0.5);font-size: 16px;color: #FFFFFF;font-weight: 300;margin-top: 53px;transition: all 0.6s;}
.material_related_sw_txt a:hover{background: #ba1b22;border-color: #ba1b22;}
.material_related_sw_right,.material_related_sw_left{width: 39px;height: 39px;background: rgba(255,255,255,0.1);border-radius: 50%;display: flex;justify-content: center;align-items: center;font-family: "Poppins", sans-serif;font-weight: 300;font-size: 36px;color: #FFFFFF;}
.material_related_sw_right:hover,.material_related_sw_left:hover{background: #ba1b22;}
.material_related_sw_left{left: 60%;top: 55%;}
.material_related_sw_right{right: 9.5%;top: 55%;}
.material_faq_box{width: 70.1%;height: auto;padding: 58px 0px;margin: 0px auto;}
.material_faq_ul{width: 100%;height: auto;margin-top: 24px;}
.material_faq_ul li{width: 100%;height: auto;padding-top: 15px;border-top: 2px dashed #b5b5b5;margin-top: 15px;}
.material_faq_ul_top{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.material_faq_ul_top h4{font-size: 24px;color: #22363F;font-weight: 400;}
.material_faq_ul_top i,
.material_faq_ul_top em{display: block;font-size: 30px;color: #22363F;font-weight: 400;}
.material_faq_ul_top.on i,
.material_faq_ul_top.on em{color: #ba1b22;}
.material_faq_ul_bottom{width: 100%;height: auto;padding: 20px 0px;display: none;}
.material_faq_ul_bottom p{font-size: 16px;font-weight: 400;line-height: 1.6;color: #242424;}
.material_faq_ul li:nth-last-of-type(1){padding-bottom: 15px;border-bottom: 2px dashed #b5b5b5;}
.material_video_box{width: 100%;height: auto;}
.material_video_box img{width: 100%;height: auto;display: block;}
.material_video_box .video_click:after{display: none;}
.material_get_box{width: 100%;height: auto;background: #F8F8F8;}
.material_get_form_box{width: 80.1%;height: auto;background: #F8F8F8;margin: 0px auto;position: relative;z-index: 2;margin-top: -64px;padding: 76px 94px 94px 39px;}
.material_get_form_title{width: 78%;height: auto;margin: 0px auto;}
.material_get_form_title h4{font-size: 46px;color: #22363F;font-weight: 600;text-align: center;}
.material_get_form_title p{font-size: 16px;color: #22363F;text-align: center;line-height: 1.6;font-weight: 400;margin-top: 20px;}
.material_get_form_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 42px;}
.material_get_form_ul li{width: 32%;height: auto;position: relative;margin-top: 8px;}
.material_get_form_ul li input{display: block;width: 100%;height: 63px;background: #FFFFFF;padding-left: 15px;color: #22363F;font-size: 16px;font-weight: 300;border: none;}
.material_get_form_ul li input::placeholder,.material_get_form_ul li textarea::placeholder{color: #2f2f2f;font-weight: 300;}
.material_get_form_ul li textarea{display: block;width: 100%;height: 179px;padding: 15px;font-size: 16px;font-weight: 300;border: none;background: #FFFFFF;color: #22363F;resize: none;}
.material_get_form_ul li:nth-last-of-type(1),.material_get_form_ul li:nth-last-of-type(2),.material_get_form_ul li:nth-last-of-type(3){width: 100%;}
.material_get_form_btn{display: block;cursor: pointer;margin: 0px auto;margin-top: 28px;border-radius: 5px;width: 286px;height: 62px;background: #ba1b22 !important;font-size: 18px;color: #f2f2f2;font-weight: 600;border: none;}
/*案例总页*/
.projectN_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;background: rgba(0, 0, 0, 0.2);}
.projectN_banner_content h4{font-size: 46px;color: #FFFFFF;font-weight: 600;text-align: center;}
.projectN_banner_content p{font-size: 24px;color: #FFFFFF;text-align: center;font-weight: 600;margin-top: 13px;}
.projectN_info_box{width: 83.3%;height: auto;margin: 0px auto;padding: 80px 0px;}
.projectN_info_title{width: 61.3%;height: auto;margin: 0px auto;}
.projectN_title{font-size: 46px;color: #22363F;text-align: center;font-weight: 600;}
.projectN_info_title p{font-size: 16px;color: #22363F;text-align: center;line-height: 1.6;font-weight: 400;margin-top: 20px;}
.projectN_list_box{width: 83.3%;height: auto;margin: 0px auto;padding-bottom: 80px;}
.projectN_list_btn{width: 100%;height: auto;display: flex;justify-content: center;}
.projectN_list_btn li{width: 15.75%;height: 60px;border-radius: 5px;background: rgba(34, 54, 63, 0.1);}
.projectN_list_btn li a{display: flex;justify-content: center;align-items: center;text-align: center;width: 100%;height: 100%;font-size: 16px;color: #22363f;font-weight: 700;}
.projectN_list_btn li.on,.projectN_list_btn li:hover{background: #ba1b22;}
.projectN_list_btn li.on a,.projectN_list_btn li:hover a{color: #FFFFFF;}
.projectN_list_btn li + li{margin-left: 10px;}
.projectN_list_content{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;}
.projectN_list_content li{width: 32%;height: auto;margin-left: 2%;margin-top: 20px;}
.projectN_list_content li:nth-of-type(3n+1){margin-left: 0;}
.projectN_list_content_img{width: 100%;height: auto;overflow: hidden;}
.projectN_list_content_img img{width: 100%;height: auto;display: block;transition: all 0.6s;}
.projectN_list_content li:hover .projectN_list_content_img img{transform: scale(1.1);}
.projectN_list_content_txt{width: 100%;min-height: 280px;padding: 27px 37px;background: rgba(34, 54, 63, 0.05);position: relative;}
.projectN_list_content_txt h4{font-size: 24px;color: #22363F;font-weight: 600;}
.projectN_list_content_txt p{font-size: 16px;color: #22363F;line-height: 1.6;margin-top: 10px;}
.projectN_list_content_txt span{display: flex;width: 131px;height: 53px;border-radius: 5px;display: flex;justify-content: center;align-items: center;background: #ba1b22;font-size: 18px;color: #F2F2F2;font-weight: 600;position: absolute;left: 27px;bottom: 37px;}
.projectN_video_box{width: 100%;height: auto;padding: 70px 0px;background: #f3f3f3;}
.projectN_video_top{width: 83.3%;height: auto;margin: 0px auto;display: flex;justify-content: flex-start;background: #FFFFFF;}
.projectN_video_top_left{width: 56.2%;height: auto;}
.projectN_video_top_left img{width: 100%;height: auto;display: block;}
.projectN_video_top_left .video_click:after{content: "";display: block;aspect-ratio:1/1;width: 43px;height: auto;background: url(/public/static/images/home/en-us/projectN_vide_ico.png) no-repeat center center;background-size: 100% auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.projectN_video_top_right{flex: 1;display: flex;flex-direction: column;justify-content: space-between;padding: 44px 33px;}
.projectN_video_top_right h5{font-size: 18px;color: #BA1B22;font-weight: 600;}
.projectN_video_top_right_txt h4{font-size: 24px;color: #000000;font-weight: 400;}
.projectN_video_top_right_txt p{font-size: 14px;color: #000000;line-height: 1.4;margin-top: 18px;font-weight: 400;}
.projectN_video_list{width: 83.3%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 0px auto;margin-top: 20px;overflow: hidden;}
.projectN_video_list li{width: 24%;height: auto;margin-left: 1.3%;margin-top: 20px;}
.projectN_video_list li:nth-of-type(4n+1){margin-left: 0;}
.projectN_video_list .draggable{width: 100%;}
.projectN_video_list .slick-track{width: 100% !important;}
.projectN_video_list .slick-slide{margin-right: 2%;}
.projectN_video_list .slick-slide:last-child{margin-right: 0;}
.projectN_video_list_img{width: 100%;height: auto;}
.projectN_video_list_img iframe{width: 100%;height: 210px;display: block;}
.projectN_video_list_img .video_click:after{content: "";display: block;aspect-ratio:1/1;width: 43px;height: auto;background: url(/public/static/images/home/en-us/projectN_vide_ico.png) no-repeat center center;background-size: 100% auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.projectN_video_list li h4{font-size: 18px;color: #000000;font-weight: 400;text-align: center;margin-top: 15px;}
.projectN_customer_box{width: 100%;height: auto;padding: 80px 0px;}
.projectN_customer_title{width: 51.6%;height: auto;margin: 0px auto;}
.projectN_customer_title h4{font-size: 46px;color: #22363F;font-weight: 600;text-align: center;}
.projectN_customer_title p{font-size: 16px;color: #22363F;text-align: center;line-height: 1.6;margin-top: 10px;}
.projectN_customer_sw{width: 62.5%;height: auto;margin: 0px auto;margin-top: 40px;overflow: unset;}
.projectN_customer_sw img{display: block;width: 100%;height: auto;}
.projectN_customer_sw .video_click:after{content: "";display: block;aspect-ratio:1/1;width: 68px;height: auto;background: url(/public/static/images/home/en-us/projectN_vide_ico.png) no-repeat center center;background-size: 100% auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.projectN_customer_sw_right,.projectN_customer_sw_left{font-size: 70px;color: #FFFFFF;font-weight: 300;font-family: "Poppins", sans-serif;background: none;}
.projectN_customer_sw_left{left: -168px;}
.projectN_customer_sw_right{right: -168px;}
.projectN_customer_sw_right:hover,.projectN_customer_sw_left:hover{color: #ba1b22;}
.projectN_get_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;}
.projectN_get_form_box{margin-top: 0 !important;padding: 0 !important;}
.projectN_get_form_box .material_get_form_title{width: 100%;}
.projectN_get_form_box .material_get_form_title p{display: block;width: 72.4%;margin: 0px auto;margin-top: 22px;}
/*案例详情页*/
.projectN_detial_info_box{width: 100%;height: auto;display: flex;justify-content: flex-start;}
.projectN_detial_info_left{width: 40.63%;height: auto;position: relative;}
.projectN_detial_info_left_bg{width: 100%;height: 100%;}
.projectN_detial_info_left_bg img{width: 100%;height: 100%;display: block;object-fit: cover;}
.projectN_detial_info_left_content_box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-end;padding-right: 28px;position: absolute;left: 0;top: 0;}
.projectN_detial_info_left_content{width: 65.5%;height: auto;}
.projectN_detial_info_left_content_title{font-size: 30px;color: #000000;font-weight: 400;padding-bottom: 16px;border-bottom: 1px dashed #AAAAAA;}
.projectN_detial_info_left_content_ul{width: 100%;height: auto;}
.projectN_detial_info_left_content_ul li{width: 100%;height: auto;padding: 16px 0;border-bottom: 1px dashed #AAAAAA;margin-top: 10px;}
.projectN_detial_info_left_content_ul li h4{font-size: 16px;color: #000000;font-weight: 700;}
.projectN_detial_info_left_content_ul li p{font-size: 16px;color: #000000;font-weight: 400;margin-top: 5px;}
.projectN_detial_info_left_content_ul li:nth-of-type(1) p{font-size: 24px;font-weight: 300;}
.projectN_detial_info_right{flex: 1;overflow: hidden;position: relative;}
.projectN_detial_info_right_big_sw{width: 100%;height: 100%;}
.projectN_detial_info_right_big_sw img{height: 100%;display: block;width: 100%;object-fit: cover;}
.projectN_detial_info_right_small_sw{width: 11.75%;height: auto;aspect-ratio:133/407; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.projectN_detial_info_right_small_sw .swiper-slide{width: 100%; aspect-ratio:1187/805;height: auto;border: 4px solid #FFFFFF;cursor: pointer;}
.projectN_detial_info_right_small_sw .swiper-slide + .swiper-slide{margin-top: 7px;}
.projectN_detial_info_right_small_sw .swiper-slide.swiper-slide-thumb-active{border-color: #ba1b22;}
.projectN_detial_after_box{width: 73.3%;height: auto;margin: 0px auto;padding: 58px 0px;}
.projectN_detial_after_title{width: 100%;height: auto;}
.projectN_detial_after_title h4{font-size: 36px;color: #22363F;text-align: center;font-weight: 600;}
.projectN_detial_after_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 45px;}
.projectN_detial_after_ul li{width: 32.9%;height: auto;}
.projectN_detial_after_ul li img{width: 100%;height: auto;display: block;}
.projectN_detial_after_ul li img + img{margin-top: 9px;}
.projectN_detial_floor_box{width: 100%;height: auto;padding-bottom: 58px;}
.projectN_detial_floor_content{width: 73.3%;height: auto;margin: 0px auto;margin-top: 31px;background: #F8F8F8;padding: 50px 0;display: flex;justify-content: center;align-items: center;}
.projectN_detial_floor_content img{display: block;max-width: 78.6%;height: auto;}
.projectN_detial_drawings_box{width: 100%;height: auto;padding: 58px 0px;background: url(/public/static/images/home/en-us/productN_detial_drawings_bg.jpg) no-repeat center center;background-size: cover;}
.projectN_detial_drawings_content{width: 73.3%;height: auto;margin: 0px auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 15px;}
.projectN_detial_after_title.withe h4{color: #FFFFFF;}
.projectN_detial_drawings_content li{width: 32.3%;height: auto;background: #f8f8f8;padding: 24px 34px;border-radius: 10px;margin-left: 1.5%;display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.projectN_detial_drawings_content li:nth-of-type(3n+1){margin-left: 0px;}
.projectN_detial_drawings_content li img{width: 100%;height: auto;display: block;}
.projectN_detial_assembled_box{width: 73.3%;height: auto;margin: 0px auto;padding: 58px 0px;display: flex;justify-content: space-between;}
.projectN_detial_assembled_box li:nth-of-type(1),.projectN_detial_assembled_box li:nth-of-type(3){width: 27.2%;height: auto;}
.projectN_detial_assembled_box li:nth-of-type(2){flex: 1;}
.projectN_detial_assembled_box li img{width: 100%;height: auto;display: block;}
.projectN_detial_assembled_box li img + img{margin-top: 12px;}
.projectN_detial_assembled_box li h4{font-size: 36px;color: #22363F;text-align: center;font-weight: 600;}
.projectN_detial_assembled_box li:nth-of-type(2) img{margin-top: 110px;}
.projectN_detial_packing_box{width: 100%;height: auto;padding: 58px 0px;background: #F8F8F8;}
.projectN_detial_packing_ul{width:73.3%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0px auto; margin-top: 18px;}
.projectN_detial_packing_ul li{width: 32.1%;height: auto;margin-top: 27px;}
/* .projectN_detial_packing_ul li:nth-of-type(1),.projectN_detial_packing_ul li:nth-of-type(2){width: 49.4%;height: auto;} */
.projectN_detial_packing_ul li img{width: 100%;height: auto;display: block;}
.projectN_detial_loading_box{width: 73.3%;height: auto;padding: 58px 0px;border-bottom: 3px solid #e5e5e5;margin: 0px auto;}
.projectN_detial_loading_ul{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;height: auto;}
.projectN_detial_loading_ul li{width: 32.5%;height: auto;margin-top: 30px;margin-left: 1.2%;}
.projectN_detial_loading_ul li img{width: 100%;height: auto;display: block;}
.projectN_detial_loading_ul li:nth-of-type(3n+1){margin-left: 0;}
.projectN_detial_customization_box{width: 73.3%;margin: 0px auto; height: auto;padding: 58px 0px;display: flex;justify-content: space-between;}
.projectN_detial_customization_left{width: 27.9%;height: auto;}
.projectN_detial_customization_left h4{font-size: 35px;color: #22363F;font-weight: 600;}
.projectN_detial_customization_left img{width: 100%;height: auto;display: block;margin-top: 26px;}
.projectN_detial_customization_right{width: 67%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.projectN_detial_customization_right li{width: calc(100% / 3);height: auto;padding-bottom: 14px;border-right: 1px solid rgba(24, 57, 77, 0.1);padding-right: 24px;border-bottom: 1px solid rgba(24, 57, 77, 0.1);padding-top: 14px;}
.projectN_detial_customization_right li img{width: 59px;height: auto;display: block;}
.projectN_detial_customization_right li h4{font-size: 17px;color: #22363F;font-weight: 600;margin-top: 10px;}
.projectN_detial_customization_right li p{font-size: 15px;color: #22363F;line-height: 1.6;font-weight: 400;margin-top: 8px;}
.projectN_detial_customization_right li:nth-of-type(3n-1){padding-left: 24px;}
.projectN_detial_customization_right li:nth-of-type(3n){padding-left: 24px;padding-right: 0;border-right: none;}
.projectN_detial_customization_right li:nth-last-of-type(1),.projectN_detial_customization_right li:nth-last-of-type(2),.projectN_detial_customization_right li:nth-last-of-type(3){border-bottom: none;padding-bottom: 0;}
.projectN_detial_customization_right li:nth-of-type(1),.projectN_detial_customization_right li:nth-of-type(2),.projectN_detial_customization_right li:nth-of-type(3){padding-top: 0;}
.projectN_detial_related_box{width: 100%;height: auto;padding-bottom: 58px;}
.projectN_detial_related_content{width: 100%;height: auto;display: flex;justify-content: flex-start;background: #18394d;margin-top: 40px;}
.projectN_detial_related_content_left{width: 62.97%;height: auto;}
.projectN_detial_related_content_left img{width: 100%;height: auto;display: block;}
.projectN_detial_related_content_right{flex: 1;display: flex;justify-content: flex-start;align-items: center;padding-left: 43px;}
.projectN_detial_related_content_right_txt{width: 55.2%;height: auto;}
.projectN_detial_related_content_right_txt h4{font-size: 29px;color: #FFFFFF;font-weight: 600;line-height: 1.2;}
.projectN_detial_related_content_right_txt p{font-size: 15px;color: #FFFFFF;font-weight: 300;line-height: 1.6;margin-top: 10px;}
.projectN_detial_related_content_right_txt_more{display: flex;justify-content: flex-start;margin-top: 60px;}
.projectN_detial_related_content_right_txt_more a{display: flex;justify-content: center;align-items: center;width: 160px;height: 50px;border-radius: 5px;font-size: 17px;color: #F2F2F2;font-weight: 600;}
.projectN_detial_related_content_right_txt_more a + a{margin-left: 14px;}
.projectN_detial_related_content_right_txt_more a:nth-of-type(1){background: #ba1b22;}
.projectN_detial_related_content_right_txt_more a:nth-of-type(2){border: solid 1px #e5e5e5;}
.projectN_detial_get_box{width: 73.3%;height: auto;margin: 0px auto;}
.projectN_detial_get_box h4{font-size: 35px;color: #22363F;font-weight: 600;text-align: center;line-height: 1.2;}
.projectN_detial_get_box .material_get_form_ul li textarea,
.projectN_detial_get_box .material_get_form_ul li input{background: #f8f8f8;}
.projectN_detial_get_box .material_get_form_ul{margin-top: 10px;}
.projectN_detial_other_box{width: 73.3%;height: auto;padding: 58px 0px;margin: 0px auto;}
.projectN_detial_other_ul{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;height: auto;}
.projectN_detial_other_ul li{width: 32.6%;height: auto;position: relative;overflow: hidden;margin-left: 1.1%;margin-top: 30px;}
.projectN_detial_other_ul li:nth-of-type(3n+1){margin-left: 0px;}
.projectN_detial_other_ul_img{width: 100%;height: auto;}
.projectN_detial_other_ul_img img{width: 100%;height: auto;display: block;}
.projectN_detial_other_ul_title{width: 100%;height: 65px;position: absolute;left: 0;bottom: 0;display: flex;justify-content: center;align-items: center;background: #FFFFFF;}
.projectN_detial_other_ul_title h4{font-size: 17px;color: #000000;font-weight: 400;text-align: center;}
.projectN_detial_other_ul_content{width: 100%;height: 100%;position: absolute;left: 0;top: 100%;background: rgba(0,0,0,0.6);z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all 0.6s;}
.projectN_detial_other_ul_content h4{color: #FFFFFF;font-size: 23px;text-align: center;font-weight: 700;}
.projectN_detial_other_ul_content span{display: flex;justify-content: center;align-items: center;width: 160px;height: 49px;border-radius: 5px;border: 1px solid #E5E5E5;margin-top: 20px;font-size: 17px;color: #F2F2F2;font-weight: 600;text-align: center;}
.projectN_detial_other_ul li:hover .projectN_detial_other_ul_title{display: none;}
.projectN_detial_other_ul li:hover .projectN_detial_other_ul_content{top: 0;}

.bath_show_banner{width: 100%;height: auto;position: relative;}
.bath_show_banner_bg{width: 100%;height: auto;}
.bath_show_banner_bg img{width: 100%;height: auto;display: block;}
.bath_show_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;}
.bath_showWH{width: 73.3%;height: auto;margin: 0px auto;}
.bath_show_banner_content_logo{width: 16.73%;height: auto;margin: 0px auto;}
.bath_show_banner_content_logo img{width: 100%;height: auto;display: block;}
.bath_show_banner_content h1{font-size: 60px;color: #FFFFFF;font-weight: 800;text-align: center;margin-top: 40px;}
.bath_show_banner_content h2{font-size: 24px;color: #FFFFFF;font-weight: 700;text-align: center;margin-top: 28px;}
.bath_show_banner_content p{font-size: 24px;color: #FFFFFF;font-weight: 400;text-align: center;margin-top: 20px;}
.bath_show_banner_content p strong{font-size: 36px;font-weight: 700;}
.bath_show_banner_content_link{display: flex;justify-content: center;align-items: center;margin-top: 60px;}
.bath_show_banner_content_link a{width: 254px;height: 55px;border-radius: 5px;display: flex;justify-content: center;align-items: center;border: 2px solid transparent;font-size: 18px;color: #FFFFFF;font-weight: 800;transition: all 0.3s;}
.bath_show_banner_content_link a + a{margin-left: 19px;}
.bath_show_banner_content_link a:nth-of-type(1){background: #ba1b22;}
.bath_show_banner_content_link a:nth-of-type(1):hover{background: #FFFFFF;color: #ba1b22;}
.bath_show_banner_content_link a:nth-of-type(2){border-color: #FFFFFF;}
.bath_show_banner_content_link a:nth-of-type(2):hover{background: #FFFFFF;color: #ba1b22;}
.batn_show_info_box{width: 100%;height: auto;padding-bottom: 99px;background: url(/public/static/images/home/en-us/ketch_info_bg.jpg) no-repeat center center;background-size: cover;}
.batn_show_info_box .Crumbs{border-bottom: none;}
.batn_show_info_content{width: 100%;height: auto;margin-top: 90px;}
.batn_show_info_content h2{font-size: 48px;color: #000000;font-weight: 800;text-align: center;padding: 0 11%;line-height: 1.2;}
.batn_show_info_content h3{font-size: 24px;color: #000000;font-weight: 600;text-align: center;margin-top: 45px;margin-bottom: 40px;}
.batn_show_info_content p{font-size: 16px;text-align: center;line-height: 1.6;font-weight: 400;color: #000000;}
.bath_show_business_box{width: 100%;height: auto;padding: 98px 0px;background: #F5F5F5;}
.bath_show_business_title{width: 100%;height: auto;}
.bath_show_business_title h2{font-size: 48px;color: #22363f;text-align: center;font-weight: 600;}
.bath_show_business_content{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 50px;align-items: center;}
.bath_show_business_content_left{width: 17.98%;margin-left: 13.35%;}
.bath_show_business_content_left h2{font-size: 30px;color: #d72f24;line-height: 1.2;font-weight: 700;}
.bath_show_business_content_left h2 strong{font-size: 48px;}
.bath_show_business_content_left p{font-size: 16px;color: #000000;line-height: 1.6;margin-top: 10px;}
.bath_show_business_content_right{flex: 1;margin-left: 125px;overflow: hidden;}
.bath_show_business_content_right_sw{width: 70.54%;height: auto; overflow: unset;margin-left: 0;}
.bath_show_business_content_right_sw .swiper-slide img{width: 100%;height: auto;display: block;border-radius: 5px;}
.bath_show_business_content_right_sw_right,.bath_show_business_content_right_sw_left{background: none;width: 30px;height: 30px;background: #565753;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 30px;font-family: "Poppins", sans-serif;font-weight: 400;color: #FFFFFF;}
.bath_show_business_content_right_sw_right:hover,.bath_show_business_content_right_sw_left:hover{background: #d72f24;}
.bath_show_business_content_right_sw_left{left: 30px;}
.bath_show_business_content_right_sw_right{right: -63px;}
.bath_show_business_content_bottom{width: 73.52%;height: auto;margin: 0px auto;margin-top: 82px;display: flex;justify-content: space-between;align-items: center;position: relative;}
.bath_show_business_content_bottom_left{width: 67.4%;height: auto;position: relative;z-index: 2;}
.bath_show_business_content_bottom_left img{width: 100%;height: auto;display: block;}
.bath_show_business_content_bottom_right{width: 25.73%;height: auto;position: relative;z-index: 2;}
.bath_show_business_content_bottom_right h2{font-size: 30px;color: #d72f24;font-weight: 700;}
.bath_show_business_content_bottom_right h2 strong{font-size: 48px;}
.bath_show_business_content_bottom_right h3{font-size: 30px;color: #d72f24;font-weight: 700;margin-top: 10px;line-height: 1.2;}
.bath_show_business_content_bottom_right p{font-size: 16px;line-height: 1.6;margin-top: 30px;color: #000000;}
.bath_show_business_content_bottom:before{content: "";display: block;width: 69.98%;height: 100%;background: url(/public/static/images/home/en-us/ketch_exhibition_ico.png) no-repeat top left;background-size: 100% auto;position: absolute;left: 0;top: -100px;}
.bath_show_highlights_box{width: 100%;height: auto;display: flex;justify-content: flex-start;position: relative;}
.bath_show_highlights_left{width: 45.8%;height: auto;}
.bath_show_highlights_left img{width: 100%;height: auto;display: block;}
.bath_show_highlights_right{flex: 1;background: url(/public/static/images/home/en-us/ketch_highlights_bg.jpg) no-repeat center center;background-size: cover;}
.bath_show_highlights_right_content_box{width: 55.35%;height: auto;position: absolute;right: 5.65%;top: 50%;transform: translateY(-50%);}
.bath_show_highlights_right_content_top{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-end;}
.bath_show_highlights_right_content_top_left{width: 57.5%;height: auto;background: #233640;padding: 53px 27px;}
.bath_show_highlights_right_content_top_left h2{font-size: 48px;color: #FFFFFF;font-weight: 600;}
.bath_show_highlights_right_content_top_left p{font-size: 16px;color: #FFFFFF;line-height: 1.6;margin-top: 19px;}
.bath_show_highlights_right_content_top_left ul li{padding-left: 30px;position: relative;}
.bath_show_highlights_right_content_top_left ul li:before{content: "";display: block;width: 10px;height: 10px;background: #FFFFFF;position: absolute;left: 0;top: 8px;border-radius: 10px;}
.bath_show_highlights_right_content_top_left ul li p strong{font-size: 16px;}
.bath_show_highlights_right_content_top_right{width: 41.54%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.bath_show_highlights_right_content_top_right li{width: 48.9%;height: auto;margin-bottom: 10px;position: relative;}
.bath_show_highlights_right_content_top_right li:nth-last-of-type(1),.bath_show_highlights_right_content_top_right li:nth-last-of-type(2){margin-bottom: 0;}
.bath_show_highlights_right_content_top_right_img{width: 100%;height: auto;}
.bath_show_highlights_right_content_top_right_img img{width: 100%;height: auto;display: block;}
.bath_show_highlights_right_content_top_right_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 20px 12px;display: flex;align-items: flex-end;}
.bath_show_highlights_right_content_top_right_content h2{font-size: 14px;color: #233640;font-weight: 600;line-height: 1.4;}
.bath_show_highlights_right_content_top_right_content.withe h2{color: #FFFFFF;}
.bath_show_highlights_right_content_bottom{width: 100%;height: auto;margin-top: 17px;display: flex;justify-content: flex-start;}
.bath_show_highlights_right_content_bottom li{width: 20.51%;height: auto;position: relative;margin-left: 8px;}
.bath_show_highlights_right_content_bottom li:nth-of-type(1){margin-left: 16%;}
.bath_show_event_box{width: 100%;height: auto;padding: 80px 0px;}
.bath_show_event_content{width: 100%;height: auto;padding: 97px 140px;background: #f6f6f6;border-radius: 0px 100px 0 100px;}
.bath_show_event_content h2{font-size: 30px;color: #233640;font-weight: 700;text-align: center;line-height: 1.4;}
.bath_show_event_content h2 strong{font-weight: 800;color: #ba1b22;font-size: 30px;}
.bath_show_event_content p{font-size: 24px;color: #233640;text-align: center;font-weight: 600;margin-top: 10px;}
.bath_show_event_content a{display: flex;justify-content: center;align-items: center;width: 254px;height: 55px;border-radius: 5px;background: #ba1b22;margin: 0px auto;margin-top: 40px;font-size: 18px;color: #FFFFFF;font-weight: 800;border: 2px solid transparent;transition: all 0.3s;}
.bath_show_event_content a:hover{background: #FFFFFF;border-color: #ba1b22;color: #ba1b22;}
.bath_show_similar_product_box{width: 100%;height: auto;padding: 112px 0px;background: url(/public/static/images/home/en-us/ketch_similbar_product_bg.jpg) no-repeat center center;background-size: cover;}
.bath_show_similar_product_title{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;}
.bath_show_similar_product_title h2{font-size: 48px;color: #FFFFFF;font-weight: 600;}
.bath_show_similar_product_btn{display: flex;justify-content: flex-end;}
.bath_show_similar_product_btn_left,.bath_show_similar_product_btn_right{width: 45px;height: 45px;background: #FFFFFF;border-radius: 50%;background: #FFFFFF;font-weight: 600;color: #233640;font-family: "Poppins", sans-serif;display: flex;justify-content: center;align-items: center;font-size: 30px;cursor: pointer;}
.bath_show_similar_product_btn_right{margin-left: 10px;}
.bath_show_similar_product_btn_left:hover,.bath_show_similar_product_btn_right:hover{background: #ba1b22;color: #FFFFFF;}
.bath_show_similar_product_sw{width: 100%;height: auto;margin-top: 40px;}
.bath_show_similar_product_sw .swiper-slide{background: #FFFFFF;height: auto;}
.bath_show_similar_product_sw_img{width: 100%;height: auto;overflow: hidden;}
.bath_show_similar_product_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.bath_show_similar_product_sw_content{width: 100%;height: auto;padding: 30px;}
.bath_show_similar_product_sw_content h2 a{color: #22363f;font-size: 18px;font-weight: 700;}
.bath_show_similar_product_sw_content p{font-size: 16px;color: #22363F;line-height: 1.6;margin-top: 14px;}
.bath_show_similar_product_sw_content_more{display: block;font-size: 18px;color: #233640;font-weight: 600;margin-top: 30px;} 
.bath_show_similar_product_sw_img:hover img{transform: scale(1.1);}
.bath_show_similar_product_sw_content h2 a:hover{color: #ba1b22;}
.bath_show_similar_product_sw_content_more:hover{color: #ba1b22;}
.bath_show_process_box{width: 100%;height: auto;padding: 80px 0;background: url(/public/static/images/home/en-us/ketch_process_bg.jpg) no-repeat center center;background-size: cover;}
.bath_show_process_title{width: 100%;height: auto;}
.bath_show_process_title h2{font-size: 48px;color: #22363F;font-weight: 600;text-align: center;}
.bath_show_process_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 80px;}
.bath_show_process_ul li{width: 32.834%;height: auto;background: #FFFFFF;box-shadow: 6px 32px 32px 0px rgba(0, 0, 0, 0.08);border-radius: 4px;margin-left: 0.7%;margin-top: 9px;padding: 24px 35px;position: relative;}
.bath_show_process_ul li:nth-of-type(3n+1){margin-left: 0;}
.bath_show_process_ul_ico{width: 58px;height: auto;margin: 0px auto;}
.bath_show_process_ul_ico img{width: 100%;height: auto;display: block;}
.bath_show_process_ul li h2{font-size: 18px;color: #22363F;text-align: center;font-weight: 700;margin-top: 10px;}
.bath_show_process_ul li p{font-size: 16px;color: #22363F;line-height: 1.6;text-align: center;margin-top: 20px;padding: 0 6%;}
.bath_show_process_ul li em{display: block;font-weight: 700;position: absolute;left: 7px;top: 10px;font-size: 80px;color: #22363F;opacity: 0.1;}
.bath_show_process_ul li:nth-of-type(4),.bath_show_process_ul li:nth-of-type(5),.bath_show_process_ul li:nth-of-type(6){z-index: 2;}
.bath_show_process_ul li:nth-of-type(1),.bath_show_process_ul li:nth-of-type(2),.bath_show_process_ul li:nth-of-type(3){z-index: 3;}
.bath_show_process_more{width: 204px;height: 55px;border-radius: 5px;display: flex;justify-content: center;align-items: center;margin: 0px auto;margin-top: 68px;background: #ba1b22;font-size: 18px;color: #FFFFFF;font-weight: 600;transition: all 0.3s;border: 2px solid transparent;}
.bath_show_process_more:hover{background: #FFFFFF;color: #ba1b22;border-color: #ba1b22;}
.bath_show_feedback_box{width: 100%;height: auto;background: url(/public/static/images/home/en-us/ketch_feedback_bg.jpg) no-repeat center center;background-size: cover;padding: 80px 0;}
.bath_show_feedback_title{width: 100%;height: auto;}
.bath_show_feedback_title h2{font-size: 48px;color: #FFFFFF;font-weight: 600;text-align: center;}
.bath_show_feedback_sw{width: 100%;height: auto;margin-top: 65px;padding-bottom: 48px;}
.bath_show_feedback_sw .swiper-slide{width: 100%;height: auto;background: #FFFFFF;border-radius: 5px;padding: 32px 49px;position: relative;}
.bath_show_feedback_sw_page{width: 100%;bottom: 0 !important;}
.bath_show_feedback_sw .swiper-slide em{display: block;font-family: "Anton", sans-serif;font-weight: 400;color: #18394d;font-size: 36px;line-height: 0;}
.bath_show_feedback_sw .swiper-slide p{font-size: 16px;color: #22363F;line-height: 1.6;}
.bath_show_feedback_sw_bottom{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;margin-top: 30px;}
.bath_show_feedback_sw_bottom_left{display: flex;justify-content: flex-start;align-items: center;}
.bath_show_feedback_sw_bottom_left img{width: 65px;height: auto;display: block;}
.bath_show_feedback_sw_bottom_left h2{font-size: 18px;color: #18394D;font-weight: 600;margin-left: 20px;}
.bath_show_feedback_sw_page span{width: 12px;height: 12px;background: rgba(255,255,255,0.3);}
.bath_show_feedback_sw_page span.swiper-pagination-bullet-active{background: #ba1b22;}
.bath_show_brand_box{width: 100%;height: auto;padding: 80px 0;}
.bath_show_brand_content_box{width: 100%;height: auto;display: flex;justify-content: space-between;}
.bath_show_brand_content_left{width: 47.4%;height: auto;}
.bath_show_brand_content_left img{width: 100%;height: auto;display: block;}
.bath_show_brand_content_right{width: 47.953%;height: auto;}
.bath_show_brand_content_right h2{font-size: 48px;color: #18394D;font-weight: 600;}
.bath_show_brand_content_right p{font-size: 16px;color: #22363F;line-height: 1.6;margin-top: 8px;padding-right: 12%;}
.bath_show_brand_content_right a{width: 204px;height: 55px;border-radius: 5px;display: flex;justify-content: center;align-items: center;margin-top: 40px;background: #ba1b22;font-size: 18px;color: #FFFFFF;font-weight: 600;transition: all 0.3s;border: 2px solid transparent;}
.bath_show_brand_content_right a:hover{background: #FFFFFF;color: #ba1b22;border-color: #ba1b22;}
.bath_show_brand_content_right_img{display: flex;justify-content: flex-end;margin-top: 5px;}
.bath_show_brand_content_right_img img{width: 62.1%;height: auto;display: block;}
@media (max-width: 1768px) {
    .B_design_content{width: 92%;}
    .B_design_content_left{width: 48.5%;}
    .B_design_content_right{width: 48.5%;}
    .B_design_content_right_ul li{width: 48.5%;}
    .container_1400{width: 92%;}
    .B_download_btn li{width: 32%;}
    .B_factory_top_box .indexAboutVideo{width: 60%;}
    .B_factory_top_box .textBox{width: 38.5%;}
    .B_overall_list_box li{width: 48.5%;}
    .material_banner_contentWH h4{font-size: 48px;width: 67.6%;}
    .material_carcass_content_list_bg{height: 978px;}
    .material_carcass_content_list_bg img{height: 100%;object-fit: cover;}
    .material_related_sw_content{width: 63.3%;}
    .material_related_sw_left{left: 34%;top: 44%;}
    .material_related_sw_right{right: 10%;top: 44%;}
    .projectN_detial_customization_left h4{font-size: 26px;}
    .projectN_detial_related_content_right_txt{width: 73.2%;}
    .bath_show_banner_content_link{margin-top: 40px;}
    .bath_show_business_content_left{width: 23.98%;}
    .bath_show_business_content_right{margin-left: 80px;}
    .bath_show_business_content_bottom_right{width: 32.73%;}
    .bath_show_business_content_bottom_left{width: 62.4%;}
    .bath_show_business_content_bottom:before{top: -70px;background-size: 93% auto;}
    .bath_show_highlights_right_content_box{width: 75.35%;}
    .bath_show_highlights_left{height: 860px;}
    .bath_show_highlights_left img{height: 100%;object-fit: cover;}
    .bath_show_event_content{padding: 75px;}
}
@media (max-width: 1400px) {
    .B_info{width: 92%;margin: 0px auto;}
    .B_info p{width: 100%;}
    .B_design_content_right_ul_div span{display: none;}
    .B_design_content_right_ul_div h4{font-size: 32px;}
    .B_factory_bottom_box li:after{display: none;}
    .B_typical_content_sw_left{left: -42px !important;}
    .B_typical_content_sw_right{right: -42px !important;}
    .B_download_info{width: 100%;}
    .material_banner_contentWH h4{font-size: 40px;}
    .material_info_box{width: 92%;}
    .material_carcass_content_list_content{padding-left: 4%;}
    .material_carcass_content_list_bg{height: 918px;}
    .projectN_list_content_txt h4{font-size: 18px;}
    .projectN_list_content_txt p{font-size: 14px;}
    .projectN_list_btn li{width: 17.75%;}
    .projectN_video_top_left .video_click{height: 100%;}
    .projectN_video_top_left img{height: 100%;object-fit: cover;}
    .projectN_video_top_right{padding: 30px;}
    .projectN_detial_related_content_right_txt_more{margin-top: 10px;}
    .projectN_detial_related_content_right_txt h4{font-size: 24px;}
    .bath_showWH{width: 83.33%;}
    .bath_show_banner_content h1{font-size: 40px;margin-top: 18px;}
    .batn_show_info_content h2{padding: 0;font-size: 40px;}
    .bath_show_business_content_left h2 strong{font-size: 38px;}
    .bath_show_business_content_left h2{font-size: 26px;}
    .bath_show_business_content_bottom_right h2 strong{font-size: 38px;}
    .bath_show_business_content_bottom_right h3{font-size: 26px;}
    .bath_show_business_content_bottom_right{width: 34.73%;}
    .bath_show_business_content_bottom:before{background-size: 92% auto;}
    .bath_show_highlights_right_content_top_left h2{font-size: 36px;}
    .bath_show_highlights_right_content_top_left p{margin-top: 10px;}
    .bath_show_similar_product_title h2{font-size: 38px;}
}
@media (max-width: 1200px) {
    .B_design_content_right h5{margin-top: 24%;}
    .B_factory_bottom_top h4{font-size: 38px;}
    .B_factory_bottom_box li p{font-size: 16px;}
    .material_banner_contentWH h4{font-size: 32px;}
    .material_carcass_content_list_content{padding: 38px 0;padding-left: 4%;}
    .material_related_sw_content{width: 79.3%;}
    .material_related_sw_left{top: 50%;left: -12%;}
    .material_related_sw_right{right: -12%;top: 50%;}
    .material_get_form_box{padding: 5% 4%;}
    .projectN_info_box{width: 92%;}
    .projectN_info_title{width: 100%;}
    .projectN_list_box{width: 92%;}
    .projectN_video_top{width: 92%;}
    .projectN_video_list{width: 92%;}
    .projectN_customer_title{width: 92%;}
    .material_faq_box{width: 92%;}
    .material_get_form_box{width: 92%;}
    .projectN_detial_info_left_content_title{font-size: 24px;}
    .projectN_detial_info_left_content{width: 75.5%;}
    .projectN_detial_info_left_content_ul li:nth-of-type(1) p{font-size: 18px;}
    .projectN_detial_info_left_content_ul li{padding: 10px 0px;margin-top: 5px;}
    .projectN_detial_related_content{flex-wrap: wrap;}
    .projectN_detial_related_content_left{width: 100%;}
    .projectN_detial_related_content_right{padding: 5% 4%;}
    .projectN_detial_other_box,
    .projectN_detial_get_box,
    .projectN_detial_customization_box,
    .projectN_detial_loading_box,
    .projectN_detial_packing_ul,
    .projectN_detial_assembled_box,
    .projectN_detial_drawings_content,
    .projectN_detial_floor_content,
    .projectN_detial_after_box{width: 92%;}
    .bath_showWH{width: 92%;}
    .bath_show_banner_content h1{font-size: 30px;}
    .bath_show_banner_content h2{font-size: 18px;margin-top: 10px;}
    .bath_show_banner_content p{font-size: 18px;margin-top: 10px;}
    .bath_show_banner_content p{font-size: 18px;margin-top: 10px;}
    .bath_show_banner_content p strong{font-size: 24px;}
    .bath_show_banner_content_link{margin-top: 18px;}
    .bath_show_business_content{flex-direction: column;}
    .bath_show_business_content_left{width: 92%;margin: 0px auto;}
    .bath_show_business_content_right{flex: auto;width: 92%;margin-top: 30px;}
    .bath_show_business_content_bottom:before{display: none;}
    .bath_show_business_content_bottom{width: 92%;margin-top: 50px;}
    .bath_show_highlights_box{flex-direction: column;}
    .bath_show_highlights_left{width: 100%;height: auto;}
    .bath_show_highlights_right{flex: auto;padding: 50px;width: 100%;}
    .bath_show_highlights_right_content_box{width: 100%;position: relative;right: 0;top: 0;transform: none;}
}
@media (max-width: 990px) {
    .B_design_content{
        flex-wrap: wrap;
        margin-top: 50px;
    }
    .B_design_content_left{width: 100%;}
    .B_design_bg{display: none;}
    .B_design_content_right h5{color: #333333;margin-top: 38px;text-align: center;}
    .B_design_content_right_ul{margin-top: 0;width: 100%;}
    .B_design_content_right{width: 100%;}
    .B_project_type_content_div{width: 100%;height: 100%;right: 0;top: 0;transform: none;background: rgba(255,255,255,0.7);}
    .B_solution_ul li{width: 48.5%;}
    .B_typical_content_sw_right, .B_typical_content_sw_left{display: none !important;}
    .B_last_box{width: 92%;margin: 0px auto;}
    .B_factory_top_box{flex-wrap: wrap;}
    .B_factory_top_box .indexAboutVideo{width: 100%;}
    .B_factory_top_box .textBox{width: 100%;margin-top: 40px;}
    .material_carcass_content_list_content{width: 100%;padding: 5% 4%;}
    .material_carcass_content_list_bg{height: 819px;}
    .material_door_btn li.on .material_door_btn_content_txt h4{font-size: 24px;padding: 0;}
    .material_related_sw_content{position: relative;top: 0;bottom: auto;right: auto;width: 100%;}
    .material_related_sw_content{opacity: 1;}
    .material_related_sw_right, .material_related_sw_left{background: rgba(0,0,0,0.5);}
    .material_faq_box{width: 92%;}
    .material_faq_ul_top h4{font-size: 18px;}
    .material_get_form_box{width: 92%;}
    .material_get_form_title h4{font-size: 36px;}
    .material_door_content_list{width: 92%;}
    .material_door_content_list_ul li{padding: 0 4%;}
    .projectN_detial_info_box{flex-direction: column-reverse;}
    .projectN_detial_info_left{width: 100%;}
    .projectN_detial_info_left_bg{height: 380px;}
    .projectN_detial_info_left_content_box{padding: 0 4%;}
    .projectN_detial_info_left_content{width: 100%;}
    .projectN_detial_customization_box{flex-wrap: wrap;}
    .projectN_detial_customization_right{width: 100%;}
    .projectN_detial_customization_left img{display: none;}
    .projectN_detial_customization_left{width: 100%;margin-bottom: 30px;}
    .projectN_detial_customization_left h4{text-align: center;}
    .bath_show_banner_bg{height: 363px;}
    .bath_show_banner_bg img{height: 100%;object-fit: cover;}
    .batn_show_info_content{margin-top: 50px;}
    .bath_show_business_content_bottom{flex-wrap: wrap;}
    .bath_show_business_content_bottom_left{width: 100%;}
    .bath_show_business_content_bottom_right{width: 100%;margin-top: 30px;}
}

@media (max-width: 768px) {
    .B_banner_content h1{font-size: 4.8vw;}
    .B_info{padding: 8vw 0;}
    .B_info p{font-size: 3.6vw;line-height: 5.8vw;}
    .B_design_title{font-size: 4.8vw;}
    .B_design_content{margin-top: 5.8vw;flex-direction: column-reverse;}
    .B_design_content_left_txt{padding: 4%;}
    .B_design_content_left_txt h4{font-size: 4.8vw;}
    .B_design_content_left_txt p{font-size: 3.6vw;line-height: 5.8vw;margin-top: 3.8vw;}
    .B_design_content_right h5{font-size: 4.8vw;margin-top: 5.8vw;}
    .B_design_content_right_ul_div h4{font-size: 3.6vw;}
    .B_design_content_right_ul_div p{font-size: 3.2vw;margin-top: 3.2vw;}
    .B_design_content_left{margin-top: 5.8vw;}
    .B_design_box{padding-bottom: 8vw;}
    .B_download_info p{font-size: 3.6vw;line-height: 5.8vw;}
    .B_download_btn{margin-top: 5.8vw;}
    .B_download_btn li{height: 10.8vw;border-radius: 0.5vw;font-size: 3.6vw;}
    .B_download_btn li img{width: 6vw;margin-right: 1.2vw;}
    .B_download_btn li.on:after{border-width: 2vw;bottom: -3.8vw;}
    .B_download_sw{margin-top: 5.8vw !important;padding-bottom: 8vw !important;}
    .B_download_sw_page span{width: 2vw;height: 2vw;}
    .B_download_box{padding-bottom: 8vw;}
    .B_form_box{padding: 8vw 0;}
    .B_form_title h4{font-size: 4.8vw;line-height: 5.8vw;}
    .B_form_title p{font-size: 3.6vw;line-height: 5.8vw;}
    .B_form_content_ul li{height: 10.8vw;margin-top: 3.8vw;width: 100%;}
    .B_form_content_ul li input{font-size: 3.6vw;padding: 0 3.2vw;}
    .B_form_content_ul li textarea{font-size: 3.6vw;padding: 3.2vw;}
    .B_form_content_btn{width: 38vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;background-size: 4vw auto;background-position-x: 72%;}
    .B_factory_top_box .indexAboutVideo img{border-radius: 0.5vw;}
    .B_factory_box{padding: 8vw 0;}
    .B_factory_top_box .textBox{margin-top: 5.8vw;}
    .B_factory_top_box .textBox h2{font-size: 4.8vw;}
    .B_factory_top_box .textBox p{font-size: 3.6vw;line-height: 5.8vw;margin-top: 5.8vw;}
    .B_factory_top_box .textBox a{width: 38vw;height: 10.5vw;font-size: 3.6vw;margin-top: 5.8vw;}
    .B_factory_bottom_top h4{font-size: 3.6vw;}
    .B_factory_bottom_top span{display: none;}
    .B_factory_bottom_box li p{font-size: 3.2vw;margin-top: 3.8vw;}
    .B_factory_bottom_box{margin-top: 5.8vw;}
    .B_project_content_box{margin-top: 8vw;}
    .B_project_content_box{padding: 8vw 0;}
    .B_project_type_box{margin-top: 8vw;}
    .B_project_type_content_div{padding: 4%;}
    .B_project_type_content_div h4{font-size: 3.6vw;line-height: 5.8vw;}
    .B_project_type_content_div h4 strong{font-size: 3.6vw;}
    .B_project_type_content_div p{font-size: 3.2vw;line-height: 4.8vw;margin-top: 3.8vw;}
    .B_project_type_content{height: 90vw;}
    .B_project_type_content img{object-fit: cover;height: 100%;}
    .B_project_box{padding-bottom: 8vw;}
    .B_overall_title{font-size: 4.2vw;}
    .B_overall_ul{margin-top: 5.8vw;flex-wrap: wrap;}
    .B_overall_ul li{width: 100%;margin-top: 5.8vw;}
    .B_overall_ul li h4{font-size: 3.6vw;margin-top: 3.2vw;}
    .B_overall_list_box{margin-top: 5.8vw;}
    .B_overall_list_box li{width: 100%;margin-top: 5.8vw;}
    .B_overall_list_top_div p{width: 92%;font-size: 3.6vw;}
    .B_overall_list_top_div img{width: 4vw;margin-top: 3.2vw;}
    .B_overall_list_bottom{height: 10.8vw;}
    .B_overall_list_bottom h4{font-size: 3.6vw;}
    .B_overall_box{padding-bottom: 8vw;}
    .B_overall_ul li:nth-of-type(1){margin-top: 0;}
    .B_solution_box{padding: 8vw 0;}
    .B_solution_title{font-size: 4.8vw;}
    .B_solution_ul li{margin-top: 5.8vw;}
    .B_solution_ul li span{width: 16vw;height: 16vw;}
    .B_solution_ul li span img{width: 66%;}
    .B_solution_ul li h4{font-size: 4.2vw;margin-top: 3.2vw;}
    .B_solution_ul li p{font-size: 3.6vw;line-height: 5.8vw;margin-top: 3.2vw;}
    .B_typical_box{padding: 8vw 0;}
    .B_typical_content_sw_txt{padding: 4%;}
    .B_typical_content_sw_txt h4 a{font-size: 4.2vw;}
    .B_typical_content_sw_txt p{font-size: 3.6vw;line-height: 5.8vw;margin-top: 1.8vw;}
    .B_typical_content_sw_txt_more{width: 38vw;height: 10.8vw;border-radius: 5.4vw;font-size: 3.6vw;margin-top: 3.2vw;}
    .B_last_box h4{font-size: 4.2vw;}
    .B_last_box p{font-size: 3.6vw;margin-top: 3.2vw;}
    .B_last_box a{width: 38vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;}
    .B_last_box{padding-bottom: 8vw;}
    .material_banner_contentWH{width: 92%;}
    .material_banner_contentWH h4{font-size: 4.8vw;width: 100%;}
    .material_banner_contentWH a{width: 42vw;height: 10.8vw;border-radius: 0.5vw;font-size: 3.8vw;margin-top: 3.6vw;}
    .material_info_box{padding: 8vw 0;}
    .material_title h1, .material_title h4{font-size: 4.8vw;}
    .material_info_content p{font-size: 3.6vw;margin-top: 3.6vw;}
    .material_info_content{padding-top: 0;}
    .material_carcass_btn{width: 92%;margin: 0px auto;margin-top: 3.8vw;}
    .material_carcass_btn li + li{margin-left: 1.8vw;}
    .material_carcass_btn li{padding:  0 1.8vw;min-width: 25%;font-size: 3.6vw;height: 10.8vw;text-align: center;}
    .material_carcass_btn li:after{width: 2.8vw;bottom: -3vw;}
    .material_carcass_content{margin-top: 5.8vw;}
    .material_carcass_content_list_content_info h4{font-size: 4.2vw;}
    .material_carcass_content_list_content_info p{font-size: 3.6vw;margin-top: 3.2vw;}
    .material_carcass_content_list_content_info_ul li{margin-top: 3.8vw;padding-top: 3.8vw;}
    .material_carcass_content_list_content_info_ul_top img{width: 11vw;}
    .material_carcass_content_list_content_info_ul_top h4{font-size: 3.8vw;margin-left: 1.8vw;}
    .material_carcass_content_list_content_info_ul li p{font-size: 3.6vw;margin-top: 3.2vw;}
    .material_carcass_content_list_bg{height: 183vw;}
    .material_door_box{padding-top: 8vw;}
    .material_door_btn{margin-top: 5.8vw;}
    .material_door_btn li.on .material_door_btn_content{padding-top: 10.8vw;}
    .material_door_btn li.on .material_door_btn_content_txt h4{font-size: 4.2vw;}
    .material_door_btn_img{min-width: 48vw;}
    .material_door_btn_content_txt img{width: 6vw;}
    .material_door_btn_content_txt h4{font-size: 3.2vw;margin-top: 1.8vw;min-height: auto;}
    .material_door_btn_content_txt em{width: 5vw;height: 5vw;font-size: 3.6vw;margin-top: 3.2vw;}
    .material_door_btn_content{padding-bottom: 21%;}
    .material_door_btn li.on:after{border-width: 2vw;bottom: -3.6vw;}
    .material_door_content_box{padding: 8vw 0;}
    .material_door_content_list_info h4{font-size: 4.8vw;}
    .material_door_content_list_info{width: 100%;}
    .material_door_content_list_info p{font-size: 3.6vw;margin-top: 3.6vw;}
    .material_door_content_list_ul{margin-top: 3.6vw;flex-wrap: wrap;}
    .material_door_content_list_ul li{width: 100%;padding: 0 4% !important;border: none;}
    .material_door_content_list_ul_ico{width: 12vw;}
    .material_door_content_list_ul li h4{font-size: 3.8vw;margin-top: 3.6vw;}
    .material_door_content_list_ul li p{font-size: 3.6vw;margin-top: 3.2vw;}
    .material_door_content_list_ul li + li{margin-top: 3.8vw;}
    .material_related_box{padding: 8vw 0;}
    .material_related_sw{width: 92%;margin-top: 5.8vw;}
    .material_related_sw_content{padding: 5% 4%;}
    .material_related_sw_title h4{font-size: 3.8vw;padding-bottom: 1.5vw;}
    .material_related_sw_txt{padding: 3.8vw 0;}
    .material_related_sw_txt p{font-size: 3.6vw;}
    .material_related_sw_txt a{width: 42vw;height: 10.8vw;font-size: 3.8vw;margin-top: 5.8vw;}
    .material_related_sw_right, .material_related_sw_left{display: none;}
    .material_faq_box{padding: 8vw 0;padding-top: 0;}
    .material_faq_ul_top h4{font-size: 3.6vw;}
    .material_faq_ul{margin-top: 3.2vw;}
    .material_faq_ul li{margin-top: 1.8vw;padding-top: 1.8vw;}
    .material_faq_ul li:nth-last-of-type(1){padding-bottom: 1.8vw;}
    .material_faq_ul_top i,
    .material_faq_ul_top em{font-size: 4.8vw;}
    .material_faq_ul_bottom{padding: 5% 4%;}
    .material_faq_ul_bottom p{font-size: 3.6vw;}
    .material_get_form_box{margin-top: 0;}
    .material_get_form_title h4{font-size: 4.8vw;}
    .material_get_form_title{width: 100%;}
    .material_get_form_title p{font-size: 3.6vw;margin-top: 3.2vw;}
    .material_get_form_ul{margin-top: 3.6vw;}
    .material_get_form_ul li{width: 100%;}
    .material_get_form_ul li input{height: 10.8vw;padding-left: 3.2vw;font-size: 3.2vw;}
    .material_get_form_ul li textarea{padding: 3.2vw;height: 36vw;font-size: 3.2vw;}
    .material_get_form_btn{width: 48vw;height: 10.8vw;font-size: 3.8vw;margin-top: 3.2vw;}
    .projectN_banner_content h4{font-size: 4.8vw;}
    .projectN_banner_content p{font-size: 3.8vw;margin-top: 3.6vw;}
    .projectN_info_box{padding: 8vw 0;}
    .projectN_title{font-size: 4.8vw;}
    .projectN_info_title p{font-size: 3.6vw;margin-top: 3.6vw;}
    .projectN_list_btn{flex-wrap: wrap;justify-content: space-between;margin-top: 3.8vw;margin-top: 0;}
    .projectN_list_btn li{width: 48.5%;height: 10.8vw;font-size: 3.6vw;border-radius: 0.5vw;margin-top: 1.8vw;}
    .projectN_list_btn li a{font-size: 3.6vw;}
    .projectN_list_btn li + li{margin-left: 0;}
    .projectN_list_content{margin-top: 3.2vw;}
    .projectN_list_content li{width: 100%;margin-left: 0;margin-top: 3.8vw;}
    .projectN_list_content_txt{min-height: auto;padding: 5% 4%;}
    .projectN_list_content_txt span{position: relative;position: relative;left: auto;bottom: auto;margin-top: 3.8vw;width: 38vw;height: 8.8vw;font-size: 3.6vw;border-radius: 0.5vw;}
    .projectN_list_content_txt h4{font-size: 3.8vw;}
    .projectN_list_content_txt p{font-size: 3.6vw;margin-top: 3.2vw;}
    .projectN_list_box{padding-bottom: 8vw;}
    .projectN_video_box{padding: 8vw 0;}
    .projectN_video_top{flex-wrap: wrap;}
    .projectN_video_top_left{width: 100%;}
    .projectN_video_top_right{width: 100%;padding: 5% 4%;}
    .projectN_video_top_right h5{font-size: 3.8vw;}
    .projectN_video_top_right_txt h4{font-size: 4.2vw;margin-top: 3.8vw;}
    .projectN_video_top_right_txt p{font-size: 3.2vw;margin-top: 3.2vw;}
    .projectN_video_list{margin-top: 3.2vw;}
    .projectN_video_list li{width: 100%;margin-top: 3.8vw;}
    .projectN_video_list li h4{font-size: 3.6vw;margin-top: 3.6vw;}
    .projectN_customer_box{padding: 8vw 0;}
    .projectN_customer_title h4{font-size: 4.8vw;}
    .projectN_customer_title p{font-size: 3.6vw;margin-top: 3.2vw;}
    .projectN_customer_sw{width: 92%;margin-top: 5.8vw;}
    .projectN_customer_sw .video_click:after{background-size: 11vw auto;}
    .projectN_get_box{padding: 8vw 0;}
    .projectN_detial_info_left_content_title{font-size: 4.2vw;padding-bottom: 1.8vw;}
    .projectN_detial_info_left_content_ul li{padding: 1.8vw 0;margin-top: 1.5vw;}
    .projectN_detial_info_left_content_ul li h4{font-size: 3.8vw;}
    .projectN_detial_info_left_content_ul li:nth-of-type(1) p{font-size: 4.2vw;}
    .projectN_detial_info_left_content_ul li p{font-size: 3.6vw;}
    .projectN_detial_info_left_bg{height: 75vw;}
    .projectN_detial_after_box{padding: 8vw 0;}
    .projectN_detial_after_title h4{font-size: 4.8vw;}
    .projectN_detial_after_ul{margin-top: 3.2vw;flex-wrap: wrap;}
    .projectN_detial_after_ul li{width: 100%;height: auto;margin-top: 3.2vw;}
    .projectN_detial_after_ul li img + img{margin-top: 3.2vw;}
    .projectN_detial_floor_content{padding: 8vw 0;margin-top: 5.8vw;}
    .projectN_detial_floor_content img{width: 90%;}
    .projectN_detial_floor_box{padding-bottom: 8vw;}
    .projectN_detial_drawings_box{padding: 8vw 0;}
    .projectN_detial_drawings_content{flex-wrap: wrap;margin-top: 3.2vw;}
    .projectN_detial_drawings_content li{width: 100%;height: auto;margin-top: 3.8vw;border-radius: 2vw;margin-left: 0;}
    .projectN_detial_assembled_box{padding: 8vw 0;flex-wrap: wrap;}
    .projectN_detial_assembled_box li{width: 100% !important;margin-top: 1.8vw;}
    .projectN_detial_assembled_box li img + img{margin-top: 1.8vw;}
    .projectN_detial_assembled_box li h4{font-size: 4.8vw;}
    .projectN_detial_assembled_box li:nth-of-type(2) img{margin-top: 5.8vw;}
    .projectN_detial_packing_box{padding: 8vw 0;}
    .projectN_detial_packing_ul{margin-top: 3.2vw;}
    .projectN_detial_packing_ul li{width: 100% !important;margin-top: 3.2vw;margin-left: 0;}
    .projectN_detial_loading_box{padding: 8vw 0;}
    .projectN_detial_loading_ul li{width: 100%;margin-top: 3.8vw;margin-left: 0;}
    .projectN_detial_customization_box{padding: 8vw 0;}
    .projectN_detial_customization_left h4{font-size: 4.8vw;}
    .projectN_detial_customization_right li img{width: 11vw;}
    .projectN_detial_customization_right li h4{font-size: 3.6vw;margin-top: 1.8vw;}
    .projectN_detial_customization_right li p{font-size: 3.2vw;margin-top: 1.6vw;}
    .projectN_detial_customization_right li{padding-bottom: 1.8vw;padding-right: 2%;}
    .projectN_detial_customization_right li:nth-of-type(3n-1){padding-left: 2%;}
    .projectN_detial_customization_right li:nth-of-type(3n){padding-left: 2%;}
    .projectN_detial_related_content_right_txt{width: 100%;}
    .projectN_detial_related_content_right_txt h4{font-size: 4.2vw;}
    .projectN_detial_related_content_right_txt p{font-size: 3.6vw;margin-top: 1.8vw;}
    .projectN_detial_related_content_right_txt_more a{width: 38vw;height: 8.8vw;font-size: 3.8vw;}
    .projectN_detial_related_content_right_txt_more a:nth-of-type(2){margin-left: 3.8vw;}
    .projectN_detial_related_content_right_txt_more{margin-top: 5.8vw;}
    .projectN_detial_related_box{padding-bottom: 8vw;}
    .projectN_detial_get_box h4{font-size: 4.2vw;}
    .projectN_detial_other_box{padding: 8vw 0;}
    .projectN_detial_other_ul li{width: 100%;margin-left: 0;margin-top: 3.6vw;}
    .projectN_detial_other_ul_title h4{font-size: 3.8vw;}
    .projectN_detial_other_ul_title{height: 10.8vw;}
    .projectN_detial_other_ul_content h4{font-size: 3.8vw;}
    .projectN_detial_other_ul_content span{width: 42vw;height: 10.8vw;font-size: 3.8vw;margin-top: 3.2vw;}
    .bath_show_banner_content h1{font-size: 4.8vw;margin-top: 1.8vw;}
    .bath_show_banner_content h2{font-size: 3.8vw;margin-top: 1.8vw;}
    .bath_show_banner_content p{font-size: 3.8vw;margin-top: 3.2vw;}
    .bath_show_banner_content p strong{font-size: 4.2vw;}
    .bath_show_banner_content_link{margin-top: 3.2vw;}
    .bath_show_banner_content_link a{width: 38vw;height: 10.8vw;font-size: 3.2vw;}
    .batn_show_info_content{margin-top: 8vw;}
    .batn_show_info_content h2{font-size: 4.8vw;}
    .batn_show_info_content h3{font-size: 4.2vw;margin-top: 3.6vw;margin-bottom: 3.6vw;}
    .batn_show_info_content p{font-size: 3.6vw;}
    .batn_show_info_box{padding-bottom: 8vw;}
    .bath_show_business_box{padding: 8vw 0;}
    .bath_show_business_title h2{font-size: 4.8vw;}
    .bath_show_business_content_left h2 strong{font-size: 4.8vw;}
    .bath_show_business_content_left h2{font-size: 4.2vw;}
    .bath_show_business_content{margin-top: 5.8vw;}
    .bath_show_business_content_left p{font-size: 3.6vw;margin-top: 3.2vw;}
    .bath_show_business_content_right{margin-top: 3.8vw;margin-left: 0;}
    .bath_show_business_content_right_sw_right, .bath_show_business_content_right_sw_left{width: 6.8vw;height: 6.8vw;font-size: 3.8vw;}
    .bath_show_business_content_right_sw_right{right: 3.2vw;}
    .bath_show_business_content_right_sw_left{left: 3.2vw;}
    .bath_show_business_content_right_sw{width: 100%;}
    .bath_show_business_content_bottom{margin-top: 3.8vw;}
    .bath_show_business_content_bottom_right{margin-top: 3.8vw;}
    .bath_show_business_content_bottom_right h2 strong{font-size: 4.8vw;}
    .bath_show_business_content_bottom_right h2{font-size: 4.2vw;}
    .bath_show_business_content_bottom_right h3{font-size: 3.8vw;margin-top: 1.8vw;}
    .bath_show_business_content_bottom_right p{font-size: 3.6vw;margin-top: 3.2vw;}
    .bath_show_highlights_right{padding: 5% 4%;}
    .bath_show_highlights_right_content_top{flex-wrap: wrap;}
    .bath_show_highlights_right_content_top_left{width: 100%;padding: 5% 4%;}
    .bath_show_highlights_right_content_top_left h2{font-size: 4.8vw;}
    .bath_show_highlights_right_content_top_left p{font-size: 3.6vw;margin-top: 3.2vw;}
    .bath_show_highlights_right_content_top_left ul li p strong{font-size: 3.6vw;}
    .bath_show_highlights_right_content_top_left ul li{padding-left: 4.8vw;}
    .bath_show_highlights_right_content_top_left ul li:before{width: 1.2vw;height: 1.2vw;top: 2vw;}
    .bath_show_highlights_right_content_top_right{width: 100%;}
    .bath_show_highlights_right_content_top_right li{margin-top: 3.8vw;width: 100%;margin-bottom: 0 !important;}
    .bath_show_highlights_right_content_top_right_content{padding: 4%;}
    .bath_show_highlights_right_content_top_right_content h2{font-size: 3.2vw;}
    .bath_show_highlights_right_content_bottom{margin-top: 0;flex-wrap: wrap;}
    .bath_show_highlights_right_content_bottom li{width: 100%;margin-left: 0;margin-top: 3.8vw;}
    .bath_show_highlights_right_content_bottom li:nth-of-type(1){margin-left: 0;}
    .bath_show_event_box{padding: 8vw 0;}
    .bath_show_event_content{padding: 5% 4%;border-radius: 2vw;}
    .bath_show_event_content h2{font-size: 4.2vw;}
    .bath_show_event_content h2 strong{font-size: 4.2vw;}
    .bath_show_event_content p{font-size: 3.8vw;margin-top: 1.8vw;}
    .bath_show_event_content a{width: 42vw;height: 8.8vw;font-size: 3.8vw;margin-top: 4.8vw;}
    .bath_show_similar_product_box{padding: 8vw 0;}
    .bath_show_similar_product_title h2{font-size: 4.8vw;}
    .bath_show_similar_product_btn_left, .bath_show_similar_product_btn_right{width: 6.8vw;height: 6.8vw;font-size: 3.6vw;}
    .bath_show_similar_product_btn_right{margin-left: 1.8vw;}
    .bath_show_similar_product_sw{margin-top: 5.8vw;}
    .bath_show_similar_product_sw_content{padding: 5% 4%;}
    .bath_show_similar_product_sw_content h2 a{font-size: 4.2vw;}
    .bath_show_similar_product_sw_content p{font-size: 3.6vw;margin-top: 3.2vw;}
    .bath_show_similar_product_sw_content_more{font-size: 3.6vw;margin-top: 3.8vw;}
    .bath_show_process_box{padding: 8vw 0;}
    .bath_show_process_title h2{font-size: 4.8vw;}
    .bath_show_process_ul{margin-top: 3.2vw;}
    .bath_show_process_ul li{width: 100%;margin-top: 3.8vw;margin-left: 0;}
    .bath_show_process_ul_ico{width: 11vw;}
    .bath_show_process_ul li h2{font-size: 3.8vw;margin-top: 1.8vw;}
    .bath_show_process_ul li p{font-size: 3.6vw;margin-top: 3.2vw;}
    .bath_show_process_ul li em{font-size: 4.8vw;top: 3.2vw;left: 3.2vw;}
    .bath_show_process_more{width: 42vw;height: 10.8vw;font-size: 3.8vw;margin-top: 5.8vw;}
    .bath_show_feedback_box{padding: 8vw 0;}
    .bath_show_feedback_title h2{font-size: 4.8vw;}
    .bath_show_feedback_sw .swiper-slide{padding: 5% 4%;}
    .bath_show_feedback_sw .swiper-slide em{font-size: 3.8vw;}
    .bath_show_feedback_sw .swiper-slide p{font-size: 3.6vw;}
    .bath_show_feedback_sw_bottom_left img{width: 11vw;}
    .bath_show_feedback_sw_bottom_left h2{font-size: 3.8vw;margin-left: 1.8vw;}
    .bath_show_feedback_sw{padding-bottom: 8vw;}
    .bath_show_brand_box{padding: 8vw 0;}
    .bath_show_brand_content_box{flex-wrap: wrap;}
    .bath_show_brand_content_left{width: 100%;}
    .bath_show_brand_content_right{width: 100%;margin-top: 3.8vw;}
    .bath_show_brand_content_right h2{font-size: 4.2vw;}
    .bath_show_brand_content_right p{font-size: 3.6vw;padding-right: 0;margin-top: 3.2vw;}
    .bath_show_brand_content_right a{width: 42vw;height: 10.8vw;font-size: 3.6vw;margin-top: 3.8vw;}
    .bath_show_brand_content_right_img img{width: 100%;}
    .bath_show_brand_content_right_img{margin-top: 5.8vw;}
    .bath_show_feedback_sw_page span{width: 1.2vw;height: 1.2vw;}
    
    
    
    
    
    
    
    
    
    
    
    
    
}
.footer_box .footerForm .info p{
    font-size: 14px;
    color: #ffffff;
    line-height: 1.4;
/*     font-weight: 300; */
}
.footer_box .footerForm .info p a{
    color: #ffffff;
    text-decoration: underline;
}
.footer_box .footerForm .info p a:hover{
    color: #ba1b22;
}