/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/
.colored {color: #183b70 !important;}
.colored2 {color: #187ff4}
.colorDarkBlue h2 a {color: #183b70;}
.border-dark-blue {border: 1px solid #1f4580 !important;}
.border-dark-gray {border: 1px solid #5c6066 !important;}
.min-height-200 {min-height: 200px;}

@media (min-width: 992px) {
    .menu-container > .menu-item > .menu-link {
        font-size: 15px;
        padding-left: 20px;
        padding-right: 20px;
        font-weight: 400;
    }
}
@media (max-width: 992px) {
    .section {margin: 30px 0; padding: 30px 0;}
    #footer {background-size: cover !important;}
}

.none{display:none}
/*.no_padding {padding:0;}*/
/*.noline {border:none;}*/
.block{display:block !important;}
.dis_block{display:block;}
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.textright{text-align:right}
.border_gray {border:1px solid #e0e0e0;}
.border_gray1 {border:1px solid #eaeaea;}
.border_ea {border:1px solid #eaeaea;}
.border_b {border-bottom:1px solid #e0e0e0;}
.border_r {border-right:1px solid #e0e0e0;}
.border_l {border-left:1px solid #e0e0e0;}
.border_t {border-top:1px solid #e0e0e0;}
.border_red {border:1px solid #fe0000;}
.nohb:hover {border:none !important;}
.bs_b {background-color:#fff; border:1px solid #eaeaea;box-shadow: 0 3px 3px #eaeaea; }
.m5{margin:5px}
.m0{margin:0}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.p40{padding:40px}
.mt5{margin-top:5px}
.ml-15 {margin-left: -15px !important;}
.mt-5{margin-top:-5px}
.mt-1rem{margin-top:-1rem !important;}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb25{margin-bottom:25px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml-10{margin-left:-10px}
.ml-20{margin-left:-20px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr-10{margin-right:-10px}
.mr-20{margin-right:-20px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.p0{padding:0}
.p25{padding:25px}
.p30{padding:30px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pb0{padding-bottom:0}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px !important;}
.pl25{padding-left:25px !important;}
.pl20{padding-left:20px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pl50{padding-left:50px}
.lh28{line-height:28px;}
.left-15 {left: 15px !important;}
.right-15 {right: 15px !important;}
.wth30{width:30px;}
.wth50{width:50px !important;}
.wth80{width:80px;}
.wth100{width:100px;}
.wth120{width:120px;}
.wth140{width:140px;}
.wth160{width:160px;}
.width200{width:200px;}
.wth285{width:285px !important;}
.width275p{width:27.5%;}
.width20p {width:20%;}
.width25p {width:25%;}
.width30p {width:30%;}
.width64p {width:64%;}
.width78p {width:78%;}
.width100p {width:100%;}
.ib {display:inline-block;}
.clear{clear:both;height:0;line-height:0;margin:0 auto;font-size:1px}
.lineHeight20 {line-height:20px;}
.lineHeight26 {line-height:26px;}
.lineHeight16 {line-height:16px;}
.dotline_b {border-bottom:1px dotted #dadada;}
.dashedline_b {border-bottom: 1px dashed #eee;}
.dashedline_t {border-top: 1px dashed #eee;}
.hoverGray:hover { background-color: #F0F0F0;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f22{font-size:22px !important;}
.f25{font-size:25px !important;}
.f28{font-size:28px !important;}

.f75{font-size: 0.75rem !important;}
.f80{font-size: 0.80rem !important;}
.f85{font-size: 0.85rem !important;}
.f90{font-size: 0.90rem !important;}
.f95{font-size: 0.95rem !important;}

.fbig{font-size:22px}
.red {color:red;}
.r10 { right:10px;}
.round4 {border-radius:4px;-moz-border-radius:4px;}
.bgorange {background:#fff4e9}
.bgyellow {background:#fffff3}
.bgblue {background:#f3f9ff}
.lineHeight16 img{vertical-align:middle;margin-right:1px;}
.imgv{vertical-align:middle;}
.liNone{list-style:none}
.marginCenter{ margin:0 auto !important;}
.centerWidth{ margin:0 auto; width:1200px;}
.pageWidth{ width:1200px;}
.hidden {display: none;}
.bsd {border:1px solid #cccccc;}
.bdd {border:1px dotted #cccccc;}
.underline{text-decoration:underline}
.text-indent-2em {text-indent:2em;}
.overNO {overflow:hidden;}
.yahei {font-family: "Microsoft YaHei";}
.bline {border-bottom:3px solid #6ea523;}
.bdotted {border-bottom:1px dotted #ccc;}
.lhh {height:22px; line-height:22px; color:#006aec}
.bline2 {border-bottom:1px solid #ccc;}
.hoverbg1:hover {background-color:#f9f9f9;}
.dateStyle {font:italic small-caps normal 16px/150% Arial, Helvetica, sans-serif; }
.round3 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.round5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.round15 {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.round25 {-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.norad {border-radius:0;}
.wbb {word-break:break-all;}
.wbbStar *{word-break:break-all;}
.wbk {word-break:keep-all;}
.yld {min-width:30px; border-bottom:1px solid #ccc;margin-right:5px;margin-left:5px;}
.width60 {width:60px;}
.width120 {width:120px;}
.width180 {width:180px;}
.width_50_link {float: left; width: 50% !important; padding-right: 5px; padding-left: 5px;}
.h100p {height: 100%}
.wwb{word-wrap: break-word; word-break: normal; }
.wsn {white-space:nowrap;}
.bor_box {box-sizing:border-box;}
.left {float:left;}
.right {float:right;}
.both {clear:both; }
.transparent {background:transparent}
.static {position:static;}
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}
.grayT {color:#999999 !important;}
.darkT {color:#4a4a4a !important;}
.grayBright {color:#afafaf !important;}
.orangeT {color:#ff641e}
.orangeT2 {color:#FF6600}
.orangeT a{color:orange}
.purpleText {color: #7851ff !important;}
.orangeText {color: #e95d28 !important;}
.redText {color: #e93b3d !important;}
.blueT {color: #2f7bff !important;}
.white {color:#fff;}
/*.666t {color:#666 !important;}*/
.fered {color:#fe0000;}
.bggray {background:gray}
.brightgray {background:#f5f5f5;}
.verAlignBot {vertical-align:bottom; display:table-cell; }
.italic {font-style:italic;}
.h3em {height:3em;}
.siteGray {background-color:#f7f7f7; padding-bottom:20px; border-top:2px solid #222222; margin-top:2em;}
.hand {cursor: pointer;}
.no-hand {cursor: default !important;}
.bitian {display:inline-block; padding:0 5px; color:red; font-weight:bold;}

.text-underline {text-decoration: underline}
.image_cover { background-size: cover !important;;}
.image_contain {background-size: contain !important;;}
.per_40 {width: 40%;}
.top-10{top:-10px !important;}
.top-0{top:0px !important;}
.height100p {height: 100%;}

.todo_ {border:3px solid #e80228 !important;}

.title_tip {line-height:2.2em; border-bottom:2px solid #a088fe;}
.ui-popup { border:2px solid #8d69ff !important;}
.bitian {display:inline-block; padding:0 5px; color:red; font-weight:bold;}
.ls2  {letter-spacing:2px;}
.ls5  {letter-spacing:5px;}
.per_30 {width: 30%;}
.per_20 {width: 20%;}
.per_25 {width: 25%;}
.per_30 {width: 30%;}
.per_40 {width: 40%;}
.per_50 {width: 50%;}
.per_60 {width: 60%;}
.per_70 {width: 70%;}
.per_75 {width: 75%;}
.per_80 {width: 80%;}

.lineThr {text-decoration:line-through}

.f_12 {font-size:1.2em;}
.f_8 {font-size:0.8em;}
.f_7 {font-size:0.7em;}
.f_6 {font-size:0.6em;}
.f_5 {font-size:0.5em;}

.purple {color:#8e69ff !important;}
.purpleLight {color:#8e69ff;}

.greenT {
    color: #58b04a;
}
.min-width-100 {min-width: 100px;}
.textIndent {border-left: 2px solid #00AC7F; padding-left: 15px; background: #f8f8f8;}
.justify {text-align-last:justify; text-align: justify;}
.bg-gray {background-color: #e3e8ef;}
.bg-white {background-color: #fff !important;}
.borderT{border-top: 2px solid #6440ff;}
.borderB{border-bottom: 2px solid #6440ff;}
.price {color: #fa8500; font-size: 22px;}
.readonlyBgWhite .form-control[readonly] {background:#fff}
.longText_01 {line-height: 25px;max-height: 75px; overflow: hidden; max-width: 200px;}
.longText_02 {line-height: 25px;max-height: 75px; overflow: hidden; max-width: 300px;}

.typeStar {border: 1px solid #ff7c1e; border-radius: 4px; padding: 2px 4px; color: #515155; font-size: 12px; }
.typeStar.redS {border: 1px solid #ff4034; color: #ff4034 !important;}
.typeStar.orangeS {border: 1px solid #ff7c1e; color:#ff7c1e !important;}
.typeStar.cyanS {border: 1px solid #00a1b5; color: #00a1b5 !important;}
.typeStar.greenS {border: 1px solid #08b047; color: #08b047 !important;}
.typeStar.purpleS {border: 1px solid #6c5aff; color: #6c5aff !important;}
.typeStar.grayS {border: 1px solid #777; color: #777 !important;}
.typeStar.darkColorS {border: 1px solid #ba5f06; color: #ba5f06 !important;}
.typeStar.blueS {border: 1px solid #405bff; color: #405bff !important;}

.detailArea_01 img {
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
}
.detailArea_01 table {width: 100% !important;}
.detailArea_01 table {max-width: 100% !important;}
.detailArea_01 table td {max-width: 100% !important; word-break: break-all; border: 1px solid #ddd !important; padding: 4px;}
.thumb-img img{height: 60px;}
.playLine_title .active {color: #405bff !important;}
.playLine_title .active .star{display: inline-block !important;}
.gxbwz {background-color: #f3f3f3; line-height:39px;}

.dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content {
    background-color: rgba(51, 51, 51, 0.92);
}
.primary-menu.style-ecommerce .menu-container > .menu-item > .menu-link::after {
    position: absolute;
    content: '';
    top: auto;
    left: 50%;
    bottom: 0;
    width: 0px;
    background-color: #b41212;
    /*-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;*/
}
/*.sticky-header-shrink .menu-container > .menu-item.current > .menu-link { color: #007ee3; }*/
.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {color: #fafafa;}
.menu-item:hover > .menu-link, .menu-item.current > .menu-link {color: #b41212;}
.dark .sub-menu-container .menu-item:hover > .menu-link {
    color: #b41212 !important;
}
.sub-menu-container .menu-item:hover > .menu-link {
    color: #b41212 !important;
}
@media (max-width: 1230px){
    .login-btn {padding-bottom: 10px; padding-top: 10px;}
}

@media (min-width: 992px) {
    .primary-menu.style-ecommerce .menu-container > .menu-item > .menu-link::after {
        height: 3px;
    }
    /*.primary-menu.style-ecommerce .menu-container > .menu-item:hover > .menu-link,
    .primary-menu.style-ecommerce .menu-container > .menu-item.current > .menu-link { color: #f8f8f8; }*/

    .primary-menu.style-ecommerce .menu-container > .menu-item:hover > .menu-link::after,
    .primary-menu.style-ecommerce .menu-container > .menu-item.current > .menu-link::after {
        width: 100%;
        left: 0;
    }
    .primary-menu.style-ecommerce .menu-container > .menu-item.mega-menu.current > .menu-link::after {
        width: 105px;
    }
    /* mega-menu */
    .primary-menu.style-ecommerce .sub-menu-container, .primary-menu.style-ecommerce .mega-menu-content {
        border-top: none;
    }
    .primary-menu.style-ecommerce .menu-container > .menu-item.mega-menu > a {
        position: relative
    }
    .primary-menu.style-ecommerce .menu-container > .menu-item.mega-menu:hover > a {
        position: inherit
    }
    .primary-menu.style-ecommerce .menu-container > .menu-item.mega-menu:hover > .menu-link::after {
        width: 100%;
        left: 0;
    }
    /* sub-menu-container */
    .primary-menu.style-ecommerce .menu-container > .menu-item.width220After:hover > .menu-link::after {
        width: 220px;
    }
}
@media (max-width: 992px) {
    /*.primary-menu.style-ecommerce .menu-container > .menu-item:hover > .menu-link,
    .primary-menu.style-ecommerce .menu-container > .menu-item.current > .menu-link { color: #007ee3; }*/

    .primary-menu.style-ecommerce .menu-container > .menu-item > .menu-link::after {
        height: 2px;
    }
    .primary-menu.style-ecommerce .menu-container > .menu-item.mega-menu.current > .menu-link::after {
        width: 100%;
    }
}
.primary-menu.style-ecommerce .menu-container > .menu-item.current > .menu-link::after {
    width: 100%;
    left: 0;
}

@media (max-width: 991.98px) {
    #slider {
        height:52vh !important;
    }
    /*.menu-item:hover > .menu-link, .menu-item.current > .menu-link { color: #007ee3; }*/
    .minCenter {text-align: center}
    .minMt30 {margin-top: 30px;}
}
@media (min-width: 991.98px) {
    .slider-caption {padding-top: 90px;}
}
.menu-container > .menu-item > .menu-link {transition: margin 0s ease, padding 0s ease !important}

@media (min-width: 992px) and (max-width: 1200px) {
    #solgen {display: none}
}
@media (max-width: 390px) {
    #top-search {display: none}
}
#solgen {/*font-family: "SimSun"; */font-weight: 500;font-size: 15px;}


.fbox-icon i {background-color: #03A9F4;}

.container .heading-block h3::after {
    opacity: 0;
    content: '';
    position: absolute;
    background-image: url('../pic/border.svg');
    background-repeat: no-repeat;
    background-position: center center;
    top: 36px;
    left: 50%;
    margin-top: 14px;
    width: 60%;
    height: 10px;
    background-size: 100% 10px;
    transform: translate( -50%, -50% );
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
/*.container:hover .heading-block h3::after {
    opacity: 1;
    width: 90%;
}*/
/*放大*/
.rotateIcon i, .rotateIcon img{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
/*放大*/
.toBig:hover i, .toBig:hover img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
}
/*旋转放大*/
.toRotateBig:hover i, .toRotateBig:hover img {
    transform: rotate(360deg) scale(1.2);
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
    -o-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);
}
/*上下左右移动*/
.toTopLeftMove:hover i, .toTopLeftMove:hover img {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}
/*旋转*/
.toRotate:hover i, .toRotate:hover img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
/*旋转2*/
.toRotateY:hover i, .toRotateY:hover img {
    transform: rotateY(180deg);
}

.rotateDiv {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.rotateDiv:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.boxShadow:hover {
    /*box-shadow: 0 15px 30px 10px rgba(26, 26, 26, 0.2);*/
    box-shadow: 0 20px 40px 6px rgba(8, 12, 26, 0.2) !important;
    /*-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);*/
}
/*头部文字*/
@keyframes kenburns {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 84% 84%;
        transform-origin: 84% 84%;
    }
    100% {
        -webkit-transform: scale(1.25) translate(20px, 15px);
        transform: scale(1.25) translate(20px, 15px);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}
.swiper-slide:hover .swiper-slide-bg {
    /*-webkit-animation: kenburns 100s ease-out both;
    animation: kenburns 100s ease-out both;*/
}
.kenburnsDiv:hover .kenburnsbg, .kenburnsBg {
    -webkit-animation: kenburns 25s ease-out both;
    animation: kenburns 25s ease-out both;
}
/*.bgDynamic:hover{
    -webkit-animation: kenburns 20s ease-out both;
    animation: kenburns 20s ease-out both;
}*/
.fbox-content p {color: #4b4b4b;}
.darkLight1 .fbox-content p {color: #d8d8d8 !important;}
.appDevMode .pricing-box {height: 300px;}

.slider-caption h2 {font-size: 40px}
.slider-caption p {font-size: 16px}
.heading-block h3 {font-size: 25px;}

.circles {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    overflow: hidden;
}

.circles li {
    position  : absolute;
    display   : block;
    list-style: none;
    width     : 20px;
    height    : 20px;
    animation : animate 20s linear infinite;
    bottom    : -150px;
    border: 2px solid rgba(255,255,255,0.5);
}

.circles li:nth-child(1) {
    left           : 25%;
    width          : 40px;
    height         : 40px;
    animation-delay: 0s;
}

.circles li:nth-child(2) {
    left              : 10%;
    width             : 20px;
    height            : 20px;
    animation-delay   : 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left           : 70%;
    width          : 20px;
    height         : 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left              : 20%;
    width             : 35px;
    height            : 35px;
    animation-delay   : 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left           : 85%;
    width          : 20px;
    height         : 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left           : 75%;
    width          : 30px;
    height         : 30px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left           : 25%;
    width          : 35px;
    height         : 35px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left              : 80%;
    width             : 25px;
    height            : 25px;
    animation-delay   : 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left              : 10%;
    width             : 15px;
    height            : 15px;
    animation-delay   : 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left              : 95%;
    width             : 35px;
    height            : 35px;
    animation-delay   : 0s;
    animation-duration: 11s;
}
@keyframes animate {

    0% {
        transform    : translateY(0) rotate(0deg);
        opacity      : 1;
        border-radius: 0;
    }

    100% {
        transform    : translateY(-1000px) rotate(720deg);
        opacity      : 0;
        border-radius: 50%;
    }
}

/*snow effects*/
.snowflakes {
    width: 100%;
    height: 1200px;
    position: absolute;
    top: -90px;
    left: 0;
    z-index: -1;
    /*background: url('../pic/banner19.jpg') center 90px;
    background-size: cover;*/
    /*background-image: linear-gradient(to right,#9a71ff,#483fff);*/
    /*background-image: linear-gradient(to right,#4589ff,#040056);*/
}
.snowflakes i,
.snowflakes i:after,
.snowflakes i:before {
    background: white;
}
.snowflakes i {
    display: inline-block;
    -webkit-animation: snowflakes 3s linear 2s 20;
    -moz-animation: snowflakes 3s linear 2s 20;
    position: relative;
    display: none;
}
.snowflakes i:after,
.snowflakes i:before {
    height: 100%;
    width: 100%;
    content: ".";
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transform: rotate(120deg);
}
.snowflakes i:before {
    -webkit-transform: rotate(240deg);
}
@-webkit-keyframes snowflakes {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }
    100% {
        -webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
    }
}
.snowflakes i:nth-child(3n) {
    width: 16px;
    height: 4px;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 30;
    -webkit-transform-origin: right -45px;
}
.snowflakes i:nth-child(3n+1) {
    width: 24px;
    height: 6px;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: 45;
    -webkit-transform-origin: right -30px;
}
.snowflakes i:nth-child(3n+2) {
    width: 32px;
    height: 8px;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: 60;
    -webkit-transform-origin: right -15px;
}
/* different delays so they don't all start at the same time */
.snowflakes i:nth-child(7n) {
    opacity: .3;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in;
}
.snowflakes i:nth-child(7n+1) {
    opacity: .4;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease-out;
}
.snowflakes i:nth-child(7n+2) {
    opacity: .5;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-timing-function: linear;
}
.snowflakes i:nth-child(7n+3) {
    opacity: .6;
    -webkit-animation-delay: 2s;
    -webkit-animation-timing-function: ease-in;
}
.snowflakes i:nth-child(7n+4) {
    opacity: .7;
    -webkit-animation-delay: 2.5s;
    -webkit-animation-timing-function: linear;
}
.snowflakes i:nth-child(7n+5) {
    opacity: .8;
    -webkit-animation-delay: 3s;
    -webkit-animation-timing-function: ease-out;
}
.snowflakes i:nth-child(7n+6) {
    opacity: .9;
    -webkit-animation-delay: 3.5s;
    -webkit-animation-timing-function: ease-in;
}
/*snow effects ends*/

/*
@font-face{
    font-family: 'pangmenzhengdao';
    src: url(https://embed.tawk.to/_s/v4/assets/fonts/tawk-font-icon-2.woff2?55755728=);
}
@font-face{
    font-family: 'youshebiaotihei';
    src: url(https://fonts.gstatic.com/s/lato/v22/S6uyw4BMUTPHjx4wXg.woff2);
}
*/
.sliderBg_1:after{
    /*background: url(../pic/hero-bg.png) bottom no-repeat;
    position: absolute;
    content: '';
    background-size: contain !important;
    height: 100%;
    left: -1px;
    right: -1px;
    bottom: -150px;
    z-index: 1;*/
}
@media (max-width: 991.98px) {
    .swiper_wrapper .slider-caption h2 {
        font-size: 44px;
    }
    .swiper_wrapper .slider-caption p {
        font-size: 18px;
    }
}
@media (max-width: 768px){
    .swiper_wrapper .slider-caption h2 {
        font-size: 28px;
    }
    .swiper_wrapper .slider-caption p {
        font-size: 18px;
    }
}
.circle-bg {
    width: 130px;
    height: 130px;
    background: #ffcedb;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    left: 0%;
    top: -50px;
}
.si-sticky.si-sticky-right > a {
    background-color: #f6f6f6 !important;
    border-radius: 0 !important;
}
.si-sticky.si-sidebar .social-icon{border:1px solid #e3e3e3;}
.si-sticky.si-sidebar .social-icon:hover {border:1px solid #e3e3e3;}

.si-sticky.si-sticky-right > a:hover {

}
.si-sticky.si-sidebar .social-icon span {
    color: #6f6f6f !important;
}
.social-icon i:last-child {
    color: #afafaf !important;
}
.si-sticky.si-sidebar .social-icon:hover span, .social-icon:hover i:last-child {
    color: #f35713 !important;
}
/*.si-sticky.si-sticky-right > a {
    background-color: #4367ff !important;
    border-radius: 0 !important;
}
.si-sticky.si-sidebar .social-icon{}
.si-sticky.si-sidebar .social-icon:hover {}

.si-sticky.si-sticky-right > a:hover {
    background-color: #4367ff !important;
}*/

.talk-icon {background: url("../pic/talk-2.gif") center 33px no-repeat;background-size: 32px auto !important;}
.talk-icon:hover {background: url("../pic/talk-2.gif") center 31px no-repeat; background-size: 37px auto !important;}

.stretched #gotoTop {bottom: 70px !important; right: 16px !important;}

/*百度*/
#nbWebImLightContainer {right: 80px !important;} /*我要定制*/
@media (min-width: 992px) {
    #nb_comp_btn{opacity:0 !important}/*右侧菜单*/
    #nb_comp_btn{z-index:-1 !important}
    #nb_invite_wrap{display:none !important}/*中间弹出对话邀请*/
    #newBridge{z-index:99 !important}
}
@media (max-width: 992px) {
    #nb_invite_wrap{display: none !important} /*底部弹出对话邀请*/
    /*#nb_invite_wrap{z-index:-1 !important}
    #newBridge{z-index:99 !important}*/
    #develop_custom {display: none} /*custom信息*/
}
@media (min-width: 768px) and (max-width: 992px){
    #nb_comp_btn{opacity:0 !important}/*右侧菜单*/
    #nb_comp_btn{z-index:-1 !important}
}
@media (max-width: 768px) {
    /*#nb_comp_btn{opacity:0 !important}
    #nb_comp_btn{z-index:-1 !important}*/ /*右侧菜单*/
}
/*百度end*/

h3 > span:not(.nocolor):not(.badge) {}
.h-shadow {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 1px 1px 0 rgba(10, 16, 34, .2);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.h-shadow:hover {
    box-shadow: 0 20px 40px 6px rgba(8, 12, 26, 0.2) !important;
}
.fbox-plain .fbox-icon i {color: #185fc7;}
.fbox-content h3 { font-size: 1.1rem; padding: 15px 0;}

.counter.counter-small {color: #b91111;}
.iconlist li {text-align: left}

@media (min-width: 992px) {
    /*.services-grid .feature-box {background-image: url('../pic/banner-16.jpg') }*/
    .hgtext {padding: 1rem 0.5rem 0.5rem 1rem !important;}
    .block-card-9 .bg-overlay-content {padding: 1.5rem 1.5rem 1.5rem 1.5rem;}
    .block-card-9 .bg-overlay-content .grid-content p {height: 120px; margin-bottom: 25px;}
    .feature-box .fbox-content h5 {line-height: 4rem;}
    .fbox-icon i{font-size: 2.5rem; line-height: 4rem;}
    .it_flow_wrapper .textP {padding: 30px 0; max-width: 66%; margin: 0 auto; line-height: 33px}
    .moreContent {display: flex !important}
    .lessContent {display: none !important}
    .slider-caption.slider-caption-center img {max-width: 130% !important}
}
@media (max-width: 992px) {
    .hgtext {padding: 1.5rem 0.5rem 1.5rem 0.5rem !important;}
    .hgtext .normal{text-align: center !important;}
    .feature-box .fbox-content h5 {line-height: 3.3rem;}
    .fbox-icon {height: 3.3rem; width: 4.3rem; padding: 0 0.5rem;}
    .fbox-icon i{font-size: 2rem; line-height: 3.3rem;}
    .block-card-9 > div {margin-bottom: 15px;}
    .block-card-9.card-9-2 > div {height: 300px !important;}
    .block-card-9 .bg-overlay-content {padding: 1.6rem 3rem 2.5rem 3rem;}
    .block-card-9 .bg-overlay-content .grid-content p{height: 110px;}
    .moreContent {display: none !important}
    .lessContent {display: flex !important}
}
@media (min-width: 768px) and (max-width: 992px){
    .it_flow {margin-left: -50px !important}
    .slider-caption.slider-caption-center img {max-width: 160% !important}
}
@media (max-width: 768px){
    .it_flow {margin-left: -50px !important}
    .it_flow .subMove{margin-left: 50px !important}
    .slider-caption.slider-caption-center img {max-width: 150% !important}
}
.grid-content h3 {font-size: 1.3rem !important;}
.grid-content p, .fbox-content p { font-size: 14px;}
.block-card-9 .grid-inner { border: 1px solid #c7c7c7; border-radius: 7px;}


.owl-carousel .owl-stage {padding: 20px 0;}
.serviceBox .feature-box {
    border: 1px solid #e6e6e6;
    padding: 20px;
    border-radius: 10px;
}
.serviceBox .feature-box:hover {
    box-shadow: 0 0 40px rgba(107,130,153,.25);
}
.fbox-content h5 {line-height: 40px;}
.fbox-icon img {height: auto !important;}

.block-card-9 .grid-inner .btn-hover {
    opacity: 0;
    display: block;
    transition: opacity .3s ease, transform .3s .1s ease;
    margin-top: 15px;
    position: absolute;
    transform: translateY(0);
}
/*.block-card-9 .grid-inner:hover .btn-hover {
    opacity: 1;
    transform: translateY(-5px);
}*/

.block-card-9 .grid-inner .grid-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.block-card-9 .grid-inner:hover .grid-image {
    -webkit-animation: kenburns 20s ease-out both;
    animation: kenburns 20s ease-out both;
}
@media (min-width: 992px) {
    /*.block-card-9 .grid-inner .grid-icon,
    .block-card-9 .grid-inner .grid-content {
        transition: transform .6s ease;
    }

    .block-card-9 .grid-inner:hover .grid-content { transform: translateY(-15px); }
    .block-card-9 .grid-inner:hover .grid-icon { transform: translateY(-5px); }*/
}
@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 84% 84%;
        transform-origin: 84% 84%;
    }
    100% {
        -webkit-transform: scale(1.25) translate(20px, 15px);
        transform: scale(1.25) translate(20px, 15px);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}
@keyframes kenburns {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 84% 84%;
        transform-origin: 84% 84%;
    }
    100% {
        -webkit-transform: scale(1.25) translate(20px, 15px);
        transform: scale(1.25) translate(20px, 15px);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}
.event .entry-image .entry-date {padding: 5px;font-size: 1.2rem; width: auto; height: auto;}
.portfolio-item .card-body P { margin-bottom: 15px; color: #4b4b4b;}
.portfolio-item .card-body P, .portfolio-item .card-body ul {font-size: 15px;}
/*阴影*/
.shadow-bg, .shadow-bg-small {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 1px 1px 0 rgba(10, 16, 34, .2);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 0px;
    border:1px solid #eeeeee;
}
.shadow-bg:hover {
    box-shadow: 8px 5px 33px 20px rgba(8, 12, 26, 0.2);
}
.shadow-bg-small:hover {
    box-shadow: 2px 2px 16px 6px rgba(8, 12, 26, 0.2) !important;
}
.shadow-bg.turnBig:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.border-hover-blue:hover {
    border: 1px solid #18418d;
}
































/*背景变大动画*/
/*.bg-toBig {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}*/

.bg-toBig:hover .bg-toBig-image {
    -webkit-animation: kenburns-2 7s ease-out both;
    animation: kenburns-2 7s ease-out both;
    overflow: hidden;

}
/*向上动画*/
@media (min-width: 992px) {
    .bg-toUp .bg-content {
        transition: transform .6s ease;
    }
    .bg-toUp:hover .bg-content { transform: translateY(-15px); }
}
/*@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 85% 85%;
        transform-origin: 85% 85%;
    }
    100% {
        -webkit-transform: scale(1.25) translate(20px, 20px);
        transform: scale(1.25) translate(20px, 20px);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}*/
@keyframes kenburns-2 {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 85% 85%;
        transform-origin: 85% 85%;
    }
    100% {
        -webkit-transform: scale(1.1) translate(10px, 10px);
        transform: scale(1.1) translate(10px, 10px);
        -webkit-transform-origin: 85% 85%;
        transform-origin: 85% 85%;
    }
}
/*
.turn{
    width:100px;
    height: 100px;
    background: aqua;
    animation:turn 1s linear infinite;
    margin: 100px auto;
}
!*
  turn : 定义的动画名称
  1s : 动画时间
  linear : 动画以何种运行轨迹完成一个周期
  infinite :规定动画应该无限次播放
 *!
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}*/