@charset "utf-8";
/**public**/
.center{ margin:0 auto;}
.fl{ float: left;}
.fr{ float:right;}
.overflow{ overflow: hidden;}
.fs-12{ font-size:12px;}
.fs-14{ font-size:14px;}
.fs-16{ font-size:16px;}
.fs-17{ font-size:15px;}
.fs-18{ font-size:18px;}
.fs-20{ font-size:20px;}
.fs-24{ font-size:24px;}
.fs-30{ font-size:30px;}
.fs-32{ font-size:32px;}
.ff-a{ font-family:Arial, Helvetica, sans-serif;}
.ff-m{ font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;}
.fw-b{ font-weight:bold;}
.fc-fff{ color:#fff;}
.fc-c00{ color:#c00;}
.fc-666{ color:#666;}
.fc-999{ color:#999;}
.fc-28{ color:#282828;}
.fc-409EFF{ color:#409EFF;}
.fc-ef7220 { color: #ef7220; }
.fc-888 { color: #888; }
.fc-F56C6C{ color:#F56C6C}
.fc-67C23A{ color:#67C23A}
.fc-666 { color: #666; }
.bc-fa{ background:#fafafa;}
.bc-f5{ background:#F2F6FC;}
.bc-409EFF{ background:#409EFF;}
.bc-ff{ background: #fff; }
.lh-20{ line-height:20px;}
.lh-24{ line-height:24px;}
.lh-30{ line-height:30px;}
.lh-40{ line-height:40px;}
.ff-b { font-weight: bold; }
.border-2px-409EFF{ border:2px solid #409EFF}
.mt1{ height:20px; overflow:hidden;}
.mt2{ height:40px; overflow:hidden;}
.text-center{ text-align: center; }
.mt2{ height:40px; overflow:hidden;}
.w1200{ width:1200px;max-width:100%; position:relative;}
.index .hidden{ display:block;}
.hidden{ display:none;}
/**public**/
.header{margin-bottom:1px; height: 80px; padding: 15px; }
.header .menu { padding: 10px 0; }
.header .menu dl dd { float: left; margin: 0 5px;}
.header .menu dl dd a { color: #000;  float: left; padding: 0 15px; height: 30px; line-height: 30px; transition: 300ms; }
.header .menu dl dd a:hover, .header .menu dl dd.on a{ color:#2178fb;  text-decoration:none;  }
.header{height: 75px; padding: 9px 15px;}
/**.header .menu { padding: 10px 0; }
.header .menu dl dd { float: left; margin: 0 10px;}
.header .menu dl dd a { color: #282828;  float: left; padding: 0 10px; height: 36px; line-height: 36px; transition: 300ms; }
.header .menu dl dd a:hover, .header .menu dl dd.on a{ color:#409EFF; }**/
.banner {}
.baas_advantage li, .base_advantage_float{ width: 260px; height: 260px; float: left; padding: 30px; border-radius: 10px; box-shadow: 5px 10px 15px #e2e0f8; margin: 0 20px; }
.base_advantage_float { background: #fff; }
.baas_advantage .img, .base_advantage_float .img { margin-bottom:10px; text-align: center;}
.baas_advantage .title, .base_advantage_float .title { text-align:center; font-weight:bold;  margin-top:10px; }
.baas_advantage .title a, .base_advantage_float .title a{ color:#1544d1; font-size:14px;}
.baas_advantage .con, .base_advantage_float .con { font-size: 12px; line-height: 18px; margin-top:10px; color:#999; text-align: center;;}

.swiper-slide-pro { text-align: center; font-size: 18px; background: #fff; transition: 300ms; transform: scale(0.85); border-bottom: 4px solid #2178fb; box-shadow: 0 0 10px #bbb;  }
.swiper-slide-pro .img { margin-bottom:10px; text-align: center;}
.swiper-slide-pro .title { text-align:center; font-size:20px; font-weight:bold;  margin-top:10px; }
.swiper-slide-pro .title a{ color:#1544d1; font-size:14px;}
.swiper-slide-pro .con { font-size: 14px; line-height: 24px; margin-top:10px; color:#999;}
.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1); border-bottom: 0px;}
.temp{ padding:40px; 0; position:relative;}
.modeltitle { height: 60px; overflow: hidden; width: 650px; margin-bottom: 40px; margin-top:40px; }
.modelcontent { padding: 40px 0 0 0; }
.leftbg { background:url(../images/left.png) center left no-repeat; width: 95px; height: 60px;}
.rightbg { background:url(../images/right.png) center left no-repeat; width: 95px; height: 60px;}
.service li { float: left; width:360px; margin:0 20px 40px 20px; padding: 40px; background: #F2F6FC; border-radius: 10px; }
.service .img { margin-bottom:10px; text-align: center;}
.service .title { text-align:center; font-weight:bold;  margin-top:20px; }
.service .title a{ color:#1544d1; font-size:14px;}
.service .con { line-height: 24px; text-align: center; margin-top:20px; margin-bottom: 20px;}
.service .more { width: 170px; height: 50px; background: #f7b018; line-height: 50px; text-align: center; font-size: 15px; color: #fff; border-radius: 25px; margin:0 auto; }
.service .more a{ color: #fff; }
.casefl { width: 630px; height: 210px; padding: 150px 0; }
.casefl .title{ padding: 30px 0px 30px 70px; background: url(../images/casedian.png) left center no-repeat; }
.casefl .content { text-indent: 2em; }
.casefr { width: 412px; height: 510px; overflow: hidden;}
.caselogo { text-align: center; }
.news li { width: 368px; border: 1px solid #eee; float: left; margin:0 15px 40px 15px; }
.news li .img { width: 368px; height: 190px; overflow: hidden; background: #282828; }
.news li .content { padding: 20px; }
.news li .content h3, .news li .content p { margin-bottom:10px; }
.news li .content a{ color: #282828; }
.believe_bg{ min-height:calc(100vh - 50vh);}
.temp-tit{ text-align:center; padding-bottom:40px;}
.temp-tit h2{ font-weight:bold; line-height:60px;}
.temp-tit i, .temp-tit em{ display:block; color:#666; font-style:normal; line-height:20px;}
.temp-tit em{ text-transform:uppercase; color:#ccc;}
.temp .video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    t-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    object-fit: cover;
}
.temp .believe{ height:100%; background-color: rgba(6, 6, 6, 0.47); opacity:1; position:absolute; z-index:99; display:block; width:100%; padding: 80px 0;}
.believe ul li{ width:25%; margin:0 4%; float:left; color:#fff; text-align:center; margin-top:4rem;}
.believe ul li h2{ font-size:40px; font-weight:bold;}
.believe ul li h2 em{ font-size:20px; font-style:normal;}
.believe ul li span{ font-size:20px; display:block; margin-top:2px;}
.believe ul li p{ font-size:14px; color:rgba(255,255,255,0.75); opacity:1; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.about-fr { width: 600px; }
.about-fl { width: 460px; line-height: 30px; }
.artile-h3 { text-align: center; }
.swiper-case .info { width: 450px; overflow: hidden; margin: 0 auto; padding: 40px 0; }
.swiper-case .info .title { width: 220px; margin:0 auto; text-align: center; height: 30px; line-height: 30px; border-bottom: 3px solid #1544d1; color: #1544d1;font-size: 18px; font-weight: bold; }
.swiper-case .info .content{ margin-top: 20px; }
.bidder_one { padding: 0 20px; }
.bidder_one .onefont { width: 500px; height: 440px; padding-top: 20px; }
.bidder_one .onefont .more{ display: inline-table; height: 50px; line-height: 50px; padding: 0 40px; background: #f2a559; color: #fff; border-radius: 40px; }
.bidder_one .oneimg { width: 554px; height: 440px; background: url(../images/special/bidder/pic.jpg) left top no-repeat; }
.bidder_two ul li { width: 375px; height: 355px; background: #fff; border-radius: 10px; padding: 40px; }
.bidder_two ul li .img { margin-bottom:10px; text-align: center;}
.bidder_two ul li .title { text-align:center; font-weight:bold;  margin-top:20px; }
.bidder_two ul li .title a{ color:#1544d1; font-size:14px;}
.bidder_two ul li .con { font-size: 16px; line-height: 24px; margin-top:20px; text-align: center;}
.bidder_three { background: url(../images/special/bidder/pic1.jpg) left center no-repeat; padding-left: 530px; }
.bidder_four { background: url(../images/special/bidder/pic3.png) left center no-repeat; padding-left: 530px; }
.bidder_case li { width:380px; height: 50px; line-height: 50px; background: #6fb3fa; color: #fff; font-size: 15px; text-align: center; border-radius: 50px; margin: 10px; float: left; }
.public_about { width: 840px; height: 475px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 10px #999; padding: 30px 20px; }
.supplier_three  { background: url(../images/special/supplier/pic.png) left center no-repeat; padding-left: 530px; }
.comparison_three  { background: url(../images/special/comparison/pic.png) right center no-repeat; padding-right:490px; }
.bidding-one { padding-left: 510px; color: #fff; font-size: 16px; line-height: 30px; padding-right: 50px;}
.bidding-one p{ padding:10px 0; display: flex;}
.bidding-one p span { font-size: 40px; line-height: 30px; color: rgba(255,255,255,0.5); font-weight:bold; }
.bidding-one p b { font-weight: normal; margin-left: 15px; text-indent: 2em; }
.deposit-one ul li { width: 220px; height: 220px; float: left; margin:0 10px; overflow: hidden; background: #fff; border-radius: 10px; padding:20px;}
.deposit-one ul li .img { margin-bottom:10px; text-align: center;}
.deposit-one ul li .title { text-align:center; font-weight:bold;  margin-top:10px; }
.deposit-one ul li .title a{ color:#1544d1; font-size:14px;}
.deposit-one ul li .con { font-size: 14px; line-height: 24px; margin-top:10px; text-align: center;}
.special-about .title { font-size: 46px; color: #fff; text-align: center;}
.special-about .ico { margin: 40px 0; }
.special-about p { text-indent: 2em; font-size: 16px; color: #fff; line-height: 30px; }
.special_about_ys { height: 350px; overflow: hidden; }
.special_about_ys li { width: 220px; margin: 0 10px; float:left;  background: #fff; height: 350px; padding: 70px 30px;}
.honor{ height: 185px; overflow: hidden; margin:20px 0; }
.honor li {width: 265px; height: 185px; float: left; margin: 0 17px; background: #fff; border: 1px solid #eee;  padding: 5px;}
.honor li img{ height: 175px; }
.solution_bg { height: 1980px; background: url(../images/special/solution/bidder/bg.jpg) center top no-repeat; position: relative; }
.solution_info { position: absolute; top:150px; width: 460px; height: 410px; z-index: 999; }
.solution_info .more, .solve .more{ display: inline-table; height: 50px; line-height: 50px; padding: 0 40px; background: #f2a559; color: #fff; border-radius: 40px; }
.solution_info .more a, .solve .more a{ color: #fff; }
.solve { position: absolute; top:700px; width: 1200px; }
.solve ul { padding-top: 30px; }
.solve ul li { width: 380px; height: 600px; float: left; margin: 0 10px; background: #fff; border-radius: 10px; padding: 45PX; }
.solve ul li .img, .solve ul li .img { margin-bottom:10px; text-align: center;}
.solve ul li .title, .solve ul li .title { text-align:center; font-weight:bold;  margin-top:40px; }
.solve ul li .title a, .solve ul li .title a{ color:#1544d1; font-size:14px;}
.solve ul li .con, .solve ul li .con { margin-top:40px; color:#999; text-align: center;;}
.land_ys { height: 428px; background: url(../images/special/land/ys.jpg) left top  no-repeat; position: relative; }
.land_ys .ysinfo { width: 505px; height: 160px; position: absolute; top:110px; right: 60px; }

.case_com_fl { width: 560px; overflow: hidden; }
.case_com_fl .cc_tit{ font-size: 30px; font-weight: bold; color: #26126b; }
.case_com_fl .cc_con{ padding-top: 20px; line-height: 24px;  font-size: 13px; color: #282828;}
.case_com_fr { width: 540px; }
.case_com_fr ul li { width: 235px; height: 218px; padding:60px 30px; line-height: 50px; font-size: 24px; color: #26126b; cursor: pointer; text-align: center; float: left; margin:20px 0 0px 20px; background: #fff; border-radius: 20px; border:1px solid #ccc; }
.case_com_fr ul li.on{ color: #fff;  background: #26126b; border:1px solid #26126b;}
.case_com_fl .more {display: inline-table; width: 170px; height: 50px; background: #f7b018; line-height: 50px; text-align: center; font-size: 15px; color: #fff; border-radius: 25px; margin:0 auto; }
.case_com_fl .more a{ color: #fff; }


.header_menu_pro .menu_pro_close { position: absolute; top:10px; right:10px; z-index: 1000; width: 20px; height: 20px; line-height: 20px; font-size: 20px; color: #c00; cursor: pointer; }
.header_menu_pro .menu_pro_close:hover{ color: #c00; }

.header_menu_pro ul li a{ color: #282828; transition: 300ms; }
.header_menu_pro ul li a:hover { color: #409eff; text-decoration:none; }
.header_menu_pro ul li .tit { font-size: 17px; }
.header_menu_pro ul li p { padding-top: 10px; padding-bottom: 10px;}

.footer{ font-size:14px; background:#1d1d1d; padding:30px 0 60px 0; color:rgba(255,255,255,1);}
.footer ul li:first-child{ width:28%; float:left;margin-right:5%}
.footer ul li:nth-child(2){ width:33%; float:left;}
.footer ul li:last-child{ width:28%; float:right;}
.footer ul li .title{ font-size:18px; text-transform:uppercase; margin-top:1rem; font-weight:bold;}
.footer ul li .title span{ font-size:12px;}
.footer ul li .des{ margin-top:20px; line-height:24px; font-size:14px; color:rgba(255,255,255,0.75); font-family:Arial, Helvetica, sans-serif;}
.footer ul li .des a{ color:rgba(255,255,255,0.75);}
.footer ul li .des a.qq{ background:url(../images/sns.png) 0 -40px no-repeat #f75a53; width:40px; height:40px; border-radius:10px; display:block; transition: background 1s ease-out; text-indent: -999px; margin-top:10px; }
.footer ul li .des a:hover.qq{ background:url(../images/sns.png) 0 -40px no-repeat #09f;}
.footer ul li .des a:hover{ color:#ff0;}
.footer ul li .des p{ margin-bottom:1rem;}
.footer ul li .des div{ position:relative;}
.footer ul li .des .mail{ padding:10px; border:1px solid rgba(255,255,255,0.4); background-color: hsla(0,0%,100%,0.00); color: #babcbd;vertical-align: middle; width:100%;}
.footer ul li .des .m-button{ padding:10px; border:0px; background:url(../images/foot-form-bg.png) 0 -120px no-repeat; position:absolute; top:0px; right:0px; width:40px; cursor:pointer;}
.copyright{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.65); background:#28282d; padding:30px 0;}
.on{
  border-bottom:1px solid rgba(57,106,252,1)
}
.notShow{
   display:none;
}
.bj{box-shadow:0px 0px 0px 1px rgba(0,0,0,0.06),0px 10px 36px 0px rgba(0,0,0,0.16) }
@font-face{
   font-family:"HarmonyOS";
   src:url("/statics/sino/css/font/HarmonyOS_Sans_SC_Black.ttf")