@charset "utf-8";

@media (max-width:1200px) {
	
    .left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; }
    .left_title h2 { font-size:16px;  color:#01673A; }
    .left_body { overflow:hidden; zoom:1; color:#01673A;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}
    .left_bottom { height:15px; margin-bottom:5px;}
    /*样式1*/
    .left_title1{}
    .left_title1 h2{font-size: 40px; color: #080404;text-align: center;font-weight:normal;}
    .left_title1 i{width: 79px;height: 4px;background:#080404;display:block;margin:10px auto 0;}
    .left_body1{margin-top:30px;}
    .left_body1 .ChannelContent{font-size:16px;color:#080404;line-height: 30px;width:70%;text-align:center;}
    .left_bottom1{margin-top: 40px;position:relative;}
    .left_bottom1 .ChannelPicture img{width:100%;display:block;}
    .left_bottom1 .more{position:absolute;width:100%;height:100%;left:0;top:0;}
    .left_bottom1 .more img{display:block;width:54px;}
    .left_bottom1:hover .more{background:rgba(0,0,0,0.3)}
    
    /*主体右侧*/
    /*样式1*/

    
    .index, .single, .article, .picture, .video, .job, .feedback{padding: 0 20px;}
    .product{padding:30px 20px;}
    #banner_main{overflow:hidden;}

	#floor_1_main{ overflow:hidden; background:#fff;}
    #floor_1{ padding:20px 0px 0 0px;box-sizing:border-box;}
    #floor_2_main{ overflow:hidden;background:#fff;}
    #floor_2{ padding:20px 0px 0px 0px;box-sizing:border-box;}
    /*#floor_2_1{width:38.9%;}*/
    /*#floor_2_2{width:59.5%;}*/
    #floor_3_main{ overflow:hidden;background:#fff;}
    #floor_3{ padding:60px 0px 0px 0px;box-sizing:border-box;}
    /*#floor_3_1{width:59.5%;}*/
    /*#floor_3_2{width:38.9%;}*/
    /*#floor_4_main{ overflow:hidden;background:#fff;}*/
    /*#floor_4{ padding:60px 20px 0px 20px;box-sizing:border-box;}*/
    /*#floor_4_1{width:38.9%;}*/
    /*#floor_4_2{width:59.5%;}*/
    /*#floor_5_main{ overflow:hidden; background:#fff;}*/
    /*#floor_5{ padding:60px 20px;box-sizing:border-box;}*/
	
	
    #showproduct_1{margin: 0 auto;box-sizing: border-box;padding: 0 20px;}
    #showproduct_2{padding: 0 20px;margin:40px auto;}
    
    #bottom_main{ background-color: #080404;  color:#f0f0f0; }
    #bottom{padding:20px 20px 30px 20px;}
    .bottom_title{font-size:20px;color:#fff;text-transform:uppercase;}
    .bottom_body{margin-top:20px;}
    .bottom_body1{margin-top:20px;font-size:14px;color:#fff;}
    .bottom_bottom1{margin-top:20px;}
    .bottomlist{width:100%;}
    .bottomlist li{padding:0 4%;}
    .bottomlist li a{font-size:18px;color:#fff;display:block;font-weight:bold;}
    #copyright{padding: 0 20px;}
    
	#location_main {background-color: #fff;} 
    #location {padding:15px 20px;text-transform:capitalize;color:#080404;}
    #location a {  color: #080404; font-size: 14px;text-transform:capitalize;}
    
    
    .channelalbumlist{ overflow:hidden; }
    .channelalbumlist li { overflow:hidden;margin-bottom:60px;}
    .channelalbumlist li .AlbumPicture{width:49%;}
    .channelalbumlist li .AlbumPicture img{display:block;width:100%;}
    .channelalbumlist li .wrap{width: 49%;box-sizing:border-box;}
    .channelalbumlist li.m1 .wrap{padding-right:2%;}
    .channelalbumlist li.m0 .wrap{padding-left:2%;}
    .channelalbumlist li .wrap .AlbumTitle{font-size:30px;color:#080404;font-weight:bold;}
    .channelalbumlist li .wrap .AlbumDescription{font-size:16px;color:#080404;line-height:20px;margin-top:20px;}

}
@media(max-width:1000px){
    .wap{display: block;}
	.pc{display: none !important;}
	.right_title a{font-size:20px;}
	.right_body{margin-bottom: 20px;}
    .right_title1{position:relative;}
    .right_title1 .ChannelName{font-size:20px;color:#080404;}
    .right_title1 .ChannelContent{font-size:14px;line-height: 24px;padding: 0 10px;margin-top:10px;color:#080404;text-align:left;}
    .right_body1{margin-top:20px;}
    .right_title2 .ChannelName{font-size:20px;}
    .right_title2 .ChannelContent{padding:0 10px;text-align:left;}
    .right_body2{margin-top:20px;}
    .right_title3{width:100%;padding:15px 10px;}
    .right_title3 .ChannelName{font-size:20px;}
    .right_title3 .ChannelContent{font-size:14px;line-height: 24px;margin-top:20px;text-align:left;}
    .right_body3{width:100%;}
    .right_title4{overflow:hidden;width:100%;}
    .right_body4{width:100%;padding:15px 10px;box-sizing:border-box;}
    .right_body4 .ChannelName{font-size:20px;}
    .right_body4 .ChannelContent{font-size:14px;line-height: 24px;margin-top:20px;text-align:left;}
    
    .right_title5{position:relative;width:100%;height:auto;}
    .right_title5 .ChannelName{font-size:20px;color:#080404;text-align:center;}
    .right_title5 .ChannelContent{font-size:14px;line-height: 24px;padding: 0 10px;margin-top:10px;color:#080404;text-align:left;}

	#right{width:100%;}
	.single{padding: 0 10px;}
	.left_bottom1 .ChannelPicture img.wap{width:100%;display:block;}
    	/* 导航 */
	#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: 20px 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;}
	#logo_main{padding:0 10px;}
	#logo{padding:10px 0;justify-content:space-between;}
	#logo .WebLogo{width: 100%;padding:0;position:relative;}
	#logo .WebLogo a{display: block;}
	#logo .WebLogo a img{max-height:70px;}
	#logo .shownavbtn{position:absolute;left:10px;z-index:999;}
	#logo .shownavbtn img{width: 30px;}
	#banner_main{margin-top:0;}
	#floor_1_main{ overflow:hidden; background:#fff;}
    #floor_1{ padding:20px 0px 0 0px;box-sizing:border-box;flex-flow:column;}
    #floor_1_1{width:100%;}
    #floor_1_2{width:100%;}
    #floor_1_2 img{display:block;width:100%;position:relative;height:auto;}
    #floor_2_main{ overflow:hidden;background:#fff;}
    #floor_2{ padding:20px 0 0px 0;box-sizing:border-box;flex-flow: column-reverse;}
    #floor_2_1{width:100%;}
    #floor_2_1 img{display:block;width:100%;position:relative;height:auto;}
    #floor_2_2{width:100%;}
    #floor_3_main{ overflow:hidden;background:#fff;}
    #floor_3{ padding:20px 0 ;box-sizing:border-box;}
    
    #product_1{padding:10px 10px ;margin-top:10px;}
    #product_2{padding:10px 10px ;margin-top:10px;margin-bottom:10px;}
    #page_1_main{margin-top:20px;}
    #page_2_main{margin-top:20px;}
    #page_3_main{margin-top:20px;}
    #page_3{flex-flow:column;}
    #page_4_main{margin-top:20px;}
    #page_4{flex-flow:column-reverse;}
    #page_5_main{margin-top:20px;}
    #location_main{display:flex;justify-content:space-between;position:relative;align-items:center;padding: 10px 10px;}
    #location{padding:0;}
    .subchannel_body{position:absolute;top:40px;left:0;width:100%;background:#fff;z-index:999; display:none;padding: 10px 10px;box-sizing: border-box;}
    .subchannellist .item {padding:10px 0;margin:0;}
    .subchannellist .item:frist-child {margin:10px 0 0 0;}
    .subchannellist .item .ChannelName a{color:#080404;  font-size:16px;display:block;position:relative;}
    .subchannellist .item .ChannelName span{display:block;width:16px;height:16px;background:url('../images/jia.png') no-repeat center;background-size:100% 100%;min-width:16px;cursor:pointer;}
    .subchannellist .item .ChannelName span.jian{background:url('../images/jian.png') no-repeat center;background-size:100% 100%;}
    .subchannellist .current .ChannelName a::after{content:'';width:100%;height:1px;bottom:0;left:0;position:absolute;background:#080404;}
    .subchannellist .item .ChannelName:hover a::after{content:'';width:100%;height:1px;bottom:0;left:0;position:absolute;background:#080404;}
    
    .product{padding: 10px 10px;}
    .gridlist1{gap: 5px;grid-template-columns: repeat(3, calc((100% - 10px) / 3));}
    
    .channellist{grid-template-columns: repeat(2, calc((100% - 20px) / 2));gap: 10px;}
    .channellist li .ChannelName{margin-top:20px;font-size:14px;}
    .channellist li .more{margin-top:10px;width:120px;}
    .productlist{gap: 10px}
    .productlist li{padding:0 10px;flex-flow:column;}
    .productlist li .InfoPicture{width:100%;}
    .productlist li .wrap{padding: 10px 5px; }
    .productlist li .InfoTitle{font-size:18px;margin-bottom:5px;padding-bottom:5px;}
    .productlist li .InfoContent{line-height: 20px;}
    
    .channelalbumlist li{flex-flow:column;margin-bottom:20px;}
    .channelalbumlist li.m1{flex-flow: column-reverse;}
    .channelalbumlist li .AlbumPicture{width:100%;}
    .channelalbumlist li .wrap{width:100%;padding:0 10px;margin-top:15px;}
    .channelalbumlist li .wrap .AlbumTitle{font-size:24px;}
    .channelalbumlist li .wrap .AlbumDescription{margin-top:15px;}
    
    .sidebar .item{width:40px;height:40px;background-size:20px;}
}

@media (max-width:750px) {
    .left_title1{}
    .left_title1 h2{font-size: 20px; color: #080404;text-align: left;font-weight:bold;}
    .left_title1 p{font-size: 14px; color: #5D5D5D;margin-top:20px;}
    .left_title1 .more{width: 134px;height: 40px;background: #E7161A;color:#fff;font-size:14px;margin-top:15px;}
    .left_body1{margin-top:20px;}
    
    .left_title2{}
    .left_title2 h2{font-size: 20px; color: #080404;text-align: center;font-weight:normal;}
    .left_title2 i{width: 20px;height: 2px;background:#E7161A;display:block;margin:10px auto 0;}
    .left_body2{margin-top:30px;}
    
    .right_title {margin-bottom:20px;}
    .right_title a{font-size:20px;color:#080404;font-weight:bold;text-transform:capitalize;display:block;text-align:center;}

    .page{margin:20px 0 0 0;}

    .gridlist1 li .ChannelName{font-size:20px;}
    .productlist{}
    



    .channelalbumlist li .wrap .AlbumTitle{font-size:20px;}
    #bottom{padding: 20px 10px 20px 10px;}
    .bottomlist li{padding:0 5px;}
    .bottomlist li a{font-size:14px;}
    
    #showproduct_1_2 .InfoTitle h1{color:#080404;font-size:20px;padding-bottom:15px;border-bottom:2px solid #080404;margin-bottom:15px;text-transform:capitalize;}
    #showproduct_1_2 .InfoSContent{margin-bottom:15px;color:#080404;font-size:16px;font-weight:bold;text-transform:capitalize;}
    #showproduct_1_2 .InfoContent{color:#949494;font-size:16px;line-height:40px;}    
    #copyright{padding: 0 10px;display:block;text-align:center;}
}
@media (max-width:450px) {
    
    /*.gridlist1{gap: 10px;grid-template-columns: repeat(1, calc((100%) / 1));}*/
    /*.gridlist1 li .ChannelName{font-size:20px;}*/
}