body,
   ol,
   ul,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   th,
   td,
   dl,
   dd,
   form,
   fieldset,
   legend,
   input,
   textarea,
   select,
   img {
       margin: 0;
       padding: 0;
       font-weight: normal;
   }

   body {
       position: relative;
       font: 12px/1.5 "Microsoft YaHei", tahoma, arial, Hiragino Sans GB, \5b8b\4f53;
       color: #000;
       line-height: 1;
   }

   html,
   body {
       height: 100%;
       width: 100%;
   }

   ul,
   li {
       list-style: none;
   }

   a {
       color: inherit;
       text-decoration: none;
   }

   input {
       border: none;
       background: transparent;
       outline: none
   }

   input::-ms-reveal {
       display: none;
   }

   input[type="radio"] {
       position: absolute;
       width: 0;
       height: 0;
       margin: 0;
       padding: 0;
       opacity: 0;
   }

   input[disabled="disabled"] {
       background-color: #ccc;
       border: none;
   }

   input:-webkit-autofill {
       -webkit-box-shadow: 0 0 0px 1000px white inset;
   }

   input::-webkit-contacts-auto-fill-button {
       visibility: hidden;
       display: none !important;
       pointer-events: none;
       position: absolute;
       right: 0;
   }

   input::-webkit-input-placeholder {
       color: #97a1af;
   }

   input::-moz-placeholder {
       color: #97a1af;
   }

   input:-ms-input-placeholder {
       color: #97a1af;
   }

   textarea::-webkit-input-placeholder {
       color: #97a1af;
   }

   textarea::-moz-placeholder {
       color: #97a1af;
   }

   textarea:-ms-input-placeholder {
       color: #97a1af;
   }

   textarea {
       outline: none;
   }

   .clx {
       zoom: 1;
   }

   .clx:after {
       content: "";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
   }

   .fl {
       float: left !important;
   }

   .fr {
       float: right !important;
   }

   .wrap {
       position: relative;
       width: 100%;
       max-width: 1920px;
       min-width: 1200px;
       margin-left: auto;
       margin-right: auto;
       font-size: 0;
       line-height: 1;
   }

   .content {
       width: 1200px;
       margin: 0 auto;
   }

   /* 顶部 */
   .headerBox {
       position: fixed;
       left: 50%;
       top: 0;
       transform: translateX(-50%);
       height: 70px;
       background-color: #fff;
       z-index: 99999;
       box-shadow: 0 0 10px rgba(224, 167, 116, 0.5);
   }

   .headerItem {}

   .header-img>img {
       display: block;
       width: 160px;
   }

   .header-nav {
       padding-top: 14px;
   }

   .header-nav-name {
       width: 88px;
       height: 42px;
       margin-right: 40px;
       font-size: 20px;
       color: #666;
       line-height: 42px;
       text-align: center;
       border-bottom: 3px solid transparent;
   }

   .header-nav-name:last-of-type {
       margin-right: 0;
   }

   .header-nav-name.active {
       color: #ff6702;
       border-color: #ff6702;
   }

   /* 顶部置空 */
   .nullBox {
       height: 70px;
       background-color: transparent;
   }

   /* banner */
   .bannerBox {
       width: 100%;
       height: 440px;
       background-color: #2561dd;
   }

   .bannerText {
       position: absolute;
       width: 100%;
       height: 70px;
       left: 0;
       bottom: 0;
       background-color: rgba(0, 0, 0, 0.2);
   }
   .bannerText .bannerBottom{
    display: flex;align-items: center;gap: 160px;
    height: 70px;width: 1200px;margin: 0 auto;padding: 0 60px;
    box-sizing: border-box;
    font-size: 21px;color: #eee;
   }
   .bannerText .bannerBottom .bannerBottomText{
    display: flex;align-items: end;gap: 10px;line-height: 1;
   }
   .bannerText .bannerBottom label{
    font-size: 34px;color: #00ffea;margin: 0;padding: 0;
    text-shadow: 0 0 5px #00ffea;font-weight: 400;line-height: 0.8;
   }

   .bannerText img {
       display: block;
       width: 1200px;
       margin: 0 auto;
       /* position: absolute;z-index: 99999;background-color: rgba(0,0,0,0.2);
       left: 50%;transform: translate(-50%); */
   }

   .bannerItem {
       height: 100%;
       padding: 106px 0 0 60px;
       background: url(../images/banneritem-bg.png) no-repeat center;
       background-size: 100%;
       color: #fff;
       box-sizing: border-box;
   }

   .bannerItem>h3 {
       font-size: 46px;
       font-weight: bold;
   }

   .bannerItem>h4 {
       padding-top: 18px;
       font-size: 28px;
   }

   /* 服务 */
   .serviceBox {
       height: 628px;
       background-color: #fff;
   }

   h3.section-title {
       padding-top: 100px;
       font-size: 32px;
       font-weight: bold;
       color: #000000;
       text-align: center;
   }

   .serviceOl {
       padding-top: 80px;
   }

   .serviceLi {
       position: relative;
       width: 278px;
       height: 312px;
       margin-right: 29px;
       padding: 68px 30px 0;
       border-radius: 8px;
       background-color: #fff;
       box-sizing: border-box;
       box-shadow: 0px 0px 40px 0px rgba(245, 245, 245, 0.5);

   }

   .serviceLi:last-child {
       margin-right: 0;
   }

   .serviceIcon {
       position: absolute;
       top: -60px;
       left: 50%;
       width: 120x;
       height: 120px;
       margin-left: -60px;
   }

   .serviceIcon img {
       display: block;
       width: 100%;
   }

   .serviceLi>h4 {
       font-size: 22px;
       color: #000000;
       text-align: center;
   }

   .serviceLi>p {
       padding-top: 10px;
       font-size: 14px;
       line-height: 32px;
       color: #757575;
   }

   .serviceLi:hover p {
       color: rgba(224, 167, 116, 1);
   }

   .serviceLi:hover h4 {
       color: rgba(255, 103, 2, 1);
   }

   .serviceLi:hover {
       background-color: rgba(255, 250, 236, 1)
   }

   /* 案例 */
   .caseBox {
       height: 810px;
       background-color: #fafafa;
   }

   .csse-swiper {
       padding-top: 34px;
   }

   /* 轮播 */
   .swiper-container {
       position: relative;
       width: 1200px;
       height: 548px;
   }

   .swiper-slide {
       text-align: center;
       font-size: 18px;
       padding: 12px;
       position: relative;
       background: transparent;
       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;
       box-sizing: border-box;
   }
   .swiper-slide .slideItem{
    position: relative;
    display: flex;height: 85%;
    width: 100%;padding: 30px 60px;
    background: #fff;
    box-shadow: 0 0 10px #eee;border-radius: 10px;
   }
   .swiper-slide .info{
    display: flex;flex-direction: column;align-items: start;
    width: 50%;flex-shrink: 0;
   }
   .swiper-slide .info h3{
    font-size: 30px;padding: 20px 0;color: #ff6804;
    position: relative;
   }
   .swiper-slide .info h3::after{
    content:"";display: flex;width:65%; height:3px;
    background: #ff6804;position: absolute;bottom: 0;
   }
    .swiper-slide .info p{
        text-align: left;margin-top: 90px;
        line-height: 30px;font-size: 16px;color: #828282;
    }
    .swiper-slide .slideItem img{
        position: absolute;top: 0;right: 140px;
        height: 100%;width: auto;max-width: calc(50% - 72px);object-fit: contain;
    }

   .swiper-container .pagination {
       position: absolute;
       top: 384px;
       left: 130px;
       text-align-last: left;
       z-index: 20;
   }

   .swiper-slide img {
       display: block;
       width: 100%;
   }

   .swiper-pagination-switch {
       display: inline-block;
       width: 12px;
       height: 12px;
       border-radius: 50%;
       background: transparent;
       margin: 0 10px;
       opacity: 0.8;
       border: 1px solid #b9b9b9;
       cursor: pointer;
   }

   .swiper-active-switch {
       border-color: #ff6702;
       background-color: #ff6702;
   }

   /* 合作伙伴 */
   .partnerBox {
       height: 944px;
       background-color: #fff;
   }

   .partnerTitle {
       margin-bottom: 60px;
       text-align: center;
   }

   .partnerItem h4 {
       position: relative;
       display: inline-block;
       padding: 30px 96px 0;
       font-size: 24px;
       color: #333333;
   }

   .partnerItem h4::before,
   .partnerItem h4::after {
       position: absolute;
       top: 42px;
       width: 66px;
       height: 1px;
       background-color: #bcbcbc;
       content: "";
   }

   .partnerItem h4::before {
       left: 0;
   }

   .partnerItem h4::after {
       right: 0;
   }

   .partnerItem h4 span {
       color: #fc5f39;
   }

   .partnerOl {
       display: flex;
       align-items: center;
       justify-content: space-between;
       margin-bottom: 60px;
   }

   .partnerLi {
       float: left;
       width: 228px;
       height: 75px;
       margin-right: 15px;
       box-sizing: border-box;
       border: 1px solid #f7f7f7;
   }

   .partnerLi:last-child {
       margin-right: 0;
   }

   .partnerLi img {
       display: block;
       width: 100%;
       height: 100%;
       object-fit: contain;
   }

   .partnerLi:hover {
       border-color: #fc5f39
   }

   /* 关于我们 */
   .aboutBox {
       padding-bottom: 100px;
       background-color: #fafafa;
   }

   .aboutImg {
       padding-top: 60px;
   }

   .aboutImg img {
       display: block;
       width: 100%;
   }

   .aboutText {
       padding-top: 60px;
   }

   .aboutText h4 {
       font-size: 22px;
       font-weight: 521;
       color: #fd6602;
   }

   .aboutText p {
       padding-top: 18px;
       font-size: 16px;
       color: #333333;
       line-height: 30px;
   }

   /* 招聘 */
   .signList {
       margin-top: 40px;
   }

   .signUl {
       width: 100%;
       height: 70px;
       margin-bottom: 20px;
       padding: 0 126px;
       box-sizing: border-box;
       background-color: #fff;
   }

   .signLi {
       display: inline-flex;
       padding: 24px 0 24px 10px;
       margin-right: 160px;
       font-size: 22px;
       color: #333333;
       box-sizing: border-box;
       border-bottom: 3px solid transparent;
   }

   .signLi:last-child {
       margin-right: 0;
   }

   .signLi.active {
       font-weight: 550;
       color: #ff6702;
       border-color: #ff6702;
   }

   .signShow {
       width: 100%;
   }

   .signInfo-show {
       margin-bottom: 20px;
       padding: 0 60px 0px;
       box-sizing: border-box;
       background-color: #fff;
   }

   .signShowList {
       display: none;
   }

   .signInfo-head {
       padding: 24px 0;
   }

   .signInfo-head h3 {
       font-size: 22px;
       color: #333333;
   }

   .sign-togole {
       position: relative;
       padding-right: 20px;
   }

   .signInfo-icon {
       position: absolute;
       top: 2px;
       right: 0;
       width: 9px;
       height: 18px;
       background: url(../images/signinfo-icon.png) no-repeat center;
       background-size: 100%;
       transition: all 0.6s;
   }

   .sign-togole.active .signInfo-icon {
       transform: rotate(90deg);
       top: 2px;
       right: 4px;
   }

   .signInfo-content {
       display: none;
       padding-top: 5px;
   }

   .sign-details {
       width: 216px;
   }

   .sign-details span {
       width: 98px;
       height: 36px;
       font-size: 18px;
       color: #333333;
       border: 1px solid #bcbcbc;
       box-sizing: border-box;
       border-radius: 4px;
       text-align: center;
       line-height: 36px;
   }

   .sign-details span:first-of-type {
       color: #ff6702;
   }

   .sign-desc.sign-duty {
       padding-top: 30px;
   }

   .sign-desc {
       padding-top: 6px;
   }

   .sign-desc h5 {
       font-size: 22px;
       color: #ff6702;
   }

   .sign-desc p {
       font-size: 16px;
       color: #333333;
       line-height: 32px;
   }

   .sign-desc p:first-of-type {
       padding-top: 8px;
   }



   .moreInfo {
       height: 70px;
       font-size: 22px;
       color: #333333;
       text-align: center;
       line-height: 70px;
       background-color: #fff;
   }

   /* form表单 */
   .formBox {
       height: 480px;
       background-color: #151c29;
   }

   .formItem .section-title {
       color: #97a1af;
   }

   .formContent {
       position: relative;
       width: 1080px;
       margin: 60px auto 0;
       display: flex;align-items: center;flex-direction: column;
   }

   .companyInfo {
       width: 600px;
       width: 630px;
   }

   .companyInfo li {
       margin-bottom: 30px;
       padding-left: 38px;
       color: #919ba8;
       height: 18px;
       background-position: left center;
       background-repeat: no-repeat;
       background-size: 18px 18px;
   }

   .companyInfo li.formLi-1 {
       background-image: url(../images/company-icon-1.png);
   }

   .companyInfo li.formLi-2 {
       background-image: url(../images/company-icon-2.png);
   }

   .companyInfo li.formLi-3 {
       background-image: url(../images/company-icon-3.png);
       background-size: 18px 15px;
   }

   .companyInfo li span {
       display: inline-block;
       width: 130px;
       /* width: 78px; */
       height: 18px;
       font-size: 26px;
       line-height: 0px;
       text-align: justify;
       text-align-last: justify
   }

   .companyInfo li b {
       font-weight: normal;
       display: inline-block;
       font-size: 26px;
       line-height: 18px;
   }

   .companyInfo li span:after {
       content: '';
       display: inline-block;
       width: 100%;
   }

   .partner {
       /* position: absolute;
       top: 190px;
       left: 0;
       left: 46%;
       transform: translateX(-50%); */
       margin-top: 40px;
       width: 630px;
   }

   .partner p {
       padding-left: 36px;
       background: url(../images/company-icon-4.png) no-repeat left center;
       background-size: 18px 20px;
       font-size: 26px;
       line-height: 26px;
       color: #97a1af;
   }

   .partner p span {
       position: relative;
       text-decoration: underline;
   }
   .partner p span:hover img {
       display: block;
   }
   .partner p span img {
       display: none;
       position: absolute;
       top: -204px;
       width: 370px;
   }

   .partner p span.firstSpan img {
       left: -290px;
   }

   .partner p span.lastSpan img {
       left: 30px;
   }

   .partner p span.lastSpan {
       padding-left: 26px;
   }

   .formInfo {
       width: 360px;display: none;
   }

   .formInfo .clx input {
       width: 140px;
       height: 36px;
   }

   .formInfo input {
       padding-left: 10px;
       font-size: 16px;
       color: #97a1af;
       line-height: 36px;
       border: 1px solid #6c798e;
       box-sizing: border-box;
       background-color: #272e3d;
   }

   .inputItem {
       margin-bottom: 20px;
   }

   .inputItem textarea {
       width: 100%;
       min-height: 78px;
       padding: 3px 6px;
       font-size: 16px;
       line-height: 26px;
       box-sizing: border-box;
       background-color: #272e3d;
       border: 1px solid #6c798e;
       color: #97a1af;
       overflow: hidden;
   }

   .textareaItem {
       position: relative;
   }

   .ieTextarea {
       color: #97a1af;
       position: absolute;
       top: 10px;
       left: 10px;
       font-size: 16px;
   }

   .ieTextHide {
       display: none;
   }

   .subBtn {
       height: 36px;
       font-size: 16px;
       line-height: 36px;
       color: #97a1af;
       text-align: center;
       border: 1px solid #6c798e;
   }

   /* 底部 */
   .footerBox {
       height: 80px;
       background-color: #0b101a;
   }

   .footerBox p {
       font-size: 18px;
       color: #56616f;
       line-height: 80px;
       text-align: center;
   }

   /* 侧边按钮 */
   .featuresBox {
       position: fixed;
       top: 50%;
       right: 100px;
       z-index: 9999999;
       height: 154px;
       margin-top: -77px;
   }

   .featuresList {
       position: relative;
       width: 50px;
       height: 50px;
       margin-bottom: 2px;
       border-radius: 2px;
       box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
       background-size: 100%;
   }

   .featuresList-1 {
       display: none;
       background: #fff url(../images/featureslist-1.png) no-repeat center center;
   }

   .featuresList-1:hover {
       background: url(../images/featureslist-1-hover.png) no-repeat center center;
   }

   .featuresList-2 {
       background: #fff url(../images/featureslist-2.png) no-repeat center center;
   }

   .featuresList-2:hover {
       background: url(../images/featureslist-2-hover.png) no-repeat center center;
   }

   .featuresList-3 {
        transform: translateY(100px);
       background: #fff url(../images/featureslist-3.png) no-repeat center center;
   }

   .featuresList-3:hover {
       background: url(../images/featureslist-3-hover.png) no-repeat center center;
   }

   .featuresList-2-hover {
       display: none;
       position: absolute;
       top: -67px;
       left: -170px;
       width: 150px;
       height: 184px;
       border-radius: 2px;
       background-color: #fff;
       box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
   }

   .featuresList-2-hover img {
       display: block;
       width: 150px;
   }

   .featuresList-2-hover p {
       font-size: 14px;
       color: #000;
       text-align: center;
   }

   .featuresList-2:hover .featuresList-2-hover {
       display: block;
   }

   .featuresList-3-hover {
       display: none;
       box-sizing: border-box;
       position: absolute;
       top: -30px;
       left: -170px;
       width: 150px;
       height: 110px;
       padding-top: 22px;
       border-radius: 2px;
       background-color: #fff;
       box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
   }

   .featuresList-hover:after {
       position: absolute;
       top: 44%;
       right: -24px;
       width: 0;
       height: 0;
       border-style: dashed dashed dashed solid;
       border-color: transparent transparent transparent #fff;
       border-width: 12px;
       content: "";
   }

   .featuresList-3-hover.featuresList-hover:after {
       top: 36%;

   }

   .featuresList-3-hover p {
       font-size: 18px;
       color: #ee702e;
       text-align: center;
       line-height: 30px;
   }

   .featuresList-3:hover .featuresList-3-hover {
       display: block;
   }



   /* 弹窗提示 */
   #float_info {
       position: fixed !important;
       width: 600px;
       height: 60px;
       top: 40% !important;
       background-color: rgba(255, 128, 15, 0.8);
       left: 50%;
       margin-left: -300px;
       z-index: 10;
       border-radius: 4px;
   }

   #float_info>span {
       display: block;
       font-size: 20px;
       color: #fff;
       line-height: 60px;
       text-align: center;
   }