*{margin:0;padding:0;list-style: none;text-decoration : none;font-family: \\5FAE\8F6F\96C5\9ED1,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif; }
.periphery{
	width: 100%;overflow: auto;
}
/*µ¼º½*/
.header{
	width: 100%;overflow: auto 
}
#ysmap{color:#2780E3;position: absolute; top: 10px; right: 60px;font-size:14px}
#pc-logo{
	width: 340px;height: 100px;
	float: left;background: #fff;
}
#pc-logo img{width: 175px;margin:auto;display: block;margin-top: 26px}
.pc-nav{
	width: 60%;float: left;height: 100px;margin-left: 10% ;    overflow: hidden;
}
.pc-nav li{width: 14%;float: left;font-size: 19px;text-align: center;height: 100%;line-height: 100px;font-weight: 600;}
.pc-nav li a {color: #333}
.pc-nav-on{color: #7a60e8 !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: 100px;float: left;margin-left: 10px;margin-top: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;font-weight: 300;}
.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: 170px;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){
	#ysmap{display:none}
	.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%;font-weight: 600;}   
	#moblie-nav-s {width: 24px;bottom: 6px;}
	.footer{padding:10px 0 80px 0;}
	.copyright{margin-top: 0}
	.copyright{display:block}
}