@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1300px){
	.banner ul.w_banner li .breif{font-size:0.875em;}
}

@media screen and (max-width: 1183px){
	#content .index_cloud .cloud_wrap .cloud_img_wrap .cloud_img{width:100%; margin-left:-50%;}
}
@media screen and (max-width: 1100px){
.banner ul.w_banner li .breif{font-size:0.75em;}
}
@media screen and (max-width: 1060px){
	.center{width:1000px;}
	.blank40{height:35px;}
	
	#header .nav ul li a{font-size:1em;}
}

@media screen and (max-width: 1024px){
	.center{width:100%;}
}

@media screen and (max-width: 980px){
	*{font-size:14px;}
	.blank40{height:30px;}
	
	#inner_header{display:none;}
	
	#header{position:relative; left:0px; top:0px; z-index:9999; height:auto;}
	#header .nav{display:none;}
	#header .nav_sp{display:block;}
	
	#content .detail_wrap .detail_info .detail_cate{font-size:2em;}
	#content .detail_wrap .detail_info .detail_cate span{color:#666666; font-size:1em;}
	#content .contact_map .map_iframe{height:300px;}
	
}
@media screen and (max-width: 880px){
	.banner ul.w_banner li .breif{font-size:0.6875em;}
}
@media screen and (max-width: 830px){
	*{font-size:12px;}
	#banner{display:none;}
	#banner2{display:block;}
	.banner ul.w_banner{display:none;}
	.banner ul.s_banner{display:block;}
	
	#content .category_item .pro_list_wrap .pro_list .pro_brief{font-size:0.875em;}
	#content .category_item .pro_list_wrap .pro_list .pro_model{font-size:1.5em;}
	#content .category_item .pro_list_wrap .pro_list .pro_spe{line-height:120%; font-size:0.875em;}
	#content .category_item .pro_list_wrap .pro_list .pro_spe *{line-height:120%; font-size:0.875em;}
	#content .about_brief .brief_cont{font-size:1.5em;}
	#content .detail_wrap .detail_info .detail_cate{font-size:1.5em;}
	#content .detail_wrap .detail_info .detail_cate span{font-size:1em;}
	#content .detail_wrap .detail_info .detail_name{font-size:1.25em;}
	#content .detail_wrap .detail_info .detail_brief{font-size:1em;}
	
	#content .index_case_s{display:block;}
	#content .index_case_w{display:none;}
	
}

