@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:#000000;
    --f7f7f7-color:#f7f7f7;
}
*,
html,
body{font-family:"Montserrat-Regular";font-size: 16px;font-weight:normal;line-height: 1.25;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}
a{text-decoration:none;color:#4D4D4D}
a:hover{color:var(--main-color)}
ul,li{list-style: none}
select, input, textarea, button{outline: none;}
textarea{resize:none;overflow-y: hidden}
input,textarea{max-width: 100%;padding: 10px;width: 100%;}
input[type="text"],input[type="email"],input[type="search"],select,textarea{background-color: #fafafa;color: #666;border: 1px solid #ccc}
input[type=submit],button{border: none;cursor: pointer}
input[type="submit"]{background-color: var(--main-color);color: var(--white-color)}
input[type="submit"]:hover{background-color: var(--black-color)}
button{background: transparent}
strong{font-size:inherit;font-weight: 600}
table{margin-bottom: 20px;width:100%;border-collapse: collapse}
td{padding:10px;border:1px solid #dd3333}
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{color:#222}
.inner{margin: 0 auto;padding: 0 20px;max-width: 1340px;width: 100%}
/* public */
.flex{display: flex}
.public_flex{display: flex;justify-content:space-between;align-items: center;flex-wrap: wrap}
.public_flex_center{display: flex;justify-content:center;align-items: center;flex-wrap: wrap}
.flex_col{display: flex;flex-direction: column}
.flex_col_center{display: flex;flex-direction: column;align-items: center}
.justify_start{justify-content: start}
.align_start{align-items: start}
.flex_grow{flex-grow: 1}
.flex_wrap{flex-wrap: wrap}
.no_wrap{flex-wrap: nowrap}
.grid_2,.grid_3,.grid_4,.grid_5{display: grid;gap: 30px}
.grid_20,.grid_25,.grid_33,.grid_50{display: grid;gap: 30px}
.grid_20,.grid_5{grid-template-columns: repeat(5,minmax(0,1fr))}
.grid_25,.grid_4{grid-template-columns: repeat(4,minmax(0,1fr))}
.grid_33,.grid_3{grid-template-columns: repeat(3,minmax(0,1fr))}
.grid_50,.grid_2{grid-template-columns: repeat(2,minmax(0,1fr))}
.gap_10{gap: 10px}
.gap_20{gap: 20px}
.transition{transition: all .3s linear}
.iconfont{display: inline-block}
.text_center{text-align: center}
.aligncenter{display: block;margin: 0 auto}
.color_fff{color: var(--white-color)}
.color_main{color: var(--main-color)}
a.color_main:hover{color: var(--black-color)}
.bg_fff{background-color: var(--white-color)}
.ft_20{font-size: 20px}
.ft_30{font-size: 30px}
.cover{position: fixed;top: 0;bottom: 0;z-index:-1;width: 100%;opacity: 0;background-color: rgba(0, 0, 0, .5)}
.cover.show{z-index: 1998;opacity: 1}
.triangle_bottom{-webkit-transform: rotate(90deg); transform: rotate(90deg)}
.scroll_to_top{position: fixed;left: 20px;bottom: 280px;z-index:-1;opacity: 0;padding: 0;width: 40px;height: 40px;border-radius: 50%;background-color: var(--main-color)}
.scroll_to_top.show{z-index:99;opacity: 1}
.scroll_to_top .iconfont{font-size: 25px}
.margin_10{margin-bottom: 10px}
.margin_20{margin-bottom: 20px}
.margin_30{margin-bottom: 30px}
.margin_50{margin-bottom: 50px}
.no_margin{margin-bottom: 0}
.padding_50{padding: 50px 0}
.box_shadow{box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1)}
.btn_shiny{position: relative;overflow: hidden}
.btn_shiny::after{content: '';position: absolute;top: -50%;right: -50%;bottom: -50%;left: -50%;background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.5)50%,rgba(229,172,142,0));transform: rotateZ(60deg) translate(-5em,9em)}
.btn_shiny:hover::after{animation:sheen 1s forwards}
.no_found_btn a{padding: 20px 10px;display: block;max-width: 270px;width: 100%;background-color: var(--main-color);color: var(--white-color);text-align: center}
.scale_wrapper{overflow: hidden}
.scale:hover{transform: scale(1.05)}
.btns{display: flex;flex-wrap: wrap;gap: 10px}
.public_btn{padding: 13px 20px;background-color:var(--main-color);color: var(--white-color);border-radius: 10px;transition: all .3s linear}
.public_btn.read_more{background-color: #ec971f}
.public_btn.primary{background-color: #337ab7}
.public_btn:hover{background-color: var(--black-color)}
.send_btn{margin: 0 auto;padding: 13px 20px;display: flex;justify-content: center;align-items: center;gap:10px;background: linear-gradient(to right,#e60f2e 0%,#960313 100%);color: var(--white-color);border-radius: 30px;transition: all .3s linear}
.send_btn .iconfont{font-size: 30px}
.send_btn:hover{background:var(--black-color)}
.wrapper{padding: 30px 0}
.banner{padding: 200px 0}
.banner h1{margin-bottom: 0}
.col .col_item{display: flex;flex-direction: column;gap: 20px}
.col .col_item ul{flex-grow: 1}
.col_item .btns{justify-content: center}
.hot{color: var(--main-color)}
.hot .iconfont{font-size: 35px}
.content{margin-bottom: 30px}
.content .content_area p{margin-bottom: 20px}
.content .content_area ul{display: flex;flex-direction: column;gap: 7px}
.product_feature{margin-bottom: 30px;padding: 20px;display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 20px;background-color: var(--f7f7f7-color)}
.cable_form .form_title p{margin-bottom: 10px;font-size: 18px}
.cable_form .form_title h2{margin-bottom: 35px}
.cable_form .form_list{align-items: flex-start;gap: 30px}
.cable_form .form_item{width:calc((100% - 30px) / 2)}
.cable_form .message_box,.cable_form .sub_btn{width: 100%}
.cable_form input,.cable_form textarea{margin-bottom: 5px;padding: 20px 0;border: none;border-bottom: 1px solid #eee;background-color: transparent}
.cable_form input[type=submit]{display: block;margin: 0 auto;padding: 16px 20px;max-width: 180px;background-color:var(--main-color);color: var(--white-color);border-radius: 30px;border-bottom: none}
.title_line{position: relative;padding-bottom: 13px;text-align: center;color: var(--main-color)}
.title_line::after{content: '';position: absolute;left: 50%;bottom: 0;width: 80px;height: 2px;-webkit-transform: translate(-50%,0); transform: translate(-50%,0);background-color: var(--main-color)}
.cable_background{padding: 20px;background-color: var(--f7f7f7-color)}
.with_background{margin-bottom: 30px;padding: 20px;background-color: var(--f7f7f7-color)}
.table_list{display: flex;flex-direction: column;gap: 20px}
.table_list .table_item{border: 1px solid #ccc}
.table_list .table_item .table_title{padding:10px;font-weight:600;background-color: #f0f0f0;cursor: pointer}
.table_list .table_item .table_title:hover{color: var(--main-color)}
.table_list .table_item .table_title .iconfont{margin-right: 5px}
.table_list .table_item .table_content{display: none;padding: 15px 15px 0}
.special_table_list .table_title{display: flex;flex-direction: row!important;flex-wrap: wrap;gap: 10px!important;background-color: var(--main-color)}
.special_table_list .table_title li{padding:16px 20px;color: var(--white-color);cursor: pointer}
.special_table_list .table_title li.active,.special_table_list .table_title li:hover{background-color:var(--black-color)}
.special_table_list .table_content .table_wrapper{display: none}
.special_table_list .table_content .table_wrapper.active{display: block}
.fixed_contact{animation: fadeInUp .6s linear;position: fixed;right: 15px;bottom: 30%;z-index: 999;display: flex;flex-direction: column;gap: 10px}
.fixed_contact .wrap{width: 50px;height: 50px;border-radius: 50%;box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, 0.24)}
.fixed_contact .wrap img{width: 30px;height: 30px}
.fixed_contact .whatapp_wrapper .wrap{background-color: #25d366}
.fixed_contact .email_wrapper .wrap{background-color: var(--main-color)}
.fixed_contact .wrap:hover{background-color: var(--black-color)}
.online_message{position: fixed;right: 20px;bottom: 0;z-index: 999;max-width: 260px;box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .17);-webkit-transform: translateY(92%); transform: translateY(92%)}
.online_message.slide_up{-webkit-transform: translateY(0); transform: translateY(0)}
.online_message .form_title{padding:10px 0;border-top-left-radius:8px;border-top-right-radius:32px;background-color:#C92535}
.online_message .form_title:hover{background-color: var(--black-color)}
.online_message .form_title p{font-size: 20px;text-align: center;color: var(--white-color)}
.online_message .form_title .iconfont{font-size: 18px}
.online_message .form_title.pointer{cursor: pointer}
.online_message .form_title.slide_up{padding: 20px 0}
.online_message .form_title.slide_up:hover{background-color:#C92535}
.online_message .form_title.slide_up .iconfont{display: none}
.online_message .form_content{padding:20px 10px 0;background-color: var(--white-color)}
.online_message .online_close{visibility: hidden;position: absolute;top: 10px;left: -23px;font-size: 20px;font-weight: 700;color: #C92535;cursor: pointer}
.online_message.slide_up .online_close{visibility: visible}
.get_quote_form{position:fixed;top: 50%;left: 50%;z-index:-1;opacity: 0;padding:30px 30px 10px;max-width: 1140px;width: 95%;-webkit-transform:translate(-50%,-50%);transform: translate(-50%,-50%);background-color: #e8e5e5}
.get_quote_form.show{z-index: 1999;opacity: 1}
.get_quote_form .form_close{position: absolute;top: 10px;right: 10px}
.contact_us_form{margin-bottom: 50px;padding: 40px 40px 10px;background-color: var(--f7f7f7-color)}
.contact_us_form .form_list{column-gap: 10px;row-gap: 30px}
.contact_us_form .form_list .wpcf7-form-control{background-color: var(--white-color)}
.contact_us_form .form_list .form_item{width: calc((100% - 10px) / 2)}
.contact_us_form .form_list .form_item input{padding: 20px 10px}
.contact_us_form .form_list .message_box{width: 100%}
.contact_us_form .form_list .sub_btn{margin: 20px auto 0;max-width: 200px;}
.contact_us_form .form_list .sub_btn input{font-size: 25px;border-radius: 30px;background-color: var(--main-color)}
.contact_information .contact_information_list{margin-bottom: 50px; padding: 40px 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.contact_information .contact_information_item{flex-grow: 1;padding:8px;border-right:2px solid #d8d8d8}
.contact_information .contact_information_item:last-child{border: none}
.contact_us_icon{padding: 15px;background-color: var(--main-color);border-radius: 50%}
.contact_us_icon .iconfont{font-size: 30px;color: var(--white-color)}
.common_wrapper{height: 70svh;display: flex;flex-direction: column;justify-content: center;align-items: center}
.prodetail{margin-bottom: 20px;padding: 20px;background-color: var(--f7f7f7-color)}
.prodetail ul,.prodetail p{margin-bottom: 20px}
/* header */
.header_main{padding: 12px 0;background-color: var(--main-color)}
.header_main.fixed{position: fixed;top: 0;left: 0;z-index: 1997;padding: 20px 0;width: 100%}
.header_main .item a{font-size: 14px;color: var(--white-color)}
.header_main .item a:hover{text-decoration: underline}
.header_main .item .iconfont{color: var(--white-color)}
.header_main .item_whatsapp .iconfont{color: #25d366}
/* nav */
.nav{box-shadow: 0 1px 10px 0 rgba(40, 40, 40, 0.11);background-color: var(--white-color)}
.nav button .iconfont{font-size: 20px}
.nav button .iconfont:hover{color: var(--main-color)}
.nav_menu a{display: block;color: #333333}
.nav_menu .iconfont{font-size: 12px}
.nav_menu >.menu-item{position: relative;margin: 0 10px}
.nav_menu >.menu-item::after{content: '';position: absolute;left: 0;bottom: -1px;z-index: 99;width: 0;height: 2px;background-color:var(--main-color);-webkit-transition: all .2s linear;transition: all .2s linear}
.nav_menu >.menu-item:hover::after{width: 100%}
.nav_menu >.menu-item >a{line-height: 105px;font-weight: 600}
.nav_menu .menu-item-has-children .sub-menu{position: absolute;top: 100%;left: 0;width: 249px;z-index: -1;opacity: 0;background-color: var(--white-color);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, 0.11)}
.nav_menu .menu-item-has-children:hover > .sub-menu{z-index: 99;opacity: 1}
.nav_menu .menu-item-has-children a{display: flex;align-items: center;justify-content: space-between;gap: 5px}
.nav_menu .menu-item-has-children .sub-menu a{padding: 15px 20px;border-bottom: 1px solid var(--f7f7f7-color)}
.nav_menu .menu-item-has-children .sub-menu a:hover{color: var(--main-color)}
.nav_menu .current_page_item::after,.nav_menu .current_page_ancestor::after{width: 100%}
.nav_menu .current_page_item > a,.nav_menu .current_page_ancestor > a{color: var(--main-color)}
.nav_menu .current_page_ancestor .current_page_parent > a,.nav_menu .current_page_ancestor .current_page_item > a{color: var(--main-color)}
.mobile_menu_open{display: none;margin-right: 12px}
.mobile_nav{position: fixed;top: 0;bottom: 0;z-index: 2000;width: 260px;height: 100%;-webkit-transform: translateX(-260px);transform: translateX(-260px);background-color: var(--white-color);overflow-y: auto}
.mobile_nav.show{-webkit-transform: translateX(0);transform: translateX(0)}
.mobile_nav .close_wrapper{padding:8px 10px;border-bottom: 1px solid #f2f3f5}
.mobile_nav .close_wrapper .iconfont{font-size: 25px}
.mobile_nav .close_wrapper button{padding: 0}
.mobile_nav a{display: block;padding: 15px 10px;color: #333333;font-size: 14px}
.mobile_nav a:hover{color: var(--main-color)}
.mobile_nav>ul>li{border-bottom: 1px solid #f2f3f5}
.mobile_nav_menu .menu-item-has-children .has_child .mobile_more{padding: 15px;flex-grow: 1;text-align: right;cursor: pointer}
.mobile_nav_menu .menu-item-has-children .sub-menu{max-height: 0;overflow: hidden;transition: max-height .3s ease-out;background-color: rgba(0, 0, 0, 0.035)}
.mobile_nav_menu .menu-item-has-children .sub-menu.show{max-height: 1000px}
.mobile_nav_menu .menu-item-has-children .sub-menu li{position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.035)}
.mobile_nav_menu .menu-item-has-children .sub-menu li:last-child{border-bottom: none}
.mobile_nav_menu .menu-item-has-children .sub-menu li::before{content: "";position: absolute;left: 10px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 7px;height: 2px;background-color: #666}
.mobile_nav_menu .menu-item-has-children .sub-menu a{padding: 15px 15px 15px 25px}
/* nav search */
.search_form_wrapper{position: fixed;top:0;left: 0;z-index:-1;width: 100%;-webkit-transform: translateY(-100px);transform: translateY(-100px);background-color: 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:none;background-color: transparent}
.search_form_wrapper .searchBtn{padding:13px 10px;width: 120px;background-color: var(--main-color);color: var(--white-color)}
.search_form_wrapper .searchBtn:hover{background-color: #e6252c}
.search_form_wrapper .searchClose .iconfont{font-size: 25px}
.search_form_wrapper .searchClose:hover{color: var(--main-color)}
/* home */
.home .home_item{padding: 50px 0}
.home .home_banner .swiper-button{display: none;color: var(--f7f7f7-color)}
.home .home_banner:hover .swiper-button{display: block}
.home .home_banner .swiper-pagination-bullet-active{background-color: var(--f7f7f7-color)}
.home .hot_product_list .product_item{padding:13px;border-radius: 13px}
.home .hot_product_list .product_item:hover{box-shadow: 0px 0px 10px 5px #eff1f5}
.home .hot_product_list .product_item:hover .item_title{color: var(--main-color)}
.home .why_choose .inner{text-align: right}
.home .why_choose h2,.home .why_choose h3{text-shadow: 0 2px 2px rgba(0,0,0,.5)}
.home .company .grid_33{margin-bottom: 50px}
.home .get_touch{padding:60px 0 80px}
.home .get_touch .flex_col{gap: 50px}
.home .get_touch .flex_col .touch_title{margin-bottom: 0}
.home .get_touch .flex_col .item_link{color: var(--white-color)}
.home .get_touch .flex_col .item_link:hover{color: var(--main-color)}
.home .our_advantage{background-color: var(--f7f7f7-color)}
.home .our_advantage .iconfont{margin-bottom: 10px;font-size: 48px;color: var(--main-color)}
.home .certification .certification_text{margin: 0 auto 30px;max-width: 650px}
/* customize page */
.customize_page .cable_introduction{display: flex;align-items: center;gap: 30px}
.customize_page .cable_introduction>div{flex: 0 1 48%}
.customize_page .product_list{padding: 20px 10px;border: 1px solid #cecece}
.customize_page .product_list .product_item{padding: 10px;border: 1px solid #eff1f5;background-color: var(--f7f7f7-color)}
.customize_page .product_list .product_item:hover{box-shadow: 0px 0px 10px 5px #eff1f5}
.customize_page .product_list .product_content{flex-grow: 1}
.customize_page .product_list .btns{display: flex;gap: 5px;justify-content: center;flex-wrap: wrap;}
.special_cable .banner_btn{margin-top: 30px;padding: 20px;border: 2px solid var(--white-color);color: var(--white-color)}
.special_cable .banner_btn:hover{background-color: var(--white-color);color: var(--main-color)}
.special_cable .middle_banner{margin: 30px 0;padding: 150px 0}
.cable_catalog .product_range{display: flex;flex-direction: column;border-radius: 8px;box-shadow: 0px 0px 7px -2px rgba(0, 0, 0,.5)}
.cable_catalog .product_range .item_img{position: relative}
.cable_catalog .product_range .item_img .more{position: absolute;top:50%;right: 10px;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: block;padding: 10px;opacity: 0;background-color: var(--f7f7f7-color);border-radius: 5px;font-style: italic}
.cable_catalog .product_range .item_title{flex-grow: 1;padding: 15px;background-color: var(--f7f7f7-color);text-align: center}
.cable_catalog .product_range:hover .more{opacity:1}
.cable_catalog .second_catalog .item_link{text-decoration: underline}
.cable_catalog .second_catalog .item_link:hover{font-weight: 600}
/* cable list */
.cable_list .cable_item{padding: 10px;border: 1px solid #eaeaea}
.cable_list .cable_item:hover{box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.5)}
/* cable maufacturer */
.cable_maufacturer .maufac_text{color: #787878}
.cable_maufacturer .maufac_banner .contact_btn{padding: 15px 10px;max-width: 176px;width: 100%;background: linear-gradient(to bottom,#fddfbf 0%,#faf9ee 50%,#f9cea2 100%);border-radius: 20px;box-shadow: 5px 5px 5px #bfbfbf;}
.cable_maufacturer .maufac_banner .contact_btn:hover{color: var(--white-color)}
.cable_maufacturer .recommend_products .anchor_list{display: flex;justify-content: center;flex-wrap: wrap;gap: 25px}
.cable_maufacturer .recommend_products .anchor_item{padding: 15px 20px;color: #949494;border: 1px solid #afadad;border-radius: 30px}
.cable_maufacturer .recommend_products .anchor_item:hover{background-color: var(--main-color);color: var(--white-color);border-color:var(--main-color)}
.cable_maufacturer .cable_item{position: relative;box-shadow:0px 0px 10px 5px #e3e3e3;border-radius: 10px;overflow: hidden}
.cable_maufacturer .cable_item .content_wrap{padding: 70px 20px 40px;background-color: #f2f2f2}
.cable_maufacturer .cable_item .item_title{margin-bottom: 30px;max-width: 400px} 
.cable_maufacturer .cable_item .send_inquiry{padding:13px 20px;border: 2px solid var(--white-color);border-radius: 10px;background-color: #aba9a9;color: var(--white-color)}
.cable_maufacturer .cable_item .send_inquiry:hover{background-color: var(--black-color)}
.cable_maufacturer .cable_item .link_wrap{padding: 60px 20px}
.cable_maufacturer .cable_item .link_btn{position:relative;margin-left: 22px;width: 60px;height: 60px;border: 1px solid var(--main-color);border-radius: 60px;color: var(--main-color);}
.cable_maufacturer .cable_item .link_btn .iconfont{font-size: 40px}
.cable_maufacturer .cable_item .link_btn::before{content: '';position: absolute;left: -12px;top: -12px;width: 80px;height: 80px;border: 1px solid #f2abb0;border-radius: 50%}
.cable_maufacturer .cable_item .link_btn::after{content: '';position: absolute;left: -22px;top: -22px;width: 100px;height: 100px;border: 1px solid #fadcde;border-radius: 50%}
.cable_maufacturer .cable_item .link_btn:hover{background-color: var(--main-color);color: var(--white-color)}
.cable_maufacturer .cable_item .cable_bg{position: absolute;right: 20px;bottom: 0;width: 20%}
.cable_maufacturer .content_banner{padding: 70px 0;text-align: center}
.cable_maufacturer .customer_project .project_item{min-height: 320px;display: flex;align-items: end}
.cable_maufacturer .customer_project .item_main{padding: 0 10px 30px 30px}
.cable_maufacturer .fc_header{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: center;gap: 100px}
.cable_maufacturer .fc_header .huadong{font-size: 50px;text-transform: uppercase}
.cable_maufacturer .fc_header .rep_list{display: flex;flex-wrap: wrap;gap: 30px}
.cable_maufacturer .fc_header .rep_item{width: 30%;display: flex;gap: 10px}
.cable_maufacturer .fc_header .rep_item .iconfont{font-size: 30px;color: #14609a}
.cable_maufacturer .fc_realistic .full_width{grid-column: span 2}
/* contact us */
.contact_us .map{height: 450px}
.contact_us .address{padding: 20px;background-color: var(--black-color)}
.contact_us .address .address_text{font-size: 14px}
.contact_us .address .address_text:first-child{margin-bottom: 10px}
.contact_us .address .contact_us_icon{padding: 10px}
.contact_us .address .contact_us_icon .iconfont{font-size: 40px}
/* about huadong */
.about_huadong .text_area p{margin-bottom: 20px}
.about_huadong .introduction{padding: 30px 0;background-color: var(--f7f7f7-color)}
.about_huadong .introduction .iconfont{font-size: 48px;color: var(--main-color)}
/* footer */
.footer .footer_main{padding: 40px 0;background-color: var(--f7f7f7-color)}
.footer .footer_main h2{position: relative;margin-bottom: 30px;padding-bottom: 20px}
.footer .footer_main h2::after{content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 8px;background-color: var(--main-color)}
.footer .footer_seg{padding: 10px 0;background-color: var(--main-color)}
.footer .footer_info{padding: 20px;background-color: var(--black-color);color: var(--white-color);}
/* search page*/
.news{padding: 30px 0 50px}
.news .news_item{margin-bottom: 50px;padding-bottom: 50px;gap:30px;border-bottom: 1px solid #c4c4c4}
.news .news_item:last-child{border: none}
.news .news_item_content_wrapper{flex: 0 1 60%}
.news .news_item_content{display: flex;flex-direction: column;gap: 20px}
.news .news_item_content div{display: flex;justify-content: flex-start;align-items: baseline;gap: 40px}
.news .news_item_content span{font-style: italic}
.news .news_item_content .date{padding: 2px 5px;color: #888888;background-color: var(--f7f7f7-color)}
.news .news_item_content .read_more{color: var(--main-color)}
.news .wp-pagenavi{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px}
.news .wp-pagenavi span,.news .wp-pagenavi a{padding:7px 12px;color: #222;border:1px solid #dcdcdc;border-radius: 5px}
.news .wp-pagenavi .current,.news .wp-pagenavi a:hover{background-color: var(--main-color);color: var(--white-color);border-color: #dcdcdc;}
.search_wrapper .no_found_btn a{margin: 20px auto 0}
/* success */
.success .no_found_btn{margin-bottom: 7px}
.success .no_found_btn .link{margin: 0 auto}
.success .text{font-size: 12px}
/* mobile */
@media(max-width: 1240px){
    h1{font-size: 46px}
    h2{font-size: 34px}
    .grid_20{grid-template-columns: repeat(4,minmax(0,1fr))}
    .grid_5{grid-template-columns: repeat(4,minmax(0,1fr))}
    .cable_maufacturer .fc_header{gap: 70px}
    .cable_maufacturer .fc_header .rep_item{width: 45%}
    .cable_maufacturer .fc_header .huadong{font-size:46px}
}
@media(max-width: 1056px){
    .nav{padding: 5px 0}
    .header_main .header_nav,.nav .nav_menu{display: none}
    .nav .mobile_menu_open{display: block}
    .nav button .iconfont{font-size: 24px}
}
@media(max-width: 1024px){
    h1{font-size: 44px}
    h2{font-size: 32px}
    .ft_30{font-size: 26px}
    .banner{padding: 170px 0}
    .grid_20,.grid_25{grid-template-columns: repeat(3,minmax(0,1fr))}
    .grid_5,.grid_4{grid-template-columns: repeat(3,minmax(0,1fr))}
    .table_wrapper,.table_wrapper table{margin-bottom: 10px}
    .table_wrapper table{width: 1050px}
    .table_wrapper{overflow-x: auto}
    .product_feature{grid-template-columns: repeat(5,minmax(0,1fr))}
    .cable_maufacturer .fc_header .huadong{font-size:42px}
    .contact_us .map{height: 410px}
}
@media(max-width: 768px){
    h1{font-size:42px}
    h2{font-size:30px}
    h3,.ft_30{font-size:22px}
    h4,.ft_20{font-size:18px}
    .grid_20,.grid_25,.grid_33{grid-template-columns: repeat(2,minmax(0,1fr))}
    .grid_5,.grid_4,.grid_3{grid-template-columns: repeat(2,minmax(0,1fr))}
    .breadcrumbs{display: none}
    .banner{padding: 140px 0}
    .margin_50{margin-bottom: 30px;}
    .padding_50{padding: 30px 0}
    .customize_page .cable_introduction{flex-wrap: wrap}
    .customize_page .cable_introduction>div{flex: 0 1 100%}
    .prodetail{gap: 30px}
    .product_feature{grid-template-columns: repeat(4,minmax(0,1fr))}
    .cable_maufacturer .content_banner{padding: 50px 0}
    .cable_maufacturer .cable_item .content_wrap{padding: 40px 20px 20px;}
    .cable_maufacturer .cable_item .link_wrap{padding: 40px 20px;}
    .cable_maufacturer .fc_header{grid-template-columns: repeat(1,minmax(0,1fr));gap: 50px}
    .cable_maufacturer .fc_header .huadong{font-size:38px}
    .contact_us_form{margin-bottom: 55px;padding:35px 20px 0}
    .contact_information .contact_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}
    .news .news_item{flex-wrap: wrap;margin-bottom:30px;padding-bottom: 30px}
    .news .news_item_content_wrapper{flex: 0 1 100%}
    .news .news_item_content a{text-align: center}
    .news .news_item_content div{justify-content: center;gap: 20px}
    .error_wrapper .not_found_wrapper{flex-wrap: wrap}
    .error_wrapper .not_found_wrapper .not_found_content{display: flex;flex-direction: column;justify-content: center;align-items: center}
    .error_wrapper .not_found_wrapper .not_found_content p{margin-bottom: 30px;text-align: center}
}
@media(max-width:650px){
    .cable_form .form_item{width: 100%}
}
@media(max-width: 630px){
    .contact_information .contact_information_list{flex-wrap: wrap}
    .contact_information .contact_information_item{border: none}
    .contact_information .contact_information_item .item_text{flex: 0 1 50%}
    .contact_us_form .form_list .form_item{width: 100%}
}
@media(max-width: 470px){
    h1{font-size:40px}
    h2{font-size:28px}
    h3{font-size:20px}
    .ft_30{font-size:18px}
    .ft_20{font-size: 16px}
    .grid_20,.grid_25,.grid_33,.grid_50{grid-template-columns: repeat(1,minmax(0,1fr))}
    .grid_5,.grid_4,.grid_3,.grid_2{grid-template-columns: repeat(1,minmax(0,1fr))}
    .banner{padding: 110px 0}
    .home .home_item{padding: 30px 0}
    .home .get_touch{padding:40px 0 60px}
    .product_feature{grid-template-columns: repeat(3,minmax(0,1fr))}
    .cable_maufacturer .fc_header{gap: 30px}
    .cable_maufacturer .fc_header .huadong{font-size:34px}
    .cable_maufacturer .fc_realistic .full_width{grid-column: span 1}
    .contact_us_form{margin-bottom: 40px;padding:20px 13px 0}
    .contact_us_form .form_list{row-gap:20px}
    .contact_us_form .form_list .form_item input, .form_item textarea{padding: 15px}
    .contact_us_form .form_list .sub_btn{margin: 10px auto 0}
    .contact_us_form .form_list .sub_btn input{font-size: 18px}
    .contact_information .contact_information_list{margin-bottom: 40px}
    .contact_information .contact_information_item .item_text{flex: 0 1 70%}
    .contact_us .map{height: 330px}
    .search_form_wrapper .searchInput_wrapper input{font-size: 30px}
    .news .wp-pagenavi span, .news .wp-pagenavi a{padding: 7px}
    .get_quote_form{padding: 20px 20px 0}
}
@media(max-width: 375px){
    h1{font-size:38px}
    h2{font-size:25px}
    .banner{padding: 80px 0}
    .product_feature{grid-template-columns: repeat(2,minmax(0,1fr))}
    .cable_maufacturer .fc_header .rep_item{width: 100%}
    .cable_maufacturer .fc_header .huadong{font-size:30px}
    .search_form_wrapper .searchInput_wrapper{width: 85%}
}