:root {
--max-width: 1440px; }
* {
padding: 0;
margin: 0;
box-sizing: border-box; }
html, body {
width: 100%;
overflow-x: hidden; }
a {
color: inherit;
text-decoration: none; }
ul, li, ol {
list-style: none; }
.clearfix {
zoom: 1; }
.header {
background: #ffffff;
width: 100%;
height: 110px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.302); }
.header .main {
max-width: 1320px;
width: 100%;
margin: auto;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between; }
.header .logo {
display: block;
width: 379px; }
.header nav {
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 29px; }
.header nav .item {
display: block;
color: #160908;
font-size: 16px; }
.header nav .item:hover {
color: #00479c; }
.header nav .active {
color: #00479c; }
.header .phone {
display: flex;
align-items: center;
justify-content: flex-start; }
.header .phone .left {
margin-right: 14px;
width: 36px; }
.header .phone .left img {
width: 100%;
display: block; }
.header .phone .right .txt {
font-size: 12px; }
.header .phone .right .mobile {
font-size: 14px;
font-weight: 700;
color: #00479c; }
.foot-product-library {
width: 100%;
padding: 0.6666666667vw 0;
background: #01479d;
display: flex;
justify-content: center;
align-items: center; }
@media all and (max-width: 500px) {
.foot-product-library {
display: block; } }
.foot-product-library .text {
color: #fefefe;
font-size: 20px;
margin-right: 31px; }
@media all and (max-width: 500px) {
.foot-product-library .text {
text-align: center; } }
.foot-product-library .button {
width: 160px;
height: 37px;
background: #16b4b9;
display: flex;
justify-content: center;
align-items: center; }
@media all and (max-width: 500px) {
.foot-product-library .button {
margin: 2vw auto auto; } }
.foot-product-library .button .icon {
display: block;
width: 18px; }
.foot-product-library .button .text {
font-weight: 600;
font-size: 17px;
color: #fefefe;
margin-right: 15px;
padding-right: 15px;
border-right: 1px #fff solid; }
.page-banner {
height: 300px;
display: flex;
justify-content: center;
align-items: center; }
.page-banner .search {
display: flex;
justify-content: flex-end;
align-items: center;
width: 510px;
height: 58px;
font-size: 24px;
color: #fff;
margin-top: 180px;
background: #213b62;
border-radius: 1000px;
border: 1px solid #fff; }
.page-banner .search .to-search {
width: 24px;
height: 24px;
margin-right: 25px;
background: transparent;
border: transparent; }
.page-banner .search .to-search img {
display: block;
width: 100%; }
.page-banner .search .input {
background: transparent;
width: 320px;
height: 100%;
line-height: 58px;
color: #fff;
border: 0;
box-shadow: none; }
.page-banner .search .input:focus {
outline: 0; }
.page-banner .search .input::placeholder {
color: #fff; }
@media all and (max-width: 1024px) {
.page-banner {
display: none; } }
.page-main {
max-width: 1320px;
width: 100%;
margin: auto;
position: relative;
padding-top: 46px;
padding-bottom: 115px; }
@media all and (max-width: 1024px) {
.page-main {
padding-top: 94px; } }
.slide-article .main {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin: auto;
padding-top: 60px;
padding-bottom: 45px;
max-width: var(--max-width); }
.slide-article .main .en {
position: relative;
padding: 0 30px;
color: #e4e4e4;
font-size: 25px;
height: 1em;
vertical-align: bottom;
line-height: 0.5em;
margin-right: 24px;
border-right: 1px solid #3f69bd;
white-space: nowrap; }
.slide-article .main .en:first-letter {
font-size: 45px; }
.slide-article .main .en:before {
content: "";
width: 1px;
height: 55px;
position: absolute;
bottom: 0;
left: 0;
background: #3f69bd; }
.slide-article .main .name {
font-size: 22px;
color: #676767;
width: 100%; }
.slide-article .main .icon {
width: 35px;
height: 35px;
border-radius: 50%;
flex: none; }
.slide-article .main .icon img {
width: 100%;
height: 100%;
display: block; }
@media all and (max-width: 1440px) {
.slide-article .main {
width: 100%;
padding-left: 40px;
padding-right: 40px; } }
@media all and (max-width: 768px) {
.slide-article .main {
padding-bottom: 40px; }
.slide-article .main .en {
font-size: 25px; }
.slide-article .main .en:before {
height: 55px; }
.slide-article .main .en:first-letter {
font-size: 35px; }
.slide-article .main .name {
font-size: 25px;
white-space: nowrap; }
.slide-article .main .icon {
width: 46px;
height: 46px; } }
@media all and (max-width: 425px) {
.slide-article .main {
padding: 30px 0; }
.slide-article .main .en {
display: none; }
.slide-article .main .name {
font-size: 30px; }
.slide-article .main .icon {
width: 35px;
height: 35px; } }
.paginate {
display: flex;
justify-content: center;
align-items: center; }
.paginate .item {
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 0 5px; }
.paginate .item.active, .paginate .item:hover {
background: #004ea2;
color: #fff; }
.paginate .page-num {
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 0 5px; }
.paginate .page-num.page-num-current, .paginate .page-num:hover {
background: #004ea2;
color: #fff; }
.product {
--color: #375fae; }
.product .tabs {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px; }
.product .tabs-item {
font-weight: 700;
font-size: 22px;
text-align: center;
border-bottom: 2px solid transparent;
cursor: pointer;
margin-right: 50px;
padding-top: 10px;
padding-bottom: 7px; }
.product .tabs-item:last-child {
margin-right: 0; }
.product .tabs-item.active {
border-bottom: 2px solid var(--color);
color: var(--color); }
@media all and (max-width: 1024px) {
.product .tabs {
overflow: hidden;
overflow-x: auto; }
.product .tabs-item {
font-size: 18px;
white-space: nowrap; } }
.product .section {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 35px; }
.product .section-item {
background: #f7f7f7;
padding: 8px 17px;
font-size: 16px;
color: #6c6c6c;
margin-right: 20px;
margin-bottom: 20px;
cursor: pointer;
border-radius: 3px;
transition: all 0.25s;
border-bottom: 2px transparent solid; }
.product .section-item.active {
color: var(--color);
border-bottom: 2px var(--color) solid; }
.product .section-item:hover {
color: #fff;
background: var(--color); }
@media all and (max-width: 425px) {
.product .section {
justify-content: space-between; }
.product .section-item {
width: 49%;
margin-right: 0; }
.product .section-item a {
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; } }
.product .content {
display: flex;
align-items: flex-start;
justify-content: space-between;
column-gap: 20px; }
.product .list {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
flex: 1; }
.product .list-item {
border: 1px solid #f0f0f0;
text-align: center;
background: #f6f6f6;
width: 32%;
margin-bottom: 35px;
padding: 7px 7px 24px;
cursor: pointer; }
.product .list-item .icon {
display: block;
width: 100%;
height: auto;
object-fit: cover; }
.product .list-item .name {
line-height: 60px;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.product .list-item .buttons {
display: flex;
align-items: center;
justify-content: center;
column-gap: 28px; }
.product .list-item .buttons .button {
padding: 4px 13px;
font-size: 12px;
color: #ffffff; }
.product .list-item .buttons .consult {
background: #00479c; }
.product .list-item .buttons .to-detail {
background: #98c93c; }
.product .list-item.plac {
opacity: 0;
visibility: hidden;
padding: 0;
margin: 0; }
@media all and (max-width: 1024px) {
.product .list-item {
width: 30%; } }
@media all and (max-width: 425px) {
.product .list-item {
width: 100%; } }
.product-detail {
max-width: var(--max-width);
width: 100%;
margin: auto;
margin-top: 30px;
margin-bottom: 50px;
display: flex;
align-items: flex-start;
justify-content: space-between; }
.product-detail .product-cate {
width: 208px; }
@media all and (max-width: 1440px) {
.product-detail .product-cate {
display: none; } }
.product-detail .product-cate .cate-one {
width: 100%; }
.product-detail .product-cate .cate-one-item {
width: 100%;
line-height: 47px;
border: 1px solid #dcdcdc;
margin-bottom: 10px; }
.product-detail .product-cate .cate-one-item.title {
height: 95px;
line-height: 95px;
background: #3070c8;
border-radius: 0 30px 0 0;
text-align: center; }
.product-detail .product-cate .cate-one-item.title .title-text {
width: 100%;
font-size: 29px;
color: #fff; }
.product-detail .product-cate .cate-one-item .item {
color: #282828;
transition: 0.2s;
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-start; }
.product-detail .product-cate .cate-one-item .item .to-page {
margin-left: 16px;
margin-right: 32px;
transition: 0.2s;
color: #808080;
font-size: 19px; }
.product-detail .product-cate .cate-one-item .item .text {
font-size: 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.product-detail .product-cate .cate-one-item .item.active {
background: #004ea2;
color: #fff; }
.product-detail .product-cate .cate-one-item .item.active .to-page {
color: #fff;
transform: rotate(90deg); }
.product-detail .product-cate .cate-one-item .cate-two {
width: 100%; }
.product-detail .product-cate .cate-one-item .cate-two-item {
line-height: 47px;
border-top: 1px solid #dcdcdc; }
.product-detail .product-cate .cate-one-item .cate-two-item a {
display: flex;
align-items: center;
justify-content: flex-start; }
.product-detail .product-cate .cate-one-item .cate-two-item .to-page {
margin-left: 16px;
margin-right: 32px;
transition: 0.2s;
color: #808080;
font-size: 19px; }
.product-detail .product-cate .cate-one-item .cate-two-item .text {
font-size: 17px;
color: #282828;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.product-detail .product-main {
flex: 1;
margin-left: 54px; }
.product-detail .product-main .top {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 66px; }
.product-detail .product-main .top .imgs {
display: block;
width: 44%; }
.product-detail .product-main .top .imgs .jqzoom {
float: none;
border: 1px solid #dfdfdf; }
.product-detail .product-main .top .imgs .jqzoom img {
display: block;
width: 300px;
height: 300px;
margin: auto;
object-fit: cover; }
.product-detail .product-main .top .imgs .img-list {
padding-top: 10px;
display: flex;
align-items: center;
column-gap: 10px; }
.product-detail .product-main .top .imgs .img-list .item {
width: 18.4%;
height: 70px;
border: 1px solid #dfdfdf; }
.product-detail .product-main .top .imgs .img-list .item.active {
border: #00479c 1px solid; }
.product-detail .product-main .top .imgs .img-list .item img {
display: block;
width: 100%; }
.product-detail .product-main .top .info {
flex: 1;
margin-left: 45px; }
.product-detail .product-main .top .info .info-title {
font-size: 30px; }
.product-detail .product-main .top .info .note {
height: 140px;
font-size: 14px;
color: #888;
background: #f8f8f8;
margin: 20px auto;
padding: 20px; }
.product-detail .product-main .top .info .note span {
color: #333; }
.product-detail .product-main .top .info .model {
font-size: 14px;
color: #888;
display: flex;
align-items: center;
justify-content: flex-start; }
.product-detail .product-main .top .info .model img {
display: block;
width: 16px;
height: 16px;
margin: 7px 4px 7px 0; }
.product-detail .product-main .top .info .model .name {
color: #888;
width: 70px;
text-align-last: justify; }
.product-detail .product-main .top .info .model span {
color: #999999; }
.product-detail .product-main .top .info .buttons {
display: flex;
align-items: center;
column-gap: 20px; }
.product-detail .product-main .top .info .inquiry {
display: block;
width: 48%;
height: 60px;
line-height: 60px;
background: #004ea2;
color: #fff;
text-align: center;
font-size: 22px;
margin-top: 42px; }
.product-detail .product-main .bottom {
display: flex;
align-items: flex-start;
justify-content: space-between;
column-gap: 20px; }
.product-detail .product-main .bottom .right {
box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.08);
flex: 1; }
.product-detail .product-main .bottom .cate {
height: 100px;
border-bottom: 1px #dcdcdc solid;
margin-bottom: 50px;
padding-left: 77px;
display: flex;
align-items: center;
cursor: pointer; }
@media all and (max-width: 768px) {
.product-detail .product-main .bottom .cate {
padding-left: 20px; } }
.product-detail .product-main .bottom .cate .item {
padding: 0 20px;
margin-right: 50px;
height: 100%;
line-height: 100px;
font-size: 20px;
color: #282828; }
.product-detail .product-main .bottom .cate .item.active {
color: #004ea2;
border-bottom: 1px #004ea2 solid; }
@media all and (max-width: 768px) {
.product-detail .product-main .bottom .cate .item {
margin-right: 30px;
font-size: 16px; } }
.product-detail .product-main .bottom .content {
padding: 0 45px 45px; }
.case-kehu {
background: #f8f8f8; }
.case-kehu .main {
max-width: var(--max-width);
width: 100%;
margin: auto;
display: flex;
align-items: flex-start;
padding-top: 60px;
padding-bottom: 66px; }
.case-kehu .main .aside {
width: 235px;
flex: none;
color: #fff;
font-size: 30px;
line-height: 1;
padding: 15px 30px;
background: #3f69bd;
border-bottom: 2px solid #c6b385;
position: relative;
z-index: 2; }
.case-kehu .main .aside:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 0;
bottom: 0;
right: -20px;
margin: auto;
border-left: 20px solid #3f69bd;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent; }
@media all and (max-width: 1440px) {
.case-kehu .main {
width: calc(100% - 80px);
margin: auto; } }
@media all and (max-width: 768px) {
.case-kehu .main .aside {
display: none; } }
.case-kehu .wrap {
height: 350px;
overflow: hidden; }
.case-kehu .right {
padding: 42px 44px 23px;
background: #fff; }
.case-kehu .content {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
flex: 1;
overflow: hidden; }
.case-kehu .content .item {
border: 1px solid #d0d0d0;
text-align: center;
padding-top: 10px;
width: 18%;
border-radius: 3px;
margin-bottom: 25px; }
.case-kehu .content .item.plac {
opacity: 0;
visibility: hidden;
margin-bottom: 0;
padding: 0;
border: none; }
.case-kehu .content .item .image {
width: 100px;
height: 100px;
display: block;
margin: auto; }
.case-kehu .content .item .name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 40px;
font-size: 14px;
color: #020202; }
@media all and (max-width: 425px) {
.case-kehu .content .item {
width: 45%; } }
@media all and (max-width: 768px) {
.case-kehu .content .item {
width: 30%; } }
.case-list {
background: #fff; }
.case-list .main {
max-width: var(--max-width);
width: 100%;
margin: auto;
padding: 20px 30px 00px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
column-gap: 46px; }
.case-list .main .item {
padding: 23px 25px 20px 19px;
border: 1px solid #dddddd;
width: 48%;
margin-bottom: 25px;
border-radius: 5px;
cursor: pointer;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.18); }
.case-list .main .item .left {
display: flex;
align-items: center; }
.case-list .main .item .image {
width: 28px;
display: block;
margin-right: 13px; }
.case-list .main .item .name {
line-height: 40px;
color: #3a3a3a;
font-size: 17px;
max-width: 377px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.case-list .main .item.plac {
opacity: 0;
visibility: hidden;
padding: 0;
margin: 0; }
.case-list .main .item .right {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 5px; }
.case-list .main .item .right .icon {
display: block;
width: 16px; }
.case-detail {
max-width: 1320px;
width: 100%;
margin: auto;
margin-top: 120px; }
.case-detail .info .title {
text-align: center;
font-weight: 400;
color: #252525;
font-size: 28px;
line-height: 40px;
margin-bottom: 35px; }
.case-detail .info .dd {
line-height: 20px;
color: #aaa;
font-size: 14px;
text-align: center;
margin: 20px auto;
padding: 0 0 10px;
border-bottom: 1px dashed #dfdfdf; }
.case-detail .info .dd .note {
margin-left: 90px; }
.case-detail .swiper-container {
width: 100%;
padding-bottom: 50px; }
.case-detail .swiper-slide {
background-position: center;
background-size: cover;
width: 300px;
height: 300px; }
.case-paginate {
padding-top: 80px;
padding-bottom: 100px; }
.profile {
max-width: 1920px;
width: 100%;
margin: auto; }
.profile .top {
margin-bottom: 85px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
font-size: 30px;
font-weight: 700;
color: #000000;
line-height: 40px;
letter-spacing: 6px; }
.profile .top img {
display: block;
width: 30px; }
.profile .intro {
margin-top: 69px;
padding-bottom: 75px; }
.profile .intro .data {
max-width: 1320px;
width: 100%;
margin: auto;
display: flex;
align-items: center; }
.profile .intro .data .left {
flex-shrink: 0;
width: 574px; }
.profile .intro .data .left img {
display: block;
width: 100%; }
.profile .intro .data .right {
padding: 76px 60px;
background: #f7f4f4; }
.profile .intro .data .right .title {
font-size: 30px;
margin-bottom: 42px; }
.profile .intro .data .right .info p {
font-size: 14px;
line-height: 20px;
text-indent: 2em;
margin-bottom: 5px; }
.profile .conant {
padding-top: 51px;
padding-bottom: 92px;
background: #f9f9f9; }
.profile .conant .cards {
max-width: 1320px;
width: 100%;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between; }
.profile .conant .cards .item {
position: relative;
width: 374px;
padding: 86px 98px 99px;
background: #fff;
text-align: center;
border-radius: 10px;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
overflow: hidden; }
.profile .conant .cards .item img {
margin: auto;
display: block;
width: 116px; }
.profile .conant .cards .item .title {
font-size: 24px;
font-weight: 700;
margin-top: 33px;
margin-bottom: 8px;
text-align: center; }
.profile .conant .cards .item .info {
color: #8f8f8f;
font-size: 18px;
line-height: 30px; }
.profile .conant .cards .item .bt {
position: absolute;
left: 0;
bottom: 0;
margin-bottom: -71px;
width: 100%;
height: 71px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
background: #f1f1f1;
transition: all 0.3s ease; }
.profile .main {
max-width: 1320px;
width: 100%;
margin: auto;
margin-top: 79px;
padding-bottom: 100px;
overflow: hidden; }
.profile .main .tab {
position: relative;
margin: auto;
margin-bottom: 68px;
display: flex;
align-items: center;
justify-content: space-around;
background: #b3b2b2;
width: 956px;
height: 55px; }
.profile .main .tab .bg {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
background: #00479c;
z-index: 1;
transition: all 0.5s ease; }
.profile .main .tab .tab-item {
position: relative;
color: #ffffff;
font-size: 30px;
font-weight: 700;
z-index: 2;
width: 50%;
height: 100%;
line-height: 55px;
text-align: center;
cursor: pointer; }
.profile .main .data-list {
position: relative;
display: flex;
align-items: flex-start;
width: calc(1320px * 2);
transition: all 0.5s ease; }
.profile .main .data-list .video-list,
.profile .main .data-list .cases-list {
width: 1320px; }
.profile .main .data-list .video-list .list,
.profile .main .data-list .cases-list .list {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
row-gap: 20px;
padding-bottom: 20px; }
.profile .main .data-list .video-list .list .item,
.profile .main .data-list .cases-list .list .item {
width: 648px;
padding: 23px 33px 14px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.302); }
.profile .main .data-list .video-list .list .item a,
.profile .main .data-list .cases-list .list .item a {
display: flex;
justify-content: flex-start;
align-items: center; }
.profile .main .data-list .video-list .list .item a .item-left,
.profile .main .data-list .cases-list .list .item a .item-left {
padding-right: 20px; }
.profile .main .data-list .video-list .list .item a .item-left img,
.profile .main .data-list .cases-list .list .item a .item-left img {
width: 166px;
height: 100%;
object-fit: contain; }
.profile .main .data-list .video-list .list .item a .item-right,
.profile .main .data-list .cases-list .list .item a .item-right {
flex: 1; }
.profile .main .data-list .video-list .list .item.plac,
.profile .main .data-list .cases-list .list .item.plac {
padding: 0;
box-shadow: none; }
.profile .main .data-list .video-list .list .item .title,
.profile .main .data-list .cases-list .list .item .title {
color: #160908;
font-size: 17px;
line-height: 24px;
margin-bottom: 6px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.profile .main .data-list .video-list .list .item .subtitle,
.profile .main .data-list .cases-list .list .item .subtitle {
margin-bottom: 48px;
color: #9d9e9f;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.profile .main .data-list .video-list .list .item .bottom,
.profile .main .data-list .cases-list .list .item .bottom {
display: flex;
align-items: center;
justify-content: space-between; }
.profile .main .data-list .video-list .list .item .bottom .date,
.profile .main .data-list .cases-list .list .item .bottom .date {
font-size: 14px;
color: #d0d1d4; }
.profile .main .data-list .video-list .list .item .bottom .detail,
.profile .main .data-list .cases-list .list .item .bottom .detail {
display: flex;
align-items: center;
color: #d0d1d4;
font-size: 14px; }
.profile .main .data-list .video-list .list .item .bottom .detail img,
.profile .main .data-list .cases-list .list .item .bottom .detail img {
margin-left: 4px;
display: block;
width: 11px; }
.profile .main .data-list .video-list .list .item.plac,
.profile .main .data-list .cases-list .list .item.plac {
height: 0; }
.profile-detail {
max-width: var(--max-width);
width: 100%;
margin: auto;
margin-top: 120px; }
.profile-detail .info {
padding-bottom: 56px;
border-bottom: 1px #cfcfcf solid; }
.profile-detail .info .title {
font-weight: 400;
color: #252525;
font-size: 41px;
margin-bottom: 52px; }
.profile-detail .info .dd {
font-size: 22px;
color: #676767; }
.profile-detail .info .dd .date {
padding-left: 42px;
position: relative; }
.profile-detail .info .dd .date:before {
content: "";
position: absolute;
width: 27px;
height: 27px;
left: 0;
top: 0;
background: url("../static/images/date-icon.png") center no-repeat;
background-size: cover; }
.profile-detail .info .dd .note {
margin-left: 116px; }
.profile-detail .content {
margin-top: 90px;
margin-bottom: 90px; }
@media all and (max-width: 1440px) {
.profile-detail {
width: calc(100% - 80px);
margin: 75px auto auto; } }
@media all and (max-width: 1024px) {
.profile-detail {
margin-top: 84px; } }
@media all and (max-width: 425px) {
.profile-detail .info .title {
font-size: 30px;
text-align: center; }
.profile-detail .info .dd .note {
display: block;
margin-left: 0;
margin-top: 15px; } }
.detail-paginate {
padding: 40px 86px 110px;
font-size: 14px;
color: #676767;
border-top: 1px #cfcfcf solid;
display: flex;
align-items: flex-start;
justify-content: space-between; }
.detail-paginate .prev,
.detail-paginate .next {
width: calc((100% - 186px) / 2); }
.detail-paginate .next .text {
text-align: right; }
.detail-paginate .next a {
float: right; }
.detail-paginate .list {
padding: 0 20px;
border-left: 1px #cfcfcf solid;
border-right: 1px #cfcfcf solid; }
.detail-paginate .list .icon {
display: block;
margin: auto auto 13px;
width: 25px; }
.detail-paginate .list a {
margin: 13px auto auto; }
.detail-paginate .text {
margin-bottom: 13px; }
@media all and (max-width: 768px) {
.detail-paginate {
display: block;
padding: 65px 0; }
.detail-paginate .list {
display: block;
border: none;
padding: 0;
margin: 15px 0; }
.detail-paginate .list .icon {
margin: auto auto 5px 5px; } }
.news-page-main {
padding-bottom: 60px; }
.news-page-list {
max-width: 1320px;
width: 100%;
margin: auto;
padding-bottom: 60px;
margin-bottom: 30px; }
.news-page-list .one-item {
width: 100%;
background: #f5f5f5;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
margin-bottom: 40px; }
.news-page-list .one-item .img {
width: 37.5%;
background: #ffffff;
overflow: hidden; }
.news-page-list .one-item .img:hover img {
transform: scale(1.1); }
.news-page-list .one-item .img img {
display: block;
height: 100%;
margin: auto;
transition: all 0.5s; }
.news-page-list .one-item .info {
flex: 1;
padding-inline: 40px; }
.news-page-list .one-item .info .title {
font-size: 24px;
font-weight: 700;
line-height: 32px;
color: #333;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
cursor: pointer; }
.news-page-list .one-item .info .title:hover {
color: #00479c; }
.news-page-list .one-item .info .date {
font-size: 16px;
line-height: 32px;
margin: 12px auto;
color: #999; }
.news-page-list .one-item .info .subtitle {
margin-bottom: 20px;
height: 84px;
line-height: 28px;
color: #777;
font-size: 15px;
text-align: justify;
text-indent: 0;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical; }
.news-page-list .one-item .info .to {
padding-top: 24px;
border-top: #ccc 1px dashed;
color: #666;
cursor: pointer; }
.news-page-list .one-item .info .to:hover {
color: #00479c; }
.news-page-list .one-item .info .to:hover svg {
fill: #00479c; }
.news-page-list .one-item .info .to .to-info {
display: flex;
align-items: center;
font-size: 16px;
line-height: 40px; }
.news-page-list .one-item .info .to svg {
margin-left: 8px;
width: 20px;
height: 20px;
fill: #666; }
.news-page-list .item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0 30px 40px;
width: 100%;
background: #f5f5f5;
margin-bottom: 20px; }
.news-page-list .item .info {
width: 83%; }
.news-page-list .item .info .title {
line-height: 40px;
color: #333;
font-size: 17px; }
.news-page-list .item .info .date {
overflow: hidden;
line-height: 32px;
color: #999;
font-size: 14px;
margin: 0 auto 4px; }
.news-page-list .item .info .subtitle {
padding-left: 20px;
height: 53px;
line-height: 28px;
color: #777;
font-size: 15px;
text-align: justify;
border-left: 1px solid #dfdfdf;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical; }
.news-page-list .item .right-to {
width: 140px;
height: 123px;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #dfdfdf; }
.news-page-list .item .right-to svg {
width: 40px;
height: 40px;
fill: #6d6d6d; }
.news-page-list .paginate {
margin-top: 60px; }
.news-detail {
max-width: 1320px;
width: 100%;
margin: auto;
margin-top: 24px; }
.news-detail .info .title {
text-align: center;
font-weight: 400;
color: #252525;
font-size: 28px;
line-height: 40px;
margin-bottom: 35px; }
.news-detail .info .dd {
line-height: 20px;
color: #aaa;
font-size: 14px;
text-align: center;
margin: 20px auto;
padding: 0 0 10px;
border-bottom: 1px dashed #dfdfdf; }
.news-detail .info .dd .note {
margin-left: 90px; }
@media all and (max-width: 1440px) {
.news-detail {
width: calc(100% - 80px);
margin: 90px auto; } }
@media all and (max-width: 1024px) {
.news-detail .info .title {
font-size: 30px; }
.news-detail .info .dd {
font-size: 15px; } }
@media all and (max-width: 425px) {
.news-detail .info .dd .note {
display: block;
margin-left: 0; } }
.contact-page {
max-width: 1320px;
width: 100%;
margin: auto; }
.contact-page .card {
margin-top: 40px;
margin-bottom: 40px;
display: flex;
align-items: center;
border-left: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf; }
.contact-page .item {
width: calc(100% / 3);
overflow: hidden;
margin: 0;
padding: 40px 20px 20px;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf; }
.contact-page .item img {
display: block;
width: 130px;
height: 130px;
overflow: hidden;
margin: 0 auto 20px; }
.contact-page .item .txt {
color: #797979;
font-size: 14px;
text-align: center;
margin: 0 auto 10px; }
.contact-page .item .data {
height: 60px;
line-height: 30px;
color: #333;
font-size: 16px;
text-align: center; }
.contact-page .wechat {
width: 100%;
margin: 0 auto 40px;
padding: 60px 0;
background: url("/skin/sub_pages_images/NyContact_ewmbg.jpg") no-repeat center;
background-size: cover; }
.contact-page .wechat img {
display: block;
width: 160px;
margin: 30px auto 0; }
.contact-page .txt1 {
line-height: 40px;
color: #fff;
font-size: 32px;
text-align: center; }
.contact-page .txt2 {
line-height: 30px;
color: #fff;
font-size: 16px;
text-align: center; }
.contact-page .contact-map {
max-width: 1320px;
width: 100%;
margin: auto;
height: 400px;
margin-bottom: 150px; }
.about-page .about-page-content {
background: #fcfcfc; }
.about-page .about-page-content .main {
max-width: 1320px;
width: 100%;
margin: auto; }
@media all and (max-width: 1440px) {
.about-page .about-page-content .main {
width: calc(100% - 80px);
margin: auto; } }
.about-page .about-page-content .slide-article {
background: transparent; }
.about-page .about-page-content .about-page-content-header {
width: 100%;
display: block;
margin-bottom: 67px; }
.about-page .about-page-content .note {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 100px; }
.about-page .about-page-content .note img {
width: 185px;
margin-left: 58px;
margin-right: 70px;
flex: none; }
.about-page .about-page-content .note .note-details .head {
font-size: 28px;
font-weight: 700;
padding-left: 43px;
padding-bottom: 40px;
padding-top: 40px;
position: relative;
z-index: 2; }
.about-page .about-page-content .note .note-details .head:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 116px;
height: 112px;
background: url("../static/images/opacity-about@2x.png") no-repeat;
background-size: 100%;
z-index: -1; }
.about-page .about-page-content .note .note-details .note-content {
color: #3d3d3d;
font-size: 16px;
line-height: 1.8;
text-indent: 2em; }
@media all and (max-width: 1024px) {
.about-page .about-page-content .note img {
display: none; } }
@media all and (max-width: 425px) {
.about-page .about-page-content .note .note-details .head {
font-size: 21px;
padding-bottom: 15px; }
.about-page .about-page-content .note .note-details .head:before {
width: 85px; }
.about-page .about-page-content .note .note-details .note-content {
font-size: 15px; } }
.about-page .about-page-head {
text-align: center;
font-size: 40px;
line-height: 60px;
position: relative;
z-index: 1; }
.about-page .about-page-head:after {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background: #fcfcfc; }
.about-page .about-page-head:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 360px;
height: 60px;
z-index: -2;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.3);
border-radius: 100%; }
@media all and (max-width: 768px) {
.about-page .about-page-head:before {
width: 335px; } }
@media all and (max-width: 425px) {
.about-page .about-page-head {
font-size: 30px;
line-height: 50px; }
.about-page .about-page-head:before {
width: 323px;
height: 48px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); } }
.about-page .renzheng-list {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 100px;
padding-bottom: 60px; }
.about-page .renzheng-list .item img {
height: 120px;
display: block;
margin-bottom: 30px; }
.about-page .renzheng-list .item .name {
font-size: 20px;
color: #171717; }
@media all and (max-width: 768px) {
.about-page .renzheng-list .item img {
height: 100px; }
.about-page .renzheng-list .item .name {
font-size: 15px;
text-align: center; } }
@media all and (max-width: 425px) {
.about-page .renzheng-list {
display: block;
margin-top: 35px; }
.about-page .renzheng-list .item {
margin-bottom: 20px;
text-align: center; }
.about-page .renzheng-list .item img {
margin: auto auto 30px;
height: 190px; } }
.about-page .about-honor {
max-width: 1320px;
width: 100%;
margin: auto;
padding-bottom: 70px;
position: relative; }
.about-page .about-honor .swiper-button-prev {
left: -60px; }
.about-page .about-honor .swiper-button-next {
right: -60px; }
.about-page .about-honor .swiper-slide {
display: flex;
justify-content: space-between;
align-items: center; }
.about-page .about-honor .swiper-slide .item {
width: 100%;
height: 360px;
object-fit: cover; }
.about-page .about-honor .swiper-slide .item.plac {
height: 0; }
@media all and (max-width: 1440px) {
.about-page .about-honor {
width: calc(100% - 80px);
margin: auto; }
.about-page .about-honor .swiper-button-prev {
display: none; }
.about-page .about-honor .swiper-button-next {
display: none; } }
@media all and (max-width: 1024px) {
.about-page .about-honor .swiper-slide .item {
display: block;
width: 100%;
height: 100%;
object-fit: cover; } }
.about-page .about-hezuo {
max-width: 1320px;
width: 100%;
margin: auto;
background: url("../static/images/baozhang-bg@2x.png") no-repeat top center/cover;
padding-top: 47px;
padding-bottom: 35px; }
.about-page .about-hezuo .about-page-head:after {
background: #ffffff;
margin: auto;
width: 700px; }
.about-page .about-hezuo .message {
font-size: 23px;
color: #3d3d3d;
padding-top: 40px;
margin-bottom: 76px;
text-align: center; }
.about-page .about-hezuo .list {
display: flex;
justify-content: center;
align-items: flex-start; }
.about-page .about-hezuo .list .item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0 30px;
border-right: 1px solid #c3c3c3; }
.about-page .about-hezuo .list .item:last-child {
border-right: none; }
.about-page .about-hezuo .list .item img {
display: block;
width: 85px;
height: 85px;
object-fit: contain; }
.about-page .about-hezuo .list .item .name {
line-height: 100px;
font-size: 23px;
color: #3d3d3d; }
.about-page .about-hezuo .list .item .tip {
color: #3d3d3d;
font-size: 16px; }
@media all and (max-width: 768px) {
.about-page .about-hezuo .list {
display: block; }
.about-page .about-hezuo .list .item {
margin-top: 25px;
border: none; } }
@media all and (max-width: 768px) {
.about-page .about-hezuo .message {
font-size: 20px;
margin-bottom: 30px; }
.about-page .about-hezuo .list .item .name {
line-height: 70px; } }
@media all and (max-width: 425px) {
.about-page .about-hezuo .message {
font-size: 12px; }
.about-page .about-hezuo .list .item .tip {
font-size: 15px; } }
.about-page .qiye-list {
max-width: 1320px;
width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding-bottom: 85px; }
.about-page .qiye-list .item {
width: 24%;
border-bottom: 1px solid #e4e4e4;
text-align: center;
margin-bottom: 35px;
cursor: pointer; }
.about-page .qiye-list .item.plac {
opacity: 0;
visibility: hidden;
margin-bottom: 0; }
.about-page .qiye-list .item img {
width: 100%;
height: 225px;
object-fit: cover;
display: block; }
.about-page .qiye-list .item .name {
line-height: 55px;
font-size: 16px;
color: #676767; }
@media all and (max-width: 1440px) {
.about-page .qiye-list {
width: calc(100% - 80px);
margin: auto; } }
@media all and (max-width: 768px) {
.about-page .qiye-list .item {
width: 47%;
margin-bottom: 30px; } }
@media all and (max-width: 425px) {
.about-page .qiye-list .item {
width: 100%; } }
.search-page {
max-width: var(--max-width);
width: 100%;
margin: auto;
margin-top: 84px;
margin-bottom: 157px;
display: flex;
align-items: flex-start;
justify-content: space-between; }
.search-page .product-cate {
width: 208px; }
.search-page .product-cate .cate-one {
width: 100%; }
.search-page .product-cate .cate-one-item {
width: 100%;
line-height: 47px;
border: 1px solid #dcdcdc;
margin-bottom: 10px; }
.search-page .product-cate .cate-one-item.title {
height: 95px;
line-height: 95px;
background: #3070c8;
border-radius: 0 30px 0 0;
text-align: center; }
.search-page .product-cate .cate-one-item.title .title-text {
width: 100%;
font-size: 29px;
color: #fff; }
.search-page .product-cate .cate-one-item .item {
display: flex;
align-items: center;
justify-content: flex-start;
color: #282828;
transition: 0.2s;
cursor: pointer; }
.search-page .product-cate .cate-one-item .item .to-page {
margin-left: 16px;
margin-right: 32px;
transition: 0.2s;
color: #808080;
font-size: 19px; }
.search-page .product-cate .cate-one-item .item .text {
font-size: 17px; }
.search-page .product-cate .cate-one-item .item.active {
background: #004ea2;
color: #fff; }
.search-page .product-cate .cate-one-item .item.active .to-page {
color: #fff;
transform: rotate(90deg); }
.search-page .product-cate .cate-one-item .cate-two {
width: 100%; }
.search-page .product-cate .cate-one-item .cate-two-item {
line-height: 47px;
border-top: 1px solid #dcdcdc; }
.search-page .product-cate .cate-one-item .cate-two-item .to-page {
margin-left: 16px;
margin-right: 32px;
transition: 0.2s;
color: #808080;
font-size: 19px; }
.search-page .product-cate .cate-one-item .cate-two-item .text {
font-size: 17px;
color: #282828;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.search-page .product-cate .cate-one-item .cate-two-item a {
display: flex;
align-items: center;
justify-content: flex-start; }
.search-page .product {
margin-left: 100px;
--color: #375fae;
flex: 1; }
.search-page .product .list {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; }
.search-page .product .list-item {
border: 1px solid #f0f0f0;
text-align: center;
background: #f9f9f9;
width: 23%;
margin-bottom: 35px;
cursor: pointer; }
.search-page .product .list-item .icon {
display: block;
width: 100%;
height: 230px;
object-fit: cover; }
.search-page .product .list-item .name {
line-height: 60px;
font-size: 16px;
background: #fff; }
.search-page .product .list-item.plac {
opacity: 0;
visibility: hidden; }
.ue-content a {
color: #059aff; }
.ue-content video {
width: 100%;
height: 100%; }
.ue-content blockquote {
font: 14px/22px normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding: 10px 10px 10px 15px;
border-left: 3px solid #ccc;
background-color: #f1f1f1; }
.ue-content p {
margin: 5px 0;
margin-bottom: 1em; }
.ue-content table {
margin-bottom: 10px;
border-collapse: collapse;
display: table; }
.ue-content td,
.ue-content th {
padding: 5px 10px;
border: 1px solid #ddd; }
.ue-content .ue-table-interlace-color-double {
background-color: #f7faff; }
.ue-content .ue-table-interlace-color-single {
background-color: #fcfcfc; }
.ue-content img {
display: block;
width: auto;
margin: 0 auto; }
@media all and (max-width: 425px) {
.ue-content img {
width: 100%; } }
.cate-list {
width: 284px; }
.cate-list .title {
width: 100%;
padding: 20px 0;
background: #00479c;
text-align: center; }
.cate-list .title .name-zh {
font-size: 26px;
color: #ffffff; }
.cate-list .title .name-en {
font-size: 14px;
color: #ffffff; }
.cate-list .list {
margin-top: 2px;
display: block;
border: #00479c 1px solid; }
.cate-list .list .one-cate .detail {
height: 42px;
display: flex;
align-items: center;
justify-content: space-between;
padding-inline: 8px 17px;
border-left: transparent 3px solid;
border-bottom: #d8d8d8 1px dashed; }
.cate-list .list .one-cate .detail:last-of-type {
border-bottom: none; }
.cate-list .list .one-cate .detail:hover, .cate-list .list .one-cate .detail.active {
border-left: #98c93c 3px solid;
background: #00479c; }
.cate-list .list .one-cate .detail:hover .name, .cate-list .list .one-cate .detail.active .name {
color: #ffffff; }
.cate-list .list .one-cate .detail:hover .icon, .cate-list .list .one-cate .detail.active .icon {
fill: #ffffff; }
.cate-list .list .one-cate .detail.active .icon {
transform: rotate(90deg);
transition: 0.2s all ease-in-out; }
.cate-list .list .one-cate .detail .name {
line-height: 42px;
flex: 1;
display: block;
font-size: 16px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.cate-list .list .one-cate .detail span {
height: 100%;
width: 20%;
display: flex;
align-items: center;
justify-content: center; }
.cate-list .list .one-cate .detail .icon {
display: block;
width: 13px;
height: 13px;
fill: #00479c; }
.cate-list .list .one-cate .two-cate-list {
display: none;
background: #f4f4f4;
border-left: #ffffff 3px solid;
border-right: #ffffff 3px solid; }
.cate-list .list .one-cate .two-cate-list .two-cate {
display: block;
line-height: 33px;
padding-left: 14px;
color: #767575;
font-size: 14px;
border-bottom: #d8d8d8 1px dashed;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.cate-list .list .one-cate .two-cate-list .two-cate:hover, .cate-list .list .one-cate .two-cate-list .two-cate.active {
color: #00479c; }
.home-header {
position: fixed;
background: rgba(255, 255, 255, 0.7);
width: 100%;
height: 120px;
z-index: 99999; }
.home-header .detail {
display: flex;
padding: 0 47px;
height: 100%;
align-items: center;
justify-content: space-between; }
.home-header .detail .left .logo .pc {
display: block;
width: 142px; }
.home-header .detail .middle {
flex: 1;
padding-left: 100px; }
.home-header .detail .middle .nav {
display: flex;
align-items: center;
justify-content: flex-start; }
.home-header .detail .middle .nav .item {
display: block;
margin-top: 30px;
margin-right: 64px;
font-size: 16px;
font-weight: 400;
color: #3d3d3d;
position: relative; }
.home-header .detail .middle .nav .item.active {
position: relative; }
.home-header .detail .middle .nav .item.active:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 3px;
border-bottom: 3px #004ea2 solid;
bottom: -34px;
left: 0; }
.home-header .detail .right .mobile {
display: flex;
align-items: center;
justify-content: flex-start; }
.home-header .detail .right .mobile .text {
margin-left: 12px;
font-size: 24px;
color: #00479c; }
.home-header .detail .right .search {
width: 244px;
height: 39px;
position: relative;
margin-top: 17px; }
.home-header .detail .right .search input {
width: 100%;
height: 100%;
border-radius: 150px;
border: 1px solid #9c9d9e;
padding-left: 15px; }
.home-header .detail .right .search .search-icon {
position: absolute;
right: 0;
top: 0;
width: 39px;
height: 39px;
border-radius: 50%;
background: url("../static/images/search_icon.png") center no-repeat #00479c;
background-size: 23px;
border: none; }
@media all and (max-width: 1440px) {
.home-header .detail {
padding: 0 40px; } }
@media all and (max-width: 1200px) {
.home-header .detail .left .logo .pc {
width: 114px; }
.home-header .detail .middle {
padding-left: 39px; }
.home-header .detail .middle .nav .item {
margin-right: 39px; } }
@media all and (max-width: 1024px) {
.home-header .detail .left .logo .pc {
width: 113px; }
.home-header .detail .middle {
padding-left: 29px; }
.home-header .detail .middle .nav .item {
margin-right: 26px;
font-size: 14px; }
.home-header .detail .middle .nav .item.active:before {
bottom: -35px; } }
@media all and (max-width: 768px) {
.home-header {
display: none; } }
.pc-banner {
max-width: 1920px;
width: 100%;
overflow-x: hidden;
position: relative; }
@media all and (max-width: 768px) {
.pc-banner {
display: none; } }
.pc-banner .swiper {
width: 100%;
overflow-x: hidden; }
.pc-banner img {
width: 100%;
height: 100%;
display: block; }
.pc-banner .mouse {
margin: auto;
width: 36px;
position: absolute;
left: 0;
right: 0;
bottom: 50px;
z-index: 5; }
.pc-banner .mouse img {
display: block;
width: 100%; }
.mobile-banner {
width: 100%;
overflow-x: hidden;
display: none; }
@media all and (max-width: 768px) {
.mobile-banner {
display: block; } }
.mobile-banner .swiper {
width: 100%;
overflow-x: hidden; }
.mobile-banner img {
width: 100%;
height: 100%;
display: block; }
.home-product {
max-width: 1320px;
width: 100%;
margin: auto;
background: #ffffff;
margin: auto;
padding-top: 68px;
padding-bottom: 122px; }
.home-product .top {
margin-bottom: 39px; }
.home-product .top .search {
margin-top: -30px;
float: right;
width: 224px;
height: 37px;
position: relative; }
.home-product .top .search input {
width: 100%;
height: 100%;
border: #00479c 1px solid;
border-radius: 88px;
text-align: center; }
.home-product .top .search button {
position: absolute;
top: 0;
right: 1px;
width: 37px;
height: 37px;
background: url("/skin/images/icon10.png") #00479c no-repeat center;
background-size: 21px;
color: #ffffff;
font-size: 14px;
border: none;
border-radius: 50%; }
.home-product .product {
display: flex;
align-items: flex-start;
justify-content: space-between;
column-gap: 66px; }
.home-product .product-list {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px; }
.home-product .product-list .item {
width: 309px;
background: #f4f4f4;
padding: 7px 7px 25px;
border-radius: 26px 26px 0 0;
cursor: pointer; }
.home-product .product-list .item:hover .img img {
transform: scale(1.2); }
.home-product .product-list .item:hover .name {
color: #00479c; }
.home-product .product-list .item .img {
display: block;
width: 100%;
height: 192px;
overflow: hidden;
border-radius: 26px; }
.home-product .product-list .item .img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s all; }
.home-product .product-list .item .name {
margin-top: 16px;
margin-bottom: 26px;
font-size: 16px;
text-align: center;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.home-product .product-list .item .buttons {
display: flex;
align-items: center;
justify-content: center;
column-gap: 6px; }
.home-product .product-list .item .buttons .button {
padding: 4px 13px;
font-size: 12px;
color: #ffffff;
background: #00479c;
border: transparent 1px solid; }
.home-product .product-list .item .buttons .to-detail {
border: 1px solid #00479c;
background: #ffffff;
color: #00479c; }
.home-about {
padding-top: 171px;
background: url("/skin/sub_pages_images/home_about/home_about_bg.png") no-repeat center;
background-size: contain;
height: 1515px; }
.home-about .main {
max-width: 1320px;
width: 100%;
margin: auto; }
.home-about .top {
display: flex;
align-items: flex-end;
justify-content: space-between;
column-gap: 72px; }
.home-about .top .left .title-img {
width: 599px; }
.home-about .top .left .content {
margin: 56px 0 34px 0;
font-weight: 400;
font-size: 21px;
color: #080808;
line-height: 39px;
text-align: left;
font-style: normal;
text-transform: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; }
.home-about .top .left .content p {
text-indent: 2em; }
.home-about .top .left .to-about {
text-align: center;
color: #ffffff;
background: #00479c;
border-radius: 22px;
width: 111px;
padding: 9px 10px; }
.home-about .top .left .icons {
margin-top: 49px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
column-gap: 60px; }
.home-about .top .left .icons .icons-item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column; }
.home-about .top .left .icons .icons-item img {
display: block;
width: 82px; }
.home-about .top .right .company-img {
width: 566px; }
.home-about .bottom {
margin-top: 148px; }
.home-about .bottom .list {
display: flex;
align-items: flex-start;
justify-content: space-between; }
.home-about .bottom .list .item {
width: 264px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 16px;
font-size: 22px; }
.home-about .bottom .list .item:nth-child(odd) {
color: #ffffff;
background-color: #0056bd;
border-bottom: #dadce0 4px solid; }
.home-about .bottom .list .item:nth-child(even) {
background-color: #ffffff;
height: 71px; }
.home-about .bottom .list .item img {
display: block;
width: 35px; }
.home-news .main {
max-width: 1320px;
width: 100%;
margin: auto;
margin-top: 31px;
padding: 30px 28px 40px 40px;
background: url("/skin/images/news-bg.png") no-repeat center;
background-size: cover; }
.home-news .more {
float: right;
font-size: 14px;
color: #868686;
display: flex;
align-items: center;
column-gap: 14px; }
.home-news .more img {
display: block;
width: 28px; }
.home-news .list {
height: 323px;
margin-top: 45px;
display: flex;
flex-flow: column wrap;
align-content: flex-start;
column-gap: 26px; }
.home-news .list .item {
width: 400px;
padding-bottom: 25px;
display: flex;
align-items: flex-start;
column-gap: 17px;
border-bottom: #d8d8d8 1px solid;
margin-bottom: 32px; }
.home-news .list .item:nth-child(3n) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none; }
.home-news .list .item .index {
font-size: 24px;
color: #3d3d3d; }
.home-news .list .item .info {
width: 88%; }
.home-news .list .item .info .title {
flex: 1;
font-size: 20px;
font-weight: 700;
color: #3d3d3d;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.home-news .list .item .info .date {
margin-top: 18px;
font-size: 14px;
color: #3d3d3d; }
.home-news .left {
padding-top: 32px;
margin-right: 100px; }
.home-news .left .head {
margin-bottom: 45px;
display: flex;
align-items: center;
justify-content: flex-start; }
.home-news .left .head img {
display: block;
width: 3px; }
.home-news .left .head .title-en {
margin-inline: 14px 19px;
color: #00479c;
font-size: 40px;
font-weight: 700; }
.home-news .left .head .title-zh {
color: #3d3d3d;
font-size: 30px; }
.home-news .left .more {
display: flex;
align-items: center;
justify-content: space-between;
width: 129px;
height: 35px;
background: #00479c;
padding-inline: 22px 3px;
font-size: 14px;
color: #ffffff; }
.home-news .left .more img {
display: block;
width: 34px; }
.home-news .right {
flex: 1;
padding-left: 72px; }
.home-news .right .list {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap; }
.home-news .right .list .item {
padding: 29px 46px 22px;
width: calc((100% - 73px) / 2);
background: #ffffff;
border-bottom: transparent 5px solid;
margin-bottom: 44px;
border-radius: 44px 0px 0px 0px; }
.home-news .right .list .item:hover {
border-bottom: #00479c 5px solid; }
.home-news .right .list .item:hover .title {
color: #00479c; }
.home-news .right .list .item:hover .date {
color: #00479c; }
.home-news .right .list .item .title {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-bottom: 4px;
font-size: 14px;
color: #3d3d3d; }
.home-news .right .list .item .date {
font-size: 12px;
color: #3d3d3d; }
.home-title .title {
font-size: 30px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: 700;
color: #000000;
line-height: 40px;
letter-spacing: 6px;
text-align: center; }
.home-title .detail {
font-size: 16px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #000000;
line-height: 21px;
letter-spacing: 3px;
text-align: center;
margin-top: 14px;
margin-bottom: 7px; }
.home-title .icon {
width: 38px;
margin: auto; }
.home-title .icon img {
display: block;
width: 100%; }
.home-more {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 4px 4px 5px 27px;
margin: auto;
background: #00479c;
width: fit-content; }
.home-more .text {
font-size: 18px;
margin-right: 35px;
color: #ffffff; }
.home-more .icon {
display: block;
width: 49px; }
@media all and (max-width: 1440px) {
.home-more {
padding: 3px 3px 3px 23px; }
.home-more .text {
font-size: 14px;
margin-right: 13px; }
.home-more .icon {
width: 34px; } }
.video-paginate .item {
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 0 5px; }