@charset "utf-8"; /* css document */ /*2023.6.1*/ /*2023.6.6*/ .xubox_layer, .xubox_shade{ display: none; } a.adefualt { cursor: default; } a.adefualt:hover { color: #343434 !important; } .fl { float: left; } .fr { float: right; } .pos { position: relative; } .box { overflow: hidden; } .container { max-width: 1660px; width: 90%; } .row50 { margin-right: -50px; margin-left: -50px; } .pad50 { padding-left: 50px; padding-right: 50px; } /*顶部弹出搜索样式*/ /*header-top*/ .header-top { color: #fff; position: absolute; top: -6px; right: 15px; text-align: right; } .search-btn { font-size: 18px; cursor: pointer; text-align: center; color: #333; } .search-btn:hover { opacity: .9; text-decoration: none; } .search-box { height: 0; overflow: hidden; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; position: relative; z-index: 1000; background: #fff; } .search-box h2 { font-size: 24px; color: #555; margin-bottom: 30px; margin-top: 50px; } .search-box .container { position: relative; } .search-box .close { position: absolute; top: 30px; right: 15px; font-size: 14px; cursor: pointer; } .search-box .close i { font-style: normal; } .search-form { margin-bottom: 40px; width: 100%; position: relative; } .search-form .form-text { width: 100%; border: none; box-shadow: none; border-bottom: 1px solid #ccc; font-style: italic; height: 60px; font-size: 16px; /*padding: 0 100px 0 15px;*/ } .search-form .form-text:focus { border-top: none; border-left: none; border-right: none; border-radius: 0; font-style: normal; border-bottom-color: #333; } .search-form .form-submit { position: absolute; right: 0; top: 0px; width: 100px; height: 60px; line-height: 60px; background: none; border: none; outline: none; color: #666; font-weight: bold; font-size: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .search-form .form-submit:hover { background: #333; color: #fff; } /*顶部弹出样式 end*/ .in-top { padding: 15px 0; background: #fff; background: #fff; width: 100%; border-bottom: 1px solid #ccc; } .in-top.top-fixed { z-index: 10000; position: fixed; top: 0; } .topbg { } .logo { } .top-right { } .top-right a.lang-en { font-family: helvetica,arial,sans-serif; color: #343434; font-size: 18px; padding-left: 20px; font-weight: bold; } .top-right a.xkdl { color: #343434; font-size: 18px; padding-left: 20px; font-weight: bold; } .search { display: inline-block; position: relative; padding: 0px 20px; } .search .input { position: absolute; z-index: 1; left: auto; right: 10px; top: -7px; bottom: auto; height: 30px; width: 44px; opacity: 1 !important; visibility: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; /*border: 1px solid #ccc;*/ z-index: 11; } .search .search-btn { background: url(/uploads/image/_t081timages/search1.png) no-repeat center center; z-index: 10000; position: relative; font-size: 18px; cursor: pointer; text-align: center; padding: 12px 13px; color: #333; border: 0; top: -5px; right: 0px; } .search .input input { width: 100%; height: 40px; line-height: 40px; font-size: 16px; padding: 5px 30px 5px 10px; color: #333; } .search:hover .input { width: 300px; opacity: 1; visibility: visible; } .search:hover .search-btn { background: url(/uploads/image/_t081timages/search1.png) no-repeat center center; } .in-one { padding-top: 71px; } img { max-width: 100%; } .banner { display: block; text-decoration: none; position: relative; } .banner span a { position: absolute; right: 0; bottom: 0px; width: 100%; color: #ddd; text-align: center; background: #3434349c; line-height: 50px; padding: 0 10px; font-size: 22px; font-weight: bold; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-decoration: none; } .banner span a:hover{ color: #b21e23; } .banner a img{ width: 100%; } .banner .swiper-container { text-align: right; z-index: 0; } .banner .swiper-pagination { overflow: hidden; zoom: 1; text-align: center; bottom: 33px; left: 0px; width: 100%; } .banner .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 0.5; background: #fff; } .banner .swiper-pagination-bullet-active { opacity: 1; } /*banner end*/ .in-bleft { padding-top: 135px; } .in-bleft h5 { margin-bottom: 45px; } .in-bleft p { font-size: 16px; color: #333; line-height: 27px; font-family: 'sourcehansanssc-vf'; text-align: justify; } .in-tleft { } .in-tright { padding-left: 50px; padding-right: 50px; } .in-tleft h5 { font-weight: bold; font-size: 70px; color: #343434; line-height: 1; margin: 0px; font-family: 'sourcehansanscn-heavy'; } .in-tleft ul { margin: 0; padding: 0; margin-top: 20px; } .in-tleft ul li { } .in-tleft ul li a { text-decoration: none; display: inline-block; font-size: 30px; color: #343434; /*transition: all 0.8s;*/ border-bottom: 2px solid transparent; font-weight: bold; font-family: 'sourcehansanscn-medium'; } .in-tleft ul li a:hover { text-decoration: none; color: #b21e23; } .inb-right { } .in-timg { text-align: right; } .in-timg { overflow: hidden; } /*.in-timg img { transform: scale(1.0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .in-timg img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transition: all 0.2s linear; opacity: 0.8; }*/ .in-two { margin-top: 50px; } .news .new-li-box { } .news { margin-top: 85px; } .news .new-top { height: 85px; } .news .new-top a{ width: 50px; height: 50px; background: url(/uploads/image/_t081timages/more.png) no-repeat; position: absolute; right:45%; top: 45%; } .news .new-top a:hover{ background: url(/uploads/image/_t081timages/more_hover.png) no-repeat; } .news .new-li { margin-bottom: 20px; transition: all 0.8s; /*height: 450px; overflow: hidden;*/ } .news .new-li h5 { font-size: 42px; color: #343434; font-weight: bold; margin-bottom: 0; } .news .new-li p { } .news .new-li { text-decoration: none; display: block; /*position: relative;*/ } .news .new-li .a-tt { position: relative; } .news .new-li .a-tt h4 { float: left; font-size: 42px; font-weight: bold; color: #343434; margin: 0; } .news .new-li .a-tt h4 a { color: #343434; text-decoration: none; } .news .new-li .a-tt span { display: block; position: absolute; right: 0px; bottom: 0; font-size: 16px; color: #343434; } .news .new-li .a-img{ overflow: hidden; } .news .new-li .a-img img { transform: scale(1.0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .news .new-li .a-img img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transition: all 0.2s linear; opacity: 0.8; } .news .new-li p { font-size: 16px; color: #343434; } .news .new-li p a { font-size: 16px; color: #343434; text-decoration: none; font-family: 'sourcehansanssc-vf'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 48px; } .news .new-li a:hover { /*opacity: 0.8; transition: all 0.8s;*/ color: #b21e23; } .news .new-li p { position: relative; display: inline-block; text-align: justify; } .news .new-li span.bb { display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.35); position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.8s; } .news .new-li:hover .bb { opacity: 1; transition: all 0.8s; } .news .new-li .a-tt h4 i.i1{ width: 36px; height: 36px; background: url(/uploads/image/_t081timages/more.png) no-repeat; position: absolute; margin-left: 6px; top: 8px; background-size: 36px 36px; } .news .new-li .a-tt h4 i.i1:hover{ width: 36px; height: 36px; background: url(/uploads/image/_t081timages/more_hover.png) no-repeat; background-size: 36px 36px; } .tongzhi { margin-top: 40px; padding-bottom: 10px; } .tongzhi .tong-top { position: relative; } .tongzhi .tong-top h4 { font-size: 70px; font-weight: bold; color: #343434; margin: 0; font-family: 'sourcehansanscn-heavy'; } .tongzhi .tong-top a { width: 50px; height: 50px; background: no-repeat; position: absolute; right: 0; bottom: 2px; } .tongzhi .tong-top a:hover { background: no-repeat; } .tong-con { margin-top: 30px; } .tong-con .tz-li { margin-bottom: 20px; } .tong-con .li-content a { display: block; text-decoration: none; font-size: 24px; color: #343434; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height:42px; } .tong-con .li-content a:hover { text-decoration: none; color: #b21e23; } .tong-con .li-top .li-h4 a , .tong-con .li-top .li-h4 span { font-size: 30px; color: #343434; font-weight: bold; cursor: default; font-family: 'sourcehansanscn-medium'; } .tong-con .li-top .li-h4 a:hover { text-decoration: none; } .tong-con .li-top { position: relative; } .tong-con .li-top .li-span { font-size: 30px; color: #343434; font-family: helvetica-bold,helvetica; /*right: 0px; position: absolute; bottom: -9px;*/ } .jiangzuo { margin: 85px 0 50px; position: relative; } .jiangzuo h3 { font-size: 70px; font-weight: bold; color: #343434; width: 73px; padding-top: 30%; position: relative; padding-bottom: 80px; font-family: 'sourcehansanscn-heavy'; } .jiangzuo h3 a{ color: #343434; text-decoration: none; } .jiangzuo h3 a::after{ content: ' '; width: 50px; height: 50px; background: url(/uploads/image/_t081timages/more.png) no-repeat; position: absolute; left: 12px; bottom: 2px; } .jiangzuo h3:hover a::after{ background: no-repeat; } .zuo { text-align: right; width: 327px; } .zuo a span { text-align: right; display: block; font-size: 16px; color: #343434; margin-bottom: 6px; } .zuo a { text-decoration: none; display: block; } .zuo a:hover p{ color:#b21e23; } .zuo p:hover img { opacity: 0.8; transition: all 0.8s; } .zuo a p { font-size: 16px; color: #343434; margin-bottom: 0; text-align: justify; } .zuo a p { overflow: hidden; } .zuo a p img { transform: scale(1.0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .zuo a p img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transition: all 0.2s linear; opacity: 0.8; } .zuo a p:last-child { text-align: justify; margin-bottom: 20px; margin-top: 6px; } .news .new-li img { width: 100%; object-fit: cover; } /*footer*/ .footer { background: #343434; padding: 30px 0 15px; } .f-left{ padding-right:15px !important; } .f-left p { color: #ddd; font-size: 16px; margin: 23px 0 0; } .f-left .articlecontent{ margin-top: 95px; } .f-mid { } .footer h5 { font-size: 16px; color: #ddd; font-weight: normal; } .f-mid ul { margin: 0; padding: 0; } .f-mid ul li { font-size: 33px; color: #ddd; margin-bottom: 40px; } .f-mid ul li a , .f-mid p{ color: #ddd; text-decoration: none; } .f-mid ul li a:hover { color: #b21e23; text-decoration: none; } .f-right { } .f-right ul { margin: 0; padding: 0; margin-top: 19px; } .f-right ul li { margin-bottom: 40px; } .f-right ul li:last-child { padding-top:16px; } .f-right ul li a{ position: relative; text-decoration: none; } .f-right ul li a .weixin { width: 120px; position: absolute; left: -43px; bottom: 85px; z-index: 23; opacity: 0; visibility: hidden; transition: all 0.5s ease; } .f-right ul li a .weixin:before{ width: 0px; height: 0px; content: ""; border-left: 8px transparent solid; border-right: 8px transparent solid; border-top: 8px #fff solid; position: absolute; left: 50%; margin-left: -8px; bottom: -8px; z-index: 12; } .f-right ul li a:hover .weixin{ opacity:1; visibility: visible; bottom:40px } /**/ /*.wc-copyend*/ /*侧边导航样式*/ .mnmd-offcanvas { background: #343434; } .mnmd-offcanvas__title { background: #343434; } .mnmd-offcanvas-close { color: #fff; font-size: 20px; } .mnmd-offcanvas-close:hover { color: #fff; font-size: 20px; } .wc-jians { } .wc-jians ul { padding-left:0px; } .wc-jians ul li { text-align: center; margin-bottom: 15px; } .wc-jians ul li a { font-size: 20px; color: #fff; display: block; line-height: 38px; border: 1px solid #e0e0e0; text-decoration: none; } .mnmd-offcanvas { width: 260px; } .navigation--offcanvas li > a, .navigation--offcanvas li > a:hover { font-size: 20px; color: #fff !important; } .wc-bao { text-align: center; margin-top: 20px; display: none; } .wc-bao a { display: inline-block; text-decoration: none; line-height: 38px; font-size: 20px; color: #fff; border: 1px solid #e0e0e0; padding: 0 26px; margin: 0 2px; } .navigation--offcanvas li > a:after { border: none; } .mnmd-offcanvas__section { /*padding: 15px;*/ } .navigation--offcanvas li { border-bottom: none; } .navigation--offcanvas .sub-menu li > a { padding: 5px 15px; } .icon-unfold:before { content: none; } .navigation--offcanvas li a b { padding: 0 8px 0 5px; } .navigation--offcanvas li a b img { vertical-align: 1px; } .navigation--offcanvas .sub-menu { padding-left: 20px; padding-top: 0; margin-top: -10px; } .jiang-left { padding-left: 50px; padding-right: 50px; } .jiang-right { padding-left: 50px; padding-right: 50px; } @media (min-width: 1200px) { .top-right { margin-top: 10px; } } @media (max-width: 1700px) { .tong-con .li-content a { font-size: 22px; } .tong-con .li-top .li-span { font-size: 28px; } .tong-con .tz-li { margin-bottom: 20px; } } @media (max-width: 1600px) { .in-bleft { padding-top: 80px; } .in-tleft h5 { font-size: 64px; } .in-tleft ul { margin-top: 10px; } .tongzhi .tong-top h4 { font-size: 64px; } .tong-con .li-top .li-h4 a , .tong-con .li-top .li-h4 span{ font-size: 28px; } .tong-con .li-top .li-span { font-size: 26px; } .news .new-li h5 { font-size: 40px; } .jiangzuo h3 { font-size: 64px; } .f-mid ul li { font-size: 30px; } } @media (max-width: 1500px) { .in-bleft { padding-top: 56px; } .jiangzuo h3 { font-size: 52px; } .jiangzuo h3 a::after{ left: 3px; } .in-tleft h5 { font-size: 52px; margin-top: 0; } .in-tleft ul li a { font-size: 20px; } .news .new-li h5 { font-size: 30px; } .news { margin-top: 55px; } .in-two { margin-top: 30px; } .tongzhi .tong-top h4 { font-size: 52px; } .tong-con .li-top .li-h4 a , .tong-con .li-top .li-h4 span{ font-size: 26px; } .tong-con .li-top .li-span { font-size: 24px; } .tongzhi { margin-top: 30px; } } @media (max-width: 1460px) { .banner span a{ font-size: 18px; } .in-tleft h5 { font-size: 40px; } .in-tleft ul li a { font-size: 18px; } .news .new-li h5 { font-size: 26px; } .tongzhi .tong-top h4 { font-size: 40px; } .tongzhi .tong-top a { width: 38px; height: 38px; background-size: 38px 38px; } .tongzhi .tong-top a:hover { width: 38px; height: 38px; background-size: 38px 38px; } .tong-con ul { margin-top: 10px; margin-bottom: 10px; } .tong-con .li-content a { font-size: 20px; } .tong-con .li-top .li-h4 a , .tong-con .li-top .li-h4 span{ font-size: 24px; } .tong-con .li-top .li-span { font-size: 22px; } .news .new-li .a-tt h4{ font-size: 40px; } .jiangzuo h3 { font-size: 40px; } .jiangzuo h3 a::after { width: 38px; height: 38px; background-size: 38px 38px; left: 0px; } .jiangzuo h3:hover a::after{ width: 38px; height: 38px; background-size: 38px 38px; } .f-left .articlecontent{ margin-top: 43px; } .f-mid ul li { font-size: 24px; margin-bottom: 20px; } .f-right ul li { margin-bottom: 20px; } .jiangzuo { margin: 60px 0 40px; } .f-right ul li:last-child { padding-top: 0px; } .f-right ul{ margin-top:16px; } } @media (max-width: 1400px) { .in-bleft { padding-top: 16px; } } @media (max-width: 1350px) { .news .new-li .a-tt h4 { font-size: 28px; } .news .new-li .a-tt h4 i.i1 { width: 24px; height: 24px; top: 3px; background-size: 24px 24px; } .news .new-li .a-tt h4 i.i1:hover { width: 24px; height: 24px; background-size: 24px 24px; } } @media (max-width: 1200px) { .row50 { margin-right: -30px; margin-left: -30px; } .pad50 { padding-left: 30px; padding-right: 30px; } /*中等屏幕设备 桌面*/ .in-bleft { padding-top: 10px; } .in-bleft h5 { margin-bottom: 15px; } .in-tleft h5 { font-size: 34px; } .news .new-li h5 { font-size: 24px; } .tongzhi .tong-top h4 { font-size: 34px; } .news .new-li .a-tt h4 a { font-size: 24px; } .news .new-li .a-tt h4 { font-size: 24px; } .news .new-li .a-tt h4 i.i1 { width: 22px; height: 22px; top: 2px; background-size: 22px 22px; } .news .new-li .a-tt h4 i.i1:hover { width: 22px; height: 22px; background-size: 22px 22px; } .tong-con .li-top .li-h4 a , .tong-con .li-top .li-h4 span{ font-size: 22px; } .tong-con .li-top .li-span { font-size: 20px; } .tong-con .li-content a { font-size: 18px; } .tongzhi { margin-top: 20px; } .jiangzuo h3 { font-size: 34px; width: 50px; } .jiangzuo h3 a::after { left: 1px; bottom: 2px; width: 32px; height: 32px; background-size: 32px 32px; } .jiangzuo h3:hover a::after{ width: 32px; height: 32px; background-size: 32px 32px; } .tongzhi .tong-top a { width: 34px; height: 34px; background-size: 34px 34px; } .tongzhi .tong-top a:hover{ width: 34px; height: 34px; background-size: 34px 34px; } .f-left p{ font-size: 14px; } .f-mid ul li { font-size: 20px; } .f-right ul li img{ height: 25px; } .f-right ul{ margin-top:12px; } } @media (max-width: 1150px) { .in-bleft h5 { text-align: center; } .in-bleft h5 img { max-width: 50%; } .jiangzuo { margin: 40px 0 20px; } } @media (max-width: 991px) { .f-left .articlecontent{ margin-top: 0px; } .container { width: 100%; } .row50 { margin-right: -15px; margin-left: -15px; } .pad50 { padding-left: 15px; padding-right: 15px; } .logo1 img { max-width: 46%; } .mnmd-offcanvas-close { color: #fff; } .mnmd-offcanvas-close:hover { color: #fff; } .navigation--offcanvas li > a:after { border-right: 3px solid #b01f2a; } .mnmd-offcanvas__title { padding: 15px 50px 15px 15px; } /*另一种方法,宽度百分百*/ /*.navigation--offcanvas .submenu-toggle{ width: 100%; } .navigation--offcanvas .submenu-toggle i{ right: 0px; left: auto; }*/ .mnmd-offcanvas__title .site-logo img { max-width: 260px; } .navigation--offcanvas li > a { font-size: 16px; } .banner { text-align: center; } .banner .swiper-container { text-align: center; } .banner a span { font-size: 16px; line-height: 25px; } .news .new-li:hover { margin-top: 0px; transition: all 0.8s; } .in-tleft h5, .tongzhi .tong-top h4 { font-size: 28px; } .news .new-li { margin-bottom: 10px; } .news .new-li .a-tt h4 , .news .new-li .a-tt h4 a{ font-size: 22px; } .tong-con .li-top .li-h4 a , .tong-con .li-top .li-h4 span { font-size: 20px; } .tongzhi { padding-bottom: 0; } .tong-con { margin-top: 20px; } .tong-con .tz-li{ margin-bottom: 10px; } .jiangzuo h3 { float: none; width: auto; font-size: 28px; padding-top: 10px; padding-bottom: 0; margin: 0; } .jiangzuo h3 a::after { width: 28px; height: 28px; left: auto; bottom: 2px; right: 0px; background-size: 28px 28px; } .jiangzuo h3:hover a::after { width: 28px; height: 28px; background-size: 28px 28px; } .tongzhi .tong-top a{ width: 28px; height: 28px; background-size: 28px 28px; } .tongzhi .tong-top a:hover{ width: 28px; height: 28px; background-size: 28px 28px; } .f-mid ul li { font-size: 18px; } .in-one { padding-top: 30px; } .wc-jians ul li a { font-size: 16px; } .navigation--offcanvas li > a { font-size: 16px !important; } .wc-bao a { font-size: 14px; line-height: 30px; } .f-right ul li { margin-bottom: 19px; } } @media (max-width: 767px) { /*超小屏幕设备 手机*/ .top-right { position: absolute; bottom: 10px; right: 0px; z-index: 1; } .right-nr table td, .right-nr table th { white-space: nowrap; } .logo1 { padding-bottom: 1px; width: 90%; text-align: left; float: left; } .logo1 img { padding-top: 6px; } .mnmd-offcanvas__title .site-logo img { max-width: 140px; } .navigation--offcanvas li > a { font-size: 14px; } #img { /*height: 72px;*/ } .logo1 img { /*height: 60px;*/ } .in-tleft { padding-top: 20px; } .in-top { padding-top: 10px; position: relative; } .in-top img { height: 100%; } .in-bleft h5 img { max-width: 40%; } .in-one { padding-top: 25px; } .news .new-li p{ display: block; text-align: left; } .news .new-li .a-tt h4 , .news .new-li .a-tt h4 a { font-size: 20px; } .news .new-li .a-tt h4 i.i1 { width: 18px; height: 18px; top: 2px; background-size: 18px 18px; } .news .new-li .a-tt h4 i.i1:hover { width: 18px; height: 18px; background-size: 18px 18px; } .in-tleft h5, .tongzhi .tong-top h4 { font-size: 20px; } .in-two { margin-top: 0px; margin-bottom: 15px; } .in-tleft ul li a { font-size: 16px; } .in-timg { margin-top: 25px; } .news { margin-top: 45px; } .news .new-li { text-align: center; } .news .new-li h5 { font-size: 20px; margin-bottom: 10px; } .tongzhi{ margin-top: 25px; } .tong-con .li-top .li-h4 a , .tong-con .li-top .li-h4 span{ font-size: 16px; } .tong-con .li-top .li-span { font-size: 16px; } .tong-con .li-content a { font-size: 16px; line-height: 26px; } .tongzhi .tong-top a{ background-size: 18px 18px; width: 18px; height: 18px; } .tongzhi .tong-top a:hover{ background-size: 18px 18px; width: 18px; height: 18px; } .tong-con .tong-con .tz-li { margin-bottom: 10px; } .jiangzuo { margin: 43px 0 20px; } .jiangzuo h3 { font-size: 20px; padding-top: 0; padding-bottom: 0; } .zuo { float: none; width: 100%; text-align: center; } .zuo a p img{ width: 100%; } .zuo a p:last-child { margin-top: 1px; } .jiangzuo h3 a::after{ width: 18px; height: 18px; left: auto; background-size: 18px 18px; right: 0px; } .jiangzuo h3:hover a::after { width: 18px; height: 18px; background-size: 18px 18px; } .jiangzuo .jiang-right{ margin-top: 18px; } .banner .swiper-pagination { bottom: 25px; } .footer { padding: 20px 0; } .f-left p { font-size: 14px; } .f-left p img { width: 60%; } .f-left p:first-child { /*text-align: center;*/ } .footer h5 { font-weight: bold; margin-bottom: 10px; font-size: 18px; } .f-mid ul li { margin-bottom: 10px; } .f-right ul { /*text-align: center;*/ } .f-right ul li { margin-bottom: 0px; display: inline-block; padding: 0 5px; } .f-mid{ margin: 30px 0; } } @media (max-width: 660px) { .logo1 img { max-width: 50%; } }