/*=============================j_reset=====================================*/

* {

    font-family: PingFang SC, "苹方", "微软雅黑", arial;

    padding: 0;

    margin: 0;

}

* {

    margin: 0;

    padding: 0;

    outline: 0;

    box-sizing: border-box;

    min-width: 0
}

html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

}



button,
html input[type="button"] {
    outline: none;
}

html,

body {

    width: 100%;

    position: relative;

    heightimg_size: auto;

     overflow-x: hidden; 

}



*[align="center"] {

    margin: 0 auto;

}



html {

    font-size: 62.5%;

}



@font-face {

    font-family: 'j_cn_font';

    src: url('https://www.starkckg.com/static/style/pc/font/cn/j_cn.eot?') format('embedded-opentype'),

        /* IE6-IE8 */

}



@font-face {

    font-family: 'font_xixian';

    src: url('https://www.starkckg.com/static/style/pc/en/font/font_xixian.eot?') format('embedded-opentype'),

        /* IE6-IE8 */

        url('https://www.starkckg.com/static/style/pc/font/en/font_xixian.ttf') format('truetype'),

        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

        url('https://www.starkckg.com/static/style/pc/font/en/font_xixian.svg') format('svg');

    /* iOS 4.1- */

}



.font_xixian {

    font-family: 'font_xixian';

}



.font_cn {

    font-family: 'j_cn_font';

}



body {

    font-size: 1.6rem;

    /* =16px */

}



::selection {

    color: #fff;

    background-color: #313b8b;

}



::-moz-selection {

    color: #fff;

    background-color: #313b8b;

}



::-webkit-selection {

    color: #fff;

    background-color: #313b8b;

}



::-webkit-scrollbar {

    width: 3px;

    height: 3px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    background-color: #313b8b;

}

.swiper-button-disabled {

    opacity: .3 !important;

}

h1,

h2,

h3,

h4,

h5,

h6,

strong {

    font-weight: normal;

}



a,

input,

img,

:focus {

    mayfish: expression(this.onfocus=this.blur);

    cursor: handbblr:expression(this.onFocus=this.blur());

    /*IE使用*/

    outline-style: none;

    /*FF使用*/

}



/*去除a标签带来的虚框*/

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block
}



ul,

li {

    list-style: none
}



blockquote,

q {

    quotes: none
}

a , #bnt_sub_nav , #nav_btn {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;

}

blockquote:after,

blockquote:before,

q:after,

q:before {

    content: '';

    content: none
}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: 0 0
}

path {

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none
}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: 700
}



del {

    text-decoration: line-through
}



abbr[title],

dfn[title] {

    border-bottom: 1px dotted #000;

    cursor: help
}



table {

    border-collapse: collapse;

    border-spacing: 0
}



input,

select {

    vertical-align: middle
}



input {

    padding: 0 5px;

    vertical-align: middle;

    line-height: normal;

}

::-webkit-scrollbar {

    width: 3px;

    height: 3px;

    background-color: #F5F5F5
}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2
}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    background-color: #313b8b
}



::-webkit-input-placeholder {

    color: #a6a6a6
}



::-moz-placeholder {

    color: #a6a6a6
}



::-moz-placeholder {

    color: #a6a6a6
}



::-ms-input-placeholder {

    color: #a6a6a6
}



:focus::-webkit-input-placeholder {

    color: transparent !important
}



:focus:-moz-placeholder {

    color: transparent !important
}



:focus::-moz-placeholder {

    color: transparent !important
}



:focus:-ms-input-placeholder {

    color: transparent !important
}



:focus:-ms-input-placeholder {

    color: transparent !important
}

/*css定义超链接四个状态也有顺序的。*/

a:link,

a:visited {

    text-decoration: none;

    cursor: pointer !important;

}



a:hover,

a:active {

    border: none;

    color: #6e6e6e;

}



/*辅助样式*/

.fl,

.left {

    float: left !important;

}



.fr,

.right {

    float: right !important;

}



.no_bg {

    background: none !important;

}



.no_border {

    border: 0 !important;

}



