@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
   
}
@media screen and (max-width:1366px){
    .box_con{width: 92%;}

    .bar .bar_tit h3{font-size: 30px;}
    .bar .bar_tit p{font-size: 24px;}
    .news_title ul li a{font-size: 18px;}

    .about_tiile h3{font-size: 30px;}

    .view .swiper-container .swiper-slide .history_tit h3{font-size: 50px;}
    .view .swiper-container .swiper-slide .history_tit p{font-size: 30px;}

    .news_list .news_top .tct b{font-size: 26px;}
    .news_list .news_top .tct h3{font-size: 24px;}
    .news_list .news_top .tct p{font-size: 14px;line-height: 24px;}
    .news_list .news_btm .item .tct h3{font-size: 20px;}

    .news_tct .news_titles h3{font-size: 24px;}
    .product_page ul li a{font-size: 16px;}

    .download_list .item .tct h3{font-size: 16px;line-height: 24px;}
    .download_list .item .tct em{font-size: 16px;}
    .video_list .item .tct h3{font-size: 20px;margin: 0;}
    .video_list .item .tct p{font-size: 14px;}

    .address_items .item p{font-size: 14px;}

    .contact_map .contact_con h3{font-size: 24px;}
    .contact_map .contact_con ul li p:nth-child(1){font-size: 16px;}
    .contact_map .contact_con ul li p b,
    .contact_map .contact_con ul li p span{font-size: 18px;}

    .customized_title h3,
    .painting_tit h3{font-size: 26px;}
    .customized_ggt h3{font-size: 24px;}
    .customized_btm .customized_items .item .tct h3,
    .painting_items .item h3,
    .painting_cons .painting_right .painting_right_tit h3{font-size: 20px;}
    .customized_btm .customized_items .item .tct p{font-size: 14px;line-height: 24px;}
    .customized_btm .customized_items .item .tct em{font-size: 14px;}
    .customized_btm .customized_all, .painting_all{font-size: 16px;margin: 40px auto;}

    .painting_top h3{font-size: 20px;}
    .painting_top h3 p,
    .painting_cons .painting_right .painting_page_items h3{font-size: 18px;}
    .painting_cons .painting_right .painting_right_tit p,
    .painting_cons .painting_right .painting_page_items .item p{font-size: 14px;}

}
@media screen and (max-width:1280px){
  
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){
    header .head_top .head_con dl{justify-content: center;}
    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 4%;top:11px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: ease-in 1s;position: relative;background: var(--fontColorf);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--fontColorf);transition: ease-in 1s;position: absolute;}
    .sj_menu span::after{bottom: -6px;}
    .sj_menu span::before{top: -6px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: ease-in 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: ease-in 1s;}
    .son .sj_menu span::after{display: none;}
    
    header {height: 50px;}
    header .head_btm{padding: 15px 0;transform: translateX(100%);transition: all 0.5s;z-index: 10;position: relative;}
    .son header .head_btm{transform: translateX(0%);transition: all 0.5s;}
    header .head_btm .head_con{display: block;}
    header .head_btm .head_con ul{width: 100%;display: block;}
    header .head_btm .head_con ul li{margin-right: 0;border-bottom: 1px solid var(--fontColore);}
    header .head_btm .head_con ul li a{padding: 0;font-size: 16px;line-height: 40px;}
    header .head_btm .head_con ul li::after{display: none;}
    header .head_btm .head_con ul li:nth-child(1) a{background: none;}

    header .head_btm .head_con dl{justify-content: flex-start;}
    header .head_btm .head_con dl dd{margin: 10px 0;}
    header .head_btm .head_con dl dd a{margin-left: 0;margin-right: 10px;}
    header .head_btm .head_con dl dt{margin-left: 0;}
    header .head_btm .head_con dl dt img{display: none;}
    header .head_btm .head_con dl dt p{position: static;display: block;}
    
    .banner{height: 520px;}

    .product,
    .news,
    .about,
    .dpa,
    .brand{margin: 0 auto 30px;}

    .product_items .item .tct a{padding: 15px;}
    .product_items .item .tct h3{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
    .product_items .item .tct em{line-height: 36px;width: 120px;}
    .product_items .item:hover .tct em{margin: 10px auto;width: 120px;}
    .product_items .item .tct h3::after{display: none;}

    .pages{margin: 20px auto;}
    .pages ul li{width: 30px;height: 30px;line-height: 28px;font-size: 16px;margin: 0 5px;}

    .title h3{font-size: 24px;}
    .title h3 span{font-size: 14px;line-height: 20px;height: 35px;}
    .title h3 span::before{margin-top: 8px;}

    .news_tab .news_tit ul li{font-size: 16px;}
    .news_items .item .tct a{padding: 15px;}
    .news_items .item .tct p{font-size: 16px;line-height: 30px;}

    .about{height: 360px;}
    .about .about_con .about_left .desc{font-size: 14px;}
    .about .about_con .about_left .more{width: 120px;}
    .about .about_con .about_left .more a{line-height: 36px;}
    .about .about_con .about_right{max-width: 300px;}
    .about .about_con .about_right .video_btn img{width: 60px;}

    .dpa_items .item .tct{padding: 15px;}
    
    .brand_items .item{height: 60px;line-height: 60px;}
    .brand_items .item a{font-size: 16px;}
    .brand_items .item a span{background: var(--lineColor);padding: 0;}
    
    footer .foot_top{display: block;margin: 0 auto;text-align: center;}
    footer .foot_top .foot_nav,
    footer .foot_top .foot_link{display: none;}
    footer .foot_btm p span{display: block;}
    footer .foot_btm p a{display: block;}
    footer .foot_btm p:last-child{margin-top: 20px;}

    .member_con{padding: 15px;}

    .about_con3{height: auto;padding-bottom: 100px;}
    
    .download_list .item{margin-right: 20px;width: calc(100% / 3 - 13.33px);margin-bottom: 20px;}
    .download_list .item .tct{width: 100%;}
    .news_title{margin-bottom: 20px;}

    .address_top .from_select{min-width: 100px;font-size: 14px;padding:0 10px;}
    .address_top .from_btn{width: 100px;}
    .address_top .from_input{max-width: 100px}

    .address_con{height: auto;}
    .address_items{height: 300px;}

    .contact_map{height: 520px;}
    .contact_map .contact_con{right: 20px;top: 20px;padding: 20px;max-width: 390px;width: 100%;}

    .painting_top h3 p{width: 70%;}

}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    .banner {
        height: 400px;
    }
    .bar {
        height: 360px;
    }
    
    .product_items .item{width: calc(100% / 2 - 4px);}

    .brand_items .item,
    .brand_items .item:nth-child(5n){height: 40px;line-height: 40px;width: calc(100% / 2 - 22px);margin-right: 27px;}
    .brand_items .item:nth-child(2n){margin-right: 0;}
    .product_items .item .tct p{display: none;}
    .product_items .item .tct em{transform: translateY(0%);}

    .news_items .item,
    .news_items .item:nth-child(1), .news_items .item:nth-child(2){width: 100%;margin-right: 0;}
    .news_items .item .pic{max-height: 170px;}

    .about .about_con .about_left, .about .about_con .about_right{width: 70%;}
    .about .about_con .about_right{max-width: 60px;}

    .dpa_items .item{width: 100%;margin: 0 auto 20px;}
    .dpa_items .item .pic{max-height: 300px;}
    
    .member_con::after{display: none;}
    .member_con .member_item{padding: 0;}
    .member_con .member_item h3{font-size: 24px;}
    .member_con .member_item p{font-size: 14px;}
    .member_con .member_bd .member_input{height: 36px;line-height: 34px;margin-top: 10px;font-size: 14px;}
    .member_con .member_bd .member_btn{width: 120px;line-height: 36px;margin-top: 10px;}
    .member_con .member_bd a{font-size: 14px;line-height: 36px;margin-top: 10px;}
    .member_con .member_bd .yzm{height: 34px;width: 90px;margin-top: -35px;}
    .member_con .member_bd label{margin-top: 10px;font-size: 14px;}
    .member_con .member_bd .member_box{width: 16px;height: 16px;}
    .member_colse{right: 10px;top: 10px;}

    .view .swiper-container{width:100%;}
    .view .arrow-right{margin-right: 0;}

    .news_list .news_top .pic{max-width: 380px;}
    .news_list .news_top .tct{width: calc(100% - 400px);}
    
}
@media screen and (max-width:640px){
    .lg_wrap{margin-top: 50px;}
    .banner {height: 235px;}
    .bar {height: 180px;}
    .bar .bar_tit h3{font-size: 24px;margin-top: 0;}
    .bar .bar_tit p{font-size: 18px;}

    .crumbs{margin: 0 auto !important;}
    .crumbs dl{display: none;}
    
    .about_con{margin-top: 0;height: auto;padding-bottom: 30px;}
    .about_con .news_title{padding-top: 20px;}
    .news_title{margin-bottom: 20px;padding-top: 20px;}
    .news_title ul {justify-content: space-between;}
    .news_title ul li{width: calc(100% / 2 - 10px);margin: 0 5px;font-size: 16px;margin-bottom: 10px;}
    .news_title ul li a{font-size: 16px;line-height: 36px;}
    .culture, .history{padding-bottom: 20px;padding-top: 50px;}
    .about_tiile h3{font-size: 20px;}

    .preview::before{top: 69px;}
    .preview .swiper-container{padding: 20px 0;}
    .preview .swiper-container .swiper-slide{font-size: 16px;line-height: 40px;}
    .preview .swiper-container .active-nav{font-size: 20px;}

    .preview .swiper-container .swiper-slide::after{width: 15px;height: 15px;margin: 4px auto;}
    .preview .swiper-container .swiper-slide::before{width: 19px;height: 19px;}
    .preview .swiper-container .swiper-slide::before, .preview .swiper-container .swiper-slide::after{bottom: -20px;}
    .view{margin-top: 20px;}
    .view .arrow-left, .view .arrow-right{width: 36px;height: 36px;line-height: 36px;}
    .view .swiper-container .swiper-slide .history_tit,
    .view .swiper-container .swiper-slide .history_tct{width: 100%;max-height: initial;}
    .view .swiper-container .swiper-slide .history_tit{margin-bottom: 20px;text-align: center;}
    .view .swiper-container .swiper-slide .history_tct{padding:0 0 0 30px}
    .view .swiper-container .swiper-slide .history_tit h3{font-size: 24px;}
    .view .swiper-container .swiper-slide .history_tit h3 span{font-size: 16px;}
    .view .swiper-container .swiper-slide .history_tit h3::after{margin: 10px auto;}
    .view .swiper-container .swiper-slide .history_tit p{font-size: 20px;}
    .about_con3{padding-bottom: 30px;}

    .news_list .news_top .pic,
    .news_list .news_top .tct{width: 100%;}
    .news_list .news_top .tct{padding: 15px;}
    .news_list .news_top .tct b{font-size: 18px;line-height: 24px;}
    .news_list .news_top .tct h3{font-size: 18px;line-height: 30px;}
    .news_list .news_top{margin-bottom: 20px;}
    .news_list .news_btm .item,
    .news_list .news_btm .item:nth-child(3n){width: calc(100% / 2 - 8.33px);margin-right: 15px;margin-bottom: 15px;}
    .news_list .news_btm .item:nth-child(2n){margin-right: 0;}
    .news_list .news_btm .item .tct h3{font-size: 16px;line-height: 24px;}

    .gotops{right: 0;bottom: 10px;}
    
    .news_tct{padding: 20px;}
    .news_tct .news_titles{margin-bottom: 20px;}
    .news_tct .news_titles h3{font-size: 20px;}
    .news_tct .mains_text{padding: 20px 0;}

    .product_page{margin: 20px auto;}
    .product_page ul li a{padding: 0;display: block;text-align: center;line-height: 40px;}
    .product_page ul li a em{display: none;}
    
    .download_list .item{width: 100%;margin-right: 0;}
    .download_list .item .pic{max-width: 120px;}
    .download_list .item .tct{width: calc(100% - 120px);}
    .download_list .item .tct em{font-size: 14px;}

    .video_list .item{margin-right: 15px;margin-bottom: 15px;width: calc(100% / 2 - 8px);}
    .video_list .item .tct h3{font-size: 16px;}

.layui-form-select {margin: 5px;}

    .address_top{padding: 15px;margin: 0 auto;}
    .address_top .box_con{width: 100%;}
	.address_top span:nth-child(1){display: block;}
    .address_con .address_map{position: static;}
    .address_items{width: 100%;height: auto;padding-right: 0;overflow-y: hidden;max-height: initial;position: static;}
    .address_top .from_select{height: 36px;line-height: 34px;width: 100%;margin-bottom: 10px;margin-left: 0;}
    .address_top .from_input,
    .address_top .from_btn{margin-left: 10px;margin-right: 10px;}
    
    .contact_map{height: auto;overflow: initial;}
    .contact_map #allmap{height: 250px;}
    .contact_map .contact_con{position: static;padding: 15px;}
    .contact_map .contact_con h3{font-size: 20px;}
    .contact_map .contact_con ul li p b,
    .contact_map .contact_con ul li p span{width: 190px;font-size: 16px;line-height: 24px;}

    .customized_top{padding: 15px;}

    .customized_title h3, .painting_tit h3{font-size: 20px;}
    .customized_title p{line-height: 24px;}
   #container{height: 300px;}
    .customized_ggt{height: 90px;}
    .customized_ggt h3{padding: 15px;font-size: 15px;}
    .customized_ggt h3 a{width: auto;padding: 0 15px;}

    .customized_btm{padding: 20px 0;}
    .customized_btm .customized_items{margin-top: 20px;}
    .customized_btm .customized_items .item{width: 100%;margin-right: 0;margin-bottom: 40px;}
    .customized_btm .customized_all, .painting_all{width: 160px;line-height: 40px;}
    
    .painting{margin: 0 auto;}

    .painting_top h3{line-height: 36px;padding: 10px 0;}
    .painting_top h3 p{width:100%;font-size: 15px;justify-content: flex-start;}
    .painting_top h3 p span{padding-right: 25px;margin-right: 10px;}
    .painting_top h3 a{float: none;font-size: 14px;}
    .painting_tit{padding: 20px 0;}
    .painting_items .item{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .painting_items .item h3,
    .customized_btm .customized_items .item:hover .tct h3{font-size: 18px;}
    .painting_items .item span{max-height: 260px;}

    .painting_itemss .item{width: calc(100% / 2 - 8px);margin-right: 15px;margin-bottom: 20px;}
    .painting_itemss .item:nth-child(2n){margin-right: 0;}

    .painting_cons .painting_left{width: 100%;padding: 0 0 30px;}
    .painting_page_color .ite{max-width: 30px;height: 30px;}

    .painting_cons .painting_right .painting_right_tit input{width: 120px;line-height: 40px;margin: 15px 15px 15px 0;}
    .painting_cons .painting_right .painting_right_item .btn_txt{line-height: 40px;}
    .painting_item5 .painting_cons .painting_right .painting_right_item .painting_pages{margin-bottom: 0;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    .box3{height: 190px;}
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}