@charset "utf-8";
/* CSS Document */
.wapblock{ display: none;}
.pcblock{ display: block;}

@media screen and (min-width: 200px) and (max-width: 1199px) {
	body{max-width: 500px; margin: 0px auto; font-size:.8rem;}
	.wapblock{ display: block;}
	.pcblock{ display: none;}
	.w{ width: 100%;}
	.fixtool{display:none}
	.nav{ width: 100%; float: none; padding: 0px; height: 42px; background: #0794fd}
	.logo{ float: none; height: auto; padding: 10px 0;}
	.nav ul li:nth-child(1) a{ padding: 0}
	.header{ height: auto; position: relative;}
	.nav ul li{ margin: 0; width: 25%; text-align: center;line-height: 40px;}
	.nav ul li a{ font-size: .9rem; display: block; padding: 0px; color: #fff }
	.shop_nav{display:none}
	.shop_banner{  width: 100%;float:none;margin-left:0;height: auto}
	.shop_banner .shang{    width: 100%;height: auto}
	.shop_banner .shang ul {height: auto}
	.shop_banner .shang ul li img{ width: 100%; height: 190px}
	.header .w{ height: auto;}
	.shop_banner .shang ul li{ width: 33.3%;height: auto}
	.shop_banner .shang>a{ width: 20px; height: 34px}
	.shop_banner .shang>a img{width: 20px; height: 34px}
	.banner{ padding: 0px;border-top:none; }
	.logo img{ height: 50px;  width: auto}
	.current{color: #fff!important;	border-bottom: 2px solid #fff;}
		.shop_banner .xia{height: auto;}
		.shop_banner .xia img{ width: 100%; height: auto;}
		.ad{ height: auto; margin-top: 2px;}
		.ad img{ height: auto;}
		.recommend .mod_one span{ font-size: 14px; height: 36px; background: #167fd7; width: 80px; line-height: 36px}
		.recommend .mod_one{ height: 36px; padding-top:0;}
		.recommend .mod_one em{ width: auto;height: 36px;line-height:36px; font-size: .6rem; letter-spacing:0; margin-left:10px;}
		.recommend .w{ padding-top: 0px;}
		.recomd_bg{ height:10px; }
		.footer_model_1{ height: auto; padding-bottom: 5px;}
		.footer_model_1:after{ clear: both; content:" "; display: block; width:0; height: 0; visibility: hidden;}
		.footer_model_1 ul{ display: block; height: auto;}
		.footer_model_1 ul li{ float: left;}
		.footer_model_1 ul li:nth-child(1){ width: 100%;}
		.footer_model_1 ul li:nth-child(2){ width: 50%;}
		.footer_model_1 ul li:nth-child(3){ width: 50%;}
		.footer_model_1 ul li:nth-child(1) img{ margin: 0; padding: 0; height: 60px;}
		.footer{ height: auto;}
		.footer_model_1 ul li:nth-child(2) .icon_lx{ display: none;}
		.footer_model_1 ul li:nth-child(2) dl{    padding-top: 20px; height: auto;} 
		.footer_model_1 ul li:nth-child(3) .weixin_pic{ height: auto; width: 100%;}
		.footer_model_1 ul li:nth-child(3) .weixin_pic img{ padding: 0 20px 0 0;  margin: 0; float: right;}
		.footer_model_1 ul li:nth-child(3) dl{ display: none;}
		.footer_nav ul li{ padding-top: 0px; text-align: center; line-height: 50px;}
		.xian{ width: 100%;}
		.footer_nav{ width: 100%;}
		.beian{ margin:8px 0;;}
		.deepbottom{ height: 5px;}
		.footer_model_1 ul li:nth-child(2) dl dt{ font-size: 14px }
		.footer_nav ul li a{ font-size: 14px }
		.beian{ font-size: 12px }
		.footer_model_1 ul li:nth-child(2) dl dd{ font-size: 12px }

		.navbtn{background-color: #0794fd;-webkit-mask:  url(../images/icons.svg) no-repeat -21px -303px;mask:  url(../images/icons.svg) no-repeat -21px -303px;

			display: block;
			width: 40px;
			height: 40px;
			position: absolute;
			top: 15px;
			right: 10px;}
	 

		 #menu{position: fixed;
			background: rgba(7, 148, 253, .9);
			z-index: 999; min-height: 100%; width: 90%; color: #fff; display:none;
		}
		#menu a{ color: #fff;}
		#menu ul{ padding: 1rem;}
		#menu .aside_hide h3{ height: 2rem;
			line-height: 2rem;
			font-size: .89rem;
			letter-spacing: .1rem;
			border-bottom: 1px solid rgba(255, 255, 255, 0.44);}

		#menu ul li .aside_hide>a{    width: 48%;
				display: inline-table;
				line-height: 1.8;
				margin-right: 2%;
				background: #0576ca;
				text-align: center;
				margin-bottom: .2rem;
				margin-top: .5rem;}

		#navclose{ width: 2rem; height: 2rem; background: rgba(0, 0, 0, .8); float: right; color: #fff; position: fixed; left: 90%; top: 0; text-align: center; line-height: 2rem; font-size: 1.5rem;}
		.bannerserver{ height: 150px;}
		.bannerserver ul{ height: 150px; top: 0;}
		.banner .next{ width: 20px; height: 34px;;}
		.banner .next img{ width: 100%;}
		.banner .prev{ width: 20px; height: 34px;}
		.banner .prev img{ width: 100%;}
		.services{ margin-top: 0px;;}
		.services { background: url(../images/right_blue.jpg) no-repeat center center;}
		.left_blue { display: none;}
		.tit{  float: none; width: 100%; text-align: center; font-size: 1rem; margin-top: 1rem; }
		.right_blue{display: none;}
		.small_til{ font-size: 14px; margin-top: -5px;;}

		
		.biaoti{ font-size: 14px; margin-top:5px; padding: 5px ; font-weight: bold;}
		.small_biaoti{ margin-top: -5px; font-size: 12px}
		.xiangmu{ margin-top: 0px; padding: 10px;}
		.xiangmu ul{display: flex; flex-wrap: wrap;}
		.xiangmu ul li{flex: 1 0 50%;margin-right:0; height: auto; padding-bottom: 0rem; margin-bottom: 1rem;}
		.xiangmu ul li:nth-child(odd){ background-size:98%;}
		.xiangmu ul li h2{ line-height: 60px; font-size: 1rem; height: 60px;}
		.xiangmu ul li span{ font-size: .8rem; padding: 0 .5rem;margin-top:0px; line-height:1.5; min-height:5.5rem;}
		.xiangmu ul li:nth-child(3) span{margin-top:10px}
		.xiangmu ul li:nth-child(even){background-size:99%;}
		
		.xinxi{margin:20px 0; font-size: 14px;  font-weight: bold; padding: 0 10px;}
		.service_life{ height: auto;background-size:100% 100%; margin-top: 20px; padding-bottom: 15px;  }
		.service_life h2{ font-size: .8rem;padding:15PX 15px; text-align: center;}
		.service_life h3{ font-size: 1rem; margin-top:-5px; }
		.service_life ul li{ padding-left: 0PX; text-align: center;  height: 50px;
			overflow: hidden;}
		.service_life ul li img{ float:NONE; display: block;    width: 45px;
			margin: 0px auto;}
		.service_life ul{ margin-top: 10PX;;}
		 
		.newsbanner{ width: 100%; height: 150px;}
		.aboutbanner img{ height: 150px;}
		.aboutbanner{ width: 100%; height: 150px;}
		.newsbanner img{ height: 150px;}
		.con_box{ width: 90%; top: 20px; left: 5%; height: auto;}
		.con_box h2{ font-size: 14px; padding-top: 10px;}
		.con_box h3{ width:50%; font-size: 12PX;letter-spacing:2px; height: 24px; line-height:  24px;; margin: 15px auto;}
		
		#pagesize>a, #pagesize>span{ font-size: 12px;padding: 3px 9px; }
		.model_items{    margin-bottom: 20px;}
		#pagesize{     margin-bottom: 10px;
    margin-top:20px;}
		
			.fenye_ico{ width: 90%;  margin: 0 auto;}
			.article{ margin-top: 20px;margin-bottom:0px}
			.article .title{margin-top:10px; font-size: 15px;}
			.date_time{ margin: 10px auto; font-size: 12px}
			.fenye_ico a{ font-size: 14px; }
		
			.content{ margin: 0px ; padding: .5rem ; font-size: 12px;}
			.aboutbanner h3{ top: 30px; font-size: 12px;}
			.banner h4{ top: 33px; font-size: 18px; background:none;}
			.company_intro{margin-top:10px}
			.company_intro h3{ font-size: 14px;}
			.company_intro span{ font-size: 15px; }
			.intro .left{ width: 100%; padding-right:0; height:auto;}
			.intro .left h4{ font-size: 16px;padding: 0; text-align: center; font-weight: bold;}
			.intro .left{text-indent:0px}
			.aboutinfdiv{}
			.intro .right{ width: 100%; height: auto;}
			.company_value h3{padding-top:20PX; font-size: 20PX;}
			.company_value h4{ font-size: 12px;}
			.company_value ul{ margin-top: 20px; height: auto;}
			.company_value ul li h5 img{  height: 44px;}
			.company_value ul li span{ font-size: .8rem;}
			.cen h4{ font-size: 16px }
			.cen h5{ font-size: 15px }
			.company_value{  padding-bottom: 15PX; height: auto;} 

			.contact{    margin-top: 20px;
				margin-bottom: 20px;}
				.cen{ width: 100%;}
				.main{ width: 100%;margin-top:10px; height: auto;}
				.main .left{ float: none;  width: 100%; height: auto;}
				.main .left ul li{ height: 40px; list-style: 40px; font-size: 14px;}
				.main .left ul li:nth-child(1){ height: 38px;  line-height: 38px; font-size: 16px;}
.main .left ul li:last-child span{ font-size: 12px }
.pro_f6{ font-size: 12px; padding:0 1rem }
				.main .left ul li em{display: inline-block;
					width: 30px;
					height: 30px;
				 
					margin: 5px;
					background: url(../images/telico.png) no-repeat;
					vertical-align: middle;
					background-size: 100% !important;}

					.main .right{ width: 100%; margin-left:0; display: none;}
					.main .left ul li:last-child img{    margin: 10px auto ;}
					.main .left ul li:last-child{ height: auto;}

					.main_center{ width: 100%; padding: 0px;}
					.model_item1 .left{ width: 100%; padding:1rem;}
					.model_item1{ height: auto;}
					.model_item1 .right{ width: 100%; height: auto;margin-left:0; padding:0 1rem ;}
					.model_item1 .right h3{ padding: 5px; font-size: 16px; font-weight: bold;}
					.model_item1 .right span{ padding:0px 0px;margin-top:0px ; font-size: 12px; line-height: 1.8rem;}
					.model_item1 .right .limit{ height: auto; margin-top:1rem;}
					.model_item1 .right .limit i{ height: auto; padding:0; text-align:center;}
					.model_item1 .right .limit i h5{ display:none;}
					.model_item1 .right .limit i a{ margin:0 5px; font-size:.8rem;}
					.model_items2 .left{ display: NONE;}
					.model_items2 .right{ width: 100%; ;}
					.model_items2 .right img{ max-width:100% !important; }
					.items .left img{ height: 60%;}
					.model_item1 .right .limit .title{  font-size: 14px; height:30px; line-height: 30px }
					.model_item1 .right .limit span{ font-size: 12px }
					.model_item1 .right .limit span em{ font-size: 18px }
					.model_items2 .right .details{ font-size: 14px; height:30px; line-height: 30px }
 
}