.dy{ font-family: microsoft yahei ui-regular, microsoft yahei ui; position: relative; background: #f5f7fa; } .con{ width: 1200px; margin: 0 auto; } .con1{ position: absolute; top: 15px; left: 0; right: 0; } .newsnav .index{ width: 16px; height: 16px; } .newsnav{ display: flex; align-items: center; font-size: 12px; } .newsnav img{ width: 16px; height: 16px; } .newsnav{ font-size: 12px; font-weight: 400; color: #ffffff; margin-top: 15px; } .newsnav a{ padding-right: 5px; padding-left: 5px; } .con1-box{ margin-top: 15px; height: 430px; background: #ffffff; border-radius: 2px 2px 2px 2px; display: flex; } .con1-box .left{ padding: 30px 0px 0 20px; width: 940px; border-right: 1px solid #eeeeee; } .con1-box .top{ display: flex;align-items: center; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; } .con1-box .top img{ width: 30px; height: 30px; margin-right: 15px; } .con1-box .top h1{ font-size: 20px; font-weight: bold; color: #333333; } .con1-box .top p{ margin-top: 5px; font-size: 12px; font-weight: 400; color: #999999; } .con1-box .top p span{ color: #e1251b; } .con1-box .cen{ margin-left: 45px; margin-top: 20px; display: flex; align-items: center; justify-content: space-between; /* border-bottom: 1px solid #eeeeee; */ flex-wrap: wrap; } .con1-box .cen .cen-item{ display: flex;align-items: center; width: 25%; margin-bottom: 30px; } .con1-box .cen h5{ font-size: 14px; font-weight: 400; color:#333333; } .con1-box .cen p{ font-size: 15px; color: #999999; line-height: 14px; } .con1-box .bott{ margin-top: 20px; /* border-top: 1px solid #eeeeee; */ } .con1-box .bott .bott-1{ display: flex;align-items: center; } .con1-box .xian{ border-top: 1px solid #eeeeee; } .con1-box .bott .bott-1 img{ width: 18px; height: 18px; padding-right: 5px; } .con1-box .bott .bott-1 p{ font-size: 12px; font-weight: 500; color: #999999; } .con1-box .bott .bott-2{ margin-top: 50px; /*display: flex;align-items: center;*/ } .con1-box .bott .bott-2 { display: flex;align-items: center; } .con1-box .bott .bott-2 h2{ height: 40px; font-size: 16px; font-weight: bold; color: #ff6d00; line-height: 40px; padding-right: 24px; } .con1-box .bott .bott-2 .btn{ width: 180px; height: 50px; background: linear-gradient(270deg, #ff3126 0%, #e1251b 100%); border-radius: 2px 2px 2px 2px; font-size: 16px; font-weight: bold; color: #ffffff; display: flex; justify-content: center; align-items: center; } .con1-box .bott .bott-2 .btn:nth-child(2){ margin-left: 10px; background: linear-gradient(270deg, #8a14ff 0%, #7200e3 100%); } .con1-box .bott .small{ display: flex; font-size: 12px; color: #999999; line-height: 20px; } .con1-box .bott .small .item{ display: flex; align-items: center; margin-right: 15px; } .con1-box .bott .small { margin-left: 30px; display: flex; } .con1-box .bott .small i{ background: url(/uploads/image/himg/con1-3-2x.png) no-repeat; width: 11px;height: 11px; background-size: 100%; margin-right: 5px; } .con1-box .right{ width: 260px; text-align: center; } .con1-box .right .right-1{ display: flex;align-items: center;flex-direction: column; padding: 20px 0 20px; border-bottom: 1px solid #eeeeee; } .con1-box .right .right-1 .btn{ margin-top: 10px; width: 120px; height: 40px; border-radius: 20px 20px 20px 20px; border: 1px solid #2254f4; display: flex;align-items: center;justify-content: center; font-size: 12px; color: #2254f4; margin: 10px auto; } .con1-box .right .right-1 img{ width: 120px; } .con1-box .right .right-1 .text{ font-size: 12px; font-weight: 400; color: #333333; margin-top: 10px; } .con1-box .right .right-1 .text p{ margin-top: 5px; } .con1-box .right .right-1 .text span{ color: #999999; } .con1-box .right .right-2{ margin-top: 10px; height: 110px; border-radius: 2px 2px 2px 2px; border: 1px solid #ffffff; display: flex;align-items: center; justify-content: center; } .con1-box .right .right-2 .re{ font-size: 12px; font-weight: bold; color: #333333; } .con1-box .right .right-2 .re div{ width: 96px; height: 40px; line-height: 20px; text-align: left; } .con1-box .right .right-2 .re p{ font-weight: 400; padding-right: 16px; padding-top: 10px; } .con1-box .right .right-2 .re p span{ color: #2254f4; font-size: 14px; font-weight: bold; } .con1-box .right .right-2 img{ width: 100px; height: 100px; border: 1px solid #f5f7fa; } .public-title{ height: 20px; font-size: 18px; font-weight: bold; color: #000000; line-height: 20px; border-left:3px solid #e1251b; padding-left: 20px; margin: 30px 0 20px 0; display: flex;align-items:end; } .public-title p{ font-size: 12px; color: #999; padding-left: 10px; line-height: 25px; } .con2{ margin-top: 280px; height: 225px; background: #ffffff; border-radius: 2px 2px 2px 2px; opacity: 1; overflow: hidden; } .con2 ul{ display: flex;align-items: center; margin-top: 50px; padding: 0 20px; } .con2 ul .line{ width: 8px; height: 6px; margin: 0 23px 0 24px; } .con2 ul li{ display: flex;align-items: center; } .con2 ul li .text{ padding-left: 10px; } .con2 ul li .text h6{ font-size: 16px; color: #333333; } .con2 ul li .text p{ font-size: 12px; color: #666666; margin-top: 8px; width: 108px; line-height: 20px; } .con2 ul li img{ width: 70px; height: 70px; } .con-data{ display: flex; } .con-data .left{ width: 920px; } .con3{ background: #ffffff; margin-top: 20px; overflow: hidden; } .con3 ul{ padding: 0 20px; margin-top: 20px; display: flex;align-items: center;justify-content: space-between; } .con3 ul li{ width: 24%; height: 200px; background: #f5f7fa; display: flex;align-items: center;flex-direction: column; margin-bottom: 20px; } .con3 ul li img{ width: 40px; height: 40px; margin-top: 30px; } .con3 ul li h6{ font-size: 16px; color: #000000; font-weight: 400; margin-top: 30px; } .con3 ul li p{ font-size: 12px; color: #999999; width: 165px; height: 40px; margin-top: 10px; text-align: center; line-height: 20px; } .con4{ background: #ffffff; overflow: hidden; padding-bottom: 20px; } .con4 ul{ display: flex;align-items: center;justify-content: space-between; padding: 0 20px; } .con4 ul li{ width: 24%; height: 130px; background: #f5f7fa; padding: 30px 20px; } .con4 ul li .title{ display: flex;align-items: center; } .con4 ul li .title h6{ font-size: 16px; color: #000000; font-weight: 400; } .con4 ul li .title img{ width: 14px;height: 14px; margin-right: 5px; } .con4 ul li p{ font-size: 12px; color: #999999; line-height: 20px; margin-top: 10px; } .con5{ background: #ffffff; overflow: hidden; padding-bottom: 40px; } .con5 ul{ display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap; padding:0 20px; } .con5 ul li{ width: 49%; padding: 20px; height: 150px; background: #ffffff; border: 1px solid #e5e5e5; margin-bottom: 8px; } .con5 ul li img{ width: 18px; height: 18px; margin-right: 10px; } .con5 ul li div{ display: flex; margin-bottom: 10px; } .con5 ul li div h6{ font-size: 16px; font-family: microsoft yahei ui-regular, microsoft yahei ui; font-weight: 400; color: #000000; } .con5 ul li div p{ font-size: 12px; font-family: microsoft yahei ui-regular, microsoft yahei ui; font-weight: 400; color: #999999; line-height: 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .con5 ul li a{ margin-left: 28px; width: 80px; height: 24px; border: 1px solid #dce4ed; font-size: 12px; color: #999999; display: flex;align-items: center;justify-content: center; } .bg{ /* margin-top: 100px; */ height: 220px; background: #1e44ff; } .con6{ background: #ffffff; overflow: hidden; margin-top: 20px; } .con6 .t6-2{ display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap; padding: 0 20px; } .con6 .t6-2 li{ width: 288px; height: 230px; background: #f5f7fa; border-radius: 0px 0px 0px 0px; margin-bottom: 10px; } .con6 .t6-2 li a { display: block; padding:20px; } .con6 .t6-2 li .list-title { font-size: 15px; color: #333333; display:flex; -webkit-line-clamp: 8; -webkit-box-orient:vertical; width:100%; overflow:hidden; text-overflow:ellipsis; align-items: center; line-height: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; } .con6 .t6-2 li .list-title img{ width: 40px;height: 40px; margin-right: 10px; } .con6 .list-data { padding: 20px 0; border-bottom: 1px solid #eeeeee; } .con6 .list-data p { width: 60px; } .con6 .list-data .data-num1 { display: flex; font-size: 12px; color: #333333; line-height: 16px; } .con6 .list-data .data-num2 { display: flex; font-size: 12px; color: #999999; padding-top: 7px; } .con6 .list-boot{ display: flex; align-items: center; justify-content: space-between; margin-top: 20px; line-height: 20px; } .con6 .list-boot .list-btn { display: flex; align-items: center; justify-content: center; font-size: 12px; color: #ffffff; width: 80px; height: 30px; background: #e1251b; border-radius: 2px 2px 2px 2px; } .con6 .list-boot span { font-size: 16px; color: #f11919; } .con6 .t6-2 li span:hover { color: #e80000; font-weight: bold; } .bg2{ background: url(/uploads/image/himg/gg-2x.png)no-repeat; width: 100%; height: 80px; margin: 20px 0; background-size:100%; display: block; } .con7{ background: #ffffff; overflow: hidden; margin-top: 20px; } .con7 .t6-1{ display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; padding: 0 20px; } .con7 .t6-1 li{ width: 48%; font-size: 14px; color: #333333; line-height: 20px; margin-bottom: 20px; margin-left: 15px; list-style: disc; } .con7 .t6-1 li::marker { color: #999999; } .con7 li:hover { color:#e80000; } .con7 li:hover .list-title{ font-weight: bold; } .con7 li:hover .list-btn{ background: #f11919; color: #ffffff; border: 1px solid #f11919; } .con7 li:hover span { font-weight: bold; } .con-data .right{ width: 260px; margin-left: 20px; } .right .con8{ width: 100%; background: #ffffff; padding:1px 20px 10px 20px; margin-top: 20px; } .right .con8 ul{ margin-bottom: 20px; } .right .con8 li{ width: 100%; padding-bottom: 15px; display: flex;align-items: center; } .right .con8 li a{ font-size: 14px; color: #333333; line-height: 20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .right .con8 li a:hover{ color:#e1251b ; font-weight: bold; } .right .con8 li span{ color: #999999; padding-right: 10px; font-size: 14px; } .right .con8 li:nth-child(1) span{ color: #ff0e00; } .right .con8 li:nth-child(2) span{ color: #ff6b00; } .right .con8 li:nth-child(3) span{ color: #ffa800; } .right .con8 .btn{ width: 220px; height: 60px; display: flex;align-items: center;justify-content: space-between; padding: 0 20px; margin-bottom: 5px; font-size: 20px; font-weight: bold; color: #ffffff; line-height: 29px; text-shadow: 0px 4px 4px rgba(79,0,0,0.1); background: linear-gradient(270deg, #ff3126 0%, #e1251b 100%); } .right .con8 .btn img{ width: 20px; height: 20px; } .right .con8 .btn:nth-child(4){ background: linear-gradient(270deg, #8a14ff 0%, #7200e3 100%); } .right .con8 .btn:nth-child(5){ background: linear-gradient(270deg, #ffbe83 0%, #d89659 100%); } .right .con9{ width: 100%; background: #ffffff; padding:0px 20px 0 20px; margin-top: 20px; overflow: hidden; } .right .con9 li{ padding-bottom: 15px; border-bottom: 1px solid #eeeeee; margin-bottom: 15px; } .right .con9 li:last-child{ border-bottom: 0; } .right .con9 li .title{ font-size: 14px; color: #333333; line-height: 22px; } .right .con9 li .title .btn{ min-width: 50px; height: 20px; background: #ffffff; border: 1px solid #51b78c; font-size: 12px; color: #51b78c; display: flex;align-items: center;justify-content:center; margin-right: 10px; float:left; } .right .con9 li .text{ margin-top: 10px; font-size: 12px; color: #999999; display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap; } .right .con9 li .text p{ width: 50%; } .btn{ cursor: pointer; } .btn:hover{ opacity: 0.9; } footer{ width: 100%; font-size: initial; background: #000000; border-radius: 0px 0px 0px 0px; overflow: hidden; margin-top: 40px; } footer a:hover{ color: #e61e4f !important; } footer .footer-box{ width: 1280px; margin: auto; } .footer-nav-box{ display: flex; padding:60px 0px 35px 0; border-bottom: 1px solid rgba(255,255,255,0.2); } .footer-nav-box-left{ width: 200px; border-radius: 0px 0px 0px 0px; border-right: 1px solid rgba(255,255,255,0.2); } .footer-nav-box-left p{ font-size: 12px; font-weight: 400; color: #ffffff; width: 100px; text-align: center; } .footer-nav-box-left img{ padding: 30px 0 10px 0; width: 100px; } .footer-nav-box-left div{ height: 30px; font-size: 18px; font-weight: bold; color: #ffffff; padding-top: 5px; } .footer-nav-box-right{ width: 100%; display: flex;justify-content: space-between; padding-left: 100px; } .footer-nav-box-right ul{ text-align: center; font-size: 12px; } .footer-nav-box-right ul li{ font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); line-height: 30px; } .footer-nav-box-right ul div{ font-weight: bold; color: #ffffff; line-height: 14px; padding-bottom: 20px; } .footer-top { border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px; } .footer-top .footer-txt{ width: 100%; display: flex; padding-bottom: 15px; } .footer-top .footer-txt p{ font-size: 12px; font-weight: bold; color: #ffffff; line-height: 14px; } .footer-top .footer-txt a{ font-size: 12px; color: rgba(255,255,255,0.7); line-height: 15px; padding-left: 20px; } .footer-bottom{ font-size: 12px; font-weight: 500; color: rgba(255,255,255,0.7); line-height: 14px; padding: 20px 0; } .footer-bottom .police { display: inline-block; width: 17px; height: 18px; background: -168px 0 no-repeat; margin-right: 5px; margin-left: 3px; } .mobile-nav { display: none; } .m-menu{ display: none; } .m-t5-txt{ display: none; } .mobile-nav .close{ display: none; } .m-footer{ display: none; } .m-banner{ display: none; } .m-con1{ display: none; } .m-con3-title{ display: none; } .con4 .m-title{ display: none; } @media (max-width: 630px){ .con-data .right{display: none;} .dy{ overflow:hidden; } .con1{ top: 10px; } .con{ width: 100%; padding: 0 12px; } .wrap{ max-width: 100%; padding: 0 12px 0 12px; } .logo img{ width: 110px; height: 22px; } .menu{ width: 24px; height: 24px; } h2{ font-size: 16px; font-weight: bold; color: #000000; padding-top: 30px; } header { display: flex; height: auto; } header .header-box{ display: none; } header .mobile-nav{ height: 50px; display: flex; align-items: center; position: relative; background: #ffffff ; padding: 12px; } .mobile-nav .logo{ display: flex; align-items: center; } .mobile-nav .m-head{ width: 197px; height: 24px; margin-left: 5px; } .mobile-nav .close{ width: 26px; height: 26px; } .mobile-nav div{ height: 100%; } .m-menu{ position: absolute; left: 0; top: 50px; width: 100%; font-size: 14px; color: #333; z-index: 999999; background: #fff; box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0,0.1); } .m-menu li{ line-height: 40px; border-top: 1px solid #e5e5e5; text-align: center; } .con-box{ width: 100%; padding: 0; } .bg{ margin-top: 0px; height: 120px; } .newsnav{ font-size: 12px; font-weight: 400; color: #ffffff; /* margin-top: 15px; */ } .con1-box .left{ padding: 20px 12px; width: 100%; } .con1-box .top h1{ font-size: 14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .con1-box .cen{ margin-top: 10px; } .con1-box .cen .cen-item{ width: 50%; margin-bottom: 20px; } .con1-box .cen h5{ font-size: 12px; } .con1-box .right{ display: none; } .con1-box .bott{ margin-top: 10px; } .con1-box .bott .bott-2{ margin-top: 30px; flex-wrap: wrap; } .con1-box .bott .bott-2 .btn{ width: 48%; } .con1-box .bott .small{ margin: 20px 0 0 0; align-items: center; } .con1-box{ height: auto; } .con1-box .bott .small .item{ margin-right: 24px; } .con1-box .bott .small .item:last-child{ display: none; } .con2{ height: auto; margin: 485px 12px 0 12px; padding: 0; width: 94%; } .con2 ul{ display: block; margin: 0; } .con2 ul .line{ display: none; } .public-title{ font-size: 16px; margin: 20px 0; } .con2 ul li{ width: 100%; margin-bottom: 30px; } .con2 ul li img{ width: 40px; height: 40px; } .con2 ul li .text p{ width: 100%; margin-top: 5px; line-height: 10px; } .con2 ul li .text h6{ font-size: 14px; } .con3 ul{ display: flex; flex-wrap: wrap; } .con3 ul li{ width: 48%; padding: 0 10px; } .public-title p{ display: none; } .con3 ul li p{ width: auto; } .con4{ padding-bottom: 0; } .con4 ul{ flex-wrap: wrap; } .con4 ul li{ width: 49%; margin-bottom: 10px; height: 140px; } .con4 ul li .title h6{ font-size: 12px; } .con5{ padding-bottom:0; } .con5 ul li a{ display: none; } .con5 ul li{ width: 100%; padding: 0; border:0; height: auto; margin-bottom: 20px; } .con6 .t6-2 li .list-title{ padding-bottom: 15px; } .con6 .t6-2 li{ width: 100%; height: 200px; } .con6 .t6-2 li a{ padding: 25px 10px; } .con6 .list-data{ padding: 10px 0; } .con6 .list-boot{ margin-top: 15px; } .con6 .bg2 img{ height: 50px; width: 100%; } .bg2{ background:url(/uploads/image/himg/m-gg-2x.png)no-repeat; background-size:100%; height: 50px; } .con7 .t6-1 li{ width: 100%; } .con7{ margin-bottom: 80px; } footer{ display: none; } .m-footer-row{ position: relative; overflow: hidden; } .m-footer{ display: block; height: 64px; background: #ffffff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 0px 0px 0px 0px; opacity: 1; width: 100%; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; } .m-footer-box{ display: flex; justify-content: space-between; width: 94%; } .m-footer-box .m-f-index{ width: 171px; height: 40px; background: #2faf98; border-radius: 30px 30px 30px 30px; font-size: 14px; font-weight: 400; color: #0075ff; line-height: 16px; display: inline-grid; justify-content: center; align-items: center; color: #ffffff; } .m-footer-box .m-f-kefu{ width: 170px; height: 40px; background: #e1251b; border-radius: 30px 30px 30px 30px; font-size: 14px; color: #ffffff; line-height: 16px; display: inline-grid; justify-content: center; align-items: center; } }