div, p{margin: 0px!; padding: 0px!;} 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/wu2/12/品牌站-1.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; } .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%; } .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; }