@charset "utf-8";

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url(/images/SourceHanSansCN-Bold.otf)
}

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url(/images/SourceHanSansCN-Regular.otf)
}

@font-face {
    font-family: 'CenturyGothic';
    src: url(/images/Century-Gothic.ttf)
}

.tysj-mySwiper .swiper-slide img {
    width: 100%;
}

body {}

.tysj-swiper-pagination .swiper-pagination-bullet {
    width: .1042rem;
    height: .1042rem;
    text-align: center;
    /* line-height: .1042rem; */
    font-size: .0833rem;
    color: #7892cc;
    opacity: 1;
    font-family: MyriadPro-Regular;
    background: none;
}

.tysj-swiper-pagination .swiper-pagination-bullet-active {
    color: #fff;
    /* padding-bottom: 0.12rem; */
    background: url(/images/tysj_lb_duandian.png) no-repeat 0 .2031rem;
    height: .215rem;
    border-radius: 0;
    background-size: 100% .0156rem;
}

.tysj-swiper-pagination {
    width: 1.05rem !important;
    text-align: center;
    border-bottom: .0208rem solid #85a8da;
    left: 11% !important;
    height: .215rem;
    bottom: 0.3rem !important;
}

.tysj-swiper-pagination span {
    width: .34rem !important;
    margin: 0 !important;
}


.tysj_wrap_1500 {
    width: 78.823%;
    margin: 0 auto;
    padding-bottom: .2604rem;
}

.hljt_gywm {
    background: url(/images/hl_gywm_wrap_bj.png) no-repeat right bottom;
    padding-bottom: .2rem;
}

.hl_guwm_wrap {
    padding-top: 0.41rem!important;
}

.hl_gywm_left {
    width: 1.6146rem;
    height: 2.4115rem;
    background: url(/images/hl_gywm_bj.png) no-repeat;
    float: left;
    background-size: 100% 100%;
}

.hl_gywm_left h2 {
    font-family: SourceHanSansCN-Bold;
    font-size: .2083rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2917rem;
    color: #333;
    float: left;
    writing-mode: vertical-lr;
    /*从左向右 从右向左是 writing-mode: vertical-rl;*/
    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
    display: inline-block;
    margin-top: .3073rem;
    margin-left: .2604rem;
}

.hl_gywm_left p {
    font-family: SourceHanSansCN-Bold;
    font-size: .2083rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2917rem;
    color: #333;
    /* float: left; */
    margin-top: .4375rem;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
}

.hl_gywm_right {
    width: 5.4635rem;
    float: right;
}

.hl_gywm_right h2 {
    font-family: SourceHanSansCN-Bold;
    font-size: .1875rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #0a50b4;
    padding-top: .4635rem;
}

.hl_gywm_right h3 {
    font-family: SourceHanSansCN-Bold;
    font-size: .125rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    padding-top: .1rem;
}

.hl_gywm_right p {
    font-family: SourceHanSansCN-Regular;
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .18rem;
    letter-spacing: 0px;
    color: #707070;
    padding-top: .089rem;
}

.hl_gywm_right span a {
    font-family: SourceHanSansCN-Regular;
    font-size: .0833rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2604rem;
    letter-spacing: 0px;
    color: #0a50b4;
    padding-left: .1771rem;
    display: block;
    background: url(/images/hl_/images/more_jt.png) no-repeat .5313rem .065rem;
    background-size: 25% 50%;
}

.hl_gywm_right span {
    display: inline-block;
    margin-top: .1979rem;
    border-radius: 5px;
    width: .8698rem;
    height: .25rem;
    background: url(/images/more_bk.png) no-repeat 100% 100%;
    background-size: 100% 100%;
}

.hljt_cp {
    width: 100%;
    height: 3.8906rem;
    background-color: #0a50b4;
    position: relative;
}

.hljt_cp_wrap_right {
    width: 8.7552rem;
    height: 3.8906rem;
    float: right;
    /* background-color: #c8c8c8; */
}


.hl_cp_bt h2 {
    font-family: SourceHanSansCN-Bold;
    font-size: .2083rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2917rem;
    letter-spacing: 0px;
    color: #ffffff;
    display: inline-block;
}

