/*自定义*蓝色*文本/边框/背景色*/
.text-blue, a.text-blue:link, a.text-blue:visited, .button.border-blue, blockquote.border-blue, .pager.border-blue a, .pager-prev.border-blue, .pager-next.border-blue {
    color: #014c9f;
}

.border-blue, .border-blue .button, .border-blue .tab-nav li a, .border-blue .tab-body, .button.bg-blue, .selected.border-blue, .pointer.border-blue li, .nav.border-blue .active a, .nav.nav-tabs.border-blue, .nav-main.border-blue a, .nav-main.border-blue .nav-head, .pagination.border-blue li, .pager.border-blue a {
    border-color: #014c9f;
    color: #fff;
}

    .bg-blue, .border-blue .button.active, .pointer.border-blue .active, .nav-pills.border-blue .active a, .nav-blue.border-blue .nav-head, .pagination.border-blue .active {
        background-color: #014c9f;
        color: #fff;
    }

    .button.bg-blue:focus, .button.bg-blue:hover {
        background-color: #003876;
        border-color: #003876;
        color: #fff;
    }

/*自定义*天蓝*文本/边框/背景色*/
.text-blue-light, a.text-blue-light:link, a.text-blue-light:visited, .button.border-blue-light, blockquote.border-blue-light, .pager.border-blue-light a, .pager-prev.border-blue-light, .pager-next.border-blue-light {
    color: #00afec;
}

.border-blue-light, .border-blue-light .button, .border-blue-light .tab-nav li a, .border-blue-light .tab-body, .button.bg-blue-light, .selected.border-blue-light, .pointer.border-blue-light li, .nav.border-blue-light .active a, .nav.nav-tabs.border-blue-light, .nav-main.border-blue-light a, .nav-main.border-blue-light .nav-head, .pagination.border-blue-light li, .pager.border-blue-light a {
    border-color: #00afec;
    color: #fff;
}

    .bg-blue-light, .border-blue-light .button.active, .pointer.border-blue-light .active, .nav-pills.border-blue-light .active a, .nav-blue-light.border-blue-light .nav-head, .pagination.border-blue-light .active {
        background-color: #00afec;
        color: #fff;
    }

    .button.bg-blue-light:focus, .button.bg-blue-light:hover {
        background-color: #00bdff;
        border-color: #00bdff;
        color: #fff;
    }


.overflow {
    overflow: hidden;
}

body {
    overflow-x: hidden;
}

:root {
    --main-color: #014c9f;
    --main-color1: #eb6100;
    --main-color-white: #ffffff;
    --main-color-555: #555555;
    --main-color-999: #999999;
    --main-color-666: #666666;
    --main-color-333: #333333;
    --main-color-888: #888888;
    --main-color-222: #222222;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.text-upper {
    text-transform: uppercase;
}

