/*
    Template  Name: Relstate
*/

/*
Table Of Content

1. header top area
2. main menu area
3. slider area
4. video slider area  
5. breadcum area
6. about area
7. feature area
8. service area
9. choose area
10. project area
11. team area
12. testimonial area
13. brand area
14. faq area
15. call to action
16. contact area
17. single page price area
18. progess bar area
19. circle progress
20. blog area
21. portfolio area
22. project information area
23. single blog page area 
24. footer area

*/
@font-face {
    font-family: "hm-r";
    src: url("../fonts/HarmonyOS/HarmonyOS_SansSC_Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
  }
/* ======= site font family ==========*/
@import url('css2.css');
/*font-face*/

:root {}

.bgcolor {
    background: #2a1573
}

html,
body {
    overflow-x: hidden;
}

/* defult css */
body {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    font-family:  "hm-r","微软雅黑", Arial;
    overflow: hidden;
    color: #696969;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 14px;
}


.btn-primary:focus,
select:focus,
textarea:focus,
input:focus {
    box-shadow: none !important;
    border: none;
}

textarea,
input {
    outline: none;
}

.btn:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

input:focus,
button:focus {
    border-color: transparent;
    outline-color: transparent;
}

textarea:focus {
    border-color: transparent;
    outline-color: transparent;
}

::-moz-placeholder {
    font-size: 16px;
}

::-webkit-input-placeholder {
    font-size: 16px;
}

:-ms-input-placeholder {
    font-size: 16px;
}

::placeholder {
    font-size: 16px;
}

a {
    font-size: 15px;
    font-weight: 500;
   font-family:  "hm-r","微软雅黑", Arial;
    text-decoration: none !important;
    color: #000;
    transition: .5s;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none;
}

a:hover:hover {
    color: #2a1573;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

p.form-messege {
    margin-top: 8px;
}

.witr_all_pd0 {
    padding: 0;
}

/* highlight color css */
.highlight {
    color: #f5a96e;
}



/*======= header top area start =====*/
.header_left img {
    width: 319px;
   
}

.header_top_area {
    background-color: #fff;
    padding: 20px 0px;
    height: 100px;
}

.header_left span,
.header_right span {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.header_left span,
.header_left a {
    margin: 0 15px 0 0;
    color: #fff;
}

.header_left span i,
.header_left a i {
    margin-right: 6px;
}

.header_right {
    text-align: right;
    line-height: 28px;
}

.header_right {
    font-size: 14px;
    color: #000;
}

.header_right b {
    font-size: 32px;
    font-weight: bold;
    color: #2a1573;
}

.header_left a:hover,
.header_right a:hover {
    color: #2a1573;
}

/*=========== header top area end =============*/



/*======== main menu area start ==========*/
.main_menu_area {
    padding: 0px 0px;
    background-color: #2b2b2b;
}

/* mobile menu */
.mobile_menu {
    display: none;
}

.mobile_logo_area {
    display: none;
}

.main_menu_area .sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background: rgb(0 0 0 / 70%);
}

.main_menu_area .sticky_logo {
    display: none;
}

.main_menu_area.sticky .main_logo {
    display: none;
}

.main_menu_area.sticky .sticky_logo {
    display: block;
}

.main_menu_area.sticky .inner_main_nav_area>ul>li>a {
    color: #fff;
}

.main_menu_area.sticky .inner_main_nav_area>ul>li>a:hover {
    color: #f5a96e;
}

.main_menu_area.sticky .inner_main_nav_area>ul>li>a i {
    color: #fff;
}

.main_menu_area.sticky .main_nav_btn a {
    color: #fff;
}

.main_menu_area.sticky .main_nav_icons>i {
    color: #fff;
}

.inner_main_nav_area {
    width: 100%
}

/* main nav area css */
.main_nav_area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* absolute menu css */
.absolute_menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: none;
}

.absolute_menu .main_nav_area {
    justify-content: flex-end;
}

/* landing menu css */
.landing_menu {
    justify-content: end;
}

.main_menu_all_item {
    align-items: center;
}

/* inner main nav area css */
.inner_main_nav_area ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.inner_main_nav_area>ul>li {
    display: inline-block;
    width: 13.8%;
    text-align: center;
}

.inner_main_nav_area>ul>li>a {
    display: inline-block;
    margin: 20px 0px 20px 0px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.inner_main_nav_area>ul>li>a>i {
    font-size: 14px;
    font-weight: 700;
    color: #333D47;
}

.inner_main_nav_area>ul>li>a:hover {
    color: #fff;
}

.absolute_menu .inner_main_nav_area>ul>li>a {
    color: #fff;
}

.absolute_menu .inner_main_nav_area>ul>li>a:hover {
    color: #000;
}

/* main nav icons together */
.main_nav_icons_together {
    display: flex;
    align-items: center;
    position: absolute;
    left: 18px;
    top: 3px;
}

/* main nav icons */
.main_nav_icons {
    margin-left: 7px;
}

.main_nav_icons>i {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    color: #969BA0;
    cursor: pointer;
    transition: .5s;
    position: relative;
    top:3px
}

.main_nav_icons>i:hover {
    background-color: #000;
    color: #fff;
}

.main_nav_btn {
    margin-left: 12px;
}

.main_nav_btn a {
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    padding: 8px 35px;
    background-color: #f5a96e;
    color: #fff;
}

.main_nav_btn a:hover {
    background-color: #000;
    color: #fff;
}

/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: -110%;
    left: 0;
    background: #000000c2;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}

.nav_icon_popup.icon_popup {
    opacity: 1;
    visibility: visible;
    top: 0;
}

/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}

.inner_nav_icon_popup input {
    font-size: 30px;
    font-weight: 500;
    padding: 17px 40px 15px 15px;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: 0px 0px 30px 0px #dddddd45;
    background: #fff;
    border-radius: 10px;
}

.inner_nav_icon_popup input::placeholder {
    font-size: 30px;
}

/* inner nav popup form icons css */
.inner_nav_popup_form_icons {
    position: absolute;
    top: 35%;
    right: 10px;
    transform: translateY(-50%);
}

.inner_nav_popup_btnicon {
    font-size: 40px;
    border: none;
    outline: none;
    background: none;
}

.inner_nav_icon_popup i {
    display: inline-block;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    color: #000;
    font-size: 25px;
    cursor: pointer;
    transition: 1s;
}

/* drop down menu css */
.sub_menu_hover {
    background: #2a1573
}

.sub_menu {
    display: black;
}

.sub_menu h2 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #AAAAAA;
    padding: 15px 5px 5px 5px;
    color: #000;
    margin-right: 10px;
}

.sub_menu ul {
    float: left;
    padding: 0px 0px 5px 0px;
}

.sub_menu ul li h3 {
    background: #FDF3F3;
    padding: 0px 0px 5px 0px;
    margin-bottom: 2px;
}

.sub_menu ul li {
    padding-right: 10px;
    line-height: 20px;
}

.sub_menu ul li h3 a {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
}

.sub_menu ul li h3 a img {
    padding: 0px 7px 0px 0px;
}

.sub_menu ul li ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #333;
}

.sub_menu ul li ul {
    width: 100%;
    background: #fff;
    padding: 0px 10px 0px 0px;
}

.sub_menu ul li ul li {
    padding: 0px;
}

.sub_menu_33 {
    width: 33.3%;
    float: left;
}

.sub_menu_66 {
    width: 66.6%;
    float: left;
}

.sub_menu_66 ul li {
    float: left;
    width: 50%
}

.sub_menu_50 {
    width: 50%;
    float: left;
}

.sub_menu_20 {
    width: 20%;
    float: left;
    padding: 0px 30px 0px 30px;
}

.sub_menu_20 h2 {
    width: 80%;
}

.sub_menu_20 li {
    margin-left: 5px;
    margin-bottom: 10px;
}

.sub_menu_20 li a img {
    padding: 0px 7px 0px 0px;
}

.sub_menu_201 {
    width: 20%;
    float: left;
    padding: 0px 30px 0px 30px;
}

.sub_menu_201 h2 {
    width: 80%;
    background: #FDF3F3;
    border-bottom: 0px;
    margin: 10px 0px 2px 0px;
    padding: 10px;
}

.sub_menu_201 li {
    margin-left: 10px;
    padding: 5px 0px
}

.sub_menu_201 li a {
    font-size: 14px;
}

.sub_menu_201 li a img {
    padding: 0px 7px 0px 0px;
}

.sub_menu {
    position: absolute;
    top: 130%;
    left: 0;
    width: max-content;
    min-width: 1200px;
    max-width: 1200px;
    text-align: left;
    margin: 0;
    padding: 0px 0px 0px 10px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.sub_menu li {
    position: relative;
}

.sub_menu li a:hover {
    color: #2a1573;
    margin-left: 5px;
}

.inner_main_nav_area>ul>li:hover .sub_menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.inner_main_nav_area .sub_menu>li>ul.sub_menu {
    top: 130%;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.inner_main_nav_area ul li .sub_menu li:hover ul.sub_menu {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.sub_menu .sub_menu_zx {
    padding: 0px;
    margin: 0px;
}

.sub_menu .sub_menu_zx li {
    width: 100px;
    float: left;
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.sub_menu .sub_menu_zx .sub_menu_zx_hover {
    border-bottom: 4px solid red;
    color: red;
    font-weight: bold;
}

/*======== main menu area end ==========*/



/*======== mobile menu area start ==========*/
.mobile_logo_area {
    display: none !important;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav>ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}

.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}

.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}

.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}

.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}

.mean-container .mean-nav {
    margin-top: 0px;
}

.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 0px 20px 0px;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}

.tx-s-open {
    transform: translateX(0);
}

.mobile_p .tuetion_theme_widget>div.widget_block {
    padding: 0;
}

.mobile_p .tuetion_theme_widget>div {
    padding: 20px 0px 20px;
    box-shadow: none;
}

.mean-container .mean-nav ul li a {
    border: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}

.mean-container .mean-nav ul li a.mean-expand {
    width: auto;
}

.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}

.mean-container .mean-nav>ul>li:first-child>a {
    border-top: 0;
}

.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile_menu_o i {
    font-size: 26px;
}

.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 0px;
    width: 140px;
    overflow: hidden;
}

.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 20px;
}

.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}

.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}

/*====================== mobile menu area end ==========*/



/*====================== slider area start  ==========*/
/* inner slider area */
.inner_slider_area {
    height: 400px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
    position: relative;
    z-index: 1;
}

.inner_slider_area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;

}

/* golobal btn css */
.r_btn {
    margin-top: 50px;
}

.r_btn a {
    display: inline-block;
    padding: 15px 45px;
    background-color: #fff;
    color: #000;
    font-size: 19px;
    font-weight: 600;
}

.r_btn a:hover {
    background-color: #f5a96e;
    color: #fff;
}

/* slider defult arrow css */
.slider_area .slick-prev,
.slider_area .slick-next {
    background: #6c757d;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    opacity: 0.8;
    visibility: hidden;
    padding: 0px;
}

.slider_area:hover .slick-prev,
.slider_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

.slider_area .slick-prev {
    left: 40px;
}

.slider_area .slick-next {
    right: 40px;
}

.slider_area .slick-prev::before,
.slider_area .slick-next::before {
    content: '\eac9';
    font-family: IcoFont;
    color: #fff;
    display: inline-block;
    background: 0 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 40px;
    font-weight: 700;
}

.slider_area .slick-next::before {
    content: '\eaca';
}

.slider_area .slick-prev:hover::before,
.slider_area .slick-next:hover::before {
    background-color: #fff;
    color: #000;
}

/*======== slider area end  ==========*/

/*================================================== video slider area start  ==========*/
.video_slider_area {
    position: relative;
    height: 820px;
}

.video_slider_area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #00000033;
}

.witr_youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}

.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/*============================================================================== video slider area end  ==========*/

/*======================================================================= breadcum area start  ==========*/
.breadcum_area {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
}

.breadcum_area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    z-index: -1;
}

.inner_breadcum_area {
    padding: 60px 0;
}

.inner_breadcum_area h1 {
    font-size: 29px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.inner_breadcum_area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inner_breadcum_area ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.inner_breadcum_area ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.inner_breadcum_area ul li i,
.inner_breadcum_area ul li a i {
    font-size: 22px;
}

/*======== breadcum area end  ==========*/

/*======== about area start  ==========*/
.about_area {
    padding: 100px 0 50px;
}

/* call to action about area css */
.call_about {
    padding: 100px 0 100px;
}

.inner_about_area {
    margin-top: 15px;
}

.about_area .section_title_area {
    margin-bottom: 40px;
}

/* inner about list area css */
.inner_about_list ul {
    list-style: none;
    padding: 0;
}

.inner_about_list ul li {
    color: #696969;
    font-size: 17px;
    margin: 10px 0 10px;
}

/* inner about lower css */
.inner_about_lower {
    display: flex;
    margin-top: 60px;
}

.inner_ab_icon {
    margin-right: 30px;
}

.inner_ab_icon i {
    display: inline-block;
    width: 67px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    border-radius: 100%;
    background-color: #000;
    color: #fff;
    font-size: 30px;
    transition: 1s;
}

.inner_about_lower:hover .inner_ab_icon i {
    background-color: #f5a96e;
    color: #fff;
}

.inner_ab_cont h1 {
    color: #f5a96e;
}

/* inner about right area css */
.inner_about_right_area {
    padding: 75px 60px 40px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
}

.inner_about_right_area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: -1;
    opacity: .5;
}

.inner_ab_right_counter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.inner_ab_cou_icon {
    margin-right: 20px;
}

.inner_ab_cou_icon i {
    font-size: 60px;
    color: #fff;
}

.inner_ab_cou_title h2 {
    font-size: 50px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}

.inner_ab_cou_title h4 {
    color: #fff;
}

/*======== about area end  ==========*/

/*======== feature area start  ==========*/
.feature_area {
    margin: 50px 0 50px;
    padding: 115px 0 50px;
    background-color: #000;
}

.feature_area .section_title_area h3 {
    color: #fff;
}

.single_feature_right {
    position: relative;
    text-align: center;
}

.single_feature_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.single_feature_play a {
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    color: #000;
    animation: witr-shadow 1s linear infinite;
}

@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}

/*======== feature area end  ==========*/

/*======== service area start  ==========*/
.service_area {
    padding: 45px 0 50px;
}

/* single page service area css */
.single_page_service {
    padding: 95px 0 50px;
}

.service_area .section_title_area {
    margin-bottom: 35px;
}

/* single service area css */
.single_service_area {
    margin: 15px;
    background-color: #fff;
    box-shadow: 0 0 30px -5px rgb(0 0 0 / 10%);
}

.single_service_area img {
    width: 100%;
    border-radius: 15px;
}

/* inner single service content css */
.inner_single_service_content {
    padding: 20px 20px;
}

.inner_single_service_content p {
    width: 90%;
    margin: 0 auto 15px;
}

.inner_single_service_content ul {
    list-style: none;
    padding: 0px;
}

.inner_single_service_content ul li {
    width: 33.3%;
    float: left;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #eee;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 10px 0px
}

.inner_single_service_content ul li span {
    color: #767676;
}

.inner_single_service_content>a {
    font-size: 19px;
    font-weight: 600;
    border: 1px solid #f5a96e;
    color: #f5a96e;
    display: inline-block;
    padding: 9px 30px;
}

.inner_single_service_content>a:hover {
    background-color: #f5a96e;
    color: #fff;
}

/* golobal slick defult arrow css */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    background: none;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.slick-prev {
    left: -65px;
}

.slick-next {
    right: -40px;
}

.slick-prev::before,
.slick-next::before {
    content: '\eac9';
    font-family: IcoFont;
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    font-size: 40px;
    background-color: #969BA0;
    color: #fff;
    transition: 1s;
}

.slick-next::before {
    content: '\eaca';
}

.slick-prev:hover::before,
.slick-next:hover::before {
    background-color: #2a1573;
    color: #fff;
}

.service_area:hover .slick-prev,
.service_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

