body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, pre, form, input, button, header, menu, section { margin: 0; padding: 0; }
body { max-width: 640px; width: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
h2 { font-size: 14px; }
ul, ol { list-style: none; }
body { margin: 0 auto; font-family: "Microsoft YaHei", Helvetica; background-color: #f3f3f3; }
fieldset, img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
 @media screen and (max-device-width: 320px) {
body { -webkit-text-size-adjust: none; }
}
@media screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: none; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body { -webkit-text-size-adjust: none; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { -webkit-text-size-adjust: none; }
}
.list_m { background: #fff; padding: 10px; margin: 10px 0; overflow: hidden }
.list_m ul { width: 100%; display: table }
.list_m ul li { width: 25%; border-right: 1px solid #E6E6E6; display: table-cell; vertical-align: middle; text-align: center }
.list_m ul li a { font-size: 16px; display: block; color: #000 }
.list_m ul li:last-child { border-right: medium none; }
.list_m ul li:last-child a { position: relative; }
.list_m ul li:last-child a:after { position: absolute; content: 'HOT'; color: #fff; padding: 1px 2px; font-size: 8px; background: #f00; border-radius: 10px; font-weight: bold; top: -7px; left: 80%; animation: mykeframe 1.5s linear infinite; -moz-animation: mykeframe 1.5s linear infinite; /* Firefox */ -webkit-animation: mykeframe 1.5s linear infinite; /* Safari and Chrome */ -o-animation: mykeframe 1.5s linear infinite; /* Opera */ }
.psi { margin-bottom: 10px; overflow: hidden; padding: 5px 10px; background: #fff; margin-top: 10px }
.psi a { color: #000000; display: table; font-size: 16px; width: 100%; }
.psi em { display: table-cell; padding-right: 15px; vertical-align: middle; width: 40px; }
.psi span { display: table-cell; vertical-align: middle; }
.psi span font { color: #FF6821; }
.psi img { float: left; width: 40px; }
.box { padding: 2%; overflow: hidden; background: #fff; }
.list { width: 100%; overflow: hidden }
.list ul li { padding: 5% 0; border-bottom: 1px solid #eeeeee; float: left; overflow: hidden; width: 100% }
.list ul li p {
width:100% display:block; overflow: hidden }
.list ul li p span { width: 75%; float: left; display: block; overflow: hidden }
.list ul li p span a { color: #727171 }
.an { text-align: center; width: 25%; float: right; padding: 5px 0 }
.pagelist { padding: 3% 0; text-align: center; overflow: hidden; }
.pagelist ul { width: 100%; overflow: hidden }
.pagelist ul li { padding: 10px; display: inline-block; color: #000 }
.pagelist ul li a { color: #000 }
.but { width: 80%; background: #f39700; border-radius: 45px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; overflow: hidden; padding: 2% }
.dh_nei { float: left }
/*article_article*/
.main_article { background: #fff; width: 100%; overflow: hidden; }
.content { padding: 4%; overflow: hidden; font-size: 16px; }
.ly { margin: 0 auto; text-align: center; overflow: hidden; width: 100%; color: #A3A3A3; font-size: 12px; line-height: 30px }
.ly a { color: #A3A3A3 }
.ly span { width: 30%; margin-left: 3%; font-size: 12px; line-height: 28px; border: 1px solid #F49700; border-radius: 10px; padding: 0 2%; text-align: center; background: #F49700 }
.ly span a { color: #fff }
.dianh { background: #f6f6f6; padding: 4% 2%; margin-top: 8px }
.haom_1 { width: 100%; font-size: 14px; margin: 0.5rem 0; height: 1.5rem }
#cb_num { border: 1px solid #14a300; padding: 3px 0 }
.content_1 { margin-bottom: 15px; overflow: hidden; width: 100%; border-top::1px dashed #999999;
}
.zixn { width: 100%; overflow: hidden }
.zixn a { width: 47%; float: left; margin-left: 2%; display: block; text-align: center; padding: 5px 0; color: #FFF; border-radius: 10px }
.zixn_1 { background: #2fadbd }
.zixn_2 { background: #F49700 }
.yued { padding: 2%; overflow: hidden; background: #fff; margin-top: 10px }
.yued ul { overflow: hidden; padding-bottom: 10px }
.yued ul li { border-bottom: 1px solid #eeeeee; width: 100%; overflow: hidden; padding: 2% 0 }
.pingl { padding: 2%; overflow: hidden; background: #fff; margin-top: 10px }
.pin { padding-top: 3%; padding-bottom: 1%; overflow: hidden; background: #f6f6f6 }
.pin ul { width: 100%; overflow: hidden }
.pin ul li { float: left; text-align: center; margin-left: 2%; margin-bottom: 2% }
.pin ul li a { display: inline-block; color: #2fadbd; background: #fff; padding: 5px; border: 1px solid #cccccc; border-radius: 5px }
.pin_1 { width: 100%; overflow: hidden }
.pin_1 ul li { padding: 3% 2%; border-bottom: 1px solid #eeeeee; float: left; overflow: hidden; width: 96% }
.zj_img { width: 23%; float: left; margin-right: 2% }
.zj_img img { width: 100% }
.yh_btn { background: #fff; overflow: hidden }
.yh_btn a { padding: 2% 0; font-size: 16px; display: block; text-align: center; width: 100%; color: #A1A1A1 }
 @media only screen and (min-width: 480px) {
/*min-width: 480px*/
.list ul li p span a strong { font-size: 22px; color: #2c2c2c; font-weight: normal; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px }
.list ul li p span a font { width: 100%; font-size: 16px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #A3A3A3 }
.an i { width: 80%; line-height: 30px; border: 1px solid #2c2c2c; font-size: 16px; border-radius: 40px; padding: 5px 0; font-style: normal; color: #2c2c2c; display: block; float: right }
.dh_img { margin-left: 15%; float: left; margin-right: 2%; margin-top: 1% }
.dh_nei p { font-size: 14px; line-height: 20px; color: #fff }
.dh_nei p strong { font-size: 40px; font-weight: normal; line-height: 36px }
/*article_article*/
.content h3 { width: 100%; text-align: center; font-size: 26px; color: #2c2c2c }
.dianh p { font-size: 16px; color: #2c2c2c; line-height: 22px }
.dianh p span { font-size: 14px }
.content_1 { font-size: 14px; color: #2c2c2c; line-height: 1.5; border-top::1px dashed #999999;
}
.content_1 p { font-size: 14px; color: #2c2c2c; line-height: 32px; }
.zixn a { font-size: 26px; line-height: 40px; }
.yued ul li a { color: #2c2c2c; font-size: 18px; line-height: 26px }
.pin ul li a { font-size: 18px; }
.pin_1 { width: 100%; overflow: hidden; padding-bottom: 20px }
.ren_nei h4 { font-size: 22px; color: #2c2c2c; font-weight: normal }
.ren_nei font { font-size: 18px; color: #2c2c2c; line-height: 24px; margin: 1% 0; display: block }
.ren_nei p { font-size: 14px; color: #a3a3a3; line-height: 20px }
.ren_nei p span { margin-right: 2% }
.ren_img { width: 20%; float: left; overflow: hidden }
.ren_tu { width: 80px; height: 80px; background: #007d20; border-radius: 100px; overflow: hidden; float: left }
.ren_tu img { width: 100% }
.ren_nei { width: 80%; float: left }
}
 @media only screen and (max-width: 479px) {
/* max-width: 479px */
.list ul li p span a strong { font-size: 16px; color: #2c2c2c; font-weight: normal; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px }
.list ul li p span a font { width: 100%; font-size: 14px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #A3A3A3 }
.an i { width: 90%; line-height: 25px; border: 1px solid #2c2c2c; font-size: 14px; border-radius: 30px; padding: 3px 0; font-style: normal; color: #2c2c2c; display: block; float: right }
.dh_img { margin-left: 10%; float: left; margin-top: 1% }
.dh_img img { width: 82% }
.dh_nei p { font-size: 10px; line-height: 20px; color: #fff }
.dh_nei p strong { font-size: 22px; font-weight: normal; line-height: 24px }
/*article_article*/
.content h3 { width: 100%; text-align: center; font-size: 20px; color: #2c2c2c }
.dianh p { font-size: 14px; color: #2c2c2c; line-height: 18px }
.dianh p span { font-size: 12px }
.content_1 { font-size: 14px; color: #2c2c2c; line-height: 1.5; }
.content_1 p { font-size: 14px; color: #2c2c2c; line-height: 1.9; }
.zixn a { font-size: 22px; line-height: 35px; }
.yued ul li a { color: #2c2c2c; font-size: 14px; line-height: 26px }
.pin ul li a { font-size: 14px; }
.pin_1 { width: 100%; overflow: hidden; padding-bottom: 50px }
.ren_nei h4 { font-size: 18px; color: #2c2c2c; font-weight: normal }
.ren_nei font { font-size: 14px; color: #2c2c2c; line-height: 18px; margin: 1% 0; display: block }
.ren_nei p { font-size: 12px; color: #a3a3a3; line-height: 18px }
.ren_nei p span { margin-right: 3% }
.ren_img { width: 28%; float: left; overflow: hidden }
.ren_tu { width: 60px; height: 60px; background: #007d20; border-radius: 100px; overflow: hidden; float: left }
.ren_tu img { width: 100% }
.ren_nei { width: 72%; float: left }
}
@keyframes mykeframe { 0% {
 -webkit-transform:scale(0.5, 0.5);
 -moz-transform:scale(0.5, 0.5);
 -ms-transform:scale(0.5, 0.5);
 -o-transform:scale(0.5, 0.5);
 transform:scale(0.5, 0.5);
}
50% {
 -webkit-transform:scale(1, 1);
 -moz-transform:scale(1, 1);
 -ms-transform:scale(1, 1);
 -o-transform:scale(1, 1);
 transform:scale(1, 1);
}
100% {
 -webkit-transform:scale(0.5, 0.5);
 -moz-transform:scale(0.5, 0.5);
 -ms-transform:scale(0.5, 0.5);
 -o-transform:scale(0.5, 0.5);
 transform:scale(0.5, 0.5);
}
}
@-moz-keyframes mykeframe /* Firefox */ { 0% {
 -webkit-transform:scale(0.5, 0.5);
 -moz-transform:scale(0.5, 0.5);
 -ms-transform:scale(0.5, 0.5);
 -o-transform:scale(0.5, 0.5);
 transform:scale(0.5, 0.5);
}
50% {
 -webkit-transform:scale(1, 1);
 -moz-transform:scale(1, 1);
 -ms-transform:scale(1, 1);
 -o-transform:scale(1, 1);
 transform:scale(1, 1);
}
100% {
 -webkit-transform:scale(0.5, 0.5);
 -moz-transform:scale(0.5, 0.5);
 -ms-transform:scale(0.5, 0.5);
 -o-transform:scale(0.5, 0.5);
 transform:scale(0.5, 0.5);
}
}
@-webkit-keyframes mykeframe /* Safari and Chrome */ { 0% {
 -webkit-transform:scale(0.5, 0.5);
 -moz-transform:scale(0.5, 0.5);
 -ms-transform:scale(0.5, 0.5);
 -o-transform:scale(0.5, 0.5);
 transform:scale(0.5, 0.5);
}
50% {
 -webkit-transform:scale(1, 1);
 -moz-transform:scale(1, 1);
 -ms-transform:scale(1, 1);
 -o-transform:scale(1, 1);
 transform:scale(1, 1);
}
100% {
 -webkit-transform:scale(0.5, 0.5);
 -moz-transform:scale(0.5, 0.5);
 -ms-transform:scale(0.5, 0.5);
 -o-transform:scale(0.5, 0.5);
 transform:scale(0.5, 0.5);
}
}
@-o-keyframes mykeframe /* Opera */ { 0% {
 -webkit-transform:scale(0.5, 0.5);
 -moz-transform:scale(0.5, 0.5);
 -ms-transform:scale(0.5, 0.5);
 -o-transform:scale(0.5, 0.5);
 transform:scale(0.5, 0.5);
}
50% {
 -webkit-transform:scale(1, 1);
 -moz-transform:scale(1, 1);
 -ms-transform:scale(1, 1);
 -o-transform:scale(1, 1);
 transform:scale(1, 1);
}
100% {
 -webkit-transform:scale(0.5, 0.5);
 -moz-transform:scale(0.5, 0.5);
 -ms-transform:scale(0.5, 0.5);
 -o-transform:scale(0.5, 0.5);
 transform:scale(0.5, 0.5);
}
}