* {
    padding: 0;
    margin: 0;
    font-family:"PingFang SC", "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB', Microsoft YaHei;
    box-sizing: border-box;
    box-sizing: -webkit-border-box;
    font-weight: normal;
}
html {
    font-size: 62.5%;
}

body {
    font-size: 12px;
    font-size: 1.2rem;
}
p {
    font-size: 14px;
    font-size: 1.4rem;
}
a {
    text-decoration: none;
    color: #272727;
}

a, button, input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

li {
    list-style: none;
}
button, input {
    -webkit-appearance: none;
    border: none;
    outline: none;
}

i, em {
    font-style: normal;
}
img {
    max-width: 100%;
}
h1 {
    font-weight: normal;
}

h2 {
    font-weight: normal;
}

h3 {
    font-weight: normal;
}

h4 {
    font-weight: normal;
}

h5 {
    font-weight: normal;
}
/* 字号 */
.f9 {
    font-size: 9px;
    -webkit-text-size-adjust: none;
}
.f12,
.fb12 {
    font-size: 12px;
}

.simsun {
    font-family: SimSun;
}

.f14,
.fb14 {
    font-size: 14px;
}

.f16,
.fb16 {
    font-size: 16px;
}

.f18,
.fb18 {
    font-size: 18px;
}

.f20,
.fb20 {
    font-size: 20px;
}

.f22,
.fb22 {
    font-size: 22px;
}

.f24,
.fb24 {
    font-size: 24px;
}
.f26,
.fb26 {
    font-size: 26px;
}
.f28,
.fb28 {
    font-size: 28px;
}
.f30,
.fb30 {
    font-size: 30px;
}
.f36,
.fb36 {
    font-size: 36px;
}
.f40,
.fb40 {
    font-size: 40px;
}
.f42,
.fb42 {
    font-size: 42px;
}
.f48,
.fb48 {
    font-size: 48px;
}
.f56,
.fb56 {
    font-size: 56px;
}
.f58,
.fb58 {
    font-size: 58px;
}
.f60,
.fb60 {
    font-size: 60px;
}
.f64,
.fb64 {
    font-size: 64px;
}
.f68,
.fb68 {
    font-size: 68px;
}
.f72,
.fb72 {
    font-size: 72px;
}
.f80,
.fb80 {
    font-size: 80px;
}
.f110,
.fb110 {
    font-size: 110px;
}
.fb,
.fb12,
.fb14,
.fb16,
.fb18,
.fb20,
.fb22,
.fb24,
.fb26,
.fb28,
.fb30,
.fb36,
.fb40,
.fb42,
.fb48,
.fb56,
.fb58,
.fb60,
.fb64,
.fb68,
.fb72,
.fb80,
.fb110 {
    font-weight: 700;
}




