html {
scrollbar-width: none;
-ms-overflow-style: none;
}
::-webkit-scrollbar {
display: none;
}
body {
padding: 0;
margin: 0;
}
li,
ul {
list-style: none;
padding: 0;
margin: 0;
box-sizing: border-box;
}
a {
cursor: pointer;
text-decoration: none;
/* color: currentColor; */
}
div {
box-sizing: border-box;
}
.content {
position: relative;
width: 100%;
height: auto;
}
.swiper_container_index .index {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding-bottom: 40px;
}
.banner_pc {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
.banner_mobile {
display: none;
}
.head {
position: fixed;
top: 0;
width: 100%;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 187px 0 240px;
background: rgba(255, 255, 255, 0.3);
z-index: 998;
}
.headMask {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #111111;
opacity: 0.6;
z-index: 998;
}
.head .menu_mobile,
.head .open_menu {
display: none;
}
.head .menu_pc {
display: flex;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.head .menu_pc li {
width: auto;
max-width: 177px;
margin-right: auto;
}
.head .menu_pc li a {
display: block;
width: 100%;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17);
line-height: 20px;
margin-right: 59px;
}
.head .menu_pc li:first-of-type {
margin-right: 96px;
}
.head .menu_pc li.active a {
color: #002956 !important;
}
.head .menu_pc li:hover a {
color: #002956 !important;
}
.head .langSelect {
position: relative;
display: flex;
align-items: center;
}
.head .langSelect .arrowTop {
transition: all 0.6s;
}
.head .langSelect .arrowTop.active {
transform: rotate(180deg);
}
.head .langSelect .flag {}
.head .langSelect .lang {
margin: 0 14px 0 8px;
}
.head .langSelect .lang li span {
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
}
.head .langSelect .list {
display: none;
position: absolute;
top: 160%;
left: 50%;
transform: translate(-50%, 0%);
width: 120px;
background: #FFFFFF;
border: 1px solid #DCDCDC;
box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.15);
padding: 0 20px;
}
.head .langSelect .list::before {
position: absolute;
top: -3%;
left: 43%;
transform: rotate(135deg);
content: '';
width: 15px;
height: 15px;
background: #FFFFFF;
}
.head .langSelect .list li {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #DCDCDC;
padding: 10px 0;
}
.head .langSelect .list li a {
display: flex;
align-items: center;
}
.head .langSelect .list li:last-of-type {
border: none;
}
.head .langSelect .list li span {
width: 27px;
text-align: center;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-left: 15px;
}
.swiper_container_index {
width: 100%;
}
.swiper_container_index .index .section {
width: 100%;
display: flex;
align-items: center;
z-index: 1;
justify-content: center;
}
.swiper_container_index .index .section li {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 80px;
background: rgba(0, 41, 86, 0.12);
border-radius: 12px;
transition: all 0.6s;
margin-right: 23px;
}
.swiper_container_index .index .section li img {
transition: all 0.6s;
}
.swiper_container_index .index .section li span {
display: none;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FFFFFF;
line-height: 36px;
transition: all 0.6s;
text-align: center;
}
.swiper_container_index .index .section li:hover {
background: #002956;
}
.swiper_container_index .index .section li:hover img {
display: none;
}
.swiper_container_index .index .section li:hover span {
display: block;
}
.swiper_container_index .index .down {
position: absolute;
right: 1%;
bottom: 30%;
}
.swiper_container_index .swiper_pagination_index {
display: flex;
flex-direction: column;
align-items: center;
right: 20px;
}
.swiper_container_index .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
margin: 0;
}
.swiper_container_index .swiper-pagination-bullet-active {
width: 18px;
height: 18px;
background: rgba(18, 150, 219, 0);
border: 2px solid #002956;
border-radius: 50%;
}
.swiper_container_index .about {
display: flex;
justify-content: center;
align-items: center;
background-image: url('../image/BG_two.png');
background-size: cover;
}
.swiper_container_index .about .left {
width: 634px;
display: flex;
flex-direction: column;
}
.swiper_container_index .about .left .title {
font-size: 28px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
line-height: 36px;
margin-bottom: 48px;
}
.swiper_container_index .about .left p {
margin: 0 0 10px 0;
}
.swiper_container_index .about .left .info {
width: 100%;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0 0 33px 0;
}
.swiper_container_index .about .left .label {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
line-height: 36px;
margin-bottom: 29px;
}
.swiper_container_index .about .left .list {
display: flex;
align-items: center;
}
.swiper_container_index .about .left .list .column {
display: flex;
flex-direction: column;
align-items: center;
margin-right: auto;
}
.swiper_container_index .about .left .list .column:last-of-type {
margin: 0;
}
.swiper_container_index .about .left .list .column .number {
font-size: 40px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #002956;
line-height: 36px;
margin-bottom: 14px;
}
.swiper_container_index .about .left .list .column .size {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.7);
line-height: 24px;
text-align: center;
}
.swiper_container_index .about .left .more {
margin-top: 89px;
}
.swiper_container_index .about .left .more span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
line-height: 36px;
margin-right: 19px;
}
.swiper_container_index .about .right {
position: relative;
width: 560px;
height: 320px;
display: flex;
justify-content: flex-end;
margin-left: 86px;
}
.swiper_container_index .about .right video {
width: 560px;
height: 320px;
}
.swiper_container_index .about .right img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.swiper_container_index .product {
display: flex;
align-items: center;
justify-content: center;
background-image: url('../image/BG_3.png');
}
.swiper_container_index .product .left {
width: 571px;
display: flex;
flex-direction: column;
margin-right: 149px;
}
.swiper_container_index .product .left .title {
font-size: 28px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
line-height: 36px;
margin-bottom: 49px;
}
.swiper_container_index .product .left p {
width: 571px;
/* font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
line-height: 32px; */
}
.swiper_container_index .product .left .more {
margin-top: 83px;
}
.swiper_container_index .product .left .more span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
line-height: 36px;
margin-right: 19px;
}
.swiper_container_index .product .right {
display: flex;
flex-direction: column;
}
.swiper_container_index .product .right .column {
width: 560px;
height: 220px;
display: flex;
box-shadow: 0px 3px 20px 0px rgba(15, 68, 95, 0.3);
}
.swiper_container_index .product .right .column:first-of-type {
margin-bottom: 40px;
}
.swiper_container_index .product .right .column .img {
width: 360px;
height: 220px;
overflow: hidden;
}
.swiper_container_index .product .right .column .img img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.swiper_container_index .product .right .column:hover .img img {
transform: scale(1.2);
}
.swiper_container_index .product .right .column:hover .text {
background: #002956;
}
.swiper_container_index .product .right .column:hover .text .title {
color: #FFFFFF;
}
.swiper_container_index .product .right .column:hover .text .info span {
color: #FFFFFF;
}
.swiper_container_index .product .right .column:hover .text .info .arrow {
background-image: url('../image/arrow_right_white.png');
}
.swiper_container_index .product .right .column .text {
width: 200px;
height: 220px;
background: #DCDFE3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.6s;
}
.swiper_container_index .product .right .column .text .title {
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
line-height: 36px;
margin-bottom: 48px;
transition: all 0.6s;
text-align: center;
}
.swiper_container_index .product .right .column .text .info a {
display: flex;
align-items: center;
}
.swiper_container_index .product .right .column .text .info span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
line-height: 26px;
margin-right: 10px;
transition: all 0.6s;
}
.swiper_container_index .product .right .column .text .info .arrow {
width: 7px;
height: 13px;
background-image: url('../image/arrow_right.png');
background-size: cover;
}
.swiper_container_index .news {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: url('../image/BG_4.png');
background-size: cover;
}
.swiper_container_index .news .notice {
font-size: 28px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
line-height: 36px;
margin-bottom: 111px;
}
.swiper_container_index .news .center {
display: flex;
align-items: flex-start;
}
.swiper_container_index .news .center .left {
width: 470px;
height: 300px;
margin-right: 97px;
transition: all 0.6s;
}
.swiper_container_index .news .center .right {
display: flex;
flex-direction: column;
height: 300px;
}
.swiper_container_index .news .center .right .column {
position: relative;
display: flex;
align-items: center;
margin-bottom: 62px;
cursor: pointer;
}
.swiper_container_index .news .center .right .column::before {
opacity: 0;
content: '';
position: absolute;
top: 15%;
left: -8%;
width: 30px;
height: 2px;
background: #002956;
transition: all 0.6s;
}
.swiper_container_index .news .center .right .column.active .date {
color: #002956;
transition: all 0.6s;
}
.swiper_container_index .news .center .right .column.active .text .title {
color: #002956;
font-weight: bold;
transition: all 0.6s;
}
.swiper_container_index .news .center .right .column.active::before {
opacity: 1;
}
.swiper_container_index .news .center .right .column:last-of-type {
margin-bottom: 0;
}
.swiper_container_index .news .center .right .column .date {
height: 50px;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
margin-right: 50px;
color: #111111;
transition: all 0.6s;
}
.swiper_container_index .news .center .right .column .date .year {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
}
.swiper_container_index .news .center .right .column .date .day {
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
}
.swiper_container_index .news .center .right .column .text {
width: 606px;
height: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.swiper_container_index .news .center .right .column .text .title {
display: block;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
transition: all 0.6s;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.swiper_container_index .news .center .right .column .text .info {
display: block;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.7);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.swiper_container_index .news .more {
margin-top: 80px;
}
.swiper_container_index .news .more span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-right: 19px;
}
.swiper_container_index .cooperation {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: url('../image/BG_5.png');
background-size: cover;
}
.swiper_container_index .cooperation .notice {
font-size: 28px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 30px;
}
.swiper_container_index .cooperation .info {
width: 969px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 85px;
text-align: center;
}
.swiper_container_index .cooperation .center {
display: flex;
align-items: center;
width: 1440px;
height: 520px;
background: rgba(255, 255, 255, 0.85);
box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.05);
border-radius: 20px;
}
.swiper_container_index .cooperation .center .left {
display: flex;
flex-direction: column;
width: 400px;
height: 520px;
border-right: 1px solid rgba(0, 41, 86, 0.2);
justify-content: space-around;
}
.swiper_container_index .cooperation .center .left .column {
position: relative;
width: 400px;
height: 25%;
display: flex;
align-items: center;
cursor: pointer;
}
.swiper_container_index .cooperation .center .left .column.active span,
.swiper_container_index .cooperation .center .left .column:hover span {
color: #FFFFFF;
}
.swiper_container_index .cooperation .center .left .column.active .img,
.swiper_container_index .cooperation .center .left .column:hover .img {
background: rgba(255, 255, 255, 0.1);
}
.swiper_container_index .cooperation .center .left .column::after {
content: '';
width: 30px;
height: 30px;
position: absolute;
top: 38%;
right: -3%;
background-image: url('../image/yuan.png');
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transition: 288ms 0ms;
opacity: 0;
visibility: hidden;
}
.swiper_container_index .cooperation .center .left .column::before {
content: "";
width: 100%;
height: 100%;
background: #002956;
position: absolute;
left: 0;
top: 0;
transform-origin: 100%;
-webkit-transform-origin: 100%;
-webkit-transition: -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
transition: -webkit-transform .44s cubic-bezier(.4, 0, .2, 1);
transition: transform .44s cubic-bezier(.4, 0, .2, 1);
transition: transform .44s cubic-bezier(.4, 0, .2, 1), -webkit-transform .44s cubic-bezier(.4, 0, .2, 1);
transform: scaleX(0);
-webkit-transform: scaleX(0);
}
.swiper_container_index .cooperation .center .left .column.active::after,
.swiper_container_index .cooperation .center .left .column:hover::after {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transition: 288ms 200ms;
}
.swiper_container_index .cooperation .center .left .column.active::before,
.swiper_container_index .cooperation .center .left .column:hover::before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform-origin: 0;
-webkit-transform-origin: 0;
}
.swiper_container_index .cooperation .center .left .column .img {
display: flex;
align-items: center;
justify-content: center;
width: 66px;
height: 66px;
background: rgba(0, 41, 86, 0.1);
border-radius: 33px;
margin: 0 30px 0 40px;
z-index: 1;
transition: 288ms;
background-repeat: no-repeat;
background-size: 33px 33px;
background-position: center;
}
.swiper_container_index .cooperation .center .left .column:nth-of-type(1) .img {
background-image: url(/static/home/image/tubiao1.png);
}
.swiper_container_index .cooperation .center .left .column:nth-of-type(2) .img {
background-image: url(/static/home/image/YIzs.png);
}
.swiper_container_index .cooperation .center .left .column:nth-of-type(3) .img {
background-image: url(/static/home/image/ZZ.png);
}
.swiper_container_index .cooperation .center .left .column:nth-of-type(4) .img {
background-image: url(/static/home/image/QQH.png);
}
.swiper_container_index .cooperation .center .left .column.active .img,
.swiper_container_index .cooperation .center .left .column:hover .img {
background-repeat: no-repeat;
background-size: 33px 33px;
background-position: center;
}
.swiper_container_index .cooperation .center .left .column.active:nth-of-type(1) .img,
.swiper_container_index .cooperation .center .left .column:hover:nth-of-type(1) .img {
background-image: url(/static/home/image/tubiao1_white.png);
}
.swiper_container_index .cooperation .center .left .column.active:nth-of-type(2) .img,
.swiper_container_index .cooperation .center .left .column:hover:nth-of-type(2) .img {
background-image: url(/static/home/image/YIzs_white.png);
}
.swiper_container_index .cooperation .center .left .column.active:nth-of-type(3) .img,
.swiper_container_index .cooperation .center .left .column:hover:nth-of-type(3) .img {
background-image: url(/static/home/image/ZZ_white.png);
}
.swiper_container_index .cooperation .center .left .column.active:nth-of-type(4) .img,
.swiper_container_index .cooperation .center .left .column:hover:nth-of-type(4) .img {
background-image: url(/static/home/image/QQH_white.png);
}
.swiper_container_index .cooperation .center .left .column span {
width: 65%;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
z-index: 1;
transition: 288ms;
}
.swiper_container_index .cooperation .center .right {
width: 1040px;
height: 520px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 169px 0 160px;
}
.swiper_container_index .cooperation .center .right .column {
display: none;
transition: 288ms;
}
.swiper_container_index .cooperation .center .right .column.active {
display: flex;
flex-direction: column;
justify-content: center;
}
.swiper_container_index .cooperation .center .right .column .title {
position: relative;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 50px;
}
.swiper_container_index .cooperation .center .right .column .title::after {
position: absolute;
left: 0;
top: 170%;
content: '';
width: 80px;
height: 4px;
background: #002956;
}
.swiper_container_index .cooperation .center .right .column p {
width: 711px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.8);
margin-bottom: 10px;
}
.swiper_container_index .cooperation .center .right .column .more {
margin-left: auto;
}
.swiper_container_index .cooperation .center .right .column .more span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-right: 19px;
}
.footer {
display: flex;
flex-direction: column;
align-items: center;
padding: 28px 0 18px 0;
background: #F7F7F7;
}
.footer .top {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0 187px 0 240px;
margin-bottom: 30px;
}
.footer .top .link {
width: 15%;
display: flex;
flex-direction: column;
align-items: center;
}
.footer .top .link .phone {
display: flex;
align-items: center;
margin-top: 10px;
}
.footer .top .link .phone span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-left: 10px;
}
.footer .top .menu {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.footer .top .menu li {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 85px;
}
.footer .top .menu li:last-of-type {
margin-right: 0;
}
.footer .top .menu li span a {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 300;
color: #505050;
margin-bottom: 12px;
}
.footer .top .menu li span a:hover {
color: #002956 !important
}
.footer .top .menu li a {
margin-bottom: 12px;
}
.footer .top .menu li a:hover span {
color: #002956 !important
}
.footer .top .menu li a span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 12px;
}
.footer .top .menu li span:last-of-type {
margin-bottom: 0;
}
.footer .bottom {
display: flex;
align-items: center;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #BFBFBF;
}
.footer .bottom .copyright {
margin-right: 41px;
}
.footer .bottom .support a {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #BFBFBF;
}
.header {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.header .section {
display: flex;
flex-direction: column;
margin: 0 0 100px 241px;
z-index: 1;
}
.header .section .title {
font-size: 40px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 49px;
}
.header .section .info {
width: 720px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0 0 70px 0;
}
.header .section .label {
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 39px;
}
.header .section .list {
display: flex;
align-items: center;
}
.header .section .list .column {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 97px;
}
.header .section .list .column:last-of-type {
margin-right: 0px;
}
.header .section .list .column .number {
font-size: 70px;
font-family: Microsoft YaHei;
font-weight: 300;
color: #002956;
margin-bottom: 17px;
}
.header .section .list .column .size {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.6);
text-align: center;
}
.header .section .list .column .text {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-top: 22px;
text-align: center;
}
.navigation {
position: sticky;
top: 0;
left: 0;
width: 100%;
height: 60px;
display: flex;
align-items: center;
padding-left: 240px;
background: #002956;
z-index: 997;
}
.navigation.active {
top: 80px;
}
.navigation li {
padding: 20px 38px
}
.navigation li {
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
}
.navigation li.active {
background: rgba(255, 255, 255, 0.2);
}
.navigation li.active {
color: #FFFFFF;
}
.about_main {
display: flex;
flex-direction: column;
padding: 30px 240px 100px 240px;
}
.about_main .top {
display: flex;
flex-direction: column;
margin: 70px 0 81px 0;
}
.about_main .top .info {
display: flex;
align-items: center;
justify-content: space-between;
}
.about_main .top .info .left {
width: 775px;
display: flex;
flex-direction: column;
}
.about_main .top .info .left .title {
font-size: 28px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
line-height: 36px;
margin-bottom: 78px;
}
.about_main .top .info .left .info {
width: 100%;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
line-height: 34px;
margin: 0 0 39px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.about_main .top .info .left .label {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
line-height: 36px;
margin-bottom: 29px;
}
.about_main .top .info .left .list {
display: flex;
align-items: center;
}
.about_main .top .info .left .list .column {
display: flex;
flex-direction: column;
align-items: center;
margin-right: auto;
}
.about_main .top .info .left .list .column:last-of-type {
margin: 0;
}
.about_main .top .info .left .list .column .number {
font-size: 40px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #002956;
line-height: 36px;
margin-bottom: 14px;
text-align: center;
}
.about_main .top .info .left .list .column .size {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.7);
line-height: 24px;
text-align: center;
}
.about_main .top .info .left .more {
margin-top: 89px;
}
.about_main .top .info .left .more span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
line-height: 36px;
margin-right: 19px;
}
.about_main .top .info .right {
position: relative;
width: 560px;
height: 320px;
display: flex;
justify-content: flex-end;
margin-left: 86px;
}
.about_main .top .right video {
width: 560px;
height: 320px;
}
.about_main .top .right img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.about_main .text {
width: 100%;
margin: 39px 0 61px 0;
}
.about_main .top .label {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 27px;
}
.about_main .top .about_img {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.about_main .top .about_img .swiper-slide {
width: 500px !important;
height: 360px;
}
.about_main .top .about_img .swiper-slide img {
width: 100%;
height: 100%;
}
.about_main .center {
display: flex;
flex-direction: column;
margin-bottom: 79px;
height: auto;
}
.about_main .center .title {
font-size: 29px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 39px;
}
.about_main .center .about_info {
height: auto;
margin-bottom: 120px;
}
.about_main .center .about_info .swiper-slide {
display: flex;
align-items: center;
}
.about_main .center .about_info .swiper-slide .img {}
.about_main .center .about_info .swiper-slide .info {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin-left: 161px;
}
.about_main .center .about_info .swiper-slide .info .year {
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.6);
margin-bottom: 20px;
}
.about_main .center .about_info .swiper-slide .info ul {
list-style-type: unset;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.about_main .center .about_info .swiper-slide .info ul li {
list-style-type: unset;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
}
.about_main .center .about_info .swiper-slide .info ul li p {
margin: 0 0 10px 0;
}
.about_main .center .about_text {
display: flex;
align-items: center;
justify-content: space-between;
}
.about_main .center .about_text .swiper-container {
width: 100%;
}
.about_main .center .about_text .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.about_main .center .about_text .about_text_next,
.about_main .center .about_text .about_text_prev {
top: 90% !important;
width: 33px;
height: 33px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #002956;
}
.about_main .center .about_text .about_text_prev {
background-image: url(/static/home/image/arrow_left_white.png);
background-repeat: no-repeat;
background-size: 6px 12px;
background-position: center;
left: 0 !important;
}
.about_main .center .about_text .about_text_next {
background-image: url(/static/home/image/arrow_right_white.png);
background-repeat: no-repeat;
background-size: 6px 12px;
background-position: center;
right: 0 !important;
}
.about_main .center .about_text .swiper-button-prev::after,
.about_main .center .about_text .swiper-button-next::after {
content: ''
}
/* .about_main .center .about_text .prev.active,
.about_main .center .about_text .next.active {
background: #002956;
} */
.about_main .center .about_text .slide {
width: 100%;
height: 1px;
background: rgba(17, 17, 17, 0.3);
display: flex;
align-items: center;
justify-content: space-around;
}
.about_main .center .about_text .slide span {
position: relative;
display: inline-block;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 48px;
cursor: pointer;
}
.about_main .center .about_text .slide span.active {}
.about_main .center .about_text .slide span::before {
opacity: 1;
content: '';
position: absolute;
left: 50%;
bottom: -120%;
transform: translate(-50%, -50%);
width: 2px;
height: 16px;
background: #002956;
border-radius: 1px;
transition: all 0.6s;
}
.about_main .center .about_text .slide span::after {
content: '';
position: absolute;
left: 50%;
bottom: -228%;
transform: translate(-50%, -50%);
width: 15px;
height: 15px;
background: #FFFFFF;
border: 1px solid #002956;
border-radius: 50%;
transform-origin: 100%;
-webkit-transform-origin: 100%;
-webkit-transition: -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
transition: -webkit-transform .44s cubic-bezier(.4, 0, .2, 1);
transition: transform .44s cubic-bezier(.4, 0, .2, 1);
transition: transform .44s cubic-bezier(.4, 0, .2, 1), -webkit-transform .44s cubic-bezier(.4, 0, .2, 1);
}
.about_main .center .about_text .slide .swiper-slide-active span::after {
opacity: 1;
visibility: visible;
transition: 288ms 200ms;
}
.about_main .center .about_text .slide .swiper-slide-active span.active {
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 130px;
transition: all 0.6s;
}
.about_main .center .about_text .slide .swiper-slide-active span::before {
display: none;
}
.about_main .center .about_text .slide .swiper-slide-active span::after {
width: 20px;
height: 27px;
bottom: -185%;
background-image: url('../image/course.png');
border: none;
border-radius: unset;
}
.about_main .bottom {
display: flex;
flex-direction: column;
margin-bottom: 70px;
}
.about_main .bottom .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 38px;
}
.about_main .bottom .list {
display: flex;
align-items: center;
justify-content: space-between;
}
.about_main .bottom .list .column {
display: flex;
flex-direction: column;
align-items: center;
width: 320px;
height: auto;
background: #F0F2F5;
transition: all 0.6s;
}
.about_main .bottom .list .column:nth-of-type(2n) {
flex-direction: column-reverse;
}
.about_main .bottom .list .column .text {
height: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.about_main .bottom .list .column .text .notice {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
transition: all 0.6s;
}
.about_main .bottom .list .column .text p {
height: 100px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
opacity: 0.5;
margin: 39px 0 0 0;
transition: all 0.6s;
padding: 0 20px;
text-align: center;
}
.about_main .bottom .list .column .img {
height: 50%;
}
.about_main .bottom .list .column:hover {
background: #002956;
box-shadow: 0 5px 15px #002956;
}
.about_main .bottom .list .column:hover .text p {
color: #FFFFFF;
opacity: 1;
}
.about_main .bottom .list .column:hover .text .notice {
position: relative;
color: #FFFFFF;
}
.about_main .bottom .list .column:hover .text .notice::after {
content: '';
position: absolute;
left: 50%;
bottom: -50%;
transform: translate(-50%, -50%);
width: 40px;
height: 2px;
background: #FFFFFF;
}
.breadcrumb {
display: flex;
align-items: center;
}
.breadcrumb img {
margin-right: 9px;
}
.breadcrumb .loction {
display: flex;
align-items: center;
}
.breadcrumb .loction .before {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.5);
}
.breadcrumb .loction .before a {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.5);
}
.breadcrumb .loction .current {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
}
.organization_main {
display: flex;
flex-direction: column;
padding: 30px 240px 100px 240px;
}
.organization_main .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
}
.organization_main .top {
display: flex;
flex-direction: column;
margin-bottom: 80px;
}
.organization_main .top .title {
margin-bottom: 40px;
}
.organization_main .guanlian {
width: 100%;
margin-top: 58px;
}
/*
.organization_main .top .guanlian .info {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.organization_main .top .guanlian .info .up {
width: auto;
padding: 10px 20px;
text-align: center;
border-radius: 30px;
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
background-color: #002956;
}
.organization_main .top .guanlian .info .line {
position: absolute;
width: 2px;
top: 49px;
height: 124px;
background-color: #002956;
}
.organization_main .top .guanlian .info .down {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 100px;
}
.organization_main .top .guanlian .info .down .text {
width: 30%;
padding: 10px 20px;
text-align: center;
border-radius: 30px;
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
background-color: #ABB7C5;
}
.organization_main .top .guanlian .info .down .line1 {
width: 40%;
height: 2px;
background-color: #002956;
} */
.organization_main .top .yanfa {
display: flex;
align-items: flex-end;
margin-bottom: 80px;
margin-top: 58px;
}
.organization_main .top .yanfa .title {
margin-bottom: 0;
margin-right: 55px;
}
.organization_main .top .yanfa .name {
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
}
.organization_main .top .yanfa .name img {
margin-left: 19px;
}
.organization_main .top .column {
width: 100%;
height: 370px;
display: flex;
align-items: center;
background: #F5F5F5;
}
.organization_main .top .column .img {
width: 50%;
height: 100%;
overflow: hidden;
}
.organization_main .top .column .img img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.organization_main .top .column .img img:hover {
transform: scale(1.2);
}
.organization_main .top .column .text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 0 60px;
}
.organization_main .top .column .text span {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 10px;
}
.organization_main .top .column .text p {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0;
}
.organization_main .top .column:last-of-type {
background: #002956;
flex-direction: row-reverse;
}
.organization_main .top .column:last-of-type .text span {
color: #FFFFFF;
}
.organization_main .top .column:last-of-type .text p {
color: #FFFFFF;
}
.organization_main .center {
display: flex;
flex-direction: column;
margin-bottom: 40px;
}
.organization_main .center .notice {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 39px;
}
.organization_main .center .list {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.organization_main .center .list .column {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-around;
padding: 0 50px;
width: 440px;
height: 320px;
background: #F5F5F5;
}
.organization_main .center .list .column .title {
width: 100%;
position: relative;
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111
}
.organization_main .center .list .column .title::after {
position: absolute;
left: 6%;
bottom: -80%;
transform: translate(-50%, -50%);
content: '';
width: 30px;
height: 3px;
background: #002956;
}
.organization_main .center .list .column p {
height: 180px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0;
}
.organization_main .center .list .column div {
z-index: 2;
}
.organization_main .center .list .column img {
position: absolute;
right: -9%;
top: 25%;
transform: translate(-50%, -50%);
z-index: 1;
}
.organization_main .bottom {
width: 100%;
height: 730px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #F5F5F5;
}
.organization_main .bottom .title {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 39px;
}
.news_main {
display: flex;
flex-direction: column;
padding: 30px 240px 100px 240px;
}
.news_main .list {
width: 100%;
display: flex;
flex-direction: column;
margin: 48px 0 71px 0;
}
.news_main .list .column {
width: 100%;
height: 200px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.news_main .list .column a {
display: block;
width: 100%;
height: 100%;
}
.news_main .list .column:last-of-type {
margin-bottom: 0;
}
.news_main .list .column .info {
position: relative;
width: 1090px;
height: 100%;
display: flex;
align-items: center;
background: #F7F7F7;
border-radius: 20px;
padding: 0 0 0 50px;
transition: 320ms 0ms ease-in-out;
}
.news_main .list .column .info::before {
content: "";
width: 100%;
height: 100%;
background: #002956;
transition: 320ms ease-in-out;
position: absolute;
left: 0;
top: 0;
border-radius: 20px;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
overflow: hidden;
transform-origin: center;
}
.news_main .list .column .info:hover::before {
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.news_main .list .column .info:hover .date {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.news_main .list .column .info:hover .date .day {
color: #FFFFFF;
}
.news_main .list .column .info:hover .date .year {
color: #FFFFFF;
}
.news_main .list .column .info:hover .text .title {
color: #FFFFFF;
}
.news_main .list .column .info:hover .text p {
color: rgba(255, 255, 255, 0.6);
}
.news_main .list .column .info .date {
display: flex;
flex-direction: column;
align-items: center;
border-right: 1px solid rgba(17, 17, 17, 0.2);
padding-right: 60px;
transition: 320ms 0ms ease-in-out;
z-index: 1;
}
.news_main .list .column .info .date .day {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 21px;
transition: 320ms 0ms ease-in-out;
z-index: 1;
}
.news_main .list .column .info .date .year {
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
transition: 320ms 0ms ease-in-out;
z-index: 1;
}
.news_main .list .column .info .text {
width: 766px;
display: flex;
flex-direction: column;
margin-left: 59px;
z-index: 1;
}
.news_main .list .column .info .text .title {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 29px;
transition: 320ms 0ms ease-in-out;
z-index: 1;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_main .list .column .info .text p {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.5);
margin: 0;
transition: 320ms 0ms ease-in-out;
z-index: 1;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_main .img {
width: 320px;
height: 200px;
}
.pagination {
display: flex;
align-items: center;
justify-content: flex-end;
}
.pagination div {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pagination .firsr,
.pagination .last {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.8);
}
.pagination .prev,
.pagination .next {
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: #002956;
margin: 0 5px;
transition: all 0.6s;
}
.pagination .prev:hover,
.pagination .next:hover {
background-color: #002956;
color: #FFFFFF;
}
.pagination .current {
display: block;
width: 36px;
height: 36px;
background: #002956;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;
text-align: center;
margin: 0 5px;
}
.pagination .num {
display: block;
width: 36px;
height: 36px;
background: #FFFFFF;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
line-height: 36px;
text-align: center;
margin: 0 5px;
}
.newsInfo_main {
display: flex;
flex-direction: column;
padding: 80px 240px 100px 240px;
}
.newsInfo_main .notice {
display: flex;
flex-direction: column;
padding: 47px 0 34px 0;
border-bottom: 1px solid rgba(220, 220, 220, 0.6);
}
.newsInfo_main .notice .title {
font-size: 32px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 32px;
}
.newsInfo_main .notice .time {
display: flex;
align-items: center;
}
.newsInfo_main .notice .time .date {
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.6);
margin-left: 13px;
}
.product_main {
display: flex;
flex-direction: column;
padding: 30px 240px 100px 240px;
}
.product_main .list {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 50px;
}
.product_main .list .column {
position: relative;
width: 320px;
height: 360px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
background: #F7F7F7;
border-radius: 20px;
margin-bottom: 60px;
margin-right: 53px;
}
.product_main .list .column:nth-of-type(4n) {
/* margin-right: 0; */
}
.product_main .list .column:hover .info {
opacity: 1;
transition: all 0.6s;
padding: 10px 5px;
}
.product_main .list .column .img {
margin-bottom: 52px;
}
.product_main .list .column span {
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.product_main .list .column .info {
opacity: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 41, 86, 0.95);
border-radius: 20px;
transition: all 0.6s;
}
.product_main .list .column .info .title {
/* position: relative; */
width: 100%;
display: block;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 20px;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
/* .product_main .list .column .info .title::after {
content: '';
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
height: 1px;
position: absolute;
top: 30%;
left: 0;
} */
.product_main .list .column .info p {
width: 238px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin: 39px 0 79px 0;
}
.product_main .list .column .info .more {
display: flex;
align-items: center;
}
.product_main .list .column .info .more span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
margin-right: 10px;
}
.productInfo_main {
display: flex;
flex-direction: column;
padding: 100px 240px 100px 240px;
}
.productInfo_main .top {
display: flex;
justify-content: space-between;
margin: 60px 0;
}
.productInfo_main .top .img {
width: 600px;
display: flex;
flex-direction: column;
}
.productInfo_main .top .img .maxImg {
width: 600px;
height: 600px;
margin-bottom: 10px;
}
.productInfo_main .top .img .minImg {
width: 100%;
display: flex;
align-items: center;
}
.productInfo_main .top .img .minImg img {
width: 112px;
height: 112px;
margin-right: 10px;
}
.productInfo_main .top .img .minImg img.active {
border: 1px solid #002956;
}
.productInfo_main .top .text {
width: 740px;
display: flex;
flex-direction: column;
margin-left: 101px;
padding-top: 41px;
}
.productInfo_main .top .text .notice {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 39px;
margin-bottom: 50px;
border-bottom: 1px solid rgba(17, 17, 17, 0.15);
}
.productInfo_main .top .text .notice .title {
display: flex;
flex-direction: column;
}
.productInfo_main .top .text .notice .title .name {
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #111111;
margin-bottom: 19px;
}
.productInfo_main .top .text .notice .title .cn {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.5);
}
.productInfo_main .top .text .notice .reported {
width: 200px;
height: 50px;
background: #002956;
border-radius: 25px;
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 50px;
text-align: center;
padding: 0 10px;
}
.productInfo_main .top .text .notice .info {
display: flex;
flex-direction: column;
}
.productInfo_main .top .text .info .list {
display: flex;
align-items: flex-start;
margin-bottom: 26px;
}
.productInfo_main .top .text .info .list .type {
width: 26%;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.5);
text-align: right;
}
.productInfo_main .top .text .info .list .value {
width: 74%;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.8);
}
.productInfo_main .center {
display: flex;
flex-direction: column;
margin-bottom: 60px;
}
.productInfo_main .center .title {
display: block;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
padding-bottom: 15px;
border-bottom: 1px solid rgba(17, 17, 17, 0.15);
margin-bottom: 40px;
}
.productInfo_main .center img {
width: 100%;
height: auto;
}
.productInfo_main .bottom {
display: flex;
flex-direction: column;
}
.productInfo_main .bottom .title {
display: block;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
padding-bottom: 15px;
border-bottom: 1px solid rgba(17, 17, 17, 0.15);
margin-bottom: 60px;
}
.productInfo_main .bottom .product_list {
width: 100%;
height: 320px;
display: flex;
justify-content: center;
}
/* .productInfo_main .bottom .product_list .swiper-wrapper {
display: flex;
justify-content: space-around;
} */
.productInfo_main .bottom .product_list .swiper-slide {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.productInfo_main .bottom .product_list .swiper-slide:hover .info {
opacity: 1;
width: 340px;
height: 300px;
box-shadow: 0px 5px 20px #002956;
transition: all 0.6s;
}
.productInfo_main .bottom .product_list .swiper-slide .img {
width: 230px;
height: 162px;
margin-bottom: 41px;
}
.productInfo_main .bottom .product_list .swiper-slide span {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.productInfo_main .bottom .product_list .swiper-slide .info {
opacity: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 41, 86, 0.95);
border-radius: 20px;
transition: all 0.6s;
}
.productInfo_main .bottom .product_list .swiper-slide .info .title {
width: 100%;
display: block;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 20px;
margin-bottom: 0px;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
/* display: -webkit-box; */
/* -webkit-line-clamp: 1; */
/* -webkit-box-orient: vertical; */
}
.productInfo_main .bottom .product_list .swiper-slide .info p {
width: 266px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
line-height: 22px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin: 39px 0 60px 0;
}
.productInfo_main .bottom .product_list .swiper-slide .info .more {
display: flex;
align-items: center;
}
.productInfo_main .bottom .product_list .swiper-slide .info .more span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
margin-right: 10px;
}
.productInfo_main .bottom .product_list .product_prev {
left: 0px !important;
width: 33px !important;
height: 33px !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background: #002956;
}
.productInfo_main .bottom .product_list .product_next {
right: 0px !important;
width: 33px !important;
height: 33px !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background: #002956;
}
.productInfo_main .bottom .product_list .product_prev.swiper-button-disabled,
.productInfo_main .bottom .product_list .product_next.swiper-button-disabled {
opacity: 1 !important;
background: rgb(183, 183, 183);
}
.productInfo_main .bottom .product_list .swiper-button-prev::after,
.productInfo_main .bottom .product_list .swiper-button-next::after {
content: none !important;
}
.mask {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: black;
opacity: 0.6;
z-index: 999;
}
.reportedForm {
display: none;
}
.reportedForm .box {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1100px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-bottom: 40px;
background: #FFFFFF;
border-radius: 20px;
z-index: 999;
}
.reportedForm .box .title {
display: block;
width: 100%;
height: 73px;
text-align: center;
line-height: 73px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
border-bottom: 1px solid #DCDCDC;
}
.reportedForm .box form {
width: 940px;
height: auto;
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
margin: 40px 0 0 0;
}
.reportedForm .box form input {
width: 300px;
height: 50px;
background: #F3F3F3;
border: none;
outline: none;
padding: 16px 20px;
border-radius: 4px;
box-sizing: border-box;
margin-bottom: 20px;
}
.reportedForm .box form select {
width: 460px;
height: 50px;
background: #F3F3F3;
border-radius: 4px;
border: none;
outline: none;
margin-bottom: 20px;
padding: 16px 15px;
box-sizing: border-box;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.5);
}
.reportedForm .box form #productName {
width: 460px;
height: 50px;
background: #E4E4E4;
border-radius: 4px;
}
.reportedForm .box form #remark {
width: 460px;
height: 50px;
border-radius: 4px;
}
.reportedForm .box form textarea {
width: 940px;
height: 250px;
background: #F3F3F3;
border-radius: 4px;
border: none;
outline: none;
padding: 16px 20px;
box-sizing: border-box;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.5);
}
.reportedForm .box .button {
display: flex;
align-items: center;
justify-content: center;
margin-top: 80px;
}
.reportedForm .box .button .submit {
width: 120px;
height: 50px;
background: #002956;
border: 1px solid #002956;
line-height: 50px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
border: none;
outline: none;
border-radius: 5px;
margin-right: 40px;
}
.reportedForm .box .button .reset {
width: 110px;
height: 50px;
border: 1px solid #002956;
font-size: 20px;
line-height: 50px;
font-family: Microsoft YaHei;
background: #FFFFFF;
outline: none;
border-radius: 5px;
font-weight: 400;
color: #111111;
}
.cooperation_main {
padding: 112px 240px 100px 240px;
display: flex;
flex-direction: column;
}
.cooperation_main .custom {
display: flex;
flex-direction: column;
margin-bottom: 81px;
}
.cooperation_main .custom .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 40PX;
}
.cooperation_main .custom .research {
height: 450px;
display: flex;
align-items: center;
background: #F7F7F7;
margin-bottom: 40px;
}
.cooperation_main .custom .research .img {
width: 100%;
height: 100%;
overflow: hidden;
}
.cooperation_main .custom .research .img img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.cooperation_main .custom .research .img img:hover {
transform: scale(1.2);
}
.cooperation_main .custom .research .text {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 55px;
}
.cooperation_main .custom .research .text span {
height: 22px;
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 38px;
}
.cooperation_main .custom .research .text p {
width: 688px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0 0 30px 0;
}
.cooperation_main .custom .research .text p:last-of-type {
margin: 0;
}
.cooperation_main .custom .notice {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 30px;
}
.cooperation_main .custom .list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.cooperation_main .custom .list .column {
width: 345px;
height: 160px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #F7F7F7;
margin-bottom: 20px;
transition: all 0.6s;
}
.cooperation_main .custom .list .column:hover {
transform: scale(0.8);
}
.cooperation_main .custom .list .column span {
font-size: 15px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-top: 19px;
text-align: center;
}
.cooperation_main .register {
display: flex;
flex-direction: column;
margin-bottom: 81px;
}
.cooperation_main .register .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 40PX;
}
.cooperation_main .register .serve {
display: flex;
align-items: center;
background: #F7F7F7;
margin-bottom: 40px;
}
.cooperation_main .register .serve .img {
width: 640px;
height: 320px;
overflow: hidden;
}
.cooperation_main .register .serve .img img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.cooperation_main .register .serve .img img:hover {
transform: scale(1.2);
}
.cooperation_main .register .serve .text {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 55px;
}
.cooperation_main .register .serve .text span {
height: 22px;
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 38px;
}
.cooperation_main .register .serve .text p {
width: 688px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0 0 30px 0;
}
.cooperation_main .register .notice {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 30px;
}
.cooperation_main .register .serve .text p:last-of-type {
margin: 0;
}
.cooperation_main .register .serve {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 30px;
}
.cooperation_main .register .list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.cooperation_main .register .list .column {
width: 272px;
height: 180px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #F7F7F7;
margin-bottom: 20px;
transition: all 0.6s;
padding: 0 10px;
}
.cooperation_main .register .list .column:hover {
transform: scale(0.8);
}
.cooperation_main .register .list .column span {
font-size: 15px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-top: 19px;
text-align: center;
}
.cooperation_main .agency {
display: flex;
flex-direction: column;
margin-bottom: 80px;
}
.cooperation_main .agency .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 38px;
}
.cooperation_main .agency p {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0 0 58px 0;
}
.cooperation_main .map {
position: relative;
width: 100%;
height: 506px;
}
.cooperation_main .map img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cooperation_main .introduce {
display: flex;
flex-direction: column;
}
.cooperation_main .introduce .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 38px;
}
.cooperation_main .introduce p {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 41px;
}
.cooperation_main .introduce .list {
display: flex;
align-items: center;
justify-content: space-between;
}
.cooperation_main .introduce .list .column {
width: 700px;
height: 200px;
display: flex;
align-items: center;
background: #F7F7F7;
}
.cooperation_main .introduce .list .column .img {
width: 240px;
height: 100%;
overflow: hidden;
}
.cooperation_main .introduce .list .column img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.cooperation_main .introduce .list .column img:hover {
transform: scale(1.2);
}
.cooperation_main .introduce .list .column .text {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 10px 0 50px;
}
.cooperation_main .introduce .list .column .text span {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 34px;
}
.cooperation_main .introduce .list .column .text p {
width: 303px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0;
}
.support_main {
display: flex;
flex-direction: column;
padding: 112px 240px 100px 240px;
}
.support_main .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 38px;
}
.support_main .list {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.support_main .list .column {
display: flex;
align-items: center;
}
.support_main .list .column:nth-of-type(2n) {
flex-direction: row-reverse;
}
.support_main .list .column .img {
width: 720px;
height: 370px;
overflow: hidden;
}
.support_main .list .column .img img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.support_main .list .column .img img:hover {
transform: scale(1.2);
}
.support_main .list .column .text {
position: relative;
width: 720px;
height: 370px;
display: flex;
flex-direction: column;
background: #F5F5F5;
padding: 40px 0 0 60px;
}
.support_main .list .column .text::before {
position: absolute;
content: '';
top: 13%;
left: -1%;
width: 16px;
height: 16px;
transform: rotate(135deg);
background: #F5F5F5;
}
.support_main .list .column:nth-of-type(2n) .text::before {
left: 98.9%;
}
.support_main .list .column .text span {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 20px;
}
.support_main .list .column .text p {
width: 594px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0;
}
.recruitment_main {
display: flex;
flex-direction: column;
margin: 85px 240px 100px 240px;
}
.recruitment_main .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 41px;
}
.recruitment_main .part {
display: flex;
align-items: center;
justify-content: space-between;
}
.recruitment_main .part .left {
display: flex;
flex-direction: column;
}
.recruitment_main .part .left .text {
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
}
.recruitment_main .part .left .info {
width: 627px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 45px;
}
.recruitment_main .part .left .list {
width: 689px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.recruitment_main .part .left .list .column {
width: 300px;
display: flex;
align-items: center;
margin-bottom: 19px;
}
.recruitment_main .part .left .list .column span {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-left: 21px;
}
.recruitment_main .part .right {
width: 720px;
height: 600px;
}
.recruitment_main .part:nth-of-type(2) {
flex-direction: row-reverse;
}
.recruitmentInfo_main {
display: flex;
flex-direction: column;
margin: 80px 240px 220px 240px;
}
.recruitmentInfo_main .column {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.recruitmentInfo_main .column:last-of-type {
margin-bottom: 0;
}
.recruitmentInfo_main .column .position {
display: flex;
align-items: center;
background: #F2F2F2;
height: 100px;
padding: 0 60px 0 51px;
transition: all 0.6s;
}
.recruitmentInfo_main .column .position .left {
width: 100%;
display: flex;
align-items: center;
}
.recruitmentInfo_main .column .position .left .number {
font-size: 40px;
font-family: Microsoft YaHei;
font-weight: 300;
color: rgba(17, 17, 17, 0.3);
margin-right: 81px;
transition: all 0.6s;
}
.recruitmentInfo_main .column .position .left .title {
font-size: 26px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
transition: all 0.6s;
}
.recruitmentInfo_main .column .position .img {
width: 24px;
height: 24px;
background-image: url('../image/add.png');
background-size: cover;
}
.recruitmentInfo_main .column .info {
display: none;
background: #F7F7F7;
padding: 41px 170px 47px 165px;
}
.recruitmentInfo_main .column.active .position {
background: #002956;
}
.recruitmentInfo_main .column.active .position .left .number {
color: rgba(255, 255, 255, 0.3);
}
.recruitmentInfo_main .column.active .position .left .title {
color: #FFFFFF;
}
.recruitmentInfo_main .column.active .position .img {
width: 24px;
height: 2px;
background-image: url('../image/minus.png');
}
.recruitmentInfo_main .column.active .info {
display: block;
}
.contact_main {
display: flex;
flex-direction: column;
align-items: center;
}
.contact_main .list {
width: 100%;
height: 660px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
background-image: url('../image/BG_6.png');
background-size: cover;
padding: 0 240px;
}
.contact_main .list .column {
width: 575px;
/* margin-right: 394px; */
display: flex;
flex-direction: column;
align-items: flex-start;
}
.contact_main .list .column:nth-of-type(2n) {
margin: 0;
}
.contact_main .list .column .title {
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 20px;
}
.contact_main .list .column .companyName {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 19px;
}
.contact_main .list .column .qrcode {
width: 107px;
height: 107px;
}
.contact_main .list .column .label {
display: flex;
align-items: center;
margin-bottom: 9px;
}
.contact_main .list .column .label span {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.6);
margin-left: 12px;
}
.contact_main .list .column .value {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin-bottom: 19px;
}
.contact_main .list .column .value p {
margin: 0;
}
.contact_main .list .column .value:last-of-type {
margin: 0;
}
.contact_main .message {
display: flex;
flex-direction: column;
padding: 51px 240px 100px 240px;
}
.contact_main .message .title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002956;
margin-bottom: 20px;
}
.contact_main .message .info {
height: 18px;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #111111;
margin: 0 0 40px 0;
}
.contact_main .message form {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.contact_main .message form input {
width: 700px;
height: 46px;
background: #F0F0F0;
border: none;
outline: none;
margin-bottom: 20px;
padding: 16px 14px;
box-sizing: border-box;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
}
.contact_main .message form textarea {
width: 100%;
height: 250px;
background: #F0F0F0;
border: none;
outline: none;
margin-bottom: 40px;
padding: 16px 14px;
box-sizing: border-box;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
}
.contact_main .message .submit {
margin-left: 91.7%;
width: 120px;
height: 46px;
background: #002956;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 46px;
border: none;
outline: none;
}
@media screen and (max-width:1919px) {
.head {
height: 80px;
justify-content: space-between;
padding: 0 100px;
}
.header .section {
margin: 0 0 80px 95px;
}
.navigation {
padding-left: 100px;
}
.footer .top {
padding: 0 100px;
}
.swiper_container_index .index .section {
justify-content: space-around;
}
.swiper_container_index .index .section li {
margin-right: 0;
}
.swiper_container_index .cooperation .center {
width: 93%;
}
.about_main {
display: flex;
flex-direction: column;
padding: 30px 100px 100px 100px;
}
.about_main .bottom .list .column {
width: 280px;
}
.about_main .text {
margin: 20px 0 20px 0;
}
.about_main .bottom .list .column .img {
width: 100%;
}
.organization_main {
padding: 30px 100px 100px 100px;
}
.organization_main .center .list .column {
width: 390px;
height: 390px;
padding: 0 50px 20px 50px;
}
.organization_main .center .list .column p {
height: 210px;
}
.news_main {
padding: 30px 100px 100px 100px;
}
.news_main .list .column .info {
width: 97%;
padding: 0 0 0 30px;
}
.news_main .list .column .info .text {
width: 79%;
padding-right: 20px;
margin-left: 30px;
}
.newsInfo_main {
padding: 30px 100px 100px 100px;
}
.product_main {
padding: 30px 100px 100px 100px;
}
.product_main .list .column {
width: 353px;
}
/* .product_main .list .column:nth-of-type(3n) {
margin-right: 0;
} */
.product_main .list .column:nth-of-type(4n) {
margin-right: 53px;
}
.productInfo_main {
padding: 100px;
}
.productInfo_main .top .text .info .list .type {
width: 36%;
}
.cooperation_main {
padding: 112px 100px 100px 100px;
}
.cooperation_main .map {
height: 440px;
}
.cooperation_main .custom .research {
height: auto;
}
.cooperation_main .custom .list::after {
content: '';
width: 345px;
}
.cooperation_main .register .list .column {
justify-content: unset;
padding: 15px 10px 0 10px;
}
.cooperation_main .custom .research .text {
padding: 10px 10px 10px 55px;
}
.cooperation_main .introduce .list .column {
width: 600px;
}
.cooperation_main .introduce .list .column .text span {
margin-bottom: 15px;
}
.support_main {
padding: 112px 100px 100px 100px;
}
.support_main .list {
justify-content: center;
}
.support_main .list .column .img {
width: 50%;
}
.support_main .list .column .text {
width: 50%;
padding: 0 0 0 60px;
justify-content: center;
}
.support_main .list .column .text p {
width: 550px;
}
.recruitment_main {
margin: 85px 100px 100px 100px;
}
.recruitment_main .part .left {
width: 50%;
padding: 0 20px 0 0;
}
.recruitment_main .part .left .info {
width: auto;
}
.recruitment_main .part .left .list {
width: auto;
}
.recruitment_main .part .right {
width: 50%;
height: auto;
}
.recruitment_main .part:nth-of-type(2) .left {
padding: 0 0 0 20px;
}
.recruitmentInfo_main {
margin: 80px 100px 220px 100px;
}
.contact_main .list {
padding: 0 100px;
}
.contact_main .message {
padding: 51px 100px 100px 100px;
}
.contact_main .message form input {
width: 610px;
}
}
@media screen and (max-width:768px) {
html,
body {
width: 100%;
height: 100%;
min-width: auto;
}
.head {
position: absolute;
height: 80px;
justify-content: space-between;
padding: 10px 20px;
}
.head .logo {
width: 110px;
height: auto;
}
.head .menu_pc {
display: none;
}
.head .menu_mobile {
position: fixed;
top: 0;
right: 0;
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
background-color: #FFFFFF;
transform: translateX(120%);
transition: all 0.6s;
z-index: 999;
}
.head .open_menu {
display: block;
}
.head .menu_mobile li {
width: 100%;
padding: 15px;
}
.head .menu_mobile li.active a {
color: #002956 !important;
}
.head .menu_mobile .close {
padding: 15px;
}
.head .menu_mobile li a {
display: block;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(17, 17, 17, 0.7);
text-align: end;
}
.banner_pc {
display: none;
}
.banner_mobile {
display: block;
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0;
z-index: 0;
}
.swiper_container_index .index {
justify-content: flex-end;
}
.swiper_container_index .index .section {
flex-wrap: wrap;
justify-content: space-around;
}
.swiper_container_index .index .down {
bottom: 35%;
}
.swiper_container_index .index .section li {
width: 95px;
height: 50px;
margin: 0 0 10px 0;
}
.swiper_container_index .index .section li img {
width: 35px;
height: 34px;
}
.swiper_container_index .index .section li span {
font-size: 15px;
line-height: normal;
}
.head .langSelect {
display: none;
}
.head .menu_mobile .langSelect {
display: flex;
}
.head .menu_mobile .langSelect .list {
top: 95%;
left: 40%;
}
.head .langSelect .list::before {
display: none;
}
.footer {
padding: 10px;
}
.footer .top {
display: none;
}
.footer .bottom {
flex-direction: column;
font-size: 14px;
}
.footer .bottom .copyright {
margin-right: 0;
margin-bottom: 10px;
text-align: center;
}
.swiper_container_index .swiper_pagination_index {
display: none;
}
.swiper_container_index .about {
width: 100%;
flex-direction: column;
padding: 80px 5px 0 5px;
justify-content: flex-start;
}
.swiper_container_index .about .left {
width: 100%;
}
.swiper_container_index .about .right {
width: 100%;
height: auto;
margin: 0 0 10px 0;
}
.swiper_container_index .about .right video {
width: 100%;
height: auto;
}
.swiper_container_index .about .left .title {
margin-bottom: 10px;
font-size: 25px;
}
.swiper_container_index .about .left .info {
margin: 0 0 10px 0;
font-size: 14px;
}
.swiper_container_index .about .left .info p {
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.swiper_container_index .about .left .label {
font-size: 15px;
margin-bottom: 10px;
}
.swiper_container_index .about .left .list {
width: 100%;
justify-content: space-around;
}
.swiper_container_index .about .left .list .column {
margin-right: 0;
}
.swiper_container_index .about .left .more {
margin: 0;
}
.swiper_container_index .product {
width: 100%;
flex-direction: column;
padding: 80px 5px 0 5px;
justify-content: flex-start;
}
.swiper_container_index .product .left {
width: 100%;
margin-right: 0;
}
.swiper_container_index .product .left .title {
margin-bottom: 10px;
font-size: 25px;
}
.swiper_container_index .product .left .info {
font-size: 14px;
}
.swiper_container_index .product .left p {
width: 100%;
margin: 5px 0;
font-size: 14px;
}
.swiper_container_index .product .left .more {
height: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.swiper_container_index .product .right .column:first-of-type {
margin-bottom: 10px;
}
.swiper_container_index .product .right {
width: 100%;
margin-bottom: 50px;
}
.swiper_container_index .product .right .column {
width: 100%;
height: auto;
}
.swiper_container_index .product .right .column .img {
width: 50%;
height: auto;
}
.swiper_container_index .product .right .column .text {
width: 50%;
height: auto;
justify-content: space-around;
}
.swiper_container_index .product .right .column .text .title {
margin-bottom: 0;
font-size: 16px;
}
.swiper_container_index .product .right .column .text .info span {
font-size: 14px;
}
.swiper_container_index .news {
width: 100%;
flex-direction: column;
padding: 80px 5px 0 5px;
justify-content: flex-start;
}
.swiper_container_index .news .notice {
margin-bottom: 20px;
font-size: 25px;
}
.swiper_container_index .news .center {
width: 100%;
flex-direction: column;
align-items: center;
}
.swiper_container_index .news .center .left {
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: 20px;
}
.swiper_container_index .news .center .right {
width: 100%;
height: auto;
}
.swiper_container_index .news .center .right .column {
width: 100%;
margin-bottom: 30px;
}
.swiper_container_index .news .center .right .column::before {
top: 25%;
left: -3%;
width: 25px;
}
.swiper_container_index .news .center .right .column .date {
margin-right: 20px;
}
.swiper_container_index .news .center .right .column .text {
width: 79%;
height: auto;
}
.swiper_container_index .news .center .right .column .text .title {
font-size: 15px;
}
.swiper_container_index .news .center .right .column .text .info {
font-size: 13px;
}
.swiper_container_index .news .more {
margin-top: 30px;
}
.swiper_container_index .cooperation {
width: 100%;
flex-direction: column;
padding: 80px 5px 0 5px;
justify-content: flex-start;
}
.swiper_container_index .cooperation .notice {
margin-bottom: 10px;
font-size: 25px;
}
.swiper_container_index .cooperation .info {
width: 100%;
margin: 0 0 10px 0;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.swiper_container_index .cooperation .center {
width: 100%;
height: auto;
flex-direction: column;
}
.swiper_container_index .cooperation .center .left {
width: 100%;
height: auto;
margin-bottom: 10px;
border-right: none;
border-bottom: 1px solid rgba(0, 41, 86, 0.2);
}
.swiper_container_index .cooperation .center .left .column {
width: 100%;
padding: 5px 0;
}
.swiper_container_index .cooperation .center .left .column span {
font-size: 14px;
}
.swiper_container_index .cooperation .center .right {
width: 100%;
height: auto;
padding: 0 10px;
}
.swiper_container_index .cooperation .center .right .column.active {
margin-bottom: 10px;
}
.swiper_container_index .cooperation .center .right .column .title {
margin-bottom: 10px;
font-size: 16px;
}
.swiper_container_index .cooperation .center .right .column div {
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.swiper_container_index .cooperation .center .right .column p {
width: 100%;
margin: 0 0 5px 0;
font-size: 14px;
}
.swiper_container_index .cooperation .center .right .column p:last-of-type {
margin: 5px 0 0 0;
}
.swiper_container_index .cooperation .center .right .column .title::after {
top: 120%;
}
.header {
/* justify-content: space-between; */
overflow: hidden;
}
.header .section {
width: 100%;
margin: 0 0 80px 0;
padding: 0 5px;
}
.header .section .title {
font-size: 25px;
margin-bottom: 10px;
}
.header .section .info {
width: 100%;
font-size: 14px;
margin: 0 0 10px 0;
}
.header .section .label {
font-size: 15px;
margin-bottom: 20px;
}
.header .section .list {
width: 100%;
justify-content: space-around;
flex-wrap: wrap;
}
.header .section .list .column {
/* width: 50%; */
margin-right: 0;
margin-bottom: 10px;
}
.header .section .list .column .text {
margin-top: 10px;
font-size: 16px;
}
.header .section .list .column .number {
font-size: 40px;
margin-bottom: 10px;
}
.header .section .list .column .size {
font-size: 15px;
}
.navigation {
position: sticky;
top: 0;
padding-left: 20px;
}
.navigation li {
height: 60px;
font-size: 14px;
padding: 5px;
line-height: 50px;
}
.about_main {
padding: 10px;
}
.about_main .top {
margin: 10px 0;
}
.about_main .top .info {
flex-direction: column;
}
.about_main .top .info .left {
width: 100%;
}
.about_main .top .info .left .title {
font-size: 25px;
margin-bottom: 20px;
}
.about_main .top .info .left .label {
font-size: 20px;
margin-bottom: 20px;
}
.about_main .top .info .left .list {
width: 100%;
justify-content: space-between;
}
.about_main .top .info .left .list .column {
margin-right: 0;
}
.about_main .top .info .left .list .column .number {
font-size: 30px;
}
.about_main .top .info .right {
width: 100%;
height: auto;
margin: 20px 0;
}
.about_main .top .right video {
width: 100%;
height: auto;
}
.about_main .text {
margin: 0;
font-size: 14px;
}
.about_main .top .label {
font-size: 20px;
margin-bottom: 10px;
}
.about_main .top .about_img .swiper-slide {
width: 200px !important;
height: auto;
}
.about_main .center {
margin: 10px 0;
}
.about_main .center .title {
font-size: 25px;
margin-bottom: 10px;
}
.about_main .center .about_info {
width: 100%;
margin-bottom: 20px;
}
.about_main .center .about_info .swiper-slide {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.about_main .center .about_info .swiper-slide .img {
width: 100%;
margin-bottom: 10px;
}
.about_main .center .about_text {
flex-wrap: wrap;
width: 100%;
}
.about_main .center .about_info .swiper-slide .info {
margin-left: 0;
padding-left: 20px;
}
.about_main .center .about_info .swiper-slide .info .year {
font-size: 22px;
margin-bottom: 5px;
}
.about_main .center .about_info .swiper-slide .info ul li {
font-size: 15px;
}
.about_main .center .about_info .swiper-slide .info ul li p {
margin: 5px 0;
}
.about_main .center .about_text .slide {
width: 100%;
height: auto;
background: none;
}
.about_main .center .about_text .slide span {
font-size: 14px;
}
.about_main .center .about_text .slide span::before {
bottom: -130%;
}
.about_main .center .about_text .slide span::after {
bottom: -260%;
}
.about_main .center .about_text .slide .swiper-slide-active span::after {
bottom: -230%;
}
.about_main .center .about_text .swiper-container {
height: auto;
}
.about_main .center .about_text .swiper-container::before {
content: '';
position: absolute;
bottom: 56%;
height: 1px;
width: 100%;
background: rgba(17, 17, 17, 0.3);
}
.about_main .bottom {
margin-bottom: 10px;
}
.about_main .bottom .title {
font-size: 25px;
margin-bottom: 10px;
}
.about_main .bottom .list {
flex-direction: column;
}
.about_main .bottom .list .column {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.about_main .bottom .list .column:nth-of-type(2n) {
flex-direction: column;
}
.about_main .bottom .list .column .img {
width: 100%;
height: auto;
}
.about_main .bottom .list .column .text .notice {
margin-top: 10px;
font-size: 20px;
}
.about_main .bottom .list .column:hover .text .notice::after {
bottom: -25%;
}
.about_main .bottom .list .column .text p {
height: auto;
margin: 10px 0;
font-size: 14px;
text-align: center;
}
.organization_main {
padding: 10px
}
.organization_main .guanlian img {
width: 100%;
height: auto;
}
.organization_main .top {
margin-bottom: 10px;
}
.organization_main .top .yanfa {
margin: 10px 0;
}
.organization_main .top .yanfa .title {
font-size: 25px;
margin-right: 10px;
}
.organization_main .top .yanfa .name {
font-size: 15px;
}
.organization_main .top .title {
font-size: 25px;
margin-bottom: 10px;
}
.organization_main .top .column {
height: auto;
flex-direction: column;
margin-bottom: 10px;
}
.organization_main .top .column .img {
width: 100%;
height: auto;
}
.organization_main .top .column .text {
width: 100%;
padding: 10px 10px;
}
.organization_main .top .column .text span {
font-size: 20px;
}
.organization_main .top .column .text p {
font-size: 14px;
}
.organization_main .top .column:last-of-type {
flex-direction: column;
}
.organization_main .center {
margin-bottom: 10px;
}
.organization_main .center .title {
font-size: 25px;
margin-bottom: 10px;
}
.organization_main .center .list {
flex-wrap: wrap;
}
.organization_main .center .notice {
font-size: 25px;
margin-bottom: 10px;
}
.organization_main .center .list .column {
width: 100%;
height: auto;
padding: 10px;
margin-bottom: 10px;
}
.organization_main .center .list .column span {
font-size: 20px;
margin-bottom: 20px;
}
.organization_main .center .list .column p {
height: auto;
font-size: 14px;
margin-top: 20px;
}
.organization_main .center .list .column img {
right: -7%;
width: 60px;
height: 70px;
}
.organization_main .bottom {
height: auto;
padding: 10px 0;
}
.organization_main .bottom .title {
font-size: 20px;
margin-bottom: 20px;
}
.organization_main .bottom img {
width: 100%;
height: auto;
}
.news_main {
padding: 10px;
}
.news_main .list {
margin: 20px 0;
}
.news_main .list .column {
flex-direction: column;
margin-bottom: 20px;
height: auto;
}
.news_main .list .column .info {
width: 100%;
height: auto;
padding: 0 10px;
flex-direction: column;
}
.news_main .list .column .info .date {
width: 100%;
padding-right: 0;
border-right: none;
border-bottom: 1px solid rgba(17, 17, 17, 0.2);
flex-direction: row;
padding: 5px 0;
}
.news_main .list .column .info .date .day {
font-size: 28px;
margin-bottom: 0;
margin-right: 10px;
}
.news_main .list .column .info .date .year {
font-size: 18px;
}
.news_main .list .column .info .text {
width: 100%;
margin-left: 0;
padding: 5px 0;
}
.news_main .list .column .info .text p {
font-size: 14px;
}
.news_main .list .column .info .text .title {
font-size: 18px;
margin-bottom: 10px;
}
.news_main .list .column img {
width: 100%;
height: auto;
}
.newsInfo_main {
padding: 10px
}
.newsInfo_main .notice {
padding: 10px;
}
.newsInfo_main .notice .title {
font-size: 30px;
margin-bottom: 10px;
}
.newsInfo_main .notice .time .date {
font-size: 15px;
}
.newsInfo_main .info img {
width: 100%;
height: auto;
}
.product_main {
padding: 10px;
}
.product_main .list {
margin-top: 20px;
justify-content: space-around;
}
.product_main .list .column {
width: 180px;
height: 200px;
margin-bottom: 20px;
margin-right: 0;
}
.product_main .list .column:nth-of-type(4n) {
margin-right: 0px;
}
.product_main .list .column span {
font-size: 16px;
}
.product_main .list .column .img {
width: 150px;
height: auto;
margin-bottom: 20px;
}
.product_main .list .column .info .title {
position: unset;
font-size: 18px;
padding-bottom: 15px;
margin-bottom: 15px;
-webkit-line-clamp: 1;
}
.product_main .list .column .info {
justify-content: unset;
}
.product_main .list .column .info .title::after {
top: 22%;
}
.product_main .list .column .info p {
width: 100%;
margin: 0 0 10px 0;
}
.productInfo_main {
padding: 10px;
}
.productInfo_main .top {
flex-direction: column;
margin: 20px 0;
}
.productInfo_main .top .img {
width: 100%;
}
.productInfo_main .top .img .maxImg {
width: 100%;
height: auto;
}
.productInfo_main .top .text {
width: 100%;
margin-left: 0;
padding-top: 0;
margin-top: 20px;
}
.productInfo_main .top .text .notice .title .name {
font-size: 20px;
margin-bottom: 10px;
}
.productInfo_main .top .text .notice .title .cn {
font-size: 16px;
}
.productInfo_main .top .text .notice .reported {
width: 150px;
font-size: 20px;
}
.productInfo_main .top .text .notice {
padding-bottom: 20px;
margin-bottom: 20px;
}
.productInfo_main .top .text .info .list {
margin-bottom: 10px;
}
.productInfo_main .top .text .info .list .type {
width: 28%;
font-size: 16px;
}
.productInfo_main .top .text .info .list .value {
width: 72%;
font-size: 16px;
}
.productInfo_main .center .title {
font-size: 22px;
margin-bottom: 20px;
}
.productInfo_main .bottom .title {
font-size: 22px;
margin-bottom: 20px;
}
.productInfo_main .bottom .product_list .swiper-slide {
width: 100% !important;
}
.productInfo_main .bottom .product_list .swiper-slide span {
font-size: 16px;
}
.productInfo_main .bottom .product_list .swiper-slide .img {
width: 70%;
height: auto;
margin-bottom: 10px;
}
.productInfo_main .bottom .product_list .swiper-slide:hover .info {
width: 70%;
height: 75%;
}
.productInfo_main .bottom .product_list .swiper-slide .info .title {
font-size: 18px;
padding-bottom: 10px;
margin-bottom: 20px;
}
.productInfo_main .bottom .product_list .swiper-slide .info p {
width: 80%;
margin: 0 0 20px 0;
}
.productInfo_main .bottom .product_list .swiper-wrapper {
display: flex;
justify-content: unset;
}
.reportedForm .box {
width: 95%;
}
.reportedForm .box .title {
height: 50px;
line-height: 50px;
font-size: 22px;
}
.reportedForm .box form {
width: 100%;
margin: 20px 0 0 0;
}
.reportedForm .box form input {
width: 45%;
padding: 10px;
margin-bottom: 10px;
}
.reportedForm .box form #productName,
.reportedForm .box form #remark {
width: 45%;
}
.reportedForm .box form select {
width: 45%;
padding: 10px;
margin-bottom: 10px;
}
.reportedForm .box form textarea {
width: 95%;
padding: 10px;
}
.reportedForm .box .button {
margin-top: 20px;
}
.cooperation_main {
padding: 10px;
}
.cooperation_main .custom {
margin-bottom: 10px;
}
.cooperation_main .custom .title {
font-size: 25px;
margin-bottom: 20px;
}
.cooperation_main .custom .research {
flex-direction: column;
margin-bottom: 20px;
}
.cooperation_main .custom .research .img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.cooperation_main .custom .research .text {
padding-left: 0;
}
.cooperation_main .custom .research .text span {
font-size: 20px;
margin-bottom: 10px;
}
.cooperation_main .custom .research .text p {
width: 100%;
margin: 0 0 10px 0;
font-size: 14px;
}
.cooperation_main .custom .notice {
font-size: 20px;
margin-bottom: 20px;
}
.cooperation_main .custom .list .column {
width: 48%;
justify-content: unset;
padding: 10px 0;
height: 150px;
}
.cooperation_main .custom .list .column span {
margin-top: 10px;
font-size: 13px;
}
.cooperation_main .register {
margin-bottom: 20px;
}
.cooperation_main .register .title {
font-size: 25px;
margin-bottom: 20px;
}
.cooperation_main .register .serve {
font-size: 20px;
margin-bottom: 20px;
flex-direction: column;
}
.cooperation_main .register .serve .img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.cooperation_main .register .serve .text {
padding-left: 0;
}
.cooperation_main .register .serve .text p {
width: 100%;
font-size: 14px;
}
.cooperation_main .register .serve .text span {
font-size: 20px;
margin-bottom: 10px;
}
.cooperation_main .register .notice {
font-size: 20px;
margin-bottom: 20px;
}
.cooperation_main .register .list .column {
width: 48%;
justify-content: unset;
padding: 10px;
height: 180px;
}
.cooperation_main .register .list .column span {
width: 100%;
margin-top: 10px;
font-size: 13px;
}
.cooperation_main .agency {
margin-bottom: 20px;
}
.cooperation_main .agency .title {
font-size: 25px;
margin-bottom: 20px;
}
.cooperation_main .agency p {
font-size: 14px;
margin: 0;
}
.cooperation_main .map {
width: 100%;
height: 148px;
}
.cooperation_main .map img {
height: auto;
}
.cooperation_main .introduce .title {
font-size: 25px;
margin-bottom: 20px;
}
.cooperation_main .introduce p {
margin: 0 0 10px 0;
font-size: 14px;
}
.cooperation_main .introduce .list .column .text p {
margin: 0 0 10px 0;
font-size: 14px;
}
.cooperation_main .introduce .list {
flex-direction: column;
}
.cooperation_main .introduce .list .column {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.cooperation_main .introduce .list .column .img {
width: 28%;
}
.cooperation_main .introduce .list .column .text {
width: 72%;
padding-left: 10px;
}
.cooperation_main .introduce .list .column .text span {
font-size: 16px;
margin-bottom: 10px;
}
.cooperation_main .introduce .list .column .text p {
width: auto;
}
.support_main {
padding: 10px
}
.support_main .title {
font-size: 25px;
margin-bottom: 20px;
}
.support_main .list {
flex-direction: column;
width: 100%;
}
.support_main .list .column {
width: 100%;
flex-direction: column;
margin-bottom: 20px;
}
.support_main .list .column:nth-of-type(2n) {
flex-direction: column;
}
.support_main .list .column .img {
width: 100%;
height: auto;
}
.support_main .list .column .text {
width: 100%;
height: auto;
padding: 10px;
}
.support_main .list .column .text p {
width: 100%;
font-size: 14px;
}
.support_main .list .column .text span {
font-size: 20px;
margin-bottom: 10px;
}
.support_main .list .column .text::before {
left: -4%;
}
.support_main .list .column:nth-of-type(2n) .text::before {
left: 96%;
}
.recruitment_main {
margin: 0;
padding: 10px;
}
.recruitment_main .title {
font-size: 25px;
margin-bottom: 20px;
}
.recruitment_main .part .left .text {
font-size: 20px;
}
.recruitment_main .part {
flex-direction: column;
}
.recruitment_main .part:nth-of-type(2) {
flex-direction: column;
}
.recruitment_main .part .left {
width: 100%;
padding: 0;
}
.recruitment_main .part:nth-of-type(2) .left {
padding: 0;
}
.recruitment_main .part .left .list {
width: 100%;
}
.recruitment_main .part .left .list .column {
max-width: 167px;
margin-bottom: 15px;
}
.recruitment_main .part .left .list .column span {
font-size: 14px;
}
.recruitment_main .part .left .info {
width: 100%;
margin-bottom: 10px;
font-size: 14px;
}
.recruitment_main .part .right {
width: 100%;
height: auto;
}
.recruitmentInfo_main {
margin: 0;
padding: 10px;
}
.recruitmentInfo_main .column .position {
height: auto;
padding: 10px 20px;
}
.recruitmentInfo_main .column .position .left .number {
font-size: 35px;
margin-right: 30px;
}
.recruitmentInfo_main .column .position .left .title {
font-size: 14px;
}
.recruitmentInfo_main .column .info {
padding: 10px;
}
.recruitmentInfo_main .column .info p {
font-size: 14px;
}
.contact_main .list {
height: auto;
padding: 10px;
}
.contact_main .list .column {
margin: 0 0 20px 0;
}
.contact_main .list .column:nth-of-type(2n) {
margin: 0 0 20px 0;
}
.contact_main .list .column .value {
margin-bottom: 10px;
font-size: 16px;
}
.contact_main .list .column .value:last-of-type {
margin: 0 0 10px 0;
}
.contact_main .list .column .value p {
margin: 0;
}
.contact_main .list .column .title {
font-size: 22px;
margin-bottom: 10px;
}
.contact_main .list .column .companyName {
font-size: 25px;
margin-bottom: 10px;
}
.contact_main .message {
padding: 10px;
}
.contact_main .message .title {
font-size: 25px;
margin-bottom: 10px;
}
.contact_main .message .info {
height: auto;
font-size: 16px;
margin: 0 0 20px 0;
}
.contact_main .message form input {
width: 48%;
padding: 10px;
}
.contact_main .message form textarea {
width: 100%;
padding: 10px;
margin-bottom: 20px;
}
.contact_main .message .submit {
width: 100px;
margin-left: 75%;
}
}
@media screen and (max-width:375px) {
.swiper_container_index .index .section::after {
content: '';
width: 95px;
}
.swiper_container_index .news .center .left {
width: 95%;
}
.swiper_container_index .news .center .right .column .date .day {
font-size: 19px;
}
.swiper_container_index .cooperation .notice {
margin-bottom: 10px;
}
.swiper_container_index .cooperation .center .left .column .img {
width: 45px;
height: 45px;
}
.swiper_container_index .cooperation .center .left .column .img img {
width: 30px;
height: 30px;
}
.swiper_container_index .cooperation .center .left .column::after {
top: 23%;
}
.product_main .list .column {
width: 160px;
height: 180px;
}
.header .section {
margin: 0 0 50px 0;
}
.header .section .list .column .number {
font-size: 40px;
}
.header .section .info {
font-size: 13px;
}
.header .section .title {
font-size: 25px;
}
.head .menu_mobile li a {
font-size: 16px;
}
.navigation li {
font-size: 12px;
}
.about_main .top .info .left .label {
font-size: 16px;
}
.about_main .top .info .left .list .column .size {
font-size: 12px;
}
.about_main .center .title {
font-size: 20px;
}
}