@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;padding: 0;}
html {overflow-y: scroll;}
html, body {font-size: 14px;color: #333;background: #fff;
}
iframe {
    background-image: none; border: none;
}
@font-face {
  font-family: "pingFangSC-Regular";
  src: url("../font/PingFang Regular_0.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "impact";
  src: url("../font/impact.ttf");
  font-weight: normal;
  font-style: normal;
}
a {color: #1e1e1e;text-decoration: none;}
a:hover {color: #304aa6;}
img {border: 0 none;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"] {cursor: pointer;}
button {cursor: pointer;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.box {width: 1200px;height: auto;margin: 0 auto;}
html { font-size:100px; font-family: 'pingFangSC-Regular'; }
body{font-family:pingFangSC-Regular;}
.topbox{ margin-top:15px; font-size:18px; line-height:57px;}
.topbox b{ font-size:30px;}
.topbox img{ margin-right:10px;}
.banner{ background:url(../images/bg.png) no-repeat center; margin-top:20px; background-color:none;}
.banner img{ padding:50px 0px 170px 0px;}

.tit{ text-align:center; font-size:36px; font-weight:bold; color:#ff3474; line-height:50px;}
.con{ width:95%; text-align:center; line-height:36px; font-size:18px; margin-top:20px;}
.tt{ margin-top:25px;}

.pp{ margin-top:20px;}
.pp li{ border:1px solid #ccc; margin-left:5px; margin-right:5px; float:left; margin-top:30px; width:226px; height:89px; overflow:hidden;}
.pp li img{ width:226px; height:87px;}

.nr table{ width:22.8%; background-color:#f0f0f0; float:left; margin-left:15px; margin-right:13px; margin-top:30px; height:325px; overflow:hidden;}
.nr table img{ width:273px; height:261px;}
.nr table p{ font-size:18px; line-height:30px; padding-left:15px; margin-top:10px;}
.nr table b{ font-size:24px; color:#ff1e43; padding-left:15px; line-height:40px;}
.nr table:nth-child(1){ margin-left:0px;}
.nr table:nth-child(5){ margin-left:0px;}

.footerbox{ width:100%; height:318px; background-color:#383838;}

.footerbox .cont{ line-height:36px; padding-top:80px; color:#e0e0e0;}
.footerbox .cont p{ font-size:22px;}
.footerbox .fr{ margin-top:50px;  color:#e0e0e0; text-align:center; line-height:36px;}

.bq{ width:100%; border-top:1px solid #636363; margin-top:15px; text-align:center; color:#e0e0e0; line-height:40px;}

@media screen and (max-width:640px) {
	.box{ width:98%;}
	.topbox b{ font-size:18px;}
	.topbox .fr img{ display:none;}
	.banner{ background:none; background-color:#ff3474; margin-bottom:15px;}
	.banner img{ padding:5px;}
	.pp li{ width:47.5%;}
	.pp li img{ width:100%;}
	.nr table{ width:45%; background-color:#f0f0f0; float:left; margin-left:10px; margin-right:10px; margin-top:30px; height:325px;}
	.nr table img{ width:100%; height:auto;}
	.nr table:nth-child(1){ margin-left:10px;}
	.nr table:nth-child(5){ margin-left:10px;}
	.footerbox .fr{ display:none;}
}
@media screen and (max-width:480px) {
	.box{ width:98%;}
	.topbox b{ font-size:18px;}
	.topbox .fr img{ display:none;}
	.banner{ background:none; background-color:#ff3474; margin-bottom:15px;}
	.banner img{ padding:5px;}
	.pp li{ width:46.5%;}
	.pp li img{ width:100%;}
	.nr table{ width:43%; background-color:#f0f0f0; float:left; margin-left:10px; margin-right:10px; margin-top:20px; height:265px;}
	.nr table img{ width:100%; height:auto;}
	.nr table:nth-child(1){ margin-left:10px;}
	.nr table:nth-child(5){ margin-left:10px;}
	.nr table p{ font-size:14px; line-height:30px; padding-left:15px; margin-top:10px;}
.nr table b{ font-size:18px; color:#ff1e43; padding-left:15px; line-height:40px;}
	.footerbox .fr{ display:none;}
}