@import url(base.css); /*reset*/
.index .focus { margin: 0 auto; position: relative; overflow: hidden; -webkit-background-size: 100%; background-size: 100%; }
    .index .focus .hd { display: none; }
    .index .focus .bd { position: relative; z-index: 0; }
        .index .focus .bd li { font-size: 0; }
            .index .focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */ }
                .index .focus .bd li img { width: 100%; display: block; padding: 0; margin: 0; }
.index .links { padding-bottom: 1.0625rem; text-align: center; border-bottom: 1px solid #e3e3e3; }
    .index .links .title { color: #0f0f0f; font-size: 1.0953125rem; line-height: 200%; margin: 0.625rem 0; }
    .index .links .top { width: 100%; height: 3.71875rem; padding: 0 0.625rem; box-sizing: border-box; font-size: 0; }
        .index .links .top li { position: relative; float: left; box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(201, 225, 255, 0.6); }
            .index .links .top li img { width: 9.09375rem; height: 3.71875rem; }
            .index .links .top li .txt { width: 6.25rem; text-align: left; top: 0.875rem; right: 0; position: absolute; }
                .index .links .top li .txt h2 { color: #fff; font-size: 0.8125rem; line-height: 160%; font-weight: normal; }
                .index .links .top li .txt div { color: #a1cafe; font-size: 0.5625rem; line-height: 140%; }
            .index .links .top li:last-child { float: right; box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(254, 202, 202, 0.6); }
                .index .links .top li:last-child div { color: #fed5d5; }
    .index .links .bottom { width: 100%; height: 3.71875rem; padding: 0 0.625rem; box-sizing: border-box; margin-top: 0.625rem; }
        .index .links .bottom li { position: relative; float: left; box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(207, 255, 210, 0.6); }
            .index .links .bottom li img { width: 5.8125rem; height: 3.71875rem; vertical-align: top; }
            .index .links .bottom li h2 { position: absolute; left: 0; bottom: 0.4375rem; right: 0; margin: auto; font-weight: normal; color: #fff; font-size: 0.75rem; }
            .index .links .bottom li:nth-child(2) { margin-left: 0.625rem; box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(212, 248, 255, 0.6); }
            .index .links .bottom li:last-child { float: right; box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(255, 229, 196, 0.6); }
.index .cp { text-align: center; overflow: hidden; padding-bottom: 0.8125rem; }
    .index .cp ul { padding: 0 0.625rem 0.6875rem; overflow: hidden; margin-top: 0.3125rem; border-bottom: 1px solid #e3e3e3; }
        .index .cp ul li { width: 48%; float: left; margin-top: 0.65625rem; }
            .index .cp ul li img { width: 100%; height: 8.9375rem; }
            .index .cp ul li h3 { color: #000000; font-size: 0.625rem; font-weight: normal; line-height: 180%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .index .cp ul li:nth-child(even) { float: right; }
    .index .cp .more { display: block; width: 7.96875rem; height: 1.625rem; line-height: 1.625rem; border-radius: 0.15625rem; background-color: #1760be; box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(201, 225, 255, 0.6); color: #fff; font-size: 0.625rem; margin: 0.78125rem auto 0; }
.index .aboutus { height: 26.21875rem; padding: 0 0.625rem; background: url(/images/h5/aboutusbg.jpg) no-repeat center; -webkit-background-size: 100% 26.21875rem; background-size: 100% 26.21875rem; overflow: hidden; text-align: center; }
    .index .aboutus .title h2 { color: #fff; font-size: 1.08625rem; font-weight: normal; margin: 1.5625rem 0 0.9375rem 0; }
    .index .aboutus .title .border { width: 2.875rem; height: 0.09375rem; background-color: #fff; margin: 0 auto; }
    .index .aboutus .txt { font-size: 0.625rem; color: #fff; line-height: 180%; margin-top: 1.21875rem; }
        .index .aboutus .txt img { width: 100%; vertical-align: top; margin-bottom: 0.9375rem; }
    .index .aboutus .more { display: block; background-color: #fff; color: #003d8b; font-size: 0.625rem; width: 7.96875rem; height: 1.625rem; line-height: 1.625rem; border-radius: 0.15625rem; margin: 0.9375rem auto 0; }
.index .case { text-align: center; overflow: hidden; padding-bottom: 1.25rem; background-color: #eeeeee; }
    .index .case .title { margin-top: 0.625rem; }
        .index .case .title h2 { color: #0f0f0f; font-size: 1.0953125rem; font-weight: normal; line-height: 200%; }
        .index .case .title .txt { font-size: 0.6178125rem; color: #0f0f0f; }
    .index .case ul { padding: 0 0.625rem; overflow: hidden; margin-top: 1.125rem; }
        .index .case ul li { width: 48%; float: left;padding-bottom:1.46875rem; background:url(/images/casebg.png) no-repeat center bottom; -webkit-background-size: 100% 1.46875rem; background-size: 100% 1.46875rem; overflow:hidden;}
            .index .case ul li img { width: 100%; height: 5.3125rem; vertical-align:top; }
            .index .case ul li h3 { color: #000000; font-size: 0.625rem; font-weight: normal; line-height: 180%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .index .case ul li:nth-child(even) { float: right; }
    .index .case .more { display: block; width: 7.96875rem; height: 1.625rem; line-height: 1.625rem; border-radius: 0.15625rem; background-color: #1760be; box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(201, 225, 255, 0.6); color: #fff; font-size: 0.625rem; margin: 0 auto; }
.index .news { padding-bottom: 0.8125rem; /* ȥ�����Ӵ������� */ }
    .index .news .tabBox { margin: 0 auto; }
        .index .news .tabBox .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .index .news .title { color: #1760be; font-size: 1.0953125rem; text-align: center; margin: 0.9375rem 0 1rem 0; }
    .index .news .tab { height: 1.6875rem; line-height: 1.6875rem; text-align: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 0; }
        .index .news .tab ul { text-align: center; overflow: hidden; }
            .index .news .tab ul li { float: left; width: 33.33333333333333%; }
                .index .news .tab ul li a { display: block; color: #0f0f0f; font-size: 0.625rem; }
            .index .news .tab ul .on { border-bottom: 2px solid #1760be; }
                .index .news .tab ul .on a { color: #1760be; }
    .index .news .ul { padding: 0 0.625rem; }
        .index .news .ul li { padding: 0.9375rem 0; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
            .index .news .ul li h2 { width: 100%; font-size: 0.6875rem; color: #030303; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .index .news .ul li .txt { margin: 0.3125rem 0 0.375rem; line-height: 160%; width: 100%; color: #a6a6a6; font-size: 0.625rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
            .index .news .ul li .date { color: #030303; font-size: 0.5625rem; }
    .index .news .more { text-align: center; display: block; width: 7.96875rem; height: 1.625rem; line-height: 1.625rem; border-radius: 0.15625rem; background-color: #1760be; box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(201, 225, 255, 0.6); color: #fff; font-size: 0.625rem; margin: 0.78125rem auto 0; }



    .links .cplist{ overflow:hidden;}
    .links .cplist li{ font-size:0; float:left; width:25%; box-sizing:border-box; padding:2%;}
    .links .cplist li img{ width:100%;}
    .links .cplist li.nav1 img{ box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(11, 185, 179, 0.2);}
    .links .cplist li.nav2 img{ box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(255, 103, 103, 0.2);}
    .links .cplist li.nav3 img{ box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(255, 114, 29, 0.2);}
    .links .cplist li.nav4 img{ box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(23, 96, 190, 0.2);}
    .links .cplist li.nav5 img{ box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(15, 198, 231, 0.2);}
    .links .cplist li.nav6 img{ box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(241, 49, 49, 0.2);}
    .links .cplist li.nav7 img{ box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(255, 166, 51, 0.2);}
    .links .cplist li.nav8 img{ box-shadow: 0.40625rem 0.40625rem 0.8125rem rgba(87, 216, 124, 0.2);}