/*======== service area end  ==========*/


/*======== choose area start  ==========*/
.choose_area {
    background: #fff;
    padding: 80px 0 100px;
    margin: 0px 0 50px;
}

/* about choose area css */
.about_choose {
    margin: 30px 0 0px;
}

.inner_choose_img img {
    width: 100%;
}

/* inner choose right css */
.inner_choose_right .section_title_area {
    margin-bottom: 40px;
}

.inner_choose_right {
    padding: 50px 20px;
}

.inner_choose_sub_cont {
    display: flex;
    margin-bottom: 20px;
}

.inner_choose_cont_title {
    margin-left: 20px;
}

.inner_choose_cont_title h2 {
    margin: 0;
}

/*======== choose area end  ==========*/



/*======= team area start =====*/
.team_area {
    padding: 25px 0 60px;
}

/* service team area css */
.service_team {
    padding: 45px 0 60px;
}

/* single page team css */
.single_page_team {
    padding: 95px 0 60px;
}

.inner_team_title_area {
    margin-bottom: 60px;
}

.inner_team_title_area h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #f5a96e;
}

.inner_team_title_area h3 {
    font-size: 48px;
}

/* inner team area css */
.inner_team_area {
    position: relative;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .05);
}

.inner_team_img {
    position: relative;
    overflow: hidden;
}

.inner_team_img img {
    width: 100%;
    height: 100%;
}

.inner_team_sub_icon {
    position: absolute;
    top: -150px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.inner_team_area:hover .inner_team_sub_icon {
    top: 85px;
    opacity: 1;
    visibility: visible;
}

/* inner team content css */
.inner_team_content {
    padding: 15px 15px 10px;
}

.inner_team_content h2 {
    margin: 0;
}

.inner_team_absoltue_icon {
    position: absolute;
    top: 50px;
    right: 20px;
}

.inner_team_absoltue_icon a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    background-color: #f5a96e;
    color: #fff;
}

.inner_team_absoltue_icon a:hover {
    background-color: #000;
    color: #fff;
}

.inner_team_sub_icon a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    background-color: #f5a96e;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 5px;
}

.inner_team_sub_icon a:hover {
    background-color: #000;
    color: #fff;
}

.team_line {
    position: absolute;
    opacity: 1;
    transition: .5s;
    z-index: 99
}

.team_line_bottom,
.team_line_top {
    width: 0;
    height: 2px;
    left: -60px;
    bottom: 0;
    background: linear-gradient(to right, rgba(117, 161, 251, 0), #08bce9, rgba(117, 161, 251, 0));
}

.team_line_top {
    top: 0;
}

.inner_team_area:hover .team_line_bottom,
.inner_team_area:hover .team_line_top {
    width: calc(100% + 110px)
}

.team_line_right,
.team_line_left {
    height: 0;
    width: 2px;
    top: -60px;
    right: 0;
    background: linear-gradient(to top, rgba(117, 161, 251, 0), #08bce9, rgba(117, 161, 251, 0));
}

.team_line_left {
    left: 0;
}

.team_line_right {
    right: 0;
}

.inner_team_area:hover .team_line_left,
.inner_team_area:hover .team_line_right {
    height: calc(100% + 110px);
}

/*======= team area end =====*/

/*===== testimonial area start  ====*/
.testimonial_area {
    margin: 40px 0 0;
    padding: 100px 0 90px;
}

.single_page_testimonial {
    margin: 0 0;
}

.inner_testimonial_area {
    padding: 50px 30px 10px;
    margin: 10px 15px;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
}

/* testimonial title css */
.inner_test_title {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.inner_test_img {
    margin-right: 20px;
}

.inner_test_text h2 {
    margin: 0;
}

.inner_test_text p {
    margin: 0;
}

/* inner test thumb css */
.inner_test_thumb {
    padding: 20px 0px 30px;
}

/* testimonial icons css */
.inner_test_icon {
    margin-top: 30px;
}

.inner_test_icon i {
    font-size: 22px;
    color: #000;
}

.testimonial_area:hover .slick-prev,
.testimonial_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

/*=====  testimonial area end  ====*/

/*======== brand area start  ==========*/
.brand_area {
    padding: 80px 0 80px;
}

/* team brand area css */
.team_brand {
    margin: 40px 0 100px;
}

.inner_brand_area img {
    margin: 0 auto;
}

.brand_area:hover .slick-prev,
.brand_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

/*======== brand area end  ==========*/

/*======== faq area start  ==========*/
.faq_area {
    padding: 100px 0 50px;
}

/* single page faq css */
.single_page_faq {
    padding: 100px 0 100px;
}

.inner_faq_area button {
    outline: none;
    border: 1px solid #6969694d;
    font-size: 18px;
    font-weight: 700;
}

.accordion-item {
    margin-top: 20px;
}

.accordion-button:focus {
    box-shadow: none;
}

.inner_faq_area .accordion-button h4 {
    margin: 0;
}

.accordion-button:not(.collapsed) {
    background: none;
}

/*======== faq area end  ==========*/

/*======== call to action start  =========*/
.call_to_action {
    margin: 50px 0 50px;
    padding: 90px 0 80px;
    position: relative;
    z-index: 1;
}

.call_to_action::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f5a96e;
    opacity: .95;
    z-index: -1;
}

.inner_call_action h1 {
    font-size: 40px;
    color: #fff;
}

/* call to right btn css */
.call_right_btn {
    margin-top: 30px;
}

.call_right_btn a {
    display: inline-block;
    padding: 12px 50px 12px 50px;
    font-size: 19px;
    font-weight: 600;
    background-color: #000;
    color: #fff;
}

.call_right_btn a:hover {
    background-color: #fff;
    color: #000;
}

/*======== call to action end  =========*/

/*======== contact area start  ==========*/
.contact_area {
    padding: 50px 0 50px;
}

/* about contact area css */
.about_contact {
    padding: 50px 0 100px;
}

/* single page contact css */
.single_page_contact {
    padding: 100px 0 100px;
}

.inner_contact_area {
    padding: 60px 10px 60px 30px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}

.inner_contact_content {
    margin-bottom: 20px;
}

.inner_contact_content h2 {
    font-size: 17px;
    font-weight: 700;
    color: #f5a96e;
}

.inner_contact_content h3 {
    font-size: 38px;
    font-weight: 700;
}

.inner_contact_content p {
    width: 78%;
    font-weight: 400;
}

/* inner contact form */
.inner_contact_form input {
    border: 1px solid #f1f1f1;
    outline: none;
    width: 100%;
    height: 45px;
    border-radius: 5px;
    padding: 0 20px;
    margin-right: 15px;
    margin-bottom: 23px;
}

.inner_contact_form textarea {
    width: 100%;
    border: 1px solid #f1f1f1;
    outline: none;
    padding: 20px 20px;
}

.inner_contact_form button {
    margin-top: 18px;
    padding: 15px 30px;
    font-size: 19px;
    font-weight: 600;
    border: none;
    outline: none;
    background-color: #f5a96e;
    color: #fff;
    transition: .5s;
}

.inner_contact_form button:hover {
    background-color: #000;
    color: #fff;
}

.inner_contact_map {
    width: 100%;
    height: 100%;
}

.inner_contact_map iframe {
    width: 100%;
    height: 100%;
}

/*======== contact area end  ==========*/

/*======== single page price area start  ==========*/
.single_page_price_area {
    padding: 90px 0 80px;
}

.sp_inner_price_area {
    text-align: left;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 18%);
    padding: 0px 0 40px;
    margin-bottom: 20px;
    background-color: #fff;
}

/* inner price sub content */
.sp_inner_price_title {
    display: inline-block;
    width: 100%;
    background: #333;
    padding: 20px 0 10px;
}

.sp_inner_price_title h2 {
    font-size: 30px;
    color: #fff;
}

.sp_inner_price_content {
    display: inline-block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    border-radius: 100%;
    background-color: #f5a96e;
    color: #fff;
    padding-top: 50px;
    margin-top: 30px;
}

.sp_inner_price_content h3 {
    font-size: 25px;
    color: #fff;
    margin: 0;
}

.sp_inner_price_content h4 {
    font-size: 18px;
    color: #fff;

}

/* inner price list menu css */
.sp_inner_price_list_menu {
    padding: 20px 0 15px;
}

.sp_inner_price_list_menu ul {
    list-style: none;
    padding-left: 18px;
}

.sp_inner_price_list_menu ul li {
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #696969;
}

.sp_inner_price_list_menu ul li i {
    font-weight: 700;
    margin-right: 6px;
}

/* inner price btn */
.sp_inner_price_btn a {
    display: inline-block;
    padding: 12px 50px;
    font-size: 19px;
    font-weight: 600;
    background-color: #f5a96e;
    color: #fff;
}

.sp_inner_price_btn a:hover {
    background-color: #000;
    color: #fff;
}

/*======== single page price area end  ==========*/

/*======== progess bar area start ==========*/
.progerss_bar {
    padding: 100px 0 50px;
}

.witr_single_progress {
    overflow: hidden;
    margin-bottom: 20px;
}

.progress {
    display: flex;
    height: 6px;
    background-color: #e9ecef;
}

.progress-bar {
    overflow: initial;
    background-color: #f5a96e;
}

.witr_title2 span {
    font-weight: 700;
    font-size: 17px;
    color: #000;
}

.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    border-radius: 0;
    box-shadow: none;
}

.witr_progress-style2 {
    overflow: visible;
    position: relative;
    margin-top: 2px;
    box-shadow: none;
    background: #e9ecef;
    border-radius: 0;
    margin-bottom: 2px;
}

.witr_progress-style2+.witr_progress-style2 {
    margin-top: 60px;
}

.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 0;
    line-height: 25px;
    box-shadow: none;
    height: 6px;
}

.witr_title6 .witr_label {
    left: 2px;
    top: 8px;
    color: #272727;
    font-size: 16px;
    font-weight: 600;
}

.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -28px;
    color: #000;
}

/*======== progess bar area end ==========*/

/*======= circle progress start ======*/
.circle_progress_bar {
    padding: 50px 0 50px;
}

.witr_cp_class {
    position: relative;
}

span.witr_cir_text {
    color: #000;
    font-size: 22px;
}

span.witr_cir_text {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 700;
}

.witr_circle_title {
    margin-top: 10px;
}

.witr_circle_title h2 {
    color: #000;
}

.cir_witr .allcostyle {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    margin: 0 0 35px 0;
    padding: 0;
    border: none;
}

.cir_witr .allcostyle h2 {
    margin: 16px 0 8px 0;
}

.prog_page_cir {
    margin: 0;
}

.prog_page_cir .cir_inner {
    padding: 0;
}

.prog_page_cir .witr_circle_area {
    margin-right: 25px;
    margin-left: 25px;
}

/*======= circle progress end =====*/

/*======== blog area start  ==========*/
.blog_area {
    margin: 50px 0 0;
    padding: 95px 0 100px;
    background: #F9F9F9;
}

/* single page blog css */
.single_page_blog {
    margin: 0 0;
}

/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}

/* inner blog thumb css */
.inner_blog_thumb {
    position: relative;
    overflow: hidden;
}

.inner_blog_img img {
    width: 100%;
    transition: .5s;
}

.inner_blog_area:hover .inner_blog_img img {
    transform: scale(1.2);
}

/* blog overlay css */
.blog_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}

.inner_blog_area:hover .blog_overlay {
    transform: scale(1.2);
}

/* inner blog text css */
.inner_blog_text {
    padding: 20px 20px 8px;
}

.inner_blog_text span a {
    color: #696969;
    font-weight: 400;
}

.inner_blog_text span {
    margin-right: 10px;
    color: #696969;
}

.inner_blog_text span i {
    margin-right: 3px;
    color: #f5a96e;
}

/*inner blog content css */
.inner_blog_content {
    padding: 0 20px 5px;
}

.inner_blog_content h2 a {
    display: inline-block;
    margin-bottom: 8px;
}

.inner_blog_content>a {
    font-size: 14px;
    color: #f5a96e;
}

.inner_blog_content>a:hover {
    color: #000;
}

/* blog btn area css */
.blog_sub_btn {
    padding: 5px 20px 35px;
}

.blog_sub_btn a {
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    background-color: #f5a96e14;
    color: #f5a96e;
}

.blog_sub_btn a:hover {
    background-color: #f5a96e;
    color: #fff;
}

/*======== blog area end  ==========*/

/*======== 二级页 - 热门地区 start  ==========*/
.portfolio_area {
    padding: 55px 0 40px;
}


.portfolio_2 {
    margin-bottom: 30px;
}

.portfolio_title h2 {
    font-size: 18px;
    color: #f5a96e;
}

.portfolio_title h3 {
    font-size: 48px;
}

.portfolio_title p {
    width: 64%;
    margin: 0 auto;
}

/* portfolio 2 sub content css */
.portfolio_2_subc {
    padding: 0px 0 5px 15px;
}

.portfolio_2_subc h2 a {
    font-size: 24px;
    transition: .5s;
    color: #f5a96e;
}

.portfolio_2_subc h2 a:hover {
    color: #000;
}

.portfolio_nav_all {
    padding: 24px 0 22px;
}

/* portfolio nav css */
.portfolio_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.portfolio_nav ul li {
    display: inline-block;
    border: 1px solid #f3eaea;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
}

.portfolio_nav ul li.current_menu_item {
    background-color: #f5a96e;
    color: #fff;
}

.portfolio_nav ul li:hover {
    background-color: #f5a96e;
    color: #fff;
}

/* portfolio items css */
.portfolio_img_area {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.portfolio_img_area img {
    width: 100%;
}

.inner_port_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.inner_port_cont h2 {
    margin: 0;
}

.inner_port_cont h2 a {
    color: #fff;
}

.inner_port_cont p {
    color: #fff;
}

.inner_portfolio_items:hover .portfolio_overlay_cont {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

/* portfolio lower nav area css */
.portfolio_lo_nav_area {
    padding: 40px 0 0;
}

.inner_portfolio_lower_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inner_portfolio_lower_nav ul li {
    display: inline-block;
}

.inner_portfolio_lower_nav ul li a {
    display: inline-block;
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
    margin: 0 5px;
    padding: 15px 24px;
    box-shadow: 0 10px 40px 0 rgba(50, 65, 141, .12);
}

.inner_portfolio_lower_nav ul li a.current {
    background-color: #f5a96e;
    color: #fff;
}

.inner_portfolio_lower_nav ul li a:hover {
    background-color: #f5a96e;
    color: #fff;
}

.inner_portfolio_lower_nav ul li a i {
    font-size: 22px;
    font-weight: bold;
}

/*======== portfolio area end  ==========*/



/*======== blog left area start  ==========*/
.yblog_left {
    padding: 100px 0 35px;
}

.inner_yblog_form {
    position: relative;
    padding: 5px 0px;



}

.header_phone {
    padding: 5px 0px 0px 0px;
}

.inner_yblog_form input {
    width: 90%;
    outline: none;
    height: 40px;
    border: 1px solid #efefef;
    background: #EEEFF0;
    margin-left: 20px;
    padding-left: 50px;
    border-radius: 15px;
}

.inner_yblog_form button {
    position: absolute;
    left: 0;
    display: inline-block;
    outline: none;
    border: none;
    padding: 10px 20px 14px 40px;
    background-color: #fff;
    height: 40px;
    background: unset;
    display: none;

}

.inner_yblog_form button i {
    font-size: 18px;
}

/* inner  left title css */
.inner_yblog_left_title {
    margin: 30px 0 30px;
    width: 100%;
    padding: 20px 20px 15px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}

.inner_yblog_left_title h2 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}

.inner_yblog_left_title h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    border-radius: 50%;
    border: 1px solid #f5a96e;
}

.inner_yblog_left_title a {
    display: inline-block;
    margin-top: 15px;
    font-size: 17px;
    font-weight: 400;
}

.inner_yblog_left_title a.bottom {
    border-bottom: none;
}

.inner_yblog_left_title a:hover {
    color: #dc3e03;
}