.no_padding {

    /* padding:0 !important; */

    /* text-indent: 0 !important; */

}



.no_margin {

    margin: 0 !important;

}



.no_bg_img {

    background-image: none !important;

}



.border {

    border: 1px solid #dedede;

}



.clear {

    clear: both;

}



.h_x {

    color: #fe0505;

    font-weight: bold;

    padding-left: 10px;

    padding-top: 10px;

}



hr {

    display: block;

    height: 0px;

    border: 0;

    border-bottom: 1px solid #dadbde;

    padding: 0;

    margin-bottom: 2rem
}



.j_bnt {

    display: inline-block;

    border: none;

    background: #3cac4a;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    padding: 0 35px;

}



.j_bnt:hover {

    background: #4bc65a;

    cursor: pointer;

}



.tmd {

    opacity: 1;

    filter: alpha(opacity=100);

}



.icon_dd {

    background: #2d95a2 none repeat scroll 0% 0%;

    border-radius: 50%;

    height: 6px;

    display: inline-block;

    width: 6px;

    margin: 0px 10px;

}



/*文字排版、颜色*/

.t2 {

    text-indent: 2em;

}



.red {

    color: #ff2a00 !important;

}



.green {

    color: #3cac4a !important;

}



.blue {

    color: #ea7b99 !important;

}



.t_sd {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.text-overflow-hidden {

    overflow: hidden;

    word-spacing: normal;

    letter-spacing: normal;

    whitewhite-space: nowrap;

}



.u_bnt {

    display: inline-block;

    border: none;

    border-radius: 3px;

    background: #1949b9;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

}



.u_bnt:hover {

    background: #5b6cc2;

    cursor: pointer;

}



.f12 {

    font-size: 12px;

}



.f13 {

    font-size: 13px;

}



.f14 {

    font-size: 14px;

}



.f15 {

    font-size: 15px;

}



.f16 {

    font-size: 16px;

}



.f20 {

    font-size: 20px;

}



.fb {

    font-weight: bold;

}



.fn {

    font-weight: normal;

}



.text_dx {

    text-transform: uppercase;

}



.submit {

    cursor: pointer;

    background-color: none;

    border: none;

}



.pad_bot {

    padding-bottom: 6.25rem;

}



.pad_bot2 {

    padding-bottom: 5.3125rem;

}



.pad_top {

    padding-top: 6.25rem;

}

.pad_top2 {

    padding-top: 5.3125rem;



}

.arrstyle .bd {

    position: relative;

}

.txtovh1 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.txtovh2 {

    overflow: hidden;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.bnt {}



.bnt_bg1 {

    background: #ff4400;

}



.my_title {

    color: #df9e5d;

    font-size: 25px;

}



.text_indent {

    text-indent: 2em;

}



.ar_article {

    color: #6e6e6e;

    font-size: 15px;

    line-height: 30px;

    text-align: justify;

}



.ar_article p {

    font-size: 15px;

    color: #6e6e6e;

    line-height: 30px;

    padding-bottom: 15px;

    text-align: justify;


}



.ar_article strong {

    font-weight: bold;

}



.ar_article td,

.ar_article th {

    padding: 15px 15px;

    border: 1px solid #e1e1e4;

}



.ar_article td p,

.ar_article th p {

    padding-bottom: 3px !important;

    margin-bottom: 0;

    text-indent: 0;

    line-height: 26px !important;

}



.ar_article img {

    max-width: 100%;

    display: block;

    margin: auto;

}



.ar_article a {

    color: #6e6e6e;

}



.ar_article a:hover {

    text-decoration: underline;

}



.ar_article a:hover span {

    text-decoration: underline;

}



/* .ar_article h1,

.ar_article h2,

.ar_article h3,

.ar_article h4,

.ar_article h5,

.ar_article h6 {

    font-weight: bold;

} */
.img_db img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img_db:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 61.9%;
    position: static !important;
}

.img_size dd img,

.img_size li img,

.img_size1 .pic,

.img_size img {

    -moz-transition: all 2s ease !important;

    -webkit-transition: all 2s ease-in-out !important;

    -o-transition: all 2s ease-in-out !important;

    -ms-transition: all 3s ease-in-out !important;

    transition: all 2s ease-in-out !important;

}



/*ewm*/

#test.ewm_box {

    cursor: pointer;

    position: relative;

}



