/* -----版心----- */
.w {
    width: 1200px;
    margin: 0 auto;
}

.layui-btn:hover {
    opacity: 1;
}
/* -----body背景色----- */
body {
    min-width: 1200px;
}

/* ----公共header-nav部分（新）----- */
.common-header-nav {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #272C36;
    opacity: 1;
}

.common-header-wrap {
    display: flex;
    justify-content: space-between;
}

.common-header-right {
    display: flex;
}

.common-header-phone {
    position: relative;
    margin-left: 50px;
    color: #8E96A1;
    font-size: 14px;
}

.country-name:hover {
    color: #E8E8E8;
    cursor: default;
}

.country-menu-wrap {
    position: relative;
    z-index: 99;
    height: 44px;
}

.country-menu-wrap:hover .country-menu {
    display: block;
}

.country-menu-wrap:hover .country-name {
    color: #E8E8E8;
}

.common-header-phone:first-child {
    margin-top: 1px;
}

.common-header-phone .iconfont {
    font-size: 12px;
    margin-right: 2px;
}

/*国家菜单*/
.country-menu {
    display: none;
    position: absolute;
    top: 44px;
    left: -30px;
    width: 120px;
    height: 53px;
    z-index: 99999;
    box-shadow: 0 3px 15px rgba(0, 66, 149, .16);
}

.free-assessment-bold {
    font-weight: bold;
    color: #E61D31;
}

.top-block {
    position: absolute;
    left: 50%;
    top: -8px;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 66, 149, .16);
    transform: rotate(45deg);
}

.country-menu-info {
    width: 120px;
    height: 53px;
    position: absolute;
    background: #fff;
    top: 0;
    z-index: 999;
}

.country-menu-info a {
    display: block;
    height: 15px;
    margin-top: 17px;
    color: #0E1011;
    font-size: 14px;
    text-align: center;
    line-height: 15px;
}

.country-menu-info a:first-child {
    margin-top: 23px;
}

.country-menu-info a:hover {
    color: #E61D31;
}

/* ----公共导航----- */
.common-nav {
    position: relative;
    height: 70px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 66, 149, 0.1)
}

.common-nav-box {
    display: flex;
    justify-content: space-between;
    height: 70px;
}

.common-nav-l {
    display: flex;
    align-items: center;
}

.nav-logo-link {
    display: block;
    width: 130px;
    height: 50px;
}

.nav-logo-link img {
    width: 130px;
    height: 50px;
}

.separate-line {
    padding: 0 16px;
    color: #2B3239;
    font-size: 16px;
    line-height: 70px;
}

.common-nav-country {
    color: #101010;
    font-size: 16px;
}

.common-nav-country img {
    width: 29px;
    height: 19px;
    margin-right: 5px;
}

.common-nav-r {
    display: flex;
}

.nav-r-item {
    position: relative;
    margin-left: 60px;
    color: #313A46;
    font-size: 16px;
    line-height: 70px;
}

.nav-r-item:hover {
    color: #E61D31;
    font-weight: bold;
}

.nav-r-item:hover .item-bottom-line {
    display: block;
}

.item-bottom-line {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 14px;
    width: 22px;
    height: 2px;
    margin-left: -11px;
    border-radius: 5px;
    background: #E61D31;
}

.item-home {
    width: 43px;
}

.item-visa {
    position: relative;
    /*width: 108px;*/
}

.item-visa .iconfont {
    position: absolute;
    top: 1px;
    left: 100%;
    padding-left: 5px;
    font-size: 12px;
    z-index: 99;
}

/*选中箭头朝下*/
.item-visa .icon-a-xia1 {
    font-size: 12px;
    color: #E61D31;
    font-weight: 400 !important;
}

.item-news {
    width: 43px;
}

.item-free {
    width: 138px;
}

.item-about {
    width: 75px;
}

.item-contact {
    width: 91px;
}

.sub-nav-box {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    border-top: 3px solid #D7132E;
    background: #fff;
    z-index: 999;
    box-shadow: 0 3px 10px rgba(0, 66, 149, 0.1) inset;
}

