﻿/*#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; }
#__bs_notify__ { display: none !important; }
/*#endregion*/
.main { min-width: 1000px; margin: 0 auto; zoom: 1; position: relative; background-color: #fff; }
.mid_ct1 { height: 100%; display: table; *position: relative; width: 100%; }
.mid_ct2 { *position: absolute; left: 0; *top: 50%; display: table-cell; vertical-align: middle; }
.mid_ct3 { *position: relative; *top: -50%; overflow: hidden; }
.c1 { z-index: 1; position: relative; height: 596px; background: url(../images/i3.jpg) no-repeat center center; }
    .c1 .i1 { position: absolute; right: 50%; margin-right: 25px; top: 203px; }
    .c1 .i2 { position: absolute; left: 50%; margin-left: 43px; top: 169px; }
    .c1 .t1 { position: absolute; top: 444px; left: 50%; margin-left: 43px; width: 414px; text-align: center; font-size: 18px; color: #2351af; }
    .c1 .btn1 { position: absolute; width: 256px; height: 66px; background: url(../images/btn1.png); text-align: center; font-size: 26px; color: #fff; line-height: 50px; top: 367px; right: 50%; margin-right: 108px; }
.c2 { }
    .c2 .nav { text-align: center; }
        .c2 .nav a { display: inline-block; *display: inline; zoom: 1; width: 276px; height: 46px; line-height: 46px; text-align: center; font-size: 26px; color: #666666; background-color: #ECEFF3; margin: 0 16px; border-radius: 0 0 20px 20px; }
            .c2 .nav a.curr { background-color: #5B789D; color: #fff; box-shadow: 0 8px 20px rgba(115, 145, 186,0.35); }
    .c2 .t1 { font-size: 30px; color: #CDD7E8; text-align: center; margin-top: 50px; text-transform: uppercase; font-weight: bold; }
    .c2 .t2 { text-align: center; font-size: 24px; color: #6a89b1; font-weight: bold; background: url(../images/i4.png) no-repeat center center; }
    .c2 .detail_ct { width: 848px; margin: 0 auto 60px; }
    .c2 .list_ct1 { margin-right: -60px; margin-top: 65px; }
        .c2 .list_ct1 .list { float: left; width: 394px; margin-right: 60px; margin-bottom: 56px; background-color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 0 17px 21px rgba(28, 94, 172,0.13); }
        .c2 .list_ct1 .img_ct { position: relative; }
            .c2 .list_ct1 .img_ct .t3 { position: absolute; bottom: 0; left: 0; background-color: #5B789D; color: #fff; padding: 3px 25px; border-top-right-radius: 10px; }
        .c2 .list_ct1 .t4 { font-size: 14px; color: #666666; height: 105px; padding: 18px 26px 0; }
    .c2 .list_ct2 { overflow: hidden; margin-top: 13px; }
        .c2 .list_ct2 .list { float: left; width: 25%; }
        .c2 .list_ct2 .i6 { display: block; margin: 0 auto; }
        .c2 .list_ct2 .t5 { font-size: 16px; color: #84a0c5; font-weight: bold; text-align: center; margin-top: 10px; }
    .c2 .btn2 { display: block; width: 210px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #84a0c5; border: 1px solid #84a0c5; border-radius: 10px; margin: 60px auto 0; }
    .c2 .list_ct3 { overflow: hidden; margin-top: 13px; }
        .c2 .list_ct3 .list { float: left; width: 50%; }
        .c2 .list_ct3 .i6 { display: block; margin: 0 auto; }
        .c2 .list_ct3 .t5 { font-size: 16px; color: #84a0c5; font-weight: bold; text-align: center; margin-top: 20px; }
        .c2 .list_ct3 .t6 { font-size: 14px; color: #84a0c5; width: 335px; margin: 5px auto 0; }
    .c2 .list_ct4 { width: 686px; margin: 60px auto 0; }
        .c2 .list_ct4 .list { overflow: hidden; height: 182px; position: relative; border-radius: 10px; background-color: #fff; margin-bottom: 37px; box-shadow: 0 17px 21px rgba(28, 94, 172,0.13); }
            .c2 .list_ct4 .list .i7 { float: left; }
            .c2 .list_ct4 .list .t_ct { position: absolute; right: 0; width: 50%; height: 100%; }
            .c2 .list_ct4 .list.list2 .i7 { float: right; }
            .c2 .list_ct4 .list.list2 .t_ct { left: 0; right: auto; }
            .c2 .list_ct4 .list .t7 { font-size: 16px; color: #5b789d; font-weight: bold; padding: 0 32px; }
            .c2 .list_ct4 .list .t8 { font-size: 16px; color: #666666; padding: 0 32px; margin-top: 3px; }
.c3 { height: 642px; position: relative; padding-top: 1px; background-color: #84A0C5; overflow: hidden; }
    .c3 .t1 { position: relative; font-size: 30px; color: #fff; font-weight: bold; opacity: 0.3; filter: alpha(opacity=30); text-align: center; margin-top: 83px; text-transform: uppercase; letter-spacing: 5px; }
    .c3 .t2 { position: relative; font-size: 30px; color: #fff; text-align: center; background: url(../images/i8.png) no-repeat center center; margin-top: 5px; }
    .c3 .list_ct { position: relative; width: 918px; margin: 56px auto 0; overflow: hidden; }
    .c3 .list { padding-top: 154px; width: 306px; float: left; text-align: center; }
    .c3 .list1 { background: url(../images/i11.png) no-repeat top center; }
    .c3 .list2 { background: url(../images/i12.png) no-repeat top center; }
    .c3 .list3 { background: url(../images/i13.png) no-repeat top center; }
    .c3 .t3 { font-size: 26px; color: #fff; }
    .c3 .t4 { font-size: 14px; color: #fff; margin-top: 10px; }
    .c3 .t5 { position: relative; text-align: center; font-size: 14px; color: #fff; margin-top: 50px; }
    .c3 .i10 { position: absolute; right: 50%; bottom: 0; margin-right: -78px; }
    .c3 .i9 { position: absolute; left: 50%; bottom: 0; margin-left: 257px; }

.fix_main { position: fixed; left: 0; width: 100%; top: 50%; z-index: 10; }
    .fix_main .fix_ct { max-width: 1330px; margin: 0 auto; position: relative; }
    .fix_main .fix_detail { position: absolute; right: 0; width: 190px; top: 0; margin-top: -105px; background-color: #FAFDFF;background-color:rgba(246, 252, 255,0.5); box-shadow: 0 0 16px rgba(195, 199, 206,0.8); overflow: hidden; border-radius: 10px; padding: 20px 0 2px; }
    .fix_main .i2 { width: 150px; display: block; margin: 0 auto 0; }
    .fix_main .t1 { font-size: 10px; color: #2351af; text-align: center; margin-top: 5px; }
    .fix_main .t2 { margin: 5px auto 0; width: 165px; height: 48px; background: url(../images/btn2.png); text-align: center; font-size: 16px; color: #fff; line-height: 36px; letter-spacing: 5px; font-weight: bold; }












/**/
