/* ================================== 【官方网站】技术支持：凡高科技——银灵子==================================== */



* {

    padding: 0;



    margin: 0;

}



li {

    list-style: none;

}



a {

    text-decoration: none;

}



img {

    border: none;

}

@font-face {







    font-family: BARLOWCONDENSED-REGULAR;



    src: url(../font/BARLOWCONDENSED-REGULAR.TTF);





}

@font-face {







    font-family: BARLOWCONDENSED-MEDIUM;



    src: url(../font/BARLOWCONDENSED-MEDIUM.TTF);





}



.tc {

    position: fixed;

    left: 0;

    top: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}



.tc.act {

    opacity: 1;

    visibility: visible;

    z-index: 1000;

}



.tc.center {

    display: flex;

    align-items: center;

    justify-content: center;

}



.tc_bg {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0;

    width: 100%;

    height: 100%;

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

}



.tc_close {

    position: absolute;

    right: 2.5rem;

    top: 2.5rem;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}



.tc_close:hover {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

}



.tc_close svg {

    width: 2.625rem;

    height: 2.625rem;

}



.tc_btn {

    cursor: pointer;

}



.tc_ewm {

    width: 14rem;

    height: auto;

    position: relative;

    background: #fff;

    border-radius: 5px;

    padding: 2rem 1.25rem 1.5rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.tc_ewm img {

    width: 10rem;

    height: 10rem;

    margin-bottom: 1rem;

}



.tc_ewm p {

    font-size: .875rem !important;

    color: #333 !important;

    font-weight: bold;

}



.tc_ewm div {

    font-size: .875rem !important;

    color: #999 !important;

}



input {

    font-weight: normal;

    background: none;

    box-shadow: none;

    border-radius: 0;

    font-weight: normal;

}



.tc_close {

    cursor: pointer;

}



input,

button,

textarea {

    background: none;

    outline: none;

    border: none;

    -webkit-appearance: none;

    border-radius: 0;

}





body {

    position: relative;

}



.j_body {

    position: relative;

}



.main_box {



    width: 100%;

    padding: 0 50px;

    max-width: 1380px;

    position: relative;

    margin: auto;

    box-sizing: border-box;

}



.main_box_small {

    margin: 0 auto;

    width: 1115px;

    position: relative;

}



input {

    outline: none;

}



/*===============================================header================================================*/

#header {

    height: 6.25rem;

    z-index: 9;

    position: relative;

}



#header .main_box {

    position: relative;

    height: 6.25rem;

    background: #fff;

}



/*=================导航=================*/

#nav {}



.s_fast_link #nav .big_box {

    border-right: 1px solid #e4e4e6;



}

#s_news_slide,
#j_seach_box {

    display: none;

}

#s_news_slide {
    background: #f5f7f8;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding: 14px 1rem 0 3.5rem;
    position: relative;
}

#s_news_slide .icon {
    position: absolute;
    left: 1rem;
    top: 13px;
    height: 14px;
}

#s_news_slide .bd {
    height: 14px;
    overflow: hidden;
    margin-right: 2rem;
}

#s_news_slide .bd ul {
    padding: 0;
}

#s_news_slide .bd li {
    position: relative;
    display: block;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
}

#s_news_slide .bd li img {}

#s_news_slide .bd li a {
    display: block;
    color: #474849;
    font-size: 12px;
    margin-right: 6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#s_news_slide .bd li span {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    color: #909091;
    display: block;
}

#s_news_slide .hd {
    position: absolute;
    right: 1rem;
    top: -2px;
}

#nav .big_box {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



#nav ul {

    border-right: 1px solid #e4e4e6;

}



#nav li {

    position: relative;

    width: 7.625rem;

    display: block;

    float: left;

    border-left: 1px solid #e4e4e6;

}



#nav .logo img {

    display: block;

    height: 3.625rem;

    width: 11.75rem;

}







#nav li .a {

    display: inherit;

    text-align: center;

    /*  background: url(../images/line_nav.png) left center no-repeat; */

}



#nav li.first .a {

    background: none;

}



#nav li .a {

    height: 6.25rem;

}



#nav li .a strong {

    padding-top: 2rem;

    font-size: 1rem;

    color: #555556;

    text-align: center;

    display: block;

    margin-bottom: 3px;

    position: relative;

    z-index: 2;

}



#nav li .a span {

    font-size: .75rem;

    color: #bfc0c6;

    text-transform: uppercase;

    text-align: center;

    position: relative;

    z-index: 1;

    display: block;

}



#nav li .a i {

    position: absolute;

    top: 35px;

    left: -1px;

    display: block;

    z-index: 1;

    height: 0px;

    width: 2px;

    background: #313b8b;

}



#nav li.on i {

    height: 1.875rem;

}



#nav li.on .a strong {}



#nav li:hover i {

    height: 1.875rem;

}



#nav li:hover .a strong {}



#nav .title {}



#nav .list {

    display: none;

    left: 1.25rem;

    top: 6.25rem;

    position: absolute;

    height: 3.125rem;

}



#nav .list .box {

    text-align: left;

    position: relative;

    display: flex;

    align-items: center;

}



#nav .list a {

    font-weight: normal;

    margin-left: 15px;

    padding: 0 10px;

    color: #fff;

    display: block;

    width: 6.75rem;

    line-height: 3;

    font-size: 1rem;

}



#nav .list a:hover {

    color: #fff;

}



#nav .text_left {

    left: auto;

    right: 35px;

}



#nav .text_left .box {

    text-align: right;

}



#nav .text_left .box a {}



.list_box {

    position: absolute;

    left: 0px;

    z-index: 9;

    height: 0px;

    line-height: 3.125rem;

    width: 100%;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CCDF203D', endColorstr='#CCDF203D');

    background: rgba(49, 59, 139, 0.8);

}



/*=================网站地图=================*/

#site_map_box {

    display: none;

    width: 100%;

    height: 100%;

    z-index: 9999;

}



#site_map_box .bg_box {

    display: none;

    width: 100%;

    height: 100%;

    background: #000;

    -webkit-opacity: 0.6;

    opacity: 0.6;

    filter: Alpha(opacity=80);

    z-index: 9998;

    position: fixed;

    top: 0;

    left: 0;

    display: none;

}



#site_map_box .box {

    width: 360px;

    position: relative;

    height: 100%;

    position: fixed;

    right: -360px;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/bg_site_map.png) center bottom no-repeat #fff;

    z-index: 9999;

}



#site_map_box .title {

    display: block;

    position: relative;

    vertical-align: middle;

    line-height: 60px;

    padding-left: 30px;

    font-size: 16px;

    color: #fff;

    background: #df203d;

}



#site_map_box .title a {

    position: absolute;

    right: 30px;

    top: 0px;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#site_map_box .title a:hover {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

}



#site_map_box dl {

    height: 90%
}



#site_map_box dd {

    padding: 26px 30px;

    border-bottom: 1px solid #ededed;

}



#site_map_box dd:last-child {

    border-bottom: none;

}



#site_map_box dd h1 {

    font-size: 14px;

    color: #626262;

    line-height: 22px;

    margin-bottom: 10px;

}



#site_map_box dd a {

    display: inline-block;

    font-size: 12px;

    padding-right: 20px;

    color: #878787;

    line-height: 24px;

}



#site_map_box dd a:hover {

    color: #d83648;

}



#ascrail2000 {

    display: none !important;

}



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

    #site_map_box .box {

        background: #fff;

    }

}



/*================= banne===================*/

#banner {

    position: relative;

}





#banner .swiper {

    height: 41.4375rem;

}



#banner .slide-inner {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat !important;

}



.swiper-button-next:after,

.swiper-button-prev:after {

    display: none;

}



#banner .swiper-button-white {

    transition: all 1s;

    width: 4.0625rem;

    height: 4.0625rem;

    background: rgba(0, 0, 0, 0.6);

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

}



#banner .swiper-button-white svg path {

    fill-opacity: 0.7
}



#banner .prevs {

    position: absolute;

    left: -10%;

}



#banner .nexts {

    position: absolute;

    right: -10%;

}



#banner:hover .prevs {

    left: 5%;

    opacity: 1;

    filter: alpha(opacity=100);

}



#banner:hover .nexts {

    right: 5%;

    opacity: 1;

    filter: alpha(opacity=100);

}



/*================= 首页===================*/

#s_main_box {

    position: relative;

    background: #f4f5f7;

    padding: 3.75rem 0 0;

}



#s_main_box .main_box {

    margin: 0 auto;

    gap: 1.625rem;

}



#index_up_box {

    padding-top: 30px;

    height: 260px;

    overflow: hidden;

}



#index_up_box .left {

    width: 390px;

}



#index_up_box .right {

    width: 245px;

}



/*=================通知公告===================*/

.s_fast_link {

    position: absolute;

    left: 0;

    width: 100%;

    top: -2.375rem;

}



.s_fast_link .main_box {
    display: flex;

    overflow: hidden;

    height: 5rem;

    line-height: 5rem;

    z-index: 10;

    box-sizing: border-box;

}



.s_fast_link dl {

    background: #fff;

    /* box-shadow: 0 0 5px #ccc; */

    position: relative;

    height: 5rem;

    display: flex;

    align-items: center;

    justify-content: flex-end;



}



.s_fast_link dl i {

    display: block;

    width: 1px;

    height: 1.3125rem;

    background: #cacacb;



}



.s_fast_link dl .search {

    width: 12.625rem;

    height: 2.25rem;

    border: 1px solid #d9d9d9;

    margin: 0 1.25rem;

    display: flex;

    border-radius: 3px;

    align-items: center;

    justify-content: space-around;

}



.s_fast_link dl .search input {

    border: none;

    padding: 0 10px;

    width: 73%;

}



.s_fast_link dl .search input::placeholder {



    font-size: 12px;

    color: #c3c1c1;





}



.s_fast_link dl .search button {

    background: #313b8b;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.5625rem;

    height: 1.5625rem;

    flex-shrink: 0;

    border: none;

}



.s_fast_link dt {

    /* position: absolute;

    top: 0;

    left: 0px; */

    color: #fff;

    background: #313b8b;

    height: 5rem;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 1rem;

    padding: 0 14px;

}



.s_fast_link dt h5 {

    font-size: 1rem;

    line-height: 2;

    font-family: PingFang SC;

}



.s_fast_link dt p {

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    line-height: 1.5;

    text-transform: uppercase;

}



.s_fast_link dd {

    margin-left: 3rem;

    display: block;

    width: 850px;

}



.s_fast_link .bd {

    height: 1.25rem;

    position: relative;

    overflow: hidden;

}



.s_fast_link .bd li {

    display: flex;

    position: relative;

    line-height: 1.25rem;

    height: 1.25rem;

    gap: 2rem;

}



.s_fast_link .bd li .box {

    position: relative;

    width: 28rem;

    display: inline-block;

}



.s_fast_link .bd a {

    font-size: 1rem;

    color: #5a5a5b;

    display: block;

    line-height: 1.25rem;

    height: 1.25rem;

    width: 17.6875rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.s_fast_link .bd a:hover {

    color: #313b8b;

}



.s_fast_link .bd span {

    position: absolute;

    right: 0;

    top: 0;

    color: #74747a;

    display: block;

    font-size: 12px;

    line-height: 1.25rem;

}



.s_fast_link .hd {

    display: flex;

    /* position: absolute; */

    left: 135px;

    top: 33px;

}



.s_fast_link .hd a {

    display: block;

    height: 1rem;

    line-height: 1.5rem;

}



.s_fast_link .hd a img {

    display: block;

}



#j_seach_box form {

    position: relative;

    padding-right: 1.875rem;

    border-radius: 4px;

    overflow: hidden;

    border: 1px solid #dedede;

    border-radius: 3px;

    width: 100%;

}

#j_seach_box input[type="text"] {

    border: none;

    width: 100%;

    display: block;

    height: 2.25rem;

    text-align: left;

    color: #000;

    font-size: .875rem;

    background: none;

    line-height: 2.3125rem;

    padding: 0 .9375rem;

}

#j_seach_box input[type="button"] {

    position: absolute;

    right: 0;

    top: 0;

    padding: 0;

    z-index: 2;

    background: url(../image/icon_search.png) center no-repeat #313b8b;

    background-size: auto .875rem;

    height: 2.25rem;

    width: 2.5rem;

    cursor: pointer;

    border: none;

}

/*=============图片滚动新闻================*/

#s_slide_news {

    width: 390px;

    height: 260px;

    overflow: hidden;

    position: relative;

}



#s_slide_news .bd {

    position: relative;

    height: 100%;

    z-index: 0;

}



#s_slide_news .bd li {

    position: relative;

    display: block;

}



#s_slide_news .bd li a {

    display: block;

    position: relative;

    width: 390px;

    height: 260px;

}



#s_slide_news .bd ul li h1 {

    color: #fff;

    font-size: 12px;

    line-height: 40px;

    height: 40px;

    width: 280px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-left: 20px;

    padding-right: 90px;

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    bottom: 0px;

    z-index: 99999;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');

    background: rgba(0, 0, 0, 0.85);

}



#s_slide_news .bd img {

    width: 390px;

    height: 260px;

    display: block;

}



#s_slide_news .hd {

    height: 40px;

    width: 80px;

    z-index: 0;

    overflow: hidden;

    position: absolute;

    right: 10px;

    bottom: 0px;

}



#s_slide_news .hd ul {

    overflow: hidden;

    zoom: 1;

    float: right;

    margin-top: 16px;

}



#s_slide_news .hd ul li {

    float: left;

    margin-left: 10px;

    width: 9px;

    height: 9px;

    text-align: center;

    background: #fff;

    cursor: pointer;

}



#s_slide_news .hd ul li.current {

    background: #d2333d;

}



#s_slide_news .bnt {

    display: block;

    width: 26px;

    text-align: center;

    height: 54px;

    line-height: 54px;

    top: 50%;

    z-index: 8;

    margin-top: -27px;

    font-size: 24px;

    font-family: "SimSun";

    color: #fff;

    position: absolute;

    background: #e23a53;

}



#s_slide_news .bnt.prev {

    left: -50px;

}



#s_slide_news .bnt.next {

    right: -50px;

}



#s_slide_news:hover .bnt.prev {

    left: 0px;

}



#s_slide_news:hover .bnt.next {

    right: 0px;

}



/*=================首页tab切换新闻=======================*/

#index_up_box .md {

    width: 485px;

    float: left;

    margin-left: 40px;

}



#index_up_box .md .hd {

    overflow: hidden;

    height: 40px;

    margin-bottom: 8px;

}



#index_up_box .md .hd a {

    position: relative;

    font-size: 14px;

    color: #606166;

    display: block;

    float: left;

    height: 36px;

    width: 90px;

    text-align: center;

    line-height: 36px;

}



#index_up_box .md .hd a:hover {

    color: #fff;

    background: #df203d;

}



#index_up_box .md .hd .on {

    color: #fff;

    background: #df203d;

}



#index_up_box .md {

    position: relative;

}



#index_up_box .md .up {

    border-bottom: 1px dotted #bbbdc1;

    padding: 5px 0 15px 0;

}



#index_up_box .md .up {

    color: #a6a7ab;

    font-size: 12px;

    line-height: 20px;

}



#index_up_box .md .up h1 {

    position: relative;

}



#index_up_box .md .up span {

    position: absolute;

    right: 0;

    top: 8px;

    font-size: 12px;

    color: #a2a3a7;

}



#index_up_box .md .up a {

    line-height: 30px;

    display: block;

    width: 380px;

    color: #3c3c42;

    font-size: 16px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#index_up_box .md .up a:hover {

    color: #e23a53;

}



#index_up_box .md .up p {

    color: #949599;

    padding-top: 5px;

    text-align: justify;

    font-size: 12px;

    line-height: 20px;

}



#index_up_box .md .un {

    padding-top: 10px;

}



#index_up_box .md .un ul {}



#index_up_box .md .un li {

    position: relative;

    padding-left: 10px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_dd_box.png) left center no-repeat;

    line-height: 28px;

    display: block;

}



#index_up_box .md .un a {

    font-size: 14px;

    color: #848588;

    width: 395px;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#index_up_box .md .un a:hover {

    color: #e23a53;

}



#index_up_box .md .un span {

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    color: #a7a7aa;

}



/*=================首页图片链接===================*/

#s_link_box a {

    display: block;

    margin-bottom: 10px;

    width: 245px;

    height: 80px;

    overflow: hidden;

}



#s_link_box a img {

    width: 245px;

    min-height: 80px;

}



/*=============产业板块================*/

#ch_link {

    margin: 60px 0px 0 0;

}



#ch_link ul {

    margin-right: -40px;

}



#ch_link li {

    position: relative;

    width: 280px;

    box-shadow: 0 0 10px #ccc;

    display: block;

    overflow: hidden;

    float: left;

    margin-right: 28px;

}



#ch_link li a {

    border: 5px solid #fff;

    display: block;

    height: 115px;

    position: relative;

}



#ch_link li a .pic_box {

    width: 270px;

    height: 115px;

    overflow: hidden;

}



#ch_link li a img {

    display: block;

    width: 270px;

    height: 115px;

}



#ch_link li a h1 {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    text-align: center;

    display: block;

    height: 30px;

    line-height: 30px;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#70000000', endColorstr='#70000000');

    background: rgba(0, 0, 0, 0.44);

}



#ch_link li a strong {

    color: #fff;

    font-size: 14px;

}



#ch_link li a span {

    color: #fff;

    font-size: 12px;

}



#ch_link .icon_box {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



#ch_link .icon_box::before,

#ch_link .icon_box::after {

    position: absolute;

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



#ch_link .icon_box::before {

    border-bottom: 5px solid rgba(201, 2, 2, .9);

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#ch_link .icon_box::after {

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#ch_link a:hover .icon_box::before,

#ch_link a:hover .icon_box::after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



/*=============footer================*/

#footer {

    position: relative;

    background: #505159;

    width: 100%;

    z-index: 0;

    border-top: 1px solid #e5e5e7;

    padding: 25px 0 20px 0;

    font-size: 12px;

    height: 110px;

}



#footer .main_box {

    position: relative;

}



#footer .fot_left img {

    display: block;

    margin-top: 15px;

}



#footer p {

    color: #fff;

    font-size: 12px;

    text-align: left;

}



#footer p a {

    color: #fff;

}



#footer a:hover {

    color: #fff;

}



/*=============底部版权================*/

#footer .copyright {

    position: relative;

    margin-top: 15px;

    padding-top: 25px;

}



#footer .copyright .line {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 82px;

    height: 2px;

    background: #df203d;

}



#footer .copyright p {

    line-height: 20px;

    font-size: 12px;

    color: #9F9FA4;

}



#footer .copyright img {

    height: 14px !important;

}



#footer .copyright a {

    color: #9F9FA4;

}



#footer .copyright a:hover {

    color: #fff;

}



/*=============底部导航================*/

.nav_fot {}



.nav_fot a {

    display: inline-block;

    font-size: 12px;

    color: #fff;

    opacity: .7;

    filter: alpha(opacity=70);

}



.nav_fot a img {

    padding-right: 5px;

}



.nav_fot a:hover {

    opacity: 1;

    filter: alpha(opacity=1);

}



.nav_fot i {

    font-size: 12px;

    color: #fff;

    padding: 0 15px 0 5px;

    width: 1px;

    background: url(https://www.starkckg.com/static/style/pc/images/line_fot_nav.png) center no-repeat;

}



#bnt_ewm {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_wap.png) left center no-repeat;

    padding-left: 15px;

}



#bnt_site_map {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_site_map.png) left center no-repeat;

    padding-left: 17px;

}



#fix_ewm_box {

    position: fixed;

    top: 0px;

    right: 0;

    z-index: 9999;

    display: none;

    width: 100%;

    height: 100%;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');

    background: rgba(0, 0, 0, 0.85);

}



#fix_ewm_box .ewm img {

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -160px;

    left: 50%;

    margin-left: -120px;

    width: 240px;

    height: 280px;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

    ;

}



#fix_ewm_box1 {

    position: fixed;

    top: 0px;

    right: 0;

    z-index: 9999;

    display: none;

    width: 100%;

    height: 100%;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');

    background: rgba(0, 0, 0, 0.85);

}



#fix_ewm_box1 .ewm img {

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -120px;

    left: 50%;

    margin-left: -100px !important;

    height: 200px;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#fix_ewm_box2 {

    position: fixed;

    top: 0px;

    right: 0;

    z-index: 9999;

    display: none;

    width: 100%;

    height: 100%;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');

    background: rgba(0, 0, 0, 0.85);

}



#fix_ewm_box2 .ewm img {

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -120px;

    left: 50%;

    margin-left: -100px !important;

    height: 200px;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



/*=============底部右侧================*/

#footer .fot_right {

    position: absolute;

    right: 0;

    top: 0;

    width: 455px;

}



/*=============底部联系================*/

#fot_contact {

    padding-left: 20px;

    padding-top: 10px;

    height: 50px;

    overflow: hidden;

    padding-right: 140px;

    position: relative;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_fot_contact.png) left 14px no-repeat;

}



#fot_contact .ewm_box {

    position: absolute;

    right: 0;

    top: 0;

    height: 60px;

    overflow: hidden;

}



#fot_contact .ewm_box img.icon {

    display: block;

    float: left;

    margin-left: 10px;

    width: 60px;

    height: auto;

}



#fot_contact p {

    color: #9f9fa4;

    line-height: 20px;

}



#fot_contact strong {

    font-size: 15px;

    font-weight: 700;

    color: #e23a53;

}



/*==========相关链接===========*/

#fot_link_box {

    position: relative;

    height: 32px;

    margin-bottom: 14px;

}



#slide_up_box1 {

    position: absolute;

    right: 0;

    top: 0px;

}



#bnt_link1 {

    cursor: pointer;

    width: 165px;

    display: block;

    height: 26px;

    border: 2px solid #a8a8ac;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_un.png) 200px center no-repeat;

}



.icon_un {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_up.png) 200px center no-repeat !important;

}



#bnt_link1 span {

    color: #bebfc2;

    display: block;

    padding: 0 15px;

    height: 26px;

    font-size: 12px;

    line-height: 26px;

    /* background: url(https://www.starkckg.com/static/style/pc/images/bg_dd.png) 185px top repeat-y;*/

}



#bnt_link1 i {

    font-size: 10px;

    padding-left: 5px;

}



#content_link1 {

    display: none;

    z-index: 9;

    width: 169px;

    position: absolute;

    left: 0;

    bottom: 29px;

    max-height: 215px;

    overflow: hidden;

    overflow-y: auto;

}



#content_link1 .box {

    background: #fff;

    border: 1px solid #f2f2f2;

}



#content_link1 a {

    padding: 0 15px;

    color: #3c414c;

    border-bottom: 1px dotted #eee;

    line-height: 30px;

    font-size: 12px;

    display: block;

}



