﻿/* .messboxnrwap{ width:100%; height:50px; background-color:#000; display:block; position:fixed; bottom:0; left:0; z-index:999;}
.messboxnrwap ul{ width:100%; height:100%; overflow:hidden; padding-top:3px;}
.messboxnrwap ul li{ width:25%; float:left; text-align:center; padding:1vw 0;}
.messboxnrwap ul li a{ display:block;}
.messboxnrwap ul li span{}
.messboxnrwap ul li span i{color:#fff; font-size:5vw;}
.messboxnrwap ul li h5{ color:#fff; text-align:center;} */

/* 图片响应式 */
@media screen and (max-width:599px) {
    img{max-width: 100% !important; height: auto !important; display: block;}
    body{font-size:14px;}
    .body_content{width: 100% !important;}
    .product_mains{width: 100% !important;}
}

@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1230px) {
    html,body{max-width:100%; overflow-x:hidden;}
    .banner,.banner .swiper-container{max-width:100%; overflow:hidden;}
    .banner .swiper-wrapper{max-width:none; overflow:visible;}
    .banner img{max-width:100%; height:auto;}
    .boxne{max-width:100%; overflow:hidden;}
    .boxne .boxne_cen{width:auto !important; max-width:100% !important; box-sizing:border-box;}
    .boxne .boxne_cen img{display:block; width:100% !important; max-width:100% !important; height:auto !important;}
    .home, .main{width:auto; max-width:100%; box-sizing:border-box; padding: 10px 20px;}
    .main .main_box .main_left{width: 200px; float: left;}
    .main .main_box .main_right{width: calc(100% - 230px); float: left; margin-left: 30px;}
}

@media screen and (max-width: 1024px) {
    #container{min-width: 0 !important; width: 100%; overflow-x: hidden;}
    .wrap{width: auto !important; max-width: 100%; margin: 0; padding: 0 16px;}
    .gheader .header_global{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;}
    .gheader .header_global > .logo{flex: 0 0 auto;}
    .gheader .header_global > .logo img{max-width: 180px; height: auto;}
    .gheader .header_global .informations{display: block; width: auto !important; flex: 1 1 auto; min-width: 0;}
    .gheader .header_global .informations .navheader{position: static; text-align: right; margin-bottom: 8px;}
    .gheader .header_global .informations .navcolumn{display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 8px 12px;}
    .gheader .header_global .informations .navcolumn > div{display: inline-flex; vertical-align: middle;}
    .sitenavs{position: static; top: auto; right: auto; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 4px 0; width: 100%;}
    .sitenavs li{width: auto; padding-right: 0; text-align: center;}
    .sitenavs li > a{padding: 6px 10px; white-space: nowrap;}
    .sitenavs li span{position: absolute; min-width: 120px;}
    .footer .footer_center,.footer .footer_btns p,.boxne .boxne_cen{width: auto; padding-left: 16px; padding-right: 16px;}
}

@media screen and (max-width: 900px) {
    .home, .main{padding-left: 16px; padding-right: 16px;}
    .main .main_box .main_left{width: 180px;}
    .main .main_box .main_right{width: calc(100% - 205px); margin-left: 25px;}
    .main_product_list ul{display: flex; flex-wrap: wrap; gap: 24px 16px;}
    .main_product_list ul li{width: calc(50% - 8px); margin-top: 0;}
    .main_litpic,.main_title{width: 100%;}
    .main_title{min-height: 42px; line-height: 1.5;}
    .footer .footer_center{width: auto; margin: 36px auto;}
    .footer .footer_main{display: flex; flex-wrap: wrap; gap: 24px 16px;}
    .footer .footer_main dl{width: calc(33.333% - 11px);}
}

@media screen and (max-width: 820px) {
    .gheader .header_global > .logo img{max-width: 150px;}
    .gheader .header_global .informations .navcolumn .site_search{width: 150px; padding-right: 24px;}
    .gheader .header_global .informations .navcolumn .site_search input[type='text']{width: 126px;}
    .gheader .header_global .informations .navcolumn .site_search input[type='submit']{right: 4px;}
    .sitenavs li > a{padding: 6px 8px; font-size: 14px;}
    .main .main_box .main_left{width: 160px;}
    .main .main_box .main_right{width: calc(100% - 180px); margin-left: 20px;}
}

