@charset "utf-8"; /* CSS Document */ /*2023.5.6*/ .fl { float: left; } .fr { float: right; } .pos { position: relative; } body{ } .box { overflow: hidden; } .container { max-width: 1320px; width: 90%; } .topbg{ position: absolute; left: 0px; top: 0px; padding-top:18px; padding-bottom:30px; width: 100%; z-index: 11; /*background: linear-gradient(to bottom, red 0%, blue 60%);*/ background-image: linear-gradient(rgb(33 32 32 / 60%), rgba(0,0,0,0.3), rgba(0,0,0,0)); } .logo{ } .searchbg{ background: url(../images/searchbg.png) no-repeat left top; width: 222px; height: 40px; float: right; margin-top: 26px; } .searchbg .inp-text{ width:188px; } .searchbg input.inp-text{ width:100%; padding-left: 18px; background: none; border: none; line-height:30px; box-shadow: none; color: #333; } .searchbg .inp-but{ width: 32px; height: 40px; cursor: pointer; background: none !important; border: none !important; box-shadow: none; } .searchbg input.inp-but{ width: 100%; height: 40px; cursor: pointer; background: none !important; border: none !important; box-shadow: none; } .wc-menu { margin-top:15px; } .wc-menu ul { /*转化为table 并且,宽度百分百,*/ display: table; width: 100%; margin-bottom: 0; border-top: 1px solid rgba(255,255,255,0.35); position: relative; } .wc-menu ul li { /*居中并且转为table-cell*/ text-align: center; display: table-cell; list-style: none; } .wc-menu ul li a { font-size: 20px; color: #fff; position: relative; display: inline-block; /*transition: all 0.2s;*/ text-decoration: none; padding: 12px 5px 14px; border-top:2px solid transparent; } .wc-menu ul li a:hover,.wc-menu ul li a.active, .wc-menu ul li a.move, .wc-menu ul li a.selected, .wc-menu ul li a.parent{ border-top:2px solid #e4daaa; } .wc-menu ul li:hover a::before { content: ''; position: absolute; bottom:0px; left:calc((100% - 24px) / 2); border-bottom: 10px solid rgba(255,255,255,0.7); border-right: 10px solid transparent; border-left: 10px solid transparent; } .wc-menu ul li:first-child a::before { display:none; } .wc-menu ul li .ernav { position: absolute; left: 00%; top:100%; background: rgba(255,255,255,0.7); width: 100%; z-index: 111 !important; display: none; border-radius: 8px; } .wc-menu ul li .ernav ul { border-top: 0px; padding-top: 0; display: block; } .wc-menu ul li .ernav ul li { /*text-align: center;*/ width: 20%; padding: 30px 0; float: left; display: block; } .wc-menu ul li .ernav ul li a { line-height: 28px; font-size: 18px; /*text-align: center;*/ background: none; box-shadow: none; border-radius: 0; color: #333; margin: 0; display: block; padding: 10px 14px ; border-bottom: none; font-weight: normal; text-decoration: none; border: none; } .wc-menu ul li .ernav ul li a::before { display:none; } .wc-menu ul li .ernav ul li a:hover { color: #b01f2a; } /*menu End*/ img { max-width: 100%; } .banner a{ display: block; text-decoration: none; } .banner a .bt{ position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgb(2,0,36); background: -moz-linear-gradient(360deg, rgba(2,0,36,0.7343312324929971) 0%, rgba(162,172,162,0.022846638655462215) 100%); background: -webkit-linear-gradient(360deg, rgba(2,0,36,0.7343312324929971) 0%, rgba(162,172,162,0.022846638655462215) 100%); background: linear-gradient(360deg, rgba(2,0,36,0.7343312324929971) 0%, rgba(162,172,162,0.022846638655462215) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#a2aca2",GradientType=1); } .banner a .bbg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(190,57,86,0.25); display:none; } .banner .swiper-slide{ text-align: center; } .banner a .ban-text{ width: 70%; text-align: left; } .banner a .ban-text h5{ font-size: 42px; color: #fff; font-family: 'SourceHanSerifCN-Regular'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .banner a .ban-text p{ font-size: 18px; color: #fff; font-family: 'SourceHanSerifCN-Regular'; } .ban-page{ position: absolute; left: 0px; bottom: 0px; width: 100%; } .banner .swiper-pagination { overflow: hidden; zoom: 1; bottom: 71px; right: 0px; width: 100%; text-align: right; } .banner .swiper-pagination-bullet { display: inline-block; width:51px; height: 49px; text-align: left; cursor: pointer; color: transparent; border-radius: 0%; opacity: 1; margin-right: 20px; background: url(../images/aa.png) no-repeat left center; } .banner .swiper-pagination-bullet-active { background: url(../images/ah.png) no-repeat left center; } /*banner end*/ .newsbg{ background: url(../images/newbg.jpg) no-repeat left center; padding: 46px 0; } .news-top{ } .news-top h4{ font-size: 42px; color: #333; } .news-top h4 i.i1{ display:block; width: 77px; height: 2px; background: #e60012; margin:auto; margin-top: 12px; } .news-top h4 i.i2{ display:block; width: 187px; height: 2px; background: #e60012; margin:auto; margin-top: 5px; } .news-top a{ display: block; font-size: 16px; color: #e60012; position: absolute; right: 0px; top: 30px; } .news-con{ margin-top: 20px; } .news-con .swiper-container{ padding: 0 10px; } .news-con .swiper-wrapper{ padding-bottom: 50px; padding-top: 20px; } .news-con .swiper-wrapper a{ display: block; text-decoration: none; } .news-con .swiper-wrapper a .date1{ background: url(../images/datebg1.png) no-repeat left top; width:68px; height: 68px; text-align: center; padding-top:8px; } .news-con .swiper-wrapper a .date1 span{ color: #fff; display: block; font-size: 20px; color: #fff; } .news-con .swiper-wrapper a .date1 i{ color: #fff; display: block; font-size: 14px; color: #fff; font-style: normal; } .news-con .swiper-wrapper a h4{ font-size: 20px; color: #000; font-weight: bold; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news-con .swiper-wrapper a p{ font-size: 14px; color: #999; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news-con .swiper-wrapper a{ background:#fff url(../images/dbg1.jpg) no-repeat left bottom; padding-bottom: 50px; min-height: 530px; padding: 15px; box-shadow: 3px 2px 5px 2px #ccc; display: block; /*background-size: cover;*/ } .news-con .swiper-wrapper div.swiper-slide a.a2{ background:#fff url(../images/dbg2.jpg) no-repeat left bottom; /*background-size: cover;*/ } .news-con .swiper-wrapper div.swiper-slide a.a3{ background:#fff url(../images/dbg3.jpg) no-repeat left bottom; /*background-size: cover;*/ } .news-con .swiper-wrapper div.swiper-slide a.a4{ background:#fff url(../images/dbg4.jpg) no-repeat left bottom; /*background-size: cover;*/ } .news-con .swiper-pagination { overflow: hidden; zoom: 1; text-align: center; bottom:10px; left: 0px; width: 100%; } .news-con .swiper-pagination-bullet { display: inline-block; width:12px; height: 12px; text-align: left; cursor: pointer; color: transparent; border-radius: 0%; opacity: 0.2; margin: 0 5px; background: #e60012; border-radius: 12px; } .news-con .swiper-pagination-bullet-active { opacity: 1; } .newsbg i.ii1{ position: absolute; left: -130px; top: 110px; } .newsbg i.ii2{ position: absolute; right: -130px; top: 110px; } .news-two{ margin-top: 50px; } .news-tcon{ margin-top: 35px; } .news-tcon ul{ } .news-tcon ul li{ float: left; background: url(../images/xuebg.jpg) no-repeat left top; width:48.5%; margin-right: 3%; min-height: 300px; box-shadow: 0px 1px 4px 3px #eaeaea; background-size: cover; position: relative; margin-bottom: 30px; transition: all 0.4s ease-out; } .news-tcon ul li:hover{ box-shadow: 0px 15px 47px -17px rgba(0, 0, 0, 0.64); transform: scale(1.02); transition: all 0.4s ease-out; cursor: pointer; } .news-tcon ul li:nth-child(even){ margin-right: 0; } .news-tcon ul li i{ position: absolute; right: 0px; top: 0px; } .news-tcon ul li .li-con{ /*background: #fff;*/ z-index: 1; position: relative; padding: 30px 27px 30px 30px; } .news-tcon ul li .li-con .li-img{ width: 60%; position: relative; } .news-tcon ul li .li-con .li-img .ren{ background: #e4daaa url(../images/xueic2.png) no-repeat 95% 80%; min-height: 74px; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 7px 10px; } .news-tcon ul li .li-con .li-img .ren .ren-img{ } .news-tcon ul li .li-con .li-img .ren .ren-img img{ border-radius: 100%; } .news-tcon ul li .li-con .li-img .ren .ren-tt{ padding-left: 14px; padding-top: 5px; } .news-tcon ul li .li-con .li-img .ren .ren-tt span{ display: block; font-size: 16px; color: #000; } .news-tcon ul li .li-con .li-img .ren .ren-tt p{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 0; } .news-tcon ul li .li-con .li-tt{ width:40%; background: #fff; border: 1px solid #e4daaa; border-left: none; padding: 15px 10px; } .news-tcon ul li .li-con{ padding: 0; margin: 30px 27px 30px 30px; background: #fff; border-bottom: 1px solid #e4daaa; border-right: 1px solid #e4daaa; } .news-tcon ul li .li-con .li-tt{ border-bottom: none; border-right: none; } .news-tcon ul li .li-con .li-tt h4{ font-size: 20px; color: #000; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .news-tcon ul li .li-con .li-tt span{ display: block; font-size: 14px; color: #000; line-height: 28px; } .news-tcon ul li .li-con .li-tt p{ font-size: 14px; color: #999; line-height:22px; margin-bottom: 0; } .news-tcon ul li .li-con .li-tt span:nth-child(3){ margin-bottom: 11px; } .news-top2 h4{ color: #fff; } .news-top2 a{ color: #fff; } .tongzhi{ background: url(../images/tongbg.jpg) no-repeat left center; padding: 30px 0; background-size: cover; } .tz-con{ margin-top:40px; } .tz-con .swiper-container{ padding-bottom:50px; } .tz-con a{ text-decoration: none; display: block; padding-bottom: 110px; position: relative; background:#fff url(../images/tbg1.jpg) no-repeat left bottom; padding: 30px 20px 110px 20px; transition: all 0.4s ease-out; background-size: contain; } .tz-con a:hover{ box-shadow: 0px 15px 47px -17px rgba(0, 0, 0, 0.64); transform: scale(1.02); transition: all 0.4s ease-out; cursor: pointer; } .tz-con a.a1{ background:#fff url(../images/tbg1.jpg) no-repeat left bottom; background-size: cover; } .tz-con a.a2{ background:#fff url(../images/tbg2.jpg) no-repeat left bottom; /*background-size: cover;*/ } .tz-con a.a3{ background:#fff url(../images/tbg3.jpg) no-repeat left bottom; /*background-size: cover;*/ } .tz-con a.a4{ background:#fff url(../images/tbg4.jpg) no-repeat left bottom; /*background-size: cover;*/ } .tz-con a i{ color: #fff; background: #333; position: absolute; right: 0px; top: 0px; line-height: 24px; padding: 0 10px; font-style: normal; } .tz-con a .date1 span{ display: block; color: #fff; background: url(../images/date2.png) no-repeat left top; width: 122px; height: 44px; line-height: 44px; text-align: center; } .tz-con a h4{ font-size: 20px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 15px 0; } .tz-con a p{ font-size: 14px; color: #999; line-height: 24px; font-family: 'SourceHanSans'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .tz-con .swiper-pagination { overflow: hidden; zoom: 1; text-align: center; bottom:10px; left: 0px; width: 100%; } .tz-con .swiper-pagination-bullet { display: inline-block; width:12px; height: 12px; text-align: left; cursor: pointer; color: transparent; border-radius: 0%; opacity: 0.2; margin: 0 5px; background: #fff; border-radius: 12px; } .tz-con .swiper-pagination-bullet-active { opacity: 1; } .jujiao{ background: url(../images/ju.jpg) no-repeat left center; padding: 55px 0 40px; background-size: cover; } .ju-con{ margin-top: 35px; } .ju-con .swiper-container{ padding-bottom: 50px; } .ju-con a{ display: block; text-decoration: none; position: relative; } .ju-con a span{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; font-size: 32px; text-shadow: 1px 2px 0 #b10c0c;; color: #fff } .ju-con a span i{ color: #fff; font-style: normal; margin-left: -130px; margin-top: -5px; } .ju-con a span.xue3 i{ margin-left: -160px; } .ju-con .swiper-pagination { overflow: hidden; zoom: 1; text-align: center; bottom:10px; left: 0px; width: 100%; } .ju-con .swiper-pagination-bullet { display: inline-block; width:12px; height: 12px; text-align: left; cursor: pointer; color: transparent; border-radius: 0%; opacity: 0.2; margin: 0 5px; background: #e60012; border-radius: 12px; } .ju-con .swiper-pagination-bullet-active { opacity: 1; } .ju-con a:hover{ opacity: 0.8; transition: all 0.5s; } /*footer*/ .footer{ background: #333; padding: 40px 0 25px; } .footer .f-left{ } .footer .f-left p{ font-size: 16px; color: #fff; line-height: 31px; margin: 0; } .footer .f-mid .b-link{ margin-bottom: 15px; } .footer .f-mid select{ border-radius: 0; height: 35px; line-height: 35px; width: 200px; } .f-right{ } .f-right ul{ margin-top: -18px; margin-bottom: 0; } .f-right ul li{ /*float: left;*/ display: inline-block; text-align: center; margin-left: 20px; } .f-right ul li span{ font-size: 14px; color: #999; display: block; margin-bottom: 5px; font-family: 'SourceHanSans'; } /*.wc-copyEnd*/ @media (min-width: 1200px) { } @media (max-width: 1450px) { .news-con .swiper-wrapper a{ min-height: 530px; } .news-tcon ul li .li-con .li-tt span{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news-tcon ul li .li-con .li-tt p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; } } @media (max-width: 1440px) { .news-tcon ul li .li-con .li-tt h4{ -webkit-line-clamp: 1; } .banner .swiper-pagination{ bottom: 25px; } .banner a .bt{ } .banner a .bt{ font-size: 36px; } .news-con .swiper-wrapper a{ min-height: 450px; } .newsbg{ padding: 30px 0 10px; } .banner a .ban-text h5{ font-size: 36px; } .news-top h4{ font-size: 38px; } } @media (max-width: 1350px) { .news-top h4{ font-size: 30px; } .banner a .ban-text h5{ font-size: 30px; } } @media (max-width: 1300px) { .news-top h4{ font-size: 30px; } .banner a .ban-text h5{ font-size: 26px; } .news-two{ margin-top: 30px; } .jujiao{ padding: 30px 0 20px; } } @media (max-width: 1200px) { /*中等屏幕设备 桌面*/ .wc-menu ul li a{ font-size: 18px; } .news-tcon ul li .li-con .li-tt h4{ margin-bottom: 5px; } .news-tcon ul li .li-con .li-tt span:nth-child(3) { margin-bottom: 1px; } .news-tcon ul li{ min-height: 200px; } .tz-con a.a1,.tz-con a.a2,.tz-con a.a3,.tz-con a.a4{ /*background-size: cover;*/ background-size: contain; } .news-con .swiper-wrapper a{ background-size: contain !important; } .footer .f-left p{ line-height: 26px; } } @media (max-width: 991px) { /*小屏幕设备 平板*/ .container { width: 94%; } .logo1 img{ max-width: 46%; } /*.mnmd-offcanvas__title{ background: #b81c22; }*/ .mnmd-offcanvas-close{ color: #fff; } .mnmd-offcanvas-close:hover{ color: #fff; } .navigation--offcanvas li > a:after{ border-right: 3px solid #b01f2a; } .mnmd-offcanvas__title{ background: #b01f2a; 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: 14px; } .news-tcon ul li .li-con .li-img .ren{ bottom: -40px; } .news-tcon ul li .li-con .li-img .ren .ren-tt p{ font-size: 16px; } .footer .f-left p{ font-size: 14px; } .ju-con a span{ font-size: 26px; } .ju-con a span i{ margin-left: -104px; } .ju-con a span.xue3 i { margin-left: -132px; } .news-top h4 i.i2{ width: 150px; } .footer .f-mid select{ width: 100%; } .f-right ul li{ margin-left: 0; width: 31%; margin-left: 1%; } .banner a .ban-text h5{ -webkit-line-clamp:1; } .banner a .ban-text p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .banner a .ban-text h5{ font-size: 22px; } .news-top h4{ font-size: 26px; } .news-con .swiper-wrapper a h4{ font-size: 18px; } .news-tcon ul li .li-con .li-tt h4{ font-size: 18px; } } @media (max-width: 867px){ .news-tcon ul li .li-con .li-img{ width: 100%; } .news-tcon ul li .li-con .li-tt{ width: 100%; } .news-tcon ul li .li-con .li-img .ren{ position: relative; bottom: auto; left: auto; } .news-tcon ul li .li-con{ border: 1px solid #e4daaa; } } @media (max-width: 767px) { /*超小屏幕设备 手机*/ .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; } .mobile-header-btn i{ } .mnmd-offcanvas__title .site-logo img { max-width: 140px; } .navigation--offcanvas li > a{ font-size: 14px; } #img{ /*height: 72px;*/ } .logo1 img{ /*height: 60px;*/ } .container { width: 100%; } .mobile-header-btn i{ } .banner a .ban-text h5{ font-size: 16px; } .banner .swiper-pagination-bullet{ width: 12px; height: 12px; background: #b01f2a; opacity: 0.5; border-radius: 100%; margin: 0 5px; } .banner .swiper-pagination-bullet-active { opacity: 1; background: #b01f2a; } .banner a .bt{ height: 40px; } .banner .swiper-pagination{ bottom: 14px; } .banner a .ban-text p{ font-size: 14px; } .newsbg{ padding-top: 15px; } .news-con{ margin-top: 0; } .news-con .swiper-wrapper a{ background:#fff!important; min-height: inherit; } .news-con .swiper-wrapper a h4{ font-size: 16px; } .news-tcon ul li .li-con .li-tt h4{ font-size: 16px; font-weight: bold; } .tongzhi{ padding: 20px 0; } .tz-con{ margin-top: 20px; } .news-tcon ul li{ width: 100%; margin-right: 0; } .news-top h4{ font-size: 20px; } .news-top h4 i.i2{ width: 100px; } .ju-con { margin-top: 26px; } .footer{ padding: 15px 0 ; } .f-mid{ margin: 20px 0 10px; } .f-right ul{ margin-top: 0; } } @media (max-width: 660px) { .logo1 img{ max-width: 50%; } }