@charset "utf-8";
/*
Theme Name: HuadongGroup
*/
@font-face {font-family: "Impact";src: url('/wp-content/themes/HuadongGroup/font/Impact.eot');src: url('/wp-content/themes/HuadongGroup/font/Impact.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/HuadongGroup/font/Impact.woff2') format('woff2'),url('/wp-content/themes/HuadongGroup/font/Impact.woff') format('woff'),url('/wp-content/themes/HuadongGroup/font/Impact.ttf') format('truetype'),url('/wp-content/themes/HuadongGroup/font/Impact.svg#Impact') format('svg');font-display: swap}
@font-face {font-family: "Montserrat-Regular";src: url('/wp-content/themes/HuadongGroup/font/Montserrat-Regular.eot');src: url('/wp-content/themes/HuadongGroup/font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/HuadongGroup/font/Montserrat-Regular.woff2') format('woff2'),url('/wp-content/themes/HuadongGroup/font/Montserrat-Regular.woff') format('woff'),url('/wp-content/themes/HuadongGroup/font/Montserrat-Regular.ttf') format('truetype'),url('/wp-content/themes/HuadongGroup/font/Montserrat-Regular.svg#Montserrat-Regular') format('svg');font-display: swap}
:root {
    --main-color: #d60e19;
    --white-color: #ffffff;
    --black-color: #010111;
}
*,
html,
body{font-family:"Montserrat-Regular";font-size:16px;font-weight:normal;margin:0;padding:0;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-break: break-word!important}
body{overflow-x:hidden}
img{max-width:100%;height: auto;vertical-align:middle}
video{width: 100%}
a{text-decoration:none;color:#4D4D4D;font-size: inherit}
a:hover{color: var(--main-color)}
ul,li{list-style: none}
span,strong{font-size:inherit}
strong{font-weight: 600}
select, input, textarea, button{outline: none;border: none;background-color: transparent}
textarea{resize:none;overflow-y: hidden}
table{border-collapse: collapse;border-spacing: 0;width: 100%;table-layout: auto;text-align: center}
th,td{padding:10px;min-width: max-content;border: 1px solid #cecfcf}
label{display: block;margin-bottom: 5px}
input[type=submit],button{cursor: pointer}
input[type="text"],input[type="email"],input[type="search"],select,textarea{padding:15px 8px;max-width:100%;width:100%;border: 1px solid #ccc}
input,textarea{font-size: 16px;font-weight: normal}
h1,h2,h3,h4,h5{margin-bottom: 20px;font-family: "Impact";color: var(--black-color)}
h1{font-size:48px}
h2{font-size:36px}
h3{font-size:24px}
h4{font-size:20px}
p{line-height:1.25;color:#444}
/* public */
.inner{max-width: 1340px;width: 100%;padding: 0 20px;margin: 0 auto}
.banner{padding:170px 0 100px}
.banner h1{color:var(--white-color)}
.grid_25,.grid_33,.grid_50{display: grid;gap: 20px}
.grid_25{grid-template-columns: repeat(4,minmax(0,1fr))}
.grid_33{grid-template-columns: repeat(3,minmax(0,1fr))}
.grid_50{grid-template-columns: repeat(2,minmax(0,1fr))}
.public_flex{display: flex;justify-content:space-between;align-items: center;flex-wrap: wrap;gap:20px}
.public_flex_center{display: flex;justify-content:center;align-items: center;flex-wrap: wrap;gap:20px}
.no_wrap{flex-wrap: nowrap}
.margin_20{margin-bottom: 10px}
.margin_20{margin-bottom: 20px}
.margin_30{margin-bottom: 30px}
.margin_50{margin-bottom: 50px}
.no_margin{margin-bottom: 0}
.padding_20{padding: 20px 0} 
.padding_50{padding: 50px 0}
.color_fff{color:var(--white-color)}
.ft_20{font-size: 20px}
.transition{-webkit-transition:all .2s linear;transition: all .3s linear}
.iconfont{display: inline-block}
.text_center{text-align: center}
.aligncenter{display:block;margin: 0 auto}
.btn{max-width:200px;width:100%}
.public_btn{padding:15px;border-radius:7px;background-color:var(--main-color);color:var(--white-color);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}
.public_btn:hover{background-color:var(--black-color)}
.breadcrumbs{display: flex;align-items: center;flex-wrap: wrap;gap: 7px;color: #c4c4c4}
.breadcrumbs .item, .breadcrumbs .has_link{color: #c4c4c4}
.breadcrumbs .has_link{text-decoration: underline}
.breadcrumbs .has_link:hover{color: var(--main-color)}
.form_list{display: flex;justify-content:space-between;flex-wrap:wrap;gap:30px}
.form_list .form_item{width: calc((100% - 30px) / 2)}
.form_list .message_box{width: 100%}
.sub_btn input[type=submit]{display:block;margin:20px auto 0;padding:15px;max-width:160px;width:100%;background-color:var(--main-color);color:var(--white-color);border-radius:7px}
.table_wrapper{margin-bottom: 20px;overflow-x: auto}
.str_wrap p, .str_wrap ul{margin-bottom:20px}
.str_wrap ul{display: flex;flex-direction: column;gap: 7px;color: #444}
.str_wrap p:last-child,.str_wrap ul:last-child,.table_wrapper:last-child{margin-bottom:0}
.news_pagenavi .wp-pagenavi{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px}
.news_pagenavi .wp-pagenavi span,.news_pagenavi .wp-pagenavi a{padding:7px 12px;color: #222;border:1px solid #dcdcdc;border-radius: 5px}
.news_pagenavi .wp-pagenavi .current, .news_pagenavi .wp-pagenavi a:hover{background-color: var(--main-color);color: var(--white-color)}
.cover{position: fixed;top: 0;bottom: 0;z-index: -1;width: 100%;opacity: 0;background: rgba(0, 0, 0, .5)}
.cover.show{z-index: 1998;opacity: 1}
.cable_wrap .cable_item{border: 1px solid #d8d8d8}
.cable_wrap .cable_item:hover{box-shadow:0 0 10px rgba(0,0,0,.5)}
.cable_wrap .cable_item .text_wrap{padding:20px 10px}
.get_quote_form{position: fixed;top: 50%;left: 50%;z-index: -1;margin: 0 auto;padding:20px 20px 0;width: 60%;opacity: 0;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-color: var(--white-color)}
.get_quote_form.show{z-index: 1999;opacity: 1}
.get_quote_form .form_list label{color: var(--black-color)}
.get_quote_form .form_list .wpcf7-form-control{padding:13px 10px}
.get_quote_form .close{position: absolute;top: 0;right: 10px;font-size: 22px;cursor: pointer}
/* header */
.header{position: absolute;left: 0;top: 10px;z-index: 99;width: 100%}
.nav_menu a{display: block;padding:20px 23px;font-weight:600;color:#c4c4c4;text-transform: uppercase}
.nav_menu a:hover{color: var(--white-color)}
.nav_menu .menu-item-has-children{position: relative}
.nav_menu > .menu-item-has-children:hover{background-color: var(--main-color);border-radius: 5px}
.nav_menu > .menu-item-has-children:hover a{color: var(--white-color)}
.nav_menu .menu-item-has-children a{display: flex;justify-content: space-between;align-items: center;gap: 7px}
.nav_menu .menu-item-has-children .iconfont{font-size: 12px}
.nav_menu .menu-item-has-children .sub-menu{position: absolute;left: 0;top: 93%;z-index: 99;visibility: hidden;padding: 5px;min-width:240px;box-shadow: 0 0 3px rgba(115,115,115,.1);background-color: var(--main-color);border-radius: 5px}
.nav_menu .menu-item-has-children .sub-menu a{padding: 13px 15px;color: var(--white-color)}
.nav_menu .menu-item-has-children .sub-menu a:hover{background-color:#727375}
.nav_menu .menu-item-has-children .sub-menu .iconfont{-webkit-transform: rotate(-90deg);transform: rotate(-90deg)}
.nav_menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu{left: 100%;top: 0;min-width:300px}
.nav_menu .menu-item-has-children:hover > .sub-menu{visibility: visible}
.nav_menu .current-menu-item >a, .nav_menu .current-page-ancestor >a, .nav_menu .current-post-ancestor >a{color: var(--white-color)}
.nav_menu .menu-item-has-children .current-page-ancestor >a, .nav_menu .menu-item-has-children .current-menu-item >a{background-color: rgba(0, 0, 0, .2)}
.mobile_nav{position:fixed;left:0;top:0;z-index:-1;max-width:320px;width:100%;height:100%;background-color:var(--white-color);-webkit-transform:translateX(-100%);transform:translateX(-100%);overflow-y:auto}
.mobile_nav.show{z-index:1999;-webkit-transform: translateX(0);transform: translateX(0)}
.mobile_nav .close_wrap{padding: 10px}
.mobile_nav .mobile_nav_close{font-size: 25px;cursor: pointer}
.mobile_nav a{display: block;padding: 15px}
.mobile_nav .menu-item{border-top: 1px solid rgba(0, 0, 0, 0.04)}
.mobile_nav .menu-item-has-children .has_child{flex-wrap: nowrap}
.mobile_nav .menu-item-has-children .mobile_more{flex: 1;padding: 15px;text-align: right;cursor: pointer}
.mobile_nav .menu-item-has-children .sub-menu{height:0;overflow: hidden;background-color:rgba(0, 0, 0, 0.04)}
.mobile_nav .menu-item-has-children .sub-menu.show{height:auto}
.mobile_nav .menu-item-has-children .sub-menu a{padding-left: 20px}
.mobile_nav .menu-item-has-children .sub-menu .sub-menu a{padding-left: 25px}
.header .header_btn{display: flex;gap: 15px}
.header .header_btn .menu_open{display: none}
.header .header_btn .iconfont{font-size: 25px;color: var(--white-color)}
.header .header_btn .iconfont:hover{color: var(--main-color)}
.search_form_wrapper{position: fixed;top:0;left: 0;z-index:-1;width: 100%;-webkit-transform: translateY(-100px);transform: translateY(-100px);background: var(--white-color)}
.search_form_wrapper.show{z-index: 1999;-webkit-transform: translateY(0);transform:translateY(0)}
.search_form_wrapper .searchInput_wrapper{width: 90%}
.search_form_wrapper .searchInput_wrapper input{padding: 30px 0;font-size:36px;border:0}
.search_form_wrapper .searchBtn{max-width: 130px;width: 100%;border-radius: 5px}
.search_form_wrapper .searchClose:hover{color: var(--main-color)}
.search_form_wrapper .searchClose .iconfont{font-size:25px}
/* home */
.home_banner .swiper-slide{padding: 350px 0}
.home_banner .swiper-button{display: none;color:#f5f5f5}
.home_banner:hover .swiper-button{display: block}
.home_banner .swiper-pagination-bullet-active{background-color:#f5f5f5}
.home_products .products_item{padding: 20px;display: flex;flex-direction: column;align-items: center;gap: 30px;border: 1px solid #E5ECF3}
.home_products .products_item:hover{box-shadow: 0px 4px 20px rgba(0, 37, 82, 0.15)}
.home_products .item_title{color: #010111}
.home_products .item_title:hover{text-decoration: underline;color: var(--main-color)}
.home_products .item_btn{padding: 10px;max-width: 150px;width: 100%;color: var(--main-color);border: 1px solid var(--main-color)}
.home_products .item_btn:hover{color: var(--white-color);background-color: var(--main-color)}
.home_video .video_introduction{padding: 70px 0 270px;background-image: linear-gradient(180deg, #6786ab, #3d6290);text-align: center}
.home_video .video_wrap{margin: -200px auto 70px;padding: 0 20px;max-width: 1200px}
.home_video .video_play{border:10px solid #f4f7f4}
.home_strength{background-color: #f7f7f7}
.home_strength .strength_banner{height: 650px;color: var(--white-color)}
.home_strength .strength_banner .banner_title{position: relative;z-index: 9}
.home_strength .strength_banner .banner_title::after{content: "";position: absolute;left: 4px;bottom: 0;z-index: -1}
.home_strength .strength_banner .banner_top{padding: 90px 0 60px}
.home_strength .strength_banner .banner_top .banner_title::after{width: 240px;height: 16px;background-image:linear-gradient(90deg,#d1ae6c 30%,#b7a57f,#949a99,#7690af)}
.home_strength .strength_banner .banner_bottom .banner_title::after{width: 215px;height: 2px;background-image: linear-gradient(90deg, #819fc2 18%, #f3f6f9, #ffffff)}
.home_strength .strength_banner .banner_bottom .year_text{padding-left: 10px;font-size: 25px;color: #f9fbfc}
.home_strength .strength_introduction{margin-top: -120px;padding: 80px;background-color: var(--white-color);border-radius: 50px;box-shadow: 0 20px 20px -20px #d3d3d3}
.home_strength .strength_introduction .strength_text{margin-bottom: 80px;line-height: 1.5}
.home_strength .strength_item .top{margin-bottom: 12px;display: flex;align-items: center;gap: 5px}
.home_strength .strength_item .iconfont{font-size: 30px;color: #14609a}
.home_strength .strength_item .num{margin-bottom: 0}
.home_strength .strength_item .item_text{font-size: 25px}
.home_strength .strength_item .bottom{margin-left: 30px}
.home_strength .strength_certificate{padding: 100px 0 80px;gap: 10px}
.home_project .project_list{gap: 10px}
.home_project .project_item{position: relative;width: calc((100% - 20px) / 3);height: 360px}
.home_project .project_item .item_main{position: absolute;left: 20px;bottom: 40px;padding: 0 10px;color: var(--white-color)}
.home_project .project_item .item_icon{margin-bottom: 15px}
/* cable */
.products .line_link{font-size: inherit}
.cables_detail .cable_banner{padding: 100px 0 70px}
.cables_detail .breadcrumbs, .cables_detail .breadcrumbs .item, .cables_detail .breadcrumbs .has_link{color: #666666}
.cables_detail .breadcrumbs .has_link:hover{color: var(--main-color)}
.cables_detail .cable_info{padding: 0 0 50px}
.cables_detail .info_wrap{padding:30px;display: flex;flex-wrap: wrap;border: 1px solid #E5ECF3}
.cables_detail .info_wrap > div{flex: 0 1 50%}
.cables_detail .introduction_item{display: flex;align-items: center;gap: 10px}
.cables_detail .introduction_item .iconfont{font-size: 25px;color: var(--main-color)}
.cables_detail .remark{font-size: 14px;color: #666666}
.cables_detail .info_wrap .btn_wrap{display: flex;flex-wrap: wrap;gap: 10px}
.cables_detail .btn_wrap .cable_btn{padding: 16px;display: flex;align-items: center;gap: 5px;color: var(--white-color)}
.cables_detail .btn_wrap .email_btn{background-color: #e36637}
.cables_detail .btn_wrap .email_btn:hover{background-color: var(--main-color)}
.cables_detail .btn_wrap .quote_btn{position: relative;background: linear-gradient(to bottom, #d60e19 50%, #e36637 50%);background-size: 100% 200%;-webkit-transition:background-position .2s ease-in;transition:background-position .2s ease-in}
.cables_detail .btn_wrap .quote_btn:hover{background-position: bottom}
.cables_detail .cable_btn .iconfont{font-size: 22px}
.cables_detail .detail_nav{background-color: #F2F3F5}
.cables_detail .detail_nav .nav_list{display: flex;flex-wrap: wrap;column-gap:90px}
.cables_detail .detail_nav .nav_item{position: relative;padding: 20px 0;font-size: 22px;cursor: pointer}
.cables_detail .detail_nav .nav_item.active, .cables_detail .detail_nav .nav_item:hover{color: var(--main-color)}
.cables_detail .detail_nav .nav_item::after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: var(--main-color);-webkit-transition:width .2s ease-in;transition:width .2s ease-in}
.cables_detail .detail_nav .nav_item.active::after, .cables_detail .detail_nav .nav_item:hover::after{width: 100%}
.cables_detail .custom_content{padding: 30px 0 50px}
.cables_detail .custom_content .content_wrap{display:none}
.cables_detail .custom_content .content_wrap.show{display: block}
/* post */
.category .content .inner{display: flex;justify-content: space-between;gap: 30px}
.category .post_wrap{flex: 0 1 65%;display: flex;flex-direction: column;justify-content: space-between;gap: 50px}
.category .post_item{display: block;margin-bottom: 50px;padding-bottom: 30px;border-bottom: 1px solid #E8E8E8}
.category .post_item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none}
.category .post_item:hover .post_title{color: var(--main-color)}
.category .post_sidebar{flex: 0 1 25%;padding-left: 20px;border-left: 1px solid #E8E8E8}
.category .flex_list{display: flex;flex-direction: column;gap: 20px}
.category .recent_list{margin-bottom: 50px;padding-bottom: 30px;border-bottom: 1px solid #E8E8E8}
.category .recent_item{padding: 5px;background-color: #f7f7f7}
.category .recent_item img{margin-right: 10px;width: 70px;height: 50px}
.line_link, .custom_content .str_wrap a{color:#b43639;text-decoration: underline}
.line_link:hover, .custom_content .str_wrap a:hover{text-decoration: none}
/* contact us */
.contact_us .form_wrap{padding: 50px 40px 30px;background-color: #f8f8f8}
.contact_us .common_text{margin-bottom: 30px;color:#626262}
.contact_us .form_item input,.contact_us .form_item textarea{padding: 20px;background-color: var(--white-color)}
.contact_us .information_list{margin-bottom: 80px;padding: 40px 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.contact_us .information_list .information_item{flex-grow: 1;padding:8px;border-right:2px solid #d8d8d8}
.contact_us .information_item:last-child{border: none}
.contact_us .icon_wrap{padding: 15px;background-color: var(--main-color);border-radius: 50%}
.contact_us .icon_wrap .iconfont{font-size: 30px;color: var(--white-color)}
.contact_us .map{height: 450px;}
.contact_us .address{padding: 20px;display: flex;align-items: center;gap: 10px;flex-wrap: wrap; background-color: #333333}
.contact_us .address .address_list{display: flex;flex-direction: column;gap: 10px}
.contact_us .address .address_item{font-size: 14px}
.contact_us .address .icon_wrap{padding: 10px}
.contact_us .address .icon_wrap .iconfont{font-size: 40px}
/* footer */
.footer .footer_main{background-color: #f5f5f5}
.footer .footer_main .footer_title{position: relative;margin-bottom: 40px;padding-bottom: 20px}
.footer .footer_main .footer_title::after{content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 8px;background-color: var(--main-color)}
.footer .footer_main .footer_contact{gap: 10px}
.footer .footer_main .footer_contact div{font-size: 18px}
.footer .footer_seg{padding: 10px 0;background-color: var(--main-color)}
.footer .footer_info{padding: 20px;background-color: #2e3233;color: var(--white-color);text-align: center}
/* search */
.search_wrapper .news_item{margin-bottom: 50px;padding-bottom: 50px;border-bottom: 1px solid #c4c4c4}
.search_wrapper .news_item:last-child{border: none}
.search_wrapper .news_item .item_img{flex: 0 1 38%}
.search_wrapper .news_item .item_content{flex: 0 1 58%}
.search_wrapper .news_item .item_content span{font-style: italic}
.search_wrapper .news_item .item_content .date{margin-right: 30px;padding: 2px 5px;color: #888888;background-color: #f7f7f7}
.search_wrapper .news_item .item_content .read_more{color: var(--main-color)}
.search_wrapper .no_result{padding: 170px 0;text-align: center}
/* 404 */
.error404 .header,.page-template-template-success .header{display: none}
.error_wrapper{padding:170px 0}
.error_wrapper .not_found{gap:50px}
/* success */
.success{padding:200px 0}
.success .content{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 30px}
/* mobile */
@media(max-width: 1240px){
    h1{font-size: 46px}
    h2{font-size: 34px}
    .home_banner .swiper-slide{padding: 290px 0}
    .home_strength .strength_banner{height: 600px}
    .home_strength .strength_introduction{padding: 65px}
    .home_strength .strength_introduction .strength_text{margin-bottom: 60px}
}
@media(max-width: 1024px){
    h1{font-size: 44px}
    h2{font-size: 32px}
    table{width: 1150px}
    .grid_25{grid-template-columns: repeat(3,minmax(0,1fr))}
    .get_quote_form{width: 75%}
    .home_banner .swiper-slide{padding: 230px 0}
    .home_strength .strength_introduction{padding: 50px}
    .home_strength .strength_introduction .strength_text{margin-bottom: 40px}
    .contact_us .form_wrap{padding: 30px 20px 10px}
    .contact_us .map{height: 410px}
}
@media(max-width: 950px){
    .header .nav_menu{display: none}
    .header .header_btn .menu_open{display: block}
}
@media(max-width: 768px){
    h1{font-size:42px}
    h2{font-size:30px}
    h3{font-size:22px}
    h4,.ft_20{font-size:18px}
    .margin_50{margin-bottom: 30px}
    .padding_50{padding: 30px 0}
    .grid_25,.grid_33{grid-template-columns: repeat(2,minmax(0,1fr))}
    .get_quote_form{width: 85%}
    .breadcrumbs,.category .post_sidebar{display: none}
    .home_banner .swiper-slide{padding: 170px 0}
    .home_banner .swiper-button::after{font-size: 36px}
    .home_video .video_introduction{padding: 50px 0 250px}
    .home_video .video_wrap{margin: -200px auto 50px}
    .home_strength .strength_banner{height: 550px}
    .home_strength .strength_banner .banner_top{padding: 60px 0 40px}
    .home_strength .strength_introduction{padding: 35px;border-radius: 35px}
    .home_strength .strength_introduction .strength_text{margin-bottom: 20px}
    .home_strength .strength_certificate{padding: 60px 0}
    .home_project .project_item{width: calc((100% - 10px) / 2)}
    .cables_detail .cable_info{padding: 30px 0}
    .cables_detail .detail_nav .nav_list{column-gap:50px}
    .category .post_wrap{flex:0 1 100%}
    .contact_us .information_list{padding: 20px 0;margin-bottom: 60px}
    .contact_us .map{height: 370px}
    .footer .footer_main{padding:40px 0}
    .footer .footer_main .footer_contact div{font-size: 16px}
    .search_wrapper .news_item{margin-bottom:30px;padding-bottom: 30px;text-align: center}
    .search_wrapper .news_item .item_img, .search_wrapper .news_item .item_content{flex: 0 1 100%}
}
@media(max-width:650px){
    .cables_detail .info_wrap{padding: 20px;gap: 30px}
    .cables_detail .info_wrap > div{flex: 0 1 100%}
}
@media(max-width:630px){
    .form_list{gap: 20px}
    .form_list .form_item{width: 100%}
    .contact_us .information_list .information_item{border: none}
    .contact_us .information_item .item_text{flex: 0 1 50%}
}
@media(max-width: 470px){
    h1{font-size:40px}
    h2{font-size:28px}
    h3{font-size:20px}
    .ft_20{font-size: 16px}
    .grid_25,.grid_33,.grid_50{grid-template-columns: repeat(1,minmax(0,1fr))}
    .get_quote_form{width: 95%}
    .home_banner .swiper-slide{padding: 110px 0}
    .home_banner .swiper-button::after{font-size: 25px}
    .home_video .video_introduction{padding: 30px 0 230px}
    .home_video .video_wrap{margin: -200px auto 30px}
    .home_strength .strength_introduction{padding: 20px;border-radius: 20px}
    .home_project{padding: 40px 0}
    .home_project .project_item{width: 100%}
    .contact_us .information_list{margin-bottom: 40px}
    .contact_us .information_item .item_text{flex: 0 1 70%}
    .contact_us .map{height: 330px}
}
@media(max-width: 375px){
    h1{font-size:38px}
    h2{font-size:25px}
}