@charset "utf-8";
/*
Theme Name: jingjia
*/
@font-face {font-family: "PTSansCaption";src: url('/wp-content/themes/jingjia/font/PTSansCaption.eot');src: url('/wp-content/themes/jingjia/font/PTSansCaption.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/jingjia/font/PTSansCaption.woff2') format('woff2'),url('/wp-content/themes/jingjia/font/PTSansCaption.woff') format('woff'),url('/wp-content/themes/jingjia/font/PTSansCaption.ttf') format('truetype'),url('/wp-content/themes/jingjia/font/PTSansCaption.svg#PTSansCaption') format('svg');font-display: swap;}
@font-face {font-family: "PTSans-CaptionBold";src: url('/wp-content/themes/jingjia/font/PTSans-CaptionBold.eot');src: url('/wp-content/themes/jingjia/font/PTSans-CaptionBold.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/jingjia/font/PTSans-CaptionBold.woff2') format('woff2'),url('/wp-content/themes/jingjia/font/PTSans-CaptionBold.woff') format('woff'),url('/wp-content/themes/jingjia/font/PTSans-CaptionBold.ttf') format('truetype'),url('/wp-content/themes/jingjia/font/PTSans-CaptionBold.svg#PTSans-CaptionBold') format('svg');font-display: swap;}
:root{
    --main-color:#d60e19;
    --white-color:#ffffff;
    --black-color:#000000;;
}
*,
html,
body{font-family:"PTSansCaption";font-size: 16px;font-weight:normal;line-height: 1.1;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: #777777}
a:hover{color:var(--main-color)}
ul,li{list-style: none;color:#555555}
select, input, textarea, button{outline: none;background-color: transparent}
input[type="text"],input[type="email"],textarea,select{padding: 10px;max-width: 100%;width: 100%;border: 1px solid #cccccc}
input[type="submit"],button{padding: 10px;border: none;border-radius: 3px;cursor: pointer}
input[type="submit"]{max-width: 100%;width: 100%;background-color: var(--main-color);color: var(--white-color)}
input[type="submit"]:hover{background-color: var(--black-color)}
textarea{resize:none}
strong{font-weight: 600}
h1,h2,h3,h4,h5{font-family:"PTSans-CaptionBold";color: #464646;margin-bottom: 20px}
h1{font-size:48px}
h2{font-size:32px}
h3{font-size:24px}
h4{font-size:20px}
p{line-height:1.25;color: #555555}
table{margin-bottom: 20px;width: 100%;border-collapse: collapse}
td{padding:10px;border: 1px solid #cecfcf}
.inner{margin:0 auto;padding: 0 20px;max-width: 1440px;width: 100%}
.public_flex{display: flex;justify-content:space-between;align-items: center;flex-wrap: wrap}
.justify_center{justify-content:center}
.justify_start{justify-content:start}
.align_start{align-items: start}
.flex{display: flex;flex-wrap: wrap}
.flex_col{display: flex;flex-direction: column}
.no_wrap{flex-wrap: nowrap}
.grid_2,.grid_3, .grid_4{display: grid;}
.grid_2{grid-template-columns: repeat(2,minmax(0,1fr))}
.grid_3{grid-template-columns: repeat(3,minmax(0,1fr))}
.grid_4{grid-template-columns: repeat(4,minmax(0,1fr))}
.gap_10{gap: 10px}
.gap_20{gap: 20px}
.gap_30{gap: 30px}
.gap_40{gap: 40px}
.gap_50{gap: 50px}
.margin_10{margin-bottom: 10px}
.margin_20{margin-bottom: 20px}
.margin_30{margin-bottom: 30px}
.margin_50{margin-bottom: 50px}
.padding_50{padding: 50px 0}
.iconfont{display: inline-block}
.color_white{color: var(--white-color)}
.color_333{color: #333}
.main_color{color: var(--main-color)!important}
.max_width{margin: 0 auto;max-width: 1200px}
.text_center{text-align: center}
.font_20{font-size: 20px}
.font_24{font-size: 24px}
.line_height{line-height: 1.5}
.transition{transition: all .3s linear;}
.scale_wrapper{overflow: hidden}
.scale:hover{transform: scale(1.05)}
.aligncenter{display: block;margin: 0 auto}
.shadow:hover{box-shadow: 0 7px 10px 10px #eff1f5}
.text_hover:hover{color:var(--main-color)}
.cables_content{padding:50px 0}
.overlay{position: fixed;top: 0;left: 0;z-index:-1;width: 100%;height: 100%;opacity:0;background-color: #3a3f44}
.overlay.show{z-index:999;opacity: .7}
.no_found_btn a{display: block;padding: 20px 10px;max-width: 270px;width: 100%;background-color: var(--main-color);color: var(--white-color);font-size: 18px;text-align: center}
.common_wrapper{height: 75svh;display: flex;flex-direction: column;justify-content: center;align-items: center}
.col{margin-bottom: 30px;}
.col .col_item{display: flex;flex-direction: column;gap: 10px}
.col .col_item ul{flex-grow: 1}
/* animate */
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes rotateOut{
  0%{
      transform-origin:center;
      opacity: 1;
  }
  0%,100%{
      -webkit-transform-origin:center;
  }
  100%{
      transform-origin:center;
      -webkit-transform:rotate(180deg);
      transform: rotate(180deg);
      opacity: 0;
  }
}
@keyframes rotateOut{
    0%{
        transform-origin:center;
        opacity: 1;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:rotate(180deg);
        transform: rotate(180deg);
        opacity: 0;
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut;
}

@-webkit-keyframes rotateIn{
    0%{
        transform-origin:center;
        -webkit-transform:rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn{
    0%{
        transform-origin:center;
        -webkit-transform:rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn;
}

@-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
}

100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes sheen {
    100%{
        transform:rotateZ(60deg) translate(1em,-9em);
    }
}
@keyframes sheen {
    100%{
        transform:rotateZ(60deg) translate(1em,-9em);
    }
}
.sheen{
    -webkit-animation-name: sheen;
    animation-name: sheen;
}
/* public */
.banner{padding:150px 0 100px}
.banner h1{color: var(--white-color)}
.breadcrumbs p{position: relative;display: flex;justify-content: flex-start;align-items: baseline;gap: 5px}
.breadcrumbs p,.breadcrumbs p a{color: #bbb}
.breadcrumbs p a span:hover{color: var(--main-color)}
.form_wrapper{position: fixed;top:50%;left:50%;z-index:-1;max-width: 600px;width: 95%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity: 0}
.form_wrapper.show{z-index:1999;opacity: 1;}
.common_form{padding:45px 40px 10px;background-color: var(--white-color)}
.common_form input,.common_form textarea{padding:12px 10px;width: 100%;border:1px solid #ececec;border-radius:3px;background-color: #f8f8f8;font-size: 14px;color: #333333}
.common_form input:focus,.common_form textarea:focus{background-color: var(--white-color)}
.common_form input::-webkit-input-placeholder,.common_form textarea::-webkit-input-placeholder{color: #d2d2d2}
.common_form .form_list input[type=submit]{display: block;margin: 0 auto;max-width: 220px;width: 100%; background-color: var(--main-color);color: var(--white-color)}
.common_form .form_list{display: flex;flex-direction: column;gap: 20px}
.common_form .form_list label{display: block;margin-bottom: 7px;font-size: 14px}
.common_form .close{position: absolute;top: 20px;right: 20px;z-index: 2000;cursor: pointer}
.rotate{-webkit-transform:rotate(180deg);transform: rotate(180deg)}
.rotate_90{-webkit-transform:rotate(90deg);transform: rotate(90deg)}
.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));-webkit-transform:rotateZ(60deg) translate(-5em,9em);transform: rotateZ(60deg) translate(-5em,9em)}
.btn_shiny:hover::after{-webkit-animation:sheen 1s forwards;animation:sheen 1s forwards}
.public_btn{padding: 16px 20px;background-color:var(--main-color);color: var(--white-color);border-radius: 30px;transition: all .2s linear}
.public_btn:hover{background-color: var(--black-color)}
.btns{display: flex;flex-wrap:wrap;gap: 10px}
.btn_more{background-color: #ec971f}
.more{position:relative;padding-top: 65px}
.more::after{content: '';position: absolute;top: 0;left: 0;width: 65px;height: 2px;border-radius: 3px;background-color: #a8c5eb}
.more a{font-size: 24px;color: var(--white-color)}
.more a:hover{color: #464646}
.leave_message{margin-top: 50px;padding: 20px 30px;max-width: 200px;width: 100%;background: linear-gradient(270deg,#ffb237 -2.79%,#f38504 110.91%);font-size: 20px;color: var(--white-color);border-radius:10px}
.leave_message:hover{-webkit-filter:drop-shadow(1px 1px 8px rgba(255, 177, 54, .9));filter:drop-shadow(1px 1px 8px rgba(255, 177, 54, .9))}
.scroll_to_top{position: fixed;left: 20px;bottom: 280px;z-index: -1;padding: 0;opacity: 0;width: 35px;height: 35px;background-color: var(--main-color)}
.scroll_to_top.show{z-index:99;opacity: 1} 
.scroll_to_top .iconfont{font-size: 20px}
.fixed_contact{position: fixed;left: 0;top: 25%;z-index: 999}
.fixed_contact .contact_link{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, 0.24)}
.fixed_contact .whatsapp_wrapper .contact_link{background-color: #25d366}
.fixed_contact .email_wrapper .contact_link{background-color: var(--main-color)}
.fixed_contact .contact_link:hover{background-color: var(--black-color)}
.fixed_contact .contact_img{width: 20px;height: 20px}
.same_form{padding: 80px 40px 40px;background-color: #f8f8f8}
.same_form .form_list{display: flex;justify-content: space-between;flex-wrap: wrap;column-gap: 10px;row-gap: 30px}
.same_form .form_list .form_item{width: calc((100% - 10px) / 2)}
.same_form .form_list .form_item input,.same_form .form_item textarea{margin-bottom: 5px;padding: 20px;width: 100%;background-color: var(--white-color);border: 1px solid #ccc;font-size: 16px}
.same_form .form_list .phone_box,.same_form .form_list .message_box{width: 100%}
.same_form .form_list .sub_btn{margin: 20px auto 0; max-width: 200px;width: 100%}
.same_form .form_list .sub_btn input{padding: 10px 0;width: 100%;font-size: 25px;background-color: var(--main-color);color: var(--white-color);border-radius: 30px}
.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)}
.online_message.hide{-webkit-transform:translateY(92%); transform: translateY(92%)}
.online_message .form_title{padding:12px 0;border-top-left-radius:8px;border-top-right-radius:32px;background:var(--main-color)}
.online_message.hide .form_title{cursor: pointer}
.online_message.hide .form_title:hover{background: 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_content{padding:20px 10px 0;display: flex;flex-direction: column;gap: 10px; background-color: var(--white-color)}
.online_message .online_close{position: absolute;top: 10px;left: -23px;font-size: 20px;font-weight: 700;color: var(--black-color);cursor: pointer}
.online_message.hide .online_close{visibility: hidden}
.custom_content p{margin-bottom: 20px}
.custom_content ul{margin-bottom: 20px;display: flex;flex-direction: column;gap: 10px}
.prodetails{margin-bottom: 30px;padding-bottom: 30px;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: center;gap: 50px;box-shadow: 0 5px 5px -5px #d3d3d3}
.prodetails:last-child{padding-bottom: 0;box-shadow: none}
.prodetails .image{overflow: hidden;text-align: center}
.prodetails .image a{display: block;transition: all .3s linear;}
.prodetails .image a:hover{transform:scale(1.03);}
.prodetails .content a{font-family: inherit;font-size: inherit;color: inherit}
.prodetails .content a:hover{color: var(--main-color)}
.prodetails .content ul{margin-bottom: 20px;display: flex;flex-direction: column;gap: 10px}
.no_shadow{padding-bottom: 0;box-shadow: none}
.related_products .item_wrap{display: flex;flex-direction: column}
.related_products .item{flex-grow: 1;border:1px solid #eff1f5}
.related_products .item .title{margin-bottom: 0;padding: 10px}
.related_products .item:hover .title{color: var(--main-color)}
.related_products .item_btns{display: flex;gap: 1px}
.related_products .item_btns .public_btn{flex-grow: 1;border-radius: 0}
.related_products .item_btns .link_text{color: var(--white-color)}
.equal_wrap{display: flex;flex-direction: column;gap: 20px}
.equal_wrap ul{margin-bottom: 0;flex-grow: 1}
.equal_height{display: flex;flex-direction: column}
.equal_height .implement{flex-grow: 1}
/* header */
.header{position: absolute;top: 0;left: 0;z-index: 1999;padding:10px 0;width: 100%}
.header .header_menu a{display: block;padding:17px;color: #010101}
.header .header_menu >.menu-item >a{color: #ddd;}
.header .header_menu a:hover{color: var(--main-color)}
.header .header_menu >.menu-item-has-children{position: relative}
.header .header_menu .menu-item-has-children:hover{background-color: var(--main-color)}
.header .header_menu .menu-item-has-children >a{display: flex;align-items: center;justify-content: space-between;gap:5px}
.header .header_menu .menu-item-has-children .sub-menu{position: absolute;left: 0;top: 100%;z-index: 99;visibility: hidden;opacity: 0;width:300px;background-color: var(--white-color);box-shadow: 0 0 3px rgba(115,115,115,.2);}
.header .header_menu .menu-item-has-children:hover >.sub-menu{visibility: visible;opacity: 1}
.header .header_menu .menu-item-has-children .sub-menu a{padding: 10px 15px;font-size: 14px;border-bottom: 1px solid rgba(115,115,115,.2)}
.header .header_menu .menu-item-has-children .sub-menu .iconfont{-webkit-transform: rotate(-90deg);transform: rotate(-90deg)}
.header .header_menu .menu-item-has-children:hover >a{color: var(--white-color)}
.header .header_menu .menu-item-has-children .sub-menu .sub-menu{left: 100%;top: 0;min-height: 100%;max-height: 800px;overflow-y: auto}
.header .header_menu .menu-item-has-children .sub-menu .sub-menu a:hover{color: var(--main-color)}
.header .header_menu .current-menu-ancestor >a, .header .header_menu .current-menu-parent >a, .header .header_menu .current-menu-item >a{color:var(--main-color)}
.header .header_btn{display: none}
.header .header_btn .iconfont{font-size: 25px;color: #ddd}
.header .header_btn .iconfont:hover{color: var(--white-color)}
.header .header_search .searchInput{background-color: #cccccc}
.header .header_search .searchBtn{border: 1px solid var(--main-color);background-color: var(--main-color)}
.mobile_nav{position: fixed;top: 0;bottom: 0;right:0;z-index: 1999;background-color: var(--white-color);max-width: 300px;width: 100%;-webkit-transform: translateX(300px);transform: translateX(300px);overflow-y: auto}
.mobile_nav.show{-webkit-transform: translateX(0);transform: translateX(0)}
.mobile_nav a{display: block;color: #464646}
.mobile_nav a:hover{color: var(--main-color)}
.mobile_nav .close_wrapper{padding: 20px;text-align: right;border-bottom: 1px solid rgba(0, 0, 0, 0.035)}
.mobile_menu a{padding:20px}
.mobile_menu>li{border-bottom: 1px solid #f2f2f2}
.mobile_menu .icon_wrapper{padding: 20px;flex-grow: 1;text-align: right;cursor: pointer}
.mobile_menu .icon_wrapper .iconfont{font-size: 14px}
.mobile_menu .menu-item-has-children .sub-menu{max-height: 0;overflow: hidden;-webkit-transition:max-height .3s ease-out;transition: max-height .3s ease-out;background:rgba(0, 0, 0, 0.035)} 
.mobile_menu .menu-item-has-children .sub-menu.show{max-height: 1000px}
.mobile_menu .menu-item-has-children .sub-menu li{position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.035)}
.mobile_menu .menu-item-has-children .sub-menu li:last-child{border-bottom: none}
.mobile_menu .menu-item-has-children .sub-menu .menu_has_children_main{flex-wrap: nowrap;}
.mobile_menu .menu-item-has-children .sub-menu a{padding-left: 35px}
.mobile_menu .menu-item-has-children .sub-menu li .sub-menu li::before{content: '';position: absolute;left: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5px;height: 2px;background-color: #464646}
.mobile_contact .mobile_contact_list{padding:30px 20px}
.mobile_contact .mobile_contact_list li{display: flex;gap: 7px}
/* home */
.home .banner{position: relative;overflow: hidden;min-height:100svh}
.home .banner h1{margin-bottom: 60px}
.home .banner p{color: #dce0e6}
.home .banner video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;object-fit: cover}
.home .promise_content{flex: 0 1 33.33%;padding:150px 20px;background-color: #0056c3}
.home .promise_content .promise_content_list{margin-bottom: 85px}
.home .promise_content .promise_content_list li{color: #d0daf0;font-size: 20px}
.home .promise_bg{flex-grow: 1;padding:0 20px}
.home .promise_bg .promise_bg_list{margin: 0 auto;max-width: 920px;width: 100%}
.home .strength_item{flex: 0 1 33.33%;padding:110px 20px}
.home .strength_item .title{color: #0056c3}
.home .strength_item .text{color: #999999}
.home .strength_item:nth-child(1){background-color: #0b6dda}
.home .strength_item:nth-child(1) h2{color: var(--white-color)}
.home .strength_item:nth-child(1) p{color: #a4c1ef}
.home .strength_item:nth-child(2){background-color: #f6f6f6}
.home .strength_item:last-child{box-shadow: -10px 0 10px -5px #e8e8e8}
.home .project_customer{padding:130px 0 150px}
.home .project_customer_title{margin-bottom: 55px}
.home .project_customer .project_flex{display: flex}
.home .traditional_project_item,.home .emerging_project{position: relative}
.home .traditional_project_item p{position: absolute;left: 30px;bottom: 50px;padding-right: 10px}
.home .emerging_project p,.home .certificate h2{margin-bottom: 50px}
.home .emerging_project .more{padding-top: 30px}
.home .emerging_project .line{position: sticky;top: 100px}
.home .emerging_project .right_line{text-align: right}
.home .emerging_project .right_line .more::after{left: auto;right: 0}
.home .certificate{padding:90px 0}
/* products */
.products .products_content{padding: 50px 0 30px}
.products .products_list,.products .secondary_list{margin-bottom: 30px}
.products .products_list{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 30px}
.products .products_item{overflow: hidden;box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.5);border-radius:10px}
.products .products_item .item_content{padding: 10px;background-color: #f9f9f9}
.products .products_item .item_content h4{margin-bottom: 0}
.products .products_item .item_img{position: relative;overflow: hidden}
.products .products_item .item_img span{display: block;padding: 7px;position: absolute;right: 10px;bottom: 20px;background-color: #f9f9f9;border-radius: 5px;font-style: italic;font-weight: 600;color: var(--main-color)}
.products .products_item:hover img{transform: scale(1.05)}
.products .products_item:hover h4{color: var(--main-color)}
.products .secondary_item{padding: 20px;background-color: #f9f9f9}
.products .secondary_item a{text-decoration: underline}
/* catalog   cables list*/
.catalog .catalog_list{margin-bottom: 50px}
.catalog_list .catalog_item{padding:30px 0;display: flex;justify-content: center;align-items: center;gap: 50px;box-shadow: 0 10px 10px -10px #d3d3d3}
.catalog_list .catalog_item:last-child{box-shadow: none}
.catalog_list .catalog_item .left{flex: 0 1 30%}
.catalog_list .catalog_item .right{flex: 0 1 50%}
.catalog_list .catalog_text{margin-bottom: 40px}
.catalog_list .catalog_text ul{display: flex;flex-direction: column;gap: 7px}
.catalog_list .catalog_btn button{padding: 16px 20px;color: var(--white-color);background-color: var(--main-color);border-radius: 30px}
.cables_list .list{padding: 30px 0 50px}
.cables_list .item_main{border: 1px solid #eff1f5}
.cables_list .item_content{padding: 10px}
.cables_list .item_content h3{margin-bottom: 7px}
.cables_list .item_btns{display: flex;gap: 1px}
.cables_list .item_btns .public_btn{border-radius: 0}
.catalog_form .form_title p{margin-bottom: 10px;font-size: 18px}
.catalog_form .form_title h2{margin-bottom: 35px}
.catalog_form .form_list{align-items: flex-start;gap: 30px}
.catalog_form .form_item{width:calc((100% - 30px) / 2)}
.catalog_form .phone_box,.catalog_form .message_box,.catalog_form .sub_btn{width: 100%}
.catalog_form input, .catalog_form textarea{margin-bottom: 5px;padding: 20px 0;border: none;border-bottom: 1px solid #eee}
.catalog_form input[type=submit]{display: block;margin: 0 auto;padding: 16px 20px;max-width: 180px;background:var(--main-color);color: var(--white-color);border-radius: 30px;border-bottom: none}
/* cables detail */
.cables_detail .cables_detail_banner{padding:120px 0 70px}
.cables_detail .breadcrumbs span{font-size: 14px}
.cables_detail .overview_img{width: 30%}
.cables_detail .overview_main{width: 55%}
.cables_detail .content_wrapper p,.cables_detail .content_wrapper ul{margin-bottom: 20px}
.cables_detail .content_wrapper p,.cables_detail .content_wrapper li{color: #bfbdbd}
.cables_detail .content_wrapper p{line-height: 1.5}
.cables_detail .content_wrapper ul{display: flex;flex-direction: column;gap: 7px}
.cables_detail .overvie_btn button{padding: 16px 20px;color: var(--white-color);background-color: var(--main-color);border-radius: 5px}
.cables_detail .overvie_btn button:hover{background-color: #e6252c}
.cables_detail .overview_explain{font-size: 12px}
.cables_detail .overview_promise{padding: 20px;border:1px solid #bfbdbd}
.cables_detail .overview_promise li{display: inherit;align-items: center;gap: 10px;color: #bfbdbd}
.cables_detail .overview_promise .iconfont{font-size: 35px;color: var(--main-color)}
.cables_detail .nav{box-shadow: 0 10px 10px -10px #d3d3d3}
.cables_detail .fixed_nav{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;-webkit-transform:translateY(-200px);transform: translateY(-200px);background: var(--white-color)}
.cables_detail .fixed_nav.show{-webkit-transform:translateY(0);transform: translateY(0)}
.cables_detail .nav .nav_item{padding:25px 10px;width: calc(100% / 6); font-size: 20px;font-weight: 600;color: #444444;text-align: center;cursor: pointer}
.cables_detail .nav .nav_item:hover{color: var(--main-color)}
.cables_detail .nav .nav_item.active{margin-bottom:-2px;border-bottom:2px solid var(--main-color);color: var(--main-color)}
.cables_detail .introduction .introduction_item{padding: 30px 0}
.cables_detail .introduction .describe p{line-height: 1.5}
.cables_detail .introduction .construction_wrapper{padding: 20px;display:flex;align-items: center;flex-wrap: wrap;gap: 50px;background-color: #f7f7f9}
.cables_detail .introduction .construction_img{flex: 0 1 35%}
.cables_detail .introduction .construction_text{flex: 0 1 55%}
.cables_detail .introduction .product_feature{padding:20px;display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 30px;background-color: #f7f7f9}
.cables_detail .introduction .product_feature p{margin-bottom: 0;text-align: center}
.cables_detail .introduction .parameter .table_item:last-child{margin-bottom: 0}
.cables_detail .introduction .parameter .table_item .table_wrapper.close{height: 300px;overflow-y: hidden}
.cables_detail .introduction .parameter .table_item .has_more_btn{display: none;margin-top: 3px;padding: 10px;width: 100%;background-color: var(--main-color);color: var(--white-color)}
.cables_detail .introduction .parameter .table_item .has_more_btn:hover{background-color: var(--black-color)}
.cables_detail .introduction .parameter .table_item.has_more .has_more_btn{display: block}
.cables_detail .introduction .certificate_item{margin:0 -1px -1px 0;padding: 40px;width:25%;border: 1px solid #ececec}
.cables_detail .introduction .certificate_item:hover{box-shadow: 0 7px 10px 10px #ececec}
.cables_detail .introduction .client .client_list{display: flex;justify-content: center;gap: 7px}
.cables_detail .introduction .why_choose_main>div{flex: 0 1 48%}
.cables_detail .introduction .why_choose_main p{margin: 0}
.cables_detail .introduction .left_item{padding: 10px 20px;border-left: 4px solid var(--main-color)}
.cables_detail .introduction .right_img_list>div{flex:0 1 23%}
.cables_detail .introduction .patent_img{margin-bottom: 30px}
.cables_detail .introduction .clients_text_item{flex: 0 1 25%;padding: 0 5px;text-align: center}
.cables_detail .clients_text_item span{display: block;margin-bottom: 5px;font-family:"PTSans-CaptionBold";font-size: 20px;color: var(--main-color)}
.cables_detail .clients_text_item p{font-size: 14px}
.cables_detail .cable_detail_form{margin: 30px 0}
/* cables list include detail */
.list_include_detail .wrapper{padding:30px 0}
.list_include_detail .page_content th,.list_include_detail .page_content td{text-align: center}
.list_include_detail .product_item{position: relative;padding:20px 10px 0;border: 1px solid #eff1f5}
.list_include_detail .product_content{position: relative;padding-top: 100%;overflow: hidden}
.list_include_detail .product_content .image{position: absolute;left: 0;top: 0;width: 100%}
.list_include_detail .product_content:hover .image{-webkit-transform:translateX(100%);transform: translateX(100%);}
.list_include_detail .product_content .parameter{position: absolute;left: 0;top: 0;padding-bottom: 10px;width: 100%;height: 100%;-webkit-transform:translateX(-100%);transform: translateX(-100%);overflow-y: auto}
.list_include_detail .product_content:hover .parameter{-webkit-transform:translateX(0);transform: translateX(0);}
.list_include_detail .product_content .parameter::-webkit-scrollbar{width:3px}
.list_include_detail .product_content .parameter::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,.2);border-radius: 5px}
.list_include_detail .product_item .btns{opacity: 0;visibility: hidden;position: absolute;left:0;top: 100%;z-index: 9;width: 100%;display: flex;gap: 1px;box-shadow: 0 10px 20px 0 rgba(0,0,0,.15)}
.list_include_detail .product_item:hover .btns{opacity: 1;visibility: visible}
.list_include_detail .product_item .btns .public_btn{padding: 10px;border-radius: 0}
.list_include_detail .product_table .table_title{padding-bottom: 10px;border-bottom: 2px solid #333;display: flex;justify-content: center;gap: 1px;flex-wrap: wrap} 
.list_include_detail .product_table .table_title .item{padding: 20px;background-color: var(--black-color); color: var(--white-color);cursor: pointer}
.list_include_detail .product_table .table_title .item.active,.list_include_detail .product_table .table_title .item:hover{background-color:var(--main-color)}
.list_include_detail .product_table .table_content .table_wrapper{display: none}
.list_include_detail .product_table .table_content .table_wrapper:first-child{display: block}
/* contact us */
.contact_us .wrapper{padding: 65px 0 80px}
.contact_us .common_text{margin-bottom: 30px;color:#626262}
.contact_us .contact_us_form{margin-bottom: 100px}
.contact_us .contact_information_list{margin-bottom: 80px; padding: 40px 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.contact_us .contact_information_item{flex-grow: 1;padding:8px;display: flex;justify-content: center;align-items: center;gap: 20px;border-right:2px solid #d8d8d8}
.contact_us .contact_information_item:last-child{border: none}
.contact_us .contact_information_item .item_text a{font-size: 20px;color: var(--black-color)}
.contact_us .contact_information_item .item_text a:hover{color: var(--main-color)}
.contact_us .map{height: 450px}
.contact_us .contact_us_icon{padding: 15px;background-color: var(--main-color);border-radius: 50%}
.contact_us .contact_us_icon .iconfont{font-size: 30px;color: var(--white-color)}
.contact_us .address{padding: 20px;background-color: #333333}
.contact_us .address p{font-size: 14px;color: var(--white-color)}
.contact_us .address p:first-child{margin-bottom: 10px}
.contact_us .address .contact_us_icon{padding: 10px}
.contact_us .address .contact_us_icon .iconfont{font-size: 40px}
/* about */
.about .about_content{padding: 60px 0}
.about .about_content h3{margin-bottom: 30px;color:var(--main-color)}
/* search */
.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;width: 100%;font-size: 36px;border: 0}
.search_form_wrapper .searchBtn{padding:13px 10px;width: 100px;background-color: var(--main-color);color: var(--white-color)}
.search_form_wrapper .searchBtn:hover{background-color: #e6252c}
.search_form_wrapper .searchClose:hover{color: var(--main-color)}
/* search page */
.news{padding: 30px 0 50px}
.news .news_item{padding-bottom: 50px;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 h3:hover{color: var(--main-color)}
.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: #f7f7f7}
.news .news_item_content .read_more{color: var(--main-color)}
.news .wp-pagenavi{display: flex;justify-content: center;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)}
.search_wrapper .no_found_btn a{margin: 20px auto 0}
/* 404 */
.error404 .header,.page-template-template-success .header{display: none}
/* success */
.success .no_found_btn a{margin: 0 auto}
.success .help{font-size: 12px}
.success .help a{margin-left: 5px}
/* footer */  
.footer{padding:80px 0;background-color: #f7f7f7}
.footer .footer_item{width: calc((100% - 100px)/3)}
.footer .footer_item h3{margin-bottom: 30px}
.footer .footer_item .footer_item_list a{font-size: 18px}
.footer .footer_item .footer_item_list a:hover{color: var(--main-color)}
.footer .footer_contact .contact_item{display: flex;align-items: center;gap: 10px}
.footer .footer_contact .contact_item a{color: #464646;text-decoration: underline}
.footer .footer_contact .contact_item:last-child a{text-decoration: none}
.footer .footer_contact .contact_item .iconfont{font-size: 30px}
.footer .footer_contact .contact_item a:hover{color: #ffb237}
/* mobile */
@media (max-width: 1240px) {
    h1{font-size: 46px}
    .font_24{font-size: 22px}
    .same_form{padding:65px 33px 25px}
    .home .project_customer{padding:100px 0 120px}
    .products .products_list{grid-template-columns:repeat(4,minmax(0,1fr))}
    .cables_detail .overview_img{width: 35%}
    .contact_us .contact_us_form{margin-bottom: 85px}
}
@media (max-width: 1024px) {
    h1{font-size: 44px}
    h2{font-size:30px}
    table{width: 1200px}
    .table_wrapper{overflow-x: auto}
    .font_24{font-size: 20px}
    .grid_4{grid-template-columns: repeat(3,minmax(0,1fr))}
    .header .header_btn{display: block}
    .header .header_menu, .header .header_search{display: none}
    .home .project_customer{padding:70px 0 90px}
    .home .traditional_project_item p{left: 10px;bottom: 20px}
    .home .emerging_project p{margin-bottom: 30px}
    .home .emerging_project .more{padding-top: 20px}
    .home .emerging_project .more a{font-size: 20px}
    .cables_detail .overview_img{width: 40%}
    .cables_detail .nav .nav_item{width: calc(100% / 4)}
    .cables_detail .introduction .certificate_item{width: 33.33%}
    .cables_detail .introduction .product_feature{grid-template-columns: repeat(5,minmax(0,1fr))}
    .contact_us .contact_us_form{margin-bottom: 70px}
    .same_form{padding:50px 26px 10px}
    .contact_us .map{height: 410px}
    .footer .footer_item{width: calc((100% - 50px)/2)}
}
@media (max-width: 960px) {
    .cables_detail .overview{flex-direction: column}
    .cables_detail .overview_img{width: 55%}
    .cables_detail .overview_main{width: 70%}
    .cables_detail .overview_main .content_wrapper{text-align: center}
    .cables_detail .overview_main .overvie_btn{justify-content: center}
}
@media (max-width: 950px) {
    .rt-wp-menu-custom-fields-wrapper{display: none}
    .cables_detail .introduction .client .client_list{flex-wrap: wrap}
    .cables_detail .introduction .why_choose_main>div{flex: 0 1 100%}
}
@media (max-width: 920px) {
    .home .promise_content{flex: 0 1 100%;justify-content: flex-start;padding:80px 20px}
    .home .promise_content .promise_content_list{margin-bottom: 50px}
    .more{padding-top: 30px}
    .home .promise_bg{padding: 120px 20px}
    .home .strength_item{padding: 80px 20px}
    .products .products_list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 850px) {
    .home .emerging_project{flex-direction: column;align-items: flex-start}
    .home .traditional_project{margin-bottom: 50px}
    .home .emerging_project .line{position:relative;top:0}
    .home .emerging_project .right_line{text-align: left}
    .home .emerging_project .right_line .more::after{left: 0}
}
@media (max-width: 768px) {
    h1{font-size: 42px}
    h2{font-size:28px}
    h3{font-size:22px}
    h4{font-size: 18px}
    .font_24{font-size: 18px}
    .breadcrumbs{display: none}
    .banner{padding:130px 0 80px}
    .padding_50{padding: 30px 0}
    .grid_3,.grid_4{grid-template-columns: repeat(2,minmax(0,1fr))}
    .prodetails{grid-template-columns: repeat(1,minmax(0,1fr));gap: 30px}
    .home .banner h1{margin-bottom: 35px}
    .home .project_customer{padding:50px 0 70px}
    .home .project_customer_title{margin-bottom: 35px}
    .home .traditional_project{flex-wrap: wrap;justify-content: center}
    .home .certificate{padding:50px 0}
    .home .certificate h2{margin-bottom: 30px}
    .about .about_content{padding:30px 0}
    .footer{padding:60px 0}
    .footer .footer_item{width:100%}
    .footer_item ul{gap: 20px}
    .leave_message{margin-top: 30px}
    .catalog_list .catalog_item .left{flex: 0 1 42%}
    .cables_detail .nav.fixed_nav{display: none!important}
    .cables_detail .nav .nav_item{width: calc(100% / 3)}
    .cables_detail .overview_img{width: 70%}
    .cables_detail .overview_main{width: 85%}
    .cables_detail .introduction .certificate_item{padding:20px;width: 50%}
    .cables_detail .introduction .construction_wrapper{gap: 20px}
    .cables_detail .introduction .construction_img,.cables_detail .introduction .construction_text{flex: 0 1 47%}
    .cables_detail .introduction .product_feature{grid-template-columns: repeat(4,minmax(0,1fr))}
    .error_wrapper{padding: 60px 0}
    .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}
    .news .news_item{flex-wrap: wrap;margin-bottom:30px;padding-bottom: 30px}
    .news .news_item .news_item_content_wrapper{flex: 0 1 100%}
    .news .news_item .news_item_content a{text-align: center}
    .news .news_item .news_item_content div{justify-content: center;gap: 20px}
    .contact_us .wrapper{padding: 45px 0 60px}
    .contact_us .contact_us_form{margin-bottom: 55px}
    .same_form{padding:35px 20px 0}
    .contact_us .contact_information_list{padding: 20px 0;margin-bottom: 60px}
    .contact_us .contact_information_list .contact_information_item .item_text a{font-size: 16px}
    .contact_us .map{height: 370px}
}
@media(max-width:650px){
    .catalog_form .form_item{width: 100%}
}
@media(max-width:630px){
    .products .products_list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cables_detail .introduction .client_list .client_item{width: calc((100% - 7px) / 2)}
    .cables_detail .introduction .client_list .client_item:last-child{display: none}
    .contact_us .contact_information_list{flex-wrap: wrap}
    .contact_us .contact_information_list .contact_information_item{border: none}
    .contact_us .contact_information_list .contact_information_item .item_text{flex: 0 1 50%}
}
@media(max-width:600px){
    .cables_detail .overview_img{width: 85%}
    .cables_detail .overview_main{width: 100%}
}
@media(max-width:560px){
    .home .strength_item{flex: 0 1 100%;padding:50px 20px}
    .same_form .form_list .form_item{width: 100%}
    .catalog_list .catalog_item{flex-wrap: wrap}
    .catalog_list .catalog_item .left{flex: 0 1 80%}
    .catalog_list .catalog_item .right{flex: 0 1 100%}
    .cables_detail .introduction .right_img_list>div{flex:0 1 30%}
}
@media(max-width:520px){
    .cables_detail .cables_detail_banner{padding: 80px 0 30px}
    .cables_detail .overview_promise{display: none}
    .cables_detail .nav .nav_item{padding:20px 10px;width: 50%;font-size: 18px}
}
@media (max-width: 470px) {
    h1{font-size: 40px}
    h2{font-size:26px}
    h3{font-size:20px}
    .font_24{font-size: 16px}
    .grid_2,.grid_3,.grid_4{grid-template-columns: repeat(1,minmax(0,1fr))}
    .footer_item ul a{font-size: 16px}
    .footer .footer_contact li .iconfont{font-size: 25px}
    .leave_message{font-size: 18px}
    .home .emerging_project .project_flex{flex-wrap: wrap}
    .cables_detail .overview_img{width: 100%}
    .cables_detail .introduction .construction_img,.cables_detail .introduction .construction_text{flex: 0 1 100%}
    .cables_detail .introduction .product_feature{grid-template-columns: repeat(3,minmax(0,1fr));gap: 20px}
    .cables_detail .introduction .clients_text{gap: 10px}
    .cables_detail .introduction .clients_text_item{flex: 0 1 48%}
    .contact_us .contact_us_form{margin-bottom: 40px}
    .same_form{padding:20px 13px 0}
    .same_form .form_list{row-gap:20px}
    .same_form .form_list .form_item input,.same_form .form_item textarea{padding: 15px}
    .same_form .form_list .sub_btn{margin: 10px auto 0}
    .same_form .form_list .sub_btn input{font-size: 18px}
    .contact_us .contact_information_list{margin-bottom: 40px}
    .contact_us .contact_information_list .contact_information_item .item_text{flex: 0 1 70%}
    .contact_us .map{height: 330px}
    .common_form{padding: 35px 20px 5px}
    .search_form_wrapper .searchInput_wrapper{width: 70%}
    .news .wp-pagenavi span, .news .wp-pagenavi a{padding: 7px}
}
@media (max-width: 375px) {
    .home .promise_content{padding:50px 20px}
    .home .promise_content .promise_content_list{margin-bottom: 30px}
    .home .promise_bg .promise_bg_list{justify-content: center}
    .more{padding-top: 20px}
    .home .promise_bg{padding: 100px 20px}
    .footer{padding: 40px 0}
    .products .products_list{grid-template-columns:repeat(1,minmax(0,1fr))}
    .catalog .catalog_list{margin-bottom: 30px}
    .catalog_list .catalog_item .left{flex: 0 1 90%}
    .cables_detail .introduction .certificate_item{width: 100%}
    .cables_detail .introduction .right_img_list>div{flex:0 1 48%}
    .search_form_wrapper .searchInput_wrapper{width: 60%}
    .news .wp-pagenavi{flex-wrap: wrap}
}