@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1220px)
{
	#index-news .index-news{ width:99%;}
	.scroll-outer{ width:85%;}
	#scroll{ width:90%; padding-left:6%;}
	.next{ width:8%;}
	}
@media screen and (max-width:1195px)
{
    .weibo{ width:90%;}
	.weibo1{ width:32%;}
	.weibo1 p a{ font-size:10px;}
	.weixin1{ width:46%;}
	.weixin1 img{ width:95%;}
	.weixin2 p{ width:100%; font-size:12px;}
	#header .header{ width:100%;}
	#index_main .index_main{width:100%;}
	#index_main2 .index_main2{ width:100%;}
	#brand .brand{ width:100%;}
	#footer .footer{ width:100%;}
	#brand{display: none;}
	#copy .copy{ width:100%;}
	#road .road{ width:98%; padding-left:2%;}
	#main .main{ width:100%;}
	#main .main .page_right .prodetail .prodetail_right .pr_con{ width:94%;}
	#main .main .page_right .pr_item .pr_item_con{ width:98%;}
	.box{width:100%;}
	.culture{width:100%;}
	.actpart,.actpart2{width:48%;margin:1%; height:400px;}
	.box_social{width:100%;}
	#copy .copy .firend_link{ width:12%;}
	
	.news{ width:98%;}
	.anli{ width:98%;}
	.cuu_text h1{font-size:24px; line-height:34px;}
	.cud_text h1{ font-size:24px; line-height:34px;}
	
}

@media screen and (max-width:1193px)
{
	.domesticsales{ width:46.62%; margin-right:3.38%;}
}
@media screen and (max-width:1140px)
{
    .weibo{ width:90%;}
	.weibo2 p{ font-size:10px;}
	.weibo1{ width:32%;}
	.weibo1 p a{ font-size:10px;}
	.weixin1{ width:44%;}
	.weixin1 img{ width:95%;}
	.weixin2 p{ width:100%; font-size:12px;}
	
}
@media screen and (max-width:1118px)
{
	#index_main .index_main .index_right ul li{ width:31.5%;}
	#prolist ul.pro_lists li{ width:31.3%;}
	.actpart,.actpart2{ height:390px;}
	
	.dongtai{ width:45%; margin-left:10%;}
}
@media screen and (max-width:1120px)
{
    .weibo{ width:90%; height:70px;}
	.weibo2 p{ font-size:10px;}
	.weibo1{ width:40%;}
	.weibo1 p a{ font-size:10px;}
	.weixin1{ width:44%;}
	.weixin1 img{ width:95%;}
	.weixin2 p{ width:100%; font-size:12px;}
	
}

@media screen and (max-width:1110px)
{
    .weibo{ width:90%; height:70px;}
	.weibo2 p{ font-size:10px;}
	.weibo1{ width:40%;}
	.weibo1 p a{ font-size:10px;}
	.weixin1{ width:42%;}
	.weixin1 img{ width:95%;}
	.weixin2 p{ width:100%; font-size:10px;}
	#copy .copy .firend_link{ width:14%;}
	
}
@media screen and (max-width:1060px)
{
    .weibo{ width:90%; height:70px;}
	.weibo2 p{ font-size:10px;}
	.weibo1{ width:40%;}
	.weibo1 p a{ font-size:10px;}
	.weixin{ height:172px;}
	.weixin1{ width:42%;}
	.weixin1 img{ width:95%;}
	.weixin2 p{ width:100%; font-size:10px;}
	#copy .copy{ text-align:center;}
	#copy .copy .firend_link{ width:100%; text-align:center;}
	
}
@media screen and (max-width:1030px)
{
    .weibo{ width:90%; height:70px;}
	.weibo2 p{ font-size:10px;}
	.weibo1{ width:40%;}
	.weibo1 p a{ font-size:10px;}
	.weixin{ height:172px;}
	.weixin1{ width:42%;}
	.weixin1 img{ width:95%;}
	.weixin2 p{ width:100%; font-size:10px;}
	
}
@media screen and (max-width:1024px)
{
	#main .main .page_left{ display:none;}
	.xf_left{ display:block;}
	#main .main .page_right{ width:96%; padding:0 2%; margin:0;}
	#main .main .page_right .page_road span.last_next{ margin-top:8px;}
	.his_p{ width:96%;}
	.actpart,.actpart2{ height:416px;}
	
	.dongtai{ width:40%; margin-left:15%;}
	.next{ width:12%;}
}
@media screen and (max-width:980px)
{
	#index_main .index_main .index_right ul li{ width:48%;}
	iframe.order1{ width:100%; float:none; margin-right:0;}
	iframe.contact_map{ width:100%;}
}
@media screen and (max-width:930px)
{
	#header .header .head_nav .nav{ display:none; position:fixed; z-index:22; width:100%; background-color:#ffffff; left:0; margin:0;}
	#header .header .head_nav .nav ul li{ width:100%; text-align:center; border-bottom:1px solid #dddddd; padding:0;}
	#header .header .head_nav .nav ul li a{ display:block;}
	#header .header .head_nav .nav ul li a:hover{ background-color:#dddddd; color:#ff7b19;}
	.menu_button{ display:block;}
	
	.dongtai{ width:35%; margin-left:20%;}
}
@media screen and (max-width:905px)
{
	#index_main .index_main .index_left{ display:none;}
	.xf_left{ display:block;}
	#index_main .index_main .index_right ul li{ width:31.5%;}
	#index_main .index_main .index_right{ width:100%; padding:0;}
	#copy .copy .firend_link{ width:100%; overflow:hidden; height:60px;}
	
}
@media screen and (max-width:880px)
{
	 .weibo{ width:90%; height:auto;}
	.weibo1{ width:32%;}
	.weibo1 p a{ font-size:10px;}
	.weixin{ height:auto;}
	.weixin1{ width:46%;}
	.weixin1 img{ width:95%;}
	.weixin2 p{ width:100%; font-size:12px;}
	#footer .footer .foot_k{ width:94%;}
	.weixin1{ width:22%;}
	#footer .footer .foot_k p.newsletter_txt{ width:100%;}
	#footer .footer .foot_k ul.newsletter_form li input{ width:98%;}
	#footer .footer .foot_k ul.flinks li img{ position:relative;}
	#footer .footer .foot_k ul.flinks li{ width:45%;}
	#main .main .page_right .prodetail .prodetail_right .pr_title{ font-size:1.5rem;}
	
	.newsvideo{ width:100%;}
	.db{ width:520px; margin:auto;}
	.dongtai{ width:100%; margin-left:0;}
	.tab_box{ width:520px; margin:auto;}
	.cuu_text{ left:6px;}
	.cud_text{ right:6px;}
	.cuu_text h1{font-size:20px; line-height:24px;}
	.cud_text h1{ font-size:20px; line-height:24px;}
	.cuu_text p{font-size:12px; line-height:20px;}
	.cud_text p{ font-size:12px; line-height:20px;}
}
@media screen and (max-width:780px)
{
	.vi_list ul li{ width:48%;}
	#index_main .index_main .index_right ul li{ width:48%;}
	#index_main2 .index_main2 .about p.about_title{ font-size:24px;}
	#prolist ul.pro_lists li{ width:48%;}
	#main .main .page_right .releted li.re{ width:44%; float:left; padding-right:1%;}
	.textarea{ width:124%;}
	ul.ca_ul li{width:47%;}
	.actpart,.actpart2{ height:386px;}
	
	.cuu_text h1{font-size:20px; line-height:20px;}
	.cud_text h1{ font-size:20px; line-height:20px;}
	.scroll-outer{ width:76%;}
	#scroll{ padding-left:12%;}
	.next{ width:15%;}
}
@media screen and (max-width:697px){
	.history p{ width:100%; float:none; clear:none;}
	}
