@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1200px){
	header{ height:120px;}
	}
@media screen and (min-width: 960px) and (max-width:1199px){
header{ height:120px;}
header p{ display:none}
.banner .bd li a img{ height:260px}

.about .nr{ width:80%}
.about .nr p{ width:50%}
.news{ width:30%;}	
	}
@media screen and (min-width: 768px) and (max-width:959px){
*{ box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
header p{ display:none}
.banner .bd li a img{ height:200px}
header{ height:110px;}

.nav_btn{ display:block}
.navbox{ width:160px; height:100%; position:fixed; right:-160px; top:0;background:#1c3586; border-left:#081f6b solid 4px; z-index:9999}
.navbox nav ul li{ width:100%; float:none; position: static}
.navbox nav ul li h3 a{border-bottom:#020d32 dashed 1px;}
.navbox nav ul li dl{position:static; top:0; left:0; background:#081f6b; padding:12px 0;}
.navbox nav ul li dl dd{ border-bottom:none}
.navbox nav ul li dl dd a:hover{ background:#2441a2}

.about{ margin:40px 2%; width:96%}
.about .bt{ font-size:14px; width:120px;}
.about .nr{ width:65%}
.about .nr p{ width:100%}
.about .nr img{ display:none}
.news{ width:96%;padding:32px 0; margin:0 2%}
.honor{ width:100%; padding:32px 20%;}
.honorlist{ height:370px}
.honorlist ul li img{ height:290px;}
.case{ width:96%; margin:0 2%;}
.case .bt span{ font-size:12px;}
.case ul li{ width:32%}
.case ul li a img{ height:160px}

.friend{ padding:32px 2%; }
.friend .bt{ width:20%}
.friend .con{ width:75%}

.footer{ padding:32px 2%;}
.footer img{ display:none}

/*sub*/
.subbanner span{ font-size:18px; padding-left:40px;}
.sub_right,.sub_left{ width:100%; float:none}
.sub_left{ padding:0 16px;}

.sub_right .news,.tel,.stitle .location,.mune .hd,.newslist ul li span{ display:none}
.imglist ul li{ width:33.33%}

.mune ul{ padding:0; background:none; border:none}
.mune ul li{ width:24%; background:#FFF; border:#ddd solid 1px; display:block; overflow:hidden; float:left; margin-right:1%}

.imglist ul li a img{ height:170px;}


	}
@media screen and (min-width: 641px) and (max-width:767px){
*{ box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
header p{ display:none}
.banner .bd li a img{ height:180px}
header{ height:90px;}

.nav_btn{ display:block}
.navbox{ width:160px; height:100%; position:fixed; right:-160px; top:0;background:#1c3586; border-left:#081f6b solid 4px; z-index:9999}
.navbox nav ul li{ width:100%; float:none; position: static}
.navbox nav ul li h3 a{border-bottom:#020d32 dashed 1px;}
.navbox nav ul li dl{position:static; top:0; left:0; background:#081f6b; padding:12px 0;}
.navbox nav ul li dl dd{ border-bottom:none}
.navbox nav ul li dl dd a:hover{ background:#2441a2}

.about{ margin:40px 2%; width:96%}
.about .bt{ font-size:14px; width:110px;}
.about .nr{ width:67%}
.about .nr p{ width:100%; max-height:155px;}
.about .nr img{ display:none}
.news{ width:100%;padding:32px 16px;}
.honor{ width:100%; padding:32px 15%;}
.honorlist{ height:340px}
.honorlist ul li img{ height:260px;}
.case{ width:100%; padding-left:16px; padding-right:16px;}
.case .bt span{ font-size:12px;}
.case ul li{ width:44%}
.case ul li a img{ height:140px}

.friend{ padding:32px 16px; }
.friend .bt{ width:20%; font-size:14px;}
.friend .bt b{ font-size:16px;}
.friend .con{ width:75%}

.footer{ padding:32px 2%;}
.footer img{ display:none}

/*sub*/
.subbanner span{ font-size:18px; padding-left:40px;}
.sub_right,.sub_left{ width:100%; float:none}
.sub_left{ padding:0 16px;}

.sub_right .news,.tel,.stitle .location,.mune .hd,.newslist ul li span{ display:none}
.imglist ul li{ width:50%}

.mune ul{ padding:0; background:none; border:none}
.mune ul li{ width:24%; background:#FFF; border:#ddd solid 1px; display:block; overflow:hidden; float:left; margin-right:1%}

.imglist ul li a img{ height:150px;}
	}

@media screen and (min-width: 320px) and (max-width:640px){
*{ box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
header{height:80px;}
header p{ display:none}
header a{width:75%}

.nav_btn{ display:block}
.navbox{ width:160px; height:100%; position:fixed; right:-160px; top:0;background:#1c3586; border-left:#081f6b solid 4px; z-index:9999}
.navbox nav ul li{ width:100%; float:none; position: static}
.navbox nav ul li h3 a{border-bottom:#020d32 dashed 1px;}
.navbox nav ul li dl{position:static; top:0; left:0; background:#081f6b; padding:12px 0;}
.navbox nav ul li dl dd{ border-bottom:none}
.navbox nav ul li dl dd a:hover{ background:#2441a2}

.banner .bd li a img{ height:120px;}
.about{ margin:40px 2%; width:96%}
.about .bt{ font-size:14px; width:110px;}
.about .nr{ width:67%}
.about .nr p{ width:100%;  max-height:155px;}
.about .nr img{ display:none}
.news{ width:100%;padding:32px 16px;}
.honor{ width:100%; padding:32px 16px;0}
.honorlist{ height:300px}
.honorlist ul li img{ height:200px;}
.case{ width:100%; padding-left:16px; padding-right:16px;}
.case .bt span{ font-size:6px;}
.case ul li{ width:44%}
.case ul li a img{ height:120px}

.friend{ padding:32px 16px; }
.friend .bt{ width:20%; font-size:12px;}
.friend .bt b{ font-size:14px;}
.friend .con{ width:75%}
.footer{ padding:32px 2%;}
.footer img{ display:none}

/*sub*/
.subbanner span{ font-size:18px; padding-left:40px;}
.sub_right,.sub_left{ width:100%; float:none}
.sub_left{ padding:0 16px;}

.sub_right .news,.tel,.stitle .location,.mune .hd,.newslist ul li span{ display:none}
.imglist ul li{ width:50%}

.mune ul{ padding:0; background:none; border:none}
.mune ul li{ width:24%; background:#FFF; border:#ddd solid 1px; display:block; overflow:hidden; float:left; margin-right:1%}
.imglist ul li a img{ height:130px;}


	}