@media (min-width:1500px) and (max-width:1600px) { .logo1{height:48px;margin-top:calc((105px - 48px)/2)} .title2{font-size:50px} .msg1{font-size:20px} .shuzi1{right:200px} .qh1{height:50px;right:50px} .qh1b,.qh1a{line-height:50px} .list4{width:750px;color:#fff;height:100px;margin:auto;position:relative;left:calc(-25px)} .title1{font-size:18px} } @media (min-width:1200px) and (max-width:1499px) { .logo1{height:48px;margin-top:calc((105px - 48px)/2)} .title2{font-size:50px} .msg1{font-size:20px} .shuzi1{right:200px} .qh1{height:50px;right:50px} .qh1b,.qh1a{line-height:50px} .list4{width:750px;color:#fff;height:100px;margin:auto;/*position:relative;left:calc(-25px)*/} .title1{font-size:16px;font-weight: 400;background: url(../images/jtxiangxia.png) no-repeat 84px center; background-size: 9px;} .list3_list22 {height: 30px;} .list2_title2{font-size:30px;} .w-accor4 li.cur h3{padding-left: 15%;} .w-accor4 li .dec_ar{padding-left: 4%;} :root .w-accor4 li .dec_ar {top: 33%;} .dg-wrapper,.dg-wrapper a{width: 570px;} .dg-container nav span{width:47px;height:44px;background-size:auto 100%;} .index-message .scienceFi .tiny-stars .jiufang-core{top: 27%;} .page7 .picScroll ul li{width:330px;} .index_main .section1 .index_banner .item .block_txt .p1{font-size: 50px;line-height: 70px;} .page7 .picScroll {width: 74%;} } @media (min-width:1000px) and (max-width:1199px) { .logo1{height:38px;margin-top:calc((105px - 38px)/2)} .title2{font-size:40px} .msg1{font-size:15px} .shuzi1{right:200px} .qh1{height:50px;right:50px} .qh1b,.qh1a{line-height:50px} .list4{width:550px;color:#fff;height:100px;margin:auto;position:relative;left:calc(9px)} .title1{font-size:15px} } @media (min-width:1100px) and (max-width:1500px) { .list3_list1{width:1000px} .swipera{width:460px;background:#333333;height:300px;border-radius:10px;overflow:hidden;} .bannerH{height:300px} .list3_list2{flex:2} .list3_list21{flex:4;padding-left:40px} } @media (min-width:1000px) and (max-width:1099px) { .list3_list1{width:900px} .swipera{width:460px;background:#333333;height:300px} .bannerH{height:300px} .list3_list2{flex:2} .list3_list21{flex:4;padding-left:40px} } @media (min-height:700px) and (max-height:800px) { .list2_title2{padding-top:40px} .list3_list1{margin-top:20px} .list3_list22{height:30px} .btn1div1{margin-top:30px} } @media (min-height:600px) and (max-height:699px) { .list2_title2{padding-top:40px} .list2_list1{margin-top:20px} .list3_list1{margin-top:20px} .btn1div1{margin-top:50px} .list3_list1{height:300px} .list3_list22{height:30px} } @media (min-width:1400px) and (max-width:1700px) { .listbox3box{width:100%} .hr3{width:500px} .msg2{width:500px} .hr4{width:250px} } @media (min-width:1300px) and (max-width:1399px) { .listbox3box{width:100%} .hr3{width:500px} .msg2{width:500px} .hr4{width:250px} .page7 .picScroll ul li{width:310px !important;} .foota{height:550px !important;background-size:auto 100% !important;} .foota6{padding-bottom: 26px !important;} } @media (min-width:1200px) and (max-width:1299px) { .listbox3box{width:100%} .hr3{width:400px} .msg2{width:400px} .hr4{width:200px} } @media (min-width:1100px) and (max-width:1199px) { .listbox3box{width:100%} .hr3{width:400px} .msg2{width:400px} .hr4{width:200px} } @media (min-width:1000px) and (max-width:1099px) { .listbox3box{width:100%} .hr3{width:350px} .msg2{width:350px} .hr4{width:150px} } @media (min-width:1451px) and (max-width:1499px) { #certify{position:relative;width:1223px;margin:60px auto} .swiper-button-preva{left:-50px !important} .swiper-button-nexta{right:-50px !important} } @media (min-width:1300px) and (max-width:1450px) { #certify { position: relative; width: 1123px; margin: 60px auto } .swiper-button-preva { left: 0px !important; top: 200px !important } .swiper-button-nexta { right: 0px !important; top: 200px !important } #certify .swiper-slide { width: 800px; height: 400px } #certify .swiper-slide .bg3a { width: 800px; height: 400px; display: block; background-repeat: no-repeat; background-size: 100% 100% } .bannerH { height: 300px } } @media (min-width:1200px) and (max-width:1299px) { #certify { position: relative; width: 1123px; margin: 60px auto } .swiper-button-preva { left: 0px !important; top: 200px !important } .swiper-button-nexta { right: 0px !important; top: 200px !important } #certify .swiper-slide { width: 800px; height: 400px } #certify .swiper-slide .bg3a { width: 800px; height: 400px; display: block; background-repeat: no-repeat; background-size: 100% 100% } .bannerH { height: 300px } } @media (min-width:1100px) and (max-width:1199px) { #certify { position: relative; width: 1123px; margin: 60px auto } .swiper-button-preva { left: 20px !important; top: 200px !important } .swiper-button-nexta { right: 20px !important; top: 200px !important } #certify .swiper-slide { width: 800px; height: 400px } #certify .swiper-slide .bg3a { width: 800px; height: 400px; display: block; background-repeat: no-repeat; background-size: 100% 100% } .bannerH { height: 300px } } @media (min-width:1000px) and (max-width:1099px) { #certify { position: relative; width: 900px; margin: 60px auto } .swiper-button-preva { left: -30px !important; top: 200px !important } .swiper-button-nexta { right: -30px !important; top: 200px !important } #certify .swiper-slide { width: 700px; height: 400px } #certify .swiper-slide .bg3a { width: 700px; height: 400px; display: block; background-repeat: no-repeat; background-size: 100% 100% } .bannerH { height: 300px } } @media (min-width:1200px) and (max-width:1299px) { .listbox4box { width: calc(587px * 1.5 + 60px); margin: auto; margin-top: 60px } .img1 { width: 420px; height: 280px } .img2 { width: 420px; height: 130px } .img3 { width: 420px; height: 130px; margin-top: 20px } } @media (min-width:1000px) and (max-width:1199px) { .listbox4box { width: calc(587px * 1.5 + 60px); margin: auto; margin-top: 60px } .img1 { width: 420px; height: 280px } .img2 { width: 420px; height: 130px } .img3 { width: 420px; height: 130px; margin-top: 20px } } @media (min-width:1000px) and (max-width:1299px) { .list5box { width: 1000px } .list5box2 { width: 200px; height: 354px } .tiat1 { font-size: 50px; font-weight: bold; color: #005BB6 } .tiat2 { font-size: 20px; font-weight: 400; color: #333333; margin-top: 10px } .hr5 { width: 50px; height: 3px; background: #005BB6; border-radius: 0px 0px 0px 0px; margin: auto; margin-top: 24px } } @media (min-width:1000px) and (max-width:1299px) { .list6box { width: 1000px } .list6box2 { width: 280px; height: 171px; margin: auto; border-radius: 10px; background-repeat: no-repeat; background-size: cover } .list6box { margin-top: 120px } } @media (min-width:1200px) and (max-width:1699px) { .foota_head { padding-left: 100px; padding-right: 100px } .foota6 { padding-left: 100px; padding-right: 100px } .footb1 { padding-left: 100px } .footd1 { padding-right: 100px !important } } @media (min-width:1000px) and (max-width:1199px) { .foota_head { padding-left: 50px; padding-right: 50px } .foota6 { padding-left: 50px; padding-right: 50px } .footb1 { padding-left: 50px } .footd1 { padding-right: 50px !important } } @media (min-height:500px) and (max-height:765px) { .lunbo { width: 100%; height: 100px; position: absolute; left: 0; top: calc(20% - 50px); padding-left: 150px; padding-right: 100px; flex-wrap: wrap } } @media (min-height:766px) and (max-height:1200px) { .lunbo { width: 100%; height: 50vh; position: absolute; left: 0; top: calc(10%); padding-left: 150px; padding-right: 100px; flex-wrap: wrap } } @media (max-width:1200px) { .sp_header,.sjj_nav{display: block; position: relative; z-index: 9999999} .sp_header{ height: 60px; overflow: hidden; z-index: 10; width: 100%; position: fixed; background: rgba(0,0,0, 0.1); } .sp_logo{padding:7px 10px;float:left;height:60px} .sp_logo img{margin:auto;max-height:90%;padding-top:5%;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px} .sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:999;background: rgba(255,255,255, 1);width:100%;height:calc(100% - 60px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:60px} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:100%} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; display:none;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #eee solid;margin:0 20px; text-align:center;position:relative;line-height:60px;font-size:14px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display: flex;flex-wrap: wrap;} .sjj_nav ul li a{color:#000; display:block; font-size:16px;} .sjj_nav ul li ul li{ flex: 1; flex-basis:50%;margin: 0;text-align: center; padding-left:15px; padding-right:15px;} .sjj_nav ul li ul li a{color:#333;display:block;text-align:center; background:#eee;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#000;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#37b087} .sjj_nav ul li ul li>ul{margin-left:10px} .sjj_nav ul li p{ padding:10px 0; background:#fff;} .sjj_nav ul li p a{ background:#fff !important;line-height:35px; font-size:14px; } .sjj_nav ul > li > ul > li{padding-top:15px;} .sjj_nav ul > li > ul > li > a{ line-height:50px;} } @media (max-width:1200px) { body, html{ overflow: auto !important; } .wrapper{ overflow: auto; } .pcshow{ display: none; } .wapshow{ display: block; } .title2,.msg1{ width: 100%;left: 0;text-align: center; } .title2{ font-size: 35px; line-height: 50px; top: calc(20%); } .msg1{ top: calc(40%); font-size: 16px; padding-left:5%; padding-right:5%; } .qh1{ bottom:100px; } .daohanga{ display: none !important; } .txtMarquee-left{ overflow: hidden; } .indexnews{ padding-left: 20px; } .indexnews .txtMarquee-left .hd{ width: 20%;} .indexnews .txtMarquee-left .hd h3{ margin-bottom: 0; padding-bottom: 0; } .wapgonggao{ width: 70%; float: left; line-height: 40px;} .indexnews{ height: 40px; line-height: 40px; } .list2_title2{ padding-top: 30px; font-size: 24px; } .list2_list1{ width: 100%; } .list3_list1{ width: 95%; margin-left:auto; margin-right: auto; } .list3_list1{ display: block; } .list2_list2a{ font-size: 14px; } .list3_list2{flex: 1;} .swipera{ width: 100%; } .list2_list1{ display:none; } .list3_list1{ margin-top: 20px; height: auto;} .bannerH{ height: 250px; } .listbox2box{ display: block; } .swipera{ height: auto; } .list3_list21{ padding:15px 5%; } .list3_list22{ font-size: 16px; } .listbox2box{ height: auto; padding-bottom: 30px; } .btn1div1 { margin-top: 0; } .listbox3box{ display: block !important; } .title3,.title4{ width:100%; margin: 0; padding:0 25px 25px; height: auto;} .listbox3box{ height: auto;} .listbox3box1a{ padding: 100px 0; height: auto;} .hr3{ margin:0 25px; display: block !important; width: auto; } .hr4{ display: none !important; } .msg2{ padding-left: 25px; display: block !important; width: auto; margin-left: 0; font-size: 16px; line-height: 32px; padding-right: 25px;} .swiper-wrapper{display: block;} #certify{ width: 100%; } #certify .swiper-slide{ width: auto; height: auto;} #certify .swiper-slide .bg3a{ width: auto; height: auto; padding-top: 60%;background-size:100% 100%; } .listbox4box{ width: auto; display: block; } .img1,.img2,.img3{ width: 100%; height: auto; } .list5box{ width: 100%;flex-wrap: wrap; padding: 0 5%;} .list5box2{ width: auto; margin:0 5% 5%; height: 300px; padding-top: 80px; } .list5box1{flex-basis: 50%; } .tiat1{ font-size:35px; } .titlebox{ padding-bottom: 50px; } .list6box{ display: block; width: auto; margin-top: 0; } .list6box2{ background-size: 100% 100%; } .lunbo{ padding: 0 0 50px; position: relative; left: auto; margin-top: 50px; height: auto;} .lunbo > div{ display: flex;flex-wrap: wrap; overflow: hidden; height: auto; } .lunbo > div >div{ flex: 1; flex-basis: 50%; float: none; margin-left: 0; text-align: center;} .lunbo > div >div img{ width: auto;} .lunbo > div >div:nth-child(n+11){ display: none; } .lunbo > div+div{display: none;} .page8 > div{ height: auto !important; } .foota{ position: relative; } .foota_head{ padding: 15px; } .foota6{ padding: 15px; } .foota63+div{ display: none !important; } .footaa+div{ display: none !important; } .footb1{ padding-left: 0; line-height:35px; padding: 5px 0;} .footb{ display: block; padding-left: 15px; height: auto;} .footd1{ display: none; } .foota5{ width: auto; } .swiper-button-nexta,.swiper-button-preva{ display: none; } .top_title1{ padding-left: 0; text-align: center; } .top_hr1{ display: block; margin-left:auto; margin-right:auto; } .carabox{ width: 100%; display: block; height: auto; } .cara1{padding-right:20px; display: flex; flex-wrap: wrap; height: auto; } .cara1 a{ flex: 1; flex-basis: 33%; text-align: center;} .cara2{ display: none; } .cara3{ margin-left: 0; } .aboutlist{ margin-top: 0; display: block;} .imga1l{ width: 100%; height: auto; } .aboutlist2{ padding-left: 20px; padding-right: 20px; } .lbox3{ text-align: center; } .lbox4{ text-align: center; } .gy1_title1{ width: auto; } .gy2box{ width: auto; padding: 0 20px; } .gy23{ display: block; } .gy26{ padding: 20px; } .gy27{ padding: 0 20px 25px; } .gy25{ height: auto; } .gy23top .gy23{ display: flex; } .gy23top{ overflow-x: auto; padding-bottom: 20px; } .gya1{ flex-wrap:wrap; } .gya2{ flex-basis: 50%; } .foota61+.foota61{ display: none; } .foota5{ margin-top: 0; } .foota{ height: auto; } .foota6 { margin-top: 0 } .jituan_list1{ height: 500px; } .jituan_list2_div{ left: 0; } .jituan_list1_div{ right: auto; } .tx3{ padding-left: 20px; padding-right: 20px; width: 100%; } .kjbox{ display: block; } .kjboxL{ left:50px; width: auto; top: -80px; } .kjtitle2,.kjtitle1{ color: #fff;text-shadow: #333 0px 3px 3px;} .kjboxR{ width: auto;bottom: 0; left: 50px; right: auto; top: auto; } /*鍒嗛〉*/ .pagea1{ width: 100px } h2{ width: 100%; } .newxqbox{ width: 100%; } .content{ width: 90%; margin: 0 auto; padding-top: 20px; } .content img{ max-width: 100% !important; width: auto !important; height: auto !important; } .titleo1{ padding: 5px 20px; } .dangwulistbox1{ width: 100%; padding: 0 5%;} .listboxnewlist1{ display: block; } .listboxnewlist2,.boxnew21{ padding:0 5% !important; } .bodya{ width: 100%; } .listboxnewlist2 .swiper{ display: none; } .boxnew{ max-width: 100%; } .boxnew1+.boxnew1{ display: none; } .jiarubox{ width: 100%; } .jiarunr1{ width: 100%; padding: 20px; } .jiaruhr1{ margin-top: 0; } .jiarut1{ margin-bottom: 0; } #certify{ margin:0 auto; } /*#certify .swiper-container{ padding-bottom: 0; } .listbox2box{ padding-bottom: 0; } .listbox4box{ margin-top: 0; }*/ #certify .swiper-slide+.swiper-slide{ display:none; } .bpbox2{ width: auto; display: block; } .lbox3{ font-size: 35px; } .lbox4{ font-size: 16px; } .caralistabox{ width: 100%; padding: 0 20px;} .caralistaTitle1{ font-size:16px; } .caralista1{ width: 100px; height: 100px; padding-top: 15px; } .caralista2{ height: 100px; padding-top: 10px; width: calc(100% - 100px);} .page1{ position: relative; z-index: 99999; } .lbox1{ flex-wrap: wrap; } .lbox2{flex-basis: 50%;margin-bottom: 30px} .lbox3{ } .listaaa,.hr1a{ width: 100% } .listaaa{ display: block !important;} .listaaa div{text-align: left !important} .nyzlxz-ul li span{ display: none; } .nyzlxz-ul li h3{ padding-left: 0; } .nyzlxz-ul li{ text-align: center;; padding: 30px 0 30px 10px; } .list2_list1{ display: block; } .myNewsSwiper > div > div{ display: block; } .myNewsSwiper > div > div > div{ width: 100%; } .titlebox{ padding-bottom: 0; } .swiper-wrapper{ display: flex; } .flexa2 .title3, .flexa2 .title4{ margin-top: 45% } .listbox3box1a{ visibility:inherit !important; } .hr3, .msg2{ margin-left: 40px !important; padding-left: 0;} .kjbox1{ display: none; } .kjmsg2,.kjmsg1{ height: auto; padding-bottom: 50px; } #fanhuiBtn{ display: none !important; } } @media only screen and (max-width: 1600px){ .container-top{width: 90%;margin: 0 auto;} .index_main .section1 .index_banner .item .inner .block_txt h4{ line-height: 80px; font-size: 50px; } .index_main .section1 .index_banner .item .inner .block_txt h2{ font-size: 60px; } .index_main .section1 .index_banner .item .inner .block_txt h3{ font-size: 20px; } } @media only screen and (max-width: 1440px){ .header .navbar_nav li a{padding: 0 25px 27px;} .header .nav{margin-left: 9%;} .index_main .section1 .index_banner .item .inner .block_txt h4{ line-height: 50px; font-size: 40px; } .index_main .section1 .index_banner .item .inner .block_txt h2{ font-size: 40px; } .index_main .section1 .index_banner .item .inner .block_txt h3{ font-size: 18px; margin-top: 5px; } } @media only screen and (max-width: 1366px){ .index_main .section1 .index_banner .item .inner .block_txt h2{ font-size: 26px; } .index_main .section1 .index_banner .item .inner .block_txt h3{ font-size: 16px; } .index_main .section1 .index_banner .slick-arrow{ background-size: auto 30px; } } @media only screen and (max-width: 1300px){ } @media only screen and (max-width: 1199px){ .index_main .section1 .index_banner .item .inner .block_txt h4{ line-height: 40px; font-size: 32px; } .index_main .section1 .index_banner .item .inner .block_txt h2{ font-size: 22px; } .index_main .section1 .index_banner .item .inner .block_txt h3{ font-size: 14px; } } @media only screen and (max-width: 992px){ .index_main .section1 .index_banner .item{ height: 100vh; } .index_main .section1 .index_banner .item .inner .block_txt{ left: 0; right:0; margin: 0 auto; padding: 0 20px; top: 42%; } .index_main .section1 .index_banner .slick-arrow{ display: none !important; } .index_main .section1 .index_banner .slick-dots{ position: absolute; bottom: 12px; } .index_main .section1 .index_banner .slick-dots li{ width: 12px; height: 12px; border-radius: 50%; border:2px solid #fff; } .index_main .section1 .index_banner .slick-dots li button{ display: none; } .index_main .section1 .index_banner .slick-dots li.slick-active{ background: #fff; } .index_main .section1 .number{ bottom: 12%; display: none; } .index_main .section1 .number span{ margin-right: 22px; } .index_main .section1 .number span:after{ bottom: -14px; } .page7 .swiper-slide a p{font-size: 16px;font-weight:400;} } @media only screen and (max-width: 640px){ .page7 .swiper-button-next{right: 5px;} .page7 .swiper-button-prev{left:5px;} } @media screen and (max-width:600px){ .nybanner-1{height:260px;} .topa{height:260px;background-size:auto 100% !important;padding-top:90px;margin-left: -45px;} .top_title1 {font-size: 26px;} .gy1{height: 600px;} .gy1_title1{width:90%;margin:0 auto;position: initial;padding-top:50px;} .nyqyry .picScroll-left .picList li{width:200px !important;} .dhc9{background-size:auto 100%;background-position-y: 0;} .msgl1{width:100%;} .gy2box .game163 .bigImg li figure,.gy2box .game163 .bigImg li .bigImg-t{width:100%;} .gy2box .game163 .bigImg,.gy2box .game163 .bigImg li{width:100% !important;height: auto;} .gy2box .game163 .smallImg li{width:100px !important;} .gy2box .game163 .sPrev, .gy2box .game163 .sNext{margin-top: 150px;} .gy2box .game163 .smallImg{width: 90%;margin: 170px 6px 0;} #mao1{margin-top:0px !important;} .cara1 a:hover,.cara3_act{background-size: auto 100%;background-position-x: center;} .cara1 a{height: 70px;min-width: 130px;line-height: 70px;flex-basis: 0%;font-size: 14px;} .top_hr1,.top_msg1{margin-top:10px;} .jituan_list1{margin-left:0;background-size:auto 100%;height:260px;} .jituan_title1{font-size:22px;} .jituan_hr1{margin:10px auto;} .jituan_list1_div {left: auto;right: 10px;} .tx1{font-size:26px;} .tx3{margin-top:10px;margin-bottom:20px;} .kjbox {display: flex;} .page-num, .page-link{padding:5px;} .pagea1 {width: auto;} .pagination .pagea1{height: 40px !important;line-height: 29px !important;} .pagination a:nth-child(1){border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .pagination a:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .caralista1{width:100%;height:auto;} .caralista2{width:100%;border-left:none;height: auto;padding:10px 0 0;} .caralistaTitle2{text-indent:0em;font-size:14px;line-height:26px;margin-top:10px;width: 100%;} .caralista2 time{float: left;margin-bottom: 20px;} .caralistabox {width: 92%;margin: 0 auto 30px;} .sub-container .notice .tab-hd{padding-top:27px;} .sub-container .notice .tab-hd li{padding:5px;} .business-con .history .history-swiper1 {width: 87%;} .jiarubox,.jlmbxz-div ul {width: 93% !important;} .jiarubox{padding:10px;} .jiarut1{margin-bottom:15px;} .jiarut2{font-size:14px;} .jiarunr1{width:93%;padding:0;} }