body {
    font-family: 'AIAEverest-Medium', "Helvetica Neue", Helvetica, Arial,
        "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun,
        sans-serif;
    background-color: #fff;
}

img,
a:hover img {
    vertical-align: top;
}

img {
    max-width: 100%;
}

ul,
ol {
    list-style: none;
}

.clear,
.clr {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.clearfix2:before,
.clearfix2:after {
    content: "";
    display: table;
}

.clearfix2:after {
    clear: both;
}




a {
    color: #444;
}

a:hover,
a:active {
    color: #308dba;
    text-decoration: none;
}


.phcolor {
    color: #999 !important;
}

input::-webkit-input-placeholder {
    color: #999;
}

input:focus::-webkit-input-placeholder {
    color: #999;
}

input::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type="number"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/*输入框默认颜色*/
textarea::-webkit-input-placeholder {
    color: #999;
}

textarea:focus::-webkit-input-placeholder {
    color: #999;
}

textarea::-moz-placeholder {
    color: #999;
}

textarea:-ms-input-placeholder {
    color: #999;
}


::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #ccc;
}

/*滚动条的设置*/
::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: rgba(0, 0, 0, .2);
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .4);
}


/*设置选中文字时的背景色*/
::selection {
    background: #308dba;
    color: #fff;
}

::-moz-selection {
    background: #308dba;
    color: #fff;
}

::-webkit-selection {
    background: #308dba;
    color: #fff;
}

/*可改变元素被点击时背景框的颜色*/
html {
    -webkit-tap-highlight-color: rgba(240, 240, 240, 0.7);
}

/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/

a:visited,
a:active {
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}





/*----------------------------star开始页面的样式*/

/*全局*/
ol,
ul,
dl {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}


/*头文件上*/
.header_t {
    line-height: 40px;
    position: relative;
    overflow: visible;
}

/*头文件中*/
.navbar {
    margin-bottom: 0;
}

/* Navbar sizing and seamless joint */
.gheader.navbar {
    min-height: 80px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.gheader.navbar-default {
    border: 0;
    box-shadow: none;
}

.gheader.navbar,
.gheader .navbar-collapse,
.gheader .navbar-nav {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.gheader .navbar-nav>li>a {
    line-height: 80px;
    font-size: 17px;
    /* color: #fff; */
    /* padding-left: 14px;
    padding-right: 14px; */
}

.gheader .nav_box {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 80px;
    display: flex;
    align-items: center;
}

.gheader .nav_box {
    background-color: #fff;
}



.gheader .nav_box>.container {
    gap: 16px;
    /* padding-left: 100px;
    padding-right: 100px; */
}

/* Header layout: left/right at edges */
.gheader .nav_box>.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gheader .nav_box .nav-left,
.gheader .nav_box .nav-right {
    display: flex;
    align-items: center;
}

.gheader .nav_box .nav-left {
    margin-left: -50px;
    /* 将logo向左移动20px */
}

.gheader .nav_box .nav-right {
    margin-left: auto;
    margin-right: -150px;
    /* shift the whole nav-right 50px to the right */
}

/* Logo sizing */
.gheader .nav_box .nav-logo {
    display: inline-flex;
    align-items: center;
    height: 80px;
}

.gheader .nav_box .nav-logo .logo-img {
    height: 70px;
    width: auto;
    display: block;
}

/* Reduce spacing between nav items */
.gheader .navbar-nav>li {
    margin: 0 8px;
}

.gheader .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
}

/* Ensure header nav items size to content, not fixed width */
.gheader .nav .item_li {
    width: auto;
}


/* .gheader .nav_box .nav-left {

} */



/* 
.gheader .nav_box>.container {
    display: flex;
    align-items: center;
    min-height: 80px;
    justify-content: space-between;
}

.gheader .nav_box .nav-left {
    padding-left: 8px;
    display: flex;
    align-items: center;
    flex: 0 0 30%;
}

.gheader .nav_box .nav-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.gheader .nav_box .nav-logo {
    display: inline-flex;
    align-items: center;
    height: 80px;
}

.gheader .nav_box .nav-logo .logo-img {
    height: 72px;
    width: auto;
    display: block;
}

.gheader .navbar-collapse {
    padding: 0;
    margin: 0;
    display: flex !important;
    align-items: center;
}

.gheader .navbar-nav {
    margin: 0;
} */

/* 用左边框作为分隔线，等效 .right-line 视觉 */
/* Precise centered separator between items */
.gheader .navbar-nav>li {
    margin: 0 14px;
    position: relative;
}

.gheader .navbar-nav>li+li {
    border-left: none;
}

.gheader .navbar-nav>li+li::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1em;
    /* match font-size height */
    background-color: #e0e0e0;
}

/* Search icon sizing to match font size */
.gheader .navbar-nav .iconfont.icon-search {
    font-size: 1.2em;
    line-height: 1;
    display: inline-block;
}

.header_t {
    border-bottom: 0;
}

/* Make spacer visually continue navbar to avoid visible blank gap */
#fixed-header-spacer.fixed-header-spacer {
    background-color: #fff;
    /* match .nav_box background color */
}

/* 固定顶部 */
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.fixed-header-spacer {
    height: 0;
}

.header_t .top-contacts {
    line-height: 25px;
}

.header_t .top-contacts li {
    padding: 8px 0;
    font-size: 12px;
    margin-right: 15px;
    display: inline-block;
}

/* header top row layout */
.header-row {
    display: flex;
    align-items: center;
}

.header-row .top-left,
.header-row .top-right {
    display: flex;
    align-items: center;
}

.header-row .top-left {
    flex: 1 1 50%;
}

.header-row .top-right {
    flex: 1 1 50%;
    justify-content: flex-end;
    gap: 12px;
}

.header-row .current-time {
    white-space: nowrap;
    font-size: 14px;
}

.header-row .right-line {
    display: inline-block;
    width: 1px;
    height: 20px;
    /* background: rgba(255,255,255,0.5); */
    background-color: black;
    /* 灰色分隔线 */
    margin: 0 6px;
}

.header-row .weather-widget {
    height: 40px;
    width: 120px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* WeChat hover QR */
.wechat-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    z-index: 2002;
}

.wechat-wrapper .iconfont {
    font-size: 18px;
}

.wechat-qrcode {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0) translateY(-6px);
    top: 100%;
    padding-top: 6px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
    z-index: 2001;
}

.wechat-wrapper:hover .wechat-qrcode {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0) translateY(6px);
}

.wechat-qrcode .qrcode-box {
    background: #ffffff;
    color: #333;
    border-radius: 6px;
    padding: 10px;
    font-size: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    text-align: center;
    width: 160px;
    position: relative;
}

.wechat-qrcode .qrcode-box:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
}

.wechat-qrcode .qrcode-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.wechat-qrcode .qrcode-caption {
    margin-top: 6px;
    font-size: 12px;
    color: #333;
}

/*搜索*/
.header_search {
    padding: 0 60px 0 25px;
    height: 56px;
    position: relative;
    margin-top: 0;
    top: 10px;
    border: 1px solid #ddd;
}

.header_search_btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 56px;
    width: 56px;
    border: none;
    background-color: transparent;
    background-image: url("../../../static/assets/icon/search.png");
    background-repeat: no-repeat;
    background-position: center center;
    borer: none;
}

.header_search_btn:hover {
    background-color: transparent;
}

.header_search_text {
    background-color: transparent;
    width: 100%;
    height: 56px;
    border: none;
    padding: 10px 0;
    line-height: 36px;
}


.header_search_text:focus,
.header_search_text {
    box-shadow: 0 0 0;
}

.header_search_btn_phone {
    border: none;
    display: inline-block;
    margin-top: 8px;
    background-size: contain;
    background-position: center center;
    background-image: url("../../../static/assets/icon/search_phone.png");
    background-repeat: no-repeat;
    width: 40px;
    height: 34px;
}

.btn.active,
.btn:active {
    background-color: #308dba;
}

.header_search_btn_phone:active {
    background-image: url("../../../static/assets/icon/search_phone.png");
}

/*动画*/
#myCarousel {
    padding: 0;
}

.carousel-inner .item a {
    display: block;
    position: relative;
}

#myCarousel .th_t {
    color: #fff;
    line-height: 30px;
    width: 70%;
    height: 30px;
}

/*黑色背景*/

/*轮播器下面的字和科学生育下面的字*/
.f_black {
    /*color:black;*/
    background-color: rgba(0, 0, 0, .7);
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
}

/*产业服务icon下面的字*/
.f_ct {
    color: black;
    font-size: 16px;
    /*background-color:rgba(0,0,0,.7); z-index: 2;*/
    /*position: absolute; bottom: 0; left:0; */
    width: 100%;
    height: 65px;
}

.box_relative {
    position: relative;
}

/*动画数字*/
.carousel-indicators {
    margin: 0;
    left: auto;
    right: 0;
    padding: 0 15px;
    text-align: right;
    width: 100%;
    z-index: 1;
}

.carousel-indicators li {
    border: none;
    background-color: #fff;
    position: relative;
}