#test.ewm_box .ewm {

    position: absolute;

    right: -80px;

    top: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    z-index: 3;

}



#test.ewm_box:hover .ewm {

    opacity: 1;

    filter: alpha(opacity=100);

}



hover img {

    transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    /* Safari and Chrome */

    -moz-transform: rotateY(180deg);

    /* Firefox */

}



/*缓动*/

aa {

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

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

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

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

    transition: all 0.3s ease-in-out;

}



#n_nav i,

#n_service li,

#n_job ul *,

#n_nav li a strong,

.n_form .submit,

.more,

#n_news .un *,

#gotop,

#n_news .un a,

#n_case_hot *,

#n_case_list li .text_box,

#n_honor_list li,

#n_honor_list li span,

#n_qytc .bd li,

#n_video_list li h1,

#n_video_list li,

#n_book_show .un_box li .text_box,

.bnt,

#nav li .a i,

#n_nav a strong,

#gotop,

#n_party .up_box li,

#n_party a,

#n_party .un_box *,

#n_staff ul *,

#n_business .up_box .bd a,

#cy_news .date_box strong i,

#cy_data .text_box a,

#n_dsj .bd li,

#hr_slide li *,

#n_contact .un_box li,

#list_news *,

#hot_pic_news a,

#hot_text_news *,

#n_video ul *,

#n_cy_news *,

#n_business_type ul *,

.toolbarDiv a {

    -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;

}



#ch_link li a img {

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

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

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

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

    transition: all 3s ease-in-out;

}



#nav ul li a,

.n_left .up .content ul .on a,

#n_video strong {

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

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

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

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

    transition: all 0s ease-in-out;

}



#banner_zt .bd li img {

    -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;

}



#index #map a:hover {

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



#page_gl_active img {

    -moz-transition: all 2s ease;

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

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

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

    transition: all 2s ease-in-out;

}



/*缩放*/

.img_size li:hover img,

.img_size a:hover img,

.img_size1 li:hover .pic {

    -moz-transform: scale(1.05);

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

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

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

    transform: scale(1.05);

}



an_map_mark {

    animation: an_map_mark;

    -moz-animation: an_map_mark;

    /* Firefox */

    -webkit-animation: an_map_mark;

    /* Safari and Chrome */

    -o-animation: an_map_mark;

    display: block;

    animation-duration: 1s;

    animation-timing-function: ease-in-out;

    animation-delay: 0s;

    animation-iteration-count: infinite;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-delay: 0s;

    -webkit-animation-iteration-count: infinite;

}



@keyframes an_map_mark {

    0% {

        bottom: 60px;

        opacity: 1;

        -moz-transform: rotate(0deg) scale(1);

        -o-moz-transform: rotate(0deg) scale(1);

        -o-moz-transform: rotate(0deg) scale(1);

        -webkit-moz-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }



    100% {

        bottom: 50px;

        opacity: 1;

        -moz-transform: rotate(0deg) scale(1);

        -o-moz-transform: rotate(0deg) scale(1);

        -o-moz-transform: rotate(0deg) scale(1);

        -webkit-moz-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }

}



@-webkit-keyframes an_map_mark {

    0% {

        bottom: 60px;

        opacity: 1;

        -moz-transform: rotate(0deg) scale(1);

        -o-moz-transform: rotate(0deg) scale(1);

        -o-moz-transform: rotate(0deg) scale(1);

        -webkit-moz-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }



    100% {

        bottom: 50px;

        opacity: 1;

        -moz-transform: rotate(0deg) scale(1);

        -o-moz-transform: rotate(0deg) scale(1);

        -o-moz-transform: rotate(0deg) scale(1);

        -webkit-moz-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }

}



/*==============滚动条=====================*/

