﻿.list-body {
    background: url("../images/bglist.jpg");
}

.header-top .search-box {
    background: rgba(129, 155, 197, 0.3) !important;
    border: currentColor !important;
    border-image: none !important;
}

.header-top .search-box input {
    color: rgb(155, 180, 219) !important;
}

.header-top .search-box span {
    color: rgb(155, 180, 219) !important;
}

.br-line {
    background: rgb(104, 134, 185);
    width: 100%;
    height: 6px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
}

.header {
    position: static !important;
}

.z-nav {
    background: rgb(238, 238, 238) !important;
}

.z-nav ul li {
    font-size: 16px;
}

.z-nav ul li a {
    color: rgb(76, 75, 75);
}

.z-nav .child-page::before {
    padding: 0px 10px;
    height: 20px;
    color: rgb(76, 75, 75);
    font-size: 16px;
    display: inline-block;
    content: "|";
}

.header-top .z-logo-top {
    padding: 15px 0px 21px;
}

.z-banner-other {
    overflow: hidden;
    position: relative;
}

.z-banner-other img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.z-banner-other .container {
    left: 50%;
    bottom: 0px;
    position: absolute;
    transform: translateX(-50%);
}

.z-banner-other .box-1 {
    padding: 15px 0px 0px 15px;
    border-image: linear-gradient(transparent, rgb(255, 255, 255)) 20;
    width: 100%;
    color: rgb(255, 255, 255);
    border-top-color: red;
    border-left-color: red;
    border-top-width: 20px;
    border-left-width: 20px;
    border-top-style: solid;
    border-left-style: solid;
    box-sizing: border-box;
    transform: skew(-15deg);
}

