body {
    background: #fff;
}

* {
    box-sizing: inherit;
}

.top-bar a:hover {
    color: #ffffff;
}
.navs{
    position:fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    transition: 1s ease-out;
    opacity: 1;
}
.box_con {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.box1 {
    position: relative;
}

.box_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.box1 ul {
    list-style: none;
}

.box_cons {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.banner {
    height: 600px;
    position: relative;
    overflow: hidden;
}

.banner .video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner_text {
    padding: 200px 40px 140px 40px;
    text-align: center;
    --ssselfalign: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    flex-flow: column;
    height: 100%;
    box-sizing: border-box;
}

.banner_text h3 {
    font-family: 'Arial';
    color: #ffffff;
    font-size: 300%;
    text-shadow: none;
    line-height: 1.3;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 700;
}

.banner_text a {
    font-family: 'Montserrat', 'Arial';
    color: #ffffff;
    font-size: 93.75%;
    text-shadow: none;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: capitalize;
    font-weight: 700;
    background: RGBA(255, 255, 255, 0);
    opacity: 1;
    padding: 1em 2.1em 1em 2.1em;
    box-shadow: none;
    border: 3px solid RGBA(255, 255, 255, 1);
    border-radius: 0px;
    transition: background 0.3s ease;
    display: inline-block;
    margin-top: 20px;
}

.banner_text a div {
    display: inline;
    font-size: inherit;
    text-decoration: inherit;
    color: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
}

.banner_text a:hover {
    background: #2b3180;
    border: 2px solid RGBA(255, 255, 255, 1);
    padding: 1em 2.1em 1em 2.1em;
}

.box1 {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.box_item {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -60px;
    background: #ffffff;
    position: relative;
    z-index: 3;
    margin-right: 58px;
    margin-left: 58px;
}

.box_item li {
    width: 50%;
    text-align: center;
    padding: 10px;
}

.box_item li a {
    display: block;
    padding: 10px;
}

.box_item li span {
    display: block;
    width: 15%;
    margin: 10px auto;
    transition: 0.3s ease-out;
}

.box_item li span:hover {
    transform: translateY(-10px);
    transition: 0.3s ease-out;
}

.box_item li p {
    color: #2B3180;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.tst {
    font-weight: 300;
    font-size: 30px;
    text-transform: none;
    font-family: inherit;
    font-style: inherit;
    text-align: center;
}

.box_tit {
    
    flex-wrap: wrap;
    align-content: flex-start;
    text-align: center;
}

.box_tit h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 35px 0px;
    width: 100%;
}

.box_tit span {
    display: block;
    width: 15%;
    margin: 0 auto;
    border-top: 1px solid #2b3180;
    padding-bottom: 30px;
}

.box_container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-top: 60px;
}

.container_left {
    width: 38.214%;
    position: relative;
    min-height: 1px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

.container_left h4 {
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 20px;
}

.container_left span {
    display: block;
    width: 90%;
    margin: 20px auto;
}

.container_right {
    width: 61.786%;
    position: relative;
    min-height: 1px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
}

.container_right ul {
    margin: 0 auto;
}

.container_right ul li {
    display: flex;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 16px;
}

.container_right ul li .pic {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #37368e;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
}

.container_right ul li .pic span {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-around;
    padding: 12.5px;
    box-sizing: border-box;
}

.container_right ul li .pic span img {
    width: 45px;
    max-width: 45px;
    height: 45px;
    image-rendering: pixelated;
}

.container_right ul li .tct {
    margin-left: 30px;
}

.container_right ul li .tct h3 {
    font-size: 20px;
    color: #414247;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.container_right ul li .tct p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
}

.container_right .more {
    display: flex;
    text-align: center;
    justify-content: center;
}

.container_right .more a {
    background-color: #2B3180;
    border-style: solid;
    border-color: #2B3180;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    line-height: 1;
}

.container_right .more a:hover {
    background: #fff;
    color: #2B3180;
}

.videos {
    width: 100%;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    margin: 20px auto;
}

.videos video {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    border: none;
}

.container_item ul {
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-end;
    margin: 0 auto;
    margin-right: 70px;
    margin-left: 70px;

}

.container_item ul li {
    width: 33.3333%;
    display: block;
}

.container_item ul li .tct {
    margin: 10px;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}

.container_item ul li span {
    display: block;
    width: 30%;
    margin: 5px auto 15px;
    transition: 0.3s ease-out;
}

.container_item ul li span:hover {
    transform: scale(0.9);
    transition: 0.3s ease-out;
}

.container_item ul li h3 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: none;
    padding: 5px 0 0;
    box-sizing: border-box;
    height: 2.4em;
}

.container_item ul li .tct a {
    fill: #2B3180;
    color: #2B3180;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #2B3180;
    display: inline-block;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    text-align: center;
    transition: all .3s;
    line-height: 1;
}

.container_item ul li .tct a:hover {
    background: #2B3180;
    color: #fff;
}

.picc {
    width: 16%;
    display: block;
    margin: 0 auto;
    text-align: center;
    transition: 0.3s ease-out;
}

.picc:hover {
    transform: scale(0.9);
    transition: 0.3s ease-out;
}

.box_seat ul {
    display: flex;
    padding-top: 30px;
}

.box_seat ul li {
    width: 33.3333%;
    text-align: center;
    align-content: center;
    align-items: center;
}

.box_seat ul li .map {
    height: 100%;
}

.box_seat ul li span {
    display: block;
    text-align: center;
    width: 145px;
    margin: 0 auto 20px;
}

.box_seat ul li span img {
    width: 145px;
    display: block;
}

.box_seat ul li h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2em;
}

