.product-navbar{ position:relative; height:500px; background-image:url("../images/fj.png"); background-position:center; background-size:cover; background-repeat:no-repeat }
.public-row-container{ display:flex; align-items:center; justify-content:center }
.anchor-container{ display:grid; grid-template-columns:repeat(4,1fr); align-items:center; gap:10px; margin-bottom:20px }
.anchor-container .box{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.anchor-container .box:first-child{ border-left:1px solid #b9b9b9 }
.anchor-container .box{ border:1px solid #b9b9b9; text-align:center; cursor:pointer; padding:0px 1vw; line-height:3.975vw; display:block; font-size:.935vw }
.anchor-container .box:hover{ background:#ed6d00 }
.anchor-container .box:hover>a{ color:#fff }
@media(max-width:992px){ .anchor-container .box{margin:1vw 0; border:1px solid #b9b9b9 !important; line-height:35px !important; font-size:14px !important }
}
@media(max-width:1200px){ .anchor-container{display:grid; grid-template-columns:repeat(3,1fr); align-items:center }
}
@media(max-width:950px){ .anchor-container{display:grid; grid-template-columns:repeat(2,1fr); align-items:center }
}
@media(max-width:750px){ .anchor-container{display:grid; grid-template-columns:repeat(1,1fr); align-items:center }
}
.pro_top_content{ text-align:center; padding:3vw 0px 2vw }
.pro_top_content .tit{ color:#333; font-size:28px; font-weight:bold; padding-bottom:1.6vw }
.pro_top_content .text{ line-height:32px }
.pro_listbox{ margin-bottom:5vw; height:437px; position:relative }
.pro_listbox .bg-img{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100% }
.pro_listbox .box{ padding-top:30px }
.pro_listbox .box .tit{ font-size:2vw; color:#333; margin-bottom:10px }
.pro_listbox .box .tit::after{ background:#656366; content:" "; width:60%; height:2px; display:block; margin-top:25px }
@media(max-width:1200px){ .pro_listbox{height:100% }
.pro_listbox .box .tit{ font-size:2vw }
.bg-img{ display:none }
}
@media(max-width:900px){ .pro_listbox{height:100% }
.pro_listbox .box .tit{ font-size:4vw }
.bg-img{ display:none }
}
.pro_cont_list .content .box{ margin-bottom:3vw; transition:all .3s ease-out; cursor:pointer }
.pro_cont_list .content .box:hover .top img{ transform:scale(1.1) }
.pro_cont_list .content .box .top{ position:relative; min-height:225px }
@media(max-width:1200px){ .pro_cont_list .content .box .top{min-height:262px }
}
.pro_cont_list .content .box .top .bg{ width:100%; height:70%; background:#f1f1f1; display:block; position:absolute }
.pro_cont_list .content .box .top img{ position:relative; margin:0px auto; display:block; vertical-align:middle; max-width:100%; transition:transform .5s ease; cursor:pointer }
.pro_cont_list .content .box .text_box .tit{ color:#333; font-weight:bold; font-size:20px; padding-left:25px; position:relative; min-height:60px }
.pro_cont_list .content .box .text_box .tit::before{ display:inline-block; width:20px; height:4px; background:#ed6d00; margin-bottom:3px; position:absolute; top:12px; left:-5px; content:" " }
.pro_cont_list .content .box .text_box .canshu{ padding:20px 20px 0px }
.pro_cont_list .content .box .text_box .canshu .cs{ display:flex; align-items:center; justify-content:space-between; overflow:hidden; line-height:40px }
@media(max-width:1660px){ .pro_cont_list .content .box .text_box .canshu .cs{font-size:14px }
}
@media(max-width:1440px){ .pro_cont_list .content .box .text_box .canshu .cs{font-size:12px }
}
@media(max-width:1320px){ .pro_cont_list .content .box .text_box .canshu .cs{font-size:11px }
}
@media(max-width:1200px){ .pro_cont_list .content .box .text_box .canshu .cs{font-size:15px }
}
.msg_box .box{ border:1px solid #d6d6d6; padding:50px }
.msg_box .box .tit{ text-align:center; font-size:38px; color:#231815; font-weight:bold }
.msg_box .box .tit::after{ background:#dd5616; content:" "; width:160px; height:2px; display:block; margin:15px auto }
.msg_box .box .text{ text-align:center; font-size:16px; color:#606060; font-weight:400; line-height:35px }
.msg_box .input{ width:100%; display:table; line-height:45px; overflow:hidden; font-size:14px; padding:20px 0px }
.msg_box .input .img{ display:table-cell; padding-right:18px; min-width:45px; width:45px }
.msg_box .input span{ display:table-cell; max-width:135px; width:135px }
.msg_box .input .intxt{ width:100%; border:1px solid #8a8a8a; height:45px; background:none }
.msg_box .input_textre span{ padding-bottom:10px; display:inline-block }
.msg_box .input_textre #messagetext{ width:100%; height:100px; border:1px solid #dbdbdb }
.msg_box .btnclick{ display:block; margin-top:15px }
.msg_box .msg_btn_submit{ width:306px; background:#ff5f33; color:#fff; line-height:45px; border-radius:10px; margin:0px auto; font-size:20px; display:block; border:none }
.msg_box .msgr_box{ margin-top:20px; color:#fff; display:block; height:100%; width:100%; background:url(../images/fj.png) center top no-repeat; background-size:cover; padding:25px }
.msg_box .msgr_box .tit{ padding:30px 20% 20px 15%; font-size:32px; color:#fff }
.msg_box .msgr_box .tit::after{ background:#fff; content:" "; width:60px; height:3px; display:block; margin:25px 0px }
.msg_box .msgr_box .msgr_b{ display:flex; padding-bottom:20px }
.msg_box .msgr_box .msgr_b .img{ margin-right:15px; width:29px; display:inline-block }
.msg_box .msgr_box .msgr_b .r_box{ display:flex; flex-direction:column; align-items:flex-start }
.msg_box .msgr_box .msgr_b .r_box .text{ color:#fff; font-size:16px; line-height:30px; text-align:left }
@media(max-width:768px){ .msg_box .box{padding:15px }
.msg_box .input{ padding:3px 0px }
.msg_box .msg_btn_submit{ width:200px }
}
@media(max-width:768px){ .msg_box .box{padding:25px }
.msg_box .input{ display:inline-block }
}
@media(max-width:1199px){ .msg_box .input{padding:10px 0px; line-height:35px }
}
.w-90{ width:90% !important }
.text-info-box p img{ width:100% !important }