.hl_cp_bt {

    display: inline-block;

    padding-top: .5625rem;

    padding-bottom: .2135rem;
}

.hl_cp_bt span {

    display: inline-block;

    color: #ffffff;

    position: relative;

    /* top: -0.0521rem; */

    width: .0156rem;

    height: .1042rem;

    background: #fff;

    margin: .026rem .0781rem;
}




/* tab */
/* Import Google Font */


/* RESET */
* {
    box-sizing: border-box;

}

/* STYLING */
.container {
    /* display: flex; */
    /* height: 100vh; */
    /* background-color: #f4f4f4; */
    /* color: #a2a2a2; */
    /* font-family: "Nunito Sans", Arial, Helvetica, sans-serif; */
}

.darkmode .container {
    background-color: #1A1B1F;
    color: #8a8a8a;
}

.tabs-container {
    width: 100%;
    margin: auto;
}

/* Style the tabs */
.tabs {
    margin-bottom: .1458rem;
    display: flex;
    justify-content: space-between;
    width: 33%;
    display: inline-block;
    padding-bottom: .1458rem;
    border-bottom: 1px solid #3b73c3;
    position: relative;
}

.tabs a {
    cursor: pointer;
    padding: .026rem .1458rem;
    width: auto;
    text-align: center;
    font-family: SourceHanSansCN-Regular;
    font-size: .0833rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    height: .25rem;
    color: #a7c5ef;
    border: 1px solid #5484cb;
    border-radius: .026rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.darkmode .tabs a {
    background: linear-gradient(145deg, #1c1d21, #17181c);
    box-shadow: 3px 3px 6px #101114,
        -3px -3px 6px #24252a;
}

/* Change background color of tabs on hover */
.tabs a:hover {
    color: #fff;
}

.darkmode .tabs a:hover {
    background: #141414;
    color: #bbb;
}

/* Styling for active tab */
.tabs a.active {
    background-color: #f4f4f4;
    color: #fff;
    font-size: .0833rem;
    cursor: default;
    background: url(/images/more_bk_white.png) no-repeat;
    background-size: 100% 100%;
}

.darkmode .tabs a.active {
    background: #1A1B1F;
    box-shadow: inset 3px 3px 6px #101114,
        inset -3px -3px 6px #24252a;
    color: #6a6a6a;
}


/* Style the tab content */
.tabcontent {
    display: none;
}

.darkmode .tabcontent {
    background: linear-gradient(145deg, #1c1d21, #17181c);
    box-shadow: 3px 3px 6px #101114,
        -3px -3px 6px #24252a;
}

.tabs a.active span {

    display: flex;

    width: .3177rem;

    height: .026rem;

    background-color: #ffffff;

    border-radius: .0156rem;

    position: absolute;

    bottom: -0.0156rem;
}

.content .active {
    display: block;
}

.tabcontent p {
    margin-bottom: .0625rem;
}

.tabcontent p:last-child {
    margin-bottom: 0;
}

.tabcontent .read-more-link a {
    color: #626262;
    text-decoration: none;
    font-size: 0.85em;
    font-weight: bold;
}

.darkmode .tabcontent .read-more-link a {
    color: #d4d4d4;
}

.icon {
    padding-left: 8px;
    font-size: .0833rem;
}

/* THE DARKMODE SWITCH */
.dark-mode-switch {
    position: absolute;
    top: .0833rem;
    right: .0833rem;
}

.dark-mode-switch .switch {
    /*     margin-left: 4px; */
}

.switch-label {
    cursor: pointer;
    font-size: 0.85em;
}

/* the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
    margin-left: 4px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1A1B1F;
    transition: .2s;
    box-shadow: 2px 2px 3px #ffffff,
        -2px -2px 3px #bebebe;
}

.darkmode .slider {
    box-shadow: 2px 2px 3px #34353a,
        -2px -2px 3px #000104;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 2px;
    background: #9294b8;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #f4f4f4;
}

input:checked+.slider:before {
    transform: translateX(21px);
}

/* Rounded sliders */
.slider.round {
    border-radius: .0573rem;
}

.slider.round:before {
    border-radius: 50%;
}



/*==============================*/
.small-screen {
    display: none;
    background-color: #f4f4f4;
    height: 100vh;
    color: #a2a2a2;
    font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
}

.darkmode .small-screen {
    background-color: #1A1B1F;
    color: #8a8a8a;
}

.small-screen-content {
    width: 70%;
    margin: auto;
}

@media only screen and (max-width: 600px) {
    .container {
        display: none;
    }

    .small-screen {
        display: flex;
    }

    .tabcontent {
        display: block;
    }
}

#tab2 {
    position: relative;
    left: .1042rem;
}

#tab3 {
    position: relative;
    left: .2083rem;
}

.tabs #tab2 span {
    bottom: -0.1667rem;
}

