﻿@media screen and (max-width: 1440px){
  #top, #logo, #announcement, #link, #copyright, #bottom, #floor_1, #floor_3, #floor_4, #floor_5, .navigation_wrap, #location{padding: 0 20px;box-sizing: border-box;}
  #floor_3{padding: 6.2% 20px;}
  #bottom{padding: 2% 20px;}
  #navigation{width: 70%;}
  #logo .WebLogo{padding: 10px 0;}
  #logo .WebLogo img{height: 60px;}
  #navigation ul.navigationlist li > a{line-height: 80px;text-align: left;}
  .picture_main,.product_main,.article_main,.single_main,.download_main,.video_main{padding: 0 20px;}
}

@media screen and (max-width: 1000px){
.pc{display: none !important;}
.wap{display: block !important;}
.page a, .page span{height: 43px;width: 43px;}
.info_from_wrap{padding: 15px 0;margin-bottom: 15px;}
.info_previous_next_wrap{padding: 15px 0 0 0;margin-top: 15px;}
.Next{margin-top: 10px;}

#top, #logo, #announcement, #link, #copyright, #bottom, #floor_1, #floor_3, #floor_4, #floor_5, .navigation_wrap, #location{padding: 0 10px;box-sizing: border-box;}
.picture_main, .product_main, .article_main, .single_main, .download_main, .video_main{padding: 0 10px;}
#navigation .navigationlist{display: none !important;}
#navigationWeb{display: block;}
#navigation{justify-content: flex-end;}
#navigation .language{margin-right: 20px;}

/* #navigation.navigationWeb{display: flex;} */
#menu{ width:10%; height:2.2rem; position:absolute; left:10px; top:53%; margin-top:-25px;  background:url(../images/list.png) no-repeat center center; display:none; }
#navigationshade { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0,0,0,.5); display: none; }
#navigationshade1{display: none;position: fixed;left: 0.32rem; top: 0.32rem;z-index: 20000;width: 0.32rem;height: 0.32rem;}
#navigationshade1:after,#navigationshade1:before{ content: ""; display: block; position: absolute; width: 0.32rem; height: 0.04rem; 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); }
.navigationlist{ position: fixed; left: 0; top: 70px; background: #000; overflow-y: scroll; width: 100%;z-index: 999999;padding: 0 0 0 0;display: none;}
.seachwrap{ align-items: center; background: #f5f5f5; margin: 20px 20px 20px 30px; border-radius: 50px; overflow: hidden; }
.seachwrap form { display:flex; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords { flex:3; padding: 0 0 0 15px; }
.seachwrap input.btnSearch { flex:1; padding: 0 15px 0 0; background:url(../images/searchbtn.png) no-repeat center; }
#navigationWeb {width: auto;}

#navigationWeb ul.navigationlist1>li{ position: relative; float: none;text-align: center;border-bottom: 1px solid #696969;} 
#navigationWeb ul.navigationlist1 li .info{display: flex;justify-content: space-between;}
#navigationWeb ul.navigationlist1 li .active{background: #cc0505;}
#navigationWeb ul.navigationlist1 li div.HasChild{ position: absolute; width: 46px; height: 46px; right: 0.32rem; top: 0;display: flex;align-items: center;justify-content: center;}
#navigationWeb ul.navigationlist1 li .active .HasChild img{transform: rotate(180deg);}
/* #navigationWeb ul.navigationlist1 li div.HasChild:after,.navigationlist li div.HasChild:before{ content:''; display: block; background: #fff; margin: auto; border-radius: 2px;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 0.24rem; height: 0.04rem; } */
/* #navigationWeb ul.navigationlist1 li div.HasChild:before{ width: 0.04rem; height: 0.24rem; } */
#navigationWeb ul.navigationlist1 li .info a{ position: relative;height: 46px;line-height: 46px;padding: 0 5%;font-size: 16px;transition: all .5s ease;color: #fff;}
#navigationWeb ul.navigationlist1 li a.current{ color:#fff;}
#navigationWeb ul.navigationlist1 li .sub_navigationlist{ display: none; }
#navigationWeb ul.navigationlist1 li .sub_navigationlist li{    padding-left: 8%;font-size: 14px;height: 38px;line-height: 38px;}
#navigationWeb ul.navigationlist1 li .sub_navigationlist a{ display: block;text-align: left;color: #fff;}
#navigationWeb ul.navigationlist1 li a:hover { text-decoration:none; border-bottom: none; border-radius: 0; }
#navigationWeb ul.navigationlist1.click_slideInRight{background: #000;}
#navigationWeb ul.navigationlist1.click_slideInRight li a{color: #fff;}
/* #navigationWeb ul.navigationlist1.click_slideInRight li div.HasChild:after,.navigationlist.click_slideInRight li i.HasChild:before{background: #fff;} */
#navigationWeb ul.navigationlist1 .current { color:#fff; border-bottom: none; }
#navigationWeb ul.navigationlist1 .current:hover{ color: #333; border-bottom: none; }
#navigationWeb ul.navigationlist1>li:hover a:after{ transform: scale(0);opacity: 0;}
#navigationWeb ul.navigationlist1>li a.current:after{ transform: scale(0);opacity: 0;}


#logo .WebLogo img{height: 40px;}
#logo .shownavbtn{height: 40px;width: 40px;min-width: 40px; background: #027BC7;font-size: 20px;display: flex;align-items: center;justify-content: center;color: #fff;padding: 10px;box-sizing: border-box;}
#logo .shownavbtn img{display: block; width: 90%; height: 70%;}

#subchannel{padding: 15px  0;}
.subchannellist li a{font-size: 16px;}
.subchannellist2 li .ChannelName{padding: 10px 12px;}

#floor_1_main{padding:20px 0;}

#floor_3{display: block;padding: 20px 10px;}
#floor_3_1{width: 100%;}
#floor_3_2{width: 100%;margin-top: 20px;}

#bottom{display: block;padding: 20px 10px;}
#bottom_1{width: 100%;}
#bottom_2{width: 100%;display: none;}
#bottom_3{width: 100%;text-align: center;}
#bottom_3 img{width: 120px;}
#copyright{line-height: 20px;padding: 10px;}

.product{display: block;}
.product_1{width: 100%;}
.product_2{width: 100%;margin-top: 20px;}
.product_2_1{padding:15px 10px;display: block;}
.product_2_1_1 {width: 100%;gap: 0;}
.product_2_1_2 {width: 100%;margin-top: 20px;}
.product_2_1_2 .InfoTitle{padding-bottom: 15px;}
.product_2_1_2 .InfoSContent{margin-top: 15px;}
.product_2_1_2 .btns{margin-top: 20px;}
.product_2_1_2 .btns a{width: 168px;height: 40px;font-size: 16px;margin: 0 auto;}
.thumbs-swiper{max-width: 100%; min-width: 100%;padding: 0 30px;box-sizing: border-box;height: 60px !important;}
.thumbs-swiper .swiper-button-prev{left: 0;transform: translate(0,-50%) rotate(270deg);top:50%;}
.thumbs-swiper .swiper-button-next{right: 0;transform: translate(0,-50%) rotate(270deg);top:50%;left: auto;}
.product_2_2{padding: 0 10px;}
.product_body1{padding: 15px 10px;}
.product_body1 img{max-width: 100%;}
.product_bottom1{padding-bottom:20px;}
.product_title2{padding: 20px 0;font-size: 20px;}

.left_title1 h2{font-size: 20px;}
.left_title1 p{font-size: 30px;}
.left_title1 .swiper-button-prev, .left_title1 .swiper-button-next{display: none;}
.left_body1 {margin-top: 30px;}
.left_title2 h2{font-size: 20px;}
.left_title2 p{font-size: 30px;}
.left_title2 .ChannelSContent{width: 100%;font-weight: normal;margin-top: 15px;}
.left_title2 .ChannelSContent{}
.left_body2{margin-top: 20px;}
.left_body2 .bg{height: 250px;}
.left_body2 .bg img{height: 100%;}

.left_title3{font-size: 20px;height: 40px;margin-bottom:15px;}
.left_title3::after{bottom: -5px;}
.left_title3 h2{line-height: 40px;height: 40px;font-size: 20px;}
.left_title3 h2 a{line-height: 40px;height: 40px;font-size: 20px;}
.left_title3 p{font-size: 30px;}
.left_body3{padding-top: 10px;line-height: 24px;font-size: 16px;}

.left_title4 h2{font-size: 20px;}
.left_title4 p{font-size: 30px;}
.left_body4{display: block;}
.left_body4_1{width: 100%;}
.left_body4_2{width: 100%;}
.left_body4_2 .more{margin:20px auto;height: 32px;}

.right_title h2{font-size: 20px;}

.right_body2{padding:15px 10px;}
.right_body1{padding:15px 10px;}
.right_body3{padding:15px 10px;}
.right_body4{padding:15px 10px;display: block;}
.right_body4_1{width: 100%;}
.right_body4_1 .InfoTitle h1{font-size: 20px;}
.right_body4_2{width: 100%;margin-top: 20px;}
.right_title5{margin-bottom: 15px;}

.right_body6{display: block;padding: 10px;}
.right_body6_1{width: 100%;display: block;}
.right_body6_1 .item{width: 100%;margin-bottom: 10px;}
.right_body6_2{width: 100%;text-align: center;max-width: 100%;}
.right_body6_2 img{margin: 0 auto;width: 120px;}
.right_body7{padding: 10px;}

.search_body{padding: 20px 10px;}


.bottom_title{text-align: center;}
.bottom_title img{height: 50px;}
.bottom_body .item:first-child img{width: 30px;}
.bottom_body .item:first-child span{font-size: 14px;}
.bottom_body .item:first-child b{font-size: 14px;}


.textlist li{padding: 10px ;text-indent: 15px;}
.textlist li span{display: none;}
.textlist li .InfoTime{font-size: 12px;}
.textlist li .xiazai{font-size: 14px;width: 50px;min-width: 50px;}

.textlist1 li{padding: 15px 0;}

.gridlist{gap: 10px;}
.gridlist li{height: auto;}
.gridlist li .info{display: block;padding: 10px 0 0 0;position: relative;height: auto;}
.gridlist li .InfoTitle{color: #222;}
.gridlist li .more{margin: 10px auto 0;}
.gridlist li:hover .info{background: #fff;}

.gridlist1 li .InfoTitle{border-radius: 10px 10px 0px 0px;}
.gridlist1 li .InfoPicture{height: auto;padding: 10px;}

.gridlist2{flex-wrap: wrap;justify-content: space-between;}
.gridlist2 li{justify-content: center;padding: 0 10px;width: 33%;height: auto;}
.gridlist2 li a{padding: 0;}
.gridlist2 li .Icon{width: 30px;}
.gridlist2 li .Icon img{width: 100%;}
.gridlist2 li .InfoTitle{font-size: 14px;-webkit-line-clamp: 1;
line-clamp: 1;min-height: 24px;}
.gridlist2 li:hover .InfoSContent{height: 0;}


.thumblist li{padding: 10px;}
.thumblist li .InfoPicture{height: auto;max-width: 90px;}
.thumblist li .InfoPicture img{height: auto;}
.thumblist li .InfoTitle{font-size: 16px;}
.thumblist li .info_wrap{flex: 1;padding-left: 10px;}
.thumblist li .InfoContent{font-size: 14px;margin-top: 10px;-webkit-line-clamp: 2;
  line-clamp:2;line-height: 24px;}
  .thumblist li .btns{display: none;}

.thumblist1 li .InfoPicture{height: auto;}
.thumblist1 li .InfoPicture img{position: relative;}
.thumblist1 li .info_wrap{padding: 15px;}
.thumblist1 li .info_wrap .day{min-width: 80px;}
.thumblist1 li .info_wrap .year{font-size: 18px;}
.thumblist1 li .info_wrap .md{font-size: 14px;}
.thumblist1 li .info .InfoTitle{font-size: 16px;}
.thumblist1 li .info .InfoContent{height: 40px;line-height: 20px;min-height: 40px;}

.thumblist2 li a{padding: 15px 0;}
.thumblist2 li a .year{font-size: 18px;}
.thumblist2 li a .day{min-width: 80px;}
.thumblist2 li a .md{font-size: 14px;}
.thumblist2 li .info .InfoTitle{font-size: 16px;}
.thumblist2 li .info .InfoContent{height: 40px;line-height: 20px;min-height: 40px;}

.videolist{gap: 10px;grid-template-columns: repeat(2, 1fr);}
.videolist li .InfoTitle{padding: 10px 0 0 0;font-size: 16px;}
.videolist li .InfoPicture{padding: 0;}
.page1list {grid-template-columns: repeat(2, 1fr); gap: 10px;}
.page1list figure{margin: 0;}
.page1list figure .AlbumTitle{padding: 0 5px;}
.page1list figure .AlbumPicture{padding: 10px;}

.page2list li{display: block;}
.page2list li .info{width: 100%;}
.page2list li .AlbumPicture{width: 100%;}
.page2list li .info .AlbumTitle{font-size: 20px;}
.page2list li .info .AlbumDescription{font-size: 16px;line-height: 24px;margin-top: 10px;}
.page2list li .AlbumPicture{margin-top: 10px;}

.productlist{grid-template-columns: repeat(2, 1fr);gap: 10px;}
.productlist li .InfoPicture{height: auto;}
.productlist li .InfoTitle{margin: 10px 10px;}

.productlist1{grid-template-columns: repeat(2, 1fr);gap: 10px;}
.productlist1 li .InfoPicture{height: auto;}
.productlist1 li .InfoTitle{margin: 10px 10px;}

.searchlist li{margin-bottom: 15px;padding-bottom: 15px;}
}