#content_link1 a:hover,

#bnt_link a:hover {

    color: #e23a53;

}



#slide_up_box2 {

    position: absolute;

    right: 180px;

    top: 0px;

}



#bnt_link2 {

    cursor: pointer;

    width: 165px;

    display: block;

    height: 26px;

    border: 2px solid #a8a8ac;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_un.png) 200px center no-repeat;

}



.icon_un {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_up.png) 200px center no-repeat !important;

}



#bnt_link2 span {

    color: #bebfc2;

    display: block;

    padding: 0 15px;

    height: 26px;

    font-size: 12px;

    line-height: 26px;

    background: url(https://www.starkckg.com/static/style/pc/images/bg_dd.png) 185px top repeat-y;

}



#bnt_link2 i {

    font-size: 10px;

    padding-left: 5px;

}



#content_link2 {

    display: none;

    z-index: 9;

    width: 169px;

    position: absolute;

    left: 0;

    bottom: 29px;

    max-height: 215px;

    overflow: hidden;

    overflow-y: auto;

}



#content_link2 .box {

    background: #fff;

    border: 1px solid #f2f2f2;

}



#content_link2 a {

    padding: 0 15px;

    color: #3c414c;

    border-bottom: 1px dotted #eee;

    line-height: 30px;

    height: 30px;

    font-size: 12px;

    display: block;

}



#content_link2 a:hover,

#bnt_link a:hover {

    color: #e23a53;

}



/*==============================--内页开始==============================-*/

#gotop {

    display: none;

    position: fixed;

    right: 10px;

    bottom: 1px !important;

    overflow: hidden;

    width: 45px;

    height: 45px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_top.png) center no-repeat;

    border: 1px solid #ccc;

    border-radius: 3px;

}



#gotop:hover {

    bottom: 160px;

}



/*==============================--内页开始==============================-*/

#n_main_box {

    background: #f4f5f7;

    padding-bottom: 60px;

}



#n_content {

    min-height: 300px;

    padding: 50px 0 0px;

    /*background: url(../images/line_n_content.png) 910px top repeat-y;*/

}



/*===================内页banner================*/

#n_banner {

    display: block;

    width: 100%;

    height: 16.875rem;

    position: relative;

    overflow: hidden;

    background-size: cover !important;

}

#n_banner::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

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

}

#n_banner .main_box {

    height: 100%;

    display: flex;

    align-items: center;

}

#n_banner .main_box h4 {

    text-transform: uppercase;

    color: rgba(255, 255, 255, .2);

    font-family: Barlow Condensed;

    font-size: 2.875rem;

    line-height: 2.875rem;

}

#n_banner .main_box h5 {

    font-size: 1.875rem;

    line-height: 2.875rem;

    color: #fff;

}



#pcnav {

    height: 4rem;

    border-bottom: 1px solid #ebeef1;

    background: #fff;

}

#pcnav .main_box {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

/*===================面包屑导航================*/

#n_title {

    position: relative;

    background: #fff;

    height: 55px;

    line-height: 55px;

    overflow: hidden;

    margin-bottom: 55px;

}



#n_title .main_box {

    position: relative;

    height: 55px;

}



#n_title h1 {

    padding: 0 0 0px 0px;

    font-size: 16px;

    color: #404041;

    line-height: 55px;

}



#n_title h1 span {

    font-size: 14px;

    color: #404041;

    line-height: 48px;

    font-family: "Arial";

    text-transform: uppercase;

    padding-left: 5px;

    font-weight: normal;

    padding-left: 5px;

}

.position {

    font-size: .875rem;

    color: #737577;

    display: flex;

    align-items: center;

}

.position .ico {

    width: 4rem;

    height: 4rem;

    margin-right: 1.25rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-left: 1px solid #ebeef1;

    border-right: 1px solid #ebeef1;

}

.position>img {

    margin: 0 11px;

}

.position span,

.position a,

.position i {

    font-size: .875rem;

    color: #737577;

    flex-shrink: 0;

    -moz-transition: all .36s ease-in-out;

    -webkit-transition: all .36s ease-in-out;

    -o-transition: all .36s ease-in-out;

    -ms-transition: all .36s ease-in-out;

    transition: all .36s ease-in-out
}



.position a {

    color: #737577;

    font-size: .875rem;

    line-height: 1.625rem;

}

.position a:hover {

    color: #313b8b;

}

.n_nav {

    position: relative;

}

.n_nav ul {

    display: flex;

    align-items: center;

}

.n_nav li {

    display: block;

    flex-grow: 1;

    line-height: 4rem;

    z-index: 1;

    position: relative;

}

.n_nav li.on {

    background: #313b8b;

}



.n_nav ul li:first-child::after {

    display: none;

}

.n_nav ul li::after {

    content: "";

    position: absolute;

    display: block;

    width: 1px;

    height: 12px;

    background: #d4d8db;

    position: absolute;

    top: 50%;
    transform: translate(0, -50%);



}

.n_nav ul li:hover::after,
.n_nav li.on::after,

.n_nav ul li:hover+li::after,
.n_nav li.on+li::after {

    background: transparent
}

.n_nav li a {

    display: block;

    text-align: center;

    font-size: .9375rem;

    color: #000000;

    transition: .5s;

    padding: 0 1.875rem;

    position: relative;

    transition: all .5s;

}

.n_nav li:hover a,
.n_nav li.on a {

    color: #fff;

}

.n_nav li a::before,
.n_nav li a::after {

    content: "";

    position: absolute;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #fff;

    top: 50%;

    transform: translate(0, -50%);

}

.n_nav li a::before {

    left: 13px;

}

.n_nav li a::after {

    right: 13px;

}

#m_n_nav {

    display: none;

    line-height: 50px;

    position: relative;

    z-index: 9;

    width: 100%;

    background: #313b8b;

}

#m_n_nav.reds {
    background: #d42f4b;
}




#m_n_nav .m {

    display: flex;

    align-items: center;

    justify-content: space-between
}



#bnt_back svg {

    fill: #fff;

    vertical-align: middle;

    width: 26px;

    height: 26px
}



#m_n_nav h1 {

    font-size: 1.25rem;

    color: #fff;

    text-align: center;

    margin: 0;

    line-height: 50px
}



#bnt_sub_nav {

    cursor: pointer;

    color: #fff;

    font-size: 18px
}



#bnt_sub_nav svg {

    fill: #fff;

    height: 16px;

    vertical-align: middle;

    width: 16px
}



#bnt_sub_nav img {

    display: block;

    height: 15px
}



#bnt_sub_nav.on img {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)
}



#sub_nav_content {

    background: #f0f3f5;

    display: none;

    box-shadow: 0 0 5px #999;

    z-index: 9
}



#sub_nav_content ul {

    padding: 10px
}



#sub_nav_content ul li {

    display: block;

    line-height: 28px;

    margin: 1rem 0
}



#sub_nav_content ul li a {

    display: block;

    border-left: 2px solid #db0018;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    padding-left: 10px;

    color: #535455
}



#sub_nav_content ul li.on a {

    color: #db0018
}



#sub_nav_content dl {

    font-size: 0;

    overflow: hidden;

    background: #fff;

    padding: 10px 0;

    border-top: 1px solid #e7e7e7
}



#sub_nav_content dt {

    position: relative;

    background: #fff;

    z-index: 999;

    margin-bottom: 0
}



#sub_nav_content dt a {

    margin: 0 20px;

    display: block;

    color: #333;

    line-height: 30px;

    font-size: 1rem;

    vertical-align: top
}



#sub_nav_content dt a i {

    position: absolute;

    right: 15px;

    top: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    display: none
}

/*===================点击加载================*/

.bnt_more {

    margin-top: 40px;

    background: #f4f5f7;

    border: 1px solid #e7e7e9;

    border-radius: 3px;

    height: 50px;

    overflow: hidden;

    text-align: center;

    font-size: 14px;

    color: #969799;

    line-height: 50px;

    width: 100%;

    display: none;

}



.bnt_more {}



.bnt_more img {

    vertical-align: middle;

}



.bnt_more:hover {

    border: 1px solid #e7e7e9;

}



#n_left {

    float: right;

    width: 260px;

}



#n_right {

    float: left;

    width: 880px;

    min-height: 399px;

}



/*===================左侧导航================*/

#n_nav {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 0;

    width: 79%;

    display: flex;

    justify-content: space-between;

}



#n_nav {

    margin-bottom: 25px;

}



#n_nav ul {}



#n_nav a {

    position: relative;

    /* float: left; */

    display: block;

    /* width: 140px; */

    background: url(https://www.starkckg.com/static/style/pc/images/line_n_title.png) left no-repeat no-repeat;

    flex: 1;

}



#n_nav a.first {

    background: none;

}



#n_nav a strong {

    position: relative;

    background: url(https://www.starkckg.com/static/style/pc/images/bg_n_nav.png) center no-repeat;

    display: block;

    text-align: center;

    z-index: 9;

    height: 55px;

    line-height: 55px;

    color: #5e5e5e;

    font-size: 14px;

}



#n_nav a span {

    position: absolute;

    left: -1px;

    top: 0;

    z-index: 1;

    width: 100%;

    display: inherit;

    text-align: center;

}



#n_nav a i {

    display: inline-block;

    background: #d83648;

    height: 55px;

    width: 0px;

}



#n_nav a.on i {

    width: 100%;

}



#n_nav a.on strong {

    color: #fff;

}



#n_nav a:hover i {

    width: 100%;

}



#n_nav a:hover strong {

    color: #fff;

}



#n_nav li.nav_title {

    /* background: url(../images/icon_nav_on.png) 190px 18px no-repeat;*/

}



#n_nav li.nav_title a:hover i {

    width: 3px;

}



#n_nav li.nav_title a:hover strong {

    color: #535355;

}



#n_nav li.nav_title.on a i {

    width: 3px;

}



#n_nav li.nav_title.on {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_nav_off.png) 190px 23px no-repeat;

}



#n_nav li.nav_title.on:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_nav_off.png) 190px 23px no-repeat;

}



#n_nav li .nav_list {

    display: none;

}



#n_nav li .nav_list .box {

    padding: 20px 30px 10px 30px;

    border-top: 1px solid #ececed;

}



#n_nav li .nav_list a {

    display: block;

    border: 1px solid #e0e2e4;

    /* background: url(../images/icon_left_nav_jt.png) 150px center no-repeat;*/

    height: 30px;

    line-height: 30px;

    border-radius: 2px;

    font-size: 12px;

    color: #535355;

    overflow: hidden;

    margin-bottom: 10px;

    padding-left: 20px;

}



#n_nav li .nav_list a.on {

    border: 1px solid #ea353a;

    color: #fff;

    /* background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #ea353a;*/

}



#n_nav li .nav_list a:hover {

    border: 1px solid #ea353a;

    color: #fff;

    /*background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #ea353a;*/

}



/*==============高级广告=====================*/

.j_link_box {

    margin-bottom: 10px;

}



.j_link_box a {

    display: block;

    position: relative;

    width: 258px;

    overflow: hidden;

    border: 1px solid #dee0e3;

}



.j_link_box img {

    display: block;

    width: 260px;

}



.j_link_box .icon_box {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.j_link_box .icon_box::before,

.j_link_box .icon_box::after {

    position: absolute;

    top: 10px;

    right: 10px;

    bottom: 10px;

    left: 10px;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



.j_link_box .icon_box::before {

    border-top: 1px solid rgba(201, 2, 2, .3);

    border-bottom: 1px solid rgba(201, 2, 2, .3);

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



.j_link_box .icon_box::after {

    border-right: 1px solid rgba(201, 2, 2, .3);

    border-left: 1px solid rgba(201, 2, 2, .3);

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



.j_link_box a:hover .icon_box::before,

.j_link_box a:hover .icon_box::after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.j_link_box a:hover {

    border: 1px solid #eee;

}



/*=================促销活动==================*/

.j_form {

    position: relative;

}



.j_form label {

    width: 310px;

    float: left;

    border: 1px solid #edeff2;

    position: relative;

    display: block;

    height: 40px;

    line-height: 40px;

    margin: 0 0 12px 0;

    font-size: 12px;

    color: #bebebe;

    padding-left: 120px;

}



.j_form .label .h_x {

    left: 395px;

    top: -8px;

    position: absolute;

}



.j_form input[type="text"] {

    height: 40px;

    background: none;

    color: #676767;

    width: 280px;

    border: none;

    background: #fff;

    border-radius: 0px;

    display: block;

    padding: 0 15px;

    line-height: 40px;

    font-size: 12px;

}



.j_form input[type="text"]:focus {}



.j_form label strong {

    font-weight: normal;

    display: block;

    background: #e2e4e6;

    color: #5e5f61;

    height: 40px;

    line-height: 40px;

    position: absolute;

    width: 120px;

    left: 0px;

    top: 0;

    font-size: 14px;

    text-align: center;

}



.j_form .textarea_box {

    width: 758px;

    height: 163px;

}



.j_form .textarea_box strong {

    height: 163px;

}



.j_form textarea {

    height: 150px;

    resize: none;

    color: #66656b;

    width: 728px;

    padding-right: 10px;

    background: #fff;

    border: none;

    line-height: 24px;

    font-size: 12px;

    padding: 6px 15px;

}



.j_form textarea:focus {}



.yzm_box {

    position: relative;

    border: none;

}



.yzm_box strong {

    height: 42px !important;

    line-height: 42px !important;

}



.yzm_box input[type="text"] {

    border: 1px solid #edeff2;

    font-size: 14px;

    height: 40px;

    color: #666;

    width: 138px !important;

    line-height: 40px;

}



.yzm {

    position: absolute;

    left: 300px;

    height: 40px;

    top: 0px;

}



.yzm a {

    position: absolute;

    color: #adada6;

    right: -90px;

    height: 40px;

    line-height: 40px;

    width: 80px;

    top: 0;

}



.yzm_box input[type="submit"] {

    position: absolute;

    right: 0;

    bottom: 0;

}



.j_form input[type="submit"] {

    width: 120px;

    margin-top: 20px;

    display: block;

    cursor: pointer;

    height: 40px;

    background: #d83648;

    border-radius: 0px;

    overflow: hidden;

    color: #fff;

    font-size: 14px;

    line-height: 38px;

    border: none;

    text-align: center;

}



.j_form input[type="submit"]:hover {

    border-radius: 19px;

}



/*==================大事记=================*/

#n_dsj {

    position: relative;

}



#n_dsj .bd .main_box {

    overflow: hidden;

    width: 1020px;

    margin: 0 auto;

}



#n_dsj .bd {

    margin: 0 auto;

    height: 510px;

    overflow: hidden;

}



#n_dsj .bd .line_box {

    height: 2px;

    background: #e0dedd;

    width: 100%;

    position: absolute;

    left: 0;

    top: 55px;

}



#n_dsj .bd ul {

    margin-right: -70px;

}



#n_dsj .bd li {

    display: block;

    width: 300px;

    float: left;

    margin-right: 60px;

    padding-top: 55px;

    background: url(https://www.starkckg.com/static/style/pc/images/mark_dsj.png) 25px top no-repeat;

}



#n_dsj .bd li img {

    display: block;

    border: 2px solid #d2d2d5;

    max-width: 296px;

}



#n_dsj .bd li h1 {

    display: block;

    padding-top: 25px;

    font-size: 38px;

    color: #df203d;

    padding-bottom: 20px;

    border-top: 2px solid #df203d;

}



#n_dsj .bd li:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/mark_dsj_on.png) 25px 5px no-repeat
}



#n_dsj .bd .content {

    height: 360px;

    padding: 0 10px;

    overflow-x: hidden;

}



#n_dsj .hd {

    position: absolute;

    right: 0;

    top: 43px;

    width: 100%;

    z-index: 9;

}



#n_dsj .hd .main_box {

    position: relative;

}



#n_dsj .bnt {

    position: absolute;

    top: 0px;

    display: block;

    width: 25px;

    text-align: center;

    height: 25px;

}



#n_dsj .bnt.prev {

    left: 0;

}



#n_dsj .bnt.next {

    right: 0;

}



#n_dsj .bnt:hover {}



#n_dsj_fot {

    background: url(https://www.starkckg.com/static/style/pc/images/bg_dsj_fot.jpg) center no-repeat;

    height: 180px;

    margin-top: 80px;

    margin-bottom: -60px;

}



/*==================大事记=================*/

#n_about {}



#n_about .speak_box {

    position: absolute;

    top: 0;

    right: 0;

    width: 26px;

    display: block;

}



#n_about .speak_box a {

    display: block;

    width: 30px;

    height: 30px;

    line-height: 50px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_speaker.png) center no-repeat;

}



#n_about .speak_box.m_stop a {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_no_speak.png) center no-repeat;

}



#n_about .ar_article td,

#n_about .ar_article th {

    padding: 25px 15px 15px 15px;

    border: 1px solid #e1e1e4;

}



/*=================领导团队==================*/

#n_team {}



#n_team ul {

    margin-top: 20px;

    margin-bottom: -25px;

}



#n_team li {

    display: block;

    height: 190px;

    position: relative;

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px dashed #c8c8ca;

}



#n_team .pic_box {

    width: 140px;

    height: 180px;

    position: absolute;

    left: 0;

    top: 0;

    border: 5px solid #fff;

}



#n_team .pic_box img {

    width: 140px;

    height: 180px;

}



#n_team .text_box {

    display: table;

    height: 180px;

    margin-left: 170px;

    position: relative;

}



#n_team .text_box .box {

    display: table-cell;

    vertical-align: middle;

}



#n_team .text_box h1 a {

    font-size: 18px;

    display: inline-block;

    line-height: 30px;

    padding-bottom: 10px;

    color: #df203d;

    font-size: 17px;

}



#n_team .text_box h1 strong {

    display: inline-block;

    padding-left: 10px;

    color: #2470b8;

    font-size: 12px;

}



#n_team .text_box h1 a:hover {}



#n_team .text_box p {

    color: #a6a7ab;

    font-size: 12px;

    padding: 0 !important;

    line-height: 26px;

    height: 104px;

    overflow: hidden;

}



#n_team .text_box .more {

    position: absolute;

    right: 0;

    bottom: 0;

    color: #d99e38;

    font-size: 12px;

    display: block;

}



#n_team .text_box a:hover {}



/*=================业务板块==================*/

#n_business_type {}



#n_business_type ul {

    margin-right: -20px;

}



#n_business_type li {

    width: 285px;

    position: relative;

    display: block;

    overflow: hidden;

    background: #68686e;

    float: left;

    margin-right: 20px;

}



#n_business_type li a {

    display: block;

}



#n_business_type li .pic_box {

    width: 285px;

    height: 350px;

    overflow: hidden
}



#n_business_type li .pic_box a {

    position: relative;

}



#n_business_type li img {

    width: 285px;

    height: 350px;

    display: block
}



#n_business_type li .text_box {

    position: relative;

    padding: 50px 0;

}



#n_business_type li h1 {

    display: block;

    text-align: center;

    margin-bottom: 3px;

    font-size: 16px;

    color: #fff;

}



#n_business_type li strong {

    color: #c5c5c8;

    font-size: 12px;

    display: block;

    text-transform: uppercase;

    text-align: center;

}



#n_business_type li span {

    margin: 20px auto 0 auto;

    text-align: center;

    border-radius: 15px;

    height: 30px;

    line-height: 30px;

    width: 100px;

    display: block;

    display: block;

    font-size: 12px;

    color: rgba(255, 255, 255, 0.58);

    border: 2px solid rgba(255, 255, 255, 0.25);

}



#n_business_type li:hover {

    background: #df203d;

    margin-top: -20px;

}



#n_business_type li:hover h1 {}



#n_business_type li:hover strong {

    color: #f6baba;

}



#n_business_type li h1 a:hover {

    color: #fff;

    text-decoration: none
}



#n_business_type li span:hover {

    color: rgba(255, 255, 255, 1);

    border: 2px solid rgba(255, 255, 255, 1);

}



/*=================产业发展==================*/

#n_business {

    margin-top: -60px;

}



#n_business .title {

    position: relative;

    margin-bottom: 40px;

}



#n_business .title h1 {

    color: #df203d;

    font-size: 15px;

    font-weight: 700;

}



#n_business .title strong {

    display: block;

    text-transform: uppercase;

    font-size: 16px;

    color: #717173;

    opacity: .41;

    filter: alpha(opacity=41);

}



#n_business .up_box {

    background: url(https://www.starkckg.com/static/style/pc/images/bg_dsj.jpg) center no-repeat;

    height: 330px;

}



#n_business .up_box .main_box {

    padding: 60px 0;

}



#n_business .up_box h1 {

    text-align: center;

    color: #676769;

    font-size: 22px;

    display: block;

    margin-bottom: 25px;

}



#n_business .up_box img {

    display: block;

    margin: 0 auto 25px auto;

}



#n_business .up_box p {

    font-size: 14px;

    color: #7f7f80;

    text-align: center;

}



#n_business .up_box #slide_cy {

    width: 500px;

    overflow: hidden;

    position: relative;

    margin: 0 auto;

    margin-top: 40px;

}



#n_business .up_box .bd {

    width: 434px;

    overflow: hidden;

    margin: 0px auto;

}



#n_business .up_box .bd .box {

    display: block;

    margin-right: -25px;

}



#n_business .up_box .bd a {

    border: 2px solid #dbdbdf;

    margin-right: 23px;

    text-align: center;

    border-radius: 16px;

    display: block;

    font-size: 14px;

    color: #808082;

    width: 125px;

    height: 32px;

    line-height: 32px;

    float: left;

}



#n_business .up_box .bd a:hover {

    background: #e23a53;

    border: 2px solid #e23a53;

    color: #fff;

}



#n_business .up_box .bnt {

    position: absolute;

    top: 50%;

    font-size: 22px;

    font-family: "SimSun";

    color: rgb(100, 101, 102);

    text-transform: uppercase;

    margin-top: -11px;

    cursor: pointer;

}



#n_business .up_box .bnt:hover {

    color: #e23a53;

}



#n_business .up_box .prev {

    position: absolute;

    left: 0px;

}



#n_business .up_box .next {

    position: absolute;

    right: 0px;

}



#n_business .un_box .section {

    padding: 60px 0;

    min-height: 250px;

}



#n_business .un_box .section.floor1,

#n_business .un_box .section.floor3 {

    background: #fff;

}



/*=================数据统计==================*/

#cy_data .text_box {

    font-size: 14px;

    color: #98989a;

    line-height: 30px;

    width: 775px;

}



#cy_data .pic_box {

    position: absolute;

    right: 0;

    top: 34px;

}



#cy_data .date_box {

    position: relative;

}



#cy_data .text_box dl {

    margin-top: 70px;

}