.sub-nav-info {
    display: flex;
    height: 130px;
}

.sub-nav-item{
    width: 25%;
}

.nav-country-title {
    margin: 52px 0 35px;
    color: #0E1011;
    font-size: 22px;
    font-weight: bold;
}

.nav-country-title:hover a {
    color: #0E1011;
}

.nav-country-bottom {
    width: 25px;
    height: 3px;
    margin-top: 2px;
    background: #E61D31;
    border-radius: 4px;
}

.nav-content-link {
    margin-top: 24px;
    padding-right: 30px;
    display: block;
    color: #0E1011;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-content-link:hover {
    color: #E61D31;
}

.item-visa-active {
    color: #E61D31;
    font-weight: bold;
}

.item-visa-active .item-bottom-line {
    display: block;
}

/* ----公共footer----- */
.common-footer {
    background: #1F2C3F;
}


/* ----公共footer 底部文字----- */
.footer-bottom {
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #272C36;
}

.footer-bottom .w {
    display: flex;
    justify-content: space-between;
}

.copy-right {
    display: flex;
}

.copy-right {
    font-size: 14px;
    color: #8E96A1;
}

.copy-right-policy {
    font-size: 14px;
    color: #D3D4D5;
    margin-left: 6px;
}

.copy-right-policy:hover {
    color: #D3D4D5;
}

.links-right {
    display: flex;
}

.links-right-top .links-index {
    margin: 0 31px 0 0;
}

.links-index {
    display: inline-block;
    margin-left: 31px;
    font-size: 14px;
}

.links-index .iconfont {
    font-size: 14px;
    color: #8E96A1;
}

/* ----footer-信息区域----- */
.footer-links-box {
    background: #F0F4F9;
    opacity: 1;
}

.footer-links-box .w {
    display: flex;
    justify-content: space-between;
    padding-bottom: 41px;
}

.address-logo {
    display: flex;
    margin-top: 70px;
    padding-bottom: 34px;
}

.address-logo img {
    width: 130px;
    height: 53px;
}

.address-line {
    height: 15px;
    width: 2px;
    background: #101010;
    margin: 10px 16px 0 16px;
}

.address-text {
    font-size: 16px;
    line-height: 34px;
    color: #25292D;
}

.address-index {
    font-size: 18px;
    line-height: 29px;
    color: #313A46;
    padding-bottom: 24px;
}

.footer-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 70px
}

.links-long {
    width: 230px;
    margin-right: 15px
}

.links-short {
    width: 120px;
}

.links-index-title:hover {
    color: #E61D31;
}

.links-index-title {
    display: inline-block;
    font-size: 18px;
    line-height: 29px;
    color: #313A46;
    margin-bottom: 23px;
}

.links-index-title:first-child {
    margin-bottom: 35px;
    color: #25292D;
    font-weight: bold;
}

/* -- S 可复用标题 --*/
.advantages-title {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.advantages-title img {
    width: 44px;
    height: 39px;
}

.advantages-title-info {
    margin: -2px 0 0 16px;
    color: #0E1011;
    font-size: 42px;
    font-weight: bold;
}

/* -- E 可复用标题 --*/

/* ----- Email区域----- */
.index-email {
    width: 100%;
    height: 399px;
    background: url("../image/index/index-email.png")/*tpa=https://www.jkbrook.com/static/image/index/index-email.png*/ no-repeat center/cover;
}

.email-title {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    line-height: 38px;
    color: #E61D38;
    padding-top: 80px;
}

.email-text {
    text-align: center;
    font-size: 35px;
    line-height: 38px;
    color: #FFFFFF;
    padding: 15px 0 60px 0;
}

.email-box {
    display: flex;
    justify-content: center;
}

.email-input {
    width: 900px;
    height: 90px;
    background: #FFFFFF;
}

.email-flex {
    display: flex;
    justify-content: space-between;
}

.email-left {
    display: flex;
    margin: 30px 0 0 40px;
    width: 72%;
}

.email-left input {
    font-size: 20px;
    display: block;
    border: none;
    padding-top: 3px;
    color: #333;
    border-radius: 0;
    border-bottom: 1px solid #C2C3C4;
}

.email-left .layui-input:hover, .layui-textarea:hover {
    border-color: #C2C3C4 !important;
}

.email-left span {
    font-size: 20px;
    font-weight: bold;
    line-height: 38px;
    color: #E61D31;
}

.email-btn {
    margin-top: 15px;
    width: 180px;
    height: 60px;
    background: #E61D31;
    box-shadow: 0 3px 10px rgba(215, 19, 46, 0.3);
}

.email-btn span {
    font-size: 18px;
    color: #FFFFFF;
}

.email-btn .icon-tijiao {
    margin-right: 12px;
}

/* ----common列表左右布局--- */
.common-list-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 46px;
}

