@charset "utf-8";
/* CSS Document */
html { }
body { }

/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: Microsoft YaHei; }
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
fieldset, img { border: 0; }
ul, ol, em { list-style: none outside none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a { text-decoration: none; color: #000; }

/* Q_Main */

.Q_Main { position: relative; margin-left: auto; margin-right: auto; min-width: 320px; max-width: 640px; overflow: hidden; }

/* N_Main */
#N_Main { margin: 0 auto; overflow: hidden; text-align: left; }

/* logo */
.logo { width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }
.logo img { width: 100%; }

/* nav */
.nav { width: 100%; overflow: hidden; text-align: center; }
.nav ul { width: 100%; margin: 0 auto; overflow: hidden; }
.nav li { width: 24%; margin: 0 0 0 0; overflow: hidden; float: left; padding: 5% 0 5% 1%; font-size: 1.2em }

/*Sy_advs */
.Sy_advs { width: 100%; margin: 0 auto;  min-width: 320px; max-width: 640px; overflow: hidden; }
.Sy_advs img { width: 100%; }

/*Sy_line */
.Sy_line { width: 100%; min-height: 128px; overflow: hidden }

/* TDhs_dvs */

.TDhs_dvs { width: 100%; margin: 0 auto; overflow: hidden; text-align: left; margin: 3% 0% 3% 0%; }
.TDhs_dvs ul { width: 100%; overflow: hidden; }
.TDhs_dvs li { float: left; display: inline; width:23%; overflow: hidden; margin: 1% 0% 0% 1%; }
.TDhs_dvs li .pps { width: 100%; text-align: center; overflow: hidden; }
.TDhs_dvs li .pps img { height: 40px; text-align: center; overflow: hidden; }
.TDhs_dvs li .tts { height: 100%; text-align: center; color: #808080; padding-top: 2px; overflow: hidden; }

/*sy_banner*/

.sy_banner { width: 100%; margin: 0px 30px 0px 0px; padding: 0; overflow: hidden; }
.sy_banner img { display: block; width: 100%; }
.sy_banner.content { padding: 0px 0.833em; background: #e7e7e7; padding-top: 1em; }

.sy_banner .focus { width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 200px; }
.sy_banner .focus .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; text-align: center; }
.sy_banner .focus .hd ul { margin-left: 40%; overflow: hidden; text-align: center; }
.sy_banner .focus .hd ul li { margin: 2% 2% 2% 2%; float: left; width: 10px; height: 10px; line-height: 10px; border-radius: 10px; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 0; overflow: hidden; background-color: rgba(255,255,255,0.5); }
.sy_banner .focus .hd ul .on { background-color: rgba(161,8,0,1); }
.sy_banner .focus .bd { position: relative; z-index: 0; }
.sy_banner .focus .bd li img { width: 100%; }
.sy_banner .focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

/* Wap_Ny_M */

.Wap_Ny_M { margin: 0 auto; text-align: left; }

.Wap_Ny_M .dh_ct { margin: 0 auto; text-align: left; background-size: 1em auto; padding: 2%; overflow: hidden; }
.Wap_Ny_M .dh_ct a { color: #000; }

.Wap_Ny_M .zj_ct { margin: 0 auto; text-align: left; }

/* wap_Nrdv ==============================*/

.wap_Nrdv { width: 100%; margin: 0 auto; overflow: hidden; text-align: left; }
.wap_Nrdv .dh_ct { margin: 0 auto; text-align: left; color: #FFF; font-size: 15px; line-height: 250%; background-color: rgba(161,8,0,1); text-indent: 1em; }
.wap_Nrdv .dh_ct A { color: #FFF; font-weight: 300; font-size: 15px; }
.wap_Nrdv .dh_ct A:hover { color: #FFF; font-size: 15px; }
.wap_Nrdv .zj_ct { width: 100%; margin: 0 auto; text-align: left; color: #000; }

/* Sy_Tit */

.Sy_Tit { margin: 0 auto; padding: 0; overflow: hidden; text-align: center; }
.Sy_Tit .tlk { margin-top: 5px; width: 100%; text-align: center; height: 15px; background-color: #e5eaef; }
.Sy_Tit .yw { margin-top: 10px; text-align: center; font-size: 0.8em; font-family: Arial; word-spacing: inherit; letter-spacing: 3px }
.Sy_Tit .wz { width: 90%; text-align: left; font-size: 1.2em; text-align: center; letter-spacing: 5px; margin: 0px 0px 0px 20px; }

/* 底部浮动栏 box-shadow:0 -1px 3px rgba(0,0,0,0.2);*/

.Wap_UnBar { width: 100%; position: fixed; left: 0; bottom: -2px; z-index: 97; background-color: #fff; }
.Wap_UnBar .main { width: 100%; height: 65px; max-width: 640px; min-width: 320px; display: flex; background: -webkit-linear-gradient(left, #0047b6, #0047b6); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left,#0047b6, #0047b6); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left,#0047b6, #0047b6); /* Firefox 3.6 - 15 */ background: linear-gradient(left, #0047b6, #0047b6); margin: 0 auto; border-top: 0px #ebebeb solid; }

.Wap_UnBar li { width: 50%; text-align: center; font-size: 1em; overflow: hidden; color: #FFF; }
.Wap_UnBar li span { display: block; height: 65px; text-align: center; color: #FFF; padding-top: 14px; overflow: hidden; }
.Wap_UnBar li span { width: 35px; height: 22px; background: url('/Images/bgpic/ico_bgs.png'); background-size: 230px; text-align: center; display: block; margin: 0 auto; }

.Wap_UnBar li:nth-child(1) span { background-position: 5px -15px; }
.Wap_UnBar li:nth-child(2) span { background-position: -122px -15px; }
.Wap_UnBar li:nth-child(3) span { background-position: -38px -15px; }
.Wap_UnBar li:nth-child(4) span { background-position: -165px -15px; }

.Wap_UnBar li:nth-child(1) span { border-left: 0; }
.Wap_UnBar li:nth-child(4) span { border-right: 0; }

body { background-color: #f5f5f5; padding: 16px; color: #333; }

.container { max-width: 720px; margin: 0 auto; }

.card { background-color: white; border-radius: 16px; padding: 24px 16px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }

.card-content { display: flex; flex-direction: column; align-items: center; width: 48%; }

.illustration { width: 120px; height: 100px; margin-bottom: 16px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; }

.illustration img { width: 120px; }

.card-title { font-size: 18px; font-weight: bold; margin-bottom: 8px; text-align: center; }

.card-desc { font-size: 12px; color: #666; text-align: center; line-height: 1.5; }

.section { margin-bottom: 24px; }

.section-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid #eee; }

.section-title { font-size: 16px; font-weight: normal; color: #333; }

.all-business { font-size: 14px; color: #999; display: flex; align-items: center; }

.all-business::after { content: ">"; margin-left: 4px; color: #ccc; }

.tip-card { background-color: white; border-radius: 16px; padding: 24px 16px; margin-bottom: 16px; }

.tip-icon-container { display: flex; justify-content: center; margin-bottom: 16px; }

.tip-icon { color: #4a90e2; font-size: 24px; }

.tip-title { font-size: 16px; font-weight: normal; text-align: center; margin-bottom: 12px; }

.tip-content { font-size: 12px; color: #666; line-height: 1.8; padding: 0 20px; text-align: center; }

.consult-icon { color: #4a90e2; font-size: 24px; margin-bottom: 16px; display: block; text-align: center; }

.tip-btns { width: 50%; margin-left:60px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); text-align: center; color: white; border: none; padding: 16px; border-radius: 12px; font-size: 16px; font-weight: bold; cursor: pointer; margin-top: 20px; margin-bottom: 30px; transition: transform 0.2s; }


@media screen and (min-width:320px) {
    body { font-size: 75%; }
}

@media screen and (min-width:375px) {
    body { font-size: 87.5%; }
}

@media screen and (min-width:480px) {
    body { font-size: 87.5%; }
}

@media screen and (min-width:540px) {
    body { font-size: 112.5%; }
}

@media screen and (min-width:550px) {
    body { font-size: 125%; }
}

@media screen and (min-width:640px) {
    body { font-size: 150%; }
}