@charset "UTF-8";
html {
    overflow-x: hidden
}
body {
   font-size: 16px;
    font-weight: 400;
    font-family: system-ui, -apple-system, 微软雅黑, "microsoft yahei", "helvetica neue", "pingfang sc", PingFangSC-Light, Helvetica, Tahoma, "segoe ui", Roboto, Arial, "hiragino sans gb", "wenquanyi micro hei", sans-serif, "apple color emoji", "segoe ui emoji";
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
    color: rgb(171, 172, 174);
    line-height: 25px;
    backface-visibility: hidden;
    overflow-x: hidden;
    width: 100%;
    min-height: 100%;
    position: relative;
    background: rgb(255, 255, 255);
    transition: all 0.3s ease 0s;
    margin: 0px;
    padding: 0px;
}

body.is-ie {
    background-attachment: fixed
}

img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease
}

img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease
}

h1,h2,h3,h4 {
    font-size: 32px;
    color: #585b60;
    font-weight: 500
}

ol,
ul,
dl{padding:0;margin:0;list-style:none;    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear}
a{text-decoration:none;background-color:transparent;color:#252933}
a:hover,a.active{text-decoration:none;color:#f63854}
*:focus,
textarea:focus,
button:focus,
input:focus{box-shadow:none;outline:0}
p {
    font-weight: 400;
    margin: 0;
    font-size: 14px
}


a:not([href]):not([tabindex]) {
    color: #fff
}

section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    align-self: center;
    list-style: none;
    position: relative;
    width: 100%;
    flex-flow: wrap;
    clear: both;
    overflow: hidden;
}

#main-content {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
    clear: both;
    border: #e5e5e5 1px solid;
    border-top: none
}

.section-header {
    margin-bottom: 30px;
    position: relative;
    width: 100%
}
.section-padding {
    padding:0;
    margin: 0 auto;
}

section h2 {
    position: relative;
    width: 100%
}

.section-header p {
    text-align: center;
    font-weight: 400;
    line-height: 26px
}

.section-title {
    font-size: 30px;
    color: #585b60;
    display: inline-block;
    font-weight: 700;
    position: relative
}

.shape {
    height: 1px;
    margin: 0 auto 30px;
    position: relative;
    width: 60px;
    background-color: #f63854
}

.padding-none {
    padding: 0
}

.bg-gray {
    background: #f9f9f9
}

.btn {
    font-size: 14px;
    padding: 10px 30px;
    cursor: pointer;
    font-weight: 400;
    color: #fff;
    border-radius: 30px;
    transition: all .3s;
    display: inline-block
}

.btn:active,.btn:focus {
    box-shadow: none;
    outline: 0;
    color: #fff
}

.btn-common {
    background-color: #f63854;
    position: relative;
    z-index: 1;
    text-transform: uppercase
}

.btn-common:hover {
    color: #f63854;
    background: 0 0;
    border: 1px dotted #f63854;
    box-shadow: 0 6px 22px rgba(0,0,0,.1);
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.btn-border {
    color: #f63854;
    background-color: transparent;
    border: 1px solid #f63854;
    border-radius: 30px;
    text-transform: uppercase
}

.btn-border:hover {
    color: #fff;
    border-color: #f63854;
    background-color: #f63854
}

.btn-border:focus {
    color: #fff;
    border-color: #f63854;
    background-color: #f63854
}

.btn-lg {
    padding: 14px 33px;
    text-transform: uppercase;
    font-size: 16px
}

button:focus {
    outline: 0!important
}

.button,button,input[type=button],input[type=reset],input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
    transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
    border-radius: .325rem;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    height: 2.825rem;
    line-height: 2.825rem;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
}

.button.icon:before,button.icon:before,input[type=button].icon:before,input[type=reset].icon:before,input[type=submit].icon:before {
    margin-right: .5rem;
    opacity: .5
}

.button.fit,button.fit,input[type=button].fit,input[type=reset].fit,input[type=submit].fit {
    width: 100%
}

.button.wide,button.wide,input[type=button].wide,input[type=reset].wide,input[type=submit].wide {
    width: 9rem
}

.button.small,button.small,input[type=button].small,input[type=reset].small,input[type=submit].small {
    font-size: .8rem;
    height: 2.11875rem;
    line-height: 2.11875rem;
    padding: 0 1.25rem
}

.button.large,button.large,input[type=button].large,input[type=reset].large,input[type=submit].large {
    font-size: 1.325rem;
    height: 3.53125rem;
    line-height: 3.53125rem;
    padding: 0 1.75rem
}

.button:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled {
    pointer-events: none;
    opacity: .25
}

.button,button,input[type=button],input[type=reset],input[type=submit] {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #e5e5e5;
    color: #454545!important
}

.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
    box-shadow: inset 0 0 0 2px #ee6588;
    color: #ee6588!important
}

.button:hover:active,button:hover:active,input[type=button]:hover:active,input[type=reset]:hover:active,input[type=submit]:hover:active {
    background-color: rgba(238,101,136,.075)
}

.i_read_more {
    width: 100%;
    position: relative;
    margin-top: .75rem;
    margin-bottom: .75rem;
    line-height: 1.5rem;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    border: 1px solid rgba(34,34%,34%,8%);
    text-align: center;
    cursor: pointer;
    border-radius: 0 0 4px 4px;
    overflow: hidden
}

.i_read_more svg {
    margin-left: .5rem
}

.i_read_more:hover svg {
    fill: #ee6588
}

.social-icon a {
    color: #666;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
    margin: 15px 6px 12px 4px;
    transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s
}

.social-icon a:hover {
    color: #fff!important
}

.social-icon .facebook:hover {
    background: #3b5999
}

.social-icon .twitter:hover {
    background: #4a9cec
}

.social-icon .instagram:hover {
    background: #d6274d
}

.social-icon .linkedin:hover {
    background: #1260a2
}

.social-icon .google:hover {
    background: #ce332a
}

a.back-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-decoration: none;
    z-index: 99999;
    padding: 1rem;
    color: #333;
    border: 1px solid #f63854;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}

a.back-to-top span {
    display: block;
    text-align: center
}

a.back-to-top:focus,a.back-to-top:hover {
    text-decoration: none
}

#wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.page-border {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

.page-border .bottom-border,.page-border .left-border,.page-border .right-border,.page-border .top-border {
    background: #e4ebf1;
    position: fixed;
    z-index: 9999
}

.page-border>.bottom-border,.page-border>.left-border,.page-border>.right-border,.page-border>.top-border {
    padding: 11px;
    background: #e4ebf1
}

.page-border .bottom-border,.page-border .top-border {
    width: 100%;
    padding: 10px;
    left: 0
}

.page-border .left-border,.page-border .right-border {
    padding: 10px;
    height: 100%;
    top: 0
}

.page-border .top-border {
    top: 0
}

