@media screen and (min-width:1001px){

.fl{ float:left;}

.fr{ float:right;}

.mw{ margin:0 auto; width:1000px;display: flex;}
.news .mw{
	display: block;
}
#menu-trigger { display:none;}

	.dLeft{ display:none;}



body{ padding-top:80px;background:#f7f7f7 url(../image/bg.gif) repeat-y center 0;}

.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:50px; color:#333; font-weight:bold;white-space:nowrap;}

		.subabout{ display:none; position:absolute; z-index:5; top:80px; left:0;min-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;padding-right:60px;}

		.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:#f0f0f0 url(../image/footer_bg.jpg) repeat-x 0 top; padding:60px 0; margin-top:40px;}





.footnav{ float:left; border-right:1px solid #ddd;}

	.footnav dl{ float:left; margin-right:60px;}

	.footnav dt{ margin-bottom:10px; color:#333;}

	.footnav dd{}

	.footnav dd p{ font-size:12px;line-height:30px;}

	.footnav dd p a{ color:#999;}

.contactinfo{ float:left; margin-left:60px; color:#333;}

	.contactinfo h3{ font-size:14px; margin-bottom:10px; font-weight:normal;}

	.contactinfo p{ font-size:12px;color:#999;line-height:30px;}

.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:#112885;color:#fff;}



.pagenum{ clear:both; padding:20px 0 40px; overflow:hidden; _zoom:1; margin:0; text-align:center;}
	.pagenum a{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#eee; border-radius:5px;}
	.pagenum a:hover,.pagenum a.cur{ background:#003f98; color:#fff; text-decoration:none;}
	.pagenum span{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#003f98; color:#fff; border-radius:5px;}
}

@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:20px 0 40px; overflow:hidden; _zoom:1; margin:0; text-align:center;}
	.pagenum a{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#eee; border-radius:5px;}
	.pagenum a:hover,.pagenum a.cur{ background:#003f98; color:#fff; text-decoration:none;}
	.pagenum span{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#003f98; color:#fff; border-radius:5px;}
}

@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:20px 0 40px; overflow:hidden; _zoom:1; margin:0; text-align:center;}
	.pagenum a{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#eee; border-radius:5px;}
	.pagenum a:hover,.pagenum a.cur{ background:#003f98; color:#fff; text-decoration:none;}
	.pagenum span{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#003f98; color:#fff; border-radius:5px;}
}

@media only screen and (max-width:460px){

.fl{}

.fr{}

.mw{}

body{ padding-top:60px;}

.head{ position:absolute; top:0; left:0; z-index:3; width:96%; height:60px; background:#fff; transition:all ease-out 0.3s; padding:0 2%;}

	.logo{ float:left; width:82.5%; padding:8px 0;}

	.logo img{height:42px;}
	#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:#f1f1f1; 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 0 100px;position:relative;}

	.footnav dt{color:#333; padding-right:10px;position:absolute;top:0;left:20px;}

	.footnav dd{}

	.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:#999;}

.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;color:#999; }

.media{ float:left; text-align:center; color:#333; margin-right:20px; padding-left:20px;margin-bottom: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; background:#112a8a; color:#fff;}

.foot a{color:#fff;}


.pagenum{ clear:both; padding:20px 0 40px; overflow:hidden; _zoom:1; margin:0; text-align:center;}
	.pagenum a{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#eee; border-radius:5px;}
	.pagenum a:hover,.pagenum a.cur{ background:#003f98; color:#fff; text-decoration:none;}
	.pagenum span{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#003f98; color:#fff; border-radius:5px;}
}