@media screen and (max-width: 720px){
	.blank40{height:20px;}
	
	/*#header{height:54px;}*/
	#header .logo{padding-top:16px;}
	
	#content .index_sys .sys_item .sys_item_name a{font-size:1em;}
	#content .index_des .des_item .dt_list .dt_info .dt_info_cate a{font-size:1em; font-weight:bold;}
	#content .index_des .des_item .dt_list .dt_info .dt_info_name a{font-size:0.875em;}
#content .index_des .des_item .dt_sub_wrap .dt_sub_title{font-size:1em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line1{font-size:0.875em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line2{font-size:0.875em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line3{font-size:1em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line4 a{font-size:1em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line5{font-size:1em;}
	#content .contact_map .map_iframe{height:200px;}
	
	#footer .footer_brief{width:90%; margin:0 auto; font-size:1em;}
	#footer .copyright{line-height:150%; font-size:1em;}
	
	#content .solu_detail_banner .b{width:30%; left:10%; font-size:0.875em;}
	#content .solu_detail_banner .b0{right:10%; left:auto;}
}
@media screen and (max-width: 550px){
	.banner ul.s_banner li .breif{font-size:0.875em;}
}
@media screen and (max-width: 530px){
	.blank40{height:10px;}
	
	#header .nav_sp{width:100%;}
	#header .logo{width:22%;}
	#header .nav_sp ul li{font-size:1.125em;}
	
	#content .index_sys .sys_item{width:95%; float:none; margin:0 auto; margin-bottom:10px; zoom:1;}
	#content .index_sys .sys_item:after{content:""; display:block; clear:both;}
	#content .index_sys .sys_item .sys_item_img{width:30%; float:left;}
	#content .index_sys .sys_item .sys_item_info{width:70%; float:left;}
	#content .index_sys .sys_item .sys_item_info .sys_item_name{width:87%; text-align:left;}
	#content .index_sys .sys_item .sys_item_info .sys_item_name a{line-height:200%; font-size:1.5em;}
	#content .index_sys .sys_item .sys_item_info .sys_item_brief{text-align:left;}
	#content .index_des{padding-bottom:0px;}
	#content .index_des .des_item{width:100%; float:none;}
	#content .index_des .des_item .dt_title{width:70%; margin-left:30px;}
	#content .index_des .des_item .des_sub_item{width:50%; float:left;}
	#content .index_des .des_item .des_sub_item ul{margin-left:10px;}
	#content .index_des .des_item .dt_list{width:40%; float:left; margin:0 0 10px 20px; padding-bottom:10px;}
	#content .index_des .des_item .dt_list .dt_info .dt_info_cate a{font-size:1.2em; font-weight:bold;}
	#content .index_des .des_item .dt_list .dt_info .dt_info_name a{font-size:1em;}
	#content .index_des .des_item .dt_list_sp a{font-size:1.275em;}
	#content .index_des .des_item .dt_sub_wrap{width:100%;}
	#content .index_des .des_item .dt_sub_wrap .dt_logo{width:30%;}
	#content .index_des .des_item .dt_sub_wrap .dt_line4 .dt4_ico{width:8%;}
	#content .index_des .des_item .dt_sub_wrap .dt_line5 .dt5_ico{width:8%;}
	#content .index_des .des_item .dt_sub_wrap .dt_sub_title{font-size:1em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line1{font-size:1.25em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line2{font-size:1em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line3{font-size:1.25em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line4 a{font-size:1.25em;}
	#content .index_des .des_item .dt_sub_wrap .dt_line5{font-size:1.25em;}
	#content .about_brief .brief_cont{font-size:1.2em;}
	#content .contact_company_name{width:96.2%; float:none; padding-left:3.8%; margin-bottom:10px;}
	#content .contact_company_name .en{line-height:100%; font-size:1.2em; color:#34576a;}
	#content .contact_company_name .cn{line-height:120%; font-size:1.875em; color:#34576a;}
	#content .contact_way{width:96.2%; float:none; padding-left:3.8%;}
	#content .contact_way .contact_line{font-size:1.4em;}
	#content .contact_way .contact_line a{font-size:1.4em;}
	#content .form_title{font-size:1.875em;}
	#content .contact_input{width:90.2%; float:none; padding-left:3.8%; margin-bottom:10px;}
	#content .contact_input .input_line input{line-height:200%; font-size:1.2em; text-indent:3.8%;}
	#content .contact_text{width:90.2%; float:none; padding-left:3.8%;}
	#content .contact_text textarea{font-size:1.2em;}
	#content .contact_submit{float:none; padding-left:3.8%;}
	#content .category_item .pro_list_wrap .pro_list{width:50%;}
	#content .detail_wrap .detail_info{width:100%; float:none;}
	#content .detail_wrap .detail_info .s_detail_img{display:block; padding-top:20px;}
	#content .detail_wrap .detail_img{display:none;}
	
}

@media screen and (max-width: 490px){
	.banner ul.s_banner li .breif{font-size:0.75em; width:42%;}
	#content .solu_detail_banner .b{font-size:0.75em; top:10%;}
}
@media screen and (max-width: 420px){
	.banner ul.s_banner li .breif{font-size:0.675em;}
}
@media screen and (max-width: 380px){
	.banner ul.s_banner li .breif{font-size:0.625em;}
	#content .solu_detail_banner .b{font-size:0.62em; top:10%; width:40%;}
}

@media screen and (max-width: 360px){
	.banner ul.s_banner li .breif{font-size:0.5em;}
}