/* swiper */
.swiper-container-fade { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.swiper-container-fade .swiper-slide { height: auto; }
/*slider_banner*/
.slider_banner .swiper-wrapper { }
.slider_banner .swiper-slide img { width: 100%; min-height: 150px; }
.slider_banner .swiper-slide img+img { position: absolute; top: 0; left: 0; }
.slider_banner .swiper-slide img {width: 100%;transition: 3s linear;/* transform: scale(1.08); */}
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
.slider_banner .slider_swiper_control { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; height: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.slider_banner .swiper-button-white { position: static; position: relative; right: auto; left: auto; display: inline-block; overflow: hidden; margin: auto; width: 60px; height: 90px; border-radius: 0; background-color: #D75534; background-position: center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); }
.slider_banner .swiper-pagination { bottom: 50px !important; opacity: .5; }
.slider_banner:hover .swiper-pagination { opacity: 1; }
.slider_banner .swiper-pagination span { vertical-align: middle; }
.slider_banner .swiper-pagination i { display: inline-block; margin: 0 8px; width: 6px; height: 6px; background-color: #fff; vertical-align: middle; }
.slider_banner .swiper-pagination-bullet:before { display: none; }
.slider_banner .swiper-pagination-bullet { display: inline-block; box-sizing: border-box; margin-right: 13px; width: 13px; height: 13px; background: #fff; color: #fff; text-align: center; border-radius: 50%; }
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #D75534; border: 1px solid #fff; }
.banner_button_prev, .banner_button_next { position: absolute; top: 0; display: block; width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.5); vertical-align: middle; text-align: center; cursor: pointer; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; }
.banner_button_prev { left: 76px; }
.banner_button_next { right: 76px; }
.banner_button_prev:before, .banner_button_next:before { position: absolute; top: 0; left: 0; width: 54px; height: 54px; background: url(img/web_icon.png) no-repeat; content: ""; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; }
.banner_button_next:before { background-position: -54px -60px; }
.banner_button_prev:before { background-position: 0 -60px; }
.banner_button_next:hover, .banner_button_prev:hover { background-color: #D75534; }
.banner_button_next:hover:before { background-position: -54px -114px; }
.banner_button_prev:hover:before { background-position: 0 -114px; }
.slider_banner{padding: 0;margin-bottom: 70px;}
.swiper-container-horizontal{overflow: hidden;}
.flex_row {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.flex_row:after{display: none;}

@font-face { font-family: "mon-reg"; font-style: normal; src: url(fonts/montserrat/Montserrat-Regular.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "mon-med"; font-style: normal; src: url(fonts/montserrat/Montserrat-Medium.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "mon-bold"; font-style: normal; src: url(fonts/montserrat/Montserrat-Bold.otf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "mon-light"; font-style: normal; src: url(fonts/montserrat/Montserrat-Light.otf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "mon-thin"; font-style: normal; src: url(fonts/montserrat/Montserrat-Thin.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "mon-sem"; font-style: normal; src: url(fonts/montserrat/Montserrat-SemiBold.ttf) format("TrueType"); font-display: fallback; }


.new_index{font-family: "mon-reg";background: #F7F7F8;}
.new_index img,.web_footer img{width:100%;transition: all .3s linear;}
.new_index .layout{width: 1780px;max-width: 95%;}
.new_index .index_tit{font-size: 40px;color: #000000;font-family: 'mon-bold';text-transform: uppercase;}
.new_index .index_tit span{color: #E94F25;}

.right_icon{font-size: 16px;color: #E94F25;font-family: "mon-sem";text-transform: uppercase;transition: all .3s linear;}
.right_icon:after{content:"";background: url(img/index_54.png);width: 15px;height: 12px;display: inline-block;margin-left: 6px;}
.right_icon:hover{filter: brightness(0);}

.new_header{background: none;padding: 0;font-family: "mon-reg";box-shadow: 0 0 5px #3333;}
.new_header .layout{align-items: center;width: 1780px;max-width: 95%;}

.web_footer{font-family: "mon-reg";padding: 50px 0 0;}
.index_footer{ background: #F7F7F8;}
.web_footer .layout,.new_page .layout{width: 1780px;max-width: 95%;}
.new_page{font-family: "mon-reg" }

.slider_banner  .swiper-slide{border-radius: 10px;overflow: hidden;}
.index_jump{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;}
/* ==================== .new_header .head_top ==================== */
.new_header .head_top{background: #D75534;padding: 9px 0;}
.new_header .head_top  p {font-size: 14px;color: #FFFFFF;display: flex;align-items: center;}
.new_header .head_top  p img {margin-right: 7px;}
.new_header .head_top .right { }
.new_header .head_top .change-language {margin: 0;}
.new_header .head_top .change-language-info { }
.new_header .head_top .change-language-title {color: #fff;padding: 6px 18px 6px 5px;margin-right: 53px;background: none;border-radius: 0;border: none;}
.new_header .head_top .change-language-title.title-show{background: none;border-radius: 0;border: none;}
.new_header .head_top .language-flag { }
.new_header .head_top .language-flag a {}
.new_header .head_top .change-language-title .language-flag .country-flag {width: 16px;background: url(img/index_36.png);height: 16px;margin-right: 9px;}
.new_header .head_top .change-language-title .language-flag span {color: #fff;font-size: 14px;font-family: 'mon-med';}
.new_header .head_top .language-icon {right: 0;}
.new_header .head_top .change-language-info .language-icon:before{content: '\f107';margin: 0;}
.new_header .head_top .change-language-cont { } 
.new_header .head_top .change-language-cont .empty { }
.new_header .head_top .head_dow {font-size: 14px;color: #FFFFFF;font-family: 'mon-med';transition: all .3s linear;}
.new_header .head_top .head_dow img {filter: brightness(0) invert(1);margin-right: 10px;}
.new_header .head_top .head_inquiry {background: #E48D77;color: #fff;line-height: 33px;padding: 0 21px;font-size: 13px;text-transform: uppercase;font-family: "mon-med";border-radius: 5px;margin-left: 47px;cursor: pointer;transition: all .3s linear;border: 1px solid #E48D77;}
.new_header .head_top .head_inquiry:hover{background:#D75534}
.new_header .head_top .head_dow:hover{color: #333;}

/* ==================== .new_header .head_bottom ==================== */
.new_header .head_bottom{padding: 23px 0 31px;}
.new_header .head_bottom .logo {margin-right: 63px;}
.new_header .head_bottom .logo a { }
.new_header .head_bottom .logo img { }
.new_header .head_bottom .head-search {border: 1px solid #E94F25;flex: 1;max-width: 643px;border-radius: 5px;margin: 0;}
.new_header .head_bottom .head-search form {display: flex;}
.new_header .head_bottom .head-search .search-ipt {font-size: 14px;color: #494949;font-family: "mon-light";flex: 1;padding: 0 14px;line-height: 43px;}
.new_header .head_bottom .head-search .search-btn {width: 66px;line-height: 41px;background: #E94F25 url(img/index_53.png) no-repeat center;position: relative;height: auto;}
.new_header .head_bottom .nav-bar {height: auto;background: none;}
.new_header .head_bottom .nav-bar.fixed-nav{background: #fff;}
.new_header .head_bottom .nav-wrap {width: auto;padding: 0;}
.new_header .head_bottom .nav {float: none;display: flex;}
.new_header .head_bottom .nav>li {background: none;padding: 0;margin-left: 70px;transition: none;}
.new_header .head_bottom .nav li a {
    color: #09111D;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'mon-med';
}
.new_header .head_bottom .nav-bar.fixed-nav .nav-wrap{width: 100%;}
.new_header .head_bottom .nav-bar.fixed-nav .nav {justify-content: center;}
.new_header .head_bottom .nav-bar.fixed-nav .nav>li {margin: 0 20px;}

.new_header .head_bottom .nav .sub-menu { }
.new_header .head_bottom .nav .sub-menu li { }
.new_header .head_bottom .nav .sub-menu li a {font-size: 14px;}
.new_header .head_bottom .nav .nav-current { }
.new_header .head_bottom .nav .nav-current a { }

/* ==================== .index_search ==================== */
.index_search{ }
.index_search .layout {background: #fff;box-shadow: 0 5px 15px #3332;padding: 31px 31px 5px;border-radius: 10px;}
.index_search h2 {font-size: 20px;font-family: 'mon-sem';text-transform: uppercase;position: relative;padding-left: 13px;line-height: 1;margin-bottom: 25px;}
.index_search h2:before{content:"";height: 13px;width: 3px;background: #E94F25;position: absolute;left: 0;bottom: 3px;}
.index_search form {
    gap: 20px;
    margin-bottom: 27px;
}
.index_search .item {border: 2px solid #EBEBEB;flex: 1;padding: 0 13px;border-radius: 6px;font-size: 14px;color: #666666;display: flex;align-items: center;overflow: hidden;}
.index_search .item:last-of-type{flex: none;padding: 0;border: none;}
.index_search .item:nth-of-type(5){width: 24.719%;flex: auto;}
.index_search .item img {width: 20px;}
.index_search .item select {border: none;font-size: 14px;color: #666666;flex: 1;padding: 15px 3px 15px 6px;display: block;cursor: pointer;}
.index_search .item input {border: none;line-height: 48px;padding: 0;width: 100%;font-size: 14px;color: #666666;}
.index_search .item button {
    border: none;
    background: #E94F25;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 24px;
    line-height: 52px;
    border-radius: 6px;
    transition: all .3s linear;
    cursor: pointer;
}
.index_search .item button img {margin-right: 22px;width: 17px;}
.index_search .search_lit {align-items: center;}
.index_search .search_lit .left {display: flex;align-items: center;margin-bottom: 10px;}
.index_search .search_lit .left p {font-size: 16px;color: #000000;font-family: 'mon-sem';margin-right: 36px;}
.index_search .search_lit .left ul {justify-content: flex-start;}
.index_search .search_lit .left li {border: 1px solid #DCDCDC;font-size: 16px;color: #000000;line-height: 36px;padding: 0 26px;border-radius: 36px;margin-right: 25px;cursor: pointer;transition: all .3s linear;}
.index_search .search_lit .right_icon {
}
.index_search .item button:hover{background: #000;}
.index_search .search_lit .left li:hover{background: #E94F25;color: #fff;}

/* ==================== .index_browse ==================== */
.index_browse{ }
.index_browse .layout { }
.index_browse .top {
    padding: 35px 0 58px;
}
.index_browse .tit {width: 20.78%;padding-top: 3px;}
.index_browse .tit h3 {font-size: 26px;color: #000000;font-family: "mon-bold";font-weight: 700;line-height: 1.5;position: relative;}
.index_browse .tit h3:after{content:"";background: #E95127;width: 99px;height: 4px;display: block;border-radius: 4px;margin-top: 26px;}
.index_browse .tit .right_icon {font-family: "mon-bold";margin-top: 29px;display: block;}
.index_browse .borwse_swiper{width: 79%;}
.index_browse .borwse_swiper .swiper-wrapper { }
.index_browse .borwse_swiper .swiper-slide {border-radius: 8px;position: relative;background: #fff;overflow: hidden;}
.index_browse .borwse_swiper .swiper-slide a { }
.index_browse .borwse_swiper .swiper-slide img { }
.index_browse .borwse_swiper .swiper-slide p {font-size: 12px;width: 100%;text-align: center;text-transform: uppercase;margin-bottom: 11px;transition: all .3s linear;}
.index_browse .bottom {background: #09111D;color: #fff;padding: 30px 0 20px;border-radius: 10px;}
.index_browse .bottom .item {width: 16.66%;padding: 6px 10px 6px 46px;border-right: 2px solid #2D333D;}
.index_browse .bottom .item i {width: 45px;}
.index_browse .bottom .item i img { }
.index_browse .bottom .item h3 {font-size: 26px;margin-bottom: 6px;}
.index_browse .bottom .item p {font-size: 14px;}
.index_browse .counter-title { }
.index_browse .bottom .item div{flex: 1;padding-left: 26px;}

/* ==================== .index_categories ==================== */
.index_categories {padding: 86px 0 0;}
.index_categories .layout { }
.index_categories .tit {display: flex;align-items: center;margin-bottom: 25px;flex-wrap: wrap;}
.index_categories .tit h2 {}
.index_categories .tit i{flex: 1;background: #DCDCDC;height: 1px;margin-right: 20px;}
.index_categories .tit .right_icon { }
.index_categories .items {display: flex;flex-wrap: wrap;justify-content: space-between;}
.index_categories .item {background: #fff;text-align: center;box-shadow: 0 0 10px #3331;border-radius: 10px;overflow: hidden;width: 19.1%;margin-bottom: 21px;padding-bottom: 18px;position: relative;transition: all .3s linear;}
.index_categories .item .icon { }
.index_categories .item .icon img {}
.index_categories .item figcaption { }
.index_categories .item figcaption h3 {font-size: 18px;color: #0E0E0E;font-family: 'mon-bold';text-transform: uppercase;font-weight: 300;position: relative;margin-bottom: 24px;}
.index_categories .item figcaption h3:after{content:"";width: 46px;height: 3px;display: block;background: #E94F25;margin: 14px auto 0;border-radius: 1.5px;}
.index_categories .item figcaption div {font-size: 14px;color: #111111;font-family: 'mon-light';margin-bottom: 15px;}
.index_categories .item:hover{box-shadow:0 0 10px #333}

/* ==================== .index_popular ==================== */
.index_popular{padding: 54px 0 30px;}
.index_popular .layout { }
.index_popular .tit {display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;flex-wrap: wrap;}
.index_popular .index_tit {max-width: 50%;}
.index_popular .tit h2 span { }
.index_popular .tit select {appearance: none;-moz-appearance:none;-webkit-appearance:none;width: 100%;border: none;padding: 0 19px;line-height: 40px;background: none;font-size: 16px;color: #696969;flex: 1;cursor: pointer;}
.index_popular .tit div{border: 2px solid #E5E5E5;border-radius: 6px;position: relative;display: flex;width: 50%;max-width: 542px;}
.index_popular .tit div:after{content:"";width: 47px;line-height: 40px;background: #E94F25;display: block;content: '\f107';font-family: 'fontawesome';text-align: center;color: #fff;font-size: 16px;}
.index_popular .popular_siwper .swiper-wrapper { }
.index_popular .popular_siwper{padding-bottom:20px
                              }
.index_popular .popular_siwper .item {align-items: flex-end;position: relative;background: #fff;padding: 26px 19px 24px;border-radius: 10px;box-shadow: 0 0 6px #3333;position: relative;transition: all .3s linear;}
.index_popular .popular_siwper .item .icon {order: 2;width: 42.64%;}
.index_popular .popular_siwper .item .icon img {width: 100%;}
.index_popular .popular_siwper .item figcaption {width: 47%;}
.index_popular .popular_siwper .item figcaption h3 {font-size: 18px;color: #000000;position: relative;}
.index_popular .popular_siwper .item figcaption h3:after{content:"";width: 30px;height: 3px;background: #E94F25;border-radius: 1.5px;display: block;margin: 27px 0;}
.index_popular .popular_siwper .item figcaption h4 {font-size: 16px;color: #000000;margin-bottom: 8px;}
.index_popular .popular_siwper .item figcaption div {font-size: 16px;color: #000000;font-family: 'mon-light';margin-bottom: 28px;}
.index_popular .popular_siwper .item figcaption i {text-transform: capitalize;}
.index_popular .popular_siwper .item .index_jump { }
.index_popular .popular_siwper .item:hover{transform:translateY(10px)}

/* ==================== .index_about ==================== */
.index_about{padding: 28px 0 34px;}
.index_about .layout {align-items: flex-start;}
.index_about .left {background: #fff;width: 65.16%;padding: 32px 48px 43px 38px;align-items: flex-end;overflow: hidden;box-shadow: 0 0 10px #3333;border-radius: 10px;}
.index_about .content {width: 47.58%;}
.index_about .content .tit {
    text-transform: uppercase;
    font-size: 18px;
    color: #E94F25;
    font-family: 'mon-sem';
}
.index_about .content .tit:after{content:"";width: 30px;height: 3px;background: #E94F25;border-radius: 1.5px;display: block;margin: 20px 0 12px;}
.index_about .content h2 {font-size: 33px;color: #000000;font-family: 'mon-sem';margin-bottom: 9px;}
.index_about .content h2 span {color: #E94F25;}
.index_about .content .des {font-size: 18px;line-height: 1.45;color: #333333;margin-bottom: 22px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.index_about .content ul { }
.index_about .content li {align-items: flex-start;border-bottom: 1px solid #BFBFBF;padding: 22px 0 12px;}
.index_about .content li i {width: 46px;}
.index_about .content li i img { }
.index_about .content .wrap {flex: 1;padding-left: 8px;}
.index_about .content .wrap h3 {font-size: 18px;color: #000000;font-family: 'mon-bold';font-weight: 100;margin-bottom: 4px;}
.index_about .content .wrap div {font-size: 14px;font-family: 'mon-light';line-height: 1.4;}
.index_about .content .right_icon {width: max-content;border: 2px solid #BFBFBF;font-size: 18px;font-family: 'mon-bold';color: #000000;padding: 0 16px;line-height: 54px;display: block;border-radius: 10px;margin-top: 34px;font-weight: 300;}
.index_about .content .right_icon:after{margin-left: 16px;}
.index_about .img_box {width: 46.46%;position: relative;border-radius: 10px;overflow: hidden;}
.index_about .img_box .icon { }
.index_about .img_box .icon img {min-height: 700px;object-fit: cover;}
.index_about .img_box .scoll_num {background: #09111D;color: #fff;padding: 44px 0 35px;position: absolute;left: 0;bottom: 0;width: 100%;}
.index_about .img_box .scoll_num li {width: 33.33%;padding: 0 16px;position: relative;}
.index_about .img_box .scoll_num li:not(:last-of-type):after{content:"";background: url(img/index_55.png);width: 1px;height: 53px;position: absolute;right: 0;top: 0;}
.index_about .img_box .scoll_num h3 {font-size: 30px;color: #E94F25;}
.index_about .img_box .scoll_num p {font-size: 14px;color: #F7F7F8;font-family: 'mon-light';}
.index_about .right {width: 33.7%;background: #fff;padding: 25px 35px 23px;border-radius: 10px;box-shadow: 0 0 10px #3333;}
.index_about .right h2 {font-size: 26px;color: #010101;}
.index_about .right h2:after{content:"";width: 30px;height: 3px;background: #E94F25;border-radius: 1.5px;display: block;margin: 22px 0 18px;}
.index_about .right .items {}
.index_about .right .item {width: 48%;box-shadow: 0 0 10px #3333;border-radius: 10px;padding: 44px 0;margin-bottom: 20px;}
.index_about .right .item div {text-align: center;}
.index_about .right .item img {width: auto;height: 120px;}
.index_about .right .item figcaption { }
.index_about .right .item figcaption h3 {text-align: center;font-size: 20px;margin: 50px 0 0;}
.index_about .right .item figcaption h3:after{content:"";width: 26px;height: 3px;background: #E94F25;border-radius: 1.5px;display: block;margin: 18px auto 30px;}
.index_about .right .item figcaption div {font-size: 14px;color: #333333;font-family: 'mon-light';max-width: 160px;margin: 0 auto;line-height: 1.5;}


/* ==================== .index_factory ==================== */
.index_factory{padding: 50px 0 43px;}
.index_factory .layout { }
.index_factory h2 {margin-bottom: 42px;}
.index_factory h2 span { }
.index_factory .items {display: flex;flex-wrap: wrap;justify-content: space-between;}
.index_factory .items figure {width: 24.15%;position: relative;transition: all .3s linear;}
.index_factory .items .icon {border-radius: 10px;overflow: hidden;}
.index_factory .items .icon img { }
.index_factory .items figcaption {display: flex;align-items: flex-start;padding: 38px 0 0;flex-wrap: wrap;}
.index_factory .items figcaption i {width: 68px;background: #E94F25;line-height: 68px;text-align: center;border-radius: 10px;}
.index_factory .items figcaption i img {width: 44px;}
.index_factory .items .des {width: calc(100%  - 68px);padding-left: 25px;}
.index_factory .items .des h3 {line-height: 1;font-size: 24px;color: #000000;margin-bottom: 22px;}
.index_factory .items .des div {font-size: 16px;color: #333333;line-height: 1.5;}
.index_factory .items .index_jump { }
.index_factory .items figure:hover img{transform:scale(1.1)}

/* ==================== .index_transpeed ==================== */
.index_transpeed{padding: 50px 0 48px;}
.index_transpeed .layout { }
.index_transpeed .index_tit{margin-bottom: 39px;}
.index_transpeed .item {width: 15.73%;background: #fff;padding: 41px 36px 46px;text-align: center;border-radius: 10px;box-shadow: 0 0 10px #3332;transition: all .3s linear;cursor: pointer;}
.index_transpeed .item i {width: 80px;display: flex;margin: 0 auto 38px;background: #FEEBE6;height: 80px;border-radius: 50%;align-items: center;justify-content: center;}
.index_transpeed .item i img {width: auto;height: 45px;}
.index_transpeed .item h2 {font-size: 20px;color: #000000;}
.index_transpeed .item h2:after{content:"";width: 36px;height: 3px;background: #E94F25;border-radius: 1.5px;display: block;margin: 16px auto 15px;}
.index_transpeed .item div {font-size: 14px;color: #000000;font-family: 'mon-light';line-height: 1.5;}
.index_transpeed .item:hover{ transform:translateY(-10px)}

/* ==================== .web_footer .foot_inquiry ==================== */
.web_footer { }
.web_footer .foot_inquiry_box  {}
.web_footer .foot_inquiry_box .layout{position: relative;padding: 88px 52px 34px 56px;align-items: flex-end;background: #09111D;border-radius: 10px;overflow: hidden;}
.web_footer .foot_inquiry_box .left {position: relative;z-index: 2;width: 37.84%;padding-bottom: 64px;}
.web_footer .foot_inquiry_box .left h2 {font-size: 41px;color: #FFFFFF;font-family: 'mon-sem';line-height: 1.4;margin-bottom: 25px;}
.web_footer .foot_inquiry_box .left h2 span {color: #E94F25;display: block;}
.web_footer .foot_inquiry_box .left .des {font-size: 20px;color: #FFFFFF;font-family: 'mon-light';line-height: 1.75;margin-bottom: 51px;}
.web_footer .foot_inquiry_box .left .box {display: flex;}
.web_footer .foot_inquiry_box .left .box a {border: 1px solid #FCFCFC;font-size: 18px;color: #FFFFFF;font-family: 'mon-light';line-height: 46px;padding: 0 45px 0 35px;border-radius: 10px;margin-right: 12px;transition: all .3s linear;}
.web_footer .foot_inquiry_box .left .box .right_icon{padding: 0 24px 0 27px;}
.web_footer .foot_inquiry_box .left .box .right_icon:after{filter: brightness(0) invert(1);margin-left: 26px;}
.web_footer .foot_inquiry_box .right {position: relative;z-index: 2;width: 36.629%;}
.web_footer .foot_inquiry_box .right img { }
.web_footer .foot_inquiry_box .bg {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);}
.web_footer .foot_inquiry_box .bg img { }
.web_footer .foot_inquiry_box .bg ul { }
.web_footer .foot_inquiry_box .bg li {width: 10px;height: 10px;background: #D75534;border-radius: 50%;position: absolute;}
.web_footer .foot_inquiry_box .bg li:nth-of-type(1) {top: 50%;left: 44%;}
.web_footer .foot_inquiry_box .bg li:nth-of-type(2) {top: 41%;left: 48%;}
.web_footer .foot_inquiry_box .bg li:nth-of-type(3) {top: 17%;left: 54%;}
.web_footer .foot_inquiry_box .bg li:nth-of-type(4) {top: 27%;left: 66%;}
.web_footer .foot_inquiry_box .bg li:nth-of-type(5) {top: 27%;left: 81%;}
.web_footer .foot_inquiry_box .left .box a:hover{filter: none;background: #E94F25;}


/* ==================== .web_footer .foot_bottom ==================== */
.web_footer .foot_bottom .foor_service {display: flex;flex-wrap: wrap;align-items: stretch;padding: 88px 0 0;}
.web_footer .foot_bottom .foot_item {width: 13.65%;padding: 0 5px 0 38px;border-left: 1px solid #DFDFE0;}
.web_footer .foot_bottom .foot_company {
    width: 25.168%;
    padding: 0;
    border: none;
}
.web_footer .foot_bottom .foot_contact_item {width: 19.662%;}
.web_footer .foot_bottom .foot_inquiry {width: 13.49%;}
.web_footer .foot_bottom .foot_item .foot_logo {max-width: 263px;margin-bottom: 26px;}
.web_footer .foot_bottom .foot_item .des {font-size: 14px;color: #000000;line-height: 1.8;margin-bottom: 36px;}
.web_footer .foot_bottom .foot_item .foot_partner {display: flex;flex-wrap: wrap;gap: 23px;}
.web_footer .foot_bottom .foot_item .foot_partner li {width: 77px;height: 77px;border-radius: 10px;box-shadow: 0 0 10px #3333;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.web_footer .foot_bottom .foot_item .foot_partner img {max-width: 50px;}
.web_footer .foot_bottom .foot_item .fot_tit {font-size: 20px;color: #000000;}
.web_footer .foot_bottom .foot_item .fot_tit:after{content:"";width: 36px;height: 3px;background: #E94F25;border-radius: 1.5px;display: block;margin: 7px 0 15px;}
.web_footer .foot_bottom .foot_item .foot_list li {margin-bottom: 9px;}
.web_footer .foot_bottom .foot_item .foot_list a {font-size: 16px;color: #000000;font-family: 'mon-light';position: relative;transition: all .3s linear;}
.web_footer .foot_bottom .foot_item .foot_list a:before{content:"";content: '\f105';font-family: 'fontawesome';color: #E94F25;font-size: 20px;margin-right: 9px;}
.web_footer .foot_bottom .foot_contact li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.web_footer .foot_bottom .foot_item  a:hover{color:#E94F25}
.web_footer .foot_bottom .foot_contact li a{font-size: 16px;color: #000000;font-family: 'mon-light';position: relative;width: calc(100% - 19px);line-height: 1.8;transition: all .3s linear;}
.web_footer .foot_bottom .foot_contact li:before{content:"";width: 15px;height: 15px;/* display: inline-block; */background-repeat: no-repeat;position: relative;top: 8px;}
.web_footer .foot_bottom .foot_contact .foot_email:before {background-image: url(img/index_57.png);}
.web_footer .foot_bottom .foot_contact .foot_phone:before {background-image: url(img/index_58.png);}
.web_footer .foot_bottom .foot_contact .foot_whatsapp:before {background-image: url(img/index_59.png);}
.web_footer .foot_bottom .foot_contact .foot_address:before {background-image: url(img/index_56.png);}
.web_footer .foot_inquiry form {padding-top: 15px;margin-bottom: 67px;}
.web_footer .foot_inquiry form div {width: calc(100% - 78px);} 
.web_footer .foot_inquiry form div:last-of-type{flex: none;width: 78px;}
.web_footer .foot_inquiry form input {background: #fff;border: 1px solid #EEEEEE;line-height: 35px;width: 100%;font-size: 10px;font-family: 'mon-light';padding: 0 7px;border-radius: 6px 0 0 6px;}
.web_footer .foot_inquiry form button {background: #E94F25;width: 100%;font-size: 10px;color: #fff;font-family: 'mon-light';border: none;line-height: 35px;border-radius: 0 6px 6px 0;transition: all .3s linear;cursor: pointer;}
.web_footer .foot_inquiry h3 {font-size: 18px;margin-bottom: 20px;}
.web_footer .foot_inquiry .foot_sns {display: flex;flex-wrap: wrap;}
.web_footer .foot_inquiry .foot_sns li {
    margin-right: 14px;
}
.web_footer .foot_inquiry .foot_sns a {width: 34px;display: flex;height: 34px;align-items: center;justify-content: center;background: #000000;border-radius: 50%;}
.web_footer .foot_inquiry .foot_sns img {width: auto;max-height: 21px;}
.web_footer .foot_inquiry form button:hover{background:#333}
.web_footer .foot_inquiry .foot_sns img:hover{transform:rotate(15deg)}

/* ==================== .web_footer .copyright ==================== */
.web_footer .copyright {background: #09111D;font-size: 16px;color: #fff;font-family: 'mon-light';padding: 22px 0;margin-top: 80px;}
.web_footer .copyright li a {color: #fff;line-height: 1;padding: 0 20px;border-left: 2px solid #fff;}
.web_footer .copyright li:first-of-type a{border:none}

.list_main{font-family: 'mon-reg';}
.list_main .layout{width: 1780px;max-width: 95%;align-items: flex-start;}
/* ==================== .list_banner ==================== */
.list_banner{padding: 19px 0 0;position: relative;}
.list_banner .layout {align-items: flex-start;position: static;}
.list_banner .box {width: 40%;max-width: 614px;}
.new_page .path_bar {font-size: 16px;color: #282828;justify-content: flex-start;font-family: 'mon-light';margin-bottom: 66px;}
.new_page .path_bar .flex_row{justify-content:flex-start}
.new_page .path_bar .nav_current { }
.new_page .path_bar .nav_current a {color: #666;}
.new_page .path_bar li {font-size: 16px;color: #282828;}
.new_page .path_bar li a:after{content: "\f105";font-family: 'fontawesome';margin: 0 7px;}
.list_banner .box h2 {font-size: 40px;color: #282828;font-family: 'mon-sem';margin-bottom: 9px;}
.list_banner .box .des {font-size: 20px;font-family: 'mon-light';line-height: 1.5;}
.list_banner .bg {max-width: 50%;}
.list_banner .bg img {width: 100%;}
.list_banner .index_browse{
    margin-top: -84px;
}
.list_banner .counter-title { }

/* ==================== .list_box ==================== */
.list_box  {padding: 56px 0 0;}
.list_box .aside {width: 25.21%;}
.list_box .aside-wrap { }
.list_box .side-widget {border: none;margin: 0;}
.list_box .side-cate {padding: 20px 20px 133px;box-shadow: 0 0 10px #3331;border-radius: 10px;}
.list_box .side-cate li {padding: 10px;}
.list_box .side-cate  li .icon-cate-up{ }
.list_box .side-cate > ul > li:before{display:none}
.list_box .side-cate>ul>li>a {font-size: 20px;color: #000000;font-family: 'mon-sem';}
.list_box ul li .icon-cate.icon-cate-down:before{content: "\f105";}
.list_box ul li .icon-cate:before{font-size: 18px;font-weight: 300;width: auto;}
.list_box .side-cate .sub-menu {padding: 8px 0 0;}
.list_box .side-cate .sub-menu li {padding: 0;border-bottom: 1px solid  #E5E5E5;padding: 10px 0;}
.list_box .side-cate .sub-menu li:last-of-type{border:none}
.list_box .side-cate .sub-menu li a {font-size: 16px;color: #000000;font-family: 'mon-light';position: relative;}
.list_box .side-cate .sub-menu li a i img {width: auto;}
.list_box .side-cate ul li .icon-cate{top: 20px;}
.list_box .box {width: 73.66%;}
.list_box .box .top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 35px;padding: 7px 0 0;}
.list_box .box .top h3 {font-size: 20px;color: #000000;font-family: 'mon-light';font-weight: 300;}
.list_box .box .top .cotrol {display: flex;}
.list_box .box .top .cotrol li {width: 45px;height: 38px;display: flex;align-items: center;justify-content: center;border: 1px solid #BFBFBF;border-radius: 5px;margin-left: 9px;cursor: pointer;transition: all .3s linear;}
.list_box .box .top .cotrol li img {width: auto;}
.list_box .box .items {justify-content: flex-start;gap: 1.3%;}
.list_box .box .items figure {border-radius: 4px;box-shadow: 0 0 10px #3333;padding: 0 26px 9px 22px;width: 23.954%;margin-bottom: 25px;transition: all .3s linear;}
.list_box .box .items figure:hover{box-shadow: 0 0 10px #333;}
.list_box .box .items figure>div { }
.list_box .box .items figure div img {width: 100%;transition: all .3s linear;}
.list_box .box .items figure figcaption {font-size: 14px;color: #333333;}
.list_box .box .items figure figcaption h3 {font-size: 18px;color: #000000;margin-bottom: 23px;}
.list_box .box .items figure .des {
    margin-bottom: 28px;
}
.list_box .box .items figure .num { }
.list_box .box .items figure .btns {display: flex;justify-content: space-between;margin: 22px 0 0;flex-wrap: wrap;}
.list_box .box .items figure .btns a {border: 1px solid #626262;font-size: 13px;text-transform: uppercase;border-radius: 10px;line-height: 36px;padding: 0 24px;transition: all .3s linear;margin-bottom: 5px;}
.list_box .box .items figure .btns a:hover{background:#D75534;color:#fff;border-color: #D75534;}
.list_box .box .page_bar { }
.list_box .box .page_bar .pages {
    display: flex;
    justify-content: center;
    gap: 11px;
    flex-wrap: wrap;
}
.list_box .box .page_bar .pages a {border: 1px solid #D2D2D2;border-radius: 10px;min-width: 40px;line-height: 38px;text-align: center;margin: 0;height: auto;}
.list_box .box .page_bar .pages .current { }
.list_box .box .page_bar .pages span{border: 1px solid #D2D2D2;border-radius: 10px;min-width: 40px;line-height: 38px;text-align: center;height: auto;}

.new_page img{width: 100%;}
/* ==================== .pro_path ==================== */
.new_page .pro_path {padding: 28px 0 0;margin-bottom: 37px;}

/* ==================== .new_page .product-intro ==================== */
.new_page .product-intro{ }
.new_page .product-intro .layout {align-items: flex-start;}
.new_page .product-intro .product-view {width: 37.92%;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px #3333;padding: 0 34px 32px;}
.new_page .product-intro .product-image ,.new_page .product-intro  .cloud-zoom-big{
    border: none;
}
.new_page .product-intro .product-image a { }
.new_page .product-intro .product-image img { }
.new_page .product-intro .new_image-additional { }
.new_page .product-intro .swiper-container {
    padding: 0;
}
.new_page .product-intro .new_image-additional .swiper-wrapper { }
.new_page .product-intro .new_image-additional .swiper-slide {border: 1px solid #F1F1F1;border-radius: 10px;overflow: hidden;}
.new_page .product-intro .new_image-additional .swiper-slide-active{border-color: #E94F25;}
.new_page .product-intro .new_image-additional .swiper-button-white{display: none;}
.new_page .product-intro .product-summary {flex: 1;padding: 0 49px 0 59px;}
.new_page .product-intro .product-summary .page_title {font-size: 30px;color: #020202;line-height: 1.3;margin-bottom: 17px;font-weight: 600;}
.new_page .product-intro .product-meta { }
.new_page .product-intro .product-meta div {font-size: 16px;color: #666666;margin-bottom: 10px;}
.new_page .product-intro .product-meta h3 {font-size: 20px;color: #020202;font-family: "mon-reg";margin: 0 0 16px;}
.new_page .product-intro .product-meta ul { }
.new_page .product-intro .product-meta li {display: flex;margin-bottom: 23px;font-size: 16px;}
.new_page .product-intro .product-meta li em {color: #999999;width: 170px;}
.new_page .product-intro .product-meta li span {color: #020202;width: calc(100% - 170px);}
.new_page .product-intro .product-btn-wrap {margin-top: 38px;}
.new_page .product-intro .product-btn-wrap a {font-size: 18px;color: #fff;background: #E94F25;text-transform: uppercase;padding: 0 27px;line-height: 56px;display: block;width: max-content;border-radius: 10px;transition: all .3s linear;}
.new_page .product-intro .product-btn-wrap a:hover{background:#000}
.new_page .product-intro .pro_quick {width: 29.21%;box-shadow: 0 0 10px #3333;padding: 0 54px 57px;border-radius: 10px;}
.new_page .product-intro .pro_quick .item {display: flex;align-items: center;padding: 66px 0;border-bottom: 1px solid #D2D2D2;}
.new_page .product-intro .pro_quick .item i {width: 79px;height: 79px;background: #FEEEEC;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.new_page .product-intro .pro_quick .item i img {width: 47px;}
.new_page .product-intro .pro_quick .item .des {padding-left: 27px;flex: 1;}
.new_page .product-intro .pro_quick .item .des h3 {font-size: 20px;color: #000000;margin-bottom: 24px;}
.new_page .product-intro .pro_quick .item .des div {font-size: 17px;color: #333333;line-height: 1.4;}
.new_page .product-intro .pro_quick .item:last-of-type{border:none}

/* ==================== .product-detail ==================== */
.new_page .product-detail{margin: 70px 0 0;}
.new_page .product-detail .tab-title-bar { }
.new_page .product-detail .tab-title {background: none;font-family: 'mon-reg';font-size: 20px;color: #000000;padding: 25px 40px;transition: all .3s linear;border-bottom: 2px solid transparent;}
.new_page .product-detail .tab-title:after{display:none}
.new_page .product-detail .tab-title span { }
.new_page .product-detail .tab-title.current {
    border-color: #E94F25;
}
.new_page .product-detail .tab-panel-wrap {padding: 23px 0 0;}
.new_page .product-detail .tab-panel { }
.new_page .product-detail .tab-panel-content { }
.new_page .product-detail .tab-panel-content img { }

/* ==================== .pro_why ==================== */
.pro_why{padding: 31px 0 0;}
.pro_why .layout {align-items: stretch;}
.pro_why .layout>div{width: 48.87%;box-shadow: 0 0 10px #3333;padding: 27px 39px 17px;border-radius: 10px;margin-bottom: 39px;}
.pro_why .left { }
.pro_why .left h3 {font-size: 24px;color: #000000;margin-bottom: 25px;text-transform: uppercase;}
.pro_why .left div {max-width: 660px;padding-left: 45px;}
.pro_why .left p {font-size: 16px;color: #000000;letter-spacing: .8px;line-height: 1.8;margin-bottom: 21px;}
.pro_why .right {}
.pro_why .right h3 {font-size: 24px;color: #000000;margin-bottom: 25px;text-transform: uppercase;}
.pro_why .right .flex_row {padding-left: 45px;align-items: center;}
.pro_why .right .flex_row i {width: 34%;}
.pro_why .right .flex_row i img { }
.pro_why .right .flex_row p {font-size: 18px;color: #040404;width: 66%;line-height: 1.7;padding: 0 40px 0 60px;}

/* ==================== .pro_may_like ==================== */
.pro_may_like {}
.pro_may_like .layout {box-shadow: 0 0 10px #3333;border-radius: 10px;padding: 47px 0 55px;}
.pro_may_like .index_title_bar {margin-bottom: 14px;}
.pro_may_like .good_title {font-size: 24px;color: #000000;text-transform: uppercase;}
.pro_may_like .layer-bd {padding: 0 44px;}
.pro_may_like .swiper-slider {padding: 10px;}
.pro_may_like .swiper-wrapper { }
.pro_may_like .swiper-slide {box-shadow: 0 0 10px #3331;border-radius: 5px;overflow: hidden;padding: 14px 22px;}
.pro_may_like .swiper-slide>div{overflow:hidden}
.pro_may_like .swiper-slide img{transition:all .3s linear}
.pro_may_like figure figcaption h3 {font-size: 18px;color: #000000;margin-bottom: 23px;}
.pro_may_like figure .des {margin-bottom: 18px;}
.pro_may_like figure .btns {display: flex;justify-content: space-between;margin: 22px 0 0;flex-wrap: wrap;}
.pro_may_like figure .btns a {border: 1px solid #626262;font-size: 13px;text-transform: uppercase;border-radius: 10px;line-height: 36px;padding: 0 24px;transition: all .3s linear;margin-bottom: 5px;}
.pro_may_like figure .btns a:hover{background:#D75534;color:#fff;border-color: #D75534;}
.pro_may_like .swiper-slide .btns { }
.pro_may_like .swiper-slide .btns a {margin: 0;}
.pro_may_like .swiper-slide .btns .view { }
.pro_may_like .swiper-slide:hover img{transform:scale(1.1)}

.news_main{ }
/* ==================== .news_banner ==================== */
.news_banner {padding: 25px 0 53px;}
.news_banner .layout {z-index: 2;}
.news_banner .box { }
.news_banner .path_bar {margin-bottom: 74px;}
.news_banner .path_bar .nav_current { }
.news_banner .path_bar .nav_current a { }
.news_banner .path_bar li { }
.news_banner .box h2 {margin-bottom: 47px;}
.news_banner .box h2:after{content:"";background: #E95127;width: 47px;height: 4px;display: block;border-radius: 4px;margin-top: 9px;}
.news_banner .box .des {font-size: 18px;font-family: 'mon-reg';line-height: 1.8;margin-bottom: 60px;}
.news_banner .box .btn_control {display: flex;flex-wrap: wrap;}
.news_banner .box .btn_control a {font-size: 18px;line-height: 52px;border: 1px solid #EB633D;padding: 0 34px;color: #E94F25;border-radius: 10px;margin-right: 12px;}
.news_banner.list_banner  .bg {position: absolute;left: 0;top: 0;max-width: 100%;height: 100%;width: 100%;z-index: -1;}
.news_banner .bg img {height: 100%;object-fit: cover;}

/* ==================== .news_list ==================== */
.news_list{padding: 63px 0 0;}
.news_list .layout {align-items: flex-start;}
.news_list .left {position: relative;width: 59.831%;border-radius: 10px;overflow: hidden;color: #fff;padding: 286px 25px 82px;margin-top: 10px;}
.news_list .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.news_list .bg img{width: 100%;height: 100%;object-fit: cover;}
.news_list .left i {padding: 0 31px;line-height: 54px;font-size: 18px;display: block;width: max-content;background: #E94F25;text-transform: uppercase;border-radius: 10px;margin-bottom: 26px;}
.news_list .left h3 {font-size: 30px;max-width: 620px;line-height: 1.6;margin-bottom: 24px;}
.news_list .left .des {font-size: 18px;max-width: 620px;line-height: 1.7;font-family: 'mon-light';margin-bottom: 66px;}
.news_list .left time {font-size: 18px;}
.news_list .left .fancybox-media {width: 90px;display: block;position: absolute;right: 48px;bottom: 85px;transition: all .3s linear;}
.news_list .left .fancybox-media:hover{transform:scale(1.1)}
.news_list .left .fancybox-media img {}
.news_list .right {width: 38.2%;height: 757px;overflow: hidden;padding: 10px;}
.news_list .right .item {position: relative;display: flex;flex-wrap: wrap;border-radius: 10px;box-shadow: 0 0 10px #3333;padding: 6px;margin-bottom: 15px;align-items: center;}
.news_list .right .item .icon {width: 37.4%;position: relative;overflow: hidden;border-radius: 10px;}
.news_list .right .item .icon img {transition: all .3s linear;}
.news_list .right .item .icon i {color: #FFFFFF;background: #E94F25;padding: 0 11px;border-radius: 6px;display: inline-block;margin-right: 11px;line-height: 23px;position: absolute;left: 18px;top: 18px;}
.news_list .right .item figcaption {width: 62.2%;line-height: 1.55;padding: 0 25px 0 33px;}
.news_list .right .item figcaption i {font-size: 14px;color: #666666;line-height: 23px;display: block;margin-bottom: 30px;}
.news_list .right .item figcaption i span {color: #FFFFFF;background: #E94F25;padding: 0 11px;border-radius: 6px;display: inline-block;margin-right: 11px;}
.news_list .right .item figcaption h3 {font-size: 19px;color: #000000;padding-right: 25px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_list .right .item figcaption time {color: #666666;font-size: 16px;display: flex;justify-content: space-between;align-items: center;width: 100%;margin-top: 31px;}
.news_list .right .item figcaption time:after{content:"";background: url(img/news_7.png);width: 16px;height: 16px;display: inline-block;}
.news_list .right .item:hover .icon img{transform:scale(1.1)}

/* ==================== .new_latest ==================== */
.new_latest{padding: 76px 0 17px;}
.new_latest .layout { }
.new_latest .layout h2 {font-size: 30px;color: #282828;font-family: 'mon-sem';text-transform: uppercase;margin-bottom: 40px;}
.new_latest .layout h2:after{content:"";background: #E95127;width: 47px;height: 4px;display: block;border-radius: 4px;margin-top: 17px;}
.new_latest .new_latest_list {padding: 10px 0;}
.new_latest .new_latest_list .item {position: relative;width: 16%;border-radius: 10px;box-shadow: 0 0 10px #3333;overflow: hidden;}
.new_latest .new_latest_list .item .icon {overflow: hidden;}
.new_latest .new_latest_list .item .icon img {transition: all .3s linear;}
.new_latest .new_latest_list .item .icon i {color: #FFFFFF;background: #E94F25;padding: 0 11px;border-radius: 6px;display: inline-block;margin-right: 11px;line-height: 23px;position: absolute;left: 18px;top: 18px;}
.new_latest .new_latest_list .item figcaption {padding: 36px 30px 28px 17px;}
.new_latest .new_latest_list .item figcaption h3 {font-size: 18px;color: #000000;line-height: 1.6;margin-bottom: 48px;}
.new_latest .new_latest_list .item figcaption time {font-size: 16px;color: #666666;display: flex;align-items: center;justify-content: space-between;}
.new_latest .new_latest_list .item figcaption time:after{content:"";background: url(img/news_7.png);width: 16px;height: 16px;display: inline-block;}
.new_latest .new_latest_list .item .index_jump { }
.new_latest .new_latest_list .item:hover  .icon img{transform: scale(1.1);}

/* ==================== .new_letter ==================== */
.new_letter {margin-bottom: 34px;}
.new_letter .layout {background: #F8F8F8;padding: 62px 43px 62px 40px;border-radius: 10px;}
.new_letter .left {width: 35.8%;}
.new_letter .left i {width: 96px;height: 96px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.new_letter .left i img {width: 51px;}
.new_letter .left>div {padding-left: 38px;width: calc(100% - 96px);}
.new_letter .left h2 {font-size: 26px;color: #000000;margin-bottom: 20px;}
.new_letter .left .des {font-size: 18px;color: #666666;max-width: 245px;line-height: 1.4;}
.new_letter form {flex: 1;margin: 0 75px 0 98px;border-radius: 10px;overflow: hidden;}
.new_letter form div {width: calc(100% - 153px);}
.new_letter form div:last-of-type{width:auto}
.new_letter form input {width: 100%;background: #fff;border: none;line-height: 75px;padding: 0 25px;}
.new_letter form button {border: none;background: #E94F25;line-height: 75px;padding: 0 23px;color: #fff;font-size: 20px;text-transform: uppercase;border-radius: 10px;cursor: pointer;transition: all .3s linear;}
.new_letter form button:hover{background:#000}
.new_letter ul {width: 20.7%;}
.new_letter ul li {/* margin-left: 55px; */}
.new_letter ul li a { }
.new_letter ul li a img {width: 45px;}

/* ==================== .new_advan ==================== */
.new_advan { }
.new_advan .layout {box-shadow: 0 0 10px #3333;padding: 72px 0 78px;}
.new_advan .item {text-align: center;width: 25%;border-right: 1px solid #E5E5E5;padding: 0 10px 4px;}
.new_advan .item i {display: block;margin-bottom: 43px;}
.new_advan .item i img {height: 54px;width: auto;}
.new_advan .item h3 {font-size: 25px;color: #282828;font-family: 'mon-sem';margin-bottom: 9px;}
.new_advan .item div {font-size: 22px;color: #282828;font-family: 'mon-light';line-height: 1.4;}
.new_advan .item:last-of-type{border-right: none;}

.about_main{ }
.about_main .about_tit{font-size: 30px;color: #282828;font-family: 'mon-sem';line-height: 1;}
.about_main .about_tit:after{content:"";width: 63px;height: 4px;background: #E94F25;border-radius: 4px;display: block;margin-top: 13px;}
/* ==================== .about_banner ==================== */
.about_banner {padding: 27px 0 0;}
.about_banner .layout { }
.about_banner .box {position: relative;z-index: 2;width: 50%;max-width: 686px;margin-bottom: 62px;}
.about_banner .path_bar {margin-bottom: 29px;}
.about_banner .path_bar .nav_current { }
.about_banner .path_bar .nav_current a { }
.about_banner .path_bar li { }
.about_banner .box h2 {margin-bottom: 14px;}
.about_banner .box .des {text-align: justify;letter-spacing: .2px;margin-bottom: 25px;}
.about_banner .box .more {background: #E94F25;color: #fff;text-transform: uppercase;padding: 0 26px;line-height: 54px;display: block;border-radius: 10px;width: max-content;font-size: 18px;}
.list_banner.about_banner .bg {position: absolute;left: 0;top: 0;width: 100%;max-width: 100%;height: calc(100% - 57px);}
.about_banner .bg img {height: 100%;object-fit: cover;}
.about_banner .index_browse{position: relative;margin: 0;}
.about_banner .index_browse .layout { }
.about_banner .index_browse .bottom { }
.about_banner .index_browse .bottom .item { }
.about_banner .index_browse .bottom .item i { }
.about_banner .index_browse .bottom .item i img { }
.about_banner .index_browse .bottom .item h3 { }
.about_banner .index_browse .bottom .item p { }
.about_banner .counter-title { }

/* ==================== .about_action ==================== */
.about_action{padding: 56px 0 40px;}
.about_action .layout {align-items: flex-start;}
.about_action .layout>div{width:50%}
.about_action .left { }
.about_action .left img { }
.about_action .right {padding: 1px 0 0 55px;}
.about_action .right .about_tit {margin-bottom: 11px;}
.about_action .right .des {font-size: 20px;color: #282828;font-family: 'mon-light';line-height: 1.5;margin-bottom: 41px;}
.about_action .right ul {margin-bottom: 11px;}
.about_action .right ul li {width: 50%;max-width: 320px;margin-bottom: 31px;align-items: flex-start;}
.about_action .right ul li i {width: 54px;text-align: center;}
.about_action .right ul li i img {width: auto;max-width: 100%;}
.about_action .right ul li .wrap {width: calc(100% - 54px);padding-left: 12px;}
.about_action .right ul li h3 {font-size: 20px;color: #282828;font-family: 'mon-sem';margin-bottom: 12px;}
.about_action .right ul li div div {line-height: 1.4;font-size: 18px;}
.about_action .right .fancybox-media {background: #E94F25;color: #fff;padding: 15px 20px;font-size: 20px;display: flex;align-items: center;width: max-content;border-radius: 10px;transition: all .3s linear;}
.about_action .right .fancybox-media img {width: 19px;margin-right: 11px;}
.about_action .right .fancybox-media:hover{background:#000}
/* ==================== .about_who ==================== */
.about_who{padding: 53px 0 56px;}
.about_who .layout {align-items: flex-start;}
.about_who .layout>div{width: 50%;}
.about_who .left {padding-right: 20px;}
.about_who .left .about_tit {margin-bottom: 19px;}
.about_who .left .des {font-size: 20px;color: #282828;font-family: 'mon-light';max-width: 800px;text-align: justify;line-height: 1.5;letter-spacing: .1px;margin-bottom: 40px;}
.about_who .left a {background: #E94F25;color: #fff;padding: 15px 26px;font-size: 20px;display: flex;align-items: center;width: max-content;border-radius: 10px;text-transform: uppercase;transition: all .3s linear;}
.about_who .left a:after{content:"";background: url(img/news_7.png);width: 16px;height: 16px;filter: brightness(0) invert(1);margin-left: 14px;transition: all .3s linear;}
.about_who .right { }
.about_who .right img {width: 48.87%;margin-bottom: 45px;border-radius: 20px;}
.about_who .left a:hover{background:#000}


/* ==================== .about_product ==================== */
.about_product { }
.about_product .layout {box-shadow: 0 0 10px #3333;padding: 31px 36px 42px;border-radius: 10px;}
.about_product .about_tit {margin-bottom: 14px;}
.about_product .about_swiper { }
.about_product .about_swiper .swiper-wrapper { }
.about_product .about_swiper .swiper-slide {border: 2px solid #DCDCDC;border-radius: 10px;overflow: hidden;}
.about_product .about_swiper .swiper-slide i {display: block;overflow: hidden;}
.about_product .about_swiper .swiper-slide i img {transition: all .3s linear;}
.about_product .about_swiper .swiper-slide h3 {font-size: 20px;text-align: center;color: #282828;margin: 18px 0;}
.about_product .about_swiper .swiper-slide .index_jump { }
.about_product .about_swiper .swiper-slide:hover img{transform:scale(1.1) }

/* ==================== .about_values ==================== */
.about_values{padding: 35px 0;}
.about_values .layout {box-shadow: 0 0 10px #3333;padding: 31px 36px 52px;border-radius: 10px;}
.about_values .about_tit {margin-bottom: 34px;}
.about_values .about_values_box {display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_values .about_values_box .item {border: 1px solid #DCDCDC;width: 18.98%;padding: 28px 28px 26px;text-align: center;border-radius: 10px;transition: all .3s linear;cursor: pointer;}
.about_values .about_values_box .item i {display: block;text-align: center;margin-bottom: 18px;}
.about_values .about_values_box .item i img {height: 70px;width: auto;}
.about_values .about_values_box .item .des { }
.about_values .about_values_box .item h3 {font-size: 24px;color: #282828;font-family: 'mon-med';margin-bottom: 12px;}
.about_values .about_values_box .item .des div {font-size: 20px;color: #666666;font-family: 'mon-light';line-height: 1.7;}
.about_values .about_values_box .item:hover{box-shadow:0 0 10px #3333}

/* ==================== .about_market ==================== */
.about_market{ }
.about_market .layout {align-items: stretch;}
.about_market .layout>div{width: 49.43%;box-shadow: 0 0 10px #3333;border-radius: 10px;}
.about_market .left {padding: 39px 20px 34px 35px;}
.about_market .left .about_tit {margin-bottom: 42px;}
.about_market .left .flex_row { }
.about_market .left .flex_row img {width: 66.98%;}
.about_market .left .flex_row div {width: 29%;}
.about_market .left .flex_row p {font-size: 18px;color: #282828;font-family: 'mon-light';line-height: 1.4;margin-bottom: 23px;}
.about_market .right {padding: 39px 44px 20px 36px;}
.about_market .right .about_tit {margin-bottom: 41px;}
.about_market .right .flex_row { }
.about_market .right .flex_row img {width: 28.6%;}



@media screen and (max-width: 1680px) {
.new_header .head_bottom .nav>li{margin-left: 40px;}
.web_footer .foot_inquiry_box .left .box a{font-size: 16px;}
}


@media screen and (max-width: 1480px) {
.new_header .head_bottom .nav li a{font-size: 14px;}
.new_header .head_bottom .nav>li { margin-left: 20px;}
.new_index .index_tit{font-size: 30px;}
.new_header .head_bottom .logo img{height: 36px;}
.index_browse .bottom .item h3{font-size: 20px;}
.index_browse .bottom .item{padding: 10px;}
.right_icon {font-size: 14px;}
.index_about .content h2{font-size: 24px;}
.index_about .content .des{font-size: 14px;}
.index_about .right .item img{height: 60px;}
.index_browse .tit h3{font-size: 20px;}
.index_about .right .item figcaption h3{margin-top: 20px;}
.index_about .right .item figcaption h3:after{margin: 15px auto;}
.index_about .img_box .scoll_num h3{font-size: 22px;}
.index_about .content .wrap div{font-size: 12px;}
.index_about .content .wrap h3{font-size: 16px;}
.index_about .content .right_icon{font-size: 14px;}
.index_factory .items .des h3{font-size: 20px;}
.index_transpeed .item{padding: 20px;}
.web_footer .foot_inquiry_box .left .box a,.web_footer .foot_inquiry_box .left .box .right_icon{padding: 0 15px;}
.web_footer .foot_inquiry_box .left h2{font-size: 32px;}
.web_footer .foot_bottom .foot_item{padding: 0 10px;}
.web_footer .foot_bottom .foot_item .foot_partner li{width: 60px;height: 60px;}
.index_search .item:nth-of-type(5) {width: 16%;}
.index_search .search_lit .left li{margin-bottom: 5px;}

.news_list .right .item figcaption h3{font-size: 16px;}
.news_list .right .item figcaption i{margin-bottom: 15px;}
.news_list .right .item figcaption time{margin-top: 10px;}
.news_list .left .des{margin-bottom: 20px;font-size: 16px;}
.news_list .left h3{font-size: 24px;}
.news_list .left i{font-size: 16px;line-height: 42px;padding: 0 16px;}
.new_letter form{margin: 0 20px;}
.news_list .left .fancybox-media{bottom: 40px;}
.new_latest .new_latest_list .item figcaption h3{font-size: 16px;}
}


@media screen and (max-width: 1280px) {
.new_header .head_bottom .nav li a { font-size: 12px; }
.index_factory .items figcaption i img{width: 30px;}
.index_factory .items figcaption i{width: 46px;line-height: 46px;}
.index_search .item,.index_search .item:nth-of-type(5){flex: none;width: 30%;}
.new_index .index_tit { font-size: 26px;}
.web_footer .foot_inquiry_box .left .box a,.web_footer .foot_inquiry_box .left .box .right_icon{padding: 0 10px;}
.web_footer .foot_inquiry_box .left h2{font-size: 24px;}
.web_footer .foot_bottom .foot_item{padding: 0 6px;}
.web_footer .foot_inquiry_box .left .des{font-size: 14px;}
.web_footer .foot_inquiry form div{width: 100%;border-radius: 6px;margin-bottom: 5px;}
.web_footer .foot_inquiry form button{border-radius: 6px;}
.new_header .head_bottom .logo{margin-right: 20px;}
.index_browse .bottom .item{text-align: center;}
.index_browse .bottom .item i{margin: 0 auto;}
.index_browse .bottom .item div{width: 100%;padding: 0;flex: none;margin-top: 5px;}

.index_about .left{width: 100%;margin-bottom: 20px;}
.index_about .right{width: 100%;}

.index_factory .items .des{padding: 0;width: 100%;margin-top: 10px;}
.index_factory .items .des h3{margin-bottom: 10px;}
.index_factory .items figcaption{padding: 15px 0 0;}
.index_about .right h2{ font-size: 20px;}
.web_footer .foot_inquiry_box .left .box a { font-size: 12px; }

.list_banner .box h2{font-size: 28px;}
.list_banner .box .des{font-size: 16px;}
.list_banner .bg{width: 40%;}
.list_box .box .items figure{width: 32%;}
.list_box .box .items figure .btns a{padding: 0 15px;}
.list_banner .index_browse{margin: 15px 0 0;}
.list_banner .path_bar{margin-bottom: 20px;}

.new_page .product-intro .product-summary{padding:  0 20px;}
.new_page .product-intro .product-summary .page_title{font-size: 24px;}
.new_page .product-intro .pro_quick{padding: 20px;}
.new_page .product-intro .pro_quick .item{padding: 30px 0;}
.new_page .product-intro .product-meta li{margin-bottom: 10px;font-size: 14px;}

.pro_why .right .flex_row,.pro_why .left div{padding: 0;}
.pro_why .right .flex_row p{padding: 0 0 0 20px;}
.new_page .product-detail .tab-title{font-size: 18px;padding: 10px 20px; }
.news_banner .box .btn_control a{font-size: 16px;line-height: 42px;padding: 0 15px;}
.new_latest .new_latest_list .item{width: 32%;margin-bottom: 20px;}
.new_letter .left{width: 60%;}
.new_letter form{margin: 10px 0;flex: none;width: 100%;order:2}
.new_letter ul{width: 40%;}
.new_advan .item h3{font-size: 20px;}
.new_advan .item div{font-size: 18px;}
.news_list .right .item figcaption h3{padding: 0;}
.news_list .right .item figcaption{padding: 0 10px;}
.news_list .right .item figcaption h3{    -webkit-line-clamp: 2;}


.about_banner .box .more,.about_action .right .fancybox-media,.about_who .left a{ line-height: 42px;padding: 0 18px;font-size: 18px;}
.about_main .about_tit{font-size: 20px;}
.about_action .right .des,.about_action .right ul li h3{font-size: 18px;}
.about_market .left .flex_row p{font-size: 16px;}
}

@media screen and (max-width: 1180px) {
.new_header .head_bottom .nav>li {
    margin-left: 10px;
}
.new_header .head_top .change-language-title{margin-right: 20px;}
.new_header .head_top .head_inquiry{margin-left: 20px;}
.new_header .head_bottom{padding: 10px 0;}

.index_transpeed .item h2{font-size: 16px;}
.index_transpeed .item div{font-size: 12px;}
.web_footer .foot_inquiry_box .left .box .right_icon:after{margin-left: 5px;}
}

@media screen and (max-width: 950px) {
.new_header .head_top p{font-size: 12px;}
.new_header .head_bottom .nav-bar{width: 100%;}
.new_header .head_bottom .nav>li{margin: 0 15px 0 0;}
.new_header .head_top .change-language-title .language-flag span,.new_header .head_top .head_dow{font-size: 12px;}
.new_header .head_top .head_inquiry{font-size: 12px;padding: 0 10px;}
.new_header .head_top .change-language-title{margin-right: 10px;}
.new_header .head_top .head_inquiry{margin-left: 10px;}
.index_browse .tit{width: 100%;margin-bottom: 15px;}
.index_browse .borwse_swiper{width: 100%;}

.index_browse .bottom .item{width: 32%;margin-bottom: 15px;}
.index_categories .item{width: 32%;}
.index_categories{padding: 40px 0 0;}
.index_popular{padding: 40px 0;}
.index_categories .tit i{display: none;}
.new_index .index_tit{width: 100%;margin-bottom: 20px;max-width: 100%;}
.index_popular .tit{margin-bottom: 20px;}
.index_popular .tit div{width: 100%;max-width: 100%;}

.index_about .img_box .icon img{min-height: auto;max-height: 600px;}
.index_about .content{width: 100%;margin-bottom: 20px;}
.index_about .img_box{width: 100%;}
.index_about .left,.index_about .right{padding: 10px;}
.index_factory,.index_transpeed{padding: 40px 0;}
.index_factory .items figure{width: 49%;margin-bottom: 15px;}

.index_transpeed .item{width: 32%;margin-bottom: 15px;}
.web_footer{padding: 20px 0 0;}
.web_footer .foot_inquiry_box .left{width: 100%;padding-bottom: 20px;}
.web_footer .foot_inquiry_box .bg{bottom: 0;transform: none;top: auto;}
.web_footer .foot_inquiry_box .layout{padding: 20px;}
.web_footer .foot_inquiry_box .left .des{margin-bottom: 20px;}
.web_footer .foot_inquiry_box .left h2{font-size: 20px;margin-bottom: 15px;}

.web_footer .foot_bottom .foor_service{padding: 20px 0 0;}
.web_footer .foot_bottom .foot_item{width: 49%;max-width: 100%;margin-bottom: 20px;border: none;}
.web_footer .foot_inquiry form{margin-bottom: 20px;}
.web_footer .copyright{margin-top: 20px;}

.list_box .aside{width: 100%;}
.list_box .side-cate{padding: 20px 0;}
.list_box .box{width: 100%;}
.list_box .box .top{margin: 10px 0;}

.new_page .product-intro .product-view{width: 100%;padding: 10px;}
.new_page .product-intro .product-summary{flex: none;width: 100%;margin: 20px 0;padding: 0;}
.new_page .product-intro .pro_quick{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.new_page .product-intro .pro_quick .item{width: 49%;}
.new_page .product-detail{margin-top: 20px;}
.pro_why .layout>div{width: 100%;padding: 15px;}
.pro_may_like .layer-bd{padding: 0;}
.pro_why .left h3{font-size: 20px;}
.pro_why .left p{font-size: 14px;margin-bottom: 10px;}
.pro_why .right .flex_row p{font-size: 14px;}

.news_banner .box{width: 100%;}
.list_banner .box .des,.list_banner .box h2{margin-bottom: 10px;}
.news_list .left{width: 100%;padding: 20px;}
.news_list .right{width: 100%;height: auto;}
.new_latest{padding: 40px 0;}
.new_letter .left{width: 100%;}
.new_letter .layout{padding: 20px;}
.new_letter ul{width: 100%;margin: 10px 0;justify-content: flex-start;}
.new_letter ul li{margin-right: 10px;}
.new_advan .item{width: 49%;margin-bottom: 20px;}
.news_list .left .fancybox-media{position: relative;left: 0;bottom: 0;margin-top: 20px;}
.new_letter .left .des{max-width: 100%;}

.about_who,.about_action{padding: 40px 0;}
.about_action .layout>div,.about_who .layout>div{width: 100%;padding: 0;margin-bottom: 15px;}
.about_who .left .des{font-size: 16px;max-width: 100%;}
.about_who .right img{margin-bottom: 15px;}
.about_values .about_values_box .item{width: 49%;margin-bottom: 15px;}
.about_market .layout>div{width: 100%;margin-bottom: 10px;}
.about_market .left .flex_row img{width: 100%;}
.about_market .left .flex_row div{width: 100%;}
.about_banner .box{width: 100%;max-width: 100%;}
}

@media screen and (max-width: 768px) {
.slider_banner{margin-bottom:20px}
.slider_banner .slider_swiper_control{display:none}
.head_top,.new_header .head_bottom .head-search{display: none;}
.new_header .head_bottom { padding: 25px 0 0;}
.index_search .item, .index_search .item:nth-of-type(5){width: 48%;}
.index_search .search_lit .left p{width: 100%;margin-bottom: 5px;}
.index_search .search_lit .left{flex-wrap: wrap;}
.index_search .search_lit .left li{font-size: 14px;margin-right: 10px;}
.index_search .layout{padding: 15px;}
.index_transpeed .item i{margin-bottom: 15px;width: 60px;height: 60px;}
.index_transpeed .item i img{height: 30px;}
.list_box .box .items figure{width: 49%;}

.list_banner .box{width: 100%;max-width: 100%;}
.list_banner .bg{width: 100%;max-width: 100%;}
.new_page .product-intro .product-btn-wrap a{font-size: 16px;padding: 0 10px;line-height: 42px;}
.pro_may_like .good_title{font-size: 20px;}
.new_page .mobile-tab-items{padding: 20px; } 
.pro_why .right .flex_row i{width: 100%;}
.new_page .product-intro .product-meta li em{width: 100px;}
.new_page .product-intro .product-meta li span{width: calc(100% - 100px);}
.pro_why .right .flex_row p{width: 100%;margin-top: 10px;padding: 0;}
}

@media screen and (max-width: 640px) {
.index_search .item, .index_search .item:nth-of-type(5){width:100%;}
.index_browse .bottom .item{width: 50%;}
.index_categories .item{width: 49%;}
.index_about .img_box .scoll_num{position: relative;left: 0; top: 0;margin-top: 15px;}
.index_transpeed .item{width: 49%;}
.index_factory .items figure{width: 100%;}
.web_footer .foot_inquiry_box .bg{display: none;}
.web_footer .foot_inquiry_box .right{width: 100%;}
.web_footer .foot_inquiry_box .left .box a{width: 100%;margin-bottom: 10px;}
.web_footer .foot_inquiry_box .left .box{flex-wrap: wrap;}
.web_footer .foot_bottom .foot_item{width: 100%;}
.new_page .product-intro .pro_quick .item{width: 100%;}
.new_page .product-intro .pro_quick .item .des h3{font-size: 18px;margin-bottom: 10px;}
.news_banner .box .btn_control a{margin-bottom: 10px;}
.news_list .right .item .icon{width: 100%;margin-bottom: 15px;}
.news_list .right .item figcaption{width: 100%;padding: 10px;}
.new_latest .layout h2{font-size: 24px;margin-bottom: 10px;}
.new_latest .new_latest_list .item{width: 100%}
.new_letter .left i{width: 70px;height: 70px;}
.new_letter .left>div{padding: 0;width: 100%;}
.new_letter .left i img{width: 40px;}
.new_letter .left h2{font-size: 20px;margin: 10px 0;}
.new_letter form input,.new_letter form button{line-height: 42px;}
.new_advan .item{width: 100%;border:none;}
.about_who .right img{width: 100%;}
.about_values .about_values_box .item{width: 100%;}
}

@media screen and (max-width: 480px) {
    .index_browse .bottom .item{width: 100%;border:none;}
    .index_categories .item{width: 100%;}
    .index_about .img_box .scoll_num{padding: 10px 0;}
    .index_about .img_box .scoll_num li{width: 100%;margin: 5px 0;}
    .index_transpeed .item{width: 100%;}
    .index_about .right .item{width: 100%;padding: 20px 0;}
    .list_box .box .items figure{width: 100%;}
    .new_letter form div{width: 100%;margin-bottom: 10px;}
    .new_letter form button{font-size: 16px;}
    .about_market .right .flex_row img{width: 100%;margin-bottom: 15px;}
}