.slideBox{width:100%;overflow:hidden;position:relative;height: 664px;} .slideBox .hd{position:absolute;bottom:37px;z-index:2;left: 50%;transform: translateX(-50%);} .slideBox .hd ul{font-size:0;text-align:center} .slideBox .hd ul li{display:inline-block;width:32px;height:2px;background:#fff;cursor:pointer;margin-right:8.5px} .slideBox .hd ul li.on{background:#1E8CEF;color:#fff} .slideBox .bd{position: absolute;;height:664px;width: 100%;z-index:0;top:0px;left: 0;} .slideBox .bd li{zoom:1;vertical-align:middle;position: relative;text-align:center;} /* .slideBox .bd li p{color:#1E8CEF;} */ .slideBox .bd li div.slogan{ text-align: left; position: absolute; top:21.4%; left:45.6%; } .slideBox .bd li div.slogan h4{ margin-bottom: 21px; color: #1E8CEF; font-size: 22px; font-weight: bold; font-family: PingFangSC-Semibold; width: auto; text-shadow:#fff 1px 1px 2px } .slideBox .bd li div.slogan span{ display: block; width: 541px; height: 1px; background-color: #1E8CEF; box-shadow: 1px 1px 2px #fff; } .slideBox .bd li div.slogan h2{ margin-top: 8px; font-size: 32px; font-weight: normal; color: #1E8CEF; text-shadow:#fff 1px 1px 2px } .slideBox .bd img{width:100%;height:100%;display:block;position: absolute;top: 0;left: 0;z-index: -1;} .news-box { margin: 0 auto; width: 1200px; padding: 33px 20px 31.8px; background-color: #fff; box-sizing: border-box; } .news-box .news-item{ display: inline-block; width: 481px; overflow: hidden; vertical-align: top; } .news-box .news-item:first-child{ margin-right: 193px; } .news-box .news-item .news-item-top{ margin-bottom: 22px; } .news-box .news-item .news-item-top .fr{ float: right; } .news-box .news-item .news-item-top .fr p{ color: #1E8CEF; cursor: pointer; } .news-box .news-item .news-item-top>div>span{ display: inline-block; margin-right: 5px; width: 7px; height: 12px; background-color: #1E8CEF; } .news-box .news-item .news-item-top>div>p{ display: inline-block; color: #1E8CEF; } .news-box .news-item .news-item-center{ padding-bottom: 16px; border-bottom: 1px solid#BEB4B4; } .news-box .news-item .news-item-center img{ margin-right: 18px; width: 100px; height: 100px; } .news-box .news-item .news-item-center>div{ display: inline-block; width: 355px; vertical-align: top; } .news-box .news-item .news-item-center h5{ margin-bottom: 15px; height: 40px; font-size: 14px; } .news-box .news-item .news-item-center p{ height: 36px; color: rgba(0,0,0,0.60); } .news-box .news-item .news-item-bottom>ul{ padding-top: 12px; } .news-box .news-item .news-item-bottom>ul>li{ margin-bottom: 10px; } .news-box .news-item .news-item-bottom>ul>li span{ display: inline-block; vertical-align: middle; color: rgba(0,0,0,0.8); } .news-box .news-item .news-item-bottom>ul>li>span:first-child{ margin-right: 45px; } .news-box .news-item .news-item-bottom>ul>li>span:last-child{ width: 358px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .business{ height: 468.2px; background-color: rgb(246,248,249); } .business>div{ margin: auto; padding-top: 20px; padding-left: 20px; padding-right: 20px; width: 1200px; box-sizing: border-box; } .business .business-left{ display: inline-block; margin-right: 52px; width: 378px; vertical-align: bottom; } .business .business-left img{ width: 46.4px; height: 50.9px; } .business .business-left h2 { margin-top: 12px; margin-bottom: 5px; width: 288px; font-size: 28px; color: #1E8CEF; line-height: 35px; } .business .business-left h4{ margin-bottom: 18px; font-size: 20px; color: rgba(0,0,0,0.40); } .business .business-left p{ font-size: 20px; color: rgba(0,0,0,0.60); line-height: 40px; } .business .business-left span{ display: block; margin-top: 16px; width: 370px; height: 1px; background-color: #BEB4B4; } .business .business-left h3{ margin-top: 24px; font-size: 24px; color: #6FB0EC; letter-spacing: 3px; line-height: 40px; font-weight: normal; } .business .business-right{ display: inline-block; vertical-align: bottom; } .business .business-right ul{ font-size: 0; } .business .business-right li{ display: inline-block; margin-right: 35px; padding: 58px 15px 15px 17px; width: 218px; height: 281px; background-color: #fff; box-sizing: border-box; } .business .business-right li:last-child{ margin-right: 0; } .business .business-right li img{ margin-bottom: 29px; width: 90px; height: 90px; } .business .business-right li h5{ margin-bottom: 11px; font-size: 16px; } .business .business-right li p{ color: rgba(0,0,0,0.60); letter-spacing: 0; font-size: 14px; } .img-group{ width: 1200px; margin: 64px auto 15px auto; background-color: #fff; font-size: 0; box-sizing: border-box; } .img-group img{ width: 390px; height: 235px; margin-right: 15px; } .img-group img:last-child{ margin-right: 0; } body .wrap .footer{ margin-top: 0; } /* 鎶曡瘔涓炬姤 */ .nav-all{position:fixed;bottom: 15%;right: 300px;z-index: 1;opacity: 0.8;} .navall{position:fixed;bottom: 45%;right: 300px;z-index: 1;opacity: 0.8;} .nav-top{width:88px;height:58px;border-radius:5px;position:fixed;margin-left: 65px;background:url(/indexResources/image/index/letter-6178b38a9ab839047a8349c5b0bd97b4.png) no-repeat;z-index: 3;cursor: pointer;} .nav-top-show{width: 220px;min-height: 300px;background: #FFFFFF;box-shadow: 0 1px 2px 1px #E1EAF6;border-radius: 5px;position: fixed;margin-top: 30px;z-index: 2;display: none;} .card div{ display: inline-block; } .card{ } .card-img{ width: 10px; position: relative; vertical-align: top; } .card-word{ width: 170px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #DBD4D4; } .nav-mian{ margin-top: 35px; margin-left: 20px; margin-right: 10px; } /* 鎰忚寰侀泦 */ .nav-solicitation{position:fixed;bottom: 21%;right: 300px;z-index: 1;opacity: 0.8;} .nav-solicitation-show{width: 220px;min-height: 240px;background: #FFFFFF;box-shadow: 0 1px 2px 1px #E1EAF6;border-radius: 5px;position: fixed;margin-top: 30px;z-index: 2;display: none;} .nav-ewmbox {text-align: center;margin-top: 30px;} .nav-solicitation .nav-top {background:url(/indexResources/image/index/solicitation-95f868cdf42c58495a24f1cad70e1d56.png) no-repeat;background-size: 100% 100%;} /* 鎼滅储妗 */ .seach-icon{ cursor: pointer; } .seach-bar{ position: absolute; width: 360px; top: 87px; z-index: 2; right: 480px; display: none; background: #EEF0F4; border: 0 solid #E7E1E1; } .seach-bar input{ width: 300px; height: 45px; padding-left: 10px; } .seach-position{ position: absolute; width: 45px; height: 45px; z-index: 3; top: 0; right: 0; cursor: pointer; background: url(/indexResources/image/index/seach-0f4bd92f728ddac04b0bd55a6aee06f6.png) no-repeat right; margin-right: 13px; } .close{ background: url(/indexResources/image/index/seachclose-a24eaa3f0cb82a04cd8cdeb6c3dafdb3.png) no-repeat; } .seach-put{ width: 500px; height: 38px; background: #FFFFFF; border: 1px solid #E1EAF6; padding-left: 20px; } .seach-button{ background: #1E8CEF; color: #FFFFFF; width: 120px; height: 40px; margin-left: 20px; } .seach-message{ margin-top: 60px; border-bottom: 1px solid #BEB4B4; padding-bottom: 40px; } .seach-message li{ margin-top: 40px; } .paging{ margin-top: 50px; margin-bottom: 50px; border-top: 0; } .seach-message p{ margin-top: 20px; } /* 闆嗗洟鏂伴椈/鍏憡 */ .news-box{margin-bottom: 30px;height: 465px;} .news-box .news-tab ul li:nth-child(1){margin-right: 30px;} .news-box .news-tab{padding-bottom: 10px;border-bottom: 2px solid #E1EAF6;} .news-box .news-tab ul li.active a{font-weight: bold;color: #1E8CEF;} .news-box .news-tab ul li a{font-size: 16px;cursor: pointer;} .news-box .news-tab ul li a:hover{font-weight: bold;} .news-box .news-tab .news-more{color: #1E8CEF;} /* 鏂伴椈 */ .news-box .news-content{position: absolute;margin-top: 30px;} .news-box .news-content .news-lab{margin-left: 59px;} .news-box .news-content .news-bar{border-bottom: 1px solid #E1EAF6;padding-bottom: 5px;height: 60px;} .news-box .news-content .news-p{background-color: #E1EAF6;padding: 5px 10px;position: absolute;width: 455px;bottom: 0;box-sizing: border-box;} .news-box .news-content .news-time{border-right: 1px solid #E1EAF6;padding-right: 10px;} .news-box .news-content .news-time .news-1{font-size: 30px;font-weight: bold;color: #888;} .news-box .news-content .news-time .news-2{font-size: 12px;color: #888;} .news-box .news-content .news-body{margin-left: 10px;margin-top: 5px;} .news-box .news-content .news-body .news-3{font-size: 16px;} .news-box .news-content .news-body .news-4{margin-top: 10px;color: #888;} .news-box .news-content .news-jump{margin-top: 15px;margin-left: 20px;} .news-box .news-content .news-jump .news-circle{border-radius: 50%;width: 22px;height: 30px; border: 1px solid #888;font-size: 20px;position: relative;padding-left: 8px;color: #888;} .news-box .news-content .news-jump a:hover .news-circle{border: 1px solid #1E8CEF;color: #1E8CEF;} .news-box .news-content .news-ul li{margin-top: 24px;} .news-box .news-content .news-ul li:nth-child(1){margin-top: 0px;} /* 鍏憡 */ .news-box .notices-content{position: absolute;margin-top: 30px;display: none;} .news-box .notices-content .notices-lab{margin-left: 59px;} .news-box .notices-content .news-bar{border-bottom: 1px solid #E1EAF6;padding-bottom: 5px;height: 60px;} .news-box .notices-content .news-p{background-color: #E1EAF6;padding: 5px 10px;position: absolute;width: 455px;bottom: 0;box-sizing: border-box;} .news-box .notices-content .news-time{border-right: 1px solid #E1EAF6;padding-right: 10px;} .news-box .notices-content .news-time .news-1{font-size: 30px;font-weight: bold;color: #888;} .news-box .notices-content .news-time .news-2{font-size: 12px;color: #888;} .news-box .notices-content .news-body{margin-left: 10px;margin-top: 5px;} .news-box .notices-content .news-body .news-3{font-size: 16px;} .news-box .notices-content .news-body .news-4{margin-top: 10px;color: #888;} .news-box .notices-content .news-jump{margin-top: 15px;margin-left: 20px;} .news-box .notices-content .news-jump .news-circle{border-radius: 50%;width: 22px;height: 30px; border: 1px solid #888;font-size: 20px;position: relative;padding-left: 8px;color: #888;} .news-box .notices-content .news-jump a:hover .news-circle{border: 1px solid #1E8CEF;color: #1E8CEF;} .news-box .notices-content .news-ul li{margin-top: 24px;} .news-box .notices-content .news-ul li:nth-child(1){margin-top: 0px;} .news-3,.news-4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 526px;} /* 杞挱鍥 */ .img-wrap{width: 455px;height: 335px;position: relative;} .img-wrap .bd ul li{width: 455px;height: 335px;} .img-wrap .bd ul li a{height: 306px;width: 455px;display: block;} .img-wrap .bd img{width: 455px;height: 306px;position: relative;object-fit: cover;transition: all .4s;} .img-wrap .bd img:hover{transform: scale(1.06);} .img-wrap .prev{background: url("/indexResources/image/icons-e5033a3ced5e704a09acab3a8c6ed337.png");background-position:-407px -356px; width: 50px;height: 50px;position: absolute;top: 40%;left: 5%;} .img-wrap .next{background: url("/indexResources/image/icons-e5033a3ced5e704a09acab3a8c6ed337.png");background-position:-328px -356px;; width: 50px;height: 50px;position: absolute;top: 40%;right: 5%;} /* 棣栭〉杞挱澶村浘 */ .swiperBox { width: 1200px; height: 100%; background-image: linear-gradient(270deg, rgba(27,45,140,0.00) 0%, rgba(28,31,44,0.90) 400%); position: absolute; top: 0; left: 0; text-align: left; } .swiperBox .swiperBox-item { position: absolute; top: 50%; transform: translateY(-50%); left: 130px; max-width: 800px; } .swiperBox .swiperBox-title { font-family: 瀹嬩綋; font-size: 40px; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,0.50); font-weight: bold; padding-left: 29px; padding-bottom: 7px; position: relative; border-bottom: 2px solid rgba(255,255,255,0.5); } .swiperBox .swiperBox-title::before { content: ''; width: 16px; height: 16px; background: #D8D8D8; border: 1px solid #979797; border-radius: 50%; position: absolute; display: inline-block; left: 0; top: 20px; } .swiperBox .swiperBox-cont { font-size: 32px; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,0.50); margin-top: 11px; }