@charset "UTF-8";
/*! Created by UICUT.com on 2021/01/01. Contact QQ: 215611388 */
/* ----------------------------------------------------------------- 样式重置 & 常用样式 --------------------------------------------------------------- */

body { padding-top: 35px; }

header { background-color: rgba(0, 3, 16, 0.5); position: fixed; z-index: 99; top: 0; width: 100%; }

header .top { position: absolute; left: 50%; margin-left: 480px; top: 0; }

header .hd-top { font-size: 12px; }

header .hd-top .uc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

header .hd-top .left { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 35px; }

header .hd-top .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; }

header .hd-top .btns img { margin-right: 3px; }

header .hd-top .btns i { margin-left: 3px; }

header .hd-top .center { color: #B3BCE7; }

header .hd-top .center a { color: #B3BCE7; }

header .hd-top .center a:hover { color: #fff; }

header .hd-center .uc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; }

header .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

header .list li { margin: 0 15px; line-height: 70px; position: relative; height: 70px; font-size: 1.1rem; margin-left: 1px; font-size: 16px; }

header .list li:after { content: ''; width: 0; height: 4px; background: -webkit-gradient(linear, left top, right top, from(#005AFF), to(#00DCD2)); background: -webkit-linear-gradient(left, #005AFF 0%, #00DCD2 100%); background: -o-linear-gradient(left, #005AFF 0%, #00DCD2 100%); background: linear-gradient(to right, #005AFF 0%, #00DCD2 100%); position: absolute; left: 50%; bottom: 10px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

header .list li.on:after, header .list li:hover:after { width: 80%; }

header .list li:hover .subMenu { display: block; height: auto; }

header .list li:hover .subMenu .con { margin-top: 0; }

header .list a { color: #fff; }

header .subMenu { top: 70px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 0; overflow: hidden; }

header .subMenu .con { width: 150px; background-color: #000310; padding: 15px 0; position: relative; margin-top: 15px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

header .subMenu a { display: block; line-height: 30px; padding-left: 3em; font-size: 14px; position: relative; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

header .subMenu a:after { content: ''; width: 8px; border-radius: 3px; height: 3px; background: -webkit-gradient(linear, left top, right top, from(#005AFF), to(#00DCD2)); background: -webkit-linear-gradient(left, #005AFF 0%, #00DCD2 100%); background: -o-linear-gradient(left, #005AFF 0%, #00DCD2 100%); background: linear-gradient(to right, #005AFF 0%, #00DCD2 100%); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 1.5em; }

header .subMenu a:hover { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#005AFF), to(#00DCD2)); background: -webkit-linear-gradient(left, #005AFF 0%, #00DCD2 100%); background: -o-linear-gradient(left, #005AFF 0%, #00DCD2 100%); background: linear-gradient(to right, #005AFF 0%, #00DCD2 100%); }

header .contact { font-size: 12px; }

header .contact h3 { font-size: 18px; margin-bottom: 5px; }
/* 第一部分广告 */

.uc-section2-1{ background: url("../images/uc2-advertising.png") center center no-repeat; background-size: 100% auto; width: 100%; height: 435px; font-size: 20px;text-align: center;padding-top:200px; line-height: 27PX;}

.uc-section2-1 .pit{font-size: 45px;margin-bottom: 35px;}

/* 第二部分 */

.uc-section2-2{height: 1493px; padding-top: 330px;position: relative; width: 100%;}

/*.uc-section2-2 .backimg{background: url("../images/uc2-advertising2.png") center center; width: 100%; height: 561px;}*/

/*.uc-section2-2 .backimg2{background: url("../images/uc2-classify.png") center center ; width: 100%; height: 561px;margin-top: 670px;}*/

/*.uc-section2-2 .backimg3{background: url("../images/uc2-backimg3.png") no-repeat;background-size: cover; width: 100%; height: 716px;}*/

/*.uc-section2-2 .backimg4{background: url("../images/uc2-classify.png") center center ; width: 100%; height: 625px;}*/

/* .uc-section2-2 .backimg5{background: url("../images/uc2-backimg5.png") center center no-repeat; width: 100%; height: 936px;}*/


.uc-section2-2 .uc-section2-2-1{position: absolute;width: 100%;top: 0;padding-top: 70px;}

.uc-section2-2 .uc-section2-2-1 .introduce{width: 1280px;margin: auto;}
/* 第二部分小伙科技 */

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-top{display: flex;align-items: center;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-top-headline{display: flex;flex-direction: column;font-size: 35px;line-height: 60px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-top-size{display: flex;justify-content: space-between;margin-top: 34px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-top-size .lf{width: 743px;height: 350px;font-size: 14px;line-height: 30px;color: #B3BCE7;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-top-size .rt{background: url("../images/uc2-transition.png") center center no-repeat;width: 508px;height: 350px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-top-size .rt-img{background: url("../images/uc2-tsback.png") center center no-repeat;width: 295px;height: 35px;line-height: 35px;font-size: 18px;text-align: center;margin: 230px 0 0 92px;}

/*第二部分8年后  */
.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center{display: flex;align-items: center;margin-top: 106px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-headline{display: flex;flex-direction: column;font-size: 35px;line-height: 60px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-size{display: flex;justify-content: space-between;margin-top: 34px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-size .lf{position: relative;;width: 793px;height: 408px;font-size: 14px;line-height: 30px;color: #B3BCE7;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-size .rt{width: 508px;height: 350px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-size .rt-img{width: 295px;height: 35px;line-height: 35px;font-size: 18px;text-align: center;margin: 65px 0 0 205px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-size .lf .shadeback{position: absolute;background: url("../images/uc2-shade.png") center center no-repeat;opacity:0.1;width: 620px;height: 346px;top: 103px;left: 660px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-size .lf .shadesize{position: absolute;width: 620px;height: 346px;top: 103px;left: 660px;padding: 25px 20px 0 20px;color: #B3BCE7;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-size .lf .shadesize-headline{color: #fff;background: url("../images/uc2-tsback.png") center center no-repeat;width: 295px;height: 35px;line-height: 35px;font-size: 18px;text-align: center;margin: 0 0 10px 143px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-company{display: flex;justify-content: space-between;margin: 60px 0 100px 0;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-company .lf{background: url("../images/uc2-backgongsi.png") center center no-repeat;width: 630px;height: 250px;padding: 40px 0 0 45px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-company .rt{background: url("../images/uc2-backgongsi.png") center center no-repeat;width: 630px;height: 250px;padding: 40px 0 0 45px;}
/* 小火价值观 */
.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value{display: flex;flex-direction: column;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .headlinebox{position: relative;margin: auto;margin-bottom: 75px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .SENSE{margin: auto;font-size: 24px;color: rgba(255, 255, 255, 0.315);position: absolute;top: -24px;width: 200px;margin-left: -35px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .headline{margin: auto; font-size: 30px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .classify-top {display: flex;justify-content: space-around;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .classify-top .topbox{position: relative;text-align: center;width: 180px;height: 141px;background-color: rgba(255, 255, 255, 0.096);}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .classify-top .topbox .topbox-result{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .classify-top .topbox .topbox-result:hover{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, #005AFE, #00DBD2);opacity: 0.26;display: block;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .classify-top .topimg{position: absolute;top: -30px;left: 60px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .classify-top .topbox-size{font-size: 24px;padding: 50px 0 11px 0;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .classify-top .topbox-ask{color: #B3BCE7;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-value .classify-bottom{justify-content: space-between;margin-top: 59px;}
/* 办公区域 */

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-office{display: flex;flex-direction: column;margin-top: 138px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-office .headlinebox{position: relative;margin: auto;margin-bottom: 40px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-office .officebox{display: flex;justify-content: space-between;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-office .SENSE{margin: auto;font-size: 24px;color: rgba(255, 255, 255, 0.315);position: absolute;top: -24px;width: 200px;margin-left: -33px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-office .headline{margin: auto; font-size: 30px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-office .officeimg{position: relative;;width: 298px;height: 212px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-office .hint{position: absolute;bottom: 0;text-align: center;width: 298px;height: 45px;line-height: 48px;background-color: rgba(0, 0, 0, 0.432);}
/* 公司资质 */
.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-certification{display: flex;flex-direction: column;margin-top: 68px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-certification .headlinebox{position: relative;margin: auto;margin-bottom: 44px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-certification .SENSE{margin: auto;font-size: 24px;color: rgba(255, 255, 255, 0.315);position: absolute;top: -24px;width: 200px;margin-left: -33px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-certification .headline{margin: auto; font-size: 30px;}
/* 轮播插件 */
.swiper-container {width: 100%;height: 192px; position: relative;
  }
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);}
.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.btn{font-size:50px;overflow: hidden;padding-left: 20px;color: rgba(0, 0, 0, 0.664);border-radius: 90px; background-color: rgba(255, 255, 255, 0.363)!important;line-height: 40px;}

/* 加入小火 */
.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join{display: flex;flex-direction: column;text-align: center;margin-top: 112px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join .headlinebox{position: relative;margin: auto;margin-bottom: 44px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join .SENSE{margin: auto;font-size: 24px;color: rgba(255, 255, 255, 0.315);position: absolute;top: -24px;width: 200px;margin-left: 99px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join .headline{margin: auto; font-size: 30px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join .position{display: flex;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join .positionbox{width: 260px;height: 180px;background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.15);text-align: center;padding-top: 33px;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join .money{color: #279CFF;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join .positionbox:hover{background: linear-gradient(to right, #005AFE, #00DBD2);color: white!important;}

.uc-section2-2 .uc-section2-2-1 .introduce .introduce-center-join .deliver{margin: 40px auto;background: linear-gradient(to right, #005AFE, #00DBD2);width: 150px;display: block;height: 38px;padding-top: 12px;border-radius: 6px;color: white;font-size: 16px;}