@charset "utf-8";
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { margin: 0; padding: 0; border: 0; word-break: break-all; font-size: 28px; line-height: 1.5rem; color: #333; font-family: '微软雅黑', PingFang-SC-Regular, Helvetica, sans-serif; }
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #f2f2f2; }
ul, ol, dl { list-style-type: none; }
select, input, img, textarea { vertical-align: middle; font-size: 32px; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
 background-color: rgb(255, 255, 255);
 background-image: none;
 color: rgb(0, 0, 0);
}
img { display: block; border: none 0; }
a { text-decoration: none; color: #333; cursor: pointer; }
b { font-weight: normal; }
i, em { font-style: normal; }
.l, .l1, .l2, .l3, .l4, .l5 { float: left; }
.r, .r1, .r2, .r3, .r4, .r5 { float: right; }
button:active { border: none; -moz-border: none; -webkit-border: none; }
input, button, select, textarea { outline: none; }
body { width: 640px; background: url("../images/index7.jpg") }
.top { width: 100%; height: 65px; background: url("../images/index_1.jpg"); overflow: hidden; padding-top: 12px }
.top a { display: block; margin-left: 77px; float: left; width: 50px; height: 50px; }
.top input { border: medium none; font-size: 24px; line-height: 40px; width: 390px; height: 40px; }
.slider { width: 640px; height: 344px; }
.focus { display: none }
.top3 { width: 640px; height: 37px; overflow: hidden; background: url("../images/index_2.jpg"); padding-top: 10px; }
.roll-wrap { color: #000; height: 40px; overflow: hidden; position: relative; width: 460px; margin-left: 140px; }
.roll_row .roll__list { width: 9999px; }
.roll_row .roll__list dd { display: block; float: left; font-size: 24px; line-height: 24px; margin-right: 20px; text-align: center; color: #fe7700; }
.top4 { width: 640px; height: 307px; overflow: hidden; background: url("../images/index_3.jpg"); padding-top: 10px; }
.top4 ul { margin-left: 20px; }
.top4 ul li { float: left; width: 150px; height: 150px; }
.top4 ul li a { display: block; width: 100%; height: 100%; }
.cpt { widht: 640px; height: 60px; clear: both; }
.cpt a { display: block; widht: 640px; height: 60px; }
.cpt.c1 { background: url("../images/index_4.jpg"); }
.cpt.c2 { background: url("../images/index_5.jpg"); }
.cpt.c3 { background: url("../images/index_6.jpg"); }
.cpt.c4 { height: 88px; background: url("../images/index_8.jpg"); }
.cp1 { background: #fff; overflow: hidden; }
.cp1 ul { margin-left: 12px; }
.cp1 ul li { float: left; width: 300px; margin-right: 12px; height: 210px; padding-top: 10px; position: relative; }
.cp1 ul li img { width: 100%; height: 100%; border-radius: 10px; }
.cp1 ul li.f { width: 612px }
.cp1 b { position: absolute; left: 20px; display: block; border: 2px solid #fff; border-radius: 20px; bottom: 10px; padding: 5px; color: #fff; }
.cp2 { background: #fff; overflow: hidden; }
.cp2 ul { margin-left: 12px; }
.cp2 ul li { float: left; width: 300px; margin-right: 12px; padding-top: 10px; border-bottom: 2px solid #b9b8b8; }
.cp2 ul li img { width: 100%; height: 160px; border-radius: 10px 10px 0 0; }
.cp2 ul li.f { width: 612px }
.cp2 b { background: #f0f0f0; display: block; padding: 10px; border-top: 1px solid #fff; line-height: 40px;height: 75px;overflow: hidden; }
.cp2 p { background: #f0f0f0; display: block; padding: 10px; border-bottom: 1px solid #fff; }
.cp2 p i { background: #f4a200; border-radius: 20px; display: block; padding: 10px; color: #fff; width: 200px; text-align: center; }
.cp2 p i span { font-weight: bold }
.cp3 { background: #fff; overflow: hidden; }
.cp3 ul { margin-left: 28px; }
.cp3 ul li { float: left; width: 580px; margin-right: 12px; padding-top: 10px; border-bottom: 2px solid #b9b8b8; }
.cp3 ul li img { width: 100%; height: 160px; border-radius: 10px 10px 0 0; }
.cp3 ul li.f { width: 580px }
.cp3 u { display: block; overflow: hidden; background: #f0f0f0; border-bottom: 1px solid #fff; }
.cp3 b { float: left; display: block; padding: 12px; border-top: 1px solid #fff; line-height: 30px; overflow: hidden; height: 20px; max-width: 360px; }
.cp3 p { float: right; display: block; padding: 10px; }
.cp3 p i { background: #f4a200; border-radius: 20px; display: block; padding: 2px 20px; color: #fff; }
.cp3 p i span { font-weight: bold }

.roll_row .roll__list dd { color: #004174; }
.top3 {background: url("../images/a2.jpg"); background-size: 100% 100%;}
.top4 {background: url("../images/a3.jpg"); background-size: 100% 100%;}