
.nav-switch-conn {
    width: 1155px;
    height: 360px;
    background: #fff;
    position: absolute;
    z-index: 1;
    left: 211px;
    top: 0;
    display: none;
}

.nav-switch-conn .bg-opacity {
    width: 1155px;
    height: 350px;
    /*position: absolute;*/
    /*z-index: 1;*/
    background: url("../images/sy_cd_bg.png") no-repeat bottom;
    /*background-size: cover;*/
}

.show {
    display: block !important;
}

.fade {
    opacity: 1;
    transition: all 0.5s !important;
}

.nav-switch-conn-flex {
    /*border: solid 1px pink;*/
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.nav-switch-flag {
    width: 93px;
    height: 59px;
    margin-right: 20px;
    margin-bottom: 20px;

    text-align: center;

    position: relative;
    border-radius: 8px;
    /*border: solid blue 1px;*/
    overflow: hidden;
    border: 1px solid #EAF3FF;

}

.nav-switch-conn-flex .nav-switch-flag:nth-child(10n) {
    margin-right: 0;
}

.nav-switch-flag img {
    /*width: 115px;*/
    height: 59px;
    border-radius: 8px;

}

.nav-switch-flag .mask-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 93px;
    height: 18px;
    text-align: center;
    /*color: #FFFFFF;*/
    font-size: 12px;
    background: black;
    opacity: 0.6;

}

.nav-switch-flag .mask-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 93px;
    height: 18px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    /*background: black;*/
    z-index: 2;
}

.navigation .show {
    display: block;
}

.banner {
    /*width: 100%;*/
    height: 360px;
    margin: 0 auto;
}

.banner_content {
    /*width: 1620px;*/
    /*max-width: 1920px;*/
    /*min-width: 1620px;*/
    height: 360px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    /*border: solid blue 1px;*/
}

.banner_content ul li {
    width: 100%;
    height: 360px;
    position: absolute;
    /*éšè—æ‰€æœ‰liå›¾ç‰‡ï¼Œé»˜è®¤å¥½æ˜¾ç¤ºç¬¬ä¸€å¼ å›¾ç‰‡*/
    display: none;
}

.banner_content ul li a {
    display: inline-block;

}

.navbar {
    width: 1366px;
    height: 80px;
    margin: 20px auto;
    display: flex;
    /*æ°´å¹³å¹³å‡åˆ†æ•£*/
    justify-content: space-between;
    /*åž‚ç›´å±…ä¸­*/
    align-items: center;
    background: #fff;
}

.navbar_step_img {
    padding-left: 20px;
}