/* ----common列表左右布局 左侧内容区域-- */
.common-list-left {
    width: 780px;
    border-radius: 4px;
}

/* ----common列表左右布局 右侧内容区域-- */
.common-list-right {
    width: 380px;
}

/* ----common 分页-- */
.page {
    overflow: hidden;
}

.page .pagination {
    display: inline-block;
}

.page .pagination > li {
    display: inline;
}

.page .pagination > li > .iconfont {
    font-size: 12px;
    padding: 15px 18px;
}

.page .pagination > li:first-child > a,
.pagination > li:first-child > .iconfont {
    font-size: 12px;
    padding: 18px 21px;
}

.page .pagination > li:last-child .iconfont {
    font-size: 12px;

}

.page .pagination > li:last-child > a,
.pagination > li:last-child > span {
    font-size: 12px;
    padding: 18px 21px;
    margin-right: 0;
    color: #333333;
}

.page .pagination > li > a,
.pagination > li > span {
    position: relative;
    background: #F0F4F9;
    float: left;
    font-size: 16px;
    padding: 16px 23px;
    line-height: 1.42857143;
    color: #25292D;
    text-decoration: none;
    margin-right: 15px;
}

.page .pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 3;
    color: #F0F4F9;
    cursor: default;
    background-color: #E61D31;
    border-color: #FFFFFF;
}

.page .pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #999999;
    cursor: not-allowed;
    background: #F0F4F9;
    border-color: #ddd;
}

/* ----右侧Categories-- */
.right-categories {
    margin-bottom: 30px;
    width: 378px;
    background: #FFFFFF;
    border: 1px solid #D8DCE1;
}

.categories-title {
    padding: 28px 0 19px;
    margin: 0 30px;
    font-size: 22px;
    font-weight: bold;
    color: #0E1011;
    border-bottom: 1px solid #D8DCE1;
}

.categories-title span {
    color: #E61D31;
    margin-left: 6px;
}

.categories-box {
    margin: 29px 0;
}

.categories-index {
    display: inline-block;
    width: 348px;
    height: 55px;
    line-height: 55px;
    padding-left: 30px;
    font-size: 16px;
    color: #0E1011;
    position: relative;
}

.categories-active .categories-after {
    display: block;
}

.categories-active {
    color: #E61D31;
    background: #F9FBFD;
    font-weight: bold;
}

.categories-after {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 3px;
    height: 55px;
    pointer-events: none;
    border-left: 3px solid #EE2D40;
}

.categories-index:hover {
    color: #E61D31;
    background: #F9FBFD;
    font-weight: bold;
}

.categories-index:hover .categories-after {
    display: block;
}

/* ----右侧free-- */
.free-categories {
    margin-bottom: 30px;
    width: 378px;
    background: #FFFFFF;
    border: 1px solid #E61D31;
}

.free-title {
    width: 350px;
    height: 75px;
    line-height: 75px;
    padding-left: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    background: url("../image/common/free-bg.png")/*tpa=https://www.jkbrook.com/static/image/common/free-bg.png*/ no-repeat center/cover;
}

.free-form-box {
    margin: 30px;
}

.free-form-item {
    margin-bottom: 10px;
}

.free-form-label {
    margin-bottom: 5px;
    color: #E61D31;
    font-size: 16px;
    font-weight: bold
}

