html { font-size: 62.5%; }
img { max_width: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: "΢ÈíÑźÚ", Arial, Helvetica, sans-serif; }
fieldset, img { border: 0; vertical-align: top; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: top; }
a { color: #444; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="text"], input[type="date"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none;
}
.clearfix::after { clear: both; overflow: hidden; }
.clearfix::after, .clear::before { content: ""; display: table; }
.translateXY { -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.red, .red a { color: #f40000; }
.left { float: left; }
.right { float: right; }
.autohei { height: auto; overflow: hidden; zoom: 1; margin-bottom: 3.5rem; }
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.blank {
height: .5rem; font-size: 0; line-height: 0; clear: both; overflow: hidden; }
.blank2 { height: 1rem; font-size: 0; line-height: 0; clear: both; overflow: hidden; }
.blank4 { height: 2rem; font-size: 0; line-height: 0; clear: both; overflow: hidden; }
body { margin: 0 auto; color: #444; max-width: 640px; min-width: 320px; background: #fff; }
.img img { max-width: 100%; max-height: 100%; }
.zt,.zt * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.banner { width: 100%; }
.jun_an { text-align: center; overflow: hidden; }
.jun_an h5 { width: 22.8rem; margin: 0 auto; }
.jun_dy1 { }
.dy1_t { width: 100%; height: 4.8rem; background: url(../images/dy1_t1.png) center no-repeat; background-size: 100% 4.8rem; text-align: center; position: relative; margin: 1.2rem auto; }
.dy1_tnr { position: absolute; top: 50%; left: 50%; }
.dy1_tnr cite { display: inline-block; width: 1.8rem; height: 2.2rem; vertical-align: middle; margin-right: 0.5rem; }
.dy1_tnr h2 { color: #fff; font-size: 1.4rem; line-height: 1.8rem; display: inline-block; vertical-align: middle; word-break: keep-all; }
.dy1_vid { width: 28.5rem; margin: 0 auto; overflow: hidden; }
.dy1_xz { width: 100%; overflow: hidden; margin-top: 1.6rem; }
.dy1_xz ul { text-align: center; margin-top: 2.4rem; font-size: 0; }
.dy1_xz li { width: 11.2rem; height: 12.7rem; background: url(../images/dy1_01.png) center no-repeat; background-size: 11.2rem 12.7rem; position: relative; display: inline-block; vertical-align: middle; margin: 0 0.4rem; }
.dy1_xznr { width: 100%; position: absolute; top: 50%; left: 50%; }
.dy1_xznr cite { display: inline-block; width: 4.1rem; margin: 0 auto; padding-bottom: 0.5rem; }
.dy1_xznr p { font-size: 1.2rem; color: #fff; line-height: 1.5rem; }
.dy1_xznr h3 { font-size: 1.5rem; font-weight: bold; color: #ff8502; line-height: 2.2rem; }
.dy1_xznr h3 b { font-family: Impact; font-size: 2.2rem; }
.dy1_xz li:nth-of-type(1) { margin: 0 20% -2.4rem; }
.dy1_ff { width: 100%; margin: 0 auto 1rem; overflow: hidden; }
.jun_dy2 { background: #0e4585; }
.dy2_t { padding: 2.7rem 0 1.6rem; overflow: hidden; width: 100%; }
.dy2_gz { width: 100%; height: 25.3rem; position: relative; background: url(../images/dy2_04.png) bottom center no-repeat; background-size: 29.3rem 11.3rem; text-align: center }
.dy2_gz h3 { position: absolute; top: 0; left: 50%; width: 25.1rem; z-index: 9; }
.dy2_gz h4 { font-size: 1.55rem; color: #fff; position: absolute; line-height: 1.9rem; width: 100%; left: 0%; bottom: 4rem; }
.dy2_gz h4 span { text-align: right; font-size: 1rem; display: inline-table; width: 100%; padding-right: 8%; }
.dy2_jj { width: 100%; height: 36.5rem; background: url(../images/dy2_05.jpg) center no-repeat; background-size: 100% 36.5rem; position: relative; }
.dy2_jj ul { }
.dy2_jj li { border: 1px solid #fff; }
.dy2_jj li p { color: #fff; line-height: 1.5rem; font-size: 1rem; text-align: justify; }
.dy2_jj li span { position: absolute; top: 30%; left: -1.2rem; width: 1.2rem; display: inline-block; height: 1.7rem; }
.dy2_jj li cite { position: absolute; top: 30%; right: -1rem; width: 1rem; display: inline-block; height: 1.5rem; }
.dy2_jj li:nth-of-type(1) { position: absolute; top: 0; right: 1.9rem; width: 14.5rem; padding: 1rem; }
.dy2_jj li:nth-of-type(2) { position: absolute; top: 14rem; left: 1.7rem; width: 11.9rem; padding: 1rem 0.5rem; ; }
.dy2_jj li:nth-of-type(3) { position: absolute; bottom: 0.5rem; right: 1.9rem; width: 14.5rem; padding: 1rem; }
.jun_dy3 { padding: 2.3rem 0 2rem; }
.dy3_t { width: 100%; height: 5.5rem; background: url(../images/dy3_t.png) center no-repeat; background-size: 100% 5.5rem; text-align: center; }
.dy3_t h2 { font-size: 2.5rem; font-weight: bold; color: #0e4585; line-height: 3.4rem; }
.dy3_t h3 { font-size: 1.5rem; color: #333; }
.dy3_kx { padding: 2rem 1.5rem; overflow: hidden; }
.dy3_kx cite { width: 16.3rem; float: left; display: inline-block; margin-right: 1rem; }
.dy3_kx p { font-size: 1rem; line-height: 1.5rem; color: #333; text-align: justify; }
.dy3_jc { width: 100%; text-align: center; }
.dy3_jc ul { font-size: 0; }
.dy3_jc ul li { width: 20%; display: inline-block; vertical-align: middle; line-height: 2.6rem; text-align: center; background: #a06700; color: #fff; font-size: 1rem; font-weight: bold; margin: 0 0.5rem; }
.dy3_jc ul li a { display: block; color: #fff; }
.dy3_ys { width: 29.2rem; height: 18.5rem; background: url(../images/dy3_02.jpg) center no-repeat; background-size: 100% 18.5rem; position: relative; margin: 2.5rem auto; position: relative; }
.dy3_ys ul { text-align: center; }
.dy3_ys li { color: #fff; font-size: 1rem; line-height: 1.1rem; }
.dy3_ys li:nth-of-type(1) { position: absolute; top: 6rem; left: 1.5rem; }
.dy3_ys li:nth-of-type(2) { position: absolute; top: 6rem; right: 0.9rem; }
.dy3_ys li:nth-of-type(3) { position: absolute; bottom: 0.4rem; left: 1rem; }
.dy3_ys li:nth-of-type(4) { position: absolute; bottom: 0.4rem; right: 1.2rem; }
.dy3_ysan { position: absolute; top: 50%; left: 50%; padding-left: 0.7rem; text-align: center; }
.dy3_ysan { font-size: 1.1rem; color: #fff; }
.dy3_ysan h3 b { font-size: 2.2rem; }
.dy3_ysan h4 { display: inline-table; background: #df0024; line-height: 1.7rem; padding: 0 0.6rem; border-radius: 0.2rem; }
.dy3_ysan h4 a { color: #fff; display: block; }
.dy3_gc { width: 100%; text-align: center; }
.dy3_gc h2 { color: #333; font-size: 1.4rem; font-weight: bold; }
.dy3_gc h3 { width: 100%; margin: 1.5rem auto; overflow: hidden; }
.jun_dy4 { background: #1880c8; }
.dy4_t { width: 100%; overflow: hidden; margin: 1.8rem auto; }
.dy4_qh { width: 30rem; margin: 0 auto; overflow: hidden; }
.bpa_c { width: 100%; }
.bpa_t { width: 100%; text-align: center; overflow: hidden; margin-top: 1.7rem; font-size: 0; }
.bpa_t h5 { display: inline-block; vertical-align: middle; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #cdcdcd; margin: 0 0.9rem; }
.bpa_t h5.hover { background: #ff6101; }
.jun_dy5 { }
.dy5_t { width: 100%; overflow: hidden; }
.dy5_qh { width: 30rem; margin: 1.5rem auto; overflow: hidden; }
.bpb_c { width: 100%; }
.bpb_c p { background: #1880c8; padding: 1rem 1.3rem; color: #fff; line-height: 1.5rem; font-size: 1rem; text-align: justify; }
.bpb_t { width: 100%; text-align: center; overflow: hidden; margin-top: 1rem; font-size: 0; }
.bpb_t h5 { display: inline-block; vertical-align: middle; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #cdcdcd; margin: 0 0.9rem; }
.bpb_t h5.hover { background: #1880c8; } 

html { font-size: 10px; font-size: calc(100vw / 32);}
@media all and (max-width: 320px) {
html { font-size: 10px; }
}
@media all and (min-width: 640px) {
html { font-size: 20px; }
}