@media (min-width: 1024px) { .swipe { width: 100%; font-size: 0; } .content { width: 88%; background: #fff; margin: 0 auto; } .headerwrapper .header .mobilenav { display: none; } /* 中心要闻 */ .content .model1 .newslist { width: 100%; font-size: 0; margin-top: 38px; overflow: hidden; } .content .model1 .newslist ul { display: flex; flex-wrap: nowrap; } .content .model1 .newslist ul li { flex: 0 0 334px; margin-right: 20px; } .content .model1 .newslist ul li img { display: inline-block; width: 334px; height: 230px; margin-bottom: 24px; } .content .model1 .newslist ul li p { font-size: 20px; line-height: 30px; } .content .model1 .newslist ul li .time { font-size: 16px; line-height: 16px; color: #999; margin: 16px 0 24px 0; } .content .model1 .newslist ul li .textdesc { font-size: 14px; color: #666; line-height: 28px; } .content .thinline { width: 100%; height: 1px; background: rgba(0,0,0,0.1); margin-top: 50px; } /* 关键技术 */ .content .model2 { padding: 0 62px; } .content .model2 .tabwrapper { width: calc(100% 186px) ; margin-left: -124px; z-index: 10; overflow: hidden; margin-top: 50px; } .content .model2 .tabwrapper .left ul li { display: inline-block; height: 579px; } .content .model2 .tabwrapper .left ul li img { width: 100%; height: 100%; object-fit: cover; } .content .model2 .tabwrapper .right ul li { padding: 26px; display: block; width: calc(100% - 58px); height: 92px ; border-bottom: solid 1px rgba(0,0,0,0.1); font-size: 22px; color: #000; cursor: pointer; overflow: hidden; } /*.content .model2 .tabwrapper .right ul li p { width: 250px; }*/ .content .model2 .tabwrapper .right ul li:last-child { border-bottom: none; } .content .model2 .tabwrapper .right ul li img { display: inline-block; width: 140px; height: 80px; float: left; margin-right: 10px; } .content .model2 .tabitem { display: none; } .content .model2 .imgslide { height: 580px; } /* 战略,投资,人才 */ .content .model3 .itemlist { width: 100%; font-size: 0; margin-top: 38px; padding-bottom: 50px; overflow: hidden; } .content .model3 .itemlist ul { width: 102%; } .content .model3 .itemlist ul li a { color: #fff; } .content .model3 .itemlist ul li { display: block; float: left; width:18%; padding: 10px; margin-right: 2%; position: relative; } .content .model3 .itemlist ul li img { display: inline-block; width: 100%; margin-bottom: 24px; } .content .model3 .itemlist ul li p { font-size: 14px; } .content .model3 .itemlist ul li .tit { font-size: 24px; } .content .model3 .itemlist ul li .btn { display: inline-block; width: 148px; height: 46px; background: #fff; text-align: center; line-height: 46px; color: #333; font-size: 16px; position: absolute; bottom: -20px; box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.16); } .content .model3 .itemlist ul li .desc { width: 100%; height: 48px; text-overflow: ellipsis; overflow: hidden; padding-bottom: 50px; } .content .model4 { overflow: hidden; margin-bottom: 60px; } .content .model4 .left, .right { width: 48%; float: left; } /* left 成果展示 */ .content .model4 .left ul { width: 100%; } .content .model4 .left ul li { display: inline-block; width: calc(100% - 26px); height: 122px; padding: 18px 0 18px 26px; background: #fcfcfc; margin-bottom: 20px; } .content .model4 .left ul li img { display: inline-block; width: 168px; height: 120px; background: #ccc; float: left; margin-right: 44px; } .content .model4 .left ul li p { color: #000; font-size: 20px; font-weight: bold; } /* right 联盟动态 */ .content .model4 .right ul li { display: inline-block; width: calc(100% - 52px); height: 122px; padding: 18px 26px; background: #fcfcfc; margin-bottom: 20px; } .content .model4 .right ul li img { display: inline-block; width: 136px; height: 96px; background: #ccc; float: left; margin-right: 24px; } .content .model4 .right ul li .textcon { width: calc(100% - 164px); float: left; overflow: hidden; } .content .model4 .right ul li .textcon .tit { font-size: 18px; width: 100%; float: left; color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .content .model4 .right ul li .textcon span:last-child { float: left; margin-top: 4px; } .content .model4 .right ul li .textcon .desc { font-size: 14px; color: #666; margin-top: 16px; } .content .model4 .right ul li span { font-size: 14px; color: #ababab; float: right; padding-top: 4px; } .content .model4 .left { margin-right: 4%; } .footer .copyright .text2 { display: none; } .footer .text2 { display: none; } } .img100 { display: block; width: 100%; } @media(max-width: 1600px) { .content .model2 .tabwrapper .right ul li { font-size: 20px; } } @media(min-width: 1430px){ .content .model2 .tabwrapper .left { width: 72%; float: left; } .content .model2 .tabwrapper .right { width: 28%; float: left; } } @media(max-width: 1430px) and (min-width: 1024px) { .content .model2 .tabwrapper .left { width: 68%; float: left; } .content .model2 .tabwrapper .right { width: 32%; float: left; } } @media(min-width: 1024px) { .tab-m-img { display: none; } } .tabwrapper li { background-size: cover !important; background-repeat: no-repeat !important; background-position: 0 0 !important; } @media (max-width: 1023px) { .content .model3 .itemlist ul li .desc { line-height: 1.3; } .model { padding: 0; } .content { width: 88%; background: #fff; margin: 0 auto; } .titlewrapper .desc { display: none; } .titlewrapper .morebtn { margin: -24px 0 19px 0; } .content .model4 { overflow: hidden; margin-bottom: 96px; } .content .model4 .left, .right { width: 48%; float: left; } .swipe { width: 100%; font-size: 0; } .content { width: 90%; background: #fff; margin: 0 auto; } /* 中心要闻 */ .content .model1 { padding: 0 16px; } .content .model1 .newslist { width: 100%; font-size: 0; margin-top: 38px; overflow: hidden; } .content .model1 .newslist ul { display: flex; flex-wrap: nowrap; } .content .model1 .newslist ul li { width: 334px; margin-right: 20px; } .content .model1 .newslist { width: 100%; font-size: 0; margin-top: 16px; overflow: hidden; } .content .model1 .newslist ul { display: flex; flex-wrap: nowrap; } .content .model1 .newslist ul li { flex: 0 0 167px; margin-right: 10px; } .content .model1 .newslist ul li img { display: inline-block; width: 167px; height: 115px; margin-bottom: 12px; } .content .model1 .newslist ul li p { font-size: 10px; line-height: 15px; } .content .model1 .newslist ul li .time { font-size: 12px; line-height: 12px; color: #999; margin: 8px 0 12px 0; } .content .model1 .newslist ul li .textdesc { display: none; } .content .thinline { width: 100%; height: 1px; background: rgba(0,0,0,0.1); margin-top: 35px; } /* 关键技术 */ .content .model2 .titlewrapper { padding: 0 16px; } .titlewrapper { width: auto; } .content .model2 .tabwrapper { width: 110%; height: 187px; margin-left: -10%; z-index: 10; overflow: hidden; } .content .model2 .tabwrapper .left { width: 100%; } .content .model2 .tabwrapper .right { display: none; } .content .model2 .tabitem ul li { display: inline-block; width: calc(50% - 1px); height: 139px; float: left; text-align: center; border-right: solid 1px rgba(0,0,0,0.1); border-bottom: solid 1px rgba(0,0,0,0.1); padding-top: 13px; font-size: 12px; color: #000; } .content .model2 .tabitem { overflow: hidden; } .content .model2 .tabitem ul li p { margin-top: 13px; } .content .model2 .tabitem ul li img { display: inline-block; width: 132px; height: 75px; } .content .model2 .tabwrapper .left ul li { display: inline-block; } .content .model2 .tabwrapper .left ul li img { width: 100%; } .content .model2 .tabwrapper .right ul li { padding: 29px; display: block; width: calc(100% - 58px); } .content .model2 .tabwrapper .right ul li img { width: 140px; height: 80px; } /* 战略,投资,人才 */ .content .model3 { width: 100%; overflow: hidden; } .content .model3 .itemlist { width: 100%; font-size: 0; margin-top: 19px; padding-bottom: 25px; } .content .model3 .itemlist ul { width: 100%; } .content .model3 .itemlist ul li { padding: 13px; overflow: hidden; color: #fff; } .content .model3 .itemlist ul li a { text-decoration: none; color: #fff; } .content .model3 .itemlist ul li img { display: inline-block; width: 150px; height: 112px; background: #ccc; float: left; margin-right: 13px; } .content .model3 .itemlist ul li div { width: calc(100% - 176px); float: left; } .content .model3 .itemlist ul li p { font-size: 14px; } .content .model3 .itemlist ul li .tit { font-size: 16px; margin-top: 16px; font-weight: bold; } .content .model3 .itemlist ul li .btn { display: none; } .content .model3 .itemlist ul li .desc { width: 150px; text-overflow: ellipsis; overflow: hidden; font-size: 12px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .content .model4 { overflow: hidden; margin-bottom: 0; padding: 0 16px; } .content .model4 .left, .right { width: 100%; float: left; } /* left 成果展示 */ .content .model4 .left ul { width: 100%; } .content .model4 .left ul li { display: inline-block; width: calc(100% - 13px); height: 61px; padding: 9px 0 9px 13px; background: #fcfcfc; margin-bottom: 10px; } .content .model4 .left ul li img { display: inline-block; width: 84px; height: 60px; background: #ccc; float: left; margin-right: 22px; } .content .model4 .left ul li p { color: #000; font-size: 13px; font-weight: bold; } /* right 联盟动态 */ .content .model4 .right ul li { display: inline-block; width: calc(100% - 26px); height: 61px; padding: 9px 13px; background: #fcfcfc; margin-bottom: 10px; } .content .model4 .right ul li img { display: inline-block; width: 68px; height: 48px; background: #ccc; float: left; margin-right: 22px; } .content .model4 .right ul li .tit { width: calc(100% - 90px); font-size: 12px; color: #222; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .content .model4 .right ul li span { font-size: 12px; color: #ababab; display: inline-block; float: left; } .content .model4 .right ul li .desc { font-size: 14px; color: #666; display: none; } .content .model4 .left { margin-right: 4%; } } @media(min-width: 768px) { .wel-m-img.img100 { display: none !important; } } @media(max-width: 767px) { .wel-pc-img.img100 { display: none !important; } .content .model3 .itemlist ul li .tit { margin-top: 0; } } .content .model4 .right ul li .desc { overflow: hidden; height: 28px; } @media(max-width: 1700px) { .content .model4 .right ul li .desc { display: none; } } .zlist1{ padding:15px 68px 100px !important; box-sizing: border-box; } .zlist1 .title{ text-align:center; } .zlist1 .tab-box{ margin-top:.5rem; margin-bottom:60px; } .zlist1 .tab-box{ display:flex; flex-flow:row wrap; justify-content:center; align-items:center; } .zlist1 .tab-box .li{ width:135px; height:47px; border:2px solid #245292; border-radius:6px; font-size:20px; text-align:center; color:#245292; margin:0 5px; cursor: pointer; transition: all .3s; } .zlist1 .tab-box .li:hover,.zlist1 .tab-box .li.cur{ background:#245292; color:#fff; } .zlist1 .tab-item{ display:none; } .zlist1 .newsbanner{ width:42%; height:350px; overflow: hidden; } .zlist1 .newsbanner .swiper-pagination{ bottom:15px !important; z-index:3; text-align:right; padding-right:20px; box-sizing: border-box; } .zlist1 .box_img{ height:350px; width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; display:block; } .zlist1 .ulbox{ height:350px; width:53.67%; } .box_title { background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0px; width: 100%; padding-left: 20px; padding-right:100px; box-sizing: border-box; color: white; text-align: left; font-size: 16px; height: 50px; line-height: 50px; box-sizing:border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zlist1 .ulbox .li-top{ padding-bottom:0; margin-bottom:0; border-bottom:1px solid #e6e6e6; padding-left:40px; position: relative; } .zlist1 .ulbox .li-top:before{ content:""; position: absolute; width:8px; height:8px; border-radius:50%; overflow: hidden; left:0; top:20px; background:#245292; display:none; } .zlist1 .ulbox .li-top p{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; } .zlist1 .ulbox .li-top p a{ color:#333; font-size:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%; display:block; } .zlist1 .ulbox .li-top .sp1{ width:calc(100% - 150px); } .zlist1 .ulbox .li-top .sp2 a{ width:135px; height:45px; line-height:45px; border-radius:45px; border:1px solid #dbdbdb; font-size:14px; display:block; text-align:center; margin-top:-65px; color:#333; float:right; } .zlist1 .ulbox .li-top .time{ color:#808080; font-size:14px; } .zlist1 .ulbox .li{ margin-top:15px; font-size:20px; line-height:1.5; padding-left:40px; color:#333; display:block; position: relative; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; transition: all .3s ease; } .zlist1 .ulbox .li .sp1{ width:calc(100% - 130px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zlist1 .ulbox .li .sp2{ width:100px; text-align:right; font-size:14px; } .zlist1 .ulbox .li:before{ content:""; position: absolute; width:8px; height:8px; border-radius:50%; overflow: hidden; left:0; top:13px; background:#b9b9b9; transition: all .3s ease; /*display:none;*/ } .zlist1 .ulbox .li:hover{ color:#337ab7; } .zlist1 .ulbox .li:hover:before{ background:#337ab7; } .zlist2{ background:#245292; padding:12px 30px 80px; box-sizing: border-box; } .zlist2 .title{ color:#fff; text-align:center; } .zlist2 .itemlist li{ background:#496fa4; } .content .zlist2 .itemlist ul li .tit{ line-height:1.5; } .content .zlist2 .itemlist ul li{ width: calc(20% - 2%); box-sizing: border-box; } .content .zlist2 .itemlist ul li .desc{ padding-bottom:0; line-height:24px; margin-bottom:58px; opacity:.6; } .zlist3{ padding:16px 68px 60px; box-sizing: border-box; } .zlist3 .title{ color:#000; text-align:center; } .zlist3 ul{ margin-top:25px; display:flex; flex-flow:row wrap; } .zlist3 ul li{ width:24%; position: relative; margin-right:1.33%; } .zlist3 ul li a{ display:block; } .zlist3 ul p{ position:absolute; text-align:center; width:100%; padding:15px; left:0; bottom:0; font-size:24px; line-height:1.3; color:#fff; background:rgba(0, 0, 0, .6); box-sizing: border-box; } .zlist3 ul li img{ width:100%; } .zlist3 ul li:nth-child(4n){ margin-right:0; } .zlist1 .newsbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px !important; } .zlist1 .newsbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 8px !important; height: 8px !important; } @media(max-width:1680px) { .zlist3 ul p{ font-size:18px; } .content .zlist2 .itemlist ul li .tit{ font-size:18px; } .zlist1 .ulbox .li{ font-size:18px; } } @media(max-width:1024px) { .content .zlist2 .itemlist ul li{ /*width: calc(47% - 52px);*/ width:48%; margin-bottom:60px; } .zlist3 ul li{ width:49%; margin-right:2%; margin-bottom:2%; } .zlist3 ul li:nth-child(2n){ margin-right:0; } .zlist3 ul p{ font-size:16px; } .content .zlist2 .itemlist ul li .tit{ font-size:16px; } .content .model3 .itemlist ul li a{ display:block; } .content .model3 .itemlist ul li div{ width:auto; float:none; } .zlist1 .ulbox .li{ font-size:16px; } } @media(max-width:768px) { .zlist1 .newsbanner,.zlist1 .ulbox{ width:100%; } .zlist1 .ulbox{ margin-top:30px; } .content .zlist2 .itemlist ul li{ width:100%; } .content .zlist2 .itemlist ul li .desc{ margin-bottom:0; } .content .model3 .itemlist ul li .tit{ margin-top:0; } .content .zlist2 .itemlist ul li{ margin-bottom:20px; } .zlist2{ padding-bottom:30px; } } @media(max-width:767px) { .zlist1{ padding: 15px 5% 50px !important; } .zlist1 .box_img,.zlist1 .newsbanner{ height:200px; } .zlist1 .tab-box{ margin-top:20px; margin-bottom:30px; } .zlist1 .tab-box .li{ width: 100px; height:38px; line-height:38px; font-size:16px; } .titlewrapper .title{ margin-top:20px; } .zlist1 .ulbox .li{ font-size:16px; padding-left:15px; } .zlist1 .ulbox .li:before{ top:9px; width:5px; height:5px; } .zlist1 .ulbox .li .sp1{ width: calc(100% - 100px); } .zlist1 .ulbox .li-top .sp1{ width:100%; } .zlist1 .ulbox .li-top .sp2 a{ height:35px; line-height:35px; width:100px; margin:5px 0; } .zlist1 .ulbox .li-top{ padding-left:15px; margin-bottom:15px; padding-bottom:15px; } .zlist1 .ulbox .li-top:before{ top:17px; width:5px; height:5px; } .zlist1 .ulbox .li-top p a{ font-size:18px; } .zlist2{ padding: 12px 5% 40px; } .zlist3{ padding: 12px 5% 40px; } .content .model3 .itemlist ul li{ box-sizing:border-box; margin-right:0; } .content .model3 .itemlist ul li img{ width:100%; height:auto; margin-bottom:20px; } .zlist3 ul li{ width:100%; margin-right:0; } .titlewrapper1 .title{ margin-top:30px; } .content .model3 .itemlist{ padding-bottom:0; } }