@media screen and (max-width: 1080px) {
    .product_list ul li{width:22%;}
    .product_list ul li a{width: auto; height: auto;}
    .news_list ul li{width:17%;}
    .news_list ul li a{width: auto; height: auto;}
}

@media screen and (max-width:920px) {


}

@media screen and (max-width: 800px) {
}

@media screen and (max-width:768px) {
    .product_list ul li{width:29%;}
    .news_list ul li{width:29%;}
    .banner div{height: auto;}

    .main .main_box .main_left{width: 180px; float: left;}
    .main .main_box .main_right{width: calc(100% - 210px); float: left; margin-left: 30px;}

}

@media screen and (max-width:640px) {
    .banrkt{
        height: 52vw;
        min-height: 180px;
        max-height: 320px;
        background-size: cover !important;
        background-position: center center !important;
    }
    .banrkt_info{width: 90%;}
    .news_list ul li span{display: none;}
    .news_list ul li p{width:100%;height: 29vw;}



    .footer .footer_center{margin:5vw auto;}
    .footer .footer_main dl{ width:30%; margin-bottom:5vw;}

    .gheader .header_global .logo a img{width:50%;}
    .zoom_float span i{font-size:15vw;}
    .zoom_left, .zoom_right{padding-top: 30%;}
    .zoom_center {text-align: center;}
    .zoom_center img{width: 80%;}
}
@media screen and (max-width:599px) {
    .banrkt_info{
        padding-top: 24px;
    }

.gheader .header_global{padding: 0;}
.gheader .header_global .logo{display: none;}
.gheader .header_global .informations{display: none !important;}
.gheader .header_global .actions{display: block !important; width: 100%;}
.gheader{width: 100%; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 9998;}
body{padding-top:60px;}
.gheader .header_section{width: 100%; height: 100%; border-bottom:none;}
.gheader .header_section .wrap{padding:0; margin: 0;}
.actions{ width: 100%; position: relative;}

/* 汉堡菜单按钮 */
.wamp_menu_btn{display:block; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:40px; height:40px; line-height:40px; text-align:center; font-size:24px; color:#e70012; cursor:pointer; z-index:9999;}
.wamp_menu_btn i{line-height:40px;}

.wamp_search{ position: relative; padding-top: 5vw; display: none;}
.wamp_search .searchBox{ width:80%; padding:5px; height: 10vw; line-height: 10vw; margin: 0 auto; display: block;}
.wamp_search .searchBtn{ opacity:0; position: absolute; right:0; top: 0;}
.wamp_language{position:absolute; left:10px; top:50%; transform:translateY(-50%); z-index:9999;}
.wamp_language_toggle{height:36px; line-height:36px; padding:0 8px; display:flex; align-items:center; gap:4px; color:#e70012; font-size:13px; cursor:pointer;}
.wamp_language_toggle img{display:inline-block !important; width:16px !important; height:16px !important; max-width:none !important;}
.wamp_language nav{display:none; position:absolute; left:0; top:100%; min-width:96px; background:#fff; border-top:2px solid #e70012; box-shadow:0 4px 10px rgba(0,0,0,0.12);}
.wamp_language.open nav{display:block;}
.wamp_language nav ul{margin:0; padding:0;}
.wamp_language nav li{border-bottom:1px solid #eee;}
.wamp_language nav li:last-child{border-bottom:none;}
.wamp_language nav a{display:block; padding:8px 12px; color:#333; white-space:nowrap; font-size:13px; line-height:1.4;}
.wamp_language nav a:hover{background:#e70012; color:#fff;}
.wamp_logo{ height: 60px; text-align: center;}
.wamp_logo a{display:inline-block; height:100%;}
.wamp_logo img{height: 100%;}

/* 手机端导航 - 顶部下拉式 */
.wamp_nav{
    display:none;
    position: absolute;
    left:0; top:100%;
    width:100%;
    background:#fff;
    z-index:9999;
    border-top: 2px solid #e70012;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.wamp_nav.open{display:block;}

.wamp_nav li{
    position: relative;
    float:none;
    width:100%;
    height:auto;
    overflow: visible;
    text-align: left;
    border-bottom:1px solid #eee;
}
.wamp_nav li a{display:block; width:100%; height:42px; line-height:42px; padding:0 15px; box-sizing:border-box; color:#333;}
.wamp_nav li.current a{background-color: #e70012; color: #fff;}

/* 有子菜单的项 - 加号图标 */
.wamp_nav li.has-sub{position: relative;}
.wamp_nav li.has-sub > a::after{
    content: '+';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    color: #e70012;
    font-weight: bold;
}
.wamp_nav li.has-sub.open > a::after{
    content: '-';
}

/* 子菜单 */
.wamp_nav li span{
    display: none;
    background:#f8f8f8;
}
.wamp_nav li span.show{display:block;}
.wamp_nav li span p{margin:0; padding:0; border-bottom:1px solid #eee;}
.wamp_nav li span p:last-child{border-bottom:none;}
.wamp_nav li span p a{display:block; height:38px; line-height:38px; padding:0 30px; font-size:14px; color:#666;}
.wamp_nav li span p a:hover{background-color:#e70012; color:#fff;}
}
@media screen and (max-width: 540px) {

    .product_list ul li{width:28%;}
    .news_list ul{width:90%; margin: 0 auto;}
    .news_list ul li{box-shadow:none; width:100%; margin:0; padding: 0;padding-left: 10px; text-align:left; background:url(../images/footer_lis.png) no-repeat left center;}
    .news_list ul li p{text-align:left;  height: 10vw; line-height: 10vw;}
    .news_list ul li p a{display: block;}

    .box .box_title{height:auto;}
    .box .box_title h3{width: 30%; margin: 0; text-align: left; border-radius:0 20px 20px 0; background-color: #e70012; text-align: center;margin-bottom: 10px; color: #fff;}

    .product_list ul li:nth-child(5),
    .product_list ul li:nth-child(6),
    .product_list ul li:nth-child(7),
    .product_list ul li:nth-child(8),
    .product_list ul li:nth-child(9),
    .product_list ul li:nth-child(10){ display: none;}
    .footer{display: none;}
    .cnont{display: block;}
    .boxne{display: none;}
    body{padding-bottom: 40px;}
    .wamp_footer{display: block; width: 100%; height: 40px; line-height: 40px; position: fixed; left: 0; bottom: 0; z-index: 999; background-color: #e70012;}
    .wamp_footer ul{width: 100%;}
    .wamp_footer ul li{ width: 25%; height: 100%; float: left; text-align: center; border-right: 1px solid rgba(255,255,255,0.5);}
    .wamp_footer ul li:last-child{border-right: none;}
    .wamp_footer ul li a{display: block; color: #fff;}

}

@media screen and (max-width:460px) {
    .product_list ul li{width:43%;}
    /* .news_list ul li{width:43%;}  */
    .main .main_box{width: auto; padding: 10px;}
    .main .main_box .main_left{width: 100%; float: none;display: none;}

    .main .main_box .main_right{width: 100%; float: none; margin-left: 0px;}
    .main_article_list ul li span.article_info i{display: none;}
    .main_article_list ul li span.article_litpic{width: 30%;}
    .main_article_list ul li span.article_litpic img{width: 100%;}
    .main_article_list ul li span.article_info{width:68%; padding-left: 2%;}
    .main_article_list ul li span.article_info .ar_con{width: 100%;}
    .main_product_list ul li{}
    .main_title{width: 100%; height: 44px; list-style: 22px; overflow: hidden;}
    .news_list ul li p{/* height: 60px; */ width: auto; padding: 0 10px;}
}

@media screen and (max-width: 320px) {
    .footer .footer_main dl{ width:50%; }
    .product_list ul li{width:40%;}
    .news_list ul li{width:39%;}
}

@media screen and (max-width: 220px) {
    .footer .footer_main dl{float: none; width: 100%;}
    .product_list ul li{width:38%;}

}
