<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {

    font-family: "寰蒋闆呴粦";

    font-size: 14px;

    overflow-x: hidden;

}



* {

    list-style: none;

    margin: 0;

    padding: 0;

    text-decoration: none;

    outline: none;

}



ul,

li {

    margin: 0;

    padding: 0;

}



a {

    color: #333;

    text-decoration: none;

}



ul,

li {

    margin: 0;

    padding: 0;

}



a:link {

    text-decoration: none;

}



a:visited {

    text-decoration: none;

}



h1,

h2,

h3,

h4,

p {

    margin: 0;

    padding: 0;

    display: block !important;

}



em,i {

    font-style: normal;

}



.clear {

    clear: both;

}



.float-left {

    float: left;

}



.float-right {

    float: right;

}



.blank10 {

    width: 100%;

    height: 10px;

}



.blank20 {

    width: 100%;

    height: 20px;

}



.blank30 {

    width: 100%;

    height: 30px;

    clear: both;

}



.blank50 {

    width: 100%;

    height: 50px;

}



.blank70 {

    width: 100%;

    height: 70px;

}



.blank100 {

    width: 100%;

    height: 100px;

}



.txt-center {

    text-align: center;

}



.txt-left {

    text-align: left;

}



.position-a {

    position: absolute;

}



.position-r {

    position: relative;

}



.content {

    width: 1280px;

    margin: auto;

    position: relative;

    overflow: hidden;

}



.content-info {

    width: 1280px;

    margin: auto;

    position: relative;

    overflow: unset;

    min-height: 600px;

}



.header {

    width: 100%;

}



.header2 {

    display: none;

}





/* search */



.sb-search {

    position: absolute;

    width: 0%;

    min-width: 44px;

    height: 44px;

    float: right;

    right: 0;

    overflow: hidden;

    -webkit-transition: width 0.3s;

    -moz-transition: width 0.3s;

    transition: width 0.3s;

    -webkit-backface-visibility: hidden;

    top: 18px;

}



.sb-search-input {

    position: absolute;

    top: 0;

    right: 0;

    border: none;

    outline: none;

    background: #fff;

    width: 260px;

    height: 44px;

    margin: 0;

    z-index: 10;

    font-family: inherit;

    font-size: 14px;

    color: #333;

    text-indent: 15px;

}



.sb-search-input::-webkit-input-placeholder {

    color: #ccc;

}



.sb-search-input:-moz-placeholder {

    color: #ccc;

}



.sb-search-input::-moz-placeholder {

    color: #ccc;

}



.sb-search-input:-ms-input-placeholder {

    color: #ccc;

}



.sb-icon-search,

.sb-search-submit {

    width: 44px;

    height: 44px;

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    padding: 0;

    margin: 0;

    line-height: 44px;

    text-align: center;

    cursor: pointer;

    border-radius: 50%;

}



.sb-search-submit {

    background: url('../images/search_icon.png') no-repeat center;

    background-size: 13px 13px;

    /* IE needs this */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    /* IE 8 */

    filter: alpha(opacity=0);

    /* IE 5-7 */

    opacity: 0;

    color: transparent;

    border: none;

    outline: none;

    z-index: -1;

}



.sb-icon-search {

    color: #fff;

    background: url('../images/search_icon.png') no-repeat center;

    background-size: 13px 13px;

    z-index: 90;

    speak: none;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

}





/* Open state */



.sb-search.sb-search-open,

.no-js .sb-search {

    width: 260px;

    border:1px solid #ddd;

}



.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {

    background: url('../images/search_icon.png') no-repeat center;

    background-size: 13px 13px;

    color: #fff;

    z-index: 11;

}



.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {

    z-index: 90;

}





/* search-end */



.header-main {

    height: 80px;

    overflow: inherit;

}



.logo {

    height: 54px;

    margin-top: 13px;

    float: left;

}



.menu-ul {

    width: 100%;

    height: 67px;

}



.menu-li {

    width:88px;

    height: 67px;

    text-align: center;

    font-size: 14px;

    float: left;

    line-height: 56px;

    position: relative;

    font-size: 16px;

}



.menu-link {

    width: 50%;

    height: 2px;

    background: #e35685;

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    right: 0;

    margin: auto;

}



.menu-li a {

    display: block;

    color: #333;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    height: 67px;

    text-align: center;

}



.menu-li a:hover {

    color: #333;

}



.menu-li:hover .menu-link {

    opacity: 1;

    filter: alpha(opacity=100);

}



.menu-li.active .menu-link {

    opacity: 1;

    filter: alpha(opacity=100);

}



.submenu-nav {

    display: none;

    width: 200px;

    height: auto;

    position: relative;

    z-index: 999;

    overflow: hidden;

    left: -52px;

}

.submenu-li:hover{

        background:url('../images/menu_icon.png') no-repeat center,#8f002f;

}

.submenu-li:hover a{

    color: #fff;

}

/*

.submenu-nav-line {

    width: 100%;

    height: 3px;

    background: #02903D;

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

}*/



.submenu-li {

    width: 100%;

    height: 46px;

    background: #fff;

    line-height: 46px;

    font-size: 14px;

    text-align: center;

}

.submenu-li a{

    color:#333;

}





.submenu-li:last-child {

    border: 0;

}



.menu-li:hover .submenu-nav {

    display: block;

    animation: fadeInUp1 .5s both alternate;

    -webkit-animation: fadeInUp1 .5s both alternate;

}



