@charset "utf-8";
/* CSS3 Document */

@media (max-width: 1200px){
	.dis{ display: none;}
	.mdis{ display:block;}
	/*nav*/
	.apptop {width:100%; height:50px; background:#fff; background-size:100% 50px; position:relative; z-index:8888;}
	.applogo {width:250px; height:33px; float:left; padding-left:10px; padding-top:12px; overflow:hidden;}
	.applogo img { height:33px;}
	.appmenu {position:relative; float:right; padding:5px 10px 8px; margin-top:9px; margin-right:8px; background-color:transp	arent; background-image:none; position:relative; cursor:pointer; overflow:hidden;}
	.icon-bar {display:block; width:22px; height:2px; border-radius:1px; background:#444; margin-top:4px;}
	
	#menu {width:100%; /*height:265px;*/ overflow:hidden; display:block; position:absolute; top:49px; left:0; background:#111; z-index:10000; display:none;}
	#menu ul {width:100%; margin:0 auto;}
	#menu ul li {width:100%; height:42px; line-height:42px; text-indent:20px; border-top:1px solid #343434;}
	#menu ul li a {color:#fff; width:100%; height:42px; display:block; background:#111; text-transform:uppercase;}
	#menu ul li a:hover {color:#000; background:#f1f1f1;}
	#menu .menu_son {height:38px; line-height:38px;}
	#menu .menu_son a {height:38px;}
	.nav_on a {background:#333 !important;}
	.nav_on a:hover {color:#fff !important;}
	
	.mwarp{ width:100% !important;}
	
	.i_three_warp{ width:90%; margin:0 auto; float:none;}
	.i_three_bg h2{ font-size:30px; padding-top:50px;}
	.i_three_bg{ height:100%; padding-bottom:50px;}
	.i_three_box{ margin-bottom:20px !important;}
	
	.i_service_bg{ padding-top:0; padding-bottom:50px;}
	.i_service_pic{ width:100%; float:none;}
	.i_service_con{ width:100%; float:none;}
	.i_service_con h2{ font-size:30px; text-align:center; width:100%; margin-top:50px;}
	.i_service_con h3{ text-align:center; width:95%; margin:20px auto;}
	.i_icon_three li{ float:none; width:100%;}
	
	.i_partner_title{ font-size:30px; margin-top:50px;}
	.i_partner_ul li{ width:50%;}
	.i_partner_ul li img{ width:100%;}
	
	#bottom {background:#262626; padding:15px 0; border-top:1px solid #e9e9e9; margin-top:30px;}
	.bottom_in {margin:0 15px; color:#fff;}
	.bottom_in a {color:#fff;}
	.bpart {border-bottom:1px solid #3c3c3c; padding-bottom:10px; margin-bottom:10px; background:url(../images/bico.gif) no-repeat right 5px;}
	.bpart .h1 {font-size:16px; font-weight:bold; cursor:pointer; height:24px; line-height:24px; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
	.contact, .bpart ul { padding-top:5px;}
	.contact p, .bpart ul li {font-size:12px; font-weight:normal; color:#eee; line-height:26px; background:url(../images/ico.gif) no-repeat left 10px; padding-left:10px;}
	.bpart ul li a {color:#939393; width:100%; display:block;}
	
	.position {width:100%; margin-top:-3px; padding-bottom:20px;}
	.position dt {width:100%; height:36px; background:#5b5b5b; position:relative; margin-bottom:1px;}
	.position dt a {font-size:14px; font-weight:bold; line-height:36px; padding-left:15px; display:block; position:relative; z-index:2; color:#fff;}
	.position dt span {font-size:18px; height:22px; line-height:22px; position:absolute; top:7px; right:15px; z-index:1; color:#fff;}
	.position dd {width:100%; height:36px; border-bottom:1px solid #ccc; background:#f4f4f4; display:none;}
	.position dd a {font-size:12px; font-weight:bold; line-height:36px; padding-left:15px; display:block; position:relative; z-index:2;}
	
	.about_style{ width:95%; margin:0 auto;}
	.about_style img{ width:100%;}

	.probox2{ margin:10px 15px 0 15px;}
	.proname2{ margin:0 15px;}
	
	.list_r{ width:96%; float:none; margin:40px auto;}
	
	.prowarp{ width:50%; float:left;}
	.prowarp2{ width:50%; float:left;}
	.pro_img{ width:50%;}
}