.j_scoll {

    position: relative;

    padding-bottom: 80px;

    overflow: scroll;

    overflow-y: hidden;

    white-space: nowrap;

    width: 100%;

}



/*chuizhi*/

#ascrail2000 {

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

    opacity: 1 !important;

}



#ascrail2000-hr {

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

    width: 100%;

    height: 4px;

    opacity: 1 !important;

}



#ascrail2000-hr div {

    top: 1px !important;

}



#ascrail2000 div {

    background-color: #0152a5 !important;

}



/*#ascrail2000,#ascrail2001,#ascrail2002,#ascrail2003,#ascrail2004,#ascrail2005,#ascrail2006,#ascrail2007,#ascrail2008,#ascrail2009,#ascrail2010,#ascrail2011,#ascrail2012,#ascrail2013,#ascrail2014,#ascrail2015,#ascrail2016,#ascrail2017,#ascrail2018,#ascrail2019,#ascrail2020,#ascrail2021,#ascrail2022{   opacity: 0 !important; }*/

#ascrail2000-hr {

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

    width: 100%;

    height: 4px;

    opacity: 0 !important;

}



#ascrail2000-hr div {

    top: 1px !important;

}



#ascrail2000 div {

    background-color: #0152a5 !important;

}



/*百度播放器美化*/

#playercontainer_display_button {

    background: none !important;

    height: 40px;

    width: 40px !important;

    border: 2px solid #fff;

    border-radius: 50%;

    padding: 0 !important;

}



#playercontainer_display_button #playercontainer_display_button_play {

    background-size: 25px;

}



#playercontainer_display_button {

    height: 40px !important;

    margin-top: -18px !important;

}



#playercontainer_display .cbpreview {

    opacity: .7 !important;

    filter: alpha(opacity=70);

}

/* 放大 */

/***********************/



.fancybox-enabled {
    overflow: hidden
}



.fancybox-enabled body {
    overflow: visible
}



.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}



.fancybox-container~.fancybox-container {
    z-index: 99992
}



.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -o-transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}



.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}



.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}



.fancybox-show-controls .fancybox-controls {
    opacity: 1
}



.fancybox-infobar {
    display: none
}



.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}



.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}



.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}



.fancybox-show-buttons .fancybox-buttons {
    display: block
}



.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}



.fancybox-slider,
.fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}



.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: 0;
    white-space: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch
}



.fancybox-slide:before {
    content: "";
    height: 100%;
    width: 0
}



.fancybox-slide:before,
.fancybox-slide>* {
    display: inline-block;
    vertical-align: middle
}



.fancybox-slide>* {
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}



.fancybox-slide--image {
    overflow: hidden
}



.fancybox-slide--image:before {
    display: none
}



.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: 0;
    font-size: 16px;
    font-family: Arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}



.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}



.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
    background: 0 0
}



.fancybox-placeholder {
    z-index: 99995;
    background: 0 0;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}



.fancybox-image,
.fancybox-placeholder,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0
}



.fancybox-image,
.fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: 0 0;
    background-size: 100% 100%
}



.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}



.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}



.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}



.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}



.fancybox-spaceball {
    z-index: 1
}



.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}



.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default
}



.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}



.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer
}



.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50%;
    height: 50%;
    font: 20px/50% Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}



.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}



.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: 0 0
}



.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}



.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2rem 0;
    text-align: center;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, .1)), color-stop(40%, rgba(0, 0, 0, .2)), color-stop(80%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none
}



.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}



.fancybox-caption {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .2);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}



.fancybox-caption a,
.fancybox-caption button {
    pointer-events: all
}



.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}



.fancybox-button {
    display: block;
    position: fixed;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    top: 50%;
    margin-top: -22px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    outline: 0;
}



.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}



.fancybox-button {
    background-color: #a0a0a0;
}



.fancybox-button:hover {
    background-color: #f99e01;
}



.fancybox-button:after,
.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}



.fancybox-button--disabled:after,
.fancybox-button--disabled:before {
    opacity: .5
}



.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}



.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}



.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}



