@charset "utf-8"; /* CSS Document */ html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;} ol,ul,li{ list-style:none;padding: 0;} body{ font-size:14px; color:#333333; line-height:24px; margin:0px; padding:0px; font-family:"Microsoft YaHei";background:#fff; } img{ border:none;} form{ margin:0px; padding:0px;} .clear{ clear:both;} a{ text-decoration:none; color:#383838; font-family:"Microsoft YaHei";} a:hover{ color:#ff0000; text-decoration:underline; font-family:"Microsoft YaHei";text-decoration:none; } em{font-style:normal} h1,h2,h3,h4{font-weight:normal;} .fl{float: left;} .fr{float: right;} @font-face { font-family: 'Bebas'; src:url('../font/BebasNeue-Regular-3.ttf'); } .w1500{max-width:1500px;margin: 0 auto;width: 100%;} .w1700{max-width:1700px;margin: 0 auto;width: 100%;} /*网站头部*/ header{position: fixed;top: 0;width:100%;z-index:999;background: linear-gradient(rgba(0,128,255,1),rgba(0,128,255,0.4));transition: all 0.3s ease-out 0s;} .top_dg{height:100px;max-width:90%;margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;} .top_left{float: left;line-height: 100px;width:30%;} .top_left img{height: 70px;} .top_left img:nth-child(2){display: none;} .top_nav{float:right;width: 70%;} .top_nav ul{ display: flex; justify-content: flex-end; width: 100%; flex-wrap: wrap; flex-direction: row; } .top_nav ul li{ float: left; width: 80px; line-height: 100px;position: relative;padding-right:5%;text-align: center;} .top_nav>ul>li>a::before{ content: ""; position: absolute; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid #fff; transform: translateY(-50%); top: 50%; right:-14px; } .top_nav>ul>li:nth-child(1){width: 20px;} .fixedok .top_nav>ul>li>a::before{border-top:6px solid #333;} .top_nav ul li a{color:#fff;font-size:18px;text-transform: uppercase;font-family:"Microsoft YaHei";position: relative;display: list-item;font-weight: 600;} .top_nav>ul>li:nth-child(1)>a::before{display: none;} .top_nav>ul>li>a>img.home_img02{display: none;} .fixedok .top_nav>ul>li>a>img.home_img01{display: none;} .fixedok .top_nav>ul>li>a>img.home_img02{display:initial;} header .top_nav ul li>a::after{ content: ""; position: absolute; bottom: 0; left: 0; height: 3px; background:#0080ff; width: 100%; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all ease .35s; transition: all ease .35s; -webkit-transform-origin: 0 0; transform-origin: 0 0; } header .nav_hover>a::after{ content: ""; position: absolute; bottom: 0px; left: 0; height: 3px; background:#0080ff; width: 100%; -webkit-transform: scale(1, 1) !important; transform: scale(1, 1) !important; } header .top_nav ul li>a:hover::after{ content: ""; position: absolute; bottom: 0px; left: 0; height: 3px; background: #0080ff; width: 100%; -webkit-transform: scale(1, 1) !important; transform: scale(1, 1) !important; } .top_nav .subnav{background:rgba(20, 59, 132, 0.6);top: 100px;right:0%;visibility: hidden;width:200px;-webkit-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transform: translateY(30px); transform: translate(50%,30px); opacity: 0;z-index: 9999999;box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1);position: absolute;padding: 0; border-top: 3px solid #0080ff; } .top_nav ul li:hover ul{ visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;} .top_nav .subnav li{float: none;padding: 0;text-align: center; position: relative;width: 100%;border-right:none;line-height: 60px;height: 60px;background: none;} .top_nav .subnav li .subnav_a{line-height:60px;height:60px;display: block;color: #fff !important;border-bottom: 1px solid #143884;} .top_nav .subnav li:hover{background:#091e4c;} .top_nav .subnav li:hover .subnav_a{color:#fff !important;background:#091e4c;} .top_nav .subnav li div.eej{position: absolute; top: 0; left: 100%; width: 200px;display:none;background:rgba(20, 59, 132, 0.8);} .top_nav .subnav li div.eej a{color:#fff !important;display: block;} .top_nav .subnav li:hover div.eej{display:block;} .top_nav .subnav li:hover div.eej a:hover{color:#fff !important;background:#091e4c;} .searchBtn{float: right;width: 24px;height:100px;background: url(../images/icon_01.png) no-repeat center 40px;cursor: pointer;position: relative; z-index:999;} .searchBtn .search {transition: all 1s;position: absolute;right: -1000px;top: 20px;width: 610px;background: #fff;height: 74px;} .searchBtn .search {overflow: hidden;width: 410px;height: 55px;border: 1px solid #e3e3e3;border-radius: 27px;} .searchBtn .search #seachkeywords {height: 51px;margin: 2px 0 2px 18px;border: none;float: left;width:320px;color: #ccc;line-height: 51px;outline: none;font-size: 16px;} .searchBtn .search .anSearch {float: right;height: 47px;width: 47px;margin:4px 5px 0 0;background: url(../images/icon_03_1.png) no-repeat center;border: none;} .searchBtn:hover .search {right: -50px;} .ind_nav_ss{color: #fff;line-height:100px;padding-left:8px;} .sp_header{display: none;} .fixedok header{background:#fff;box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);} .fixedok .top_nav ul li a,.fixedok .ind_nav_ss{color:#111;} .fixedok .searchBtn{background: url(../images/icon_01_1.png) no-repeat center 40px;} .fixedok .top_left img:nth-child(1){display: none;} .fixedok .top_left img:nth-child(2){display: block;} @media ( max-width:1030px) { .header-right fr{display: none;} .sp_header{display: block;} .top_left{padding-left:20px;} } @media ( max-width:768px) { .top_dg{height:80px !important;} .sp_header{height: 80px !important;} .top_left{padding: 0;} #ups-banner{margin-top:80px !important;} .sp_nav{margin-top:60% !important;} .top_left img{height:46px;} .top_left{padding-left:20px;} } @media ( max-width:375px) { .top_dg{height:60px !important;} .sp_header{height: 60px !important;} .top_left{padding: 0;} #ups-banner{margin-top:70px !important;} .sp_nav{margin-top:50% !important; transform: scale(0.79);} .top_left img{height:40px;padding:15px 0;} .top_left{padding-left:20px;} } /*----手机站导航开始----------*/ .sp_header{height:120px;overflow:hidden;position:absolute;z-index:999;right: 0;} .sp_nav{width:50px;position:relative;cursor:pointer;height:30px;margin-top:100%;} .sp_nav span{display:block;background:#0080ff;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:99;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .sjj_nav span{padding-top: 20px;display: block;margin-left:20px;float: left;} .sjj_nav span img{display: block;float: left;padding-top:6px;} .nav_show{top:0;} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)} .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;} .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 #ddd solid;margin-left:20px;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:none} .sjj_nav ul li a{color:#666;width:80%;text-transform: uppercase;} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e} .sjj_nav ul li ul li>ul{margin-left:10px} /*----手机站导航结束----------*/ /*banner*/ #ups-banner{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;opacity: 1;} .fixedok #ups-banner{opacity: 0;z-index: -1;} .fixed-top{padding-top:100vh;position:relative;transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;z-index:-1;} .fixed-top.fixed{padding-top:0} .banNews {height: 100%;overflow: hidden;position: relative;text-align: center;max-height: 570px;} .banNews h3{position: absolute;top: 50%;text-align: center;left: 50%;transform: translate(-50%,-50%);color:#000;font-weight:400;font-size:40px; background: rgba(255, 255, 255, 0.6);padding:30px 100px; } .banNews h3 dd{font-size:26px;font-family: arial;text-transform: uppercase;padding-top:10px;opacity:0.6;} /*网站内容*/ section{background:#fff;position: relative;z-index: 5;} /* 新闻 */ .ind_pr{margin-top:140px;} .ind_pr_box ul{display: flex;justify-content: space-between;} .ind_pr_box ul li{background:#d5eaff;line-height:88px;width: 50%;} .ind_pr_box ul li.cur{background:#0080ff;} .ind_pr_box ul li a{color:#222;} .ind_pr_box ul li.cur a{color:#fff;} .ind_pr_box ul li a dd{font-size:36px;font-weight: bold;padding-left:7%;} .ind_pr_box ul li a dd span{font-size:24px;font-family: arial;font-weight: 400;padding-left:2%;} .ind_pr_list {margin-top:40px;} .mySwiper2{background: url(../images/news_logo2.png) no-repeat bottom right;} .mySwiper2 .swiper-wrapper .swiper-slide{display: flex;justify-content: space-between;} .mySwiper2 .swiper-wrapper .swiper-slide>a{width:50%;display: block;} .mySwiper2 .swiper-wrapper .swiper-slide a img{width:100%;max-height: 430px;} .mySwiper2 .swiper-wrapper .swiper-slide dl{width:46%;} .mySwiper2 .swiper-wrapper .swiper-slide dl p{font-size:18px;color:#333;font-family: arial;padding-top:3.5%;transition: all 0.8s;} .mySwiper2 .swiper-wrapper .swiper-slide dl dt{font-size:28px;color:#333333;font-weight: bold;padding-top:3.5%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;line-height:28px;} .mySwiper2 .swiper-wrapper .swiper-slide dl dd{font-size:16px;line-height:35px;color:#333;padding-top:5%;} .mySwiper2 .swiper-wrapper .swiper-slide:hover dl dt{color: #0080ff;} /* .mySwiper2 .swiper-wrapper .swiper-slide dl:hover p{padding-left:10%;} */ .mySwiper2 .swiper-button-next,.mySwiper2 .swiper-button-prev{bottom:40px;top: auto;left:55%;} .mySwiper2 .swiper-button-next{left:61%;} .mySwiper2 .swiper-button-next:before,.mySwiper2 .swiper-button-prev:before{width: 62px;height:37px;opacity:0.4;} .mySwiper2 .swiper-button-next:before{background: url(../images/button-prev.png) no-repeat;content: '';} .mySwiper2 .swiper-button-prev:before{background: url(../images/button-next.png) no-repeat;content: '';} .mySwiper2 .swiper-button-prev::after,.mySwiper2 .swiper-button-next:after{display: none;} .mySwiper2 .swiper-button-next:hover:before,.mySwiper2 .swiper-button-prev:hover:before{opacity: 1;} .mySwiper {margin-top:40px;} .mySwiper .swiper-wrapper .swiper-slide .swiper-slide_box{display: flex;justify-content: space-between;border: solid 1px #dcdcdc;} .mySwiper .swiper-wrapper .swiper-slide img{width: 45%;max-height: 200px;} .mySwiper .swiper-wrapper .swiper-slide dl{width:55%;color:#999999;padding:20px 30px;} .mySwiper .swiper-wrapper .swiper-slide dl dt{font-size:36px;font-family: arial;font-weight: bold;} .mySwiper .swiper-wrapper .swiper-slide dl p{font-size:14px;padding-top:8px;} .mySwiper .swiper-wrapper .swiper-slide dl dd{font-size:16px;line-height:30px;padding-top:8px;color:#333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .mySwiper .swiper-wrapper .swiper-slide-thumb-active dl{background:#0080ff;color:#fff;} .mySwiper .swiper-wrapper .swiper-slide-thumb-active .swiper-slide_box{border: solid 1px #fff !important;} .mySwiper .swiper-wrapper .swiper-slide-thumb-active dl dd{color:#fff;} /* 新闻 end*/ /* 简介 */ .ind_about{background: url(../images/ind_about.jpg) no-repeat center;margin-top:100px;} .about_box{display: flex; justify-content: space-between;padding:100px 0;} .about_box_fl,.about_box_fr{width:49%;} .about_box_fl_dd h2{font-size:48px;font-weight: bold;color:#000;line-height:48px;padding:30px 0 40px;} .about_box_fl_dd p{color:#0080ff;font-size:14px;font-family: arial; text-transform: uppercase;} .about_box_fl_dd dd{font-size:15px;color:#333;line-height:35px;margin-bottom:30px;} .about_box_fl_dd a{display: inline-block;line-height:45px;border: solid 1px #0080ff;padding:0 45px;color:#0080ff;} .about_box_fl_dd a:hover{background:#0080ff;color:#fff;} .innum_foot{width:100%;margin-top:30px;} .innum_foot ul{display: flex; flex-wrap: wrap; justify-content: space-between;width: 100%;} .innum_foot ul li{width:33.3%;margin-top:40px;} .innum_foot ul li h4 span{font-weight: bold;font-size:60px;font-family: arial;line-height: 60px; background-image: linear-gradient( 180deg,#00c0fa,#015eea); -webkit-background-clip: text; background-clip: text; color: transparent;} .innum_foot ul li h4 p{display: inline-block;font-weight: 400;font-size:18px;} .innum_foot ul li dd{color:#333;font-size:18px;} .about_box_fr{text-align: center;} /* 简介 end*/ /* 专业 */ .ind_major ul{display: flex;justify-content: space-between;} .ind_major ul li{width:48%;background:#fff;box-shadow: 0px 4px 10px rgb(0 102 204 / 10%);} .ind_major ul li img{width:100%;} .ind_major ul li dl{padding:30px 10% 20px;} .ind_major ul li dl dt{font-size:30px;font-weight: bold;color:#333;line-height:30px;} .ind_major ul li dl i{background: linear-gradient(90deg,#63a3ff,#ffffff,#63a3ff);display: block;width:20px;height: 3px;margin:25px 0 15px;} .ind_major ul li dl dd a{font-size:18px;color:#666;line-height:40px;transition: all 0.8s;} .ind_major ul li:hover{background:#0080ff url(../images/major.png) no-repeat bottom right;box-shadow:none;} .ind_major ul li:hover dl dt,.ind_major ul li:hover dl dd a{color:#fff;} .ind_major ul li dl dd:hover a{padding-left:20px;} /* 专业 end*/ /* 标题 */ .ind_txt { text-align: center; padding:90px 0px 40px; } .ind_txt h2 { font-size: 48px; color: #000; font-weight: bold; line-height: 48px; } .ind_txt dd { font-size: 20px; color: #333; padding-top: 20px; } /* 标题 end*/ /* 党团建设 */ .ind_dangt{background:#f6fbff;margin-top:120px;padding:145px 0;} .ind_dangt_box{background:#f6fbff url(../images/dangt.png) no-repeat top left; display: flex; flex-wrap: wrap; justify-content: space-between;} .ind_dangt_box dl{width: 30%;position: relative;} .ind_dangt_box dl:nth-child(1){width:60%;display: flex; flex-wrap: wrap; align-content: center;} .ind_dangt_box dl:nth-child(2),.ind_dangt_box dl:nth-child(5){width:40%;} .ind_dangt_box dl:nth-child(1) dd{width:80%;line-height: 36px;font-size:18px;color:#333;padding-top:50px;position: initial;} .ind_dangt_box dl:nth-child(1) dt{height: auto;background: none;} .ind_dangt_box dl:nth-child(2) dt img{opacity: 1;} .ind_dangt_box dl dt{font-size:48px;font-weight: bold;color:#000000;line-height:48px;height: 100%;background:#000;} .ind_dangt_box dl dt img{width:100%;height: 100%;opacity: 0.6;transition: all 0.8s;} .ind_dangt_box dl dd{font-size:24px;color:#fff;position: absolute;bottom: 28px;left:28px;} .ind_dangt_box dl:hover dt img{opacity: 1;} /* 党团建设 end*/ /* 底部 */ .bottom_foot{background:#0080ff url(../images/bottom.jpg) no-repeat top center;} .bottom_foot_box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .bottom_foot_top{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;padding-top: 0px;width: 75%; float: left;} .bottom_foot_ce h3{font-size:56px;font-weight: bold;font-family: arial;color:#fff;text-transform: uppercase;} .bottom_foot_ce h3 span{font-size:22px;padding-left:20px;} .bottom_foot_ce .bottom_foot_ce_box{display: flex;color:#fff;font-size:20px;align-items: center;margin:20px 0;} .bottom_foot_ce .bottom_foot_ce_box i{display: block;width: 1px;height:30px;background:#fff;margin:0 40px;} .bottom_foot_ce .bottom_foot_ce_box dl{line-height:34px;} .bottom_foot_ce li{border:1px solid #fff;border-radius:40px;line-height:40px;display: inline-block;color:#fff;padding-left:16px;font-size:16px;} .bottom_foot_ce li a{background:#fff; color:#0080ff;border-radius:40px;line-height:40px;display: inline-block;padding:0 15px;font-weight: bold;} .bottom_foot_er{float: right;} .bottom_foot_er img{margin-right:20px;margin-top: 20px;} .bottom_foot_er h4{color:#0080ff;font-weight: bold;font-size: 26px;} .bottom_foot_db{border-top: solid 1px #1f8fe6;margin-top:60px;display: flex;padding-bottom:10px;} .bottom_foot_db dd{color:#fff;padding-right:20px;line-height:70px;} .bottom_foot_db dd a{color:#fff;} .footer-link-main{border-bottom: solid 1px #1f8fe6;} .footer-link-main h3{color: #fff;font-weight: bold;line-height: 40px;font-size: 20px; padding: 30px 0 20px;} .picscroll-left55400{width:100%;overflow:hidden; position:relative;} .picscroll-left55400 .bd ul{width:100%;overflow:hidden; zoom:1; } .picscroll-left55400 .bd ul li{width:360px;float:left; _display:inline; overflow:hidden; text-align:center;} .picscroll-left55400 .bd ul li .pic{margin-right:40px;text-align:center; } .picscroll-left55400 .bd ul li .pic img{max-width:100%;height:auto;} /* 底部 end*/ @media only screen and (max-width:1124px ) { .top_head{display: none;} .top_nav{display: none;} .sp_header{display: block;} } @media ( max-width:1580px) { .top_nav ul li{padding-right: 3%;} } @media ( max-width:1440px) { .top_dg{max-width: 96%;} .bottom_foot_ce .bottom_foot_ce_box i{margin: 0 20px;} } @media ( max-width:780px) { .fixed-top{display:none;} .fixed-top.fixed { padding-top: initial; -webkit-transition:none;display:none;} #ups-banner{position: initial;} header{background:#fff;} .top_left img:nth-child(2){display:block;} .top_left img:nth-child(1){display:none;} .ind_pr_box ul li a dd{font-size: 20px;} .ind_pr_box ul li a dd span { font-size: 14px;} .ind_pr_box ul li { line-height: 28px;padding: 10px 0;} .ind_pr_list { margin-top:20px; } .mySwiper2 .swiper-wrapper .swiper-slide>a{width:100%;} .mySwiper2 .swiper-wrapper .swiper-slide { flex-wrap: wrap;justify-content: center;} .mySwiper2 .swiper-wrapper .swiper-slide dl{width:95%;} .mySwiper2 .swiper-button-next { left: 75%; } .mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev { bottom: 0px; } .mySwiper .swiper-wrapper .swiper-slide dl { padding: 20px 10px; } .ind_about { margin-top: 40px;background: url(../images/ind_about.jpg) no-repeat center top;background-size: cover; } .about_box { display: flex; justify-content: center; flex-wrap: wrap;padding: 30px 0; } .about_box_fl, .about_box_fr{width:95%;} .about_box_fl_dd h2 { font-size: 24px; line-height: 30px; padding: 10px 0; } .innum_foot ul li h4 span { font-size: 46px;} .innum_foot ul li { margin-top: 20px; } .innum_foot { margin-top: 0px; } .about_box_fr img{width:90%;padding-top:20px;} .mySwiper2 .swiper-wrapper .swiper-slide dl dt { font-size: 18px;} .ind_txt { padding: 20px 0px 20px; } .ind_txt h2 { font-size: 24px; line-height:30px; } .ind_txt dd { font-size:16px; padding-top: 10px; } .ind_major ul li { width: 90%; margin: 0 auto; } .ind_major ul { flex-wrap: wrap; } .ind_major ul li dl dt { font-size: 20px; line-height: 20px; } .ind_major ul li dl dd a { font-size: 16px; line-height: 36px; } .ind_dangt { margin-top: 40px; padding: 40px 0; } .ind_dangt_box dl:nth-child(1) { width: 100%; } .ind_dangt_box dl { width: 50%; } .ind_dangt_box dl:nth-child(2), .ind_dangt_box dl:nth-child(5) { width: 50%; } .ind_dangt_box dl dt { font-size: 24px;} .ind_dangt_box dl:nth-child(1) dd { width: 100%; padding-top: 0px; font-size: 16px; padding-bottom: 10px;} .ind_dangt_box dl dd { font-size: 18px;} .bottom_foot_top { justify-content: center;padding-top: 40px;} .bottom_foot_ce .bottom_foot_ce_box i,.bottom_foot_ce .bottom_foot_ce_box dl{display:none;} .bottom_foot_ce .bottom_foot_ce_box dl:nth-child(1){display:block;} .bottom_foot_ce h3 { font-size: 24px;} .bottom_foot_ce h3 span { font-size: 22px; padding-left: 10px; } .bottom_foot_ce .bottom_foot_ce_box { margin: 10px 0; } .bottom_foot_top div:nth-child(1) img{width:80%;padding-bottom:20px;} .bottom_foot_top div:nth-child(1) {text-align:center;} .bottom_foot_db dd{display:none;} .bottom_foot_db dd:nth-child(1){display:block;} .ind_pr { margin-top: 20px; } .fixedok #ups-banner { opacity: 1; } .footer-link-main{display:none;} .bottom_foot_box { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .bottom_foot_ce{ display: flex; flex-wrap: wrap; justify-content: center; } .bottom_foot_top img{width:100%;} .banNews{margin-top: 60px;} .banNews .imgBg img{width:100%;} }