.page-border .right-border {
    right: 0
}

.page-border .bottom-border {
    bottom: 0
}

.page-border .left-border {
    left: 0
}

@media only screen and (max-width: 480px) {
    .page-border {
        display:none;
    }
        #wrapper {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%
    }
}
#wp-admin-bar-wp-logo{display:none!important}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.f300{font-weight:300}
@media (min-width:1200px){
    .container{max-width:1230px;}
}
.dark .top .top_r .top_r_an.theme-switch{color:#ffc008;background:#212121;}
.dark .top .top_r .top_r_an:hover{background:#212121;}
.dark body{background-color:#212121;color:#c9c9c9;background-blend-mode:overlay;}
.dark a{color:#ffffff;}
.dark .header{background:#191919;}
.dark .top .top_r .top_r_an{color:#bdbdbd;}
.dark .mobile_an{color:#bdbdbd;}
.dark #mobile_right_nav .mobile_head{background:#181818;}
.dark #mobile_right_nav .mobile_head .mobile_head_logo b{color:#bdbdbd;}
.dark #mobile_right_nav{background:#000;}
.dark #mobile_right_nav .menu-zk{background:#2a2a2b;}
.dark #mobile_right_nav .menu-zk li a{color:#999;border-bottom:1px solid #222222;}
.dark .post_def,
.dark .post_gallery,
.dark .widget,
.dark .cat_info_top,
.dark .post_container_title,
.dark .post_container,
.dark .post_author,
.dark .post_related,
.dark #comments{background:#2a2a2b;}
.dark .top .top_l .logo a b{color:#fff;}
.dark .header-menu .header-menu-ul li a{color:#fff;}
.dark .widget_hot_tags .tagcloud a{background-color:#343435;}
.dark .widget_hot_tags .tagcloud a:hover{background:#4270f5;color:#fff;}
.dark .widget_hot_tags .tagcloud a.hot:before{background:#4270f5;border:3px solid #212121;}
.dark .widget_comment_ul li{border-bottom:1px solid #303030;}
.dark .widget_comment_ul li:last-child{border:none;}
.dark .widget_recent_entries ul li{border-left:2px solid #343434;}
.dark .widget_recent_entries ul li:before{background-color:#292a2a;}
.dark .widget_recent_entries ul li:after{border:2px solid #2a2a2b;}
.dark .post_container_title{border-bottom:2px solid #272727;}
.dark .post_def .post_def_right .post_def_title p{color:#c0c2cc;}
.dark .post-read-more a{background:#2a2a2b;color:#555;border-radius:4px;}
.dark .post-read-more a:hover{background:#4270f5;color:#fff;}
.dark .posts-nav .page-numbers{background:#2a2a2b;color:#fff;}
.dark .posts-nav .page-numbers:hover{background:#4270f6;}
.dark .posts-nav .current{background:#4270f6;}
.dark .links a{color:#999;}
.dark .foot .foot_nav .beian{color:#999;}
.dark .post_author{border-top:3px solid #272727;}
.dark .post_author_r .post_author_tag em{background:#343435;}
.dark #comments .comments-title{border-bottom:2px solid #2d2d2d;}
.dark #comments .comment-list li .comment-body{border-bottom:1px solid #2d2d2d;}
.dark #comments form.comment-form .comment-form-comment textarea{background:#343435;color:#ccc;}
.dark #comments form.comment-form p input{background:#343435;color:#ccc;}
.dark #comments .comment-list li .comment-body .reply a.comment-reply-link{color:#555;}
.dark .links{background:#191919;}
.dark .footbox{background:#161616;}
.dark #c_sousuo{background:#2e2e2e;}
.dark #c_sousuo .search_box .ss_a{border:3px solid #414141}
.dark .header-menu .header-menu-ul li .sub-menu{background:#212121;}
.dark .widget_search #s{background:#343435;color:#fff;}
.dark #mobile_right_nav .mobile_head .theme-switch{color:#ffc008;background:#212121;}
.dark #mobile_right_nav .menu-zk .menu-item-has-children .czxjcdbs:before{background:#242424;}
.dark #mobile_right_nav .menu-zk .sub-menu{background:#1d1d1d;}
.dark .wznrys .wp-block-table table{color:#fff;}
.dark .widget-title{color:#fff;}
.dark .widget-title:after{background:#212121;}
.dark .post_container_title h1{color:#fff;}
.dark .wznrys{font-size:15px;color:#c9c9c9;}
.dark .post_related_list a{color:#c9c9c9;}
.dark .author_show_box{background:#2a2a2b;}
.dark .author_post{border-top:1px solid #2d2d2d;}
.top{display:flex;justify-content:space-between;align-items:center;}
.top .top_l{display:flex;align-items:center;}
.top .top_l .logo{margin-bottom:0px;font-size:20px;margin-right:25px;}
.top .top_l .logo a{display:flex;align-items:center;}
.top .top_l .logo a img{height:30px;margin-right:10px;}
.top .top_l .logo a b{letter-spacing:0.5px;}
.top .top_r{}
.top .top_r .top_r_an{border:none;color:#555;background:none;width:30px;height:30px;border-radius:50%;display:inline-block;text-align:center;line-height:30px;padding:0;cursor:pointer;}
.top .top_r .top_r_an.theme-switch{background:#e9e9e9;}
.top .top_r .top_r_an:hover{background:#e9e9e9;}
.top .top_r .top_r_an i{}
@media (max-width:768px){
    .top .top_l .logo{margin-right:0px;}
    .top .top_l .logo a img{height:22px;}
    .top .top_r .top_r_an.theme-switch{display:none;}
}
a.back-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-decoration: none;
    z-index: 99999;
    padding: 1rem;
    color: #333;
    border: 1px solid #f63854;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}

a.back-to-top span {
    display: block;
    text-align: center
}

a.back-to-top:focus,a.back-to-top:hover {
    text-decoration: none
}

/*nav*/


.header {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    height: 4rem;
    line-height: 4rem;
    width: 100%;
    box-shadow: 0px 2px 0px 0px rgba(229, 229, 229, 0.2);
    position: fixed !important;    padding-left: 2rem;
    padding-right: 2rem;
    background: #fff;
}

.navbar-nav {
    position: relative
}

.navbar,.navbar-area {
    transition: all .3s;
    background: #fff;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}

.navbar-nav .menu-item a {
    font-size: 16px;
    color: #585b60;
    transition: all .2s;
    position: relative;
    line-height: 4rem;
    display: block;
    white-space: nowrap
}

.navbar-nav .menu-item a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: 0 0;
    transform: scale(0);
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all .3s ease
}

.navbar-nav .menu-item {
    margin-left: 1rem;
    margin-right: 1rem;
    position: relative
}

.navbar-nav .menu-item:first-child {
    margin-left: 0
}

.navbar-nav .menu-item.active>a:after,.navbar-nav .menu-item:hover>a:after {
    background: #f63854!important;
    transform: scale(1);
    transition: all .3s ease
}

.navbar-nav .menu-item.active>a,.navbar-nav .menu-item:hover>a {
    color: #f63854
}

.navbar-nav .menu-item:hover .sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible
}

.navbar-brand {
    padding: 0
}

.navbar-brand img {
height: 3.6rem;
    padding: 0;
    margin: 0;
    max-height: 3.6rem;
    overflow: hidden;
    vertical-align: middle
}

.navbar-area span:hover {
    color: #f63854
}

.nav-addons {
    align-items: center;
    align-self: center;
    align-content: center;
    display: flex
}

.nav-addons a {
    color: #585b60;
    padding-left: 1rem;
    padding-right: 1rem
}

#lang-choose img {
    width: 24px
}

.nav-addons a.active,.nav-addons a:hover {
    color: #585b60
}

.nav-addons a.sign-up {
    color: #fff
}
.nav-addons input{
    height: 3rem;
    line-height: 3rem;
    border:1px solid #e5e5e5;
}

.sign-up {
    background: #f63854;
    border-radius: 4px;
    display: inline-block;
    letter-spacing: .25px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    transition: background .2s,box-shadow .2s
}

.material-symbols-outlined {
    vertical-align: middle
}

@media (max-width: 375px) {
    .navbar-area span {
        text-indent:-.75rem
    }

    .navbar-brand img {
        width: 64px;
        max-width: 64px
    }
}

.navbar-toggler {
    padding: 0;
    box-shadow: none;
    padding-left: 1rem;
    padding-right: 1rem
}

.navbar-toggler .toggler-icon {
    width: 30px;
    height: 2px;
    background-color: #585b60;
    display: block;
    margin: 5px 0;
    position: relative;
    transition: all .3s
}

.collapse.show {
    display: block
}

.navbar-toggler.active .toggler-icon:nth-of-type(1) {
    transform: rotate(45deg);
    top: 7px
}

.navbar-toggler.active .toggler-icon:nth-of-type(2) {
    opacity: 0
}

.navbar-toggler.active .toggler-icon:nth-of-type(3) {
    transform: rotate(135deg);
    top: -7px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-collapse {
        position:absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        box-shadow: 0 15px 20px 0 rgba(0,0,0,.1);
        padding: 5px 12px
    }
}

@media (max-width: 767px) {
    .navbar-collapse {
        position:absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        box-shadow: 0 15px 20px 0 rgba(88,91,96,.1);
        padding: 5px 12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .navbar-nav .nav-item {
        margin-left:30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-nav .nav-item {
        margin:0
    }
}

@media (max-width: 767px) {
    .navbar-nav .nav-item {
        margin:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-nav .nav-item a::after {
        display:none
    }
}

@media (max-width: 767px) {
    .navbar-nav .nav-item a::after {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-nav .nav-item a {
        display:block;
        padding: 6px 0
    }
}

@media (max-width: 767px) {
    .navbar-nav .nav-item a {
        display:block;
        padding: 6px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-nav .nav-item:hover .sub-menu {
        top:0
    }
}

@media (max-width: 767px) {
    .navbar-nav .nav-item:hover .sub-menu {
        top:0
    }
}

.navbar-nav .nav-item .sub-menu {
    width: 200px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    position: absolute;
    top: 110%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-nav .nav-item .sub-menu {
        position:relative;
        width: 100%;
        top: 0;
        display: none;
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 767px) {
    .navbar-nav .nav-item .sub-menu {
        position:relative;
        width: 100%;
        top: 0;
        display: none;
        opacity: 1;
        visibility: visible
    }
}

.navbar-nav .nav-item .sub-menu li {
    display: block
}

.navbar-nav .nav-item .sub-menu li a {
    display: block;
    padding: 8px 20px;
    color: #585b60
}

.navbar-nav .nav-item .sub-menu li a.active,.navbar-nav .nav-item .sub-menu li a:hover {
    padding-left: 25px;
    color: #f63854
}

.navbar-nav .sub-nav-toggler {
    display: none
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-nav .sub-nav-toggler {
        display:block;
        position: absolute;
        right: 0;
        top: 0;
        background: 0 0;
        color: #585b60;
        font-size: 18px;
        border: 0;
        width: 30px;
        height: 30px
    }
}

@media (max-width: 767px) {
    .navbar-nav .sub-nav-toggler {
        display:block;
        position: absolute;
        right: 0;
        top: 0;
        background: 0 0;
        color: #585b60;
        font-size: 18px;
        border: 0;
        width: 30px;
        height: 30px
    }
}

.navbar-nav .sub-nav-toggler span {
    width: 8px;
    height: 8px;
    border-left: 1px solid #585b60;
    border-bottom: 1px solid #585b60;
    transform: rotate(-45deg);
    position: relative;
    top: -5px
}


.contents {
    padding: 2rem
}

.contents p {
    text-align: left
}

#hero-area .contents .head-title {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 10px
}

#hero-area .contents .header-button {
    margin-top: 20px;
    color: #585b60
}

#hero-area .contents .header-button .btn {
    margin-right: 10px
}


/*search*/
.search_box{margin:30px 0px;text-align:center;}
.search_box .ss_a{width:100%;position:relative;border:3px solid #dddddd;line-height:40px;overflow:hidden;padding:0px 15px;}
.search_box .ss_a input{width:100%;border:none;font-size:12px;color:#b7b7b7;background:none;}
.search_box .ss_a button{position:absolute;top:3px;right:12px;bottom:3px;border:none;color:#b7b7b7;border-radius:5px;line-height:1;background:none;}

/*index banner left*/
.banner-content {position:relative}

#banner,.carousel-inner{position:relative;
    width: 100%;
    height: 70vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
   z-index: 0;

}
.hero-area-bg{margin-top:4rem;margin-bottom: 2rem;margin-left: 0;margin-right: 0;
}
.hero-area-bg:after {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(115deg ,rgba(0,0,0,.4) 0 60%,transparent 60% 100%)
}

.hero-area-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 0;
}
.carousel-item {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.carousel-item div{position:relative;z-index:999;display:block}
.w-100 a {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 10px;
}


ul.features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    list-style: none;
    position: relative;
    width: 100%;
    flex-flow: wrap;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding: 1rem
}

ul.features li.col-lg-3 {
    padding-left: 1rem;
    padding-right: 1rem
}
#features .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    z-index: 1
}

#features h2.section-title:before {
    position: absolute;
    width: 5px;
    height: 2px;
    left: 3px;
    top: 0;
    transition: .3s;
    content: "";
    background: #f63854;
    z-index: 2
}

#features .content-left span {
    float: right
}

#features .content-left .text {
    text-align: right
}

#features .content-right span {
    float: left
}

#features .box-item {
    box-shadow: 0 2px 18px 0 rgba(198,198,198,.3);
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    top: 0;
    transition: all .3s
}

#features .box-item .icon {
    text-align: center;
    margin: 12px;
    font-size: 60px;
    font-weight: 400;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

#features .box-item .icon i {
    color: #f63854;
    font-size: 30px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

#features .box-item .text h4 {
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

#features .box-item .text p {
    font-size: 14px;
    line-height: 26px
}

#features .box-item:hover {
    box-shadow: 0 10px 22px 10px rgba(27,38,49,.1)
}

#features .box-item:hover h4 {
    color: #f63854
}

#features .show-box {
    margin-top: 50px
}

#features .show-box img {
    width: 100%
}
.news .col-lg-3 {
    border-left:#e5e5e5 1px solid;
}
.services-item {
    border-radius: 2px;
    text-align: center;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all .3s;
    border-image: initial;
    overflow: hidden;
    display: block;
    transform: scale(1);
    transition: all 2s ease 0s;
    border: 1px solid rgba(229,229,229,.6);
    box-shadow: 0 8px 16px 0 rgba(229,229,229,.2)
}

.services-item .icon {
    margin: 0 auto;
    transition: all .3s;
    display: flex;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    position: relative;
    height: 120px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    
}


.services-item h3 {
    margin-top: 10px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 100%;
    position: relative
}

.services-item h3 a {
    font-size: 16px;
    color: #585b60
}

.services-item h3 a:hover {
    color: #f63854
}

.services-title {
    vertical-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    transition: all .3s;
    position: relative;
    width: 100%;
    clear: both;
    padding: 1rem
}

.services-content {
    padding: 1rem;
    background: #f9f9f9;
    color: #585b60
}

.services-item .services-content p {
    display: flex;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    flex: 1;
    word-break: break-all;
    text-align: justify;
    width: 100%
}

.services-item .active,.services-item:hover {
    transform: scale(1.05);
    transition: all 2s ease 0s
}

.services-item:hover .right-line::after {
    height: 100%;
    transition: all 2s ease 0s
}

.services-item .active .right-line::before,.services-item:hover .right-line::before {
    width: 100%;
    transition: all 2s ease 0s
}

.services-item .active .left-line::before,.services-item:hover .left-line::before {
    width: 100%;
    transition: all 2s ease 0s
}

.services-item .active .left-line::after,.services-item:hover .left-line::after {
    height: 100%;
    transition: all 2s ease 0s
}

.services-item:hover .icon {
    border-color: #f63854;
    transition: all 1s ease 0s
}

.services-item:hover .icon i {
    color: #fff
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.carousel-item-next,.carousel-item-prev {
    position: absolute;
    top: 0
}

@media(-webkit-transform-3d) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .active.carousel-item-right,.carousel-item-next {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    .active.carousel-item-left,.carousel-item-prev {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@supports(-webkit-transform: translate3d(0,0,0)) or (transform:translate3d(0,0,0)) {
    .carousel-item {
        -webkit-transition:-webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .active.carousel-item-right,.carousel-item-next {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    .active.carousel-item-left,.carousel-item-prev {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4%;
    color: #fff;
    text-align: center;
    z-index: 5
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left:0;
}

.carousel-control-next {
    right:0;
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: 50% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M15 18L9 12L15 6%22 stroke=%22%23fc0082%22 stroke-width=%226%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M9 18L15 12L9 6%22 stroke=%22%23fc0082%22 stroke-width=%226%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin:0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

#carouselBannerIndicators,.carousel-indicators,.flex-row,.feature-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    position: relative;
    width: 100%;
    flex-flow: wrap
}

.home-id {
    box-shadow: 0 1px 12px rgba(55,99,170,.1)
}

.home-about-img {
    height: 100px
}
.box-shadow {
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,8%);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,8%);
    -ms-box-shadow: 0 0 6px rgba(0,0,0,8%);
    -o-box-shadow: 0 0 6px rgba(0,0,0,8%);
    box-shadow: 0 0 6px rgba(0,0,0,8%);
    border-image: initial;
    position: relative
}

.box-shadow:hover {
    transform: scale(1.1);
    transition: all 2s ease 0s
}

.right-line::before {
    position: absolute;
    width: 40px;
    height: 3px;
    right: 0;
    bottom: -1px;
    transition: .3s;
    content: "";
    background: linear-gradient(90deg ,rgba(238,101,136,.9),rgba(246,149,96,.9));
    z-index: 2
}

.right-line::after {
    position: absolute;
    width: 3px;
    height: 40px;
    right: -1px;
    bottom: 0;
    transition: .3s;
    content: "";
    background: linear-gradient(90deg ,rgba(238,101,136,.9),rgba(246,149,96,.9));
    z-index: 2
}

.left-line::before {
    position: absolute;
    width: 40px;
    height: 3px;
    left: 0;
    top: -1px;
    transition: .3s;
    content: "";
    background: linear-gradient(90deg ,rgba(238,101,136,.9),rgba(246,149,96,.9));
    z-index: 2
}

.left-line::after {
    position: absolute;
    width: 3px;
    height: 40px;
    left: -1px;
    top: 0;
    transition: .3s;
    content: "";
    background: linear-gradient(90deg ,rgba(238,101,136,.9),rgba(246,149,96,.9));
    z-index: 2
}
.hero-bg {
    z-index: 4;
    width: 1026px;
    min-height: 20rem;
    max-height: 20rem;
    top: 0;
    left: 0;
    transform: translate(-50%,0)
}

.banner-content,.d-block {
    z-index: 5;
    position: relative;
    -moz-transition: opacity 1s ease-in-out,-moz-transform 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out,-webkit-transform 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out,-ms-transform 1s ease-in-out;
    transition: opacity 1s ease-in-out,transform 1s ease-in-out;
    border-radius: .325rem;
    text-align: center;

}

#banner .banlist{display:block;position:relative;z-index:1;overflow:hidden;}
#banner .banlist:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;opacity:0.6;background:linear-gradient(to top,black,#ffffff00);}
#banner .banlist img{transition:all .3s ease-out 0s;}
#banner .banlist h2{position:absolute;color:#fff;z-index:9;font-size:14px;width:100%;bottom:0px;left:0px;padding:20px 25px;margin:0px;}
#banner .banlist i{position:absolute;top:0px;left:0px;background:#4270f5;color:#fff;font-size:12px;font-style:inherit;padding:3px 7px;}
#banner:hover .banlist img{transform:scale(1.1);}
@media (max-width:768px){
    #banner .banlist h2{bottom:22px;text-align:center;}
    #banner .carousel-indicators{display:flex;justify-content:center;right:0;left:0;bottom:8px;}
}

/* layout */

.contents {
    padding: 2rem
}

.contents p {
    text-align: left
}

#hero-area .contents .head-title {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 10px
}

#hero-area .contents .header-button {
    margin-top: 20px;
    color: #585b60
}

#hero-area .contents .header-button .btn {
    margin-right: 10px
}

.header-button p {
    line-height: 2rem;
    color: #fff;
    padding: .5rem;
    text-align: center
}

.info {
    padding: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    position: relative;
    width: 100%;
    flex-flow: wrap;
    clear: both;
    overflow: hidden;
    text-align: left
}

#full-features h2,#full-features p,.site-heading,.site-heading p,.info h2,.info p {
    width: 100%;
    position: relative
}

.site-heading p {
    line-height: 3rem
}

#why-ixcdn .site-heading {
    padding-left: 2rem;
    padding-right: 2rem
}

#full-features h2,.site-heading h2,.info h2 {
    display: block;
    zoom:1;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 40px;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#full-features h2:before,.site-heading h2:before,.info h2:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 10rem;
    background: linear-gradient(to right,#f63854 40%,#e5e5e5 60%);
    z-index: 1
}

#full-features p,.info p {
    font-size: 15px;
    line-height: 3rem;
    margin: 0
}

#full-features h2,#full-features p {
    padding-left: 1rem;
    padding-right: 1rem
}

#full-features p.intro {
    line-height: 2rem;
    display: inline-block;
    border: 1px solid rgba(229,229,229,.6);
    background: #f9f9f9;
    width: 100%;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: -1rem;
    position: relative
}

#full-features h2:before {
    left: 1rem
}

.info section {
    -webkit-box-pack: justify;
    -webkit-justify-content: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: flex-start;
    margin: 0;
    padding: 0
}

.info section ul:not(:last-child):after {
    content: "";
    position: absolute;
    pointer-events: none;
    background: #e5e5e5;
    transition: background .3s;
    height: 60%;
    width: 2px;
    top: 80px;
    right: 2rem;
    transform: scale(1);
    transition: all 1s ease
}

.info ul {
    position: relative;
    padding: 2rem
}

.info ul li {
    width: 100%;
    position: relative;
    line-height: 2rem;
    text-align: left;
    list-style: disc;
    margin-left: 1rem
}

.info ul li.title {
    font-size: 16px;
    line-height: 3rem;
    font-weight: 500;
    list-style: none;
    margin-left: 0
}

.team-item:hover {
    box-shadow: 0 10px 22px 10px rgba(27,38,49,.1)
}

.team-item {
    margin: 15px 0;
    border-radius: 0;
    box-shadow: 0 2px 18px 0 rgba(198,198,198,.3);
    transition: all .3s;
    display: flex
}

.team-item .team-img {
    width: 200px
}

.team-item .info-text {
    margin-bottom: 10px
}

.team-item .info-text h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 5px
}

.team-item .info-text h3 a {
    color: #333
}

.team-item .info-text h3 a:hover {
    color: #f63854
}

.team-item .info-text p {
    margin: 0;
    color: #888
}

#pricing {
    text-align: center
}

#pricing .title {
    padding-top: 20px
}

#pricing .title h3 {
    text-transform: uppercase;
    color: #333;
    font-size: 18px
}

#pricing .table {
    margin-top: 15px;
    padding: 30px;
    border-radius: 4px;
    border: none!important;
    box-shadow: 0 2px 18px 0 rgba(198,198,198,.3);
    transition: all .3s
}

#pricing .table .icon-box {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #ebedef;
    margin-bottom: 20px;
    transition: all .3s
}

#pricing .table .icon-box i {
    color: #f63854;
    line-height: 80px;
    font-size: 30px;
    transition: all .3s
}

#pricing .table .pricing-header {
    position: relative;
    text-align: center
}

#pricing .table .pricing-header .price-value {
    font-size: 24px;
    color: #f63854;
    position: relative;
    text-align: center;
    font-weight: 700
}

#pricing .table .pricing-header .price-value span {
    font-size: 15px;
    color: #abacae;
    font-weight: 400
}

#pricing .table .description {
    text-align: left;
    padding: 0 40px;
    margin-bottom: 20px
}

#pricing .table .description li {
    font-size: 14px;
    font-weight: 400;
    color: #abacae;
    padding: 4px 0;
    list-style: disc
}

#pricing .table .description li:last-child {
    border-bottom: none
}

#pricing .table:hover {
    background: #fff;
    box-shadow: 0 10px 22px 10px rgba(27,38,49,.1)
}

#pricing .table:hover .icon-box {
    background: #f63854
}

#pricing .table:hover .icon-box i {
    color: #fff
}

#pricing #active-tb {
    background: #fff;
    box-shadow: 0 10px 22px 10px rgba(27,38,49,.1)
}

#pricing #active-tb .icon-box {
    background: #f63854
}

#pricing #active-tb .icon-box i {
    color: #fff
}

#pricing .active {
    z-index: 999
}

.contact {
    align-items: center
}

.form-control {
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #f1f1f1;
    transition: all .3s
}

.form-control:focus {
    border-color: #f63854;
    box-shadow: none;
    outline: 0
}

textarea {
    border-radius: 4px!important
}

.form-control:focus {
    box-shadow: none;
    outline: 0
}

.btn:disabled {
    opacity: 1
}

.contact-form-area h2 {
    font-size: 18px;
    text-transform: uppercase
}

#contact .col-lg-6,#contactForm,.contact-block,.news .news-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
    position: relative;
    margin: 0
}

#contactForm,.contact-block {
    width: 100%;
    overflow: hidden
}

#contact .contact-form-area {
    padding: 0;
    padding-left: 1rem
}

#contact .news {
    align-content: stretch;
    align-self: stretch;
    align-items: stretch;
    padding: 0
}

.news,.news .news-item {
    width: 100%;
    line-height: 2rem;
    padding: 1rem;
    background: #fff
}
.news-item .col-3,.news-item .col-9{overflow:hidden}


.news .news-item:not(:last-child) {
    border-bottom: #e5e5e5 1px solid
}

.news .news-item h4,.news .news-item p,.news .news-item span {
    position: relative;
    width: 100%
}

.news .news-item h4 {
    font-size: 24px
}

.news .news-item p {
    font-size: 15px;
    line-height: 2rem
}

.news .news-item p span.is-link {
    font-weight: 500;
    color: #f63854
}

.news .news-item img {
    max-height: 160px;
    border:1px solid #e5e5e5;
}

.news .news-item img:hover {
    transform: scale(1)
}

.contact-form-area .col-lg-6 {
    position: relative
}

.contact-right-area {
    margin-left: 50px
}

.contact-right-area .contact-title {
    margin-bottom: 20px
}

.contact-right-area .contact-title h1 {
    font-size: 22px
}

.contact-right {
    padding: 4px
}

.contact-right .single-contact {
    margin: 30px 0;
    padding: 3px 55px;
    position: relative;
    color: #abacae
}

.contact-right .single-contact p {
    margin-bottom: 0
}

.contact-right .single-contact p a {
    color: #abacae
}

.contact-right .contact-icon {
    background: #f63854;
    color: #fff;
    border-radius: 4px;
    font-size: 20px;
    height: 40px;
    left: 0;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px
}

.h3 {
    float: right;
    font-size: 16px
}

.footer-area {
    position: relative;
    padding-left: 2rem;
    padding-right: 2rem
}

.footer-logo img {
    width: 140px
}

.footer-area .footer-titel {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    padding-bottom: 20px;
    letter-spacing: .5px
}

.footer-area .footer-titel span {
    color: #ccc;
    font-weight: 400
}

.footer-area .textwidget p {
    color: #333
}

.footer-area .footer-link li {
    margin-bottom: 10px
}

.footer-area .footer-link li a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    position: relative
}

.footer-area .footer-link li a:hover {
    color: #f63854
}

.footer-area .address li {
    margin-bottom: 20px
}

.footer-area .address li a {
    color: #666;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400
}

.footer-area .address li a i {
    font-size: 22px;
    width: 32px;
    vertical-align: middle;
    height: 36px;
    text-align: center;
    display: inline-block;
    float: left;
    margin-right: 5px;
    line-height: 32px
}

#copyright .copyright-content {
    border-top: 1px solid #d5d4e9;
    padding: 15px 0;
    margin: 45px 0 0
}

#copyright p {
    line-height: 42px;
    color: #333;
    text-align: center;
    margin: 0
}

