div, p { margin: 0; padding: 0; } li { list-style: none } .newsitem { margin: 0; } @media (min-width: 922px) { .ast-container { max-width: 100% !important; padding: 0 } } .c-company { width: 100%; position: relative; color: #fff; } .c-company img { width: 100%; z-index: 0; } .c-company .c-content { position: absolute; left: 5.9vw; top: 4vw; } .c-company .c-content h1 { font-size: 42px; color: #fff; font-weight: bold; } .c-company .c-content .c-solution { margin-top: 27px; } .c-company .c-content .c-solution .c-p1 { font-size: 20px; margin-bottom: 0; } .c-company .c-content .c-solution .c-p2 { font-size: 14px; margin-top: 0px; } .c-bottom { margin-top: 25px; } .c-bottom p { font-style: italic; margin-bottom: 0vh !important; margin-top: 1vh !important; font-size: 26px; } .c-type { width: 80%; margin: 20px auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .c-type .c-item { display: inline-block; width: 49%; margin-top: 1.4vw; height: 23vw; color: #fff; position: relative; } .c-type .c-item h1 { width: 80%; margin-top: 4vh; margin-left: 10%; font-size: 34px; color: #fff; } .c-type .c-item p { width: 80%; margin: 2vh auto; font-size: 18px; } .c-type .c-item1 { background: no-repeat; background-size: 100% 100%; } .c-type .c-item2 { background: no-repeat; background-size: 100% 100%; } .c-type .c-item3 { background: no-repeat; background-size: 100% 100%; } .c-type .c-item4 { background: no-repeat; background-size: 100% 100%; } .c-selection { display: flex; width: 80%; margin: 0px auto; margin-top: 3vh; box-sizing: border-box } .c-selection-box { flex: 1; box-shadow: 0px 0px 20px #ccc; margin-left: 2vh; padding: 16px 0; text-align: center; border-radius: 10px; height: 100%; cursor: pointer; transition: all 1s; opacity: 0; } .c-selection-box:nth-of-type(2n) { transform: translatey(-100%); } .active_box { transform: translate(0, 0) !important; opacity: 1 !important; }  .c-selection-box:nth-of-type(1), .c-selection-box:nth-of-type(3), .c-selection-box:nth-of-type(5) { transform: translatey(100%); } .c-selection-box:first-child { margin-left: 0px !important; } .c-selection div img { width: 40%; } .c-selection-text { text-align: center; font-size: 18px; width: 100%; color: #333; } .c-company-profile { margin: 4vh auto; padding: 34px 0; box-sizing: border-box; background-image: url(/uploads/image/ji/main_bg.jpg); background-size: 100% 100%; overflow: hidden; } .c-company-profile-top { width: 70%; } .c-company-profile-bottom { width: 25%; display: flex; justify-content: space-around; text-align: center; flex-direction: column; margin: 42px 0; transition: all 1s; transform: translatex(100%); opacity: 0; } .c-company-profile-top-img { height: 100%; margin-left: 3vh; flex: 1; } .c-company-profile-top-img img { width: 90%; } .c-profile { font-size: 2vh; margin: 42px 0; padding: 0 31px; border-right: 1px dashed #999; transition: all 1s; transform: translatex(-100%); opacity: 0; } .c-profile-1 { font-size: 37px; font-family: source han sans cn; font-weight: bold; color: #164a95; } .c-profile-2 { font-size: 21px; font-family: source han sans cn; color: #164a95; } .c-regular-employee { margin-top: 3vh; display: flex; border-radius: 5px; } .regular-public { text-align: center; position: relative; cursor: pointer; } .regular-public > div, .regular-public { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-right: 15px; } .c-regular-employee-1 { display: relative; border: 0 } .c-regular-employee-1 { display: absolute } .employee-1-img { height: 100%; width: 100%; } .c-regular-employee-2-1 { font-size: 14px; font-weight: 400; color: #555; font-family: source han sans cn; } .c-regular-employee-2-2 { font-family: source han sans cn; font-weight: bold; color: #377dd7; margin-top: 1vh; font-size: 31px; } .c-pagetext { color: #555; font-family: source han sans cn; margin-top: 13px; font-size: 17px; line-height: 33px; } .c-company-profile-bottom { display: flex; text-align: center; } .bottompublic { display: flex; margin-left: 50px; align-items: center; cursor: pointer; } .bottompublic div { border-radius: 25px; color: #555; line-height: 32px; font-size: 20px; margin-left: 16px; } .c-news-cente { width: 80%; margin: 0 auto; position: relative; overflow: hidden; } .c-newscente-title { height: 65px; font-family: source han sans cn; font-weight: bold; color: #3977cc; font-size: 37px; } .newscontent { display: flex; justify-content: space-between; align-items: center; } .loop { display: flex; border-bottom: 1px dashed #999; align-items: center; transition: all 1s; transform: translatex(100%); opacity: 0; } .loop:nth-of-type(2n) { transform: translatex(-100%); } .loop:nth-child(3) { border-color: #fff; } .newitemcontent { margin-right: 2vw; display: flex; flex-direction: column; align-items: center; } .newitemcontent > .newstime { margin: 0; line-height: normal; white-space: nowrap; } .newstimeyear { padding: 2px 10px; border-radius: 12px; background-color: #999; color: #fff; margin: 1vh 0 3vh 0; font-size: 12px; } .newsitemlink { color: #999; } .newsitemlink:hover { color: #333; } .newstime { color: #999; font-size: 25px; font-weight: 600; } .c-newscente-left { width: 48%; height: 26vw; position: relative; transition: all 1s; transform: scale(0); opacity: 0; } .c-newscente-left img { max-height: 100%; width: 100%; } .c-newscente-right { width: 48%; } .c-newscente-right-1-1 { display: inline-block; font-family: source han sans cn; font-weight: 500; color: #19446b; font-size: 23px; margin-bottom: 0; } .c-newscente-right-1-2 { width: 50%; border: 1px solid #19446b73; display: inline-block; } .c-newscente-right-1 { position: relative; display: flex; align-items: center; justify-content: space-between; } .c-newscente-right-button { display: inline-block; border: 2px solid #19446b; border-radius: 25px; width: 20%; text-align: center; cursor: pointer; color: #19446b } .c-recent-news-text1 { display: inline-block; font-family: arial; font-weight: bold; color: #8a96a7; font-size: 4.8vh; margin-bottom: 0; } .c-recent-news-text2 { display: inline-block; margin-left: 2vh; color: #8a96a7; font-weight: 500; font-family: source han sans cn; transform: translatey(-10px); } .c-recent-news { margin-top: 3vh; margin-left: 8vh; } .c-recent-news li { margin-bottom: 3vh; position: relative; } .c-recent-news-text3 { position: absolute; top: 10vh; left: 2vh; width: 4vw; text-align: center; height: 3vh; border-radius: 15px; background: #8a96a7; line-height: 3vh; } .jingxunpublic { flex: 1; margin: 0 } .c-mongolia { position: absolute; left: 6vh; bottom: 6vh; color: #fff; font-size: 3.5vh; z-index: 10; line-height: 5vh; } .c-mongolia1 { position: absolute; right: 0vh; bottom: 1vh; width: 8vw; color: #fff } .c-mongolia1-chlid-1, .c-mongolia1-chlid-2 { float: left; width: 2vw; margin-left: 2vh; text-align: center; } .c-overline { border-bottom: 2px solid #fff; width: 60%; margin-top: 4px; } .c-newscente-right-button a { outline: 0 !important; display: block; height: 30px; line-height: 30px; } .swiper-container { width: 100%; height: 300px; } .swiper-container { height: 100%; } .swiper-container img { height: 100%; width: 100%; vertical-align: middle; position: relative; /*top: 50%;*/ /*left: 50%;*/ /*transform: translate(-50%, -50%);*/ } .swiper2 { --swiper-navigation-color: #fff; /* 单独设置按钮颜色 */ } .c-news-cente .swiper-button-prev { position: absolute; top: 90%; left: 78%; outline: none; width: 44px !important; } .c-news-cente .swiper-button-next { position: absolute; top: 90%; left: 89%; outline: none; width: 44px !important; } .c-newscente-right-button { font-size: 20px; } .newsitemname { line-height: normal; } .newsitemname > a { /* font-size: 17px; */ color: #3a3a3a; font-weight: 500; } .c-company .swiper-pagination { bottom: 16px; } .bottompublic > img { width: 44px; } .c-company-profile-wrapper { display: flex; background-color: #fff; width: 80%; margin: 0px auto; } .c-profile-center { display: flex; flex-direction: column; } .c-regular-employee-2-2 > sup { font-size: 10px; color: #555; } .regular-public > div { position: relative; } .regular-public:nth-child(1) > div > span { left: 42%; right: auto; } .regular-public:nth-child(2) > div > span { left: 76%; right: auto; } .regular-public:nth-child(3) > div > span { left: 43%; right: auto; } .regular-public:nth-child(4) > div > span { left: 7%; right: auto; } .regular-public:nth-child(5) > div > span { left: -37%; right: auto; } .regular-public > div > span { position: absolute; right: 0; top: 7px; transform: translatex(100%); white-space: nowrap; } .c-regular-employee-2-1 { text-align: left; } .newscontentmsg { margin: 4px 0; font-size: 14px; line-height: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /* 模块划过动画*/ .indthr { width: 100%; height: 100%; margin: 0; } .kclist { width: 80%; height: 100%; margin: 2vw auto 0; } .piclist { width: 100%; height: 23vw; margin: 0; padding: 0; } .firsttypebox { position: absolute; z-index: 999; color: #ffffff; top: 10%; left: 50%; transform: translatex(-50%); width: 90%; } .firsttypebox h1 { color: #ffffff; /* font-size: 34px; */ } .firsttypebox p { font-size: 18px; margin-top: 16px; line-height: 25px; } .piclist li { width: 49%; height: 23vw; float: left; overflow: hidden; margin-bottom: 1%; position: relative; } .piclist li:nth-child(3n) { } .meng { width: 100%; height: 100%; display: block; } .da-thumbs li a, .da-thumbs li a img { display: block; position: relative } .da-thumbs li a { overflow: hidden } .da-thumbs li a div { position: absolute; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; overflow: hidden; filter: alpha(opacity=80); text-align: center; line-height: 23vw; font-size: 30px; color: #fff; font-family: "medium"; } .da-thumbs li a div.da-animate { -webkit-transition: all .3s ease; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .da-slidefromtop { left: 0; top: -100% } .da-slidefrombottom { left: 0; top: 100% } .da-slidefromleft { top: 0; left: -100% } .da-slidefromright { top: 0; left: 100% } .da-slidetop { top: 0 } .da-slideleft { left: 0 } .picimg { width: 100%; height: 23vw; } .plus { font-size: 12px; } @media (min-width: 1367px) { .loop { height: 8vw; } .newstime { font-size: 2vw; } .newstimeyear { font-size: 1vw; } .newsitemname > a { /* font-size: 1.2vw; */ } .newscontentmsg { /* font-size: 1vw; */ line-height: 1.5vw; } } @media (max-width: 1360px) { .regular-public:nth-child(1) > div > span { left: 44%; top: 0; } .regular-public:nth-child(2) > div > span { left: 76%; top: 0; } .regular-public:nth-child(3) > div > span { left: 48%; top: 0; } .regular-public:nth-child(4) > div > span { left: 5%; top: 0; } .regular-public:nth-child(5) > div > span { left: -48%; top: 0; } } @media (max-width: 1000px) { } @media (max-width: 750px) { } @media (max-width: 375px) { } @media (max-width: 1270px) { .firsttypebox h1 { font-size: 25px; } .firsttypebox p { font-size: 15px; } .bottompublic div { font-size: 16px; } .c-newscente-title { font-weight: normal; font-size: 35px; } .c-type .c-item h1 { font-size: 25px; } .c-type .c-item p { font-size: 20px; } .newstime { font-size: 21px; } .newstimeyear { font-size: 11px; } .c-pagetext { font-size: 16px; line-height: 33px; } .c-regular-employee-2-2 { font-size: 23px; } .c-profile-1 { font-size: 35px; font-weight: normal; } .c-profile-2 { font-size: 25px; font-weight: normal; } } @media (max-width: 1170px) { .c-profile-1 { font-size: 30px; } .c-profile-2 { font-size: 21px; } .bottompublic > img { width: 35px; } .bottompublic div { font-size: 13px; } .bottompublic { margin-left: 0; width: 20%; } .c-profile { margin: 14px 0; } .c-company-profile-wrapper { flex-direction: column; } .c-company-profile-top { width: 100%; } .c-profile { border: none; } .c-company-profile-bottom { width: 100%; flex-direction: row; } .bottompublic { flex-direction: column; } .bottompublic div { margin-left: 0; } .c-company-profile-bottom { margin: 15px 0; } } @media (max-width: 1150px) { .c-newscente-right-1-1 { font-size: 16px; } .c-newscente-right-1-2 { width: 37%; } .c-newscente-right-button { font-size: 16px; } } @media (max-width: 1100px) { .c-type .c-item h1 { font-size: 23px; } .c-type .c-item p { font-size: 19px; } } @media (max-width: 1000px) { .c-type h1 { font-size: 3vw; } .c-type .c-item p { font-size: 16px; line-height: 24px; } .bottompublic div { width: 80%; } } @media (max-width: 990px) { .da-thumbs li a > div { font-size: 22px; } .c-company-profile-top { height: 90%; display: flex; flex-direction: column; align-items: center; } .c-company-profile-top-img { text-align: center; margin-top: 0; } .c-company-profile-top-img img { height: 270px; width: auto; } .c-profile { height: 50%; margin: 0 10px; padding: 0; } .bottompublic div { font-weight: normal; font-size: 14px; } .c-profile-1, .c-profile-2 { font-weight: normal; } .c-newscente-right-1-1 { width: 30%; text-align: center; } .c-news-cente .swiper-button-prev { height: auto; width: 35px !important; left: 74%; } .c-news-cente .swiper-button-next { height: auto; width: 35px !important; left: 86%; } } @media (max-width: 950px) { .c-company .c-content h1 { font-size: 43px; } .c-company .c-content .c-solution { font-size: 16px; } .c-bottom p { font-size: 21px; } } @media (max-width: 870px) { .c-newscente-right-1-1 { font-size: 20px; } .c-newscente-right-button { font-size: 17px; } .newsitemname > a { /* font-size: 17px; */ } } @media (max-width: 820px) { .c-company-profile-wrapper { width: 80%; } .c-selection-text { font-size: 15px; } .c-profile-1 { font-size: 25px; } .c-profile-2 { font-size: 17px; } .c-pagetext { font-size: 15px; line-height: 28px; } .c-regular-employee-2-2 { font-size: 19px; } .c-regular-employee-2-1 { font-size: 12px; } .bottompublic > img { width: 28px; } .bottompublic div { font-size: 10px; line-height: normal; margin-top: 4px; } } @media (max-width: 880px) { .c-company .c-content { top: 10px; } .c-company .c-content h1 { font-size: 34px; } .c-company .c-content .c-solution .c-p1 { font-size: 17px; } .c-bottom p { font-size: 15px; } .c-company img { /* min-height: 224px; */ } .c-bottom { margin-top: 15px; } } @media (max-width: 780px) { .firsttypebox h1 { font-size: 20px; } .firsttypebox p { line-height: 20px; margin-top: 5px; } .c-news-cente { height: auto; } .c-type .c-item h1 { font-size: 20px; margin-top: 20px; } .c-newscente-left { width: 100%; height: 35vw; } .swiper-slide { width: 100% !important; } .newscontent { flex-direction: column; } .c-newscente-right { width: 100%; margin-top: 20px; } .c-newscente-right-1-1 { text-align: left; width: auto; } .c-newscente-right-1-2 { width: 50%; } .c-type .c-item p { margin: 1vh auto; } } @media (max-width: 680px) { .da-thumbs li a > div { font-size: 16px; } .firsttypebox { top: 3%; } .firsttypebox h1 { font-size: 16px; } .firsttypebox p { font-size: 12px; line-height: 15px; } .regular-public { margin-right: 8px; } .c-profile-1 { font-size: 28px; } .c-profile-2 { font-size: 15px; } .c-pagetext { font-size: 13px; } .c-regular-employee-2-2 { font-size: 12px; } .c-regular-employee-2-1 { font-size: 12px; } .c-regular-employee-2-2 { font-size: 14px; } .c-profile-2 { font-size: 18px; } .c-profile-1 { font-size: 35px; } .c-pagetext { font-size: 16px; line-height: 31px; } .c-type h1 { font-size: 3vw; } .c-type .c-item p { font-size: 12px; line-height: 16px; } .c-type .c-item h1 { font-size: 17px; margin-top: 6px; } .c-selection-box { margin-left: 6px; } .c-selection-text { font-size: 14px; } .c-selection div img { width: 55%; } .c-regular-employee-2-1 { font-size: 13px; } } @media (max-width: 600px) { .c-regular-employee { flex-wrap: wrap; } .regular-public { margin-right: 0; width: 33%; } .bottompublic div { width: 93%; } .c-regular-employee-2-2 { font-size: 12px; } .swiper2 { --swiper-navigation-size: 30px; } .swiper2 .swiper-pagination-bullet { width: 6px; height: 6px; } .c-company .swiper-pagination { bottom: 7px; } } @media (max-width: 450px) { .da-thumbs li a div > * { display: inline-block; vertical-align: middle; } .da-thumbs li a div:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .piclist { display: flex; flex-wrap: wrap; height: auto; } .piclist > li { width: 100%; height: auto; margin-left: 0 !important; } .firsttypebox { top: 20%; } .picimg { height: auto; } } @media (max-width: 375px) { .newscontentmsg { font-size: 12px; } .regular-public > div { margin-right: 13px; } .regular-public { margin-right: 0; } .newsitemname > a { font-size: 15px; } .newstime { font-size: 19px; } .c-newscente-title { font-size: 29px; } .c-newscente-right-1-1 { font-size: 16px; } .c-newscente-right-button { font-size: 16px; } .c-company-profile { padding: 30px 0; } .c-type .c-item h1 { font-size: 13px; margin-top: 1px; } .c-type .c-item p { font-size: 10px; line-height: 13px; margin-top: 2px; } .c-selection-text { font-size: 13px; } .c-profile-1 { font-size: 29px; } .c-profile-2 { font-size: 16px; } .c-pagetext { font-size: 15px; line-height: 28px; } .c-regular-employee { margin-top: 10px; } } .c-company-profile-bottom a { color: #555; } .c-newscente-right-button > a { color: #19446b; } .c-content > h1 { display: inline-block; border-bottom: 2px solid #fff; } .regular-public img { position: absolute; right: 0; top: 0; } .c-company .swiper-button-prev, .c-company .swiper-button-next { visibility: hidden; opacity: 0; transition: all 0.5s; outline: none; } .c-company .swiper-button-prev.active100, .c-company .swiper-button-next.active100 { visibility: visible; opacity: 1; } .c-company .swiper-pagination-bullet { background-color: transparent; opacity: 1; border: 2px solid #fff; } .c-company .swiper-pagination-bullet-active { background-color: #fff; } .newsitem { height: 459px; overflow-x: hidden; overflow-y: auto; margin-top: 10px; }