.z-banner-other .box-2 {
    background: -ms-linear-gradient(left, rgb(29, 112, 190), transparent 40%);
    background: -moz-linear-gradient(left, #1d70be, transparent 40%);
	background: -webkit-linear-gradient(left, #1d70be, transparent 40%);
	background: -o-linear-gradient(left, #1d70be, transparent 40%);
    width: 100%;
    height: 140px;
    color: rgb(255, 255, 255);
}

.z-banner-other .banner-title {
    padding: 0px;
    left: 80px;
    bottom: 15px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    position: absolute;
}

.z-banner-other .banner-title h1 {
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.z-banner-other .banner-title p {
    color: rgb(211, 223, 230);
}

.z-banner-other .banner-title a {
    color: rgb(211, 223, 230);
    margin-right: 5px;
}

.z-banner-other .banner-title i {
    font-size: 12px;
    margin-right: 5px;
}

.footer {
    background: rgb(117, 139, 178);
    width: 100%;
    font-size: 0px;
    position: relative;
}

.footer .footer-box {
    width: 100%;
    position: relative;
}

.footer .bg {
    top: -1px;
    width: 100%;
    position: absolute;
}

.footer .footer-top {
    padding-top: 157px;
    padding-bottom: 50px;
}

.footer .footer-top .left {
    vertical-align: top;
}

.footer .footer-top .right {
    vertical-align: top;
}

.footer .footer-top .left ul {
    padding: 30px;
    font-size: 0px;
    margin-bottom: 0px;
    border-right-color: rgb(255, 255, 255);
    border-right-width: 1px;
    border-right-style: solid;
}

.footer .footer-top .left ul li {
    width: 33.33%;
    text-align: center;
    font-size: 0px;
    display: inline-block;
}

.footer .footer-top .left ul li a {
    display: block;
}

.footer .footer-top .left ul li img {
    height: 79px;
}

.footer .footer-top .left ul li p {
    color: rgb(255, 255, 255);
    font-size: 24px;
    margin-top: 26px;
    margin-bottom: 0px;
}

.footer .footer-top .right .right-list {
    vertical-align: top;
    display: inline-block;
}

.footer .footer-top .right .right-left-list ul {
    margin-bottom: 0px;
}

.footer .footer-top .right .right-left-list ul.mb-60 {
    margin-bottom: 60px;
}

.footer .footer-top .right ul li {
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.footer .footer-top .right ul li + li {
    margin-top: 4px;
}

.footer .footer-top .right ul li a {
    color: rgb(255, 255, 255);
    display: inline-block;
}

.footer .footer-top .right ul li a:hover {
    color: rgb(82, 164, 243);
}

.footer .footer-top .right .right-right-list {
    float: right;
}

.footer .footer-top .right .right-right-list h2 {
    margin: 0px 0px 10px;
    color: rgb(255, 255, 255);
    font-size: 24px;
}

.footer .footer-bottom {
    background: rgba(25, 63, 127, 0.6);
    padding-bottom: 80px;
}

.footer .footer-bottom .infor {
    padding: 40px 0px 0px;
    color: rgb(255, 255, 255);
}

.footer .footer-bottom .ba {
    text-align: center;
    color: rgb(255, 255, 255);
    padding-top: 25px;
    font-size: 14px;
    vertical-align: middle;
    border-top-color: rgb(255, 255, 255);
    border-top-width: 1px;
    border-top-style: solid;
}

.footer .footer-bottom .ba p {
    margin-bottom: 0px;
}

.footer .footer-bottom .ba img {
    width: 18px;
    margin-right: 5px;
    vertical-align: middle;
}

.footer .footer-bottom .infor .right .right-content {
    margin-bottom: 30px;
}

.footer .footer-bottom .infor .left ul {
    margin-bottom: 30px;
    vertical-align: middle;
    display: inline-block;
}

.footer .footer-bottom .infor .left ul li {
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.footer .footer-bottom .infor .left ul li + li {
    margin-top: 4px;
}

.footer .footer-bottom .infor .left .f-logo {
    height: 90px;
    margin-right: 90px;
    margin-bottom: 30px;
    vertical-align: middle;
    display: inline-block;
}

.footer .footer-bottom .infor .right {
    text-align: right;
}

.footer .footer-bottom .right-content {
    padding: 0px !important;
}

.footer .footer-bottom .right-content > ul {
    list-style: none;
    padding: 0px;
    font-size: 12px;
}

.footer .footer-bottom .right-content > ul > li {
    margin: 3px auto;
    -ms-word-break: break-all;
}

.footer .footer-bottom .right-content a {
    color: rgb(255, 255, 255);
}

.footer .footer-bottom .right-content .thumbnail {
    margin-right: 10px;
    float: left;
}

.footer .footer-bottom .right-content img {
    height: 100px;
    max-width: 100%;
}

.footer .footer-bottom .right-content > p {
    overflow: hidden;
}

.footer .footer-bottom .right-content > p > a {
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}

.footer .footer-bottom .right-content figure {
    border: currentColor;
    border-image: none;
}

.footer .footer-bottom .right-content figcaption {
    display: none;
}

#footer-service {
    vertical-align: middle;
    display: inline-block;
}

#footer-service + p {
    margin-bottom: 0px;
    vertical-align: middle;
    display: inline-block;
}

#footer-service > .left {
    height: auto;
    text-align: right;
    padding-right: 0px;
    vertical-align: middle;
    display: inline-block;
}

#footer-service > .right {
    height: auto;
    margin-top: 0px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
}

#footer-service > .left .online {
    background: none;
    padding: 2px;
    border: currentColor;
    border-image: none;
    font-size: 12px;
}

#footer-service > .left > .btn-group {
    margin: 8px auto;
    width: 110px;
}

#footer-service > .right > img {
    height: 100px;
}

#footer-service > .left > .btn-group span.icon {
    width: 17px;
    height: 17px;
}

#footer-service > .left > .btn-group button.btn.online > span.icon {
    border: currentColor;
    border-image: none;
    float: left;
    display: block;
    background-image: url("../images/online.png");
    background-repeat: no-repeat;
    background-size: cover;
}

#footer-service > .left .btn-group-justified > .btn-group .btn {
    width: auto;
}

#footer-service .service-item{
    margin-left: 10px;
    margin-bottom: 10px;
}

@media all and (min-width: 1280px) {
    .container {
        width: 1250px !important;
        box-sizing: border-box;
    }
}

@media all and (max-width: 1199px) {
    .z-nav .child-page::before {
        display: none !important;
    }
}

li {
    list-style: none;
}

.phone {
    font-size: 0px;
}