.carousel-indicators li::before {
    width: 0;
    height: 0;
    overflow: hidden;
    background-color: #308dba;
    font-size: 0;
    position: absolute;
    content: '';
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.carousel-indicators .active,
.carousel-indicators li {
    width: 16px;
    height: 16px;
    margin: 0 0 0 6px;
}

.carousel-indicators .active::before {
    width: 100%;
    height: 100%;
}

.carousel-indicators .active {
    background-color: transparent;
    background-color: #308dba;
}

/*标题和标签导航*/
.h_tab_nav,
.h_th {
    border-top: 2px solid #bfbfbf;
}

.th_l {
    position: relative;
}

.h_tab_nav .th_r,
.h_th .th_r {
    font-weight: normal;
}

.h_tab_nav dd a {
    position: relative;
    float: left;
    padding: 0 25px;
}

.h_tab_nav dd a::after {
    right: 0;
    width: 2px;
    height: 24px;
    background-color: #999;
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
}

.h_tab_nav dd a:first-child {
    padding-left: 0;
}

.h_tab_nav dd a:last-child::after {
    width: 0;
}

.h_tab_nav dd a::before,
.h_th .th_l::before {
    width: 0;
    height: 5px;
    background-image: url("../images/icon/tab_line.png");
    background-repeat: no-repeat;
    background-position: right top;
    /*background-color: #026218;*/
    left: 50%;
    top: -2px;
    position: absolute;
    content: '';
    font-size: 0;
    overflow: hidden;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.h_tab_nav dd .tab_light::before,
.h_th .th_l::before {
    width: 100%;
}

.h_tab_nav dd .tab_light {
    color: #308dba;
}

/*新闻*/
.h_news_list_div .t_o,
.h_news_list_text .t_o {
    margin-top: 8px;
    height: 1.6em;
}

.h_news_list_div .item_a {
    float: left;
    width: 68%;
}

.h_news_list_text .item_a {
    display: block;
}



/*产业服务*/
.box_clear {
    clear: both;
}

.h_pro_service .box {
    display: block;
    position: relative;
}

.h_pro_service .th_t {
    position: absolute;
    bottom: 0;
    line-height: 56px;
    font-size: 18px;
    left: 10px;
    right: 10px;
}

.h_pro_service .f_black {
    height: 56px;
}

/*会员之家*/
.h_club .box {
    display: block;
    height: 100px;
}

.h_club .t_arrow {
    padding-top: 20px;
    padding-right: 10px;
}

.h_club .th_t {
    font-size: 18px;
    margin-top: 25px;
    padding-top: 10px;
    position: relative;
    margin-left: 12px;
}

.h_club .th_t::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    background-color: #308dba;
    top: 0;
    left: 0;
}


/*图标*/
.icon_club {
    width: 60px;
    height: 60px;
    background-image: url("../icon/tool_icon1.png");
}

.icon_club2 {
    background-position: 0 -60px;
}

.icon_club3 {
    background-position: 0 -120px;
}

/*科学生育*/



/*下拉框select*/
.select_box {
    width: 100%;
    margin: 0 0 0 0;
    height: 50px;
    line-height: 30px;
    padding: 10px 20px;
    border: 1px solid #beddc7;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    filter: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    background-image: url(../images/icon/option.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
}

.select_box::-ms-expand {
    display: none;
}

/*友情链接*/
.h_link .box {
    display: block;
}

/*科学生育*/
.h_bady_scroll {
    position: relative;
    overflow: hidden;
}

/*滚动*/
.h_bady_scroll .bd .box {
    position: relative;
    display: block;
}

.h_bady_scroll .f_black {
    height: 44px;
}

.h_bady_scroll .th_t {
    line-height: 44px;
    height: 44px;
}

/*滚动按钮*/
.h_bady_scroll .btn_o {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    margin-top: -22px;
    background-image: url("../images/icon/btn.png");
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.h_bady_scroll .next {
    background-position: -44px 0;
}

.h_bady_scroll .btn_o:hover {
    background-color: #308dba;
    background-position: 0 -44px;
}

.h_bady_scroll .next:hover {
    background-position: -44px -44px;
}

/*不可点击状态*/
.h_bady_scroll .prevStop,
.h_bady_scroll .nextStop {
    cursor: default;
    background-color: #ccc !important;
}

/*文件底*/
.footer {
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer .t_w_l {
    margin-left: 20px;
}

.footer .t_o {
    margin: 8px 0;
}


/*--------star登录*/
/*标志*/
.login_logo {
    padding: 35px 0 0 55px;
}


/*标签导航*/
.login_tab_nav {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    height: 54px;
    margin-bottom: 35px;
}

.login_tab_nav dd a,
.login_tab_nav dd .th_line_c {
    font-size: 24px;
    line-height: 54px;
    position: relative;
}

.login_tab_nav dd .th_line_c {
    padding: 0 20px;
    display: inline-block;
}

.login_tab_nav dd a {
    float: left;
    width: 50%;
}

.login_tab_nav dd a::before,
.login_tab_nav dd .th_line_c::before {
    position: absolute;
    content: '';
    bottom: -1px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    font-size: 0;
    overflow: hidden;
    background-color: #308dba;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.login_tab_nav dd .tab_light::before,
.login_tab_nav dd .th_line_c::before {
    width: 100%;
}

.login_tab_nav dd .tab_light {
    color: #308dba;
}


.login_input_div .t_o {
    margin-top: 20px;
    line-height: 50px;
}

.login_input_div .t_o .t_l {
    min-width: 70px;
    text-align: right;
    font-size: 18px;
    padding-right: 15px;
}

.login_input_div label {
    font-weight: normal;
}

.login_input_div .t_c {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
}

.login_input_div .t_d {
    margin-top: 20px;
}

.login_input_div .t_r_r {
    margin-left: 20px;
}

.login_input_div_w .t_o .t_l {
    min-width: 110px;
}



/*表单*/
.login_text {
    height: 48px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 16px;
}

/*按钮*/
.login_btn {
    width: 100%;
    font-size: 18px;
    height: 48px;
    border: none;
}

.green_border {
    border: 1px solid #256d8f;
    background-color: transparent;
}

.btn.green_bj:hover,
.btn.green_bj_l:hover {
    background-color: #308dba;
    color: #fff;
}

.btn.green_bj:active,
.btn.green_bj_l:active {
    color: #fff;
}

.btn.green_border:hover {
    border-color: #308dba;
    background-color: #b0d2ec;
    color: #308dba;
}



/*-------------------选择框*/
.chespan,
.radiospan {
    display: inline-block;
    line-height: 22px;
}

.chespan [type="checkbox"],
.radiospan [type="radio"] {
    display: none;
    display: inline-block\9;
}

.chespan_label::before,
.radiospan_label::before {
    margin-right: 10px;
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../images/icon/che.png) 0 0 no-repeat;
    vertical-align: top;
    display: none\9;
}

.radiospan_label::before {
    background: url(../../../static/assets/icon/radio.png) 0 0 no-repeat;
}

.chespan :checked~.chespan_label::before,
.radiospan :checked~.radiospan_label::before {
    background-position: 0 -22px;
}


/*----------star内页的样式*/
/*位置标题*/
.site_icon {
    width: 20px;
    height: 20px;
    background-image: url("../../../static/assets/icon/site.png");
}

/*位置*/
.site_th a {
    color: #888;
}

.site_th a:hover {
    color: #308dba;
}

/*图标*/
.l_nav_icon {
    background-image: url("../../../static/assets/icon/left_nav_icon.png");
}

/*左导航*/
.l_nav_ul .item_a {
    display: block;
    padding: 0 50px 0 25px;
    position: relative;
    line-height: 55px;
}

.l_nav_ul .item_a::after {
    width: 25px;
    height: 25px;
    background-image: url("../../../static/assets/icon/l_nav_icon.png");
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
    overflow: hidden;
    right: 20px;
    content: '';
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.l_nav_ul .li_w {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

/* .l_nav_ul .li_w:last-child {
    border-bottom: none;
} */

.l_nav_ul .active .item_a {
    color: #B7E5EF;
    background-color: #fff;
    font-weight: bold;
    border-left: 4px solid #B7E5EF;
    padding-left: 21px;
    /* 调整左边距，为边框留出空间 */
}

.l_nav_ul .active .item_a::after {
    background-position: 0 -25px;
}


/*新闻列表*/
.i_news_ul {
    margin-left: 20px;
    margin-right: 20px;
}

.i_news_ul .li_o {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.i_news_ul .t_l {
    border-right: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 3000px;
    margin-bottom: -3000px;
}

.a_black {
    display: block;
}

.i_news_ul .t_r {
    padding: 0 100px 0 25px;
    position: relative;
}

.i_news_ul .t_r::before {
    background-image: url("../../../static/assets/icon/a_go_icon.png");
    background-repeat: no-repeat;
    width: 25px;
    height: 35px;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    content: '';
    top: 50%;
    right: 15px;
    /*transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;*/
}

.i_news_ul a:hover .t_r::before {
    background-position: 0 -35px;
}

.i_news_ul .th_t {
    font-size: 20px;
}

.i_news_ul .t_r .t_d {
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.6em;
    height: 3.2em;
}

.i_news_ul a:hover .t_l {
    border-color: #308dba;
}

.i_news_ul .t_d {
    color: #666;
}

.i_news_ul a:hover .t_d {
    color: #308dba;
}

/*新闻日期*/
.news_date {
    text-align: center;
    font-size: 40px;
    line-height: 1.1;
}

.news_date .t_d {
    font-size: 18px;
    line-height: 1.1;
    margin-top: 5px;
}

/*页码*/
.page_box {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 16px;
}

.page_box li>a {
    border-radius: 4px;
}

.page_box .active a {
    color: #fff;
    border-color: #308dba;
    background-color: #308dba;
}


/*标题*/
.d_wen_th {
    text-align: center;
}

.d_wen_th .th_t {
    font-size: 26px;
    line-height: 1.4;
}

.d_wen_th .t_d {
    margin-top: 20px;
    font-size: 16px;
}

.d_wen_th .t_d .t_w {
    margin: 0 15px;
}

/*图标*/
.share_icon {
    width: 36px;
    height: 36px;
    margin: 0 5px;
    background-color: #308dba;
    background-image: url("../images/icon/share_icon.png");
}

.share_icon.sina {
    background-position: 0 -36px;
    background-color: #da251b;
}

.share_icon:hover {
    background-color: #308dba;
}

.share_icon.sina:hover {
    background-color: #ed3127;
}


/*正文*/
.d_wen {
    margin-top: 40px;
    line-height: 1.8;
    font-size: 16px;
}

.d_wen p {
    margin: 20px 0;
}

.d_wen .pic_c {
    text-align: center;
    text-indent: 0;
}

.d_wen img {
    max-width: 100%;
}

/*返回*/
.news_reture {
    margin: 30px 0;
}

.news_reture .btn {
    min-width: 120px;
    line-height: 30px;
    font-size: 20px;
}

/*上下文*/
.other_news {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 10px;
    font-size: 16px;
}

.other_news .t_o {
    margin: 10px 0;
}


/*附件*/
.d_wen_file_ul {
    margin: 30px 0;
    font-size: 16px;
}

.d_wen_file_ul .li_o {
    margin: 22px 0;
}

.d_wen_file_ul a {
    display: block;
    padding-left: 50px;
    position: relative;
}

.d_wen_file_ul a::before {
    width: 34px;
    height: 34px;
    background-image: url("../../../static/assets/icon/file_icon.png");
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5px;
}

/*内页新闻*/
.i_news_list_div {
    margin-top: 30px;
}

/*内页搜索*/
.i_search {
    margin-top: 20px;
}

.i_search_btn {
    padding-left: 20px;
    padding-right: 20px;
}

.i_search_text,
.i_search_btn {
    height: 50px;
    font-size: 16px;
    border-radius: 10px;
}


/*图标*/
.search_icon {
    width: 26px;
    height: 26px;
    background-image: url("../../../static/assets/icon/search_icon.png");
    background-size: cover;
}

/*专业委员会*/
.i_guide_div {
    font-size: 18px;
}

.i_guide_div .item_a {
    display: block;
    border-bottom: 1px solid #eee;
    line-height: 60px;
    height: 60px;
}

/*团体会员*/
.i_club_fill_div {
    margin-left: 120px;
    margin-right: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.i_club_fill_div .th_t {
    font-size: 26px;
}

.i_club_fill_div .th_s {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 40px;
}

.i_club_fill_div .t_d {
    text-align: center;
    margin-top: 50px;
}

.fill_btn {
    width: 120px;
    height: 44px;
}

/*协会简介*/
.i_about {
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 1.8;
    font-size: 16px;
}

.i_about .th_t {
    text-align: center;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.i_about p {
    margin: 20px 0;
    text-indent: 2em;
}

.i_about img {
    max-width: 100%;
}

.i_about .pic_c {
    text-align: center;
}

/*公用end_style*/


/*------------------------------------*/
/* 手机版本 */
@media (max-width: 480px) and (max-width: 768px) {

    /*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:0; padding-right: 0;}*/
    /*中间内容*/
    .h_left,
    .h_right {
        padding-left: 0;
        padding-right: 0;
    }

    /*标志*/
    .navbar_brand {
        padding-top: 5px;
        padding-left: 10px;
    }

    .navbar_brand img {
        height: 40px;
    }

    /*搜索*/
    .header_search {
        display: none;
        width: 100%;
        background-color: rgba(255, 255, 255, 1);
        height: 50px;
        z-index: 1111;
        box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
        padding: 0 0px 0 0;
        position: fixed;
        top: 50px;
        left: 0;
        border: none;
    }

    .header_search_text {
        padding-left: 20px;
        height: 50px;
        line-height: 30px;
    }

    .header_search_btn {
        height: 50px;
        width: 50px;
    }

    .header_search_btn:active {
        background-color: #fff;
        box-shadow: 0 0 0;
        background-image: url("../images/icon/search.png");
    }


    /*导航*/
    .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        background-color: #308dba;
        color: #fff;
    }

    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #308dba;
        font-weight: bold;
    }

    /*动画*/
    #myCarousel,
    .center_phone {
        margin-top: 50px;
    }

    #myCarousel .th_t {
        height: 34px;
        line-height: 34px;
        margin-top: 0px;
        font-size: 16px;
        margin-left: 15px;
    }

    /*中间区域*/
    /*黑色背景*/
    .f_black {
        height: 34px;
    }

    /*动画数字*/
    .carousel-indicators {
        bottom: 5px;
    }

    .carousel-indicators .active,
    .carousel-indicators li {
        width: 10px;
        height: 10px;
        margin: 0 0 0 2px;
    }

    /*中间内容*/
    /*标题*/
    .h_tab_nav,
    .h_th {
        height: 44px;
    }

    .th_r,
    .th_l {
        line-height: 44px;
    }

    .th_l {
        font-size: 18px;
    }

    .h_tab_nav dd a {
        padding: 0 12px;
    }

    .h_tab_nav dd a::after {
        height: 18px;
    }

    .h_tab_nav dd .tab_light,
    .h_th .th_l {
        font-weight: bold;
    }

    /*产业服务*/
    .h_pro_service .box_w {
        margin-top: 20px;
    }

    .h_pro_service .box_w:first-child {
        margin-top: 0;
    }


    /*会员之家*/
    .h_club .box {
        margin-top: 10px;
        padding: 0 20px;
    }

    .h_club .th_t {
        margin-top: 30px;
    }

    /*科学生育*/
    .h_bady .th_l {
        font-size: 18px;
        font-weight: bold;
        padding-left: 20px;
    }

    /*滚动按钮*/
    .h_bady_scroll .btn_o {
        background-color: #308dba;
    }

    .h_bady_scroll .prev {
        left: 0;
        background-position: 0 -44px;
    }

    .h_bady_scroll .next {
        right: 0;
        background-position: -44px -44px;
    }

    .h_bady_scroll .th_t {
        font-size: 18px;
    }

    .h_bady_scroll {
        width: 100%;
    }


    /*友情链接*/
    .h_link .box {
        margin-top: 10px;
    }

    /*文件底*/
    .footer {
        text-align: center;
        margin-top: 30px;
    }

    .footer .t_gou {
        display: block;
        margin: 8px 0;
    }

    /*标志*/
    .login_logo {
        padding: 0 0 0 0;
        text-align: center;
        margin: 0px 20px;
        margin-top: 5vh;
    }

    .login_logo img {
        max-width: 100%;
    }

    /*登录中间*/
    .login_box {
        margin-top: 5vh;
    }

    .login_box,
    .i_club_fill_div {
        margin-left: 20px;
        margin-right: 20px;
    }

    .login_tab_nav dd a,
    .login_input_div .t_c,
    .login_tab_nav {
        color: #fff;
    }

    .login_input_div .t_l {
        display: none;
    }

    /*按钮*/
    .btn.green_border {
        background-color: rgba(0, 0, 0, .2);
    }

    /*团体会员*/
    .i_club_fill_div {
        padding-top: 3vh;
        padding-bottom: 6vh;
    }

    .i_club_fill_div .th_t {
        font-size: 24px;
        line-height: 1.4;
    }

    .i_club_fill_div .th_s {
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .i_club_fill_div .t_d {
        margin-top: 30px;
    }

    /*--------star内页*/
    /*左标题*/
    .i_l_th {
        padding: 10px 15px;
        font-size: 18px;
        font-weight: bold;
        position: relative;
    }

    .i_left_children .i_l_th::before {
        width: 20px;
        height: 20px;
        position: absolute;
        content: '';
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        background-image: url("../images/icon/l_nav_option.png");
        background-repeat: no-repeat;
        right: 20px;
        top: 50%;
        margin-top: -10px;
    }

    .i_left_children .i_l_th_show::before {
        background-position: 0 -20px;
    }

    /*图标*/
    .l_nav_icon {
        width: 40px;
        height: 40px;
        background-size: cover;
    }

    /*左导航*/
    #phone_l_nav {
        display: none;
    }

    .l_nav_ul .item_a::after {
        width: 18px;
        height: 18px;
    }

    .l_nav_ul .active .item_a::after {
        background-position: 0 -18px;
    }

    /* 移动端选中状态样式 */
    .l_nav_ul .active .item_a {
        color: #B7E5EF;
        background-color: #fff;
        font-weight: bold;
        border-left: 4px solid #B7E5EF;
        padding-left: 21px;
    }

    /*新闻列表*/
    .i_news_ul {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .i_news_ul .li_o {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .i_news_ul .t_l {
        padding-top: 10px;
    }

    .i_news_ul .t_r {
        padding: 0 30px 0 15px;
    }

    .i_news_ul .t_r::before {
        width: 14px;
        height: 20px;
        background-size: 14px auto;
        right: 8px;
    }

    .i_news_ul a:hover .t_r::before {
        background-position: 0 -20px;
    }

    .i_news_ul .th_t {
        font-size: 16px;
        font-weight: bold;
    }

    .i_news_ul .t_r .t_d {
        font-size: 14px;
        margin-top: 6px;
        line-height: 1.3em;
        height: 2.6em;
    }

    /*新闻日期*/
    .news_date {
        text-align: center;
        font-size: 28px;
        padding-top: 0px;
        line-height: 1.1;
    }

    .news_date .t_d {
        font-size: 16px;
    }

    /*页码*/
    .page_box {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .page_box li>a {
        padding: 3px 8px;
        margin: 2px 0;
    }

    /*文件底*/
    .i_footer {
        margin-top: 0;
    }

    /*标题*/
    .d_wen_th .th_t {
        font-size: 22px;
        font-weight: bold;
    }

    .d_wen_th .t_d {
        margin-top: 0px;
        font-size: 14px;
    }

    /*图标*/
    .share_icon {
        width: 20px;
        height: 20px;
        margin: 0 3px;
        background-size: 20px auto;
    }

    .share_icon.sina {
        background-position: 0 -20px;
    }


    /*正文*/
    .d_wen {
        margin-top: 0px;
        font-size: 14px;
    }

    .d_wen p {
        margin: 14px 0;
    }

    /*返回*/
    .news_reture {
        margin: 20px 0;
    }

    .news_reture .btn {
        min-width: 100px;
        line-height: 20px;
        font-size: 14px;
    }

    /*上下文*/
    .other_news {
        margin-top: 20px;
        margin-bottom: 30px;
        font-size: 14px;
    }

    .other_news .t_o {
        margin: 10px 0;
    }

    /*附件*/
    .d_wen_file_ul {
        font-size: 14px;
    }

    .d_wen_file_ul .li_o {
        margin: 14px 0;
    }

    .d_wen_file_ul a {
        padding-left: 30px;
    }

    .d_wen_file_ul a::before {
        width: 24px;
        height: 24px;
        left: 0px;
    }

    /*专业委员会*/
    .i_guide_div {
        margin-top: 10px;
    }

    .i_guide_div .t_o_a {
        padding-left: 0;
        padding-right: 0;
    }

    .i_guide_div {
        font-size: 14px;
    }

    .i_guide_div .item_a {
        height: 40px;
        line-height: 40px;
    }

    /*内页搜索*/
    .i_search_btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .i_search_text,
    .i_search_btn {
        height: 40px;
        font-size: 14px;
    }

    /*图标*/
    .search_icon {
        width: 20px;
        height: 20px;
    }

    /*协会简介*/
    .i_about {
        margin-top: 20px;
        line-height: 1.8;
        font-size: 14px;
    }

    .i_about .th_t {
        margin-bottom: 16px;
    }

    .i_about p {
        margin: 16px 0;
    }

    /*浮动*/
    .fr_phone {
        float: right;
    }

    .fl_phone {
        float: left;
    }

    /*间距*/
    .box_mt30_phone {
        margin-top: 30px;
    }

    .box_pw0_phone {
        padding-left: 0;
        padding-right: 0;
    }

}

/*------------------------------------*/

/* 小屏幕（平板，大于等于 768px） */
/*@media (min-width: 768px)*/
@media (min-width: 600px) {
    /*头文件中*/
    /*.navbar-fixed-bottom, .navbar-fixed-top{ position:static;}
.navbar-header{ width:100%;}*/
    /*标志*/
    /*.navbar_brand{ padding-top:5px; padding-left: 0px; padding-bottom: 10px;}
.navbar_brand img{ height:60px;}*/

    .navbar_brand {
        padding-top: 5px;
        padding-left: 10px;
    }

    .navbar_brand img {
        height: 40px;
    }

    /*搜索*/
    /*.header_search{-webkit-border-radius: 56px;-moz-border-radius: 56px;border-radius: 56px; float:right; margin: 10px 0 0 0;background-color: rgba(255,255,255,.46); border:1px solid rgba(0,100,25,.46); display: none;}*/

    /*搜索*/
    .header_search {
        display: none;
        width: 100%;
        background-color: rgba(255, 255, 255, 1);
        height: 50px;
        z-index: 1111;
        box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
        padding: 0 0px 0 0;
        position: fixed;
        top: 50px;
        left: 0;
        border: none;
    }

    .header_search_text {
        padding-left: 20px;
        height: 50px;
        line-height: 30px;
    }

    .header_search_btn {
        height: 50px;
        width: 50px;
    }


    /*导航*/
    /*.nav .item_li{ float:left; width: 12.5%; text-align: center;}*/

    /*导航*/
    .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        background-color: #308dba;
        color: #fff;
    }

    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #308dba;
        font-weight: bold;
    }


    /*黑色背景*/
    .f_black {
        height: 34px;
    }

    /*动画数字*/
    #myCarousel,
    .center_phone {
        margin-top: 50px;
    }

    .carousel-indicators {
        bottom: 5px;
    }

    .carousel-indicators .active,
    .carousel-indicators li {
        width: 10px;
        height: 10px;
        margin: 0 0 0 2px;
    }

    /*中间内容*/
    .h_left,
    .h_right {
        padding-left: 0;
        padding-right: 0;
    }

    /*标题*/
    .h_tab_nav,
    .h_th {
        height: 44px;
    }

    .th_r,
    .th_l {
        line-height: 44px;
    }

    .th_l {
        font-size: 18px;
    }

    .h_tab_nav dd a {
        padding: 0 12px;
    }

    .h_tab_nav dd a::after {
        height: 18px;
    }

    .h_tab_nav dd .tab_light,
    .h_th .th_l {
        font-weight: bold;
    }

    /*产业服务*/
    .h_pro_service .box_w {
        margin-top: 20px;
    }

    .h_pro_service .box_w:first-child {
        margin-top: 0;
    }

    /*会员之家*/
    .h_club .box {
        margin-top: 10px;
        padding: 0 20px;
    }

    .h_club .th_t {
        margin-top: 30px;
    }

    /*科学生育*/
    .h_bady {
        background-color: transparent;
    }

    .h_bady .th_l {
        font-size: 18px;
        font-weight: bold;
        padding-left: 20px;
    }

    /*滚动按钮*/
    .h_bady_scroll .btn_o {
        background-color: #308dba;
    }

    .h_bady_scroll .prev {
        left: 0;
        background-position: 0 -44px;
    }

    .h_bady_scroll .next {
        right: 0;
        background-position: -44px -44px;
    }

    .h_bady_scroll .th_t {
        font-size: 18px;
    }

    .h_bady_scroll {
        width: 100%;
    }

    /*友情链接*/
    .h_link .box {
        margin-top: 10px;
    }

    /*文件底*/
    .footer {
        text-align: center;
        margin-top: 30px;
    }

    /*--------star登录*/
    /*标志*/
    .login_logo {
        padding: 0 0 0 0;
        text-align: center;
        margin: 0px 20px;
        padding-top: 20vh;
    }

    .login_logo img {
        max-width: 100%;
    }

    /*登录中间*/
    .login_box {
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 5vh;
    }

    .login_tab_nav dd a,
    .login_input_div .t_c,
    .login_tab_nav {
        color: #fff;
    }

    .login_input_div .t_l {
        display: none;
    }

    /*--------star内页*/
    /*左标题*/
    .i_l_th {
        padding: 10px 15px;
        font-size: 18px;
        font-weight: bold;
        position: relative;
    }

    .i_left_children .i_l_th::before {
        width: 20px;
        height: 20px;
        position: absolute;
        content: '';
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        background-image: url("../images/icon/l_nav_option.png");
        background-repeat: no-repeat;
        right: 20px;
        top: 50%;
        margin-top: -10px;
    }

    .i_left_children .i_l_th_show::before {
        background-position: 0 -20px;
    }

    /*图标*/
    .l_nav_icon {
        width: 40px;
        height: 40px;
        background-size: cover;
    }

    /*左导航*/
    #phone_l_nav {
        display: none;
    }

    .l_nav_ul .item_a::after {
        width: 18px;
        height: 18px;
    }

    .l_nav_ul .active .item_a::after {
        background-position: 0 -18px;
    }

    /* 中等屏幕选中状态样式 */
    .l_nav_ul .active .item_a {
        color: #B7E5EF;
        background-color: #fff;
        font-weight: bold;
        border-left: 4px solid #B7E5EF;
        padding-left: 21px;
    }

    /*新闻列表*/
    .i_news_ul {
        margin-left: 0px;
        margin-right: 0px;
    }

    /*新闻详情页*/
    .d_wen_th .t_d {
        margin-top: 0px;
    }



    /*浮动*/
    .fr_phone {
        float: right;
    }

    .fl_phone {
        float: left;
    }

    /*间距*/
    .box_mt30_phone {
        margin-top: 30px;
    }

    .box_pw0_phone {
        padding-left: 0;
        padding-right: 0;
    }

}

/*-------------------------------------------*/
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 768px) {

    /*头文件中*/
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: static;
    }

    .navbar-header {
        width: 100%;
    }


    /*搜索*/
    /* .header_search {
        box-shadow: 0 0 0;
        -moz-border-radius: 56px;
        -webkit-order-radius: 56px;
        border-radius: 56px;
        border: 1px solid rgba(40, 105, 119, 0.46);
        float: right;
        display: block;
        top: 15px;
        width: 320px;
        position: relative;
    } */

    /*导航*/
    /* .nav_box {
        background-color: #076085;
    } */

    .nav {
        padding: 0px 0;
        width: 100%;
    }

    .nav .item_li {
        float: left;
        width: 12.5%;
        text-align: center;
    }

    .nav .item_li .item_a {
        display: block;
        font-size: 17px;
        color: #494444;
        position: relative;
        line-height: 45px;
        padding: 0;
    }

    /* .nav .item_li .item_a:hover,
    .dropdown-hover:hover .item_a,
    .nav .dropdown-menu li a:hover,
    .nav .dropdown-menu li>a:focus,
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: #308dba;
        color: #fff;
    } */
    /* 
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        background-color: transparent;
        color: #fff;
    } */

    /* .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        background-color: #308dba;
        color: #fff;
    } */

    /*二级导航*/

    .dropdown-hover .caret {
        display: none;
    }

    .nav .dropdown-menu {
        z-index: 18;
    }

    .dropdown-menu {
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .3s;
        text-align: center;
        background-color: #ffffff;
        /* white background */
        border-radius: 8px;
        /* slightly larger rounded corners */
        padding: 10px 0;
        /* vertical padding inside */
        min-width: 220px;
        /* larger container */
        border: 1px solid rgba(0, 0, 0, 0.08);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

    .nav .dropdown-menu li a {
        color: #000;
        /* black text */
        line-height: 48px;
        /* taller items */
        font-size: 16px;
        padding: 0 24px;
        display: block;
        white-space: nowrap;
    }

    /* Ensure submenu is anchored to parent and visually connects */
    .gheader .nav .dropdown-hover {
        position: relative;
    }

    .dropdown-hover:hover .dropdown-menu {
        top: calc(100% - 1px);
        /* connect to parent without gap */
        left: 50%;
        transform: translateX(-50%);
        display: block;
        visibility: visible;
    }

    /* Hover state: gray background, black text */
    .nav .dropdown-menu li a:hover,
    .nav .dropdown-menu li>a:focus {
        background-color: #f2f2f2;
        color: #000;
    }

    /*动画*/
    #myCarousel {
        margin-top: 0px;
    }

    #myCarousel .th_t {
        font-size: 24px;
        margin-left: 30px;
        margin-top: 15px;
    }

    /*黑色背景*/
    .f_black {
        height: 65px;
    }

    .carousel-indicators {
        bottom: 20px;
        padding-right: 20px;
    }

    .carousel-indicators .active,
    .carousel-indicators li {
        width: 16px;
        height: 16px;
        margin: 0 0 0 6px;
    }


    /*标志*/
    .navbar_brand {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar_brand img {
        height: 60px;
    }



}

/*-------------------------------------------*/
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1024px) {
    .min_1200 {
        margin: 0 auto;
        min-width: 1200px;
    }

    /*系统样式宽度*/
    .container {
        width: 1200px;
        padding: 0;
    }

    /*全局*/
    /*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:0; padding-right: 0;}*/



    .header_c {
        /* background-image: url("../../../static/assets/icon/header1.png"); */
        background-repeat: no-repeat;
        background-position: center top;
    }

    .header_c_w {
        height: 176px;
    }

    /*标志*/
    .navbar_brand {
        padding-top: 36px;
    }

    .navbar_brand img {
        height: auto;
    }

    /*搜索*/
    /*.header_search{ margin-top: 60px; display: block;}*/

    /*搜索*/
    .header_search {
        top: 60px;
    }





    /*动画*/
    #myCarousel .th_t {
        height: 30px;
    }


    /*中间背景*/
    .center_box_bj {
        background-color: #fff;
        padding-bottom: 30px;
        /* margin-bottom: 30px; */
        margin-top: -1px;
        /* background-image: url("../../../static/assets/icon/center_green_bj2.png"); */
        background-repeat: repeat-x;
    }



    .i_center_box_bj {
        padding-bottom: 0px;
    }



    /*中间内容*/
    .h_left {
        padding-left: 0;
    }

    .h_right {
        padding-right: 0;
        padding-left: 30px;
    }

    /*标题和标签导航*/
    .h_tab_nav,
    .h_th {
        height: auto;
    }

    .h_tab_nav dd a {
        padding: 0 30px;
    }

    .th_r,
    .th_l {
        line-height: 64px;
    }

    .th_l {
        padding-right: 30px;
    }

    .th_l {
        font-size: 24px;
    }

    .h_tab_nav dd .tab_light,
    .h_th .th_l {
        font-weight: normal;
    }

    /*产业服务*/
    .h_pro_service .box_w {
        margin-top: 0px;
    }

    .h_pro_service .box {
        margin-right: 20px;
    }

    .h_pro_service .pic,
    .h_pro_service .pic img {
        height: auto;
        overflow: hidden;
    }

    /*会员之家*/
    .h_club .box {
        margin-right: 20px;
        padding: 0;
        margin-top: 0;
    }

    .h_club .box_w_r .t_arrow {
        padding-top: 50px;
        padding-right: 0;
    }

    .h_club .t_d {
        margin-top: 10px;
    }

    .h_club .box_w_r .box {
        height: 210px;
        text-align: center;
    }

    .h_club .th_d {
        margin-left: 0;
    }

    .h_club .th_d::before {
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .h_club .th_t {
        margin-top: 20px;
    }


    /*友情链接*/
    .h_link .box {
        margin-right: 30px;
        margin-bottom: 0;
    }

    /*技术支持*/
    .gray_bj {
        background-color: #f5f5f5;
    }


    .h_bady_box {
        padding-top: 20px;
        width: 1140px;
        float: right;
    }

    .h_bady_scroll {
        padding: 0 45px;
        height: 215px;
        overflow: hidden;
    }

    /*标题*/
    .h_bady .th_l {
        width: 60px;
        text-align: center;
        float: left;
        line-height: 1.1;
        font-size: 24px;
        padding: 70px 15px 0 15px;
        height: 260px;
        font-weight: normal;
    }

    /*滚动按钮*/
    .h_bady_scroll .btn_o {
        background-color: transparent;
    }

    .h_bady_scroll .prev {
        left: 5px;
        background-position: 0 0;
    }

    .h_bady_scroll .next {
        right: 5px;
        background-position: -44px 0;
    }

    .h_bady_scroll .btn_o:active {
        box-shadow: 0 0 0;
    }

    /*不可点击状态*/
    .h_bady_scroll .prevStop,
    .h_bady_scroll .nextStop {
        cursor: default;
        background-color: transparent !important;
        opacity: .5;
    }

    .h_bady_scroll .prevStop:active,
    .h_bady_scroll .nextStop:active {
        box-shadow: 0 0 0;
    }

    .h_bady_scroll .prevStop,
    .h_bady_scroll .prevStop:hover {
        background-position: 0 0;
    }

    .h_bady_scroll .nextStop,
    .h_bady_scroll .nextStop:hover {
        background-position: -44px 0;
    }


    /*滚动*/
    .h_bady_scroll .bd .pic,
    .h_bady_scroll .bd .pic img {
        height: 215px;
        overflow: hidden;
    }

    .h_bady_scroll .bd .box {
        margin: 0 14px;
    }

    .h_bady_scroll .th_t {
        font-size: 20px;
    }

    /*文件底*/
    .footer {
        margin-top: 0;
    }

    .footer .t_l {
        text-align: left;
    }

    .footer .t_r {
        text-align: right;
    }


    /*-------------登录*/
    /*标志*/
    .login_logo {
        margin-top: 0;
        text-align: left;
        padding-top: 35px;
    }

    /*登录中间*/
    .login_box {
        position: absolute;
        top: 50%;
        left: 50%;
        min-height: 520px;
        width: 660px;
        margin-left: -330px;
        margin-top: -260px;
        background-color: rgba(255, 255, 255, .75);
        padding: 16px;
    }

    .login_box_border,
    .login_box {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .login_box_border {
        height: 100%;
        border: 1px solid rgba(37, 96, 105, 0.41);
        min-height: 490px;
        padding: 40px 110px 0 110px;
    }

    .login_tab_nav dd a,
    .login_input_div .t_c,
    .login_tab_nav {
        color: #333;
    }

    .login_input_div .t_l {
        display: block;
    }

    /*找回密码*/
    .login_input_div_w .t_o {
        margin-top: 10px;
    }

    /*-------------内页*/
    /*位置*/
    .site_th {
        font-size: 16px;
    }

    /*中间内容*/
    .i_left {
        padding-bottom: 3000px;
        margin-bottom: -3000px;
    }

    .i_right,
    .i_center_h {
        min-height: 800px;
    }

    /*左标题*/
    .i_l_th {
        padding: 20px 22px;
        font-size: 30px;
        font-weight: normal;
    }

    .i_l_th::before {
        width: 0;
        height: 0;
    }

    /*图标*/
    .l_nav_icon {
        width: 50px;
        height: 50px;
    }

    /*左导航*/
    .l_nav_ul .item_a {
        font-size: 18px;
    }

    /* 大屏幕选中状态样式 */
    .l_nav_ul .active .item_a {
        color: #B7E5EF;
        background-color: #fff;
        font-weight: bold;
        border-left: 4px solid #B7E5EF;
        padding-left: 21px;
    }

    #phone_l_nav {
        display: block;
    }

    /*新闻列表*/
    .i_news_ul {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 10px;
    }

    /*内页新闻*/
    .i_news_list_div {
        margin-left: 30px;
        margin-right: 30px;
    }

    .i_news_list_div .t_o {
        margin: 18px 0;
    }


    /*新闻详情页*/
    .d_wen_box {
        margin: 0 60px;
        padding-top: 30px;
    }

    .d_wen_th .t_d {
        margin-top: 20px;
    }

    /*返回*/
    .news_reture {
        margin: 50px 0;
    }

    /*上下文*/
    .other_news {
        margin-top: 50px;
        margin-bottom: 70px;
    }

    /*内页搜索*/
    .i_search {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 40px;
    }

    /*专业委员会*/
    .i_guide_div {
        margin: 20px;
    }

    /*团体会员*/
    .i_club_fill_div {
        margin-left: 220px;
        margin-right: 220px;
    }

    .i_club_fill_div2 .t_o .t_l {
        min-width: 120px;
    }

    /*协会简介*/
    .i_about {
        margin-left: 30px;
        margin-right: 30px;
    }



    /*间距*/
    .box_mrf20_pc {
        margin-right: -20px;
    }

    .box_mrf30_pc {
        margin-right: -30px;
    }

    /*浮动*/
    .fr_phone {
        float: inherit;
    }

    .fl_phone {
        float: inherit;
    }

    /*间距*/
    .box_mt30_phone {
        margin-top: 0px;
    }

}

/*-------------------------------------------*/




/* 大屏幕（大桌面显示器，大于等于 1280px） */
@media (max-width: 1280px) {}

/*end大的分辨率1280*/

/* 大屏幕（大桌面显示器，大于等于 1366px） */
@media (min-width: 1366px) {}

/*end大的分辨率1366*/

/* 大屏幕（大桌面显示器，大于等于 1920px） */
@media (min-width: 1600px) {}

/*end大的分辨率1920*/


/*间距*/
.box_mr10 {
    margin-right: 10px;
}

.box_mt30 {
    margin-top: 30px;
}

.box_pl0 {
    padding-left: 0;
}

.box_pw0 {
    padding-left: 0;
    padding-right: 0;
}

.box_pw200 {
    padding-left: 200px;
    padding-right: 200px;
}

.box_mw200 {
    margin-left: 200px;
    margin-right: 200px;
}

.box_mw10 {
    margin-left: 10px;
    margin-right: 10px;
}

.box_mw5 {
    margin-left: 5px;
    margin-right: 5px;
}

.box_pt15 {
    padding-top: 15px;
}

.box_mt15 {
    margin-top: 15px;
}

.box_mb10 {
    margin-bottom: 10px;
}

/*白色背景*/
.white_bj {
    background-color: #fff;
}

.green_bj_light {
    background-color: #b7e5ef;
}

.green_bj_light_light {
    background-color: #c7dfe7;
}

.green_bj {
    background-color: #308dba;
}

.green_bj_l {
    background-color: #308dba;
}

.green_bj_mid {
    background-color: #dfeef6;
}

.midblue_bj {
    background-color: #B7E5EF;
}

/*border: 1px solid #14517a*/



/*font*/


.font_16 {
    font-size: 16px;
}

.font_24 {
    font-size: 24px;
}

.china {
    font-family: '宋体';
}

/*color*/
.green_text,
.green_link a {
    color: #308dba;
}

.green_link a:hover {
    color: #333;
    text-decoration: underline;
}

.red_note {
    color: #ff0000;
    margin-right: 8px;
}


/*线*/
.box_line_d {
    border-bottom: 1px solid #eee;
}

/*对齐*/
.box_c {
    text-align: center;
}

.box_l {
    text-align: left;
}

.box_r {
    text-align: right;
}

/*color*/
.blue_black_text {
    color: #0e132e;
}

.orange_bj {
    background-color: #fe703e;
    color: #fff;
}

.orange_text {
    color: #fe703e;
}

.black_text,
.black_link a {
    color: #000;
}

.black_link a:hover {
    color: #308dba;
}

.black3_text,
.black3_link a {
    color: #333;
}

.black6_text,
.black6_link a {
    color: #666;
}

.black8_text,
.black8_link a {
    color: #888;
}

.black9_text,
.black9_link a {
    color: #999;
}

.black3_link a:hover,
.black6_link a:hover,
.black8_link a:hover,
.black9_link a:hover {
    color: #308dba;
}


.white15_link a,
.white15_text {
    color: rgba(255, 255, 255, .15);
}

.white_text,
.white_link a {
    color: #fff;
}

.black_text {
    color: #000
}

.grey_text {
    color: #444444
}

.grey2_text {
    color: #7A7E80;
}

/*.white_link a:hover,.white15_link a:hover{ color:rgba(255,255,255,.3);}*/


/*.green_text,.green_link a{ color:#246d4b;}
.green_link a:hover{ color:#fff; background-color: #246d4b;}*/

.link_line a {
    text-decoration: underline;
}

.link_line a:hover {
    text-decoration: none;
}

.red_text {
    color: #ce2129;
}


/*经过*/
.hover_li .box {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.hover_li .box::before {
    width: 0;
    height: 100%;
    left: 50%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.04);
    display: block;
    position: absolute;
    content: '';
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hover_li .box:hover::before {
    width: 100%;
}


/*经过*/
.hover_pic_shadow .box:hover .pic,
.hover_box .box:hover,
.hover_box_t .box:hover,
.hover_dl_o:hover,
.hover_box_pic .box:hover .pic {
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.hover_pic_shadow .box:hover .pic,
.hover_box .box:hover,
.hover_pic_shadow_t .box:hover .pic,
.hover_box_shadow .box:hover,
.hover_dl_o:hover,
.hover_box_pic .box:hover .pic {
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
}

.hover_box_line .box {
    position: relative;
}

.hover_box_line .box::before {
    width: 0;
    height: 4px;
    background-color: #308dba;
    font-size: 0;
    overflow: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    display: block;
    position: absolute;
    content: '';
    z-index: 2;
}

.hover_box_line .box:hover::before {
    width: 100%;
}



/*自定义动画*/
a,
a:hover,
.btn,
.icon,
.transition_a,
.transition_o a,
.hover_table tbody tr,
.hover_arrow_shadow .icon_public,
.hover_table_td tbody td {
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}



/*省略号*/
.hide1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
}

.hide2,
.hide6,
.hide4,
.hide3,
.hide10,
.hide_1_w,
.hide9 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.hide2 {
    -webkit-line-clamp: 2;
    height: 3.2em;
}

.hide3 {
    -webkit-line-clamp: 3;
    height: 4.8em;
}

.hide6 {
    -webkit-line-clamp: 6;
    height: 9.6em;
}

.hide4 {
    -webkit-line-clamp: 4;
    height: 6.4em;
}

.hide9 {
    -webkit-line-clamp: 9;
    height: 18em;
    line-height: 2em;
}

.hide10 {
    -webkit-line-clamp: 10;
    height: 16em;
}

/*自适应*/
.r_cell {
    display: table-cell;
    width: 9999px;
    width: auto;
    zoom: 1;
}


/*隐藏*/
.hide_box {
    height: auto;
    overflow: hidden;
}

/*列表*/

.list_2 .item_li {
    float: left;
    width: 49.99%;
}

.list_3 .item_li {
    float: left;
    width: 33.33%;
}

.list_4 .item_li {
    float: left;
    width: 24.99%;
}

.list_5 .item_li {
    float: left;
    width: 19.99%;
}

.list_6 .item_li {
    float: left;
    width: 16.666%;
}

.list_7 .item_li {
    float: left;
    width: 14.28%;
}

.list_8 .item_li {
    float: left;
    width: 12.5%;
}

.list_12 .item_li {
    float: left;
    width: 8.33%;
}





/*图标*/
.icon_public {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}

.img_w {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img_w_w {
    width: 100%;
    overflow: hidden;
}

.img_m,
.text_m {
    display: inline-block;
    vertical-align: middle;
}

a:hover .img_m {
    vertical-align: middle;
}

.box_sizing {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.text_t {
    display: inline-block;
    vertical-align: top;
}


/*左右摇摆*/
.hover_arrow .box:hover .icon_public,
.give-score-broad-control:hover .icon_public {
    animation: landr 0.8s ease-in-out;
    -ms-animation: landr 0.8s ease-in-out;
    -moz-animation: landr 0.8s ease-in-out;
    -webkit-animation: landr 0.8s ease-in-out;
    -o-animation: landr 0.8s ease-in-out;
}

/*定义动画效果_css3*/
@keyframes landr {
    0% {
        transform: rotate(0deg);
        transform-origin: right bottom 0;
    }

    39% {
        transform: rotate(5deg);
        transform-origin: right bottom 0;
    }

    40% {
        transform: rotate(5deg);
        transform-origin: left bottom 0;
    }

    75% {
        transform: rotate(-10deg);
        transform-origin: left bottom 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: left bottom 0;
    }
}

@-webkit-keyframes landr {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin: right bottom 0;
    }

    39% {
        -webkit-transform: rotate(5deg);
        webkit-transform-origin: right bottom 0;
    }

    40% {
        -webkit-transform: rotate(5deg);
        -webkit-transform-origin: left bottom 0;
    }

    75% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform-origin: left bottom 0;
    }

    100% {
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin: left bottom 0;
    }
}

/*经过图片有闪光效果*/
.hover_pic .pic_a {
    position: relative;
    overflow: hidden;
    display: block;
}

.hover_pic .pic_a:before {
    position: absolute;
    top: 0px;
    left: -80%;
    display: block;
    content: "";
    width: 40%;
    height: 100%;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.hover_pic .pic_a:hover:before {
    -moz-transition: left 1s ease 0s;
    -webkit-transition: left 1s ease 0s;
    transition: left 1s ease 0s;
    left: 140%;
}

/*效果*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}


/*圆角*/
.round_r8 {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.round_r2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.round_r4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.round_r3,
.round_r3_a a,
.round_r3_img img {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.round_r4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.round_r10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.round_r16 {
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.round_r20 {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.round_rt10 {
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.round_r4_t {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.round_m,
.round_m_a a {
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
}

.round_r30 {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.round_rd4 {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.round_m_s {
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
}

.round_r,
.round_img img,
.round_r_a a {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*加载字体*/
@font-face {
    font-weight: normal;
    font-style: normal;
}

/* Footer Section Styles */
.footer-section {
    background-color: #f1f3f4;
    padding: 40px 0 20px;
    border-top: 2px solid #e9ecef;
}

.footer-section .row {
    position: relative;
    /* 为绝对定位的分隔线提供参考 */
    display: flex;
    align-items: flex-start;
    gap: 0;
}

/* Footer Container Layout */
.bottom-left {
    width: 30%;
    flex: 0 0 30%;
}

.bottom-right {
    width: 70%;
    flex: 0 0 70%;
}

/* Footer Separator - 使用伪元素 */
.footer-section .row::after {
    content: '';
    position: absolute;
    left: 23%;
    /* 定位到左侧容器的右边缘 */
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background: linear-gradient(to bottom, transparent, #DAC5AE 20%, #DAC5AE 80%, transparent);
    z-index: 1;
}

/* QR Code Section */
.qr-section {
    padding: 20px 0;
    position: relative;
    z-index: 2;
}

.qr-codes {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.qr-item {
    text-align: center;
    flex: 1;
}

.qr-code {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.qr-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.qr-subtitle {
    font-size: 14px;
    color: #666;
}

/* Links Section */
.links-section {
    /* padding: 20px 0; */
    position: relative;
    z-index: 2;
    margin-left: -50px;
    /* 向右移动50px */
}

.links-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    text-align: left;
    margin-top: -10px;
}

.links-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    max-width: 100%;
}

.links-column {
    flex: 1;
    min-width: 200px;
}

.link-item {
    display: block;
    color: #555;
    text-decoration: none;
    padding: 8px 0;
    font-size: 14px;
    transition: color 0.3s ease;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.5;
}

.link-item:hover {
    color: #308dba;
}

.link-item::before {
    content: ">";
    margin-right: 8px;
    color: #C0976B;
}

/* Copyright Section */
.copyright-section {
    background-color: #f8f9fa;
    padding: 20px 0;
    border-top: 1px solid #e9ecef;
}

.copyright-text {
    text-align: center;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

/* Scroll to Top Button */
.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000;
}

.scroll-to-top:hover {
    background-color: #b7e5ef;
    transform: translateY(-2px);
}

.scroll-to-top .iconfont {
    font-size: 24px;
    color: #666;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .qr-codes {
        flex-direction: column;
        gap: 20px;
    }

    .links-grid {
        flex-direction: column;
        gap: 15px;
    }

    .scroll-to-top {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
    }
}

/* Hero Section - Full Screen Image */
.hero-container {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.hero-image {
    width: 100%;
    height: auto;
    position: relative;
}

.hero-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

/* Responsive adjustments for hero section */
@media (max-width: 1200px) {
    .hero-image img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .hero-image img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .hero-image img {
        width: 100%;
        height: auto;
    }
}

/*动画*/
#myCarousel {
    padding: 0;
}

/* Introduction Fullscreen Section */
.container1 {
    width: 100%;
}

.introduction-fullscreen {
    width: 100%;
    min-height: 300px;
    background-color: #F7F7F7;
    /* padding: 60px 0; */
    /* margin-top: 100px; */
    /* margin-bottom: 100px; */
    position: relative;
}

.introduction-container {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 20px;
}

.introduction-fullscreen .introduction-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 250px;
}

/* Introduction Content Layout */
.introduction-content {
    width: 1220px;
    height: 359.99px;
    display: flex;
    align-items: center;
    gap: 40px;
    /* background-color: #fff; */
    border-radius: 12px;
    /* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); */
    padding: 40px;
    box-sizing: border-box;
}

/* Left Text Section */
.introduction-text {
    flex: 1;
    /* max-width: 60%; */
    padding-right: 20px;
}

.introduction-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    position: relative;
}

.introduction-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #308dba, #b7e5ef);
    border-radius: 2px;
}

.introduction-description {
    margin-bottom: 25px;
}

.introduction-description p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
    text-align: justify;
}

/* Learn More Button */
.learn-more-button {
    margin-top: 25px;
}

.learn-more-btn {
    display: inline-block;
    background-color: #C0976B;
    color: white;
    padding: 12px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.learn-more-btn:hover {
    background-color: #A87F5A;
    color: white;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(192, 151, 107, 0.3);
}


/* Right Video Section */
.introduction-video {
    flex: 1;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.video-container {
    position: relative;
    width: 100%;
    height: 240px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video-container:hover .video-overlay {
    opacity: 1;
}

.play-button {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.play-button:hover {
    background: #fff;
    transform: scale(1.1);
}

.play-button .iconfont {
    font-size: 24px;
    color: #308dba;
}

.video-caption {
    text-align: center;
}

.video-caption h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.video-caption p {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}

/* Responsive adjustments for introduction section */
@media (max-width: 1200px) {
    .introduction-container {
        max-width: 100%;
        padding: 0 15px;
    }

    .introduction-content {
        width: 100%;
        max-width: 1000px;
        height: auto;
        min-height: 400px;
        flex-direction: column;
        gap: 30px;
        padding: 30px;
    }

    .introduction-text {
        max-width: 100%;
        padding-right: 0;
    }

    .introduction-video {
        max-width: 100%;
        width: 100%;
    }

    .video-container {
        height: 200px;
    }
}

@media (max-width: 768px) {
    .introduction-fullscreen {
        padding: 40px 0;
        min-height: 400px;
    }

    .introduction-fullscreen .introduction-container {
        min-height: 400px;
    }

    .introduction-content {
        padding: 20px;
        gap: 20px;
    }

    .introduction-title {
        font-size: 24px;
    }

    .introduction-description p {
        font-size: 14px;
    }

    .learn-more-btn {
        padding: 10px 25px;
        font-size: 14px;
    }



    .video-container {
        height: 180px;
    }

    .play-button {
        width: 50px;
        height: 50px;
    }

    .play-button .iconfont {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .introduction-fullscreen {
        padding: 30px 0;
        min-height: 350px;
    }

    .introduction-fullscreen .introduction-container {
        min-height: 350px;
    }

    .introduction-content {
        padding: 15px;
        gap: 15px;
    }

    .introduction-title {
        font-size: 20px;
    }

    .introduction-description p {
        font-size: 13px;
        line-height: 1.6;
    }

    .learn-more-btn {
        padding: 8px 20px;
        font-size: 13px;
    }




    .video-container {
        height: 150px;
    }

    .video-caption h3 {
        font-size: 16px;
    }

    .video-caption p {
        font-size: 12px;
    }
}

/* News Section Styles */
.news-fullscreen {
    width: 100%;
    min-height: 500px;
    background-color: #F3F6FB;
    padding: 0;
    position: relative;
}

.news-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.news-content {
    width: 1220px;
    height: 550px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #F3F6FB;
    border-radius: 12px;
    /* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); */
    /* padding: 40px; */
    box-sizing: border-box;
}

/* Header Section */
.news-header {
    text-align: center;
    margin-bottom: 30px;
}

.news-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.news-underline {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #C0976B, #DAC5AE);
    margin: 0 auto;
    border-radius: 1px;
}

/* Main Content Layout */
.news-main-content {
    display: flex;
    gap: 40px;
    flex: 1;
}

/* Left Column */
.news-left-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.featured-image {
    width: 100%;
    height: 220px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.news-list {
    /* flex: 1; */
    /* margin-bottom: 20px; */
}

.news-item {
    display: flex;
    align-items: center;
    padding: 8px 0;
    margin-bottom: 8px;
}

.news-arrow {
    color: #C0976B;
    font-weight: bold;
    margin-right: 10px;
    font-size: 14px;
}

.news-link {
    color: #7a7e80;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    transition: color 0.3s ease;
    flex: 1;
}

.news-link:hover {
    color: #1a95d3;
}

/* Right Column */
.news-right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.news-detail-title {
    margin-bottom: 20px;
}

.news-detail-title h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
}

.news-disclaimer {
    /* flex: 1; */
    margin-bottom: 20px;
}

.news-disclaimer p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    text-align: justify;
    margin: 0;
}

/* Navigation Buttons */
.news-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-navigation1 {
    display: flex;
    padding-left: 100px;
    align-items: center;
}

.nav-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #C0976B;
    background-color: #C0976B;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

.nav-button:hover {
    background-color: #A87F5A;
    border-color: #A87F5A;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(192, 151, 107, 0.3);
}

.nav-button .iconfont {
    font-size: 16px;
}

/* Responsive adjustments for news section */
@media (max-width: 1200px) {
    .news-content {
        width: 100%;
        max-width: 1000px;
        height: auto;
        min-height: 500px;
        padding: 30px;
    }

    .news-main-content {
        flex-direction: column;
        gap: 30px;
    }

    .featured-image {
        height: 240px;
    }
}

@media (max-width: 768px) {
    .news-fullscreen {
        padding: 40px 0;
    }

    .news-content {
        padding: 20px;
        gap: 20px;
    }

    .news-title {
        font-size: 24px;
    }

    .news-detail-title h3 {
        font-size: 16px;
    }

    .news-disclaimer p {
        font-size: 13px;
    }

    .featured-image {
        height: 150px;
    }

    .nav-button {
        width: 35px;
        height: 35px;
    }

    .nav-button .iconfont {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .news-fullscreen {
        padding: 30px 0;
    }

    .news-content {
        padding: 15px;
    }

    .news-title {
        font-size: 20px;
    }

    .news-underline {
        width: 50px;
    }

    .featured-image {
        height: 120px;
    }

    .news-link {
        font-size: 13px;
    }

    .news-disclaimer p {
        font-size: 12px;
        line-height: 1.5;
    }
}

/* VIP List Section Styles */
.viplist-fullscreen {
    width: 100%;
    min-height: 600px;
    background-color: #fff;
    /* padding: 60px 0; */
    position: relative;
}

.viplist-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.viplist-content {
    width: 1220px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 12px;
    /* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); */
    padding: 40px;
    box-sizing: border-box;
}

/* Header Section */
.viplist-header {
    text-align: center;
    margin-bottom: 40px;
}

.viplist-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 14px;
}

.viplist-subtitle {
    font-size: 12px;
    color: #AFB7C1;
    font-weight: 500;
    /* margin-bottom: 8px; */
    margin-top: 8px;

    line-height: 1.4;
}

/* Member Grid Layout */
.member-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

/* Member Card */
.member-card {
    background-color: #fff;
    border: 1px solid #DAC5AE;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    min-height: 70px;
}

.member-card:hover {
    box-shadow: 0 4px 16px rgba(192, 151, 107, 0.2);
    transform: translateY(-2px);
}

/* Member Logo */
.member-logo {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Member Info */
.member-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.member-name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
}

.member-english {
    font-size: 12px;
    color: #666;
    line-height: 1.2;
}

.member-full {
    font-size: 12px;
    color: #888;
    line-height: 1.2;
}

/* Button Section */
.viplist-button {
    text-align: center;
    margin-top: 20px;
}

.viplist-button .learn-more-btn {
    display: inline-block;
    background-color: #C0976B;
    color: white;
    padding: 12px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.viplist-button .learn-more-btn:hover {
    background-color: #A87F5A;
    color: white;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(192, 151, 107, 0.3);
}

/* Responsive adjustments for viplist section */
@media (max-width: 1200px) {
    .viplist-content {
        width: 100%;
        max-width: 1000px;
        padding: 30px;
    }

    .member-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .viplist-fullscreen {
        padding: 40px 0;
    }

    .viplist-content {
        padding: 20px;
    }

    .viplist-title {
        font-size: 24px;
    }

    .viplist-subtitle {
        font-size: 13px;
    }

    .member-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .member-card {
        padding: 15px;
        min-height: 70px;
    }

    .member-logo {
        width: 40px;
        height: 40px;
    }

    .member-name {
        font-size: 13px;
    }

    .member-english,
    .member-full {
        font-size: 11px;
    }

    .viplist-button .learn-more-btn {
        padding: 10px 25px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .viplist-fullscreen {
        padding: 30px 0;
    }

    .viplist-content {
        padding: 15px;
    }

    .viplist-title {
        font-size: 20px;
    }

    .viplist-subtitle {
        font-size: 12px;
    }

    .member-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .member-card {
        padding: 12px;
        min-height: 60px;
    }

    .member-logo {
        width: 35px;
        height: 35px;
    }

    .member-name {
        font-size: 12px;
    }

    .member-english,
    .member-full {
        font-size: 10px;
    }

    .viplist-button .learn-more-btn {
        padding: 8px 20px;
        font-size: 13px;
    }
}

/* VIP Guide Page Styles */
/* 会员权益样式 */
.benefit-card {
    border: 2px solid #C29C72;
    border-radius: 12px;
    padding: 20px;
    background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

.benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    border-color: #8a6d3b;
}

.benefit-number {
    color: #fff;
    background: #8a6d3b;
    font-size: 18px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px auto;
}

.benefit-text {
    margin: 0;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
}

.benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 800px;
}

@media (max-width: 768px) {
    .benefits-grid {
        grid-template-columns: 1fr !important;
    }
}

/* 入会程序样式 */
.program-step {
    border: 2px solid #C29C72;
    border-radius: 12px;
    padding: 20px 25px;
    background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
    text-align: center;
    max-width: 400px;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin: 0 auto;
}

.program-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    border-color: #8a6d3b;
}

.program-step-text {
    margin: 0;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
}

.program-arrow {
    width: 30px;
    height: auto;
    margin: 10px auto;
    display: block;
    transition: transform 0.3s ease;
}

.program-arrow:hover {
    transform: scale(1.1);
}

/* 入会联系样式 */
.contact-info-card {
    font-size: 20px;
    line-height: 2;
    color: #333;
    border: 2px solid #C29C72;
    border-radius: 12px;
    padding: 25px;
    background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.contact-info-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    border-color: #8a6d3b;
}

.contact-item {
    margin: 12px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-label {
    color: #8a6d3b;
    font-size: 20px;
    font-weight: 600;
    min-width: 120px;
}

.contact-value {
    color: #333;
    font-size: 18px;
    flex: 1;
}

/* VIP Guide Page Layout Styles */
.vip-guide-container {
    margin-left: 25px;
}

.section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0 8px 0;
}

.section-icon {
    color: #B7E5EF;
    font-size: 27px;
}

.section-title {
    font-size: 27px;
    font-weight: 600;
    color: #8a6d3b;
}

.section-divider {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

.section-content {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.section-image {
    flex: 0 0 150px;
    margin-left: 100px;
    margin-top: 20px;
}

.section-image img {
    width: 100%;
    height: auto;
}

.section-text {
    flex: 1;
    min-height: 200px;
    padding: 20px;
}

.program-steps-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.spacing-paragraph {
    margin-bottom: 20px;
    line-height: 2em;
    text-align: justify;
}

/* ============== Search Box Styles ============== */
/* Full Width Hero Carousel */
#hero-section {
    width: 100%;
    margin: 0;
    padding: 0;
}

#heroCarousel,
#heroCarousel .carousel-inner,
#heroCarousel .item,
#heroCarousel .item img,
.hero-image,
.hero-image img {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Responsive Heights */
@media (min-width: 992px) {

    #heroCarousel .item img,
    .hero-image img {
        height: calc(100vh - 140px) !important;
        min-height: 500px;
        object-fit: cover;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #heroCarousel .item img,
    .hero-image img {
        height: 450px !important;
        object-fit: cover;
    }
}

@media (max-width: 767px) {

    #heroCarousel .item img,
    .hero-image img {
        height: 250px !important;
        object-fit: cover;
    }
}

/* Modern Search Bar Styles */
.search-box-wrapper {
    /* Initially hidden state with transition properties */
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);

    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 15px;
    /* Spacing from header */

    /* Modern Look */
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
    padding: 20px;
    border-radius: 12px;
    z-index: 1000;
    min-width: 380px;

    /* Smooth Transition */
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Arrow indicator */
.search-box-wrapper::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 28px;
    /* Align with search icon roughly */
    width: 16px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05);
    /* Subtle border for the arrow */
    z-index: -1;
}

.search-box-wrapper.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.search-form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-input {
    flex: 1;
    padding: 12px 18px;
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    font-size: 15px;
    color: #333;
    background: #fdfdfd;
    outline: none;
    transition: all 0.3s ease;
}

.search-input:focus {
    border-color: #308dba;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(48, 141, 186, 0.1);
}

.search-btn {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #308dba;
    background: linear-gradient(135deg, #308dba, #236fa1);
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(48, 141, 186, 0.3);
}

.search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(48, 141, 186, 0.4);
}

.search-btn:active {
    transform: translateY(0);
}

.search-btn i {
    font-size: 20px;
}

.search-close {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #999;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    transition: all 0.2s ease;
}

.search-close:hover {
    background: #f5f5f5;
    color: #666;
    transform: rotate(90deg);
}

.nav-right {
    position: relative;
}

/* Fullscreen Search Overlay (Alternative) */
.search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.search-overlay.active {
    display: flex;
}

.search-overlay .search-form {
    width: 80%;
    max-width: 600px;
}

.search-overlay .search-input {
    font-size: 20px;
    padding: 15px 20px;
}

@media (max-width: 768px) {
    .search-box-wrapper {
        min-width: 280px;
        right: -50px;
    }
}

/* ============== Carousel Styles ============== */
/* Hero Section - Fullscreen on PC */
#hero-section {
    width: 100%;
}

#hero-section .carousel {
    width: 100%;
}

/* PC: Fullscreen carousel (100vh minus header) */
@media (min-width: 992px) {

    #hero-section .carousel,
    #hero-section .carousel .item,
    #hero-section .carousel .item img,
    #hero-section .hero-image,
    #hero-section .hero-image img {
        height: calc(100vh - 120px) !important;
        min-height: 500px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {

    #hero-section .carousel,
    #hero-section .carousel .item,
    #hero-section .carousel .item img,
    #hero-section .hero-image,
    #hero-section .hero-image img {
        height: 450px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {

    #hero-section .carousel,
    #hero-section .carousel .item,
    #hero-section .carousel .item img,
    #hero-section .hero-image,
    #hero-section .hero-image img {
        height: 250px !important;
    }
}

#hero-section .carousel .item img,
#hero-section .hero-image img {
    width: 100%;
    object-fit: cover;
}

/* Carousel Caption Styling */
#hero-section .carousel-caption {
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 25px;
    border-radius: 5px;
    bottom: 50px;
}

#hero-section .carousel-caption h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

/* Carousel Controls */
#hero-section .carousel-control {
    width: 60px;
    opacity: 0.7;
}

#hero-section .carousel-control:hover {
    opacity: 1;
}

#hero-section .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
}

.hero-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.hero-carousel {
    position: relative;
    width: 100%;
    height: 100%;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.hero-slide.active {
    opacity: 1;
    z-index: 1;
}

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

.hero-image {
    width: 100%;
    height: 100%;
}

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

/* Carousel Navigation Dots */
.carousel-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s;
}

.carousel-dot.active {
    background: #fff;
}

/* Carousel Navigation Arrows */
.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 24px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}

.carousel-arrow:hover {
    background: rgba(0, 0, 0, 0.6);
}

.carousel-arrow.prev {
    left: 20px;
}

.carousel-arrow.next {
    right: 20px;
}

@media (max-width: 768px) {
    .hero-container {
        height: 250px;
    }

    .carousel-arrow {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
}

/* Fix for BS3 downgrade: Force flex layout to align items horizontally */
.gheader .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
}