/*首页banner*/
/*.video-carousel{position:relative;width:100%;margin:0 auto;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.video-slides{display:flex;transition:transform .5s ease;height:93vh}
.video-slide{min-width:100%;position:relative}
.video-slide video{width:100%;height:100%;object-fit:cover;display:block}
.video-slide h2{  display: table;left: -17%;top: -65%;color:#fff;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);font-size:5em;font-weight:700;margin:0 auto;line-height:1;position:relative;    border-radius: 1.25rem;
    background: rgb(255 255 255 / 0%);
    box-shadow: 0px 0.25rem 1.125rem 0px rgba(0, 119, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 2rem 2.5%;
    margin-top: 5.5rem;}
.video-slide h2 span{display:block;font-size:27%;font-family:Lato,sans-serif;font-weight:300;padding-top:.5em}
.carousel-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:2}
.nav-btn{background:rgba(255,255,255,.5);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 15px;transition:all .3s}
.nav-btn:hover{background:rgba(255,255,255,.8)}
.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:2}
.indicator{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s}
.indicator.active{background:rgba(255,255,255,.9);transform:scale(1.2)}
.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:15px;display:flex;align-items:center;opacity:0;transition:opacity .3s;z-index:2}
.video-slide:hover .video-controls{opacity:1}
.control-btn{background:0 0;border:none;color:#fff;font-size:20px;margin-right:15px;cursor:pointer}
.progress-container{flex-grow:1;height:5px;background:rgba(255,255,255,.3);margin-right:15px;border-radius:3px;cursor:pointer}
.progress-bar{height:100%;background:#fff;border-radius:3px;width:0%}
@media (max-width:768px){.video-slides{height:300px}
.nav-btn{width:30px;height:30px;font-size:16px;margin:0 5px}
}
#featured{height:90vh}*/

