@keyframes login_line{
  0%{width:0;}
  100%{width:100%;}
}
@-webkit-keyframes login_line {
  0%{width:0;}
  100%{width:100%;}
}
@media(max-width:1440px){
	#about{width:95%;}
	#advantage_con{width:95%;}
	.advantage_pic ul li{margin:0 0 40px 0;width:25%;}
	#culture{width:95%;}
	.culture_pic_list ul li{margin:0 1.5% 0 1.5%;width:30.3%;}
	.culture_pic_list ul li span{width:100%;height:auto;}
	.culture_pic_list ul li span img{width:100%;height:auto;}
	#organ_con{width:95%;}
	#Photo{width:90%;}
	#menu_top_small_list .class_small_col{width:45px;}
}
@media(max-width:1366px){
	#Photo{width:89%;}
}
@media(max-width:1320px){
	#header_con{width:100%;}
	.logo_bg{left:1%;}
	#navbox{display:none;}
	#search_list{display:none;}
	.menu_div{display:block;}
	.home_wrapper .home_carousel ul li .text_box1 .banner_pc{display:none;}
	.home_wrapper .home_carousel ul li .text_box1 .banner_ph{display:block;}
	#inform_con{width:97.5%;overflow:hidden;}
	#inform_mor{display:none;}
	#media{width:100%;}
	#groupnews{width:100%;}
	#group_news_tit{margin-left:1%;margin-right:1%;width:98%;}
	.group_news_tit_link{margin-left:1%;}
	#news_left_pc{display:none;}
	#news_left_mob{display:block;}
	#news_right{float:none;margin:0 auto;margin-top:30px;width:95%;height:auto;overflow:hidden;}	
	#business_top{width:100%;}
	#business_mid{width:100%;}
	.business_tit_link{margin-left:1%;}
	.business_tit{display:none;}
	#streamer{width:100%;-webkit-background-size:100%;background-size:100%;}
	#party{background-size:100% 100%;background-position:top;height:auto;}
	#party_top{width:100%;}
	#party_mid{width:100%;}
	.party_tit_link{margin-left:1%;}
	.party_tit{display:none;}
	#party_left{float:none;margin:0 auto;width:95%;height:auto;overflow:hidden;}
	#party_right{float:none;margin:0 auto;margin-top:30px;width:95%;height:auto;overflow:hidden;}
	#party_piclist ul li h1{height:40px;text-align:center;text-indent:0;}
	#enterprise{margin-top:30px;width:95%;}
	#enterprise_top{width:95%;}
	#enterprise_mid{width:95%;}
	#footer{height:auto;}
	#footer_con{width:100%;height:auto;}
	#foorer_menu{display:none;}
	#footer_emoji{display:none;}
	#footer_mobemoji{display:block;}
	#menu_top_small_list .class_small_col{width:32px;}	
}
@media(max-width:1210px){
	.content_table{width:60%;}	
	#menu_top_small_list .class_small_col{width:20px;}
	#Photo{width:88%;}
}
@media(max-width:1160px){	
	.content_table{width:70%;}
	.txpic_list ul li{width:33.33%;}
	#menu_top_small_list .class_small_col{width:10px;}	
	#Photo{width:86%;}
	#txpic_goods ul li{margin-left:1%;margin-right:1%;width:31.33%;}
}
@media(max-width:1024px){
	.home_wrapper .home_carousel ul li .containerc{width:98%;}
	.item a{font-size:14px;text-align:center;text-indent:0;height:50px;justify-content:center;}
	.item a:link{font-size:14px;}
	.item a:visited{font-size:14px;}
	.item a:active{font-size:14px;}
	.item a:hover{font-size:14px;}
	#enterprise{height:auto;}
	.enterprise_link{padding-bottom:32px;}
	.enterprise_link ul li{width:50%;}
	#center_top{height:auto;}
	.title_path{display:none;}
	#menu_top_small_list{margin:0 auto;float:none;height:auto;}
	#menu_top_small_list ul li{width:50%;height:50px;}
	#menu_top_small_list ul li h1{height:50px;line-height:50px;}
	#menu_top_small_list ul li h1 a{font-size:14px;}
	#menu_top_small_list ul li h1 a:link{font-size:14px;}
	#menu_top_small_list ul li h1 a:visited{font-size:14px;}
	#menu_top_small_list ul li h1 a:active{font-size:14px;}
	#menu_top_small_list ul li h1 a:hover{height:45px;line-height:50px;font-size:14px;}
	#menu_top_small_list .class_small_col{width:0;}
	.side_on{height:45px;}
	.side_out{height:50px;}
	
}
@media(max-width:1080px){
	#menu_top_list .class_col{width:50px;}
	#pc_content{display:none;}
	#ph_content{display:block;}
	.content_table{width:80%;}
	.organ_img img{width:100%;height:auto;}
	#Photo{width:84%;}
}
@media(max-width:880px){		
	.advantage_pic ul li{margin:0 0 30px 0;width:33.3%;}	
	.notes{float:none;margin:0 auto;}	
	.notes h1{text-align:center;line-height:28px;}
	.notes_bshare{display:none;}
	#Photo{width:100%;}
	.swiper-slide-pc{display:none;}
	.swiper-slide-mob{display:block;}
	.i-product{display:none;}
	.i-products{width:85%;display:block;}
	.production-detail-list .production-detail .detail-pic{margin:0 auto;float:none;width:100%;height:auto;}
	.production-detail-list .production-detail .detail-desc{margin:0 auto;margin-top:40px;float:none;width:100%;height:auto;}
}	
@media(max-width:768px){
	#search_list{display:none;}	
	.logo_bg{width:80%;height:118px;background-size:contain;overflow:hidden;}
	#home{width:100%;height:118px;}
	#home a{width:100%;height:118px;}
	.home_wrapper .home_carousel ul li .containera{width:98%;}
	.home_wrapper .home_carousel ul li .containerb{width:98%;}	
	#group_news_tit{display:none;}
	.group_news_tit_link{margin:0 auto;float:none;}
	.group_news_mor{display:none;}
	#news_lists ul li span{width:27%;}
	#news_lists ul li h1{width:73%;}
	#business{background-size:100% 100%;background-position:top;height:auto;}
	#business_mid{ margin-bottom:40px;}
	.business_tit_link{margin:0 auto;float:none;width:95%;background-size:contain;}
	.business_tit_link a{width:100%;}
	.business_mor{display:none;}
	.swiper-slide-pc{display:none;}
	.swiper-slide-mob{display:block;}
	.i-product{display:none;}
	.i-products{width:70%;display:block;}	
	#party_top{margin-top:40px;}
	#party_mid{margin-top:25px;}
	.party_tit_link{margin:0 auto;float:none;width:95%;background-size:contain;}
	.party_tit_link a{width:100%;}
	.party_mor{display:none;}
	#party_piclist ul li h1 a{font-size:15px;}
	#party_piclist ul li h1 a:link{font-size:15px;}
	#party_piclist ul li h1 a:visited{font-size:15px;}
	#party_piclist ul li h1 a:active{font-size:15px;} 
	#party_piclist ul li h1 a:hover{font-size:15px;}
	#enterprise{margin-bottom:40px;}
	.enterprise_title h1{font-size:18px;font-weight:bold;}
	.enterprise_link{width:70%;}
	.enterprise_link ul li{width:100%;}	
	.advantage_pic ul li{margin:0 0 20px 0;width:50%;}
	
}
@media(max-width:620px){
	#menu_top_list{margin:0 auto;float:none;height:auto;}
	#menu_top_list ul li{width:33.3%;height:50px;}
	#menu_top_list ul li h1{height:50px;line-height:50px;}
	#menu_top_list ul li h1 a{font-size:14px;}
	#menu_top_list ul li h1 a:link{font-size:14px;}
	#menu_top_list ul li h1 a:visited{font-size:14px;}
	#menu_top_list ul li h1 a:active{font-size:14px;}
	#menu_top_list ul li h1 a:hover{height:45px;line-height:50px;font-size:14px;}
	#menu_top_list .class_col{width:0;}
	#about{margin-top:10px;}
	.about_title h1{line-height:28px;font-size:28px;}
	.company_tit{margin-top:25px;height:35px;}
	.company_tit h1{line-height:22px;font-size:18px;}	
	.target_about{top:-120px;}
	.target_advantage{top:-80px;}
	.target_culture{top:-90px;}
	.target_organ{top:-80px;}
	.target_Photo{top:-80px;}
	#advantage{margin-top:20px;}
	.advantage_title h1{height:50px;line-height:28px;font-size:22px;}
	#advantage_con{padding-top:30px;padding-bottom:30px;}
	.advantage_pic{margin-top:30px;}
	#culture{margin-top:30px;}
	.culture_title h1{line-height:28px;font-size:28px;}
	.culture_pic_list{margin-top:30px;}
	.culture_pic_list ul li{float:none;margin:0 0 0 0;margin:0 auto;margin-bottom:25px;width:100%;}
	.culture_pic_list ul li h1{margin-top:0;height:40px;line-height:40px;font-size:22px;}
	.culture_pic_list ul li h1:hover{font-size:22px;}
	.culture_pic_list ul li h2{height:28px;line-height:28px;font-size:14px;}
	.culture_pic_list ul li h2:hover{font-size:14px;}
	.culture_pic_list ul li h3{height:28px;line-height:28px;font-size:14px;}
	.culture_pic_list ul li h3:hover{font-size:14px;}
	#organ{margin-top:20px;}
	#organ_con{padding-top:30px;padding-bottom:50px;}
	.organ_title h1{line-height:28px;font-size:28px;}
	.organ_img{margin-top:30px;}	
	#Photo{margin-top:30px;}
	.Photo_title h1{line-height:28px;font-size:28px;}
	.i-products{width:80%;}
	#pcarticle_lists{display:none;}
	#pharticle_lists{display:block;}
	#pcpagelist{display:none;}
	#phpagelist{display:block;}
	.content_table{width:100%;}	
}
@media(max-width:580px){
	.advantage_title{width:80%;}
	.advantage_pic ul li{margin:0 0 20px 0;width:100%;}
	.caption h4{ padding-bottom:0;}	
	.txpic_list ul li{width:100%;}
	.i-products{width:70%;}	
	#txpic_goods ul li{margin:0 auto;width:98%;float:none;}
}
@media(max-width:400px){
	#head_div img{width:140%;}
}