.free-form-input {
    width: 280px;
    height: 53px;
    padding: 0 20px;
    border: 1px solid #D8DCE1;
    color: #25292D;
    font-size: 18px;
    background: #F9FBFD;
}

.free-submit-title {
    margin-left: 14px;
    font-size: 16px;
}

.free-form-submit button {
    width: 320px;
    height: 55px;
    margin-top: 10px;
    background: #E61D31;
    box-shadow: 0 3px 10px rgba(215, 19, 46, .3);
}

/* ----右侧hotNews-- */
.hot-news-box {
    padding: 23px 35px 8px;
}

.hot-news-index {
    padding: 0 0 13px 0;
    display: flex;
}

.hot-news-left-red {
    margin-top: 2px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    width: 17px;
    height: 21px;
    background: url("../image/common/red-fire.png")/*tpa=https://www.jkbrook.com/static/image/common/red-fire.png*/ no-repeat center/cover;
    font-size: 12px;
}

.hot-news-left-gray {
    margin-top: 2px;
    line-height: 26px;
    text-align: center;
    color: #585F67;
    width: 17px;
    height: 21px;
    background: url("../image/common/gray-fire.png")/*tpa=https://www.jkbrook.com/static/image/common/gray-fire.png*/ no-repeat center/cover;
    font-size: 12px;
}

.hot-news-text {
    margin-left: 17px;
    display: inline-block;
    width: 262px;
    font-size: 16px;
    line-height: 27px;
    color: #0E1011;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot-news-text:hover {
    color: #E61D31;
}

/* ----右侧visa-- */
.immigration-project {
    padding: 0 29px;
}

.immigration-project-item {
    display: flex;
    margin-top: 15px;
}

.immigration-project-item .iconfont {
    margin-right: 9px;
    color: #E61D31;
    font-size: 12px;
    line-height: 29px;
}

