body { margin: 0; padding: 0; width: 100%; height: 2160px; font-size: 32px; -webkit-text-size-adjust: none; background: url(../img/index_bj.png) no-repeat center; background-size: 100% 100%; /*overflow-x: hidden;*/ /*background: -webkit-radial-gradient(circle, #12266a, #000221); background: -o-radial-gradient(circle, #12266a, #000221); background: -moz-radial-gradient(circle, #12266a, #000221); background: radial-gradient(circle, #12266a, #000221);*/ font-family: "微软雅黑"; color: #FFFFFF; width: 7680px; overflow-x: scroll; } .fontColor1{color:#ffbd0d;} .fontColor2{color:#d53e62;} .fontColor3{color:#53cc45;} .fontColor4{color:#345cdd;} .fontColor5{color:#ceba5f;} .fontColor6{color:#cb5f79;} .fl{ float: left; } .fr{ float: right; } .clearfix{ overflow: hidden; } #wrap{ overflow: hidden; position: relative; } /*第一列*/ #wrap_box1{ width: 780px; height: 1945px; margin-top: 132px; margin-left: 70px; background:url(../img/zxtj.png) no-repeat center; background-size: 100% 100%; float: left; position: relative; } .box1_tit{ position: absolute; width: 100%; height: 110px; text-align: center; font-size: 50px; top: 30px; } .box1_top{ width: 780px; height: 651px; margin-top: 110px; background: url(../img/hwzx_bj.png) no-repeat center; background-size: 100% 100%; } .box1_top .titText{ font-size: 50px; padding-top: 160px; height: 160px; line-height: 160px; text-align: center; margin-bottom:20px; } .box1_top .titCont{ font-size: 40px; line-height: 100px; margin: 0 80px 0 120px; text-align: center; overflow: hidden; } .box1_top .titCont .w_div{ width: 50%; float: left; } .font_Color1{ font-size: 55px; color:#ecbc16; } .font_Color2{ font-size: 55px; color:#ecbc16; } .font_Color3{ font-size: 55px; color:#ecbc16; } .font_Color4{ font-size: 55px; color:#ecbc16; } .box1_mid{ width: 780px; height: 1115px; margin:40px auto; background: url(../img/todaysj_bj.png) no-repeat center; background-size: 100% 100%; position: relative; font-size: 42px; } .box1_mid .titText{ width: 100%; height: 200px; line-height: 200px; text-align: center; } .box1_mid .titCont{ margin: 0 220px; line-height: 100px; } /*第二列*/ #wrap_box2{ width: 930px; height: 1945px; margin-top: 132px; margin-left:155px; float: left; } .box2_top{ width: 930px; height: 620px; background: url(../img/lyqd_bj.png) no-repeat center; background-size: 100% 100%; position: relative; } .top2_tit{ position: absolute; width: 100%; height: 110px; text-align: center; font-size: 50px; top: 30px; } .top2_con{ padding-top: 110px; } .top2_con .row{ width: 90%; margin: 0 auto; } .ssgd table{ width: 100%; } /*进度条样式*/ .progress{ height: 7px; background: #e3e3e3; border-radius: 0; box-shadow: none; margin-top: 90px; overflow: visible; position: relative; } .progress .progress-bar{ box-shadow: none; border-radius: 0; position: relative; -webkit-animation: animate-positive 2s; animation: animate-positive 2s; } /*.progress .progress-bar:after{ content: ""; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 5px 5px rgba(0,0,0,0.6); background: #fff; position: absolute; right: -5px; top: -6px; }*/ .progress .progress-value{ line-height: 30px; font-size: 22px; color: #fff; position: absolute; bottom: 10px; right: 15px; } .progress .progress-state{ line-height: 30px; border-radius: 3px; font-size: 24px; color: #fff; position: absolute; bottom: 10px; left: 5px; } .progress .progress-num{ line-height: 30px; font-size: 24px; color: #fff; position: absolute; bottom: 10px; left: 45%; } /*.progress.green .progress-bar:after{ border: 5px solid #21da9a; } .progress.pink .progress-bar:after{ border: 5px solid #ff1170; } .progress.blue .progress-bar:after{ border: 5px solid #294bdc; } .progress.yellow .progress-bar:after{ border: 5px solid #ffa900; }*/ @-webkit-keyframes animate-positive{ 0% { width: 0; } } @keyframes animate-positive{ 0% { width: 0; } } /*第二列底部*/ .box2_bot{ width: 930px; height: 1270px; margin-top: 50px; background:url(../img/ywlxtj_bj.png) no-repeat center; background-size: 100% 100%; position: relative; } .bot2_tit{ position: absolute; width: 100%; height: 110px; text-align: center; font-size: 50px; top: 80px; } .bot2_con{ padding-top: 170px; width: 90%; height: 760px; margin: 0 auto; } .bot2_bot{ position: absolute; bottom: 100px; width: 90%; left: 5%; } .bot2_bot ul{ overflow: hidden; } .bot2_bot ul li{ text-align: center; width: 33%; font-size: 36px; float: left; height: 80px; line-height: 80px; } /*第三列*/ #wrap_box3{ width: 840px; height: 1945px; margin-top: 132px; margin-left: 70px; background:url(../img/ssgd_bj.png) no-repeat center; background-size: 100% 100%; float: left; position: relative; } .bot3_tit{ position: absolute; width: 100%; height: 110px; text-align: center; font-size: 50px; top: 30px; } .bot3_con{ padding-top: 110px; } .bot3_con table{ width: 90%; margin: 0 5%; } .bot3_con table tbody{ width: 100%; } .bot3_con table tbody tr td{ } /*.bot3_con table tbody tr td{ width: 100%; }*/ .bot3_con table tbody tr td .orderText{ font-size: 36px; width: 100%; height: 225px; margin:35px 5%; border: 2px solid #095eb4; } .bot3_con table tbody tr td .td_line1{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .td_line1{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .orderText .order_tit{ width: 80%; margin: 46px 10%; } .orderText .order_bot{ width: 80%; margin: 0px 10%; overflow: hidden; } .order_bot .order_time{ width: 50%; float: left; text-align: left; } .order_bot .order_state{ width: 50%; float: left; text-align: right; } /*第四列*/ #wrap_box4{ width: 2050px; height: 1945px; float: left; position: relative; } .box4_nav{ width: 3380px; margin-left: -32%; } .box4_nav img{ width: 100%; } .btns.active, .btns.active:hover { color: #fff; background-color: #245fd5; } .channel_btn{ padding: 6px 51px; border-radius: 6px; background-color: #081337; color: #FFFFFF; font-size: 32px; border-color: #081337; border: none; } .channel_btn:hover{ cursor: pointer; color: #FFFFFF; /*color: #45599d;*/ background-color: #081337; } .btn-group{ position: absolute; top: 330px; left: 50px; z-index: 12134; } .box4_top{ width: 2400px; /*height: 1145px;*/ /*margin: auto;*/ /*background: url(../img/slqy_bj.png) no-repeat center;*/ /*background-size: 100% 100%;*/ position: relative; margin-left: -200px; } .box4_bot{ width: 1710px; margin:30px auto; /*overflow: hidden;*/ position: relative; } .box4_bot div{ position: absolute; z-index: 333; color: #f0b903; font-size: 42px; } .box4_bot .img1{ top: -400px; left: -170px; } .box4_bot .span1{ position: absolute; top: 62px; right: 54px; } .box4_bot .img2{ top: -190px; left: 50px; } .box4_bot .span2{ position: absolute; top: 54px; right: 50px; } .box4_bot .img3{ top: -118px; left: 20px; } .box4_bot .span3{ position: absolute; top: 110px; right: 340px; } .box4_bot .img4{ top: -90px; right: 240px; } .box4_bot .span4{ position: absolute; top: 45px; right: 240px; } .box4_bot .img5{ top: -220px; right: -190px; } .box4_bot .span5{ position: absolute; top: 45px; right: 270px; } .box4_bot_l{ float: left; width: 800px; height: 650px; background: url(../img/fwzl_bj.png) no-repeat center; background-size: 100% 100%; position: relative; margin-right: 30px; } .box4_bot_r{ float: right; width: 800px; height: 650px; margin: auto; background: url(../img/fwzl_bj.png) no-repeat center; background-size: 100% 100%; position: relative; } /*第五列*/ #wrap_box5{ width: 1720px; height: 1945px; margin-top: 132px; float: left; } .box5_top{ width: 1720px; height: 1020px; background: url(../img/lyqd_bj.png) no-repeat center; background-size: 100% 100%; position: relative; } .top5_tit{ position: absolute; width: 100%; height: 110px; text-align: center; font-size: 50px; top: 30px; } .top5_con{ padding-top: 150px; } .top5_con .key_top{ width: 90%; margin: 0 auto; } .top5_con .key_top ul li{ line-height: 70px; position: relative; margin: 30px 0px; } .top5_con .key_top ul li .active1 { position: absolute; width: 102%; left: -1%; height: 100%; border: 2px solid #03c9ea; display: none; /*background: url(../img/key_border3.png) no-repeat center;*/ /*background-size: 100% 100%;*/ } .top5_con .key_top ul li .key_word{ font-size: 40px; } .top_img1{ position: absolute; left: 0; top: 0; width: 100%; } .top_img1 img{ width: 100%; } .top_img2{ position: absolute; left: 6%; top: 0; width: 80%; } .top_img2 img{width: 100%;} .top_img3{ position: absolute; left: 17%; top: 0; width: 60%; } .top_img3 img{width: 100%;} .top5_con .key_con{ width: 90%; margin: 0 auto; background: url(../img/depart_bj.png) no-repeat; background-size: 100%; } .table_box_key{ text-align: center; } .table_box_key .thead{ font-size: 45px; line-height: 100px; } .scroll_table .table>tbody>tr>td{ border: none; line-height: 80px; } .bot5_tit{ position: absolute; width: 100%; height: 110px; text-align: center; font-size: 50px; top: 30px; } .bot5_con{ width: 90%; margin: 0 auto; padding-top: 100px; } .box5_bot{ width: 1720px; height: 860px; margin-top: 50px; background:url(../img/ywlxtj_bj.png) no-repeat center; background-size: 100% 100%; position: relative; } .bottom_right li { background-size: 100% 100%; position: relative; width: 268px; text-align: right; height: 40px; line-height: 30px; margin-top: 120px; margin-left: 30px; } .complaint_typeL,.complaint_typeR{ margin-top: 50px; } .complaint_typeL li{ text-align: right; background: url(../img/sbx_line2.png) no-repeat; background-size: 100% 100%; } .complaint_typeR li{ text-align: left; background: url(../img/sbx_liner4.png) no-repeat; background-size: 100% 100%; } .box5_bot_r{ float: left; width: 50%; height: 800px; margin: auto; position: relative; } .box5_bot_r .sl_wh{ position: absolute; left: 50%; margin-left: -250px; top: 50%; margin-top: -250px; } .box5_bot_r .sl_nh{ position: absolute; left: 50%; margin-left: -200px; top: 50%; margin-top: -200px; } .box5_bot_r .slqy_quan{ position: absolute; left: 50%; margin-left: -290px; top: 50%; margin-top: -270px; } .box5_bot_r .spanPos_1{ position: absolute; left:150px; top: 80px; } .box5_bot_r .spanPos_2{ position: absolute; right:150px; top: 80px; } .box5_bot_r .spanPos_3{ position: absolute; left:20px; top: 170px; } .box5_bot_r .spanPos_4{ position: absolute; right:80px; top: 170px; } .box5_bot_r .spanPos_5{ position: absolute; left:20px; top: 650px; } .box5_bot_r .spanPos_6{ position: absolute; right:20px; top: 570px; } .box5_bot_r .spanPos_7{ width: 100%; position: absolute; bottom: 30px; left: 2%; } .box5_bot_r .spanPos_7 ul{ overflow: hidden; width: 90%; margin-left: 5%; } .box5_bot_r .spanPos_7 ul li{ float: left; text-align: left; height: 70px; line-height: 70px; width: 50%; } /*第六列*/ #wrap_box6{ width: 850px; height: 1945px; margin-top: 132px; margin-left:155px; background:url(../img/myd_bj.png) no-repeat center; background-size: 100% 100%; float: left; position: relative; } .box6_tit{ position: absolute; width: 100%; height: 110px; text-align: center; font-size: 50px; top: 30px; } .swiper-container, .swiper-slide { height: 100%; width: 100%!important; } .orderType .orderTtype_Con { width: 86%; margin: 0 auto; float:none; } .orderTtype_Con ul { margin: 105px 20px 0 20px; } .orderTtype_Con ul li { float: left; background: url(../img/light_kuang2.png) no-repeat center; height: 900px; width: 40%; background-size: 100% 100%; box-sizing: border-box; padding-top: 40px; margin: 0 5%; position: relative; } .orderTtype_Con ul li img{ margin-left: 80px; } .orderTtype_Con ul li.active { background: url(../img/light_kuang1.png) no-repeat center; background-size: 100% 100%; height: 900px; padding-top: 45px; } .orderType>.orderTtype_Con ul li img { width: 90px; padding: 0px; margin: 25px -9px 7px -3px; height: 70px; } .orderTtype_Con ul li .img_top{ margin-top: 30px; margin-bottom: 30px; position: relative; } .orderTtype_Con ul li .type_Num{ position: absolute; top: 15px; width: 100%; text-align: center; font-size: 60px; } .typeWord { position: relative; margin-left: 80px; } .typeWord:before { position: absolute; display: block; content: ""; height: 4px; width: 80%; background: -webkit-linear-gradient(right, #45a6f3, transparent); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #45a6f3, transparent); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #45a6f3, transparent); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #45a6f3, transparent); /* 标准的语法(必须放在最后) */ bottom: -13px; } .typeWord_line { color: #c9d3ff; font-size: 24px; position: relative; width: 160px; text-align: center; margin: 0 auto; margin-bottom: 65px; } .typeWord_line:before { position: absolute; content: ""; height: 2px; width: 100%; background: -webkit-linear-gradient(left, transparent, #fff, transparent); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left, transparent, #fff, transparent); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left, transparent, #fff, transparent); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, transparent, #fff, transparent); /* 标准的语法(必须放在最后) */ border-radius: 20%; left: 0; bottom: -20px; } .order_count { color: #00e9ff; font-size: 24px; font-weight: bold; width: 90px; margin: 0 auto; text-align: center; margin-top: 50px; } .persent_kuang { /*width: 55px; height: 56px; color: #00E9FF; font-size: 14px; text-align: center; line-height: 55px; font-weight: bold; background: url(../img/order_percent.png) no-repeat center;*/ width: 75px; height: 75px; margin: 0 auto; color: #00E9FF; font-size: 24px; text-align: center; line-height: 75px; font-weight: bold; background: url(../img/order_percent.png) no-repeat center; background-size: 100% 100%; } .persent_box { width: 85%; margin: 0 auto; } .persent_word { font-size: 24px; color: #c9d3ff; margin-top: 20px; text-align: center; }