.fancybox-button--left {
    left: 1%;
}



.fancybox-button--right {
    right: 1%;
}



.fancybox-button--close {
    float: right
}



.fancybox-button--close:after,
.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}



.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}



.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}



.fancybox-loading {
    border: 6px solid rgba(99, 99, 99, .4);
    border-top: 6px solid rgba(255, 255, 255, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}







@-webkit-keyframes a {



    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }



    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }



}







@keyframes a {



    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }



    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }



}







@media (max-width:768px) {



    .fancybox-controls {
        text-align: left
    }



    .fancybox-button--left,
    .fancybox-button--right,
    .fancybox-buttons button:not(.fancybox-button--close) {
        display: none !important
    }



    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }



}







.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: 0 0
}



.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: 0 0
}



.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: 0 0
}



.fancybox-button--thumbs span {
    font-size: 23px
}



.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}



.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}



.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}



.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}



.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: 0;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}



li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}



.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}



.fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #f99e01;
    z-index: 99991;
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}



.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}







@media (max-width:768px) {



    .fancybox-thumbs {
        display: none !important
    }



    .fancybox-container--thumbs .fancybox-caption-wrap,
    .fancybox-container--thumbs .fancybox-controls,
    .fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }



}



.fancybox-button--close {



    float: right;



    top: 0;



    right: 0;



    margin: 0;



}