#cy_data .text_box dd {

    text-align: center;

    display: inline-block;

    margin-right: 60px;

}



#cy_data .text_box dd h1 {

    font-size: 36px;

    color: #df203d;

}



#cy_data .text_box dd strong {

    color: #747576;

    font-size: 12px;

}



#cy_data .text_box a {

    position: absolute;

    right: 0;

    bottom: 5px;

    border-radius: 3px;

    display: block;

    width: 45px;

    height: 18px;

    line-height: 18px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_date.png) center no-repeat #d1d2d5;

}



#cy_data .text_box a:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_date.png) center no-repeat #e23a53;

}



/*=================重点项目==================*/

#cy_project {}



#cy_project .parHd {

    position: relative;

    z-index: 1
}



#cy_project .parHd ul {

    font-size: 0;

    text-align: right;

    margin-top: -40px;

}



#cy_project .parHd ul li {

    display: inline-block;

    margin-left: 23px;

    font-size: 14px;

    color: #6b6b6b;

    padding: 11px 15px;

    cursor: pointer
}



#cy_project .parHd ul li a {

    color: #fff
}



#cy_project .parBd li {

    display: block;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

    width: 285px;

    height: 190px;

    overflow: hidden;

    background: #e2e3e5;

}



#cy_project .parHd ul li.on {

    background: #d83648;

    color: #fff
}



#cy_project .content.bd ul {

    margin-right: -25px
}



#cy_project .content.bd ul li {

    display: block;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

    width: 285px;

    height: 190px;

    overflow: hidden;

    background: #e2e3e5;

}



#cy_project li a {

    display: block;

    position: relative;

    border: 4px solid #e2e3e5;

    overflow: hidden;

}



#cy_project li a img {

    width: 285px;

    height: 182px;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    -moz-transform: scale(.8);

    -o-moz-transform: scale(.8);

    -o-moz-transform: scale(.8);

    -webkit-moz-transform: scale(.8);

    transform: scale(.8);

    opacity: 0;

    filter: alpha(opacity=0);

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#cy_project li .text_box {

    padding: 45px 15px;

    text-align: center;

    position: relative;

    -moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -webkit-moz-transform: scale(1);

    transform: scale(1);

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#cy_project li .text_box span {

    color: #7f7f82;

    display: block;

    font-size: 13px;

}



#cy_project li .text_box h1 {

    display: block;

    font-weight: 700;

    font-size: 18px;

    padding-top: 20px;

    color: #df203d;

    margin-bottom: 15px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#cy_project li .text_box .more {

    margin: 20px auto 0 auto;

    display: block;

    width: 22px;

    height: 22px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_chanye.png) center no-repeat;

    margin-bottom: 10px;

}



#cy_project li:hover img {

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -webkit-moz-transform: scale(1);

    transform: scale(1);

}



#cy_project .hd {

    position: absolute;

    right: 0;

    bottom: 0;

}



#cy_project .bnt {

    width: 38px;

    text-align: center;

    display: block;

    float: left;

    margin-left: 10px;

    height: 18px;

    line-height: 18px;

    border: 1px solid #b9baba;

    font-size: 14px;

    font-family: "SimSun";

    color: #494a4a;

    text-transform: uppercase;

    cursor: pointer;

}



#cy_project .bnt:hover {

    background: #e23a53;

    color: #fff;

    border: 1px solid #e23a53;

}



#cy_project .prev {}



#cy_project .next {}



.slideGroup .sPrev,

.slideGroup .sNext {

    position: absolute;

    left: -50px;

    top: 56%;

    display: block;

    width: 25px;

    height: 25px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_dsj_prev.png) center center no-repeat;

}



.slideGroup .sNext {

    left: auto;

    right: -50px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_dsj_next.png) center center no-repeat;

}



.slideGroup .sPrev:hover,

.slideGroup .sNext:hover {

    border-color: #f60;

}





/*=================产业资讯==================*/

#cy_news {}



#cy_news .more {

    position: absolute;

    right: 0;

    top: 0;

    height: 22px;

    width: 22px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_moer_zx.png) center no-repeat;

}



#cy_news .more:hover {

    transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    /* Safari and Chrome */

    -moz-transform: rotateY(180deg);

}



#cy_news ul {

    margin: 0 -30px;

    padding-top: 5px;

}



#cy_news li {

    width: 360px;

    position: relative;

    display: block;

    overflow: hidden;

    background: #fff;

    float: left;

    margin: 0 30px;

}



#cy_news li a {

    display: block;

    padding: 30px;

}



#cy_news li .text_box {

    position: relative;

    margin-bottom: 30px;

}



#cy_news li h1 {

    margin-bottom: 15px;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #555557;

    font-size: 15px;

    display: block;

}



#cy_news li p {

    font-size: 12px;

    line-height: 22px;

    color: #9b9b9b
}



#cy_news li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#cy_news .date_box {

    position: relative;

}



#cy_news .date_box span {

    color: #a1a1a1;

    font-size: 12px;

}



#cy_news .date_box strong {

    padding-top: 15px;

    display: block;

    color: #9b9b9b;

    font-size: 20px;

    width: 60px;

    position: relative;

    border-top: 2px solid #adaeaf;

}



#cy_news .date_box strong i {

    display: block;

    height: 2px;

    background: #e23a53;

    position: absolute;

    left: 0;

    top: -2px;

    width: 0;

}



#cy_news .date_box span {

    position: absolute;

    right: 0px;

    top: 0;

    color: #646566;

    opacity: .5;

    filter: alpha(opacity=57);

}



#cy_news .date_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#cy_news li:hover {

    -webkit-box-shadow: 2px 5px 9px rgba(4, 0, 0, .17);

    box-shadow: 2px 5px 9px rgba(4, 0, 0, .17);

    margin-top: -5px;

}



#cy_news li:hover .date_box strong i {

    width: 60px;

}



/*=================产业链接==================*/

#cy_link {

    margin-bottom: -60px;

}



#cy_link ul {

    margin-right: -30px;

}



#cy_link li {

    display: block;

    position: relative;

    float: left;

    margin-right: 30px;

    width: 380px;

    height: 205px;

    overflow: hidden;

    background: #fff;

}



#cy_link li a {

    display: block;

    position: relative;

}



#cy_link li a img {

    width: 380px;

    height: 205px;

    display: block;

}



#cy_link li .text_box {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    padding: 40px;

}



#cy_link li .text_box h2 {

    color: #68686a;

    text-transform: uppercase;

    display: block;

    font-size: 18px;

    display: block;

    opacity: .31;

    filter: alpha(opacity=31);

}



#cy_link li .text_box h1 {

    display: block;

    font-size: 16px;

    color: #68686a;

}



/*=================区域开发==================*/

#n_development {

    margin-top: -60px;

}



#n_development .up_box {

    background: url(https://www.starkckg.com/static/style/pc/images/bg_qykf.jpg) center no-repeat;

    height: 400px;

}



#n_development .up_box .main_box {

    padding: 60px 0;

    position: relative;

}



#n_development .up_box .text_box {

    width: 495px;

}



#n_development .up_box .text_box .title h1 {

    color: #676769;

    font-size: 22px;

    display: block;

    margin-bottom: 3px;

}



#n_development .up_box .text_box .title strong {

    font-size: 32px;

    color: #5e5e5f;

    text-transform: uppercase;

    opacity: .25;

    filter: alpha(opacity=25);

    display: block;

    margin-bottom: 15px;

}



#n_development .up_box .info {

    height: 180px;

}



#n_development .up_box .pic {

    position: absolute;

    top: 63px;

    right: 0;

}



#n_development .un_box {

    background: #fff;

    padding: 60px 0;

    overflow: hidden;

    margin-bottom: -60px;

}



/*=================新区开发建设==================*/

#kf_js {

    margin-bottom: 120px;

}



#kf_js .title {

    margin-bottom: 25px;

}



#kf_js .title h1 {

    color: #6f6f70;

    font-size: 22px;

    display: block;

    margin-bottom: 3px;

}



#kf_js .title strong {

    font-size: 14px;

    color: #6f6f70;

    text-transform: uppercase;

    opacity: .55;

    filter: alpha(opacity=55);

    display: block;

}



#kf_js .content {

    position: relative;

    width: 735px;

}



#kf_js .content li {

    display: inline-block;

    margin-right: 20px;

}



#kf_js .content li a {

    text-align: center;

    border-radius: 15px;

    height: 30px;

    line-height: 30px;

    width: 100px;

    background: #f4f5f7;

    display: block;

    display: block;

    font-size: 14px;

    color: #808082;

    border: 2px solid #dbdbdb;

}



#kf_js .content li a:hover {

    border: 2px solid #df203d;

    background: #df203d;

    color: #fff;

}



#kf_js .content .photo_box {

    width: 85px;

    height: 36px;

    position: absolute;

    right: 0;

    top: 8px;

}



#kf_js .content .photo_box a {

    color: #5b5b5c;

    font-size: 14px;

    padding-left: 25px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_photo.png) left center no-repeat;

}



#n_development .photo_box .info_box {

    display: none;

}



/*=================区块开发==================*/

#df_qukuai {}



#df_qukuai .title {

    margin-bottom: 30px;

    position: relative;

}



#df_qukuai .title h1 {

    border-bottom: 1px solid #e1e2e5;

    padding-bottom: 18px;

    font-size: 18px;

    color: #5b5b5c;

}



#df_qukuai .title .line {

    display: block;

    width: 36px;

    height: 3px;

    background: #df203d;

    position: absolute;

    left: 0;

    bottom: 0;

}



#df_qukuai .left {

    width: 565px;

}



#df_qukuai .right {

    width: 565px;

}



#df_qukuai .content {

    height: 230px;

    margin-bottom: 35px;

}



#df_qukuai .do_box .photo_box {

    overflow: hidden;

    width: 130px;

    display: block;

    float: left;

    margin-right: 8px;

}



#df_qukuai .do_box .nk_box {

    display: block;

    float: left;

    width: 140px;

}



#df_qukuai .do_box a {

    text-align: center;

    border-radius: 3px;

    padding: 0 20px 0 44px;

    height: 34px;

    line-height: 34px;

    display: block;

    font-size: 14px;

    color: #5b5b5c;

    border: 2px solid #dcdce0;

}



#df_qukuai .do_box a:hover {

    border: 2px solid #e23a53;

    color: #e23a53;

}



#df_qukuai .do_box .photo_box a {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_photo.png) 20px center no-repeat #f4f5f7;

    width: 60px;

}



#df_qukuai .do_box .nk_box a {

    width: 70px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_pic.png) 20px center no-repeat #f4f5f7;

}



#sy_team {}



#show_team .left {

    float: left;

}



#show_team .right {

    float: right;

}



#kf_js li .team_article {

    font-size: 12px;

    color: #777;

    display: none;

}



#show_team {

    display: block;

}



#show_team .team_article {

    display: table;

    height: 205px;

}



#show_team .content {

    display: table-cell;

    vertical-align: middle;

    width: 1100px;

}



#show_team .title {

    border-bottom: 1px solid #e1e2e5;

    padding-bottom: 15px;

    position: relative;

}



#show_team .title h1 {

    display: block;

    font-size: 22px;

    color: #636365;

}



#show_team .title i {

    background: #df203d;

    width: 36px;

    height: 3px;

    position: absolute;

    left: 0;

    bottom: -1px;

    z-index: 1;

}



#show_team .content h2 {

    padding-top: 20px;

    margin-bottom: 6px;

    font-size: 14px;

    color: #213a7d;

}



#show_team .content .text {

    font-size: 14px;

    line-height: 34px;

    color: #656565;

    position: relative;

    overflow: hidden;

}



#show_team .content .text .ar_article {

    height: 435px;

    overflow-y: scroll;

}



#show_team .content .text .bd {

    height: 430px;

    width: 765px;

    margin: 0 auto;

    overflow: hidden;

    border: 3px solid #CCC;

    margin-top: 10px;

}



#show_team .content .text .bd li {

    display: block;

    height: 430px;

    width: 765px;

    position: relative;

}



#show_team .content .text .bd li img {

    height: 430px;

    width: 765px;

    display: block;

}



#show_team .content .text .bd li h1 {

    position: absolute;

    z-index: 3;

    left: 0;

    bottom: 0;

    overflow: hidden;

    width: 725px;

    height: 40px;

    line-height: 40px;

    padding: 0 20px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #fff;

    font-size: 14px;

    text-align: center;

    display: block;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#AA000000', endColorstr='#AA000000');

    background: rgba(0, 0, 0, 0.67);

}



#show_team .content .text .bd li:hover h1 {}



#show_team .content .text .bnt {

    position: absolute;

    top: 50%;

    font-size: 22px;

    text-align: center;

    border: 2px solid #ccc;

    font-family: "SimSun";

    width: 30px;

    line-height: 30px;

    height: 30px;

    border-radius: 50%;

    color: rgb(100, 101, 102);

    text-transform: uppercase;

    margin-top: -17px;

    cursor: pointer;

}



#show_team .content .text .bnt:hover {

    color: #e23a53;

    border: 2px solid #e23a53;

}



#show_team .content .text .prev {

    position: absolute;

    left: 60px;

}



#show_team .content .text .next {

    position: absolute;

    right: 60px;

}



/*==========================================j_弹窗=============================================*/

#page_show_box {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    display: none;

    height: 100%;

    width: 100%;

}



#page_show_box .bg_box {

    position: fixed;

    z-index: 9994;

    top: 0px;

    display: none;

    height: 100%;

    width: 100%;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');

    background: rgba(0, 0, 0, 0.85);

}



#page_show_box .box {

    position: absolute;

    top: 50%;

    z-index: 9999;

    left: 50%;

    margin-left: -600px;

    margin-top: -300px;

}



#bnt_close {

    display: block;

    width: 40px;

    height: 40px;

    background: #e23a53;

    position: absolute;

    top: -40px;

    right: 20px;

    overflow: hidden;

    border-radius: 3px 3px 0 0;

}



#bnt_close .icon_box {

    display: block;

    width: 40px;

    height: 40px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_close_hover.png) center no-repeat;

    cursor: pointer;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#bnt_close:hover {}



#bnt_close:hover .icon_box {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

}



#page_show_box #page_ar {

    position: relative;

}



#page_show_box #page_ar .ar_box {

    border-radius: 5px;

    width: 1100px;

    height: 520px;

    padding: 40px 50px;

    background: #fff;

    position: relative;

}



#page_show_box #page_ar .ar_box .p {

    line-height: 30px;

    font-size: 14px;

    color: #686a6a;

    max-height: 540px;

    text-align: justify;

    overflow: hidden;

}



#page_show_box #page_ar .ar_box .title {

    font-size: 22px;

    color: #636365;

    display: block;

    margin-bottom: 20px;

}



#page_show_box #page_ar #ar_content {

    height: 90px;

    overflow: hidden;

}



.fix_nk_box {

    position: fixed;

    top: 0px;

    right: 0;

    z-index: 9999;

    display: none;

    width: 100%;

    height: 100%;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');

    background: rgba(0, 0, 0, 0.85);

}



.fix_nk_box .pic {

    position: absolute;

    top: 0%;

    left: 0;

    width: 100%;

    height: 100%;

}



.fix_nk_box .pic img {

    display: block;

    height: 100%;

    margin: 0 auto;

}



.toolbarDiv {

    position: absolute;

    top: 20px;

    left: 0;

    height: 30px;

    line-height: 30px;

    color: #fff;

    z-index: 2;

}



.toolbarDiv a {

    color: #fff;

    display: inline-block;

    border-radius: 2px;

    height: 30px;

    background: #333;

    text-decoration: none;

    font-size: 14px;

    padding: 0 15px;

}



.toolbarDiv a:hover {

    background: #e23a53;

    color: #fff;

}



.navigatorDiv {

    position: absolute;

    top: 20px;

    right: 20px;

    z-index: 3;

    border: 2px solid #fff;

}



#nkt1 {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



#nkt2 {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



/*=================产业资讯==================*/

#n_cy_news .up_box {

    padding-bottom: 60px;

}



#n_cy_news .up_box ul {

    margin: 0 -30px;

}



#n_cy_news .up_box li {

    width: 360px;

    position: relative;

    display: block;

    overflow: hidden;

    background: #f4f5f7;

    float: left;

    margin: 0 30px;

    box-shadow: 0 0 12px #ccc
}



#n_cy_news li .mark {

    display: none;

    position: absolute;

    right: 0;

    top: 0;

    width: 40px;

    height: 40px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_mark_news.png) center no-repeat;

}



#n_cy_news li.on .mark {

    display: block;

}



#n_cy_news .up_box li a {

    display: block;

    padding: 30px 30px 25px 30px;

}



#n_cy_news .up_box li .text_box {

    position: relative;

    margin-bottom: 30px;

}



#n_cy_news .up_box li h1 {

    margin-bottom: 15px;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #555557;

    font-size: 15px;

    display: block;

}



#n_cy_news .up_box li p {

    font-size: 12px;

    line-height: 22px;

    color: #9b9b9b
}



#n_cy_news .up_box li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#n_cy_news .up_box .date_box {

    position: relative;

}



#n_cy_news .up_box .date_box span {

    color: #a1a1a1;

    font-size: 12px;

}



#n_cy_news .up_box .date_box strong {

    padding-top: 12px;

    display: block;

    color: #9b9b9b;

    font-size: 20px;

    width: 60px;

    position: relative;

    border-top: 2px solid #adaeaf;

}



#n_cy_news .up_box .date_box strong i {

    display: block;

    height: 2px;

    background: #e23a53;

    position: absolute;

    left: 0;

    top: -2px;

    width: 0;

}



#n_cy_news .up_box .date_box span {

    position: absolute;

    right: 0px;

    top: 17px;

    color: #646566;

    opacity: .5;

    filter: alpha(opacity=57);

}



#n_cy_news .up_box .date_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#n_cy_news .up_box li:hover {}



#n_cy_news .up_box li:hover .date_box strong i {

    width: 60px;

}



#n_cy_news .up_box li h1:hover {

    color: #df203d;

}



/*=================page_产业资讯列表==================*/

#n_cy_news .un_box {

    background: #fff;

    padding: 0px 0;

    margin-bottom: -60px;

}



#n_cy_news .un_box .main_box {

    background: url(https://www.starkckg.com/static/style/pc/images/bg_cy_zx.png) repeat left top;

}



#n_cy_news .un_box ul {

    margin: 0 -30px;

}



#n_cy_news .un_box li {

    width: 360px;

    position: relative;

    display: block;

    float: left;

    padding: 30px;

}



#n_cy_news .un_box li a {

    display: block;

    padding: 30px 30px 25px 30px;

}



#n_cy_news .un_box li .text_box {

    position: relative;

    margin-bottom: 30px;

}



#n_cy_news .un_box li h1 {

    margin-bottom: 15px;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #555557;

    font-size: 15px;

    display: block;

}



#n_cy_news .un_box li p {

    font-size: 12px;

    line-height: 22px;

    color: #9b9b9b
}



#n_cy_news .un_box li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#n_cy_news .un_box .date_box {

    position: relative;

}



#n_cy_news .un_box .date_box span {

    color: #a1a1a1;

    font-size: 12px;

}



#n_cy_news .un_box .date_box strong {

    padding-top: 12px;

    display: block;

    color: #9b9b9b;

    font-size: 20px;

    width: 60px;

    position: relative;

    border-top: 2px solid #adaeaf;

}



#n_cy_news .un_box .date_box strong i {

    display: block;

    height: 2px;

    background: #e23a53;

    position: absolute;

    left: 0;

    top: -2px;

    width: 0;

}



#n_cy_news .un_box .date_box span {

    position: absolute;

    right: 0px;

    top: 17px;

    color: #646566;

    opacity: .5;

    filter: alpha(opacity=57);

}



#n_cy_news .un_box .date_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#n_cy_news .un_box li:hover a {

    box-shadow: 0 0 8px #ccc;

}



#n_cy_news .un_box li:hover .date_box strong i {

    width: 60px;

}



#n_cy_news .un_box li h1:hover {

    color: #df203d;

}



/*=================产业详情==================*/

#n_show_business {}



#n_show_business .up_box {

    height: 370px;

    overflow: hidden;

    padding-bottom: 60px;

}



#n_show_business .main_box {

    position: relative;

    height: 190px;

}



#n_show_business .n_article {

    margin-top: 20px;

    height: 330px;

    width: 440px;

    background: none;

}



#n_show_business .n_article .ar_title {

    margin: 0;

    padding-top: 0;

    padding-bottom: 10px;

    margin-bottom: 20px;

}



#n_show_business .n_article .ar_title h1 {

    color: #6f6f70;

    font-weight: 400;

    font-size: 22px;

}



#n_show_business .n_article .ar_article {

    height: 180px;

    padding: 0;

    margin: 0;

}



#n_show_business .n_article .ar_word {

    height: 20px;

    line-height: 20px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_biaoqian.png) left center no-repeat;

    padding-left: 30px;

    margin-bottom: 25px;

}



#n_show_business .n_article .ar_word span {

    font-size: 14px;

    color: #bbbbbe;

    padding-right: 25px;

}



#slide_business_photo {

    width: 675px;

    position: absolute;

    right: 0;

    top: 0;

}



#slide_business_photo .bnt {

    position: absolute;

    top: 50%;

    width: 38px;

    height: 38px;

    z-index: 3;

    margin-top: -19px;

    cursor: pointer;

    opacity: .5;

    filter: alpha(opacity=50);

}



#slide_business_photo:hover .bnt {

    opacity: .7;

    filter: alpha(opacity=70);

}



#slide_business_photo .bnt:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}



#slide_business_photo .prev {

    position: absolute;

    left: 20px;

}



#slide_business_photo .next {

    position: absolute;

    right: 20px;

}



/*=================相关产业==================*/

#n_show_business .un_box {

    background: #fff;

    padding: 60px 0;

    margin-bottom: -60px;

}



.cy_project {

    position: relative;

    height: 190px;

    overflow: hidden;

}



.cy_project .bnt {

    position: absolute;

    top: 50%;

    width: 38px;

    height: 38px;

    z-index: 3;

    margin-top: -19px;

    cursor: pointer;

    opacity: .5;

    filter: alpha(opacity=50);

}



.cy_project:hover .bnt {

    opacity: .7;

    filter: alpha(opacity=70);

}



.cy_project .bnt:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}



.cy_project .prev {

    position: absolute;

    left: -60px;

}



.cy_project .next {

    position: absolute;

    right: -60px;

}



.cy_project .bd {

    overflow: hidden;

}



.cy_project ul {

    margin-right: -25px;

}



.cy_project li {

    display: block;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

    width: 285px;

    height: 190px;

    overflow: hidden;

    background: #edeef0;

}



