.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden} .cl{zoom:1} .cf, .clearfix { clear: both; *zoom: 1; } .onepage-pagination li a:before{ background: rgba(255,255,255,0.8) !important; box-shadow: -1px 1px 3px rgba(0,0,0,0.5); } .onepage-pagination li a.active:before{ width: 10px !important; height: 10px !important; left: 7px !important; } /*.page7 .swiper { width: 74%; height: 100%; overflow: hidden; margin: 130px auto 0; display: grid; } .page7 .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .page7 .swiper-slide figure{width: 100%;overflow: hidden;border-radius: 30px;} .page7 .swiper-slide img {display: block; width: 100%; object-fit: cover;transition: all 0.3s;} .page7 .swiper-slide a:hover figure img{transform: scale(1.05);} .page7 .swiper-slide a p{font-size: 20px;color: #005BB6;font-weight: bold;margin-top: 20px;} .page7 .swiper-button-next,.page7 .swiper-button-prev{ top:69%; } .page7 .swiper-button-next{right: 10%;left: auto;} .page7 .swiper-button-prev{left: 10%;right: auto;}*/ .page7 #swiper1{ height: 530px; display: block; width: 80%; margin: 40px auto; } .page7 #swiper1 .swiper-slide{ height: 90px; margin-top: 20px !important; } .page7 #swiper1 .swiper-slide img{max-width:100%;transition:all 0.5s} .page7 #swiper1 .swiper-slide:hover img{transform:scale(1.05);} .page7 #swiper1 .swiper-pagination-bullet-active{opacity: 1;background: #1c6bbd;} .wapshow{ display: none; } .wrapper{height:100% !important;height:100%;margin:0 auto;overflow:hidden} .listbox1box{height:100vh;background-repeat:no-repeat;background-size:cover;position:relative} .listbox11{height:90px;border-bottom:1px solid rgba(255,255,255,0.3)} .list1{float:left;width:18%;height:90px;text-align:center;} .list2{float:left;width:calc( 100% - 24% - 110px);height:105px} .list3{float:right;width:110px;height:90px;text-align:right} .logo1{height:45px;margin-top:calc((105px - 58px)/2 )} .search{display:inline-block;/*background:rgba(0,0,0,0.2);*/width:105px;height:90px;text-align:center;line-height:90px;cursor:pointer; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .searcha{width:36px;height:36px} .list4{width:900px;color:#fff;height:100px;margin:auto;/*position:relative;left:calc(-9% + 25px)*/} .flex{display:flex} .flex-sub{flex:1} .title1{text-align:center;line-height:90px;font-size:16px;font-weight:500;color:#fff;cursor:pointer; background: url(../images/jtxiangxia.png) no-repeat 100px center;background-size: 12px;} .title2{width:480px;height:180px;font-size:60px;font-weight:bold;color:#FFFFFF;line-height:70px;text-shadow:0px 0px 30px rgba(5,40,94,0.15);position:absolute;top:calc(50% - 90px);left:160px} .msg1{width:924px;height:64px;font-size:24px;font-weight:400;color:#FFFFFF;line-height:28px;position:absolute;top:calc(50% + 80px);left:160px} .shuzi1{position:absolute;right:350px;bottom:50px;width:100px;height:50px;text-align:center;font-size:20px;font-weight:bold;color:#FFFFFF;line-height:23px;letter-spacing:5px} .shuzi11{width:23px;height:48px;font-size:36px;font-weight:bold;color:#FFFFFF;line-height:42px;letter-spacing:5px} .qh1{position:absolute;right:200px;bottom:50px;height:60px;width:120px;display:flex;border:1px solid #fff} .qh1a{flex:1;text-align:center;line-height:60px;cursor:pointer} .qh1b{flex:1;text-align:center;line-height:60px;background:#fff;cursor:pointer} .icon1a{width:40px} .animated{animation-duration:2s !important} .listbox2box{display:none} .header_title:hover{color:#fff} .flex #topnav6:hover{} .indexnews{width:100%;background:rgba(255,255,255,0.4);margin:0 auto;padding:0px 0 0px 100px} .indexnews .txtMarquee-left{} .indexnews .txtMarquee-left .hd{float:left;width:70px} .indexnews .txtMarquee-left .hd img{width:20px;float:left;margin-right:5px;margin-top:9px} .indexnews .txtMarquee-left .hd h3{font-weight:400;color:#000;font-size:14px;line-height:35px} .indexnews .txtMarquee-left .bd{width:80%;float:left;line-height:35px} .indexnews .txtMarquee-left .bd ul{zoom:1} .indexnews .txtMarquee-left .bd ul li{width:auto !important;margin-right:150px;font-size:14px;padding-left:13px; background:url(/template/default/images/dian.png) no-repeat center left;} .indexnews .txtMarquee-left .bd ul li a{color:#666} .listbox2box{height:100vh;background-image:url("/template/default/images/home/bg2.png");background-repeat:no-repeat;background-size:cover; position:relative;} .page5 .list2_title2{padding-top:50px;margin-bottom:30px;} .list2_title2{font-size:36px;font-weight:bold;color:#1c6bbd;line-height:42px;text-align:center;padding-top:100px} .hr1{width:36px;height:5px;background:#1c6bbd;margin:auto;margin-top:12px} .list2_list1{display:flex;width:600px;margin:auto;margin-top:30px} .list2_list2{flex:1;text-align:center} .list2_list2a{display:inline-block;font-size:16px;font-weight:400;color:#333333;position:relative} .list2_list2b{display:inline-block;color:#1c6bbd;font-size:16px;font-weight:400;position:relative} .hr2{width:80px;height:7px;background:#1c6bbd;border-radius:0px 0px 0px 0px;opacity:0.2;position:relative;top:-9px;display:none} .list3_list1{display:flex;width:1400px;height:400px;margin:auto;margin-top:50px} .list3_list2{flex:2} .list3_list21{flex:4;padding-left:80px;overflow:hidden} .list3_list22{height:40px;font-size:15px;font-weight:400;color:#333333;cursor:pointer} .list3_list22:hover{color:#005BB6} .listct2{color:#005BB6} .btn1div1{text-align:center;margin-top:60px} /*.btn1{width:150px;height:50px;background:none;border-radius:4px 4px 4px 4px;font-size:16px;font-weight:400;color:#4b8dd7; border: 2px solid #ddd;border-radius: 8px; border-image: linear-gradient(#008ae2,#53b7f7) 24 24; }*/ .btn1{ width: 134px; height: 44px; font-size: 15px; font-weight: 400; color: #3883d6; background: url(../images/btn-2.png) no-repeat; opacity: 0.7; /* line-height: 18px; */ padding: 0; border: none; } .btn1:hover{color: #4b8dd7;opacity: 1;} .swipera{width:660px;height:500px;overflow:hidden} .bannerH{max-height: 400px;} .bannerH figure{width:100%;overflow:hidden;border-radius:30px;} .bannerH figure img{width:100%;transition:all 0.5s;} .list3_list22{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .list2_list2b,.list2_list2a{cursor:pointer} .list2_list2a:hover{color:#005BB6} .bannerH:hover figure img{transform:scale(1.05)} .tablist{display:none} .tablist1{display:block} .bannerH{position:relative} .sw_title1{_background:rgba(0,0,0,0.6);font-size:14px;color:#fff;min-height:50px;padding-top:0px;padding-left:45px;padding-right:20px;padding-bottom:10px;position:absolute;bottom:0px;width:100%} .listbox3box{height:100vh;display:flex !important} .listbox3box1a{height:100vh} .flexa1{flex:2} .flexa2{flex:1} .listbox3box1{background-image:url("/template/default/images/home/a1.png");background-repeat:no-repeat;background-size:cover} .listbox3box2{background-image:url("/template/default/images/home/a2.png");background-repeat:no-repeat;background-size:cover} .listbox3box3{background-image:url("/template/default/images/home/a3.png");background-repeat:no-repeat;background-size:cover} .title3{width:144px;height:48px;font-size:36px;font-weight:bold;color:#FFFFFF;line-height:42px;margin-top:125px;margin-left:100px} .hr3{height:5px;width:680px;margin-left:100px;border-bottom:1px solid #fff;position:relative} .hr3a{height:2px;background:#D6041B;position:absolute;bottom:-1px;left:0;width:80px} .msg2{width:680px;margin-left:100px;font-size:14px;font-weight:400;color:#FFFFFF;line-height:28px;margin-top:20px} .hr4{height:5px;width:400px;margin-left:40px;border-bottom:1px solid #fff;position:relative} .hr4a{height:2px;background:#D6041B;position:absolute;bottom:-1px;left:0;width:80px} .title4{width:144px;height:48px;font-size:36px;font-weight:bold;color:#FFFFFF;line-height:42px;margin-top:125px;margin-left:40px} .listbox4box{display:flex} .listbox4box1{flex:1;overflow: hidden;} .listbox4box2{flex:1} .listbox3box1a{cursor:pointer} .icon2a{width:50px;height:50px} #certify { position: relative; width: 75%; margin: 80px auto } #certify .swiper-wrapper{ margin-left: -50px; } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 520px; height: 408px; } #certify .swiper-slide img{ display:block; } #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } .listbox4box{width:calc(587px * 2 + 60px);margin:auto;margin-top:60px} .img1{width:587px;height:480px} .img2{width:587px;height:230px} .img3{width:587px;height:230px;margin-top:20px} .img1:hover{transform:scale(1.1)} .img2:hover{transform:scale(1.1)} .img3:hover{transform:scale(1.1)} .list5box{width:1200px;display:flex;margin:auto;padding-top:60px} .list5box1{flex:1} .list5box2{width:270px;margin:auto;height:384px; background: url(../images/tzqy-bj.png) no-repeat; /*box-shadow:0px 8px 25px 0px rgba(0,0,0,0.04);opacity:0.9;border:1px solid #E5E5E5;*/ text-align:center; padding-top:100px; transition:all 0.5s; border-radius:10px; overflow: hidden; background-size: 100%; position: relative; } .list5box2::before{ content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/tzqy-qc.png) no-repeat; background-size: 100%; } /*.list5box2:hover{border:1px solid #005BB6;box-shadow:0px 0px 25px rgba(0,91,182,0.2);}*/ .tiat1{font-size:50px;font-weight:bold;color:#1c6bbd} .tiat2{font-size:24px;font-weight:400;color:#333333;margin-top:10px} .hr5{width:50px;height:3px;background:#1c6bbd;border-radius:0px 0px 0px 0px;margin:auto;margin-top:24px} .list6box{display:flex;width:1200px;margin:auto;margin-top:90px} .list6box1{flex:1;text-align:center} .list6box2{width:340px;height:201px;margin:auto;border-radius:10px;background-repeat:no-repeat;background-size:cover} .list6box3{font-size:18px;font-weight:bold;color:#005BB6;margin-top:31px} .list6box2:hover{transform:scale(1.1)} .foota{position:absolute;left:0;bottom:0px;height:640px; background:#01131f url('../images/a_5ba34c2ad6f89.jpg') no-repeat center -120px;width:100%;background-size: 100% auto;} .foota_head{padding-left:160px;padding-right:160px;padding-top:20px;height:110px;display:flex} .footaa{flex:1} .foota1{display:inline-block;font-size:16px;color:#FFFFFF;padding-top:30px;float:left;} .foota2{display:inline-block;float:left;background:url(/template/default/images/home/e1.png) no-repeat center top;width:47px; height:47px;background-size:100% auto;margin-left: 40px;margin-top: 19px;} .foota2-wb{background:url(/template/default/images/home/e2.png) no-repeat center top;background-size:100% auto;} .foota2:hover,.foota2-wb:hover{background-position:0 -66px;} .foota2 #wxx1{display:none;} .foota2 .icon3ab{display:none;} .foota2 img{position:relative;top:-4px;} .foota3{display:inline-block;margin-top: 19px;} .icon3aa{width:45px;height:45px;margin-left:20px} .icon3ab{width:45px;height:45px;margin-left:20px} .foota4{width:210px;height:50px;background:rgba(255,255,255,0.1);border-radius:4px 4px 4px 4px;border:1px solid rgba(255,255,255,0.2);position:relative;left:10px;display:flex;margin-left:60px;transition:all 0.5s;} .foota4:hover{background:rgba(80,171,205,0.5);border:1px solid #50abcd;} .foota41{font-size:14px;font-weight:400;color:rgba(255,255,255,0.6);line-height:50px;padding-left:21px;flex:3} .foota42{flex:1;text-align:center;padding-top:12px;_border-left:1px solid rgba(255,255,255,0.2)} .icon4aa{width:16px;height:16px} .foota5{width:1600px;height:1px;background:#FFFFFF;opacity:0.2;margin:auto;margin-top:20px} .foota6{margin:auto;margin-top:20px;padding-left:160px;padding-right:160px;padding-bottom:116px !important;} .foota61{flex:1} .foota63{font-size:16px;font-weight:400;color:rgba(255,255,255,0.6)} .foota63 div{margin-top:10px} .foota641{display:flex} .foota64{flex:1} .foot_t1{font-size:16px;color:rgba(255,255,255,1);margin-bottom:20px;cursor:pointer} .foot_t2{font-size:14px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:12px;cursor:pointer;transition:all 0.5s;} .foot_t2:hover{color:#048dca;} .footb{display:flex;height:60px;background: rgba(0,0,0,0.3); position: absolute; width: 100%; left: 0; bottom: 0; } .footb1{flex:1;line-height:60px;padding-left:160px;text-align:left;font-size:14px;color:rgba(255,255,255,0.3)} .footb1 a{color:rgba(255,255,255,0.3);transition:all 0.3s} .footb1 a:hover{color:rgba(255,255,255,1);} .footc1{display:inline-block;line-height:60px;text-align:right} .lunbo{width:100%;height:100px;position:absolute;left:0;top:calc(20% - 50px);padding-left:150px;padding-right:100px;flex-wrap:wrap;background:#fff;} .lunbo>div{width:100%;height:52px;margin:auto;} .lunbo>div>div{float:left;margin-left:20px; margin-bottom: 20px;} .lunbo img{width:148px;border:1px solid #f6f6f6;padding:10px;border-radius:5px;box-shadow:5px 5px 5px #f6f6f6} .yqlj:hover{background:#005BB6;color:#fff} .iconoa1{} .daohanga{position:fixed;left:0;top:0;width:80px;height:100vh;background:rgba(255,255,255,0.9);box-shadow:0px 12px 30px rgba(204,204,204,0.3);display:none;z-index:99} .dha1{width:1px;height:120px;background:#999999;margin:auto} .dha2{font-size:14px;font-weight:400;color:#333333;line-height:16px;text-align:center;margin-top:10px;cursor:pointer} .iconaa1{width:24px} .iconaa2{text-align:center;margin-top:30px} .more2{position:absolute;bottom:20px;right:70px;font-size:15px;color:#666666} .more2:hover{color:#005BB6} .divfix2{flex:1;text-align:center;line-height:300px;color:#fff;font-size:20px;background:#005BB6;margin-right: 15px;} .divfix3{flex:2} .divfix3 a div{text-align:left;color:#666;padding-top:30px} .divfix{position:fixed;bottom:calc( 50% - 150px);height:300px;display:none;width:calc( 100% );padding-left:80px;background:#fff;cursor:pointer} .divfix1{display:flex;cursor:pointer} .iconaa1{cursor:pointer} .iconaa1:hover .divfix{display:block;left:0} .divfix:hover{display:block;left:0} .iconaa2{} .wx2{width:150px;position:absolute;left:100%;top:-50px;z-index:-199;justify-content:space-between;overflow:hidden;display:none;} .wx2 img{width:100%;float: left;} .foota2:hover .wx2{display:block !important;} #wmleft:hover .ww2left{display:block;} .foota2 #wxx2{left: -52px;opacity: 0;transform: translateY(-110px);transition: all 500ms ease;display:block;z-index:9;height:0;} .foota2 #wxx2 img{width:100%;} .foota2:hover #wxx2{transform: translateY(-102px);opacity: 1;height:auto;} .daohangb{width:50px;height:150px;position:fixed;right:10px;top:calc(50% - 75px);display:none} .daohangc1{margin-top:15px} .daohangb1{width:8px;margin:auto;height:8px;background:#676767;border-radius:50%} .daohangb2{width:15px !important;height:15px !important;background:#d6001d !important} .daohangc1:hover .daohangb1{width:10px !important;height:10px !important;background:#d6001d !important;cursor:pointer} .list3_list1{ height: auto; } .myNewsSwiper{ overflow: hidden; } .myNewsSwiper > div > div{ display: flex; flex-wrap: wrap; } .myNewsSwiper > div > div > div{ width: 50%; } .myNewsSwiper > div > div > div.btn1div1{ width: 100%; } .swipera{height: auto;border-radius: 10px;} .list3_list22:hover{ padding-left: 10px; } .list3_list21{ padding-left: 40px; } .Newsswiper-pagination .swiper-pagination-bullet{ background: none !important; height: auto; width: auto; margin: 0 10px; color: #333; opacity: 1; border: 0 !important;outline-color:none !important;} .Newsswiper-pagination .swiper-pagination-bullet:focus{ border: 0; outline:none;} .Newsswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ color: #005BB6; } .flexa2 .title3,.flexa2 .title4{margin-left: auto;margin-right: auto; /*margin-top: 27%;*/} @-webkit-keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } @keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } .hr3,.msg2{ margin-left: 40px;} .msg2,.title4{text-shadow: 0px 0px 5px #333;} .listbox11{position: absolute;z-index: 999999;width: 100%;} .index_main{ background: #f7f7f7; } .index_main .section1{ position: relative; } .index_main .section1 .index_banner .item{ background-size: cover; -webkit-background-size:cover; background-position: center; background-repeat: no-repeat; height:100vh; position: relative; } .index_main .section1 .index_banner .item.slick-current .scaleBg{ visibility: visible; -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards; } .index_main .section1 .index_banner .items{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .index_main .section1 .index_banner .items:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); } .index_main .section1 .index_banner .item .block_txt{ position: absolute; top: 34%; right: 10px; left:10px; } .index_main .section1 .index_banner .item.active .block_txt{ opacity: 1; } .index_main .section1 .index_banner .item .block_txt .p1{ font-size: 60px; font-weight: bold; color: #FFFFFF; line-height: 100px; text-shadow: 0px 0px 30px rgba(5,40,94,0.15); } .index_main .section1 .index_banner .item .block_txt .p2{ font-weight: 400; color: #FFFFFF; line-height: 28px; text-transform: uppercase; opacity: 0.8; width: 60%; } .index_main .section1 .slick_txt{ width:30%; height: 100%; background-color: transparent; transition: all 500ms ease; -webkit-transition:all 500ms ease; background-repeat: no-repeat; position: absolute; top: 0; font-size: 0; outline: none; border:0; } .index_main .section1 .left{ left: 0; } .index_main .section1 .right{ right:0; } .index_main .section1 .slick_txt:hover .slick_arrow{ opacity: 1; visibility: visible; } .index_main .section1 .slick_txt .slick_arrow{ width: 20px; height: 36px; background-repeat: no-repeat; background-position: center; margin-top: -18px; position: absolute; top: 50%; cursor: pointer; transition: all 500ms ease; -webkit-transition:all 500ms ease; opacity: 0; visibility: hidden; } .index_main .section1 .slick_txt .prev{ background-image:url(../images/ban_prev.png); left:60px; } .index_main .section1 .slick_txt .next{ background-image:url(../images/ban_next.png); right:60px; } .index_main .section1 .slick_txt .prev:hover{ background-image:url(../images/ban_prev_hover.png); } .index_main .section1 .slick_txt .next:hover{ background-image:url(../images/ban_next_hover.png); } .index_main .section1 .number{ position: absolute; bottom:8%; left: 50%; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.2); display: table; padding: 0 20px; width: auto; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .index_main .section1 .number span{ font-family: "Myriad Pro","Microsoft YaHei"; font-size: 14px; color: #fff; margin-right:100px; display: inline-block; cursor: pointer; position: relative; transition: all 500ms ease; -webkit-transition:all 500ms ease; } .index_main .section1 .number span:last-child{ margin-right: 0; } .index_main .section1 .number span:after{ content: ""; display: inline-block; width: 0; height: 2px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom:-20px; opacity: 0; visibility: hidden; transition: all 500ms ease; -webkit-transition:all 500ms ease; } .index_main .section1 .number span.active:after{ width: 100%; opacity: 1; visibility: visible; } .index_main .section2{ background: url(../images/bg.png) no-repeat center; background-size: 100% 100%; } .index_main .section2 .fp-tableCell{vertical-align: inherit;} .navlist ul{display:none; position:absolute; left:0;background: rgba(255,255,255,0.8); width:100%; text-align:center; line-height:60px;} .navlist ul li{ display:inline; border-right:1px solid rgba(0,0,0,0.2);font-size:16px;} .navlist ul li:last-child{ border-right:0;} .navlist ul li a{ padding:0 50px; line-height:60px;} .navlist:hover ul{ display:block;} .navlist ul{} .navlist ul li a:hover{color: #66c4fd;} .header_title.title1 span{ line-height:66px;} .header_title.title1:hover span{ border-bottom:4px solid #fff; display:inline-block; color:#fff;} #inhome,#topnav5{background-image: none;} .list4 #topnav1 ul{padding-right: 24%;} .list4 #topnav2 ul{padding-right: 10%;} .list4 #topnav4 ul {padding-left: 13%;} .list4 #topnav5 ul {padding-left: 23%;} .list4 #topnav6 ul {padding-left: 36%;} /*#inhome{text-align:center;}*/ /*#topnav6{text-indent: 1em;}*/ .flexa1 .msg2{opacity:1;} .flexa2 .msg2{opacity:0;} .dg-container{ width: 100%; height: 450px; position: relative; margin-top: 50px; } .dg-wrapper{ width: 660px; height: 580px; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; } .dg-wrapper a{ width: 660px; height: 448px; display: block; position: absolute; left: 0; top: 0; } .dg-wrapper a.dg-transition{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .dg-wrapper a img{ width: 100%; display: block; padding: 41px 0px 0px 1px; -webkit-box-reflect: below -17px -webkit-linear-gradient(top,rgba(206,0,0,0),rgba(255,0,0,0.1)); } .dg-wrapper a div{ font-style: italic; text-align: center; line-height: 50px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); color: #333; font-size: 16px; width: 100%; bottom: -55px; display: none; position: absolute; } .dg-wrapper a.dg-center div{ display: block; } .dg-container nav{ width: 100%; position: absolute; z-index: 1000; bottom: -130px; /*left: 50%;*/ /*margin-left: -29px;*/ left: 0; text-align: center; } .dg-container nav span{ text-indent: -9000px; /*float: left;*/ cursor:pointer; width: 55px; height: 55px; opacity: 0.8; background: transparent url(../images/arrows.png) no-repeat top left; display: inline-block; margin: 0 15px; } .dg-container nav span:hover{ opacity: 1; } .dg-container nav span.dg-next{ background-position: top right; /*margin-left: 10px;*/ } .dhc9 .picMarquee-left{width:90%;margin:100px auto 0;position:relative;overflow: hidden;} .dhc9 .picMarquee-left .bd ul{overflow: hidden;zoom:1;} .dhc9 .picMarquee-left .bd ul li{float:left;text-align:center;} .dhc9 .picMarquee-left2{width:90%;margin:0px auto;position:relative;overflow: hidden;} .dhc9 .picMarquee-left2 .bd ul{overflow: hidden;zoom:1;} .dhc9 .picMarquee-left2 .bd ul li{float:left;text-align:center;} .dhc9 .bd ul li img{transition:all 0.3s;} .dhc9 .bd ul li:hover img{transform:scale(1.05);} .page9 .picScroll {width: 76%; position: relative; margin:60px auto;} .page9 .picScroll .tempWrap{width:99% !important;margin:0 auto;} .page9 .picScroll ul { overflow: hidden; zoom: 1;} .page9 .picScroll ul li { float: left; overflow: hidden;margin:15px;text-align:center;width:450px;box-sizing: content-box;} .page9 .picScroll ul li figure{width:97%;border-radius:30px;overflow:hidden;margin:0 auto;} .page9 .picScroll ul li figure img{width:100%;} .page9 .picScroll ul li p{font-size: 20px;color: #005BB6;font-weight: bold;margin-top: 20px;} .page9 .picScroll .prev,.page9 .picScroll .next { display: block; position: absolute; top: 35%; left: -30px; width: 27px; height: 44px; } .page9 .picScroll .prev{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); } .page9 .picScroll .next{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: auto; right: -30px; } .sy-djgz{ width: 60%; margin: 30px auto 0; position: relative; text-align: center; overflow: hidden; height: 800px; background: url(../images/5608288.png) no-repeat 49.1% 47%; background-size: 123px auto; } .sy-djgz .sy-djgz-1{ width: 128px; position: absolute; left: 43%; margin-left: 8px; height: 135px; top: 38%; z-index: 99; } .sy-djgz .sy-djgz-1 img{ width: 100%; vertical-align: middle; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; } .sy-djgz .sy-djgz-2{position: absolute;width: 100%;top: 0;left: 0;} .sy-djgz .sy-djgz-2 img{ width: 100%; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; } .sy-djgz .sy-djgz-3{position: absolute;width: 100%;top: 0px;left: 0px;} .sy-djgz .sy-djgz-3 img{ width: 100%; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; } .sy-djgz .sy-djgz-3:hover img{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } .sy-djgz-2:hover .img{ transform: scale(1.1); } .sydjgz{width: 61%;margin:30px auto 0;position: relative;height: 100%;} .sydjgz-dx{width: 100%;position: absolute;top: 0;left: 0;} .sydjgz-dx img{ width: 100%; vertical-align: middle; -webkit-transition: -webkit-transform 5s ease-out; -moz-transition: -moz-transform 5s ease-out; -o-transition: -o-transform 5s ease-out; -ms-transition: -ms-transform 5s ease-out; } .sydjgz:hover .sydjgz-dx img{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } .sydjgz-logo{width: 100%;position: absolute;top: 48px;left: 10px} #myCanvas{z-index: 9;position: absolute;} /*.sydjgz-3:hover{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }*/ /*首页集团业务*/ .w-accor{ overflow:hidden; position:relative;height: 100vh !important;} .w-accor ul{ width:100%; display: flex; justify-content: space-around; position: relative; } .w-accor ul,.w-accor li{ padding:0; margin:0; list-style:none;} .w-accor li{ position:relative; overflow:hidden;float:left;transition: all 0.8s; width: 30% !important; } .w-accor li.cur{width:55% !important;} .w-accor li:nth-child(2){margin-left:-45px;} .w-accor li:nth-child(3){margin-left:-45px;} .w-accor li .img_ar{width:100%;height: 100vh !important;} .w-accor li .img_ar img{width: 100%;height: 100%} :root .w-accor4 li h3{ top:20%;} .w-accor4 li h3 { width: 100%; text-align: center; line-height: 1.5; position: absolute; z-index: 1; left: 0; margin-left: 0; top: 50%; top: 10%\9; *top: 10%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: opacity 0.5s; -webkit-transition: opacity 0.5s; font-size: 30px; font-weight: bold; } .w-accor4 li.cur h3{text-align: left; padding-left: 11%; opacity:1; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-accor4 li .dec_ar{color:#fff; opacity:0;line-height:26px; max-height:100%; position:absolute; z-index:1; left:11%; right:16%;top:50%; top:10%\9; *top:10%; } :root .w-accor4 li .dec_ar{ top:30%;} .w-accor4 li .i_img{height: 1px;background: #fff;position: relative;margin-bottom: 30px;} .w-accor4 li .i_img::after{content: "";position: absolute;top: 0;left: 0;background: #c40710;height: 2px;width: 170px;} .w-accor .acr_p{ margin-top:0.5em; } .w-accor4 li img{ max-width:100%;} .w-accor4 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;} .w-accor4 li .cont_ar:before{ content:'';position:absolute; left:0; top:0; bottom:0; right:0; opacity:1; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s; _background:#000; /*background: url(../images/qianceng.png) no-repeat left top;*/ background-size: 100% 100%; } /*.w-accor ul:before{content:'';position:absolute; left:0; top:0; bottom:0; right:0;*/ /* background: url(../images/qianceng.png) no-repeat left top;*/ /* background-size: 100% 100%;*/ /*}*/ .w-accor4 li:nth-child(2) .cont_ar:before{ } .w-accor4 li .i_img img{ max-width:80%; max-height:80px;} .w-accor4 li.cur .cont_ar:before{opacity:1; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-accor4 li.cur .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;} .w-accor4 li .cont_ar h3 a{color:#fff;} .xinxi_solution_bg {width: 100%; margin: 0 auto;} .xinxi_solution_main ul { overflow: hidden;display: flex; justify-content: space-between;} .xinxi_solution_main .main_mobile { width: 100%; height: 100vh;} .xinxi_solution_main ul li { background: url('../images/home/a1.png') no-repeat; height: 100vh; float: left; width: 26%; position: relative; overflow: hidden; transition: all 0.5s; background-size: 101% 100% !important; padding-left: 110px; } .xinxi_solution_main ul li:before{ content:'';position:absolute; left:0; top:0; bottom:0; right:0; opacity:1; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s; _background:#000; background: url(../images/qianceng.png) no-repeat left top; background-size: 100% 100%; } .xinxi_solution_main ul li:nth-child(2) { background: url('../images/home/a2.png') no-repeat;margin-left: -50px;} .xinxi_solution_main ul li:nth-child(3) { background: url('../images//home/a3.png') no-repeat;margin-left: -50px;} .xinxi_solution_main ul li .left_top { position: absolute; left: 0; width: 100%; padding: 0 20px; text-align: center; } .xinxi_solution_main ul li .left_top i{font-style:normal;} .xinxi_solution_main ul li .left_top img { width: 30px; } .xinxi_solution_main ul li i a{ font-size: 24px; color: #FFF;font-size: 30px;font-weight: bold;} .xinxi_solution_main .left_top { font-size: 30px; color: #FFF; } .xinxi_solution_main ul li .left { float: left; width: 100%; height: 200px; } .xinxi_solution_main ul li .right { margin-top: 30px; float: left; width: 89%; position: relative; height: 400px; padding: 0 20px; display: none; color: #fff; font-size: 16px; line-height: 30px; } .xinxi_solution_main .right dl { position: absolute; top: 50%; left: 30px; } .xinxi_solution_main .right dd { color: #FFF; font-size: 26px; border-radius: 5px; width: 280px; height: 75px; margin-bottom: 45px; background: #000; opacity: 0.5; } .xinxi_solution_main .right dl a { background-repeat: no-repeat; color: #FFF; font-size: 16px; line-height: 40px; height: 40px; width: 280px; text-align: center; padding: 0 10px; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; background-size: 100% 100%; background-color: rgba(0,0,0,0.23); border-radius: 5px; margin-top: 10px; } .xinxi_solution_main .right dl a.yichu { float: left; margin-right: 20px; } .xinxi_solution_main ul li.on { width: 56%;} .xinxi_solution_main ul li.two { background: url('https://www.jq22.com/demo/jQuerySfq201708060054/css/images/pic2.png') no-repeat; } .xinxi_solution_main ul li.thr { background: url('https://www.jq22.com/demo/jQuerySfq201708060054/css/images/pic3.png') no-repeat; } .xinxi_solution_main ul li.four { background: url('https://www.jq22.com/demo/jQuerySfq201708060054/css/images/pic4.png') no-repeat; } .xinxi_solution_main ul li.five { background: url('https://www.jq22.com/demo/jQuerySfq201708060054/css/images/pic5.png') no-repeat; } .xinxi_solution_main ul li.six { background: url('https://www.jq22.com/demo/jQuerySfq201708060054/css/images/pic6.png') no-repeat; } .xinxi_solution_main ul li.on .left_top{text-align: left;padding-left: 128px;} .xinxi_solution_main ul li.on .right{display: block;} .xinxi_solution_main ul li .right .right-hr{width: 100%;border-bottom: 1px solid #fff;position: relative;margin-bottom: 20px;} .xinxi_solution_main ul li .right .right-hr::after{content: "";position: absolute;top: 0;left: 0;background: #c40710;height: 2px;width: 170px;} #yqljlist{border-radius:5px;} /*首页党建工作*/ @-webkit-keyframes masked-animation { 0% { background-position: 0 0; } 100% { background-position: -100% 0; } } @-moz-keyframes rotate { 100% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 100% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .page5 .titlebox{position:relative;z-index:1000;} .index-message { width: 100%; height: 100vh; overflow: hidden; position: absolute; top: 0; margin: 0 auto; } .index-message .scienceFi { width: 140%; height: 100%; position: absolute; top: -300px; left: -21%; z-index: 1; } .index-message .scienceFi .tiny-stars { width: 100%; height: 100%; position: relative; } .index-message .scienceFi .tiny-stars a{ display: block; width: 426px; height: 390px; position: absolute; z-index: 100; top: 112%; left: 42%; background: #fff; opacity: 0.2; border-radius: 50%; transition: all 0.3s; } .index-message .scienceFi .tiny-stars a:hover{opacity:0;} .index-message .scienceFi .tiny-stars .Mod2 { width: 100%; height: auto; position: absolute; /*绝对定位*/ top: -80px; left: 0; z-index: 99; /*background: no-repeat url("../images/data-xz1.png") left top;*/ -webkit-background-size: 500px 500px; -moz-background-size: 500px 500px; background-size: 100% auto; -webkit-border-radius: 500px; border-radius: 500px; -moz-transition: all .40s; -webkit-transition: all .40s; transition: all .40s; -moz-animation: rotate 40s infinite linear; -webkit-animation: rotate 40s infinite linear; animation: rotate 40s infinite linear; } .index-message .scienceFi .tiny-stars .Mod3 { width: 100%; height: auto; position: absolute; /*绝对定位*/ top: -82px; left: 0; } .index-message .scienceFi .tiny-stars .Mod2 img{width: 100%;} .index-message .scienceFi .tiny-stars .jiufang-core { display: none; width: 100%; height: 100%; position: absolute; top: 270px; left: 0px; bottom: 0px; z-index: 2; overflow: hidden; background: url(../images/djsyimg3.png) no-repeat center bottom; /* background-size: 100% auto; */ /* bottom: -358px; */ background-size: 16%; } /*首页合作伙伴*/ .syhzhb{width:100%;text-align:center;align-items: inherit;} .syhzhb li{padding:15px;width:25%;display:inline-block;} .syhzhb li figure{width:100%;border-radius:5px;background:#fff;box-shadow: 0 0 15px rgb(0,0,0,0.15);} .syhzhb li figure img{width:100%;transition:all 0.5s;} .syhzhb li:hover figure img{transform:solid(1.05);} .in-tzqy-ul{width: 82%; margin: 80px auto 0;display:none;} .in-tzqy-ul .in-tzqy{padding:0 15px;width: 16.666666%;margin-bottom:30px;float: left;} .in-tzqy-ul .in-tzqy a{display:block;width:100%;overflow: hidden;} .in-tzqy-ul .in-tzqy a img{width:100%;transition:all 0.5s;} .in-tzqy-ul .in-tzqy a:hover img{transform: scale(1.05);} .in-hzhb-ul{width: 82%; margin: 80px auto 0;text-align:center;} .in-hzhb-ul li.in-hzhb{padding:0 10px;width:13%;display:inline-block;overflow:hidden;} .in-hzhb-ul li.in-hzhb img{width:100%;} .in-hzhb-ul-2,.in-hzhb-ul-3{margin-top:-48px;} .page8 .list2_title2{color:#fff;} .page8 .hr1{background:#fff;} .in-hzhb .focusBox{width: 50%;margin:80px auto 0;position: relative;height:100vh;} .in-hzhb .focusBox .pic{position: relative;z-index: 0;width: 100% !important;} .in-hzhb .focusBox .pic li{text-align: center;width: 100% !important;} .in-hzhb .focusBox .pic li .in-hzhb-div{} .in-hzhb .focusBox .pic li .in-hzhb-div:nth-child(2){margin: -39px 0;} .in-hzhb .focusBox .pic li .in-hzhb-div a{width: 19%; display: inline-block;} .in-hzhb .focusBox .pic li .in-hzhb-div a img{width: 100%;} .in-hzhb .focusBox .prev,.in-hzhb .focusBox .next{position: absolute;width: 19%;height: 184px;} .in-hzhb .focusBox .prev{top: 0;left: 10%;} .in-hzhb .focusBox .next{bottom: 41%; right: 11%;} @media screen and (max-width:1880px){ .page9 .picScroll ul li{margin: 15px 10px;} .page9 .picScroll { width: 78%;} } @media screen and (max-width:1700px){ .in-hzhb-ul-2, .in-hzhb-ul-3 {margin-top: -35px;} .index-message .scienceFi .tiny-stars a{width: 16%;height: 50%;top: 112%;left: 42%;} } @media screen and (max-width:1500px){ .page9 .picScroll ul li{width: 365px;} } @media screen and (max-width:640px){ .index_main .section1 .index_banner .item .block_txt .p1{font-size:24px;line-height:35px;} .Newsswiper-pagination .swiper-pagination-bullet{line-height:38px;} .list2_title2,.hr1,.myNewsSwiper > div > div > div.btn1div1{visibility: inherit !important;} .bannerH { height: 170px;} .sw_title1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-height: auto;} .list3_list22 {font-size: 14px;} .w-accor li{width: 100% !important; height: 300px;} .w-accor{height:auto !important} .w-accor li .img_ar {width: 100% !important;} :root .w-accor4 li .dec_ar {top: 56%;} .dg-container{height:auto;margin-top: 0;overflow: hidden;} .dg-wrapper a{width:100%;} .dg-wrapper{width:90%;height: 410px;} .dg-container nav{bottom:0px;margin-bottom: 14px;} .index-message{height:360px;} .index-message .scienceFi{width: 177%;top: 0;left: -37%;} .page5 .listbox2box{height: 360px;} .page6 .list5box{margin-top:50px;} .page9 .picScroll ul li{width:340px;} .dhc9 .picMarquee-left{margin-top:40px;} .foota{margin-top:40px;} .foota {background-size: auto 100%;background-position-y: 0;} .foota6{padding-bottom:20px !important;} .tiat2{font-size:18px;} .list5box2{height: 230px;padding-top: 50px;} .xinxi_solution_main ul{display:block;} .xinxi_solution_main ul li{height: 30vh;width:100%;padding-left:0;} .xinxi_solution_main ul li.on {width: 100%;} .xinxi_solution_main ul li:nth-child(2),.xinxi_solution_main ul li:nth-child(3){margin-left:0;} .xinxi_solution_main ul li.on .left_top{padding-left: 20px;} .xinxi_solution_main ul li .left{height: 35%;} .xinxi_solution_main ul li i a{font-size:22px;} .xinxi_solution_main ul li .right{height:110px;overflow:height;font-size: 14px; line-height: 22px;} .xinxi_solution_main .main_mobile{height:auto;} .in-hzhb-ul-2, .in-hzhb-ul-3 { margin-top: -10px !important;} .in-hzhb-ul li.in-hzhb {padding: 0 3px; width: 15%;} .page8 > div {background-size: auto 100% !important;} .in-hzhb-ul{margin: 30px auto 0;} .in-tzqy-ul .in-tzqy { padding: 0 2px; margin-bottom: 4px;} .in-tzqy-ul { margin: 22px auto 90px;} .foota {height: 500px !important;} .div-1{height:auto !important;} .w-accor ul{display:block;} .w-accor li.cur {width: 100% !important;} .w-accor li{width: 100% !important;} .w-accor li:nth-child(2) {margin-left: 0;} .w-accor li:nth-child(3) {margin-left: 0;} .page7 #swiper1 .swiper-slide{width:auto;} .page7 #swiper1{display:none;} .in-tzqy-ul{display:block;} } @media screen and (max-width:480px){ .page9 .picScroll ul li{width:280px !important;} .in-hzhb .focusBox{width:96%;height:auto;margin-top: 30px;} .in-hzhb .focusBox .pic li .in-hzhb-div:nth-child(2) {margin: -16px 0;} .in-hzhb .focusBox .prev, .in-hzhb .focusBox .next {height: 74px;} .in-hzhb .focusBox .next { bottom: 0;} }