*{margin:0;padding:0;list-style: none;text-decoration : none;font-family: "黑体", cursive, serif, sans-serif  }
.periphery{
	width: 100%;overflow: auto;
}

.header{
	width: 100%;overflow: auto
}
#pc-logo{
	width: 340px;height: 100px;
	float: left;
}
#pc-logo img{width: 150px;margin:auto;display: block;margin-top: 4px}
.pc-nav{
	width: 60%;float: left;height: 100px;margin-left: 10%
}
.pc-nav li{width: 14%;float: left;font-size: 21px;text-align: center;height: 100%;line-height: 100px}
.pc-nav li a {color: #333}
.pc-nav-on{color: #c71d1d!important;font-weight: 900;}
.moblie-nav{width: 100%;padding:10px 0;overflow: auto;position: fixed;top:0;left:0;background: #fff;z-index: 99;display: none}
#moblie-logo{width: 90px;float: left;margin-left: 10px}
#moblie-nav{width: 40px;float: right;margin:10px 10px 0 0;cursor:pointer;}
.moblie-nav-con{width: 100%;background: #fff;position: fixed;top:7%;padding-bottom: 40px;display: none;z-index: 100}
.moblie-nav-con ul{width: 95%;margin:auto;overflow: auto}
.moblie-nav-con ul li{float: left;font-size: 16px;padding:0 5%;text-align: center;margin-top: 10px}
.moblie-nav-con ul li img{width: 45px;display: block;margin:auto;}
.moblie-nav-con ul li a{color: #333}
#moblie-nav-s{width: 40px;margin:auto;position: absolute;left:0;bottom:-10px;right: 0px;    cursor: pointer;}

.speedy {width: 60px;position: fixed;top:30%;right: .5%;display: none;z-index: 99}
.speedy li{width: 40px;background: #fff;border-radius: 5px;padding:10px;margin-bottom: 5px;cursor:pointer;}
.speedy li img{width: 100%;display: block}

.footer{width: 100%;background: #2c445c;padding:40px 0 10px 0;overflow: auto}
.footer-con{width: 60%;margin:auto;overflow: auto;}
#footer-logo{width: 130px;float: left}
.footer-nav{width: 40%;margin:auto;padding-top: 10px;}
.footer-nav li{width: 33%;float: left;}
.footer-nav li h4{font-size: 18px;font-weight: 300;color: #fff}
.footer-nav li p{font-size: 15px;padding-top: 6px;color: #ccc}
.footer-code{float: right}
.footer-code li{float: left;margin-left: 12px;cursor:pointer;}
.footer-code li img{width: 77px}
.footer-code li p{font-size: 17px;color: #fff;text-align: center;padding-top: 2px}
.copyright{font-size: 13px;text-align: center;color: #fff;margin-top: 20px;}
.copyright a{color: #fff}



@media(min-width: 2000px){
	#periphery{width: 1920px;margin:auto;}
}
@media(max-width: 1384px){
	.pc-nav {width:65%;margin-left: 0%;}
	.pc-nav li {font-size: 19px;}
	.footer-con {width: 74%;margin: auto;overflow: auto}
	.footer-code li p {font-size: 15px;}
}
@media(max-width: 1080px){
	#pc-logo,.pc-nav{display: none}
	.moblie-nav{display: block}
	.banner{margin-top: 70px}
	.footer-con {width: 90%;margin: auto;overflow: auto}
}
@media(max-width: 870px){
	.footer-nav {width: 50%;}
}
@media(max-width: 770px){
	.footer-nav li h4 {font-size: 16px;}
	.footer-nav li p {font-size: 14px;}
	.footer-nav{overflow: auto;padding-top:0;float: left;margin-left: 3%}
}
@media(max-width: 650px){
	.footer-con {width: 97%;}
}
@media(max-width: 500px){
	#moblie-nav {width: 33px;}
	.footer-code {margin: 2% 0 0 24%;float: none}
	.footer-code li img {width: 100px;}
	.speedy li {width: 28px;}
	.footer-con {display: none}
	#footer-logo {display: none}
	.footer-nav {display: none}
	.moblie-nav-con ul li {font-size: 14px;width: 23%;}
	#moblie-nav-s {width: 24px;bottom: 6px;}
	.footer{padding:10px 0;}
	.copyright{margin-top: 0}
	.copyright{display:block}
}