.navbar_step {
    font-size: 16px;
    height: 43px;
    display: inline-block;
    line-height: 43px;
    padding: 0 20px;
    border-radius: 4px;
    color: #1677FF;
    background: #EAF3FF;
    /*border: solid red 1px;*/

    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar a:not(:first-child):hover {
    background: #1677FF;
    color: #fff;
}

.countries {
    width: 1366px;
    /*height: 395px;*/
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
    padding: 20px;
}

.countries-flags {
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    /*display: none;*/
    visibility: visible;
    overflow: hidden;
}

/*.countries-flags .show {*/
/*    display: block;*/
/*}*/

.countries-flags .current {
    background: #1677FF;
    color: #fff;
}

.countries-flags .flags-item {
    width: 12%;
    /*background: pink;*/
    height: 150px;
    margin-bottom: 5px;
    padding: 10px;

}

.countries-flags .flags-item:not(:nth-child(8n)) {
    margin-right: calc(8% / 14);
}

.b2b {
    background: -webkit-linear-gradient(top, #EAF3FF, #FFFFFF);
    border-radius: 8px;
    border: 1px solid #EAF3FF;
    height: 140px;
    padding-top: 10px;
}

.b2b:hover {
    background: -webkit-linear-gradient(top, #FFFFFF, #EAF3FF);

}

.b2b-a {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    align-items: center;
}


.b2b-a img {
    width: 116px;
    height: 79px;
    margin-bottom: 10px;
    border-radius: 8px;
}

/*
.countries-flags .flags-item {
    width: 12%;
    !*width: 12%;*!
    height: 150px;

    border-radius: 4px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng520435775b59e8ed5c5e59e868dac428b970e8158be007fb3f423e1567fa415b) 100% no-repeat;
    margin-bottom: 20px;
}
*/


.countries_top {
    display: flex;
    justify-content: space-between;

}

.countries_top_1 {
    width: 96px;
    height: 30px;
    background: #EAF3FF;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #1677FF;
    cursor: pointer;
}

.hotClass {
    width: 96px;
    height: 30px;
    background: linear-gradient(75deg, #5DD7FF 0%, #38A6FF 54%, #1677FF 100%);
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

.countries_top_1:hover {
    background: linear-gradient(75deg, #5DD7FF 0%, #38A6FF 54%, #1677FF 100%);
    color: #FFFFFF;
}

.countries_top_2 {
    width: 144px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #3E77FB;
    padding-left: 10px;
}

.countries_top_letter {
    width: 1100px;
    display: flex;
    justify-content: space-between;
}

.countries_top_letter ul {
    display: flex;
    justify-content: space-between;
}

.countries_top_letter ul li {
    margin-right: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #EAF3FF;
    border-radius: 4px;
    font-size: 16px;
    color: #1677FF;
    text-align: center;
    line-height: 30px;
}

.countries_top_letter ul li:hover {
    color: #fff;
    background: #1677FF;
    cursor: pointer;
}

.countries_top_letter ul .current {
    background: #1677FF;
    color: #fff;
}

/*.countries_top_letter .spell_letter_item a {*/
/*    color: #1677FF;*/
/*}*/

/*.countries_top_letter .spell_letter_item:hover {*/
/*    background: #1677FF;*/
/*}*/

/*.countries_top_letter .spell_letter_item a:hover {*/
/*    color: #fff;*/
/*}*/

.warp {
    width: 1366px;
    height: 330px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;


}

.warp_top_policy {
    width: 442px;
    height: 330px;
    background: #FFFFFF;
    /*border: 1px solid #EAF3FF;*/
    padding: 15px;
    position: relative;
}

.warp_top_policy ul {
    /*border: solid red 1px;*/
    width: 200px;
    height: 26px;
    float: left;
}

.warp_top_policy ul li {
    cursor: pointer;
}

.warp_top_policy ul .current {
    float: left;
    font-size: 16px;
    color: #1677FF;
    line-height: 22px;
    margin-right: 20px;
    padding-bottom: 5px;
    border-bottom: #1677FF solid 2px;
}

.warp_top_policy .show {
    display: block !important;
}

.warp_top_policy ul li {
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-right: 20px;
}

.warp_top_policy ul li a:hover {
    color: #1677FF;
}

.warp_top_policy_item {
    width: 412px;
    /*border: solid orange 1px;*/
    position: absolute;
    display: none;
    padding-top: 17px;
}

.warp_top_more {
    width: 18px;
    height: 18px;
    float: right;
}

.warp_top_more img {
    width: 18px;
    height: 18px;
}

.image_tex_area {
    width: 400px;
    height: 97px;
    /*border: solid red 1px;*/
    display: flex;
    justify-content: space-between;
}

.image_tex_area .image_left {
    width: 147px;
    height: 97px;
    /*border: solid red 1px;*/
    overflow: hidden;
    border-radius: 8px;
}

.image_tex_area .image_left img {
    width: 147px;
    height: 97px;
}

.image_r_desc {
    width: 235px;
    height: 90px;
    /*border: solid blue 1px;*/
}

.image_r_desc h2 {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    padding-bottom: 5px;
}

.image_r_desc h2 a:hover {
    color: #1677FF;
}

.image_r_desc span {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    font-weight: 400;
}

.warp_top_policy .warp_news {
    width: 412px;
    height: 133px;
}

.warp_news .warp_news_item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.warp_news_items {
}

.warp_news_items li {
    width: 412px;
    display: flex;
    /*justify-content: space-between;*/
    padding: 10px 0 10px 0;
}


.warp_news_items li i::before {
    /*border: solid blue 1px;*/
    content: "";
    display: block;
    width: 30px;
    height: 16px;
    background: url("../images/sy_ml.png") no-repeat 0 2px;
    background-size: 17px;
    padding-top: 2px;
}

.warp_news_items li a {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    flex: 1;
}

.warp_news_items li span {
    width: 40px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 17px;
}

.warp_news_items ul li a:before {
    /* Unicode bullet symbol */
    content: '\2022 ';
    /* Bullet color */
    color: red;
    padding-right: 0.5em;
}

.warp_top_policy .warp_news h2 {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    width: 340px;
}

.warp_news_date {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
}

/* ä¸‹é¢æ˜¯å‰/åŽæŒ‰é’®ä»£ç ï¼Œå¦‚æžœä¸éœ€è¦åˆ é™¤å³å¯ */
.slideBoxBanner .prev,
.slideBoxBanner .next {
    position: absolute;
    left: 10%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../js/SuperSlider/images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slideBoxBanner .next {
    left: auto;
    right: 10%;
    background-position: 8px 5px;
}

.slideBoxBanner .prev:hover,
.slideBoxBanner .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBoxBanner .prevStop {
    display: none;
}

.slideBoxBanner .nextStop {
    display: none;
}

.warp_center_news {
    width: 442px;
    height: 330px;
    background: #FFFFFF;
    border: 1px solid #EAF3FF;
}

.hot_visa {
    width: 1366px;
    height: 662px;
    /*border: solid red 1px;*/
    margin: 0 auto;

}

.visa_product_left {
    width: 902px;
    height: 682px;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #EAF3FF;
    position: relative;
    float: left;
}

.visa_pro_tab_ul ul li {
    float: left;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    margin-right: 40px;
    cursor: pointer;
}

.visa_pro_tab_ul .current {
    color: #1677FF;
    border-bottom: 2px solid #1677FF;
    padding-bottom: 5px;
}

.visa_pro_tab_conn {
    width: 870px;
    height: 560px;
    display: flex;
    /*æ¢è¡Œ*/
    flex-wrap: wrap;
    /*4. å››å‘¨ç•™è¾¹è· */
    justify-content: space-between;
}

.show3 {
    display: block;
}

.parents-warp {
}

.parents {
    /*border: solid blue 1px;*/
    /*height: 600px;*/
    /*background: red;*/
    width: 868px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;

}

.parents .hot-pro-item {
    width: 421px;
    height: 98px;
    background: -webkit-linear-gradient(left, #EAF3FF, #FFFFFF);
    /*background: linear-gradient(90deg, #EAF3FF 0%, rgba(234, 243, 255, 0) 100%);*/
    border-radius: 8px;
    border: 1px solid #EAF3FF;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parents .hot-pro-item:hover {
    background: -webkit-linear-gradient(right, #EAF3FF, #FFFFFF);
}

.parents .hot-pro-item img {
    width: 114px;
    height: 74px;
    border-radius: 8px;
    /*margin-right: 15px;*/
}

.parents .hot-pro-txt {
    width: 270px;
    height: 64px;
    /*background: skyblue;*/
    margin-left: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.parents .hot-pro-txt p {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}

.parents .hot-pro-txt .hot-pro-pric {
    display: flex;
    align-items: center;
}

.parents .hot-pro-txt .hot-pro-pric p {
    font-size: 18px;
    font-weight: 600;
    color: #FF6430;
}

.parents .hot-pro-txt .hot-pro-pric span {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    margin-left: 23px;
}

.parents .hot-pro-txt .hot-pro-pric span i {
    color: #FF6430;
}

.visa_pro_tab_item {
    width: 421px;
    height: 98px;
    background: linear-gradient(90deg, #EAF3FF 0%, rgba(234, 243, 255, 0) 100%);
    border-radius: 8px;
    border: 1px solid #EAF3FF;
    padding: 10px;
}

.visa_pro_tab_item img {
    width: 114px;
    height: 74px;
    border-radius: 8px;
    float: left;
}

.visa_pro_tab_title {
    width: 270px;
    height: 74px;
    float: right;
    padding: 10px 0;
}

.visa_pro_tab_title a {
    width: 248px;
    height: 20px;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    overflow: hidden;
    display: inline-block;
}

.visa_pro_tab_title .price {
    font-size: 18px;
    font-weight: 600;
    color: #FF6430;
    line-height: 25px;
}

.visa_pro_tab_title .gray {
    font-size: 12px;
    color: #666666;
    line-height: 17px;
}

.visa_pro_tab_title .rate {
    font-size: 12px;
    color: #FF6430;
    line-height: 17px;
}

.show2 {
    display: block;
}

.parents-warp {
    display: block;
}

.visa_product_right {
    width: 442px;
    height: 660px;
    /*background: #ccc;*/
    float: right;

    border-radius: 4px;
    border: 1px solid #EAF3FF;

    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-content: space-between;*/

}

/*.visa_product_right .visa_pro_r_top {
    width: 439px;
    height: 318px;
    background: #FFFFFF;
    padding: 15px;
    position: relative;

}

.visa_product_right .visa_pro_r_bottom {
    width: 439px;
    height: 318px;
    background: #FFFFFF;
    padding: 15px;
}*/

.visa_pro_r_top ul li {
    float: left;
    font-size: 16px;
    color: #1677FF;
    line-height: 22px;
    margin-right: 20px;
    cursor: pointer;
}

.visa_pro_r_thumb {
    display: flex;
    justify-content: space-between;
}

.visa_pro_r_desc {
    width: 250px;
}

.visa_pro_r_desc h2 {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    line-height: 26px;

}

.visa_pro_r_desc p {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.visa_pro_r_conn {
    width: 410px;
    height: 133px;
    position: absolute;
    display: none;
}

.visa_pro_r_conn .warp_news_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 36px;
}

.visa_pro_r_conn .warp_news_title h2 a {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    width: 340px;
    display: inline-block;
}

.visa_product_right .current {
    float: left;
    font-size: 16px;
    color: #1677FF;
    line-height: 22px;
    margin-right: 20px;
    padding-bottom: 5px;
    border-bottom: #1677FF solid 2px;
}

.show3 {
    display: block;
}

.analysis {
    width: 1366px;
    height: 286px;
    background: #FFFFFF;
    border: 1px solid #EAF3FF;
    margin: 0 auto;
}

.analysis {
    padding: 20px;
}

.analysis_warp {
    width: 4px;
    height: 18px;
    background: #1677FF;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}

.analysis_title {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    float: left;
}

.analysis_lbt {
    height: 198px;
    border: 1px solid orange;
    display: flex;
}

/*.analysis_left_arrow {*/
/*    width: 31px;*/
/*    height: 198px;*/
/*    background: linear-gradient(90deg, #EAF3FF 0%, rgba(234, 243, 255, 0) 100%);*/
/*    border-radius: 4px;*/
/*    border: 1px solid #EAF3FF;*/

/*    !*float: left;*!*/
/*    margin-right: 20px;*/
/*}*/

.analysis_left_arrow1 {
    width: 31px;
    height: 198px;
    background: url("../images/sy_xyan1.png");
    border-radius: 4px;
}

.analysis_right_arrow2 {
    width: 31px;
    height: 198px;
    border-radius: 4px;
    background: url("../images/sy_xyan2.png");
}

.analysis_lbt_img {
    width: 157px;
    height: 198px;
    border-radius: 4px;
    text-align: center;
    float: left;
    margin-right: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.analysis_lbt_box {
    width: 1260px;
    height: 198px;
    float: left;
}

.analysis_left_arrow {
    width: 30px;
    height: 30px;
    border: red solid 1px;
}

.analysis_right_arrow {
    width: 30px;
    height: 30px;
    border: red solid 1px;
}

.analysis_lbt_img .title {
    font-size: 26px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 37px;
    margin-bottom: 10px;
}

.analysis_lbt_img .name {
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 25px;
    margin-bottom: 10px;
}

.analysis_lbt_img .record {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 17px;
    margin-bottom: 10px;
}

.analysis_lbt_img .time {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 17px;
    margin-bottom: 10px;
}

.partners {
    width: 1366px;
    /* height: 286px; */
    margin: 0 auto;
    padding: 20px;
    background: #fff;
}

.partners_conn {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.partners_conn_item {
    width: 204px;
    height: 75px;
    background: #FFFFFF;
    margin-bottom: 20px;
    margin-right: 20px; /****/
}


.partners_conn_item img {
    width: 200px;
    height: 73px;
    border: 1px solid #EAF3FF;
    border-radius: 8px;
}

.partners_conn_item img:hover {
    border: solid #CDE2FD 1px;
}

.partners_conn_item:nth-child(6n) {
    margin-right: 0;
}

.link {
    width: 1366px;
    height: 75px;
    background: #FFFFFF;
    border: 1px solid #EAF3FF;
    margin: 0 auto;
    padding: 0 20px;
}

.link-item {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}

.link ul li {
    float: left;
}

.link span {
    display: inline-block;
    line-height: 75px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}

.link a {
    line-height: 75px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.link a:hover {
    color: #1677FF;
}