.cy_project li a {

    display: block;

    position: relative;

    border: 4px solid #edeef0;

    overflow: hidden;

}



.cy_project li a img {

    width: 285px;

    height: 182px;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    -moz-transform: scale(.8);

    -o-moz-transform: scale(.8);

    -o-moz-transform: scale(.8);

    -webkit-moz-transform: scale(.8);

    transform: scale(.8);

    opacity: 0;

    filter: alpha(opacity=0);

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



.cy_project li .text_box {

    padding: 45px 15px;

    text-align: center;

    position: relative;

    -moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -webkit-moz-transform: scale(1);

    transform: scale(1);

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



.cy_project li .text_box span {

    color: #7f7f82;

    display: block;

    font-size: 13px;

}



.cy_project li .text_box h1 {

    padding-top: 15px;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-weight: 700;

    font-size: 18px;

    color: #df203d;

    margin-bottom: 15px;

}



.cy_project li .text_box .more {

    margin: 20px auto 0 auto;

    display: block;

    width: 22px;

    height: 22px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_chanye.png) center no-repeat;

    margin-bottom: 10px;

}



.cy_project li:hover img {

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -webkit-moz-transform: scale(1);

    transform: scale(1);

}



/*==============员工风采=====================*/

#n_study ul {

    margin: -25px
}



#n_study li {

    width: 535px;

    height: 125px;

    padding: 35px 20px;

    border-bottom: 3px solid #fff;

    position: relative;

    display: block;

    overflow: hidden;

    background: #fff;

    float: left;

    margin: 15px 25px;

}



#n_study li a {

    display: block;

}



#n_study li .pic_box {

    position: absolute;

    left: 20px;

    top: 35px;

    background: #000;

    width: 180px;

    height: 125px;

    overflow: hidden
}



#n_study li .pic_box a {

    position: relative;

}



#n_study li .pic_box .mark {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    height: 40px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_mark_yg.png) center no-repeat;

}



#n_study li.on .pic_box .mark {

    display: block;

}



#n_study li img {

    width: 180px;

    height: 125px;

    display: block
}



#n_study li .text_box {

    position: relative;

    margin-left: 205px;

    margin-top: 10px;

}



#n_study li h1 {

    display: block;

    padding-bottom: 10px;

}



#n_study li h1 a {

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #535355;

    font-size: 15px;

    display: block;

}



#n_study li p {

    font-size: 12px;

    line-height: 19px;

    color: #909193
}



#n_study li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#n_study .fot_box {

    position: relative;

    height: 12px;

    line-height: 14px;

    margin-top: 20px;

}



#n_study .fot_box span {

    color: #a1a1a1;

    font-size: 12px;

}



#n_study .fot_box span.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time.png) left center no-repeat;

    padding-left: 20px;

}



#n_study .fot_box span.read {

    position: absolute;

    right: 20px;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read.png) left center no-repeat;

    padding-left: 20px;

}



#n_study .fot_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#n_study li:hover {

    border-bottom: 3px solid #cb1b36;

}



#n_study li h1 a:hover {

    color: #e23a53;

    text-decoration: none
}



#n_study li .fot_box a:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt_hover.png) right center no-repeat;

    color: #e23a53
}



/*

/*=================人才招聘==================*/

#n_hr {

    margin-top: -60px;

}



#n_hr .up_box {

    background: url(https://www.starkckg.com/static/style/pc/images/bg_dsj.jpg) center no-repeat;

    height: 285px;

}



#n_hr .up_box .main_box {

    padding: 60px 0;

}



#n_hr .up_box h1 {

    text-align: center;

    color: #676769;

    font-size: 22px;

    display: block;

    margin-bottom: 25px;

}



#n_hr .up_box img {

    display: block;

    margin: 0 auto 25px auto;

}



#n_hr .up_box p {

    font-size: 14px;

    color: #7f7f80;

    text-align: center;

    line-height: 26px;

}



#n_hr .un_box {

    margin-bottom: -60px;

    background: #fff;

    padding: 50px 0;

}



#n_hr .up a {

    display: block;

}



#n_hr .up {

    height: 300px;

    overflow: hidden;

}



#n_hr .up .left {

    width: 590px;

    height: 300px;

    overflow: hidden;

    position: relative;

}



#n_hr .up .left .pic_box img {

    width: 590px;

    height: 300px;

}



#n_hr .up .left .title {

    position: absolute;

    left: 35px;

    top: 45px;

}



#n_hr .up .md {

    float: left;

    width: 295px;

    margin-left: 10px;

}



#n_hr .up .md img.icon {

    display: block;

    margin: 0 auto;

    padding-top: 43px;

    margin-bottom: 10px;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#n_hr .up .md h1 {

    display: block;

    text-align: center;

    font-size: 15px;

    font-weight: 700;

    color: #fff;

}



#n_hr .up .down_box {

    background: url(https://www.starkckg.com/static/style/pc/images/pic_hr_an1.png) center #eb445e;

    height: 145px;

    margin-bottom: 10px;

}



#n_hr .up .hr_box {

    background: url(https://www.starkckg.com/static/style/pc/images/pic_hr_an2.png) center #696a71;

    height: 145px;

}



#n_hr .up .md a:hover img.icon {

    padding-top: 38px;

}



#n_hr .up .right {

    padding: 25px;

    padding-top: 15px;

    background: #f4f5f7;

    width: 245px;

    overflow: hidden;

    height: 265px;

}



#n_hr .up .right .bd {

    overflow: hidden;

}



#n_hr .up .right li {

    border-bottom: 1px solid #e5e6e9;

    padding-left: 10px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_dd.png) left center no-repeat;

    height: 38px;

    position: relative;

    display: block;

    line-height: 38px;

}



#n_hr .up .right li a {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

    color: #646466;

}



#n_hr .up .right li span {

    position: absolute;

    right: 0;

    top: 0;

    line-height: 38px;

    font-size: 12px;

    color: #9f9fa0;

}



#n_hr .up .right li a:hover {

    color: #df203d;

}



#n_hr .un {

    margin-top: 50px;

}



#n_hr .un .title {

    margin-bottom: 25px;

    position: relative;

    border-top: 1px solid #e8e9ec;

    padding-top: 35px;

}



#n_hr .un .title .line {

    background: #df203d;

    width: 65px;

    height: 4px;

    position: absolute;

    left: 0;

    top: -4px;

    z-index: 1;

}



#n_hr .un .title h1 {

    font-size: 15px;

    font-weight: 700;

    color: #555658;

}



/*==========================================j_弹窗=============================================*/

#page_hr_box {

    position: fixed;

    z-index: 9995;

    top: 0;

    left: 0;

    display: none;

    height: 100%;

    width: 100%;

}



#page_hr_box .bg_box {

    position: fixed;

    z-index: 9994;

    top: 0px;

    display: none;

    height: 100%;

    width: 100%;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');

    background: rgba(0, 0, 0, 0.85);

}



#page_hr_box .box {

    position: absolute;

    top: 50%;

    z-index: 9999;

    left: 50%;

    margin-left: -355px;

    margin-top: -235px;

}



#page_hr_box .video_box {}



#page_hr_box #bnt_close {

    display: block;

    width: 35px;

    height: 35px;

    position: absolute;

    top: 20px;

    right: 20px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_close.png) center no-repeat;

}



#page_hr_box #bnt_close img {

    display: block;

    position: absolute;

    left: 0px;

    top: 0px;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#page_hr_box #bnt_close:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_close_on.png) center no-repeat;

}



#page_hr_box #page_ar {

    width: 710px;

    position: relative;

}



#page_hr_box #page_ar .ar_box {

    border-radius: 5px;

    width: 630px;

    height: 440px;

    padding: 30px 40px;

    background: #fff;

    position: relative;

}



#page_hr_box #page_ar .ar_box .p {

    line-height: 30px;

    font-size: 14px;

    color: #686a6a;

    max-height: 540px;

    text-align: justify;

    overflow: hidden;

}



#page_hr_box #page_ar .ar_box .title {

    font-size: 18px;

    color: #686a6a;

    display: block;

    margin-bottom: 10px;

}



#page_hr_box #page_ar #ar_content {

    height: 90px;

    overflow: hidden;

}



#job_form {

    width: 602px;

    margin: 0 auto;

}



#job_form h1 {

    display: block;

    text-align: center;

    color: #737373;

    margin-bottom: 25px;

    padding-top: 25px;

}



#job_form h1 strong {

    font-weight: bold;

    font-size: 18px;

}



#job_form form {

    margin-right: -20px;

}



#job_form .text {

    width: 259px;

    padding: 0 15px;

    height: 34px;

    line-height: 34px;

    background: none;

    border: 1px solid #c1c1c1;

    font-size: 14px;

    color: #474949;

    margin: 0 20px 20px 0;

    float: left;

}



#job_form textarea {

    display: block;

    height: 160px;

    resize: none;

    margin-bottom: 20px;

    background: none;

    border: 1px solid #c1c1c1;

    width: 560px;

    padding: 10px 15px;

    font-size: 14px;

    color: #474949;

    line-height: 20px;

}



#job_form .hr_form_fot {

    position: relative;

}



#job_form .text:focus {

    border: 1px solid #f67b8e;

}



#job_form textarea:focus {

    border: 1px solid #f67b8e;

}



#job_form .submit {

    background: #e23a53;

    position: absolute;

    bottom: 0px;

    right: 20px;

    font-size: 14px !important;

    border: 0;

    border-radius: 2px;

    height: 28px !important;

    color: #fff;

    line-height: 28px !important;

    width: 100px;

    cursor: pointer;

}



#job_form .submit:hover {

    color: #fff;

    border-radius: 3px;

}



#job_form .file_box {

    position: relative;

    padding-left: 60px;

    line-height: 28px;

    font-size: 14px;

}



/*#job_form  .file_box input[type="file"]{ opacity:0; filter:alpha(opacity=0); cursor:pointer;}*/

#job_form .file_box .f_box {

    position: relative;

}



#job_form .file_box input[type="file"] {

    cursor: pointer;

}



#job_form .file_box strong {

    position: absolute;

    left: 0;

    top: 3px;

    color: #727272;

}



#job_form .file_box .bnt_file {

    text-align: center;

    height: 28px;

    line-height: 28px;

    color: #fff;

    font-size: 12px;

    width: 85px;

    cursor: pointer;

    margin-left: 5px;

    background: #a9a9a9;

    border-radius: 2px;

    position: absolute;

    left: 0px;

    top: 3px;

}



#job_form .f_box input {}



#job_form .file_box #jianli {

    width: 80px !important;

    height: 28px !important;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

    position: absolute;

    left: 95px;

    top: 3px;

}



#job_form .file_box #jianli:hover .bnt_file {

    background: #10578e;

    color: #fff;

}



/*=================招聘公告=================*/

#hr_slide .bd {

    overflow: hidden;

}



#hr_slide ul {

    margin: 0 -35px
}



#hr_slide li {

    width: 512px;

    height: 105px;

    padding: 35px 25px;

    margin: 0 20px 0 20px;

    border: 1px solid #dedee2;

    position: relative;

    display: block;

    overflow: hidden;

    background: #f4f5f7;

    float: left;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#hr_slide li a {

    display: block;

}



#hr_slide li img {

    width: 180px;

    height: 125px;

    display: block
}



#hr_slide li .text_box {

    position: relative;

    margin-left: 205px;

    margin-top: 10px;

}



#hr_slide li h1 {

    display: block;

    padding-bottom: 10px;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #404142;

    font-size: 15px;

    display: block;

}



#hr_slide li p {

    font-size: 12px;

    line-height: 20px;

    color: #8a8b8d
}



#hr_slide li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#hr_slide .fot_box {

    position: relative;

    height: 12px;

    line-height: 14px;

    margin-top: 20px;

}



#hr_slide .fot_box span {

    color: #c5c5c7;

    font-size: 12px;

}



#hr_slide .fot_box span.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time.png) left center no-repeat;

    padding-left: 20px;

}



#hr_slide .fot_box span.read {

    position: absolute;

    right: 20px;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read.png) left center no-repeat;

    padding-left: 20px;

}



#hr_slide .fot_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#hr_slide li:hover {

    border: 1px solid #cb1b36;

    background: #cb1b36;

}



#hr_slide li:hover h1 {

    color: #fff;

}



#hr_slide li h1:hover {}



#hr_slide li:hover p {

    color: #fff;

    opacity: .83;

    filter: alpha(opacity=83);

}



#hr_slide li:hover .fot_box span {

    color: #fff;

}



#hr_slide li:hover .fot_box span.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time_bs.png) left center no-repeat;

    padding-left: 20px;

}



#hr_slide li:hover .fot_box span.read {

    position: absolute;

    right: 20px;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read_bs.png) left center no-repeat;

    padding-left: 20px;

}



#hr_slide li .fot_box a:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt_hover.png) right center no-repeat;

    color: #e23a53
}



#hr_slide .hd {

    position: absolute;

    right: 0;

    bottom: 0px;

}



#hr_slide .bnt {

    display: inline-block;

    margin-left: 10px;

    border-radius: 50%;

    width: 20px;

    text-align: center;

    height: 20px;

    line-height: 20px;

    font-size: 12px;

    font-family: "SimSun";

    color: #767677;

    background: #e3e3e8;

}



#hr_slide .bnt:hover {

    background: #df203d;

    color: #fff;

}



/*=================下属企业==================*/

#n_underling {}



#n_underling .title {

    position: relative;

    margin-bottom: 50px;

}



#n_underling .title .line {

    background: #dadadd;

    width: 100%;

    height: 1px;

    position: absolute;

    left: 0;

    top: 43px;

    z-index: 3;

}



#n_underling .title .border_box {

    position: relative;

    z-index: 3;

    display: inherit;

    text-align: center;

    padding-top: 15px;

    background: url(https://www.starkckg.com/static/style/pc/images/bg_undering.png) center top no-repeat #ffffff;

    margin: 0 auto;

    width: 469px;

}



#n_underling .title .box {

    display: inline-block;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_qy2.png) left center no-repeat;

    padding-left: 50px;

}



#n_underling .title h1 {

    color: #696a6c;

    font-size: 16px;

}



#n_underling .title strong {

    display: block;

    font-size: 12px;

    color: #696a6c;

}



#n_underling .up_box {

    padding-bottom: 80px;

    background: #fff;

    padding-top: 60px;

}



#n_underling .up_box .bd {

    overflow: hidden;

    height: 215px;

}



#n_underling .up_box ul {

    margin-right: -25px;

}



#n_underling .up_box li {

    display: block;

    float: left;

    margin-right: 18px;

    width: 390px;

    height: 215px;

    overflow: hidden;

    background: #f4f5f7;

}



#n_underling .up_box li a {

    display: block;

    position: relative;

}



#n_underling .up_box li a img {

    width: 390px;

    height: 215px;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    opacity: 0;

    filter: alpha(opacity=0);

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#n_underling .up_box li .text_box {

    padding: 45px 15px;

    text-align: center;

    position: relative;

    -moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -webkit-moz-transform: scale(1);

    transform: scale(1);

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#n_underling .up_box li .text_box span {

    color: #78787b;

    font-weight: 700;

    display: block;

    font-size: 13px;

}



#n_underling .up_box li .text_box h1 {

    display: block;

    font-weight: 700;

    font-size: 18px;

    color: #df203d;

    margin-bottom: 15px;

}



#n_underling .up_box li .text_box h2 {

    display: block;

    font-size: 28px;

    color: #78787b;

    margin-bottom: 10px;

}



#n_underling .up_box li .text_box p {

    padding-top: 5px;

    font-size: 13px;

    color: #78787b;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#n_underling .up_box li:hover img {

    opacity: 1;

    filter: alpha(opacity=100);

}



#n_underling .up_box li:hover .text_box {

    opacity: 0;

    filter: alpha(opacity=0);

}



#n_underling .bnt {

    position: absolute;

    top: 50%;

    width: 38px;

    height: 38px;

    z-index: 3;

    margin-top: -19px;

    cursor: pointer;

}



#n_underling .bnt:hover {}



#n_underling .prev {

    position: absolute;

    left: -85px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_contact_prev.png) center no-repeat;

}



#n_underling .next {

    position: absolute;

    right: -85px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_contact_next.png) center no-repeat;

}



#n_underling:hover .prev {

    opacity: 1;

    filter: alpha(opacity=100);

}



#n_underling:hover .next {

    opacity: 1;

    filter: alpha(opacity=100);

}



#n_underling .un_box {

    /* background: #fff; */

    padding: 80px 0;

    margin-bottom: -60px;

    padding-top: 0;

}



#n_underling .un_box .title .border_box {

    background: url(https://www.starkckg.com/static/style/pc/images/bg_undering.png) center top no-repeat #f4f5f7;

}



#n_underling .un_box .title .box {

    display: inline-block;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_qy2.png) left center no-repeat;

    padding-left: 50px;

}



#n_underling .un_box ul {

    margin-right: -25px;

}



#n_underling .un_box li {

    display: block;

    float: left;

    margin-bottom: 30px;

    margin-right: 18px;

    width: 390px;

    height: 215px;

    overflow: hidden;

    background: #ffffff;

}



#n_underling .un_box li a {

    display: block;

    width: 390px;

    height: 215px;

    position: relative;

}



#n_underling .un_box li .text_box {

    padding: 45px 15px;

    text-align: center;

    position: relative;

    -moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -o-moz-transform: scale(1);

    -webkit-moz-transform: scale(1);

    transform: scale(1);

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#n_underling .un_box li .text_box span {

    color: #78787b;

    font-weight: 700;

    display: block;

    font-size: 13px;

}



#n_underling .un_box li .text_box h1 {

    display: block;

    font-weight: 700;

    font-size: 18px;

    color: #df203d;

    margin-bottom: 15px;

}



#n_underling .un_box li .text_box h2 {

    display: block;

    font-size: 28px;

    color: #78787b;

    margin-bottom: 10px;

}



#n_underling .un_box li .text_box p {

    padding-top: 5px;

    font-size: 13px;

    color: #78787b;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#n_underling .un_box .icon_box {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



#n_underling .un_box .icon_box {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



#n_underling .un_box .icon_box::before,

#n_underling .un_box .icon_box::after {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



#n_underling .un_box .icon_box::before {

    border-top: 3px solid #e23a53;

    border-bottom: 3px solid #e23a53;

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#n_underling .un_box .icon_box::after {

    border-right: 3px solid #e23a53;

    border-left: 3px solid #e23a53;

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#n_underling .un_box a:hover .icon_box::before,

#n_underling .un_box a:hover .icon_box::after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



/*=================下属企业详情==================*/

#n_show_underling {

    margin-bottom: -60px;

}



#n_show_underling .up_box {

    padding-bottom: 60px;

}



#n_show_underling .un_box {

    background: #fff;

    padding: 60px 0 30px 0;

}



#n_show_underling .un_box .main_box {

    background: url(https://www.starkckg.com/static/style/pc/images/pic_map_business.jpg) left top no-repeat;

}



#n_show_underling .un_box .box {

    margin-left: 370px;

    padding: 40px 0;

}



#n_show_underling .un_box .title {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 20px;

    border-bottom: 1px solid #f4f5f7;

}



#n_show_underling .un_box .title h1 {

    font-size: 15px;

    color: #5c5d5e;

}



#n_show_underling .un_box .title strong {

    color: #df203d;

    font-size: 30px;

    text-transform: uppercase;

}



#n_show_underling .un_box .title a {

    position: absolute;

    right: 0;

    bottom: 15px;

    display: block;

    height: 20px;

    line-height: 20px;

    padding-left: 20px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_qwdt.png) left center no-repeat;

    color: #5c5d5e;

    font-size: 12px;

}



#n_show_underling .un_box .title a:hover {

    color: #df203d;

}



#n_show_underling .un_box .content {

    background: url(https://www.starkckg.com/static/style/pc/images/mark_logo.png) right center no-repeat;

}



/*==============员工风采=====================*/

#n_staff ul {

    margin: -19px
}



#n_staff li {

    width: 375px;

    position: relative;

    display: block;

    overflow: hidden;

    background: #fff;

    float: left;

    margin: 18.5px;

    padding-bottom: 20px
}



#n_staff li a {

    display: block
}



#n_staff li .pic_box {

    position: relative;

    background: #000;

    width: 375px;

    height: 220px;

    overflow: hidden
}



#n_staff li .pic_box a {

    position: relative;

}



#n_staff li .pic_box .mark {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    height: 40px;

    z-index: 9;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_mark_yg.png) center no-repeat;

}



#n_staff li.on .pic_box .mark {

    display: block;

}



#n_staff li img {

    width: 375px;

    height: 220px;

    display: block
}



#n_staff li .text_box {

    position: relative;

    padding: 20px 20px 10px 20px;

}



#n_staff li h1 {

    border-bottom: 1px solid #edeeee;

    display: block;

    padding-bottom: 10px;

}



#n_staff li h1 a {

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #555557;

    font-size: 16px;

    display: block;

}



#n_staff li p {

    font-size: 12px;

    line-height: 18px;

    color: #939395
}



#n_staff li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#n_staff .fot_box {

    position: relative;

    height: 12px;

    line-height: 14px;

    padding: 0 20px
}



#n_staff .fot_box span {

    color: #a1a1a1;

    font-size: 12px;

}



#n_staff .fot_box span.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time.png) left center no-repeat;

    padding-left: 20px;

}



#n_staff .fot_box span.read {

    position: absolute;

    right: 20px;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read.png) left center no-repeat;

    padding-left: 20px;

}



#n_staff .fot_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#n_staff li:hover {

    box-shadow: 0 0 12px #aaa
}



#n_staff li h1 a:hover {

    color: #e23a53;

    text-decoration: none
}



#n_staff li .fot_box a:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt_hover.png) right center no-repeat;

    color: #e23a53
}



/*==============党群工作=====================*/

#n_party .up_box {

    padding-bottom: 55px;

}



#n_party .up_box ul {

    margin-right: -50px;

}



#n_party .up_box li {

    position: relative;

    padding-left: 245px;

    margin-right: 50px;

    width: 330px;

    height: 170px;

    float: left;

}



#n_party .up_box li .pic_box {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 245px;

    height: 170px;

    overflow: hidden;

}



#n_party .up_box li .pic_box img {

    display: block;

    width: 245px;

    height: 170px;

}



#n_party .up_box li .text_box {

    padding: 35px 25px;

    position: relative;

    border: 2px solid #dedee2;

    height: 96px;

}



#n_party .up_box li .text_box span {

    color: #807f85;

    display: block;

    font-size: 12px;

}



#n_party .up_box li .text_box a {

    display: block;

    font-size: 15px;

    color: #404142;

    margin-bottom: 13px;

}



#n_party .up_box li .text_box p {

    line-height: 20px;

    height: 40px;

    overflow: hidden;

    padding-top: 13px;

    font-size: 12px;

    color: #818283;

}