.inner_yblog_left_title a i {
    font-weight: 900;
}

/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding: 13px 0 12px;
    margin-top: 0;
}

/* blog left inner css */
.yblog_left_inner {
    margin-bottom: 30px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
}

.yblog_left_sub {
    padding: 25px 0 30px 15px;
}

.yblog_left_sub h2 a {
    width: 90%;
}

.yblog_left_text_sub {
    padding: 0px 0 10px;
}

.yblog_left_text_sub span {
    color: #000;
}

.yblog_left_text_sub span i {
    color: #f5a96e;
}

.yblog_left_sub p {
    font-size: 16px;
    font-weight: 400;
    width: 95%;
}

.yblog_left_sub>a {
    display: inline-block;
    margin: 7px 0 0;
    padding: 7px 25px;
    border: 1px solid #dddddd;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    color: #696969;
    text-transform: capitalize;
}

.yblog_left_sub>a:hover {
    background-color: #f5a96e;
    color: #fff;
}

.ycalender_inner h5 {
    background-color: #f5a96e;
    color: #fff;
    padding: 14px 0 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
}

.ycalender_inner {
    padding: 20px 20px;
    width: 100%;
}

.ycalender_inner th {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
}

.ycalender_inner td {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 12px;
    font-size: 14px;
}

.ycalender_inner td.active {
    background-color: #f5a96e;
    color: #fff;
}

/*======== blog left area end  ==========*/

/*======== project information area start  ==========*/
.project_information_area {
    padding: 100px 0 85px;
}

.inner_project_information_img {
    margin-bottom: 20px;
}

.inner_project_information_img img {
    width: 100%;
}

/* inner project right content css */
.inner_project_right_content h2 {
    font-size: 24px;
}

.inner_project_right_content p span {
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

/* inner project infomation icons css */
.inner_project_in_icon a {
    width: 48px;
    height: 48px;
    border: 1px solid #dddddd;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    border-radius: 30px;
    background-color: #fff;
    color: #000;
    font-size: 20px;
    margin-right: 4px;
}

.inner_project_in_icon a:hover {
    background-color: #f5a96e;
    color: #fff;
}

/* inner project text area css */
.inner_project_text_area {
    margin-top: 25px;
}

.inner_project_text_area h2 {
    font-size: 24px;
}

.inner_project_information_descrip {
    margin-bottom: 8px;
}

.inner_project_information_descrip h4 {
    font-size: 16px;
}

.inner_project_information_descrip p {
    margin: 0;
}

/* inner project information description css */
.inner_project_infor_list {
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}

.inner_project_infor_list li {
    margin-bottom: 5px;
}

/*======== project information area end  ==========*/

/*======== single blog page area start  ==========*/
.inner_single_box_area {
    background-color: #f8f9fa;
    padding: 20px 20px 20px;
}

.inner_single_box_area p {
    margin-bottom: 5px;
}

.inner_single_page_content_area p {
    margin-top: 20px;
}

/* inner single page middle text css */
.inner_single_page_middle_text {
    margin: 35px 0 45px;
}

.inner_single_page_middle_text h2 {
    font-size: 24px;
}

/* single blog group css */
.single_blog_group {
    margin-top: 125px;
}

.inner_single_blog_group_box {
    background-color: #f8f9fa;
    padding: 10px 20px 30px;
    margin-top: 30px;
}

.inner_single_blog_group_box p {
    font-size: 1.5em;
    font-style: italic;
    margin-bottom: 0;
}

.inner_single_blog_group_box span {
    font-size: 1.125em;
    font-weight: 400;
    color: #696969;
}

.single_blog_post_area {
    margin: 80px 0 30px;
    padding: 25px 0 25px;
    border-top: 1px solid #2a1573;
    border-bottom: 1px solid #2a1573;
}

.single_blog_post_area p {
    margin: 0;
}

.single_blog_post_area a {
    color: #696969;
    font-size: 16px;
    font-weight: 400;
}

.single_blog_post_area a:hover {
    color: #dc3e03;
}

/* single comment title css */
.single_comment_title {
    margin: 35px 0 55px;
}

.single_comment_title h3 {
    font-size: 20px;
}

.single_post_comment_area input {
    width: 47%;
    outline: none;
    height: 42px;
    padding: 0 20px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    margin-right: 20px;
}

/* inner single post checkbox css */
.inner_single_post_checkbox {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.inner_single_post_checkbox input {
    height: 15px;
    width: 12px;
    margin-right: 6px;
}

.single_post_comment_area textarea {
    width: 97%;
    padding: 10px 20px;
    height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
    outline: none;
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.single_post_comment_area button {
    display: inline-block;
    text-align: center;
    padding: 16px 30px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: #f5a96e;
    color: #fff;
    border: none;
    outline: none;
    transition: .6s;
}

.single_post_comment_area button:hover {
    background-color: #000;
}

/*======== single blog page area end  ==========*/



/*======== scroll top btn css  ==========*/
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 40px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: #f5a96e;
    color: #fff;
    box-shadow: 0 0 10px #dddddd67;
}

/*======== bananer start ==========*/
/*数据获取*/
.hgdatat_area {
    height: 80px;
    border-radius: 15px;
    background: #F9F9F9;
    margin: 20px 0px;
}

.hgdatat_area input {
    width: 95%;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0px 1px 0px 1px;
    color: #000;
    height: 42px;
}

.hgdatat_area button {
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 5px 0px;
    margin: 0px 0px 0px 0px;
    color: #2a1573;
    letter-spacing: 1px;
    width: 95%;
    height: 42px;
}

.hgdatat_area input::placeholder {
    font-size: 14px;
}

.hgdatat_area ul {
    list-style: none;
    width: 95%;
    padding: 20px 0px 0px 0px;
    margin: auto;
}

.hgdatat_area .tijiao button {
    background: #2a1573;
    font-size: 14px;
    color: #fff;
    border: 0px solid #000;
    padding: 5px 0px;
    margin: 0px 10px 0px 0px;
    border-radius: 3px;
    float: left;
    letter-spacing: 3px;
    width: 100%;
    font-weight: bold;
}

.hgdatat_area .tijiao button:hover {
    background: #2a1573;
    color: #fff;
    font-weight: bold;
}

.hgdatat_area .tijiao {
    width: 27%
}

.hgdatat_area .yanzm {
    width: 13%
}
.hgdatat_area .yanzm img{
    margin-top: 8px;
}
.hgdatat_area ul li {
    float: left;
    font-size: 14px;
    color: #000;
    text-align: left;
    height: 40px;
    width: 15%;
}

.hgdatat_area p {
    float: right;
    height: 20px;
    width: 640px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    color: red;
    text-align: left;
}

#countdown {

    border-radius: 5px;
    padding: 19px 29px;
    margin: 0px 0px 0px 15px;
    color: rgb(16 0 0);
    position: relative;
    left: 625px;
    background: #f0f0f0;
    top: -43px;
}

#countdown1 {
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 8px 12px;
    margin: 0px 20px 0px 0px;
    color: #2a1573;
    letter-spacing: 1px;
    position: relative;
    top: -52px;
    right: -292px;
    background: #eee;
}

#countdown2 {
    font-size: 12px;
    color: #2a1573;
    padding: 8.5px 12px;
    border-radius: 4px;
    margin: 0px 0px 5px 10px;
    background: #fff;
    left: 143px;
    position: relative;
    top: 58px;
}

#countdown3 {
    border-radius: 3px;
    padding: 7.5px 12px;
    margin: 0px 20px 0px 0px;
    color: #2a1573;
    letter-spacing: 1px;
    position: relative;
    top: -52px;
    right: -287px;
    background: #f0f0f0;
}

/*======== bananer start ==========*/



/*======== 首页-板块标题部分 start ==========*/
.section_title_area {
    margin-bottom: 50px;
}

.section_title_area h1 {
   font-family:  "hm-r","微软雅黑", Arial;
    color: #e3e2e2;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0px 0px 10px 0px;
}

.section_title_area h2 {
    font-weight: bold;
    color: #2a1573;
    position: relative;
    top: -25px;
    letter-spacing: 2px;
    height: 10px;
    margin: 0px;
}

.section_title_area h6 {
    color: #696969;
    margin: 10px 0px 10px 0px;
    line-height: 22px;
}

.section_title_area hr {
    width: 50px;
    margin: 1px auto;
    background-color: #000
}

.section_title_area p {
    margin: 30px 0 10px;
    width: 90%;
}

/*======== 首页-板块标题部分 end ==========*/

/*======== 首页-eb-5在售项目 start ==========*/
.eb5zsxm_area {
    padding: 60px 0px 50px 0px;
}

.eb5zsxm_area:hover .slick-prev,
.eb5zsxm_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

.single_eb5zsxm_area {
    margin: 10px;
    background-color: #fff;
    box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.1);
}

.single_eb5zsxm_area img {
    width: 100%;
    border-radius: 8px;
}