@-webkit-keyframes fadeInUp1 {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInUp1 {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.fadeInUp1 {

    -webkit-animation-name: fadeInUp1;

    animation-name: fadeInUp1;

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



.menu-img {

    position: absolute;

    top: -10px;

    left: 12px;

    width: 72px;

    height: 26px;

}

.heard-txt{

    float: right;

}

.header-right{

    float: left;

    margin-top: 13px;

    width: 876px;

    margin-left: 50px;

}

.heard-txt{

    line-height: 44px;

    color: #fff;

    margin-right: 15px;

}

.heard-txt a{

    color: #fff;

}



/* banner */



.banner {

    width: 100%;

    height: 500px;

    position: relative;

    top: 0px;

    overflow: hidden;

}

.banner .swiper-pagination{

    position: relative;

    top: 30%;

}

.banner .swiper-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.banner .swiper-pagination-bullet {

    background: #fff;

    opacity: 1;

    margin: 0 5px;

}

.banner .swiper-pagination-bullet{

    background: #666;

}

.banner .swiper-pagination-bullet-active {

    background:#e62129;

    width: 25px !important;

    height: 10px !important;

    position: relative;

}

.banner .swiper-pagination-bullet{

    width: 10px;

    height: 10px;

    border-radius: 50px;

}

.pag-g{

    position: absolute;

    height: 50px;

    width: 240px;

    left: 0;

    right: 0;

    bottom: 15px;

    z-index: 9;

    margin: auto;

}

.banner .swiper-button-next, .banner .swiper-button-prev{

    width: 7px;

    height: 12px;

    margin-top: -7px;

    background-size: unset;

}

.banner .swiper-button-prev{

    background-image: url('../images/banner_jt2.png');

}

.banner .swiper-button-next{

    background-image: url('../images/banner_jt4.png');

}

.banner .swiper-button-next.swiper-button-disabled{

    background-image: url('../images/banner_jt3.png');

    opacity:1;

}

.banner .swiper-button-prev.swiper-button-disabled{

    background-image: url('../images/banner_jt.png');

    opacity:1;

}

/* banner-end */





/* footer */

.footer{

    width: 100%;

    height: 112px;

    background:url('../images/footer_bg.png') no-repeat center,#666;

    padding-top: 20px;

    margin-top: 60px;

}

.footer-left{

    float: left;

}

.col-link{

    margin-top: 30px;

}

.col-link ul li{

    float: left;

    margin-right: 50px;

    text-align: center;

}

.col-link ul li a{

    display: inline-block;

}

.col-link ul li a:hover{

    color:#8f002f;

}

.col-link img{

    margin-right: 5px;

}

.footer-right{

    float: right;

    position: relative;

    width: 650px;

    height: 80px;

}

.footer-cont{

    float: left;

    margin-right: 50px;

}

.footer-cont h5{

    font-size: 16px;

    color:#8f002f;

}

.footer-code{

    float: left;

}

.footer-code img{

    float: left;

    width: 100px;

    height: 100px;

}

.footer-code p{

    float: left;

    margin-left: 20px;

    margin-top: 28px;

    color: #e35685;

}

.footer-bottom{

    width: 100%;

    height: 60px;

    float: left;

    background: #120107;

}

.footer-bottom p{

    line-height: 60px;

    color: #fff;

    float: left;

}

.footer-bottom a{

    color: #fff;

}

.footer-bottom .footer-admin{

    color: #8f002f;

}

.footer-control {

    float: right;

    width: 200px;

    margin-top: 12px;

}



.row7-icon{

    width: 188px;

    float: left;

    margin-top: 10px;

}

.cont-icon{

    float: left;

    margin-right: 5%;

    width: 44px;

    height: 44px;

    border-radius: 50%;

    border: 2px solid #fff;

    display: table;

    text-align: center;

    line-height: 40px;

    position: relative;

}

.footer-icon{

    width: 44px;

    height: 44px;

    display: block;

    background-size: 44px 44px;

}

.col-title{

    color:#fff;

}

.row7-icon .cont-icon:hover{

    background: #fff;

}

.cont-icon:nth-of-type(1){

    background: url('../images/wc_icon.png') no-repeat center;

}

.cont-icon:nth-of-type(1):hover .footer-icon{

    background: url('../images/wc_icon2.png') no-repeat center;

}

.cont-icon:nth-of-type(2){

    background: url('../images/wb_icon.png') no-repeat center;

}

.cont-icon:nth-of-type(2):hover .footer-icon{

    background: url('../images/wb_icon2.png') no-repeat center;

}

.cont-icon:nth-of-type(3){

    background: url('../images/qq_icon.png') no-repeat center;

}

.cont-icon:nth-of-type(3):hover .footer-icon{

    background: url('../images/qq_icon2.png') no-repeat center;

}

.qrcode-img{

    position: absolute;

    width: 130px;

    height: 130px;

    bottom: 54px;

    display: none;

    left: -42px;

    margin: auto;

    z-index: 9;

}

.cont-hover:hover .qrcode-img{

    display: block;

}

.footer .content{

    overflow: unset;

}

.footer-right p{

    position: absolute;

    right: 0;

    bottom: 0;

    color: #fff;

}

.footer-right p a{

    color: #fff;

}

/* footer-end */





/* header_mb */



.header2 {

    width: 100%;

    height: 60px;

    background: #fff;

    position: fixed;

    top: 0;

    padding: 0 15px;

    margin: auto;

    z-index: 11;

}



.header2 h3 {

    margin: auto;

    height: 40px;

    text-align: left;

    margin-top: 10px;

    line-height: 40px;

    font-weight: bold;

    font-size: 20px;

}



.header2 h3 img {

    display: block;

    max-width: 75%;

    max-height: 100%;;

}



.header2 .left_btn {

    position: absolute;

    top: 8px;

    width: 44px;

    height: 44px;

    /*padding: 3%;*/

    text-align: center;

    left: 5px;

}



.header2 .right_btn {

    position: absolute;

    top: 8px;

    width: 44px;

    height: 44px;

    /*padding: 3%;*/

    text-align: center;

    right: 5px;

    z-index: 9;

}



.header2 .right_btn img {

    width: 24px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.header2 .left_btn img {

    width: 24px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.sidebar {

    position: fixed;

    top: 0;

    left: -76%;

    width: 76%;

    height: 100%;

    background: #fff;

    z-index: 99999;

    padding-top: 60px;

}

.menu-list ul li a {

    display: block;

    color: #333;

    text-align: center;

}



.mask2 {

    width: 100%;

    height: 100vh;

    position: absolute;

    background: rgba(0, 0, 0, .3);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 9999;

    display: none;

}



.box-bg {

    width: 100%;

    height: 1000px;

    background: url('../images/bg4.jpg') no-repeat center;

}



.close-btn {

    width: 44px;

    height: 44px;

    text-align: center;

    line-height: 30px;

    position: absolute;

    top: 8px;

    right: 8px;

}



.close-btn img {

    width: 36%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.menu-logo {

    display: table;

    margin: auto;

    height: 54px;

}



.menu-list {

    width: 60%;

    height: 55vh;

    margin: auto;

    position: relative;

    left: 0;

    right: 0;

    bottom: 0;

    margin-top: 20px;

}



.menu-list ul li {

    list-style: none;

    line-height: 4vh;

    width: 100%;

    text-align: center;

    font-size: 14px;

}



.menu-list ul li a {

    display: block;

}



.compy-txt {

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    bottom: 20px;

    text-align: center;

    font-size: 12px;

    color: #ccc;

}



.calendar-img {

    width: 22px;

    margin-top: -4px;

    margin-right: 6px;

}



.header_search_box {

    position: relative;

    height: 38px;

    margin: auto;

    display: table;

    width: 83%;

    margin-top: 20px;

}



.header_search {

    width: 100%;

    height: 38px;

    border: 1px solid #ddd;

    text-indent: 40px;

    border-radius: 30px;

    outline: none;

}



.header_search_img {

    position: absolute;

    top: 2px;

    bottom: 0;

    margin: auto;

    left: 15px;

    height: 20px;

}







/* header_mb-end */

.banner-info{width: 100%;height: 400px; object-fit: cover;}





/*index*/

.main-list{

    width: 100%;

    height: 180px;

    background: url('../images/col_bg.png') no-repeat center,#f2f2f2;

    margin-bottom: 50px;

}

.main-list ul{

    width: 1280px;

    margin: auto;

}

.main-list ul li{

    float: left;

    width: 160px;

}

.main-list-a{

    display: block;

    width: 100%;

    height: 180px;

    background: url('../images/col_icon1.png') no-repeat center top 50px,transparent;

    color: #4d5d5e;

    position: relative;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.main-list-a h5{

    margin: 0;

    text-align: center;

    width: 100%;

    font-size: 16px;

    font-weight: bold;

    position: absolute;

    bottom: 50px;

}

.main-list ul li:nth-of-type(2) .main-list-a{

    background: url('../images/col_icon2.png') no-repeat center top 50px,transparent;

}

.main-list ul li:nth-of-type(3) .main-list-a{

    background: url('../images/col_icon3.png') no-repeat center top 50px,transparent;

}

.main-list ul li:nth-of-type(4) .main-list-a{

    background: url('../images/col_icon4.png') no-repeat center top 50px,transparent;

}

.main-list ul li:nth-of-type(5) .main-list-a{

    background: url('../images/col_icon5.png') no-repeat center top 50px,transparent;

}

.main-list ul li:nth-of-type(6) .main-list-a{

    background: url('../images/col_icon6.png') no-repeat center top 50px,transparent;

}

.main-list ul li:nth-of-type(7) .main-list-a{

    background: url('../images/col_icon7.png') no-repeat center top 50px,transparent;

}

.main-list ul li:nth-of-type(8) .main-list-a{

    background: url('../images/col_icon8.png') no-repeat center top 50px,transparent;

}

.main-list ul li:hover .main-list-a{

    background: url('../images/col_icon1_1.png') no-repeat center top 50px,#e62129;

    color:#fff;

    margin-top: 30px;

    box-shadow: 0 10px 20px #ccc;

}

.main-list ul li:nth-of-type(2):hover .main-list-a{

    background: url('../images/col_icon2_2.png') no-repeat center top 50px,#e62129;

}

.main-list ul li:nth-of-type(3):hover .main-list-a{

    background: url('../images/col_icon3_3.png') no-repeat center top 50px,#e62129;

}

.main-list ul li:nth-of-type(4):hover .main-list-a{

    background: url('../images/col_icon4_4.png') no-repeat center top 50px,#e62129;

}

.main-list ul li:nth-of-type(5):hover .main-list-a{

    background: url('../images/col_icon5_5.png') no-repeat center top 50px,#e62129;

}

.main-list ul li:nth-of-type(6):hover .main-list-a{

    background: url('../images/col_icon6_6.png') no-repeat center top 50px,#e62129;

}

.main-list ul li:nth-of-type(7):hover .main-list-a{

    background: url('../images/col_icon7_7.png') no-repeat center top 50px,#e62129;

}

.main-list ul li:nth-of-type(8):hover .main-list-a{

    background: url('../images/col_icon8_8.png') no-repeat center top 50px,#e62129;

}

.row1{

    margin-top: 30px;

}

.nav-tabs{

    border-bottom: 1px solid #4d5d5e;

}

.nav-tabs&gt;li.active&gt;a, .nav-tabs&gt;li.active&gt;a:focus, .nav-tabs&gt;li.active&gt;a:hover{

    border: 0;

    margin-right: 0; 

    border-radius: 0;

    font-size: 20px;

    font-weight: bold;

    color: #e62129;

    border-bottom: 2px solid #e62129;

}

.nav&gt;li&gt;a{

    font-size: 20px;

    font-weight: bold;

    color: #4d5d5e;

}

.nav-tabs&gt;li&gt;a{

    border: 0;

    border-bottom-color: transparent; 

    margin-right: 0; 

    border-radius: 0;

}

.news-tabs ul li{

    width: 48%;

    overflow: hidden;

    float: left;

    border-bottom: 1px dashed #ddd;

}

.news-tabs ul li:nth-of-type(2n){

    float: right;

}

.news-tabs .date-txt{

    color:#999;

    float: right;

    text-align: right;

    width: 20%;

    height: 62px;

    line-height: 62px;

}

.news-tabs ul li:hover .tab-news h5{

    color: #8f002f;

}

.tab-news{

    width: 100%;

    float: left;

}

.tab-news h5{

    margin:0;

    width: 75%;

    overflow: hidden;

    font-size: 16px;

    white-space:nowrap;

    text-overflow:ellipsis;

    height: 62px;

    line-height: 62px;

    float: left;

}

.tab-news p{

    width: 100%;

    height: 10px;

    line-height: 20px;

    overflow: hidden;

    color:#999;

}

.tab-news .news-icon{

    top: 0;

    left: 0;

}

.tab-news h5 span{

    margin-left: 5px;

    width: 100%;

}

.tab-news:hover span{

    color: #e62129;

}

.more-btn{

    width: 60px;

    height: 26px;

    line-height: 26px;

    background: #ccc;

    color: #fff;

    float: right;

    margin-top: 10px;

    text-align: center;

    border-radius: 6px;

}

.more-btn:hover{

}

.big-news{

    position: relative;

    height: 160px;

    padding-top: 15px;

    padding-bottom: 15px;

    border-bottom: 1px dashed #ddd;

}

.news-img{

    width: 182px;

    height: 129px;

    position: absolute;

    left: 0;

    object-fit: cover;

}

.big-news-g{

    padding-left: 210px;

}

.news-icon{

    color: #4d5d5e;

    position: relative;

    left: -5px;

    top: -9px;

}

.big-news-g h5{

    margin-left: -5px;

    height: 30px;

    line-height: 30px;

}

.big-news-g h5 span{

    width: 99%;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow: hidden;

    display: inline-block;

    font-size: 16px;

}

.big-news a p{

    color: #999;

    width: 100%;

    height: 50px;

    line-height: 25px;

    overflow: hidden;

}

.big-news a:hover span{

    color: #e62129;

}

.big-news a:hover p{

    color: #999;

}

.big-news-g em{

    float: right;

    margin-top: 10px;

    color:#999;

}

.main2{

    overflow: unset;

}

.col2{

    height: 150px;

    margin: 30px auto;

}

.col2 .swiper-slide{

    width: 320px;

}

.col2-button .swiper-button-next,.col2-button .swiper-button-prev{

    width: 53px;

    height: 53px;

    background-size: 53px 53px;

}

.col2-button{

    width: 100%;

    height: 53px;

    position: absolute;

    top: 45px;

}

.col2-button .swiper-button-prev{

    background-image: url('../images/jt_icon1_1.png');

    left: -55px;

}

.col2-button .swiper-button-next{

    background-image: url('../images/jt_icon2_2.png');

    right: -55px;

}

.col2-button .swiper-button-next.swiper-button-disabled{

    background-image: url('../images/jt_icon2.png');

    opacity:1;

    right: -55px;

}

.col2-button .swiper-button-prev.swiper-button-disabled{

    background-image: url('../images/jt_icon1.png');

    opacity:1;

    left: -55px;

}

.col2 .swiper-slide{

    position: relative;

}

.col2 .swiper-slide img{

    width: auto;

    height: 150px;

    position: absolute;

    left: 0;

    top: 0;

}

.col2-txt{

    position: absolute;

    z-index: 9;

    top: 40px;

    left: 45px;

}

.col2 h5{

    font-size:22px;

    color: #fff;

    font-weight: 300;

    text-transform: uppercase;

}

.col2 p{

    font-size: 18px;

    color: #fff;

    font-weight: bold;

}

/*index_end

/*info_Public*/

.banner-info{

    width: 100%;

    height: 172px;

    object-fit: cover;

}

.loc-g{

    width: 100%;

    height: 100px;

    position: relative;

    border-bottom: 1px solid #ddd;

}

.loc-nav{

    float: left;

}

.loc-nav ul li{

    float: left;

}

.loc-nav ul li a{

    padding: 0 30px;

    height: 100px;

    line-height: 100px;

    display: inline-block;

}

.loc-nav ul li a.active{

    border-bottom: 2px solid #f35e05;

    color: #f35e05;

}

.loc-nav ul li a:hover{

    border-bottom: 2px solid #f35e05;

    color: #f35e05;

}

.loc-txt{

    float: right;

    height: 100px;

    line-height: 100px;

}

.loc-txt img{

    margin-top: -2px;

    margin-right: 10px;

}



/*缈婚〉*/

.page {

    text-align:center;

    display:table;

    margin:auto;

    margin-top:30px;

}

.page ul li {

    width: 34px !important;

    height:34px !important;

    text-align:center;

    line-height:34px !important;

    float:left;

    margin:0 10px !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 50%;

    overflow: hidden;

}

.page ul li a {

    color:#333;

    background:#efeff4;

    display:block;

    width:100%;

    height:100%;

    line-height:inherit;

}

.page ul li span{

    color:#fff !important;

    margin-top: 0 !important;

}

.page ul li a:hover {

    color:#fff !important;

    background:#ff0000;

}

.page ul li.active {

    color:#fff;

    background:#ff0000;

}

.siebar-nav{

    margin-bottom: 30px;

}

.siebar-nav ul li{

    width: 100%;

    height: 70px;

}

.siebar-nav ul li:last-of-type{

    border-bottom: 0;

}

.siebar-nav ul li a{

    display: block;

    line-height: 70px;

    border-left: 8px solid #0066cc;

    text-indent: 37px;

    font-size: 16px;

    border-bottom: 1px solid #ddd;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.siebar-nav ul li a:hover{

    background:#0066cc;

    border-bottom: 1px solid #0066cc;

    color: #fff;

}

.siebar-nav ul li a.active{

    background:#0066cc;

    border-bottom: 1px solid #0066cc;

    color: #fff;

}

/*info_Public_end*/

.about-main{

    margin-top: 50px;

    min-height: 450px;

}

.about-left{

    width: 50%;

    float: left;

}

.about-left .en{

    font-size: 22px;

    color: #ddd;

    font-weight: bold;

    margin-bottom: 20px;

    display: inline-block;

}

.about-left h5{

    font-size: 24px;

    color: #ff0000;

    font-weight: bold;

}

.about-left span{

    font-size: 22px;

    color: #ddd;

    font-weight: bold;

    margin-bottom: 20px;

    display: inline-block;

}

.about-img{

    float: right;

    width: 532px;

    height: 445px;

    object-fit: cover;

}

.about2-main{

    width: 1100px;

    margin: auto;

}

.about-img2{

    width: 340px;

    float: left;

}

.about-img2-2{

    width: 50%;

    float: right;

}

.about2-right{

    float: right;

    width: 700px;

}

.about2-right h5{

    font-size: 24px;

    color: #ff0000;

    font-weight: bold;

    margin-bottom: 20px;

}

.about2-right span{

    font-size: 22px;

    color: #ddd;

    font-weight: bold;

    display: inline-block;

}

.about2-right h3{

    font-size: 48px;

    color: #ddd;

    font-weight: bold;

    margin-bottom: 20px;

}

.about2-right p{

    font-size: 16px;

    line-height: 30px;

}

.about2-2{

    float: right;

    margin-top: 25px;

}

.about3-img{

    margin: auto;

    display: table;

}

.about-li{

    width: 100%;

    height: 100px;

    border-bottom: 1px solid #ddd;

}

.about-txt{

    width: 48%;

    float: left;

    margin-top: 35px;

}

.about-txt:nth-of-type{

    float: right;

}

.about-txt h5{

    width: 28%;

    float: left;

    padding-right: 30px;

    border-right: 2px solid #f35e05;

    text-align: right;

    font-size: 20px;

    font-weight: bold;

    margin:0;

    margin-right: 2%;

}

.about-txt p{

    width: 70%;

    float: left;

    font-size: 16px;

}

.about-list{

    margin-top: 50px;

    overflow: hidden;

}

.about-list ul li{

    width: 290px;

    overflow: hidden;

    float: left;

    margin-right: 40px;

}


.about-list ul li .about5-img{

    width: 100%;

    height: 198px;

    object-fit: cover;

}

.about-list ul li h5{

    width: 100%;

    padding: 0 15px;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    text-align: center;

}

.about-list ul li:hover h5{

    color: #ff0000;

}

.strategy-main{

     width: 100%;

     margin-top: 50px;

     min-height: 450px;

}

.nav-left{

    padding-left: 100px;

    padding-right: 30px;

    padding-bottom: 100px;

    border-right: 1px solid #ddd;

    float: left;

    width: 234px;

}

.nav-left ul li{

    height: 52px;

    line-height: 52px;

    width: 100%;

}

.nav-left ul li a{

    display: block;

    text-align: center;

}

.nav-left ul li a:hover{

    border-bottom: 1px solid #ddd;

    color: #ff0000;

}

.nav-left ul li a.active{

    border-bottom: 1px solid #ddd;

    color: #ff0000;

}

.mian-right{

    float: left;

    margin-left: 65px;

    width: 981px;

}

.mian-right .company-img2{

    max-width: 100%;

    height: auto;

    display: table;

    margin: 0 auto;

    margin-bottom: 30px;

}

.mian-right .company-img{

    width: 485px;

    height: auto;

    float: left;

}

.strategy-txt {

    float: right;

    width: 466px;

}

.strategy-txt2{

    width: 100%;

}

.strategy-txt h5{

    font-size: 20px;

}

.strategy-txt p{

    font-size: 16px;

    line-height: 30px;

}

.line-icon{

    margin-top: 15px;

    margin-bottom: 30px;

}

.mian-right .dropdown{

    height: 30px;

}

.dropdown-m{

    float: left;

    padding: 5px 15px;

    border: 0;

}

.dropdown-m img{

    margin-right: 5px;

    margin-top: -2px;

}

.case-list{

    margin-top: 30px;

}

.case-list ul li{

    width: 236px;

    height: 60px;

    float: left;

    margin-right: 12px;

    margin-bottom: 20px;

    border: 1px solid #ddd;

}

.case-list ul li:nth-of-type(4n){

    margin-right: 0;

}

.case-list ul li img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.team-tabs a{

    color: #333;

}

.team-tabs a.active{

    color: #ff0000;

}

.team-tabs a:hover{

    color: #ff0000;

}

.team-tabs a:nth-of-type(1){

    margin-right: 10px;

}

.team-tabs a:nth-of-type(2){

    margin-left: 10px;

}

.team-list{

    margin-top: 30px;

    min-height: 400px;

}

.team-list ul{

    overflow: hidden;

}

.team-list ul li{

    background: #f2f2f2;

    margin-bottom: 15px;

    padding: 15px;

    overflow: hidden;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.team-list ul li:hover{

    box-shadow: 0 10px 20px #ddd;

}

.team-list ul li a{

    display: block;

}

.team-list ul li a:hover{

    color: #333;

}

.team-img{

    width: 168px;

    height: 207px;

    float: left;

    margin-right: 25px;

    object-fit: cover;

}

.team-right{

    width: calc(100% - 198px);

    float: left;

}

.team-right h4{

    margin-top: 15px;

    font-weight: normal;

    color: #ff0000;

}

.team-right h4 span{

    font-size: 16px;

    font-weight: normal;

    color: #ccc;

}

.team-right p{

    margin-top: 10px;

    line-height: 20px;

    width: 100%;

    height: 80px;

    overflow: hidden;

    color: #999;

}

.team-right h5{

    font-size: 16px;

    margin-top: 15px;

}

.mian-right .modal-body{

    overflow: hidden;

}/*

.team-list .modal{

    padding: 0 !important;

}*/

.team-list-helf.team-list-helf2 .team-right p{

    overflow: hidden;

    height: 40px;

}

.mian-right .modal-body .team-right p{

    overflow: unset;

    height: auto;

}

.contact-left{

    width: 48%;

    float: left;

}

.maps{

    width: 453px;

    height: 300px;

    border: 5px solid #ddd;

    float: right;

}

.contact-left h5{

    font-size: 20px;

    font-weight: bold;

}

.contact-left p{

    line-height: 45px;

}

.contact-left p img{

    width: 26px;

    height: 26px;

    margin-right: 15px;

    object-fit: contain;

}

 .BMapLabel{

    position: relative !important;

    display: inline-table !important;

 }

 .news-list{

    overflow: hidden;

    width: 100%;

    margin-top: 50px;

 }

.news-list ul li{

    width: 406px;

    float: left;

    margin-right: 31px;

 }

.news-list ul li:nth-of-type(3n){

    margin-right: 0;

 }

.news-img2{

    width: 406px;

    height: 249px;

    object-fit: cover;

}

.news-list ul li h5{

    margin-top: 15px;

    margin-bottom: 0px;

    width: 100%;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.news-list ul li a:hover h5{

    color: #ff0000;

}

.news-list ul li p{

    width: 100%;

    height: 50px;

    line-height: 25px;

    color: #999;

    overflow:hidden;

}

.news-list ul li span{

    color: #ccc;

    margin-top: 15px;

    display: inline-block;

}

.news-list2{

    margin-top: 30px;

    width: 100%;

    overflow: hidden;

}

.news-list2 ul li{

    overflow: hidden;

    width: 100%;

    height: auto;

    padding: 15px 0;

    border-bottom: 1px dashed #ddd;

}

.news-date{

    width: 80px;

    height: 115px;

    background: #d50913;

    float: left;

    padding: 28px 15px;

    text-align: center;

    color: #fff;

    margin-right: 15px;

}

.line-date{

    width: 100%;

    height: 1px;

    background: #fff;

    margin-top: 10px;

}

.news-right h5{

    font-size: 16px;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.news-right p{

    height: 50px;

    line-height: 25px;

    overflow: hidden;

    color: #666;

}

.news-list2 ul li a:hover .news-right h5{

    color: #ff0000;

}

.charitable-t{

    margin-top: 50px;

    overflow: hidden;

}

.charitable-t img{

    width: 485px;

    height: 385px;

    float: left;

    object-fit: cover;

    margin-top: 25px;

}

.charitable-txt{

    float: right;

    width: 716px;

}

.charitable-txt h5{

    font-size: 48px;

    font-family: "瀹嬩綋";

    font-weight: 300;

    color: #ccc;

    text-transform: uppercase;

}

.charitable-txt h3{

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 30px;

    color: #ff0000;

}

.charitable-txt p{

    color: #333;

    line-height: 25px;

}

.charitable-title{

    width: 100%;

    height: 44px;

    position: relative;

}

.title-line{

    width: 100%;

    height: 1px;

    position: relative;

    margin-top: -22px;

    background: #ddd;

}

.charitable-m{

    margin-top: 50px;

    overflow: hidden;

}

.charitable-title h5{

    text-align: center;

    background: #fff;

    padding: 0 15px;

    width: 180px;

    margin: auto;

    font-size: 24px;

    position: relative;

    z-index: 9;

    line-height: 44px;

}

.honor-main{

    position: relative;

    margin-top: 30px;

}

.honor-line{

    position: absolute;

    left: 12px;

    top: 0;

    border-left: 1px solid #D9201B;

    z-index: -9;

    width: 100%;

    height: 100%;

}

.honor-main ul{

    height: 380px;

    overflow-y: scroll;

}

.honor-list{

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

}

.honor-list i{

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background: url('../images/big_icon.png') no-repeat center;

    display: inline-block;

    position: absolute;

    margin-top: 2px;

}

.honor-list h5{

    display: inline-block;

    font-size: 18px;

    color: #333;

}

.honor-list p{

    display: inline-block;

    font-size: 16px;

    color: #999;

    line-height: 30px;

}

.honor-right{

    margin-left: 50px;

    overflow: hidden;

}

.honor-txt{

    width: 100%;

    float: right;

    overflow: hidden;

}

.honor-list:last-of-type .honor-right{

    border-bottom: 0;

}

.honor-list .honor-data{

    color: #333;

    font-size: 18px;

    width: 10%;

    float: left;

    font-weight: bold;

}

.honor-list .honor-title{

    color: #333;

    font-size: 14px;

    width: 88%;

    margin-left: 2%;

    float: left;

}

.charitable-b{

    margin-top: 50px;

    overflow: hidden;

    position: relative;

}

.col3{

    position: relative;

    margin-top: 30px;

}

.col3 img{

    width: 305px;

    height: 545px;

    object-fit: cover;

}

.col3-button .swiper-button-next,.col3-button .swiper-button-prev{

    width: 53px;

    height: 53px;

    background-size: 53px 53px;

}

.col3-button{

    width: 100%;

    height: 53px;

    position: absolute;

    top: 50%;

}

.col3-button .swiper-button-prev{

    background-image: url('../images/jt_icon1_1.png');

    left: 10px;

}

.col3-button .swiper-button-next{

    background-image: url('../images/jt_icon2_2.png');

    right: 10px;

}

.col3-button .swiper-button-next.swiper-button-disabled{

    background-image: url('../images/jt_icon2.png');

    opacity:1;

    right: 10px;

}

.col3-button .swiper-button-prev.swiper-button-disabled{

    background-image: url('../images/jt_icon1.png');

    opacity:1;

    left: 10px;

}

.party-worker{

    width: 100%;

    height: 620px;

    background: url('../images/party_bg.png') no-repeat center;

}

.party-mian{

    width: 1280px;

    margin: auto;

    position: relative;

    padding-top: 30px;

}

.col4{

    position: relative;

    width: 100%;

    margin-top: 60px;

}

.col4-button{

    top: 45%;

}

.charitable-title2 h5{

    background: #f9f9f9;

}

.charitable-img{

    width: 258px;

    height: 258px;

    border-radius: 50%;

    background: #ddd;

    object-fit: cover;

    display: table;

    margin: auto;

}

.col4 .swiper-slide h5{

    padding: 15px;

    width: 100%;

    height: 30px;

    line-height: 30px;

    font-size: 20px;

    text-align: center;

}

.col4 .swiper-slide p{

    padding: 15px;

    width: 100%;

    height: 50px;

    line-height: 25px;

    text-align: center;

    color: #999;

}

.title-sol{

    text-align: center;

    color: #999;

}

.col4-pagination{

    display: table;

    margin: auto;

    width: 100%;

    margin-top: 20px;

}

.col4-pagination .swiper-pagination-bullet-active{

    background: #ff0000;

}

.col4-pagination .swiper-pagination-bullet{

    margin: 0 5px;

}

.col4 .swiper-slide a:hover h5{

    color: #ff0000;

}

.red-a{

    color: red;

}

.recruit-txt{

    text-align: center;

}

.recruit-txt h5{

    font-size: 24px;

    color: #ff0000;

    font-weight: bold;

    margin-bottom: 20px;

}

.join{

    width: 100%;

    overflow: hidden;

    margin-top: 30px;

}

.join-title{

    width: 100%;

    height: 44px;

    line-height: 44px;

    background: #D9201B;

    color: #fff;

}

.join-title h5{

    padding-left: 15px;

    height: 44px;

    line-height: 44px;

    font-size: 18px;

}

.join-top{

    width: 100%;

    height: 44px;

    line-height: 44px;

    background: #f2f2f2;

    color: #333;

    display: table;

}

.join-top p{

    background: #333;

    color: #fff;

    text-indent: 15px;

    font-size: 18px;

}

.join-top span{

    display: inline-block;

    text-align: center;

}

.join-top span:nth-of-type(1){

    width: 27%;

}

.join-top span:nth-of-type(2){

    width: 20%;

}



.join-top span:nth-of-type(3){

    width: 11%;

}



.join-top span:nth-of-type(4){

    width: 11%;

}



.join-top span:nth-of-type(5){

    width: 11%;

}



.join-top span:nth-of-type(6){

    width: 20%;

}

.panel-title  .join-top{

    background: transparent;

    color: #333;

}

.join-main .panel-title{

    font-size: 14px;

}

.join-main .panel-body{

    padding: 0;

}

.join-main .panel-title{

    font-size: 14px;

}

.join-main .panel-body{

    padding: 0;

}

 /*tablist*/

 .panel-group .panel{

     border:0px none;

     border-radius: 0px;

     box-shadow: none;

 }

 .panel-heading{

     padding: 0;

 }

 .panel-default &gt; .panel-heading {

     color: #7a4b94;

     border-bottom: 1px solid #ddd;

 }

 .panel-title{

     position: relative;

 }

 .panel-title &gt; a{

     display: block;

     background: #fff;

 }

 .panel-title &gt; a:hover,

 .panel-title &gt; a:focus{

     text-decoration: none;

     outline: none;

 }

 .panel-title a.collapsed{

     color:#7a4b94;

     font-weight: normal;

 }

 .panel-body{

     color:#727272;

     padding: 5px 10px 30px;

     line-height: 23px;

     letter-spacing: 1px;

 }

 .panel-body p{

    padding: 30px;

 }

 .panel-default &gt; .panel-heading + .panel-collapse &gt; .panel-body{

     border-top: 0px none;

 }

 .contact-main{

    width: 770px;

    margin: auto;

    margin-top: 50px;

 }

 .cont-list{

    width: 100%;

    overflow:hidden;

    margin-bottom: 30px;

 }

 .cont-list h5{

    width: 10%;

    height: 52px;

    line-height: 52px;

    float: left;

    font-size: 16px;

    color: #666;

    margin: 0;

    font-weight: bold;

 }

 .cont-list .cont-input{

    width: 88%;

    height: 52px;

    line-height: 52px;

    border-radius: 6px;

    float: left;

    text-indent: 15px;

    border:0;

    background: #f2f2f2;

 }

 textarea.cont-textarea{

    width: 88%;

    height: 152px;

    line-height: 25px;

    border-radius: 6px;

    float: left;

    text-indent: 0px;

    border:0;

    background: #f2f2f2;

    padding: 15px;

 }

.cont-box{

    width: 88%;

    height: 52px;

    line-height: 52px;

    float: left;

}

.cont-box .cont-input{

    width: 200px;

}

.mes-btn {

    width: 200px;

    height: 44px;

    line-height: 44px;

    display: block;

    background: #D9201B;

    border-radius: 6px;

    text-align: center;

    color: #fff;

    margin-left: 10%;

}

.mes-btn:hover{

  color: #fff;

}

.hg_offside{

    width:434px;

    float:left;

    margin-top:140px

}

.w500{

    float: left;

    width: 500px;

    text-align: left;

    border: 1px solid #ddd;

}

.tabmenu{

    width: 100%;

    height: auto;

    background: #f2f2f2;

    overflow:hidden;

}

.tabmenu img {

    height: 31px;

    margin-top: 7px;

    float: left;

    margin-left: 10px;

    margin-right: 10px;

}

.tabmenu span {

    float: left;

    font-size: 25px;

    color: #333;

    line-height: 44px;

}

.tabmenu ul {

    float: right;

    margin-top: 7px;

    margin-right: 10px;

    width: 365px;

}

.tabmenu li {

    background: url(/skin/tidu/bj2.png);

    margin-right: 2px;

    width: 68px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    float: left;

}

.tabmenu li.on a {

    color: #333;

    border-bottom: 1px solid #ff0000;

}

.tabmenu li a {

    color: #333;

}

#content ul {

    background: url(/skin/tidu/bj3.png) repeat-y;

    min-height: 480px;

}

#content ul li {

    line-height: 24px;

    height: 55px;

    font-size: 12px;

    padding-top: 3px;

    font-weight: normal;

    text-align: right;

    padding-right: 20px;

    border-bottom: 1px dashed #ddd;

}

#content .span {

    float: left;

    padding-left: 8px;

    padding-right: 8px;

    padding-top: 12px;

    font-size: 16px;

    font-weight: normal;

    color: #333;

}

.loc-title{

    font-size: 24px;

    font-weight: bold;

}

.store-loc{

    overflow:hidden;

}

#content div ul li a{

    height: 20px;

    line-height: 20px;

     overflow: hidden;

     white-space:nowrap;

     text-overflow:ellipsis;

     width: 55%;

     display: block;

     float: right;

}

#content ul li:last-of-type{

    border-bottom: 0;

}



.news-info-top{

    width: 100%;

    text-align: center;

    margin-top: 30px;

    border-bottom: 1px dashed #ddd;

    padding-bottom: 30px;

    margin-bottom: 30px;

}

.news-info-top h3{

    margin-bottom: 15px;

}

.news-info-top em{

    color: #999;

}

.main-info .plan-example th{

    border-bottom-width:1px;

    background: #e8f2fc;

}

.news-txt{

    min-height: 400px;

}

.news-txt p{

    font-size: 16px;

    line-height: 26px;

    margin:15px auto;

}

.news-txt p img{

    max-width: 100%;

}

.news-info-bottom{

    font-size: 14px;

    color: #666;

    padding-top: 15px;

    border-top: 1px dashed #ddd;

    margin-top: 30px;

}

.news-info-bottom a{

    width: 40%;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.news-info-bottom a:hover{

    color: #0066cc;

}

.news-info-bottom a:nth-of-type(1){

    float: left;

}

.news-info-bottom a:nth-of-type(2){

    float: right;

    text-align: right;

}

.about-link{

    width: 80px;

    height: 1px;

    background: #666;

    margin: 20px 0;

}



.honor-main2{

    position: relative;

    margin-top: 30px;

    min-height: 400px;

}

.honor-line{

    position: absolute;

    left: 12px;

    top: 0;

    border-left: 1px solid #D9201B;

    z-index: -9;

    width: 100%;

    height: 100%;

}

.honor-list{

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

}

.honor-list i{

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background: url('../images/big_icon.png') no-repeat center;

    display: inline-block;

    position: absolute;

}

.honor-list h5{

    display: inline-block;

    font-size: 18px;

    color: #333;

}

.honor-list p{

    display: inline-block;

    font-size: 16px;

    color: #999;

    line-height: 30px;

}

.honor-right{

    margin-left: 50px;

    padding-bottom: 30px;

    border-bottom: 1px dashed #ddd;

}

.honor-img{

    width: 300px;

    float: left;

    margin-right: 30px;

}

.honor-txt2{

    width: 600px;

    float: left;

}

.honor-list:last-of-type .honor-right{

    border-bottom: 0;

}

.honor-list .honor-data{

    color: #999;

    font-size: 18px;

}

.strategy6-img{

    max-width: 100%;

    display: table;

    margin: auto;

}

.strategy6-col{

    overflow:hidden;

    margin: 30px auto;

}

.strategy6-img2{

    width: 48%;

    float: left;

}

.col-right{

    width: 48%;

    float: right;

}

.strategy6-col h3{

    font-size: 22px;

    font-weight: bold;

    color: #ff0000;

    background: url(../images/strategy6_title.png) no-repeat left bottom;

    padding-left: 40px;

    height: 80px;

    margin-bottom: 15px;

}

.strategy6-col h3 span{

    color: #ccc;

    font-size: 12px;

    font-weight: normal;

}

.strategy6-col h5{

    font-size: 16px;

}

.strategy6-col p{

    color: #999;

}

.txt-center{

    width: 100%;

    text-align: center;

}

.col-left{

    width: 48%;

    float: left;

}

.strategy6-img4{

    width: 48%;

    float: right;

    margin-top: 80px;

}

.strategy6-img3{

    margin: auto;

    display: table;

}

.strategy6-img6{

    width: 56%;

    float: left;

}

.col-right2{

    width: 40%;

    float: right;

}

.strategy6-img7{

    margin-top: 15px;

}

.col-left2{

    width: 56%;

    float: left;

}

.strategy6-img8{

    width: 40%;

    float: right;

}

#content div ul{

    height: 495px;

    overflow-y: scroll;

}

.cont-right{

    width: 627px;

}

.cont-right h5{

    font-size: 20px;

    font-weight: bold;

}

.cont-right p img{

    width: 26px;

    height: 26px;

    margin-right: 15px;

    object-fit: contain;

}

.photo-cont{

    width: 380px;

    height: 249px;

    position: relative;

    float: left;

}

.cont-img{

    width: 100%;

    height: 100%;

}

.cont-mask{

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.8);

    position: absolute;

    opacity: 0;

    top: 0;

    left: 0;

}

.cont-code{

    width: 145px;

    height: 145px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}

.photo-cont:hover .cont-mask{

    opacity: 1;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}

.cont-right{

    width: 600px;

    height: 249px;

    float: left;

    padding: 15px 30px;

    background: #f2f2f2;

}

.contact-list{

    overflow:hidden;

    margin-top: 30px;

}

.contact-list li{

    overflow: hidden;

    margin-bottom: 30px;

}

.strategy2-img{

    max-width: 100%;

    display: table;

    margin: auto;

    margin-bottom: 30px;

}

/* .mian-right .about-list  ul li:nth-of-type(4n){

    margin-right: 40px;

} */

.mian-right .about-list  ul li:nth-of-type(3n){

    margin-right: 0;

}

.mian-right .about-list{

    margin-top:0;

}

.cont-right .contact-left{

    width: 100%;

}

/*鐗╀笟*/

.stg3-title{

    color: #ff0000;

    font-size: 24px;

    font-weight: bold;

}

.stg3-row .stg3-title{

    margin-top: 0;

}

.stg3-title span{

    color: #f2f2f2;

    font-size: 20px;

    margin-top: 15px;

    text-transform:uppercase;

    display: inline-block;

}

.stg3-row p{

    line-height: 26px;

    color: #666;

}

.stg-img-full{

    width: 100%;

    margin: 30px 0;

}

.stg3-line{

    width: 100px;

    height: 1px;

    background: #ff0000;

    margin-top: 15px;

}

.stg3-row h5{

    font-size: 26px;

    margin: 30px 0;

}

.stg3-title2{

    color: #333;

    font-size: 18px;

    margin-top: 15px;

    font-weight: bold;

}

.stg3-row .stg3-title.title-center{

    text-align: center;

    margin: auto;

}

.text-center{

    display: table;

    margin: auto;

}

.team-list-helf{

    width: 48%;

    float: left;

    position: relative;

}

.team-list-helf:nth-of-type(2n){

    float: right;

}

.team-list-helf .team-img{

    width: 120px;

    height: 136px;

}

.team-list-helf .team-right {

    width: calc(100% - 148px);

}

.year-list .control-label{

    padding: 0;

    float: left;

    width: 88px;

    line-height: 44px;

    margin: 0;

    text-align: center;

}

.year-list{

    overflow: hidden;

    border:1px solid #ddd;

    margin:30px 0;

}

.year-list ul{

    float: left;

    width: calc(100% - 88px);

}

.year-list ul li{

    float: left;

    line-height: 44px;

    margin-right: 40px;

}

.year-list ul li a.active{

    color: #ff0000;

}

.mun-list {

    overflow: hidden;

    margin:30px 0;

}

.mun-list .control-label{

    padding: 0;

    float: left;

    width: 88px;

    line-height: 44px;

    margin: 0;

    text-align: center;

}

.mun-list .form-control{

    float: left;

    width: auto;

    line-height: 44px;

    margin-top: 5px;

}

.monthly-list{

    overflow: hidden;

    margin:30px 0;

}

.monthly-list ul li{

    width: 410px;

    float: left;

    margin-right: 25px;

    padding: 15px;

    background: #f2f2f2;

    margin-bottom: 25px;

}

.monthly-list ul li:nth-of-type(3n){

    margin-right: 0;

}

.monthly-list ul li img{

    width: 180px;

    height: 256px;

    object-fit:cover;

    float: left;

}

.monthly-right{

    float: left;

    margin-left: 15px;

    margin-top: 44px;

}

.monthly-right h5{

    font-size: 18px;

}

.monthly-right h5 span{

    color: #ff0000;

}

.monthly-right p{

    font-size: 16px;

    margin-top: 30px;

}

.mon-btn{

    display: block;

    width: 118px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    border-radius: 5px;

    border: 1px solid #ddd;

    margin-top: 65px;

}

.sty4-title{

    text-align: center;

    margin: auto;

    display: table;

    font-size: 22px;

    line-height: 30px;

    color: #ff0000;

    font-weight: bold;

}

.sty4-title span{

    display: inline-block;

    width: 40px;

    height: 3px;

    text-align: center;

    margin: auto;

    display: table;

    background: #ddd;

    margin-top: 10px;

}

.sty4-swiper-main{

    position: relative;

    margin-bottom: 50px;

}

.swiper-sty4{

    position: relative;

    width: 714px !important;

    height: 376px !important;

    overflow: hidden;

    margin: auto;

    margin-top: 30px;

}

.swiper-sty4 .swiper-slide video{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.sty4-next{

    width: 53px;

    height: 53px;

    background-size: 53px;

    background-image: url('../images/jt_icon2_2.png');

}

.sty4-prev{

    width: 53px;

    height: 53px;

    background-size: 53px;

    background-image: url('../images/jt_icon1_1.png');

}

.sty4-next.swiper-button-disabled{

    background-image: url('../images/jt_icon2.png');

    opacity:1;

}

.sty4-prev.swiper-button-disabled{

    background-image: url('../images/jt_icon1.png');

    opacity:1;

}

.sty4-swiper-main .sty4-prev{

    position: absolute;

    left: 20px;

    right: unset;

}

.sty4-swiper-main .sty4-next{

    position: absolute;

    right: 20px;

    left: unset;

}

.news-list.sty4-list{

    margin-top: 0;

}

.news-list.sty4-list ul{

    overflow: hidden;

}

.news-list.sty4-list ul li{

    width: 306px;

    margin-top: 30px;

}

.news-list.sty4-list .news-img2{

    width: 100%;

    height: 186px;

}

.sty4-p{

    text-align: center;

    font-size: 18px;

    margin-top: 15px;

}

.mian-right .team-list{

    margin-top: 0;

}

.mian-right .team-tabs{

    margin-bottom: 30px;

}

.team-list .team-list-helf2 .team-img{

    height: 166px;

}

.team-btn{

    width: 70px;

    height: 25px;

    line-height: 25px;

    display: inline-block;

    position: absolute;

    right: 0;

    top: 0;

    text-align: center;

    background: #ff0000;

    color: #fff;

}
.banner-video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.banner-video::-webkit-media-controls-enclosure{ 
    display: none;
}

.mobile_content_wrap{ display: none;}
.about-list.team-pic ul li:nth-of-type(4n){
    margin-right: 0;
}
.swiper-pagination.col2-pagination{
    width: 92%;
    bottom: -30px;
    display: none;
}
.swiper-pagination.col2-pagination .swiper-pagination-bullet{
    margin: 0 5px;
}
.swiper-pagination.col2-pagination .swiper-pagination-bullet-active{
    background: #e62129;
}

@media screen and (max-width:1024px) {

    body{

        padding-top: 60px;

    }

    .content {

        width: 100%;

        padding: 0 15px;

    }

    .header {

        display: none;

    }

    .header2 {

        display: block;

    }

    .banner{

        height: 20vh;

    }

    .banner img{

        height: 20vh;

    }

    .row1{

        margin-top: 15px;

    }

    .news-swiper{

        width: 100%;

        height: 218px;

    }

    .news-right{

        width: 100%;

        margin-top: 15px;

        height: auto;

    }

    .nav-tabs{

        height: 44px;

        line-height: 44px;

    }

    .nav-tabs&gt;li{

        width: 90px;

        line-height: 44px;

        height: 44px;

        text-align: center;

    }

    .nav&gt;li&gt;a{

        padding:0;

    }

    .nav-tabs&gt;li&gt;a{

        display: inline-block;

    }

    .date-txt{

        width: 44px;

        height: 44px;

        line-height: 44px;

    }

    .news-tabs ul li{

        margin-top: 15px;

    }

    .tab-news{

        width: 78%;

    }

    .row2 .col-md-4{

        width: 100%;

    }

    .row2{

        margin-top: 0;

    }

    .row2 .col-md-4{

        margin-top: 15px;

    }

    .row3{

        margin-top: 15px;

    }

    .row3-list ul li{

        width: 48%;

        height: auto;

        margin-right: 13px;

        margin-top: 7px;

    }

    .row3-list ul li a{

        width: 100%;

        height: 110px;

    }

    .row3-list ul li:nth-of-type(2n){

        margin-right: 0;

    }

    .row4-list ul li:nth-of-type(1){

        width: 100%;

        height: 180px;

    }

    .row4-list ul li:nth-of-type(2){

        width: 48%;

        height: 110px;

        margin-right: 13px;

        margin-top: 7px;

    }

    .row4-list ul li:nth-of-type(3){

        width: 48%;

        height: 110px;

        margin-right: 0;

        margin-top: 7px;

    }

    .row4-list ul li:nth-of-type(4){

        width: 48%;

        height: 110px;

        margin-right: 13px;

        margin-top: 7px;

    }

    .row4-list ul li:nth-of-type(5){

        width: 48%;

        height: 110px;

        margin-right: 0;

        margin-top: 7px;

    }

    .col-link ul li{

        float: left;

        margin-right: 20px;

        text-align: left;

        width: 40%;

        margin-bottom: 30px;

    }

    .footer-code{

        margin-top: 20px;

    }

    .footer-bottom{

        overflow: hidden;

    }

    .banner-info{

        height: 15vh;

        margin-bottom: 15px;

    }

    .nav-left{

        width: 100%;

    }

    .nav-title{

        height: 44px;

        line-height: 44px;

        border-radius: 0;

    }

    .nav-left ul{

        width: 100%;

        overflow: auto;

        white-space: nowrap;

        margin-top: 15px;

    }

    .nav-left ul li{

        display: inline-block;

        float: unset;

        border-bottom:0;

        width: auto;

        height: 30px;

        line-height: 30px;

        text-align: center;

    }

    .nav-left ul li a{

        color: #333;

        margin:0;

        line-height: unset;

        background: #f2f2f2;

        padding: 0 8px;

    }

    .main-right{

        width: 100%;

    }

    .target-txt{

        display: none !important;

    }

    .main-txt{

        padding-top: 15px;

    }

    .about2-list ul li{

        margin: 0 7px !important;

    }

    .about2-img{

        width: 88px;

        height: 100px;

    }

    .about2-right{

        padding-left: 100px;

        min-height: 125px;

    }

    .about2-right h3 {

        font-size: 16px;

        margin-top: 0px;

    }

    .about2-link{

        margin: 10px 0;

    }

    .content-list ul li .list-icon{

        width: 4%;

        height: 52px;

        line-height: 52px;

    }

    .content-list ul li p{

        width: 66%;

        height: 52px;

        line-height: 52px;

    }

    .content-list ul li em{

        width: 25%;

        height: 52px;

        line-height: 52px;

    }

    .campus-list{

        margin-top: 0;

    }

    .campus-list .campus-slide{

        width: 100%;

    }

    .news-info-top{

        margin:15px 0;

        padding-bottom:15px;

    }

    .news-info-top h3{

        font-size: 18px;

        line-height: 25px;

    }

    .teachers-btn {

        width: auto;

        height: auto;

        line-height: unset;

        margin-top: 10px;

    }

    .teachers-txt{

        height: 50px;

        overflow: hidden;

    }

    .content-list ul li h5 p{

        width: 66%;

    }

    .download-btn{

        width: 25%;

        margin-top: 11px;

    }

    .team-info .team-photo{

        width: 100%;

        height: auto;

    }

    .team-info-right{

        width: 100%;

    }

    .course-list li{

        overflow: hidden;

        position: relative;

        padding: 0;

    }

    .course-list img{

        width: auto;

        height: 88px;

        position: absolute;

    }

    .course-list .course-right{

        width: 100%;

        padding-left: 155px;

        min-height: 88px;

    }

    .course-right h5{

        font-size: 16px;

        margin:0;

    }

    .course-right em{

        margin-bottom: 0;

        width: 100%;

        display: inline-block;

    }

    .course-right p{

        padding-top: 5px;

        height: 50px;

    }

    .course-list li{

        margin-bottom: 30px;

    }

    .course-main img{

        width: 100%;

        height: auto;

    }

    .course-right{

        width: 100%;

    }

    .course-main .course-right p{

        margin-top: 15px;

        height: auto;

    }

    .course-right p{

        display: none !important;

    }

    .course-list .row3-btn{

        margin-top: 0;

    }

    .mes-info .form-inline .form-group{

        float: left;

        margin-left: 5px;

    }

    .mes-info h3{

        margin:15px 0;

    }

    .pag-g{

        height: 27px;

        width: 154px;

        bottom: 5px;

    }

    .banner .swiper-pagination{

        top: 12%;

    }

    .main-list{

        height: 120px;

        background-size: auto 100%;

        margin-bottom: 15px;

    }

    .main-list ul {

        width: auto;

        margin: auto;

        overflow: auto;

        white-space: nowrap;

    }

    .main-list ul li {

         float: unset; 

        width: 25%;

        display: inline-block;

    }

    .main-list-a{

        height: 120px;

        background: url('../images/col_icon1.png') no-repeat center top 30px,transparent;

    }

    .main-list-a h5{

        bottom: 20px;

    }



    .main-list ul li:nth-of-type(2) .main-list-a{

        background: url('../images/col_icon2.png') no-repeat center top 30px,transparent;

    }

    .main-list ul li:nth-of-type(3) .main-list-a{

        background: url('../images/col_icon3.png') no-repeat center top 30px,transparent;

    }

    .main-list ul li:nth-of-type(4) .main-list-a{

        background: url('../images/col_icon4.png') no-repeat center top 30px,transparent;

    }

    .main-list ul li:nth-of-type(5) .main-list-a{

        background: url('../images/col_icon5.png') no-repeat center top 30px,transparent;

    }

    .main-list ul li:nth-of-type(6) .main-list-a{

        background: url('../images/col_icon6.png') no-repeat center top 30px,transparent;

    }

    .main-list ul li:nth-of-type(7) .main-list-a{

        background: url('../images/col_icon7.png') no-repeat center top 30px,transparent;

    }

    .main-list ul li:nth-of-type(8) .main-list-a{

        background: url('../images/col_icon8.png') no-repeat center top 30px,transparent;

    }

    .main-list ul li:hover .main-list-a{

        background: url('../images/col_icon1_1.png') no-repeat center top 30px,#e62129;

        margin-top: 0px;

        box-shadow: 0 10px 20px #ccc;

    }

    .main-list ul li:nth-of-type(2):hover .main-list-a{

        background: url('../images/col_icon2_2.png') no-repeat center top 30px,#e62129;

    }

    .main-list ul li:nth-of-type(3):hover .main-list-a{

        background: url('../images/col_icon3_3.png') no-repeat center top 30px,#e62129;

    }

    .main-list ul li:nth-of-type(4):hover .main-list-a{

        background: url('../images/col_icon4_4.png') no-repeat center top 30px,#e62129;

    }

    .main-list ul li:nth-of-type(5):hover .main-list-a{

        background: url('../images/col_icon5_5.png') no-repeat center top 30px,#e62129;

    }

    .main-list ul li:nth-of-type(6):hover .main-list-a{

        background: url('../images/col_icon6_6.png') no-repeat center top 30px,#e62129;

    }

    .main-list ul li:nth-of-type(7):hover .main-list-a{

        background: url('../images/col_icon7_7.png') no-repeat center top 30px,#e62129;

    }

    .main-list ul li:nth-of-type(8):hover .main-list-a{

        background: url('../images/col_icon8_8.png') no-repeat center top 30px,#e62129;

    }

    .nav-tabs&gt;li{

        width: 25%;

    }

    .nav-tabs&gt;li.active&gt;a, .nav-tabs&gt;li.active&gt;a:focus, .nav-tabs&gt;li.active&gt;a:hover{

        font-size: 16px;

    }

    .nav&gt;li&gt;a{

        font-size: 16px;

    }

    .more-btn{

        display: none;

    }

    .big-news{

        height: 125px;

    }

    .news-img{

        width: 120px;

        height: 90px;

    }

    .big-news-g{

        padding-left: 140px;

    }

    .big-news-g h5{

        margin: 0;

    }

    .big-news-g h5 span{

        width: 90%;

    }

    .big-news a p{

        height: 40px;

        line-height: 20px;

    }

    .big-news-g em{

        margin-top: 5px;

        float: left;

    }

    .news-tabs ul li{

        width: 100%;

        margin-top:0;

    }

    .news-tabs .date-txt

    {

        width: 23%;

    }

    .col2-button{

        display: none;

    }

    .col2 .swiper-slide img{

        width: 100%;

    }

    .footer{

        height: auto;

        overflow: hidden;

    }

    .footer-left {

        float: left;

        overflow: hidden;

    }

    .footer-right{

        float: left;

        height: auto;

        width: 100%;

    }

    .footer-control{

        float: left;

    }

    .footer-right p{

        float: left;

        margin-top: 15px;

        margin-bottom: 15px;

        position: relative;

    }

    .banner-info{

        margin-bottom: 0;

    }

    .loc-g{

        height: 52px;

    }

    .loc-nav{

        overflow: hidden;

        float: unset;

    }

    .loc-nav ul{

        overflow: auto;

        white-space: nowrap;

    }

    .loc-nav ul li{

        text-align: center;

        display: inline-block;

        float: unset;

    }

    .loc-nav ul li a{

        height: 52px;

        line-height: 52px;

        padding: 0 15px;

    }

    .loc-txt{

        display: none !important;

    }

    .about-main{

        margin-top: 30px;

    }

    .about-left{

        width: 100%;

    }

    .about-img{

        width: 100%;

        height: auto;

        margin-top: 15px;

    }

    .about2-main{

        width: 100%;

    }

    .about-img2{

        width: 100%;

    }

    .about2-right{

        width: 100%;

        padding-left: 0;

        margin-top: 15px;

    }

    .about3-img{

        width: 100%;

    }

    .about-li{

        border-bottom: 0;

    }

    .about-txt{

        width: 100%;

        padding-bottom: 15px;

        border-bottom: 1px solid #ddd;

    }

    .about-txt h5{

        font-size: 15px;

        margin-top: 3px;

        width: 28%;

    }

    .about-list ul li{

        width: 48%;

        margin-right: 0px;

    }

    .about-list ul li:nth-of-type(2n){

        float: right;

    }

    .about-list ul li .about5-img{

        height: 114px;

    }

    .about-list{

        margin-top: 30px;

    }

    .strategy-main{

        margin-top: 0;

    }

    .nav-left{

        padding: 0;

        border: 0;

        margin-bottom: 30px;

    }

    .mian-right{

        margin-left: 0;

        width: 100%;

    }

    .mian-right .company-img{

        width: 100%;

        height: auto;

    }

    .strategy-txt{

        float: left;

        width: 100%;

        margin-top: 30px;

    }

    .hg_offside{

        width: 100%;

        margin-top: 30px;

    }

    .hg_offside img{

        width: 100%;

    }

    .w500{

        width: 100%;

    }

    .tabmenu ul{

        width: 100%;

        margin-right: 0;

    }

    #content ul{

        width: 100%;

    }

    #content .span{

        font-size: 14px;

    }

    #content div ul li a{

        width: 44px;

    }

    .case-list ul li{

        width: 48%;

        height: 50px;

        margin-right: 0;

        margin-bottom: 15px;

    }

    .case-list ul li:nth-of-type(2n){

        float: right;

    }

    .team-img{

        width: 110px;

        height: 138px;

        margin-right: 10px;

    }

    .team-right{

        width: calc(100% - 120px);

    }

    .team-right h4{

        margin-top: 0;

    }

    .team-right p{

        margin-top: 4px;

        line-height: 20px;

        height: 40px;

    }

    .team-right h5 {

        font-size: 16px;

        margin-top: 10px;

        margin-bottom: 7px;

    }

    .contact-left{

        width: 100%;

    }

    .maps{

        width: 100%;

        margin-top: 30px;

    }

    .news-list{

        margin-top: 30px;

    }

    .news-list ul li{

        width: 100%;

        margin-right: 0;

        margin-bottom: 15px;

    }

    .news-img2{

        width: 100%;

    }

    .charitable-t{

        margin-top: 0;

    }

    .charitable-t img{

        width: 100%;

        height: auto;

    }

    .charitable-txt{

        width: 100%;

    }

    .honor-list .honor-data{

        width: 100%;

    }

    .honor-list .honor-title{

        width: 100%;

        margin-left: 0;

    }

    .col3 img{

        width: 100%;

        height: auto;

    }

    .party-mian{

        width: 100%;

    }

    .company-img{

        width: 100%;

        margin-top: 30px;

    }

    .join-top{

        height: auto;

        line-height: unset;

        overflow: hidden;

    }

    .join-top span{

        height: 44px;

        line-height: 44px;

        white-space:nowrap;

        text-overflow:ellipsis;

        overflow: hidden;

        font-size: 12px;

    }

    .contact-main{

        width: 100%;

    }

    .cont-box .cont-input{

        width: 90px;

    }

    .cont-list h5{

        width: 12%;

    }

    .news-info-top{

        margin:15px 0;

        padding-bottom:15px;

    }

    .news-info-top h3{

        font-size: 18px;

        line-height: 25px;

    }

    .news-txt p img{

        width: 100%;

    }

    .photo-cont{

        width: 100%;

    }

    .cont-mask{

        opacity: 1;

    }

    .cont-right{

        width: 100%;

        padding: 15px;

    }

    .cont-right h5{

        font-size: 16px;

    }

    .strategy6-img2{

        width: 100%;

        margin-bottom: 15px;

    }

    .col-right{

        width: 100%;

    }

    .strategy6-col h3{

        width: 100%;

    }

    .col-left{

        width: 100%;

    }

    .strategy6-img3{

        width: 100%;

    }

    .strategy6-img4{

        width: 100%;

        margin-top: 30px;

    }

    .strategy6-img5{

        width: 100%;

    }

    .strategy6-img6{

        width: 100%;

    }

    .col-right2{

        width: 100%;

    }

    .strategy6-col p{

        margin: 15px auto;

    }

    .strategy6-img7{

        display: block;

        margin: auto;

    }

    .col-left2{

        width: 100%;

    }

    .strategy6-img8{

        width: 100%;

    }

    .honor-img{

        width: 100%;

        margin-right: 0;

    }

    .honor-txt2{

        width: 100%;

    }

    .team-list ul li{

        width: 100%;

    }

    .team-list-helf .team-img{

        width: 78px;

        height: 86px;

    }

    .team-list-helf .team-right{

        width: calc(100% - 96px);

    }

    .team-list-helf .team-right p{

        margin-top:15px;

    }

    .stg3-row img{

        margin-bottom: 30px;

    }

    .year-list ul li{

        margin-right: 30px;

    }

    .monthly-list ul li{

        width:100%;

        margin-right: 0;

    }

    .swiper-sty4{

        width: 100% !important;

        height: 186px !important;

    }

    .news-list.sty4-list ul li{

        width: 100%;

    }

    .news-list.sty4-list ul li img{

        width: 100%;

    }



    .sty4-swiper-main .sty4-next{

        right: -15px;

    }

    .sty4-swiper-main .sty4-prev{

        left: -15px;

    }



    .team-list .team-list-helf2 .team-img{

        width: 120px;

        height: 166px;

    }

    .team-list .team-list-helf2 .team-right{

        width: calc(100% - 130px);
        margin-top: 15px;

    }

    .pc_content_wrap{ display: none;}
    .mobile_content_wrap{ display: block; width: 100%;}

    .mobile_content_wrap img{
        width: 100%;
    }
    .about-main{
        min-height: unset;
    }
        
    .about-list ul li:nth-of-type(4n){

        margin-right: 0;

    }
    .swiper-pagination.col2-pagination{
        display: block;
    }
}



@media screen and (max-width:1380px) {

}



</pre></body></html>