﻿*{margin:0;padding:0;}

#content{min-height:70%;}
*{ margin:0; padding:0; }
	ul,li{ list-style: none; } 
	a{ text-decoration: none; }
	body{ min-width: 320px; }
		.img0{ width:100%; text-align:center}
		.con{ margin:20px 20px 16px; }
		.con_1{ height: 70px; }
		.con_1 li{ width: 30%;background: #426dae; border-radius: 3px; float: left; display: inline-block;}
		.con_1 li a{ display: block; text-align: center;}
		.con_1 li a span{display: inline-block; width: 34px; height: 70px; background-size: 100%;vertical-align: middle; margin-right: 5px;}
		.con_1 li a em{ display: inline-block;color: #fff; line-height: 70px;  font-family: 微软雅黑; font-size:24px; font-style: normal; vertical-align: middle; }
		.con_1 li a .xt3{ width: 45px;}
			.xt1{background: url(iso.png) no-repeat center center;}
			.xt2{background: url(android.png) no-repeat center center;}
			.xt3{background: url(bhhyxz.png) no-repeat center center;}
		.con_1 .m5,.con_2 .m5{ margin:0 5%; }

		.con_2{ padding-top:45px; margin-bottom:20px;}
		.con_2 li{ float: left; display: inline-block; width: 20%; text-align: center; line-height:20px; }
		.con_2 li img{ width: 100%; }
		.con_2 li a{ font-size:24px; line-height:200%; color: #626262; font-family: 微软雅黑; }

		@media screen and (max-width:400px) and (min-width:320px) { 			
			.con_1{ height:60px;}
			.con_1 li{ padding:10px 0; }
			.con_1 li a em{font-size: 10px; display: block; margin:0 auto;line-height: 20px;}	
			.con_1 li a span{ width: 15px; height:20px;display: block; margin:0 auto; }
			.con_1 li a .xt3{ width: 18px; }
			.con_2{ padding-top:24px; }
			.con_2 li a{ font-size: 10px;}

		}
		@media screen and (max-width:479px) and (min-width:401px) { 
			.con_1{ height:40px;}
			.con_1 li a em{font-size: 10px; line-height: 40px;}	
			.con_1 li a span{ width: 15px; height:40px;}
			.con_1 li a .xt3{ width: 18px; }
			.con_2{ padding-top:24px; }
			.con_2 li a{ font-size: 10px;}

		}
		@media screen and (max-width:639px) and (min-width:480px) { 
			.con_1{ height: 40px; }
			.con_1 li a em{font-size: 15px; line-height: 40px;}	
			.con_1 li a span{ width:22px; height: 40px;}
			.con_1 li a .xt3{ width:30px; }
			.con_2{ padding-top:36px; }
			.con_2 li a{ font-size: 16px;}

		}
		@media screen and (max-width:739px) and (min-width:640px) { 
			.con_1{ height: 60px; }
			.con_1 li a em{font-size:20px; line-height: 60px;}	
			.con_1 li a span{ width:29px;height: 60px;}
			.con_1 li a .xt3{ width:38px; }
			.con_2 li a{ font-size:20px;}

		}
.cbg{ width: 100%; background: #000; opacity:0.8;filter:Alpha(opacity=80); z-index: 100; position: absolute; left: 0; top: 0; }
.cewm{ width: 100%; text-align: center; position: absolute; left: 0; z-index: 110; }