@media screen and (max-width: 1220px){
.wrap{ width:1020px;}
.nav{width:780px;}
.navlist li{ float:left; font-size:16px; margin-left:48px;}
.flinkslist{height:230px;width:650px;}
.flinkslist li{width:130px; font-size:13px; line-height:32px;}
.flinkslist li h2{ font-size:16px; padding-bottom:12px;}
.flogo{ float:left; margin:106px 0 0 60px;}
.navwrap{ width:1020px; margin:0 auto;}
.navlist li ul.sub1{margin-left:165px;}
.navlist li ul.sub2{margin-left:230px;}
.navlist li ul.sub4{margin-left:720px;}
.navlist li ul.sub5{margin-left:635px;}

}
@media screen and (max-width: 1065px){
.wrap{ width:940px; margin:0 auto;} 
.menu{ display:block;}
.nav{ float:none;margin:0; position:absolute; top:0; width:100%; right:0; background:#313131; display:none;}
.navlist{ float:none; display:block; overflow:hidden; clear:both; margin:0;}
.navlist li{ float:none; font-size:15px; margin-left:0; display:block; overflow:hidden; clear:both; line-height:38px; }
.navlist li a{ display:block; color:#fff;background:url(../image/jiao1.png) 96% center no-repeat;padding-left:80px; padding-bottom:0;}
.navlist li.hover a,.navlist li a:hover{ background:#870101 url(../image/jiao1.png) 92% center no-repeat; color:#fff; padding-bottom:0; border-bottom:none;}
.lang{ float:none; background:#272727;line-height:normal; margin:20px 0 0 0; display:block; overflow:hidden; clear:both; text-align:center; padding:5px 0;}
.lang a{ display:inline-block; width:28px; height:28px; background:url(../image/icon2.png) center top no-repeat; background-size:contain;}
.navclose{ display:block;}
.navclose b{display:block;}

.navlist li ul.sub1{margin-left:0;}
.navlist li ul.sub2{margin-left:0;}
.navlist li ul.sub4{margin-left:0;}
.navlist li ul.sub5{margin-left:0;}
.navlist li.hover .navbox{ height:auto;}
.navbox{ position:static; left:auto; top:auto; width:100%; height:auto;background-color:none;padding:8px 0; display:none;}
.navwrap{ width:100%; margin:0 auto;}
.navlist li ul{ margin-left:0; line-height:30px;}
.navlist li ul li,.navlist li.hover ul li{font-size:14px; margin:0; background:none; line-height:30px;}
.navlist li ul li a,.navlist li.hover ul li a{ color:#fff; display:block;padding-left:100px; padding-bottom:0; border-bottom:none; background:none;}
.navlist li ul li a:hover,.navlist li.hover ul li a:hover{ background:url(../image/yuan1.png) 86px center no-repeat; color:#fff; padding-bottom:0; border-bottom:none;-webkit-transition: none;
-moz-transition: none;-o-transition: none;-mz-transition: none;transition: none;}

}
@media screen and (max-width: 960px){
.wrap{ width:auto; display:block;clear:both; padding:0 12px;}
.footer{font-size:13px;}
.flinks{padding-bottom:20px;}
.flinkslist{ float:none; height:auto; border-right:none; display:block; overflow:hidden; clear:both; width:100%;text-align:center;}
.flinkslist li{ float:none; display:inline; width:auto;}
.flinkslist li p{ display:none;}
.flinkslist li h2{ font-size:15px; padding-bottom:0; display:inline-block; width:19%; text-align:center;}
.flogo{ float:none; margin:20px 0 0 0; width:100%; text-align:center; border-top:1px solid #d1d1d1; padding-top:20px;}
}

@media screen and (max-width: 800px){
.wrap{ width:auto; display:block;clear:both; padding:0 12px; max-width:748px; padding:0 12px;}
.footer{line-height:24px; color:#fff; font-size:13px; padding:10px 0; text-align:center;}
.footer span{ float:none; display:block;}
}

@media screen and (max-width: 640px){
.wrap{padding:0 10px; max-width:none;}
.header{ height:50px;}
.header h1{ float:none; width:50%; position:absolute; left:10px; top:50%;margin:0;-webkit-transform:translateY(-50%); transform:translateY(-50%);}
.menu{right:10px; height:50px;}
.menu b{ background:url(../image/list2.png) no-repeat; width:30px; height:20px;margin:15px 0 0 20px;}
.flogo img{ width:50%;}

}
@media screen and (max-width: 480px){
.flinks{ padding-bottom:15px;}
.flinkslist{margin-top:10px;}
.flinkslist li h2{ font-size:13px; width:18%; }
.flogo{margin:10px 0 0 0; padding-top:10px;}
.footer{line-height:18px;font-size:12px;}
}