#n_party .up_box li:hover {

    background: #fff;

}



#n_party .up_box li .text_box a:hover {

    color: #df203d;

}



#n_party .un_box {

    background: #fff;

    margin-bottom: -60px;

    padding: 55px 0;

}



#n_party .un_box li {

    position: relative;

    height: 150px;

    display: block;

    background: #fff;

    border-bottom: 1px solid #eaebef;

}



#n_party .date_box {

    position: absolute;

    left: 0px;

    display: block;

    top: 35px;

    height: 76px;

    width: 90px;

    border: 2px solid #eaebef;

    background: #fff;

}



#n_party .date_box strong {

    display: block;

    text-transform: uppercase;

    font-size: 36px;

    color: #747678;

    text-align: center;

    margin: 10px 0px 0px;

}



#n_party .date_box span {

    display: block;

    text-transform: uppercase;

    color: #88888a;

    font-size: 12px;

    text-align: center;

}



#n_party .un_box .text_box {

    margin-left: 47px;

    padding: 35px 30px;

    padding-left: 80px;

    height: 80px;

}



#n_party .un_box .text_box a {

    display: block;

    margin-bottom: 17px;

    font-size: 16px;

    color: #434345;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#n_party .un_box .text_box p {

    color: #9c9f9f;

    font-size: 12px;

    line-height: 20px;

}



#n_party .un_box li:hover {

    border-bottom: 1px solid #fff;

}



#n_party .un_box li:hover .date_box {

    background: #df203d;

    border: 2px solid #df203d;

    top: 35px;

}



#n_party .un_box li:hover .date_box strong {

    color: #fff;

}



#n_party .un_box li:hover .date_box span {

    color: #fff;

}



#n_party .un_box li:hover .text_box {

    background: #f4f5f7;

}



#n_party .un_box li:hover .text_box a {

    color: #d83648;

}



/*=====================专题页面=====================*/

#page_zhuanti .up_box {

    background: url(https://www.starkckg.com/static/style/pc/images/bg_zhuanti.jpg) center repeat;

    padding: 60px 0;

    margin-top: -60px;

}



#page_zhuanti .un_box {

    background: #fff;

    padding: 60px 0;

    margin-bottom: -60px;

}



#banner_zt {

    background: #fff;

    border: 10px solid #fff;

    border-bottom: 0;

    padding-bottom: 3px;

    margin-top: 60px;

    overflow: hidden;

}



#banner_zt .bd {

    height: 440px;

    overflow: hidden;

}



#banner_zt .bd li a {

    display: block;

}



#banner_zt .bd li img {

    display: block;

    width: 1180px;

    height: 440px;

}



#banner_zt .hd ul {}



#banner_zt .hd li {

    display: block;

    float: left;

    position: relative;

    width: 33.333333%;

    text-align: center;

    background: url(https://www.starkckg.com/static/style/pc/images/line_zt.png) left center no-repeat;

}



#banner_zt .hd li:first-child {

    background: none;

}



#banner_zt .hd li a {

    display: block;

    padding: 0 20px;

}



#banner_zt .hd li a h1 {

    height: 45px;

    width: 100%;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 45px;

    font-size: 14px;

    color: #656567;

    text-align: center;

}



#banner_zt .hd li a i {

    display: block;

    position: absolute;

    left: 0;

    bottom: -3px;

    height: 3px;

    background: #df203d;

    width: 0;

    opacity: 1;

    filter: alpha(opacity=100);

}



#banner_zt .hd li.on a i {

    width: 100%;

    -moz-transition: all 6s ease-in-out;

    -webkit-transition: all 6s ease-in-out;

    -o-transition: all 6s ease-in-out;

    -ms-transition: all 6s ease-in-out;

    transition: all 6s ease-in-out;

}



#banner_zt .hd li a h1:hover {

    color: #e23a53;

}



#page_zhuanti .un_box ul {

    margin: -19px
}



#page_zhuanti .un_box li {

    width: 370px;

    border: 3px solid #e8eaec;

    position: relative;

    display: block;

    overflow: hidden;

    background: #e8eaec;

    float: left;

    margin: 18px;

}



#page_zhuanti .un_box li a {

    display: block
}



#page_zhuanti .un_box li .pic_box {

    position: relative;

    background: #000;

    width: 370px;

    height: 165px;

    overflow: hidden
}



#page_zhuanti .un_box li .pic_box a {

    position: relative;

}



#page_zhuanti .un_box li .pic_box .mark {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    height: 40px;

    z-index: 9;

}



#page_zhuanti .un_box li .pic_box .mark.mark_wq {

    background: url(https://www.starkckg.com/static/style/pc/images/mark_zt_wq.png) center no-repeat;

}



#page_zhuanti .un_box li .pic_box .mark.mark_jx {

    background: url(https://www.starkckg.com/static/style/pc/images/mark_zt_jx.png) center no-repeat;

}



#page_zhuanti .un_box li.wq_on .pic_box .mark.mark_wq {

    display: block;

}



#page_zhuanti .un_box li.jx_on .pic_box .mark.mark_jx {

    display: block;

}



#page_zhuanti .un_box li img {

    width: 370px;

    height: 165px;

    display: block
}



#page_zhuanti .un_box li .text_box {

    position: relative;

    padding: 0px 20px 0px 20px;

}



#page_zhuanti .un_box li h1 {

    display: block;

}



#page_zhuanti .un_box li h1 a {

    height: 46px;

    line-height: 46px;

    text-align: center;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #565658;

    font-size: 15px;

    display: block;

}



#page_zhuanti .un_box li p {

    font-size: 12px;

    line-height: 18px;

    color: #939395
}



#page_zhuanti .un_box li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#page_zhuanti .un_box li:hover {

    background: #fff;

}



#page_zhuanti .un_box li h1 a:hover {

    color: #e23a53;

    text-decoration: none
}



/*=====================联系我们=====================*/

#n_contact .up_box {

    padding-bottom: 50px;

}



#n_contact .up_box .main_box {

    height: 275px;

    position: relative;

    background: url(https://www.starkckg.com/static/style/pc/images/bg_map.png) right bottom no-repeat #fff;

}



#n_contact .up_box .pic_box {

    position: absolute;

    left: 0;

    top: 0;

    width: 455px;

    overflow: hidden;

    height: 275px;

}



#n_contact .up_box .pic_box img {

    width: 455px;

    height: 275px;

}



#n_contact .up_box .text_box {

    padding-left: 505px;

    height: 275px;

    display: table;

}



#n_contact .up_box .text_box .ar_article {

    padding-top: 5px;

    display: table-cell;

    vertical-align: middle;

}



#n_contact .up_box .text_box .ar_article p {

    padding-bottom: 5px;

}



#bnt_map {

    position: absolute;

    right: 53px;

    display: block;

    bottom: 50px;

    width: 23px;

    height: 35px;

}



/*=====================联系我们=====================*/

#n_contact .un_box {

    padding: 60px 0 80px 0;

    background: #fff;

    margin-bottom: -60px;

}



#n_contact .un_box .bd {

    overflow: hidden;

    height: 460px;

}



#n_contact .un_box ul {

    margin-right: -35px;

}



#n_contact .un_box li {

    display: block;

    float: left;

    margin-right: 30px;

    margin-bottom: 35px;

    width: 378px;

    height: 210px;

    border: 1px solid #dadadd;

    overflow: hidden;

    background: #f4f5f7;

}



#n_contact .un_box li .text_box {

    padding: 25px 20px;

    text-align: center;

    position: relative;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#n_contact .un_box li .text_box span {

    color: #78787b;

    font-weight: 700;

    display: block;

    font-size: 13px;

}



#n_contact .un_box li .text_box h1 {

    position: relative;

    display: block;

    text-align: left;

    border-bottom: 1px solid #dfe0e2;

    padding-bottom: 22px;

    font-size: 16px;

    color: #525354;

    margin-bottom: 15px;

}



#n_contact .un_box li .text_box .line {

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    width: 36px;

    background: #df203d;

}



#n_contact .un_box li .text_box p {

    font-size: 13px;

    color: #757576;

    display: block;

    line-height: 24px;

    text-align: left;

}



#n_contact .un_box li:hover {

    background: #fff;

}



#n_contact .un_box .bnt {

    position: absolute;

    top: 50%;

    width: 38px;

    height: 38px;

    z-index: 3;

    margin-top: -19px;

    cursor: pointer;

}



#n_contact .un_box .bnt:hover {}



#n_contact .un_box .prev {

    position: absolute;

    left: -85px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_contact_prev.png) center no-repeat;

}



#n_contact .un_box .next {

    position: absolute;

    right: -85px;

    background: url(https://www.starkckg.com/static/style/pc/images/bnt_contact_next.png) center no-repeat;

}



#n_contact .un_box:hover .prev {

    opacity: 1;

    filter: alpha(opacity=100);

}



#n_contact .un_box:hover .next {

    opacity: 1;

    filter: alpha(opacity=100);

}



/*=====================新闻中心=====================*/





/*=====================推介图片新闻================*/

#hot_pic_news a {

    position: relative;

    display: block;

    border: 2px solid #dedee2;

    padding-left: 500px;

    height: 315px;

    overflow: hidden;

}



#hot_pic_news .pic_box {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    border-right: 4px solid #dedee2;

    width: 470px;

    height: 315px;

    overflow: hidden;

}



#hot_pic_news .pic_box img {

    display: block;

    width: 470px;

    height: 315px;

}



#hot_pic_news .text_box {

    padding: 55px 30px 0 0;

    position: relative;

}



#hot_pic_news .text_box h1 {

    font-size: 16px;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

    font-weight: 700;

    color: #4c4c4f;

}



#hot_pic_news .text_box span.more {

    margin-top: 30px;

    background: #df203d;

    color: #fff;

    display: block;

    font-size: 12px;

    height: 32px;

    line-height: 32px;

    width: 95px;

    text-align: center;

}



#hot_pic_news .text_box p {

    line-height: 22px;

    height: 66px;

    overflow: hidden;

    margin-top: 20px;

    font-size: 12px;

    color: #505159;

    opacity: .74;

    filter: alpha(opacity=74);

}



#hot_pic_news a:hover {

    background: #fff;

}



#hot_pic_news .text_box h1:hover {

    color: #df203d;

}



#hot_pic_news .text_box span:hover {

    border-radius: 16px;

}



/*=====================推介文字新闻================*/

#hot_text_news {}



#hot_text_news li {

    margin-bottom: 20px;

    margin-bottom: 17px;

    display: block;

    position: relative;

    height: 117px;

    overflow: hidden;

    border: 2px solid #dedee2;

    padding: 15px 30px;

}



#hot_text_news li .text_box {

    position: relative;

    margin-top: 10px;

}



#hot_text_news li h1 {

    display: block;

    padding-bottom: 10px;

}



#hot_text_news li h1 a {

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #404142;

    font-size: 15px;

    display: block;

}



#hot_text_news li p {

    font-size: 12px;

    line-height: 19px;

    color: #8a8b8d;

    height: 38px;

    overflow: hidden;

}



#hot_text_news li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#hot_text_news .fot_box {

    position: relative;

    height: 12px;

    line-height: 14px;

    margin-top: 20px;

}



#hot_text_news .fot_box span {

    color: #a1a1a1;

    font-size: 12px;

}



#hot_text_news .fot_box span.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time.png) left center no-repeat;

    padding-left: 20px;

}



#hot_text_news .fot_box span.read {

    position: absolute;

    right: 20px;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read.png) left center no-repeat;

    padding-left: 20px;

}



#hot_text_news .fot_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#hot_text_news li:hover {

    border-bottom: 2px solid #cb1b36;

    background: #fff;

}



#hot_text_news li h1 a:hover {

    color: #e23a53;

    text-decoration: none
}



#hot_text_news li .fot_box a:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt_hover.png) right center no-repeat;

    color: #e23a53
}



#hot_text_news li .mark {

    display: none;

    position: absolute;

    right: 0;

    top: 0;

    width: 40px;

    height: 40px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_mark_news.png) center no-repeat;

}



#hot_text_news li.on .mark {

    display: block;

}



/*=====================新闻列表================*/

#list_news {

    background: #fff;

    padding: 50px 0;

    margin-bottom: -60px;

}



#list_news ul {}



#list_news li {

    height: 145px;

    padding: 30px 0;

    position: relative;

    display: block;

    overflow: hidden;

}



#list_news li .main_box {}



#list_news li a {

    display: block;

}



#list_news li .pic_box {

    position: absolute;

    left: 0px;

    top: 0px;

    background: #000;

    width: 220px;

    height: 145px;

    overflow: hidden
}



#list_news li .pic_box a {

    position: relative;

}



#list_news li img {

    width: 218px;

    height: 143px;

    display: block;

    border: 1px solid #e9eaec;

}



#list_news li .text_box {

    position: relative;

    margin-left: 265px;

}



#list_news li h1 {

    display: block;

    padding-bottom: 15px;

    padding-top: 17px;

}



#list_news li h1 a {

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #535355;

    font-size: 16px;

    color: #434345;

    display: block;

}



#list_news li p {

    font-size: 12px;

    line-height: 20px;

    color: #9c9f9f;

    height: 40px;

    overflow: hidden;

}



#list_news li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#list_news .fot_box {

    position: relative;

    height: 12px;

    line-height: 14px;

    margin-top: 20px;

}



#list_news .fot_box span {

    color: #979798;

    font-size: 12px;

    opacity: .65;

    filter: alpha(opacity=65);

}



#list_news .fot_box span.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time.png) left center no-repeat;

    padding-left: 20px;

}



#list_news .fot_box span.read {

    position: absolute;

    left: 120px;

    top: -2px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read.png) left center no-repeat;

    padding-left: 20px;

    color: #979798;

}



#list_news .fot_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#list_news li:hover {

    background: #f4f5f7;

}



#list_news li h1 a:hover {

    color: #e23a53;

    text-decoration: none
}



#list_news li .fot_box a:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt_hover.png) right center no-repeat;

    color: #e23a53
}



/*==============工作动态=====================*/

#n_news.n_dt #hot_pic_news .text_box {

    padding: 40px 28px 0 0;

}



#n_news.n_dt #hot_pic_news .text_box .time_box {

    position: relative;

    margin-top: 10px;

}



#n_news.n_dt #hot_pic_news .text_box .time_box span {

    color: #c5c5c7;

    font-size: 12px;

}



#n_news.n_dt #hot_pic_news .text_box .time_box span.author {

    position: absolute;

    right: 0px;

    top: -2px;

}



#n_news.n_dt #hot_text_news .fot_box span.author {

    position: absolute;

    right: 0px;

    top: -2px;

    color: #979798;

    opacity: .65;

    filter: alpha(opacity=65);

}



#list_news .fot_box span.author {

    position: absolute;

    left: 120px;

    top: -2px;

    color: #979798;

    opacity: .65;

    filter: alpha(opacity=65);

}



/*==============公示公告=====================*/

#n_notice .up_box {

    padding-bottom: 50px;

}



#n_notice .up_box .left {

    width: 725px;

}



#n_notice .up_box .right {

    width: 450px;

}



#list_notice {

    background: #fff;

    padding: 50px 0;

    margin-bottom: -60px;

}



#list_notice ul {

    margin: -15px -35px
}



#list_notice li {

    width: 512px;

    height: 105px;

    padding: 35px 25px;

    margin: 15px 35px;

    border: 1px solid #dedee2;

    position: relative;

    display: block;

    overflow: hidden;

    background: #f4f5f7;

    float: left;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_mark_news_logo.png) 550px 15px no-repeat;

}



#list_notice li a {

    display: block;

}



#list_notice li img {

    width: 180px;

    height: 125px;

    display: block
}



#list_notice li .text_box {

    position: relative;

    margin-left: 205px;

    margin-top: 10px;

}



#list_notice li h1 {

    display: block;

    padding-bottom: 10px;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #404142;

    font-size: 15px;

    display: block;

}



#list_notice li p {

    font-size: 12px;

    line-height: 20px;

    color: #8a8b8d
}



#list_notice li span {

    margin-top: 2px;

    display: block;

    font-size: 12px;

    color: #5c5c5d
}



#list_notice .fot_box {

    position: relative;

    height: 12px;

    line-height: 14px;

    margin-top: 20px;

}



#list_notice .fot_box span {

    color: #c5c5c7;

    font-size: 12px;

}



#list_notice .fot_box span.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time.png) left center no-repeat;

    padding-left: 20px;

}



#list_notice .fot_box span.read {

    position: absolute;

    right: 20px;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read.png) left center no-repeat;

    padding-left: 20px;

}



#list_notice .fot_box a {

    display: block;

    color: #a1a1a1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt.png) right center no-repeat;

    padding-right: 20px
}



#list_notice li:hover {

    border: 1px solid #cb1b36;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_mark_news_logo.png) 500px 15px no-repeat #cb1b36;

}



#list_notice li:hover h1 {

    color: #fff;

}



#list_notice li h1:hover {}



#list_notice li:hover p {

    color: #fff;

    opacity: .83;

    filter: alpha(opacity=83);

}



#list_notice li:hover .fot_box span {

    color: #fff;

}



#list_notice li:hover .fot_box span.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time_bs.png) left center no-repeat;

    padding-left: 20px;

}



#list_notice li:hover .fot_box span.read {

    position: absolute;

    right: 20px;

    top: 0;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read_bs.png) left center no-repeat;

    padding-left: 20px;

}



#list_notice li .fot_box a:hover {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_more_jt_hover.png) right center no-repeat;

    color: #e23a53
}



/*==============视频中心=====================*/

#n_video {}



#n_video .bd ul {

    margin: 0 -22px;

    overflow: hidden;

}



#n_video .bd li {

    float: left;

    width: 370px;

    margin: 22px;

    background: #f1f1f7;

    display: block;

    overflow: hidden;

}



#n_video .bd li a {

    display: block
}



#n_video .bd li .pic_box {

    width: 370px;

    height: 215px;

    display: table;

    overflow: hidden;

    background: #000;

    position: relative;

}



#n_video .bd li .icon_play {

    position: absolute;

    z-index: 9;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_play.png) center no-repeat;

}



#n_video .bd li .pic_box .box {

    display: table-cell;

    vertical-align: middle
}



#n_video .bd li img {

    width: 370px;

    height: 215px;

    display: block;

    margin: 0 auto;

    opacity: .7;

    filter: alpha(opacity:70);

}



#n_video .bd li h1 {

    display: block;

    height: 45px;

    line-height: 45px;

    font-size: 13px;

    color: #565658;

    padding: 0 20px;

    background: url(https://www.starkckg.com/static/style/pc/images/mark_video.png) right bottom no-repeat #fff;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#n_video .bd li:hover {

    background: #d83648;

}



#n_video .bd li:hover h1 {

    color: #fff;

    background: url(https://www.starkckg.com/static/style/pc/images/mark_video.png) right bottom no-repeat;

}



#n_video .hd {

    margin-top: 15px;

    width: 100%;

    display: inherit;

    text-align: center;

}



#n_video .hd ul {

    display: inline-block;

}



#n_video .hd ul li {

    display: block;

    float: left;

    margin: 0 7px;

}



#n_video .hd ul li a {

    height: 3px;

    width: 34px;

    background: #dadbdd;

    display: block;

}



#n_video .hd ul li a:hover {

    background: #e23a53;

}



#n_video .hd ul .on a {

    background: #e23a53;

}



/*==============新闻详情=====================*/

#right_news {

    width: 260px;

    position: absolute;

    right: 0;

    top: 0;

    background: #fff;

    padding: 30px;

}



#right_news.fix {

    position: fixed;

    right: 50%;

    margin-right: -600px;

}



#right_news .title {

    padding-bottom: 20px;

    border-bottom: 1px solid #dee0e3;

}



#right_news .title h1 {

    background: url(https://www.starkckg.com/static/style/pc/images/line_news_hot.png) left center no-repeat;

    padding-left: 10px;

}



#right_news a {

    display: block;

}



#right_news .pic_box {

    width: 260px;

    height: 140px;

    overflow: hidden;

    margin: 20px 0;

}



#right_news .pic_box img {

    display: block;

    width: 260px;

    height: 140px;

}



#right_news li {

    padding-bottom: 10px;

    margin-top: 15px;

    border-bottom: 1px dashed #dee0e3;

}



#right_news li .text_box {

    padding-left: 10px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_dd.png) left 10px no-repeat;

}



#right_news li .text_box a {

    font-size: 13px;

    color: #4d4e4f;

    line-height: 22px;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#right_news li span {

    font-size: 12px;

    color: #929496;

}



#right_news li .text_box a:hover {

    color: #e23a53;

}



/*===================新闻详情链接===============*/

#right_news .link_box {

    margin-top: 15px;

}



#right_news .link_box a {

    display: block;

    width: 260px;

    overflow: hidden;

    position: relative;

    border: 1px solid #dee0e3;

}



#right_news .link_box img {

    width: 260px;

    display: block;

}



#right_news .link_box .icon_box {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



#right_news .link_box .icon_box::before,

#right_news .link_box .icon_box::after {

    position: absolute;

    top: 10px;

    right: 10px;

    bottom: 10px;

    left: 10px;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



#right_news .link_box .icon_box::before {

    border-top: 1px solid rgba(201, 2, 2, .3);

    border-bottom: 1px solid rgba(201, 2, 2, .3);

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#right_news .link_box .icon_box::after {

    border-right: 1px solid rgba(201, 2, 2, .3);

    border-left: 1px solid rgba(201, 2, 2, .3);

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#right_news .link_box a:hover .icon_box::before,

#right_news .link_box a:hover .icon_box::after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



#right_news .link_box a:hover {

    border: 1px solid #eee;

}



/*==============新闻详情=====================*/

.n_article {

    margin-bottom: 20px;

    width: 850px;

    background: #fff;

    float: left;

}



.n_article .ar_title {

    padding-top: 45px;

    margin: 0 45px;

    /*background:url(../images/line_news_title.png) left center no-repeat; */

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #dcdee1;

}



.n_article .ar_title h2 {

    position: relative;

    height: 36px;

    line-height: 36px;

}



.n_article .ar_title h1 {

    font-size: 18px;

    font-weight: bold;

    display: block;

    text-align: left;

    padding-bottom: 8px;

    color: #565659;

}



.n_article .ar_title h2 strong {

    float: left;

    display: block;

    margin-right: 30px;

    display: inline-block;

    font-size: 12px;

    padding-left: 20px;

    position: relative;

    text-align: left;

    color: #c5c5c7;

}



.n_article .ar_title h2 strong.time {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_time.png) left center no-repeat;

}



