﻿@media screen and (max-width:1200px){
.left_title1{font-size: 30px;}
.left_title1 h2{font-size: 30px;}
.left_body6{height: 144px;}
.left_bottom6{margin-top: 40px;}
.info_from_wrap a,.info_from_wrap p{line-height: 1;}
#top, #logo, #banner, #navigation, #announcement, #link, #copyright, #floor_1, #floor_2, #floor_3, #floor_4, #floor_5, #floor_6, #floor_7, #floor_8, #floor_9, #floor_10, #footer_1, #picture_1, .subchannel, .product_1, .product_2, .product_3, .product_4,.picture{width: 100%;}
#top_main,#logo_main,#announcement_main,#floor_1_main,#floor_3_main,#floor_4_main,#floor_6_main,#floor_7_main,#floor_8_main,#floor_9_main,#floor_10_main,#footer_1_main,#picture_1_main,.picture_main{padding: 0 1%;box-sizing: border-box;}
.single,.article,.product{width: 100%;padding: 0 1%;box-sizing: border-box;margin: 30px auto 0;}
#left_2{width: 70%;}
#right_2{width: 28%;}
#right_1{width: 100%;}
#floor_1_main{margin: 2% 0 0 0;}
#floor_2_main{margin: 0 1%;}
#floor_4_main{padding-top: 30px;}
#floor_5_main{margin: 0 1%;margin-top: 60px;}
#logo .WebLogo{width: 14%;max-width: 144px;}
#logo .WebLogo_1{width: 50%;max-width: 490px;}
#navigation ul.navigationlist li a{font-size: 16px;}

#floor_6 .swiper-button{display: none;}
#floor_8_main{padding: 80px 1% 50px 1%;}
#floor_8_1_2{padding: 0;}
#footer_1_1{width: 37%;}
#picture_1_main{margin-top: 30px;}
.subchannel_main{margin-top: 30px;padding: 0 1%;}
.subchannellist {display: flex;justify-content: space-around;width: 100%;}
.subchannellist li{width: 20%;max-width: 192px;line-height: 44px;margin: 0;height: 44px;}
.subchannellist li a{font-size: 16px;}
/* 列表 */
.gridlist3 li .AlbumPicture{width: 49%;}
.gridlist3 li .info{width: 50%;}
.gridlist3 li .info span{margin: 0;}
.picturelist li .wrap{padding: 20px;}
}
@media screen and (max-width:990px){
.guestbook_title{margin-top: 20px;}
.guestbook_bottom{width: 100%;}
.guestbook_body{width: 100%;margin-top: 20px;}
.left_title1{font-size: 30px;margin-bottom: 20px}
.left_title1 h2{font-size: 30px;}
.left_title3 h2{font-size: 24px;}
.left_title3 p{margin-top: 10px;}
.left_title7{margin-bottom: 20px;}
.left_title7 h2{font-size: 24px;}
.left_title7 a{font-size: 14px;}
.left_title8{margin-bottom: 10px;}
.left_title8 h2 p{font-size: 14px;}
.left_title8 h2 span{font-size: 12px;margin-left: 5px;}
.left_body1{background: none;padding: 0;}
.left_body2{padding: 15px 10px;}
.left_body3{margin-top: 30px;}
.left_body4{margin-top: 30px;}
.left_body5{margin-top: 30px;}
.left_body6{margin-top: 10px;height: 120px;line-height: 30px;}
.left_bottom6{margin-top: 20px;}
.left_bottom6 a{width: 100px;height: 40px;line-height: 40px;}
.right_title1 .ChannelSContent{width: 80%;margin: 0 auto 30px;line-height: 24px;}
.right_title1 .ChannelContent{line-height: 24px;width: 100%;}
.right_body4{padding-top: 20px;}
.right_body4 .ChannelContent{line-height: 32px;}
#top_4{display: none;}
#logo .WebLogo{width: 16%;}
#logo .WebLogo_1{width: 52%;}
#announcement{height: auto;}
#announcement_1{width: 100%;}
#announcement_2{width: 100%;}
#announcement_2 form{width: 100%;}
.search_wrap .form_button{min-width: 100px;}
#floor_1_main{margin-top: 20px;}
#floor_2{margin-top: 20px;}
#floor_2_main::after{border-bottom: 15px solid #D8262C;border-left: 50px solid transparent;border-right: 50px solid transparent;top: -15px;}
#floor_2{padding: 15px 0;}
#floor_3_main{padding-top: 20px;}
#floor_3_1,#left{display: none;}
#floor_3_2,#right{width: 100%;}
#floor_4_main{}
#floor_5_main{margin-top: 30px;}
#floor_6_main{margin-top: 30px;}
#floor_7_main{margin-top: 30px;}
#floor_8_main{margin-top: 30px;padding-top: 30px;padding-bottom: 30px;}
#floor_8_2{margin-top: 30px;}
#floor_9_main{margin-top: 30px;}
#floor_10_main{margin-top: 30px;}
#floor_10_2{margin-top: 30px;}
#floor_10_2_1{width: 32%;margin-right:1.5%;}
#floor_10_2_2{width: 32%;margin-right:1.5%;}
#floor_10_2_3{width: 32%;}
.product_2{margin-top: 20px;}

#footer_1_main{margin-top: 30px;padding: 10px 1%;}
#copyright{line-height: normal;padding: 10px 0;}

.guestbook_table1 tr{margin-bottom: 20px;}
.guestbook_table1 tr td .form_text,.guestbook_table1 tr td .form_text_verifycode{line-height: 40px;height: 40px;padding: 0 10px;}
.guestbook_table1 tr.verify .code_image{height: 40px;}
.guestbook_table1 tr.btns{padding: 0;display: flex;justify-content: space-around;}
.guestbook_table1 tr.btns .form_button{margin: 0;}
.guestbook_table1 tr.btns td{justify-content: space-around;}

.product_title h2{font-size: 18px;}
.product_title p{padding: 10px 0;font-size: 14px;}
.product_title1{padding: 20px 0 10px 0;}
.product_body{margin-top: 20px;}
.textlist3 li{width: 49%;margin-bottom: 20px;}
.left_body1 .gridlist1 li{background: #e3e4e8;padding: 0 ;width: 49%;height: auto;padding: 0.3rem 0.2rem;margin-bottom: 0.3rem;}
.left_body1 .gridlist1 {display: flex;justify-content: space-between;flex-wrap: wrap;}
.gridlist1 li p{}
.gridlist1 li img{margin-right: 10px;max-width: 30px;height: 30px;}
.gridlist1_1 li{width: 30%;}
.gridlist1_1 li .AlbumTitle{font-size: 18px;}
.gridlist1_1 li .AlbumDescription{font-size: 16px;}
.gridlist2 li .ChannelName{font-size: 16px;}
.gridlist2_2 li .InfoTitle{line-height: 40px;font-size: 14px;}
.gridlist3 li{margin-bottom: 15px;}
.gridlist3 li .info span{width: 40px;height: 40px;min-width: 40px;}
.gridlist3 li .AlbumTitle{font-size: 18px;margin: 10px 0;padding-bottom: 10px;}
.gridlist3 li .AlbumDescription{font-size: 14px;line-height: 24px;}
.gridlist3 li.n3 .wrap{padding-bottom: 10px;margin-bottom: 10px;}
.gridlist3 li.n3 .tel .tel_wrap{margin-left: 20px;}
.gridlist3 li.n3 .tel .tel_wrap .tel_Mobile p{font-size: 16px;}
.gridlist8 li .AlbumTitle{margin-top: 20px;line-height: 40px;font-size: 18px;}
.gridlist8 li .AlbumDescription{line-height: 24px;font-size: 14px;margin-top: 20px;}
.bottom_navigation li a{font-size: 12px;text-indent: 0;background: none;}
}
@media screen and (max-width:750px){
.left_title1 h2{font-size: 18px;}
.left_title3 h2{font-size: 18px;}
.left_title3 p{font-size: 14px;}
.left_title6{margin: 0;}
.left_title6 p{font-size: 14px;}
.left_title6 h2{font-size: 18px;}
.left_title7{margin-bottom: 10px;}
.left_title7 h2{font-size: 18px;}
.left_body4{margin-top: 20px;padding: 0 5px 10px 5px;}
.left_body6{font-size: 14px;}
.left_bottom6 a{height: 30px; line-height: 30px;font-size: 14px;}

.right_title1 .ChannelSContent{margin: 0 auto 20px;line-height: 24px;width: 100%;}
.right_body3 .InfoTitle{padding: 0;}
.right_body3 .InfoTitle h1{font-size: 18px;padding-bottom: 20px;}
.right_body3 .InfoTitle h1::after{bottom: 10px;}
.footer_title a img{margin: 0 auto;}
#navigation ul.navigationlist > li{line-height: 44px;}
#banner .swiper-button{display: none;}
#left_2{width: 100%;}
#right_2{display: none;}
#top_main{height: auto;}
#top{height: auto;}
#top_3{font-size: 12px;}
#top_4{font-size: 12px;}
#logo .WebLogo{width: 1.44rem;}
#logo .WebLogo_1{width: 4.9rem;}
#floor_4_main{padding-top: 20px;}
#floor_5_main{margin-top: 20px;}
#floor_6_main{margin-top: 20px;}
#floor_7_main{margin-top: 20px;}
#floor_8_main{margin-top: 20px;padding-top: 20px;padding-bottom: 20px;}
#floor_8_2{margin-top: 20px;}
#floor_9_main{margin-top: 20px;}
#floor_10_main{margin-top: 20px;}
#floor_10_2{margin-top: 20px;}
#floor_10_2_1{width: 100%;margin: 0 0 20px 0;}
#floor_10_2_2{width: 100%;margin: 0 0 20px 0;}
#floor_10_2_3{width: 100%;margin: 0;}
#footer_1{display: block;}
#footer_1_1{width: 100%;}
#footer_1_2{width: 30%;max-width: 100px;margin-top: 10px;float: right;}
#footer_1_3{width: 57%;margin-top: 10px;float: left;}
.product_1_1{width: 100%;padding-bottom: 20px;}
.product_1_2{width: 100%;}
.guestbook_table1 tr{width: 100%;}
.guestbook_table1 tr th{font-size: 14px;max-width: 1.6rem;min-width: 1.6rem}
.guestbook_table1 tr td{width: 5.75rem;}
.guestbook_table1 tr td .form_textarea{padding: 10px;}
.bottom_navigation{width: 100%;}
.bottom_navigation li{}
.subchannellist li{width: 24%;line-height: 32px;height: 32px;}
.subchannellist li a{font-size: 14px;}
.bottom_navigation li a{text-indent: 14px;background: url('../images/navigation1.png') no-repeat left center;margin-bottom: 10px;}
.textlist3 li p{font-size: 12px;}
.gridlist1 li p{font-size: 14px;}
.gridlist1_1 li .AlbumTitle{font-size: 12px;}
.gridlist1_1 li .AlbumDescription{font-size: 12px;line-height: 24px;}
.gridlist2_2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gridlist2_2 li{width: 47%;margin-right: 0;}
.gridlist2_2 li .InfoPicture{height: auto;}
.gridlist3 li .info span{width: 30px;height: 30px; min-width: 30px;font-size: 12px;}
.gridlist3 li .AlbumTitle{font-size: 14px;margin: 5px 0; padding-bottom: 5px;}
.gridlist3 li .AlbumDescription{font-size: 12px;line-height: 20px;}
.gridlist3 li.n3 .tel a{width: 80px;}
.gridlist3 li.n3 .tel a img{display: block;width: 100%;}
.gridlist3 li.n3 .tel{margin-top: 10px;}
.gridlist3 li.n3 .tel .tel_wrap{align-items: center;}
.gridlist3 li.n3 .tel .tel_wrap .tel_Mobile p{font-size: 14px;}
.gridlist3 li.n3 .tel .tel_wrap img{width: 20px;height: 20px;}
.gridlist4 .wrap{padding: 10px;}
.gridlist4 .wrap .InfoTitle{font-size: 14px;}
.gridlist4 .wrap .InfoContent{font-size: 12px;}
.gridlist5 li .InfoTitle{margin-top: 10px;font-size: 14px;}
.productlist{display: flex;flex-wrap: wrap;justify-content: space-between;}
.productlist li{width: 49%;float: left; margin: 0 0 0 0;}
.picturelist{display: flex;flex-wrap: wrap;justify-content: space-between;}
.picturelist li{width: 49%;float: left; margin: 0 0 0 0;}
.picturelist li .wrap{padding: 10px;}
.picturelist li .InfoTitle{font-size: 16px;}
.picturelist li .InfoContent{font-size: 12px;max-height: 32px;}
.picturelist1 li{width: 31%;margin-bottom: 20px;}
.picturelist1 li.n5{margin: 0 2% 20px 0;}
.picturelist1 li:nth-child(3n){margin: 0 0 20px 0;}
.picturelist2 {display: flex;justify-content: space-between;flex-wrap: wrap;}
.picturelist2 li{width: 48%;margin: 0 0 20px 0;}

}
@media screen and (max-width:500px){
  .left_title3 p{font-size: 12px;}
  .left_bottom6 a{margin: 0 auto;}
  .left_body1 .gridlist1 li{width: 100%;margin-bottom: 0.2rem;}
  #floor_2_main::after{border-bottom: 10px solid #D8262C;border-left: 20px solid transparent;border-right: 20px solid transparent;top: -10px;}
  #floor_8_1_1{width: 100%;height: 4rem;overflow: hidden;}
  #floor_8_1_1 img{height: 100%;width: 100%;object-fit: cover;}
  #floor_8_1_2{width: 100%;margin-top: 10px;}
  .gridlist2_2 li{width: 48%;}
  .gridlist3 li .AlbumPicture{width: 100%;}
  .gridlist3 li .info{width: 100%;margin-top: 10px;}
  .gridlist3 li .info span{width: 40px; height: 40px; min-width: 30px;}
  .gridlist5{display: flex;flex-wrap: wrap;justify-content: space-between;}
  .gridlist5 li{width: 48%;margin: 0 0 10px 0;}
  .gridlist8 li .AlbumTitle{margin-top: 10px;}
  .gridlist8 li .AlbumDescription{line-height: 20px;margin-top: 10px;}
}
@media screen and (max-width:375px){
  .gridlist2_2 li{width: 49%;}
  .subchannellist li a{font-size: 12px;}
}