@media screen and (max-width:680px)
{
	#index_main .index_main .main_title{ font-size:30px;}
	#index_main2 .index_main2 .video_play,#index_main2 .index_main2 .about{ width:94%; padding:0 3%;}
	
	.case_unit3{ width:100%;}
	.case_unit1, .case_unit2{ width:50%;}
}
@media screen and (max-width:640px)
{
	#header .header .logo{ width:100%; text-align:center;}
	#header .header .head_nav,#header .header .head_nav .share{ width:100%; text-align:center;}
	#header .header .head_nav .share ul li{ float:inherit; display:inline-block;}
	#header .header .head_nav .share ul li.t_w{ padding:0;}
	
	#main .main .page_right .prodetail .prodetail_left,#main .main .page_right .prodetail .prodetail_right{ width:100%;}
	#main .main .page_right .page_road span.last_next{ position:absolute; bottom:-100px;}
	#main .main .page_right .page_road span.next_pro{ right:0;}
	#main .main .page_right .page_road span.last_pro{ left:0;}
	.actpart,.actpart2{ height:370px;}
}
@media screen and (max-width:617px)
{
	.pic{display:none;}
	.his_list ul li div{font-size:12px;}
	.actpart,.actpart2{ height:356px;}
}
@media screen and (max-width:600px)
{
	.actpart,.actpart2{width:94%;margin:3%;}
	.actpart,.actpart2{ height:auto;}
	
	.next{ display:none;}
	.scroll-outer{ padding-left:6%;}
}
@media screen and (max-width:550px)
{
	.db{ width:100%;}
	.db div{ width:100%;}
	.db div object{ width:100%;}
	.db div object embed{ width:100%;}
	.dongtai{ width:100%;}
	.tab_box{ width:100%;}
	}
@media screen and (max-width:540px)
{
	.vi_list ul li{ width:100%; padding:0;}
	#index_main .index_main .main_title,#index_main .index_main .index_right .right_title{ font-size:24px;}
	#index_main .index_main .index_right ul li{ width:98%;}
	#copy .copy{ width:94%;}
	#prolist ul.pro_lists li{ width:98%;}
	input.inquiry{ width:99%;}
	.beianhao{ display:block;}
}
@media screen and (max-width:488px)
{
	.scroll-outer{ padding-left:6%;}
	#scroll{ padding-left:20%;}
	.domesticsales{ width:92%; margin:0 4%;}
	}
@media screen and (max-width:460px)
{
	#header .header .head_nav .share{ display:none;}
	#main .main .page_right .prodetail .prodetail_right{ text-align:center;}
	#share_btn{ display:block;}
	#main .main .page_right .releted li.re{ width:100%; float:left;}
	.contact{ display:none}
	input.inquiry{ width:99%;}
	ul.ca_ul li{width:90%;margin:20px 5% 0 5%;}
	.menu_button{ top:0;}
	
	#header .header .logo a img{ max-width:100%;}
}
@media screen and (max-width:418px)
{
	.his1{width:100%;}
	.history p{width:94%;}
	.history img{width:94%;}
}
@media screen and (max-width:360px)
{
	#footer .footer .foot_k ul.flinks li{ width:98%;}
	input.inquiry{ width:99%;}
}