.n_article .ar_title h2 strong.read {

    background: url(https://www.starkckg.com/static/style/pc/images/icon_read.png) left center no-repeat;

}



.n_article .ar_article {

    margin: 0 45px;

    padding-top: 10px;

    padding-bottom: 20px;

    min-height: 180px;

    font-size: 16px;

    line-height: 36px;

}



.n_article .ar_article p {

    font-size: 14px;

    line-height: 36px;

    padding-bottom: 10px;

}



#ar_fot {

    margin-top: 10px;

    position: relative;

    padding: 15px 45px;

    border-top: 10px solid #f4f5f7;

}



#ar_fot h1 {

    display: block;

    font-size: 13px;

    color: #656667;

    line-height: 30px;

    max-width: 48%;

}



#ar_fot h1 a {

    font-size: 12px;

    color: #656667;

    font-weight: normal;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#ar_fot h1 a:hover {

    color: #df203d;

}



#ar_fot h1.fr {

    text-align: right;

}



#ar_fot .bnt_back {

    position: absolute;

    top: 28px;

    right: 0;

    color: #fff;

    background: #063579;

    padding: 0 25px;

    font-size: 14px;

    height: 30px;

    line-height: 30px;

}



#ar_fot .bnt_back:hover {

    border-radius: 3px;

}



/*==============字号控件——银灵子=====================*/





.font_box {

    display: inherit;

    position: relative;

}



.font_box a {

    display: inline-block;

    width: 14px;

    line-height: 36px;

    background: #fff;

    font-size: 12px;

    color: #c4c5c7;

    text-align: center;

}



.font_box a.on {

    color: #e23a53;

}



.font_box a:hover {

    color: #e23a53;

}



/* .font_size_lg {

    font-size: 18px !important;

    line-height: 40px !important;

}



.font_size_lg p {

    font-size: 18px !important;

    line-height: 40px !important;

    padding-bottom: 30px !important;

}



.font_size_md {

    font-size: 16px !important;

    line-height: 36px !important;

}



.font_size_md p {

    font-size: 16px !important;

    line-height: 36px !important;

    padding-bottom: 25px !important;

}



.font_size_sm {

    font-size: 14px !important;

}



.font_size_sm p {

    font-size: 14px !important;

} */



/*==============分享插件——银灵子=====================*/

.shart_box {

    display: inline-block;

    height: 36px;

    background: url(https://www.starkckg.com/static/style/pc/images/icon_shart.png) left center no-repeat;

    padding-left: 50px !important;

    width: 0;

    overflow: hidden;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



.shart_box:hover {

    width: auto;

}



#j_shart_s_24 .bds_count {

    font-size: 12px;

}



#j_shart_s_24 {

    position: relative;

}



#j_shart_s_24 strong {

    display: block;

    position: absolute;

    left: 0;

    z-index: 2;

    line-height: 36px;

    font-size: 12px;

    color: #a3a0a9;

}



#j_shart_s_24 .bds_qzone {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -224px no-repeat
}



#j_shart_s_24 .bds_tsina {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -311px no-repeat
}



#j_shart_s_24 .bds_tqq {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -195px no-repeat
}



#j_shart_s_24 .bds_renren {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -340px no-repeat
}



#j_shart_s_24 .bds_weixin {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -253px no-repeat
}



#j_shart_s_24 .bds_sqq {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -79px no-repeat
}



#j_shart_s_24 .bds_fbook {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -166px no-repeat
}



#j_shart_s_24 .bds_twi {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -137px no-repeat
}



#j_shart_s_24 .bds_linkedin {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -108px no-repeat
}



#j_shart_s_24 .bds_tieba {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -253px no-repeat
}



#j_shart_s_24 .bds_huaban {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -253px no-repeat
}



#j_shart_s_24 .bds_douban {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -253px no-repeat
}



#j_shart_s_24 .bds_copy {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -253px no-repeat
}



#j_shart_s_24 .bds_print {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -253px no-repeat
}



#j_shart_s_24 .bds_mshare {

    background: url(https://www.starkckg.com/static/style/pc/images/j_shart.png) center -253px no-repeat
}



#j_shart_s_24 .bds_count {

    font-size: 12px
}



/*==============分页——银灵子=====================*/

.page .box {

    display: flex;

    margin-top: 4rem;

    flex-wrap: wrap;

}



.page a {

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .5s;

    font-size: .875rem;

    color: #393939;

    margin-right: .625rem;

    border: 1px solid #e0e0e0;

    border-radius: 5px;

    flex-shrink: 0;

    min-width: 2.5rem;

    height: 2.5rem
}



.page a span {

    padding: 0 1rem;

    white-space: nowrap
}



.page a.on {

    border: 1px solid #313b8b;

    background: #313b8b;

    color: #fff
}

/*===================================j_pop====================================*/

.alljj {
    display: block;

    z-index: 999;

    position: fixed;

    bottom: 100px;

    right: 2px;

    border-radius: 5px;

    overflow: hidden;

}




/*===================================j_pop====================================*/

.j_pop {

    display: block;

    z-index: 9;

    border-radius: 5px;

    overflow: hidden;


    width: 200px;

    height: 107px;

    margin-bottom: 15px;

}



.j_pop .box {

    position: relative;

}



.j_pop .box a {

    display: block;

}



.j_pop .box img {

    display: block;

}





.bnt_close_pop {

    position: absolute;

    right: 10px;

    top: 20px;

    cursor: pointer;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



.bnt_close_pop:hover {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

}





/**/

#df_qukuai .left {

    width: 100%;

    float: none !important;

}



#df_qukuai .right {

    display: none;

}



/*===================================j_pop====================================*/

#j_pop5 {

    display: block;

    z-index: 9999;

    position: fixed;

    top: 50%;

    left: 50%;

}



#j_pop5 .box {

    position: relative;

}



#j_pop5 .box a {

    display: block;

}



#j_pop5 .box img {

    display: block;

}



#bnt_close_pop5 {

    position: absolute;

    right: 20px;

    top: 20px;

    cursor: pointer;

    -moz-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



#bnt_close_pop5:hover {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

}



.sanjilm {

    text-align: center;

    padding: 20px 0;

    overflow: hidden;

}



.sanjilm li {

    display: inline-block;

    padding: 0 10px;

}



.sanjilm li a {

    display: block;

    line-height: 46px;

    transition: .5s;

    padding: 0 15px;

    font-size: 15px;

    color: #555;

    border-radius: 4px;

    background: #fff;

}



.sanjilm li a.on {

    background: #d83648;

    color: #fff;

}





#m_header {

    display: none;

    height: 5rem;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

    transition: 0s 1.5s;

    background: #fff;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);

}



.m {



    padding: 0 5%;

    height: 100%;

    margin: 0 auto;

    display: block;

    position: relative;

}



#m_header .box {

    display: flex;

    align-items: center;

    height: 5rem;

    justify-content: space-between;

}



#nav_btn_box button {

    height: 5rem;

    width: 4.5rem;

    background: none;

    border: none;

    padding: 0;

    cursor: pointer;

}



#nav_btn_box {

    z-index: 999999999;

    margin-left: 20px;

    ;

    height: 4.5rem;

    display: none;

}



#nav_btn_box .w1200 {

    height: 100%;

    display: flex;

    align-items: center;

}



#nav_btn_box .box_table {

    width: auto
}



#nav_btn_box.on {

    background: none;

}



#nav_btn {}



#nav_btn .point.on .navbtn::after,

#nav_btn .point.on .navbtn::before {

    background: #fff;

}



#nav_btn {

    cursor: pointer;

    text-align: center;

    z-index: 99999;

    padding-bottom: 4px;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    outline: none;

    box-shadow: none;

}



#nav_btn .point {

    display: inline-block;

    width: 1.375rem;

    height: 22px;

    position: relative;

    outline: none;

}



#nav_btn .point:hover .navbtn,

#nav_btn .point:hover .navbtn::after,

#nav_btn .point:hover .navbtn::before {

    width: 1.375rem;

}



#nav_btn .navbtn {

    position: absolute;

    top: 12px;

    left: 0;

    display: inline-block;

    width: 1.375rem;

    height: 1px;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    /* background: #333; */

}



#nav_btn .navbtn::after,

#nav_btn .navbtn::before {

    position: absolute;

    left: 0;

    display: inline-block;

    width: 1.375rem;

    height: 3px;

    content: '';

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    background: #cacacb;

}



#nav_btn .navbtn::after {

    top: -5px;

}



#nav_btn .navbtn::before {

    top: 5px;

}



#nav_btn .point.on .navbtn {

    background: transparent;

}



#nav_btn .point.on .navbtn::after {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 0px;

}



#nav_btn .point.on .navbtn::before {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 0px;

}



/*导航按钮结束*/

#m_nav {

    z-index: 99999;

    position: fixed;

    background: rgba(49, 59, 139, .9);

    width: 50%;

    height: 100vh;

    right: -101vw;

    top: 0;

    display: none;

    box-sizing: border-box;

    padding: 20px 0 0;

    overflow: hidden;

    pointer-events: none;

    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    display: block;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

}



.m_nav_list {

    flex-direction: column;

    justify-content: flex-start;

    width: 100%;

    overflow: auto;

}



#m_nav.act {

    pointer-events: auto;

    right: 0;

}



#m_nav>ul>li {

    width: 100%;

    overflow: hidden;

    padding: 0 25px;

    box-sizing: border-box;

}



#m_nav>ul>li+li {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



#m_nav li .a {}



#m_nav li .a h3 {

    line-height: 4.5rem;

    height: 4.5rem;

    color: #fff;

    padding: 0;

    font-size: 1.125rem;

    float: left;

}



#m_nav li .a span {

    display: block;

    position: absolute;

    top: 0;

    right: 10px;

    width: 20px;

    height: 50px;

    text-align: center;

}



#m_nav li .a span i {

    font-size: 0;

}



#m_nav .title .a i {

    opacity: 1;

    filter: alpha(opacity=100);

    display: inline-block;

    width: 15px;

    height: 4.5rem;

    float: right;

    display: inline-block;

    background: url(../image/arrow_down.svg) center no-repeat;

    background-size: 100% auto;

}



#m_nav li.on.title .a i {

    background: url(../image/arrow_down_on.svg) center no-repeat;

    background-size: 100% auto;

}



#m_nav .on.title .a i {}



#m_nav li {

    display: block;

    width: 100%;

}



.slide_nav {

    position: absolute;

    left: 0;

    height: 70px;

    z-index: 998;

    padding: 15px;

    top: 0;

    width: 100%;

}



#m_nav .title .list {

    display: none;

    position: relative;

    width: 100%;

    z-index: 9;

    left: 0;

    margin-left: 0;

    background: none;

    border: 0;

    clear: both;

    padding-bottom: 10px;

}



#m_nav .title .list span {

    background: none;

}



#m_nav .title .list span a:hover {

    color: #014085;

}



#m_nav .title .list a {

    display: block;

    font-size: 1rem;

    color: #fff;

    text-align: left;

    line-height: 35px;

    height: 35px;

    border: 0;

    font-weight: 300;

}



/*三级导航 开始*/

#m_nav .title .list .void>a {

    background-size: 10px;

    position: relative;

}



#m_nav .title .list .void>a:before {

    content: "·";

    position: absolute;

    left: -1em;

    font-size: 12px;

    font-weight: bold;

}



#m_nav .title .list span {

    position: relative;

    display: block;

}



#m_nav .title .list span .sub {

    position: static;

    width: 100%;

    display: block !important;

    overflow: hidden;

}



#m_nav .title .sub a {

    background: none;

    font-size: .875rem;

    opacity: .8;

    min-width: 50%;

    float: left;

    display: inline-block;

    color: #999;

}



.nav_mask {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1000;

    background-color: rgba(0, 0, 0, 0.4);

    display: none;

}



/* .wap_search {

    font-size: 16px;

    border-radius: 0;

    color: #fff;

    text-align: center;

    font-family: arial;

    letter-spacing: 2px;

    line-height: 40px;

    transition: height .4s ease-in-out;

    -webkit-transition: height .4s ease-in-out;

    overflow: hidden;

    width: 100%;

    position: absolute;

    bottom: 0;

}

.wap_search .input {

    font-size: .875rem;

    color: #fff;

    height: 40px;

    width: 65%;

    line-height: 40px;

    padding-left: 1.5rem;

    box-shadow: none;

    -webkit-appearance: none;

    float: left;

    border-right: 0;

    background: none;

}

.wap_search form {

    height: 40px;

    border-radius: 0;

    background: rgba(255,255,255,.15);

    position: relative;

    margin: 20px 25px;

}

.wap_search .btn_blue {

    position: absolute;

    cursor: pointer;

    top: 0;

    right: 0;

    width: 50px;

    height: 40px;

    line-height: 40px;

    border: 0;

    background: url(../images/seach_white.svg) center no-repeat;

    background-size: 1.5rem;

} */



.boxs1 {}



.boxs1 ul {

    border-radius: 4px 4px 0 0;

    padding-bottom: 5px;

    overflow: hidden;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    background: #033495;

}



.boxs1 ul li:first-child {

    background: url(../image/shixiangbg.png)no-repeat;

    background-size: cover;



}



.boxs1 ul li:first-child img {

    margin-top: 2rem;

}



.boxs1 ul li:nth-child(3) {

    background: url(../image/shixiangbg2.jpg)no-repeat;

    background-size: cover;



}



.boxs1 ul li:last-child {

    background: url(../image/shixiangbg3.png)no-repeat;

    background-size: cover;



}



.boxs1 ul li a {

    position: relative;

    padding: 1.75rem 1.5rem 2rem 2.25rem;

    display: block;

    box-sizing: border-box;

    height: 100%;

}



.boxs1 ul li a h6 {

    font-size: 1rem;

    line-height: 1.5rem;

    font-family: PingFang SC;

}



.boxs1 ul li a h5 {

    font-size: .875rem;

    line-height: 1.5rem;

    text-transform: uppercase;

}



.boxs1 ul li a p {

    color: #525354;

    font-size: .9375rem;

    line-height: 1.25rem;

    font-family: PingFang SC;

    /* 文字三行以上显示省略号 */

    overflow: hidden;

    /*超出内容隐藏*/

    text-overflow: ellipsis;

    /*超出内容为省略号*/

    display: -webkit-box;

    /*内容不换行*/

    -webkit-line-clamp: 3;

    /*超出几行*/

    -webkit-box-orient: vertical;

    /*从上到下垂直排列子元素*/

    /*height: 100%;*/

    /*没有效果时添加或删除改行*/

    margin-top: .25rem;



}



.boxs1 ul li:first-child h6,

.boxs1 ul li:last-child h6,

.boxs1 ul li:first-child h5,

.boxs1 ul li:last-child h5 {

    color: #fff;

}



.boxs1 ul li:nth-child(2) h6 {

    color: #151a35;

}



.boxs1 ul li:nth-child(2) a h5,
.boxs1 ul li:nth-child(3) a h5 {

    color: #086fc1;

    font-family: Arial;

}



.boxs1 ul li:nth-child(3) h6 {

    color: #151a35;

}



.boxs1 ul li:nth-child(3) span {

    font-size: .625rem;

    line-height: 1.375rem;

    color: rgba(55, 55, 55, 0.45);

    font-family: PingFang SC;

    display: block;

}



.boxs1 ul li a h4 {

    font-family: Barlow Condensed;

    font-weight: bold;

    text-transform: uppercase;

    background: conic-gradient(from 115deg at 30px 30px, #086fc1, #313b8b);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    line-height: 1.5625rem;

    font-size: 1.4375rem;

}



.boxs1 ul li:last-child a {

    text-align: right;

}



.boxs1 ul li {

    position: relative;

    background: #fff;

}



.boxs1 ul li:hover::after {

    height: 5px;

    opacity: 1;

}



.boxs1 ul li::after {

    content: "";

    position: absolute;

    height: 0;

    width: 100%;

    background: #086fc1;

    bottom: -5px;

    transition: all .5s;

    z-index: 10;

    opacity: 0;

}



.boxs1 ul li:nth-child(3)::before,

.boxs1 ul li:last-child::before {

    content: "";

    position: absolute;

    background: url(../image/more.png)no-repeat;

    width: 2rem;

    height: 2rem;

    right: 5%;

    bottom: 20%;

    background-size: cover;

}







/* 视频弹窗 */



.tc_video {

    width: 90%;

    max-width: 800px;

    margin: 0 auto;

    background: none;

    position: relative;

}



.tc_video #my-video {

    position: relative;

    height: 0;

    padding-top: 60%;

}



.tc_video #my-video video {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



.tc_video .tc_close {

    display: block;

    position: absolute;

    top: -2rem;

    right: -3rem;

    border-radius: 50%;

}



.video-js {

    width: 100% !important;

    height: 100% !important;

}



.video-js .vjs-big-play-button {

    left: 50% !important;

    top: 50% !important;

    margin-left: calc(-1.6rem - 5px);

    margin-top: calc(-1.6rem - 5px);

    background-color: rgba(0, 0, 0, 0) !important;

}



video {

    object-fit: fill;

}



.vjs-poster {

    background-size: cover !important;

}



.s_video .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.s_video {

    position: relative;

}





.boxs2 {

    background: #fff;

    margin: 1.625rem 0 0;

    padding: 1.875rem 0 3.75rem;

}



.boxs2 .main_box {

    display: grid;

    grid-template-columns: 24.5625rem 1fr
}



.boxs2 .main_box .dtnew {

    width: 100%;

    flex-shrink: 0;

}



.boxs2 .main_box .box2right {

    display: grid;

    width: 100%;

    overflow: hidden;

    gap: 3.125rem;

    grid-template-columns: 26.6875rem 1fr;



}

.boxs2 .swiper-slide a {

    display: block;

    position: relative;

    height: 100%;

}



.boxs2 #newswiper {

    width: 100%;

    height: 19.125rem;

}



.boxs2 .swiper-slide a img {

    display: block;

    height: 100%;

    object-fit: cover;

    width: 100%;

}



.boxs2 .swiper-slide a .newdb {

    position: absolute;

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

    width: 100%;

    height: 2.5rem;

    bottom: 0;

    padding: 0 1.25rem;

    box-sizing: border-box;

}



.boxs2 .swiper-slide a .newdb p {

    line-height: 2.5rem;

    font-size: .9375rem;

    color: #fff;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    width: 90%;

}

#newswiper .swiper-pagination {

    bottom: 1rem;

    display: flex;

    justify-content: flex-end;

    right: 1rem;

    width: auto;

}

#newswiper .swiper-pagination-bullet {

    width: 5px;

    height: 5px;

    background: rgba(255, 255, 255, .4);

    opacity: 1;

    border-radius: 50%;

    margin: 0 2px;

}



#newswiper .swiper-pagination-bullet-active {

    background: #fff;

}



#newswiper .swiper-button-white {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.625rem;

    height: 3.375rem;

    line-height: 3.375rem;

    top: 50%;

    z-index: 8;

    font-size: 1.5rem;

    font-family: "SimSun";

    color: #fff;

    position: absolute;

    background: #313b8b;

    transition: all .5s;

}



#newswiper .prevss {

    left: -2rem;

}



#newswiper .nextss {

    right: -2rem;

}



#newswiper:hover .prevss {

    left: 0px;

}

#newswiper:hover .nextss {

    right: 0px;

}



.dttop ul {

    display: flex;

    gap: 1rem;

    align-items: center;

}



.dttop ul li p {



    color: #424242;

    font-size: .9375rem;

    font-family: PingFang SC;

}



.dttop ul li {

    cursor: pointer;

    padding: .75rem 1.5rem;

    border-radius: 4px;

}



.dttop ul li.on {

    background: #313b8b;

}



.dttop ul li.on p {

    color: #fff;

}



.dtnew .hots a {

    padding: 1.5625rem 0 1.25rem;

    display: flex;

    gap: 1.25rem;

    border-bottom: 1px solid #e9e9ea;



}



.dtnew .hots .htimes {

    background: #313b8b;

    border-radius: 4px;

    width: 4.375rem;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    padding: 1.125rem 0;

    gap: .5rem;

    flex-shrink: 0;

}

.dtnew .hots .htimes h5 {

    font-size: 1.875rem;

    line-height: 1.375rem;



}

.dtnew .hots .htimes p {

    font-size: .875rem;

    line-height: 1.375rem;

}

.dtnew .hots .htimes h5,
.dtnew .hots .htimes p {

    color: #fff;

    font-family: Barlow Condensed;

}



.hots .htcons h5 {

    font-family: PingFang SC;

    font-size: 1rem;

    line-height: 1.375rem;

    color: #000000;

    padding-bottom: 1rem;

    border-bottom: 1px dotted #878787;

}



.hots .htcons p {

    color: #7c7c7d;

    font-size: .9375rem;

    line-height: 1.375rem;

    font-family: PingFang SC;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

    padding-top: .5rem;

}

.botnew {
    margin-top: 1rem;
}

.botnew a {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}

.botnew a::before {

    content: "";

    position: absolute;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #086fc1;

    left: 0;

    top: 50%;

    transform: translate(50%, -50%);

}

.botnew a p {

    color: #3b3b3b;

    font-family: PingFang SC;

    line-height: 1.875rem;

    font-size: .9375rem;

    padding-left: 1.375rem;

    width: 70%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;



}



.botnew a span {

    color: #abaaaa;

    font-size: .75rem;

    line-height: 1.875rem;

}



.allbots>div {

    display: none;

}



.allbots .item {

    display: block;

}

.qiye {
    position: relative;
}

.qiye .jstop {

    display: flex;

    align-items: flex-end;

    gap: .5rem;

}

.qiye .jstop h5 {

    font-family: Barlow Condensed;

    font-size: 1.5625rem;

    color: #086fc1;

    text-transform: uppercase;

    font-weight: 500;

}



.qiye .jstop p {

    font-size: 1rem;

    font-family: PingFang SC;

    color: #2c3039;

}

.qiye>img {border-radius: 4px;margin: 1.5rem 0 0;width: 100%;}



.qiye>p {

    color: rgba(0, 0, 0, .64);

    font-size: .8125rem;

    line-height: 1.5rem;

}

.jiagou,
.jiagou>a,
.biaos {

    display: flex;

    align-items: center;

}

.jiagou {

    justify-content: space-between;

    bottom: 0;

    position: absolute;

    width: 100%;

    gap: .5rem;

}

.jiagou>a {

    gap: .9375rem;

}

.biaos {

    justify-content: center;

    border: 2px solid #efefef;

    border-radius: 50%;

    width: 3rem;

    height: 3rem;

    transition: all .5s;

}

.biaos svg path {

    fill: #000000;

    transition: all .5s;

}

.biaoscon h5 {

    color: #535457;

    font-size: .875rem;

}



.biaoscon p {

    font-size: .9375rem;

    color: rgba(83, 84, 87, .49);

}



.jiagou>a:hover .biaos {

    border: 2px solid #313b8b;

    background: #313b8b;

}