.wap_1{
    max-width: 1200px;
    margin: 0 auto;
}
.gray {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
}
.back_1{
    background: #EFEAE6;
}
.text_ol1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.text_ol2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.display_left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.display_right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.display_center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.display_space{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.display_column{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.display_flex{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.flex_1{
    flex:1;
}
.flex_2{
    flex:2;
}
.flex_3{
    flex:3;
}
.m_10{
    margin: 10px;
}
.m_left_10{
    margin-left: 10px;
}
.m_right_10{
    margin-right: 10px;
}
.m_top_10{
    margin-top: 10px;
}
.m_bottom_10{
    margin-bottom: 10px;
}
.m_left_20{
    margin-left: 20px;
}
.m_right_20{
    margin-right: 20px;
}
.m_top_20{
    margin-top: 20px;
}
.m_bottom_20{
    margin-bottom: 20px;
}
.p_left_10{
    padding-left: 10px;
}
.p_right_10{
    padding-right: 10px;
}
.p_top_10{
    padding-top: 10px;
}
.p_bottom_10{
    padding-bottom: 10px;
}

.dian_1{
    height: 100px;
    background: transparent;
    width: 100%;
}
.hover_img img{
    transition: ease 0.6s all;
    transform: scale(1.0);
}
.hover_img:hover img{
    transition: ease 0.6s all;
    transform: scale(1.1);
}
/* 导航 */
.head_1{
    width: 100%;
    padding: 0px 40px;
    height: 100px;
    position: fixed;
    top: 0px;
    left: 0px;
    transition: ease 0.5s all;
    z-index: 9;
}
.head_on{
    background: #fff;
    box-shadow: 0 0 10px 1px #eee;
    transition: ease 0.5s all;
}
.head_2{
    width: 100%;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}
.head_2 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.head_3{
    position: relative;
    width: 100%;
    z-index: 2;
}
.head_4{
    margin-left: auto;
}
.head_5{
    height: 80px;
}
.head_5 img{
    height: 100%;
    object-fit: contain;
}
.head_6 a{
    display: inline-block;
    margin-right: 60px;
    color: #44382E;
    transition: ease 0.8s all;
}
.head_6 a:hover{
    color: #F58220;
    transition: ease 0.8s all;
}
.head_6 .head_6_active{
    color: #F58220;
    transition: ease 0.8s all;
}
.head_7{
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.head_7 img{
    width: 100%;
    object-fit: contain;
}
.index_0{
    position: absolute;
    top: -100px;
    left: 0px;
    width: 100%;
}
.index_0 img{
    width: 100%;
    object-fit: contain;
}
.index_1{
    width: 100%;
    position: relative;
    margin-top: 100px;
    height: 800px;
}
.index_2{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    max-width: 1600px;
    margin: 0 auto;
}
.index_3{
    width: 100%;
}
.index_3_1{
    color: #F58220;
}
.index_3_2{
    color: #44382E;
}
.index_4{
    margin-top: 55px;
    background: #F58220;
    width: 235px;
    height: 76px;
}
.index_5{
    margin-right: 13px;
}
.index_5 p{
    display: inline-block;
    color: #fff;
}
.index_6{
    width: 24px;
    height: 24px;
}
.index_6 img{
    width: 100%;
    object-fit: contain;
}
.index_7{
    width: 100%;
    margin-top: 10%;
}
.index_7 h2{
    color: #44382E;
}
.index_7 p{
    color: #F58220;
}
.index_8{
    position: absolute;
    max-width: 1360px;
    top: 0px;
    right: 40px;
    width: 100%;
}
.index_8 .mySwiper_banner{
    position: relative;
    overflow: hidden;
}
.index_9{
    width: 100%;
}
.index_9 img{
    width: 100%;
    object-fit: contain;
}
.index_1 .swiper-pagination_banner{
    bottom: 30px;
    width: 100%;
}
.index_1 .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #fff;
    margin: 0 5px;
    opacity: 1;
}
.index_1 .swiper-pagination-bullet-active{
    position: relative;
}
.index_1 .swiper-pagination-bullet-active::after{
    position: absolute;
    width: 13px;
    height: 13px;
    background:transparent;
    border: 1px solid #fff;
    border-radius: 50px;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.index_10{
    margin: 90px auto;
}
.index_11{
    width: 100%;
}
.index_11 p{
    color: #F58220;
}
.index_12{
    width: 100%;
    margin-top: 20px;
}
.index_12 h2{
    color: #44382E;
}
.index_13{
    width: 100%;
    margin-top: 30px;
}
.index_13 p{
    color: #44382E;
    margin-bottom: 30px;
}
.index_14{
    position: relative;
    background: #EFEAE6;
    width: 100%;
    padding-bottom: 120px;
}
.index_15{
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 0px;
    width: 100%;
}
.index_15 img{
    width: 100%;
    object-fit: contain;
}
.index_16{
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 90px 0px;
    margin: 0px auto;
}
.index_17{
    width: 100%;
    margin: 80px 0px;
}
.index_19{
    width: 120px;
    height: 120px;
    margin: 0 auto;
}
.index_19 img{
    width: 100%;
}
.index_20{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.index_20 p{
    color: #44382E;
    line-height: 36px;
    height: 72px;
}
.index_21{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.index_21 .mySwiper_index_pro .swiper-wrapper{
    width: 70%;
}
.index_21 .mySwiper_index_pro .swiper-slide{
    width: 70% !important;
}
.index_22{
    position: relative;
}
.index_23{
    height: 600px;
}
.index_23 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_24{
    padding: 0px 40px;
    position: absolute;
    left: 0px;
    bottom: 40px;
}
.index_24 h2{
    color: #fff;
}
.index_25{
    width: 100%;
}
.index_26{
    margin-top: 70px;
}
.index_27{
    width: 32%;
    margin-right: 2%;
    margin-top: 20px;
    transition: ease 0.6s all;
}
.index_26 .index_27:nth-last-child(1){
    margin-right: 0%;
}
.index_27:hover{
    margin-top: 0px;
    transition: ease 0.6s all;
}
.index_28{
    width: 100%;
    height: 240px;
}
.index_28 img{
    width: 100%;
    object-fit: contain;
}
.index_29{
    margin-top: 15px;
}
.index_29 p{
    color: #999999;
}
.index_30{
    width: 100%;
    margin-top: 8px;
}
.index_30 h2{
    color: #333333;
    line-height: 22px;
    height: 44px;
}
.index_31 {
    width: 100%;
    margin-top: 8px;
}
.index_31 p{
    color: #999999;
    line-height: 22px;
    height: 44px;
}
.index_32{
    margin-top: 35px;
}
.index_33{
    width: 100%;
    height: 375px;
    position: relative;
}
.index_34{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.index_34 img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.index_35{
    position: relative;
    z-index: 2;
    height: 100%;
}
.index_37{
    width: 100%;
}
.index_37 p{
    color: #F58220;
}
.index_38{
    margin-top: 20px;
}
.index_38_1{
    color: #44382E;
}
.index_38_2{
    color: #F58220;
}
.index_39{
    width: 224px;
    height: 68px;
    background: #fff;
    transition: ease 0.6s all;
    margin-left: auto;
}
.index_40{
    margin-right: 10px;
}
.index_40 p{
    color: #F58220;
}
.index_41{
    width: 24px;
    height: 24px;
}
.index_41 img{
    width: 100%;
    object-fit: contain;
}
.index_41 img:nth-child(1){
    display: none;
}
.index_39:hover{
    background: #F58220;
    transition: ease 0.6s all;
}
.index_39:hover .index_40 p{
    color: #fff;
    transition: ease 0.6s all;
}
.index_39:hover .index_41 img:nth-child(1){
    display: block;
}
.index_39:hover .index_41 img:nth-child(2){
    display: none;
}
.foot_1{
    background: #5D5650;
}
.foot_2{
    padding: 100px 0px;
    align-items: flex-start;
}
.foot_4{
    width: 130px;
}
.foot_4 img{
    width: 100%;
    object-fit: contain;
}
.foot_5{
    margin-top: 20px;
}
.foot_5 p{
    color: #fff;
}
.foot_7{
    width: 100%;
}
.foot_7 h2{
    color: #fff;
}
.foot_8{
    width: 100%;
    margin-top: 10px;
}
.foot_9{
    display:block;
    color: #fff;
    padding: 7px 0px;
}
.foot_10{
    width: 100%;
    border-top: 1px solid #6E6762;
    height: 120px;
}
.foot_11{
    color: #fff;
}
.comm_right_1{
    position: fixed;
    top: 70%;
    right: 70px;
    transform: translate(0%,-50%);
    z-index: 6;
}
.comm_right_2{
    width: 60px;
    height: 60px;
    cursor: pointer;
}
.comm_right_2 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.search_pop_1{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 10;
    top: 0px;
    left: 0px;
    display: none;
}
.search_pop_2{
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    width: 0px;
    height: 0px;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%,0px);
    transition: ease 0.5s all;
}
.search_pop_2_one{
    transition: ease 0.5s all;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.search_pop_2_two{
    transition: ease 0.3s all;
    width: 100%;
    height: 100vh;
    border-radius: 0%;
    bottom: 0px;
}
.search_pop_3{
    position: absolute;
    top: -50%;
    right: 20px;
    width: 40px;
    height: 40px;
    transition: ease 0.6s all;
    opacity: 0;
    cursor: pointer;
}
.search_pop_3 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.search_pop_2_two .search_pop_3{
    transition: ease 0.6s all;
    top: 40px;
    opacity: 1;
}
.search_pop_4{
    position: absolute;
    left: 50%;
    top: -100%;
    transition: ease 1s all;
    transform: translate(-50%,0%);
    width: 800px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 0px 20px;
    opacity: 0;
}
.search_pop_2_two .search_pop_4{
    transition: ease 0.6s all;
    top: 50%;
    opacity: 1;
}
.search_pop_5 input{
    background: transparent;
    height: 100%;
    color: #fff;
    width: 100%;
    border:none;
}
.search_pop_4 img{
    width: 25px;
    object-fit: contain;
}
/* 关于我们 */
.about_0{
    position: absolute;
    top: -100px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.about_0 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about_1{
    width: 100%;
    height: 900px;
    position: relative;
    overflow: hidden;
}
.about_2{
    max-width: 1580px;
    height: 100%;
    padding-top: 100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.about_3{
    width: 100%;
    max-width: 405px;
}
.about_4{
    width: 100%;
}
.about_4 h2{
    color: #F58220;
}
.about_5{
    width: 100%;
    margin-top: 18px;
}
.about_5 p{
    color: #44382E;
    line-height: 36px;
}
.about_6{
    margin-top: 120px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #fff;
    transition: ease 0.6s all;
}
.about_6 img{
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.about_6 img:nth-child(2){
    display: none;
}
.about_6:hover{
    background: #F58220;
    transition: ease 0.6s all;
}
.about_6:hover img:nth-child(1){
    display: none;
}
.about_6:hover img:nth-child(2){
    display: block;
}
.about_7{
    width: 940px;
    padding-right: 40px;
    margin-left: auto;
}
.about_8{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.about_9{
    position: absolute;
    top: 0px;
    right: -265px;
    width: 530px;
    height: 530px;
    z-index: 0;
}
.about_9 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.index_10{
    z-index: 2;
    position: relative;
}
/* 产品列表 */
.product_list_1{
    margin: 90px auto;
    align-items: flex-start;
}
.product_list_2{
    width: 335px;
    margin-right: 60px;
}
.product_list_3{
    width: 100%;
    height: 80px;
    padding-left: 20px;
    background: #F58220;
}
.product_list_3 h2{
    width: 100%;
    color: #fff;
}
.product_list_4{
    width: 100%;
    background: #fff;
}
.product_list_5{
    padding: 0px 20px;
    height: 80px;
    border-bottom: 1px solid #EEEEEE;
}
.product_list_4 .product_list_5:nth-last-child(1){
    border: none;
}
.product_list_6 h2{
    color: #333333;
    transition: all 0.6s all;
}
.product_list_7{
    width: 24px;
    height: 24px;
    margin-left: auto;
}
.product_list_7 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product_list_7 img:nth-child(2){
    display: none;
}
.product_list_5_active .product_list_6 h2{
    transition: all 0.6s all;
    color: #F58220;
}
.product_list_5_active .product_list_7 img:nth-child(1){
    display: none;
}
.product_list_5_active .product_list_7 img:nth-child(2){
    display: block;
}
.product_list_9{
    width: 100%;
}
.product_list_10 h2{
    color: #44382E;
}
.product_list_11{
    margin-left: auto;
}
.product_list_12{
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
.product_list_12 img{
    width: 100%;
    object-fit: contain;
}
.product_list_13 a{
    color: #44382E;
}
.product_list_13 p{
    color: #44382E;
    display: inline-block;
    margin: 0 5px;
}
.product_list_14{
    flex-wrap: wrap;
}
.product_list_15{
    width: 32%;
    margin-right: 2%;
    margin-top: 30px;
    background: #fff;
}
.product_list_16{
    width: 100%;
    margin-top: 20px;
    height: 240px;
    padding: 15px 0px;
}
.product_list_16 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product_list_17{
    margin: 10px 0px 20px;
}
.product_list_17 h2{
    color: #333333;
    text-align: center;
}
.product_list_14 .product_list_15:nth-child(3n){
    margin-right: 0%;
}
.product_list_18{

}
.page_0{
    width: 100%;
    margin-top: 30px;
}
.page_1 a{
    display: inline-block;
    margin: 0px 4px;
    border-radius: 5px;
    line-height: 32px;
    border: 1px solid transparent;
    padding: 0px 10px;
    color: #000000;
}
.page_1_no a{
    color: rgba(0, 0, 0, 0.25);
}
.page_1_high a{
    color: #F58220;
}
.page_1_active a{
    color: #F58220;
    border: 1px solid #F58220;
}
/* 产品详情 */
.product_detail_1{
    margin-top: 40px;
    align-items: flex-start;
    width: 100%;
}
.product_detail_2{
    width: 620px;
    height: 620px;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.product_detail_2 .mySwiper2_pro_detail{
    width: 100%;
    height: 100%;
}
.product_detail_3{
    width: 100%;
    height: 100%;
    padding: 80px 0px;
}
.product_detail_3 img{
    width: 100%;
    object-fit: contain;
    height: 100%;
}
.product_detail_4{
    margin-left: 60px;
    height: 620px;
}
.product_detail_5{
    width: 100%;
}
.product_detail_5 h2{
    color: #333333;
}
.product_detail_6{
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 20px;
}
.product_detail_6 p{
    color: #44382E;
}
.product_detail_7{
    margin-top: 20px;
}
.product_detail_8 h2{
    color: #333333;
}
.product_detail_9{
    width: 100%;
}
.product_detail_9 p{
    width: 100%;
    color: #333333;
    line-height: 28px;
}
.product_detail_10{
    margin-top: auto;
    position: relative;
    padding: 0px 40px;
    /* max-width: 710px; */
    overflow: hidden;
    width: 100%;
}
.product_detail_11{
    width: 98px;
    height: 98px;
    background: #fff;
    padding: 15px;
    margin: 0 auto;
    transition: ease 0.6s all;
    border: 1px solid transparent;
}
.product_detail_10 .swiper-slide-thumb-active .product_detail_11{
    transition: ease 0.6s all;
    border: 1px solid #F58220;
}
.product_detail_11 img{
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.product_detail_10 .swiper-button-next_pro_detail{
    background: url(../images/icon_19.png) no-repeat;
    width: 30px;
    height: 100%;
    background-size: 100% 100%;
    top: 0px;
    margin: 0px;
    right: 0px;
}
.product_detail_10 .swiper-button-next_pro_detail::after{
    display: none;
}
.product_detail_10 .swiper-button-prev_pro_detail{
    background: url(../images/icon_20.png) no-repeat;
    width: 30px;
    height: 100%;
    background-size: 100% 100%;
    top: 0px;
    margin: 0px;
    right: 0px;
}
.product_detail_10 .swiper-button-prev_pro_detail::after{
    display: none;
}
.product_detail_10 .swiper-slide{
    max-width: 95px;
    /* max-width: 100%; */
}
.product_detail_12{
    width: 100%;
    margin-top: 70px;
}
.product_detail_13 {
    width: 100%;
}
.product_detail_13 h2{
    color: #44382E;
}
.product_detail_14{
    margin-top: 30px;
}
.product_detail_15{
    width: 23%;
    margin-right: 2.66%;
    background: #fff;
}
.product_detail_16{
    width: 100%;
    height: 240px;
    padding: 20px 0px;
}
.product_detail_16 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product_detail_17{
    margin: 10px 0px 20px;
    text-align: center;
}
.product_detail_17 p{
    color: #333333;
}
.product_detail_14 .product_detail_15:nth-last-child(1){
    margin-right: 0%;
}
/* 新闻列表 */
.news_list_1{
    flex-wrap: wrap;
}
.news_list_2{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 60px;
}
.news_list_3{
    width: 100%;
    height: 240px;
    overflow: hidden;
}
.news_list_3 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.news_list_4{
    margin-top: 15px;
}
.news_list_4 p{
    color: #999999;
}
.news_list_5{
    width: 100%;
    margin-top: 8px;
}
.news_list_5 h2{
    color: #333333;
    line-height: 26px;
    height: 52px;
}
.news_list_6 {
    width: 100%;
    margin-top: 8px;
}
.news_list_6 p{
    color: #999999;
    line-height: 22px;
    height: 44px;
}
.news_list_1 .news_list_2:nth-child(3n){
    margin-right: 0%;
}
/* 新闻详情 */
.news_detail_1{
    width: 100%;
    margin-top: 40px;
}
.news_detail_2 h2{
    color: #44382E;
}
.news_detail_3{
    margin-top: 15px;
}
.news_detail_4{
    width: 12px;
    height: 12px;
}
.news_detail_4 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.news_detail_5{
    margin-left: 10px;
}
.news_detail_5 p{
    color: #44382E;
}
.news_detail_6{
    margin-top: 15px;
    background: #EAE1DA;
    padding: 20px;
}
.news_detail_6 p{
    color: #525659;
}
.news_detail_7{
    width: 100%;
    margin-top: 15px;
}
.news_detail_7 p{
    color: #44382E;
    margin-bottom: 20px;
    line-height: 32px;
}
.news_detail_8{
    margin-top: 15px;
    padding: 0px 30px;
    background: #F7F3F0;
    height: 60px;
}
.news_detail_10{
    width: 6px;
}
.news_detail_10 img{
    width: 100%;
}
.news_detail_12{
    width: 24px;
    height: 24px;
}
.news_detail_12 img{
    width: 100%;
    object-fit: contain;
}
.news_detail_11{
    margin-left: 10px;
}
.news_detail_11 p{
    color: #666666;
}
.news_detail_13 .news_detail_11{
    margin-left: 0px;
    margin-right: 10px;
}
/* 联系我们 */
.contact_0{
    margin-bottom: 0px;
}
.contact_1{
    text-align: center;
}
.contact_2 p{
    color:#F58220;
}
.contact_3{
    margin-top: 40px;
    width: 100%;
}
.contact_3 h2{
    color: #44382E;
}
.contact_4{
    width: 100%;
    margin-top: 40px;
}
.contact_4 p{
    color: #F58220;
}
.contact_4 a{
    color: #F58220;
}
.contact_5{
    width: 100%;
    background: #fff;
    margin-top: 60px;
    height: 280px;
}
.contact_7{
    width: 120px;
    height: 120px;
    margin: 0 auto;
}
.contact_7 img{
    width: 100%;
    object-fit: contain;
    height: 100%;
}
.contact_8{
    margin-top: 20px;
}
.contact_8 p{
    color: #44382E;
    line-height: 30px;
    height: 60px;
}
.contact_9{
    background: #5D5650;
    width: 100%;
    margin-top: -140px;
}
.contact_10{
    margin: -140px auto 0px;
    padding-top: 280px;
    padding-bottom: 120px;
}
.contact_12{
    width: 100%;
}
.contact_12 p{
    color: #F58220;
}
.contact_13{
    width: 100%;
    margin-top: 20px;
}
.contact_13 p{
    color: #FFFFFF;
    line-height: 56px;
}
.contact_14{
    width: 100%;
}
.contact_14 p{
    color: #F58220;
    line-height: 56px;
}
.contact_15{
    background: #645D56;
    width: 570px;
    border-radius: 10px;
    padding: 40px 48px;
    margin-left: auto;
}
.contact_16{
    width: 100%;
}
.contact_16 h2{
    color: #fff;
}
.contact_17{
    width: 100%;
    margin-top: 20px;
}
.contact_18{
    margin-right: 10px;
}
.contact_18 input{
    line-height: 46px;
    height: 46px;
    background: transparent;
    padding-left: 20px;
    border-radius: 5px;
    border: 1px solid #938E89;
    width: 100%;
    color: #fff;
}
.contact_18 input::placeholder{
    color: #EAE1DA;
}
.contact_17 .contact_18:nth-last-child(1){
    margin-right: 0px;
}
.contact_18 textarea{
    line-height: 46px;
    height: 80px;
    background: transparent;
    padding-left: 20px;
    border-radius: 5px;
    border: 1px solid #938E89;
    width: 100%;
    color: #fff;
}
.contact_18 textarea::placeholder{
    color: #EAE1DA;
}
.contact_19{
    width: 100%;
    margin-top: 20px;
}
.contact_20{
    width: 160px;
    height: 56px;
    background: #F58220;
    border-radius: 5px;
    line-height: 56px;
    text-align: center;
    border: none;
    color: #FFFFFF;
}
.index_21_swiper{
    text-align: center;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_21_swiper span{
    margin: 0px 5px;
}
.index_21_swiper .swiper-pagination-bullet-active{
    background: #F58220;
}

@media (max-width: 1660px){
    .index_2{
        max-width: 1200px;
    }
    .index_8{
        max-width: 1200px;
    }
    .about_2{
        max-width: 1380px;
    }
}
@media (max-width: 1440px){
    .wap_1{
        max-width: 1200px;
    }
    .about_1{
        height: 800px;
    }
    .about_2{
        max-width: 1200px;
    }
    .about_7{
        width: 800px;
        padding-right: 0px;
    }
}
@media (max-width: 1200px){
    .f110, .fb110 {
        font-size: 80px;
    }
    .f80, .fb80 {
        font-size: 60px;
    }
    .wap_1{
        max-width: 1100px;
    }
    .index_1{
        height: 600px;
    }
    .index_2 {
        max-width: 1000px;
    }
    .index_8{
        max-width: 1000px;
    }
    .index_23{
        height: 500px;
    }
    .about_1 {
        height: 700px;
    }
    .about_2 {
        max-width: 1100px;
    }
    .about_6{
        margin-top: 60px;
        width: 80px;
        height: 80px;
    }
    .about_7{
        width: 600px;
    }
    .product_detail_2{
        height: 500px;
    }
    .product_detail_4{
        margin-left: 30px;
        height: 500px;
    }
    .product_detail_10 .swiper-slide{
        max-width: 80px;
    }
    .product_detail_11{
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 780px){
    .wap_1{
        max-width: 95%;
    }
    .f110, .fb110 {
        font-size: 46px;
    }
    .f80, .fb80 {
        font-size: 42px;
    }
    .f72, .fb72{
        font-size: 40px;
    }
    .f68, .fb68{
        font-size: 36px;
    }
    .f64, .fb64{
        font-size: 35px;
    }
    .f60, .fb60{
        font-size: 34px;
    }
    .f56, .fb56{
        font-size: 32px;
    }
    .f48, .fb48{
        font-size: 30px;
    }
    .f42, .fb42{
        font-size: 28px;
    }
    .f36, .fb36{
        font-size: 26px;
    }
    .f30, .fb30{
        font-size: 24px;
    }
    .f28, .fb28{
        font-size: 22px;
    }
    .f26, .fb26{
        font-size: 21px;
    }
    .f24, .fb24{
        font-size: 20px;
    }
    .f22, .fb22{
        font-size: 18px;
    }
    .f18, .fb18{
        font-size: 16px;
    }
    .f16, .fb16{
        font-size: 14px;
    }
    .head_6{
        display: none;
    }
    .search_pop_4{
        width: 90%;
    }
    .head_1{
        height: 70px;
    }
    .head_5 {
        height: 50px;
    }
    .header #navToggle{
        padding: 17px 15px;
    }
    .index_1{
        margin-top: 70px;
        height: 400px;
    }
    .index_2{
        width: 80%;
        height: 400px;
    }
    .index_4{
        margin-top: 40px;
        width: 180px;
        height: 46px;
    }
    .index_8{
        right: 0px;
    }
    .index_17{
        flex-wrap: wrap;
        margin: 40px 0px;
    }
    .index_18{
        width: 50%;
        flex: none;
    } 
    .index_21 .mySwiper_index_pro .swiper-wrapper{
        width: 100%;
    }
    .index_21 .mySwiper_index_pro .swiper-slide{
        width: 100% !important;
    }
    .index_23 img{
        width: 100%;
    }
    .about_0{
        display: none;
    }
    .about_1 {
        height: auto;
        width: 95%;
        margin: 0 auto;
    }
    .about_2{
        padding-top: 70px;
        flex-direction: column-reverse;
    }
    .about_3{
        max-width: 100%;
    }
    .about_6{
        margin-top: 40px;
        width: 60px;
        height: 60px;
    }
    .about_7{
        width: 100%;
    }
    .about_10{
        margin: 40px auto;
    }
    .product_list_1{
        margin: 40px auto;
        flex-wrap: wrap;
    }
    .product_list_2{
        width: 100%;
        margin-right: 0px;
    }
    .product_list_3{
        height: 60px;
    }
    .product_list_5{
        height: 60px;
    }
    .product_list_8 {
        margin-top: 20px;
    }
    .product_list_15{
        margin-top: 20px; 
        width: 49%;
    }
    .product_list_14 .product_list_15:nth-child(3n){
        margin-right: 2%;
    }
    .product_list_14 .product_list_15:nth-child(2n){
        margin-right: 0%;
    } 
    .product_detail_1 {
        flex-wrap: wrap;
    }
    .product_detail_2{
        width: 100%;
    }
    .product_detail_4{
        margin-left: 0px;
        height: auto;
        margin-top: 20px;
        flex-direction:column-reverse 
    }
    .product_detail_5{
        margin-top: 10px;
    }
    .product_detail_14{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .product_detail_15{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .product_detail_14 .product_detail_15:nth-child(2n){
        margin-right: 0%;
    }
    .product_detail_16{
        height: 200px;
    }
    .news_list_2{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .news_list_1 .news_list_2:nth-child(3n){
        margin-right: 2%;
    }
    .news_list_1 .news_list_2:nth-child(2n){
        margin-right: 0%;
    } 
    .contact_3{
        margin-top: 20px;
    }
    .contact_4{
        margin-top: 20px;
    }
    .contact_5{
        margin-top: 20px;
        height: 200px;
    }
    .contact_7{
        width: 80px;
        height: 80px;
    }
    .contact_10{
        margin: -60px auto 0px;
        padding-top: 120px;
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
    .contact_13{
        margin-top: 10px;
    }
    .contact_13 p{
        line-height: 40px;
    }
    .contact_15{
        width: 100%;
        padding: 20px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
   
    .f16, .fb16 {
        font-size: 12px;
    }
    .f18, .fb18{
        font-size: 13px;
    }
    .f20, .fb20 {
        font-size: 14px;
    }
    .f22, .fb22 {
        font-size: 14px;
    }
    .f24, .fb24 {
        font-size: 15px;
    }
    .f26, .fb26{
        font-size: 16px;
    }
    .f28, .fb28{
        font-size: 16px;
    }
    .f30, .fb30{
        font-size: 17px;
    }
    .f36, .fb36{
        font-size: 18px;
    }
    .f40, .fb40{
        font-size: 19px;
    }
    .f42, .fb42{
        font-size: 20px;
    }
    .f48, .fb48{
        font-size: 22px;
    }
    .f56, .fb56{
        font-size: 23px;
    }
    .f58, .fb58 {
        font-size: 23px;
    }
    .f60, .fb60{
        font-size: 24px;
    }
    .f64, .fb64{
        font-size: 25px;
    }
    .f68, .fb68{
        font-size: 26px;
    }
    .f72, .fb72{
        font-size: 30px;
    }
    .f80, .fb80{
        font-size: 31px;
    }
    .f110, .fb110{
        font-size: 32px;
    }
    .head_1{
        padding: 0px 20px;
    }
    .index_1{
        height: 250px;
    }
    .index_2{
        height: 250px;
    }
    .index_4{
        margin-top: 20px;
        width: 160px;
        height: 40px;
    }
    .index_1 .swiper-pagination_banner{
        bottom: 10px;
    }
    .index_7{
        margin-top: 20px;
        height: 250px;
    }
    .index_10{
        margin: 20px auto;
    }
    .index_12{
        margin-top: 0px;
    }
    .index_13{
        margin-top: 10px;
    }
    .index_13 p{
        margin-bottom: 10px;
    }
    .index_16{
        padding: 20px 0px;
    }
    .index_17{
        margin: 20px 0px;
    }
    .index_19{
        width: 80px;
        height: 80px;
    }
    .index_20{
        margin-top: 0px;
    }
    .index_23{
        height: 300px;
    }
    .index_14{
        padding-bottom: 20px;
    }
    .index_26{
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .index_27{
        width: 49%;
    }
    .index_26 .index_27:nth-child(2n){
        margin-right: 0%;
    }
    .index_28{
        height: 140px;
    }
    .index_29{
        margin-top: 5px;
    }
    .comm_right_1{
        right: 30px;
    }
    .index_32{
        margin-top: 20px;
    }
    .index_33{
        height: 250px;
    }
    .index_35{
        flex-wrap: wrap;
        height: 250px;
    }
    .index_36{
        width: 100%;
        text-align: center;
    }
    .index_38{
        margin-top: 10px;
    }
    .index_39{
        width: 160px;
        height: 40px;
        margin: 0 auto;
    }
    .foot_2{
        padding: 20px 0px;
        flex-wrap: wrap;
    }
    .foot_3 {
        flex: none;
        width: 100%;
        text-align: center;
    }
    .foot_4{
        width: 90px;
        margin: 0 auto;
    }
    .foot_6 {
        margin-top: 20px;
    }
    .foot_8{
        margin-top: 0px;
    }
    .foot_10{
        height: 60px;
    }
    .about_5{
        margin-top: 10px;
    }
    .about_5 p{
        line-height: 24px;
    }
    .about_6{
        margin-top: 20px;
        width: 40px;
        height: 40px;
    }
    .product_list_7{
        width: 12px;
        height: 12px;
    }
    .product_list_15{
        margin-top: 10px;
    }
    .product_list_16{
        height: 160px;
    }
    .product_list_1{
        margin: 20px auto;
    }
    .page_0{
        justify-content: center;
    }
    .page_1 a{
        margin: 0px 4px;
        line-height: 26px;
        padding: 0px 8px;
    }
    .product_detail_1{
        margin-top: 10px;
    }
    .product_detail_2{
        height: 300px;
    }
    .product_detail_3{
        padding: 20px 0px;
    }
    .product_detail_4 {
        flex: none;
        width: 100%;
        overflow: hidden;
    }
    .product_detail_6{
        padding-bottom: 10px;
    }
    .product_detail_7{
        margin-top: 10px;
    }
    .product_detail_9 p{
        line-height: 24px;
    }
    .product_detail_11{
        width: 60px;
        height: 60px;
    }
    .product_detail_12{
        margin-top: 20px;
    }
    .product_detail_16{
        height: 180px;
    }
    .comm_right_2{
        width: 40px;
        height: 40px;
    }
    .news_list_2{
        margin-bottom: 10px;
    }
    .news_list_3{
        height: 140px;
    }
    .news_list_4{
        margin-top:5px;
    }
    .news_list_5 h2{
        line-height: 20px;
        height: 40px;
    }
    .news_list_6 p{
        line-height: 18px;
        height: 36px;
    }
    .news_detail_1{
        margin-top: 20px;
    }
    .news_detail_3 {
        margin-top: 5px;
    }
    .news_detail_6{
        margin-top: 10px;
        padding: 10px;
    }
    .news_detail_7{
        margin-top: 10px;
    }
    .news_detail_7 p{
        line-height: 20px;
    }
    .news_detail_8{
        margin-top: 10px;
        padding: 0px 10px;
        height: 46px;  
    }
    .contact_3{
        margin-top: 0px;
    }
    .contact_4{
        margin-top: 0px;
    }
    .contact_5 {
        flex-wrap: wrap;
        height: auto;
        padding: 20px;
    }
    .contact_6 {
        flex: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .contact_7{
        width: 60px;
        height: 60px;
    }
    .contact_8{
        margin-top: 10px;
    }
    .contact_8 p {
        line-height: 20px;
        height: auto;
    }
    .contact_9{
        margin-top: 0px;
    }
    .contact_10{
        margin: 0px auto 0px;
        padding-top: 0px;
    }
    .contact_11 {
        margin-top: 10px;
    }
    .contact_15{
        padding: 10px;
    }
    .contact_17{
        margin-top: 10px;
    }
    .contact_18 input {
        line-height: 36px;
        height: 36px;
    }
    .contact_19{
        margin-top: 10px;
    }
    .contact_20{
        width: 120px;
        height: 40px;
        line-height: 40px;
    }
    .box1{
        display: none;
    }
}