.img_inner_eb5zsxm {
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.img_inner_eb5zsxm img {
    width: 100%;
    transition: .5s;
    height: 100%;
    object-fit: cover;
}

.single_eb5zsxm_area:hover .img_eb5zsxm img {
    transform: scale(1.2);
    display: block;
  
}
 .img_eb5zsxm .img{
    width: 100%;
    aspect-ratio: 1/0.6;
    overflow: hidden;
}
.eb5zsxm_overlay {
    position: absolute;
    top: 60px;
    left: 50px;
    background: #000;
    opacity: 0.55;
    transform: scale(1);
    transition: .5s;
    width: 280px;
    height: 100px;
    margin: auto;
    display: grid;
    align-content: center;
}

.img_inner_eb5zsxm:hover .eb5zsxm_overlay {
    transform: scale(2, 3);
}

.img_inner_eb5zsxm:hover ..eb5zsxm_overlayw {}

    {}

.eb5zsxm_overlayw {
    position: absolute;
    top: 60px;
    left: 50px;
    transform: scale(1);
    transition: .5s;
    width: 280px;
    height: 100px;
    margin: auto;
    display: grid;
    align-content: center;
}

.eb5zsxm_overlayw a h2 {
    margin: 10px 0px 0px 0px;
}

.eb5zsxm_overlayw a h2 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.eb5zsxm_overlayw a p {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.inner_single_service_content {
    padding: 20px 20px;
}

.inner_single_service_content p {
    width: 90%;
    margin: 0 auto 15px;
}

.inner_single_service_content ul {
    list-style: none;
    padding: 0px;
}

.inner_single_service_content ul li {
    width: 33.3%;
    float: left;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #eee;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 10px 0px
}

.inner_single_service_content ul li span {
    color: #767676;
}

.inner_single_service_content>a {
    font-size: 19px;
    font-weight: 600;
    border: 1px solid #f5a96e;
    color: #f5a96e;
    display: inline-block;
    padding: 9px 30px;
}

.inner_single_service_content>a:hover {
    background-color: #f5a96e;
    color: #fff;
}

/*======== 首页-eb-5在售项目 end ==========*/

/*======== 首页-eb-5gg位 start ==========*/
.eb5-gg-wrap {
    margin: auto;
    height: 90px;
    height: 90px;
    margin: 40px auto 0px auto;
    width: 1100px;
    display: block;
}

.usa-logo {
    margin-right: 20px;
    height: 88px;
    float: left;
}

.eb5-gg-nav-box {
    display: flex;
    gap: 12px;
    float: left;
}

.eb5-gg-nav-btn {
    background: url(../images/eb5-gg-1.png);
    width: 200px;
    height: 70px;
    color: #2a1573;
    font-size: 22px;
    padding: 0px 0px 0px 0px;
    display: grid;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
    border: none;
    margin: 11px 0px 0px 0px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 4px;
}

/* 鼠标悬浮变色 */
.eb5-gg-nav-box .eb5-gg-nav-btn:hover {
    background: url(../images/eb5-gg-2.png);
    width: 200px;
    height: 70px;
    color: #fff;
}

/*======== 首页-eb-5gg位 end ==========*/

/*======== 首页-热门移民项目 start  ==========*/
.project_area {
    padding: 80px 0px 50px 0px;
    background: #F9F9F9;
}

.project_area .row {
    max-width: 1200px;
    margin: auto;
}

/* about project area css */
.about_project {
    padding: 95px 0 30px;
}

.inner_project_area img {
    width: 100%;
    border-radius: 15px;
}

.inner_project_area {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 8px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.55;
    text-align: center;
}

.inner_pro_cont {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
}

.inner_pro_cont h2 {
    margin: 0;
}

.inner_pro_cont h2 a {
    color: #fff;
}

.inner_pro_cont h2 a:hover {
    color: #fff;
}

.inner_pro_cont p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0px;
}

.inner_project_area:hover .overlay {
    opacity: 0.55;
    visibility: visible;
}

.inner_project_area:hover img {
    transform: scale(1.2);
    transition: .5s;
    display: block;
}

.overlayw {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 82%;
    text-align: center;
    background: #000;
    opacity: 0.55;
    padding: 45px 0px 45px 0px;
}

.overlayx {
    position: absolute;
    top: -2px;
    width: 100%;
    height: 100%;
}

.overlayx h2 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    background-image: linear-gradient(to left, #2a1573, #F8561F);
    padding: 8px 15px 8px 15px;
    border-radius: 8px 0px 8px 0px;
    color: #fff;
}

.overlayx h2:hover {
    color: #fff;
}

.overlayx h3 {
    background: #000;
    opacity: 0.65;
    height: 35px;
    position: absolute;
    width: 100%;
    bottom: -2px;
    margin: 0px;
    padding: 0px;
    top: auto;
}

.overlayx p {
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
    padding: 0px 10px;
    color: #fff;
    height: 30px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    margin: 0px;
}

/*======== 首页-热门移民项目 end  ==========*/

/*======== 首页-亨瑞活动 start  ==========*/
.hghd_area {
    background: #fff;
    padding: 80px 0px 50px 0px;
}

.hghd_area h3 {
    font-size: 20px;
    font-weight: 900;
    color: #000;
    margin: 0px 0px 20px 0px;
}

.hghd_area h3 a {
    font-size: 14px;
    color: #767676;
    float: right;
    padding: 10px;
}

.hghd_img,
.hghd_inner {
    height: 516px;
    color: #000;
    overflow: hidden;
    border-radius: 15px;
}

.hghd_img img {
    border-radius: 15px;
    width: 100%;
    padding: 0px 12px;
}

.hghd_inner ul {
    padding: 0px;
}

.hghd_inner ul li {
    list-style: none;
    border: 1px solid #D8D8D8;
    border-radius: 15px;
    padding: 15px 20px;
    margin: 0px 0px 20px 0px;
}

.hghd_inner_left {
    font-weight: 500;
    float: left;
    width: 75px;
    border-right: 1px #d8d8d8 solid;
    line-height: 25px;
    margin-right: 20px;
}

.hghd_inner_left h1 {
    font-size: 24px;
    margin: 0px;
}

.hghd_inner_left span {
    font-size: 14px;
}

.hghd_inner_left hr {
    margin: 0px;
    width: 20px;
}

.hghd_inner_right h2 {
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
}

.hghd_inner_right span {
    font-size: 12px;
    background: url(../images/sy-3-002.png) no-repeat 1px 2px;
    padding: 2px 0px 0px 20px
}

.hghd_inner_right h2 a {
    font-size: 15px;
    font-weight: bold;
    float: none;
    color: #000;
}

.hghd_inner_right a {
    font-size: 12px;
    float: right;
    color: #0653B5;
    padding: 5px 0px 0px 0px;
}

/*数据获取*/
.hgdata_area {
    height: 90px;
    border-radius: 15px;
    background: #2a1573;
    margin: 20px 0px;
}

.hgdata_area input {
    width: 95%;
    border: 0px;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0px 15px 0px 0px;
    color: rgba(0, 0, 0, 0.4);
    height: 42px;
}

.hgdata_area button {
    border: 0px;
    border-radius: 3px;
    padding: 5px 0px;
    margin: 0px 0px 0px 0px;
    color: #2a1573;
    letter-spacing: 1px;
    width: 95%;
    height: 42px;
}

.hgdata_area input::placeholder {
    font-size: 14px;
}

.hgdata_area ul {
    list-style: none;
    padding: 26px 0px 0px 0px;
    width: 95%;
    margin: auto;
}

.hgdata_area ul li {
    float: left;
    font-size: 14px;
    color: #fff;
    text-align: left;
    height: 42px;
    width: 15%;
}

.hgdata_area ul li a {
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    padding: 4px 25px;
    margin: 0px 10px 0px 0px;
    border-radius: 3px;
    float: left;
    letter-spacing: 3px;
}

.hgdata_area ul li a:hover {
    background: #ffeb00;
    color: #000;
    border: 1px solid #ffeb00;
}

.hgdata_area p {
    float: right;
    height: 20px;
    width: 640px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: left;
}

.hgdata_area .yanzm {
    width: 13%;
}
.hgdata_area .yanzm img{
    margin-top: 5px;
}
.hgdata_area .tijiao {
    width: 27%
}

.hgdata_area .tijiao button {
    width: 100%;
    background: #b20030;
    color: #fff;
    border: 0px solid #fff;
    height: 43px;
}

/*直播活动*/
.zbhd_active a {
    padding: 0px;
    margin: 0px;
}

.zbhd_active .slick-dots {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 18px;
    top: auto;
    left: 0;
    width: 100%;
    list-style: none;
}

.zbhd_active .slick-dots li {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: 0.2;
    text-align: center;
    margin: 0 4px
}

.zbhd_active .slick-dots li button {
    display: none;
}

.zbhd_active .slick-dots .slick-active {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 15px;
    background: #0d6efd;
    opacity: 1;
    text-align: center;
    margin: 0px 4px;
}

/*======== 亨瑞活动 end  ==========*/

/*======== 热门国家房产项目 start  ==========*/
.fcxm_area {
    padding: 80px 0px 20px 0px;
    background: #F9F9F9;
}

.fcxm_area .fcxm_active {
    margin: 90px 0px 130px 0px
}

.fcxm_area:hover .slick-prev,
.fcxm_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

.fcxm_active .slick-list {
    opacity: 1;
    overflow: visible;
    transform: scale(1);
    transition: all 700ms ease;
}
.fcxm_active .img{
    width: 100%;
    aspect-ratio: 1/0.6;
    overflow: hidden;
}
.fcxm_active img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.fcxm_active .slick-center {
    transform: scale(1.5);
    z-index: 100;
    transition: all 700ms ease;
}

.fcxm_area .slick-next {
    right: 40px;
}

.fcxm_area .slick-prev {
    left: 40px;
}

/*======== 热门国家房产项目 end  ==========*/

/*======== 成功案例 start ==========*/
.cgal_area {
    padding: 80px 0px 50px 0px;
}

.cgal_area:hover .slick-prev,
.cgal_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

.inner_cgal_area {
    position: relative;
    box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

/*弹幕文字*/
.inner_cgal_sub_icon {
    position: absolute;
    top: -150px;
    right: 75px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.inner_cgal_area:hover .inner_cgal_sub_icon {
    top: 85px;
    opacity: 1;
    visibility: visible;
}

.inner_cgal_sub_icon a {
    display: block;
    width: 135px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    background-color: #fff;
    color: #000;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 15px;
}

.inner_cgal_sub_icon a:hover {
    background-color: #2a1573;
    color: #fff;
}

/*光效果*/
.cgal_line {
    position: absolute;
    opacity: 1;
    transition: .5s;
    z-index: 99
}

.cgal_line_bottom,
.cgal_line_top {
    width: 0;
    height: 2px;
    left: -60px;
    bottom: 0;
    background: linear-gradient(to right, #fff 15%, #2a1573 50%, #fff 85%);
}

.cgal_line_top {
    top: 0;
}

.inner_cgal_area:hover .cgal_line_bottom,
.inner_cgal_area:hover .cgal_line_top {
    width: calc(100% + 110px)
}

.cgal_line_right,
.cgal_line_left {
    height: 0;
    width: 2px;
    top: -60px;
    right: 0;
    background: linear-gradient(to top, rgba(117, 161, 251, 0), #08bce9, rgba(117, 161, 251, 0));
}

.cgal_line_left {
    left: 0;
}

.cgal_line_right {
    right: 0;
}

.inner_cgal_area:hover .cgal_line_left,
.inner_cgal_area:hover .cgal_line_right {
    height: calc(100% + 110px);
}

.inner_cgal_area,
.inner_cgal_img {
    width: 280px;
    margin: 0px auto 15px auto;
    color: #fff;
    overflow: hidden;
}

.inner_cgal_img img {
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    max-width: 280px;
    height: 152px;
}

/*文字效果*/
.inner_cgal_content {
    text-align: left;
    margin: 0px 20px;
    height: 115px;
}

.inner_cgal_content h2 {
    margin: 10px 0px 10px 0px;
    height: 58px;
}

.inner_cgal_content h2 a {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.inner_cgal_content span a {
    font-size: 12px;
    font-weight: 400;
    color: #2a1573;
}

.inner_cgal_content span {
    background: url(../images/sy-4-000.svg) no-repeat 1px 6px;
    padding: 2px 0px 0px 20px
}

/*======== 成功案例 end ==========*/

/*======== 热点视频 start ==========*/
.hotvideo_area {
    background: #F9F9F9;
    padding: 80px 0px 50px 0px;
}

.hotvideo_area h3 {
    font-size: 20px;
    font-weight: 900;
    color: #000;
    margin: 0px 0px 20px 0px;
}

.hotvideo_area h3 a {
    font-size: 14px;
    color: #767676;
    float: right;
    padding: 10px;
}

.hotvideo_inner {
    height: 561px;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0%);
}

.hotvideo_inner ul {
    list-style: none;
    padding: 0px;
}

.hotvideo_inner ul li {
    box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
    margin: 0px auto 25px auto;
}
.hotvideo_inner ul li .img{
    aspect-ratio: 1/0.565;
    overflow: hidden;
}
.hotvideo_inner ul li img {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotvideo_inner ul li p {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 15px;
}

.hotvideo_inner1 {
    box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background: #fff;
    height: 561px;
}

.hotvideo_inner1 ul {
    list-style: none;
    padding: 16px 16px;
}

.hotvideo_inner1 ul li {
    border-radius: 5px;
    overflow: hidden;
    padding: 0px 0px 13px 0px;
    margin: auto;
}
.hotvideo_inner1 ul li .img{
    float: left;
    width: 39%;
    aspect-ratio: 1/0.55;
}
.hotvideo_inner1 ul li img {
    border-radius: 5px 5px 5px 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotvideo_inner1 ul li p {
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 5px 15px;
    float: left;
    width: 205px;
    height: 45px;
    line-height: 20px;
    overflow: hidden;
}

.hotvideo_inner1 ul li span {
    font-size: 12px;
    color: #999999;
    font-weight: 100;
    padding: 0px 0px 0px 15px;
}

/*======== 热点视频 end ==========*/

/*======== 移民热点 start ==========*/
.information_area {
    padding: 80px 0px 50px 0px;
}

.information_area h3 {
    font-size: 20px;
    font-weight: 900;
    color: #000;
    margin: 0px 0px 20px 0px;
}

.information_area h3 a {
    font-size: 14px;
    color: #767676;
    float: right;
    padding: 10px;
}

.information_area ul {
    list-style: none;
    padding: 0px;
}

.information_area p {
    font-size: 16px;
    padding: 16px 0px;
    border-top: 1px #eee solid;
    margin: 0px 12px;
    font-weight: bold;
}

.information_inner {
    height: 473px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0%);
}

.information_inner1 {
    height: 473px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.1);
}

.information_inner1 ul li p span {
    font-size: 14px;
    color: #999999;
    font-weight: 100;
    position: relative;
    bottom: -10px;
    left: 0px;
}

.information_inner2 {
    height: 473px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.1);
}

.information_inner2 ul {
    background:
        url(../images/sy-6-001.png) no-repeat 19px 21px,
        url(../images/sy-6-002.png) no-repeat 19px 80px,
        url(../images/sy-6-003.png) no-repeat 19px 137px,
        url(../images/sy-6-004.png) no-repeat 19px 194px,
        url(../images/sy-6-005.png) no-repeat 19px 250px,
        url(../images/sy-6-006.png) no-repeat 19px 309px,
        url(../images/sy-6-007.png) no-repeat 19px 365px,
        url(../images/sy-6-008.png) no-repeat 19px 424px
}

.information_inner2 ul li p {
    padding: 16px 0px 16px 28px;
    margin: 0px 20px;
}

.information_inner2 .information_inner2_p {
    border: 0px;
}

.information_area .information_inner1 ul li img {
    width: 100%;
    max-height: 214px;
}

/*热点推荐*/
.information_inner .slick-slide img {
    width: 100%;
    max-height: 478px;
    margin: 0px 0px 0px 0px;
    border-radius: 8px;
    padding: 0px 12px;
}

.cgal_area .slick-initialized .slick-slide {
    padding: 0px 5px;
}

.rdtj_active .slick-dots {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 8px;
    top: auto;
    left: 0;
    width: 100%;
    list-style: none;
}

.rdtj_active .slick-dots li {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50;
    background: #000;
    opacity: .2;
    text-align: center;
    margin: 0 4px;
}

.rdtj_active .slick-dots li button {
    display: none;
}

.rdtj_active .slick-dots .slick-active {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 15px;
    background: #0d6efd;
    opacity: 1;
    text-align: center;
    margin: 0 1 4px;
}

/*======== 移民热点 end ==========*/

/*======== 为什么选择亨瑞 start ==========*/
.whyhg_area {
    background: #F9F9F9;
    padding: 80px 0px 50px 0px;
}

.whyhg_area p {
    font-size: 14px;
    color: #000;
   line-height: 40px;
     /* margin: 0px 0px 52px 0px; */
}

.whyhg_area ul {
    list-style: none;
    height: 120px;
    background: #fff;
    border-radius: 5px;
    margin: 0px;
    padding: 20px 0px;
    color: #000;
}

.whyhg_area ul li {
    float: left;
    border-right: 1px solid rgba(6, 83, 181, 0.17);
    width: 144px;
    text-align: center;
}

.whyhg_area ul li b {
    font-size: 32px;
}

.whyhg_area img {
    width: 542px;
    height: 331px;
    border-radius: 5px;
}

.inner_whyhg_area {
    height: 331px;
}

.inner_whyhg_area .inner_whyhg_area_li {
    border: 0px;
}

.whyhg_img {
    text-align: right;
    overflow: hidden;
    border-radius: 8px;
}

.whyhg_dt {
    display: none;
}

/*======== 为什么选择亨瑞 end ==========*/

/*======== 关于亨瑞 start ==========*/
.worldmap_area {
    background: #eff2f5;
    padding: 60px 0px 50px 0px;
}



/*======== 关于亨瑞 end ==========*/

/*======== 获奖荣誉 start  ==========*/
.honors_area {
    padding: 80px 0 80px;
}
.inner_honors_area{
    width: 300px;
    aspect-ratio: 1/0.65;
    overflow: hidden; 
    padding: 5px;
}
.inner_honors_area img {
    margin: 0 auto;
    
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.honors_area:hover .slick-prev,
.honors_area:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

/*======== 获奖荣誉 end  ==========*/

/*======== 友情链接 start  ==========*/
.Friendship_area {
    padding: 50px 0 40px;
    background: #F9F9F9;
}

.Friendship_inner ul {
    list-style: none;
    width: 620px;
    margin: auto;
}

.Friendship_inner ul li {
    float: left;
    text-align: center;
    margin: 0px 10px;
    border-right: 0px solid #000;
}

.Friendship_area .section_title_area {
    margin-bottom: 20px;
}

/*======== 友情链接 end  ==========*/

/*========热门国家房产项目 start==========*/
.pc-banner {
    padding: 80px 0 80px;
    background: #F9F9F9;
}

/*========热门国家房产项目 end==========*/

/*======== footer area start  ==========*/
.footer_area2 {
    display: none;
}

.footer_area1 {
    background-color: #000;
    padding: 10px;
}

.footer_area1 p {
    font-size: 12px;
    color: #fff;
    margin: 0px;
}

.footer_area {
    background-color: #0D1524;
    padding: 20px 0px 0px 0px;
}

.footer_address {
    width: 100%;
    margin: 0px 0px 20px 0px;
    display: table;
}

.footer_address2 p {
    font-size: 14px;
    color: #fff;
    border-top: 0.5px solid rgba(255, 255, 255, 0.3);
    padding: 20px 0px 18px 0px;
    margin: 0px;
}

.footer_address h2 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
    padding: 10px 0px 10px 0px;
}

.footer_address h2 b {
    float: right;
    padding: 0px 0px 0px 0px;
}

.footer_address ul {
    list-style: none;
    padding: 0px;
}

.footer_address ul li {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 50%;
}

.footer_area .col-lg-1 {
    width: 13%;
}

.footer_area .col-lg-3 {
    width: 20%;
}

.footer_address ul li a {
    color: #ddd;
    font-size: 14px;
    letter-spacing: 1px;
}

.footer_address ul li a:hover {
    color: #dc3e03;
}

.footer_address1 ul {
    margin: 0px;
}

.footer_address1 ul li {
    float: none;
    ;
    width: 100%;
}

.footer_address1 ul li a {
    padding: 0px 5px 0px 0px;
}

.footer_address1 ul li a:hover {
    color: #dc3e03;
}

.footer_widget p {
    color: #fff;
}

.footer_focuson {
    text-align: center;
    margin-top: 60px;
}

.footer_focuson img {
    width: 90px;
}

.footer_focuson p {
    font-size: 14px;
    padding: 5px;
    color: #fff;
}

.footer_focuson div {
    float: left;
    width: 49%
}

.footer_pho img {
    width: 142px;
}

.footer_pho p {
    font-size: 16px;
    color: #fff;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
    padding: 0px 0px 18px 0px;
}

.footer_pho span {
    float: right;
    padding: 25px 0px 0px 0px;
}

.footer_pho b {
    float: right;
    font-size: 40px;
    color: #fff;
    padding: 0px 20px;
    font-weight: bold;
}

/*======== footer area end  ==========*/

/*====底部数据获取 strat=============*/
.hgdatat1_area {
    height: 120px;
    border-radius: 15px;
    background: #f9f9f9;
    width: 100%;
    margin: auto;
    display: table;
}

.hgdatat1_area h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    width: 100%;
    display: grid;
    padding: 38px 0px 20px 20px;
    line-height: 25px;
    text-align: center;
    float: left;
    line-height: 35px;
}

.hgdatat1_area h2 em {
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    color: #767676;
    font-weight: 500;
}

.hgdatat1_area input {
    width: 300px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 16px 10px;
    margin: 0px 0px 0px 15px;
    color: rgba(0, 0, 0, 0.4);
}

.hgdatat1_area input::placeholder {
    font-size: 14px;
}

.hgdatat1_area ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    width: 80%;
    display: table;
}

.hgdatat1_area .hgdatat1_area_li br {
    display: none;
}

.hgdatat1_area_li input {
    width: 150px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 16px 10px;
    margin: 0px 0px 0px 17px;
    color: rgba(0, 0, 0, 0.4);
}

.hgdatat1_area_li button {
    width: 129px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 16px 10px;
    margin: 0px 0px 0px 15px;
    color: rgba(0, 0, 0, 0.4);
}

.hgdatat1_area ul li {
    float: left;
    font-size: 14px;
    color: #000;
    text-align: left;
    height: 80px;
    width: 50%
}

.hgdatat1_area_ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: auto;
    width: 50%
}

.hgdatat1_area_ul li {
    font-size: 14px;
    color: #000;
    text-align: center;
    height: 80px;
}

.hgdatat1_area_ul_li_2 button {
    background: #2a1573;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: 0px solid #000;
    padding: 14px 25px;
    margin: 0px;
    border-radius: 8px;
    letter-spacing: 3px;
}

.hgdatat1_area_ul_li_2 button:hover {
    color: #fff;
}

.hgdatat1_area_ul_li_1 a {
    background: #ffff;
    font-size: 14px;
    color: #2a1573;
    border: 1px solid #2a1573;
    padding: 14px 25px;
    margin: 0px 20px 0px 0px;
    border-radius: 8px;
    float: left;
    letter-spacing: 3px;
}

.cgal_xqy_left_body .hgdatat_area select {
    width: 95%;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0px 15px 0px 0px;
    color: #000;
    height: 42px;
}

.cgal_xqy_left_body .hgdatat_area ul li {
    width: 16%;
}

.cgal_xqy_left_body .hgdatat_area ul {
    width: 100%
}

.cgal_xqy_left_body .hgdatat_area {
    background: none;
}

.huoke_ti {
    font-size: 14px;
    font-weight: bold;
    color: red;
    width: 500px;
    float: left;
    margin: -20px 0px 0px 200px;
    text-align: left;
    height: 0px;
}

/*======================底部数据获取 end===================*/

/*======== 二级页 - 热门地区 start  ==========*/
.erji_rmdq_gj_area {
    padding: 55px 0 40px;
}

.portfolio_nav {
    margin: auto;
    border-bottom: 1px solid #eee;
}

.portfolio_nav ul {
    min-width: 560px;
    max-width: 600px;
    list-style: none;
    margin: auto;
    padding: 0;
}

.portfolio_nav ul li {
    display: inline-block;
    border: 0px solid #f3eaea;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 5px 0px 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
    background: #fff
}

.portfolio_nav ul li.current_menu_item {
    background-color: #fff;
    color: #2a1573;
    border-bottom: 3px solid #2a1573;
    border-radius: 0px;
    font-weight: bold;
}

.portfolio_nav ul li:hover {
    background-color: #fff;
    color: #2a1573;
    font-weight: bold;
}

.erji_rmdq_gj_area .grid li {
    float: left;
    list-style: none;
    border: 1px solid #f3eaea;
    padding: 10px 7px;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 5px 5px 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
    background: #fff;
    width: auto;
}

.erji_rmdq_gj_area .grid li img {
    padding: 0px 10px 0px 0px;
}

.erji_rmdq_gj_area .grid li a {
    font-size: 14px;
}

.erji_rmdq_gj_area .grid li:hover {
    border: 0.5px solid #2a1573;
    background: #FDF3F3;
}

.erji_rmdq_gj_area .grid li:hover a {
    color: #2a1573;
}

.erji_rmdq_gj_area .grid .current_menu_item {
    border: 0.5px solid #2a1573;
    background: #FDF3F3;
}

.erji_rmdq_gj_area .grid .current_menu_item a {
    color: #2a1573;
}

/*======== 二级页-热门地区-项目 start ==========*/
.erji_rmdq_xm_area {
    padding: 0px 0px 50px 0px;
}

.erji_rmdq_xm_area .container .row>* {
    padding: 15px 10px
}

.erji_rmdq_xm_inner_img {
    overflow: hidden;
    border-radius: 8px 8px 0px 0px;
    position: relative;
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.erji_rmdq_xm_inner_img img {
    width: 100%;
    transition: .5s;
}

.erji_rmdq_xm_overlay {
    position: absolute;
    top: 34px;
    left: 25px;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(1);
    transition: .5s;
    width: 233px;
    height: 94px;
    margin: auto;
    display: grid;
    align-content: center;
}

.erji_rmdq_xm_inner_img:hover .erji_rmdq_xm_img img {
    transform: scale(1.2, 1.2);
}

.erji_rmdq_xm_inner_img .erji_rmdq_xm_img a {
    display: table;
}





.erji_rmdq_xm_area .overlayx h2 {
    font-size: 14px;
}

.erji_rmdq_xm_area .overlayx p {
    font-size: 12px;
}





.erji_rmdq_xm_content {
    padding: 10px 10px 0px 10px;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, #fff 0%, #ffff 60%, #FDF3F3 60%, #FDF3F3 100%)
}

.erji_rmdq_xm_content p {
    width: 90%;
    margin: 0 auto 15px;
}

.erji_rmdq_xm_content ul {
    list-style: none;
    padding: 0px;
    display: table;
    width: 100%;
    margin: 0px;
}

.erji_rmdq_xm_content ul li {
    width: 50%;
    float: left;
    font-size: 12px;
    color: #767676;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    text-align: center;
    line-height: 20px;
    widht: 45px;
    overflow: hidden;
}

.erji_rmdq_xm_content ul li span {
    font-size: 12px;
    color: #000;
    display: block;
    height: 20px;
}

.erji_rmdq_xm_content h2 {
    height: 40px;
    margin: 0px;
    line-height: 35px;
    overflow: hidden;
}

.erji_rmdq_xm_content h2 a {
    font-size: 12px;
}

.erji_rmdq_xm_content h2 a b {
    color: #2a1573;
}

.erji_rmdq_xm_content>a {
    font-size: 19px;
    font-weight: 600;
    border: 1px solid #f5a96e;
    color: #f5a96e;
    display: inline-block;
    padding: 9px 30px;
}

.erji_rmdq_xm_content>a:hover {
    background-color: #f5a96e;
    color: #fff;
}

/*********** 二级页-热门地区-成功案例**************/
.cgal_area_erji {
    background: #F9F9F9
}

/*======== 二级页-热门地区-项目 end ==========*/
.erji_cgal {
    width: 1200px;
}

/*======== 二级页 - 移民项目 start  ==========*/
.erji_rmdq_gj_area {
    padding: 55px 0 40px;
}

.portfolio_ymxm_nav {
    margin: auto;
    border-bottom: 1px solid #eee;
}

.portfolio_ymxm_nav ul {
    width: 550px;
    list-style: none;
    margin: auto;
    padding: 0;
}

.portfolio_ymxm_nav ul li {
    display: inline-block;
    border: 0px solid #f3eaea;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 5px 0px 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
    background: #fff
}

.portfolio_ymxm_nav ul li.current_menu_item {
    background-color: #fff;
    color: #2a1573;
    border-bottom: 3px solid #2a1573;
    border-radius: 0px;
    font-weight: bold;
}

.portfolio_ymxm_nav ul li:hover {
    background-color: #fff;
    color: #2a1573;
    font-weight: bold;
}

.erji_rmdq_gj_area .grid_yimingxiangmu li {
    float: left;
    list-style: none;
    border: 1px solid #f3eaea;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 5px 5px 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
    background: #fff;
    width: auto;
}

.erji_rmdq_gj_area .grid_yimingxiangmu li img {
    padding: 0px 10px 0px 0px;
}

.erji_rmdq_gj_area .grid_yimingxiangmu li a {
    font-size: 14px;
}

.erji_rmdq_gj_area .grid_yimingxiangmu li:hover {
    border: 0.5px solid #2a1573;
    background: #FDF3F3;
}

.erji_rmdq_gj_area .grid_yimingxiangmu li:hover a {
    color: #2a1573;
}

.erji_rmdq_gj_area .grid_yimingxiangmu .current_menu_item {
    border: 0.5px solid #2a1573;
    background: #FDF3F3;
}

.erji_rmdq_gj_area .grid_yimingxiangmu .current_menu_item a {
    color: #2a1573;
}

/*默认四个模式，二个的模式*/
.erji_ymxm_erge {
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
    display: table;
    border-radius: 8px 8px 8px 8px;
}

.erji_ymxm_erge:hover {
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 25%);
}

.erji_ymxm_erge_left {
    width: 48.3%;
    float: left;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
    position: relative;
}
.erji_ymxm_erge_left .tx{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 25px;
   display: flex;
   align-items: center;
}
.erji_ymxm_erge_left .tx b{
    font-size: 20px;
    font-weight: 600;
    color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.erji_ymxm_erge_left img {
    width: 100%;
}

.erji_ymxm_erge_right {
    width: 50%;
    float: left;
    padding: 0px 0px 0px 20px;
}

.erji_ymxm_erge_right h2 {
    margin: 10px 0px 0px 0px;
    letter-spacing: 0px;
    height: 55px;
    line-height: 20px;
}

.erji_ymxm_erge_right h2 a {
    font-size: 16px;
    color: #000;
    position: unset;
    font-weight: bold;
    border: 0px;
    padding: 0px;
    line-height: 20px;
    letter-spacing: 2px;
}

.erji_ymxm_erge_right h2 a:hover {
    background: #fff;
    color: #000
}

.erji_ymxm_erge_right p {
    font-size: 14px;
    color: #767676;
    letter-spacing: 2px;
}

.erji_ymxm_erge_right ul {
    list-style: none;
    padding: 0px;
    line-height: 22px;
    margin: 0px 0px 5px 0px;
}

.erji_ymxm_erge_right ul li {
    font-size: 12px;
    color: #1A1A1A;
    letter-spacing: 1px;
    height: 22px;
    overflow: hidden;
}

.erji_ymxm_erge_right a {
    width: 80px;
    border-radius: 4px;
    border: 1px solid #2a1573;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #2a1573;
    padding: 5px 10px;
}

.erji_ymxm_erge_right a:hover {
    background: #2a1573;
    color: #fff;
}

/*默认四个模式，一个个的模式*/
.erji_ymxm_yige {
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    border-radius: 8px 8px 8px 8px;
}

.erji_ymxm_yige:hover {
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 25%);
}

.erji_ymxm_yige_left {
    width: 30.2%;
    float: left;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
}

.erji_ymxm_yige_left img {
    width: 100%;
}

.erji_ymxm_yige_right {
    width: 69%;
    float: left;
    padding: 0px 0px 0px 20px;
}

.erji_ymxm_yige_right h2 {
    margin: 0px;
    margin: 10px 0px 10px 0px;
}

.erji_ymxm_yige_right h2 a {
    font-size: 24px;
    color: #000;
    position: unset;
    font-weight: bold;
    border: 0px;
    letter-spacing: 3px;
}

.erji_ymxm_yige_right h2 a:hover {
    background: #fff;
    color: #000
}

.erji_ymxm_yige_right p {
    font-size: 12px;
    color: #000;
    letter-spacing: 3px;
}

.erji_ymxm_yige_right ul {
    list-style: none;
    padding: 0px;
    position: absolute;
    bottom: 10px;
    line-height: 22px;
}

.erji_ymxm_yige_right ul li {
    font-size: 14px;
    color: #767676;
    letter-spacing: 3px;
}

.erji_ymxm_yige_right ul li span {
    color: #1A1A1A;
}

.erji_ymxm_yige_right a {
    position: absolute;
    width: 80px;
    border-radius: 4px;
    border: 1px solid #2a1573;
    font-size: 14px;
    right: 30px;
    text-align: center;
    line-height: 30px;
    color: #2a1573;
    bottom: 30px;
}

.erji_ymxm_yige_right a:hover {
    background: #2a1573;
    color: #fff;
}

/*======== 三级详情页 - 移民项目 end  ==========*/
.ymxm_xq_top {
    padding: 0px 0px 40px 0px;
}

.ymxm_xq_top h3 {
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    margin: 40px 0px 20px 0px;
}

.ymxm_xq_top h3 a {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.ymxm_xq_top h2 {
    font-size: 24px;
    font-weight: bold;
    color: #1A1A1A;
}

.ymxm_xq_top p {
    font-size: 16px;
    height: 155px;
    color: #1A1A1A;
    padding: 0px 20px 0px 0px;
}
.ymxm_xq_top_img {
    position: relative;
    
}
.ymxm_xq_top_img .tx{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 25px;
   display: flex;
   align-items: center;
}
.ymxm_xq_top_img .tx b{
    font-size: 25px;
    font-weight: 600;
    color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.ymxm_xq_top img {
    border-radius: 8px;
    width: 468px;
}


.ymxm_xq_a_l {
    position: relative;
    bottom: 10px;
    left: 410px;
    float: left;
}

.ymxm_xq_a_l a {
    font-size: 14px;
    color: #FFFFFF;
    background: #2a1573;
    border-radius: 4px;
    padding: 10px 20px;
}

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

.ymxm_xq_a_r a {
    font-size: 14px;
    color: #2a1573;
    background: #FFFFFF;
    border-radius: 4px;
    border: 0.5px solid #2a1573;
    padding: 10px 20px;
}

.ymxm_xq_a_r {
    position: relative;
    bottom: 10px;
    left: 430px;
    float: left;
}

.bdsharebuttonbox {
    position: relative;
    bottom: -20px;
    left: 0px;
}

.ymxm_xq_body {
    background: #F9F9F9;
    padding: 40px 0px 40px 0px
}

.ymxm_xq_body .row {
    background: #fff;
    padding: 40px;
}

.ymxm_xq_body li {
    list-style: none;
    font-size: 16px;
    padding: 11px 36px;
    border-bottom: 1px solid #EFEFEF;
}

.ymxm_xq_body li:hover,
.ymxm_xq_body li:first-child {
    background: #F7F7F8;
}

.ymxm_xq_body h2 {
    color: #000;
    font-size: 16px;
    border-bottom: 3px solid #2a1573;
    padding: 10px 20px;
    text-align: center;
    float: left;
    margin: 0px;
    letter-spacing: 2px;
    font-weight: bold;
}

.xmxm_xq_nr {
    width: 100%;
    border-top: 1px solid #EFEFEF;
    float: left;
    font-size: 16px;
    padding: 15px 10px;
    color: #000;
    line-height: 30px;
    display: table;
}
 p{
    padding: 0;
    margin: 0;
}
.ymxm_xq_body .xmxm_xq_nr li {
    width: 100%;
}

.ymxm_xq_body .xmxm_xq_nr ol {
    margin: 0px;
    padding: 0px;
}

.ymxm_xq_body .row {
    align-items: unset;
}

.data_jh {
    background: #F9F9F9;
}

.xmh {
    position: fixed;
    top: 10px;
    background: #fff;
}

/*======== 三级详情页 - 移民项目 start  ==========*/

/*======== 三级详情页 - 联系我们 end  ==========*/
.gyhr_lxwm_xq_top {
    padding: 0px 0px 40px 0px;
}

.gyhr_lxwm_xq_top h3 {
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    margin: 40px 0px 20px 0px;
}

.gyhr_lxwm_xq_top h3 a {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.gyhr_lxwm_xq_top h2 {
    font-size: 24px;
    font-weight: bold;
    color: #1A1A1A;
}

.gyhr_lxwm_xq_top p {
    font-size: 16px;
    height: 155px;
    color: #1A1A1A;
    padding: 10px 20px 0px 0px;
}

.gyhr_lxwm_xq_top p a {
    color: #fff;
    font-weight: bold;
    border: 0px solid #ac0707;
    border-radius: 9px;
    padding: 4px 10px;
    background: #d40505;
}

.gyhr_lxwm_xq_top p a:hover {
    color: #fff;
}

.gyhr_lxwm_xq_top img {
    border-radius: 8px;
    width: 468px;
}


.gyhr_lxwm_xq_body {
    background: #F9F9F9;
    padding: 40px 0px 40px 0px
}

.gyhr_lxwm_xq_body .row {
    background: #fff;
    padding: 10px;
    overflow: hidden;
}

.gyhr_lxwm_xq_body .row .col-lg-12 {
    overflow: hidden;
}

.gyhr_lxwm_xq_body li {
    list-style: none;
    font-size: 16px;
    padding: 11px 36px;
    border-bottom: 1px solid #EFEFEF;
}

.gyhr_lxwm_xq_body li:hover,
.gyhr_lxwm_xq_body li:first-child {
    background: #F7F7F8;
}

.gyhr_lxwm_xq_body h2 {
    color: #000;
    font-size: 16px;
    border-bottom: 3px solid #2a1573;
    padding: 10px 20px;
    text-align: center;
    float: left;
    margin: 0px;
    letter-spacing: 2px;
    font-weight: bold;
}

.xmxm_xq_nr {
    width: 100%;
    border-top: 1px solid #EFEFEF;
    float: left;
    font-size: 16px;
    padding: 15px 10px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    overflow: hidden;
}

.gyhr_lxwm_xq_body .xmxm_xq_nr li {
    width: 100%;
}

.gyhr_lxwm_xq_body .xmxm_xq_nr ol {
    margin: 0px;
    padding: 0px;
}

.gyhr_lxwm_xq_body .row {
    align-items: unset;
}

.data_jh {
    background: #F9F9F9;
}

.xmh {
    position: fixed;
    top: 10px;
    background: #fff;
}

/*======== 三级详情页 - 移民项目 start  ==========*/

/*======== 二级列表页 - 资讯中心 start  ==========*/
/*翻页*/
body .fy_bz {
    margin: 20px auto;
    width: auto;
    display: flex;
    justify-content: center;
}

body .fy_bz li {
    padding: 1px 5px;
    float: left;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    text-align: center;
    margin: 3px;
    list-style: none;
}

body .fy_bz li a {
    font-size: 14px;
}

body .fy_bz li:hover {
    padding: 1px 5px;
    float: left;
    background: none;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    text-align: center;
    margin: 3px;
    color: none;
}

body .fy_bz li:hover a {
    font-size: none;
    color: none;
}

/*body .fy_bz .fy_left{border:0px;width:20px;margin:3px 0px;}
body .fy_bz .fy_right{border:0px;width:20px;margin:3px 0px;}
body .fy_bz .fy_top{border:0px;width:30px;padding:0px;margin:3px 0px;font-size:11px;display:flex;align-items:center;color:#000;}
body .fy_bz .fy_top:hover{border:0px;width:30px;padding:0px;margin:3px 0px;}
body .fy_bz .fy_top a{font-size:11px;}
body .fy_bz .fy_buttom{border:0px;width:30px;padding:0px;margin:3px 0px;}
body .fy_bz .fy_buttom:hover{border:0px;width:30px;padding:0px;margin:3px 0px;}
body .fy_bz .fy_buttom a{font-size:11px;}
body .fy_bz .fy_zong{width:100px;border:0px;padding:0px;margin:3px 0px;display: flex; align-items: center;font-size:11px;}
body .fy_bz .fy_zong:hover{width:100px;border:0px;padding:0px;margin:3px 0px;}
body .fy_bz .fy_zong a{font-size:12px;}
body .fy_bz .fy_zong span{background:none;padding:0px;color:#000;}
body .fy_bz .thisclass{border:0px;background: #2a1573;}
body .fy_bz .thisclass:hover{background: #2a1573;border:0px;}
body .fy_bz .thisclass:hover a{color:fff;}
body .fy_bz .thisclass a{color:#fff;} */
/*直播活动*/
.rdzx_lb_active .slick-dots {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 28px;
    top: auto;
    left: 0;
    width: 100%;
    list-style: none;
}

.rdzx_lb_active .slick-dots li {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: .5;
    text-align: center;
    margin: 0px 4px;
}

.rdzx_lb_active .slick-dots li button {
    display: none;
}

.rdzx_lb_active .slick-dots .slick-active {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 15px;
    background: #0d6efd;
    opacity: 1;
    text-align: center;
    margin: 0 4px;
}

.rdzx_lb_top_area h1 {
    font-size: 30px;
    font-weight: 900;
    color: #1A1A1A;
    margin: 40px 0px 20px 0px
}

.rdzx_lb_top_img {
    border-radius: 8px;
    overflow: hidden;
}.rdzx_lb_top_img .img{
    width: 100%;
    height: 400px;
    overflow: hidden;

}

.rdzx_lb_top_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rdzx_lb_top_img h2 {
    font-size: 16px;
    background: #00000091;
    color: #fff;
    position: fixed;
    bottom: 0px;
    padding: 0px 25px;
    width: 20%;
    font-weight: bold;
    margin: 0px;
    height: 35px;
    line-height: 35px;
}

.rdzx_lb_top_area li {
    list-style: none;
    margin: 10px 0px;
    display: table;
}

.rdzx_lb_top_area li img {
    float: left;
    border-radius: 4px;
    width: 124px;
    height: 70px;
}

.rdzx_lb_top_area p {
    font-size: 14px;
    color: #333333;
    width: 240px;
    float: right;
    padding: 0px 0px 0px 10px;
    height: 55px;
}

.rdzx_lb_top_area span {
    font-size: 12px;
    color: #999999;
}

.hotvideo_inner1 ul li p {
    width: 55%;
    font-size: 14px;
    ;
}

.rdzx_lb_body_area h1 {
    font-size: 30px;
    font-weight: 900;
    color: #1A1A1A;
    margin: 40px 0px 20px 0px
}

.rdzx_lb_body_area h2 {
    border-bottom: 1px solid #EFEFEF;
    display: table;
    margin: 0px;
    width: 100%;
}

.rdzx_lb_body_area h2 a {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    padding: 10px 20px;
    text-align: center;
    float: left;
    margin: 0px;
    letter-spacing: 2px;
}

.rdzx_lb_body_area h2 a:hover {
    border-bottom: 3px solid #2a1573;
    color: #2a1573;
}

.rdzx_lb_body_area li {
    list-style: none;
    display: table;
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
    padding: 20px 0px;
}

.rdzx_lb_body_area img {
    width: 240px;
    height: 135px;
    border-radius: 8px;
    float: left;
    margin: 0px 20px 0px 0px;
}

.rdzx_lb_body_area li h3 a {
    font-weight: bold;
    font-size: 18px;
    color: #3D3D3D;
}

.rdzx_lb_body_area p {
    font-size: 14px;
    color: #3D3D3D;
    height: 65px;
    margin: 0px;
}

.rdzx_lb_body_area span {
    font-size: 12px;
    color: #979797;
    float: left;
    line-height: 32px;
}

.biaoqian {
    background: url(../images/rdzx_biaoqian.png) no-repeat 15px 8px;
    padding: 0px 0px 0px 35px;
    display: table;
}

.biaoqian a {
    font-size: 12px;
    color: #2a1573;
    padding: 0px 10px 0px 0px;
}

.rdzx_lb_body_area h2 .rdzx_lb_qh {
    border-bottom: 3px solid #2a1573;
    color: #2a1573;
}

.wutu p {
    font-size: 14px;
    color: #3D3D3D;
    height: auto;
    margin: 0px;
}

.wutu li {
    padding: 20px 0px 12px 0px;
}

.wutu li h3 a {
    font-size: 18px;
}

.tag_wutu h1 {
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.tag_wutu h1 a {
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.tag_wutu h1 strong {
    font-weight: 500
}

.tag_wutu p {
    font-size: 14px;
    color: #3D3D3D;
    height: auto;
    margin: 0px;
}

.tag_wutu li {
    padding: 20px 0px 12px 0px;
}

.tag_wutu li h3 a {
    font-size: 18px;
}

.tag_yt h1 {
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.tag_yt h1 a {
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.tag_yt h1 strong {
    font-weight: 500
}

.tag_yt p {
    font-size: 14px;
    color: #3D3D3D;
    height: 65px;
    margin: 0px;
}

.tag_yt li {
    padding: 20px 0px 12px 0px;
}

.tag_yt li h3 a {
    font-size: 18px;
}

.changtu img {
    width: 118px;
    height: 210px;
    overflow: hidden;
}

.changtu span {
    font-size: 14px;
    color: #767676;
    float: none;
    line-height: 30px;
    padding: 10px 0px 30px 20px;
    display: table;
    background: url(../images/rdzx_time.png) no-repeat 0px 18px, url(../images/rdzx_address.png) no-repeat 0px 48px;
}

.changtu p {
    height: auto;
}

.baoming {
    font-size: 14px;
    color: #2a1573;
}

.rdzx_lb_body_area li:hover .baoming {
    border: 1px solid #eee;
    padding: 5px 10px 5px 15px;
    background: #2a1573;
    color: #ffffff;
}

.rdzx_lb_body_area li:hover {
    background: #ededed;
    padding: 20px;
    transition: .5s;
}

/*======== 二级列表页 - 资讯中心 end  ==========*/

/*======== 三级详情页 - 资讯中心 start  ==========*/
.rdzx_xqy_area h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    margin: 40px 0px 30px 0px;
}

.rdzx_xqy_area h3 a {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
}

.rdzx_xqy_area h2 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
    margin: 0px 0px 30px 0px;
}

.rdzx_xqy_time_area {
    font-size: 12px;
    color: #767676;
    float: left;
    width: 100%;
    line-height: 27px;
    padding: 20px 0px;
    border-bottom: 1px solid #E7E7E7;
    border-top: 1px solid #E7E7E7;
}

.rdzx_xqy_time_area a {
    color: #2a1573;
    font-size: 12px;
    padding: 0px 5px;
}

.rdzx_xqy_fx {
    position: unset;
    float: right;
    width: 26%;
    padding: 0px 0px;
    border-bottom: 0px solid #E7E7E7;
    border-top: 0px solid #E7E7E7;
}

.rdzx_xqy_body_area {
    padding: 120px 0px;
    font-size: 16px;
    color: #000;
    line-height: 35px;
}

.rdzx_xqy_body_area img {
    text-align: center;
    margin: auto;
    display: block;
}

.rdzx_xqy_bottom_xgwz_area {
    display: table;
}

.rdzx_xqy_bottom_xgwz_area h4 {
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1A;
    border-bottom: 1px solid #D8D8D8;
    padding: 0px 0px 16px 0px;
    margin: 0px 0px 20px 10px
}

.rdzx_xqy_bottom_xgwz_area li {
    width: 50%;
    float: left;
    list-style: none;
    padding: 10px 40px 10px 10px;
}

.rdzx_xqy_bottom_xgwz_area li img {
    width: 160px;
    height: 90px;
    border-radius: 4px;
}

.rdzx_xqy_bottom_xgwz_area li p {
    float: right;
    width: 66%;
    font-size: 16px;
    color: #333333;
    margin: 0px;
}

.rdzx_xqy_bottom_xgwz_area li span {
    float: left;
    color: #999999;
    font-size: 12px;
    position: relative;
    bottom: 20px;
    left: 187px;
}

.rdzx_xqy_bottom_rmxm_area {
    display: table;
}

.rdzx_xqy_bottom_rmxm_area .single_eb5zsxm_area {
    border-radius: 8px;
    overflow: hidden;
    margin: 0px;
}

.rdzx_xqy_bottom_rmxm_area .img_inner_eb5zsxm {
    border-radius: 0px;
}

.rdzx_xqy_bottom_rmxm_area .eb5zsxm_overlay {
    left: 45px;
}

.rdzx_xqy_bottom_rmxm_area .eb5zsxm_overlayw {
    left: 45px;
}

.rdzx_xqy_bottom_rmxm_area .img_inner_eb5zsxm:hover .eb5zsxm_overlay {
    transform: scale(1.4, 2.2);
}

.rdzx_xqy_bottom_rmxm_area h4 {
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1A;
    border-bottom: 1px solid #D8D8D8;
    padding: 0px 0px 16px 0px;
    margin: 40px 0px 20px 10px
}

.rdzx_xqy_bottom_rmxm_area li {
    list-style: none;
    width: 33.33%;
    float: left;
    padding: 10px;
}

.rdzx_xqy_bottom_cgal_area {
    display: table;
}

.rdzx_xqy_bottom_cgal_area h4 {
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1A;
    border-bottom: 1px solid #D8D8D8;
    padding: 0px 0px 16px 0px;
    margin: 60px 0px 20px 10px
}

.rdzx_xqy_bottom_cgal_area li {
    list-style: none;
    width: 25%;
    float: left;
    padding: 10px;
}

/*======== 三级详情页 - 资讯中心 end  ==========*/

/*======== 顶级页面 - 成功案例 start  ==========*/
.erji_cgalsy_area {
    padding: 0px 0px 50px 0px;
}

.erji_cgalsy_area .container .row>* {
    padding: 10px 10px
}

.erji_cgalsy_area .inner_cgal_img img {
    width: 280px;
    height: 157px;
}

.erji_cgalsy_inner {
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.erji_cgalsy_inner .erji_bgalsy_img{
    aspect-ratio: 1/0.6;
    overflow: hidden;
}
.erji_cgalsy_inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.erji_cgalsy_overlay {
    position: absolute;
    top: 64px;
    left: 47px;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(1);
    transition: .5s;
    width: 290px;
    height: 94px;
    margin: auto;
    display: grid;
    align-content: center;
}

.erji_cgalsy_inner:hover .erji_cgalsy_overlay {
    transform: scale(1.8, 2.8);
}

.erji_cgalsy_overlayw {
    position: absolute;
    top: 64px;
    left: 47px;
    background-color: rgb(0 0 0 / 0%);
    transform: scale(1);
    transition: .5s;
    width: 290px;
    height: 94px;
    margin: auto;
    display: grid;
    align-content: center;
    text-align: center;
}

.erji_cgalsy_overlayw h2 {
    margin: 0px 0px 0px 0px;
}

.erji_cgalsy_overlayw h2 a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.erji_cgalsy_overlayw p {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

/*======== 顶级页面 - 成功案例 end  ==========*/

/*======== 二级页面 - 国家 - 成功案例 start  ==========*/
/*******top 金刚位*******/
.erji_cgallb_area h3 {
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    margin: 20px 0px 0px 0px;
}

.erji_cgallb_area {
    padding: 0px 0px 0px 0px;
}

.erji_cgallb_area .container .row>* {
    padding: 15px 10px
}

.erji_cgallb_inner {
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.erji_cgallb_inner img {
    width: 100%;
    transition: .5s;
}

.erji_cgallb_overlay {
    position: absolute;
    top: 32px;
    left: 25px;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(1);
    transition: .5s;
    width: 233px;
    height: 94px;
    margin: auto;
    display: grid;
    align-content: center;
}

.erji_cgallb_inner:hover .erji_cgallb_overlay {
    transform: scale(1.8, 2.8);
}

.erji_cgallb_overlayw {
    position: absolute;
    top: 32px;
    left: 25px;
    background-color: rgb(0 0 0 / 0%);
    transform: scale(1);
    transition: .5s;
    width: 233px;
    height: 94px;
    margin: auto;
    display: grid;
    align-content: center;
    text-align: center;
}

.erji_cgallb_overlayw h2 {
    margin: 0px 0px 0px 0px;
}

.erji_cgallb_overlayw h2 a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.erji_cgallb_overlayw p {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

/*******国家切换*******/
.erji_cgallb_gj_area {
    padding: 55px 0px 5px 0px;
}

.erji_cgallb_gj_area .section_title_area {
    margin-bottom: 20px;
}

.portfolio_cgal_nav {
    margin: auto;
    border-bottom: 1px solid #eee;
}

.portfolio_cgal_nav ul {
    width: 550px;
    list-style: none;
    margin: auto;
    padding: 0;
}

.portfolio_cgal_nav ul li {
    display: inline-block;
    border: 0px solid #f3eaea;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 5px 0px 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
    background: #fff
}

.portfolio_cgal_nav ul li.current_menu_item {
    background-color: #fff;
    color: #2a1573;
    border-bottom: 3px solid #2a1573;
    border-radius: 0px;
    font-weight: bold;
}

.portfolio_cgal_nav ul li:hover {
    background-color: #fff;
    color: #2a1573;
    font-weight: bold;
}

.erji_cgallb_gj_area .grid_cgal li {
    float: left;
    list-style: none;
    border: 1px solid #f3eaea;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
    background: #fff;
    width: auto;
}

.erji_cgallb_gj_area .grid_cgal li img {
    padding: 0px 10px 0px 0px;
}

.erji_cgallb_gj_area .grid_cgal li a {
    font-size: 14px;
}

.erji_cgallb_gj_area .grid_cgal li:hover {
    border: 0.5px solid #2a1573;
    background: #FDF3F3;
}

.erji_cgallb_gj_area .grid_cgal li:hover a {
    color: #2a1573;
}

.erji_cgallb_gj_area .grid_cgal .current_menu_item {
    border: 0.5px solid #2a1573;
    background: #FDF3F3;
}

.erji_cgallb_gj_area .grid_cgal .current_menu_item a {
    color: #2a1573;
}

.erji_cgalsy1_area .container .row>* {
    padding: 0px;
}

/*======== 二级页面 - 国家 - 成功案例 end  ==========*/

/*======== 三级详情页 - 成功案例 start  ==========*/
.cgal_xqy_area .row {
    align-items: flex-start
}

.cgal_xqy_left {
    width: 95%;
}

.cgal_xqy_left h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    margin: 40px 0px 30px 0px;
}

.cgal_xqy_left h2 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
    margin: 0px 0px 30px 0px;
}

.cgal_xqy_left_time {
    font-size: 12px;
    color: #767676;
    float: left;
    width: 100%;
    line-height: 27px;
    padding: 20px 0px;
    border-bottom: 1px solid #E7E7E7;
    border-top: 1px solid #E7E7E7;
}

.cgal_xqy_left_time a {
    color: #2a1573;
    font-size: 12px;
    padding: 0px 5px;
}

.cgal_xqy_left_fx {
    position: unset;
    float: left;
    width: 20%;
    padding: 20px 0px;
    border-bottom: 1px solid #E7E7E7;
    border-top: 1px solid #E7E7E7;
}

.cgal_xqy_left_body {
    width: 95%;
    padding: 120px 0px 60px;
    ;
    font-size: 16px;
    color: #000;
    line-height: 35px;
    text-indent: 0;
}

.cgal_xqy_right {
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    border-top: 4px solid #2a1573;
    padding: 15px 15px 0px 15px;
}

.cgal_xqy_right h4 {
    font-size: 16px;
    border-left: 5px solid #2a1573;
    padding: 0px 10px;
    color: #1A1A1A;
    font-weight: bold;
    letter-spacing: 1px;
}

.cgal_xqy_right li {
    border-bottom: 1px solid #D8D8D8;
    list-style: none;
    line-height: 20px;
    padding: 10px 0px;
    line-height: 30px;
    color: #000;
}

.cgal_xqy_right li a {
    font-size: 14px;
    color: #333333;
}

.cgal_xqy_right h2 {
    display: table;
    padding: 0px;
    margin: 0px;
}

.cgal_xqy_right p {
    float: left;
    padding: 2px 5px 5px 5px;
    margin: 0px 2px 5px 0px;
    background: #2a1573;
    line-height: 16px;
}

.cgal_xqy_right p:hover {
    background: #ffae00e8;
}

.cgal_xqy_right p:hover a {
    font-size: 12px;
    color: #000;
}

.cgal_xqy_right p a {
    font-size: 12px;
    color: #fff;
}

.cgal_xqy_hk {
    margin: 20px 0px 0px 0px;
    background: url(../images/xqy_left_001.png) no-repeat 200px 3px, linear-gradient(180deg, #2a1573 0%, #FDF3F3 100%);
    border-radius: 8px;
    display: table;
}

.cgal_xqy_hk h4 {
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    color: #FFFFFF;
}

.cgal_xqy_hk ul {
    list-style: none;
    background: #fff;
    padding: 0px;
    margin: 0px 5px 5px 5px;
}

.cgal_xqy_hk ul li {
    font-size: 14px;
    padding: 10px 10px;
    color: #000;
}

.cgal_xqy_hk input {
    margin: 5px 0px;
    width: 100%;
    border-radius: 3px;
    padding: 5px 5px;
    color: rgba(0, 0, 0, 0.4);
    border: 1px solid #D8D8D8;
}

.cgal_xqy_hk input::placeholder {
    font-size: 12px;
    color: #8F959A;
}

.cgal_xqy_hk .hgdatat1_area_li input {
    margin: 5px 0px;
    width: 50%;
    border-radius: 3px;
    padding: 5px 2px;
    color: rgba(0, 0, 0, 0.4);
    border: 1px solid #D8D8D8;
}

.cgal_xqy_hk .hgdatat1_area_li button {
    border: 1px solid #2a1573;
    font-size: 12px;
    color: #2a1573;
    padding: 8px 2px;
    border-radius: 4px;
    margin: 0px 0px 5px 0px;
    background: #fff;
    width: 47%;
    height: 33px;
}

.cgal_xqy_hk button {
    color: #FFFFFF;
    font-size: 14px;
    background: #2a1573;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #2a1573;
    padding: 5px;
    letter-spacing: 2px;
}

.cgal_xqy_hk .huoke_tir {
    font-size: 14px;
    font-weight: bold;
    color: red;
    margin: 0px;
    left: 50px;
    height: 0px;
    position: relative;
    top: -162px;
    left: 20px;
}

/*提示*/
.shuju_left {
    font-size: 12px;
    font-weight: bold;
    color: red;
    padding: 0px 10px;
}

/*======== 三级详情页 - 成功案例 end  ==========*/

/*======== 二级页面 - 关于亨瑞  ==========*/
/*目录*/
.gyhr_sy_lm {
    height: 308px;
}

.gyhr_sy_lm ul {
    list-style: none;
    margin: 0px;
}

.gyhr_sy_lm ul li {
    float: left;
    text-align: center;
    padding: 10px 20px;
    font-size: 14px;
    color: #1A1A1A;
}

.gyhr_sy_lm_a {
    border-bottom: 4px solid #2a1573
}

.gyhr_sy_lm h2 {
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    margin: 95px 0px 0px 0px;
}

.gyhr_sy_lm p {
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
}

/*1*/
.gyhr_sy_1 {
    padding: 60px 0px 60px 0px;
}

.gyhr_sy_1 .row {
    /* background: url(../images/gywm_002.svg) no-repeat 5px -2px; */
}
.gyhr_sy_1 h1{
    color: #2a1573;
    font-weight: 600;
}
.gyhr_sy_1 h2 {
    color: #2a1573;
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
    /*background: linear-gradient(90deg, #2a1573 0%, #F06E23 20%);background-clip:text;text-fill-color:transparent; -webkit-background-clip:text; -webkit-text-fill-color:transparent; /* 设置文本颜色为透明以显示背景渐变 */

}

.gyhr_sy_1 h2.fallback {
    color: #2a1573;
    /* 使用纯色作为备用 */
}

.gyhr_sy_1 p {
    font-size: 14px;
    color: #000;
    line-height: 27px;
    margin: 10px 0px 18px 0px;
}

.gyhr_sy_1 ul {
    list-style: none;
    height: 120px;
    background: rgba(214, 21, 24, 0.05);
    border-radius: 5px;
    margin: 0px;
    padding: 30px 0px;
    color: #000;
}

.gyhr_sy_1 ul li {
    float: left;
    border-right: 1px solid rgba(6, 83, 181, 0.17);
    width: 140px;
    text-align: center;
}

.gyhr_sy_1 .gyhr_sy_1_q {
    border-right: 0px;
}

.gyhr_sy_1_img img {
    width: 100%;
    border-radius: 5px;
}

.gyhr_sy_1 .row {
    flex-flow: row-reverse;
    align-items: initial;
}

.gyhr_sy_2 .row {
    align-items: initial;
}

.gyhr_sy_3 .row {
    flex-flow: row-reverse;
    align-items: initial;
}

/*2*/
.gyhr_sy_2 {
    padding: 60px 0px 60px 0px;
    background: #F9F9F9;
}

/* .gyhr_sy_2 .row {
    background: url(../images/gywm_003.svg) no-repeat 54% 0px;
} */
.gyhr_sy_2 h1{
    color: #2a1573;
    font-weight: 600;
}
.gyhr_sy_2 h2 {
    color: #2a1573;
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
    /*background: linear-gradient(90deg, #2a1573 0%, #F06E23 20%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text; -webkit-text-fill-color:transparent; /* 设置文本颜色为透明以显示背景渐变 */

}

.gyhr_sy_2 p {
    font-size: 14px;
    color: #000;
    line-height: 27px;
    margin: 10px 0px 10px 0px;
}

.gyhr_sy_2 ul {
    list-style: none;
    padding: 0px;
}

.gyhr_sy_2 ul li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.gyhr_sy_2 ul li img {
    width: 175px;
}

.gyhr_sy_2_img img {
    width: 100%;
    border-radius: 8px;
}

/*3*/
.gyhr_sy_3 {
    padding: 60px 0px 60px 0px;
}

/* .gyhr_sy_3 .row {
    background: url(../images/gywm_004.svg) no-repeat 5px 18px;
} */
.gyhr_sy_3 h1{
    color: #2a1573;
    font-weight: 600;
}
.gyhr_sy_3 h2 {
    color: #2a1573;
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
    /*background: linear-gradient(90deg, #2a1573 0%, #F06E23 20%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text; -webkit-text-fill-color:transparent; /* 设置文本颜色为透明以显示背景渐变 */
    
}

.gyhr_sy_3 p {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    margin: 10px 0px 20px 0px;
}

.gyhr_sy_3 ul {
    list-style: none;
    padding: 0px;
}

.gyhr_sy_3 ul li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.gyhr_sy_3 ul li img {
    width: 175px;
}

.gyhr_sy_3_img img {
    width: 566px;
    height: 353px;
    border-radius: 5px;
}

/*4*/
.gyhr_sy_4 {
    padding: 60px 0px 60px 0px;
    background: #F9F9F9;
}

.gyhr_sy_4 h2 {
    font-size: 30px;
    font-weight: bold;
    color: #1A1A1A;
    text-align: center;
    padding: 0px 0px 30px 0px;
}

.gyhr_sy_4 ul {
    list-style: none;
    padding: 0px;
}

.gyhr_sy_4 ul li {
    width: 33.33%;
    float: left;
    height: 264px;
    overflow: hidden;
    position: relative;
}

.gyhr_sy_4 h3 {
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0px;    width: 100%;
}

.gyhr_sy_4_zz {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 264px;
    background: #2a1573;
    transform: scale(0);
    transition: 0.9s;
}

.gyhr_sy_4_zz p {
    color: #FFFFFF;
    font-size: 14px;
    padding: 30px;
}

.gyhr_sy_4 ul li:hover .gyhr_sy_4_zz {
    transform: scale(1);
}

.gyhr_sy_4 ul li img:hover .gyhr_sy_4_zz {
    transform: scale(1);
}

/*5*/
.gyhr_sy_5 {
    padding: 60px 0px 60px 0px;
    background: #fff;
}

.gyhr_sy_5 h2 {
    font-size: 30px;
    font-weight: bold;
    color: #1A1A1A;
    text-align: center;
    padding: 0px 0px 30px 0px;
}

.gyhr_sy_5 ul {
    list-style: none;
    padding: 0px;
}

.gyhr_sy_5 ul li {
    float: left;
    overflow: hidden;
    padding: 12px;
}

.gyhr_sy_5 ul li img {
    border-radius: 5px;
}

/*======== 二级页面 - 关于亨瑞  ==========*/

/*======== 二级页面 - 关于亨瑞 - 发展历程  ==========*/
.gyhr_fzlc {
    padding: 60px 0px 60px 0px;
    background: #fff;
    background: url(../images/gyhr_fzlc_014.jpg) no-repeat center 165px;
}

.gyhr_fzlc img {
    border-radius: 9px;
}

.gyhr_fzlc p {
    font-size: 14px;
    color: #1A1A1A;
    width: 170px;
}

.gyhr_fzlc b {
    font-size: 30px;
    font-weight: 900;
    color: #2a1573;
    letter-spacing: 1px;
    padding: 0px 5px 0px 0px;
}

.gyhr_fzlc em {
    color: #2a1573;
    font-style: normal;
    font-weight: 900;
}

.gyhr_fzlc ul {
    padding: 0px;
}

.gyhr_fzlc ul li {
    float: left;
    list-style: none;
    width: 25%;
    font-size: 14px;
    font-weight: bold;
    color: #1A1A1A;
    padding-left: 15px;
}

.gyhr_fzlc_1 {
    display: flex;
    align-items: flex-end;
    width: 950px;
    margin: auto;
}

.gyhr_fzlc_1 p {
    margin: 8px 0px;
}

.gyhr_fzlc_2 {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100px;
    width: 950px;
    margin: auto;
}

.gyhr_fzlc_2_2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    height: 100px;
    width: 950px;
    margin: auto;
    margin-right: 40px;
}

.gyhr_fzlc_3 {
    display: flex;
    align-items: flex-start;
    width: 950px;
    margin: auto;
    margin-right: 40px;
}

.gyhr_fzlc_4 {
    display: flex;
    align-items: flex-end;
    height: 92px;
    width: 950px;
    margin: auto;
}

.gyhr_fzlc_5 {
    display: flex;
    align-items: flex-start;
    width: 950px;
    margin: auto;
}

.gyhr_fzlc_5 li {
    padding-top: 20px;
}

.gyhr_fzlc_5 p {
    margin: 8px 0px;
}

/*======== 二级页面 - 关于亨瑞 - 发展历程==========*/

/*======== 二级页面 - 关于亨瑞 - 亨瑞优势 ==========*/
.gyhr_qywh {
    padding: 60px 0px 60px 0px;
    background: #fff;
}

.gyhr_qywh h3 {
    color: #1A1A1A;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 4px solid #2a1573;
    width: 70px;
    padding: 0px 0px 20px 0px;
}

.gyhr_qywh p {
    width: 90%;
    font-size: 16px;
    color: #1A1A1A;
    line-height: 150%;
    padding: 20px 0px;
}

.gyhr_qywh_img img {
    border-radius: 4px;
    max-width: 180px;
}

.gyhr_qywh_active {
    margin-top: 20px
}

.gyhr_qywh_active .slick-prev::before,
.gyhr_qywh_active .slick-next::before {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 100%;
    font-size: 20px;
}

.gyhr_qywh_active .slick-prev,
.slick-next {
    opacity: 0;
    visibility: visible;
}

.gyhr_qywh_active .slick-prev {
    left: -55px;
}

.gyhr_hrys {
    padding: 60px 0px 60px 0px;
    background: #F9F9F9;
}

.gyhr_hrys ul {
    list-style: none;
    padding: 0px;
}

.gyhr_hrys ul li {
    width: 25%;
    float: left;
    overflow: hidden;
    margin: 0px;
    text-align: center;
}

.gyhr_hrys h3 {
    font-size: 20px;
    font-weight: bold;
    color: #1A1A1A;
    margin: 24px 0px 0px 0px;
}

.gyhr_hrys p {
    font-size: 16px;
    color: #1A1A1A;
    padding: 15px 24px 24px 24px;
}

/*======== 二级页面 - 关于亨瑞 - 亨瑞优势 ==========*/

/*======== 二级页面 - 关于亨瑞 - 亨瑞荣誉 ==========*/
/*1*/
.gyhr_hrry_1 {
    padding: 60px 0px 60px 0px;
    background: #fff;
}

.gyhr_hrry_1 ul {
    list-style: none;
    padding: 0px;
}

.gyhr_hrry_1 ul li {
    float: left;
    overflow: hidden;
    margin: 7px;
    box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.04);
    width: 218px;
    height: 196px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.gyhr_hrry_1 ul li img {
    border-radius: 5px;
    max-width: 100%;
    max-height: 100%;
}

.gyhr_hrry_2 {
    padding: 60px 0px 60px 0px;
    background: #F9F9F9;
}

.gyhr_hrry_2 ul {
    list-style: none;
    padding: 0px;
}

.gyhr_hrry_2 ul li {
    float: left;
    overflow: hidden;
    margin: 7px;
    box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.04);
}

.gyhr_hrry_2 ul li img {
    border-radius: 5px;
}

/*======== 二级页面 - 关于亨瑞 - 亨瑞荣誉  ==========*/

/*======== 二级页面 - 关于亨瑞 - 联系我们 ==========*/
.gyhr_lxwm .row {
    align-items: flex-start
}

.gyhr_lxwm {
    padding: 60px 0px 60px 0px;
    background: #fff;
}

.gyhr_lxwm_left ul {
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #F7F7F8;
}

.gyhr_lxwm_left ul li {
    font-size: 16px;
    color: #1A1A1A;
    list-style: none;
    border-bottom: 1px solid #F7F7F8;
    padding: 15px 20px;
}

.gyhr_lxwm_s {
    background: #F7F7F8;
}

.gyhr_lxwm_right {
    font-size: 14px;
    color: #1A1A1A;
    line-height: 30px;
}

.gyhr_lxwm_right p {
    padding: 0px;
}

.gyhr_lxwm_right h2 {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #D8D8D8;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
}

.gyhr_lxwm_right b {
    font-size: 16px;
    font-weight: 600;
    color: #1A1A1A;
}

.gyhr_lxwm_right ul {
    padding: 0px;
    margin: 0px;
    display: table;
    width: 100%;
}

.gyhr_lxwm_right ul li {
    list-style: none;
    width: 50%;
    float: left;
    padding: 0px 20px 40px 0px;
}

/*======== 二级页面 - 关于亨瑞 - 联系我们==========*/
/*======== 二级页面 - 关于亨瑞 - 招聘 ==========*/
.gyhr_cpyc {
    font-size: 14px;
}

.gyhr_cpyc a {
    font-size: 14px;
}

.gyhr_cpyc h4 {
    font-size: 16px;
}

/*======== 二级页面 - 关于亨瑞 - 招聘 ==========*/
/*======== 二级页面 - 关于亨瑞 - 网站地图 ==========*/
/*======== 二级页面 - 关于亨瑞 - 网站地图 ==========*/


/* 亨瑞服务*/
.hrfw_dh {
    height: 50px;
    margin: 20px 0px;
}

.hrfw_dh .container {
    margin-top: 0px;
    padding: 10px;
}

.hrfw_dh .container .row {
    margin-right: -2px;
    margin-left: -2px;
}

.hrfw_dh_hover {
    border-left: 1px solid #fff;
}

.hrfw_dh_hover a {
    color: #CA191B;
    font-weight: bold;
}

.hrfw_dh li {
    float: left;
    height: 50px;
    list-style: none;
    width: 16.6%;
    text-align: center;
    border-right: 1px solid #fff;
}

.hrfw_dh li a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    line-height: 50px;
    display: block;
    cursor: pointer;
    background: #e6e1e1;
}

.hrfw_body {
    overflow: hidden;
    background: linear-gradient(90deg, #2a1573 0%, #F06E23 20%);
}

.hrfw_body_01 {
    margin: 0px 0px 15px 0px;
    background: #fff;
    padding: 10px;
}

.hrfw_body_01 .col-lg-6 {
    padding: 0px;
}

.hrfw_body_01 p {
    font-size: 14px;
    line-height: 30px;
    padding: 0px 40px 0px 40px;
}

.hrfw_title_01 {
    padding: 15px 15px 0px 15px;
}

.hrfw_title_01 h2 {
    font-size: 28px;
    color: #af957a;
    background: url(../images_m/title_left.png) 330px 16px no-repeat, url(../images_m/title_right.png) 630px 12px no-repeat;
    margin: 0px;
}

.hrfw_jyfw {
    margin: 0px;
}

.hrfw_jyfw .col-lg-4 {
    padding: 5px
}

.hrfw_jyfw .col-lg-4 div {
    background: #fff;
    padding: 10px;
}

.hrfw_jyfw h2 {
    font-size: 16px;
    color: #af957a;
    font-weight: bold;
    padding: 10px 0px;
    margin: 0px;
    border-bottom: 1px solid #af957a;
    margin: 0px 0px 10px 0px;
}

.hrfw_jyfw h2 a {
    text-decoration: none;
    float: right;
    font-size: 14px;
    color: #af957a;
    font-weight: 100;
}

.hrfw_jyfw p {
    font-size: 14px;
    color: #4c4948;
    line-height: 25px;
    height: 120px;
}

.hrfw_title_02 {
    padding: 15px 15px 0px 15px;
}

.hrfw_title_02 h2 {
    font-size: 28px;
    color: #af957a;
    background: url(../images_m/title_left.png) 350px 16px no-repeat, url(../images_m/title_right.png) 610px 12px no-repeat;
    margin: 0px;
}

.hrfw_ymfw {
    font-size: 14px;
    color: #4c4948;
    line-height: 25px;
    margin: 0px;
    background: #fff;
    padding: 10px 0px;
}

.hrfw_body img {
    width: 100%
}

.hrfw_ymfw .col-lg-4 {
    text-align: right;
    padding: 0px 10px 0px 10px;
}

.hrfw_ymfw .col-lg-8 {
    padding: 0px 0px 0px 10px;
}

.hrfw_ymfw p {
    padding: 10px 0px 0px 0px;
}

.hrfw_ymfw ul {
    list-style: none;
    padding: 0px;
    padding: 0px;
}

.hrfw_ymfw ul li {
    float: left;
    color: #fff;
    background: url(../images_m/fw003.png) no-repeat center center;
    padding: 10px 14px;
}

.hrfw_ymfw ul li a {
    color: #fff;
    text-decoration: none;
}

.hrfw_gjxm {
    padding: 20px 15px 0px 15px;
}

.hrfw_gjxm h2 {
    font-size: 28px;
    color: #af957a;
    background: url(../images_m/title_left.png) 70px 16px no-repeat, url(../images_m/title_right.png) 353px 12px no-repeat;
    margin: 0px;
}

.hrfw_gjxm ul {
    background: #fff;
    width: 25%;
    list-style: none;
    float: left;
}

.hrfw_gjxm .tab-content {
    background: #fff;
    height: 264px;
    width: 75%;
    float: left;
    font-size: 14px;
    color: #4c4948;
    list-style: none;
    line-height: 35px;
    padding: 15px 15px;
}

.hrfw_gjxm .nav-tabs>li {
    border-bottom: 2px solid #fff;
    width: 130px;
}

.hrfw_gjxm .nav-tabs>li>a {
    display: block;
    padding: 10px 10px;
}

.hrfw_ajfw {
    padding: 20px 15px 0px 15px;
}

.hrfw_ajfw h2 {
    font-size: 28px;
    color: #af957a;
    background: url(../images_m/title_left.png) 80px 16px no-repeat, url(../images_m/title_right.png) 343px 12px no-repeat;
    margin: 0px;
}

.hrfw_ajfw p {
    font-size: 14px;
    color: #4c4948;
    padding: 25px 25px 15px 25px;
    background: #fff;
    margin: 0px;
}

.hrfw_ajfw ul {
    height: 165px;
    background: #fff;
    list-style: none;
    padding: 0px;
    padding: 0px;
}

.hrfw_ajfw ul li {
    float: left;
    color: #fff;
    background: url(../images_m/fw005.png) no-repeat center center;
    padding: 5px 10px 10px 10px;
    width: 136px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    margin: 0px 10px 10px 15px;
    list-style: none;
}

.hrfw_ajfw ul li a {
    text-decoration: none;
    color: #fff;
}

.hrfw_hwyl {
    background: url(../images_m/fw006.png) no-repeat 15px 98px;
    height: 378px;
    overflow: hidden;
    padding: 0px 15px;
}

.hrfw_hwyl h2 {
    font-size: 28px;
    color: #af957a;
    background: url(../images_m/title_left.png) 380px 16px no-repeat, url(../images_m/title_right.png) 580px 12px no-repeat;
    margin: 0px;
}

.hrfw_hwyl ul {
    list-style: none;
    padding: 252px 0px 0px 250px
}

.hrfw_hwyl ul li {
    float: left;
    width: 260px;
    height: 35px;
    line-height: 40px;
    text-align: right;
    color: #fff;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    background: url(../images_m/fw007.jpg) no-repeat 40px 5px;
    padding: 0px 70px 0px 0px
}

.hrfw_hwyl ul li a {
    text-decoration: none;
    color: #fff;
}

.hrfw_title_03 {
    padding: 15px 15px 0px 15px;
}

.hrfw_title_03 h2 {
    font-size: 28px;
    color: #af957a;
    background: url(../images_m/title_left.png) 380px 16px no-repeat, url(../images_m/title_right.png) 580px 12px no-repeat;
    margin: 0px;
}

.hrfw_hwy {
    padding: 0px 15px;
}

.hrfw_hwy h2 {
    background: #fff;
    font-size: 15px;
    color: #af957a;
    font-weight: bold;
    border-bottom: #af957a 1px solid;
    padding: 15px 15px;
    margin: 0px 0px;
}

.hrfw_hwy h2 a {
    text-decoration: none;
    float: right;
    font-size: 12px;
    color: #af957a;
    font-weight: 100;
}

.hrfw_hwy p {
    background: #fff;
    font-size: 14px;
    line-height: 25px;
    height: 90px;
    padding: 15px 15px 0px 15px
}

.hrfw_hrsj {
    border: 1px solid #a0a0a0;
    margin: 0px;
    padding: 15px;
    height: 412px;
    background: #fff;
}

.hrfw_hrsj h2 {
    font-size: 14px;
    color: #4c4948;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

.hrfw_hrsj1 {
    text-align: center;
    border: 1px solid #a0a0a0;
    height: 412px;
    background: #fff;
}

.hrfw_hrsj1 li {
    width: 50%;
    padding: 0px 15px 0px 15px;
    float: left;
    list-style: none;
    margin: 10px auto;
}

.hrfw_hrsj1 li a {
    text-decoration: none;
    font-size: 12px;
    line-height: 40px;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}

.gyhr_sy_1_img_sj {
    display: none;
}

.gyhr_sy_2_img_sj {
    display: none;
}

.gyhr_fzlc .gyhr_sj {
    display: none;
}

.sub_menu img {
    width: 21px;
}

.mean-nav img {
    width: 14px;
    padding: 0px 5px 0px 0px
}

.erji_rmdq_gj_area .grid li img {
    width: 24px;
}

.erji_rmdq_gj_area .grid_yimingxiangmu li img {
    width: 24px;
}

.erji_cgallb_gj_area .grid_cgal li img {
    width: 24px;
}

.gj_active {
    display: none;
}

.footer_web {
    display: none;
}

.ymxm_xq_top_img_sj {
    display: none;
    position: relative;
}
.ymxm_xq_top_img_sj  .tx{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 25px;
   display: flex;
   align-items: center;
}
.ymxm_xq_top_img_sj  .tx b{
    font-size: 25px;
    font-weight: 600;
    color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.section_title_area_sj {
    display: none;
}
。
.section_title_area_sj h2 {
    font-weight: bold;
    font-size: 20px;
    height: 30px;
    line-height: 35px;
    letter-spacing: 2px;
    color: #000;
}

.cgal_xqy_left_body img {
    width: 500px;
    text-align: center;
}

.rdzx_xqy_body_area img {
    width: 500px;
    text-align: center;
}

.cgal_xqy_left_body img {
    width: 500px;
    text-align: center;
}

.map-com {
    position: relative;
    padding: 30px 0;

}

.map-com .map-bg {
    width: 60%;
    margin: 0 auto;
}

.map-com .map-bg img {
    width: 100%;
}

.map-com .con-box {
    position: absolute;
    width: 40%;

}

.map-com .con-box .con {
    border-bottom: 1px solid #2a1573;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
}

.map-com .con-box .con::after {
    width: 37px;
    height: 33px;
    background-image: url('../images/dw.png');
    background-size: 100%;
    content: "";
    position: absolute;
    right: -13px;
    bottom: -10px;
    display: block;
}

.map-com .con-box .t {
    padding: 5px 15px;
    border-radius: 8px 8px 0 0;
    background-color: #2a1573;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}

.map-com .con-box .info {
    margin-top: 10px;

}

.map-com .con-box .info span {
    width: 80px;
    font-size: 15px;
    color: #2a1573;
    display: inline-block;
    margin-top: 5px;
}

.map-com .con-box.a {
    width: 47%;
    top: 16%
}

.map-com .con-box.a .info {
    width: 76%;
}

.map-com .con-box.b {
    width: 45%;
    top: 38%;
}

.map-com .con-box.b .info {
    width: 75%;
}

.map-com .con-box.b .con::after {
    right: -92px;
    bottom: 80px;
}

.map-com .con-box.b .con::before {
    width: 109px;
    border-top: 1px solid #2a1573;
    content: "";
    position: absolute;
    right: -88px;
    bottom: 42px;
    transform: rotate(128deg)
}

.map-com .con-box.c {
    width: 41%;
    top: 56%;
}

.map-com .con-box.c .info {
    width: 75%;
}

.map-com .con-box.c .con::after {
    right: -140px;
    bottom: 143px;
}

.map-com .con-box.c .con::before {
    width: 178px;
    border-top: 1px solid #2a1573;
    content: "";
    position: absolute;
    right: -142px;
    bottom: 68px;
    transform: rotate(128deg);
}

.map-com .con-box.d {
    width: 34%;
    top: 41%;
    right: 0;
}

.map-com .con-box.d .con {
    text-align: right;
}

.map-com .con-box.d .info {
    width: 100%;

}

.map-com .con-box.d .con::after {
    left: -11px;
    bottom: -10px;
}

.map-com .con-box.e {
    width: 34%;
    top: 59%;
    right: 0;
}

.map-com .con-box.e .con {
    text-align: right;
}

.map-com .con-box.e .info {
    width: 100%;

}

.map-com .con-box.e .con::after {
    left: -94px;
    bottom: 74px;
}

.map-com .con-box.e .con::before {
    width: 105px;
    border-top: 1px solid #2a1573;
    content: "";
    position: absolute;
    left: -86px;
    bottom: 40px;
    transform: rotate(50deg);
}
.s_list{
    position: relative;
}
.p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
}

.p_loopitem {
    flex: 0 0 33.3%;
    position: relative;
}

.e_container-38 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: calc((50% - 40px) / 1);
    margin-bottom: 6%;
}

.p_item {
    display-radio: 1;
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_loop-35:after {
    content: "";
    width: 1px;
    height: 96%;
    position: absolute;
    left: 50%;
    top: 10px;
    background: #eee;
}
.e_text-39 {
    line-height: normal;
   position: relative;
    font-size: 30px;
    font-weight: bold;
    color: rgba(40,47,151,1);
    text-align: right;
    font-family: "2a52516c-948c-4006-9d58-543f29aab95d";
}
.e_text-39:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: -52px;
    top: 3px;
    z-index: 1;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.e_text-39:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: -45px;
    top: 10px;
    z-index: 1;
    background: #282f97;
    border-radius: 50%;
}
.e_text-40 {
    line-height: 1.6;
    font-size: 15px;
    color: rgba(102,102,102,1);
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: right;
    margin-left: auto;
    margin-right: 0px;
    padding: 4%;
    border-radius: 5px;
    max-width: none;
    background: #f9f9f9;
}
.p_loopitem:nth-child(2n) .e_container-38 {
    float: right;
}
.p_loopitem:nth-child(2n) .e_text-39 {
    text-align: left;
}
.p_loopitem:nth-child(2n) .e_text-39:before {
    left: -52px;
}
 .p_loopitem:nth-child(2n) .e_text-39:after {
    left: -45px;
}
.p_loopitem:nth-child(2n) .e_text-40 {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

@media screen and (min-width: 769px) {
    .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1);
    }
    
}
@media screen and (max-width: 769px) {
    .p_list {
        padding-left: 25px;
    }
    .e_loop-35:after {
      left: 5px;
    }
    .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1);
    }
    .e_container-38 {
        width: 100%;
    }
    .e_text-39 {
        font-size: 18px;
        line-height: 1;
        text-align: left;
        margin-top: 5px;
    }
    .e_text-40 {
        font-size: 12px;
        color: rgba(102,102,102,1);
        line-height: 1.5;
        margin-bottom: 0;
        text-align: left;
    }
    .e_text-39:before {
        left: -32px !important;    top: -3px !important;
        right: initial;
    }
    .e_text-39:after {
        left: -25px !important;     top: 4px !important; 
    }
}