:root {
    --main-color: #d70e19;
    --white-color: #ffffff;
    --black-color: #010111;
    --f7f7f7-color: #f7f7f7;
}
/* public */
.inner{margin: 0 auto;padding: 0 10px;max-width: 1400px; width: 100%}
.public_flex{display: flex;justify-content:space-between;align-items: center;flex-wrap: wrap}
.justify_center{justify-content: center;align-items: flex-start;gap: 7px}
.justify_center ul{list-style: none}
.grid_20,.grid_25,.grid_33{display: grid;gap: 20px}
.grid_20{grid-template-columns: repeat(5,minmax(0,1fr))}
.grid_25{grid-template-columns: repeat(4,minmax(0,1fr))}
.grid_33{grid-template-columns: repeat(3,minmax(0,1fr))}
.gap_10{gap: 10px}
.gap_20{gap: 20px}
.gap_50{gap: 50px}
.margin_10{margin-bottom: 10px}
.margin_20{margin-bottom: 20px}
.margin_30{margin-bottom: 30px}
.padding_30{padding: 30px 0}
.padding_50{padding: 50px 0}
.no_margin{margin: 0}
.color_main{color: var(--main-color)}
.text_center{text-align: center}
.table_wrap{overflow-x: auto}
.table_list{margin-bottom: 30px}
.table_list .table_title{display: flex;flex-wrap: wrap;gap: 10px;background-color: var(--main-color)}
.table_list .table_title li{padding:16px 20px;font-size: 18px;color: var(--white-color);cursor: pointer}
.table_list .table_title li.active,.table_list .table_title li:hover{background-color: #b62b2b}
.table_list .table_content{padding: 20px;background-color: var(--f7f7f7-color)}
.table_list .table_content .table_wrapper{display: none}
.table_list .table_content .table_wrapper.active{display: block}
.maybe_need{margin-bottom: 30px}
.maybe_need .swiper-slide{height: auto;border: solid 1px #d8d8d8;text-align: center}
.maybe_need .swiper-slide .image{border: none;padding: 0}
.maybe_need .swiper-slide .title{margin-bottom: 0;padding: 10px 5px;color: var(--black-color)}
.maybe_need .swiper-slide:hover .title{color: var(--main-color)}
.maybe_need .swiper_button{display: none;color: var(--main-color)}
.maybe_need:hover .swiper_button{display: block}
.maybe_need .my-button-disabled{opacity: .5;cursor: auto}
.why_choose{padding-top: 30px;margin-bottom: 30px}
.why_choose .wrapper{text-align: center}
.why_choose .wrapper .main_title{color:#1867b9}
.why_choose .wrapper .factory_images{display:grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px}
/* header */
.header{padding: 15px 0}
.header .header_left{display: flex;align-items: center;gap: 20px}
.header .header_left .huadong{margin-bottom: 0;color: #c9171d}
.header .header_left .intro{font-size: 16px;color: #626262}
.header .header_right{display: flex;flex-direction: column;align-items: center;gap: 5px}
.header .header_right .header_contact{position: relative;margin-bottom: 0;padding: 5px 10px;font-size: 15px;color: var(--white-color)}
.header .header_right .header_contact::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;-webkit-transform:skew(-30deg);transform: skew(-30deg);background-color: var(--main-color);border-radius: 5px}
.header .header_right .header_contact .item_link{color: var(--white-color)}
.header .header_right .header_contact .item_link:hover{color: #ffd06a}
.header .search_wrapper{max-width: 350px;width: 100%}
.header .search_wrapper .form_main{display: flex;justify-content: flex-start;flex-wrap: nowrap}
.header .search_wrapper .form_main input{flex: 0 1 90%}
.header .search_wrapper .form_main button{flex:0 1 10%;background-color: var(--main-color);border: none}

/* sidebar right*/
.widget-area .widget{padding:0;font-size:14px;background-color:var(--white-color);border:1px solid #dedede}
.widget-area .widget .textwidget>p{margin:0;background-color:var(--f7f7f7-color)}
.widget-area .widget .right_menu>li{border-bottom:1px dashed #dedede}
.widget-area .widget .right_menu>li:last-child{border:none}
.widget-area .widget p,.widget-area .widget .right_menu li{padding:10px}
.widget-area .widget .right_menu_has_children>div{display:flex;justify-content: space-between;align-items: center}
.widget-area .widget .right_menu_has_children .show_more{flex-grow: 1;text-align: right; font-size:12px;cursor: pointer;color:#666}
.widget-area .widget .right_menu_has_children .show_more .triangle_bottom{transform: rotate(90deg)}
.widget-area .widget .right_menu_has_children .show_more .glyphicon{font-size: 14px}
.widget-area .widget .right_menu_has_children .right_menu_sub_menu{display:none}
.widget-area .widget .right_menu_has_children .right_menu_sub_menu li::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);width: 5px;height: 2px;background-color: #666}
.widget-area .widget .right_menu_has_children .right_menu_sub_menu .right_menu_item{border-bottom: 1px dashed #dedede}
.widget-area .widget .right_menu_has_children .right_menu_sub_menu .right_menu_item:last-child{border-bottom: none}

/* footer */
.footer .footer_main{background-color: var(--f7f7f7-color)}
.footer .footer_main .footer_title{position: relative; margin-bottom: 30px;padding-bottom: 13px;font-family: "Impact";font-size: 36px}
.footer .footer_main .footer_title::after{content: '';position: absolute;left: 0;bottom: 0;width: 80px;height: 8px;background-color: var(--main-color)}
.footer .footer_main .contact_wrap{font-size: 18px;color: #666666}
.footer .footer_main .contact_wrap .contact_link{color:#808080}
.footer .footer_main .contact_wrap .contact_link:hover{color: var(--main-color)}
.footer .footer_seg{padding: 10px 0;background-color: var(--main-color)}
.footer .footer_info{margin: 0;padding: 20px;font-size: 16px;background-color: var(--black-color);color: var(--white-color);text-align: center}

/* mobile*/
@media(max-width:1240px){
    .header .public_flex{justify-content: center}
}
@media(max-width:768px){
    #right-sidebar{display: none}
    .padding_50{padding: 30px 0}
    .table_wrap table{width: 1100px}
}
@media(max-width:470px){
    .header .header_left .huadong{font-size: 30px}
    .why_choose .wrapper .factory_images{grid-template-columns: repeat(2,minmax(0,1fr))}
}