@charset "utf-8";
@media (max-width:1480px) {
	#logo{width: 100%;padding:0 20px;box-sizing: border-box;justify-content: space-between;}
	#floor_1,#floor_2,#floor_3,#floor_4,#floor_6{width:100%;padding:100px 20px;box-sizing: border-box;}
	#bottom{width:100%;padding:50px 20px 20px 20px;box-sizing: border-box;}
	#location{width: 100%;padding: 25px 20px;box-sizing: border-box;}
	#product_1{width: 100%;padding:0 20px;box-sizing: border-box;}
	#showpicture_1{padding:0 20px;width: 100%;box-sizing: border-box;}
	#showproduct_1{padding:0 20px;width: 100%;box-sizing: border-box;}
}
@media (max-width:1000px) {
	.wap{display: block;}
	.pc{display: none !important;}
	.left_title1{}
    .left_title1 h2 { font-size: 24px;color: #111111;text-align:center;line-height:normal;margin-bottom: 20px;}
    .left_title1 p{font-size: 18px; color: #555;opacity: 1;text-align:center;}
	.left_body1{margin-top: 20px; padding: 0 20px;}
	.left_body1 .swiper-button{width:40px;height:40px;font-size:12px;}
	/*.left_title1 h2{font-size: 30px;}*/
	/*.left_title1 p{line-height: 1.58;}*/
	/*.left_title1 a{margin-top: 24px;padding: 0 27px;height: 35px;line-height: 35px;font-size: 12px;}*/

	.left_title2{margin-bottom: 50px;}
	.left_title2 h2{font-size: 22px;}
    .left_body2 .ChannelF1{font-size: 28px;}
    .left_body2 .ChannelContent{font-size: 14px;margin-top:20px;}
    .left_body2 .more{margin-top: 20px;display:flex;}
    .left_body2 .more a{padding:10px 30px;font-size:14px;}
    
	.left_title3{margin-bottom: 25px;}
	.left_title3 h2{font-size: 22px;line-height:normal;}
	.left_title3 p{font-size:18px;margin-top: 24px}
	.left_bottom3{margin-top: 20px;}

	.left_title4{margin-bottom: 25px;}
	.left_title4 h2{font-size: 22px;margin:0;line-height:normal;}
	.left_title4 p{font-size: 18px;}
	.left_bottom4{margin-top: 25px;}

	.left_title5{margin-bottom: 15px;}
	.left_title5 h2{font-size: 18px;}
	.left_title5 p{font-size: 28px;line-height: normal;margin-top: 15px;}
	.left_bottom5{margin-top: 25px;}
	.left_bottom5 a{text-align: center;padding: 0 18px;height: 35px;line-height: 33px;font-size: 12px;}
	.left_bottom5 .swiper-button{width:40px;height:40px;}
	.left_bottom5 .swiper-button img{width:15px;}
    .left_body5{margin:20px 0 0 0;}
    
	.left_title6{margin-bottom: 15px;padding: 0;}
	.left_title6 h2{font-size: 22px;line-height: normal;}
	.left_title6 p{font-size: 18px;line-height: normal;margin-top: 20px;color: #555555;}
	.left_bottom6{margin-top: 25px;}
	.left_bottom6 a{text-align: center;padding: 0 18px;height: 35px;line-height: 33px;font-size: 12px;}


    .left_title7 h2{font-size:20px;line-height:normal;margin-right: 0px;text-align: center;}
    .left_title7 p{font-size: 14px;text-align: center;}
    .left_body7{display:flex;width:100%;margin-top:20px;justify-content:center;}
    .left_body7 .GetAQuote{padding:10px 27px;font-size:14px;}
    
	.bottom_title{margin: 0;padding: 15px 0;display: flex;justify-content: space-between;  font-size: 16px;}
	.bottom_title span{width: 20px;display: block;}
	.bottom_title span img{display: block;width: 20px;}
	.bottom_title.on span img{transform: rotate(180deg);}
	.bottom_body{padding-right: 0%;display: none;}

	.message_title1{background-color: #fff;padding: 40px 20px 30px 20px;text-align: center;}
	.message_title1 h2{font-size: 24px;color: #000;}
	.message_title1 p{font-size: 12px;}
	.message_body1{padding: 10px 20px 30px 20px;}

	.right_title {padding: 0 15px;height: 43px;line-height: 41px;border: 1px solid #e8e8e8;box-sizing: border-box;margin-top: 12px;position: relative;}
	.right_title h2{height: 43px;line-height: 41px;border: 0;}
	.right_title h2 span{display: flex;}
	.right_title .wrap{position: absolute;left: 0;top:50px;background: #fff;width: 100%;z-index: 999;height: 225px;overflow: auto;box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 30%);display: none;padding: 0 10px;box-sizing: border-box;]}
	.right_body {margin-top: 20px;flex-flow:column;}
	.right_bottom {margin-top: 30px;}
	.right_bottom .table_wrap{overflow-x:auto;}
	.right_body1{margin-top: 10px;}

	.right_title2{line-height: 50px;border-bottom: 1px solid #e8e8e8; box-sizing: border-box;display: flex;justify-content: space-between;padding: 0 0 24px 0;}
	.right_title2 h1{padding-right: 0;width: calc( 100% - 90px );padding-bottom: 0;border-bottom: 0;font-size: 20px;line-height: 27px;color: #222222;}
	.right_title2 .date{height: 70px; width: 70px; height: 70px;  line-height: 12px; text-align: center;box-sizing: border-box;background-color: #fecf00;padding-top: 12px;}
	.right_title2 .date .year{font-size: 12px;color: #000000;}
	.right_title2 .date .day{margin-top: 8px;font-size: 30px;line-height: 25px;}

	.right_body2{padding-top: 25px;} 
	.right_body2 .info_title{  font-size: 18px;}
	.right_body2 .info_body{  margin-bottom: 30px;font-size: 12px;line-height: 20px;}
	.right_body2 .info_bottom{margin-bottom: 30px; padding: 20px 0 30px; border-bottom: 1px solid #e8e8e8;}

	.right_body3 .info_body{  margin-bottom: 30px;font-size: 12px;line-height: 20px;min-height: 100px;}
	.right_body3 .info_bottom{margin-bottom: 30px; padding: 20px 0 30px; border-bottom: 1px solid #e8e8e8;}

	.right_title4{}
	.right_title4 h2{font-size: 14px; }
	.right_title4 .InfoSContent{font-size: 12px;}
	.right_title4 .btns{display: flex;align-items: center;flex-wrap: wrap;}
	.right_title4 .btns a{margin-right: 0;width: 100%;}
	.right_title4 .btns a:last-child{margin: 15px 0 0 0;}
	.right_title4 .info_bottom{margin-top: 40px;}
	.right_body5 .info_body{padding: 20px 0;}
	.right_title6{}
	.right_title6 h2{font-size:18px;}
	/* 导航 */
	#navigationshade { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1001; background: rgba(0,0,0,.5); display: none; }
	#navigationshade1{display: none;position: fixed;left: 16px; top: 16px;z-index: 20000;width: 16px;height: 16px;}
	#navigationshade1:after,#navigationshade1:before{ content: ""; display: block; position: absolute; width: 16px; height: 2px; left: 0; top: 0px;margin:0.2rem 0 0 0; background: #fff; border-radius: 3px;z-index: 20000; }
	#navigationshade1:after{ transform: rotate(45deg); }
	#navigationshade1:before{ transform: rotate(-45deg); }
	#navigation {width: auto;height:auto;}
	.navigationlist{ position: fixed; left: -68%; top: 0; background: #FFF; overflow-y: scroll; width: 68%; height: 100%; z-index: 10000;padding: 50px 0 0 0; }
	#navigation ul.navigationlist li{ position: relative; float: none;text-align: center;display: block;width: 100%;height: auto;line-height: normal;} 
	#navigation ul.navigationlist li i.HasChild{ position: absolute; width: 12px; height: 12px; right: 16px; top: 12px; }
	#navigation ul.navigationlist li i.HasChild:after,.navigationlist li i.HasChild:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;
		position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 12px; height: 2px; }
	#navigation ul.navigationlist li i.HasChild:before{ width: 2px; height: 12px; }
	#navigation ul.navigationlist li a{ position: relative; line-height: 40px; font-size:16px; color:#444; overflow:hidden; display:block; margin-left: 30px;text-align: left;padding: 0;height: auto; }
	#navigation ul.navigationlist li a.current{ color:#0256ac}
	#navigation ul.navigationlist li .sub_navigationlist{ display: none; }
	#navigation ul.navigationlist li .sub_navigationlist a{ margin-left: 70px; }
	#navigation ul.navigationlist li a:hover { text-decoration:none; border-bottom: none; border-radius: 0; }
	#navigation ul.navigationlist.click_slideInRight{background: #000;}
	#navigation ul.navigationlist.click_slideInRight li a{color: #fff;}
	#navigation ul.navigationlist.click_slideInRight li i.HasChild:after,.navigationlist.click_slideInRight li i.HasChild:before{background: #fff;}
	#navigation ul.navigationlist .current { color:#fff; border-bottom: none; }
	#navigation ul.navigationlist .current:hover{ color: #FFF; border-bottom: none; }
	#navigation ul.navigationlist>li:hover a:after{ transform: scale(0);opacity: 0;}
	#navigation ul.navigationlist>li a.current:after{ transform: scale(0);opacity: 0;}
	
	#banner1{overflow:hidden;}
	#logo .WebLogo{width: auto;}
	#logo .WebLogo img{height:auto;}
	#logo .WebLogo a{width: 135px;display: block;}
	#logo .WebLogo a img{width: 100%;}
	#logo .shownavbtn{margin-left: 20px;}
	#logo .shownavbtn img{width: 30px;}
	#floor_1_main{padding:0;}
	#floor_1{padding:45px 20px;flex-flow: column;width: 98%;}
	#floor_1_1{width: 100%;padding: 0;}
	#floor_1_2{width: 100%;margin-top: 24px;}
	#floor_2{padding:40px 20px;width: 98%;flex-flow:column;}
	#floor_2_1{width:100%;}
	#floor_2_2{padding:0;width:100%;margin-top: 20px;}
	
	#floor_3{padding:36px 20px;width: 98%;}
	#floor_4{padding:36px 20px;width: 98%;}
	#floor_5{padding:36px 0;width: 100%;}
	#floor_5 .wrap{width:100%;padding:20px;box-sizing:border-box;}
	#floor_5_main .wrap_bg{padding:120% 0 0 0;}
	#floor_5_main .wrap_bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
	#floor_6{padding:36px 20px;width: 98%;}
	#floor_7_main{padding-top: 20%;}
	#floor_7_main .bg{object-fit: fill;}
	#floor_7{width:100%;padding:0 20px;box-sizing:border-box;flex-flow:column;}
	
	#product_1{padding:0 20px;width: 98%;}
	#picture_1{padding:30px 20px;}
	#article_1{padding:0;width: 92%;box-sizing: border-box;}
	#article_1_2{width: 100%;}
	#showarticle_main{padding: 18px 0 25px 0; }
	#showarticle_1{width: 92%;}
	#showarticle_1_2{}
	#showpicture_1{padding:0 20px;width: 98%;}
	#showpicture_1_1 .Info{padding: 3% 2%;}
	#showpicture_1_1 .Info h2{font-size: 28px; }
	#showpicture_1_1 .Info p{margin-top: 12px;font-size: 14px;}
	#showproduct_main{padding:0;}
	#showproduct_1{padding:0 20px;width: 98%;flex-flow: wrap;}
	#showproduct_2{padding:40px 20px;width: 98%;}
    #showproduct_3{padding:40px 20px;width: 98%;}
	#showproduct_1_1{width: 100%;flex-wrap: wrap;flex-direction: column-reverse;}
	#showproduct_1_1_1{width: 100%;margin:10px 0;}
	#showproduct_1_1_1{}
    #showproduct_1_1_1 .InfoAlbum{display:block;padding: 0 20px;}
    #showproduct_1_1_1 .myalbum{overflow: hidden;}
    #showproduct_1_1_1 .InfoAlbum .arrow{display:block;width:20px;height:20px;margin:-20px 0 0 0;top:50%;}
    #showproduct_1_1_1 .InfoAlbum .sPrev{transform:rotate(180deg);left:0;}
    #showproduct_1_1_1 .InfoAlbum .sNext{transform:rotate(0deg);right:0;left:auto;}
	#showproduct_1_1_2{width: 100%;max-width: 100%;}
	#showproduct_1_1_2 .InfoPicture {width:100%;}
	#showproduct_1_2{width: 100%;}
	#bottom{padding:0 20px;width: 98%;}
	#bottom_0{float: left;width: 100%;box-sizing: border-box;margin: 30px 0;display: flex;justify-content: center;align-items: center;flex-flow: column;}
	#bottom_0 p{text-align: center;font-size: 18px;font-weight: bold;margin-bottom: 20px;color: #fff;}
	#bottom_0 btn{display: flex;justify-content: center;align-items: center; width:60%;height:40px;cursor: pointer; border-color: #00000000;color: #FFFFFF;margin: 0 auto; background-color: #c60c0e;margin: 0;border-radius: 35px;text-transform: uppercase;font-weight: bold;}
	#bottom_1{float: left;width: 100%;box-sizing: border-box;margin: 0;}
	#bottom_2{float: left;width: 100%;box-sizing: border-box;margin: 0;}
	#bottom_3{float: left;width: 100%;box-sizing: border-box;margin: 0;}
	#bottom_4{float: left;width: 100%;box-sizing: border-box;margin: 0;}
	#copyright {padding:25px;width: 98%;box-sizing: border-box;}
	.message_main .message_1{width:90%;}
	.message_main .message_1 .close::after{height: 20px;}
	.message_main .message_1 .close::before{width: 20px;}
	.guestbook_table1 tr td input{height: 45px;line-height: 45px;border-radius: 5px;padding: 0 10px;}
	.guestbook_table1 tr td input:hover{height: 45px;line-height: 45px;border-radius: 5px;padding: 0 10px;}
	.guestbook_table1 tr td textarea{height: 100px;padding: 10px;border-radius: 5px;}
	.guestbook_table1 tr td textarea:hover{height: 100px;padding: 10px;border-radius: 5px;}
	.guestbook_table1 tr td .form_button{padding: 15px 20px;font-size: 16px;border-radius: 5px;}
	.guestbook_table1 tr td .form_button:hover{padding: 15px 20px;font-size: 16px;border-radius: 5px;}
	.textlist1{flex-wrap: wrap;}

	.textlist2{gap: 35px;}
	.textlist2 li{display: flex;flex-flow: column;}
	.textlist2 li .info{width: 100%;}
	.textlist2 li .wrap{width: 100%;margin-top: 16px;}
	.textlist2 li .wrap .InfoTime{margin-bottom: 16px;}
	.textlist2 li .wrap .more{padding: 0 34px;height: 37px;line-height: 35px;font-size: 14px;color: #222222;}
	.textlist2 li:hover img{transform: scale(1);}

	.textlist4 li{font-size: 18px;line-height:normal;}

	.thumblist1{flex-wrap: wrap;justify-content: space-between;}
	.thumblist1 li{width: 48%;margin-bottom: 25px;}

	.thumblist2 li .Info {padding: 20px;}
	.thumblist2 li .Info .InfoTitle{font-size: 20px;}
	.thumblist2 li .Info .InfoSContent{font-size: 14px;display: block; margin-top: 10px;line-height: 1.5;}
	.thumblist2 li .Info .more{display: flex; margin-top: 14px; width: 30px;height: 30px;padding: 0;}

	.thumblist3{display: flex;flex-flow: column;}
	.thumblist3 li {margin:0 0 15px 0;width: 100%;}
	.thumblist3 li .InfoTitle{margin-top: 15px;}
	.thumblist3 li .InfoContent{margin-top: 10px;line-height: 1.5625;font-size: 16px;}
	.thumblist3 li .InfoTime{display:block;height: 36px;line-height: 36px;padding: 0 38px; background-color: #ddd; color: #444444; border-radius: 18px;}
	.thumblist3 li .more{font-size: 16px;margin-top: 15px;color: #222222;display: block;}
    
    .gridlist3 li{padding:15px 10px 15px 15px;}
    .gridlist3 li .info a{font-size:16px;color: #111;font-weight:bold;}
    .gridlist3 li.on .info a{color: #ba0913;}
    .gridlist3 li .InfoContent{margin-top: 20px;padding:0;font-size:14px;}
    
    .gridlist4 li .AlbumDescription{font-size: 18px;}
    .gridlist4 li .AlbumTitle{font-size: 14px;}
    
	/* .gridlist{ grid-template-columns: repeat(3, calc((100% - 40px) / 3));display: grid;gap: 20px;} */
	.gridlist li { margin-bottom: 30px;}
	.gridlist li .InfoTitle{padding: 0;}
	.gridlist1{ grid-template-columns: repeat(3, calc((100% - 60px) / 3));display: grid;gap: 20px; }
	.gridlist1 li .InfoTitle{font-size: 20px;}
	.gridlist1 li .more{padding: 10px 20px;}

    /*.gridlist5{}*/
    /*grid-template-columns: repeat(2, calc((100% - 30px) / 2));display: grid;gap: 30px;*/
    .gridlist5_1{display:flex;}
    .gridlist5_1 li {width:48%;}

    .Igridlist2{grid-template-columns: repeat(2, calc((100% - 15px) / 2));display: grid;gap: 15px;}
    .Igridlist2 li {padding:0;}
    .Igridlist2 li .AlbumPicture{width:50%;max-width:94px;position:relative;height:auto;}
    .Igridlist2 li .AlbumPicture .wrap{position:relative;padding: 0 0 100% 0;width:100%;}
    .Igridlist2 li .AlbumPicture img{width:50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
    .Igridlist2 li .AlbumTitle{margin-top:15px;font-size:16px;}
    .Igridlist2 li .AlbumDescription{font-size:14px;}
    
	.channelalbumlist1 li { padding: 0;}
	.channelalbumlist1 li .AlbumTitle {font-size:18px; margin-top: 35px;}
	.channelalbumlist1 li .AlbumDescription{font-size: 14px;margin-top: 15px;}

	.channelalbumlist2 li {flex-flow: column;}
	.channelalbumlist2 li .info_left{width: 100%;padding: 25px 21px;box-sizing: border-box;}
	.channelalbumlist2 li .info_right{width: 100%;}
	.channelalbumlist2 li .AlbumTitle {font-size:16px; margin-bottom: 15px;}
	.channelalbumlist2 li .AlbumDescription{font-size: 20px;margin-bottom: 15px;line-height: 1.5;}
	.video_main video{width: 98%;height: auto;}
	
	.albumlist{}
    .albumlist li{float:left;width:25%; }
    .sidebar{right:10px;}
    .sidebar .item{width:40px;height:40px;background-size:20px;}
    .sidebar .item:hover .info{display:none;}
    
    .selectedlist li{margin-bottom: 5px;}
    .typeattrlist{width:100%;}
    .right_body .close{width:60px;}
}   .right_wrap{width:100%;margin-bottom:20px;}
@media (max-width:750px) {
    #floor_7_main{padding-top: 50%;}
	.search_main form{max-width: 90%;}
	.search_main form .close{right: 0;transform: translate(0,-100%);}
	.textlist3 li{width:30px;height:30px;margin-right: 10px;}
	.textlist3 li a{background-size: 30px auto;}
	.thumblist2{flex-flow: column;}
	.thumblist2 li{width: 100%;margin-bottom: 10px;}
	.thumblist2 li .InfoPicture{padding-bottom: 60%;}
	.thumblist2 li .Info {padding: 10px;}
	.thumblist2 li .Info .InfoTitle{font-size: 16px;}
	.thumblist2 li .Info .InfoSContent{font-size: 12px;}
	/* .gridlist{ grid-template-columns: repeat(2, calc((100% - 20px) / 2));display: grid;gap: 20px;} */
	.gridlist1{ grid-template-columns: repeat(2, calc((100% - 10px) / 2));display: grid;gap: 10px; }
	.gridlist1 li .wrap{padding: 0 10px 10px 10px;}
	.gridlist1 li .InfoTitle{font-size: 18px;margin-bottom: 10px;}
	.gridlist1 li .more{padding: 5px 10px;}
	.typeattrlist{flex-wrap:wrap;}
	.typeattrlist .wrap{flex-wrap: wrap;width:100%;}
	.typeattrlist .GoodsCount{width: 100%;text-align: right;}
	.typeattrlist .row{width: 100%;margin-bottom:10px;}
	.typeattrlist .row .right select{width: 100%;margin:0;}

}