.jiagou>a:hover svg path {

    fill: #fff;

}



.boxs3 {

    background: url(../image/sigebg.jpg)no-repeat;

    background-size: cover;

    padding: 3.4375rem 0 3rem;

}



.boxs3 .main_box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 1.5rem;

}

.yewu {

    flex-shrink: 0;

}

.yewu h5 {

    font-family: PingFang SC;

    font-size: 1.5rem;

    line-height: 1.375rem;

    color: #4d4d4e;

}



.yewu p {

    text-transform: uppercase;

    font-size: 1.625rem;

    color: rgba(49, 59, 139, .41);

    font-family: Barlow Condensed;

}



.boxs3 ul {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: .9375rem;



}

.boxs3 ul a {

    position: relative;

    display: block;

}

.boxs3 ul .img {

    border-radius: 5px;

}



.img {

    overflow: hidden;

    position: relative;

}

.img>img {

    width: 100%;

    height: 100%;

    display: block;

    transition: 1s;

    -webkit-transition: 1s;

    -moz-transition: 1s;

    -ms-transition: 1s;

    -o-transition: 1s;

    object-fit: cover;

    display: block;

}



li:hover .img>img {

    transform: scale(1.05) rotate(.1deg);

    -webkit-transform: scale(1.05) rotate(.1deg);

    -moz-transform: scale(1.05) rotate(.1deg);

    -ms-transform: scale(1.05) rotate(.1deg);

    -o-transform: scale(1.05) rotate(.1deg);

}

.boxs3 ul li .buju {

    top: 25%;

    left: 15%;

    position: absolute;

}

.boxs3 ul li .buju h5 {

    font-size: 1rem;

    line-height: 1.375rem;

    font-family: PingFang SC;

    color: #fff;

}



.boxs3 ul li .buju p {

    text-transform: uppercase;

    font-size: .875rem;

    line-height: 1.125rem;

    color: rgba(255, 255, 255, .4);

    font-family: Barlow Condensed;

}



.boxs4 {

    background: url(../image/rencaibg.jpg)no-repeat;

    background-size: cover;

    padding: 2rem 0 1.875rem;

}

.boxs4 .main_box {

    display: flex;

    justify-content: flex-end;



}

.boxs4 .rencais {

    margin-right: .75rem;

}

.boxs4 .rencais h5 {

    color: #212121;

    font-size: 1.5rem;

    font-family: Barlow Condensed;

    margin: .5rem 0;

    text-transform: uppercase;

}



.boxs4 .rencais p {

    font-family: PingFang SC;

    font-size: 1.25rem;

    color: #0d0d0d;

}

.boxs4 .as {

    display: flex;

    justify-content: space-between;

    gap: 1.6875rem;

    margin-top: 1.5rem;

}

.boxs4 .as a {

    width: 8.875rem;

    height: 3rem;

    border-radius: 3px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: .9375rem;

    font-family: PingFang SC;

    color: #fff;

}

.boxs4 .as a:first-child {

    background: #424c95;

}

.boxs4 .as a:last-child {

    background: #1e7cc6;

}





#foot {

    background: #fff;

    padding: 2.5rem 0 1.5rem;



}



#foot .main_box  {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#foot .main_box .leftrights{
    display: flex;
    justify-content: space-between;
}


.footleft .email {

    display: flex;

    gap: .75rem;

    align-items: center;

}



.footleft .email p {

    color: #5e5e60;

    font-size: .875rem;

    font-family: PingFang SC;

    line-height: 1.3125rem;

}



.footleft .email a {

    font-size: 1.25rem;

    color: #313b8b;

    font-family: Barlow Condensed;

    line-height: 1.3125rem;

    font-weight: 500;

}



.fot_nav {

    display: flex;

    align-items: center;

    margin: 1rem 0 .5rem;

}

.fot_nav a {

    color: #414142;

    font-size: .9375rem;

    font-family: PingFang SC;

    line-height: 1.3125rem;

    position: relative;

}

.fot_nav a .ewmqrcode {

    display: none;

    border: 1px solid #eee;

    position: absolute;

    z-index: 10;

    top: -100px;

    left: -25px;

    width: 90px;

    height: 90px;

    color: #666;

    font-size: 12px;

    text-align: center;

    background-color: #fff;

    box-shadow: 0 2px 10px #aaa;

    transition: all 200ms;

    -webkit-tansition: all 350ms;

    -moz-transition: all 350ms;

}

.fot_nav a .ewmqrcode img {
    width: 100%;
    height: 100%;
}

.fot_nav a.web:hover .ewmqrcode {

    display: block;

}

.fot_nav i {

    display: block;

    width: 3px;

    height: 3px;

    background: #c8c8c8;

    margin: .625rem;

}



#foot .copyright p,
#foot .copyright p a {

    color: #7f7c7c;

    font-size: .75rem;

    line-height: 1.5rem;

    font-family: PingFang SC;

}



.footright {

    display: flex;

    gap: 1.4375rem;

    padding-right: .75rem;

}





.foot_link {

    font-size: .9375rem;

    height: 2.375rem;

    color: #888787;

    margin: 0;

    width: 100%;



}

.foot_link dt h3 {

    font-size: .9375rem;

    color: #888787;

    font-family: PingFang SC;

    text-transform: uppercase;

}
.foot_link dt i {
    height: 1rem;
}
.foot_link dl {

    position: relative;

    white-space: nowrap;

    margin-left: 0;

    width: 100%;

    z-index: 10;

}

.foot_link dt {

    height: 2.375rem;

    padding: 0 0.9375rem 0;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    z-index: 2;

}



.foot_link dd {

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 0;

    width: 100%;

    border: #dcdcdc 1px solid;

    padding-bottom: 2.25rem;

}



.foot_link dl dd .con {

    font-size: .9375rem;

    color: #888787;

    transition: .5s;

    font-family: PingFang SC;

}

.foot_link dd:before {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #fff;

    z-index: -1;

}

.foot_link dd .box {

    padding: .5rem .75rem 0;

}

.foot_link dd .box a {

    display: block;

    color: #888787;

    font-size: .8rem;

    line-height: 2;

    transition: .3s;

    font-family: PingFang SC;

    white-space: break-spaces;

    border-bottom: 1px solid rgba(0, 0, 0, .2);

    padding-bottom: 5px;

    margin-bottom: 10px;

}

.foot_nav dl dd:hover {

    color: #fff;

}



#foot .links {
    display: flex;
    gap: 1rem;
}

.footright ul {

    margin-top: 1.25rem;

}

.footright ul li {

    display: flex;

    align-items: center;

    gap: .75rem;

}



.footright ul li p {

    color: #525151;

    font-size: .75rem;

    font-family: PingFang SC;

    line-height: 1.5rem;

}

.ewm {

    flex-shrink: 0;

}

.ewm img {

    max-width: 4.5rem;

    max-height: 4.5rem;

    width: 100%;

}

.ewm p {

    text-align: center;

    color: #7f7c7c;

    font-size: .75rem;

    font-family: PingFang SC;

}

/* 业务布局 */

.n_pro_list,
.n_news,
.n_con,
.n_pro_related,
.n_lianxi {

    background: #f0f1f3;

}

.n_pro_list a .txt {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 1.25rem;

    height: 8.75rem;

    background: #fff;

    position: relative;

    z-index: 1;

}

.n_pro_list a .txt span {

    font-size: 1.125rem;

    line-height: 1.375rem;

    color: rgba(35, 35, 35, 0.5);

    transition: .5s;

    font-family: Barlow Condensed;

}

.n_pro_list a .txt h3 {

    font-size: 1.125rem;

    line-height: 2.5rem;

    font-weight: bold;

    transition: .5s;

    color: #232323;

}

.n_pro_list a .txt svg {

    flex-shrink: 0;

    width: 2rem;

    height: 2rem;

}

.n_pro_list a .txt svg path {

    transition: all .5s;

}

.n_pro_list a:hover .txt path {

    fill: #313b8b;

}



#yewubj .img {

    position: relative;

}

#yewubj .img::after {

    content: "";

    position: absolute;

    top: 0;

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

    width: 100%;

    height: 100%;

}



/* 新闻详情 */



#n_main .main_box {

    display: flex;

    justify-content: space-between;

}



.ar_title {

    border-bottom: 2px solid #e0e1e3;

    padding-bottom: 1.375rem;

    margin-bottom: 2.5rem
}



.ar_title .time {

    font-size: 1.875rem;

    color: #313b8b;

    font-family: BARLOWCONDENSED-REGULAR;

}



.ar_title h2 {

    font-size: 1.6875rem;

    line-height: 2.25rem;

    color: #353637;

    margin: .75rem 0;

    font-weight: bold;

}



.ar_title .tag {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap
}



.ar_title .tag span {

    font-size: .875rem;

    color: #949698;

    line-height: 1.375rem;

}

.right_con {

    width: 19.75rem;

    flex-shrink: 0;

    position: relative;

    z-index: 1;

    margin-left: 3.125rem;

}



.font_box {

    display: flex;

    position: relative;

    align-items: center;

    gap: 5px;

}

.font_box button {

    width: 1.25rem;

    height: 1.25rem;

    border: 1px solid #ced2d3;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.font_box span {

    display: block;

    margin-right: 13px;



}



.font_size_lg p {

    color: #3b3b3b;

    font-size: .875rem;

    line-height: 1.875rem;

}

.left_con {

    position: relative;

    max-width: 913px;

    width: 100%;

}

.leftright {

    position: absolute;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    bottom: -4rem;

}

.leftright a {

    color: #3b3b3b;

    transition: all .5s;

    font-size: .875rem;

    line-height: 1.875rem;

    width: 50%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.leftright a:first-child {
    text-align: left;
}

.leftright a:last-child {
    text-align: right;
}

.leftright a:hover {

    color: #313b8b;

}

.right_con:after {

    content: "";

    display: block;

    width: 2px;

    height: 100%;

    z-index: -1;

    background: #ffffff;

    position: absolute;

    left: 0;

    top: 0;

}





.lastnews .tt {

    margin-bottom: 2.5rem;

    position: relative;

}

.lastnews .tt h3 {

    font-size: 1.25rem;

    color: #515151;

    line-height: 1.375rem;

    margin-bottom: .5rem;

    font-weight: bold;

}


.lastnews .tt span {

    font-size: 1.625rem;

    color: #dadada;

    font-family: BARLOWCONDENSED-REGULAR;

    /* text-transform: uppercase; */

}

.lastnews .tt::before {

    content: "";

    position: absolute;

    width: 2px;

    left: 0;

    top: 0;

    height: 100%;

    background: #235aa6;

}

.lastnews .tt,
.lastnews ul {

    padding-left: 2rem;

}



.lastnews ul li a {

    display: flex;

    align-items: center;

}



.lastnews ul li .time {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    position: relative;

    z-index: 1;

    flex-shrink: 0;

    background: #fff;

    transition: .5s;

    margin-right: 1.125rem;

    color: #7a7a7a;

    width: 4.375rem;

    height: 4.375rem;

}

.lastnews ul li .time:before {

    content: "";

    display: block;

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -1;

    transition: .5s;

    background: #313b8b;

}



.lastnews ul li .time span {



    font-family: BARLOWCONDENSED-REGULAR;

    font-size: 1.5rem;

    color: #7a7a7a;

    transition: .5s;



}

.lastnews ul li .time p {

    font-family: BARLOWCONDENSED-REGULAR;

    font-size: .875rem;

    color: #7a7a7a;

    transition: .5s;

}

.lastnews ul li h4 {

    font-size: 1rem;

    line-height: 1.5rem;

    color: #444546;

}

.lastnews ul li+li {

    margin-top: 1.25rem;

}

.lastnews ul li:hover .time:before {

    top: 0;

    bottom: auto;

    height: 100%;

}

.lastnews ul li:hover .time p,

.lastnews ul li:hover .time span {

    color: #fff;

}



.n_news {

    padding-bottom: 7.9375rem;

}



/* 投融资 */

.ar_article {

    margin-bottom: 1.5rem;

}

.titcon {

    display: flex;

    color: #313b8b;

    font-size: 1.125rem;

    line-height: 1.875rem;

    font-weight: bold;

    gap: .625rem;

}

.titcon {

    margin-bottom: 2.25rem;

}

.ar_article p {

    font-size: .875rem;

    line-height: 1.875rem;

    color: #3b3b3b;

}



.scrollcon {

    max-height: 58.75rem;

    overflow: auto;

    padding-right: 15px;

}





.cpqy ul {

    display: flex;

    /* grid-template-columns: 1fr 1fr; */

    gap: 1.25rem 1.25rem;

    flex-wrap: wrap;



}

.cpqy ul li {

    flex-grow: 1;

    width: 49%;

}

.cpqy ul li a {

    display: block;

    background: #fff;

    padding: 2.25rem 3.125rem;

    border-radius: 8px;

    transition: all .5s;

}





.cpqy ul li a h5 {

    color: #000000;

    font-size: 1.125rem;

    font-weight: bold;

    line-height: 1.875rem;

    transition: all .5s;

}



.cpqy ul li a p {

    color: #3b3b3b;

    font-size: .875rem;

    line-height: 1.5rem;

    margin: 1rem 0 1.5rem;

    transition: all .5s;

}



.cpqy ul li a .xxmore {

    display: flex;

    align-items: center;

    gap: 6px;

    color: #313b8b;

    font-size: .875rem;

    line-height: 1.5rem;

    transition: all .5s;

    position: relative;

}

.cpqy ul li a .xxmore::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 0;

    height: 1px;

    background: #fff;

    transition: all .5s;

}

.cpqy ul li a .xxmore svg path {

    fill: #313b8b;

}

.cpqy ul li:hover .xxmore {

    color: #fff;

    transform: translate(3.125rem);

}

.cpqy ul li:hover .xxmore::before {

    width: 2.5rem;

    left: -3rem;

}

.cpqy ul li:hover .xxmore svg path {

    fill: #fff;

}



.cpqy ul li:hover a {

    background: #313b8b;

}



.cpqy ul li:hover h5,
.cpqy ul li:hover p {

    color: #fff;

}



.cpqy ul li:last-child {

    grid-column-start: 1;

    grid-column-end: 3;

    flex-direction: column;

}



/* 搜索结果 */

.mytime3 {

    flex-shrink: 0;

    font-size: 1.5rem;

    color: #999;

    font-family: BARLOWCONDENSED-REGULAR;

    transition: all .5s;

}

.n_newslist ul li a {

    display: flex;

    padding: 1.875rem 0;

    position: relative
}



.n_newslist ul li a:before {

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background: #f0f0f0;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1
}



.n_newslist ul li a:after {

    content: "";

    display: block;

    width: 0;

    height: 2px;

    background: #313b8b;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    transition: .7s
}



.n_newslist ul li .txt {

    padding-left: 2.625rem
}



.n_newslist ul li .txt h4 {

    font-size: 1.125rem;

    color: #302f38;

    margin-bottom: .625rem;

    transition: all .5s;

}



.n_newslist ul li .txt p {

    font-size: .9375rem;

    color: #989a9c;

    line-height: 1.375rem
}

.n_newslist ul li a:before {

    background: #e4e6e9;

}

.n_newslist ul li a:hover .mytime2 {

    color: #db0018
}



.n_newslist ul li:last-child a {

    padding-bottom: 0
}



.n_newslist ul li a:hover:after {

    width: 50%
}



.n_newslist ul li a:hover .mytime3,

.n_newslist ul li a:hover h4 {

    color: #313b8b;

}





.right_con .pubdate,
.right_con .right_search {



    padding-left: 2rem;

}

.pubdate {

    border-left: 2px solid #313b8b;

}

.pubdate .tt {

    display: flex;

    align-items: center;

    font-size: .875rem;

    color: #5d5d5e;

    margin-bottom: 0.75rem;

}

.pubdate .tt svg {

    width: 1.375rem;

    height: 1.375rem;

    margin-right: 0.875rem;

}

.pubdate .bd {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.pubdate .bd a.on {

    color: #313b8b;

}

.pubdate .bd a:first-child {

    font-size: 1.125rem;

}

.right_search {

    margin-top: 2.25rem;

    background: #fff;

    border-left: 2px solid #313b8b;

}

.right_search form {

    display: flex;

    height: 5rem;

    align-items: center;

}

.pubdate .bd a {

    font-size: 1.375rem;

    width: 20%;

    line-height: 1.875rem;

    color: #919191;

    font-family: BarlowCondensed-Regular, "微软雅黑", arial;

}

.right_search form svg {

    flex-shrink: 0;

    width: 1.625rem;

    height: 1.625rem;

    margin-right: 0.75rem;

}



.right_search form input {

    flex-grow: 1;

    font-size: .875rem;

    color: #000;

}

.right_search form input::-webkit-input-placeholder {

    color: #78797b
}







/* 收并购产品 */

.n_pro_related .pro_tit {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 2.75rem;

    border-bottom: 2px solid #dbdcde;

    margin-bottom: 2rem;

}



.n_pro_related .pro_tt {

    text-align: center;



    color: #212121;

    font-weight: bold;

    font-size: 2.25rem;



}

.n_pro_related .pro_tit a {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: .625rem;

    background: #313b8b;

    border-radius: 4px;

    color: #fff;

    font-size: .875rem;

    width: 6.4375rem;

    height: 3.375rem;

}

.cstable {

    margin-top: 2rem;

}

.cstable .cstit {

    display: flex;

    align-items: center;

    justify-content: center;

    background: #313b8b;

    height: 3rem;

    color: #ffffff;

    font-size: 1.125rem;

    line-height: 1.875rem;

}



.cstable ul {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px 8px;

    margin-top: 9px;

}



.cstable ul li {

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000000;

    font-size: .875rem;

    line-height: 1.875rem;

    height: 3rem;

}



/* 产品业务 */



.about_cp {

    padding: 3rem 0;

    background: #fff;

}

#n_company .n_con .main_box,
#n_gk .n_pro_related .main_box {
    display: flex;
    justify-content: space-between;
}



.n_con .about_cp {

    border-bottom: 1px solid #f0f1f3;

}



.cptit,
.cptits {

    display: flex;

    align-items: center;

    margin-bottom: 3.125rem;

}

.cptits {

    justify-content: center;

}

.about_cp .cptits ul {

    display: flex;

    align-items: center;

    gap: .875rem;



}



.about_cp .cptits ul li a {

    color: #5d5d5e;

    transition: all .5s;

    font-size: 1rem;

    line-height: 3rem;

    border-radius: 1.5rem;

    background: #f0f1f3;

    width: 7.875rem;

    display: flex;

    align-items: center;

    justify-content: center;

}





.about_cp .cptits ul li.on a {

    background: #313b8b;

    color: #fff;

}



.cpul {

    position: relative;

}



.cpul ul {

    display: flex;

    flex-direction: column;

}

.cpul ul li {

    padding: 1.5625rem 2rem 1.5625rem 0;

    transition: all .5s;

    border-top: 1px solid #e7e7e7;

}

.cpul ul li:first-child,

.cpul ul li:hover,
.cpul ul li:hover+li {

    border-top: 1px solid transparent;

}

.cpul ul li a {

    display: flex;

    gap: 3.75rem;

    align-items: center;

    transition: all .5s;

}

.cpul ul li .cpultit h4 {

    color: #313b8b;

    font-size: 1.25rem;

    font-weight: bold;

    line-height: 1.5rem;

}

.cpul ul li .cpultit h5 {

    color: #b2b2b2;

    font-size: 1.125rem;

    font-family: BARLOWCONDENSED-MEDIUM;

}



.cpul ul li .cpulcon p {

    font-size: .875rem;

    line-height: 1.5rem;

    color: #3b3b3b;

    margin-top: 1.875rem;

}

.cpul ul li .img {

    max-width: 18.125rem;

    width: 100%;

    height: 10.625rem;

}

.cpul ul li:hover {

    background: #f0f1f3;

}

.cpul ul li:hover a {

    transform: translateX(1.25rem);

}



/* 荣誉资质 */

#zizhi {

    background: #f4f7fa;

}



.allhonor {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 2rem 2.875rem;



}



.allhonor .kuang {

    background: url(../image/kaung.jpg)no-repeat;

    background-size: 100% 100%;

    position: relative;

}



.allhonor .kuang .imgs {

    padding: 2.25rem 2.25rem;

}

.allhonor .kuang .imgs img {

    margin: auto;

    display: block;

    width: 100%;

}



.allhonor .honor a p {

    font-size: 1rem;

    color: #000000;

    text-align: center;

    line-height: 2;

    padding: 1rem 0;

}



.page .centers {

    justify-content: center;



}



.kuang .fangda {

    position: absolute;

    width: 100%;

    height: 100%;

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

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s;

    opacity: 0;

    top: 0;

}



.allhonor .honor:hover .fangda {

    opacity: 1;

}







/* 区域分布 */



.about_zx ul {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 1.5rem 3.625rem;

}



.about_zx ul li {

    border-top: 2px solid #e7e7e7;

    transition: all .5s;

    overflow: hidden;

}



.about_zx ul li a {

    display: flex;

    justify-content: space-between;

    gap: 3.125rem;

    padding: 2rem 0;

}





.about_zx .zxtime {

    color: #999999;

    font-size: 1.5rem;

    line-height: 1.625rem;

    font-family: BARLOWCONDENSED-REGULAR;

    transition: all .5s;

    flex-shrink: 0;

}



.about_zx h5 {

    color: #302f38;

    font-size: 1.125rem;

    line-height: 1.625rem;

    transition: all .5s;



}



.about_zx p {

    color: #989a9c;

    font-size: .9375rem;

    line-height: 1.375rem;

    margin-top: .5rem;



}





.n_scroll {

    margin-bottom: 2.5rem;

}



.about_zx ul li:hover {

    border-top: 2px solid #313b8b;

}

.about_zx ul li:hover .zxtime,

.about_zx ul li:hover h5 {

    color: #313b8b;

}

.zxcon {

    overflow: hidden;

}







/* 联系我们 */



.n_lianxi .tt h3 {

    font-size: 1.625rem;

    color: #212121;

    font-weight: bold;

    margin-bottom: 0.625rem;

}



.n_lianxi .tt span {

    font-size: 1.375rem;

    color: rgba(99, 99, 99, 0.3);

    font-family: BARLOWCONDENSED-REGULAR;

    text-transform: uppercase;

}





.lianxi_tel {

    display: flex;

    align-items: center;

    margin-top: 1.875rem
}



.lianxi_tel svg {

    margin-right: .75rem;

    width: 1.625rem;

    height: 1.625rem
}



.lianxi_tel>span {

    font-size: .9375rem;

    color: #636363;

}



.lianxi_tel p {

    font-size: 1.875rem;

    color: #313b8b;

    font-family: BARLOWCONDENSED-REGULAR;

    margin-left: .5rem;

    font-weight: bold;

}