.phone .dropdown-menu > li > a {
    padding: 10px 20px;
}

.phone .btn {
    font-size: 16px;
}

.left-content {
	padding: 0px;
	background-color: rgb(239, 245, 254);
	width: 280px;
}

.left-content .top {
    width: 100%;
    height: 20px;
    object-fit: cover;
}

.left-content .bottom {
    width: 100%;
    object-fit: cover;
}

.left-content ul {
    padding: 25px 0px 0px 25px;
    width: 100%;
    margin-bottom: 70px;
    box-sizing: border-box;
}

.left-content ul li.active {
    color: rgb(31, 80, 157);
    background-color: rgb(255, 255, 255);
}

.left-content ul li.active i {
    color: rgb(31, 80, 157);
}

.left-content ul li.active a {
    color: rgb(31, 80, 157);
}

.left-content ul li a {
    padding: 20px 30px;
    width: 100%;
    color: rgb(51, 51, 51);
    line-height: 1;
    font-size: 18px;
    display: block;
    position: relative;
}

.left-content ul li i {
    top: 50%;
    right: 35px;
    color: rgb(51, 51, 51);
    font-size: 14px;
    position: absolute;
    transform: translateY(-50%);
}

.right-content .right-top {
    margin-bottom: 40px;
    border-bottom-color: rgb(1, 72, 157);
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.right-content .right-top h2 {
    margin: 10px 0px 0px;
    color: rgb(1, 72, 157);
    font-size: 24px;
}

.right-content .right-top p {
    text-align: right;
    color: rgb(134, 137, 137);
    font-size: 14px;
}

.right-content .right-top p a {
    color: rgb(134, 137, 137);
}

.right-content .right-top p i {
    margin: 0px 5px;
    font-size: 12px;
}

@media screen and (max-width: 1024px) {
    .list-content {
        padding: 20px 15px !important;
    }

    .footer .footer-bottom .infor .right {
        text-align: left;
    }

    .footer .footer-top .left ul {
        border-right-color: currentColor;
        border-right-width: medium;
        border-right-style: none;
    }
}

@media screen and (max-width: 768px) {
    .footer .footer-bottom .infor .left .f-logo {
        margin-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .z-banner-other img {
        height: 150px;
    }

    .z-banner-other .container {
        width: 100%;
    }

    .z-banner-other .banner-title h1 {
        font-size: 24px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .z-banner-other .banner-title {
        bottom: 0px;
    }

    .z-banner-other .box-2 {
        background: -ms-linear-gradient(left, rgb(29, 112, 190), transparent 40%);
        height: 80px;
    }

    .right-content .right-top h2 {
        font-size: 20px;
    }

    .footer .footer-top {
        padding-top: 20px;
    }

    .footer .footer-top .right .right-left-list ul.mb-60 {
        margin-bottom: 20px;
    }

    .footer .footer-top .right .right-right-list {
        margin-top: 20px;
        float: none;
    }

    .footer .footer-top .left ul li img {
        height: 60px;
    }

    .footer .footer-top .left ul li p {
        font-size: 20px;
    }
}

#pages {
    text-align: center;
    padding-top: 30px;
    font-size: 12px;
    margin-bottom: 5px;
}

#pages a {
    background: rgb(255, 255, 255);
    padding: 0px 12px;
    border: 1px solid rgb(227, 227, 227);
    border-image: none;
    height: 30px;
    text-align: center;
    color: rgb(51, 51, 51);
    line-height: 30px;
    font-size: 12px;
    display: inline-block;
}

#pages a.a1 {
    padding: 0px 12px;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
}

#pages a:hover {
    background: rgb(241, 241, 241);
    color: rgb(0, 0, 0);
    text-decoration: none;
}

#pages span {
    background: rgb(78, 110, 242);
    padding: 0px 12px;
    border: 1px solid rgb(78, 110, 242);
    border-image: none;
    height: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 30px;
    display: inline-block;
}

.pagee .noPage {
    padding: 0px 12px;
    border: 1px solid rgb(227, 227, 227);
    border-image: none;
    height: 30px;
    text-align: center;
    color: rgb(164, 164, 164);
    line-height: 30px;
    display: inline-block;
}