.img-res { width: 100%; max-width: 100%; }

body { font-family: "Microsoft Yahei"; }

li { list-style: none; }

.hea .nav a { padding: 9px 14px; }

.hea .nav a li:hover { color: #fff; }

.nav-r2 { margin-bottom: 20px; }

.nav-r2 img { display: inline-block; }

.nav-l { margin-bottom: 20px; }

.bg-nav { background: #212121; }

.nav-c li { color: #fff; font-size: 18px; padding: 5px 0; }

.nav-inline .buy { background: #0099b5; text-align: center; }

.banner { margin-bottom: 30px; }

@media (min-width: 1000px) { .banner { margin-bottom: 40px; } }

.bg-ft { background: #212121; padding: 10px 0; color: #777777; }

@media (min-width: 760px) { .bg-ft { padding: 20px 0; } }

@media (min-width: 1000px) { .bg-ft { padding: 40px 0; } }

@media (min-width: 1200px) { .bg-ft { padding: 60px 0; } }

.f-fl img, .f-fc img { display: inline-block; margin-bottom: -13px; }

.f-fc span { color: #0099b5; }

@media (max-width: 759px) { .f-fl { display: none; } }

@media (min-width: 760px) { #fun1, .m, .dbdh { display: none; } }

@media (max-width: 759px) { .nav-r, .nav-r2 { display: none; } }

@media (max-width: 759px) { #fun1 { position: absolute; right: 3%; top: 7px; display: block; cursor: pointer; } }

@media (max-width: 759px) { .m { font-size: 15px; background: #fff; list-style: none; display: none; } }

@media (max-width: 759px) { .m a { color: #3e3e3e; } }

@media (max-width: 759px) { .m li { float: none; height: auto; line-height: 34px; border-bottom: 1px solid #cbcbcd; text-align: left; padding-left: 10px; } }

.cst-h3 { font-size: 24px; margin-top: 10px; margin-bottom: 30px; }

.cst-bg { background: #ececec; color: #666; padding: 35px 50px 50px; margin-bottom: 15px; }

@media (min-width: 1000px) { .cst-bg { margin-bottom: 3px; } }

.cst-bg:hover { background: #0099b5; color: #fff; }

.cst-bg:hover .csst-tu2 { display: block; }

.cst-bg:hover .csst-tu1 { display: none; }

.cst-bg:hover img { margin-bottom: 8px; }

.cst-bg img { display: block; margin: 0 auto; margin-bottom: 10px; }

.cst-bg .csst-tu2 { display: none; }

.cst-bg h3 { font-size: 20px; margin-bottom: 15px; }

.cst-bg p { line-height: 30px; }

@media (min-width: 760px) { .cst-bg2 img { margin-top: 26px; } }

.cst-bg2:hover img { margin-top: 28px; margin-bottom: 10px; }

@media (min-width: 1000px) { .cst-bg3 img { margin-top: 12px; } }

.cst-bg3:hover img { margin-top: 16px; margin-bottom: 10px; }

.cst-p1 { color: #ff5555; border-bottom: 1px solid #dedede; font-weight: bold; }

.cst-p2 { color: #454545; padding-bottom: 15px; border-bottom: 1px solid #dedede; margin-bottom: 50px; line-height: 28px; }

@media (min-width: 1200px) { .cst-p2 { margin-bottom: 80px; } }

.cst-p2 a { color: #ff5555; }

.cst-p2 span { font-size: 18px; font-weight: bold; color: #ff5555; }

.new-p1 { border-left: 5px solid #0099b5; padding-left: 7px; border-bottom: 1px solid #f2f3f5; line-height: 32px; padding-bottom: 7px; color: #666; margin-bottom: 30px; }

@media (min-width: 1200px) { .new-p1 { margin-bottom: 45px; } }