/*
**************************
(C)2017
update: 2017-7-21 11:58:34
person: WangRupeng
**************************
*/

/*通用样式*/
body{font-family:"微软雅黑";}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0; max-width:100%;}ul,li{list-style-type:none;}
a{outline:none;}
a,a:visited{text-decoration:none;}
.cl{clear:both;}
.pc{display: block;}
.phone{display: none;}


@media (max-width: 1440px){
	.nav-home .logo{
		padding-left: 2em;
	}
	.navhome .logo{
		padding-left: 2em;
	}
	.section3 h3{ margin-top: 4em; }
}

@media (max-width: 1366px){
	body{ font-size: 12px; }
	.navhome{
		padding: 1em 0;
	}
	.nav-home{ padding: 1em 0; }
	.nav-home .logo{
		padding-left: 1em;
	}
	.navhome .logo{
		padding-left: 1em;
	}
	.navhome ul.nav_list{
		padding: 0;
		line-height: 6em;
	}
	.navhome ul.nav_list li{
		padding: 0 0.5em;
	}
	.nav-home ul.nav_list{
		padding: 0;
		line-height: 6em;
	}
	.nav-home ul.nav_list li{
		padding: 0 0.5em;
	}
	.section3 h3{ margin-top: 4em; }
	.home3{ margin-top: 1em; }
	.home3 .bd ul{padding: 1em 3px 3px; overflow: hidden;}
}

@media (max-width: 1200px){
	.section3 h3{ margin-top: 2em; }
}

@media (max-width: 1040px){
	.pc{display: none;}
	.phone{display: block;}
	.navhome{
		top: -100%;
	}
	.nav-home{
		top: -100%;
	}
	.honor{  display: none; }
}

@media (max-width: 768px){
	.section{
		/*padding: 2em 1em;*/
	}
	.home7 ul li{
		width: 25%;
	}
	.footer_link a.fl{
		margin-top: 1em;
	}
	.copy{
		padding: 0 1em;
	}
	.home3 .hd ul li{
		padding:0 0.8em;
	}
	.home4 ul li{
		padding: 1em;
	}
	.section h3{
		font-size: 1.8em;
		margin-top: 1em
	}
}

@media (max-width: 388px) {
	.home3 .hd ul li {
		padding-left: 0;
		padding-right: 0
		
	}
}


@media only screen and (max-width:310px) and (min-width:300px) {
body { font-size: 12px }
}
@media only screen and (max-width:320px) and (min-width:310px) {
body { font-size: 12px }
}
@media only screen and (max-width:360px) and (min-width:320px) {
body { font-size: 12px }
}
@media only screen and (max-width:360px) and (min-width:350px) {
body { font-size: 12px }
}
@media only screen and (max-width:480px) and (min-width:360px) {
body { font-size: 12px }
}
@media only screen and (max-width:480px) and (min-width:470px) {
body { font-size: 14px }
}
@media only screen and (max-width:560px) and (min-width:480px) {
body { font-size: 14px }
}
@media only screen and (max-width:570px) and (min-width:560px) {
body { font-size: 16px }
}
@media only screen and (max-width:640px) and (min-width:570px) {
body { font-size: 16px }
}
@media only screen and (max-width:640px) and (min-width:630px) {
body { font-size: 16px }
}