.box_seat ul li a {
    display: inline-block;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    background-color: #2B3180;
    border-style: solid;
    border-color: #2B3180;
}

.box_seat ul li a:hover {
    background: #fff;
    color: #2B3180;
}

.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar ul{list-style: none;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:240px; }
.right_bar li.rtbar_li2{ position:absolute; top:102px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:51px; left:0; width:380px;}
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.rtbar_li5{ position:absolute; top:204px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#2B3180; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#e60012; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-160px; padding-bottom:9px; }
.rtbar_shwx img{ padding:4px; background-color:#FFF;    width: 160px; }
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}


.bar{height:460px;position: relative;overflow: hidden;}
.bar_con {background-color: rgba(22, 22, 63, 0.5);transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}

.industrial_item1{background: #e3e4e8;display: flex;text-align: center;padding-top: 20px;}
.industrial_item1 h3{font-size: 30px;font-weight: 400;line-height: 1;}
.industrial_item1 p{line-height: 1.2;}
.industrial_list{box-sizing: border-box;padding: 15px;display: flex;margin: 40px auto;}
.industrial_list .list_left{display: flex;flex-direction: column;background: RGBA(255, 255, 255, 0.9);width: 50%;padding: 15px;}
.industrial_item2 .industrial_con{display: flex;}
.industrial_item2 .industrial_lists{margin: 0 auto;}
.industrial_item2 ul li:nth-child(2n) .list_left{float: right;margin-left: 50%;}
.industrial_list .list_left em{display: block;width: 10%;margin: 0 auto;}
.industrial_list .list_left h3{color: #2B3180;font-size: 25px;letter-spacing: -1px;line-height: 2;text-align: center;}
.industrial_list .list_left p,
.industrial_list .list_left ul li{font-size: 15px;line-height: 1em;color: #2b3180;}
p.txt{text-align: center;font-size: 20px;margin-bottom: 20px;line-height: 1.2em;font-weight: 400;text-transform: none;color: #2B3180;}
.industrial_item2{position: relative;padding: 30px 0;}
.industrial_item3{padding: 15px;box-sizing: border-box;}
.industrial_item3 .industrial_con{position: relative;}
.industrial_item3 .industrial_bg{background: #2B3180;opacity: 0.8;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1;}
.industrial_item3 .industrial_txt{position: relative;z-index: 3;padding: 50px 0;}
.industrial_item3 .industrial_txt h3{color: #ffffff;font-size: 46px;font-weight: 500;text-align: center;line-height: 1;}
.industrial_item3 .industrial_txt p{color: #ffffff;font-weight: 400;text-align: center;line-height: 1;}
.industrial_item3 .industrial_txt span{display: block;margin: 0 auto;text-align: center;}
.industrial_item3 .industrial_txt span a{display: inline-block;font-weight: 600;fill: #FFFFFF;color: #FFFFFF;background-color: #FFFFFF00;border-style: solid;border-width: 2px 2px 2px 2px;border-color: #FFFFFF;border-radius: 0px 0px 0px 0px;padding: 15px 50px;line-height: 1;}
.industrial_item3 .industrial_txt span a:hover{background: #fff;color:#2B3180;}
.industrial_item4 .box_tit h3{font-weight: 300;}
.industrial_item4 .box_item{margin: 40px auto;box-shadow: none;}
.industrial_item4 .box_item li{border:3px solid #2B3180;margin: 5px;}

.design_top{position: relative;}
.design_top .box_cons{background: #F5F5F5ED;padding: 3%;margin: 50px auto;}
.design_top .box_cons .em{width: 7%;display: block;margin: 0 auto 20px;}
.design_top .box_cons h3{font-size: 28px;font-weight: 600;line-height: 1;margin-top: 30px;}



.design_center .design_tit{font-weight: 300;font-size: 30px;line-height: 2;text-align: center;margin-bottom: 30px;}
.design_content ul{list-style: none;margin: 0 auto;}
.design_content ul li{display: flex;margin: 15px auto;}
.design_content ul li span{display: block;width: 33.3333%;text-align: center;}
.design_content ul li p{width: 66.6666%;line-height: 1.5;}
.design_btm .mains_text span{display: block;text-align: center;}
.design_btm .mains_text a{display: inline-block;font-weight: 600;fill: #2B3180;color: #2B3180;background-color: #FFFFFF00;border-style: solid;border-width: 2px 2px 2px 2px;border-radius: 0px 0px 0px 0px;padding: 18px 18px 18px 18px;}.design_btm .mains_text a:hover{transform: scale(1.1);background: #2B3180;color:#fff;line-height: 1;}
.design_btm .box_cons{padding: 10px;box-sizing: border-box;}
.design_btm .box_cons h3{text-align: center;font-weight: 300;}


.product_tit{margin: -90px 100px 0;padding: 50px 20px 45px 20px;position: relative;z-index: 33;background: #fff;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);text-align: center;}
.product_tit h2{font-size: 30px;font-weight: 500;line-height: 1;margin-bottom: 0;}
.product_video{width: 100%;padding: 30px 0;position: relative;}
.product_video video{width: 100%;}

.product_item1 .product_txt h3{font-size: 28px;font-weight: 500;text-transform: capitalize;line-height: 1.4em;color: var( --e-global-color-primary );margin-bottom: 0px;}
.product_item1 .product_txt span{display: inline-block;width: 15%;border-top: 1px solid #2B3180;}
.product_item1 .product_list{margin: 30px auto;}
.product_item1 .product_list ul{display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 1.5em;}
.product_item1 .product_list ul li{width: 50%}

.product_item2 {position: relative;}
.product_item2 .product_bg{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;background-color: #16163f;opacity: 0.75;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;width: 100%;height: 100%;}
.product_item2 .box_cons{max-width: 100%;min-height: 550px;}
.product_item2 .box_cons h3{padding-top: 70px;text-align: center;color: #ffffff;font-size: 50px;font-weight: 400;text-transform: capitalize;line-height: 1.4em;}
.product_item2 .box_cons p{text-align: center;color: #ffffff;font-size: 18px;font-weight: 300;}

.product_item3{margin-top: -150px;}
.product_item3 .box_cons{max-width: 1200px;margin: 0 auto;}
.product_item3 .product_list {display: flex;flex-direction: row;flex-wrap: wrap;margin-right: auto;margin-left: auto;position: relative;}
.product_item3 .product_list .list_item{box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin: 0% 1.5% 3% 1.5%;padding: 50px 70px 0px 70px;background: #F5F5F5;width: 47%;}

.product_item4{position: relative;padding: 30px 0;}
.product_item4 .product_txt{text-align: center;padding: 0 0 30px;}
.product_item4 .product_txt h3{font-size: 28px;font-weight: 500;text-transform: capitalize;line-height: 1.4em;color: var( --e-global-color-primary );margin-bottom: 0px;text-align: center;}
.product_item4 .product_txt span{display: inline-block;width: 15%;border-top: 1px solid #2B3180;margin: 0 auto;}
.product_item4 .mains_text{padding: 0 5%;}

.product .industrial_item3{padding: 0;}
.product .industrial_item3 .box_cons{max-width: 581px;min-height: 364px;}

.manufacturing_list{padding: 30px 0;}
.manufacturing_list ul{list-style: none;display: flex;padding: 15px;margin: 0 auto;flex-wrap: wrap;}
.manufacturing_list ul li{width: 33.3333%;margin: 15px auto;}
.manufacturing_list ul li a{display: block;margin: 15px;padding: 50px 25px;background-color: #2B3180;text-align: center;color:#fff;font-weight: 700;}

.news_title{text-align: center;max-width: 1024px;margin: -65px auto 30px;background: #2B3180;position: relative;z-index: 2;}
.news_title h2{padding: 55px;color:#fff;text-align: center;}

.news_list ul{list-style: none;display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 auto;}
.news_list ul li{width: 33.3333%;}
.news_list ul li a{display: block;margin: 15px;}
.news_list ul li span{display: block;height:230px;margin-bottom: 20px;}
.news_list ul li span img{width: 100%;height: 100%;object-fit: cover;}
.news_list ul li h3{margin-bottom: 0;}
.news_list ul li p{color: #7A7A7A;font-size: 12px;font-weight: 500;margin-bottom: 0;}
.news_list ul li em{font-style:normal;font-size: 12px;font-weight: 700;align-self: flex-start;margin-bottom: 0;}

.news_con{display: flex;padding: 50px 0;}
.news_left{max-width: 780px;padding: 15px;box-sizing: border-box;width: 70%;}
.news_left .news_tit h1{font-size: 36px;font-weight: 500;line-height: 1;}
.news_left .news_tit span{display: block;margin-bottom: 20px;word-break: break-word;}
.news_right{max-width: 420px;padding: 10px 10px 10px 20px;box-sizing: border-box;border-left: 1px solid #7A7A7A4A;width: 30%;}

.elementor-widget-container{margin-bottom: 20px;}


.page {
    text-align: center;
    padding: 30px 0;
}
.page .pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.page .pagination>li {
    padding: 4px 0;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #666;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
}

.page .pagination>li>a {
    border: none;
    padding: 0 12px;
    margin: 0;
    background: none;
    color: #666;
}

.page .pagination>li>a:hover {
    background: none;
}

.page .pagination>li.cur {
    background: #2B3180;
    color: #fff;
    border: 1px solid #2B3180;
    border-radius: 2px;
}

.page .pagination>li.cur a {
    color: #fff;
}

.lg_page{padding: 30px 0;}
.lg_page ul{display: flex;list-style: none;margin: 30px auto;}
.lg_page ul li{width: 50%;}
.lg_page ul li:last-child{text-align: right;}
.bars{background: #EFEFEF;padding-top: 20px;}
.bars_img{max-width: 1100px;margin: 0 auto;text-align: right;height:70px;overflow: hidden;}
.bars_img img{object-fit: cover;height: 70px;width: 100%;}

.case_list ul{display: flex;margin: 0 auto;flex-wrap: wrap;padding: 10px;list-style: none;}
.case_list ul li{width: 50%;}
.case_list ul li:nth-child(3n){width: 100%;}
.case_list ul li:nth-child(3n) span img{width: 100%;}
.case_list ul li a{display: block;margin: 10px;position: relative;overflow: hidden;height: 324px;}
.case_list ul li span{display: block;height: 324px;overflow: hidden;}
.case_list ul li span img{width: auto;height: 100%;object-fit: cover;}
.case_list ul li p{width: 100%;height: 324px;display: flex;justify-content: center;align-items: center;padding: 30px;transform: translateY(-70%);transition: all .5s ease;background: #2b3180;color:#fff;text-align: center;font-size: 25px;font-family: arial,sans-serif;opacity: 0;}
.case_list ul li:hover p{transform: translateY(-100%);opacity: 1;transition: all .5s ease;}

.case_top{display: flex;padding: 50px 0;justify-content: space-around;}
.case_top .case_left{width: 650px;height: 390px;display: flex;}
.case_top .case_right{width: 450px;background: #F0F0F0;padding: 10px;box-sizing: border-box;}
.case_top .case_right h2{font-weight: 500;}
.case_top .case_right p{margin-bottom: 10px;}
.case_top .case_right p input,
.case_top .case_right p button{width: 100%;}
.case_top .case_right p button{background: #2b3180;}

.case_tit h2{font-weight: 600;line-height: 1;}
.block{margin: 30px auto;text-align: center;}
.block a{display: inline-block;
    line-height: 1;
    background-color: #fff;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #2b3180;
    fill: #2b3180;
    text-align: center;
    transition: all .3s;border:3px solid #2b3180;}
.block a:hover{background: #2b3180;color:#fff;}

.contact_con{display: flex;padding: 50px 0;align-items: center;}
.contact_con .contact_left,
.contact_con .contact_right{width: 50%;}
.contact_con .contact_left{padding: 75px;background-color: #2B3180;}
.contact_con .contact_left h2{font-weight: 300;font-size: 30px;line-height: 1;color:#fff;}
.contact_con .contact_left .map{height:350px;background: #fff;margin-bottom: 30px;}
.contact_con .contact_left .dz h3{font-size: 16px;line-height: 1.5em; color:#fff;display: flex;margin-bottom: 0;}
.contact_con .contact_left .dz h3 span{width: 1.5em;height:1.5em;display: inline-flex;}
.contact_con .contact_left .dz h3 p{margin-bottom: 0;}
.contact_con .contact_left .pic{margin-top: 30px;}
.contact_con .contact_right{padding: 0 0 0 70px;}
.contact_con .contact_right .pic{margin-bottom: 20px;max-width: 495px;max-height: 330px;}
.contact_con .contact_right .pic img{object-fit: cover;}
.contact_con .contact_right h2{font-size: 65px;line-height: 1;font-weight: 300;margin-bottom: 0;}
.contact_con .contact_right p{color: #bfbfbf;font-size: 16px;font-weight: 300;}
.contact_bd input,
.contact_bd textarea{width: 100%;margin-bottom: 20px;font-size: 15px;font-weight: 300;}
.contact_bd button{width: 100%;background: #2B3180;}
.contact_bd button:hover{background: #807F2B;}

.about_item1{background: #E3E4E8;}
.about_item1 .about_tct{padding: 15px;text-align: center;}
.about_item1 h2{text-align: center;font-weight: 600;line-height: 1;padding-top: 20px;}
.about_item1 span{display: block;width: 18%;height: 1px;margin: 30px auto;background: #000;}


.about_item2{position: relative;overflow: hidden;padding: 100 0px;}
.about_item2 ul{list-style: none;display: flex;flex-wrap: wrap;margin: 0 auto;}
.about_item2 ul li{width: 50%;display: flex;}
.about_item2 ul li .tct{background: #F5F5F5ED;margin: 15px;padding: 15px;}
.about_item2 ul li .tct em{display: block;width: 10%;margin: 0 auto;}
.about_item2 ul li .tct h3{color: #2B3180;font-size: 25px;font-weight: 600;letter-spacing: -1px;padding: 15px 0px 20px 0px;}


.about_item3{padding: 25px 0;}
.about_item3 .about_tct{display: flex;}
.about_item3 .about_tct .item3_left,
.about_item3 .about_tct .item3_right{width: 50%;}
.about_item3 .item3_left .pic{height:100%;}
.about_item3 .item3_left .bg{background-color: #2B3180;opacity: 0.8;height: 100%;width: 100%;}
.about_item3 .item3_right{display: flex;position: relative;z-index: 3;}
.about_item3 .item3_right .tct{width: 100%;margin:20px 0px 0px -89px;padding: 50px 25px 50px 25px;background: #fff;box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 30%);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;box-sizing: border-box;}
.about_item3 .item3_right .tct .txt{padding: 5px 25px 5px 5px;}
.about_item3 .item3_right .tct h2{color: #2B3180;font-size: 34px;font-weight: 600;}

.about_item4{background: #fff;position: relative;}
.about_item4 h2{text-align: center;}
.about_item4 h3{text-align: left;font-weight: 300;font-size: 30px;}
.about_item4 .about_tit span{margin-left:0;width: 29%;}
.about_item4 p{text-align: left;}
.about_item4 .about_txt ul{display: block;margin: 0 auto;}
.about_item4 .about_txt ul li{display: flex;flex-wrap: wrap;}
.about_item4 .about_txt ul li .left{width: 31%;padding: 15px;box-sizing: border-box;}
.about_item4 .about_txt ul li .right{width: 69%;padding: 15px;box-sizing: border-box;}
.about_item4 .about_txt ul li .left h3,
.about_item4 .about_txt ul li .right h3{font-size: 24px;font-weight: 350;line-height: 1;}
.about_item4 .about_txt ul li .left em{display: block;text-align: center;}
.about_item4 .about_txt ul li .right p{text-align: left;}

.about_item5 ul{display: flex;flex-wrap: wrap;margin: 0 auto;}
.about_item5 ul li{display: flex;width: 33.33333%;height: 280px;}
.about_item5 ul li .tct{position: relative;width: 100%;height: 100%;transition: all .6s ease-in-out;perspective: 1000px;transform-style: preserve-3d;}
.about_item5 ul li .tct .tct_bg{display: flex;width: 100%;height: 100%;padding: 35px;box-sizing: border-box;transform: none;z-index: 1;background: #fff;transform: rotateX(0deg) rotateY(0);transition: all .6s ease-in-out;transform-style: preserve-3d;backface-visibility: hidden;}
.about_item5 ul li .tct .tct_txt{padding: 35px;box-sizing: border-box;background: #4054b2;position: absolute;top: 0;left: 0;right: 0;color:#fff;font-size: 14px;transform: rotateX(-180deg) rotateY(0);transition: all .6s ease-in-out;transform-style: preserve-3d;backface-visibility: hidden;text-align: center;width: 100%;height: 100%;display: flex;align-items: center;}

.about_item5 ul li:hover .tct .tct_bg{transform: rotateX(180deg) rotateY(0);transition: all .6s ease-in-out;transform-style: preserve-3d;backface-visibility: hidden;}
.about_item5 ul li:hover .tct .tct_txt{transform: rotateX(0deg) rotateY(0);transition: all .6s ease-in-out;transform-style: preserve-3d;backface-visibility: hidden;}
.about_item5 .about_tct h2{text-align: center;font-weight: 600;line-height: 1;padding: 15px;}


.btn{text-align: center;}
.btn a{display: inline-block;font-weight: 600;fill: #2B3180;color: #2B3180;background-color: #FFFFFF00;border-style: solid;border-width: 2px;border-color: #2B3180;border-radius: 0px;padding: 18px;line-height: 1;}

.careers_top h3{text-align: center;}
.careers_item h2,
.careers_item2 h2{font-family: "Poppins", Sans-serif;font-size: 28px;font-weight: 600;color:#2b3180;text-align: center;margin-bottom: 0;}
.careers_item2{position: relative;margin-top: 40px;}
.careers_item2 h2{padding-bottom: 20px;}
.careers_item2 ul{margin: 0 auto;display: flex;list-style: none;}
.careers_item2 ul li{width: 33.3333%;padding: 10px;}
.careers_item2 ul li .tct{display: flex;flex-direction: column;}
.careers_item2 ul li em{display: block;width: 225px;height:195px;margin: 0 auto 20px;}
.careers_item2 ul li p{display: inline-flex;}
.careers_item2 ul li span{display: inline-flex;}


.navigation-branding{justify-content: flex-start;text-align: left;}
.nav-align-right .inside-navigation{justify-content:flex-start !important;}
.inside-footer-widgets div{width: 285px;}
.inside-footer-widgets {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    fill: #fff;
}


.lg .menu-toggle .gp-icon svg:nth-child(1){display: none;}
.lg .menu-toggle .gp-icon svg:nth-child(2){display: block;}
.lg .main-nav{flex-basis: 100%;order: 3;width: 100%;display: block;}
.lg .main-navigation>ul,
.lg .gen-sidebar-nav,
.lg .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul{display: block;padding: 0 15px;box-sizing: border-box;}
.lg .menu-item-has-children .dropdown-menu-toggle{float: right;}
.lg .main-navigation ul ul{position: static;width: 100%;display: none;float: none;}
.lg .main-navigation ul li.shows ul{display: block;height: auto;opacity: 1;}


.footer-widgets a,
.footer-widgets h3,
.footer-widgets p{color:#fff !important;}
.copyright-bar{display: block;width: 100%;text-align: center;}


.box_tab .ul{margin: 0 auto;}
.box_tab .ul .li{border-bottom: 1px solid #d5d8dc; }
.box_tab .ul .li>p{font-weight: bold;cursor: pointer;padding: 15px;margin: 0 auto;}
.box_tab .ul .li .mains_text{display: none;padding: 15px;}

@media (max-width: 768px) {
    .container_item ul {
        margin-right: 10px;
        margin-left: 10px;
    }

    .box_seat ul {
        display: block;
        margin: 0 auto 20px;
    }

    .box_seat ul li {
        width: 360px;
        height: 300px;
        margin: 0 auto;
    }
    .industrial_item1{
        padding: 15px;
    }
    .industrial_item3{
        padding: 0;
    }
    .industrial_item3 .industrial_con{
        padding: 15px;
    }
    p.txt{padding: 15px;margin-bottom: 0;}
    .industrial_item4 .box_item{margin: 40px 15px;}
    .industrial_item4 .box_item li{
        margin: 10px;
    }
    .product_tit{
        margin: -40px 20px 0;
        padding: 20px;
    }
    .product_item1 {padding: 15px;}
    .product_item1 .product_list ul li{width: 100%;}
    .product_item2 .box_cons h3{line-height: 1;}
    .product_item3 .product_list{display: block;}
    .product_item3 .product_list .list_item{width: 94%;padding: 15px;margin: 0 3% 15px;}
    .design_center .design_tit{line-height: 1;}
    .design_content ul li span{margin: 0 3%;}
    .design_top .box_cons .em{width: 15%;}
    .manufacturing_list ul{display: block;}
    .manufacturing_list ul li{width: 100%;}
    .news_title h2{padding: 15px;}
    .news_list ul{display: block;}
    .news_list ul li{width: 100%;}
    .news_left{width: 100%;}
    .news_right{display: none;}
    .lg_page{padding: 15px;}
    .design_top .box_cons{margin: 15px auto 0;}
    .case_list ul{display: block;}
    .case_list ul li{width: 100%;}
    .case_list ul li p{padding: 15px;}
    .about_item2 ul{display: block;}
    .about_item2 ul li{width: 100%;display: block;}
    .about_item3{padding: 15px 0;}
    .about_item3 .about_tct{display: block;margin: 15px;}
    .about_item3 .about_tct .item3_left, .about_item3 .about_tct .item3_right{width: 100%;display: block;}
    .about_item3 .item3_right .tct{margin: 15px auto;padding: 15px;}
    .about_item3 .item3_right .tct .txt{padding: 0px;}
    .about_item1 h2{padding-top: 0;}
    .about_item5 ul{display: block;padding: 10px;box-sizing: border-box;}
    .about_item5 ul li{width: 100%;}
    .about_item4 .about_txt ul li{display: block;}
    .about_item4 .about_txt ul li .left,
    .about_item4 .about_txt ul li .right{width: 100%;}
    .about_item1 .mains_text{padding: 15px;}
    .about_item5 .about_tct h2{margin-bottom: 0;}
    .careers_item2 ul{display: block;}
    .careers_item2 ul li{width: 100%;}
    .box_tit{padding: 0 15px;box-sizing: border-box;}
    .box_tit span{padding-bottom: 15px;}
    .container_left span{width: 80%;}
    .product .industrial_item3 .box_cons{min-height: auto;}
}

@media (max-width: 640px) {
    .banner {
        height: 283px;
    }

    .banner_text {
        padding: 70px 40px 70px 40px;
    }

    .banner_text h3 {
        font-size: 150%;
    }

    .banner_text a {
        margin-top: 0;
    }

    .box_container,
    .box_item {
        display: block;
        padding-top: 0px;
    }

    .container_left,
    .container_right {
        width: 100%;
        margin: 20px auto;
    }

    .container_item ul {
        padding-top: 0;
        display: block;
    }

    .container_item ul li,
    .box_item li {
        width: 100%;
    }
    .bar{
        height: 240px;
    }
    .industrial_list .list_left{width: 100%;}
    .industrial_list .list_left h3{line-height: 1;}
    .industrial_item3 .industrial_txt h3{font-size: 30px;}
    .case_top{padding: 15px;display: block;}
    .case_top .case_left{width: 100%;height: auto;}
    .case_top .case_right{width: 100%;}
    .case_btm{padding: 15px;}
    .contact_con{display: block;padding: 15px 0;}
    .contact_con .contact_left,
    .contact_con .contact_right{width: 100%;padding: 15px;box-sizing: border-box;}
    .industrial_item3 .industrial_txt{padding: 15px 0;}
    .industrial_list{margin: 0px auto;}
    .box_tit h3{margin: 15px auto;}
    .industrial_item4 .box_item li{margin:10px auto;}
    .industrial_item4 .box_item{margin: 0 15px 15px;}
    .product_video{padding: 15px 0;}
    .product_item1 .product_list{margin: 15px auto;}
    .industrial_item2,
    .product_item4{padding: 15px 0;}
    .design_btm .box_cons h3{margin: 15px auto 0;}
    .manufacturing_list{padding: 0;}
    .design_content ul li{display: block;padding: 15px;}
    .design_content ul li span{width: 100%;}
    .design_content ul li p{width: 100%;}
    .about_item2 ul li .tct em{width: 15%;}
}