@media screen and (min-width:1001px){
.fl{ float:left;}
.fr{ float:right;}
.mw{ margin:0 auto; width:1000px;}
#menu-trigger { display:none;}
	.dLeft{ display:none;}

body{ padding-top:80px;}
.head{ position:absolute; top:0; left:0; z-index:2; width:100%; height:80px; background:#fff; transition:all ease-out 0.3s;}
	.logo{ float:left; padding:15px 0;}
	.nav{  float:right;}
		.nav ul li{ float:left; position:relative; /*border-left:1px solid #084f83;*/}
		.nav ul li a{ display:inline-block; font-size:17px; line-height:80px; padding-left:60px; color:#333; font-weight:bold;}
		.subabout{ display:none; position:absolute; z-index:5; top:80px; left:0; width:180px; background:#fff; box-shadow: 0 15px 30px rgba(0,0,0,0.1); padding:15px 0;}
			.nav ul li .subabout ul{ padding:0;}
			.nav ul li .subabout ul li{ float:none; border-left:none; background:none;}
			.nav ul li .subabout ul li a{ font-size:14px; color:#333; line-height:30px; font-weight:normal;}
		.subproduct{ display:none; position:absolute; z-index:5; width:400px; top:80px; left:0; background:#fff; box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
		.subproduct dl{ float:left; padding:25px 0 25px 60px;}
		.subproduct dl dt{ font-size:14px; line-height:30px; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:10px;}
		.subproduct dl dd{ padding-top:10px;}
		.subproduct dl dd a{ font-size:12px; text-align:left; padding:0; line-height:25px; color:#333; font-weight:normal;}
		
.contact{ background:#c3c3c3; padding:30px 0 0; margin-top:40px;}


.footnav{ float:left; border-right:1px solid #999;}
	.footnav dl{ float:left; margin-right:60px;}
	.footnav dt{ margin-bottom:10px; color:#333;}
	.footnav dd{}
	.footnav dd p{ font-size:12px;}
	.footnav dd p a{ color:#333;}
.contactinfo{ float:left; margin-left:60px; color:#333;}
	.contactinfo h3{ font-size:14px; margin-bottom:10px; font-weight:normal;}
	.contactinfo p{ font-size:12px;}
.media{ float:right; text-align:center; color:#333;}
	.media img{ width:120px;}
	.media p{ line-height:30px;}
.tel{ float:right; font-size:18px; text-align:right; color:#333; margin-right:20px;}
		.tel dt{ line-height:30px;}
		.tel dd{ font-size:20px; line-height:36px; font-family:'Impact Regular',Impact,arial,verdana,sans-serif; color:#f60;}
		.tel dd p{ font-size:12px; padding-top:20px; color:#333;}

.foot{ text-align:center; font-size:12px; padding:20px 0; background:#c3c3c3; color:#333;}

.pagenum{ clear:both; padding:10px 0 50px; overflow:hidden; _zoom:1; margin:0;}
	.pagenum a{ display:inline-block; padding:5px 12px; margin:0 10px 0 0; background:#eee; border-radius:5px;}
	.pagenum a:hover{background:#0b68ad; color:#FFF; text-decoration:none;}
	.pagenum a.cur{ background:#0b68ad; color:#FFF; text-decoration:none;    padding: 5px 12px;
    margin: 0 20px 0 0;}
	.pagenum span{ display:inline-block; color:#333; border-radius:5px;padding: 5px 12px;
    margin: 0 10px 0 0;}
}
@media only screen and (min-width:721px) and (max-width:1000px){
.fl{}
.fr{}
.mw{}
body{ padding-top:80px;}
.head{ position:absolute; top:0; left:0; z-index:3; width:98%; height:80px; background:#fff; transition:all ease-out 0.3s; padding:0 1%;}
	.logo{ float:left; padding:15px 0;}
	#menu-trigger { float:right; padding:15px 0; display:block; cursor:pointer;}
	.sild {}
	.dLeft, .sild{ right:0; -webkit-transition:right 0.3s; -moz-transition:right 0.3s; transition:right 0.3s;}
	.dLeft { width:200px; background:#fff; position:fixed; right:-200px; top:0; z-index:999;}
	.mobile-left{right:200px;}
	.mobile-menu-left{right:0px;}
	.dLeft{ height:100%;}
	.dLeft ul{}
	.dLeft li{}
	.dLeft li a{ color:#06589a; display:block; line-height:40px; border-bottom:1px solid #eee; padding:0 10px;}
	.dLeft li a.cur{ background:url(../image/subnav.png) no-repeat right center;}
	.dLeft ul ul{ display:none;}
	.dLeft li li a{ padding:0 20px; color:#ccc;}
	.mask{ display:none; background-color: rgb(0, 0, 0); opacity: 0.5; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index:10;}
.nav{display:none;}
.drawer-nav{}
	.drawer-nav ul{}
	.drawer-nav li{}
	.drawer-nav li a{ display:block; line-height:30px; color:#fff; padding-left:10px;}
	.drawer-nav ul ul{ display:none;}

.contact{ background:#c3c3c3; padding:30px 0 0; margin-top:40px;}
	.contactinfo{ float:left; margin-right:60px;}

.footnav{ float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}
	.footnav dl{ overflow:hidden; padding:0 20px;}
	.footnav dt{ float:left; margin-bottom:10px; color:#333; padding-right:10px;}
	.footnav dd{ float:left;}
	.footnav dd p{ float:left; font-size:12px; padding-right:10px;}
	.footnav dd p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}
	.footnav dd p a{ color:#333;}
.contactinfo{ float:left; color:#333; margin-left:20px;}
	.contactinfo h3{ font-size:14px; margin-bottom:10px; font-weight:normal;}
	.contactinfo p{ font-size:12px;}
.media{ float:right; text-align:center; color:#333; margin-right:20px;}
	.media img{ width:120px;}
	.media p{ line-height:30px;}
.tel{ float:right; font-size:18px; text-align:right; color:#333; margin-right:20px;}
		.tel dt{ line-height:30px;}
		.tel dd{ font-size:24px; line-height:36px; font-family:'Impact Regular',Impact,arial,verdana,sans-serif; color:#f60;}
		.tel dd p{ font-size:12px; padding-top:20px; color:#333;}

.foot{ text-align:center; font-size:12px; padding:20px 0; background:#c3c3c3; color:#333;}

.pagenum{ clear:both; padding:10px 0 50px; overflow:hidden; _zoom:1; margin:0;}
	.pagenum a{ display:inline-block; padding:5px 12px; margin:0 5px 0 0; background:#eee; border-radius:5px;}
	.pagenum a:hover{background:#0b68ad; color:#FFF; text-decoration:none;}
	.pagenum a.cur{ background:#0b68ad; color:#FFF; text-decoration:none;    padding: 5px 12px;
    margin: 0 5px 0 0;}
	.pagenum span{ display:inline-block; color:#333; border-radius:5px;padding: 5px 12px;
    margin: 0 5px 0 0;}
}
@media only screen and (min-width:461px) and (max-width:720px){
.fl{}
.fr{}
.mw{}
body{ padding-top:80px;}
.head{ position:absolute; top:0; left:0; z-index:3; width:98%; height:80px; background:#fff; transition:all ease-out 0.3s; padding:0 1%;}
	.logo{ float:left; padding:15px 0;}
	#menu-trigger { float:right; margin-top:10px; display:block; cursor:pointer;}
	.sild {}
	.dLeft, .sild{ right:0; -webkit-transition:right 0.3s; -moz-transition:right 0.3s; transition:right 0.3s;}
	.dLeft { width:200px; background:#fff; position:fixed; right:-200px; top:0; z-index:999;}
	.mobile-left{right:200px;}
	.mobile-menu-left{right:0px;}
	.dLeft{ height:100%;}
	.dLeft ul{}
	.dLeft li{}
	.dLeft li a{ color:#06589a; display:block; line-height:40px; border-bottom:1px solid #eee; padding:0 10px;}
	.dLeft li a.cur{ background:url(../image/subnav.png) no-repeat right center;}
	.dLeft ul ul{ display:none;}
	.dLeft li li a{ padding:0 20px; color:#ccc;}
	.mask{ display:none; background-color: rgb(0, 0, 0); opacity: 0.5; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index:10;}

.nav{display:none;}
.drawer-nav{}
	.drawer-nav ul{}
	.drawer-nav li{}
	.drawer-nav li a{ display:block; line-height:30px; color:#fff; padding-left:10px;}
	.drawer-nav ul ul{ display:none;}

.contact{ background:#c3c3c3; padding:30px 0 0; margin-top:40px;}
	.contactinfo{ float:left; margin-right:60px;}

.footnav{ float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}
	.footnav dl{ overflow:hidden; padding:0 20px;}
	.footnav dt{ float:left; margin-bottom:10px; color:#333; padding-right:10px;}
	.footnav dd{ float:left;}
	.footnav dd p{ float:left; font-size:12px; padding-right:10px;}
	.footnav dd p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}
	.footnav dd p a{ color:#333;}
.contactinfo{ float:left; width:100%; color:#333; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}
	.contactinfo h3{ font-size:14px; margin-bottom:10px; font-weight:normal; padding-left:20px;}
	.contactinfo p{ font-size:12px; padding-left:20px;}
.media{ float:left; text-align:center; color:#333; padding-left:20px;}
	.media img{ width:120px;}
	.media p{ line-height:30px;}
.tel{ float:right; font-size:18px; text-align:right; color:#333; margin-right:20px;}
		.tel dt{ line-height:30px;}
		.tel dd{ font-size:24px; line-height:36px; font-family:'Impact Regular',Impact,arial,verdana,sans-serif; color:#f60;}
		.tel dd p{ font-size:12px; padding-top:20px; color:#333;}

.foot{ text-align:center; font-size:12px; padding:20px 0; background:#c3c3c3; color:#333;}

.pagenum{ clear:both; padding:10px 0 50px; overflow:hidden; _zoom:1; margin:0;}
	.pagenum a{ display:inline-block; padding:5px 12px; margin:0 5px 0 0; background:#eee; border-radius:5px;}
	.pagenum a:hover{background:#0b68ad; color:#FFF; text-decoration:none;}
	.pagenum a.cur{ background:#0b68ad; color:#FFF; text-decoration:none;    padding: 5px 12px;
    margin: 0 5px 0 0;}
	.pagenum span{ display:inline-block; color:#333; border-radius:5px;padding: 5px 12px;
    margin: 0 5px 0 0;}
}
@media only screen and (max-width:460px){
.fl{}
.fr{}
.mw{}
body{ padding-top:80px;}
.head{ position:absolute; top:0; left:0; z-index:3; width:96%; height:80px; background:#fff; transition:all ease-out 0.3s; padding:0 2%;}
	.logo{ float:left; width:82.5%; padding:15px 0;}
	#menu-trigger { float:right; margin-top:10px; width:11%; display:block; cursor:pointer;}
	.sild {}
	.dLeft, .sild{ right:0; -webkit-transition:right 0.3s; -moz-transition:right 0.3s; transition:right 0.3s;}
	.dLeft { width:200px; background:#fff; position:fixed; right:-200px; top:0; z-index:999;}
	.mobile-left{right:200px;}
	.mobile-menu-left{right:0px;}
	.dLeft{ height:100%;}
	.dLeft ul{}
	.dLeft li{}
	.dLeft li a{ color:#06589a; display:block; line-height:40px; border-bottom:1px solid #eee; padding:0 10px;}
	.dLeft li a.cur{ background:url(../image/subnav.png) no-repeat right center;}
	.dLeft ul ul{ display:none;}
	.dLeft li li a{ padding:0 20px; color:#ccc;}
	.mask{ display:none; background-color: rgb(0, 0, 0); opacity: 0.5; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index:10;}

.nav{display:none;}
.drawer-nav{}
	.drawer-nav ul{}
	.drawer-nav li{}
	.drawer-nav li a{ display:block; line-height:30px; color:#fff; padding-left:10px;}
	.drawer-nav ul ul{ display:none;}

.contact{ background:#c3c3c3; padding:30px 0 0; margin-top:40px;}
	.contactinfo{ float:left; margin-right:60px;}

.footnav{ float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}
	.footnav dl{ overflow:hidden; padding:0 20px;}
	.footnav dt{ float:left; margin-bottom:10px; color:#333; padding-right:10px;}
	.footnav dd{ float:left;}
	.footnav dd p{ float:left; font-size:12px; padding-right:10px;}
	.footnav dd p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}
	.footnav dd p a{ color:#333;}
.contactinfo{ float:left; color:#333; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px; width:100%;}
	.contactinfo h3{ font-size:14px; margin-bottom:10px; font-weight:normal; padding-left:20px;}
	.contactinfo p{ font-size:12px; padding-left:20px;}
.media{ float:left; text-align:center; color:#333; margin-right:20px; padding-left:20px;}
	.media img{ width:80px;}
	.media p{ line-height:30px;}
.tel{ float:right; font-size:18px; text-align:right; color:#333; margin-right:20px;}
		.tel dt{ line-height:30px;}
		.tel dd{ font-size:16px; font-family:'Impact Regular',Impact,arial,verdana,sans-serif; color:#f60;}
		.tel dd p{ font-size:12px; padding-top:10px; color:#333;}

.foot{ text-align:center; font-size:12px; padding:20px 0; background:#c3c3c3; color:#333;}

.pagenum{ clear:both; padding:10px 0 50px; overflow:hidden; _zoom:1; margin:0;}
	.pagenum a{ display:inline-block; padding:5px 12px; margin:0 5px 0 0; background:#eee; border-radius:5px;}
	.pagenum a:hover{background:#0b68ad; color:#FFF; text-decoration:none;}
	.pagenum a.cur{ background:#0b68ad; color:#FFF; text-decoration:none;    padding: 5px 12px;
    margin: 0 5px 0 0;}
	.pagenum span{ display:inline-block; color:#333; border-radius:5px;padding: 5px 12px;
    margin: 0 5px 0 0;}
}