select {
    background: url(../images/ico_down.png) right 12px no-repeat #fff;
    padding-right: 20px;
    position: relative;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

img {
    vertical-align: middle;
}

.mb0 {
    margin-bottom: 0 !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fyh {
    font-family: Arial," ";
}

.fst {
    font-family: Arial,"宋体";
}

.fyy {
    font-family: Arial,"幼圆";
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
    color: #fff;
}

.f16 {
    font-size: 12px;
    line-height: 2;
	    text-align: left;
}

.f18 {
    /* padding: 15px 0px;*/
    font-size: 18px;
    line-height: 3
}
.ipart1 .f18 {
    line-height: 2;
    color: #fff;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 20px;
    line-height:2
}

.f26 {
    font-size: 26px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f32 {
    font-size: 32px;
}

.f34 {
    font-size: 34px;
}

.f36 {
    font-size: 30px;
}

.f38 {
    font-size: 38px;
}

.f40 {
    font-size: 40px;
}

.f42 {
    font-size: 42px;
}

.f46 {
    font-size: 46px;
}

.f48 {
    font-size: 48px;
}

.f50 {
    font-size: 50px;
}

.f60 {
    font-size: 60px;
}

.f72 {
    font-size: 72px;
}

.fn {
    font-weight: normal;
}

.fb {
    font-weight: bold;
}

.fs100 {
    font-weight: 100;
}

a, a:link, a:active {
    color: #fff;
    text-decoration: none;
}

    a:hover {
        color: #014c9f;
        text-decoration: none;
    }

select::-ms-expand {
    display: none;
}

.text-upper {
    text-transform: uppercase;
}

.text-yellow {
    color: #fff000;
}

.text-pinks {
    color: #e40088;
}

.text-date {
    color: #d2d2d2;
}

.text-gray {
    color: #979797;
}

.text-gray-light {
    color: #b4b4b4;
}

.text-black2, a.text-black2, a.text-black2:link, a.text-black2:visited {
    color: #404040;
}

    a.text-black2:hover {
        color: #1fa978;
        text-decoration: none;
    }

.text-gray-light, a.text-gray-light, a.text-gray-light:link {
    color: #b3b3b3;
}

    a.text-gray-light:hover {
        color: #1fa978;
        text-decoration: none;
    }

.bg-gray {
    background-color: #949494;
}

.bg-red {
    background: #e62129;
}

.bg-blue-light {
    background-color: #00afec;
}

    .bg-blue-light:hover {
        background-color: #00afec;
    }

        .bg-blue-light:hover * {
            color: #fff !important;
        }

.input:focus, .input:hover {
    border-color: #014c9f !important;
}

body {
    color: #767676;
    background: #fff;
}

p {
    padding: 0;
    margin: 0;
}
/*公共部分*/


/*.htop{ background: #f1f1f1; height: 40px; line-height:39px; border-bottom: 1px solid #e8e8e8; position: relative;}
.htop .sobox{ width:260px; margin-left: 20px; padding-top:5px; height: 33px;  position: relative;}
.htop .sobox .input{ border:0; height: 28px; border-radius: 14px; padding: 0 50px 0 15px; }
.htop .sobox .btn{ background: none; border:0; height: 28px; padding: 0 10px; line-height: 28px; position: absolute; top:5px; right:5px;}
.htop .toptel{ position: absolute; right:0; top:0; padding: 0 20px; height: 40px; background: #f97915; line-height: 32px;}
.htop .icon-phone{ display: inline-block; width:25px; height: 25px; text-align: center; line-height: 25px; background: #fff; border-radius: 50%;}
.htop .f24{ position: relative; bottom:-4px;}*/


.header {
    position: relative;
    height: 100px;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .header .logo {
        width: 250px;
        /* padding-top: 15px; */
    }
/*.header .topnav{ position: absolute; right:0; top:15px;}
.header .topnav a{display: inline-block; width: 150px; height: 90px; padding: 15px; vertical-align: middle;}
.header .topnav a:last-child{ width:160px;}
.header .topnav a .f18{ color:#00a1d9;}
.header .topnav a .f12{ padding-right: 10px;}
.header .topnav a:hover{ background: #f1f1f1; color:#f97915; border-radius: 8px;}
.header .topnav a.cur{ background: #f1f1f1; border-radius: 8px; }
.header .topnav a.cur .f18{ color:#f97915;}*/
.logo img {
    /* width: 100%; */
    height: 50px !important;
}

.menu {
    position: relative;
    top: 0;
    right: 0;
}

    .menu ul {
        height: 48px;
        line-height: 46px;
    }

    .menu li {
        float: left;
        height: 48px;
        line-height: 48px;
        font-weight: normal;
        position: relative;
        margin-left: 12px;
    }

        .menu li a {
            display: block;
            color: #4e4e4e;
            height: 48px;
            text-align: center;
            border-bottom: 2px solid #fff;
            padding: 0 15px;
            font-size: 14px;
        }

        .menu li.cur a, .menu li:hover a {
            color: #014c9f;
            text-decoration: none;
            border-bottom: 2px solid #014c9f;
        }

        .menu li ul {
            display: none;
            position: absolute;
            width: 100%;
            top: 48px;
            padding: 15px 0;
            background: #014c9f;
            font-size: 14px;
            height: auto;
        }

            .menu li ul li {
                width: 100%;
                overflow: hidden;
                height: auto;
                font-size: 14px;
                margin-left: 0;
            }

                .menu li ul li a {
                    color: #b2cae5;
                    line-height: 36px;
                    height: 36px;
                    padding: 0;
                    border: 0 !important;
                }

        .menu li.cur ul li a, .menu li:hover ul li a {
            background: none !important;
            color: #b2cae5;
        }

            .menu li.cur ul li a:hover, .menu li:hover ul li a:hover {
                background: #003876 !important;
                color: #fff;
                line-height: 36px;
                height: 36px;
            }


.utop {
    position: relative;
    right: 0;
    top: 0;
}

    .utop div {
        line-height: 20px;
       
    }

    .utop i {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        /* background: #003876; */
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }


a.btn-diy, a.btn-diy:link {
    padding-left: 30px;
    padding-right: 30px;
    color: #606060;
}

a.btn-diy0, a.btn-diy0:link {
    padding-left: 30px;
    padding-right: 30px;
}

a.btn-diy2, a.btn-diy2:link {
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
}

a.btn-diy3:link, a.btn-diy3:visited {
    padding-left: 30px;
    padding-right: 30px;
    color: #00afec;
}

a.btn-diy3:hover {
    color: #fff !important;
    background-color: #00afec !important;
}

.footer {
    background: #014c9f;
    color: #b1c6dd;
}

    .footer a {
        color: #b1c6dd;
    }

        .footer a:hover {
            color: #fff;
        }

    .footer .fotcon {
        padding: 40px 0 50px;
    }

        .footer .fotcon .xs10 {
            position: relative;
        }

        .footer .fotcon .fotcat {
            width: 280px;
            text-align: left;
        }

    .footer .fotnav {
        position: relative;
        top: 0;
        right: 0;
        width: 60%;
        border-left: 1px solid #3470b2;
    }

    .footer .fnav {
        width: 285px;
        text-align: center;
        float: left;
        padding-top: 0;
        border-right: 1px solid #3470b2;
        height: auto;
    }

        .footer .fnav .f18 {
            margin-bottom: 10px;
        }


    .footer .qrcode {
        width: 300px;
        position: absolute;
        right: 0;
        top: 0;
    }

        .footer .qrcode img {
            width: 100%;
        }



    .footer .copyright {
        border-top: 1px solid #3470b2;
        border-bottom: 1px solid #3470b2;
        padding: 20px 0;
    }

    .footer .flink .wrap {
        position: relative;
        padding: 20px 0;
    }

        .footer .flink .wrap span.f18 {
           
        }

        .footer .flink .wrap a {
            display: inline-block;
            padding: 0 15px;
        }

.insert {
    height: 40px;
}
@media (max-width: 1600px) {

    .menu li a {
        padding: 0 5px;
        font-size:13px;
    }
}