#copyright p a {
    color: #f63854
}

.social-icon a {
    color: #272727;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    margin: 15px 6px 12px 4px;
    transition: all .3s
}

.social-icon a:hover {
    color: #fff!important
}

.social-icon .facebook:hover {
    background: #3b5999
}

.social-icon .twitter:hover {
    background: #4a9cec
}

.social-icon .instagram:hover {
    background: #d6274d
}

.social-icon .linkedin:hover {
    background: #1260a2
}

.social-icon .google:hover {
    background: #ce332a
}

#services li.col-lg-3 {
    position: relative;
    margin: 0;
    padding: 0
}



/*post loop*/
.post_def{background:#fff;padding:20px;margin-bottom:20px;border-radius:4px;}
.post_def:hover img{transform:scale(1.1);}
.post_def .post_def_left{display:block;overflow:hidden;}
.post_def .post_def_left img{border-radius:4px;transition:.6s;width:100%;}
.post_def .post_def_right{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.post_def .post_def_right .post_def_title{}
.post_def .post_def_right .post_def_title h2{font-size:18px;margin-bottom:15px;}
.post_def .post_def_right .post_def_title h2 a{}
.post_def .post_def_right .post_def_title p{color:#545454;line-height:1.8;font-weight:300;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.post_info{color:#888;font-size:12px;font-weight:300;display:flex;justify-content:space-between;align-items:center;}
.post_info .post_info_l{}
.post_info .post_info_l span{margin-right:20px;}
.post_info .post_info_l span i{margin-right:6px;}
.post_info .post_info_l span a{color:#888;}
.post_info .post_info_r{}
.post_info .post_info_r em{font-style:inherit;margin-left:12px;color:#888;}
.post_info .post_info_r em a{margin-left:3px;color:#888;}
.post_gallery{background:#fff;padding:20px;margin-bottom:20px;}
.post_gallery .post_gallery_head{position:relative;}
.post_gallery .post_gallery_head h2{font-size:18px;margin-bottom:20px;}
.post_gallery .post_gallery_head h2 a{}
.post_gallery .post_gallery_head img{border-radius:4px;}
.post_images{position:relative;margin-bottom:20px;border-radius:5px;overflow:hidden;}
.post_images .post_images_foot{position:absolute;bottom:0px;color:#fff;padding:40px 30px;z-index:9;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;}
.post_images .post_images_foot h2{font-size:20px;margin-bottom:18px;}
.post_images .post_images_foot h2 a{color:#fff;}
.post_images .post_images_foot p{font-weight:300;margin-bottom:15px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.post_images .post_images_foot .post_info{color:#fff;}
.post_images .post_images_foot .post_info a{color:#fff;}
.post_images:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;opacity:0.6;background:linear-gradient(to top,black,#ffffff00);}
.post-read-more{text-align:center;margin-bottom:20px;}
.post-read-more a{background:#fff;padding:11px 0px;display:block;color:#919191;font-size:13px;}
.post-read-more a.loading{background:#4270f5;color:#fff;}
.posts-nav{text-align:center;margin:40px 0px;}
.posts-nav .page-numbers{padding:5px 10px;background:#fff;display:inline-block;color:#555;font-size:12px;margin:0px 2px;}
.posts-nav .page-numbers:hover,
.posts-nav .page-numbers.current{background:#4270f6;color:#fff;}
@media (max-width:768px){
    .post_info .post_info_r{display:none;}
    .post_info .post_info_l span{margin-right:10px;}
    .post_images .post_images_foot{padding:15px;}
    .post_def .post_def_right .post_def_title p{display:none;}
    .post_def{margin-bottom:10px;padding:12px;}
    .post_def .post_def_right .post_def_title h2{font-size:14px;margin-bottom:5px;}
    .post_gallery{margin-bottom:10px;padding:12px;}
    .post_images{margin-bottom:10px;}
    .post_author{display:none;}
    .post_gallery .post_gallery_head h2{font-size:14px;margin-bottom:10px;}
    .post_images .post_images_foot p{display:none;}
    .post_images .post_images_foot h2{font-size:14px;margin-bottom:8px;}
}
.links{background:#272b30;padding:25px 0px;font-size:12px;}
.links a{color:#999;margin-right:8px;font-weight:300;display:inline-block;}
.links span{color:#999;font-weight:300;}
.footbox{background:#1f2327;padding:25px 0px;font-size:12px;}
.foot{display:flex;flex-direction:row;justify-content:space-between;}
.foot a{color:#999;}
.foot .copyright{}
.foot .copyright p{color:#999;margin:0px;font-weight:300;}
.foot .copyright p a{color:#999;}
.foot .foot_nav{display:flex;}
.foot .foot_nav .dbdh{}
.foot .foot_nav .dbdh ul{}
.foot .foot_nav .dbdh ul li{display:inline-block;margin-right:20px;}
.foot .foot_nav .dbdh ul li a{color:#999;font-weight:300;display:inline-block;}
.foot .foot_nav .dbdh ul li a:hover{font-weight:bold;}
.foot .foot_nav .beian{}
@media (max-width:768px){
    .foot{display:flex;flex-direction:column;align-items:center;}
    .foot .foot_nav{margin-bottom:0px;}
    .foot .foot_nav .dbdh{display:none;}
    .foot .foot_nav .beian{margin-top:8px;}
}

/*gototop*/
.scrollToTopBtn{background-color:black;border:none;border-radius:50%;color:white;cursor:pointer;font-size:16px;height:48px;width:48px;position:fixed;bottom:30px;right:30px;z-index:100;opacity:0;transform:translateY(100px);transition:all .5s ease;}
.scrollToTopBtn:hover{background:#4270f6;color:#fff;}
.showBtn{opacity:1;transform:translateY(0)}

/*widget*/
.sidebar_sticky{position:sticky;top:95px;margin-bottom:20px;}
.widget{margin-bottom:20px;position:relative;overflow:hidden;background:#FFF;padding:20px 22px 20px 22px;border-radius:4px;}
.widget-title{font-size:16px;text-transform:uppercase;margin-bottom:35px;position:relative;padding-left:1.25rem;}
.widget-title:before{content:'';position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:5px;background:#0a59f8;background:linear-gradient(to top,#6598ff,#0a59f8);}
.widget-title:after{content:'';position:absolute;height:1px;background:#f7f7f7;left:-22px;bottom:-15px;right:-22px;width:calc(100% + 44px);}
.widget_text .textwidget{}
.widget_text .textwidget p{font-size:12px;}

/*widget kuaixun*/
.widget_recent_entries{}
.widget_recent_entries ul{margin-left:5px;}
.widget_recent_entries ul li{border-left:2px solid #eaeef5;padding-bottom:20px;padding-left:20px;position:relative;}
.widget_recent_entries ul li a{margin-bottom:6px;display:block;font-size:13px;}
.widget_recent_entries ul li span{color:#7d7d7d;display:block;font-weight:300;font-size:12px;}
.widget_recent_entries ul li:last-child{border-bottom:none;padding-bottom:0px;margin-bottom:0px;}
.widget_recent_entries ul li:before{content:"";position:absolute;background-color:#fff;height:4px;width:4px;border-radius:50%;left:-3px;top:8px;z-index:9;}
.widget_recent_entries ul li:after{content:"";position:absolute;background-color:#4270f6;height:14px;width:14px;border-radius:50%;left:-8px;top:3px;transition:.6s;border:3px solid #fff;}
.widget_recent_entries ul li:hover:after{background-color:#ffc109;}

/*widget tags*/
.widget_hot_tags .tagcloud{}
.widget_hot_tags .tagcloud a{font-size:13px!important;padding:5px 13px;display:inline-block;margin-right:6px;margin-bottom:6px;border-radius:3px;background-color:#f5f5f5;position:relative;}
.widget_hot_tags .tagcloud a:hover{background:#4270f5;color:#fff;}
.widget_hot_tags .tagcloud a.hot:before{content:"";position:absolute;width:12px;height:12px;background:#4270f5;border-radius:50%;top:-2px;right:0px;border:3px solid #fff;}

/*widget search*/
.widget_search .searchform{position:relative;}
.widget_search .screen-reader-text{display:none;}
.widget_search #s{width:100%;height:36px;border:none;text-indent:10px;font-size:14px;border-radius:8px;overflow:hidden;background:#f5f5f5;font-weight:300;}
.widget_search #searchsubmit{width:60px;height:36px;border:none;background:#4270f6;color:#fff;position:absolute;right:0px;font-size:12px;border-radius:0px 8px 8px 0px;}

/*widget comment*/
.widget_comment_ul{}
.widget_comment_ul li{display:flex;padding-bottom:15px;border-bottom:1px solid #f4f4f4;margin-bottom:15px;}
.widget_comment_ul li img{margin-right:13px;width:24px;height:24px;flex-shrink:0;border-radius:50%;display:block;}
.widget_comment_ul li .widget_comment_info{}
.widget_comment_ul li .widget_comment_info a{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.widget_comment_ul li .widget_comment_info span{display:block;font-size:12px;color:#9e9c9c;margin-top:5px;font-weight:300;}
.widget_comment_ul li .widget_comment_info span em{margin-right:5px;font-style:inherit;}
.widget_comment_ul li:last-child{margin:0px;padding:0px 0px 5px 0px;border:none;}

/*widget hot_post*/
.widget_hot_post{}
.widget_hot_post .widget_hot_li{display:flex;align-items:center;margin-bottom:20px;position:relative;}
.widget_hot_post .widget_hot_li img{width:75px;margin-right:15px;flex-shrink:0;border-radius:4px;}
.widget_hot_post .widget_hot_li .hot_post_info{}
.widget_hot_post .widget_hot_li .hot_post_info h4{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:5px;font-weight:inherit;}
.widget_hot_post .widget_hot_li .hot_post_info h4 a{}
.widget_hot_post .widget_hot_li .hot_post_info p{margin:0px;font-size:12px;color:#9b9b9b;font-weight:300;}
.widget_hot_post .widget_hot_li:last-child{margin:0px;}
.widget_hot_post .widget_hot_li:first-child{position:relative;}
.widget_hot_post .widget_hot_li:first-child img{width:100%;margin:0px;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info{position:absolute;bottom:0px;width:100%;height:100%;color:#fff;padding:15px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;z-index:9;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info h4{margin-bottom:0px;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info h4 a{color:#fff;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info p{color:#fff;}
.widget_hot_post .widget_hot_li:first-child:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;opacity:0.6;background:linear-gradient(to top,black,#ffffff00);}

/*widget_admin_show*/
.author_show_box{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px;}
.author_show_box .author_show_head{text-align:center;z-index:9;position:relative;padding:30px 30px 0px 30px;}
.author_show_box .author_show_head img{border-radius:50%;margin-bottom:15px;}
.author_show_box .author_show_head h3{font-size:16px;margin-bottom:15px;}
.author_show_box .author_show_head p{font-weight:300;line-height:1.4;margin-bottom:15px;font-size:13px;}
.author_show_box .author_show_info{text-align:center;padding:5px 0px 20px 0px;color:#6a6a6a;font-size:12px;}
.author_show_box .author_show_info span{margin:0px 10px;}
.author_show_box .author_show_info span i{margin-right:8px;}
.author_show_box .author_show_info span b{font-weight:inherit;}
.author_post{padding:20px 22px 0px 22px;border-top:1px solid #f6f5f5;}
.author_post li{display:flex;align-items:center;margin-bottom:20px;position:relative;}
.author_post li img{width:75px;margin-right:15px;flex-shrink:0;border-radius:4px;}
.author_post li .author_title{}
.author_post li .author_title h4{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:5px;font-weight:inherit;}
.author_post li .author_title h4 a{}
.author_post li .author_title p{margin:0px;font-size:12px;color:#9b9b9b;font-weight:300;}

/*post*/
.post_container_title{padding:35px 30px 20px 30px;background:#ffffff;border-bottom:2px solid #f7f7f7;border-radius:4px 4px 0px 0px;}
.post_container_title h1{font-size:20px;margin-bottom:0px;}
.post_container_title p{margin:15px 0px 0px 0px;font-size:12px;}
.post_container_title p span{margin-right:20px;color:#8c8989;font-weight:300;}
.post_container_title p span i{margin-right:5px;}
.post_container{background:#fff;padding:30px 32px 20px 32px;border-radius:0px 0px 4px 4px;}
.post_comment{border-radius:4px;overflow:hidden;}
.post_author{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:20px 30px;background:#fff;border-top:3px solid #f7f7f7;border-radius:0px 0px 4px 4px;}
.post_author_l{display:flex;align-items:center;}
.post_author_l img{border-radius:50%;margin-right:15px;width:28px;height:28px;}
.post_author_l span{}
.post_author_r{display:flex;align-items:center;}
.post_author_r .post_author_tag{}
.post_author_r .post_author_tag em{background:#f7f7f7;padding:4px 8px;margin:0px 4px;font-style:inherit;border-radius:4px;font-size:12px;display:inline-block;}
.post_author_r .post_author_tag em i{margin-right:2px;}
.post_author_r .post_author_tag em:hover{background:#24b581;color:#fff;}
.post_author_r .post_author_tag em:hover a{color:#fff;}
.post_author_icon{margin-left:15px;}
.post_author_icon a{background:#4270f5;padding:4px 8px;margin:0px 4px;font-style:inherit;border-radius:4px;color:#fff;font-size:12px;display:inline-block;}
.post_author_icon a:hover{}
.post_author_icon a i{margin-right:3px;}
.post_related{background:#fff;padding:30px 30px 15px 30px;border-radius:4px;}
.post_related_list{}
.post_related_list a{display:block;margin-bottom:15px;color:#515151;position:relative;padding-left:15px;}
.post_related_list a:before{content:"";width:5px;height:5px;border-radius:50%;background-color:#ccc;position:absolute;top:8px;left:0px;}
@media (max-width:768px){
    .post_container_title{padding:20px;}
    .post_container_title h1{font-size:18px;}
    .post_container{padding:20px;}
    .post_author{padding:20px;}
    .post_author_r .post_author_tag{display:none;}
    .post_related{padding:20px 20px 15px 20px;}
    .post_related_list a{font-size:13px;}
}

/*cat*/
.cat_info_top{background:#fff;padding:20px;margin-bottom:20px;}
.cat_info_top h2{font-size:18px;margin-bottom:0;position:relative;padding-left:1.25rem;}
.cat_info_top h2:before{content:'';position:absolute;left:2px;top:7px;width:8px;height:8px;border-radius:5px;background:#0a59f8;background:linear-gradient(to top,#6598ff,#0a59f8);}
.cat_info_top p{margin-bottom:0px;color:#888;line-height:1.6;font-weight:300;margin-top:10px;}

/*next_prev_posts*/
.next_prev_posts{display:table;width:100%;margin-bottom:20px;}
.next_prev_posts .prev_next_box{width:50%;float:left;position:relative;display:block;}
.next_prev_posts .prev_next_box a{display:block;padding:30px 20px;color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.next_prev_posts .prev_next_box a:after{content:'';position:absolute;background-color:rgba(0,0,0,.46);left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:0;}
.next_prev_posts .prev_next_box .prev_next_info{z-index:1;position:relative;}
.next_prev_posts .prev_next_box .prev_next_info small{font-size:16px;}
.next_prev_posts .prev_next_box .prev_next_info p{margin-top:10px;margin-bottom:0px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.next_prev_posts .prev_next_box.nav_next .prev_next_info{text-align:right;}
@media (max-width:768px){
    .next_prev_posts .prev_next_box a{padding:15px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
    .next_prev_posts .prev_next_box .prev_next_info small{font-size:12px;}
    .next_prev_posts .prev_next_box .prev_next_info p{font-size:12px;margin-top:5px;}
}

/*zw*/
.wznrys{font-size:15px;text-align:justify;}
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}
.wznrys .post-image{padding-bottom:20px}
.wznrys p{line-height:2;padding-bottom:20px;margin-bottom:0;margin-top:0;}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;}
.wznrys h1{font-size:22px;}
.wznrys h2{font-size:20px;}
.wznrys h3{font-size:18px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:14px;}
.wznrys h6{font-size:14px;}
.wznrys ol,
.wznrys ul{margin-bottom:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:24px;margin-bottom:12px;line-height:2;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;}
.wznrys p img{max-width:100%;height:auto}
.wznrys blockquote{margin:5px 0px 30px 0px;position:relative;border-radius:3px;font-size:inherit;padding:10px 25px 0px 25px;border-left:4px solid #e3e3e3;background-color:#f9f9f9;}
.wznrys blockquote p{padding:0px 0px 5px 0px;font-weight:bold;font-size:16px;font-style:inherit;}
.wznrys blockquote cite{padding-bottom:20px;display:flex;font-size:14px;line-height:2;font-style:inherit;}
.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys p a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;margin:0 4px}
.wznrys strong{font-weight:bold;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}

/* code */
.wznrys pre.wp-block-code{margin:20px 0px 30px 0px;position:relative;background:#4270f5;padding-top:36px;border-radius:5px;border:1px solid #efefef;}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;}
.wznrys pre.wp-block-code code:before{content:attr(class);position:absolute;top:6px;right:20px;color:#7e7cfe;text-transform:uppercase;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;width:100%;}
.wznrys pre.wp-block-code code table tr{}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#d3d3d3;font-weight:300;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #eaeaea;padding-left:20px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}
.dark .wznrys pre.wp-block-code{background:#363636;border:1px solid #363636;}
.wznrys .wp-block-image{margin-bottom:30px;}
.wznrys .wp-block-image figure{}
.wznrys .wp-block-image figure img{}
.wznrys .wp-block-image figure.aligncenter{}
.wznrys .wp-block-image figure.aligncenter img{display:block;margin:auto;}
.wznrys figure{border:none!important;}
.wznrys figcaption{font-size:12px;font-weight:300;margin:15px 0px!important;text-align:center;}
.wznrys .wp-block-gallery figcaption{margin:0!important;}
.wznrys .wp-block-table{}
.wznrys .wp-block-table table{border:1px solid #e9e9e9;font-size:14px;margin-bottom:20px;border-right:none;border-bottom:none;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{border-bottom:1px solid #e7e7e7;}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:12px 20px;border-right:1px solid #e7e7e7;}
.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}
.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#dc3544;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}
@media (max-width:992px){
    .sidebar_sticky{display:none;}
    .none_992{display:none;}
}
@media (max-width:768px){
    .mobile_none{display:none;}
}
.nopic_des{position:fixed;width:100%;height:100%;background:#ffffff;top:0px;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;text-align:center;line-height:2;}
.nopic_des a{background:#3556f3;margin-top:20px;padding:8px 45px;font-size:16px;color:#fff;}