.lianxi_tel p:last-child {

    /* margin-left: 2.5rem; */

}

.lianxi_tel p span {

    color: #313b8b;

    font-size: 1.125rem;

    line-height: 2.375rem;

}

.linxi_con {

    display: flex;

    gap: 9.375rem;

}

.gzewm {

    display: flex;

    align-items: center;

    gap: .9375rem;

    position: relative;

}

.gzewm img {

    padding: 9px;

    background: #fff;

}

.gzewm p {

    font-size: .875rem;

    line-height: 1.5;

    color: #000000;

}

.linxi_con dl {

    display: flex
}



.linxi_con dt {

    flex-shrink: 0;

    margin-right: .9375rem
}



.linxi_con dt svg {

    height: 1.875rem;

    width: 1.125rem
}



.linxi_con dd {

    font-size: .9375rem;

    color: #4c4c4c;

    line-height: 1.875rem
}



.n_lianxi .line {

    margin: 3rem 0 1.5rem;

    display: block;

    width: 100%;

    height: 2px;

    background: #e7e9ee;

    position: relative
}



.lianxi_pic {

    position: absolute;

    right: 0;

    max-width: inherit;

    max-height: inherit;

    bottom: -58px
}



.mapbox {

    width: 100%;

    height: 449px;

    border: 2px solid #e7e7e8;

    padding: 8px;

    margin-top: 2.5rem;

}



#container {

    width: 100%;

    height: 100%
}

.amap-info-content {

    padding: 15px 20px;

    width: 280px;
}



.amap-info-content h5 {

    font-size: 15px;

    color: #333;

    margin-bottom: 3px
}



.amap-info-content p {

    font-size: 14px;

    color: #999
}





/* 集团领导 */



#n_main .n_leader {

    background: url(../image/leaderbg.jpg)no-repeat;

    background-size: cover;

    position: relative;

}



#n_main .n_leader .leaders {

    display: flex;

    gap: 5.375rem;

    align-items: flex-start;

    position: relative;

}



#n_main .n_leader .leader {

    width: 10.625rem;

    border-radius: 5px;

    background: #fff;

    overflow: hidden;

    flex-shrink: 0;

}



#n_main .n_leader .leader ul li {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    height: 5rem;

    cursor: pointer;

}

#n_main .n_leader .leader ul {

    display: flex;

    flex-direction: column;

}

#n_main .n_leader .leader ul li::before {

    content: "";

    position: absolute;

    background: url(../image/name.png)no-repeat;

    width: 1rem;

    height: 1rem;

    top: 50%;

    transform: translate(0, -50%);

    right: 15%;

}

#n_main .n_leader .leader ul li.on {

    background: #313b8b;

}



#n_main .n_leader .leader ul li.on p {

    color: #fff;

}

#n_main .n_leader .leader ul li p {

    color: #000000;

    font-size: 1rem;

    line-height: 1.375rem;

}

#n_main .n_leader .leader ul li:first-child::after {

    display: none;

}

#n_main .n_leader .leader ul li::after {

    content: "";

    position: absolute;

    width: 7.5rem;

    height: 1px;

    background: #d9dce0;

    top: 0;

    left: 50%;

    transform: translate(-50%, 0);

}

#n_main .n_leader .leader ul li.on::after,

#n_main .n_leader .leader ul li.on+li::after {

    display: none;

}



.leader_xq .touxiang {

    display: flex;

    align-items: center;

    gap: 4.25rem;

}



.leader_xq .touxiang img {

    max-width: 17.1875rem;

    max-height: 23.125rem;

}



.leader_xq .touxiang h3 {

    font-size: 3rem;

    color: #313b8b;

}

.leader_xq .touxiang h5 {

    font-size: 1.375rem;

    line-height: 1.375rem;

    color: #454646;

    font-weight: bold;

    margin-top: 2.25rem;

}



.leader_xq .leader_jj {

    margin-top: 2rem;

}

.leader_xq .leader_jj p {

    position: relative;

    color: #424242;

    font-size: .9375rem;

    line-height: 2.25rem;

    padding-left: 1.25rem;

}



.leader_xq .leader_jj p::before {

    content: "";

    position: absolute;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #95969f;

    left: 0;

    top: .875rem;

    /* transform: translate(0,-50%); */

}





.n_leader .leader_xq {

    position: sticky;

    top: 1rem;

}





.n_leader .leader_xq>div {

    display: none;

}

.n_leader .leader_xq .item {

    display: block;

}







/* 先进事迹 */





.n_culture {

    width: 100%;

    height: 100%;

    background: url(../image/culturebg.jpg)no-repeat;

    background-size: cover;

    position: relative;

}





.n_culture ul {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 2.625rem 1.25rem;

}



.n_culture ul a p {

    color: #000000;

    font-size: .9375rem;

    line-height: 1.625rem;

    text-align: center;

    padding: 1rem 0;

}







/* 产品公司介绍 */





.company_js {

    display: grid;

    grid-template-columns: 1fr 36.5rem;

    gap: 3.5rem;

    align-items: center;

}



.company_js h4 {

    color: #3b3b3b;

    font-weight: bold;

    font-size: 1.625rem;

    line-height: 1.875rem;

}

.company_js h5 {

    font-family: BARLOWCONDENSED-MEDIUM;

    color: #b2b2b2;

    font-size: 1.25rem;

    line-height: 2.1875rem;

}



.compantit {

    margin-bottom: 2rem;

}

.companycon p {

    color: #3b3b3b;

    font-size: .875rem;

    line-height: 1.875rem;

}



.company_js img {

    width: 100%;

    max-height: 21.5625rem;

}





.cpxg .swiper-slide {

    margin-bottom: 2.3125rem;

    border: 1px solid #ebeff1;

}



.cpxg .box .img {

    position: relative;

    height: 17.1875rem;

}


.cpxg .box h5 {

    font-size: .875rem;

    color: #000000;

    height: 3rem;

    transition: .5s;

    line-height: 3rem;

    padding: 0 1rem;

    text-align: center;

    position: relative;

    z-index: 1;

}



.cpxg .box h5:before {

    content: "";

    display: block;

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    background: #313b8b;

    transition: .5s;

    z-index: -1;

}



.cpxg .box:hover h5:before {

    height: 100%;

}



.cpxg .box:hover h5 {

    color: #fff;

}



.cpxg .swiper-pagination-bullet {

    width: 6px;

    height: 6px;

    background: #999999;

    opacity: 1;

    border-radius: 50%;

    margin: 0 5.5px;

}



.cpxg .swiper-pagination-bullet-active {

    background: #313b8b;

}





/* 人才招聘 */





.recruit li {

    border-top: 1px dotted #7a7a7a;

    border-bottom: 1px dotted #7a7a7a;

}

.recruit li+li {

    border-top: none;

}

.recruit li a {

    padding: 1.875rem 1.625rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 1.5rem;



}



.recruit li a .timetit {

    display: flex;

    align-items: center;

    gap: 3.75rem;

}



.recruit li a .timetit p {

    color: #313b8b;

    font-size: 1.375rem;

    font-family: BARLOWCONDENSED-REGULAR;

    flex-shrink: 0;

}



.recruit li a .timetit h5 {

    color: #161616;

    font-size: 1rem;

}



.recruit li a .xx {

    display: flex;

    align-items: center;

    justify-content: center;

    color: #313b8b;

    font-size: .875rem;

    background: #fff;

    width: 5rem;

    height: 2.25rem;

    border-radius: 1.125rem;

    transition: all .5s;

    flex-shrink: 0;

}



.recruit li:hover .xx {

    background: #313b8b;

    color: #fff;

}



/* 培训学习 */



.peixuntop {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 3.125rem;

    flex-wrap: wrap;

}

.peixuntop .pubdate .bd {

    gap: 1rem;

}

.peixuntop>div {

    padding-left: 2rem;

}



.peixuntop .pubdate .bd a {

    width: auto;

}



.peixuntop .right_search {

    margin-top: 0;

    max-width: 19.75rem;

    width: 100%;

}





.study ul {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 1.875rem 3.75rem;

}



.study ul li a {

    padding: .9375rem 2.25rem .9375rem 1.0625rem;

    display: flex;

    gap: 3rem;

    align-items: center;

    background: #fff;

}



.study ul li a h5 {

    color: #161616;

    font-size: 1.125rem;

    line-height: 2rem;

    margin-bottom: .5rem;

    transition: all .5s;

}



.study ul li a .img,

.n_newcenter ul li a .img {

    max-width: 14.375rem;

    flex-shrink: 0;

    height: 10rem;

    width: 100%;

}

.study ul li p {

    color: #3b3b3b;

    font-size: .9375rem;

    line-height: 1.375rem;

}



.study ul li .eyes {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 1rem;

    margin-top: 2rem;

}



.study ul li .eyes span {

    color: #313b8b;

    font-size: 1.125rem;

    line-height: 1.375rem;

    font-family: BARLOWCONDENSED-REGULAR;

}



.study ul li .eyes .gz {

    display: flex;

    align-items: center;

    gap: 5px;

    color: #7f7f7f;

    font-family: BARLOWCONDENSED-REGULAR;

    font-size: 1.125rem;

    line-height: 1.375rem;

}



.study ul li:hover h5 {

    color: #313b8b;

}



/* 党建 */





.reds .hvr-bounce-to-bottom::before,
.reds li.on {

    background: #d42f4b;

}





.dangjian ul {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 1.625rem 2.625rem;

}



.dangjian ul li {

    border: 1px solid #e6e6e6;

}



.dangjian ul li a {

    padding: 2.25rem 2.5rem 2.25rem 3rem;

    background: #fff;

    display: block;

    transition: all .5s;

    height: 100%;

}



.dangjian ul li a h5 {

    color: #d42f4b;

    font-size: 1.25rem;

    line-height: 2.1875rem;

    font-family: BARLOWCONDENSED-MEDIUM;

    transition: all .5s;

}



.dangjian ul li a h4 {

    color: #202020;

    font-size: 1.125rem;

    line-height: 1.875rem;

    margin: 1rem 0;

    transition: all .5s;

}



.dangjian ul li a p {

    color: rgba(53, 53, 55, .8);

    font-size: .9375rem;

    line-height: 1.5rem;

    transition: all .5s;

}



.dangjian ul li:hover a {

    background: #d42f4b;

}



.dangjian ul li:hover h5,

.dangjian ul li:hover h4,

.dangjian ul li:hover p {

    color: #fff;

}







/* 集团要闻子公司动态 */



.n_newcenter ul {

    display: flex;

    flex-direction: column;

    gap: .625rem;

}

.n_newcenter ul li a {

    display: flex;

}



.n_newcenter ul li a .newcons {

    display: flex;

    gap: 3.125rem;

    width: 100%;

    align-items: center;

    padding: .625rem .75rem;

    background: #fff;

}



.n_newcenter ul li a .newcencon {

    padding-right: 2rem;

}

.n_newcenter ul li a h4 {

    color: #161616;

    font-size: 1.125rem;

    line-height: 2rem;

}





.n_newcenter ul li a h5 {

    color: #313b8b;

    font-size: 1.125rem;

    line-height: 1.375rem;

    font-family: BARLOWCONDENSED-REGULAR;

    margin: 0 0 1rem;

}



.n_newcenter ul li a p {

    color: #3b3b3b;

    font-size: .9375rem;

    line-height: 1.375rem;

}



.n_newcenter ul li a .neweye {

    max-width: 3.4375rem;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #c1c3c6;

    transition: all .5s;

    flex-shrink: 0;

    width: 100%;

}



.n_newcenter ul li:hover .neweye {

    background: #313b8b;

}



/* 办事公司 */

.companyname {

    padding-bottom: 2.75rem;

    border-bottom: 2px solid #dbdcde;

    margin-bottom: 2rem;

}

.companyname h4 {

    color: #000000;

    font-size: 1.625rem;

    line-height: 2.5rem;

    font-weight: bold;

}

.companyname h5 {

    color: #babec5;

    font-size: 1.25rem;

    line-height: 1;

    font-family: BARLOWCONDENSED-MEDIUM;

}



#honor h5 {

    color: #000000;

    font-size: .875rem;

    line-height: 1.9375rem;

    text-align: center;

    padding: 1rem 0;

}



#honor .fangda {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(49, 59, 139, .9);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s;

    opacity: 0;

    top: 0;

}



#honor .swiper-slide:hover .fangda {

    opacity: 1;

}

.honors {

    display: flex;

    gap: 1rem;

    justify-content: space-between;

}

.arrs {

    position: relative;

    max-width: 4.375rem;

    height: 2rem;

    width: 100%;

}

.arrs .prevh {

    left: 0 !important;



}

.arrs .nexth {

    right: 0 !important;

}

.honors .swiper-button-white {

    width: 2rem;

    height: 2rem;

    transform: translate(0, 50%);

}

.honors .swiper-button-white:hover path {

    fill: #313b8b;

}

.ar_article p {
    text-indent: 0;
}

.searchs {
    padding-bottom: 1rem;
}

#j_seach_box,
#s_news_slide {
    background: #fff;
}



.topsearch {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.topsearch a {
    display: block;
    width: 100%;
    height: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}




.search-dialog-box {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 70vh;

    z-index: 1000000;

    opacity: 0;

    visibility: hidden;

    transition: .6s;

    /* overflow: hidden; */

}

.search-dialog-box:before {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    transition: .6s;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: -moz-linear-gradient(270deg, rgb(49, 59, 139) 30%, rgba(49, 59, 139, 0) 100%);

    background-image: -webkit-linear-gradient(270deg, #313b8b 30%, rgba(49, 59, 139, 0) 100%);

    background-image: -ms-linear-gradient(270deg, rgb(49, 59, 139) 30%, rgba(49, 59, 139, 0) 100%);
}

.search-dialog-box.on:before {
    height: 100%
}

.search-dialog-box .bubbles-bg {

    opacity: 0;

    visibility: hidden;

    display: none;

}

.search-dialog-box .search-bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    margin: 0;

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

    background-size: cover;

    background-repeat: no-repeat;

    /* z-index: 1; */

    transform-origin: center center;

    transition: height .8s cubic-bezier(.77, 0, .175, 1);

}

.search-dialog-box .wrap-inner {

    transform: translateY(100%);

    transition: .6s;

}

.header-right .bubbles-bg {

    opacity: 0;

    visibility: hidden;

    transition: all .5s .8s;

}

.search-dialog-box .bubbles-bg .bubble {

    position: absolute;

}

.search-dialog-box .bubbles-bg .bubble .circle {

    border-radius: 100%;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.search-dialog-box .bubbles-bg .bubble1 {

    width: 6%;

    padding-top: 6%;

    left: 26.875%;

    top: -6.67%;

}

.search-dialog-box .bubbles-bg .bubble1 .circle {

    border: 1px solid #fff;

}

.search-dialog-box .bubbles-bg .bubble2 {

    width: 12px;

    padding-top: 12px;

    left: 13.54%;

    top: 18%;

}

.search-dialog-box .bubbles-bg .bubble2 .circle {

    background-color: #ff495f;

}

.search-dialog-box .bubbles-bg .bubble3 {

    width: 36px;

    padding-top: 36px;

    left: 8.854%;

    top: 30.55%;

}

.search-dialog-box .bubbles-bg .bubble3 .circle {

    background-color: #fff;

}

.search-dialog-box .bubbles-bg .bubble4 {

    width: 56.875%;

    padding-top: 56.875%;

    left: -28.6458%;

    top: 51.85%;

}

.search-dialog-box .bubbles-bg .bubble4 .circle {

    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);

    background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);

    background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);

}

.search-dialog-box .bubbles-bg .bubble5 {

    width: 54px;

    padding-top: 54px;

    left: 26.3%;

    top: 70.83%;

}

.search-dialog-box .bubbles-bg .bubble5 .circle {

    background-color: #fff;

    opacity: .1;

}

.search-dialog-box .bubbles-bg .bubble6 {

    width: 56.875%;

    padding-top: 56.875%;

    left: 73.4375%;

    top: -52.77%;

}

.search-dialog-box .bubbles-bg .bubble6 .circle {

    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);

    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);

    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);

}

.search-dialog-box .bubbles-bg .bubble7 {

    width: 2rem;

    padding-top: 2rem;

    left: 60.9375%;

    top: 18.5%;

}

.search-dialog-box .bubbles-bg .bubble7 .circle {

    background-color: #ff495f;

}

.search-dialog-box .bubbles-bg .bubble8 {

    width: 1.35rem;

    padding-top: 1.35rem;

    left: 95.83%;

    top: 70.83%;

}

.search-dialog-box .bubbles-bg .bubble8 .circle {

    border: 1px solid #fff;

}

.search-dialog-box .bubbles-bg .bubble9 {

    width: 16px;

    padding-top: 16px;

    left: 76.5625%;

    top: 96.296%;

}

.search-dialog-box .bubbles-bg .bubble9 .circle {

    background-color: #fff;

}

.search-dialog-box .bubbles-bg .bubble10 {

    width: 56.875%;

    padding-top: 56.875%;

    left: 71.354%;

    top: 87%;

}

.search-dialog-box .bubbles-bg .bubble10 .circle {

    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);

    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);

    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);

}

.search-dialog-box .bubbles-bg .bubble {

    animation: spin 8s infinite linear;

    transform-origin: 50% 45%;

}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {

    animation: spin2 8s infinite linear;

}

.search-dialog-box .bubbles-bg .bubble .circle {

    animation: spin-reverse 8s infinite linear;

}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {

    animation: spin-reverse2 8s infinite linear;

}

.search-dialog-box .bubbles-bg .sm-bubble {

    transform-origin: 30% 30px;

}

.search-dialog {

    position: absolute;

    left: 0;

    top: 50%;



    transform: translateY(-50%);

    width: 100%;

    z-index: 2;

}

.search-dialog .search-tit {

    font-size: 2.75rem;

    line-height: 3.5rem;

    color: #fff;

    text-align: center;

    overflow: hidden;

    display: none;

}

.search-dialog .search-inner {

    overflow: hidden;

    margin-top: 0;

}

.search-dialog .search-input {

    width: 50rem;

    margin: 0 auto;

    padding: 0 0.5rem 0 1.5rem;

    background-color: rgba(255, 255, 255, .1);

    box-sizing: border-box;

    transition: all .3s;

    max-width: 94%;

}

.search-dialog .search-input input[type=text] {

    float: left;

    height: 4.5rem;

    width: calc(100% - 3.5rem);

    background-color: transparent;

    font-size: 1.25rem;

    color: #fff;

    transition: all .3s;

}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {

    color: rgba(255, 255, 255, 0.5);

}

.search-dialog .search-input input[type=text]:-moz-placeholder {

    color: rgba(255, 255, 255, 0.5);

}

.search-dialog .search-input input[type=text]::-moz-placeholder {

    color: rgba(255, 255, 255, 0.5);

}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {

    color: rgba(255, 255, 255, 0.5);

}

.search-dialog .search-input input[type=button],

.search-dialog .search-input .clear-btn {

    float: right;

    height: 4.5rem;

    width: 3.5rem;

}

.search-dialog .search-input input[type=button] {

    background-color: transparent;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 1.5rem;

    background-image: url('../image/search-btn.svg');

}

.search-dialog .search-input .clear-btn {

    background-color: rgba(0, 0, 0, .2);

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('../image/close-btn.svg');

    background-size: 3.5rem;

    border-radius: 100%;

    margin-right: 1rem;

    display: none;

}

.search-dialog .search-input.on {

    background-color: #fff;

}



.search-dialog .search-input.on input[type=submit] {

    background-image: url('https://www.starkckg.com/static/style/pc/images/search-btn2.svg')
}



.search-dialog .hot-search {

    font-size: 0;

    width: 19.5rem;

    margin: .6rem auto 0;

    box-sizing: border-box;

    padding: 0 .6rem;

    overflow: hidden;

}

.search-dialog .hot-search .hot-tit,

.search-dialog .hot-search .hot-link {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: top;

}

.search-dialog .hot-search .hot-tit {

    font-size: .375rem;

    line-height: .5rem;

    color: #fff;

    font-weight: bold;

    padding-left: .6rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .5rem;

    background-image: url(https://www.starkckg.com/static/style/pc/images/hot-icon.png);

}

.search-dialog .hot-link {

    margin-left: 1rem;

}

.search-dialog .hot-link a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .375rem;

    line-height: .5rem;

    margin-right: .75rem;

    color: #fff;

    padding-bottom: 5px;

    position: relative;

}



.search-dialog .hot-link a:before {

    content: "";

    position: absolute;

    left: 0%;

    bottom: 0;

    width: 100%;

    height: 2px;

    background-color: #fff;

    transform: scaleX(0);

    transform-origin: left center;

    transition: transform .3s;

}

.search-dialog-box .bottom-box {

    position: absolute;

    left: 0;

    bottom: 5.1%;

    width: 100%;

}

.search-dialog-box .bottom-box .share-box {

    overflow: hidden;

}

.search-dialog-box .bottom-box .copy {

    font-size: .35rem;

    line-height: .5rem;

    color: #fff;

    font-family: "gilroy-regular";

    margin-top: .5rem;

    overflow: hidden;

}



.header-right.is-open .bubbles-bg {

    visibility: visible;

    opacity: 1;

}

.header-right.is-open .search-btn .con-box {

    display: none;

}

.header-right.is-open .close-btn {

    display: block;

}

.header-right.is-open .item .search-bg {

    transform: scale(1);

}

.search-dialog-box.on {

    opacity: 1;

    visibility: visible;

}

.search-dialog-box.on .search-bg {
    height: 100vh;
}



.search-dialog-box.on .bubbles-bg {
    opacity: 1;
    visibility: visible;
}

.search-dialog-box.on .wrap-inner {
    transform: translateY(0)
}



.pub-close {

    position: absolute;

    width: 3rem;

    height: 3rem;

    z-index: 10;

    right: 1.5rem;

    top: 1.35rem;

    background-color: rgba(255, 255, 255, .1);

    border-radius: 100%;

}

.pub-close .bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #1c5ab7;

    transform: scale(0);

    border-radius: 100%;

    transition: transform .3s;

}

.pub-close i {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-position: center;

    background-size: 0.75rem;

    background-repeat: no-repeat;

    background-image: url(../image/close-btn.svg);

    transition: .6s
}

.pub-close i:hover {
    transform: rotate(180deg)
}



@keyframes spin {

    to {
        transform: rotate(1turn);
    }

}

@keyframes spin2 {

    to {
        transform: rotate(-1turn);
    }

}

@keyframes spin-reverse {

    from {

        transform: rotate(1turn);

    }

}

@keyframes spin-reverse2 {

    from {

        transform: rotate(-1turn);

    }

}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.vjs-poster {
    opacity: 0 !important;
}