.tabs #tab3 span {
    bottom: -0.1667rem;
}


.tabs_container_left {

    width: 3.0938rem;
    float: left;
}

.tabs_container_left h2 {
    font-family: SourceHanSansCN-Bold;
    font-size: .125rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2917rem;
    letter-spacing: 0px;
    color: #ffffff;
}

.tabs_container_left p {
    font-family: SourceHanSansCN-Regular;
    font-size: .0833rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .1458rem;
    letter-spacing: 0px;
    color: #ffffff;
}

.tabs_container_left span {
    display: inline-block;
    margin-top: 0.1979rem;
    border-radius: 5px;
    width: 0.8698rem;
    height: 0.25rem;
    background: url(/images/more_bk_white.png) no-repeat 100% 100%;
    background-size: 100% 100%;
}

.tabs_container_left span a {
    font-family: SourceHanSansCN-Regular;
    font-size: .0833rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2604rem;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 0.1771rem;
    display: block;
    background: url(/images/more_jt.png) no-repeat 0.5313rem 0.065rem;
    background-size: 25% 50%;
}

.tabs_container_right {
    width: 3.8333rem;
    height: 3.2188rem;
    background-color: #c8c8c8;
    float: right;
    position: absolute;
    right: 0;
    bottom: -0.599rem;
}

.tabs_container_right img {
    width: 4rem;
    height: auto;
    position: absolute;
    left: -1.1823rem;
    top: -0.6771rem;
}


.hljt_news {
    margin-top: .6771rem;
}

.hljt_news_bt {
    text-align: center;
}

.hljt_news_bt h2 {

    font-family: SourceHanSansCN-Bold;

    font-size: .2083rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: .2917rem;

    letter-spacing: 0px;

    color: #0a50b4;
}

.hljt_news_bt h3 {

    font-family: SourceHanSansCN-Bold;

    font-size: .2083rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: .2917rem;

    letter-spacing: 0px;

    color: #333333;
}


.hl_news_li {

    margin-top: .0521rem;
}

.hl_news_li ul li:hover {
    background-color: #c8c8c8;
    transition: 0.5s;
    /* padding-left: 20px; */
}

.hl_news_li ul li {
    width: 4.9531rem;
    height: .8646rem;
    /* background-color: #c8c8c8; */
    padding-left: 12.3%;
    float: left;
    /* transition: 0.8s; */
}


.hl_news_li_left {
    float: left;
    border-right: 1px solid #a0a0a0;
    margin-top: .2031rem;
    padding-right: .2396rem;
}

.hl_news_li_left span {

    font-family: CenturyGothic;

    font-size: .3958rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: .2917rem;

    letter-spacing: 0px;

    color: #000;

    display: inline-block;

    /* margin-top: 39px; */
}

.hl_news_li_left p {

    font-family: CenturyGothic;

    font-size: .1146rem;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #3c3c3c;

    padding-top: .0469rem;
}

.hl_news_li_right {}
.hl_news_li_right h2 a{
     color: #000;
}
.hl_news_li_right h2 {
    font-family: SourceHanSansCN-Regular;
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    cursor: pointer;
}

.hl_news_li_right {
    float: right;
    width: 2.7865rem;
    padding-top: .2031rem;
    padding-right: .1667rem;
}

.hl_news_li_right p {

    font-family: SourceHanSansCN-Regular;

    font-size: .0833rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: .1458rem;

    letter-spacing: 0px;

    color: #000;

    padding-top: .0573rem;
}

