@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #333;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img{display: block;}
a{color: #333;text-decoration: none;}
a:hover{color: #444;text-decoration: none !important;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}

/*.container{padding: 0px !important;}*/
button:focus{outline:none;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
.pf_12{font-size: 12px;line-height: 25px;}
.pf_14{font-size: 14px;line-height: 30px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_20{font-size: 20px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
.pf_38{font-size: 38px;line-height: 50px;}
.pf_42{font-size: 42px;line-height: 50px;}
.pf_44{font-size: 44px;line-height: 60px;}
.pf_48{font-size: 48px;line-height: 68px;}
.pf_54{font-size: 54px;line-height: 72px;}
.fb{font-weight: bold;}

.over-line-1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.over-line-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.over-line-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.over-line-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.over-line-6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
#dituContent label {max-width: unset!important;text-align: center;}


/* .index_bg{height:100px;background:url(../images/bd_bg.png) repeat-x;z-index: -1;position:absolute;} */
/* 主菜单 */
.head{position: relative;width:100%;height:auto;z-index: 9999;padding: 50px 0px 0px;}
.head .navbar-brand img{position: relative;top:-75px;}

.head .nav {background: none;display: flex;list-style: none;}
.head .nav_item {position: relative;}
.head .nav_link {color: #fff;padding:10px 15px; display: block;text-decoration: none;font-size:18px; font-weight: bold;}
.head a.nav_link:hover{color:#000;}
.head .dropdown{width:168%;height:auto;position: absolute;top: 100%;left: 0;background: #fff;list-style: none;opacity: 0;visibility: hidden;transition: 0.3s;}
.head .dropdown li{text-align: center;}
.head .dropdown a{width:100%; line-height: 48px;font-weight: bold;display:block;}
.head .dropdown a:hover{color:#eb343b;background-color: #0000001a;}
.head .nav_item:hover .dropdown {opacity: 1;visibility: visible;}
.head .nav .nav_icons{display: flex;flex-direction: row;gap: 1.5rem;justify-content: center;align-items: center;background:#eb343b;border-radius: 30px; padding:10px;}
.head .nav a.f_aicon{line-height:30px;display:block;text-align:center;font-size:16px;color:#fff; font-weight: bold; padding:0px 10px;}
.head .nav a.f_aicon svg{width:22px;height: 22px;}
.head .nav a.f_aicon:hover{color:#000; }
.m_nav,.m_img{display:none}


/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}




.product-block, .case-block {margin-bottom: 20px;}
.floor_box,.intr_box,.news_box,.foota,.link_box{margin: 0px !important;}

/* banner */
.banner h2{position: relative; padding-bottom:16px;margin-bottom:1.5rem; color:#fff;}
.banner .banner_bt_box{ overflow: hidden;display: flex;flex-direction: row;gap: 2rem;align-items: center;justify-content: center;}
.banner .banner_bt{color: #fff;background-color: #1c1c1c;border-radius: 30px;padding: 15px 40px;box-shadow: 2px 2px 2px #0006;}
.banner .banner_bt:hover{background-color: #000;}
.banner img.banner_img{width:1540px;position: relative; left: -200px;}
img.aos_init{position: absolute;z-index: 1;left: 200px;top: 770px;}


/* row1 */
.in_01{height: auto;overflow: hidden;}
.intr_box h2{position: relative; padding-bottom:16px;line-height: 1;margin-bottom:1.5rem; color:#fff;}
.in_01 .intr_box img{width:550px;}
.in_01 .intr_box .rr_box{position: relative; top: 270px;}
.intr_box p{line-height: 30px;color: #fff;}

/* row2 */
.in_02 .intr_box img{width:900px;}
.in_02 .intr_box .rl_box{position: relative; top:140px; z-index: 1;}
.in_02 .intr_box .rr_box{position: relative; left: -200px; z-index: 0;}
.intr_box p{line-height: 30px;color: #fff;}

/* row3 */
.in_03{position: relative;top: 120px;}
.intita{height: auto;overflow: hidden;text-align: center;}
.intita span{display: block;letter-spacing: 2px;}
.acea-row .col-6{padding: 3% !important; background:url(../images/pro_bg2.png) no-repeat left top;}
.in_03 .acea-row{position: relative;bottom: -100px;}
.acea-row .product_block{height:328px;margin-bottom:20%;display: block;padding: 15px; background: #fff url(../images/pro_bg1.png) no-repeat; border-radius:20px; text-align: center;box-shadow:0 10px 20px 0px rgba(0,0,0,.2);}
.acea-row .product_block:hover{transition: 0.5s;box-shadow:0 10px 20px 0px rgba(223,3,20,.8);transition: all 0.5s ease-out 0s;}
.acea-row .product_block .product_box{position: relative; top: -140px;}
.acea-row img.pro_img{margin:0 auto;height:220px;}
.acea-row .product_block:hover img.pro_img{transform: scale(1.05) !important;transition: all 0.5s ease-out 0s;}
.product_block h5.info{color:#000;}
.product_block p.price{color:#000;}
.product_block a.pmenu{width: 50%;color: #fff; background-color: #eb343b; padding: 10px; display: block; margin: 0 auto; border-radius:50px;font-weight: bold;}
.product_block a.pmenu:hover{background-color: #a8010f;}
@media screen and (max-width: 1024px) and (min-width: 0px){
   .floor_adv{display: none;}
}

/* row4 */
.in_04{ background:url(../images/row4_bg.png) repeat; padding: 500px 0 512px;}
.in_04 .intr_box h2{position: relative; padding-bottom:16px;line-height: 1;margin-bottom:1.5rem; color: #fff;}
.in_04 .intr_box p{line-height: 30px;color: #fff;}

/* row5 */
.in_05 .intr_box h2{position: relative; padding-bottom:16px;line-height: 1;margin-bottom:1.5rem; color: #000;}
.in_05 .intr_box p{line-height: 30px;color: #000;}
.in_05 .intr_box img{ width: 8%;margin: 0 auto;}
.in_05 .intr_box a{width: 20%;color: #fff; background-color: #eb343b; padding: 10px; display: block; margin: 0 auto; border-radius:50px;}
.in_05 .intr_box a:hover{background-color: #a8010f;}

@media (max-width: 576px) and (max-width: 768px){
   .data_col{ padding: 0px !important; text-align: center; border:none;}
}

/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../images/foot_bg.png) repeat; padding: 500px 0 50px;text-align: left;}
.foot_logo{height: auto;overflow: hidden;}
.foot_logo img{width:334px;}
.footerbox p{padding:10px 0; color:#fff;}
.footer-text h5,.footer-text a{color: #fff;}
.footer-text ul li{padding:12px 0;}
.foot_form_box input{width: 80%;height: 45px;padding-left: 15px;border: 2px solid #e6e6e6; background-color: #000;color:#fff;}
.foot_form_box button.letter_form_button{-webkit-appearance: none;appearance: none;background: none;border: none;bottom: 0;color: inherit;cursor: pointer;outline: none;position:relative;right: 33px;}
.foot_form_box button.letter_form_button .bi{width: 20px;height: 20px; color: #fff;}
.footer_social li{display: inline-block;}
.footer_social li a{font-size: 22px; color: #fff; height: 34px; width: 34px; line-height: 34px; text-align: center; margin-right: 16px; display: block;}
.footer_social li a:hover{color: #eb343b;}

/*弹框留言
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 400px; height: 300px; margin: 0 auto; display: none; background-color: #ffffff; position: fixed; top: 50%; left: 50%; margin: -120px 0 0 -230px; z-index: 10000; border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.2); }
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos label{width: 100%;}
.editInfos li{width:90%;margin:8px auto auto;text-align: center;}
.ipt{width: 70%;border:1px solid #ccc;padding:10px;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:110px;height:42px;line-height:42px;cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#eb343b;color:#fff;}
*/

/*简介*/
.ban{height: auto;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;padding: 1.8rem 0;}
.ban strong{display: block;font-size: 42px;line-height: 50px;color: #004098;-webkit-text-stroke:1px #fff;}
.ban strong b{font-family: impact;font-size: 60px;-webkit-text-stroke:2px #fff;}
.ban span{display: block; color: #004098;}
.ban p i{display: block;width: 100px;border: 1px solid #004098;color: #004098;margin-bottom: 2%;border-radius: 60px;margin-right: 2%; line-height: 30px;float: left;text-align: center;}
.bana{text-align: right;}
.bana img{max-width: 100%;}

/*面包屑
.location{height: auto;line-height: 50px;border-bottom: 1px solid #e8e8e8;}
.locationb a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; position: relative; transition:.4s;text-align: center;}
.locationb a:hover{background: #a8010f;color: #fff;}
.locationb a.on{background: #a8010f;color: #fff;}
.locationa{text-align: right;color: #777;}
.locationa a {color: #777;transition:.4s;}
.locationa a:hover {color: #a8010f;}*/



/*content_product*/
.producta{height: auto;overflow: hidden;background: #f6f7fc;}
.productc{height: auto;overflow: hidden;position: relative;}
.productc img{display: block;max-width: 100%;max-height: 100%; position: relative;z-index: 1;}
.productaa{position: absolute;bottom: 1rem;left:1rem; z-index: 5;padding:1rem 2rem;background: rgba(255,255,255,.8);}
.productaa span{display: block;font-size: 22px;line-height: 40px;}
.productaa i{display: block;width: 30px;height: 3px;margin:1rem 0;background: #444;}
.productaa p{line-height: 30px;font-size: 16px;color: rgba(0,0,0,.8);}


/*关于我们*/
.company{height: auto;overflow: hidden;}
.company_tit{height: auto;overflow: hidden;position: relative;margin-bottom: 1rem;}
.company .mt_350{margin-top: 350px;}
.companyaa span{display: block;}
.companyaa p{color:  #555;line-height: 30px;}
.companyb{height: auto;overflow: hidden;}


/*content_public*/
.public{background: #f6f7fc;height: auto;overflow: hidden;}
.content{line-height: 30px;}
.content img{display: block;max-width: 100%;margin:0 auto;}
.content p{color: #777;}
.de-page-mian{height: auto;overflow: hidden;margin:1rem auto;}

/*详情翻页
#prev_next li{float: left;width: 50%;line-height: 35px;border-top: 1px solid #dbdbdb;padding-top: 2%;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #23569e !important;}*/


/*产品列表*/
.plist .acea-row{padding-top: 3rem;}

/*产品详情*/
.proinfo{height: auto;overflow: hidden;margin:2% 0;}
.proa{background: #fff; box-shadow: 0 10px 20px 0px rgba(0, 0, 0, .2);}
.proaa{height: auto;overflow: hidden;}
.proaa span{display: block;font-size:36px;color: #000;}
.proaa p{color: #333;line-height: 28px; font-size: 18px;}
.proaab p{float: left; opacity: 0;font-size: 22px;color: #004098;transition:.4s;}
.proaab a{display: block;float: left; width: 160px;background:#eb343b;line-height:42px;border-radius: 30px; text-align:center;color:#fff;transition:.4s;}
.proaab a:hover{background: #a8010f;color:#fff;}
.proab span{display: block; color: #000;}
.proab p{line-height: 30px;color: #777;}
.proac{height: auto;overflow: hidden;margin-top:1.5rem !important;}
.proac input{-webkit-appearance: none;appearance: none;border: 1px solid #dddddd;font-family: inherit;font-size: inherit;margin: 0 80px 0 0;max-width: 100px;padding: 6px;float: left;}

.proad{position: relative;height: auto;overflow: hidden; border:1px solid #e9e9e9;transition:.4s;background-color: #f2f2f2;}
.proad img{display: block; max-width: 100%;}
.proda{position: absolute;top:0;left:0;}
.prodb{position: absolute;bottom:0;left:0;width: 100%;}
.proca strong{display: block;line-height: 50px;border-bottom: 1px solid #eee;font-size: 18px;color: #444; background: url(../images/tipd.png) left no-repeat;padding-left:2rem;margin: 1rem 0;}
.proca p{line-height: 30px;font-size: 15px;}
.proca img{ max-width: 100%!important;} 
.proc_tit{height: auto;overflow: hidden;position: relative;margin-bottom: 1rem; border-bottom: 2px solid #f1f1f1;}
.proc_tit h4{color:#000; font-size:32px; text-align: left;}
.proc_tit h4:before{position: absolute;content: "";bottom: 0;width:20%;height:2px;background: #eb343b;}
.prob .col-12{padding: 0px;}

/* 搜索 */
.search{position: relative; height: auto;overflow: hidden; margin: 10px auto;width:80%;}
.search_btn{position: relative;left:-356px;top:0px;width:10%; height: 40px; line-height: 40px;border-radius:6px;color: #555;text-align: center; border:none;font-size: 16px;}
.btn_slt{background:#2b65f6;color: #fff;}
.btn_no{background-color: initial; }
.search .search_name{ width: 100%; height: 50px; line-height: 50px;float: left;border:solid 1px #1c1c1c;border-radius:10px; outline: none;font-size: 16px;text-indent:10px;}
.search #button{position: absolute;right:5px;top:53px; width: 100px; height: 40px; line-height: 40px; background:#1c1c1c;border-radius:10px;cursor: pointer;color: #fff;text-align: center; border:none;outline: none;font-size: 16px;}
.search #button:hover{ background:#000;}

/* 购物车 */
.cart{height: auto;overflow: hidden;}
.cart_listbox{ background-color: #fff; box-shadow: 0 10px 20px 0px rgba(0, 0, 0, .2);border-radius: 10px;}
.cart_list_tit,.cart_list{border-bottom: 1px solid #f1f1f1; font-weight: bold; overflow: hidden;display: flex; align-items: center; justify-content: space-evenly;}
.cart_list_tit div,.cart_list div{float: left; padding: 24px 0px; font-weight: bold;text-align: center;}
.cart_list{height: auto;border-bottom: 1px solid #f1f1f1;}
.cart_list a{ overflow: hidden;}
.cart_list a.product_link{display: block; margin-bottom: 8px;}
.cart_list img{max-width:140px; margin-left: 70px;}
.cart_box_bottom{border-top: .1rem solid rgba(var(--color-foreground), .08);padding: 16px;text-align: right;}
.cart_box_bottom button,.cart_list a.button{margin-left: 10px; background-color: #eb343b;border: none;border-radius: 20px;box-shadow: 4px 4px 8px #0000001a;color: #fff;cursor: pointer;display: inline-block;font-family: inherit;font-size: 14px;font-weight: 700;line-height: 1.2; outline: none;padding: 12px 30px;transition: opacity .2s ease-in-out;-webkit-appearance: none;appearance: none;}
.cart_box_bottom button:hover,.cart_list a.button:hover{background-color: #a8010f;border: none;}
.quantity{-webkit-appearance: none;appearance: none;border: 1px solid #2d2d2d;border-radius: 6px;font-family: inherit;font-size: inherit;margin: 0 auto;max-width: 80px;padding: 6px;}

/* 立即支付 */
.buynow .container{box-sizing: border-box;}
.checkout_content{display: flex; -webkit-flex: 0 0 56%; flex: 0 0 56%; -webkit-flex-direction: column; flex-direction: column;flex-wrap: wrap;align-content: flex-end;border-right: 1px solid #ededed;}
.checkout_main{width: 100%;max-width: 660px;min-height: 100vh;padding: 0 39px;}
.information_box .box_title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;overflow: hidden;padding-bottom: 12px;line-height: 22px;}
.information_customer .information_login{ font-size: 14px; color: #545454;}
.information_box .box_content{ margin-bottom: 30px;}
  
.information_newsletter { display: flex; align-items: center; margin-top: 15px; }
.information_newsletter .checkbox_input { padding-right: 10px; }
.information_newsletter .checkbox_input .input_checkbox { position: relative; width: 18px; height: 18px; cursor: pointer; border: 1px solid #f2f2f2; border-radius: 4px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.information_newsletter .checkbox_input .input_checkbox:checked { border-width: 9px; border-color: var(--CheckoutMainColor); }
.information_newsletter .checkbox_label { cursor: pointer;font-size: 14px;color: #545454;line-height: 22px; margin-bottom: 0px;}
.information_newsletter.line { border-top: 1px solid var(--checkoutBorderColor); padding-top: 20px; }

.information_address{overflow: hidden;}
.information_address .box_title { padding-bottom: 6px; }
.information_address .address_button{display: none; height:55px; line-height:55px; color:#a9a9a9; position:absolute; right:1px; top:0;}
.information_address .address_button>a{margin:0 20px; color:#666; display:inline-block; vertical-align:top;}
.information_address .address_default{color:#666; position:relative;}
.checkout_address_form .rows {width: 100%; margin-bottom: 16px; padding:0px 8px;}
.checkout_address_form .shipping_address{margin-right: -8px; margin-left: -8px;}
.checkout_address_form .shipping_address div.row{margin: 0px;}
.checkout_address_form .rows .input_box {display: flex;flex: 1;}
.information_box .input_box_txt,.information_box .input_filled{height: 48px;width: 100%;padding: 11px 16px;font-size: 13px; color: #333; background-color: #fff; border: 1px #d9d9d9 solid; border-radius: 5px; transition: all 150ms; -webkit-transition: all 150ms;}
.information_box .input_filled select{width: 100%;height: 26px;}
.information_box .input_filled select option{color:#777;}
.information_box .input_filled select option:checked{color: #000;}


.order_summary_box {-webkit-flex: 0 0 44%; flex: 0 0 44%; background-color: #f5f5f5; padding: 30px !important;}
.order_summary_section_content {padding: 8px 0;}
.order_summary_section_content.box_limit{overflow-y: auto; max-height: 540px;padding-right: 5px;}
.product_table {display:flex;flex-direction:column;row-gap:15px;}
.product_table .row {display:flex;height:100%;margin:0px;}
.product_table .row > div {display:flex;flex-direction:column;justify-content:flex-start;position:relative;}
.product_table .picture {display:flex;align-items:center;justify-content:center;border:1px solid var(--checkoutBorderColor);border-radius:4px;width:68px;height:68px;text-align:center;background-color:#fff;}
.product_table .picture img {max-width:100%;}
.product_table .picture .qty {display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-7px;right:-7px;z-index:1;border-radius:36px;min-width:22px;min-height:22px;padding:0 7px;font-size:12px;color:#fff;background-color:#5d5d5d;}
.product_table .info {flex-grow:1;padding-left:14px;}
.product_table .info .product_description_name {font-size:14px;font-weight:400;word-break:break-word;line-height:22px;}
.product_table .info .invalid {line-height:20px;margin-bottom:8px;padding:0 12px;color:#fff;border-radius:50px;display:none;font-size:14px;}
.product_table .error .info .invalid {display:inline-block;}
.product_table .info .attr_box p,.product_table .info .custom_attr p {overflow:hidden;word-break:break-word;line-height:24px;margin:0;font-size:14px;}
.product_table .info .attr_box b,.product_table .info .prod_weight b {font-weight:700;}
.product_table .info .pre_sales_info {margin-bottom:5px;}
.product_table .info .pre_sales_info .tag {display:inline-block;padding:0 8px;line-height:24px;border-radius:5px;background-color:#ffe7e7;color:#f16056;font-size:12px;}
.product_table .info .gifts_tips {margin-top:5px;color:#eb3e3e;font-size:12px;}
.product_table .info .gifts_tips i {margin-right:6px;}
.product_table .info .cart_error {margin-top:2px;line-height:18px;}
.product_table .price {padding-left:14px;}
.product_table .price > p {font-size:14px;}
.information_box {width:100%;}
.amount_box .rows {line-height:18px;padding:5px 0;font-size:14px;}
.amount_box .rows .flex_box {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.amount_box .rows .name {flex:1;-webkit-flex:1;-ms-flex:1;}
.amount_box .rows .value {text-align:right;}
.amount_box .rows .name,.amount_box .rows .value {display:inline-block;vertical-align:top;}
.amount_box .total_charge{padding-top:20px;padding-bottom:0;font-weight:700;line-height:32px;}
.amount_box .total_charge em{font-weight:bold;}
.amount_box .total_charge .name {font-size:14px;}
.amount_box .total_charge .value {font-size:22px;}
.order_summary .btn_place_order{border:0;border-radius:30px;width:100%;height:60px;background:#eb343b;font-weight:bold;line-height:60px;color: #fff;}
.order_summary .btn_place_order:hover{background: #a8010f;}
button:focus,button:focus-visible{outline:4px !important;}


/*联系我们*/
.contact{height: auto;overflow: hidden;}
.contact_box{padding:3rem !important;}
.contact_tit h4{font-size: 36px;margin-bottom: 10px;font-weight: bold;}
.contact_tit span{color:#000; font-weight: bold;}
.contact_con{height: auto;overflow: hidden;}
.contact_con li{height: auto;overflow: hidden;text-align:left; display: flex;}
.contact_con li p{line-height:28px;font-size: 18px;color:#000; margin-bottom:0.2rem; }
.contact_con li p img{margin-right: 10px;}

.contactb{height: auto;overflow: hidden;}
.contactc{height: auto;overflow: hidden;background: url(../images/contactc.jpg) center top no-repeat; background-size:cover}
.cona{background: rgba(255,255,255,0.6);height: auto;overflow: hidden;}
.cona .forma{height: auto;overflow: hidden;}
.cona .forma input.form49{float: left;width:49%;margin-right: 2%;line-height: 30px;background: #f5f5f5;padding:.5rem;}
.cona .forma input:last-child{margin-right: 0px;}
.cona input.form100 {display: block;padding-left:2%;width: 100%;background:#f5f5f5;line-height: 35px;}
.cona .code {width:100%;margin:0 auto; overflow: hidden;}
.cona .code input {width:80%;line-height: 30px;float: left; background:#f5f5f5; padding:.5rem;}
.cona p {line-height:24px;color: #777;}
.cona p i{font-size: 18px;}
.cona .code .verify {cursor: pointer;float: left;width:20%;}
.cona .code .verify img {display: inline-block;max-width: 100%;height:46px;}
.cona .submit{width:30%;display: block;text-align: center;background: #eb343b;transition:.4s; color:#fff;font-size: 16px; font-weight: bold;padding:.8rem; border-radius: 50px ;}
.cona .submit:hover {background: #a8010f;color: #fff;}
.cona .form-tr {overflow: hidden;margin-top: 2%;}


@media (max-width: 576px) {  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
/* .mf_18{font-size: 18px;line-height: 35px;} */
.mf_22{font-size: 22px;line-height: 40px;}

.head .nav{display: none;}
.head .navbar-brand img{width: 50%;}

.banner{margin-top: 2rem;}
.banner h2{font-size: 40px; line-height: 60px;padding-bottom: 0px;}
.banner .banner_bt{padding: 10px 18px;}
.banner img.banner_img{width: 100%;position: static;}
.in_01 .intr_box img{width: 100%;}
img.aos_init{display: none;}
.in_01 .intr_box .rr_box{position: relative; top:1rem;}

.in_02 .intr_box .rl_box{position: relative; top:1rem;}
.in_02 .intr_box .rr_box{position: relative;top:2rem;left:0;z-index: 0;}
.in_02 .intr_box .rr_box img{width: 100%;}
.acea-row .col-6 {padding: 1% !important;background: url(../images/pro_bg2.png) no-repeat left top;margin-bottom:2rem;}
.acea-row .product_block .product_box {position: relative;top: -105px;}
.acea-row img.pro_img {margin: 0 auto;height: 100%;}
.product_block a.pmenu { width: 85%; color: #fff; background-color: #eb343b; padding: 10px; display: block; margin: 0 auto;border-radius: 50px;font-weight: bold;}
.intita{padding-bottom:0rem;}
.in_03 {position: relative; top:0px;}
.in_03 .pb-5{padding-bottom:0rem !important;}
.in_03 .intita span { color: #fff;}
.in_04{padding: 280px 0 80px;}
.in_04 .intr_box h2 {position: relative; padding-bottom: 16px; line-height: 1;margin-bottom: 1.5rem;color: #fff; }
.in_05 .intr_box a {width: 90%;}



.footer{padding: 260px 0 30px;}
.foot_logo img { width: 334px;text-align: center;margin: 0 auto;}
.footer-text{ text-align:center;}
.foot_form_box input { width: 94%;height: 45px;padding-left: 15px;border: 2px solid #e6e6e6;background-color: #000;color: #fff;}
.footer-text h5 {padding-top: 1rem;}
.footerbox p {padding:1rem 0;margin-bottom: 0px;}
.footer ul{margin-bottom: 0px;}

.company .company_tit{padding-top: 5rem !important;}
.slide-tilte{width:90%;padding: 50px 0px !important;left:25px !important;}

.plist .intita span{ padding: 5rem 0;color:#fff;}
.detail .prob{margin-bottom:0px !important;}
.detail .acea-row{padding-top: 3rem;}

.contact{height: auto;overflow: hidden;margin-top: 5rem;}
.cona .submit {width: 60%;}
.contact .intita span {display: block;letter-spacing: 2px;color:#fff;}

.searchbox {overflow: hidden; margin:3rem auto 0;width: 100%;}
.search #button {top: 22px;}
.searchbox .intita span{color:#fff;}
.searchbox .acea-row{padding-top: 3rem;}

.cart h2{padding-top: 3rem;color:#fff;}
.cart_listbox{margin-top: 3rem;}
.cart_list img {max-width: 80px;margin-left: 0;}
.cart_list div:nth-of-type(1){display: none;}
.cart_list a.button { margin-left: 0px;}

.payresult .intr_box{padding: 5rem 0; color: #fff;}
.payresult .intr_box img {width: 20%;margin: 0 auto; padding-bottom: 1rem;}
.payresult .intr_box h2,.payresult .in_05 .intr_box p {color: #fff;}
.payresult .intr_box a { width:80%; color: #fff; background-color: #000; padding: 10px; display: block;margin: 0 auto; border-radius: 50px;
}

}

/*移动端导航*/
@media screen and (max-width: 576px) and (min-width: 0px){
   .head_top{display: none;}
   .navbar-brand{display: none;}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:60px;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden; background: #00000070;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height: 60px;display: block;margin-left: 10px;}
   .m_img .headrg{padding-right:5%;padding-top:20px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:20px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530;}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}


@media (min-width: 576px) and (max-width: 768px) {  
.topa span{font-size: 14px;}
.topa p{font-size: 12px;}
.search{width: 80%;}
.intitb strong{font-size: 56px;}
.in01a .col{padding-left: .25rem;padding-right: .25rem;}
.in02a_a .col-6:nth-of-type(9){display: none;}
.in03c{margin-top: 0px;}
.in03c strong{font-size: 20px;}
.in03c p{width: 100%;}
.in03b {left:6%;}
.in03b img{width: 94%}
.in03a .swiper-button-next,.in03a .swiper-button-prev{top:60%;}
.in_03 .swiper-slide{margin-top: 10%;}
.in_03 .swiper-slide img{max-width: 150%;}
.in04a span{font-size: 30px;line-height:40px;}
.footb{line-height: 50px;}
.ban strong{font-size: 24px;}   
.ban strong b{font-size: 36px;}  
.ban span{font-size: 18px;}
.ban p i{width: 20%;}
.locationa{text-align: left;}
.proaab a{width: 100%;}
.comc_a{width: 100%;}
.locationc{text-align: right !important;}
#hxys .swiper-slide{height: 200px;}
.comtit strong{font-size: 34px;}
.comtit{margin-bottom: 4%;}
.companyc li{margin-bottom: 4%;}
.in_02 .row{margin-left: 0px;margin-right: 0px;}
.location .row{margin-left: 0px;margin-right: 0px;}
.companyc .row{margin-left: 0px;margin-right: 0px;}
.companyc .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.honorlist .col-4{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.contactc .code{width: 90%;}
}

@media (min-width: 1200px) {
.top .container{max-width: 1200px;}
.container{max-width: 1200px;}
 }
@media (min-width: 768px) and (max-width:992px){
.locationa{text-align: left;}
.proaab a{width: 100%;}
.comc_a{width: 100%;}
.locationc{text-align: right !important;}
.comtit strong{font-size: 34px;}
.comtit{margin-bottom: 4%;}
} 

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}


/* 分页样式  */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination li{
   padding: 0px;
    margin: 0px;
    display: block;
}
.pagination a{margin-right:0px;}
.pagination a,.pagination span{
    color: #333;
    font-size: 12px;
    margin: 0 2px;
    position: relative;
    border: 1px solid #dee2e6;
    background: #fff;
    padding: 8px 10px;
    margin: 0 2px;
    line-height: 100%;
    display: block;
}
.pagination a:hover {
  color: #fff;
  background: #eb343b;
}
.pagination a.page-num-current,.pagination li.active a{
  color: #fff;
  background: #eb343b;
  margin: 0px;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}



.modal-overlay {position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);}
.modal-dialog {margin:10% auto;padding:20px;border:1px solid #888; width:30%;background-color:#fefefe;}
.modal-content {background:white;margin:auto;padding:20px;border:0px solid #888;width:100%;}
.close-button {color:#aaa;float:right;font-size:28px;font-weight:bold;position:absolute;margin-left:500px;}
.close-button:hover,.close-button:focus {color:black;text-decoration:none;cursor:pointer;}
#mask_shadow {display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);align-items:center;justify-content:center;}
.overlay {display:none;position:absolute;z-index:8;top:150px;width:600px;margin:auto;height:auto;box-shadow:0 5px 15px rgba(0,0,0,0.5);background-color:#fff;border-radius:30px;padding:10px;}
.overlay .titles {position:relative;width:100%;height:38px;}
.overlay .titles .close_button {position:absolute;right:0px;width:30px;height:30px;color:#000;cursor:pointer;text-align:center;font-size:28px;font-weight:bold;background-color:unset;border-radius:0;border:0;}
.overlay .titles .close_button:hover {opacity:0.8;}
.overlay .cont {width:100%;padding:5px;text-align:left;font-size:20px;}
#btn1 {margin:30px;}
.overlay .btns {max-width:100px;font-size:larger;width:100%;background-color:#eb343b;border:0;height:38px;border-radius:49px;color:#fff;float: inline-end;margin-right: 10px;}