.immigration-project-link {
    color: #2B3239;
    font-size: 16px;
    line-height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.immigration-project-link:hover {
    color: #E61D31;
}


/* ----右侧Hot Search-- */
.right-hot-search {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
}

.hot-search-index {
    display: inline-block;
    font-size: 16px;
    color: #8E96A1;
    padding: 10px 13px;
    border: 1px solid #BDBFC1;
    margin: 0 14px 14px 0;
    border-radius: 3px;
}

.hot-search-index:hover {
    background: #E61D31;
    color: #FFFFFF;
    border: 1px solid #E61D31;
}

/* ----右侧电话区域-- */
.right-call {
    padding: 28px;
    display: flex;
}

.right-call-left {
    width: 50px;
    height: 43px;
}

.right-call-left .iconfont {
    font-size: 43px;
    color: #E61D31;
}

.right-call-right {
    margin-left: 20px;
}

.call-right-title {
    font-size: 16px;
    color: #585F67;
}

.call-right-num {
    margin-top: 9px;
}

.call-right-num span {
    font-size: 18px;
    font-weight: bold;
    color: #0E1011;
}

.call-right-num span:first-child {
    margin-right: 12px;
}

/* ---common 面包屑--- */
.common-bread {
    line-height: 76px;
    font-size: 16px;
    height: 77px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.common-bread-index {
    font-size: 16px;
    color: #0E1011;
}

.common-bread-index:hover {
    color: #E61D31;
}

.common-bread-gray {
    margin: 0 10px;
    color: #0E1011;
}

.common-bread-active {
    color: #585F67;
}

/* ----- 服务区域----- */
.index-service {
    width: 100%;
}

.service-box {
    margin-top: 50px;
    padding-bottom: 48px;
    display: flex;
    justify-content: space-between;
}

.service-index {
    width: 208px;
    height: 389px;
    background: #FFFFFF;
    opacity: 1;
}

.service-top {
    display: flex;
    justify-content: center;
    padding: 39px 0 21px 0;
}

.service-top img {
    width: 60px;
    height: 61px;
}

.service-title {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    color: #25292D;
}

.service-title span {
    color: #E61D31;
}

.service-text {
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    color: #000;
    margin-top: 20px;
}

/* ----- 优势区域----- */
.index-advantages {
    padding-bottom: 40px;
    background: #fff;
    overflow: hidden;
}

/* -- S 可复用标题 --*/
.advantages-title {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.advantages-title img {
    width: 44px;
    height: 39px;
}

.advantages-title-info {
    margin: -2px 0 0 16px;
    color: #0E1011;
    font-size: 42px;
    font-weight: bold;
}

.advantages-title-info-red {
    color: #E61D31;
}

/* -- E 可复用标题 --*/

.advantages-info {
    display: flex;
    justify-content: space-between;
    margin-top: 57px;
}

.advantages-info-item {
    width: 279px;
}

.title-bg-box {
    width: 141px;
    height: 166px;
    margin: 0 auto;
}

.bg-box-one {
    background: url("../image/index/sprite.png")/*tpa=https://www.jkbrook.com/static/image/index/sprite.png*/ no-repeat -15px -13px;
}

.bg-box-one:hover {
    background: url("../image/index/sprite.png")/*tpa=https://www.jkbrook.com/static/image/index/sprite.png*/ no-repeat -15px -206px;
}

.bg-box-two {
    background: url("../image/index/sprite.png")/*tpa=https://www.jkbrook.com/static/image/index/sprite.png*/ no-repeat -186px -13px;
}

.bg-box-two:hover {
    background: url("../image/index/sprite.png")/*tpa=https://www.jkbrook.com/static/image/index/sprite.png*/ no-repeat -186px -206px;
}

.bg-box-three {
    background: url("../image/index/sprite.png")/*tpa=https://www.jkbrook.com/static/image/index/sprite.png*/ no-repeat -357px -13px;
}

.bg-box-three:hover {
    background: url("../image/index/sprite.png")/*tpa=https://www.jkbrook.com/static/image/index/sprite.png*/ no-repeat -357px -206px;
}

.bg-box-four {
    background: url("../image/index/sprite.png")/*tpa=https://www.jkbrook.com/static/image/index/sprite.png*/ no-repeat -528px -13px;
}

.bg-box-four:hover {
    background: url("../image/index/sprite.png")/*tpa=https://www.jkbrook.com/static/image/index/sprite.png*/ no-repeat -528px -206px;
}

.advantages-item-title {
    margin-top: 9px;
    color: #333;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.advantages-item-content {
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
}
/*banner page*/
.qitabanner{
   position: relative;
   width: 100%;
   overflow: hidden;
   text-align: center;
}
.qitabanner a{
    display: inline-block;
    width: 100%;
}
.qitabanner a img{
    width: 100%;
}
.bannerzi{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);	/* IE 9 */
    -moz-transform:translate(-50%, -50%); 	/* Firefox */
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    max-width: 1200px;
    width: 100%;
    margin: auto;
    text-align: left;
}
.bannerzi-h{
    color: #ffffff;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}

/* ----- VISA服务区域----- */
.visa-new-title {
    margin-top: 70px;
}

.index-visa {
    width: 100%;
    height: 683px;
    background: url("../image/index/index-visa.png")/*tpa=https://www.jkbrook.com/static/image/index/index-visa.png*/ no-repeat center/cover;
    overflow: hidden;
}

.visa-services-box {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.visa-services-item {
    flex-shrink: 0;
    width: 280px;
    height: 394px;
    margin: 0 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 66, 149, .1);
}

.country-visa-title {
    margin-top: 30px;
    color: #0E1011;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.country-visa-title:hover a {
    color: #0E1011;
}

.visa-title-line {
    width: 28px;
    height: 4px;
    margin: 8px auto 0;
    background: #E61D31;
    border-radius: 4px;
}

.national-flag {
    width: 236px;
    height: 120px;
    margin: 20px auto 24px;
}

.national-flag img {
    width: 236px !important;
    height: 120px !important;
}

.immigration-project {
    padding: 0 29px;
}

.immigration-project-item {
    display: flex;
    margin-top: 7px;
}

.immigration-project-item .iconfont {
    margin-right: 9px;
    color: #E61D31;
    font-size: 12px;
    line-height: 29px;
}

.immigration-project-link {
    color: #2B3239;
    font-size: 16px;
    line-height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.immigration-project-link:hover {
    color: #E61D31;
}

/* ---- S 首页签证服务改版轮播 ---- */
.visa-service-box {
    width: 1200px;
    height: 394px;
}

.visa-item {
    display: flex;
    justify-content: center;
    width: 1200px;
    height: 462px;
}

.visa-service-wrap {
    margin-top: 50px;
}


.visa-pagination .swiper-pagination-bullet-active {
    background: #E61D31 !important;
}

.visa-pagination .swiper-pagination-bullet {
    background: #AAAAAA;
}
/* ---- S 首页签证服务改版轮播 ---- */

/* ---- 关于我们回调 ---- */
.about-us-visa .visa-services-item {
    width: 384px;
    height: 525px;
}

.about-us-visa .country-visa-title {
    font-size: 30px;
}

.about-us-visa .visa-title-line {
    width: 40px;
    height: 5px;
}

.about-us-visa .national-flag {
    width: 324px;
    height: 162px;
    margin-top: 25px;
}

.about-us-visa .national-flag img {
    width: 324px !important;
    height: 162px !important;
}

.about-us-visa .immigration-project-item {
    margin-top: 13px;
}

/* ----- Case区域----- */
.index-case {
    width: 100%;
    padding-bottom: 50px;
    background: url("../image/index/index-case.png")/*tpa=https://www.jkbrook.com/static/image/index/index-case.png*/ no-repeat center/cover;
}

/* ----- 选项卡内容区域----- */
.index-case .layui-tab-title {
    position: relative;
    left: 0;
    height: auto !important;
    white-space: nowrap;
    font-size: 0;
    border: none;
    transition: all .2s;
    -webkit-transition: all .2s;
    display: flex;
    justify-content: center;
}

.index-case .layui-tab-title .layui-this {
    border: none;
    background: #1A3657;
}

.index-case .layui-tab-title .layui-this:after {
    display: none;
}

.index-case .layui-tab-content {
    padding: 25px 25px 10px 25px;
    background: #1A3657;
    color: black;
}

.index-case .layui-tab-title li {
    padding: 0 31px;
}

.case-tab {
    margin: 14px 0 17px;
    font-size: 26px;
    line-height: 29px;
    color: #FFFFFF;
    position: relative;
}

.layui-this .case-tab {
    color: #EE2D40;
    font-weight: bold;
}

.layui-this .case-tab:after {
    position: absolute;
    left: 0;
    top: 38px;
    content: '';
    width: 100%;
    pointer-events: none;
    border-bottom: 2px solid #EE2D40;
}

.case-index-box {
    height: 190px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.case-index-img {
    width: 135px;
    height: 190px;
    position: relative;
}

.case-index-img:hover .img-mask {
    z-index: 2;
}

.case-index-img:hover .mask-look {
    z-index: 3;
}

.img-mask {
    width: 135px;
    height: 190px;
    background: #FFFFFF;
    opacity: 0.78;
    position: absolute;
    left: 0;
    display: flex;
}

.mask-look {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    left: 53px;
    top: 80px;
    width: 30px;
    height: 30px;
    background: #E61D31;
    border: 1px solid #E61D31;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

.mask-look .icon-fangda {
    font-size: 15px;
    color: #FFFFFF;
}

.case-index-img img {
    width: 135px;
    height: 190px;
    position: absolute;
    left: 0;
}

.case-index-right {
    width: 935px;
    padding: 24px 30px 30px 30px;
    background: #FFFFFF;
}

.case-text {
    font-size: 16px;
    line-height: 23px;
    color: #313A46;
    padding-bottom: 11px;
}

.case-time {
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    color: #E61D31;
}

.case-time span {
    color: #0E1011;
    margin-left: 3px;
}

.index-case .news-title {
    color: #FFFFFF;
    padding-bottom: 17px;
}

.right-visa {
    padding: 5px 30px 19px;
}

/*---- 左侧侧边栏定位 ----*/
.right-nav {
    position: fixed;
    top: 400px;
    right: 10px;
    width: 60px;
    z-index: 999;
}

.right-nav-item {
    position: relative;
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin-bottom: 2px;
    background: #E61D31;
    text-align: center;
    line-height: 60px;
}

.right-nav-item .iconfont {
    color: #fff;
    font-size: 26px;
}

.go-back-top {
    display: none;
    cursor: pointer;
    background: #B0B3B8;
}

.go-back-top:hover {
    background: #E61D31;
}

/*二维码盒子*/
.right-qr-code {
    display: none;
    position: absolute;
    left: -185px;
    top: -53px;
    width: 170px;
    height: 170px;
    background: #fff;
    border: 1px solid #D8DCE1;
    box-shadow: 0 0 20px rgba(10, 34, 58, .1)
}

.arrow-right {
    position: absolute;
    right: -5px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    transform: rotate(45deg);
    border: 1px solid #D8DCE1;
    background: #fff;
    box-shadow: 0 0 20px rgba(10, 34, 58, .1)
}

.qr-code-info {
    position: absolute;
    top: 0;
    width: 164px;
    height: 164px;
    padding: 3px;
    background: #fff;
}

.qr-code-info img {
    width: 158px;
    height: 158px;
    margin-top: 4px;
}

.right-nav-item:hover .right-qr-code {
    display: block;
}

/*免费评估*/
.right-assessment {
    display: none;
    position: absolute;
    left: -165px;
    top: 0;
    width: 170px;
    height: 58px;
    background: #fff;
    border: 1px solid #D8DCE1;
    box-shadow: 0 0 20px rgba(10, 34, 58, .1);
}

.right-assessment-box {
    position: absolute;
    top: 0;
    width: 170px;
    height: 58px;
    background: #fff;
}

.right-assessment-box a {
    display: block;
    width: 100%;
    height: 100%;
    color: #0A223A;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
}

.free-assessment-wrap {
    position: absolute;
    top: 0;
    left: -20px;
    width: 80px;
    height: 60px;
}

.free-assessment-wrap:hover .right-assessment {
    display: block;
}

/*电话*/
.reserve-phone-box {
    display: none;
    position: absolute;
    top: -50%;
    left: -165px;
    width: 170px;
    height: 117px;
    background: #fff;
    border: 1px solid #D8DCE1;
    box-shadow: 0 0 20px rgba(10, 34, 58, .1);
}

.reserve-phone-form {
    position: absolute;
    top: 0;
    width: 170px;
    height: 117px;
    background: #fff;
}

.reserve-phone-input {
    position: relative;
    top: 7px;
    width: 115px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #D8DCE1;
    color: #25292D;
    font-size: 14px;
    font-weight: bold;
}

.reserve-phone-btn {
    position: relative;
    top: -5px;
    width: 135px;
    height: 35px;
    background: #E61D31;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
}

.free-assessment-wrap:hover .reserve-phone-box {
    display: block;
}

.right-customer-service {
    display: block;
    width: 100%;
    height: 100%
}

.banner-form {
    position: absolute;
    top: 23px;
    left: 50%;
    margin-left: -600px;
    height: 0;
    z-index: 99;
}

.form-box {
    width: 340px;
    padding: 0 30px 40px;
    margin-left: auto;
    background: #EDF1F8;
    overflow: hidden;
}

.banner-form-title {
    margin-top: 40px;
    color: #0E1011;
    font-size: 28px;
    font-weight: bold;
}

.banner-form-text {
    margin: 14px 0 9px;
    color: #25292D;
    font-size: 18px;
    line-height: 29px;
}

.banner-form-box {
    margin-top: 4px;
}

.banner-form-item {
    margin-bottom: 10px;
}

.banner-form-label {
    margin-bottom: 5px;
    color: #E61D31;
    font-size: 18px;
}

.banner-form-input {
    width: 310px;
    height: 55px;
    padding: 0 15px;
    border: none;
    color: #25292D;
    font-size: 18px;
}

.banner-form-submit button {
    width: 340px;
    height: 55px;
    margin-top: 10px;
    background: #D7132E;
    box-shadow: 0 3px 10px rgba(215, 19, 46, .3);
}

/* ----- 介绍区域区域----- */
.index-introduce {
    width: 100%;
    background: #FAFCFF;
    overflow: hidden;
}

.introduce-box {
    display: flex;
    justify-content: space-between;
    margin: 40px auto 50px;
}

.introduce-box-l {
    padding-top: 30px;
    width: 560px;
}

.read-more {
    display: block;
    width: 189px;
    height: 50px;
    margin-top: 40px;
    background: #E61D31;
    box-shadow: 0 3px 10px rgba(215, 19, 46, .3);
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
}

.read-more:hover {
    color: #fff;
}

.introduce-title {
    position: relative;
    margin-bottom: 43px;
    color: #0E1011;
    font-size: 42px;
    font-weight: bold;
}

.introduce-text-two {
    margin-left: -10px;
}

.introduce-text-three {
    color: #E61D31;
}

.introduce-content {
    color: #2B3239;
    font-size: 18px;
    line-height: 32px;
}

.introduce-last-text {
    margin-top: 13px;
    color: #E61D31;
}

.introduce-box-r {
    width: 600px;
}

.introduce-box-r img {
    width: 600px;
    height: 448px;
}

.red-line {
    position: absolute;
    bottom: 0;
    width: 60px;
    height: 5px;
    background: #E61D31;
    border-radius: 4px;
}

/* ----- 专业表单区域----- */
.index-professional {
    width: 100%;
    height: 382px;
    background: url("../image/index/index-professional.png")/*tpa=https://www.jkbrook.com/static/image/index/index-professional.png*/ no-repeat center/cover;
    overflow: hidden;
}

.professional-form-title {
    margin-top: 76px;
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
}

.professional-text-red {
    color: #FB1B49;
}

.professional-form-box {
    height: 130px;
    margin-top: 55px;
    background: #fff;
    overflow: hidden;
}

.plan-form {
    display: flex;
    height: 130px;
}

.professional-form-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin: 5px 36px 0 0;
}

.professional-item-label {
    color: #E61D31;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.professional-item-input {
    width: 201px;
    height: 40px;
    border: none;
    border-bottom: 1px solid #C2C3C4;
    color: #25292D;
    font-size: 20px;
    line-height: 29px;
    border-radius: 0;
}

.professional-item-phone {
    width: 195px;
}

.professional-item-email {
    width: 202px;
}

.professional-form-submit button {
    width: 180px;
    height: 60px;
    background: #E61D31;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 3px 10px rgba(215, 19, 46, .3);
}

.layui-btn .icon-tijiao {
    color: #fff;
    font-size: 18px;
    margin-right: 10px;
}
.ban{overflow:hidden;height:550px;position:relative}
.ban img{display:block;height:100%;width:100%;min-width:1920px;position:absolute;left:50%;top:0;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}

.layui-btn .banner-submit-title {
    font-size: 18px;
}

.news-title {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #0E1011;
    padding: 50px 0 43px 0;
}

.news-title span {
    color: #E61D31;
    display: inline-block;
    margin-left: 10px;
}

/*---- 大图弹窗 ----*/
.pic-popup-box {
    background: red;
}

.close-btn {
    position: absolute;
    top: 0;
    right: 70px;
    width: 30px;
    height: 30px;
    z-index: 999;
    cursor: pointer;
}

.close-btn .iconfont {
    color: #fff;
    font-size: 30px;
}

.popup-box {
    position: relative;
    height: 100%;
}

.pic-popup-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(119, 119, 119, .5);
    cursor: pointer;
}

.pic-popup-btn .iconfont {
    display: block;
    color: #fff;
    font-size: 23px;
    text-align: center;
    line-height: 50px;
}

#img-address {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 444px;
    height: 600px;
}

.layui-layer-shade+.layui-layer {
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: unset !important;
}

.layui-layer-setwin .layui-layer-close2 {
    display: none !important;
}

.layui-layer-msg {
    min-width: 200px !important;
}

/*---- 无搜索结构样式 ----*/
.no-search img{
    width: 413px;
    height: 227px;
    margin:100px 0 0 184px;
}