/*移动端美化*/

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

    .main_box {

        width: 90%;

        margin: 0 auto;

    }



    .article {

        margin-left: 10px;

        margin-right: 10px;

    }



    .article img {

        max-width: 100%;

        margin: 0 auto;

    }



    #ownage_page_loader_text {

        position: absolute;

        left: 0;

        top: 0px;

        color: green;

        font-size: 20px;

        z-index: 9999
    }



    #ownage_page_loader {

        position: absolute;

        top: 100px;

        left: 0;

        background: red;

        height: 10px
    }



    #ownage_page_loader_text {

        background: url(https://www.starkckg.com/static/style/pc/images/loadingr_red.gif) center no-repeat !important;

        height: 100% !important;

        width: 100% !important;

    }



    /*===============================================select===================================================*/

    .select_ui,

    select {

        cursor: pointer;

        position: relative;

        display: inline-block;

        background: #fff;

        vertical-align: middle;

        text-align: left;

        cursor: inherit;

        text-align: center;

        width: 100%;

    }



    .select_focus_ui,

    select:focus {

        border-color: #FED519
    }



    .select_ui .select_arrow {

        position: absolute;

        top: 50%;

        right: 10px;

        display: block;

        overflow: hidden;

        width: 0;

        height: 0;

        border: 6px solid #fff;

        border-color: #818181 transparent;

        border-bottom: 0;

        margin-top: -2px;

    }



    .select_ui .select_text_ui {

        display: block;

        overflow: hidden;

        color: inherit;

        vertical-align: baseline;

        white-space: nowrap;

        line-height: normal;

        color: #bbbbc0;

        height: 32px;

        line-height: 32px;

        padding-left: 20px;

        text-align: left;

        width: 100%;

        font-size: 14px;

    }



    .select_ui .select_poswrap,

    .select_ui select {

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        margin: 0;

        padding: 0;

        border: 0
    }



    .select_ui select {

        box-sizing: border-box;

        height: 100%;

        width: 100%;

        background: #fff;

        color: inherit;

        font: inherit;

        opacity: 0;

        filter: alpha(opacity=0)
    }



    .select_ui .select_poswrap {

        overflow: hidden;

        width: 0;

        height: 0
    }





    /*===============================================zoom===================================================*/

    #zoom {

        z-index: 99990;

        position: fixed;

        top: 0;

        left: 0;

        display: none;

        width: 100%;

        height: 100%;

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

        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"

    }



    #zoom .content {

        z-index: 99991;

        position: absolute;

        top: 50%;

        left: 50%;

        width: 200px;

        height: 200px;

        background: #fff no-repeat 50% 50%;

        padding: 0;

        margin: -100px 0 0 -100px;

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

        border-radius: 4px
    }



    #zoom .content.loading {

        /*background-image:url(../img/loading.gif)*/

    }



    #zoom img {

        display: block;

        max-width: none;

        background: #ececec;

        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);

        border-radius: 4px
    }



    #zoom .close {

        z-index: 99993;

        position: absolute;

        top: 0;

        right: 0;

        width: 49px;

        height: 49px;

        cursor: pointer;

        /*background:transparent url(../images/close.png) no-repeat 50% 50%;*/

        opacity: 1;

        filter: alpha(opacity=100);

        border-radius: 0 0 0 4px
    }



    #zoom .next,

    #zoom .previous {

        z-index: 99992;

        position: absolute;

        top: 50%;

        overflow: hidden;

        display: block;

        width: 49px;

        height: 49px;

        margin-top: -25px
    }



    #zoom .previous {

        left: 0;

        /*background:url(../images/arrows.png) no-repeat 0 0;*/

        border-radius: 0 4px 4px 0
    }



    #zoom .next {

        right: 0;

        /*background:url(../images/arrows.png) no-repeat 100% 0;*/

        border-radius: 4px 0 0 4px
    }



    #zoom .close:hover {

        background-color: #da4f49
    }



    #zoom .next:hover,

    #zoom .previous:hover {

        background-color: #08c
    }



    /*======================漂浮=========================*/

    .piaofu {

        position: absolute;

        right: 0px;

        top: 50%;

        margin-top: -105px;

        position: fixed;

        z-index: 99999999;

        background: #fff;

    }



    .piaofu .box a {

        display: block;

        position: relative;

        width: 70px;

        height: 70px;

        background-color: #f6f6f9;

    }



    .piaofu .wx {

        position: relative;

    }



    .piaofu .wx {

        transition: 1s;

    }



    .piaofu .wx:hover .ewm {

        display: block;

    }



    .piaofu .ewm_box {

        position: relative;

    }



    .piaofu .ewm_box {

        transition: 1s;

    }



    .piaofu .ewm_box:hover .ewm {

        display: block;

    }



    .piaofu .ewm {

        display: none;

        position: absolute;

        right: 70px;

        top: 0;

    }



    .piaofu .tel {

        position: relative;

    }



    .piaofu .tel {

        transition: 1s;

    }



    .piaofu .tel:hover #tel_box {

        display: block;

    }



    .piaofu #tel_box {

        border: 1px solid #ddd;

        line-height: 68px;

        width: 100px;

        color: #545454;

        font-size: 14px;

        background: #f9f9f9;

        border-radius: 3px;

        padding: 0 20px;

        display: none;

        position: absolute;

        right: 70px;

        top: 0;

    }



    .piaofu .box a {

        transition: 1s;

        background-size: 30px auto;

    }



    .piaofu .qq a {

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

    }



    .piaofu .qq:hover a {

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

    }



    .piaofu .zx1 a {

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

    }



    .piaofu .zx1:hover a {

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

    }



    .piaofu .zx2 a {

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

    }



    .piaofu .zx2:hover a {

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

    }



    .piaofu .zx3 a {

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

    }



    .piaofu .zx3:hover a {

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

    }



    .piaofu .ewm_box a {

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

    }



    .piaofu .ewm_box:hover a {

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

    }



    .piaofu .wx a {

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

    }



    .piaofu .wx:hover a {

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

    }



    .piaofu .tel a {

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

    }



    .piaofu .tel:hover a {

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

    }



    .piaofu .address a {

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

    }



    .piaofu .address:hover a {

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

    }



    .gotop a {

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

    }



    .piaofu .gotop:hover a {

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

    }



    .piaofu .box a {

        background-color: #f6f6f9;

        margin-bottom: 1px
    }



    .piaofu .box span {

        font-size: 12px;

        color: #838291;

        padding-left: 10px;

        position: absolute;

        bottom: 5px;

        text-align: center;

    }



    .piaofu .box:hover a {

        background-color: #213a7d;

    }



    .piaofu .box:hover span {

        color: #fff;

    }