/*=====================================*/
.homeHero--control{max-width:100%;padding:0;height:200px;bottom:0;left:0;position:absolute;overflow:hidden;z-index:2;display:flex;display:flex;max-width:100%;gap:20px;margin-left:calc(100% / 14);padding:0;width:calc(100% - 2*(100% / 14));z-index:9999}
.homeHero--itemCta{flex:1 0 calc(100% / 4 - 40px)}
.homeHero--itemCta:hover{cursor:pointer;box-shadow:inset 0 4px 0 #fff}
.homeHero--itemCta a p{color:#fff;font-weight:100;margin-bottom:.5rem;    font-size: 12px;}
.homeHero--itemCta a b{background: transparent;border-radius: 5px;
    color: #fff;
    border: 1px solid #0d6efd;
    padding: 4px 8px;
    min-width: 88px;
    font-size: 12px;}
.homeHero--itemCta a b:hover{background:#0d6efd;/*color:#000*/}
.homeHero--itemTitle{z-index:1;margin:20px 0 5px 0;padding:0;max-height:72px;overflow:hidden;border:none;width:100%;text-align:initial;transition:all .3s ease;background-color:transparent;font-size:16px;font-weight:400;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff}
.homeHero--control:before{border-top:1px solid rgba(255,255,255,.3);content:'';position:absolute;left:0;top:0;width:100%}
/*.homeHero__pos--red{background-color:#3865eb;position:absolute;height:4.8px;transition:left .3s linear,background-color .3s linear;width:33.33%;left:0}*/
.homeHero--control .active{cursor:pointer;box-shadow:inset 0 4px 0 #0d6efd}





.jq22-container{margin-top:-73px}
.video-back{display:block;text-align:center;position:relative;overflow:hidden;height:100vh;z-index:-9}
.vidbacking{position:absolute;min-width:100%;min-height:100%;height:auto;width:auto;z-index:-100;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.carousel{position:relative;width:100%;height:100vh;background:#00000091}
.carousel-item{position:absolute;left:0;top:0;width:100%;height:100vh;opacity:0;transition:opacity 1s linear;background-repeat:no-repeat}
.carousel-item.active{opacity:1}
.carousel-text{position:absolute;left:50%;top:30%;transform:translateX(-50%);width:100%;padding:20px;/*background-color:rgba(0,0,0,.6);*/color:#fff;text-align:center;font-size:2.5rem;line-height:1.5;border-radius:10px}
.carousel-text h2{color:#fff;    font-size: 3rem;}
.carousel-nav{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;z-index:99}
.carousel-nav button{width:10px;height:10px;border-radius:50%;border:none;margin:0 10px;background-color:#fff;cursor:pointer;transition:all .3s ease}
.carousel-nav button.active{width:20px;background-color:#fc3}

/*首页banner*/

/**/
.one{margin:50px auto;height:290px;overflow:hidden;position:relative;width:100%}
.one ul{height:280px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.one ul li{display:block;float:left;margin:5px;border-radius:5px;position:relative;white-space: nowrap;   overflow: hidden;
  text-overflow: ellipsis; }
.one ul li a{display:inline-block;} 
.one ul li img{border-radius:5px;display:block;height:280px;}
.one ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.card-text{position:absolute;bottom:0;left:0;width:100%;padding:25px;background:linear-gradient(transparent,rgba(0,0,0,.8));z-index:2;border-radius:0 0 40px 40px}
.card-text h3{font-size:20px;margin-bottom:12px;font-weight:700;color:#f8fafc;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}
.card-text p{font-size:15px;line-height:1.6;color:#cbd5e1;text-shadow:1px 1px 2px rgba(0,0,0,.5)}

/*.one ul li a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}*/

.two{margin:50px auto;height:310px;overflow:hidden;position:relative;width:100%}
.two ul{height:280px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.two ul li{display:block;float:left;margin:5px;border-radius:5px;position:relative;}
.two ul li a{display:inline-block;} 
.two ul li img{border-radius:5px;display:block;height:280px;}
.two ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.two ul li a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}
/**/
/*首页新闻*/
.index-box4{background:#f8f8f8}
.index-box4>.container{padding-top:20px;padding-bottom:20px}
.index-box4 .row .col-xs-12{padding-top:5px;padding-bottom:5px}
.index-box4 .item{background:#fff;position:relative;transition:all .5s}
.index-box4 .item .img{width:100%;height:200px;position:relative;z-index:1;overflow:hidden}
.index-box4 .item .img img{width:100%;object-fit:cover}
.index-box4 .item .video{width:100%;height:200px;position:relative;z-index:1;overflow:hidden}
.video-js{height:100%;width:100%}
.video-js .vjs-big-play-button{background:#272d81;border-radius:100%;width:40px;height:40px;font-size:24px;border:none;line-height:40px;left:50%;top:50%;transform:translate(-50%,-50%)}
.index-box4 .item .txt{padding:20px}
.index-box4 .item .date{position:relative}
.index-box4 .item .date .day{font-size:32px;font-family:Impact;font-weight:700;color:#272d81}
.index-box4 .item .date .year{position:absolute;top:50%;left:45px;transform:translateY(-50%);font-size:.8rem;line-height:1;color:#888}
.index-box4 .item .date .year:after{content:"";height:2px;background:#272d81;position:absolute;width:25px;right:-40px}
.index-box4 .item .tit{display:block;padding:1em 0;color:#272d81}
.index-box4 .item .tit a{display:block;line-height:1.2;color:#272d81;font-weight:700;font-size:1.5rem}
.index-box4 .item .des{display:none}
.index-box4 .item .source{font-size:1rem;color:#888;position:relative;padding-left:20px}
.index-box4 .item .source:before{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e617";color:#272d81;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.index-box4 .item:hover{box-shadow:4px 4px 15px 0 rgba(0,0,0,.3)}
@media (min-width:768px){.index-box4 .row{margin:0 -5px}
.index-box4 .col-sm-3{padding:0 5px}
.index-box4 .item .img,.index-box4 .item .video{height:120px}
.index-box4 .item{padding-bottom:128px}
.index-box4 .item .txt{position:absolute;z-index:3;left:0;right:0;top:120px}
.index-box4 .item .img+.txt>.des{font-size:12px;color:#888;background:url(../images/icon-yh.png) no-repeat 0 0;background-size:10%;padding-top:20px;line-height:1.6;display:none;margin-bottom:20px;margin-top:20px}
.index-box4 .item:hover .img+.txt{top:0;height:100%;background:url(../images/inewsbg.jpg) no-repeat center bottom;background-size:cover;padding:20px}
.index-box4 .item:hover .img+.txt .date{display:none}
.index-box4 .item:hover .img+.txt .des{display:block;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.index-box4 .item:hover .img+.txt .source{bottom:50px}
.index-box4 .item .txt{height:128px;padding:10px 8px}
.index-box4 .item .date .year,.index-box4 .item .source{font-size:12px}
.index-box4 .item .date .day{font-family:Bahnschrift;font-size:40px;line-height:1}
.index-box4 .item .tit{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;padding:0;margin:10px 0}
.index-box4 .item .tit a{font-size:12px}
.index-box4>.container{padding-top:34px;padding-bottom:36px}
.index-box4 .item .source{position:absolute;bottom:20px}
}
@media (min-width:992px){.index-box4 .row{margin:0 -6.5px}
.index-box4 .col-sm-3{padding:0 6.5px}
.index-box4 .item .img,.index-box4 .item .video{height:155px;padding-left:1px}
.index-box4 .item{padding-bottom:144px}
.index-box4 .item .txt{position:absolute;z-index:3;left:0;right:0;top:155px;padding:20px 10px;height:144px}
.index-box4 .item:hover .img+.txt .source{bottom:80px}
.index-box4 .item .img+.txt>.des{line-height:2}
.index-box3{padding-bottom:20px}
.index-box4>.container{padding-top:65px;padding-bottom:60px}
}
@media (min-width:1200px){.index-box4 .row{margin:0 -8px}
.index-box4 .col-sm-3{padding:0 8px}
.index-box4 .item .img,.index-box4 .item .video{height:188px}
.index-box4 .item{padding-bottom:163px}
.index-box4 .item .txt{position:absolute;z-index:3;left:0;right:0;top:188px;padding:25px 12px;height:163px}
.index-box4 .item .date .day{font-size:40px}
.index-box4 .item .tit a{font-size:14px}
.index-box4 .item .img+.txt>.des{padding-top:30px;background-size:10%}
}
@media (min-width:1900px){.index-box4 .row{margin:0 -13px}
.index-box4 .col-sm-3{padding:0 13px}
.index-box4 .item .img,.index-box4 .item .video{height:300px}
/*.index-box4 .item{padding-bottom:260px}*/
.index-box4 .item .txt{position:absolute;z-index:3;left:0;right:0;top:250px;padding:40px 20px;height:260px}
.index-box4 .item .date .year{padding-left:50px;font-size:14px}
.index-box4 .item .date .day{font-size:80px}
.index-box4 .item .tit a{font-size:18px;line-height:1.3}
.index-box4 .item .source{font-size:14px;bottom:45px}
.index-box4 .item:hover .img+.txt .source{bottom:220px}
.index-box4 .item .img+.txt>.des{padding-top:40px;background-size:auto;font-size:16px}
.index-box4 .item:hover .img+.txt{padding:65px 40px 0 40px}
.index-box4>.container{padding-top:160px;padding-bottom:164px}
.index-box3{padding-bottom:50px}
}
.index-box4-tab .layui-tab{margin:0}
.index-box4-tab .layui-tab-title{height:50px;border:none}
.index-box4-tab .layui-tab-title li{font-size:2rem;line-height:50px;min-width:75px;padding:0 0;padding-right:25px;color:#999}
.index-box4-tab .layui-tab-title .layui-this{font-weight:700;color:#000;font-size: 2rem;}
.index-box4-tab .layui-tab-title .layui-this:after{display:none}
.index-box4-tab .layui-tab-title li+li:before{position:absolute;width:1px;top:15px;bottom:15px;content:"";background:rgba(0,0,0,.1);left:-12px}
.index-box4-tab .layui-tab-item{position:relative}
.index-box4-tab .layui-tab-item>a.more{position:absolute;right:0;top:-60px}
.index-box4-tab .layui-tab-content{padding:0;padding-top:30px}
.index-box4-tab .layui-tab-title:after{position:absolute;content:"";height:1px;background:rgba(0,0,0,.15);bottom:0;left:0;right:0}
.index-box4-tab .layui-tab-bar{display:none}
@media (min-width:768px){.index-box4-tab .layui-tab-title li{font-size:16px;font-weight:400}
.index-box4-tab .layui-tab-item>a.more{font-size:12px}
}
@media (min-width:992px){.index-box4-tab .layui-tab-title li{font-size:22px;font-weight:400;padding-right:35px}
.index-box4-tab .layui-tab-title li+li:before{left:-16px}
/*.index-box4-tab .layui-tab-title .layui-this{font-weight:400}*/
}
@media (min-width:1200px){.index-box4-tab .layui-tab-title{height:60px}
.index-box4-tab .layui-tab-title li{font-size:26px;font-weight:400;padding-right:35px}
.index-box4-tab .layui-tab-item>a.more{font-size:12px}
}
@media (min-width:1900px){.index-box4.index-box4-tab>.container{padding-top:60px;padding-bottom:60px}
.index-box4-tab .layui-tab-title{height:80px}
.index-box4-tab .layui-tab-title li{font-size:42px;font-weight:400;padding-right:70px}
.index-box4-tab .layui-tab-title li+li:before{left:-35px;top:5px;bottom:5px}
.index-box4-tab .layui-tab-content{padding-top:80px}
.index-box4-tab .layui-tab-item>a.more{top:-120px}
}
.layui-tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s}
.layui-tab-title li{display:inline-block;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}
.index-box4-tab .layui-tab-item>a.more{position:absolute;right:0;top:-60px}


/*首页新闻*/
/**/

.counter { background-color: #ffffff; padding: 20px 0; border-radius: 5px;}
.count-title { font-size: 40px; font-weight: normal;  margin-top: 10px; margin-bottom: 0;  }
.count-text { font-size: 13px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
.table-cell{    display: table-cell;}
/**/
#popup{position:fixed;border-radius:10px;bottom:0;border:2px solid #f3eeee;padding:4px 20px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);z-index:1000;width:100%}
#popup h2{font-size:18px}
#popup p{font-size:12px;margin-bottom:0}
#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}
#closePopup{float:right;margin:-2px -13px}
#hei{height:33px}
body{font-size:15px;line-height:1.6;font-family:PingFangSC-Regular,PingFang SC;color:#444;font-weight:lighter;letter-spacing:1px;}
p{color:#444;font-weight:400}
a{display:inline-block;-webkit-transition:all .5s;transition:all .5s;text-decoration:none}
a:focus,a:hover{text-decoration:none}
button{margin:0;padding:0;outline:0}
button:focus{outline:0;border:0}
h1,h2,h3,h4,h5,h6{font-weight:600;color:#252525}
h3{font-size:22px}
li {list-style-type: none;}
.d-table{width:100%;height:100%}
.d-table-cell{display:table-cell;vertical-align:middle}
img{max-width:100%}
.pt-200 {    padding-top: 200px;}
.ptb-100{padding-top:100px;padding-bottom:100px}
.pt-100{padding-top:100px}
.pt-80{padding-top:80px}
.ptb-70{padding-top:70px;padding-bottom:70px}
.pb-100{padding-bottom:100px}
.pb-140 {    padding-bottom: 140px;}
.pb-70{padding-bottom:70px}
.pb-45{padding-bottom:45px}
.pt-50{padding-top:50px}
.pt-45{padding-top:45px}
.pt-20{padding-top:20px}
.mt-30{margin-top:30px}
.ml-25{margin-left:15px}
.ml-20{margin-left:20px}
.mr-20{margin-right:20px}
.margin-auto{margin:0 auto}
.border-radius-50{border-radius:50px}
.border-radius-5{border-radius:5px}
.section-title span{margin-bottom:22px;font-weight:600;display:block;font-size:16px}
.section-title h2{font-size:1.9rem;font-weight:600;margin-top:0;line-height:1.2;color:#252525;}
.section-title p{padding-top:30px;margin-bottom:0;max-width:530px;color:#444}
.sp-color1{color:#272d81}
.sp-color2{color:#272d81}
.default-btn{display:inline-block;padding:12px 32px;color:#fff;text-align:center;position:relative;overflow:hidden;z-index:1}
.default-btn i{font-size:20px;position:relative;top:4px;display:none}
.default-btn::before{content:"";position:absolute;z-index:-1;height:100%;left:-36%;top:0;-webkit-transform:skew(50deg);transform:skew(50deg);-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transform-origin:top left;transform-origin:top left;width:0}
.default-btn:hover{color:#fff!important}
.default-btn:hover:before{height:100%;width:135%;background-color:#252525}
.btn-bg-one{background-color:#ffc221}
.btn-bg-two{background-color:#272d81}
.top-header{padding:7px 0 10px}
.top-header-bg{background-color:#070b3b}
.top-left-side .top-header-text{display:inline-block;position:relative;margin-left:30px}
.top-left-side .top-header-text::before{content:'';position:absolute;left:-20px;width:1px;height:22px;background-color:#fff;top:1px}
.top-left-side .top-header-text p{font-size:16px;color:#fff;font-weight:500;margin-bottom:0}
.top-left-side .top-header-text p b{color:#ffc221;font-weight:500;margin-right:5px}
.top-head-left{float:left}
.top-head-left .top-contact{position:relative;display:inline-block}
.top-head-left .top-contact:hover i{background-color:#272d81;color:#fff}
.top-head-left .top-contact:hover h3 a{color:#ffc221}
.top-head-left .top-contact h3{font-size:14px;color:#fff;margin-bottom:0;font-weight:500}
.top-head-left .top-contact h3 a{color:#fff;margin-bottom:0;text-decoration:none}
.top-head-left .top-contact h3 a:hover{color:#ffc221}
.top-header-right{float:right}
.top-header-right .top-header-social{display:inline-block}
.top-header-right .top-header-social ul{list-style:none;margin:0;padding:0}
.top-header-right .top-header-social ul li{display:inline-block;top:1px;position:relative}
.top-header-right .top-header-social ul li a{width:30px;height:30px;line-height:32px;text-align:center;background-color:transparent;color:#fff;border-radius:50px;font-size:18px}
.top-header-right .top-header-social ul li a:hover{color:#ffc221}
.top-header-right .language-list{top:-6px;margin-bottom:0;position:relative;display:inline-block;margin-left:-20px;z-index:9999}
.top-header-right .language-list .language-list-item{height:0;padding:0 15px;border:0;color:#fff;background-color:transparent;font-weight:500;font-size:14px;border-radius:5px 0 0 5px;padding-left:30px;padding-right:30px}
.top-header-right .language-list .language-list-item:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}
.top-header-right .language-list .nice-select{height:0;width:125px;line-height:0;font-size:15px;margin-bottom:0;border-radius:0;background-color:transparent;color:#fff;border-radius:5px 0 0 5px;z-index:9999;text-align:right!important}
.top-header-right .language-list .nice-select .list{background-color:#fff;-webkit-box-shadow:0 0 29px 0 rgba(102,102,102,.1);box-shadow:0 0 29px 0 rgba(102,102,102,.1);border-radius:0;margin-top:20px;width:100%;padding-top:0;padding-bottom:0;margin-bottom:0}
.top-header-right .language-list .nice-select .list .option{-webkit-transition:.6s;transition:.6s;color:#252525;padding-left:15px;padding-right:15px;margin-bottom:0;width:180px;border-bottom:1px solid #e1e1e1}
.top-header-right .language-list .nice-select .list .option:hover{background-color:transparent!important;color:#272d81}
.top-header-right .language-list .nice-select .list .option .selected{background-color:transparent!important;font-weight:500;color:#272d81!important}
.top-header-right .language-list .nice-select::after{content:'\e98c';height:8px;width:8px;border:0;top:0;margin-bottom:0;right:10px;background-color:transparent;font-family:boxicons!important;color:#fff;font-size:18px;-webkit-transform-origin:none;transform-origin:none;-webkit-transform:none;transform:none;margin-top:0}
.main-nav{top:0;position:inherit;left:0;padding:0;width:100%;height:auto}
.main-nav .navbar{padding-left:0;padding-right:0}
.main-nav nav .navbar-nav .nav-item .active,.main-nav nav .navbar-nav .nav-item:hover a{color:#272d81!important}
.main-nav nav .navbar-nav .nav-item .active::before,.main-nav nav .navbar-nav .nav-item:hover a::before{opacity:1;width:100%}
.main-nav nav .navbar-nav .nav-item .active i,.main-nav nav .navbar-nav .nav-item:hover a i{color:#272d81}
.sticky-nav .main-nav nav .navbar-nav .nav-item a{color:#000}
.main-nav nav .navbar-nav .nav-item a{text-transform:capitalize;color:#000;font-weight:500;margin-left:12px;margin-right:12px;position:relative}
.main-nav nav .navbar-nav .nav-item a::before{content:'';position:absolute;bottom:0;width:0;height:1px;left:0;right:0;background-color:#3865eb;opacity:0;-webkit-transition:.7s;transition:.7s}
.main-nav nav .navbar-nav .nav-item a i{line-height:0;position:relative;top:3px;font-size:18px;/*color:#444*/}
.main-nav nav .navbar-nav .nav-item a :focus,.main-nav nav .navbar-nav .nav-item a:hover{color:#272d81!important}
.main-nav nav .navbar-nav .nav-item a :focus::before,.main-nav nav .navbar-nav .nav-item a:hover::before{opacity:1;width:100%}
.main-nav nav .navbar-nav .nav-item a :focus i,.main-nav nav .navbar-nav .nav-item a:hover i{color:#272d81}
.main-nav nav .navbar-nav .nav-item a.active{color:#3865eb!important}
.main-nav nav .navbar-nav .nav-item a.active::before{opacity:1;width:100%}
.main-nav nav .navbar-nav .nav-item a.active i{color:#3865eb}
.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu{-webkit-transform:scale(1);transform:scale(1)}
.main-nav nav .navbar-nav .nav-item .dropdown-menu{z-index:5;border:0;padding:0;border-radius:0;background-color:#fff!important;-webkit-transform:scale(0);transform:scale(0)}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li{border-bottom:1px solid #e1e1e1}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child{border-bottom:0}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a{text-transform:capitalize;color:#252525!important;position:relative;z-index:1;-webkit-transition:.7s;transition:.7s;font-weight:600;padding:10px 25px;font-size:15px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a i{float:right;top:12px;position:relative}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before{content:'';position:absolute;top:0;left:0;width:2px;height:100%;background-color:#272d81;-webkit-transition:.9s;transition:.9s;z-index:-1}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active{border-radius:0;color:#fff!important;padding-left:35px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active i{color:#fff}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active::before{width:100%}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover{color:#fff!important;border-radius:0;padding-left:35px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active i,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus i,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i{color:#fff}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active::before,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus::before,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before{width:100%}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active{color:#fff!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active::before{width:100%}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active i{color:#fff}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu{left:100%;margin-top:18px!important;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0)}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu{-webkit-transform:scaleX(1);transform:scaleX(1)}
.main-nav .nav-side.nav-side{position:relative}
.main-nav .nav-side .nav-side-item{margin-right:20px;display:inline-block}
.main-nav .nav-side .nav-side-item:last-child{margin-right:0}
.main-nav .nav-side .nav-side-item .search-box{position:relative;top:-5px}
.main-nav .nav-side .nav-side-item .search-box i{cursor:pointer;font-size:24px;color:#252525;position:relative;display:inline-block;top:0}
.main-nav .nav-side .nav-side-item .search-box:hover i{color:#272d81}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form{position:relative;top:-10px}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form .form-control{height:45px;background-color:#f8f8f8;padding:10px 20px;width:100%;border-radius:50px;border:0}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form .form-control:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button{position:absolute;top:3px;right:3px;height:40px;width:40px;background-color:#ffc221;-webkit-transition:all .5s;transition:all .5s;border:0;outline:0;border-radius:50px}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button i{color:#fff;position:relative;top:1.9px}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button:hover{background-color:#272d81}
.main-nav .nav-side .nav-side-item .get-btn{display:inline-block;position:relative;top:5px}
.main-nav .nav-side .nav-side-item .get-btn .default-btn{padding:9px 25px}
.nav-side-mt{margin-top:6px}
.side-nav-responsive{display:none}
.side-nav-responsive .dot-menu{padding:0 10px;height:30px;cursor:pointer;z-index:999;position:absolute;right:60px;top:20px}
.side-nav-responsive .dot-menu .circle-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px}
.side-nav-responsive .dot-menu .circle-inner .in-circle{height:5px;width:5px;border-radius:100%;margin:0 2px;-webkit-transition:.7s;transition:.7s;background-color:#272d81}
.side-nav-responsive .dot-menu:hover .circle-inner .circle{background-color:#ffc221}
.side-nav-responsive .container-max{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.side-nav-responsive .container-max .container{position:absolute;top:70px;right:0;max-width:220px;margin-left:auto;opacity:0;visibility:hidden;-webkit-transition:.7s;transition:.7s;-webkit-transform:scaleX(0);transform:scaleX(0);z-index:2;padding-left:15px;padding-right:15px}
.side-nav-responsive .container-max .container.active{opacity:1;visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.side-nav-responsive .side-nav-inner{padding:12px 10px 10px;-webkit-box-shadow:0 15px 40px rgba(0,0,0,.09);box-shadow:0 15px 40px rgba(0,0,0,.09);background-color:#fff}
.side-nav-responsive .side-nav-inner .side-nav{background-color:#272d81;padding:10px}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box{position:relative;display:inline-block;top:-10px;margin-right:5px}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box i{cursor:pointer;font-size:24px;color:#fff;position:relative;display:inline-block;top:5px}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box:hover i{color:#272d81}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn{display:inline-block;position:relative;top:5px}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn .default-btn{padding:7px 15px;background-color:#fff;color:#252525}
.sticky-nav{top:0;position:fixed;-webkit-transition:.7s;transition:.7s;width:100%!important;z-index:99999}
.sticky-nav .main-nav{top:0;border:0;position:fixed;z-index:999;background: white;-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);box-shadow:0 0 15px rgba(0,0,0,.3)}

.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden}
.search-overlay .search-layer{position:absolute;top:0;right:0;bottom:0;z-index:1;-webkit-transform:translateX(100%);transform:translateX(100%)}
.search-overlay .search-layer:nth-child(1){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.search-overlay .search-layer:nth-child(2){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}
.search-overlay .search-layer:nth-child(3){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .9s ease-in-out .6s;transition:all .9s ease-in-out .6s}
.search-overlay .search-close{position:absolute;top:40px;right:40px;width:50px;z-index:2;text-align:center;cursor:pointer;padding:10px;-webkit-transition:all .9s ease-in-out 1.5s;transition:all .9s ease-in-out 1.5s;opacity:0;visibility:hidden}
.search-overlay .search-close .search-close-line{width:100%;height:3px;float:left;margin-bottom:5px;background-color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease}
.search-overlay .search-close .search-close-line:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.search-overlay .search-close .search-close-line:nth-child(2){margin-top:-7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.search-overlay .search-close:hover .search-close-line{background:#272d81;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.search-overlay .search-form{-webkit-transition:all .9s ease-in-out 1.4s;transition:all .9s ease-in-out 1.4s;opacity:0;visibility:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:2;max-width:500px;width:500px;padding:0 15px}
.search-overlay .search-form form{position:relative}
.search-overlay .search-form form .input-search{display:block;width:100%;height:60px;border:0;border-radius:30px;color:#252525;padding:3px 0 0 25px}
.search-overlay .search-form form .input-search::-webkit-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.search-overlay .search-form form .input-search:-ms-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.search-overlay .search-form form .input-search::-ms-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.search-overlay .search-form form .input-search::placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.search-overlay .search-form form .input-search:focus{border:0;outline:0}
.search-overlay .search-form form .input-search:focus::-webkit-input-placeholder{color:transparent}
.search-overlay .search-form form .input-search:focus:-ms-input-placeholder{color:transparent}
.search-overlay .search-form form .input-search:focus::-ms-input-placeholder{color:transparent}
.search-overlay .search-form form .input-search:focus::placeholder{color:transparent}
.search-overlay .search-form form button{position:absolute;right:5px;top:5px;width:50px;color:#fff;height:50px;border-radius:50%;background-color:#272d81;-webkit-transition:.7s;transition:.7s;border:0;font-size:20px;line-height:55px}
.search-overlay .search-form form button:hover{background-color:#ffc221;color:#fff}
.search-overlay .search-form form:hover{border:0;outline:0}
.search-overlay.search-overlay-active.search-overlay{opacity:1;visibility:visible}
.search-overlay.search-overlay-active.search-overlay .search-layer{-webkit-transform:translateX(0);transform:translateX(0)}
.search-overlay.search-overlay-active.search-overlay .search-close{opacity:1;visibility:visible}
.search-overlay.search-overlay-active.search-overlay .search-form{opacity:1;visibility:visible}
.banner-slider-area{position:relative}
.banner-slider-area .owl-dots{margin-top:0!important;position:absolute;display:-ms-grid;display:grid;right:7%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-bottom:10px}
.banner-slider-area .owl-dots .owl-dot span{background-color:#fbfbfb3f!important;-webkit-transition:.7s;transition:.7s;margin:7px;width:40px!important;height:40px!important;border:10px solid #fbfbfb3f}
.banner-slider-area .owl-dots .owl-dot.active span{background-color:#fff!important;width:40px!important;height:40px!important;border:13px solid #272d81}
.banner-slider-area .owl-dots .owl-dot:hover span{background-color:#fff!important;width:40px!important;height:40px!important;border:13px solid #ffc221}
.banner-item{position:relative;z-index:1;background-position:center center;background-size:cover;background-repeat:no-repeat}
/*.banner-item::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-color:#070b3b;opacity:.7}*/
.banner-item-content{padding-top:130px;padding-bottom:120px}
.banner-item-content span{font-size:13px;font-weight:500;color:#272d81;padding:10px 25px;background-color:#fff;border-radius:50px;display:inline-block}
.banner-item-content h1{margin-top:25px;font-size:70px;color:#0000008a;font-weight:700;max-width:780px;margin-bottom:20px}
.banner-item-content p{font-size:18px;color:#0000008a;font-weight:400;max-width:660px;margin-bottom:35px}
/*.item-bg1{background-image:url(../images/home-one-img1.jpg)}*/
/*.item-bg2{background-image:url(../images/home-one-img2.jpg)}*/
/*.item-bg3{background-image:url(../images/home-one-img3.jpg)}*/
/*.banner-area{position:relative;z-index:1;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/home-two.jpg)}*/
.banner-area::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-image:-webkit-gradient(linear,left top,right top,from(#252525bf),to(#25252500));background-image:linear-gradient(to right,#252525bf,#25252500)}
.banner-item-ptb{padding-top:140px;padding-bottom:160px}
.banner-item-ptb h1{margin-top:0}
.banner-area-two{position:relative;z-index:1;background-color:#f8f8f8}
.banner-area-two::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/home-three-bg.png)}
.banner-content{position:relative;margin-top:-50px}
.banner-content h1{font-size:60px;color:#252525;font-weight:600;max-width:680px;line-height:1.2;margin-bottom:20px}
.banner-content p{font-size:17px;color:#252525;font-weight:500;max-width:500px;margin-bottom:35px}
.banner-img{position:relative;padding-top:70px}
.banner-img .banner-img-shape{position:absolute;bottom:100px;right:0;-webkit-animation:moveBounce 9s linear infinite;animation:moveBounce 9s linear infinite}
.banner-sub-item{position:relative;background-color:#ffffff75;border-radius:15px;padding:10px;max-width:350px;margin-left:auto;margin-right:auto;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05)}
.banner-sub-item img{position:absolute;top:10px;left:10px;max-width:125px;border-radius:15px 0 0 15px}
.banner-sub-item .content{padding-bottom:10px}
.banner-sub-item .content h3{font-size:32px;color:#272d81c7;font-weight:700;margin-bottom:0;text-align:content}
.banner-sub-item .content span{color:#252525b3;font-size:12px;font-weight:600}
.banner-sub-slider{position:relative;margin-top:-80px;padding-bottom:20px}
.banner-bottom-area{position:relative;margin-top:-75px}
.banner-bottom-card{background-color:#fff;position:relative;z-index:1;padding:30px 20px 30px 135px;border-radius:15px;margin-bottom:30px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);box-shadow:0 0 15px rgba(0,0,0,.5);border-bottom:3px solid #272d81;-webkit-transition:.5s;transition:.5s}
.banner-bottom-card i{position:absolute;top:30px;left:30px;font-size:40px;width:80px;height:80px;line-height:80px;color:#252525;background-color:#e5f3ff;border-radius:50px;display:inline-block;text-align:center}
.banner-bottom-card h3{color:#252525;margin-bottom:10px;-webkit-transition:.5s;transition:.5s}
.banner-bottom-card p{margin-bottom:0;font-weight:500}
.banner-bottom-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.banner-bottom-card:hover h3{color:#ffc221}
.inner-banner{position:relative;z-index:1;background-color:#E9ECEF}
.inner-banner .inner-title{padding-top:150px;padding-bottom:150px;position:relative;z-index:1}
.inner-banner .inner-title h3{font-size:45px;color:#000;font-weight:600;position:relative}
.inner-banner .inner-title ul{list-style:none;padding:0;margin:0;position:relative}
.inner-banner .inner-title ul li{font-size:18px;color:#000;display:inline-block}
.inner-banner .inner-title ul li i{color:#000;position:relative;top:3px;margin:0 3px}
.inner-banner .inner-title ul li a{color:#000}
.inner-banner .inner-title ul li a:hover{color:#ffc221}
.inner-banner .inner-shape{position:absolute;bottom:0;left:0;right:0;}





.about-content .about-content-card{margin-top:30px}
.about-content .about-content-card i{font-size:60px;color:#272d81;line-height:1}
.about-content .about-content-card h3{margin-top:15px;margin-bottom:12px}
.about-content .about-content-card p{margin-bottom:0}
.about-content .about-list{list-style:none;margin:20px 0 0;padding:0}

.about-content .about-list li{display:block;margin-bottom:10px;font-weight:500;-webkit-transition:.7s;transition:.7s;padding-left:35px;position:relative;-webkit-transition:.5s;transition:.5s;font-size:20px}
.about-content .about-list li a:hover{color:#272d81;font-size:22px}
.about-content .about-list li:hover i{color:#ffc221;    margin-top: 5px;}
.about-content .about-list li:last-child{margin-bottom:0}
.about-content .about-list li i{font-size:26px;color:#fff;position:absolute;left:0;top:-2px;margin-right:5px;-webkit-transition:.5s;transition:.5s;    line-height: 34px;}
.about-content .about-list li a{color:#fff;}
.about-content .about-content-text{margin-top:20px;margin-bottom:0;    color: #fff;}
.about-content h2 { color: #fff; text-align: center; margin-bottom: 20px;}
.about-content .title { color: #fff; font-size: 18px; text-align: center;margin: 10px 0;}
.about-content .desc { color: #cbd5e1; font-size: 16px;  margin-top: 20px;}
.about-content .summary { color: #fff; font-size: 18px;  margin-top: 30px;}
.about-img{position:relative}
.about-img::before{content:'';position:absolute;z-index:-1;width:30%;height:40%;background-color:transparent;border:3px solid #ffc221;bottom:-10px;right:-40px;border-radius:35px}
.about-img img{border-radius:15px}
.about-img .sub-content{position:absolute;bottom:20px;left:0;right:0;background-color:#fff;border-radius:15px;padding:15px 10px 23px 160px;max-width:340px;margin-left:auto;margin-right:auto;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05)}
.about-img .sub-content img{position:absolute;top:10px;left:10px;max-width:123px;border-radius:15px 0 0 15px}
.about-img .sub-content h3{font-size:45px;color:#ffc221;font-weight:700;margin-bottom:0}
.about-img .sub-content span{color:#252525;font-size:18px;font-weight:600}
.about-play{position:relative;border-radius:30px}
.about-play img{border-radius:30px}
.about-play .about-play-content{position:absolute;z-index:1;bottom:0;left:0;max-width:470px;background-color:#25252538;border-bottom-left-radius:30px;border-top-right-radius:70%;padding:100px 40px 70px 25px}
.about-play .about-play-content::before{content:'';position:absolute;z-index:-1;bottom:0;right:30px;width:91.7%;height:90.1%;background-color:#272d81;border-bottom-left-radius:30px;border-top-right-radius:70%}
.about-play .about-play-content span{color:#fff}
.about-play .about-play-content h2{color:#fff;font-size:35px;max-width:300px;margin-bottom:0}
.about-play .about-play-content .play-on-area{position:absolute;z-index:1;bottom:175px;left:200px}
.about-play .about-play-content .play-on-area .play-on{width:80px;height:80px;color:#272d81;background-color:#fff;text-align:center;font-size:55px;border-radius:50px;display:inline-block}
.about-play .about-play-content .play-on-area .play-on i{padding-left:3px}
.about-play .about-play-content .play-on-area .play-on:hover{color:#fff;background-color:#ffc221}
.about-bg{background-color:#070b3b8a;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/static/images/home-three-bg.gif);    background-attachment: fixed;}
.about-img-2{margin-bottom:30px}
.about-img-2 img{border-radius:15px}
.about-content-2{margin-bottom:30px}
.about-content-2 .section-title h2{color:#fff}
.about-content-2 .section-title p{color:#fff}
.about-content-2 .about-card{margin-top:15px}
.about-content-2 .about-card .content{padding-top:20px;position:relative;padding-left:70px;margin-bottom:40px}
.about-content-2 .about-card .content i{position:absolute;top:10px;left:0;font-size:55px;color:#272d81;line-height:1}
.about-content-2 .about-card .content h3{margin-bottom:10px;color:#fff;font-size:18px}
.about-content-2 .about-card p{margin-top:25px;margin-bottom:0;color:#fff}
.case-study-area{    position: relative;}
.case-study-area::after{ content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(45deg, rgba(255, 219, 183, 0.6705882353), rgba(255, 170, 203, 0.6705882353), rgba(132, 187, 255, 0.8431372549));
  background: -moz-linear-gradient(45deg, rgba(255, 219, 183, 0.6705882353), rgba(255, 170, 203, 0.6705882353), rgba(132, 187, 255, 0.8431372549));
  background: -o-linear-gradient(45deg, rgba(255, 219, 183, 0.6705882353), rgba(255, 170, 203, 0.6705882353), rgba(132, 187, 255, 0.8431372549));
  background: linear-gradient(323deg, rgb(241 77 77 / 38%), rgb(181 0 0 / 26%), rgba(132, 187, 255, 0.8431372549));
  -webkit-animation: hueRotate 5s infinite alternate;
     -moz-animation: hueRotate 5s infinite alternate;
       -o-animation: hueRotate 5s infinite alternate;
          animation: hueRotate 5s infinite alternate;
  opacity: 0.25;
  backdrop-filter: blur(100px);} 
  
  
  
  
.security-area .section-title h2{max-width:614px;margin-left:auto;margin-right:auto;margin-bottom:10px}
.security-card{background-color:#fff;position:relative;z-index:1;padding:30px;border-radius:15px;margin-bottom:30px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);box-shadow:0 0 15px rgba(0,0,0,.5);border-bottom:3px solid #272d81;padding-bottom:0}
.security-card i{font-size:45px;width:80px;height:80px;line-height:80px;color:#252525;background-color:#e5f3ff;border-radius:50px;display:inline-block;text-align:center;margin-bottom:15px;-webkit-transition:.5s;transition:.5s;    float: left}
.security-card h3{float: left;    margin: 24px 15px;}
.security-card ul{width: 100%;    display: grid;}
.security-card h3 a{color:#252525;-webkit-transition:.5s;transition:.5s;display:block}
.security-card p{margin-bottom:-4px;font-size: 12px;    max-width: 193px;}
.security-card:hover i{background-color:#272d81;color:#fff}
.security-card:hover h3 a{color:#272d81}
.services-area{background-color:#070b3b;position:relative}
.services-area .section-title h2{max-width:500px;color:#fff;margin-left:auto;margin-right:auto}
.services-area .section-title p{color:#fff;max-width:760px}
.services-card{padding:30px 20px 25px;background-color:#fff;border-radius:10px;position:relative;z-index:1;margin-bottom:30px}
.services-card:hover::before{width:100%;height:100%;border-radius:10px;opacity:1}
.services-card:hover i{color:#fff}
.services-card:hover h3 a{color:#fff}
.services-card:hover p{color:#fff}
.services-card:hover .learn-btn{color:#fff}
.services-card:hover .learn-btn i{color:#fff}
.services-card::before{content:'';position:absolute;z-index:-1;bottom:0;right:0;width:90px;height:90px;background-color:#272d81;border-radius:272px 0 0 0;opacity:.1;-webkit-transition:.7s;transition:.7s}
.services-card::after{content:'';position:absolute;z-index:-1;bottom:0;right:0;width:75px;height:75px;background-color:#272d81;border-radius:170px 0 0 0;opacity:.1}
.services-card i{color:#272d81;font-size:60px;line-height:1}
.services-card h3{margin-top:20px;margin-bottom:12px}
.services-card h3 a{display:block;color:#252525}
.services-card p{margin-bottom:12px}
.services-card .learn-btn{color:#252525;font-size:14px;font-weight:600}
.services-card .learn-btn i{font-size:20px;position:relative;top:5px;color:#252525}
.services-card .learn-btn:hover{color:#fff}
.services-card .learn-btn:hover i{color:#fff}
.services-style-bg{-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);box-shadow:0 0 15px rgba(0,0,0,.07)}
.service-shape{position:absolute;top:0;right:0}
.service-shape img{max-width:400px}
.services-area-two{background-color:#070b3b;position:relative;z-index:1}
.services-area-two::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/services-bg.png)}
.services-area-two .section-title h2{max-width:500px;color:#fff;margin-left:auto;margin-right:auto}
.services-item{position:relative;margin-bottom:80px;-webkit-transition:.7s;transition:.7s}
.services-item:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.services-item:hover .content h3 a{color:#ffc221}
.services-item a{display:block}
.services-item a img{border-radius:5px}
.services-item .content{position:absolute;left:0;right:0;width:82%;bottom:-80px;margin-left:auto;margin-right:auto;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);border-radius:5px;padding:20px 20px 20px 100px;margin-bottom:30px}
.services-item .content i{font-size:60px;position:absolute;top:17px;left:20px;line-height:1;color:#272d81}
.services-item .content span{color:#272d81}
.services-item .content h3{font-size:20px;margin-top:3px;margin-bottom:0}
.services-item .content h3 a{color:#252525}
.services-area-three{background-color:#f8f8f8}
.services-area-three .section-title h2{max-width:390px;color:#252525;margin-left:auto;margin-right:auto}
.services-widget-area .section-title h2{color:#252525}
.services-style-area .section-title h2{max-width:390px;color:#252525;margin-left:auto;margin-right:auto}
.services-style-area .section-title p{max-width:600px}
.service-article .service-article-img{margin-bottom:25px}
.service-article .service-article-img img{border-radius:15px}
.service-article .service-article-content h2{font-size:26px;margin-bottom:15px}
.service-article .service-article-content p{margin-bottom:20px}
.service-article .service-article-content .service-article-list{list-style:none;margin:0 0 25px;padding:0}
.service-article .service-article-content .service-article-list li{display:block;color:#252525;margin-bottom:10px;font-weight:600;-webkit-transition:.7s;transition:.7s;padding-left:35px;position:relative;-webkit-transition:.5s;transition:.5s}
.service-article .service-article-content .service-article-list li:hover{color:#272d81}
.service-article .service-article-content .service-article-list li:hover i{color:#ffc221}
.service-article .service-article-content .service-article-list li:last-child{margin-bottom:0}
.service-article .service-article-content .service-article-list li i{font-size:26px;color:#272d81;position:absolute;left:0;top:-2px;margin-right:5px;-webkit-transition:.5s;transition:.5s}
.service-article .service-article-another h2{font-size:26px;margin-bottom:15px}
.service-article .service-article-another p{margin-bottom:20px}
.service-article .service-article-another .service-article-another-img{margin-bottom:25px;margin-top:10px}
.service-article .service-article-another .service-article-another-img img{border-radius:15px}
.service-article .service-work-process h2{font-size:26px;margin-bottom:15px}
.service-article .service-work-process p{margin-bottom:30px}
.service-article .work-process-card p{margin-bottom:0}















/*111111111111*/
.work-process-area .section-title h2{max-width:550px;margin-left:auto;margin-right:auto}
.work-process-left{background-color:#070b3b;padding:148px 50px;border-radius:10px;margin-bottom:30px;position:relative;z-index:1}
.work-process-left::before{content:'';position:absolute;z-index:-1;opacity:.2;top:0;left:0;right:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/bg-shape.png)}
.work-process-left .section-title{margin-bottom:30px}
.work-process-left .section-title h2{color:#fff}
.work-process-left .default-btn{margin:0 auto}
.work-process-card{background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);padding:30px 20px;margin-bottom:30px;position:relative;z-index:1}
.work-process-card::before{content:'';position:absolute;z-index:-1;top:0;right:0;width:70px;height:55px;background-color:#272d81;border-radius:0 0 0 270px;opacity:.1;-webkit-transition:.7s;transition:.7s}
.work-process-card i{font-size:60px;color:#272d81;line-height:1.2}
.work-process-card h3{margin-top:15px;margin-bottom:10px}
.work-process-card p{margin-bottom:0}
.work-process-card .number{font-size:24px;color:#272d81;font-weight:600;position:absolute;top:5px;right:15px}
.work-process-area-two{position:relative}
.work-shape{position:absolute;top:40%;left:0;right:0;margin:0 auto;text-align:center}
.choose-area{background-color:#070b3b}
.choose-content{margin-bottom:30px}
.choose-content .section-title h2{max-width:470px;color:#fff}
.choose-content .section-title p{color:#fff}
.choose-content .choose-content-card{margin-top:15px}
.choose-content .choose-content-card .content{padding-top:20px;position:relative;padding-left:75px}
.choose-content .choose-content-card .content i{position:absolute;top:10px;left:0;font-size:60px;color:#272d81;line-height:1}
.choose-content .choose-content-card .content h3{margin-top:10px;margin-bottom:30px;color:#fff}
.choose-content .choose-content-card p{margin-top:5px;margin-bottom:0;color:#fff}
.choose-img{margin-bottom:30px}
.choose-img img{border-radius:15px}
.build-area{position:relative;z-index:1}
.build-area::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:50%;background-color:#272d81}
.build-area::after{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:50%;background-image:url(../images/build-bg.png);background-size:cover;background-position:center center;background-repeat:no-repeat}
.build-area .default-btn{background-color:#fff;color:#272d81}
.build-content .section-title span{color:#fff;font-size:18px}
.build-content .section-title h2{color:#fff}
.build-content.build-content-on-color .section-title span{color:#252525}
.build-content.build-content-on-color .section-title h2{color:#252525}
.build-btn-area{float:right}
.build-play-img{position:relative;border-radius:30px;margin-bottom:30px}
.build-play-img img{border-radius:30px}
.build-play-img .play-area-content{position:absolute;z-index:1;bottom:-1px;left:-1px;max-width:470px;background-color:#25252538;border-bottom-left-radius:30px;border-top-right-radius:70%;padding:150px 80px 110px 40px}
.build-play-img .play-area-content::before{content:'';position:absolute;z-index:-1;top:30px;right:30px;width:92.7%;height:92.1%;background-color:#272d81;border-bottom-left-radius:30px;border-top-right-radius:70%}
.build-play-img .play-area-content span{color:#fff}
.build-play-img .play-area-content h2{color:#fff;font-size:35px;max-width:300px;margin-bottom:0}
.play-area{position:absolute;z-index:1;bottom:220px;left:260px}
.play-area .play-on{width:80px;height:80px;color:#272d81;background-color:#fff;text-align:center;font-size:55px;line-height:85px;border-radius:50px;display:inline-block}
.play-area .play-on i{position:relative;left:4px;top:1px}
.play-area .play-on:hover{color:#fff;background-color:#ffc221}
.build-item{position:relative;margin-bottom:80px}
.build-item a{display:block}
.build-item a img{border-radius:5px}
.build-item .content{position:absolute;left:0;right:0;width:90%;bottom:-80px;margin-left:auto;margin-right:auto;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);border-radius:5px;padding:20px;margin-bottom:30px}
.build-item .content h3{margin-bottom:5px}
.build-item .content h3 a{color:#252525;-webkit-transition:.5s;transition:.5s}
.build-item .content ul{list-style:none;margin:0;padding:0}
.build-item .content ul li{display:inline-block;margin-right:15px;color:#444;font-weight:500;position:relative;font-size:14px}
.build-item .content ul li a{color:#444}
.build-item .content ul li::before{content:'';position:absolute;top:5px;right:-10px;width:2px;height:15px;background-color:#444;-webkit-transform:skew(-20deg);transform:skew(-20deg)}
.build-item .content ul li:last-child{margin-left:0}
.build-item .content ul li:last-child::before{display:none}
.build-item .content ul li:hover a{color:#272d81}
.build-item .content .more-btn{position:absolute;bottom:0;right:0;width:45px;height:45px;line-height:45px;font-size:20px;color:#272d81;text-align:center;border-top-left-radius:30px;border-bottom-right-radius:5px;background-color:#e6f1fc;-webkit-transition:.5s;transition:.5s}
.build-item:hover .content h3 a{color:#ffc221}
.build-item:hover .more-btn{background-color:#272d81;color:#fff}
.build-text{margin-bottom:20px;margin-top:30px}
.build-text p{color:#fff;margin-bottom:0;font-weight:600}
.build-text.build-on-text p{color:#252525}
.play-btn-area{position:relative;z-index:1;padding-top:170px;padding-bottom:170px;text-align:center;margin-bottom:30px}
.play-btn-area::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-image:url(../images/build-play-bg.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:15px}
.play-btn-area .build-play{font-size:55px;color:#fff;width:100px;height:100px;z-index:1;background-color:#fff87;border-radius:50%;line-height:105px;text-align:center;position:relative;-webkit-transition:.7s;transition:.7s;-webkit-animation:pulse 3s ease-out infinite;animation:pulse 3s ease-out infinite}
.play-btn-area .build-play i{position:relative;top:1px;left:3px}
.play-btn-area .build-play::before{content:'';position:absolute;width:70px;height:70px;left:0;right:0;top:15px;margin:0 auto;z-index:-1;background-color:#272d81;border-radius:50%}
.play-btn-area .build-play:hover{border-radius:0;-webkit-transform:scale(1);transform:scale(1)}
.play-btn-area .build-play:hover::before{border-radius:0;-webkit-animation:none;animation:none}
.talk-area{background-image:url(../images/talk-bg.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;z-index:1}
.talk-area::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-color:#070b3b;opacity:.8}
.talk-content .section-title{margin-bottom:30px}
.talk-content .section-title h2{color:#fff;max-width:530px;margin-left:auto;margin-right:auto}
.call-us-area{background-color:#070b3b;position:relative;z-index:1}
.call-us-area::before{content:'';position:absolute;opacity:.1;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-image:url(../images/call-shap1.png);background-size:cover;background-position:center center;background-repeat:no-repeat}
.call-us-img{text-align:center;position:relative;z-index:1}
.call-shape .shape1{position:absolute;top:30px;left:30px}
.call-shape .shape2{position:absolute;top:30px;right:-35px}
.call-contact{padding:50px 0}
.call-contact h3{font-size:22px;color:#ffc221;margin-bottom:5px}
.call-contact .call-btn{font-size:35px;color:#fff;margin-bottom:15px;font-weight:600}
.call-contact .call-btn:hover{color:#ffc221}
.call-contact p{font-size:20px;color:#fff;margin-bottom:25px}
.counter-area{position:relative}
.counter-area .section-title h2{max-width:560px;margin-left:auto;margin-right:auto}
.counter-area .section-title p{margin-left:auto;margin-right:auto;max-width:720px}
.counter1{text-align:center}
.counter1 a{    color: #fff;
    background-color: #272d81;
    border-radius: 5px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border: none;
    font-size: 16px;
    min-width: 150px;
    text-align: center;}
.counter-content{margin-bottom:30px;text-align:center}
.counter-content h1{font-size:170px;color:#252525;margin-bottom:0;line-height:1}
.counter-content h1 span{color:#272d81;line-height:1;position:relative;top:-6px}
.counter-content h3{margin-bottom:13px}
.counter-content p{max-width:355px;margin-left:auto;margin-right:auto;margin-bottom:0}
.counter-another-content{margin-bottom:25px;position:relative}
.counter-another-content i{position:absolute;line-height:1;font-size:60px;top:3px;left:0;color:#272d81}
.counter-another-content h3{color:#252525;font-size:35px;line-height:1;margin-bottom:8px;    display: table-cell;}
.counter-another-content span{font-size:16px;color:#444;margin-bottom:0;font-weight:600}
.counter-another-content img{max-width: 60px;    position: absolute;    line-height: 1;    font-size: 60px;    top: 3px;    left: 0;}
.counter-another-content dl dt span,dt{font-size: 35px;}
/*.counter-shape{display:none}*/
.counter-shape .shape1{position:absolute;top:0;right:0;z-index:-1}
.counter-shape .shape1 img{max-width:200px}
.counter-shape .shape2{position:absolute;bottom:0;left:0;z-index:-1}
.counter-shape .shape2 img{max-width:200px}
.case-study-area .section-title h2{max-width:500px;margin-left:auto;margin-right:auto}
.case-study-item{position:relative;margin-bottom:80px}
.case-study-item a{display:block}
.case-study-item a img{border-radius:5px}
.case-study-item .content{position:absolute;left:0;right:0;width:90%;bottom:-80px;margin-left:auto;margin-right:auto;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);border-radius:5px;padding:20px;margin-bottom:30px}
.case-study-item .content h3{margin-bottom:5px}
.case-study-item .content h3 a{color:#252525}
.case-study-item .content h3:hover a{color:#272d81}
.case-study-item .content ul{list-style:none;margin:0;padding:0}
.case-study-item .content ul li{display:inline-block;margin-right:15px;color:#444;font-weight:500;position:relative;font-size:14px}
.case-study-item .content ul li::before{content:'';position:absolute;top:5px;right:-10px;width:2px;height:15px;background-color:#444;-webkit-transform:skew(-20deg);transform:skew(-20deg)}
.case-study-item .content ul li a{color:#444}
.case-study-item .content ul li:last-child{margin-left:0}
.case-study-item .content ul li:last-child::before{display:none}
.case-study-item .content ul li:hover a{color:#272d81}
.case-study-item .content .more-btn{position:absolute;bottom:0;right:0;width:45px;height:45px;line-height:50px;font-size:20px;color:#272d81;text-align:center;border-top-left-radius:30px;border-bottom-right-radius:5px;background-color:#e6f1fc;-webkit-transition:.5s;transition:.5s}
.case-study-item .content .more-btn:hover{background-color:#272d81;color:#fff}
.case-study-item:hover .content h3 a{color:#272d81}
.case-study-item:hover .content .more-btn{background-color:#272d81;color:#fff}
.case-article .case-article-img{margin-bottom:25px}
.case-article .case-article-img img{border-radius:15px}
.case-article .case-article-content h2{font-size:26px;margin-bottom:15px}
.case-article .case-article-content p{margin-bottom:20px}
.case-article .case-article-content .case-article-list{list-style:none;margin:0 0 25px;padding:0}
.case-article .case-article-content .case-article-list li{display:block;color:#252525;margin-bottom:10px;font-weight:600;-webkit-transition:.7s;transition:.7s;padding-left:35px;position:relative;-webkit-transition:.5s;transition:.5s}
.case-article .case-article-content .case-article-list li:hover{color:#272d81}
.case-article .case-article-content .case-article-list li:hover i{color:#ffc221}
.case-article .case-article-content .case-article-list li:last-child{margin-bottom:0}
.case-article .case-article-content .case-article-list li i{font-size:26px;color:#272d81;position:absolute;left:0;top:2px;margin-right:5px;-webkit-transition:.5s;transition:.5s}
.case-article .case-article-content .case-article-list.case-article-ls li i{top:-1px}
.case-article .case-article-another h2{font-size:26px;margin-bottom:15px}
.case-article .case-article-another p{margin-bottom:20px}
.case-article .case-article-another .case-article-another-img{margin-bottom:25px;margin-top:10px}
.case-article .case-article-another .case-article-another-img img{border-radius:15px}
.case-article .case-work-process h2{font-size:26px;margin-bottom:15px}
.case-article .case-work-process p{margin-bottom:30px}
.case-play-btn{position:relative;z-index:1;padding-top:170px;padding-bottom:170px;text-align:center;margin-bottom:30px;margin-top:30px}
.case-play-btn::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-image:url(../images/build-play-bg.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:15px}
.case-play-btn .case-play{font-size:55px;color:#272d81;width:80px;height:80px;z-index:1;background-color:#fff;border-radius:50%;line-height:85px;text-align:center;position:relative;-webkit-transition:.7s;transition:.7s;-webkit-animation:pulse 3s ease-out infinite;animation:pulse 3s ease-out infinite}
.case-play-btn .case-play i{position:relative;top:1px;left:3px}
.case-play-btn .case-play:hover{border-radius:0;-webkit-transform:scale(1);transform:scale(1)}
.case-play-btn .case-play:hover::before{border-radius:0;-webkit-animation:none;animation:none}
.team-card{margin-bottom:30px;position:relative}
.team-card:hover .social-link{opacity:1}
.team-card:hover .social-link li a{-webkit-transform:scaleY(1);transform:scaleY(1)}
.team-card:hover .content{border-radius:0}
.team-card .social-link{position:absolute;top:17%;right:30px;padding:0;list-style:none;opacity:0}
.team-card .social-link li{display:block;margin-bottom:10px}
.team-card .social-link li a{width:30px;height:30px;line-height:32px;text-align:center;color:#fff;border-radius:50px;background-color:#272d81;-webkit-transform:scaleY(0);transform:scaleY(0)}
.team-card .social-link li:hover a{background-color:#fff;color:#272d81}
.team-card .content{position:absolute;z-index:1;bottom:0;left:0;right:0;background-color:#272d81;padding:20px 25px;border-top-left-radius:100px;text-align:center;-webkit-transition:.9s;transition:.9s}
.team-card .content h3{margin-bottom:0;color:#fff}
.team-card .content span{color:#fff}
.technology-area{position:relative;z-index:1;background-image:url(../images/technology-img.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.technology-area .section-title h2{color:#fff;max-width:570px;margin-left:auto;margin-right:auto}
.technology-area::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-color:#070b3b;opacity:.8}
.technology-card{padding:30px;border:1px solid #fff;border-radius:5px;text-align:center;margin-bottom:30px}
.technology-card i{font-size:50px;line-height:1;color:#fff}
.technology-card h3{color:#fff;margin-bottom:0;margin-top:15px;font-weight:500}
.technology-area-two{background-color:#f8f8f8}
.technology-area-two .section-title h2{max-width:570px;margin-left:auto;margin-right:auto}
.technology-card-color{border-color:#272d81}
.technology-card-color i{color:#272d81}
.technology-card-color h3{color:#252525}
.brand-area{position:relative}
.brand-area::before{content:'';position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/brand-bg.png)}
/*.brand-area-two{position:relative;background-color:#272d81}*/
/*.brand-area-two::before{content:'';position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(../images/brand-bg.png)}*/
.brand-item img{width:unset!important;text-align:center;margin:0 auto}
.clients-area{position:relative;z-index:1;background-color:#15163b}
.clients-area::before{content:'';position:absolute;z-index:-1;top:0;width:100%;height:100%;left:0;right:0;background-image:url(../images/client-bg.png);background-position:center center;background-size:cover;background-repeat:no-repeat}
.clients-area .section-title h2{max-width:430px;margin-left:auto;margin-right:auto;color:#fff}
.clients-area .owl-nav{margin-top:0}
.clients-area .owl-nav .owl-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-7%;font-size:25px!important;-webkit-transition:.7s;transition:.7s;width:45px;height:45px;border-radius:50px;line-height:47px!important;background-color:transparent!important;color:#272d81!important;border:1px solid #272d81!important}
.clients-area .owl-nav .owl-prev:hover{color:#fff!important;background-color:#272d81!important}
.clients-area .owl-nav .owl-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-7%;color:#444!important;font-size:25px!important;-webkit-transition:.7s;transition:.7s;width:45px;height:45px;line-height:47px!important;border-radius:50px;background-color:transparent!important;color:#272d81!important;border:1px solid #272d81!important}
.clients-area .owl-nav .owl-next:hover{color:#fff!important;background-color:#272d81!important}
.clients-area-two{background-color:#fff}
.clients-area-two .section-title h2{max-width:430px;margin-left:auto;margin-right:auto;color:#252525}
.clients-content{position:relative;z-index:1;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.06);box-shadow:0 0 15px rgba(0,0,0,.06);padding:30px 40px 25px;margin-bottom:30px;border-radius:10px}
.clients-content::before{content:'';position:absolute;z-index:-1;bottom:0;width:95%;height:100%;margin:0 auto;left:0;right:0;background-color:#fff;opacity:.5;border-radius:10px}
.clients-content .content{padding-left:110px;position:relative;margin-bottom:30px}
.clients-content .content img{position:absolute;top:0;left:0;border-radius:50%;width:unset!important;width:85px!important;height:85px!important}
.clients-content .content i{position:absolute;bottom:-10px;left:60px;border-radius:50px;width:35px;height:35px;line-height:35px;background-color:#ffc221;color:#fff;text-align:center}
.clients-content .content h3{padding-top:20px;margin-bottom:0}
.clients-content .content span{margin-bottom:0}
.clients-content p{margin-bottom:0}
.client-circle .client-circle-1{position:absolute;top:10%;left:0}
.client-circle .client-circle-2{position:absolute;top:40%;left:3%}
.client-circle .client-circle-3{position:absolute;top:75%;left:0}
.client-circle .client-circle-4{position:absolute;top:10%;right:20%}
.client-circle .client-circle-5{position:absolute;top:25%;right:5%}
.client-circle .client-circle-6{position:absolute;top:70%;right:0}
.client-circle .client-circle-7{position:absolute;bottom:5%;right:35%}
.circle{width:40px;height:40px;background-color:#272d81;border-radius:50px;position:relative;z-index:1;border:13px solid #f6fbff}
.blog-card{background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);margin-bottom:30px;border-radius:5px;-webkit-transition:.9s;transition:.9s;border:1px solid #f1f1f1}
.blog-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.blog-card .blog-img{position: relative;
    width: 100%;
    height: 233px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;}
.blog-card .blog-img img{width: 100%;}
.blog-card .blog-img .blog-tag{background-color:#272d81;padding:15px 12px;position:absolute;bottom:10px;right:30px;border-radius:5px;text-align:center}
.blog-card .blog-img .blog-tag h3{font-size:17px;color:#fff;line-height:1;margin-bottom:0;font-weight:500}
.blog-card .blog-img .blog-tag span{color:#fff;line-height:1;font-weight:500}
.blog-card .content{padding:25px 30px}
.blog-card .content ul{list-style:none;margin:0;padding:0}
.blog-card .content ul li{display:inline-block;font-size:15px;margin-right:20px}
.blog-card .content ul li a{color:#444}
.blog-card .content ul li a i{font-size:20px;color:#272d81;margin-right:5px;position:relative;top:3px}
.blog-card .content ul li a:last-child{margin-right:0}
.blog-card .content ul li a:hover{color:#ffc221}
.blog-card .content ul li a:hover i{color:#272d81}
.blog-card .content h3{margin-top:10px;margin-bottom:10px;font-size:18px;min-height:4rem}
.blog-card .content h3 a{color:#252525}
.blog-card .content p{margin-bottom:8px}
.blog-card .content .read-btn{color:#272d81;font-size:15px;font-weight:600}
.blog-card .content .read-btn i{font-size:20px;position:relative;top:5px}
.blog-card .content .read-btn:hover{color:#252525;letter-spacing:.25px}
.blog-card:hover .content h3 a{color:#272d81}
.blog-article{margin-bottom:30px}
.blog-article .blog-article-img{margin-bottom:30px;position:relative}
.blog-article .blog-article-img img{border-radius:15px}
.blog-article .blog-article-img .blog-article-tag{background-color:#ffc221;padding:15px 12px;position:absolute;bottom:-20px;right:30px;border-radius:3px;text-align:center}
.blog-article .blog-article-img .blog-article-tag h3{font-size:17px;color:#fff;line-height:1;margin-bottom:0;font-weight:500}
.blog-article .blog-article-img .blog-article-tag span{font-size:17px;color:#fff;line-height:1;font-weight:500}
.blog-article .blog-article-title{margin-bottom:20px}
.blog-article .blog-article-title ul{list-style:none;margin:0;padding:0}
.blog-article .blog-article-title ul li{display:inline-block;font-size:15px;color:#252525;margin-right:30px;position:relative;font-weight:500}
.blog-article .blog-article-title ul li:last-child{margin-right:0}
.blog-article .blog-article-title ul li i{font-size:18px;margin-right:10px;position:relative;top:3px;color:#272d81}
.blog-article .blog-article-title h2{margin-top:15px;font-size:26px;max-width:650px;margin-bottom:0;color:#252525}
.blog-article .article-content{padding-bottom:10px}
.blog-article .article-content p{margin: 0.63em 0 1.8em;    padding: 0;    color: #191919;    line-height: 30px;    padding-top: 5px;}
.blog-article .article-content .blockquote{position:relative;z-index:1;margin-bottom:30px;margin-top:30px;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);padding:20px 30px 20px 50px;margin-left:35px}
.blog-article .article-content .blockquote p{font-size:15px;color:#444;font-weight:500;margin-top:0;margin-bottom:0;margin-left:0}
.blog-article .article-content .blockquote span{font-size:15px;color:#252525;font-weight:600}
.blog-article .article-content .blockquote i{font-size:35px;width:70px;height:70px;line-height:70px;color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#070f60),to(#272d81));background-image:linear-gradient(to right,#070f60,#272d81);text-align:center;border-radius:50px;position:absolute;top:24%;left:-35px}
.blog-article .blog-article-share{padding:10px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;margin-bottom:30px}
.blog-article .blog-article-share .blog-tag ul{list-style:none;margin:0;padding:0}
.blog-article .blog-article-share .blog-tag ul li{display:inline-block;padding:5px 3px;-webkit-transition:.7s;transition:.7s;color:#252525;font-weight:400;margin-right:5px}
.blog-article .blog-article-share .blog-tag ul li:last-child{margin-right:0}
.blog-article .blog-article-share .blog-tag ul li i{color:#272d81;font-size:18px;position:relative;top:3px}
.blog-article .blog-article-share .blog-tag ul li a{color:#fff;background-color:#272d81;padding:5px 12px;border-radius:10px;font-size:14px}
.blog-article .blog-article-share .blog-tag ul li:hover a{background-color:#ffc221}
.blog-article .blog-article-share .social-icon{margin:0;padding:0;list-style:none;float:right}
.blog-article .blog-article-share .social-icon li{display:inline-block;margin-right:5px}
.blog-article .blog-article-share .social-icon li a{border-radius:0;width:35px;height:35px;line-height:37px;text-align:center;color:#272d81;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1)}
.blog-article .blog-article-share .social-icon li a:hover{background-color:#272d81;color:#fff}
.blog-article .comments-wrap{margin-bottom:30px}
.blog-article .comments-wrap .comment-title .title{font-size:24px;margin-bottom:0;color:#252525}
.blog-article .comments-wrap .comment-list{list-style:none;margin:0;padding:0}
.blog-article .comments-wrap .comment-list li{position:relative;padding:30px;padding-left:75px;border-bottom:1px solid #e1e1e1}
.blog-article .comments-wrap .comment-list li:last-child{margin-bottom:0}
.blog-article .comments-wrap .comment-list li img{position:absolute;top:30px;left:0;border-radius:50%}
.blog-article .comments-wrap .comment-list li h3{margin-bottom:5px;font-size:18px;font-weight:600;color:#252525}
.blog-article .comments-wrap .comment-list li span{font-size:15px;color:#252525}
.blog-article .comments-wrap .comment-list li p{margin-top:10px;margin-bottom:0}
.blog-article .comments-wrap .comment-list li a{color:#272d81;font-weight:600;position:absolute;top:30px;right:0}
.blog-article .comments-wrap .comment-list li a:hover{color:#ffc221}
.blog-article .comments-form{margin-top:30px;margin-bottom:30px}
.blog-article .comments-form .title{font-size:24px;margin-bottom:20px;color:#252525}
.blog-article .comments-form .contact-form{-webkit-box-shadow:none;box-shadow:none;padding:0;background-color:#fff}
.blog-article .comments-form .default-btn{width:unset}
.search-widget{margin-bottom:30px;background-color:#fff}
.search-widget .search-form{position:relative;border:1px solid #e2e2e2;border-radius:5px}
.search-widget .search-form .form-control{height:50px;border:0;background-color:#fff;padding:10px 20px;width:100%;color:#252525;border-radius:5px}
.search-widget .search-form .form-control:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}
.search-widget .search-form button{position:absolute;top:3px;right:3px;height:45px;width:45px;-webkit-transition:all .5s;transition:all .5s;border:0;outline:0;background-color:#272d81;line-height:57px;border-radius:5px}
.search-widget .search-form button i{color:#fff;font-size:24px}
.search-widget .search-form button:hover{background-color:#252525}
.side-bar-area{margin-left:15px}
.side-bar-widget{background-color:#fff}
.side-bar-widget .title{font-size:20px;color:#252525;padding:0;font-weight:600;position:relative;display:inline-block;margin-bottom:10px;background-color:transparent;width:100%}
.side-bar-widget .side-bar-categories{margin-bottom:15px}
.side-bar-widget .side-bar-categories ul{padding:0;margin:0;list-style-type:none}
.side-bar-widget .side-bar-categories ul li{position:relative;font-size:15px;font-weight:500}
.side-bar-widget .side-bar-categories ul li .line-circle{position:absolute;top:10px;left:0;width:13px;height:13px;background-color:transparent;border:1px solid #272d81;border-radius:50px}
.side-bar-widget .side-bar-categories ul li .line-circle::before{content:'';position:absolute;top:1px;left:1px;right:1px;margin:0 auto;width:9px;height:9px;background-color:#272d81;border-radius:50px}
.side-bar-widget .side-bar-categories ul li:last-child{border-bottom:0}
.side-bar-widget .side-bar-categories ul li a{display:inline-block;color:#444;font-weight:400;padding:5px 0 5px 25px;font-weight:600;position:relative;width:100%}
.side-bar-widget .side-bar-categories ul li a span{right:30px;position:absolute;top:10px;color:#444}
.side-bar-widget .side-bar-categories ul li a:hover{color:#272d81}
.side-bar-widget .side-bar-categories ul li a:hover span{color:#272d81}
.side-bar-widget .widget-popular-post{position:relative;overflow:hidden;padding:0;margin-top:10px;margin-bottom:20px}
.side-bar-widget .widget-popular-post .item{overflow:hidden;margin-bottom:13px;padding-bottom:8px;border-bottom:1px solid #e2e2e2}
.side-bar-widget .widget-popular-post .item:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.side-bar-widget .widget-popular-post .item .thumb{float:left;overflow:hidden;position:relative;margin-right:15px}
.side-bar-widget .widget-popular-post .item .thumb .full-image{width:80px;height:80px;display:inline-block;background-size:cover!important;background-repeat:no-repeat;background-position:center center!important;position:relative;background-color:#070b3b}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg1{background-image:url(../images/blog-details.jpg)}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg2{background-image:url(../images/blog-img2.jpg)}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg3{background-image:url(../images/blog-img3.jpg)}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg4{background-image:url(../images/blog-img1.jpg)}
.side-bar-widget .widget-popular-post .item .info{overflow:hidden;padding:0}
.side-bar-widget .widget-popular-post .item .info .title-text{margin-bottom:0;line-height:1.5;font-size:18px;font-weight:500;max-width:210px}
.side-bar-widget .widget-popular-post .item .info .title-text a{display:inline-block;color:#252525;margin-bottom:5px}
.side-bar-widget .widget-popular-post .item .info .title-text a:hover{color:#272d81}
.side-bar-widget .widget-popular-post .item .info p{font-size:15px;margin-bottom:0;max-width:180px;color:#272d81}
.side-bar-widget .side-bar-widget-tag{list-style:none;padding:0;margin-top:10px;margin-bottom:20px}
.side-bar-widget .side-bar-widget-tag li{display:inline-block;margin:5px;color:#fff}
.side-bar-widget .side-bar-widget-tag li a{color:#fff;padding:7px 15px;background-color:#272d81;font-size:14px;font-weight:400;border-radius:5px;-webkit-transition:.7s;transition:.7s}
.side-bar-widget .side-bar-widget-tag li:hover a{color:#fff;background-color:#ffc221}
.side-bar-widget .blog-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;list-style-type:none;margin-left:-5px;margin-right:-5px;margin-top:10px;margin-bottom:25px}
.side-bar-widget .blog-gallery li{-webkit-box-flex:0;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%;padding-left:5px;padding-right:5px;padding-top:10px}
.side-bar-widget .blog-gallery li a{display:block;position:relative}
.side-bar-widget .blog-gallery li a img{width:100%;height:100%;border-radius:15px}
.side-bar-widget .blog-gallery li a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#272d81;-webkit-transition:all .5s;transition:all .5s;opacity:0;visibility:hidden;border-radius:15px}
.side-bar-widget .blog-gallery li a::after{content:'\ee93';position:absolute;z-index:1;top:50%;left:0;right:0;text-align:center;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);text-align:center;background-color:transparent;-webkit-transition:all .5s;transition:all .5s;opacity:0;visibility:hidden;font-size:35px;font-family:boxicons;color:#fff}
.side-bar-widget .blog-gallery li a:hover::before{opacity:.5;visibility:visible}
.side-bar-widget .blog-gallery li a:hover::after{opacity:1;visibility:visible}
.blog-style-card{margin-bottom:30px}
.blog-style-card .blog-style-img{position:relative}
.blog-style-card .blog-style-img img{border-radius:15px}
.blog-style-card .blog-style-img .blog-style-tag{background-color:#ffc221;padding:15px 12px;position:absolute;bottom:-20px;right:30px;border-radius:3px;text-align:center}
.blog-style-card .blog-style-img .blog-style-tag h3{font-size:17px;color:#fff;line-height:1;margin-bottom:0;font-weight:500}
.blog-style-card .blog-style-img .blog-style-tag span{font-size:17px;color:#fff;line-height:1;font-weight:500}
.blog-style-card .content{padding:30px 0 0}
.blog-style-card .content ul{list-style:none;margin:0;padding:0}
.blog-style-card .content ul li{display:inline-block;font-size:15px;color:#252525;margin-right:30px;position:relative;font-weight:500}
.blog-style-card .content ul li:last-child{margin-right:0}
.blog-style-card .content ul li i{font-size:18px;margin-right:10px;position:relative;top:3px;color:#272d81}
.blog-style-card .content h3{margin-top:10px;margin-bottom:10px}
.blog-style-card .content h3 a{color:#252525;display:block}
.blog-style-card .content p{margin-bottom:15px}
.blog-style-card .content .default-btn{padding:8px 16px;font-size:14px}
.blog-style-card:hover .content h3 a{color:#272d81}
.faq-area .section-title p{max-width:560px}
.faq-content{margin-bottom:30px}
.faq-content .section-title{margin-bottom:30px}
.faq-content .section-title h2{max-width:500px;margin-left:auto;margin-right:auto;line-height:1.2}
.faq-content .section-title p{max-width:540px;margin-left:auto;margin-right:auto}
.faq-content .faq-accordion .accordion{list-style-type:none;padding-left:0;margin-bottom:0}
.faq-content .faq-accordion .accordion .accordion-item{display:block;margin-bottom:15px;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);box-shadow:0 0 15px rgba(0,0,0,.07)}
.faq-content .faq-accordion .accordion .accordion-item:last-child{margin-bottom:0}
.faq-content .faq-accordion .accordion .accordion-title{padding:15px 60px 15px 20px;color:#252525;text-decoration:none;position:relative;display:block;font-size:18px;font-weight:600}
.faq-content .faq-accordion .accordion .accordion-title i{position:absolute;right:15px;top:14px;font-size:25px;-webkit-transition:.5s;transition:.5s;font-size:24px;width:30px;height:30px;color:#272d81;text-align:center;line-height:30px;background-color:transparent;border-radius:50px;border:1px solid #272d81}
.faq-content .faq-accordion .accordion .accordion-title.active i::before{content:"\eaed"}
.faq-content .faq-accordion .accordion .accordion-title.active i .accordion-content p{margin-top:-5px}
.faq-content .faq-accordion .accordion .accordion-content{display:none;position:relative;margin-top:0;padding-bottom:10px;padding-right:20px;padding-left:20px}
.faq-content .faq-accordion .accordion .accordion-content p{margin-top:-6px;line-height:1.8;font-size:15px;margin-bottom:3px}
.faq-content .faq-accordion .accordion .accordion-content.show{display:block}
.user-img{margin-bottom:30px}
.user-form .contact-form{max-width:640px}
.user-form .contact-form .agree-label .forget{position:absolute;right:0}
.user-form .contact-form .default-btn{width:unset}
.user-form .contact-form .account-desc{margin-top:15px;font-weight:600;margin-bottom:0}

.user-form .contact-form .account-desc a{color:#272d81}
.user-form .contact-form .account-desc a:hover{color:#ffc221}
.pagination-area{margin-top:10px;margin-bottom:30px}
.pagination-area ul li{ position:relative;font-size:16px;top:5px;  height:40px;line-height:40px;color:#272d81;background-color:transparent;border:1px solid #272d81;text-align:center;display:inline-block;position:relative;margin-left:3px;margin-right:3px;font-size:18px;border-radius:5px}
.pagination-area ul li:hover{background-color:#272d81;color:#fff}
.pagination-area ul li{}
.pagination-area ul li a{   padding: 0 10px;  width:100%}
.pagination-area ul .active{background-color:#272d81;color:#fff}
.terms-conditions-img{margin-bottom:30px}
.single-content{margin-bottom:30px}
.single-content h3{font-size:24px;color:#252525;margin-bottom:15px}
.single-content p{margin-bottom:15px}
.contact-form{max-width:800px;position:relative;z-index:1;margin-bottom:30px;margin-left:auto;margin-right:auto}
.contact-form h2{color:#252525;margin-bottom:30px;font-weight:700;font-size:26px;line-height:1}
.contact-form .form-group{margin-bottom:20px;position:relative}
.contact-form .form-group label{color:#252525;font-size:15px;margin-bottom:15px;font-weight:500}
.contact-form .form-group label span{color:#272d81}
.contact-form .form-group.checkbox-option{position:relative}
.contact-form .form-group.checkbox-option #chb2{position:absolute;top:6px;left:0}
.contact-form .form-group.checkbox-option p{padding-left:25px;font-size:15px}
.contact-form .form-group.checkbox-option p a{color:#272d81}
.contact-form .form-group.checkbox-option p a:hover{color:#ffc221}
.contact-form .form-group .form-control{height:50px;color:#252525;border:1px solid #272d81;background-color:#fff;font-size:15px;padding:10px 20px;width:100%;border-radius:0;font-weight:500}
.contact-form .form-group .form-control:focus{outline:0;border-color:#252525;-webkit-box-shadow:none;box-shadow:none}
.contact-form .form-group textarea.form-control{height:auto}
.contact-form .agree-label{margin-bottom:15px;position:relative}
.contact-form .agree-label #chb1{position:absolute;top:5px;left:0}
.contact-form .agree-label label{font-weight:500;color:#252525;margin-left:25px}
.contact-form .agree-label label a{color:#272d81}
.contact-form .agree-label label a:hover{color:#ffc221}
.contact-form .with-errors{float:left;font-size:14px;margin-top:10px;margin-bottom:0;color:red;font-weight:400;display:block}
.contact-form .text-danger{font-size:18px;margin-top:15px}
.contact-form .default-btn{border:0;outline:0}
.contact-form .form-group .form-control:-ms-input-placeholder,.contact-form .form-group .form-control::-ms-input-placeholder,.contact-form .form-group .form-control::-webkit-input-placeholder{color:#444}
.contact-form .form-group .form-control:-ms-input-placeholder,.contact-form .form-group .form-control::-ms-input-placeholder,.contact-form .form-group .form-control::-webkit-input-placeholder,.contact-form .form-group .form-control::placeholder{color:#444}
.contact-card{text-align:center;margin-bottom:30px;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);padding:30px 20px;border-radius:15px}
.contact-card i{width:60px;height:60px;line-height:60px;background-color:#fff;font-size:24px;color:#272d81;border-radius:50px;border:1px solid #e2e2e2;margin-bottom:10px}
.contact-card h3{font-size:24px;margin-bottom:10px;color:#252525}
.contact-card span{color:#444;font-weight:500;font-size:17px;display:block}
.contact-card span a{color:#444;display:block}
.contact-card span a:hover{color:#272d81}
.contact-info{margin-bottom:30px;background-color:#070b3b;padding:52px 35px 22px;border-radius:15px;position:relative;z-index:1}
.contact-info::before{content:'';position:absolute;opacity:.1;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-image:url(../images/call-shap1.png);background-size:cover;background-position:center center;background-repeat:no-repeat}
.contact-info span{color:#ffc221;display:block;margin-bottom:5px}
.contact-info h2{color:#fff;font-size:26px;margin-bottom:15px}
.contact-info p{color:#fff;margin-bottom:20px}
.contact-info ul{list-style:none;margin:0;padding:0}
.contact-info ul li{display:block;margin-bottom:30px;padding-left:60px;position:relative}
.contact-info ul li .content i{width:45px;height:45px;line-height:45px;background-color:#fff;font-size:20px;color:#272d81;border-radius:50px;border:1px solid #e2e2e2;margin-bottom:10px;text-align:center;position:absolute;left:0;top:0}
.contact-info ul li .content h3{font-size:18px;margin-bottom:10px;color:#fff;display:block}
.contact-info ul li .content a{color:#fff;display:block;font-weight:400;font-size:15px}
.contact-info ul li .content a:hover{color:#272d81}
.contact-info ul li .content span{color:#fff;font-weight:400;display:block;font-size:15px}
.error-area{height:100%;padding-top:50px;padding-bottom:70px}
.error-area .error-content{text-align:center;position:relative}
.error-area .error-content img{max-width:100%}
.error-area .error-content h3{margin-bottom:20px;position:relative;color:#252525;font-size:35px}
.error-area .error-content p{margin-top:20px;margin-bottom:20px;font-size:18px;max-width:520px;margin-left:auto;margin-right:auto;color:#444}
.coming-soon-area{position:relative;height:100vh;overflow:hidden;background-color:#fff}
.coming-soon-area .coming-soon-content{text-align:center;max-width:750px;margin-left:auto;margin-right:auto;position:relative;z-index:2;padding:50px 30px;background-color:#f8f8f8;border:3px solid #272d81}
.coming-soon-area .coming-soon-content h1{margin-bottom:0;color:#252525;font-size:50px}
.coming-soon-area .coming-soon-content p{font-size:16px;max-width:600px;margin-top:15px;margin-bottom:0;margin-left:auto;margin-right:auto;color:#444}
.coming-soon-area .coming-soon-content #timer{margin-top:40px}
.coming-soon-area .coming-soon-content #timer div{display:inline-block;color:#252525;position:relative;width:80px;height:80px;margin:0 10px;font-size:35px;font-weight:700;background-color:#fff;border-radius:5px}
.coming-soon-area .coming-soon-content #timer div span{display:block;text-transform:capitalize;margin-top:-15px;font-size:16px;font-weight:400;color:#252525}
.coming-soon-area .coming-soon-content #timer div:last-child{margin-right:0}
.coming-soon-area .coming-soon-content #timer div:last-child::before{display:none}
.coming-soon-area .coming-soon-content #timer div:first-child{margin-left:0}
.coming-soon-area .coming-soon-content #timer div::before{content:"";position:absolute;right:-50px;top:-10px;font-size:70px;color:#fff}
.coming-soon-area .coming-soon-content #timer div span{font-size:13px;padding-top:5px}
.coming-soon-area .coming-soon-content .newsletter-form{position:relative;max-width:500px;margin-left:auto;margin-right:auto;margin-top:50px}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter{display:block;width:100%;height:60px;border:0;background-color:#fff;padding-left:15px;color:#fff;outline:0;-webkit-transition:.5s;transition:.5s;border-radius:0;border:1px solid #ccc;color:#5d5d5d}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus{border-color:#252525}
.coming-soon-area .coming-soon-content .newsletter-form .default-btn{border:0;outline:0;border-radius:0!important}
.coming-soon-area .coming-soon-content .newsletter-form button{position:absolute;right:0;top:0;height:60px;padding:0 30px;text-transform:uppercase;outline:0;color:#fff;-webkit-transition:.5s;transition:.5s;font-weight:500;font-size:15px;cursor:pointer}
.coming-soon-area .coming-soon-content .newsletter-form button::after{border-radius:0}
.coming-soon-area .coming-soon-content .newsletter-form button::before{border-radius:0}
.coming-soon-area .coming-soon-content .newsletter-form button:hover{color:#fff;background-color:#190f3c}
.coming-soon-area .coming-soon-content ul{list-style:none;margin-top:30px;padding:0}
.coming-soon-area .coming-soon-content ul li{display:inline-block;width:45px;height:45px;line-height:50px;font-size:18px;background-color:#272d81;color:#fff;border-radius:50px;margin-right:10px}
.coming-soon-area .coming-soon-content ul li a{color:#fff}
.coming-soon-area .coming-soon-content ul li:hover{background-color:#252525}
.coming-soon-area #validator-newsletter{text-align:left;color:#dc3545!important;margin-top:10px}
.map-area iframe{display:block;width:100%;height:400px}

/*新闻*/
.single-blog-post-wrap{padding:0;margin-bottom:-5px}
.single-blog-post-wrap .blog-thumbnail .btn-plus{height:0;width:0;color:#fff;position:absolute;left:50%;top:50%;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);z-index:2}
.single-blog-post-wrap .blog-thumbnail .btn-plus img{width:50px}
.single-blog-post-wrap .blog-thumbnail a{position:relative;display:block}
.single-blog-post-wrap .blog-thumbnail a:before{background-color:rgba(0,0,0,.3);content:'';position:absolute;opacity:0;visibility:hidden;left:0;top:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.4s;-o-transition:.4s;transition:.4s;height:100%;width:100%;z-index:2}
.single-blog-post-wrap .blog-thumbnail a:hover:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1;visibility:visible}
.single-blog-post-wrap:hover .blog-thumbnail .btn-plus{height:40px;width:40px;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
.blog-thumbnail img{height:252px;width:100%}
.single-blog-post-wrap .blog-post-details .title{font-weight:700;font-size:24px;line-height:1.8rem;color:#212121;min-height: 3.6rem;}
@media(max-width:991px){.single-blog-post-wrap .blog-post-details .title{font-size:22px}
}
.single-blog-post-wrap .blog-post-details .post-meta{color:#212121}
.single-blog-post-wrap .blog-post-details .post-meta a{margin-right:10px}
.single-blog-post-wrap .blog-post-details .post-meta a:last-child{margin-right:0}
.single-blog-post-wrap .blog-post-details .post-meta i{color:#212121}
.blog-details .image img{width:100%;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.blog-details .content .title{font-size:30px;font-weight:700;color:#212121}
@media(max-width:575px){.blog-details .content .title{font-size:26px}
}
@media(max-width:479px){.blog-details .content .title{font-size:22px}
}
.blog-details .content .meta-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#6c757d}
.blog-details .content .meta-list .meta-item{font-size:14px;margin-right:10px}
.blog-details .content .meta-list .meta-item:last-child{margin-right:0}
.blog-details .content .meta-list .meta-item+.meta-item::before{content:"|";margin-right:10px}
.blog-details .content .meta-list a:hover{color:#122179}
.blog-details .blockquote{font-size:16px;line-height:2;position:relative;background-color:#f8f9fa;color:#212121;font-weight:600;padding:50px 35px 35px}
.blog-details .blockquote:before{background-color:#122179;content:'';position:absolute;left:0;top:0;height:100%;width:5px}
.blog-details .blockquote:after{content:"\f10e";color:#ced4da;font-family:FontAwesome;font-size:30px;position:absolute;top:15px;right:25px}
@media(max-width:575px){.blog-details .blockquote:after{font-size:20px;top:30px;right:15px}
}
.blog-details .blockquote .blockquote-footer{color:#495057;font-size:15px;font-weight:400}
.blog-details .share-article{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.blog-details .share-article .left-side{float:left}
.blog-details .share-article .right-side{float:right}
@media(max-width:479px){.blog-details .share-article .h6,.blog-details .share-article h6{display:none}
}
.no-gutters{margin-right:0;margin-left:0}
.product-rating i{font-size:16px;color:#122179}
.pagination {display:inherit}
.pagination li{display:inline-block;height:40px;line-height:40px;text-align:center;background:#e9ecef;border-radius:3px;margin-left:8px}
.pagination li:first-child{margin-left:0}
.pagination li a{display:block;border-radius:3px;color:#212121;    padding: 0 14px;}
.pagination li a:hover{background:#122179;color:#fff}
.pagination li.current,.pagination li.active{background:#122179;color:#fff}
.pagination li.next{width:40px}

/*新闻*/

.footer-bg{background-color:#070b3b}
.footer-widget{margin-bottom:30px}
.footer-widget .footer-logo{margin-bottom:20px;position:relative;top:-5px}
.footer-widget h3{margin-top:0;font-size:24px;margin-bottom:30px;color:#fff;line-height:1.2}
.footer-widget p{margin-bottom:20px;color:#fff;max-width:300px}
.footer-widget .footer-call-content{background-color:#fff;padding:20px 80px 20px 20px;border-radius:15px;position:relative;max-width:345px}
.footer-widget .footer-call-content:hover i{background-color:#272d81;color:#fff}
.footer-widget .footer-call-content h3{font-size:24px;line-height:1;margin-bottom:5px;color:#252525}
.footer-widget .footer-call-content span a{color:#252525;font-weight:600}
.footer-widget .footer-call-content span a:hover{color:#272d81}
.footer-widget .footer-call-content i{position:absolute;top:20px;right:20px;width:60px;height:60px;font-size:35px;line-height:60px;text-align:center;display:inline-block;background-color:#e5f3ff;color:#272d81;border-radius:50px;-webkit-transition:.7s;transition:.7s}
.footer-widget .footer-list{list-style:none;margin:0;padding:0}
.footer-widget .footer-list li{display:block;margin-bottom:10px;font-weight:500}
.footer-widget .footer-list li:last-child{margin-bottom:0}
.footer-widget .footer-list li a{color:#fff;font-weight:400}
.footer-widget .footer-list li a i{font-size:18px;position:relative;top:3px;margin-right:5px}
.footer-widget .footer-list li a:hover{color:#ffc221}
.footer-widget .footer-blog{list-style:none;margin:0;padding:0}
.footer-widget .footer-blog li{display:block;margin-bottom:20px;padding-left:90px;position:relative}
.footer-widget .footer-blog li:hover h3 a{color:#ffc221}
.footer-widget .footer-blog li:last-child{margin-bottom:0}
.footer-widget .footer-blog li a{display:block}
.footer-widget .footer-blog li a img{position:absolute;top:0;left:0;height:70px;width:70px}
.footer-widget .footer-blog li h3{font-size:16px;color:#fff;margin-bottom:5px;max-width:200px}
.footer-widget .footer-blog li h3 a{color:#fff;line-height:1.4}
.footer-widget .footer-blog li h3 a:hover{color:#ffc221}
.footer-widget .footer-blog li span{font-size:14px;color:#ffc221}
.footer-widget .newsletter-area .newsletter-form{position:relative;max-width:270px;border-radius:5px}
.footer-widget .newsletter-area .newsletter-form .form-control{background-color:#fff;height:50px;line-height:50px;margin:0;border-radius:5px;border:0;padding:0 45px 0 15px;max-width:100%;color:#252525;font-weight:400}
.footer-widget .newsletter-area .newsletter-form .form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;border:0}
.footer-widget .newsletter-area .newsletter-form .subscribe-btn{position:absolute;top:3px;right:3px;background-color:#272d81;color:#fff;height:45px;line-height:50px;width:45px;border:0;border-radius:5px;font-size:20px;-webkit-transition:.5s;transition:.5s}
.footer-widget .newsletter-area .newsletter-form .subscribe-btn:hover{background:#252525;color:#fff}
.footer-widget .newsletter-area .newsletter-form .validation-danger{font-size:18px;margin-top:5px;color:red}
.copy-right-area{padding:15px 0;border-top:1px solid #272d8161}
.copy-right-text{text-align:center}
.copy-right-text p{color:#fff;margin-bottom:0;font-size:14px}
.copy-right-text p a{color:#ffc221;border-bottom:1px solid #ffc221}
.copy-right-text p a:hover{color:#272d81;border-color:#272d81}
.go-top{position:fixed;top:60%;right:3%;opacity:0;cursor:pointer;text-decoration:none;color:#fff;font-size:24px;font-weight:700;text-align:center;background:#272d81;border-radius:50%;width:45px;height:45px;line-height:48px;z-index:100;-webkit-transition:.5s;transition:.5s}
.go-top i{-webkit-transition:.5s;transition:.5s}
.go-top:hover{background-color:#ffc221}
.go-top.active{top:95%;-webkit-transform:translateY(-95%);transform:translateY(-95%);opacity:1;visibility:visible}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:#00000021}
.spinner{width:40px;height:40px;border-radius:5px;background-color:#fff;margin:100px auto;-webkit-animation:rotate-in 1.2s infinite ease-in-out;animation:rotate-in 1.2s infinite ease-in-out;}
@-webkit-keyframes rotate-in{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
@keyframes rotate-in{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
@-webkit-keyframes moveBounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes moveBounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

/*banner*/
.pr {
    position: relative;
}
.banner-slider{    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    position: absolute;}
.pc-banner{position:relative;overflow:hidden}
.pc-banner .mySwipera{position:relative}
.pc-banner .mySwipera .tcas{width:20%;max-width:var(--head-height);margin:0 auto 1rem}
.pc-banner .mySwipera .tcas img{width:100%}
.banner-slider-area{overflow:hidden}
.banner-slider-area .img{position:relative;width:100%;overflow:hidden}
.banner-slider-area .img>img{width:100%;height:46vh;-o-object-fit:cover;object-fit:cover}
@media (max-width:768px){.banner-slider-area .img>img{height:auto}
}
.banner-slider-area .img #myvideo{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.pc-banner .mySwipera .banwez1{width:100%;z-index:99;color:#fff}
.pc-banner .mySwipera .banwez1 .tit{font-size:4rem;font-weight:700;line-height:1.35em;text-shadow:0 0 .9375rem rgba(0,0,0,.25);text-align:center}
@media (max-width:768px){.pc-banner .mySwipera .banwez1 .tit{font-size:2rem}
}
.pc-banner .mySwipera .banwez1 .p1{font-size:1.75rem;font-weight:500;line-height:3.75rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 1em;background:-webkit-linear-gradient(left,#215b8e 0,rgba(230,184,64,.3) 50%,rgba(230,184,64,0) 100%);background:-moz-linear-gradient(left,#215b8e 0,rgba(230,184,64,.3) 50%,rgba(230,184,64,0) 100%);background:-o-linear-gradient(left,#215b8e 0,rgba(230,184,64,.3) 50%,rgba(230,184,64,0) 100%);background:linear-gradient(90deg,#215b8e 0,rgba(230,184,64,.3) 50%,rgba(230,184,64,0) 100%);margin-top:.75rem}
.pc-banner .mySwipera .banwez1 .p2{font-size:1.4375rem;line-height:1.5em;margin-top:1rem}
.pc-banner .mySwipera .banwez1 .p2 p{position:relative;padding-left:.5em;margin:.35rem 0}
.pc-banner .mySwipera .banwez1 .p2 p::after{content:"·";position:absolute;left:0;top:0;font-weight:700}
.pc-banner .mySwipera .banwez1 .p2.p2as{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem;width:30%}
.pc-banner .mySwipera .banwez1 .p2.p2as p{margin:.125rem 0}
.pc-banner .mySwipera .banwez1 .more-b{margin-top:2rem;padding:.85rem 2.25rem}
.pc-banner .mySwipera .swiper-pagination1a{position:absolute;left:0;width:100%;bottom:11%;z-index:9;text-align:center}
.pc-banner a.mouse{position:absolute;left:0;bottom:2rem;width:auto;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;display:block;z-index:9}
.pc-banner a.mouse p{color:#fff;font:400 .875rem/1.5em Inter;margin-top:.5em}
.pc-banner a.mouse .xdt{background:rgba(255,255,255,.6);width:.0625rem;height:2rem;margin:0 auto;position:relative}
.pc-banner a.mouse .xdt::after{content:"";display:block;position:absolute;left:50%;top:0;width:100%;height:.4rem;border-radius:50%;background:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:scroll2 1s linear infinite;-moz-animation:scroll2 1s linear infinite;-o-animation:scroll2 1s linear infinite;animation:scroll2 1s linear infinite}
/*案例*/

.index-cloudpro{overflow:hidden}
.index-cloudpro .title{overflow:hidden;margin-bottom:26px;text-align:center}
.index-cloudpro .title>h2{font-weight:700}
.index-cloudpro .mobile-t{ font-weight: 400;
    font-size: 24px;
    margin-bottom: 10px;}
.index-cloudpro .tabnav{margin-bottom:70px}
.index-cloudpro .tabnav ul{display:flex;align-items:center;justify-content:center}
.index-cloudpro .tabnav li{padding:0 17px;text-align:center}
.index-cloudpro .tabnav li a{display:block;min-width:150px;border-bottom:3px solid #d9dadc;    padding: 9px 8px;    position: relative;    color: #757272;    border: 1px #272d81 solid;    border-radius: 8px;}
/*.index-cloudpro .tabnav li a::after{content:"";display:block;width:0;height:3px;background-color:#2183e9;position:absolute;left:0;bottom:-3px;transition:all 1s ease}*/
.index-cloudpro .tabnav li.active a{color:#000;width:200px}
.index-cloudpro .tabnav li.active a::after{width:100%}
.index-cloudpro .item{display:none}
.index-cloudpro .item:first-child{display:block}
.index-cloudpro .item .mb-show{display:none}
.index-cloudpro .item .inner{display:flex;justify-content:space-between;flex-wrap:wrap}
.index-cloudpro .item .img>img{width:100%;min-height:300px;transition:all .5s}
.index-cloudpro .item .info{width:46.92804%}
.index-cloudpro .item .info .info_logo{width:50%;max-height:88px}
.index-cloudpro .item .info h3{line-height:1.375;font-weight:lighter}
.index-cloudpro .item .info b{font-weight:700}
.index-cloudpro .item .info h3 b{display:block;font-weight:400}
.index-cloudpro .item .info p{line-height:1.44444;color:#000;letter-spacing:1px;font-weight:lighter}
.index-cloudpro .item .info .product-link{margin-top:35px}
.index-cloudpro .item .info .product-link a:first-child{margin-right:18px}
.index-cloudpro .item .info .product-label{display:flex;flex-wrap:wrap;margin-top:42px;border-top:1px solid #e5e5e5;padding:30px 0}
.index-cloudpro .item .info .product-label a{display:block;text-align:left;width:25%;line-height:42px;color:#000;font-weight:lighter}
.index-cloudpro .item .info .product-label a:hover{color:#2183e9}
.index-cloudpro .item .info .fnt_99{display:none}
.index-cloudpro .item .inner_right{width:43.67616%}
.index-cloudpro .item .inner_right .img{width:100%;border-radius:20px;position:relative}
.index-cloudpro .item .inner_right .img .logo{position:absolute;left:20px;top:20px;width:30%}
.index-cloudpro .item .inner_right .img>img{border-radius:20px}
.index-cloudpro .text_item dt{    font-size: 15px;    font-size: 15px;    font-weight: inherit;}
.index-cloudpro .text_item dt span,.font-semibold span{        background: none;}
.info .content{display:flex;flex-direction:column;padding:16px 20px;box-sizing:border-box;text-align:left;border-radius:20px;margin-top:20px;background-color:#f5f5f5}
.info .content_text{display:flex;align-items:center}
.info .content_text .text_item{background: url(/static/picture/service_list_item_bg.png) no-repeat left center;background-size: 0.08rem 5rem;padding-left: 1rem;margin-right: 1rem;}
.info .content_text .text_item dl{    display: inline-block;margin-bottom:auto}
    .info .content_text .text_item:nth-child(1) {   background: none;    padding-left: inherit;}
.info .content_text .text_item:last-child{margin-right:0}
/*.info .content_text .text_item p:first-child{font-weight:500}*/
.info .content_dis{margin:20px 0}
.info .content_btn a{color:#2183e9}
.info .content_btn a::after{display:inline-block;margin-left:20px;content:">>"}
.product-link a{display:inline-block;text-align:center;border-radius:5px;border:1px solid #fff;box-sizing:border-box;height:40px;line-height:40px;border:none;font-size:16px;min-width:150px;text-align:center;margin-right:10px}
.product-link a:after{transform:translateY(-1px);content:"";transition:all .4s ease;font-family:boxicons!important;display:inline-block;vertical-align:middle}
.product-link a:hover:after{content:"\eb43";margin-left:5px}
.product-link a.blue{color:#fff;background-color:#272d81}
.product-link a.border{border:1px solid #262b39;color:#252b3a}
.fnt_99{margin-top:10px}
.fnt_99 a{display:inline-block;border-radius:5px;box-sizing:border-box;height:38px;line-height:38px;border:1px #dbd4d4 solid;font-size:14px;text-align:center;margin-right:10px;padding:0 10px}
.backg{width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff));background-image:linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 70%);padding-bottom:32px;position:relative;z-index:996;padding-top:160px;bottom:-1px;margin-top:-149px;text-align:center}
.navbar-brand img{width:148px}
.roll-wrap:hover .control{display:block}
.roll-wrap{position:relative;width:100%;height:50px;overflow:hidden}
.roll_row .roll__list::after,.roll_row .roll__list::before{content:"";display:table;line-height:0}
.roll_row .roll__list::after{clear:both}
.roll_row .roll__list{width:9999px}
.roll_row .roll__list li{float:left;display:block;margin-right:20px;height:50px;line-height:50px;font-weight:700;font-size:20px;text-align:center;color:#fff;background-color:#272d8196;border-radius:5px;padding:0 20px;min-width:185px}
.control{position:absolute;top:30px;display:none;padding:10px 5px;font-weight:700;text-decoration:none;color:#fff;background-color:rgba(0,0,0,.3)}
.control:hover{background-color:rgba(0,0,0,.5)}
.control.pre{left:5px}
.control.next{right:5px}
.roll_col{width:100%;height:200px;overflow:hidden}
.roll_col .roll__list{width:100%}
.h600{height:600px}
.roll_col li{display:block;height:200px;line-height:200px;font-size:30px;font-weight:700;text-align:center;color:#fff;background-color:#f90}
.roll_col .li-2{background-color:#09f}
.roll_col .li-3{background-color:#f09}
.roll_col .li-4{background-color:#0f9}
.roll_col .control{top:80px}


    /*合作伙伴*/
/*首页12个*/
    
    .picCenter{margin:15px auto;max-width:1600px}
.xinxiIcon{margin:0 0 -20px auto}
.xinxiIcon img{width:100%;height:auto;object-fit:cover}
.photo_img img{height:300px;box-sizing:border-box;border:1px solid #fff;transition:all .7s ease 0s}
/*.photo_img img:hover{box-sizing:border-box;border:1px solid #023246;box-shadow:1px 0 15px -3px rgba(0,0,0,.53);-webkit-box-shadow:1px 0 15px -3px rgba(0,0,0,.53);-moz-box-shadow:1px 0 15px -3px rgba(0,0,0,.53)}*/
.photo_nr{display:flex;align-items:center;margin:15px auto}
.informationText{margin:15px auto;text-align:center}
.informationText span{background:#fff;color:#1c1f86}
ul{list-style:none;padding:0;margin:0}
.photo_nr ul li{float:left;margin:0 35px;line-height:30px;text-align:center}
.photo_nr p{padding:0;margin:0}
#LeftArr{background:url(/static/picture/e_left.png) no-repeat;width:40px;height:40px;text-decoration:none;color:#323232}
#RightArr{background:url(/static/picture/e_right.png) no-repeat;width:40px;height:40px;text-decoration:none;color:#323232}
#picList1{width:100%}
    /*首页12个*/
    
  .breadcrumb-section{background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;    z-index: -9;
    margin-top: -73px;}
.breadcrumb-section .content h2{font-size:70px;color:#fff;margin-bottom:16px;letter-spacing:1px}
.breadcrumb-section .content p{    color: aliceblue;    font-size: 28px;}
.breadcrumb-section .content ul li{display:inline-block;font-size:18px;font-weight:600;color:#fff}
.breadcrumb-section .content ul li:first-child{padding-right:20px;position:relative}
.breadcrumb-section .content ul li:last-child{padding-left:20px}
/*.breadcrumb-section .content ul li:first-child:after{content:"";clear:both;display:block;width:8px;height:8px;position:absolute;top:10px;right:-4px;background:#fff;border-radius:50%}*/
.breadcrumb-section .content ul li a{color:#fff}
.breadcrumb-section .content ul li a:hover{color:var(--primary-color)}
#particles-js{position:absolute;z-index:0;top:0;right:0;left:0;bottom:0}
canvas{display:block;vertical-align:bottom}
.count-particles{background:#002;position:absolute;top:48px;left:0;width:80px;color:#13e8e9;font-size:.8em;text-align:left;text-indent:4px;line-height:14px;padding-bottom:2px;font-family:Helvetica,Arial,sans-serif;font-weight:700}
.js-count-particles{font-size:1.1em}



/*转型*/
.scroll-feature-box{border-bottom:1px solid #f2f2f2}
.company_box{width:1240px;margin:0 auto;text-align:center;padding:0 0 106px}
.company-flex.flex{justify-content:space-between;    display: flex;    flex-wrap: wrap;}
.company-flex_item{    flex: 1 1 30%;
    margin: 5px;    min-height: 373px;text-align:center;padding:38px 28px;line-height:30px;color:#666;background:#fff;box-shadow:0 0 56px 0 rgba(0,0,0,.16);border-radius:8px}
.company-flex_item .font-24{margin:24px 0 32px;color:#333}
.company-flex_item .font-16{text-indent: 2rem;    text-align: initial;    color: #666;    font-size: 0.9em;}
.company-flex_item img{display: none;}
#pain{background:#f0f2f6;text-align:center}
#pain .flex{width:1272px;padding-bottom:70px;margin:0 auto;display:flex;flex-wrap:wrap}
#pain .pain-item{width:392px;height:266px;text-align:center;margin:0 16px 32px;padding:44px 62px 0 58px;line-height:24px;background:#fff;border-radius:8px}
#pain .pain-item img{vertical-align:middle}
#pain .pain-item p.color-333{margin:28px 0 17px;font-weight:700}
#solution{width:1240px;margin:0 auto;padding-bottom:121px;text-align:center}
#solution .flex{height:566px;flex-wrap:wrap;align-items:center;background:url(../images/casenew/scrm8.png) center no-repeat;background-size:1240px 413px}
#solution .solution-item{width:318px;height:266px;margin:0 16px 32px;text-align:left;background:#fff;box-shadow:0 0 32px 0 rgba(0,0,0,.16);border-radius:8px}
#solution .solution-item:nth-of-type(2n+1){margin-left:287px}
#solution .solution-item>div:first-of-type{width:318px;height:62px;color:#333;padding:20px 24px;background:#f9e5e8;border-radius:8px 8px 0 0}
#solution .solution-item>div:first-of-type>p{padding-left:12px;font-weight:700;font-size:24px;line-height:24px;border-left:2px solid #c4001d}
#solution .solution-item>p{margin-left:37px;line-height:32px;position:relative}
#solution .solution-item>p::after{content:"";position:absolute;left:-14px;top:12px;width:8px;height:8px;background:#c4001d;border-radius:50%}
#fabric{text-align:center;padding-bottom:30px;background:#f0f2f6}
#fabric .fabric-inner{position:relative;width:1305px;height:923px;margin:0 auto;background:url(../images/casenew/scrm9.png) 0/cover}
#fabric .fabric-target{position:absolute;top:171px;left:283px;display:inline-block;width:140px;height:400px;cursor:pointer}
#fabric .fabric-target:hover{background:url(../images/casenew/scrm20.png) 0/cover}
#fabric .fabric-target:nth-of-type(2){left:432px}
#fabric .fabric-target:nth-of-type(2):hover{background:url(../images/casenew/scrm21.png) 0/cover}
#fabric .fabric-target:nth-of-type(3){left:581px}
#fabric .fabric-target:nth-of-type(3):hover{background:url(../images/casenew/scrm22.png) 0/cover}
#fabric .fabric-target:nth-of-type(4){left:730px}
#fabric .fabric-target:nth-of-type(4):hover{background:url(../images/casenew/scrm23.png) 0/cover}
#industry{text-align:center;width:1272px;margin:0 auto;padding-bottom:122px}
#industry .flex{flex-wrap:wrap}
#industry .industry-item{width:392px;height:230px;margin:16px;padding-top:151px;text-align:center;color:#fff;font-size:24px;line-height:1}
#merit{height:820px;text-align:center;background:url(../images/casenew/scrm16.png)}
#case{width:1300px;margin:0 auto 0 calc(50% - 650px);padding-bottom:107px;text-align:center;overflow:hidden;font-size:14px;line-height:24px;color:#666}
#case .swiper{position:relative;padding-bottom:64px}
#case .flex{padding-left:30px}
#case .flex>div:first-of-type{width:604px;height:400px;text-align:left;margin-right:4px;padding:50px 56px 0 61px;background:#fff;box-shadow:0 0 32px 0 rgba(0,0,0,.16);border-radius:8px}
#case .font-18{line-height:1;margin:40px 0 18px;color:#333;font-weight:700}
#case .bg-f0{width:1240px;margin-left:30px;padding:3px 0 49px;display:flex;line-height:28px}
#case .bg-f0>div{width:50%;padding-left:50px;text-align:left}
#case .bg-f0 p,#case .circle,#case .font-18+p{position:relative;margin-left:18px}
#case .bg-f0 p::after,#case .circle::after,#case .font-18+p::after{content:"";position:absolute;left:-16px;top:10px;width:8px;height:8px;background:#ad0014;border-radius:50%}

.scroll-feature-box{width:100%;background-color:#fff}
.scroll-feature-inner{display:flex;justify-content:center;align-items:center;margin:0 auto}
.scroll-feature-box .scroll-feature-item{display:inline-block;height:64px;flex:1 1 auto;font-size:18px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#333}
.scroll-feature-box .on,.scroll-feature-box .scroll-feature-item:hover{    background: #272d81;    color: #ffffff;}
.scroll-feature-fixed{box-shadow:0 8px 10px 0 rgba(0,0,0,.1),0 -2px 0 0 #f5f5f5;position:fixed;z-index:99;top:74px;left:0}
.card-small{height:300px!important;width:286px!important}
.card-small>.card-logo{height:200px!important;width:286px!important}
.flex {
    display: flex;
    align-items: center;
}
.font-24 {
    font-size: 24px;
}
.font-20 {
    font-size: 20px;
}
.font-16{font-size:16px}
.company-flex{margin:0 auto}
.function-middle{border:none!important}
.contactred{padding-top:40px!important}
.tip-box:first-of-type .tip-item{background:#e6e8ec}
.point-banner{width:1240px;margin:0 auto;}
.point-banner .point-item{    width: 49%;background:#fff;box-shadow:1px 3px 40px 0 rgba(0,0,0,.16);border-radius:8px;display:flex;align-items:center;padding:45px 75px;margin-bottom:32px;color:#666;line-height:24px}
.point-banner .point-item p.font-20{color:#333;line-height:20px}
.point-banner .point-item img{height:50px;width:50px;margin-right:58px;margin-right:0;display:none}
.point-banner .point-item{align-items:flex-start;justify-content:space-between;padding:46px 56px 0 56px}
/*.point-banner .point-item div{width:368px}*/
.point-banner .point-item b{font-size:18px}
.tip-box{height:auto;align-items:flex-start}
.tip-box .tip-item:last-of-type{margin-bottom:0}
#product-point>div:last-of-type .tip-box{height:420px;align-items:center}
#product .flex-wrap{margin:0 auto}
#plan{width:1240px;margin:0 auto;padding:72px 0 128px;text-align:center;line-height:24px}
.font-bold{font-weight:700;text-align:center}
.font-32{font-size:32px}
.flex-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;display:flex;flex-wrap:wrap}
#relate-case{text-align:center;margin:0 auto;}
#relate-case>.flex{width:100%;justify-content:space-between;margin:0 auto;display:flex;flex-wrap:wrap}

#relate-case .inner{display:flex;background:#fff;box-shadow:0 0 56px 0 rgba(0,0,0,.16);border-radius:8px}
#relate-case .inner>div{width:100%;text-align:left;padding:40px 44px;line-height:1}
#relate-case .inner>div .color-666{margin:26px 0 16px;padding-bottom:27px;border-bottom:1px solid #7d7d7d}
#relate-case .inner:hover .intro{display:none!important}
#relate-case .inner .a-btn{display:none;margin-top:41px}
#relate-case .inner .btn{border-radius:4px;margin:0 24px 0 0}
#relate-case .inner:hover .a-btn{display:flex}
#relate-case .inner.small{    width: 49%;
    flex-direction: column;    min-height: 616px;
    margin-bottom: 2%;
}
/*#relate-case .inner.small img{width:392px;height:200px}*/
#relate-case .inner.small>div{padding:30px}
#relate-case .inner.small .intro{height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
#relate-case .inner.medium{width:604px;height:440px;flex-direction:column}
#relate-case .inner.medium img{width:604px;height:200px}
#relate-case .inner.medium>div{padding:30px}
#relate-case .inner.medium .intro{height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
#relate-case .inner.four{width:604px;height:200px;margin-bottom:32px}
#relate-case .inner.four img{width:286px;height:200px}
#relate-case .inner.four>div{padding:24px}
#relate-case .inner.four .intro{height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#relate-case .inner.four .btn{font-size:16px;display:inline-block;margin-top:-14px}
#relate-case .inner.four .btn:last-of-type{margin-right:0!important}


.left{text-align:right}
.right{text-align:left}
.list-wrap{display:flex;gap:9px;margin-bottom:10vh}
.list-wrap p{color:var(--text-color);font-size: 14px;line-height:1.6rem}
.list-wrap:nth-child(3),.list-wrap:nth-child(6){margin-bottom:0}
.list-wrap .description h4{color:var(--text-color)}
.icon{min-width:44px;text-align:center;height:100px;border-radius:50%}
.icon svg{width:100%}
.list-center-wrap{display:flex;gap:20px;align-items:center;justify-content:center;vertical-align:middle;height:100%}
.center-icon{width:100%;text-align:center}
.center-icon img{width:100%;border-radius:20px;opacity:.9}
/*section{padding:60px 0;overflow:hidden}*/
.section{padding:60px 0;overflow:hidden;background:var(--light-color)}
.section-grey{padding:90px 0;overflow:hidden;background:var(--theme-color-dark)}
.sections-bg{background-color:var(--theme-color-dark)}
.section-header{text-align:center;}
.section-header h2{font-size:32px;position:relative;color:var(--color-primary)}
.section-header p{margin-bottom:0;color:#b8651d}
img{transition:.3s}
img:hover{transform:scale(1.1)}
.fill-btn{font-family:var(--font-primary);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 40px;border-radius:50px;border:0;transition:.3s;color:var(--text-white-color);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 15px rgba(0,0,0,.08)}
.fill-btn:hover{background:linear-gradient(45deg,var(--color-secondary),var(--color-primary));color:var(--text-white-color)}


/*转型*/
    
    
/*联系我们*/
.contact-us-page .title{text-align:center;padding-bottom:50px}
.contact-us-page .title h2{margin-bottom:22px}
.contact-us-page .title p{width:80%;margin:0 auto}
.contact-us-page .address ul li{color:#181818;float:left;margin-right: 6.4%;position:relative;padding-left:35px;margin-bottom:25px;    line-height: 0px;}
/*.contact-us-page .address ul li p{font-size:19px;    font-weight: 600;}*/
.contact-us-page .address ul li i{position:absolute;font-size:27px;top:0;left:0}
.contact-us-page .theme-form-one{margin-top:40px}
.contact-us-page .theme-form-one button{width:180px;margin:0 auto;background: #3865eb;
    border: none;}
.contact-us-page .title{text-align:center;padding-bottom:50px}
.contact-us-page .title h2{margin-bottom:22px}
.contact-us-page .title p{width:80%;margin:0 auto}
/*.contact-us-page .address ul li i{position:absolute;font-size:35px;top:0;left:0}*/
.contact-us-page .theme-form-one{margin-top:40px}
/*.contact-us-page .theme-form-one button{width:180px;margin:0 auto}*/
.theme-form-one input,.theme-form-one textarea{width:100%;background:#f7f7f7;border:1px solid #e4e4e4;margin-bottom:20px;font-size:14px;font-style:italic}
.theme-form-one input{height:52px;padding:0 15px}
.theme-form-one textarea{max-width:100%;height:198px;max-height:198px;resize:none;padding:20px}
.theme-form-one button{width:100%}
body .theme-button-one{line-height:52px;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;width:180px;text-align:center;    background: #3865eb;border-radius: 10px;border-color: #cdcdcd;}
body .theme-button-one:hover{background:#272d81}

/*联系我们*/
    /*关于我们*/
    
.relative{position:relative}
.h-\[565px\]{height:565px}
.pt-\[110px\]{padding-top:110px}
.leading-\[58px\]{line-height:58px;color:#25272b;font-size:44px}
.justify-between{justify-content:space-between}
.flex{display:flex}
.mt-\[40px\]{margin-top:40px}
.h-\[141px\]{height:166px}
.w-\[285px\]{width:371px}
.gap-x-\[17px\]{-moz-column-gap:17px;column-gap:17px}
.bg-gradient-180{background-image:linear-gradient(180deg,var(--tw-gradient-stops))}
.pl-\[24px\]{padding-left:24px}
.pt-\[30px\]{padding-top:30px}
/*.pt-\[34px\]{padding-top:34px}*/
.rounded-full{border-radius:9999px}
.justify-center{justify-content:center}
.items-center{align-items:center}
.w-\[50px\]{width:50px}
.h-\[50px\]{height:50px}
.to-\[\#4097FF\]{--tw-gradient-to:#4097ff}
.text-\[\#282828\]{color:#282828}
.leading-\[24px\]{line-height:24px}
.font-semibold{font-weight:600}
.text-\[18px\]{font-size:18px}
.text-\[\#3D3D3D\]{color:#3d3d3d}
.leading-\[18px\]{line-height:18px}
.text-\[14px\]{font-size:14px}
.mt-\[8px\]{margin-top:8px;padding-right: 20px;}
.text-center{text-align:center}
.basis-\[270px\]{flex-basis:270px}
.text-\[\#0060EF\]{color:#0060ef}
.leading-\[45px\]{line-height:45px}
.font-semibold{font-weight:600}
.text-\[34px\]{font-size:34px}
.text-\[20px\]{font-size:20px}
.text-\[\#3D3D3D\]{color:#3d3d3d}
.leading-\[21px\]{line-height:21px}
.text-\[16px\]{font-size:16px}
.mt-\[30px\] {
    margin-top: 30px;
}
.from-\[\#3AD7E9\] {
    --tw-gradient-from: #3ad7e9;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(58,215,233,0));
}
.shadow-\[0px_5\.55px_13\.88px_0px_\#92D2FF\] {
    --tw-shadow: 0px 5.55px 13.88px 0px #92d2ff;
    --tw-shadow-colored: 0px 5.55px 13.88px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.to-\[\#578AFF\]\/\[0\.47\] {
    --tw-gradient-to: rgba(87,138,255,.47);
}
.from-\[\#0094FF\] {
    --tw-gradient-from: #0094ff;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,148,255,0));
}
.shadow-\[0px_5\.55px_13\.88px_0px_\#92D2FF\] {
    --tw-shadow: 0px 5.55px 13.88px 0px #92d2ff;
    --tw-shadow-colored: 0px 5.55px 13.88px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.to-\[\#575AFF\]\/\[0\.47\] {
    --tw-gradient-to: rgba(87,90,255,.47);
}
.from-\[\#002BFF\] {
    --tw-gradient-from: #002bff;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,43,255,0));
}
.shadow-\[0px_4px_10px_0px_rgba\(184\2c 202\2c 220\2c 0\.3\)\] {
    --tw-shadow: 0px 4px 10px 0px rgba(184,202,220,.3);
    --tw-shadow-colored: 0px 4px 10px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.to-\[\#F1F6FF\] {
    --tw-gradient-to: #f1f6ff;
}
.from-\[\#FFFFFF\] {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0));
}
.border-\[\#fff\] {
    border-color: #fff;
}
.border, .border-\[1px\] {
    border-width: 1px;
}
.rounded-\[10px\] {
    border-radius: 10px;
}
.gap-x-\[17px\] {
    -moz-column-gap: 17px;
    column-gap: 17px;
}
.text-wrapper p{    border: 1px solid #272d81;
    border-radius: 5px;
    padding: 3px;
    display: table;}




/*.about-compnay.styleone .left-side{background:#f6f6f6;padding:200px 0 210px 0}
.about-compnay.styleone .left-side .inner-content{padding-left:15px}
.about-compnay.styleone .left-side .inner-content .main-wrapper{float:right;max-width:720px;padding-right:120px}
.about-compnay .theme-title-one{margin-bottom:30px}
.about-compnay .text-wrapper p{margin-bottom:22px;}
.about-compnay .text-wrapper ul{margin:0 -20px;padding:10px 0 18px 0}
.about-compnay .text-wrapper ul li{float:left;width:50%;padding:0 20px;line-height:35px}
.about-compnay .text-wrapper ul li span{display:block;color:#0a0a0a;position:relative;padding-left:18px}
.about-compnay .text-wrapper ul li span:before{content:'';font-family:font-awesome;line-height:35px;position:absolute;left:0;top:0;color:#bbb}
.about-compnay .text-wrapper .theme-button-one{margin-top:30px}
.about-compnay .image-wrapper{height:891px}
.about-compnay .image-wrapper .full-height{height:100%}
.about-compnay .image-wrapper .half-height{height:50%}
.about-compnay .image-wrapper .image-box{position:relative;overflow:hidden}
.about-compnay .image-wrapper .image-box .overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0;transform:scale(1.5)}
.about-compnay .image-wrapper .image-box:hover .overlay{opacity:1;transform:scale(1)}
.about-compnay .image-wrapper .image-box .overlay .single-counter-box{position:absolute;bottom:40px;left:40px;z-index:9}
.about-compnay .image-wrapper .image-box .single-counter-box .number{font-weight:700;font-size:80px;color:#fff}
.about-compnay .image-wrapper .image-box .single-counter-box p{font-weight:300;font-size:35px;color:#fff;margin-top:-8px}
.about-compnay .about-feature .single-feature{border:1px solid #e6e6e6;background:#fafafa;padding:20px 15px 30px 30px;margin-bottom:20px}
.about-compnay .about-feature .single-feature .icon{font-size:32px}
.about-compnay .about-feature .single-feature .title a{color:#333;margin:0 0 3px 0}
.about-compnay .about-feature .single-feature .title {font-size:42px}
*/

.why-choose-us{background:#f6f6f6;padding:140px 0}
.why-choose-us .theme-title-one{margin-bottom:38px}
.why-choose-us .single-block{padding-top:45px}
.why-choose-us .single-block .tag{display:inline-block;line-height:30px;padding:0 12px;font-size:13px;color:#fff;font-style:italic}
.why-choose-us .single-block .title{margin:10px 0 8px 0}
.why-choose-us .call-back-form-two{padding-left:50px}
.why-choose-us .call-back-form-two input{font-family:Tinos,serif;width:100%;height:50px;border:1px solid #dbdbdb;background:#fafafa;border-radius:10px;padding:0 20px;margin-bottom:18px}
.why-choose-us .call-back-form-two textarea{font-family:Tinos,serif;height:140px;max-height:140px;max-width:100%;width:100%;border:1px solid #dbdbdb;background:#fafafa;border-radius:10px;padding:15px 20px;margin-bottom:18px}
.theme-counter-section{background:url(../images/10.jpg) no-repeat center;background-size:cover;background-attachment:fixed;text-align:center}
.theme-counter-section .overlay{padding:140px 0 100px 0}
.theme-counter-section .title{color:#fff;margin-bottom:45px}
.theme-counter-section .single-counter{margin-bottom:40px}
.theme-counter-section .single-counter .icon{color:#fff;font-size:60px}
.theme-counter-section .single-counter .number{font-family:Tinos,serif;font-size:60px;font-weight:700;color:#fff;margin:-8px 0 -4px 0}
.theme-counter-section .single-counter p{font-weight:600;color:#fff}
.animated2{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated3{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated4{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated5{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated6{-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated7{-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

/*关于我们*/
    /*服务特色*/
    .index-service{padding:0 0 40px 0}
.index-service .swiper-slide{justify-content:center;width:auto}
.index-service .swiper-slide a{position:relative;align-items:center}
.tubiao-1{margin-right:8px}
.index-service .swiper-slide a span{color:#666}
.index-service .swiper-slide .tb-h{position:absolute;top:0;left:0;visibility:hidden;opacity:0;transition:.5s}
.index-service .swiper-slide .tb{visibility:visible;opacity:1;transition:.5s}
.index-service .swiper-slide-thumb-active .tubiao-1 .tb,.index-service .swiper-slide:hover .tubiao-1 .tb{visibility:hidden;opacity:0}
.index-service .swiper-slide-thumb-active .tubiao-1 .tb-h,.index-service .swiper-slide:hover .tubiao-1 .tb-h{visibility:visible;opacity:1}
.index-service .swiper-slide-thumb-active a span,.index-service .swiper-slide:hover a span{color:#de4b1e}
.service_list .swiper-slide{width:70%;height:auto;margin-left:-4%}
.service_list .swiper-slide a{align-items:center;position:relative}
.service_list .swiper-slide-prev{justify-content:flex-end}
.service_list .swiper-slide .apply_title{opacity:0;visibility:hidden;transition:.5s}
.service_list .swiper-slide-active .apply_title{opacity:1;visibility:visible}
.service_pic{width:84%;position:relative;z-index:10}
.service_pic img{position:relative;z-index:8}

.service_list .swiper-slide-prev .service_pic:after{content:'';width:10%;height:100%;z-index: 12;

background-color:#272d81;position:absolute;right:0;top:0px;display:block;}

.apply_title{width:44%;color:#333;position:absolute;left:-1px;z-index:12;background-color:#fff;padding:70px 40px 70px 40px;top:50%;transform:translate(0,-50%);border-radius:20px}
.apply_title h2{font-size:28px;color:#000}
.apply_title p{overflow:hidden;margin:20px 0;color:#666;text-align:justify}
.apply_title h2,.apply_title p{padding-right:40px}
.icon011{width:25px;height:25px;background-image:url(../images/jt09.png);background-size:25px;float:right}
.service-button-next{background-image:url(../images/jt14.png);right:9.375%}
.service-button-prev{background-image:url(../images/jt13.png);left:2%;margin-left:-12px}
.service-button-next,.service-button-prev{width:36px;height:53px;background-size:36px 53px;margin-top:-26px}
.cptx-list{width:104%}
.cptx-list dl{float:left;width:21%;margin-right:4%;text-align:center;margin-bottom:60px}
.cptx-list dl dd h3{font-size:20px;margin:6px 0 12px 0}
.cptx-list dl dd p{color:#666;font-family:SourceHanSansSC-Light}
.cptx-list,.znyj-list{margin-top:60px}
.znyj-list .list-c a,.znyj-list .list-l a{position:relative;display:block;cursor:default}
.znyj-list .list-c a{height:100%}
.znyj-list .list-l{width:29.3%}
.znyj-over{position:absolute;height:100%;background-color:rgba(222,75,30,.9);top:0;left:0;width:100%;padding:30px 30px;align-items:center;justify-content:space-around;z-index:14;opacity:0;visibility:hidden;transition:.8s}
.znyj-over .over{color:#fff;padding:30px 30px;text-align:center}
.znyj-over .over h2{font-size:28px}
.znyj-over .over span{display:block;width:38px;height:2px;background-color:#e5e5e5;margin:20px auto}
.znyj-over::after,.znyj-over::before{position:absolute;content:'';opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;-moz-transition:opacity .4s,-moz-transform .4s;-o-transition:opacity .4s,-o-transform .4s;transition:opacity .4s,transform .4s}
.znyj-over::before{top:30px;right:30px;bottom:30px;left:30px;border-top:1px solid rgba(229,229,229,.25);border-bottom:1px solid rgba(229,229,229,.25);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.znyj-over::after{top:45px;right:30px;bottom:45px;left:30px;border-right:1px solid rgba(229,229,229,.25);border-left:1px solid rgba(229,229,229,.25);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.znyj-list .list-l a:hover .znyj-over::after,.znyj-list .list-l a:hover .znyj-over::before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.znyj-list .list-l a:hover .znyj-over{opacity:1;visibility:visible}
.znyj-list .list-l .l-t .main{position:absolute;width:100%;padding:0 50px;top:50px}
.znyj-list .list-l .l-t .main h2{font-size:26px;width:46%;line-height:1.1}
.znyj-list .list-l .l-t .main p{font-family:arial;padding-right:56%;line-height:1.4;margin-top:20px}
.znyj-list .list-r .l-t .main p{padding-left:56%;padding-right:0}
.znyj-list .list-c{width:41.4%;position:relative;background-color:#f6f6f6}
.znyj-list .list-c .main{position:absolute;width:100%;padding:0 15px;top:50px;text-align:center;z-index:12;transition:.5s}
.znyj-list .list-c .main h2{font-size:26px;margin-bottom:4px}
.znyj-list .list-c .main p{font-family:arial}
.znyj-list .list-c .c-pic{position:relative;z-index:10}
.znyj-list .list-c a:hover .main{transform:translateY(-5px)}
.wrap{width:81.25%;margin-right:auto;margin-left:auto;position:relative;}
.sub-title{text-align:center;}
.sub-title h3{font-size:40px;color:#000;}
.sub-title p{width:85%;margin:0 auto;padding:20px 0 12px 0;font-size:18px;}
.index-service .swiper-wrapper{justify-content:center;}
.ab {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}
    /*服务特色*/
    /*企业数字化-业务价值*/
    .s2b2c_20230411 img{user-select:none;-webkit-user-drag:none}
.s2b2c_20230411_width_1200{width:1200px;margin:0 auto}
.s2b2c_20230411 .s2b2c_20230411_content{position:relative;z-index:10;background:#fff}
.s2b2c_20230411 .s2b2c_20230411_content .s2b2c_20230411_content_item{padding:80px 0;text-align:center}
.s2b2c_20230411 .s2b2c_20230411_content .s2b2c_20230411_content_item .s2b2c_20230411_content_item_title{margin-bottom:80px}
.s2b2c_20230411 .s2b2c_20230411_content .s2b2c_20230411_content_item .s2b2c_20230411_content_item_title>div{font-size:32px;font-weight:400;color:rgba(0,0,0,.8);line-height:32px}
.s2b2c_20230411 .s2b2c_20230411_content .s2b2c_20230411_content_item .s2b2c_20230411_content_item_title>p{font-size:16px;font-weight:400;color:rgba(0,0,0,.6);line-height:24px;margin-top:24px}
.s2b2c_20230411_content_item_list{display:flex;flex-wrap:wrap;margin:0 auto -20px}
.s2b2c_20230411_content_item_list>li{padding:30px 24px;background-color:#fff;width:calc(100% / 4 - (20px * 3)/ 4);margin-bottom:20px}
.s2b2c_20230411_content_item_list>li:not(:nth-child(4n)){margin-right:20px}
.s2b2c_20230411_content_item_list>li>img{margin-bottom:46px}
.s2b2c_20230411_content_item_list>li>div>div{font-size:20px;font-weight:400;color:rgba(0,0,0,.8);line-height:20px;margin-bottom:16px}
.s2b2c_20230411_content_item_list>li>div>span{font-size:14px;font-weight:400;color:rgba(0,0,0,.6);line-height:22px}
.s2b2c_20230411_content_item_title_horizontal>div{font-size:32px;font-weight:400;color:rgba(0,0,0,.8);line-height:32px;margin-bottom:40px}
.s2b2c_20230411_content_item_title_horizontal>ul>li{font-size:18px;font-weight:400;color:rgba(0,0,0,.6);line-height:30px}
.s2b2c_20230411_content_item_title_horizontal>ul>li:not(:last-child){margin-bottom:16px}
.s2b2c_20230411_content_item_title_horizontal>a{margin-top:40px;background-color:#ff5151;font-size:14px;font-weight:400;color:#fff;line-height:14px;padding:13px 52px;display:inline-block}
.s2b2c_20230411_content_item_diy{margin-top:40px;display:flex;justify-content:center}
.s2b2c_20230411_content_item_diy>span{background:#ff5151;display:inline-block;padding:10px 20px;font-size:16px;font-weight:400;color:#fff;line-height:20px}
.s2b2c_20230411_content_item_diy>span:not(:last-child){margin-right:40px}
.s2b2c_20230411_content_item_between{padding:0 40px;text-align:left;display:flex;align-items:center}
.s2b2c_20230411_content_item_between>ul{position:relative}
.s2b2c_20230411_content_item_between>ul>li{padding:32px 24px 30px;background:#ffffff40;box-shadow:0 2px 16px 0 rgba(0,0,0,.08);width:296px;border-radius: 33px;}
.s2b2c_20230411_content_item_between>ul>li:not(:last-child){margin-bottom:24px}
.s2b2c_20230411_content_item_between>ul>li>div{margin-bottom:16px;display:flex;align-items:center}
.s2b2c_20230411_content_item_between>ul>li>div>img{margin-right:10px}
.s2b2c_20230411_content_item_between>ul>li>div>span{font-size:22px;font-weight:400;color:rgba(0,0,0,.8);line-height:18px}
.s2b2c_20230411_content_item_between>ul>li>p{font-size:14px;font-weight:400;color:rgba(0,0,0,.6);line-height:22px}
.s2b2c_20230411_content_item .inst-wrap{height:100%}
.s2b2c_20230411_content_register{width:100%;height:128px;background:#ff5151;display:flex;align-items:center;justify-content:center}
.s2b2c_20230411_content_register>span{font-size:28px;font-weight:400;color:#fff;line-height:28px;margin-right:24px}
.s2b2c_20230411_content_register>a{background:#f6f6f6;border:1px solid #fff;font-size:16px;font-weight:400;color:#ff5151;line-height:16px;padding:8px 28px}
.s2b2c_20230411_content_register>a:hover{color:rgba(255,81,81,.6)}
.s2b2c_20230411_content_item_change{position:relative;height:344px;text-align:left}
.s2b2c_20230411_content_item_change_text{position:absolute;left:20px;display:flex;flex-direction:column;justify-content:space-around;height:100%}
.s2b2c_20230411_content_item_change_text:before{content:"";position:absolute;left:-16px;top:40px;height:calc(100% - 40px * 2);border-left:1px dashed #d8d8d8}
.s2b2c_20230411_content_item_change_text>li{position:relative}
.s2b2c_20230411_content_item_change_text>li:before{content:"";display:inline-block;width:8px;height:8px;background:#d8d8d8;border-radius:50%;position:absolute;left:-20px;top:50%;transform:translateY(-50%)}
.s2b2c_20230411_content_item_change_text>li>div{font-size:14px;font-weight:400;color:rgba(0,0,0,.8);line-height:16px;margin-bottom:6px}
.s2b2c_20230411_content_item_change_text>li>p{font-size:12px;font-weight:400;color:rgba(0,0,0,.4);line-height:16px}
/*企业数字化-业务价值*/
    
/*案例*/
.anli_con .con01{background:#f9fafc;padding-top:2%}
.anli_con .con01 .title{margin-bottom:20px}
.anli_con .con01 .title h4{text-align:center}
.anli_con .con01 .title ul{border-bottom:1px solid #e0e0e0;text-align:center;margin-top:1.5%}
.anli_con .con01 .title li{display:inline-block;padding:10px 15px 20px 15px;margin:0 10px;cursor:pointer;position:relative}
.anli_con .con01 .title li a:hover{color:#2386ec}
.anli_con .con01 .title li:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:0%;height:3px;background:#1e83ed;transition:all .5s ease-in-out}
.anli_con .con01 .title li.other_li:after{display:none}
.anli_con .con01 .title li:hover{color:#2386ec}
.anli_con .con01 .title li:hover:after{width:100%}
.anli_con .con01 .title li.active{color:#2386ec}
.anli_con .con01 .title li.active:after{width:100%}
.anli_con .con01 .con dl{width:32%;float:left;margin-top:40px;background:#fff;border-radius:8px;overflow:hidden;margin-right:2%;box-shadow:0 0 5px #eaeef9}
.anli_con .con01 .con dl:hover{box-shadow:5px 5px 15px #ccc}
.anli_con .con01 .con dl:nth-of-type(3n){margin-right:0}
.anli_con .con01 .con dl dt{position:relative}
.anli_con .con01 .con dl dt a{display:block;height:0;padding-bottom:43.5%;overflow:hidden}
.anli_con .con01 .con dl dt .img_box{width:100%;height:0;padding-bottom:43.5%;transition:all .5s ease-in-out}
.anli_con .con01 .con dl dt .img{text-align:center;width:100px;height:100px;border-radius:100%;background:#fff;position:absolute;bottom:-50px;left:30px;z-index:3;box-shadow:0 4px 10px #ddd;line-height:100px;overflow:hidden}
.anli_con .con01 .con dl dt .img a{display:block;padding:0;height:100%}
.anli_con .con01 .con dl dt .img img{width:auto;max-width:90%;vertical-align:middle}
.anli_con .con01 .con dl:hover dt a .img_box{transform:scale(1.04)}
.anli_con .con01 .con dd{padding:70px 30px 20px}
.anli_con .con01 .con dd h3{border-bottom:1px solid #e0e0e0;padding-bottom:20px}
.anli_con .con01 .con dd h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:3em;line-height:1.5;color:#333}
.anli_con .con01 .con dd h3 a:hover{color:#2386ec}
.anli_con .con01 .con ul{margin-top:20px}
.anli_con .con01 .con li{display:inline-block;border-radius:5px;margin-right:5px;padding:3px 8px}
.anli_con .con01 .con li:nth-of-type(1){background:#e3f4fc;color:#0086f9}
.anli_con .con01 .con li:nth-of-type(1) a{color:#0086f9}
.anli_con .con01 .con li:nth-of-type(2){background:#fcede3;color:#f98d00}
.anli_con .con01 .con li:nth-of-type(2) a{color:#f98d00}
.anli_con .con01 .con li:nth-of-type(3){background:#e3f6fc;color:#00c5f1}
.anli_con .con01 .con li:nth-of-type(3) a{color:#00c5f1}
.anli_con .con01 .con .con_list{display:none}
.anli_con .con01 .con .con_list.active{display:block;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.anli_con .con01 .con .more{width:100%;float:left;text-align:center}
.anli_con .con01 .con .more a{display:inline-block;width:140px;height:47px;background:#fff;line-height:45px;color:#333;border:1px solid #edf0f5;border-radius:3px}
.anli_con .con01 .con .more a:hover{background:#2386ec;color:#fff}
.anli_con .con01 .con .g_more{width:100%;float:left;text-align:center}
.anli_con .con01 .con .g_more a{box-sizing:content-box;display:inline-block;width:140px;text-align:center;border-radius:5px;line-height:48px;border:1px solid #fff;background:#fff;height:50px;border:1px solid #bdbebf;color:#7b7d7e;transition:none}
.anli_con .con01 .con .g_more a:after{transform:translateY(-1px);content:"";transition:.5s;font-family:iconfont;display:inline-block;vertical-align:middle}
.anli_con .con01 .con .g_more a:hover{background-image:linear-gradient(135deg,#0068dd,#00aeee);background-color:#0360c3;color:#fff;border-color:transparent}
.anli_con .con01 .con .g_more a:hover:after{content:"\e683";margin-left:5px}
@media only screen and (max-width:1500px){.anli_con .con01 .title li{padding:10px 10px 20px 10px;margin:0}
}
@media only screen and (max-width:1400px){.anli_con .con01 .title{margin-bottom:10px}
.anli_con .con01 .title ul{margin-top:20px}
.anli_con .con01 .title li{margin:0;padding:10px 10px 15px 10px}
.anli_con .con01 .con li{padding:3px 5px}
.anli_con .con01 .con dl dt .img{width:70px;height:70px;bottom:-30px;line-height:70px;overflow:hidden}
.anli_con .con01 .con dd{padding-top:45px}
}
@media only screen and (max-width:1024px){.anli_con .con01 .title ul{border:none;text-align:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:#fff}
.anli_con .con01 .title li.active{color:#fff;background:#2386ee}
.anli_con .con01 .title li:after{display:none}
.anli_con .con01 .con dl{width:49%}
.anli_con .con01 .con dl:nth-child(3n){margin-right:2%}
.anli_con .con01 .con dl:nth-child(2n){margin-right:0}
}

@media only screen and (max-width: 768px) {
	.anli_con .con01 .title li{font-size:14px;padding:6px 12px;margin:0}
.anli_con .con01 .con dl{width:100%;margin-right:0;box-shadow:none;background:0 0;border-radius:0;font-size:0}
.anli_con .con01 .con dl dt a{padding-bottom:100%}
.anli_con .con01 .con dl dt .img{display:none}
.anli_con .con01 .con dl dt .img_box{padding-bottom:100%}
.anli_con .con01 .con dl dt{display:inline-block;width:23.18%;vertical-align:middle}
.anli_con .con01 .con dd{display:inline-block;width:76.82%;padding:0;padding-left:5%;vertical-align:middle}
.anli_con .con01 .con dd h3{border:none;padding-bottom:10px}
.anli_con .con01 .con ul{margin-top:0}
.anli_con .con01 .con li{font-size:.18rem}
.anli_con .con01 .con dd h3 a i{display:none}
.anli_con .con01 .con dd h3 a span:last-child{color:#888;font-size:.24rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5}
.anli_con .con01 .con dd h3 a span:first-child{display:block;font-size:.32rem;color:#333}
.anli_con .con01 .con dd h3 a{display:block;height:auto;overflow:auto}
.anli_con .con01 .con .g_more a{display:block;width:1.96rem;height:.6rem;line-height:.6rem;text-align:center;margin:0 auto;font-size:.22rem}

}
/*案例*/
    /*数字化安全*/
    .tabs1 h3{font-weight: 500;padding: 40px 0;
    font-size: 25px;
    color: #000;
    text-align: center;}
    .tabs{position:relative;min-height:200px;margin:20px 0}
.tab-labels{display:flex;border-bottom:1px solid #00000014;margin-bottom:-1px}
.tab-input{position:absolute;opacity:0}
.tab-label{padding:10px 20px;cursor:pointer;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;margin-right:5px;transition:all .3s ease;background:#f5f5f5;color:var(--text-color);width:22.99%}
.tab-label:hover{background:#e9e9e9}
.tab-input:checked+.tab-label{background:#fff;border-color:var(--border-color);border-bottom:1px solid #fff;color:var(--primary-color);font-weight:700}
.tab-panel{display:none;padding:20px;border:1px solid #00000014;border-top:none;background:#fff;border-radius:0 0 4px 4px}
#tab1:checked~.tab-panel:nth-of-type(1),#tab2:checked~.tab-panel:nth-of-type(2),#tab3:checked~.tab-panel:nth-of-type(3){display:block}
   .tab-panel ul{ width: 26%;
    margin-left: 43px;
    padding: 10px 0 10px 30px!important;
    float: left;
    list-style-type: none;}
    
    .service-section h4 {
    font-size: 16px;
}
   .service-section h3 {    font-weight: 500;
    color: #2c3e50;
    margin: 1.5rem 0 0.5rem;
}
    .service-section h2 {
    color: #272d81;
    border-left: 5px solid #e74c3c;
    padding-left: 1rem;
    margin: 2rem 0 1rem;    font-size: 25px;
    font-weight: 500;
}
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:2rem 0}
.service-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s}
.service-card:hover{transform:translateY(-10px)}
.service-img{height:154px;background:#eee;display:flex;align-items:center;justify-content:center;color:#999}
.service-content{padding:1.5rem}

 .timeline {
            position: relative;
            max-width: 800px;
            margin: 3rem auto;
        }
        .timeline::before {
            content: '';
            position: absolute;
            top: 0;
            left: 20px;
            height: 100%;
            width: 4px;
            background: #2c5282;
        }
        .timeline-item {
            position: relative;
            padding-left: 60px;
            margin-bottom: 3rem;
        }
        .timeline-year {
            position: absolute;
            left: 0;
            top: 0;
            width: 40px;
            height: 40px;
            background: #e31b23;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
        }
        .timeline-content {
            background: white;
            padding: 1.5rem;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        }
        
     /*数字化安全*/
    
.inlogo {
    background: url(/static/images/xgtd.jpg) fixed;
    background-size: cover;
    display: block;
    overflow: hidden;
    padding: 100px 0;
}
/*.inlogo{ background-color: #EEF2F3;   display: block; overflow: hidden; padding:100px 0;  }*/
.inlogo h3{ display: block; text-align: center; color: #333; font-size: 30px;}
.inlogo h4{    display: block; color: #333; text-align: center; font-size: 18px; margin: 30px 0;}
.inlogo dd{  display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.inlogo a{display: block; float: left; width: 19%; margin: 0 1% 1% 0; position: relative;height:100px}
.inlogo a img{    height: 100%;    width: 100%;}
.inlogo a:nth-child(5n){margin-right:0;}
.inlogo a span{ background-color: #007D81; color: #fff; text-align: center; position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-content: center; justify-content: center; align-items: center; font-size: 16px; opacity: 0; transition: all .3s;}
.inlogo a:hover span{opacity: 0.9; }