@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:#C92535;
    --white-color:#ffffff;
    --black-color:#000000;
    --mid-percentage:50%;
    --max-percentage:100%;
    --size-10:10px;
    --size-20:20px;
    --size-30:30px;
    --size-40:40px;
    --size-50:50px;
}
*,
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:var(--max-percentage);height:auto;vertical-align:middle}
a{text-decoration:none;color: #555}
a:hover{color:var(--main-color)}
ul,li{list-style: none}
select, input, textarea, button{outline: none}
input,textarea{width: var(--max-percentage);border:1px solid #ececec;border-radius:3px;background-color: #f8f8f8;font-size: 14px;color: #333333}
input:focus,textarea:focus{background-color: var(--white-color)}
input[type=submit],button{cursor: pointer;border: none;background-color: transparent}
input[type=submit]{display: block;margin: 0 auto;background-color: var(--main-color);color: var(--white-color)}
input[type=submit]:hover{background-color:var(--black-color)}
textarea{resize:none;overflow-y: hidden}
strong{font-weight: 600}
table{margin-bottom: var(--size-20);width: var(--max-percentage);border-collapse: collapse}
td{padding: var(--size-10);border: 1px solid #cecfcf}
td:hover{color: var(--white-color);background-color: #1f4b9c}
h1,h2,h3,h4,h5{font-family:"PTSans-CaptionBold";color: #464646;margin-bottom: var(--size-20)}
h1{font-size:var(--size-40)}
h2{font-size:32px}
h3{font-size:24px}
p{line-height:1.25;color: #555}
.inner{margin: 0 auto;padding: 0 var(--size-20);max-width: 1240px;width: var(--max-percentage)}
.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}
.justify_start{justify-content: start;}
.align_start{align-items: start;}
.flex_wrap{flex-wrap: wrap}
.no_wrap{flex-wrap: nowrap}
.grid_25,.grid_33{display: grid}
.grid_25{grid-template-columns: repeat(4,minmax(0,1fr))}
.grid_33{grid-template-columns: repeat(3,minmax(0,1fr))}
.gap_10{gap: var(--size-10)}
.gap_20{gap: var(--size-20)}
.gap_30{gap: var(--size-30)}
.flex_33{flex: 0 1 33.33%}
.flex_40{flex: 0 1 37%}
.flex_50{flex: 0 1 47%}
.flex_60{flex: 0 1 57%}
.margin_10{margin-bottom: var(--size-10)}
.margin_20{margin-bottom: var(--size-20)}
.margin_30{margin-bottom: var(--size-30)}
.margin_50{margin-bottom: 50px}
.clear{clear:both}
.transition{transition: all .3s linear}
.iconfont{display: inline-block}
.aligncenter{display: block;margin: 0 auto}
.border{border: 1px solid #f2f2f2}
.border_bottom{border-bottom: 1px solid #f2f2f2}
.form_list{display: flex;flex-direction: column;gap: var(--size-20)}
.form_list label{display: block;margin-bottom: 7px;font-size: 14px}
.public_btn{display:block;padding: 15px var(--size-20);background-color: var(--main-color);color: var(--white-color);border-radius: var(--size-30);transition: all .2s linear}
.public_btn:hover{background-color: var(--black-color)}
.font_20{font-size: var(--size-20)}
/* public */
.banner{padding:200px 0}
.banner h1{color:var(--white-color)}
.breadcrumbs .breadcrumbs_wrapper{position: relative;display: flex;justify-content: flex-start;align-items: baseline;gap: 5px;max-width: 800px;width: var(--max-percentage)}
.breadcrumbs .breadcrumbs_wrapper,.breadcrumbs .breadcrumbs_wrapper .link{color: #bbb}
.breadcrumbs .breadcrumbs_wrapper .link .item:hover{color: var(--main-color)}
.breadcrumbs .item{font-size: 14px}
.main{padding: 50px 0}
.text_wrapper p{margin-bottom: var(--size-20)}
.form_wrapper{display: none;position: fixed;top:var(--mid-percentage);left:var(--mid-percentage);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1999;max-width: 600px;width: 95%}
.form_wrapper.show{display: block}
.overlay{display: none;position: fixed;top: 0;left: 0;z-index:999;width: var(--max-percentage);height: var(--max-percentage);background-color: #3a3f44;opacity: .7}
.common_form{padding:45px var(--size-40) var(--size-10);background-color: var(--white-color)}
.common_form input,.common_form textarea{padding:12px var(--size-10)}
.common_form input::-webkit-input-placeholder,.common_form textarea::-webkit-input-placeholder{color: #d2d2d2}
.common_form .form_list input[type=submit]{max-width: 220px}
.common_form .close{position: absolute;top: var(--size-20);right: var(--size-20);z-index: 2000;cursor: pointer}
.online_message {position: fixed;right: var(--size-20);bottom: 0;z-index: 999;max-width: 260px;box-shadow: 0 var(--size-10) var(--size-20) -10px rgba(0, 0, 0, .17);-webkit-transform: translateY(93%); transform: translateY(93%);}
.online_message.slide_up{-webkit-transform: translateY(0); transform: translateY(0)}
.online_message .form_title{padding:var(--size-10) 0;border-top-left-radius:8px;border-top-right-radius:32px;background:var(--main-color)}
.online_message .form_title:hover{background: var(--black-color)}
.online_message .form_title.pointer{cursor: pointer}
.online_message .form_title.slide_up{padding: var(--size-20) 0}
.online_message .form_title.slide_up:hover{background:var(--main-color)}
.online_message .form_title p{font-size: var(--size-20);text-align: center;color: var(--white-color)}
.online_message .form_title .iconfont{font-size: 18px}
.online_message .form_content{padding:var(--size-20) var(--size-10) 0;display: flex;flex-direction: column;gap: var(--size-10); background-color: var(--white-color)}
.online_message input, .online_message textarea{padding: 12px var(--size-10)}
.online_message .online_close{display: none;position: absolute;top: var(--size-10);left: -23px;font-size: var(--size-20);font-weight: 700;color: var(--main-color);cursor: pointer}
.rotate{-webkit-transform:rotate(180deg);transform: rotate(180deg)}
.rotate_90{-webkit-transform:rotate(90deg);transform: rotate(90deg)}
.shadow:hover{box-shadow: 0px 7px var(--size-10) var(--size-10) #eff1f5}
.color_fff{color: var(--white-color)}
.width_100{width: var(--max-percentage)}
.text_center{text-align: center}
.flex{display: flex;flex-wrap: wrap}
.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}
.btn{display: flex;align-items: center;gap: 5px;padding: 17px var(--size-20);color: var(--white-color);background-color: var(--main-color);border-radius: 7px}
.btn:hover{background-color: var(--black-color)}
.no_found_btn a{padding: var(--size-20) var(--size-10);display: block;max-width: 270px;width: var(--max-percentage);background-color: var(--main-color);color: var(--white-color);font-size: 18px;text-align: center}
.scroll_to_top{position: fixed;left: var(--size-20);bottom: var(--size-20);z-index: -1;opacity: 0;width: 35px;height: 35px;border-radius: 3px;background-color: var(--main-color)}
.scroll_to_top .iconfont{font-size: var(--size-20)}
.left_contact{position: fixed;left: 0;bottom: var(--mid-percentage);z-index: 998}
.left_contact div a{display: flex;justify-content: center;align-items: center;width: var(--size-50);height: var(--size-50);box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, 0.24)}
.left_contact .whatsapp_wrapper a{background-color: #25d366}
.left_contact .email_wrapper a{background-color: #d70e19}
.left_contact div a:hover{background-color: var(--black-color)}
.left_contact div a img{width: 25px;height: 25px}
.scale_wrapper{overflow: hidden}
.scale:hover{transform: scale(1.05)}
.common_show{opacity: 1;z-index:1}
.common_close{z-index: -1;opacity: 0}
.same_item{width: 25%}
.same_item .same_item_wrapper{position:relative;margin: 0 -1px -1px 0;padding: var(--size-30) var(--size-30) 0;border: 1px solid #eff1f5}
.same_item .same_btn{position: absolute;left: 0;right: 0;top: var(--max-percentage);z-index: 9;visibility: hidden;opacity: 0;display: block;padding: 15px 5px;width: var(--max-percentage);color: var(--white-color);background-color: var(--main-color);text-align: center;box-shadow: 0 var(--size-10) var(--size-20) 0 rgba(0,0,0,.15);border-bottom-left-radius: 3px;border-bottom-right-radius: 3px}
.same_item .same_item_wrapper:hover .same_btn{visibility:visible;opacity: 1}
.same_form{padding: var(--size-50) var(--size-40) var(--size-20);background-color: #f8f8f8}
.same_form .form_list{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;column-gap: var(--size-10);row-gap: var(--size-30)}
.same_form .form_list .form_item{width: calc((var(--max-percentage) - var(--size-10)) / 2)}
.same_form .form_list .form_item input,.same_form .form_item textarea{margin-bottom: 5px;padding: var(--size-20);width: var(--max-percentage);background-color: var(--white-color);border: 1px solid #ccc;font-size: 16px}
.same_form .form_list .form_item textarea{resize: none;overflow-y:hidden}
.same_form .form_list .phone_box,.same_form .form_list .message_box{width: var(--max-percentage)}
.same_form .form_list .sub_btn{margin: var(--size-20) auto 0; max-width: 200px;width: var(--max-percentage)}
.same_form .form_list .sub_btn input{padding: var(--size-10) 0;width: var(--max-percentage);font-size: 25px;background-color: var(--main-color);color: var(--white-color);border-radius: var(--size-30)}
/* header */
.header{background-color: var(--white-color)}
.header .header_contact{padding:var(--size-10) 0;background-color:var(--main-color);transition: all .3s ease}
.header .header_contact.fixed{position: fixed;top: 0;left: 0;z-index: 1999;padding: 15px 0;width: var(--max-percentage)}
.header .header_contact .contact_list{display: flex;justify-content: flex-end;flex-wrap: wrap;gap: 50px}
.header .header_contact .link{color: var(--white-color)}
.header .header_contact .link:hover{color: #f2c990}
.header .header_main{box-shadow: 0 1px 10px 0 rgba(40,40,40,.11)}
.header .header_menu a{display: block;color: var(--black-color)}
.header .header_menu>li>a{position: relative;margin:25px var(--size-20);padding:7px 0}
.header .header_menu>li>a::after{content: '';position: absolute;left: 0; bottom: 0;width: 0;height: 2px;background-color: var(--main-color);transition: all .2s linear}
.header .header_menu>li>a:hover::after{width: var(--max-percentage)}
.header .header_menu .current-menu-ancestor a::after,.header .header_menu .current-page-ancestor a::after,.header .header_menu .current-menu-item a::after{width: var(--max-percentage)}
.header .header_menu .menu-item-has-children .current-page-ancestor a,.header .header_menu .menu-item-has-children .current-menu-item a{background:var(--main-color);color: var(--white-color)}
.header .header_menu .menu-item-has-children{position: relative}
.header .header_menu .menu-item-has-children .sub-menu{visibility: hidden;opacity: 0;position: absolute;left: 0;z-index: 99;width:300px;background-color: var(--white-color);overflow: hidden;box-shadow: 0 15px 15px 5px rgba(0,0,0,.25);transition: all .3s linear}
.header .header_menu .menu-item-has-children:hover >.sub-menu{visibility: visible;opacity: 1}
.header .header_menu .menu-item-has-children .sub-menu>li>a{padding:var(--size-20);display: flex;justify-content: flex-start;align-items: center;gap: var(--size-10)}
.header .header_menu .menu-item-has-children .sub-menu>li>a:hover{background-color: var(--main-color);color: var(--white-color)}
.header .header_btn .iconfont{font-size: var(--size-20)}
.header .header_btn>button{padding: 12px;transition: all .2s linear}
.header .header_btn .mobile_nav_button{padding: 7px}
.header .header_btn .mobile_nav_button .iconfont{font-size: 26px}
.header .header_btn .header_search{background-color: #F2EDE6;color: var(--main-color);border-radius: var(--mid-percentage)}
.header .header_btn>button:hover{background-color: var(--black-color);color: var(--white-color)}
.header .mobile_nav_button{display: none}
.mobile_nav{position: fixed;top: 0;bottom: 0;right:-300px;z-index: 1999;max-width: 300px;width: var(--max-percentage);overflow-y: auto;background-color: var(--white-color)}
.mobile_nav.show{right: 0}
.mobile_nav a{display: block;color: #464646}
.mobile_nav a:hover{color: var(--main-color)}
.mobile_nav .close_wrapper{padding: var(--size-20);text-align: right;border-bottom: 1px solid rgba(0, 0, 0, 0.035)}
.mobile_menu a{padding:var(--size-20)}
.mobile_menu>li{border-bottom: 1px solid #f2f2f2}
.mobile_menu .icon_wrapper{padding: var(--size-20);flex-grow: 1;text-align: right;cursor: pointer}
.mobile_menu .icon_wrapper .iconfont{font-size: 14px}
.mobile_menu .menu-item-has-children .sub-menu{display: none;background:rgba(0, 0, 0, 0.035)} 
.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 li::before{content: '';position: absolute;left: var(--size-20);top: var(--mid-percentage);-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5px;height: 2px;background-color: #464646}
.mobile_menu .menu-item-has-children .sub-menu a{padding-left: 35px}
.mobile_contact .contact_list{padding:var(--size-30) var(--size-20)}
.mobile_contact .contact_item{display: flex;gap: 7px}
/* home */
.home .banner{position: relative;overflow: hidden;min-height:92svh}
.home .banner .banner_text{font-size: var(--size-20);color: #dce0e6}
.home .banner .banner_video{position: absolute;left: 0;top: 0;z-index: -1;width: var(--max-percentage);height: var(--max-percentage);object-fit: cover}
.home .promise_content{flex: 0 1 33.33%;padding:150px var(--size-20);background-color: #0056c3}
.home .promise_content .content_list{margin-bottom: 85px}
.home .promise_content .content_item{color: #d0daf0;font-size: var(--size-20)}
.home .promise_bg{flex-grow: 1;padding:0 var(--size-20)}
.home .promise_bg .bg_list{margin: 0 auto;max-width: 920px;width: var(--max-percentage)}
.home .strength_item{flex: 0 1 33.33%;padding:110px var(--size-20)}
.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) .title{color: var(--white-color)}
.home .strength_item:nth-child(1) .text{color: #a4c1ef}
.home .strength_item:nth-child(2){background-color: #f6f6f6}
.home .strength_item:last-child{box-shadow: -10px 0px var(--size-10) -5px #e8e8e8}
.home .strength_item:last-child .title span{display: block}
.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{position: relative}
.home .traditional_project_item .tag{position: absolute;left: var(--size-30);bottom: var(--size-50);padding-right: var(--size-10);line-height: 1.5}
.home .emerging_project{position: relative} 
.home .emerging_project p{margin-bottom: var(--size-50)}
.home .emerging_project .more{padding-top: var(--size-30)}
.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}
.home .certificate .title{margin-bottom: var(--size-50)}
/* default page */
.default_page .breadcrumbs .breadcrumbs_wrapper{max-width: 100%}
.default_page .table_wrapper{margin-bottom:20px;overflow-x:auto}
.default_page .content p, .default_page .content ul{margin-bottom:30px}
.default_page .content ul{display: flex;flex-direction: column;flex-wrap: wrap;gap: 10px;color: #555}
.default_page .content p:last-child,.default_page .content ul:last-child,.default_page .table_wrapper:last-child,.default_page table{margin-bottom:0}
.default_page .gather_wrap{padding: 20px;background-color: #f9f9f9}
.default_page .gather_item{display: flex;flex-direction: column}
.default_page .gather_item .text{flex-grow: 1}
.default_page .gather_tlist .table_title{margin-bottom: 0;flex-direction: row;background-color: var(--main-color)}
.default_page .gather_tlist .table_title li{padding: 16px 20px;color: var(--white-color);cursor: pointer}
.default_page .gather_tlist .table_title li.active,.default_page .gather_tlist .table_title li:hover{background-color: var(--black-color)}
.default_page .gather_tlist .table_content .table_wrapper{display: none}
.default_page .gather_tlist .table_content .table_wrapper.active{display: block}
.default_page .cable_introuce{margin-bottom: 30px;padding: 30px;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: center;gap: 50px;background-color: #f9f9f9;}
.default_page .parameter .table_item:last-child{margin-bottom: 0} 
.default_page .parameter .table_item .table_wrapper.close{height: 650px;overflow-y: hidden}
.default_page .parameter .table_item .has_more_btn{display: none;margin-top: 3px;padding: var(--size-10);width: var(--max-percentage);background-color: var(--main-color);color: var(--white-color)}
.default_page .parameter .table_item .has_more_btn:hover{background-color: var(--black-color)}
.default_page .parameter .table_item.has_more .has_more_btn{display: block}
.default_page .related_products .item{margin: 0 -1px -1px 0;padding: 30px;border:1px solid #eff1f5}
.default_page .related_products .item:hover {box-shadow: 0px 7px 10px 10px #eff1f5}
.default_page .related_products .item:hover .item_title{color: var(--main-color)}
/* catalog */
.catalog .content{position: relative;overflow: hidden;padding-top: var(--max-percentage)}
.catalog .catalog_subdirectory_wrapper{position: absolute;top: 0;right: var(--max-percentage);padding:var(--size-10) var(--size-50) 0 0;min-height: var(--max-percentage);height: var(--max-percentage);width: var(--max-percentage)}
.catalog .content:hover .catalog_subdirectory_wrapper{right: 0}
.catalog .catalog_subdirectory{position: relative;z-index: 9;overflow-y: auto;min-height: var(--max-percentage);height: var(--max-percentage);width: var(--max-percentage)}
.catalog .catalog_subdirectory::-webkit-scrollbar{width: 0px}
.catalog .catalog_subdirectory:hover::-webkit-scrollbar{width: 3px}
.catalog .catalog_subdirectory::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,.2);border-radius: 5px}
.catalog .catalog_img{position: absolute;top: 0;left:0;width: var(--max-percentage)}
.catalog .content:hover .catalog_img{left: var(--mid-percentage)}
/* cables list */
.cables_list .cables_introduce_wrapper{margin-bottom: var(--size-50);background: #e6eaeb}
.cables_list .cables_introduce{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: center;gap: var(--size-20)}
.cables_list .cables_introduce .cables_introduce_text{padding: var(--size-20)}
.cables_list .cables_item_wrapper .item{position: relative; flex: 0 1 48%;padding:var(--size-30) var(--size-20);display: inherit;gap: var(--size-20);border: 1px solid #eff1f5}
.cables_list .item_img{flex: 0 1 25%}
.cables_list .item_content{flex: 0 1 55%;padding-right: 15px}
.cables_list .toggle{display: flex;gap: 5px;font-size: 12px;color: var(--main-color);cursor: pointer}
.cables_list .toggle .iconfont{font-size: 12px;font-weight: 700}
.cables_list .toggle:hover{color: #444}
.cables_list .item_content .item_text{display: none}
.cables_list .item_content .item_text p{font-size: 14px}
.cables_list .item_arrow{position: absolute;top: var(--size-40);right: var(--size-20);padding:var(--size-10);border: 1px solid #eff1f5;border-radius: 5px}
.cables_list .item:hover .item_arrow{background-color: var(--main-color)}
.cables_list .item_arrow .iconfont{font-size: 18px}
.cables_list .item:hover .item_arrow .iconfont{color: var(--white-color)}
.cables_list_new .top{padding: 30px 0;border-bottom: 1px solid #e9e9e9}
.cables_list_new .cable_item{display: flex;flex-direction: column}
.cables_list_new .item_content{flex-grow: 1;border:1px solid #e8e8e8}
.cables_list_new .item_content .title{padding: 10px 20px;font-size: 20px;text-align: center}
.cables_list_new .item_btn{padding: 13px;width: 100%;background-color: var(--main-color);color: var(--white-color)}
.cables_list_new .cable_item:hover .item_btn{background-color: var(--black-color)}
/* cables detail */
.cables_detail .breadcrumbs{padding: var(--size-20) 0;background: #f9f9f9}
.cables_detail .breadcrumbs_wrapper,.cables_detail .breadcrumbs_wrapper .link{color: #777}
.cables_detail .cables_detail_overview{background-color: #272727}
.cables_detail .overview_wrapper{padding:60px 0;display: flex;gap: 60px}
.cables_detail .cables_detail_overview_swiper{width: 35%}
.cables_detail .swiper-thumbs{padding: 0 25px}
.cables_detail .swiper-thumbs .swiper-slide{opacity: .5;cursor: pointer}
.cables_detail .swiper-thumbs .swiper-slide:hover{opacity: 1}
.cables_detail .swiper-thumbs .my-slide-thumb-active{opacity: 1}
.cables_detail .cables_detail_overview_main{width: 52%}
.cables_detail .cables_detail_overview_main p{color: #8e8e8e}
.cables_detail .cables_detail_overvie_btn{margin:var(--size-30) 0}
.cables_detail .cables_detail_overview_promise{padding:var(--size-20);border: 1px solid #fff3}
.cables_detail .cables_detail_overview_promise .promise_item{width: calc((var(--max-percentage) - var(--size-30)) / 2); display: inherit;align-items: center;gap: var(--size-10);color: #ffffffb3}  
.cables_detail .cables_detail_overview_promise .promise_item .iconfont{font-size: 35px;color: var(--main-color)}
.cables_detail .cables_detail_overview_explain{font-size: 12px}
.cables_detail .introduction_item{margin-bottom: var(--size-30)}
.cables_detail .parameter .table_item:last-child{margin-bottom: 0} 
.cables_detail .parameter .table_item .table_wrapper.close{height: 650px;overflow-y: hidden}
.cables_detail .parameter .table_item .has_more_btn{display: none;margin-top: 3px;padding: var(--size-10);width: var(--max-percentage);background-color: var(--main-color);color: var(--white-color)}
.cables_detail .parameter .table_item .has_more_btn:hover{background-color: var(--black-color)}
.cables_detail .parameter .table_item.has_more .has_more_btn{display: block}
.cables_detail .related_product .product_wrap{display: flex;flex-direction: column}
.cables_detail .related_product .product_item{flex-grow: 1;padding: 10px;border: 1px solid #000000;text-align: center}
.cables_detail .related_product .product_btns{display: flex;gap: 1px}
.cables_detail .related_product .product_btns .public_btn{border-radius: 0;flex-grow: 1;text-align: center}
.cables_detail .about .about_main{display: flex;gap: var(--size-30)}
.cables_detail .about .same_size{width:25%}
.cables_detail .certificate_item{margin:0 -1px -1px 0;padding: var(--size-10);border: 1px solid #ececec}
.cables_detail .certificate_item:hover{box-shadow: 0px 7px var(--size-10) var(--size-10) #ececec}
.cables_detail .verification_list{display: grid;grid-template-columns: repeat(8,minmax(0,1fr))}
.cables_detail .clients_text_item{flex: 0 1 25%;padding: 0 5px}
.cables_detail .clients_text_item .number{display: block;margin-bottom: 5px;font-family:"PTSans-CaptionBold";font-size: var(--size-20);color: var(--main-color)}
.cables_detail .clients_text_item .text{font-size: 14px} 
.cables_detail .ship_list{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--size-10)}
.cables_detail .ship_item img{width: var(--max-percentage)}
/* cables list include detail */
.list_include_detail .product_list{padding: var(--size-30) 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--size-20)}
.list_include_detail .product_item{position: relative;padding:var(--size-20) var(--size-10) 0;border: 1px solid #eff1f5}
.list_include_detail .product_content{position: relative;padding-top: var(--max-percentage);overflow: hidden}
.list_include_detail .product_content .product_img{position: absolute;left: 0;top: 0;width: var(--max-percentage)}
.list_include_detail .product_content:hover .product_img{left: var(--max-percentage)}
.list_include_detail .product_content .content_list{position: absolute;right:var(--max-percentage);top: 0;padding-bottom: var(--size-10);width: var(--max-percentage);height: var(--max-percentage);overflow-y: auto}
.list_include_detail .product_content:hover .content_list{right: 0}
.list_include_detail .product_content .content_list::-webkit-scrollbar{width: 3px}
.list_include_detail .product_content .content_list::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,.2);border-radius: 5px}
.list_include_detail .product_item .public_btn{opacity: 0;visibility: hidden;position: absolute;left:0;z-index: 9;width: var(--max-percentage);border-radius: 0;box-shadow: 0 var(--size-10) var(--size-20) 0 rgba(0,0,0,.15)}
.list_include_detail .product_item:hover .public_btn{opacity: 1;visibility: visible}
/* contact us */
.contact_us .main{padding: 65px 0 80px}
.contact_us .common_text{margin-bottom: var(--size-30);color:#626262}
.contact_us .contact_us_form{margin-bottom: 100px}
.contact_us .contact_information_list{margin-bottom: 80px; padding: var(--size-40) 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.contact_us .contact_information_item{flex-grow: 1;padding:8px;border-right:2px solid #d8d8d8}
.contact_us .contact_information_item:last-child{border: none}
.contact_us .contact_information_item .item_text .link{font-size:var(--size-20)}
.contact_us .map{height: 450px}
.contact_us .contact_us_icon{padding: 15px;background-color: var(--main-color);border-radius: var(--mid-percentage)}
.contact_us .contact_us_icon .iconfont{font-size: var(--size-30);color: var(--white-color)}
.contact_us .address{padding: var(--size-20);background-color: #333333}
.contact_us .address .text{font-size: 14px;color: var(--white-color)}
.contact_us .address .text:first-child{margin-bottom: var(--size-10)}
.contact_us .address .contact_us_icon{padding: var(--size-10)}
.contact_us .address .contact_us_icon .iconfont{font-size: var(--size-40)}
/* about */
.about .main h3{margin-bottom: var(--size-30);color:var(--main-color)}
/* video */
.video .video_list .public_flex{column-gap: 25px;row-gap: var(--size-50)}
.video .video_item{flex: 0 1 48%}
.video .video_item_thumbnail{position: relative;margin-bottom: var(--size-30)}
.video .video_item_thumbnail img{opacity: .5}
.video .video_play{position: absolute;left: var(--mid-percentage);top: var(--mid-percentage);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding:5px var(--size-10);width: 60px;background-color: var(--main-color);border-radius: 5px}
.video .video_play .iconfont{color: var(--white-color);font-size: var(--size-30)}
.video .video_item_player{position: fixed;left: var(--mid-percentage);top: var(--mid-percentage);z-index: -1;opacity: 0;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding: var(--size-10);width: var(--mid-percentage);height: 55%;background: var(--white-color)}
.video .video_item_player.show{opacity: 1;z-index: 1999}
/* footer */
.footer_main{padding:var(--size-40) 0;background-color: #0f0f0f}
.footer_main .public_flex{gap: var(--size-50)}
.footer_main .title{color:var(--main-color)}
.footer_main a{color: #8e8e8e} 
.footer_main a:hover{color: var(--main-color);font-weight: 600}
.footer_main .footer_item{width: calc((var(--max-percentage) - 100px)/3)}
.footer_main .footer_contact .item{display: flex;align-items: center;gap: var(--size-10)}
.footer_main .footer_contact .item .iconfont{font-size: 24px;color: #8e8e8e}
/* sidebar */
.sidebar_wrapper{position: fixed;top: var(--mid-percentage);right: 0;z-index: -1;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.sidebar_wrapper.show{z-index: 999}
.sidebar{max-width: 280px;width: var(--max-percentage);background: var(--white-color);-webkit-transform: translateX(var(--max-percentage));transform: translateX(var(--max-percentage))}
.sidebar.show{-webkit-transform: translateX(0);transform: translateX(0)}
.sidebar .sidebar_title{padding: var(--size-20);background: var(--main-color)}
.sidebar .sidebar_title p,.sidebar .sidebar_title .iconfont{color: var(--white-color)}
.sidebar .sidebar_title p{font-weight: 600;line-height: 1}
.sidebar a{display: block}
.sidebar a:hover{background: #f8f8f8}
.sidebar_menu > li:last-child{border-bottom: none}
.sidebar_switch{position: fixed;bottom: 215px;right: 0;padding: 7px;display: flex;align-items: center;gap: 3px;background-color: var(--main-color);color: var(--white-color)}
/* search page */
.news{padding: var(--size-30) 0 var(--size-50)}
.news .news_item{margin-bottom: var(--size-50);padding-bottom: var(--size-50);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: var(--size-20)}
.news .news_item_content .title:hover{color: var(--main-color)}
.news .news_item_content .wrapper{display: flex;justify-content: flex-start;align-items: baseline;gap: var(--size-40)}
.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 .news_pagenavi .wp-pagenavi{display: flex;justify-content: center;gap: var(--size-10)}
.news .news_pagenavi .wp-pagenavi span,.news .news_pagenavi .wp-pagenavi a{padding:7px 12px;color: #222;border:1px solid #dcdcdc;border-radius: 5px}
.news .news_pagenavi .wp-pagenavi .current,.news .news_pagenavi .wp-pagenavi a:hover{background-color: var(--main-color);color: var(--white-color)}
.search_wrapper .no_result{padding: 170px 0}
.search_wrapper .no_found_btn a{margin: var(--size-20) auto 0}
/* 404 */
.error404 .header,.page-template-template-success .header{display: none}
.error_wrapper,.success{padding:200px 0 100px}
.error_wrapper .not_found_wrapper{gap: var(--size-50)}
.error_wrapper .not_found_content .text{margin-bottom: var(--size-50)}
/* search */
.search_form_wrapper{position: fixed;top: -100px;left: 0;z-index:-1;width: var(--max-percentage);background: var(--white-color)}
.search_form_wrapper.show{top: 0;z-index: 1999}
.search_form_wrapper .searchInput_wrapper{width: 90%}
.search_form_wrapper .searchInput{padding: var(--size-30) 0;font-size: 36px;border: 0;background-color: transparent}
.search_form_wrapper .searchBtn{padding:13px var(--size-10);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)}
/* success */
.success .no_found_btn{margin:0 auto 7px}
.success .have_trouble{font-size: 12px}
/* mobile */
@media (max-width: 1240px) {
    .banner{padding: 170px 0}
    .same_item{width: 33.33%}
    .home .project_customer{padding:100px 0 120px}
    .cables_detail .about .same_size{width: 33.33%}
    .cables_detail .table_wrapper{margin-bottom: var(--size-10);overflow-x: auto}
    .contact_us .contact_us_form{margin-bottom: 85px}
    .video .video_item_player{width: 70%;height: 60%}
}
@media (max-width: 1100px) {
    .header .header_main{padding: var(--size-20) 0}
    .header .header_menu,.header_btn .open_form{display: none}
    .header .mobile_nav_button{display: block}
}
@media (max-width: 1024px) {
    h1{font-size:38px}
    h2{font-size:var(--size-30)}
    h3{font-size:22px}
    .banner{padding: 140px 0}
    .grid_25{grid-template-columns: repeat(3,minmax(0,1fr))}
    .home .project_customer{padding:70px 0 90px}
    .home .traditional_project_item .tag{left: var(--size-10);bottom: var(--size-20);line-height: 1.2}
    .home .traditional_project_item .tag,.home .emerging_project p{font-size: 16px}
    .home .emerging_project p{margin-bottom: var(--size-30)}
    .home .emerging_project .more{padding-top: var(--size-20)}
    .home .emerging_project .more a{font-size: var(--size-20)}
    .default_page .table_wrapper table{width:1100px}
    .cables_detail .cables_detail_overview_swiper{width: 40%}
    .cables_detail .about .about_main{flex-wrap: wrap}
    .list_include_detail .product_list{grid-template-columns: repeat(3,minmax(0,1fr))}
    .contact_us .contact_us_form{margin-bottom: 70px}
    .contact_us .map{height: 410px}
    .footer_top{height: 90px}
    .footer_main .footer_item{width: calc((var(--max-percentage) - var(--size-50))/2)}
}
@media (max-width: 970px) {
    .cables_detail .cables_detail_overview_promise{display: none}
    .cables_detail .cables_detail_overvie_btn{margin: var(--size-20) 0;gap: 15px}
}
@media (max-width: 920px) {
    .more{padding-top: var(--size-30)}
    .home .promise_content{flex: 0 1 var(--max-percentage);justify-content: flex-start;padding:80px var(--size-20)}
    .home .promise_content .content_list{margin-bottom: var(--size-50)}
    .home .promise_bg{padding: 120px var(--size-20)}
    .home .strength_item{padding: 80px var(--size-20)}
}
@media (max-width: 850px) {
    .same_item{width: var(--mid-percentage)}
    .home .emerging_project{flex-direction: column;align-items: flex-start}
    .home .traditional_project{margin-bottom: var(--size-50)}
    .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:36px}
    h2{font-size:28px}
    h3{font-size:var(--size-20)}
    .breadcrumbs{display: none}
    .banner{padding: 110px 0}
    .main{padding: 30px 0}
    .same_form{padding:35px var(--size-20) 0}
    .margin_50{margin-bottom: 30px}
    .grid_25,.grid_33{grid-template-columns: repeat(2,minmax(0,1fr))}
    .header .header_contact .contact_list{gap: var(--size-20);justify-content: flex-start;}
    .home .banner .banner_text{font-size: 18px}
    .home .project_customer{padding:var(--size-50) 0 70px}
    .home .project_customer_title{margin-bottom: 35px}
    .home .traditional_project{flex-wrap: wrap;justify-content: center}
    .home .certificate{padding:var(--size-50) 0}
    .home .certificate .title{margin-bottom: var(--size-30)}
    .default_page .cable_introuce{grid-template-columns: repeat(1,minmax(0,1fr));gap: 30px;}
    .cables_list .cables_item_wrapper .item{flex: 0 1 var(--max-percentage)}
    .cables_list .cables_introduce{grid-template-columns: repeat(1,minmax(0,1fr))}
    .cables_detail .overview_wrapper{gap: var(--size-30)}
    .cables_detail .cables_detail_overview_swiper{width: 45%}
    .cables_detail .about .same_size{width: 25%}
    .list_include_detail .product_list{grid-template-columns: repeat(2,minmax(0,1fr))}
    .about .about_content{padding:var(--size-30) 0}
    .video .video_item{flex: 0 1 var(--max-percentage)}
    .video .video_item_player{width: 85%;height: 45%}
    .error_wrapper{padding: 60px 0}
    .error_wrapper .not_found_wrapper{flex-wrap: wrap}
    .error_wrapper .not_found_content{display: flex;flex-direction: column;justify-content: center;align-items: center}
    .error_wrapper .not_found_content .text{margin-bottom: var(--size-30);text-align: center}
    .news .news_item{flex-wrap: wrap;margin-bottom:var(--size-30);padding-bottom: var(--size-30)}
    .news .news_item_content_wrapper{flex: 0 1 var(--max-percentage)}
    .news .news_item_content a{text-align: center}
    .news .news_item_content .wrapper{justify-content: center;gap: var(--size-20)}
    .contact_us .main{padding: 45px 0 60px}
    .contact_us .contact_us_form{margin-bottom: 55px}
    .contact_us .contact_information_list{padding: var(--size-20) 0;margin-bottom: 60px}
    .contact_us .contact_information_item .item_text .link{font-size: 18px}
    .contact_us .map{height: 370px}
    .footer_top{height: 60px}
    .footer_main .footer_item{width:var(--max-percentage)}
}
@media(max-width:630px){
    .cables_detail .overview_wrapper{padding: var(--size-30) 0;flex-wrap: wrap}
    .cables_detail .cables_detail_overview_swiper{width: 70%}
    .cables_detail .cables_detail_overview_main{width: var(--max-percentage)}
    .contact_us .contact_information_list{flex-wrap: wrap}
    .contact_us .contact_information_item{border: none}
    .contact_us .contact_information_item .item_text{flex: 0 1 var(--mid-percentage)}
}
@media(max-width:560px){
    .home .strength_item{flex: 0 1 var(--max-percentage);padding:var(--size-50) var(--size-20)}
    .same_form .form_list .form_item{width: var(--max-percentage)}
}
@media(max-width:520px){
    .same_item{width: var(--max-percentage)}
    .cables_detail .ship_list{grid-template-columns: repeat(2,minmax(0,1fr))}
}
@media (max-width: 470px) {
    h1{font-size:36px}
    h2{font-size:28px}
    h3{font-size:var(--size-20)}
    .flex_33{flex: 0 1 var(--mid-percentage)}
    .flex_40,.flex_50,.flex_60{flex: 0 1 var(--max-percentage)}
    .grid_25,.grid_33{grid-template-columns: repeat(1,minmax(0,1fr))}
    .header .header_main{padding: 13px 0}
    .footer{margin-top: var(--size-30)}
    .footer_main .public_flex{gap: var(--size-30)}
    .footer_top{height: var(--size-40)}
    .home .emerging_project .project_flex{flex-wrap: wrap}
    .default_page .cable_introuce{padding: 20px}
    .cables_list .item_arrow{padding: 7px}
    .cables_detail .cables_detail_overview_swiper{width: 85%}
    .cables_detail .about .same_size{width: 33.33%}
    .cables_detail .clients_text{gap: var(--size-10)}
    .cables_detail .clients_text_item{flex: 0 1 48%}
    .list_include_detail .product_list{grid-template-columns: repeat(1,minmax(0,1fr))}
    .same_form{padding:var(--size-20) 13px 0}
    .same_form .form_list{row-gap:var(--size-20)}
    .same_form .form_list .form_item input,.same_form .form_item textarea{padding: 15px}
    .same_form .form_list .sub_btn{margin: var(--size-10) auto 0}
    .same_form .form_list .sub_btn input{font-size: 18px}
    .contact_us .contact_us_form{margin-bottom: var(--size-40)}
    .contact_us .contact_information_list{margin-bottom: var(--size-40)}
    .contact_us .contact_information_item .item_text{flex: 0 1 70%}
    .contact_us .map{height: 330px}
    .video .video_item_thumbnail{margin-bottom: var(--size-20)}
    .video .video_list .public_flex{row-gap: var(--size-20)}
    .video .video_item_player{width: 95%;height: 35%}
    .common_form{padding: 35px var(--size-20) 5px}
    .news .news_pagenavi .wp-pagenavi span, .news .news_pagenavi .wp-pagenavi a{padding: 7px}
}
@media (max-width: 375px) {
    .flex_33{flex: 0 1 var(--max-percentage)}
    .banner{padding: 80px 0}
    .more{padding-top: var(--size-20)}
    .header .header_contact .contact_list{gap: var(--size-10)}
    .home .promise_content{padding:var(--size-50) var(--size-20)}
    .home .promise_content .content_list{margin-bottom: var(--size-30)}
    .home .promise_bg{padding: 100px var(--size-20)}
    .home .promise_bg .bg_list{justify-content: center}
    .cables_list .cables_item_wrapper .item{padding: var(--size-20) var(--size-10)}
    .cables_detail .cables_detail_overview_swiper{width: var(--max-percentage)}
    .cables_detail .about .same_size{width: var(--mid-percentage)}
    .cables_detail .verification_list{grid-template-columns:repeat(4,minmax(0,1fr))}
    .search_form_wrapper .searchInput_wrapper{width: 85%}
    .news .news_pagenavi .wp-pagenavi{flex-wrap: wrap}
}