@charset "utf-8";   .cont_top{border-top: 1px solid #2b262d;overflow: hidden;min-height: 656px;}
 .cont_top .vis_left{width:475px;padding-top: 150px;}
 .cont_top .vis_left > .vis_copy > p.title{font-size:44px;line-height: 50px; font-weight:bold;}
 .cont_top .vis_left > .vis_copy > p.text{font-size:26px;line-height: 36px; color:#696969;margin-top: 35px;}
 .cont_top .vis_left > .vis_copy > p span.next{display:block;}
 .cont_top .vis_left .control_box{margin-top: 80px;}
 .cont_top .vis_left .control_box > a{width:75px; height:75px;padding: 27px 0;display:inline-block; border-radius:100px;text-align: center;box-sizing: border-box;}
 .cont_top .vis_left .control_box > a > span{text-indent: -999em;display: block;background: url("/images/contract/main/main_sp.png?build_20250613001") no-repeat;width: 34px;height: 20px;margin: 0 auto;}
 .cont_top .vis_left .control_box > a.prev{background-color:#fff; border:1px solid #acacac; margin-right:15px;}
 .cont_top .vis_left .control_box > a.prev > span{background-position: -1px -121px;}
 .cont_top .vis_left .control_box > a.next{background-color:#0c4da2; border:1px solid #0c4da2;}
 .cont_top .vis_left .control_box > a.next > span{background-position: -83px -122px;}
 .cont_top .vis_left:before { content: ''; display: block; width: 255px; height: 355px; background: url("/images/contract/main/top_left_bg.png?build_20250613001") no-repeat; position: absolute; left: 220px; bottom: -154px;}
 .cont_top .vis_right{position:absolute;left: 475px; top:0;width: 100%;padding-top: 80px;background: #cdeaff;min-height: 656px;box-sizing: border-box; z-index: 0;}
 .cont_top .vis_right .swiper-container{overflow: hidden; position: relative; left: -50px;}
 .cont_top .vis_right .vis_box{width:350px !important; float:left;background-color: #fff;border-radius: 30px;position: relative;box-sizing: border-box;padding: 58px 36px 0px 36px;min-height: 425px;border: 3px solid #fff;transition: ease-in-out 0.3s; margin: 35px 0 0 0;}
 .cont_top .vis_right .vis_box > p.title{font-size: 30px; font-weight:bold;padding-left: 4px;}
 .cont_top .vis_right .vis_box > p.text{color:#636363; margin-top:15px;padding-left: 6px;font-size: 16px;letter-spacing: -0.05em;}
 .cont_top .vis_right .vis_box > ul.q_list{margin-top:34px;}
 .cont_top .vis_right .vis_box > ul.q_list > li{margin-bottom:20px;}
 .cont_top .vis_right .vis_box > ul.q_list > li:last-child{margin-bottom:0;}
 .cont_top .vis_right .vis_box > ul.q_list > li > a{border-radius:100px;display: block;padding: 0px 20px; color:#fff;font-size: 18px;line-height: 52px;}
 .cont_top .vis_right .vis_box > ul.q_list > li > a:after{content:'';display:block; float:right;width: 13px;height: 19px;background: url("/images/contract/main/main_sp.png?build_20250613001") -288px -122px no-repeat;margin-top: 16px;}
 .cont_top .vis_right .vis_box.order > ul.q_list > li > a{background-color:#0c4da2;border: 1px solid #0c4da2;}
 .cont_top .vis_right .vis_box.bid > ul.q_list > li > a{background-color:#7d46a7;border: 1px solid #7d46a7;}
 .cont_top .vis_right .vis_box.contract > ul.q_list > li > a{background-color:#208ba6;border: 1px solid #208ba6;}
 .cont_top .vis_right .vis_box.payment > ul.q_list > li > a{background-color:#0c4da2;border: 1px solid #0c4da2;}
 .cont_top .vis_right .vis_box > span.icon{background:#fff; position:absolute;right: 25px;top: -28px; display:block;width: 104px;height: 104px;border-radius: 100px;}
 .cont_top .vis_right .vis_box > span.icon{background:#fff url("/images/contract/main/main_sp.png?build_20250613001") no-repeat;}
 .cont_top .vis_right .vis_box.order > span.icon{background-position: 22px 22px;}
 .cont_top .vis_right .vis_box.bid > span.icon{background-position: -124px 22px;}
 .cont_top .vis_right .vis_box.contract > span.icon{background-position: -272px 22px;}
 .cont_top .vis_right .vis_box.payment > span.icon{background-position: -418px 22px;}
 .cont_top .vis_right .vis_box.bid a.more{position:absolute;left: -3px;bottom: -3px; background:#7d46a7; color:#fff; display:block;width: 350px;text-align: center;border-radius: 0 0 30px 30px;font-size: 18px;line-height: 70px;}
 .cont_top .vis_right .vis_box.bid a.more > span.icon{background: url("/images/contract/main/main_sp.png?build_20250613001") -180px -123px no-repeat;display: inline-block;width: 18px;height: 18px;vertical-align: middle;margin-right: 10px;}
 .cont_top .vis_right .vis_box > ul.q_list > li > a > span.icon{background: url("/images/contract/main/main_sp.png?build_20250613001") no-repeat;display: inline-block;width: 35px;height: 35px;vertical-align: middle;margin-right: 10px;}
 .cont_top .vis_right .vis_box > ul.q_list > li > a > span.icon.i01{background-position: 3px -185px;}
 .cont_top .vis_right .vis_box > ul.q_list > li > a > span.icon.i02{background-position: -64px -185px;}
 .cont_top .vis_right .vis_box > ul.q_list > li > a > span.icon.i03{background-position: -133px -186px;}
 .cont_top .vis_right .vis_box > ul.q_list > li > a > span.icon.i04{background-position: -200px -187px;}
 .cont_top .vis_right .vis_box > ul.q_list > li > a > span.icon.i05{background-position: -264px -185px;}
 /* .cont_top .vis_right .bx-viewport{overflow-x: hidden !important; overflow-y: auto !important; height: auto !important;}
 .cont_top .vis_right .bx-wrapper{margin-left: -50px !important;}
 */ /* .cont_top .vis_right .vis_warp{margin-left: 385px;}
 */  .cont_top .vis_right .vis_box:hover{ transform: translate(0,-10px);-webkit-transform: translate(0,-10px);-ms-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
 .cont_top .vis_right .vis_box:hover.order{border: 3px solid #0c4da2;}
 .cont_top .vis_right .vis_box:hover.bid{border: 3px solid #8452aa;}
 .cont_top .vis_right .vis_box:hover.contract{border: 3px solid #2da2ac;}
 .cont_top .vis_right .vis_box:hover.payment{border: 3px solid #0c4da2;}
 .cont_top .vis_right .vis_box.order:hover > span.icon{background-color: #0c4da2;transition: ease-in-out 0.5s;}
 .cont_top .vis_right .vis_box.bid:hover > span.icon{background-color: #8452aa;transition: ease-in-out 0.5s;}
 .cont_top .vis_right .vis_box.contract:hover > span.icon{background-color: #208ba6;transition: ease-in-out 0.5s;}
 .cont_top .vis_right .vis_box.payment:hover > span.icon{background-color: #0c4da2;transition: ease-in-out 0.5s;}
  .cont_top .vis_right .vis_box.order.active{background:#0c4da2;border: 3px solid #0c4da2;}
 .cont_top .vis_right .vis_box.order.active{box-shadow: 6px 0px 15px rgb(15 77 121 / 0.15);}
 .cont_top .vis_right .vis_box.order.active > p.title{color:#fff;}
 .cont_top .vis_right .vis_box.order.active > p.text{color:#fff;}
 .cont_top .vis_right .vis_box.order.active > ul.q_list > li > a{border:1px solid #fff;color:#fff;}
 .cont_top .vis_right .vis_box.order.active:hover > span.icon{background-color:#fff;}
  .cont_top .vis_right .vis_box.bid.active{background:#7d46a7;border: 3px solid #7d46a7;}
 .cont_top .vis_right .vis_box.bid.active{box-shadow: 6px 0px 15px rgb(15 77 121 / 0.15);}
 .cont_top .vis_right .vis_box.bid.active > p.title{color:#fff;}
 .cont_top .vis_right .vis_box.bid.active > p.text{color:#fff;}
 .cont_top .vis_right .vis_box.bid.active > ul.q_list > li > a{border:1px solid #fff;color:#fff;}
 .cont_top .vis_right .vis_box.bid.active:hover > span.icon{background-color:#fff;}
 .cont_top .vis_right .vis_box.bid.active a.more{background:#5c2b82;}
  .cont_top .vis_right .vis_box.contract.active{background:#208ba6;border: 3px solid #208ba6;}
 .cont_top .vis_right .vis_box.contract.active{box-shadow: 6px 0px 15px rgb(15 77 121 / 0.15);}
 .cont_top .vis_right .vis_box.contract.active > p.title{color:#fff;}
 .cont_top .vis_right .vis_box.contract.active > p.text{color:#fff;}
 .cont_top .vis_right .vis_box.contract.active > ul.q_list > li > a{border:1px solid #fff;color:#fff;}
 .cont_top .vis_right .vis_box.contract.active:hover > span.icon{background-color:#fff;}
  .cont_top .vis_right .vis_box.payment.active{background:#0c4da2;border: 3px solid #0c4da2;}
 .cont_top .vis_right .vis_box.payment.active{box-shadow: 6px 0px 15px rgb(15 77 121 / 0.15);}
 .cont_top .vis_right .vis_box.payment.active > p.title{color:#fff;}
 .cont_top .vis_right .vis_box.payment.active > p.text{color:#fff;}
 .cont_top .vis_right .vis_box.payment.active > ul.q_list > li > a{border:1px solid #fff;color:#fff;}
 .cont_top .vis_right .vis_box.payment.active:hover > span.icon{background-color:#fff;}
 .cont_mid{background: #f9f9f9;padding: 32px 0; overflow:hidden;border-bottom: 1px solid #cccccc;}
  .cont_mid .notice_box{ float:left;min-width: 872px;line-height: 40px;padding: 30px 0;position: relative;}
 .cont_mid .notice_box p.title{float: left;font-size: 22px;font-weight: bold;margin-right: 15px;}
 .cont_mid .notice_box p.title:after{content:''; background:#cccccc; width:1px;height: 15px; float:right;margin-left: 18px;margin-top: 13px;}
 .cont_mid .notice_box p.title > span.icon{background: url("/images/contract/main/main_sp.png?build_20250613001") -340px -352px no-repeat; display:inline-block;width: 30px;height: 30px; margin-right:10px;vertical-align: middle;}
 .cont_mid .notice_box ul.notice_li{float:left;height: 40px;width: 100% !important;}
 .cont_mid .notice_box ul.notice_li > li{position: relative; display: block; width: 100% !important;}
 .cont_mid .notice_box ul.notice_li > li > a{font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 78%;display: block;}
 /* .cont_mid .notice_box ul.notice_li > li > span.date{float:right;color: #717171;}
 */ .cont_mid .notice_box ul.notice_li > li > span.date{position: absolute; top: 0; right: 0; color: #717171;}
 .cont_mid .notice_box .control_box{border: 1px solid #cccccc;border-radius: 4px;background: #fff;position: absolute;right: 0;top: 30px;}
 .cont_mid .notice_box .control_box > a{ float:left;width: 40px;height: 40px;}
 .cont_mid .notice_box .control_box > a > span{display:block;text-indent: -999em;background: url("/images/contract/main/main_sp.png?build_20250613001") no-repeat;}
 .cont_mid .notice_box .control_box > a.start > span{background-position: -376px -112px;}
 .cont_mid .notice_box .control_box > a.stop > span{background-position:-425px -112px;}
 .cont_mid .notice_box .control_box > a.down > span{background-position: -475px -112px;border-right: 1px solid #cccccc;}
 .cont_mid .notice_box .control_box > a.up > span{background-position: -327px -112px;border-left: 1px solid #cccccc;}
 .cont_mid .notice_box .bx-wrapper{ width: 540px;}
  .cont_mid .link_box{ float:left;margin-left: 100px;width: 528px;}
 .cont_mid .link_box ul > li{width: 200px;float: left;}
 .cont_mid .link_box ul > li.link01{margin-right: 120px;position: relative;}
 .cont_mid .link_box ul > li > a > span.icon{display:block;background: #fff url("/images/contract/main/main_sp.png?build_20250613001") 0 0 no-repeat;width: 95px;height: 95px;border-radius: 40px;float: left;margin-right: 15px;}
 .cont_mid .link_box ul > li.link01 > a > span.icon{background-position:-338px -155px;}
 .cont_mid .link_box ul > li.link02 > a > span.icon{background-position: -424px -155px;}
 .cont_mid .link_box ul > li > a {float: left;}
 .cont_mid .link_box ul > li > a > p.tit{font-size: 20px;font-weight: bold;padding-top: 20px;display: block;float: left;padding-left: 5px;}
 .cont_mid .link_box ul > li > a > p.tit > span.bold{color:#0c4da2;}
 .cont_mid .link_box ul > li > a > p.btn{display:block;color: #777777;border: 1px solid #cccccc;float: left;border-radius: 100px;padding: 3px 17px;font-size: 14px;margin-top: 5px;transition: ease-in-out 0.3s;}
 .cont_mid .link_box ul > li.link01:after{content:''; width:5px;height: 24px;background: url("/images/contract/main/main_sp.png?build_20250613001") -493px -353px no-repeat;display: block;position: absolute;right: -62px;top: 36px;}
 .cont_mid .link_box ul > li > a:hover > p.btn{background-color:#0c4da2; border:1px solid #0c4da2; color:#fff;}
 .cont_botm > .inner{padding: 130px 0;}
 .cont_botm .list_box{width:872px; float:left;margin-right: 100px;}
 .cont_botm .icon_box{background:#0c4da2; border-radius:30px;padding: 34px; float:left;width: 528px;margin-bottom: 35px;box-sizing: border-box;}
 .cont_botm .icon_box > .icon_li > li{float:left; width:33.33%; text-align:center;}
 .cont_botm .icon_box > .icon_li > li > a{color:#fff;}
 .cont_botm .icon_box > .icon_li > li > a > span.txt{font-size:18px; font-weight:400;}
 .cont_botm .icon_box > .icon_li > li > a > span.icon{background: #fff url("/images/contract/main/main_sp.png?build_20250613001") 0 0 no-repeat; width: 80px;height: 80px;display: block;border-radius: 30px;margin: 0px auto 16px; transition: ease-in-out 0.3s;}
 .cont_botm .icon_box > .icon_li > li > a:hover > span.icon{background-color:#a5eaff;margin-top:-5px; transition:ease-in-out 0.3s;}
 .cont_botm .icon_box > .icon_li > li.icon_l01 > a > span.icon{background-position: 13px -327px;}
 .cont_botm .icon_box > .icon_li > li.icon_l02 > a > span.icon{background-position: -109px -326px;}
 .cont_botm .icon_box > .icon_li > li.icon_l03 > a > span.icon{background-position: -235px -324px;}
  .cont_botm .count_box{background:#f9f9f9; float:left; border:1px solid #ccc; border-radius:30px;width: 528px;box-sizing: border-box;padding: 24px 28px;}
 .cont_botm .count_box .count_li > li{float: left;line-height: 36px;height: 36px; width:50%;}
 .cont_botm .count_box .count_li > li > span.icon{display: inline-block;width: 36px;height: 36px;border-radius: 100px;vertical-align: top;margin-right: 10px;}
 .cont_botm .count_box .count_li > li.today > span.icon{background: #0c4da2 url("/images/contract/main/main_sp.png?build_20250613001") -430px -348px no-repeat;}
 .cont_botm .count_box .count_li > li.total > span.icon{background: #208ba6 url("/images/contract/main/main_sp.png?build_20250613001") -430px -348px no-repeat;}
 .cont_botm .count_box .count_li > li > span.title{font-size: 18px;margin-right: 14px;}
 .cont_botm .count_box .count_li > li > span.title:after{content:''; display:inline-block; width:1px;height: 15px;background:#ccc;margin-left: 12px;margin-bottom: 2px;vertical-align: middle;}
 .cont_botm .count_box .count_li > li > span.num{font-size: 18px;}
 .cont_botm .count_box .count_li{position:relative;}
 .cont_botm .count_box .count_li:after{content:''; display:block;width: 5px;height: 22px;background: url("/images/contract/main/main_sp.png?build_20250613001") -493px -353px no-repeat; position:absolute;left: 43%;top: 8px;}
 .cont_botm .count_box .count_li > li.today > span.num{color:#0c4da2}
 .cont_botm .count_box .count_li > li.total > span.num{color:#208ba6}
  .cont_botm .list_box{position: relative;width:872px; float:left;margin-right: 100px;height: 400px;}
 .cont_botm .list_box .all .list > ul, .cont_botm .list_box .order .list > ul, .cont_botm .list_box .contract .list > ul, .cont_botm .list_box .payment .list > ul{position: absolute;left: 0;top: 66px;width: 100%;}
 .cont_botm .list_box a.tab_btn { display:block;float: left;width: 160px;font-size: 20px;font-weight: 500;position: relative;}
 .cont_botm .list_box a.tab_btn:hover{color:#0c4da2;}
 .cont_botm .list_box a.tab_btn:before{content:''; display:block;float: left;width: 12px;height: 22px;background: url("/images/contract/main/main_sp.png?build_20250613001") -487px -275px no-repeat;position: absolute;left: 114px;top: 3px;}
 .cont_botm .list_box .payment a.tab_btn:before{display:none;}
 .cont_botm .list_box div.on a.tab_btn{color:#0c4da2;font-size: 22px;font-weight: 600;}
 .cont_botm .list_box div.on a.tab_btn:after{content:'';display:block;width: 80px; height:3px; background:#0c4da2;margin-top: 10px;}
 .cont_botm .list_box a.more{position:absolute; right:0;background: #f3f3f3;padding: 7px 20px 6px 20px;border-radius: 100px;}
 .cont_botm .list_box a.more > span.icon{display:inline-block;width: 16px;height: 16px;background: url("/images/contract/main/main_sp.png?build_20250613001") -225px -123px no-repeat;vertical-align: middle;margin-right: 6px;margin-bottom: 2px;}
 .cont_botm .list_box a.more:hover{background:#0c4da2; transition:ease-in-out 0.3s; color:#fff; }
 .cont_botm .list_box a.more:hover > span.icon{ background-position:-181px -123px;}
 .cont_botm .list_box div .list{display: none;}
 .cont_botm .list_box div.on .list{display: block;}
 .cont_botm .list_box div .list ul li{ float:left;width: 30.666%;margin-right: 4%;}
 .cont_botm .list_box div .list ul li:last-child{margin-right:0;}
 .cont_botm .list_box div .list ul li > a{ float:left;border: 1px solid #ccc; border-radius:30px;box-sizing: border-box;padding: 25px;margin-right: 4%;box-shadow: 4px 4px 0px #eee;width: 100%;transition:ease-in-out 0.3s;position: relative; }
 .cont_botm .list_box div .list ul li.order_li > a:hover{border:1px solid #0c4da2;}
 .cont_botm .list_box div .list ul li.contract_li > a:hover{border:1px solid #208ba6;}
 .cont_botm .list_box div .list ul li.payment_li > a:hover{border:1px solid #7d46a7;}
 .cont_botm .list_box div .list ul li > a:hover{border:1px solid #0c4da2;}
 .cont_botm .list_box div .list ul li > a > span{color:#fff; width:60px; height:60px; display:block; border-radius:100px;text-align: center;box-sizing: border-box;padding: 20px 0;}
 .cont_botm .list_box div .list ul li.order_li > a > span.c_01, .cont_botm .list_box div .list ul li.order_li > a > span.c_02, .cont_botm .list_box div .list ul li.order_li > a > span.c_03{background:#0c4da2;}
 .cont_botm .list_box div .list ul li.contract_li > a > span.c_01, .cont_botm .list_box div .list ul li.contract_li > a > span.c_02, .cont_botm .list_box div .list ul li.contract_li > a > span.c_03{background:#208ba6;}
 .cont_botm .list_box div .list ul li.payment_li > a > span.c_01, .cont_botm .list_box div .list ul li.payment_li > a > span.c_02, .cont_botm .list_box div .list ul li.payment_li > a > span.c_03{background:#7d46a7;}
 .cont_botm .list_box div.order .list ul li > a > span{background:#0c4da2;}
 .cont_botm .list_box div.contract .list ul li > a > span{background:#208ba6;}
 .cont_botm .list_box div.payment .list ul li > a > span{background:#7d46a7;}
 .cont_botm .list_box div .list ul li > a > p.tit{padding: 20px 5px;font-weight: 400;font-size: 16px; min-height: 45px;}
 .cont_botm .list_box div .list ul li > a > p.date{border-top:1px dotted #ccc;padding: 20px 5px 0 5px;}
 .cont_botm .list_box div .list ul li > a > p.date > span.icon{display:inline-block;background: url("/images/contract/main/main_sp.png?build_20250613001") -393px -356px no-repeat;width: 17px;height: 17px;vertical-align: middle;margin-right: 5px;}
 .cont_botm .list_box div .list ul li > a > span:after{content:'';width: 67px; height:50px;background: url("/images/contract/main/main_sp.png?build_20250613001") no-repeat;position: absolute;right: 25px;top: 30px;}
 .cont_botm .list_box div .list ul li > a > span.c_01:after{background-position:0px -264px ;}
 .cont_botm .list_box div .list ul li > a > span.c_02:after{background-position:-128px -264px ;}
 .cont_botm .list_box div .list ul li > a > span.c_03:after{background-position: -239px -257px;height: 54px;top: 26px;}