.hl_news_li ul li:nth-child(even) {

    padding-left: 2.5%;
}

.hl_news_li ul li:nth-child(even) .hl_news_li_right {

    float: left;

    padding-left: .2448rem;

    /* width: 504px; */

    padding-right: 0;

}

.hljt_more_news {

/* text-align: center; */

margin: 0 auto;

width: 0.8698rem;

padding-bottom: .45rem;
}

.hljt_more_news span a {
    font-family: SourceHanSansCN-Regular;
    font-size: .0833rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2604rem;
    letter-spacing: 0px;
    color: #0a50b4;
    padding-left: .1771rem;
    display: block;
    background: url(/images/more_bk_blue.png) no-repeat .5313rem .065rem;
    background-size: 25% 50%;
}

.hljt_more_news span {
    display: inline-block;
    margin-top: .1979rem;
    border-radius: 5px;
    width: .8698rem;
    height: .25rem;
    background: url(/images/more_bk.png) no-repeat 100% 100%;
    background-size: 100% 100%;
}

.hl_qt_wrap ul li:nth-child(1) {

    margin-left: 0px;
}

.hl_qt_wrap ul li {
    width: 2.3385rem;
    height: .875rem;
    float: left;
    margin-left: .375rem;
    background: url(/images/hl_qt_bottom_hover.png) no-repeat;
    background-size: 100% 100%;
}

.hl_qt_left {
    width: .5729rem;
    height: .5729rem;
    border-radius: .2865rem;
    float: left;
    background-size: 100% 100%;
    margin-left: .2rem;
    margin-top: .151rem;
}

.hl_qt_right {
    float: left;
    margin-left: .08rem;
    margin-top: .2667rem;
}

.hl_qt_right h2 {
    font-family: SourceHanSansCN-Bold;
    font-size: .125rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2917rem;
    letter-spacing: 0px;
    color: #ffffff;
}
.hl_qt_right h2 a{
  
    color: #ffffff;
}
.hl_qt_right p {
    font-family: SourceHanSansCN-Bold;
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2917rem;
    letter-spacing: 0px;
    color: #ffffff;
}


.hl_qt_wrap ul li:hover {
    transition: 0.5s;
    background: url(/images/hl_qt_bottom.png) no-repeat;
    background-size: 100% 100%;
}




.hl_qt_wrap ul li:nth-child(1) .hl_qt_left{

background: url(/images/qt_gnbj.png) no-repeat;

background-size: 100% 100%;
}
.hl_qt_wrap ul li:nth-child(2) .hl_qt_left{

background: url(/images/qt_xqhz.png) no-repeat;

background-size: 100% 100%;
}

.hl_qt_wrap ul li:nth-child(3) .hl_qt_left{

background: url(/images/qt_hyzx.png) no-repeat;

background-size: 100% 100%;
}

.hl_qt_wrap {
    padding-bottom: 0.5rem;
}

.hl_qt_wrap ul li:nth-child(1):hover  .hl_qt_left{

    background: url(/images/qt_gnbj_hover.png) no-repeat;
    background-size: 100% 100%;

}
.hl_qt_wrap ul li:nth-child(2):hover  .hl_qt_left{

    background: url(/images/qt_xqhz_hover.png) no-repeat;
    background-size: 100% 100%;

}

.hl_qt_wrap ul li:nth-child(3):hover  .hl_qt_left{

    background: url(/images/qt_hyzx_hover.png) no-repeat;
    background-size: 100% 100%;

}


   .fotright_wailian {
    /* margin-top: .53rem; */
    /* margin-left: 0.53rem; */
    position: absolute;
    right: 0.6rem;
    top: 0.31rem;
}
.fotright_wailian ul {
    width: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.fotright_wailian ul li {
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
}
.fotright_wailian ul li div {
    width: 100%;
    height: 100%;
}
.fotright_wailian ul li div .img01, .fotright_wailian ul li div .img02 {
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.fotright_wailian ul li div .img02 {
    display: none;
}
.fotright_wailian ul li div:hover .img01 {
    display: none;
    transition: all 1s;
}
.fotright_wailian ul li div:hover .img02 {
    display: block;
    transition: all 1s;
}