﻿/*#region 初始化*/
body, button, input, select, textarea { color: #656565; font: 14px/1.5 "Microsoft Yahei", tahoma, arial; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
input, textarea, button { font-size: 14px; font-weight: normal; outline: none; }
select { font-size: 14px; font-weight: normal; outline: none; }
input[type="button"], input[type="submit"], select, button { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
fieldset, img, a img, iframe { border-width: 0; border-style: none; }
iframe { overflow: hidden; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
textarea { resize: vertical; overflow-y: auto; }
a { text-decoration: none; background: url(about:blank); cursor: pointer; }
    a:hover { text-decoration: none; }
hr { height: 0; }
label { cursor: pointer; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.clearfix { zoom: 1; }
    .clearfix:after { content: "."; clear: both; line-height: 0; display: block; height: 0; overflow: hidden; }
.p100 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.w100 { display: block; width: 100%; }
.hide { display: none; }
.vm { display: inline-block; height: 100%; width: 1px; margin-left: -1px; vertical-align: middle; }
.thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oh { overflow: hidden; }
.re { position: relative; }
.ab { position: absolute; }
.f_l { float: left; }
.f_r { float: right; }
.t_center { text-align: center; }
#__bs_notify__ { display: none !important; }
/*#endregion*/
body.hid { overflow: hidden; }
.main { min-width: 1000px;max-width:1920px; margin: 0 auto 0; zoom: 1; position: relative; overflow: hidden; background-color: #3DA1B8; }
.top_ct { height: 564px; background: url(../images/bg1.jpg) no-repeat top center; }
.middle_ct { position: relative; z-index: 1; background: url(../images/bg3.jpg) no-repeat top center; }

.i1 { display: block; width: 948px; margin: 0 auto; }
.box { position: relative; width: 903px; margin: 0 auto; }
    .box .box_t { height: 46px; background: url(../images/box_t.png); }
    .box .box_b { height: 13px; background: url(../images/box_b.png); }
    .box .box_m { background: url(../images/box_m.png) repeat-y; padding: 1px 25px; }
    .box + .box { margin-top: 51px; }
    .box .box_t2 { position: relative; height: 105px; background: url(../images/box2_t.png); }
    .box .box_t2_2 { position: relative; height: 105px; background: url(../images/box2_t2.png); }
    .box .box_b2 { height: 23px; background: url(../images/box2_b.png); }
    .box .box_m2 { background: url(../images/box2_m.png) repeat-y; padding: 1px 25px; }
.box3 { width: 906px; }
.a2 { position: absolute; width: 50%; height: 92px; top: 0; text-align: center; }
    .a2.a2_l { left: 0; }
    .a2.a2_r { right: 0; }
    .a2 .i2 { margin-right: 8px; }
    .a2 span { font-size: 32px; color: #259ab5; font-weight: bold; vertical-align: middle; }
        .a2 span.curr { color: #fff; }

.title1 { margin: -20px auto 0; display: block; text-align: center; }
    .title1 span { font-size: 36px; color: #259ab5; font-weight: bold; vertical-align: middle; }
.box_main1 { background-color: #fff; border-radius: 12px; padding: 30px; margin: 24px auto; font-size: 26px; color: #164c58; text-align: justify; border: 1px solid #8AD7ED; }
    .box_main1 .t1 span { color: #f58057; }
.btn_rule { text-align: center; display: block; padding: 10px 0; }
    .btn_rule span { display: inline-block; zoom: 1; font-size: 24px; color: #fff; border-bottom: 1px solid #fff; }

.ct1_main { margin: 40px auto 0; overflow: hidden; padding-bottom: 40px; }
    .ct1_main .ct1 { background-color: #fff; width: 412px; border-radius: 12px; padding: 25px 0; min-height: 190px; border: 1px solid #8AD7ED; }
        .ct1_main .ct1.ct1_l { float: left; }
        .ct1_main .ct1.ct1_r { float: right; }
    .ct1_main .qy { display: block; margin: 0 auto; }
    .ct1_main .t1 { text-align: center; font-size: 28px; color: #259ab5; font-weight: bold; margin-top: 16px; }
    .ct1_main .t2 { text-align: center; font-size: 24px; color: #161616; line-height: 1.2; margin-top: 16px; }
    .ct1_main .t3 { text-align: center; font-size: 20px; color: #f58057; line-height: 1.2; margin-top: 5px; }
.box_main3 { border-radius: 12px; padding: 30px 26px; margin-top: 24px; }
    .box_main3 .t1 { text-align: center; overflow: hidden; position: relative; padding: 9px 0; }
    .box_main3 .list_ct + .t1 { margin-top: 60px; }
    .box_main3 .t1 .sp1 { display: inline-block; zoom: 1; height: 38px; line-height: 38px; background: url(../images/i3.png); position: relative; font-size: 22px; color: #fff; width: 147px; height: 38px; text-align: center; }
        .box_main3 .t1 .sp1:before { content: ""; position: absolute; right: 100%; margin-right: 16px; top: 50%; height: 10px; margin-top: -5px; width: 119px; background: url(../images/i4_l.png); }
        .box_main3 .t1 .sp1:after { content: ""; position: absolute; left: 100%; margin-left: 16px; top: 50%; height: 10px; margin-top: -5px; width: 119px; background: url(../images/i4_r.png); }
    .box_main3 .list_ct { overflow: hidden; }
        .box_main3 .list_ct .list { width: 20%; float: left; margin-top: 20px; }
            .box_main3 .list_ct .list:nth-child(5n+1) { clear: both; }
            .box_main3 .list_ct .list img { display: block; width: 94px; height: 94px; margin: 0 auto; }
            .box_main3 .list_ct .list .t2 { text-align: center; font-size: 22px; color: #134753; margin-top: 10px; line-height: 1.3; }
.t4 { text-align: center; font-size: 18px; color: #A9C3F5; margin: 16px auto 5px; }
.bottom { padding: 291px 0 64px; background: url(../images/bg2.png) no-repeat bottom center; margin: -265px auto 0; }
    .bottom .ewm { display: block; margin: 60px auto 0; }
    .bottom .ewm_t { text-align: center; font-size: 28px; color: #fff; margin-top: 17px; }
    .bottom .ewm_t1 { text-align: center; font-size: 18px; color: #B8DDE9; }

.mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; overflow-y: auto; }
    .mask .mask_bg { background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 10009; }
    .mask .scroll_ct { overflow-y: auto; z-index: 100010; }
.btn_close { position: absolute; top: 0; right: 0; width: 91px; height: 91px; background: url(../images/btn_close.png) no-repeat center center; }

.rule_ct { width: 790px; background-color: #fff; position: relative; z-index: 1; margin: 60px auto; padding: 35px 100px; border-radius: 20px; line-height: 1.8; }
    .rule_ct .rule_title { display: block; margin: 0 auto 20px; }
    .rule_ct .oh { text-align: left; margin-top: 20px; margin-bottom: 10px; }
        .rule_ct .oh .t1 { height: 40px; line-height: 40px; background-color: #F9464D; font-size: 20px; color: #fff; border-radius: 20px; padding: 0 30px; float: left; }
    .rule_ct .t_ct { margin-top: 10px; }
    .rule_ct p { font-size: 23px; color: #575757; text-align: justify; text-justify: inter-ideograph; }
        .rule_ct p.tip2 { font-size: 18px; color: #999; text-align: justify; text-justify: inter-ideograph; }
    .rule_ct .tip { font-size: 18px; color: #999; margin-top: 40px; }
        .rule_ct .tip p { text-align: justify; text-justify: inter-ideograph; }
    .rule_ct .a1 { color: #9e8ff5; text-decoration: underline; margin-left: 10px; }
    .rule_ct .p1 { margin-top: 20px; }
    .rule_ct span { color: #F9464D; }

.t5 { text-align: center; font-size: 26px; color: #337585; padding: 20px 30px; width: 680px; background-color: #FCFAF6; margin: 22px auto 0; border: 1px solid #97CDD7; border-radius: 5px; }
    .t5 a { display: inline-block; font-size: 24px; color: #fa570c; border-bottom: 1px solid #fa570c; }

.bg_i1 { position: absolute; }
    .bg_i1.bg_i1_1 { left: 50%; margin-left: 161px; top: 198px; }
    .bg_i1.bg_i1_2 { left: 50%; margin-left: -1108px; top: 817px; }
    .bg_i1.bg_i1_3 { left: 50%; margin-left: 591px; top: 1479px; }
    .bg_i1.bg_i1_4 { left: 50%; margin-left: -668px; bottom: 150px; }




/**/
