html{ overflow-x: hidden;}
@font-face {
font-family: "PingFang";
font-weight: 300;
src: url(../fonts/pingfang-light.ttf);
}
@font-face {
font-family: "PingFang";
font-weight: 400;
src: url(../fonts/pingfang-regular.ttf);
}
@font-face {
font-family: "PingFang";
font-weight: 500;
src: url(../fonts/pingfang-medium.ttf);
}
@font-face {
font-family: "PingFang";
font-weight: 600;
src: url(../fonts/pingfang-heavy.ttf);
}
/* @font-face {
font-family: "Heroic";
src: url(../fonts/heroiccondensed-medium.woff);
}
@font-face {
font-family: "SC";
src: url(../font/SC-Bold.otf);
}
@font-face {
font-family: "NotoSans";
src: url(../font/NotoSansHans-Regular.ttf);
} */
@font-face {
font-family: "pmzd";
src: url(../fonts/pmzd.ttf);
}
@font-face {
font-family: "jxbs";
src: url(../fonts/jxbs.ttf);
}
/* =====================================================================公共 */
em{ font-style: unset;}
/*滚动条宽高及背景*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
/*轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #fff;
border-radius: 0px;
}
/*滑块*/
::-webkit-scrollbar-thumb {
border-radius: 2px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #004CAC;
}
/*两端按钮*/
::-webkit-scrollbar-button {
background-color: none;
height: 0;
}
/*右下角汇合处样式*/
::-webkit-scrollbar-corner {
background: khaki;
}
/* */
section {
width: 100%;
background-image: url(../images/body.png);
background-repeat: no-repeat;
background-size: cover;
}
.ny_body section{ background-image: none;}
.inner {
width: 84%;
margin: 0 auto;
}
.padd {
padding: 98px 0;
}
.ny_body .padd{ padding: 65px 0;}
.paddB {
padding: 98px 0;
border-bottom: 1px solid #dddddd;
}
.Tit {
margin-bottom: 60px;
position: relative;
}
.pro_body .Tit {
margin-bottom: 30px;}
.Tit span {
font-size: 44px;
letter-spacing: 2px;
line-height: 1.4;
font-weight: 600;
}
.Tit span b {
color: #004CAC;
font-size: 40px;
letter-spacing: 0px;
font-weight: 600;
}
.ind_body .Tit span b{ color: #004CAC;}
/* .ny_body .Tit span b{ font-size: 36px;} */
.Tit .titP {
font-size: 16px;
/* margin-top: 20px; */
color: #353535;
text-transform: uppercase;
}
.ny_body .Tit .titP{ margin-top: 0; text-transform: uppercase;}
.Tit.center {
text-align: center;
}
.Tit.center span {
justify-content: center;
}
.Tit.white span {
color: #fff;
}
.Tit.white b {
color: #fff;
}
.Tit.white p {
color: rgba(255, 255, 255, .68);
}
.Tit.flex {
display: flex;
justify-content: space-between;
align-items: center;
}
/* */
.More a, .More small {
position: relative;
z-index: 999;
display: inline-flex;
align-items: center;
font-size: 16px;
padding: 12px 40px;
border-radius: 8px;
/* border: 1px solid #004CAC; */
color: #fff;
/* background: #024eac; */
background: #004CAC;
line-height: 1.4;
letter-spacing: 2px;
text-transform: uppercase;
transition: all .48s;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
}
.More a::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
/* background-color: #004CAC; */
background-color: #003679;
transform-origin: right;
transform: scaleX(0.2);
opacity: 0;
transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 1.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
z-index: -1;
}
.More b {
position: relative;
z-index: 999;
display: inline-flex;
align-items: center;
font-size: 21px;
color: #004CAC;
line-height: 1.4;
letter-spacing: 2px;
text-transform: uppercase;
transition: all .48s;
}
.More a img, .More b img, .More small img {
width: 22px;
margin-left: 20px;
}
.More.black a {
color: #606465;
}
.More.white a {
color: #fff !important;
border-color: rgba(255, 255, 255, .68) !important;
}
.More a .img2 {
display: none;
}
.More.white a .img2 {
display: block;
}
.More.white a .img1 {
display: none;
}
.More.small a {
padding: 6px 18px;
background: none;
border: 1px solid #004CAC;
}
.More.small a, .More.small b {
font-size: 14px;
}
.More.small a img, .More.small b img {
width: 16px;
margin-left: 10px;
}
.More.small.white a, .More.small.white b {
color: #fff;
}
/* */
.more_s {
overflow: hidden;
}
.More .more_s i {
font-size: 16px;
letter-spacing: 2px;
color: #fff;
position: relative;
display: block;
transform: translateX(0);
font-style: unset;
}
.More .more_s i::before {
position: absolute;
top: 0;
left: -160%;
content: attr(data-mouse-hover-btn);
}
/* */
.More a:hover::after {
transform-origin: left;
opacity: 1;
transform: scaleX(1);
transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-webkit-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-moz-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-ms-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-o-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}
.More a:hover .more_s i {
transform: translateX(160%);
}
.More a:hover .more_s i:nth-child(1) {
transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-webkit-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-moz-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-ms-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-o-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}
.More a:hover .more_s i:nth-child(2) {
transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-webkit-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-moz-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-ms-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-o-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}
.More a:hover .more_s i:nth-child(3) {
transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-webkit-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-moz-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-ms-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-o-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}
.More a:hover .more_s i:nth-child(4) {
transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-webkit-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-moz-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-ms-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
-o-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}
.More a:hover .img1 {
display: none;
}
.More a:hover .img2 {
display: block;
}
/* =====================================================index */
/* header */
.header {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
transition: all .48s;
background: #fff;
}
.headerTop {
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #eee;
transition: all .48s;
}
.menu img {
width: 30px;
}
.menu .img2 {
display: none;
}
.hLogo img {
width: 190px;
}
.hLogo .img2 {
display: none;
}
.hLan a {
display: inline-flex;
align-items: center;
justify-content: space-between;
padding: 5px 25px;
font-size: 14px;
text-transform: uppercase;
border-radius: 8px;
color: #666;
border: 1px solid #999;
}
.hLan a svg {
width: 16px;
height: 16px;
margin-left: 6px;
}
.hLan a svg path {
fill: rgb(255 255 255 / 60%);
}
.headerRTop .hLan a svg {
width: 12px;
height: 12px;
}
.headerRTop .hLan a svg path {
fill: #666;
}
/* */
.headerBot {
display: flex;
align-items: center;
transition: all .48s;
}
.headerBot .hLan {
display: none;
margin-left: 40px;
}
.hNav {
width: 100%;
}
.hNav ul {
width: 100%;
display: flex;
justify-content: space-between;
}
.hNav ul li {
height: 100%;
display: inline-flex;
align-items: center;
}
.hNav ul li a.nav_a {
padding-top: 15px;
font-size: 18px;
color: #333;
display: flex;
align-items: center;
justify-content: space-between;
transition: all .48s;
padding-bottom: 16px;
text-transform: uppercase;
}
.hNav ul li a.nav_a svg {
width: 18px;
height: 18px;
}
.hNav ul li a.nav_a svg path {
fill: #fff;
}
.hNav ul li:last-child a.nav_a {
padding-right: 0;
}
.hNFl {
margin-left: 60px;
}
.hNFl a {
display: inline-block;
padding: 2px 8px;
border-radius: 10px;
border: 1px solid #fff;
font-size: 18px;
text-transform: uppercase;
}
.hNav ul li:hover::after {
width: 100%;
}
.hNav ul li a.nav_a:hover {
color: #004cac;
}
/* 展开 */
.hNav ul li {
position: relative;
}
.hNav_zk {
display: none;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 100%);
background: #fff;
padding: 5px 0 0;
border-top: 3px solid #004CAC;
}
.hNav_zk dd {
text-align: center;
white-space: nowrap;
padding: 10px 30px;
border-bottom: 1px solid #eee;
}
.hNav_zk dd:hover {
color: #004CAC;
}
/* */
.hmenu {
display: none;
width: 100px;
height: 100%;
/* border-left: 1px solid rgb(155 155 155 / 18%); */
background: #004CAC;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
right: 0%;
transform: translateY(-50%);
}
.hmenu img {
width: 30px;
}
.headerMain-bg.header .hmenu {
display: flex;
}
.headerMain-bg.header {
transform: translateY(-100%);
animation: .68s .68s showDown linear forwards;
display: none;
}
.headerMain-bg.header .inner {
width: 90%;
display: flex;
align-items: center;
justify-content: space-between;
}
@keyframes showDown {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.headerMain-bg.header .headerTop {
padding: 20px 0 20px;
}
.headerMain-bg.header .headerTop .menu,
.headerMain-bg.header .headerTop .hLan {
display: none;
}
.headerMain-bg.header .headerBot {
width: 80%;
padding-right: 50px;
}
.headerMain-bg.header .hNav ul li a.nav_a {
padding-top: 0;
}
.headerMain-bg.header .headerBot .hLan {
display: block;
}
/* 下拉导航 */
.headerNew {
width: 100%;
background: #fff;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
transform: translateY(-100%);
box-shadow: 0 0 10px rgb(155 155 155 / 18%);
transition: all .68s;
}
.headerNew.headerN {
transform: translateY(0%);
}
.headerNew.on {
transform: translateY(0%);
}
.headerNew .headerNewBox {
padding-left: 2%;
padding-right: 100px;
display: flex;
align-items: center;
justify-content: space-between;
}
.headerR {
width: 78%;
padding-right: 20px;
}
.JoinHead .headerR {
width: 40%;
}
.headerRTop {
padding: 15px 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.headerRTop .hNav {
display: flex;
align-items: center;
justify-content: flex-end;
}
.headerRTop .hNav a {
margin-right: 30px;
}
.headerRTop .hLan a {
color: #666;
border: 1px solid #999;
padding: 0px 8px;
font-size: 12px;
}
.headerRBot .hNav ul li a.nav_a {
padding: 0 0 20px;
font-size: 18px;
color: #333;
display: flex;
align-items: center;
justify-content: space-between;
transition: all .48s;
text-transform: uppercase;
}
.headerNew .menu {
display: flex;
width: 100px;
height: 80%;
border-left: 1px solid rgb(155 155 155 / 18%);
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
right: 0%;
transform: translateY(-50%);
}
.headerNew .menu img {
width: 30px;
}
.headerRBot .hNav ul li a.nav_a:hover {
color: #004CAC;
}
.headerRBot .hNav ul li a.nav_a.active {
color: #004CAC;
}
/* 下拉导航变化 */
.headerMain-bg.header {
background: #fff;
box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%);
}
.header.white {
background: #fff;
/* display: flex;
justify-content: space-between; */
}
.header.white .hPhone a, .header.white .hLan a {
color: #333;
border-color: #999;
}
.header.white .hLan a.on {
color: #fff;
}
.header.white .hLan::after {
background: rgba(0, 0, 0, .3);
}
.header.white .img1 {
display: none;
}
.headerMain-bg.header .img1 {
display: none;
}
.headerMain-bg.header .img2 {
display: inline-block;
}
.header.white .img2 {
display: inline-block;
}
.headerMain-bg.header .hNav ul li a, .header.white .hNav ul li a {
color: #333;
border-color: #999;
}
.headerMain-bg.header .hPhone a, .headerMain-bg.header .hLan a {
color: #333;
border-color: #999;
}
.headerMain-bg.header .hLan a.on {
color: #fff;
}
.headerMain-bg.header .hPhone svg path, .header.white .hPhone svg path {
fill: #333;
}
.headerMain-bg.header .hLan::after {
background: rgba(0, 0, 0, .3);
}
/* footer */
.footer {
/* background: url(../images/foot_bg.png) no-repeat; */
background: #e7f2ff;
background-size: cover;
}
.footNav {
padding: 70px 0 30px;
width: 100%;
border-bottom: 1px solid rgb(255 255 255 / 14%);
position: relative;
}
.footNav ul {
display: flex;
justify-content: space-between;
position: relative;
}
.footNav ul li p {
display: flex;
color: #898a8c;
font-size: 16px;
}
.footNav ul li p a {
text-decoration: underline;
}
.footNav ul li p a:hover {
color: #fff;
}
.footNav ul li a {
display: block;
color: #898a8c;
font-size: 16px;
margin-bottom: 10px;
}
.footNav ul li a span {
font-size: 21px;
color: #004cac;
display: block;
margin-bottom: 20px;
/* border-bottom: 1px solid #5e5e5f; */
position: relative;
}
/* */
.footBox {
display: flex;
justify-content: space-between;
padding: 30px 0;
border-bottom: 1px solid rgb(255 255 255 / 14%);
}
.footCon span {
color: #004cac;
font-size: 21px;
display: block;
margin-bottom: 20px;
}
.footCon p {
color: #898a8c;
font-size: 16px;
margin-bottom: 10px;
}
.footCon p a {
display: block;
color: #d3cdcd;
font-size: 30px;
font-family: "SC";
line-height: 1.4;
}
.footCon p span {
display: block;
color: #d3cdcd;
font-size: 16px;
}
/* */
.footLink {
width: 38%;
}
.footLink span {
color: #004cac;
font-size: 21px;
display: block;
margin-bottom: 20px;
}
.footLink a {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: auto;
white-space: nowrap;
margin-left: 1%;
margin-bottom: 10px;
/* border: 1px solid #454546; */
background: #004cac;
border-radius: 4px;
padding: 12px 15px;
color: #fff;
}
.footLink a .img {
width: 12px;
transform: rotate(270deg);
}
.footLink a:hover {
color: #fff;
background: #013779;
transition: all 0.6s;
-ms-transition: all 0.8s;
}
/* */
.footBot {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 35px 0;
}
.footBot p,
.footBot a {
color: #898a8c;
}
.footNav ul li a:hover {
color: #004cac;
transition: all 0.6s;
-ms-transition: all 0.8s;
}
/* =================================================================================index */
.indBan {
width: 100%;
height: 100vh;
position: relative;
}
.indBanBox {
width: 100%;
height: 100%;
position: relative;
z-index: 999;
}
.indBan_xq {
width: 100%;
height: 100%;
}
.indBanBox .swiper-container {
width: 100%;
height: 100%;
}
.indBanImg {
width: 100%;
height: 100%;
overflow: hidden;
}
.img_m {
display: none;
}
.banImg {
width: 100%;
height: 100%;
position: relative;
}
.banImg::after {
content: '';
width: 100%;
height: 100%;
/* background: rgba(0, 0, 0, .36); */
position: absolute;
left: 0;
top: 0;
}
.banImg img,
.banImg video {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.1);
transition: all 8s;
}
.banText {
position: absolute;
left: 8%;
bottom: 28%;
z-index: 2;
}
.banText span {
display: block;
/* color: #fff; */
color: #004cac;
font-size: 48px;
letter-spacing: 4px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 30px;
/* text-shadow: 1px 1px 1px #000; */
}
.banText p {
color: rgb(0 0 0 / 80%);
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 2;
margin-bottom: 40px;
}
/* */
.indBan_change {
display: flex;
align-items: center;
position: absolute;
left: 8%;
bottom: 15%;
z-index: 999;
}
.indBanBox .swiper-pagination {
width: auto;
position: initial;
}
.indBanBox .swiper-pagination-bullet {
width: 68px;
height: 4px;
border-radius: 0px;
background: rgb(255 255 255 / 40%);
opacity: .48;
}
.indBanBox .swiper-pagination-bullet::after {
content: '';
width: 0%;
height: 100%;
border-radius: 4px;
background: #004cac;
border-radius: 0px;
position: absolute;
left: 0;
top: 0;
}
.indBanBox .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
animation: Width 8s linear forwards;
animation-play-state: running;
}
.indBanBox.on .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
animation-play-state: paused;
}
.indBanBox .swiper-pagination-bullet-active {
opacity: 1;
}
.indBan .swiper-slide-active .banImg img {
transform: scale(1);
}
@keyframes Width {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.suspend {
cursor: pointer;
}
.suspend img {
width: 16px;
}
.suspend .img2 {
display: none;
}
.suspend.on .img2 {
display: block;
}
.suspend.on .img1 {
display: none;
}
/* */
.js_indBanBox {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.js_indBanBox .swiper-pagination {
width: auto;
height: 80px;
position: absolute;
left: 8%;
bottom: 52%;
z-index: 999;
color: #fff;
display: flex;
align-items: center;
letter-spacing: 10px;
}
.js_indBanBox span {
color: #fff;
font-size: 21px;
line-height: 1;
display: block;
}
.js_indBanBox span.swiper-pagination-current {
font-size: 42px;
margin-right: 10px;
}
@media(min-width:1920px) {
.js_indBanBox .swiper-pagination {
bottom: 44%;
}
}
/* */
.section {
width: 100%;
padding-top: 20px;
background-image: url(../images/section_bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.indAbItem {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
height: 42vh;
}
.indAbItem:last-child {
margin-bottom: 0;
}
.indAb_li {
width: calc(35% - 45px);
height: 100%;
position: relative;
}
.indAb_li.big {
width: 65%;
}
.indAbImg {
width: 100%;
height: 100%;
border-radius: 24px;
}
.indAbText {
position: absolute;
left: 40px;
bottom: 40px;
}
.indAbText p {
color: #fff;
font-size: 34px;
font-weight: 600;
margin-bottom: 5px;
}
.indAbText .More b {
color: #fff;
}
.indAb_li:hover .indAbImg img {
transform: scale(1.1);
}
/* */
.indPro {
border-bottom: none;
}
.indProBox {
display: flex;
align-items: center;
justify-content: space-between;
padding: 120px 0 0;
position: relative;
}
.ny_body .indProBox{ padding: 0;}
.indProImg {
width: 92%;
height: 100%;
border-radius: 60px 0 0 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.indProImg img {
width: 100%;
height: 100%;
object-fit: cover;
display: none;
}
.indProImg img:first-child {
display: block;
}
.indProL {
width: 40%;
padding: 140px 8% 160px;
border-radius: 0 25px 0 0;
background: #fff;
position: relative;
overflow: hidden;
z-index: 2;
}
.indProL::after {
content: '';
width: 100%;
height: 100%;
background-image: url(../images/indprol_bg.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: -20%;
top: -25%;
z-index: -1;
}
.indProL_li {
display: flex;
justify-content: space-between;
padding: 28px 0;
border-top: 1px solid rgb(163 173 176 / 30%);
margin-bottom: 0px;
cursor: pointer;
position: relative;
}
.indProL_li::after {
content: '';
width: 0;
height: 2px;
background: #004CAC;
position: absolute;
left: 0;
top: -2px;
transition: all 1s;
}
.indProL_li:last-child {
margin-bottom: 0;
}
.indProL_img img {
width: 30px;
}
.indProL_img .img2 {
display: none;
}
.indProL_text {
width: calc(100% - 55px);
}
.indProL_text span {
display: block;
font-size: 28px;
line-height: 1;
margin-bottom: 20px;
}
.indProL_text p {
color: #666;
font-size: 18px;
margin-bottom: 40px;
}
.indProL_text .More {
display: none;
}
.indProL_text .More.black {
display: block;
}
.More.black b {
color: #333;
}
/* */
.indProL_li.on {
border-color: rgb(149 112 65 / 28%);
}
.indProL_li.on::after {
width: 15%;
}
.indProL_li.on .img2 {
display: block;
}
.indProL_li.on .img1 {
display: none;
}
.indProL_li.on span {
color: #004CAC;
}
.indProL_li.on p {
color: #b7a68c;
display: block;
}
.indProL_li.on .indProL_text .More {
display: block;
}
.indProL_li.on .indProL_text .More.black {
display: none;
}
.indProL_li:hover .img2 {
display: block;
}
.indProL_li:hover .img1 {
display: none;
}
.indProL_li:hover span {
color: #004CAC;
}
/* */
.indProR_box {
width: 56%;
padding-right: 8%;
}
.ny_body .indProR_box {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.indProR_xq {
display: none;
}
.indProR_xq:first-child {
display: block;
}
.indProR {
width: 100%;
height: 72vh;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.ny_body .indProR{ height: auto;}
.indProR_li {
width: calc(50% - 15px);
position: relative;
cursor: pointer;
border-radius: 10px;
overflow: hidden;
transition: all .48s;
margin-bottom: 40px;
}
.ny_body .indProR_li {
width: calc(33.333% - 25px);
height: 20vw;
}
.indProR_text {
position: absolute;
left: 50%;
top: 60%;
transform: translateX(-50%);
z-index: 2;
opacity: 0;
text-align: center;
transition: all .48s .1s;
width: 85%;
}
.indProR_li span {
/* white-space: nowrap; */
text-align: center;
display: block;
font-size: 24px;
color: rgb(255 255 255 / 100%);
/* margin-bottom: 20px; */
transition: all.48s;
position: absolute;
left: 50%;
top: 80%;
transform: translateX(-50%);
width: 85%;
-webkit-line-clamp: 1;/*只显示xx行*/
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.indProR_li p {
/* width: 300px; */
font-size: 16px;
color: rgb(255 255 255 / 90%);
margin-bottom: 20px;
transition: all.48s;
-webkit-line-clamp: 2;/*只显示xx行*/
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.indProR_img {
width: 100%;
height: 100%;
position: relative;
}
.indProR_img::after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
position: absolute;
left: 0;
top: 0;
transition: all .48s;
}
.indProR_box .More small {
color: #fff;
font-size: 12px;
padding: 8px 15px;
}
.indProR_box .More small img {
width: 18px;
margin-left: 15px;
}
@media(min-width:1024px) {
.indProR_li .More a:hover {
border-color: #004CAC !important;
}
.indProR_li:hover .indProR_img::after {
background: rgba(0, 0, 0, 0.58);
}
.indProR_li:hover span {
top: 45%;
}
.indProR_li:hover .indProR_text {
opacity: 1;
}
}
/* */
.indNew {
border-top: 1px solid #dddddd;
}
.indNewImg {
padding-top: 60%;
border-radius: 10px;
}
.indNewText {
padding: 35px 0;
}
.indNewText i {
display: block;
font-size: 16px;
color: #004CAC;
font-weight: 600;
font-style: unset;
}
.indNewText span {
display: block;
padding: 15px 0 0px;
font-size: 22px;
line-height: 30px;
height: 80px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.indNewBox{
position: relative;
}
.indNewBut {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.indNewBut img {
width: 20px;
}
.indNewBut.prev {
left: -5%;
}
.indNewBut.next {
right: -5%;
}
/* */
.indNewItem:hover .indNewImg img {
transform: scale(1.1);
}
.indNewItem:hover .indNewText span {
color: #004CAC;
}
/* */
@media(max-width:1480px) {
/* */
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
.banText span {
font-size: 38px;
}
.banText p {
font-size: 18px;
}
/* */
.indAbItem {
margin-bottom: 30px;
}
.indAb_li {
width: calc(35% - 30px);
}
.indAbText p {
font-size: 30px;
}
/* */
.indProL {
padding: 80px 8% 80px;
}
.indProL_text span {
font-size: 24px;
margin-bottom: 15px;
}
.indProL_img img {
width: 24px;
}
.indProL_text {
width: calc(100% - 40px);
}
.indProL_text p {
font-size: 16px;
margin-bottom: 30px;
}
.indProR_li span {
font-size: 21px;
}
.indProR_li p {
/* width: 260px; */
font-size: 14px;
margin-bottom: 15px;
}
.More.small a {
padding: 4px 14px;
}
.indProR_li:hover span {
/* top: 55%; */
}
/* */
.indNewText {
padding: 25px 0;
}
/* .indNewText span {
font-size: 20px;
padding: 10px 0 20px;
} */
}
/* ================================================================================= */
/* 内页公共 */
.dinW {
position: absolute;
top: -80px;
}
.banN {
width: 100%;
/* height: 60vh; */
height: 30vw;
margin-top: 96px;
}
.yewu_body .banN{ height: auto;}
.banNImg {
width: 100%;
height: 100%;
position: relative;
}
.banN_m {
display: none;
}
.banNImg::after {
content: '';
width: 100%;
height: 100%;
/* background: linear-gradient(107deg, rgba(0, 0, 0, 0.4) 20%, rgba(10, 35, 73, 0) 100%); */
position: absolute;
left: 0;
top: 0;
}
.banNImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* */
.banNText {
width: 90%;
position: absolute;
left: 12%;
top: 50%;
transform: translateY(-50%);
z-index: 2;
/* text-align: center; */
/* text-shadow: 1px 1px 7px #00449940; */
}
.banNText span {
/* color: #fff; */
color: #014dac;
display: block;
font-size: 44px;
line-height: 1.4;
font-weight: 600;
text-transform: uppercase;
}
.banNText p {
/* color: rgba(255, 255, 255, 0.6); */
color: rgba(0, 0, 0, 0.6);
font-size: 26px;
letter-spacing: 2px;
text-transform: uppercase;
}
.gd {
position: absolute;
left: 50%;
bottom: 10%;
transform: translateX(-50%);
animation: dong3 1.5s linear infinite;
}
.gd img {
width: 24px;
}
@keyframes dong3 {
0% {
transform: translate(-50%, 0);
}
50% {
transform: translate(-50%, 15px);
}
100% {
transform: translate(-50%, 0);
}
}
/* */
.dwNav {
width: 100%;
border-bottom: 1px solid #e8eaee;
}
.dwNavBox {
display: flex;
justify-content: space-between;
}
.dwNavL {
display: flex;
align-items: center;
color: #91939B;
}
.dwNavL a {
color: #91939B;
font-size: 16px;
display: flex;
align-items: center;
text-transform: uppercase;
}
.dwNavL i {
color: #91939B;
font-size: 16px;
margin: 0 10px;
}
.dwNavL svg {
width: 18px;
height: 18px;
margin: 0 10px;
}
.dwNavL svg path {
fill: #91939B;
}
/* */
.dwNavR {
display: flex;
align-items: center;
}
.dwNavR a {
padding: 20px 0;
text-align: center;
font-size: 18px;
color: #b4b4b4;
margin-left: 50px;
position: relative;
transition: all .48s;
}
.dwNavR a::after {
content: '';
width: 0%;
height: 2px;
border-bottom: 2px solid #014dac;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
transition: all .48s;
}
.dwNavR a.on {
font-weight: 500;
color: #014dac;
border-color: #014dac;
}
.joinXz .dwNavR a.on {
font-weight: 500;
color: #0d96ff;
border-color: #0d96ff;
}
.joinXz .dwNavR a::after {
border-color: #0d96ff;
}
.joinXz .dwNavR a:hover {
font-weight: 500;
color: #0d96ff;
border-color: #0d96ff;
}
.dwNavR a.on::after {
width: 100%;
}
.dwNavR a:hover {
font-weight: 500;
color: #014dac;
}
.dwNavR a:hover::after {
width: 100%;
}
/* */
.fanYe {
margin-top: 60px;
text-align: center;
}
.news_body .fanYe{ margin-top: 0;}
.fanYe a {
display: inline-block !important;
padding: 4px 30px;
border-radius: 4px;
border: 1px solid #cdcdce;
margin: 0 5px;
text-transform: uppercase;
}
.fanYe a.on {
color: #fff;
background: #004CAC;
border-color: #004CAC;
}
.joinXz .fanYe a.on {
color: #fff;
background: #0d96ff;
border-color: #0d96ff;
}
.fanYe2{ margin-top: 40px;}
.fanYe2 a{ display: block; width: 100%;}
.fanYe2 a:hover{ color: #004CAC;}
@media(max-width:1480px) {
.Tit {
margin-bottom: 48px;
}
.Tit span,
.Tit span b {
font-size: 42px;
}
.Tit .titP {
margin-top: 10px;
}
.More a {
padding: 10px 35px;
}
/* */
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.banNText span {
font-size: 42px;
}
.banNText p {
font-size: 20px;
}
.dwNavR a {
/* padding: 30px 0; */
font-size: 16px;
/* margin-left: 80px; */
}
}
/* ===========================================================================about */
/* */
.abJj {
position: relative;
}
#abJj {
position: absolute;
top: -80px;
}
.abJjBox {
position: relative;
}
.abJjImg {
/* width: 100%; */
width: 44%;
float: left;
/* padding-top: 46%; */
padding-top: 37.5%;
}
.abJjImgB {
display: none;
}
.abJjText {
width: 56%;
padding: 70px 8% 90px 100px;
/* position: absolute; */
position: relative;
right: 0;
bottom: 0;
background: #ffffff;
border-radius: 8px 0 0 0;
float: right;
}
.abJjText .abJjText1 {
width: 60px;
margin-bottom: 5px;
}
.abJjText .abJjText2 {
width: 130px;
position: absolute;
right: 8%;
top: 25%;
}
.abJjText .Tit {
margin-bottom: 30px;
}
.abJj_i {
display: block;
width: 2px;
height: 70px;
margin: 20px 0;
background: #004cac;
}
.abJjText p {
font-size: 18px;
line-height: 2;
/* margin-bottom: 20px; */
}
.abJjUl {
width: 92%;
padding: 50px 0 50px 8%;
border-radius: 0 8px 8px 0;
background: #f3f9ff;
display: flex;
}
.abJj_li {
flex: 1;
font-size: 18px;
color: #004cac;
}
.abJj_li span {
display: flex;
align-items: center;
margin-bottom: 5px;
font-size: 18px;
color: #004cac;
}
.abJj_li span b {
font-size: 48px;
font-family: "pmzd";
line-height: 1;
color: #004cac;
margin-right: 15px;
}
.abJj_li span i {
font-size: 18px;
color: #004cac;
font-style: unset;
}
.abJj_li p {
display: flex;
align-items: center;
font-size: 18px;
/* font-weight: 300; */
color: #004cac;
}
.abJj_li p img {
width: 18px;
margin-right: 5px;
}
/* */
.abWh {
position: relative;
overflow: hidden;
}
#abWh {
position: absolute;
top: -80px;
}
.abWh_bg {
width: 100%;
position: absolute;
left: 0;
top: 11%;
}
.abWhBox {
display: flex;
align-items: center;
justify-content: center;
}
.abWhCen {
width: 25%;
padding-top: 27%;
position: relative;
z-index: 2;
}
.abWhCen span {
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-image: url(../images/abwhcen.png);
background-repeat: no-repeat;
background-size: cover;
opacity: .4;
}
.abWhCen .abWhCen_img {
width: 92%;
height: 92%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
/* */
.abWhCen i {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
background-image: url(../images/abwhcen_i.png);
background-repeat: no-repeat;
background-size: cover;
transform: translate(-50%, -50%) scale(.3);
opacity: .6;
-webkit-animation: scaleWave 4s linear 0s infinite;
animation: scaleWave 4s linear 0s infinite;
transition: all .48s;
}
.abWhCen .i1 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.abWhCen .i2 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.abWhCen .i3 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
@-webkit-keyframes scaleWave {
0% {
opacity: .6;
-webkit-transform: translate(-50%, -50%) scale(.3);
transform: translate(-50%, -50%) scale(.3)
}
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.8);
transform: translate(-50%, -50%) scale(1.8)
}
}
@keyframes scaleWave {
0% {
opacity: .6;
-webkit-transform: translate(-50%, -50%) scale(.3);
transform: translate(-50%, -50%) scale(.3)
}
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.8);
transform: translate(-50%, -50%) scale(1.8)
}
}
.abWhText {
width: 30%;
}
.abWh_li {
position: relative;
margin-bottom: 80px;
}
.abWh_li:last-child {
margin-bottom: 0;
}
.abWh_li span {
display: flex;
align-items: center;
padding-bottom: 5px;
border-bottom: 2px solid #e4e4e4;
font-size: 32px;
color: #004cac;
font-weight: 600;
margin-bottom: 20px;
position: relative;
}
.abWh_li span::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: #c9c9c9;
position: absolute;
right: 0;
bottom: 0;
transform: translate(50%, 50%);
z-index: 2;
}
.abWh_li span::after {
content: '';
width: 100px;
height: 1px;
border-bottom: 1px dashed #e4e4e4;
position: absolute;
right: 0;
bottom: 0;
transform: translate(100%, 100%);
}
.abWh_li:nth-child(1) span::after {
transform: translate(100%, 100%) rotate(40deg);
transform-origin: left;
}
.abWh_li:nth-child(3) span::after {
width: 80px;
transform: translate(100%, 100%) rotate(-40deg);
transform-origin: left;
}
.abWh_li span img {
width: 25px;
margin-right: 10px;
}
.abWh_li p {
font-size: 21px;
min-height: 68px;
font-weight: 600;
}
/* */
.abWhR .abWh_li {
text-align: right;
}
.abWhR .abWh_li span {
justify-content: flex-end;
}
.abWhR .abWh_li span img {
margin-right: 0px;
margin-left: 10px;
}
.abWhR .abWh_li span::before {
left: 0;
transform: translate(-50%, 50%);
}
.abWhL .abWh_li:nth-child(2) {
left: -100px;
}
.abWhR .abWh_li:nth-child(2) {
right: -100px;
}
.abWhR .abWh_li span::after {
right: initial;
left: 0;
transform: translate(-100%, 100%);
}
.abWhR .abWh_li:nth-child(1) span::after {
transform: translate(-100%, 100%) rotate(-40deg);
transform-origin: right;
}
.abWhR .abWh_li:nth-child(3) span::after {
width: 80px;
transform: translate(-100%, 100%) rotate(40deg);
transform-origin: right;
}
/* */
.abHis {
width: 100%;
background: url(../images/abhis.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#abHis {
position: absolute;
top: -80px;
}
.abHisUl {
display: flex;
justify-content: space-between;
margin-bottom: 68px;
}
.abHisLi {
width: calc(25% - 10px);
background: #ffffff;
padding: 15px 0;
text-align: center;
transition: all .48s;
}
.abHisLi:nth-child(1) {
border-radius: 8px 0 0 8px;
}
.abHisLi:nth-child(4) {
border-radius: 0 8px 8px 0;
}
.abHisLi span {
font-size: 18px;
font-weight: 600;
color: #004cac;
}
.abHisLi p {
font-size: 16px;
font-weight: 600;
color: #004cac;
}
.abHisLi.on {
background: #004cac;
}
.abHisLi.on span {
color: #fff;
}
.abHisLi.on p {
color: #fff;
}
.abHisLi:hover {
background: #004cac;
}
.abHisLi:hover span {
color: #fff;
}
.abHisLi:hover p {
color: #fff;
}
/* */
.abHisXqBox {
display: none;
}
.abHisXqBox:first-child {
display: block;
}
.abHisXq {
display: flex;
align-items: center;
justify-content: space-between;
}
.abHisImg {
width: 45%;
padding-top: 28.5%;
border-radius: 8px;
overflow: initial;
}
.abHisImg span {
font-size: 54px;
color: #004cac;
font-weight: 600;
line-height: 1;
font-family: "pmzd";
writing-mode: vertical-rl;
white-space: nowrap;
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.abHisText {
width: 55%;
height: 380px;
overflow-y: scroll;
padding: 0 5%;
}
.abHis_li {
/*display: flex;*/
align-items: baseline;
margin-bottom: 16px;
}
.abHis_li span {
color: #fff;
font-family: "pmzd";
margin-right: 25px;
font-size: 20px;
}
.abHis_li p {
color: #cecfce;
font-size: 18px;
line-height: 2;
}
.abHisText::-webkit-scrollbar {
width: 2px;
height: 2px;
}
/*轨道颜色、内阴影及圆角*/
.abHisText::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #686a6d;
border-radius: 0px;
}
/*滑块*/
.abHisText::-webkit-scrollbar-thumb {
border-radius: 2px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #fff;
}
/* */
.abRyu {
width: 100%;
/* background: url(../images/abryu_bg.png); */
/* background: #e7f2ff; */
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-bottom: 65px;
}
.ind_body .abRyu {
width: 100%;
background: url(../images/abryu_bg01.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#abRyu {
position: absolute;
top: -80px;
}
.abRyuBox .swiper-container {
/* padding-bottom: 60px; */
}
.ny_body .abRyuBox .swiper-container {
overflow: unset;
}
.abRyuImg {
width: 90%;
/* margin: 0 auto 110px; */
margin: 0 auto 80px;
padding-top: 60%;
}
.abRyuBox .swiper-slide p {
text-align: center;
/* font-size: 24px;
font-weight: 600; */
font-size: 20px;
opacity: 0;
transform: translateY(40px);
transition: all .48s .68s;
}
.abRyuBox .swiper-slide-active p {
opacity: 1;
transform: translateY(0px);
}
.abRyuImg_i {
/* width: 42%; */
width: 51%;
position: absolute;
left: 50%;
/* top: 57%; */
top: 68%;
transform: translateX(-50%);
}
.abRyuImg_i img {
width: 100%;
}
.abRyuBox .swiper-slide {
transform: scale(0.6);
/* padding: 10px; */
transition: all .68s;
/* opacity: 0.2; */
}
.ny_body .abRyuBox .swiper-slide{ opacity: 0.4;}
.abRyuBox .swiper-slide::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.abRyuBox .swiper-slide-active {
transform: scale(1);
opacity: 1;
}
.ny_body .abRyuBox .swiper-slide-active{ opacity: 1;}
/* */
.abRyu_but {
width: 72px;
height: 72px;
border: 1px solid #999;
display: flex;
border-radius: 50%;
justify-content: center;
align-items: center;
position: absolute;
bottom: 2%;
transform: translateY(-50%);
z-index: 2;
transition: all .48s;
}
.abRyu_but svg {
width: 26px;
height: 26px;
}
.abRyu_but svg path {
fill: #333;
}
.abRyu_but.prev {
left: 8%;
}
.abRyu_but.next {
right: 8%;
}
.abRyu_but.next svg {
transform: rotate(180deg);
}
.abRyu_but:hover {
background: #004CAC;
}
.abRyu_but:hover svg path {
fill: #fff;
}
.abRyuBox .swiper-pagination {
font-family: "pmzd";
font-size: 18px;
}
.abRyuBox .swiper-pagination span {
font-family: "pmzd";
font-size: 18px;
}
.abRyuBox .swiper-pagination-current {
color: #004CAC;
}
/* */
.jionJcImg {
width: 100%;
padding-top: 62%;
}
.jionJcImg::after {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
position: absolute;
left: 0;
top: 0;
}
.jionJcImg p {
width: 100%;
color: #fff;
font-size: 18px;
position: absolute;
left: 0;
bottom: 30px;
text-align: center;
opacity: 0;
transition: all .48s;
z-index: 2;
}
.jionJcBox .swiper-slide-active .jionJcImg p {
opacity: 1;
}
.jionJcBox .swiper-container {
padding-bottom: 40px;
}
.jionJcBox .swiper-pagination {
bottom: 0;
}
.jionJcBox .swiper-pagination-bullet {
background: rgba(155, 155, 155, 0.58);
}
.jionJcBox .swiper-pagination-bullet-active {
background: #7abe43;
}
/* */
@media(max-width:1480px) {
/* */
/* */
/* */
.abJjText .abJjText1 {
width: 45px;
}
.abJjText .abJjText2 {
width: 100px;
}
.abJj_i {
height: 60px;
margin: 12px 0;
}
.abJjText p {
font-size: 16px;
margin-bottom: 15px;
}
.abJjUl {
padding: 40px 0 40px 8%;
}
.abJj_li span {
/* margin-bottom: 0; */
}
.abJj_li span b {
font-size: 42px;
}
/* */
.abWh_li span {
font-size: 26px;
margin-bottom: 15px;
}
.abWh_li p {
font-size: 18px;
min-height: 64px;
}
.abWh_li {
margin-bottom: 65px;
}
/* */
.abHisUl {
margin-bottom: 50px;
}
.abHisLi {
padding: 6px 0;
}
.abHisLi span {
font-size: 16px;
}
.abHisLi p {
font-size: 14px;
}
.abHisImg span {
font-size: 42px;
}
.abHisText {
height: 300px;
}
.abHis_li span {
font-size: 18px;
}
.abHis_li p {
font-size: 16px;
}
/* */
.abRyuImg {
margin: 0 auto 68px;
}
.abRyuBox .swiper-slide p {
font-size: 21px;
}
.abRyu_but {
width: 58px;
height: 58px;
}
}
@media(max-width:1368px) {
/* */
.abRyuBox .swiper-slide {
transform: scale(0.8);
}
.abRyuBox .swiper-slide-active {
transform: scale(1);
}
.abRyuImg {
/* margin: 0 auto 60px; */
margin: 0 auto 35px;
}
.abRyuBox .swiper-slide p {
font-size: 18px;
}
.abRyuImg_i {
/* top: 54%; */
top: 73%;
}
}
@media(max-width:768px){
.abJjText .abJjText2{ top: 20%;}
}
/* ===============================================================square */
/* 1115add */
.squJjBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.squJjText{
width: 45%;
}
.squJjImg {
width: 50%;
padding-top: 36%;
border-radius: 8px;
}
.squZs_last{
background: url(../images/squphone.jpg) no-repeat;
background-size: cover;
}
.squZs_last .Tit{
display: flex;
align-items: baseline;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
position: relative;
}
.squZs_last .Tit::after{
content: '';
width: 100px;
height: 2px;
border-bottom: 2px solid #fff;
position: absolute;
left: 0;
bottom: -1px;
}
.squZs_last .Tit .titP{
margin-top: 0;
margin-left: 25px;
}
.squZs_i{
margin-top: 0 !important;
display: flex;
align-items: center;
}
.squZs_i svg{
width: 32px;
height: 32px;
margin-right: 8px;
}
.squZs_i svg path{
fill: #004cac;
}
.squZs_i a{
font-size: 36px !important;
font-weight: initial !important;
font-family: "pmzd";
}
.squZs_i i{
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 5px 20px;
margin-left: 10px;
font-style: unset;
}
@media (max-width: 1024px){
.squZs_i a {
font-size: 28px !important;
}
.squJjText{
width: 100%;
margin-bottom: 30px;
}
.squJjImg{
width: 100%;
padding-top: 66%;
}
}
@media (max-width: 680px){
.squZs_i svg {
width: 28px;
height: 28px;
}
.squJjBox {
margin-top: 20px;
}
.squZs_last .Tit::after {
width: 75px;
}
.squZs_last .Tit {
flex-wrap: wrap;
margin-bottom: 20px;
padding-bottom: 20px;
}
.squZs_last .Tit .titP{
margin-left: 0;
margin-top: 10px;
}
.squZs_i{
flex-wrap: wrap;
}
.squZs_i i{
margin-left: 0;
margin-top: 10px;
}
}
/* */
.squJj {
position: relative;
}
.squJj::after {
content: '';
width: 84%;
height: 1px;
background: rgb(200 202 203 / 46%);
position: absolute;
left: 8%;
bottom: 0;
}
.squJj_p p {
font-size: 18px;
line-height: 2;
}
/* */
.squZsBox {
display: flex;
align-items: center;
justify-content: space-between;
}
.squZsImg {
width: 50%;
transform: translate(15px, 18px);
padding-top: 34%;
overflow: initial;
border-radius: 8px;
}
.squZsImg img {
border-radius: 8px;
z-index: 2;
}
.squZsImg::after {
content: '';
width: 90%;
height: 90%;
background: #efeeeb;
border-radius: 8px;
position: absolute;
left: -15px;
top: -18px;
}
.squZsText {
width: 50%;
padding-left: 8%;
}
.squZsText span {
display: block;
font-size: 36px;
line-height: 1;
padding-bottom: 30px;
margin-bottom: 35px;
border-bottom: 1px solid #d7e0e3;
position: relative;
}
.squZsText span::after {
content: '';
width: 115px;
height: 3px;
background: #004cac;
position: absolute;
left: 0;
bottom: -1px;
}
.squZsText p {
font-size: 16px;
line-height: 2;
margin-bottom: 20px;
}
.squZs_i {
margin-top: 80px;
font-size: 21px;
font-weight: 600;
}
.squZs_i a {
color: #004cac;
font-size: 20px;
font-weight: 600;
}
/* */
.squCs {
background-image: url(../images/squcs_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.squCsBox {
display: flex;
justify-content: space-between;
}
.squCsL {
width: 33%;
}
.squCsR {
width: 67%;
}
.squCsR_li {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 30px 25px 30px;
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.squCsR_li span {
display: flex;
align-items: center;
color: #fff;
font-size: 24px;
font-weight: 600;
}
.squCsR_li span img {
width: 20px;
margin-right: 10px;
}
.squCsR_li>div {
width: 65%;
display: flex;
flex-wrap: wrap;
}
.squCsR_li p {
width: 50%;
color: rgba(255, 255, 255, 0.6);
font-size: 18px;
margin-bottom: 20px;
}
/* */
.squJtBox {
display: flex;
align-items: center;
justify-content: space-between;
}
.squJtText {
width: 48%;
}
.squJtText .Tit span {
display: block;
padding-bottom: 15px;
margin-bottom: 40px;
/* border-bottom: 1px solid #d7e0e3; */
position: relative;
}
.squJtText .Tit span::after {
content: '';
width: 115px;
height: 3px;
background: #004cac;
position: absolute;
left: 0;
bottom: -1px;
}
.squJt_li {
/* margin-bottom: 68px; */
display: flex;
align-items: flex-start;
margin-bottom: 35px;
}
.squJt_li img {
width: 25px;
margin-right: 15px;
}
.squJt_li span {
font-size: 21px;
line-height: 1;
display: block;
margin-bottom: 10px;
}
.squJt_li p {
font-size: 18px;
color: #999;
}
.squJtImg {
width: 40%;
padding-top: 50%;
overflow: initial;
border-radius: 8px;
}
.squJtImg::before {
content: '';
width: 6%;
height: 35%;
background: #004cac;
border-radius: 8px 0 0 8px;
position: absolute;
left: 0;
top: 5%;
transform: translateX(-99%);
}
.squJtImg::after {
content: '';
width: 10%;
height: 55%;
background: #004cac;
border-radius: 0 8px 8px 0;
position: absolute;
right: 0;
bottom: 5%;
transform: translateX(100%);
}
/* */
.squSy{ background: #fafbfd;}
.squSyBox {
position: relative;
}
.squSyBox .swiper-slide{
/* border: 1px solid #e1e5e6; */
}
.squSyBox .swiper-slide a{ display: block;}
.squSyBox .swiper-slide span{ display: block; text-align: center; line-height: 45px;}
.squSyImg {
padding-top: 68%;
border-radius: 8px;
}
.squSy_a {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.squSy_a.prev {
left: -5%;
}
.squSy_a.next {
right: -5%;
}
.squSy_a img {
width: 25px;
}
.squSyImg:hover img {
transform: scale(1.1);
}
/* */
.squYqBox {
position: relative;
}
.squYqImg {
padding-top: 66%;
border-radius: 8px;
/* border: 2px solid rgba(188, 159, 95, 0.6); */
}
.squYqBox .swiper-slide p {
font-size: 24px;
font-weight: 600;
margin-top: 30px;
opacity: 0;
transition: all .48s;
}
.squYqBox .swiper-slide-active p {
opacity: 1;
}
.squYqBox .swiper-pagination {
width: auto;
left: 72%;
bottom: 0;
font-size: 24px;
/* opacity: 0; */
}
.squYqBox .swiper-pagination span {
font-size: 24px;
}
.squYqBox .swiper-pagination-current {
color: #004cac;
}
.squYqBox .squYq_but {
display: inline-flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
position: absolute;
top: 40%;
z-index: 2;
}
.squYq_but img {
width: 100%;
height: 100%;
padding: 30%;
object-fit: contain;
}
.squYqBox .prev {
left: 3%;
}
.squYqBox .next {
right: 3%;
}
/* */
.squRzuImg {
padding-top: 44%;
border-radius: 10px;
border: 1px solid #e1e5e6;
}
.squRzuImg img {
object-fit: contain;
/* padding: 13%; */
padding: 3%;
}
.squRzuImg:hover img {
transform: scale(1.1);
}
/* */
.squSer {
position: relative;
}
.squSer .inner {
position: relative;
z-index: 2;
}
.squSer_but {
position: absolute;
top: 125px;
right: 0;
z-index: 2;
}
.squSer_but a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.4);
margin-left: 30px;
}
.squSer_but a img {
width: 100%;
height: 100%;
padding: 28%;
object-fit: contain;
}
.squSerChange {
margin-bottom: 100px;
}
.squSerChange span {
display: inline-flex;
border-radius: 8px;
align-items: center;
padding: 10px 50px;
color: #004cac;
background: #e1e0d8;
font-size: 20px;
margin-right: 10px;
cursor: pointer;
}
.squSerChange span img {
width: 20px;
margin-right: 10px;
}
.squSerChange span .img2 {
display: none;
}
.squSerChange span.on {
color: #fff;
background: #004CAC;
}
.squSerChange span.on .img2 {
display: block;
}
.squSerChange span.on .img1 {
display: none;
}
.squSerChange span:hover {
color: #fff;
background: #004CAC;
}
.squSerChange span:hover .img2 {
display: block;
}
.squSerChange span:hover .img1 {
display: none;
}
.squSerBox {
margin-bottom: 80px;
}
.squSerImg {
padding-top: 156%;
border-radius: 8px;
}
.squSerImg img {
border-radius: 8px;
}
.squSerText {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
padding: 35px 45px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.squSerText span {
font-size: 26px;
font-weight: 600;
color: #fff;
}
.squSer_p {
border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}
.squSerText p {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.28);
}
.squSerText p i {
width: 4px;
height: 4px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
}
.squSerBoxImg {
width: 56%;
padding-top: 56%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 8px 0 0 8px;
}
/* */
.squSerBox .swiper-slide:hover .squSerImg img {
transform: scale(1.1);
}
/* */
.job_body .squHd{ padding-top: 0 !important;}
.squHdBox .swiper-slide {
padding: 10px;
}
.squHdItem {
background: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
padding: 60px 40px;
position: relative;
transition: all .48s;
}
.squHdItem::after {
content: '';
width: 100%;
height: 6px;
background: #004CAC;
position: absolute;
left: 0;
top: 0;
border-radius: 8px 8px 0 0;
opacity: 0;
transition: all .48s;
}
.squHdItem span {
font-size: 20px;
font-weight: 600;
display: block;
margin-bottom: 15px;
}
.squHdImg{
width: 100%;
padding-top: 65%;
border-radius: 8px;
margin-bottom: 30px;
}
.squHdItem p {
font-size: 16px;
min-height: 52px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.squHdItem:hover {
background: #fbf9f8;
}
.squHdItem:hover span {
color: #004CAC;
}
.squHdItem:hover p {
color: #004CAC;
}
.squHdItem:hover::after {
opacity: 1;
}
/* */
.squLd {
margin-top: 80px;
}
.squLd h3 {
text-align: center;
font-size: 36px;
font-weight: 500;
margin-bottom: 30px;
}
.squLdBox {
display: flex;
justify-content: space-between;
align-items: center;
}
.squLd_li {
display: flex;
align-items: center;
padding: 15px 0;
border-bottom: 1px solid #eee;
position: relative;
transition: all .48s;
}
.squLd_li i {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 46px;
background-image: url(../images/squld_li_bg.png);
background-repeat: no-repeat;
background-size: cover;
margin-right: 10px;
}
.squLd_li img {
width: 100%;
height: 100%;
padding: 32%;
object-fit: contain;
}
.squLd_li p {
font-size: 16px;
}
.squLd_li:hover::after {
opacity: 1;
}
.squLd_text {
width: 40%;
}
.squLd_img {
width: 55%;
padding-top: 30%;
border-radius: 8px;
}
/* */
@media(max-width:1680px) {
/* ============================================================广场 */
.squJj_p p {
font-size: 17px;
}
.squZs_i {
margin-top: 50px;
font-size: 18px;
}
}
@media(max-width:1480px) {
.squJj_p p {
font-size: 16px;
}
.squZsText p {
font-size: 14px;
margin-bottom: 15px;
}
.squZs_i {
margin-top: 40px;
font-size: 18px;
}
.squZs_i a {
font-size: 18px;
}
/* */
.squLd {
margin-top: 90px;
}
.squLd_li p {
font-size: 14px;
}
.squLd_li i {
width: 30px;
height: 32px;
}
/* */
.squCsR_li span {
font-size: 21px;
}
.squCsR_li p {
font-size: 16px;
}
.squCsR_li>div {
width: 70%;
}
/* */
.squSerChange span {
padding: 8px 35px;
font-size: 18px !important;
}
}
@media(max-width:1368px) {
.squYqBox .squYq_but {
width: 46px;
height: 46px;
}
.squSer_but a {
width: 52px;
height: 52px;
}
/* */
.squCsR_li span {
font-size: 18px;
}
.squCsR_li p {
font-size: 14px;
margin-bottom: 12px;
}
.squCsR_li {
padding: 25px 20px 30px;
}
/* */
.squSerChange {
margin-bottom: 68px;
}
.squSerText span {
font-size: 22px;
}
.squSerText {
padding: 30px 25px;
}
}
/* ===========================================================================健康 */
.heaJj{ background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover;}
.heaJj .More{ margin: 0 auto; text-align: center; margin-top: 50px;}
.heaJj .Tit {
margin-bottom: 30px; position: relative;
}
.heaJj .Tit::before{ content: 'ABOUT US'; position: absolute; color: rgba(130, 130, 130, .1); top:-30px; font-size: 3.125vw;
font-weight: bold; left: 50%; transform: translateX(-50%);}
.job_body .heaJj .Tit::before{ display: none;}
.job_body .heaJj .Tit{ margin-bottom: 40px;}
/* .ind_body .heaJj .Tit span{ color: #fff;} */
/* .ind_body .heaJj .Tit span b{ color: #fff;} */
.heaJjText {
width: 90%;
margin: 0 auto;
text-align: center;
}
.job_body .heaJjText{ text-align: unset;}
.heaJj_p {
margin-bottom: 60px;
}
.heaJj_p p {
font-size: 18px;
margin-bottom: 20px;
}
.ind_body .heaJj_p p{ color: #474747;}
.heaJjImg {
margin-top: 60px;
padding-top: 22%;
border-radius: 8px;
}
/* */
.heaYy {
width: 100%;
background: url(../images/heayy1.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#heaYy {
position: absolute;
top: -80px;
}
.heaYy .Tit {
margin-bottom: 40px;
}
.heaYyUl {
display: flex;
justify-content: center;
margin-bottom: 68px;
}
.heaYyLi {
width: 26%;
/* background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.4); */
background: rgba(0, 0, 0, 0.2);
/* border: 1px solid rgba(0, 0, 0, 0.1); */
padding: 15px 0;
margin: 0 15px;
text-align: center;
border-radius: 8px;
transition: all .48s;
cursor: pointer;
}
.heaYyLi span {
font-size: 18px;
color: #fff;
}
.heaYyLi span img {
width: 30px;
margin-right: 10px;
}
.heaYyLi.on {
background: #004cac;
border-color: #004cac;
}
.heaYyLi.on span {
color: #fff;
}
.heaYyLi.on p {
color: #fff;
}
.heaYyLi:hover {
background: #004cac;
}
.heaYyLi:hover span {
color: #fff;
}
.heaYyLi:hover p {
color: #fff;
}
/* */
.heaYyXqBox {
display: none;
}
.heaYyXqBox:first-child {
display: block;
}
.heaYyXq {
display: flex;
align-items: center;
justify-content: space-between;
}
.heaYyImgBox {
width: 45%;
}
.heaYyImgBox .swiper-slide {
padding: 10px;
}
.heaYyImg {
width: 100%;
padding-top: 59%;
border-radius: 8px;
overflow: initial;
position: relative;
}
.heaYyImg::after {
content: '';
width: 100%;
height: 100%;
border-radius: 8px;
background: #004cac;
position: absolute;
left: -10px;
bottom: -10px;
}
.heaYyImg img {
z-index: 2;
}
/* */
.heaYyText {
width: 55%;
padding: 0 5%;
}
.heaYy_li span {
display: block;
color: #333;
font-size: 32px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 30px;
position: relative;
}
.heaYy_li span::after {
content: '';
width: 16%;
height: 2px;
background: #004cac;
position: absolute;
left: 0;
bottom: 0;
}
.heaYy_li p {
color: #666;
font-size: 18px;
line-height: 2;
margin-bottom: 20px;
}
.heaYyImgBox .swiper-pagination {
width: auto;
left: 50px;
}
.heaYyImgBox .swiper-pagination-bullet-active {
background: #fff;
}
.heaJj_shuju {
display: flex;
justify-content: space-between;
}
.heaJj_li {
width: calc(20% - 80px);
text-align: center;
}
/* .ind_body .heaJj_li{
width: 25%;
text-align: center;
padding: 2%;
border: 1px solid rgba(255, 255, 255, .2);
}
.ind_body .heaJj_li:hover{ background: #004CAC;} */
.heaJj_li span {
font-size: 18px;
display: block;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid rgb(149 112 65 / 26%);
position: relative;
}
/* .ind_body .heaJj_li span{ color: #fff;} */
.heaJj_li span::after {
content: '';
width: 20%;
height: 2px;
background: #004cac;
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
}
.ind_body .heaJj_li span::after{ background: #024eac;}
.heaJj_li span b {
font-size: 50px;
line-height: 1;
font-family: "pmzd";
margin-right: 5px;
}
.ind_body .heaJj_li span b { color: #014dac;}
.heaJj_li p {
font-size: 18px;
color: #666;
}
/* .ind_body .heaJj_li p { color: rgba(255, 255, 255, .58);} */
/* */
.heaPt {
position: relative;
}
#heaPt {
position: absolute;
top: -80px;
}
.heaPtBox {
display: flex;
align-items: center;
}
.heaPtL {
width: 60%;
padding-right: 5%;
border-right: 1px solid #bec6ca;
}
.heaPtL .Tit {
margin-bottom: 45px;
}
.heaPtL p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 20px;
}
.heaPtR {
width: 40%;
padding-left: 5%;
}
.heaPtR_ewm {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
.heaPtR_ewm>div {
width: calc(50% - 10px);
border-radius: 8px;
background: #fdfeff;
box-shadow: 0 0 1px #949494;
}
.heaPtR_ewm>div span {
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #e5e7e8;
padding: 30px;
}
.heaPtR_ewm>div span img {
width: 60%;
}
.heaPtR_ewm>div p {
padding: 8px 0;
text-align: center;
font-size: 18px;
background: #fdfeff;
border-radius: 0 0 8px 8px;
}
.heaPtR_img {
padding-top: 40%;
border-radius: 8px;
}
.heaPtR_img p {
width: 100%;
text-align: center;
font-size: 32px;
font-weight: 600;
color: #004cac;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.heaPtUl {
margin: 60px 0 80px;
width: 80%;
display: flex;
justify-content: space-between;
position: relative;
}
/*.heaPt_li:nth-child(2):after {*/
/* content: '';*/
/* width: 1px;*/
/* height: 80%;*/
/* background: #c0c8ca;*/
/* position: absolute;*/
/* left: -50%;*/
/* top: 10%;*/
/*}*/
/*.heaPt_li:nth-child(2)::before {*/
/* content: '';*/
/* width: 1px;*/
/* height: 80%;*/
/* background: #c0c8ca;*/
/* position: absolute;*/
/* right: -50%;*/
/* top: 10%;*/
/*}*/
.heaPt_li {
font-size: 18px;
position: relative;
}
.heaPt_li span {
display: flex;
align-items: center;
margin-bottom: 5px;
font-size: 18px;
color: #333;
}
.heaPt_li span b {
font-size: 48px;
font-family: "pmzd";
line-height: 1;
color: #333;
margin-right: 15px;
}
.heaPt_li span i {
font-size: 18px;
color: #333;
}
.heaPt_li p {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 300;
color: #666;
margin-bottom: 0;
}
.heaPt_li p img {
width: 14px;
margin-right: 5px;
}
/* */
.heaSc {
padding-bottom: 0 !important;
/* border-top: 1px solid #bec6ca; */
position: relative;
}
#heaSc {
position: absolute;
top: -80px;
}
.heaSc .Tit {
padding: 0 10%;
}
.heaScBox {
position: relative;
}
.heaScBox .swiper-slide {
padding: 10px;
border-radius: 8px;
background: #f9f9f9;
border: 1px solid #e3eff7;
}
.heaScBox .swiper-slide span{ display: block; text-align: center; font-size: 18px; line-height: 25px; margin-top: 8px;}
.heaScImg {
padding-top: 178%;
border-radius: 8px;
}
.yanfa_body .heaScImg{ padding-top: 0;}
.heaSc_a {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.heaSc_a.prev {
left: -5%;
}
.heaSc_a.next {
right: -5%;
}
.heaSc_a img {
width: 25px;
}
/* */
.heaZy {
width: 100%;
background-image: url(../images/heazy_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#heaZy {
position: absolute;
top: -80px;
}
.heaZyTop {
display: flex;
align-items: center;
justify-content: space-between;
}
.heaZyTop_img {
width: 42%;
padding-top: 29%;
border-radius: 8px;
overflow: initial;
position: relative;
}
.heaZyTop_img img {
z-index: 2;
border-radius: 8px;
}
.heaZyTop_img::after {
content: '';
width: 100%;
height: 100%;
border-radius: 8px;
background: #004cac;
position: absolute;
right: -10px;
bottom: -10px;
}
.heaZyTop_text {
width: 58%;
padding-right: 5%;
}
.heaZyTop_text .Tit {
padding-bottom: 30px;
border-bottom: 1px solid #d7d8d9;
margin-bottom: 48px;
}
.heaZyTop_text .Tit::after {
content: '';
width: 13%;
height: 3px;
background: #004cac;
position: absolute;
left: 0;
bottom: -1px;
}
.heaZyTop_text p {
font-size: 18px;
color: #666;
line-height: 1.8;
margin-bottom: 20px;
}
.heaZyBot {
margin-top: 40px;
padding-left: 8%;
}
.heaZyBot .swiper-container {
position: relative;
padding-bottom: 60px;
}
.heaZyBot .swiper-container::after {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 18%);
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
.heaZyBot_img {
padding-top: 60%;
border-radius: 8px;
}
.heaZyBot .swiper-scrollbar {
background: none;
bottom: 0px;
height: 30px;
}
.heaZyBot .swiper-scrollbar-drag {
height: 30px;
background: url(../images/heazybot_car.png) no-repeat center;
cursor: pointer;
}
.heaZyBot .swiper-scrollbar::after {
content: '';
width: 100%;
height: 1px;
border-bottom: 1px dashed #c7baa8;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
/* */
.heaZyBot_img:hover img {
transform: scale(1.1);
}
/* */
.heaZyPro {
margin-top: 110px;
}
.heaZyProBox {
display: flex;
align-items: center;
justify-content: space-between;
}
.heaZyPro_img {
width: 48%;
border-radius: 8px;
padding-top: 36%;
}
.heaZyPro_text {
width: 48%;
}
.heaZyPro_text h5 {
font-size: 36px;
font-weight: 500;
margin-bottom: 35px;
}
.heaZyPro_li {
margin-bottom: 10px;
}
.heaZyPro_li span {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 40px 15px 25px;
border-bottom: 1px solid #d0d1d2;
font-size: 21px;
cursor: pointer;
transition: all .48s;
}
.heaZyPro_li span i {
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background: #004cac;
position: relative;
transition: all .48s;
}
.heaZyPro_li span i::after {
content: '';
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.heaZyPro_li p {
display: none;
padding: 20px;
font-size: 16px;
line-height: 2;
color: #666;
transition: all .48s;
}
.heaZyPro_li.on span {
color: #fff;
background: #004CAC;
border-radius: 8px;
}
.heaZyPro_li.on span i {
background: #fff;
}
.heaZyPro_li.on p {
display: block;
}
.heaZyPro_li:hover span {
color: #fff;
background: #004CAC;
border-radius: 8px;
}
.heaZyPro_li:hover span i {
background: #fff;
}
/* */
.heaYf {
padding-bottom: 0 !important;
}
.heaYfBox {
position: relative;
background-image: url(../images/heayf_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.heaYfImg {
width: 100%;
padding-top: 42%;
}
.heaYfXq {
display: flex;
width: 100%;
}
.heaYfItem {
flex: 1;
text-align: center;
padding: 60px 70px 70px;
transition: all .48s;
display: flex;
flex-direction: column;
justify-content: center;
border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.heaYfItem img {
width: 50px;
height: 60px;
object-fit: contain;
margin: 0 auto 25px;
transition: all .48s;
transform: translateY(150px);
}
.heaYfItem span {
display: block;
font-size: 42px;
line-height: 1;
color: #fff;
padding-bottom: 20px;
margin-bottom: 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0);
transition: all .48s;
position: relative;
transform: translateY(150px);
}
.heaYfItem span::after {
content: '';
width: 0;
height: 2px;
background: #fff;
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
transition: all .48s;
}
.heaYfItem_p {
min-height: 436px;
}
.heaYfItem p {
display: block;
color: rgba(255, 255, 255, 0.6);
font-size: 16px;
line-height: 2;
margin-bottom: 20px;
/* display: none; */
opacity: 0;
transition: all .48s;
}
.heaYfItem p:last-child {
margin-bottom: 0;
}
.heaYfItem:hover {
background: #9d6e38;
}
.heaYfItem:hover span {
border-color: rgba(255, 255, 255, 0.4);
}
.heaYfItem:hover span::after {
width: 10%;
}
.heaYfItem:hover p {
color: #fff;
display: block;
opacity: 1;
}
.heaYfItem:hover img {
transform: translateY(0);
}
.heaYfItem:hover span {
transform: translateY(0);
}
/* */
.heaJd {
position: relative;
}
.heaJdBox {
display: flex;
align-items: center;
justify-content: space-between;
}
.heaJdImg {
width: 48%;
padding-top: 32%;
border-radius: 8px 8px 160px 8px;
}
.heaJdText {
width: 52%;
padding-left: 5%;
}
.heaJdText .Tit {
padding-bottom: 10px;
border-bottom: 1px solid #d7d8d9;
margin-bottom: 48px;
}
.heaJdText .Tit::after {
content: '';
width: 13%;
height: 3px;
background: #004cac;
position: absolute;
left: 0;
bottom: -1px;
}
.heaJdText p {
font-size: 18px;
line-height: 2;
color: #666;
margin-bottom: 25px;
}
/* */
.heaJd_kc {
margin-top: 100px;
position: relative;
}
.heaJd_kc h5 {
font-size: 26px;
font-weight: 600;
margin-bottom: 20px;
}
.heaJd_kc .swiper-slide {
padding: 10px;
}
.heaJd_kcItem {
text-align: center;
background: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 8%);
overflow: hidden;
}
.heaJd_kcItem img {
width: 100%;
}
.heaJd_kcItem p {
padding: 15px 0;
font-size: 18px;
font-weight: 600;
}
.heaJd_a {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.heaJd_a img {
width: 25px;
}
.heaJd_a.prev {
left: -5%;
}
.heaJd_a.next {
right: -5%;
}
/* */
.heaWt {
background-image: url(../images/heawt_bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.heaWtBox {
display: flex;
justify-content: space-between;
}
.heaWtL {
width: 400px;
}
.heaWtL .Tit {
margin-bottom: 40px;
}
.heaWtL .Tit .titP {
margin-top: 5px;
}
.heaWtL_nav {
width: 85%;
padding: 20px 30px 40px;
border-radius: 8px;
background: #fff;
}
.heaWtL_navM {
display: none;
}
.heaWtL_nav span {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
padding: 14px 20px;
border-bottom: 1px solid #eee;
cursor: pointer;
}
.heaWtL_nav span.on {
color: #004cac;
border-bottom: 1px solid #004cac;
}
.heaWtL_nav span img {
width: 6px;
opacity: .68;
}
/* */
.heaWtR {
width: calc(100% - 480px);
}
.heaWtR h6 {
display: flex;
align-items: center;
font-size: 26px;
font-weight: 600;
padding-bottom: 25px;
margin-bottom: 55px;
border-bottom: 1px solid #a8aaaa;
position: relative;
}
.heaWtR h6::after {
content: '';
width: 8%;
height: 3px;
background: #004cac;
position: absolute;
left: 0;
bottom: -1px;
}
.heaWtR h6 img {
width: 26px;
margin-right: 15px;
}
.heaWtR .heaWtR_p a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 20px;
border-bottom: 1px solid #d3d5d7;
margin-bottom: 20px;
cursor: pointer;
transition: all .48s;
}
.heaWtR a img {
width: 20px;
}
.heaWtR a .img2 {
display: none;
}
.heaWtR a span {
font-size: 18px;
color: #666;
}
.heaWtR a:hover {
border-color: #004cac;
}
.heaWtR a:hover span {
color: #004cac;
}
.heaWtR a:hover .img2 {
display: block;
}
.heaWtR a:hover .img1 {
display: none;
}
/* */
.heaTd {
background-image: url(../images/heatd_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.heaTdImg {
padding-top: 62%;
border-radius: 8px;
}
.heaTdImg:hover img {
transform: scale(1.1);
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.heaJj_li {
width: calc(20% - 50px);
}
.heaJj_li span b {
font-size: 34px;
}
.heaJj_li p {
font-size: 16px;
}
/* */
.heaYyUl {
margin-bottom: 48px;
}
.heaYyLi {
padding: 12px 0;
}
.heaYyLi span {
font-size: 16px;
}
.heaYy_li span {
font-size: 28px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.heaYy_li p {
font-size: 16px;
}
/* */
.heaPtL .Tit {
margin-bottom: 32px;
}
.heaPtL p {
font-size: 14px;
margin-bottom: 15px;
}
.heaPt_li span b {
font-size: 36px;
margin-right: 10px;
}
.heaPtUl {
margin: 40px 0 60px;
}
.heaPtR_ewm>div p {
font-size: 16px;
}
.heaPtR_ewm>div span {
padding: 15px;
}
.heaPtR_img p {
font-size: 26px;
}
.heaSc_a img {
width: 18px;
}
/* */
.heaZyTop_text p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 15px;
}
.heaZyTop_text .Tit {
padding-bottom: 20px;
margin-bottom: 30px;
}
.heaZyBot {
margin-top: 25px;
}
.heaZyBot .swiper-scrollbar-drag {
height: 25px;
background-size: contain;
}
/* */
.heaZyPro_li span {
padding: 12px 40px 12px 25px;
font-size: 18px;
}
.heaZyPro_li p {
padding: 15px;
font-size: 14px;
}
/* */
.heaYfItem img {
width: 40px;
height: 50px;
margin: 0px auto 20px;
}
.heaYfItem span {
font-size: 34px;
padding-bottom: 30px;
margin-bottom: 40px;
}
.heaYfItem p {
font-size: 14px;
line-height: 1.8;
margin-bottom: 15px;
}
.heaYfItem {
padding: 50px 30px 60px;
}
/* */
.heaJdText .Tit {
/* padding-bottom: 20px; */
margin-bottom: 30px;
}
.heaJdText p {
font-size: 15px;
margin-bottom: 18px;
}
.heaJd_kc {
margin-top: 60px;
}
.heaJd_kc h5 {
font-size: 22px;
margin-bottom: 10px;
}
.heaJd_kcItem p {
padding: 12px 20px;
font-size: 16px;
min-height: 76px;
}
}
@media(max-width:1368px) {
.heaYfItem_p {
min-height: 392px;
}
}
/* ============================================================================ 国际 */
.intern_p p {
/* font-size: 18px;
margin-bottom: 30px; */
font-size: 16px;
margin-bottom: 10px;
}
.intern_p p:last-child {
margin-bottom: 0;
}
/* */
.internLink {
position: relative;
}
#interCgfw {
position: absolute;
top: -80px;
}
.internLinkBox {
/* display: flex;
justify-content: space-between; */
}
.internLinkItem {
/* width: calc(33.33% - 50px); */
width: 30%;
float: left;
margin-right: 5%;
margin-top: 1.5%;
margin-bottom: 1.5%;
}
.internLinkItem:nth-child(3n){ margin-right: 0;}
.internLinkImg {
/* padding-top: 57%; */
padding-top: 44%;
border-radius: 8px;
}
.internLinkImg img {
border-radius: 8px;
}
.internLinkItem p {
color: #5b544b;
padding-top: 15px;
font-size: 24px;
font-weight: 300;
margin-bottom: 15px;
}
.internLinkItem .More a {
font-size: 14px;
padding: 8px 20px;
}
.internLinkItem:hover .internLinkImg img {
transform: scale(1.1);
}
.internLinkItem:hover p {
color: #004CAC;
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.intern_p p {
/* font-size: 16px;
margin-bottom: 20px; */
}
.internLinkItem {
/* width: calc(33.33% - 30px); */
}
.internLinkItem p {
padding-top: 12px;
/* font-size: 26px; */
margin-bottom: 12px;
}
.internLinkItem .More a {
padding: 6px 15px;
}
.More .more_s i {
font-size: 14px;
}
}
/* ==================================================================================教育 */
.teach {
position: relative;
}
.teach::after {
content: '';
width: 84%;
height: 1px;
background: #f2f2f2;
position: absolute;
left: 8%;
bottom: 0;
}
.teach_p p {
font-size: 18px;
line-height: 2;
}
/* */
.teachItem {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 70px;
margin-bottom: 70px;
border-bottom: 1px solid #f2f2f2;
position: relative;
}
#teaZhjy, #teaJsyx, #teaYypx {
position: absolute;
top: -100px;
}
.teachItem:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.teachItem:nth-child(2n) .teachText {
order: -1;
}
.teachText {
width: 55%;
}
.teachText .teachText_span {
font-size: 34px;
font-weight: 600;
display: block;
margin-bottom: 30px;
color: #014dac;
}
.teachText p {
font-size: 18px;
line-height: 2;
/* margin-bottom: 30px; */
}
.teachImg {
width: 40%;
padding-top: 34%;
border-radius: 8px;
}
.teachItem:nth-child(2) .teachImg{ padding-top: 24%;}
.teachItem:nth-child(3) .teachImg{ padding-top: 24%;}
.teachImg:hover img {
transform: scale(1.1);
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.teach_p p {
font-size: 16px;
}
.teachText .teachText_span {
font-size: 32px;
margin-bottom: 20px;
}
.teachText p {
font-size: 16px;
margin-bottom: 20px;
}
}
@media(max-width:1368px) {
.teachItem {
padding-bottom: 68px;
margin-bottom: 68px;
}
.teachText p {
/* font-size: 14px; */
margin-bottom: 15px;
}
}
/* ==================================================================================党建 */
.djGk {
width: 100%;
background-image: url(../images/djgk_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.djGk_p {
width: 72%;
margin: 10px auto 0;
}
.djGk_p p {
text-align: center;
font-size: 18px;
margin-bottom: 30px;
}
.djGk_p p:last-child {
margin-bottom: 0;
}
.djGkBox {
display: block;
position: relative;
}
.djGkImg {
width: 100%;
padding-top: 41%;
border-radius: 8px;
}
.djGkText {
width: 44%;
padding: 80px 55px;
height: calc(100% - 50px);
background: url(../images/djgktext.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px 8px 0 0;
position: absolute;
right: 50px;
bottom: 0;
}
.djGkText .swiper-slide {
opacity: 0 !important;
}
.djGkText .swiper-slide-active {
opacity: 1 !important;
}
.djGkText .swiper-slide span {
font-size: 34px;
font-weight: 600;
color: #004cac;
display: block;
margin-bottom: 30px;
}
.djGkText .swiper-slide p {
font-size: 16px;
line-height: 2;
}
.djGkText .swiper-pagination {
margin-top: 40px;
}
.djGkText .swiper-pagination-bullet {
background: #004cac;
opacity: .48;
}
.djGkText .swiper-pagination-bullet-active {
opacity: 1;
}
/* */
.djRyu {
width: 100%;
background-image: url(../images/djryu_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.djRyuBox {
display: flex;
align-items: center;
justify-content: space-between;
}
.djRyuImg {
width: 32%;
padding-top: 43%;
border-radius: 8px;
}
.djRyuText {
width: 68%;
padding-left: 5%;
}
.djRyu_ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.djRyu_li {
width: calc(50% - 10px);
border-radius: 50px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
padding: 15px 25px;
background: #fff;
margin-bottom: 16px;
transition: all .48s;
}
.djRyu_li img {
width: 26px;
margin-right: 14px;
}
.djRyu_li span {
font-size: 16px;
transition: all .48s;
}
.djRyu_li:hover {
background: #004cac;
}
.djRyu_li:hover span {
color: #fff;
}
/* */
.djWy {
width: 100%;
background-image: url(../images/djwy_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.djWyBox {
display: flex;
justify-content: space-between;
}
.djWyItem {
width: calc(20% - 60px);
position: relative;
}
.djWyImg {
width: 100%;
padding-top: 157%;
}
.djWyText {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
.djWyText img {
width: 40px;
margin-bottom: 36px;
}
.djWyText span {
font-size: 32px;
line-height: 1;
font-weight: 600;
color: #004cac;
display: block;
margin-bottom: 20px;
}
.djWyText i {
display: block;
width: 65%;
height: 1px;
border-bottom: 1px dashed #004cac;
position: relative;
margin-bottom: 20px;
}
.djWyText i::before {
content: '';
width: 6px;
height: 6px;
background: #b98d68;
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.djWyText i::after {
content: '';
width: 6px;
height: 6px;
background: #b98d68;
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%) rotate(45deg);
}
.djWyText p {
font-size: 18px;
color: #004cac;
margin-bottom: 20px;
}
/* */
.djJg {
width: 100%;
background-image: url(../images/djjg_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.djJgBox img {
width: 100%;
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.djGkText .swiper-slide p {
font-size: 14px;
line-height: 1.8;
}
.djGkText .swiper-slide span {
font-size: 30px;
margin-bottom: 20px;
}
.djGkText {
width: 50%;
padding: 40px 40px;
}
.djGkText .swiper-pagination {
margin-top: 20px;
}
.djRyu_li {
width: 100%;
padding: 12px 25px;
}
/* */
.djWyItem {
width: calc(20% - 40px);
}
.djWyText img {
width: 35px;
margin-bottom: 30px;
}
.djWyText span {
font-size: 28px;
}
}
/* ==================================================================================新闻 */
.new .indNew {
border-top: none;
}
.new .indNewBox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.new .indNewBox::after {
content: '';
width: calc(33.33% - 40px);
}
.new .indNewItem {
width: calc(33.33% - 40px);
margin-bottom: 30px;
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
/* .indNewText span {
font-size: 20px;
padding: 10px 0 20px;
} */
.indNewText {
padding: 25px 0;
}
.fanYe {
margin-top: 80px;
}
}
/* =====================================================================join */
.JoinHead {
background: none;
}
.JoinHead .headerR {
padding-right: 35px;
}
.JoinHead .headerRBot {
display: flex;
align-items: center;
justify-content: space-between;
}
.JoinHead .hNav {
width: 78%;
}
.JoinHead .headerRBot .hNav ul li a.nav_a {
padding: 40px 0;
color: #fff;
}
.JoinHead .hLan a {
color: #fff;
border-color: #fff;
}
.JoinHead .hLan a svg path {
fill: #fff;
}
/* */
.join {
width: 100%;
height: 100vh;
background-image: url(../images/join_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.joinUl {
width: 100%;
display: flex;
position: absolute;
left: 0;
bottom: 35px;
padding: 40px 0;
background: rgba(255, 255, 255, .2);
border-top: 1px solid rgba(255, 255, 255, .48);
border-bottom: 1px solid rgba(255, 255, 255, .48);
}
.joinLi {
display: block;
flex: 1;
text-align: center;
position: relative;
}
.joinLi::after {
content: '';
width: 1px;
height: 80%;
border-left: 1px solid rgba(255, 255, 255, .48);
position: absolute;
right: 0;
top: 10%;
}
.joinLi:nth-child(3)::after {
display: none;
}
.joinLi img {
width: 54px;
margin-bottom: 25px;
}
.joinLi span {
display: block;
font-size: 36px;
line-height: 1;
color: #fff;
font-weight: 600;
}
.joinLi i {
width: 45%;
margin: 20px auto;
height: 1px;
display: block;
border-bottom: 1px dashed rgba(255, 255, 255, .48);
position: relative;
}
.joinLi i::before {
content: '';
width: 8px;
height: 8px;
background: #fff;
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.joinLi i::after {
content: '';
width: 8px;
height: 8px;
background: #fff;
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%) rotate(45deg);
}
.joinLi p {
color: rgba(255, 255, 255, .8);
font-size: 18px;
letter-spacing: 1px;
}
.join_p {
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
}
.join_p p {
padding: 5px 0;
color: rgba(255, 255, 255, .48);
text-transform: uppercase;
}
/* */
.joinIpt {
width: 56%;
position: absolute;
left: 20.5%;
top: 23%;
}
.joinIpt_top {
display: flex;
}
.joinIpt_top span {
display: block;
padding: 4px 15px;
background: #fff;
border: 1px solid #000;
border-bottom: none;
border-radius: 10px 10px 0 0;
margin-left: 5px;
color: #999;
cursor: pointer;
}
.joinIpt_top span.on {
background: #ffa415;
color: rgba(255, 255, 255, .8);
}
.joinIpt_bot {
width: 100%;
height: 70px;
border-radius: 8px;
background: #fff;
border: 1px solid #000;
position: relative;
}
.joinIpt_bot input {
width: 100%;
height: 100%;
background: none;
border: none;
padding: 5px 18px;
}
.joinIpt_bot input::placeholder {
font-size: 16px;
color: #999;
}
.joinIpt_bot a {
width: 110px;
height: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
background: #0d96ff;
border-radius: 0 8px 8px 0;
position: absolute;
right: 0;
top: 0;
}
.joinIpt_bot a svg {
width: 30px;
height: 30px;
}
.joinIpt_bot a svg path {
fill: #fff;
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.JoinHead .headerRBot .hNav ul li a.nav_a {
padding: 30px 0 !important;
}
.hLan a {
padding: 2px 20px;
}
/* */
.joinIpt_bot {
height: 40px;
}
.joinIpt_bot input::placeholder {
font-size: 14px;
}
.joinIpt_bot a {
width: 80px;
}
.joinIpt_bot a svg {
width: 24px;
height: 24px;
}
.joinLi img {
width: 42px;
margin-bottom: 20px;
}
.joinLi span {
display: block;
font-size: 30px;
}
.joinLi p {
font-size: 16px;
}
.joinUl {
bottom: 40px;
padding: 30px 0;
}
}
@media(max-width:1368px) {
.joinIpt {
top: 27%;
}
.joinLi img {
width: 36px;
}
.joinLi span {
font-size: 26px;
}
}
/* =====================================================================校招 */
.joinSz {
width: 100%;
/* background-image: url(../images/body.png); */
background-repeat: no-repeat;
background-size: cover;
}
.joinSz_ul {
margin-bottom: 80px;
}
.joinSz_ul form {
width: 100%;
height: 58px;
display: flex;
flex: auto;
}
.joinSz_li {
width: 15%;
margin-right: 1.5%;
}
.joinSz_li:nth-child(5) {
width: 22.5%;
}
.joinSz_a {
width: 10%;
height: 100%;
line-height: 58px;
padding: 0 20px;
border-radius: 4px;
background: #004cac;
color: #fff;
text-align: center;
font-size: 16px;
letter-spacing: 5px;
}
.joinSz_li input {
width: 100%;
height: 100%;
border: 1px solid #cccccc;
border-radius: 4px;
padding: 0 18px;
font-size: 16px;
letter-spacing: 2px;
background: none;
}
.joinSz_li select {
width: 100%;
border: 1px solid #cccccc;
border-radius: 4px;
padding: 0 18px;
font-size: 16px;
letter-spacing: 2px;
background: none;
}
.joinXz .joinSz_li select {
border-color: #d0e9fe;
}
.joinSz_li select {
width: 100%;
height: 100%;
}
/* */
.joinSz.joinXz {
background-image: url(../images/body.png);
}
.joinLc {
width: 100%;
background-image: url(../images/joinlc_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.joinLcBox {
display: flex;
flex-wrap: wrap;
}
.joinLc_item {
width: 25%;
padding: 15px;
position: relative;
}
.joinLc_item::after {
content: '';
width: 20px;
height: 14px;
background-image: url(../images/joinlc_r.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
}
.joinLc_item:nth-child(4n)::after {
display: none;
}
.joinLc_li {
padding: 64px 0;
text-align: center;
background: #fff;
border-radius: 8px;
position: relative;
}
.joinLc_li img {
width: 50px;
margin-bottom: 20px;
}
.joinLc_li span {
display: block;
font-size: 21px;
font-weight: 600;
margin-bottom: 10px;
}
.joinLc_li i {
display: inline-flex;
align-items: center;
background: #f9f9fa;
padding: 2px 20px;
border-radius: 50px;
color: #bbbbbb;
}
.joinLc_li i img {
width: 8px;
margin-bottom: 0;
opacity: .48;
}
/* */
.joinLc_xz {
background: #fff;
background-image: url(../images/joinlc_xz_bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.joinLcBox_xz .joinLc_item {
width: 20%;
padding: 15px 60px;
}
.joinLcBox_xz .joinLc_li {
background: none;
padding: 0;
}
.joinLcBox_xz .joinLc_li img {
width: 90%;
margin: 0 auto 20px;
}
.joinLcBox_xz .joinLc_item:nth-child(4n)::after {
display: block;
}
.joinLcBox_xz .joinLc_item:nth-child(6n)::after {
display: none;
}
/* */
.joinSzBox {
display: flex;
}
.joinSzL {
width: 80%;
padding-right: 5%;
border-right: 1px solid #cbcbcb;
}
.joinXz .joinSzL {
border-color: #d0e9fe;
}
.joinSzL_head {
background: #9d6e38;
padding: 0 80px;
border-radius: 8px;
overflow: hidden;
}
.joinSzL_li {
display: flex;
justify-content: space-between;
cursor: pointer;
}
.joinSzL_li span {
flex: 1;
text-align: center;
}
.joinSzL_li span:first-child {
text-align: left;
}
.joinSzL_li span:last-child {
flex: 0.4;
}
.joinSzL_head .joinSzL_li span {
display: block;
padding: 15px 0;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.joinSzL_body .joinSzL_li {
padding: 0 80px;
border-bottom: 1px solid #e6d9cb;
}
.joinXz .joinSzL_body .joinSzL_li {
border-bottom: 1px solid rgb(11 151 255 / 18%);
}
.joinSzL_body .joinSzL_li span {
font-size: 16px;
padding: 30px 0;
}
/* */
.joinSzR {
width: 20%;
padding-left: 3%;
padding-top: 15px;
}
.joinSzR h3 {
font-size: 24px;
line-height: 1;
font-weight: 600;
padding-left: 15px;
border-left: 3px solid #004cac;
margin-bottom: 25px;
}
.joinXz .joinSzR h3 {
border-color: rgb(11 151 255 / 100%);
}
.joinSzR a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 18px;
border-radius: 8px;
border: 1px solid #e6e6e6;
background: #f4fcff;
margin-bottom: 10px;
}
.joinXz .joinSzR a {
border: 1px solid rgb(11 151 255 / 20%);
background: rgb(11 151 255 / 12%);
}
.joinSzR a span {
font-size: 14px;
color: #3b2a18;
}
.joinSzR a img {
width: 14px;
height: 14px;
object-fit: contain;
}
/* */
.joinWt {
background-image: url(../images/joinwt_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.joinWtBox {
display: flex;
justify-content: space-between;
}
.joinWtItem {
width: calc(33.33% - 60px);
}
.joinWt_li {
padding: 40px 30px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
background: #fff;
margin-bottom: 30px;
}
.joinWt_li span {
display: block;
font-size: 18px;
font-weight: 600;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #cccccc;
padding-left: 55px;
position: relative;
}
.joinWt_li span i {
display: block;
width: 40px;
height: 26px;
line-height: 26px;
text-align: center;
border-radius: 30px;
font-size: 18px;
color: #fff;
background: #0d96ff;
position: absolute;
left: 0;
top: 0;
}
.joinWt_li p {
color: #666;
line-height: 2;
margin-bottom: 20px;
}
.joinWt_li p:last-child {
margin-bottom: 0;
}
.joinWt_more {
margin-top: 60px;
text-align: center;
}
.joinWt_more p {
font-size: 18px;
color: #666;
margin-bottom: 10px;
}
.joinWt_more img {
width: 16px;
animation: wup 1s linear infinite;
}
@keyframes wup {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.joinSz_ul form {
height: 45px;
}
.joinSz_a {
line-height: 45px;
}
.joinSz_ul {
margin-bottom: 60px;
}
.joinSzL_head {
padding: 0 60px;
}
.joinSzL_body .joinSzL_li {
padding: 0px 60px;
}
.joinSzL_body .joinSzL_li span {
font-size: 14px;
padding: 20px 0;
}
.joinSzR p {
padding: 10px 18px;
}
/* */
.joinLc_li span {
display: block;
font-size: 18px;
line-height: 1.4;
}
.joinWtItem {
width: calc(33.33% - 20px);
}
}
@media(max-width:1280px) {
.joinSzL_head .joinSzL_li span {
font-size: 16px;
}
.joinSzL_body .joinSzL_li span {
padding: 15px 0;
}
.joinSz_ul {
margin-bottom: 40px;
}
}
/* =====================================================================社招 */
.joinLc {
width: 100%;
background-image: url(../images/joinlc_bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.joinLcBox {
display: flex;
flex-wrap: wrap;
}
.joinLc_item {
width: 16.65%;
padding: 15px;
position: relative;
}
.joinLc_item::after {
content: '';
width: 20px;
height: 14px;
background-image: url(../images/joinlc_r.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
}
.joinLc_item:last-child::after {
display: none;
}
.joinLc_li {
padding: 64px 0;
text-align: center;
background: #fff;
border-radius: 8px;
position: relative;
transition: all .48s;
}
.joinLc_li img {
width: 50px;
margin-bottom: 20px;
}
.joinLc_li span {
display: block;
font-size: 21px;
font-weight: 600;
margin-bottom: 10px;
}
.joinLc_li i {
display: inline-flex;
align-items: center;
background: #f9f9fa;
padding: 2px 20px;
border-radius: 50px;
color: #bbbbbb;
}
.joinLc_li i img {
width: 8px;
margin-bottom: 0;
opacity: .48;
}
/* */
.joinLc_li:hover {
background: #fbf9f8;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.joinSz_ul form {
height: 45px;
}
.joinSz_a {
line-height: 45px;
}
.joinSz_ul {
margin-bottom: 60px;
}
.joinSzL_head {
padding: 0 60px;
}
.joinSzL_body .joinSzL_li {
padding: 0px 60px;
}
.joinSzL_body .joinSzL_li span {
font-size: 14px;
padding: 20px 0;
}
.joinSzR p {
padding: 10px 18px;
}
/* */
.joinLc_li {
padding: 45px 0;
}
.joinLc_li img {
width: 42px;
}
.joinLc_li span {
font-size: 18px;
}
}
/* ==================================================================================新闻 */
.conJj {
width: 100%;
background-image: url(../images/conjjimg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.conJjBox {
padding-left: 8% !important;
padding-right: 8% !important;
position: relative;
}
.conJjBox::after {
content: '';
width: 84%;
height: 1px;
border-bottom: 1px solid #f2f2f2;
position: absolute;
left: 8%;
bottom: 0;
}
.conJjText {
width: 34%;
margin-bottom: 5%;
}
.conJjText .Tit {
margin-bottom: 50px;
padding-bottom: 35px;
border-bottom: 1px solid #cedde4;
}
.conJjText .Tit::after {
content: '';
width: 22%;
height: 3px;
background: #004cac;
position: absolute;
left: 0;
bottom: -1px;
}
.conJj_li {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.conJj_liImg {
width: 60px;
height: 60px;
border-radius: 8px;
background: #004CAC;
margin-right: 15px;
}
.conJj_li img {
width: 100%;
height: 100%;
padding: 26%;
object-fit: contain;
}
.conJj_li p span {
display: block;
font-size: 21px;
font-weight: 500;
/* margin-bottom: 10px; */
}
.conJj_li p i {
font-size: 18px;
font-style: unset;
}
/* */
.conXs {
width: 100%;
/* background-image: url(../images/conxs_bg.png); */
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.conXsBox .swiper-slide {
height: auto;
padding: 10px 0;
}
.conXsItem {
height: 100%;
padding: 40px 45px;
border-radius: 8px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: all .48s;
}
.conXsItem .img2 {
display: none;
}
.conXs_tit {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 25px;
position: relative;
}
.conXs_tit span {
font-size: 21px;
line-height: 1.4;
font-weight: 500;
width: calc(100% - 65px);
}
.conXs_tit i {
display: block;
width: 45px;
height: 45px;
border-radius: 8px;
background: #fff;
}
.conXs_tit i img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 15%;
}
.conEwm{
display: none;
width: 160px;
position: absolute;
top: 0px;
right: 70px;
}
.conEwm img{
width: 100%;
}
.conXs_ul {
margin-bottom: 40px;
}
.conXs_li {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
}
.conXs_li img {
width: 18px;
margin-right: 15px;
}
.conXs_li p {
font-size: 14px;
}
/* */
.conXsBox .swiper-slide-active .conXsItem {
background: #004CAC;
}
.conXsBox .swiper-slide-active .img2 {
display: block;
}
.conXsBox .swiper-slide-active .img1 {
display: none;
}
.conXsBox .swiper-slide-active .conXs_tit span {
color: #fff;
}
.conXsBox .swiper-slide-active .conXs_li p {
color: #fff;
}
.conXsBox .swiper-slide:hover .conXsItem {
background: #004CAC;
}
.conXsBox .swiper-slide:hover .img2 {
display: block;
}
.conXsBox .swiper-slide:hover .img1 {
display: none;
}
.conXsBox .swiper-slide:hover .conXs_tit span {
color: #fff;
}
.conXsBox .swiper-slide:hover .conXs_li p {
color: #fff;
}
.conXsBox .swiper-container {
padding-bottom: 60px;
}
.conXsBox .swiper-pagination {
bottom: 0;
}
.conXsBox .swiper-pagination-bullet {
background: #004CAC;
opacity: .28;
}
.conXsBox .swiper-pagination-bullet-active {
opacity: 1;
}
/* */
.store-center {
margin-bottom: 60px;
position: relative;
}
.mapBox {
height: 640px;
}
#swiper22 {
position: absolute;
height: 580px;
opacity: 0.95;
position: absolute;
right: 15px;
top: 30px;
width: 300px;
background: rgba(255, 255, 255, 0.95);
border: none;
overflow: hidden;
}
#swiper22 .prev, #swiper22 .next {
background: #fff url(../images/img_140.png) no-repeat center center;
height: 47px;
border-bottom: 1px solid #dee0de;
transition: all 0.3s;
display: block;
width: 300px;
overflow: hidden;
cursor: pointer;
}
#swiper22 .next {
border-top: 1px solid #dee0de;
background: #fff url(../images/img_141.png) no-repeat center center;
position: absolute;
left: 0;
bottom: 0;
}
#swiper22 .swiper-slide {
width: 100%;
height: 125px;
padding: 15px 20px;
border-bottom: 1px solid #e0e0e0;
cursor: pointer;
display: inline-block;
}
#swiper22 .swiper-slide.on {
background: #fff6ea;
}
#swiper22 .swiper-map {
background: url(../images/img_139.png) no-repeat left 3px;
padding-left: 25px;
}
#swiper22 .swiper-slide h4 {
font-size: 18px;
color: #333;
line-height: 24px;
font-weight: 600;
margin-bottom: 10px;
}
#swiper22 .swiper-slide p {
margin: 0;
padding: 0;
color: #666;
font-size: 14px;
line-height: 20px;
}
#swiper22 .swiper-wrapper {
width: 100%;
/* height: 328px; */
margin: 0 auto;
position: relative;
}
.BMap_Marker div img {
display: none !important;
}
.BMap_Marker div {
background: url(../images/img_999.png) no-repeat !important;
background-size: auto 100% !important;
}
#mapTopBtn,
#mapBottBtn {
max-height: 47px;
position: relative;
z-index: 10;
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.conJjText {
width: 40%;
}
.conJjText .Tit {
margin-bottom: 30px;
padding-bottom: 30px;
}
.conJj_li {
margin-bottom: 30px;
}
.conJj_liImg {
width: 50px;
height: 50px;
}
.conJj_li p span {
font-size: 18px;
margin-bottom: 0px;
}
.conJj_li p i {
font-size: 16px;
}
}
@media(max-width:1480px) {
.conXs_tit i {
width: 36px;
height: 36px;
}
}
/* ==================================================================================商学院 */
.busJj {
position: relative;
}
.busJjBox {
display: flex;
}
.busJjText {
width: 70%;
padding-right: 5%
}
.busJjText p {
font-size: 18px;
line-height: 2;
margin-bottom: 20px;
}
.busJjImg {
width: 30%;
padding-top: 40%;
border-radius: 8px 8px 0 0;
}
/* */
.busPy {
width: 100%;
background-image: url(../images/buspy_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.busPyTop {
display: flex;
align-items: center;
justify-content: space-between;
}
.busPyTop_img {
width: 46%;
padding-top: 30%;
}
.busPyTop_text {
width: 54%;
padding-left: 5%;
}
.busPyTop_tit {
padding-bottom: 12px;
border-bottom: 1px solid #e1d7ca;
margin-bottom: 46px;
}
.busPyTop_tit span {
display: inline-block;
padding: 8px 40px;
border-radius: 8px;
color: #004cac;
font-size: 22px;
margin-right: 10px;
cursor: pointer;
}
.busPyTop_tit span.on {
color: #fff;
background: #004cac;
}
.busPyTop_xq p {
font-size: 18px;
color: #666;
line-height: 2;
}
.busPyBot {
margin-top: 40px;
}
.busPyBot_img {
padding-top: 60%;
border-radius: 8px;
}
/* */
.busTx {
width: 100%;
background-image: url(../images/bustx_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.busTx .More {
margin-top: 36px;
}
.busTx .More a {
color: #333 !important;
background: #fff !important;
}
.busTx .More a:hover::after {
display: none;
}
.busTxBox {
display: flex;
justify-content: space-between;
}
.busTx_li {
padding: 85px 0 100px;
width: calc(20% - 20px);
border-radius: 8px 8px 60px 8px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.4);
text-align: center;
}
.busTx_li i {
display: flex;
width: 90px;
height: 90px;
padding: 4%;
background: #f7f7f7;
border-radius: 50%;
margin: 0 auto 30px;
}
.busTx_li i img {
width: 100%;
height: 100%;
object-fit: contain;
}
.busTx_li span {
color: #fff;
display: block;
font-size: 24px;
font-weight: 600;
}
/* */
.busHz {
position: relative;
}
.busHzBox {
display: flex;
align-items: center;
}
.busHzText {
width: 50%;
padding-right: 8%;
}
.busHzText .Tit span {
display: block;
position: relative;
padding-bottom: 30px;
border-bottom: 1px solid #d6e0e5;
}
.busHzText .Tit span::after {
content: '';
width: 115px;
height: 3px;
background: #004cac;
position: absolute;
left: 0;
bottom: -1px;
}
.busHzText p {
font-size: 18px;
line-height: 2;
margin-bottom: 20px;
}
.busHzImg {
width: 50%;
padding-top: 32.5%;
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.busJjText p {
font-size: 16px;
margin-bottom: 15px;
}
/* */
.busPyTop_tit span {
padding: 4px 30px;
font-size: 18px;
margin-right: 5px;
}
.busPyTop_tit {
margin-bottom: 28px;
}
.busPyTop_xq p {
font-size: 16px;
}
/* */
.busTx .Tit .titP {
width: 90%;
margin: 20px auto 0;
}
.busTx_li i {
width: 80px;
height: 80px;
}
.busTx_li {
padding: 60px 0 80px;
}
.busTx_li span {
font-size: 21px;
}
/* */
.busHzText p {
font-size: 16px;
line-height: 2;
margin-bottom: 10px;
}
}
/* */
/* ==================================================================================课程体系 */
.train {
overflow: hidden;
}
.trainItem {
display: flex;
justify-content: space-between;
align-items: center;
}
.trainText {
width: 60%;
padding-right: 5%;
}
.trainItem:nth-child(2n) .trainText {
padding-right: 0;
padding-left: 5%;
}
.train_tit {
padding-bottom: 70px;
margin-bottom: 60px;
position: relative;
}
.train_tit::after {
content: '';
width: 13%;
height: 2px;
background: #333;
position: absolute;
left: 0;
bottom: 0;
}
.train_tit::before {
content: '';
width: 150%;
height: 1px;
border-bottom: 1px solid #e1e3e4;
position: absolute;
left: -20%;
bottom: 0;
}
.train_tit span {
display: block;
font-size: 36px;
line-height: 1;
font-weight: 600;
color: #333;
text-transform: uppercase;
margin-bottom: 20px;
position: relative;
transition: all .48s;
}
.train_tit span i {
position: absolute;
left: 0;
top: 50%;
transform: translate(-20%, -50%);
color: #333;
font-size: 160px;
font-family: "pmzd";
line-height: 1;
opacity: .1;
transition: all .48s;
}
.train_tit p {
font-size: 18px;
line-height: 2;
color: #333;
transition: all .48s;
}
.trainImg {
width: 40%;
padding-top: 46%;
border-radius: 160px 8px 8px 8px;
}
.trainItem:nth-child(2n) .trainImg {
order: -1;
border-radius: 8px 160px 8px 8px;
}
.train_p p {
line-height: 2;
font-size: 16px;
color: #666;
margin-bottom: 20px;
}
.train_p p b {
font-weight: 600;
font-size: 16px;
}
/* */
.trainText:hover .train_tit::after {
background: #9d6e38;
}
.trainText:hover .train_tit span {
color: #9d6e38;
}
.trainText:hover .train_tit span i {
color: #9d6e38;
}
.trainText:hover .train_tit p {
color: #9d6e38;
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.train_tit span {
font-size: 32px;
margin-bottom: 15px;
}
.train_tit p {
font-size: 16px;
}
.train_tit span i {
font-size: 115px;
}
.train_tit {
padding-bottom: 40px;
margin-bottom: 40px;
}
/* */
.train_p p {
font-size: 14px;
margin-bottom: 15px;
}
}
/* ==================================================================================员工发展 */
.deveJs {
background: #f5f6fa;
}
.deveJsImg {
width: 100%;
}
.deveJsImg img {
width: 100%;
}
/* */
.deveJy {
background-image: url(../images/devejy_bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.deveJyBox {
padding: 60px;
position: relative;
background: #faf7f4;
}
.deveJyBox .swiper-slide{
opacity: 0 !important;
}
.deveJyBox .swiper-slide-active{
opacity: 1 !important;
}
/* .deveJyBox::after {
content: '';
width: 100%;
height: 85%;
background: #faf7f4;
position: absolute;
left: 0;
bottom: 0;
} */
/* .deveJy .Tit {
position: absolute;
left: 60px;
top: 0;
} */
.deveJyBox .swiper-slide {
display: flex;
align-items: center;
justify-content: space-between;
}
.deveJyText {
width: 70%;
padding-left: 5%;
padding-right: 4%;
height: 50vh;
overflow-y: scroll;
}
.deveJy_li {
margin-bottom: 40px;
}
.deveJy_li:last-child{
margin-bottom: 0;
}
.deveJy_li span {
display: block;
font-size: 21px;
line-height: 0.9;
font-weight: 600;
padding-left: 15px;
border-left: 2px solid #004cac;
margin-bottom: 15px;
}
.deveJy_li p {
color: #666;
font-size: 16px;
margin-bottom: 10px;
}
.deveJyImgBox {
width: 30%;
}
.deveJyImg {
padding-top: 110%;
border-radius: 8px;
}
.deveJyText_div{
margin-bottom: 40px;
}
.deveJyText_div span {
display: flex;
align-items: flex-end;
font-size: 32px;
line-height: 1;
color: #004cac;
font-weight: 600;
margin-bottom: 20px;
}
.deveJyText_div span i {
color: #666;
font-size: 16px;
line-height: 1;
}
.deveJyText_div p {
font-size: 18px;
color: #666;
}
.deveJyBox .swiper-pagination {
width: auto;
position: initial;
text-align: left;
display: none;
}
.deveJyBox .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #cacaca;
margin: 0 10px !important;
}
.deveJyBox .swiper-pagination-bullet-active {
background: #9e040c;
}
/* */
.deveTx {
padding-bottom: 0 !important;
}
.deveTxBox {
position: relative;
}
.deveTxImg {
width: 100%;
padding-top: 42%;
}
.deveTxXq {
display: flex;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.deveTxItem {
flex: 1;
text-align: center;
padding: 260px 75px 100px;
transition: all .48s;
border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.deveTxItem i {
display: block;
font-size: 52px;
line-height: 1;
color: #fff;
margin-bottom: 15px;
font-family: "pmzd";
}
.deveTxItem span {
display: block;
font-size: 34px;
line-height: 1;
color: #fff;
margin-bottom: 120px;
}
.deveTxItem p {
display: block;
color: rgba(255, 255, 255, 0.6);
font-size: 18px;
line-height: 2;
}
.deveTxItem:hover {
background: #9d6e38;
}
.deveTxItem:hover p {
color: #fff;
}
/* */
.deveFl {
background-image: url(../images/devefl_bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.deveFlBox {
display: flex;
justify-content: space-between;
margin-top: 100px;
}
.deveFlItem {
text-align: center;
width: calc(25% - 20px);
position: relative;
padding: 80px 40px 108px;
border-radius: 8px;
border: 1px solid #ded7cf;
background: #f3ede8;
}
.join-money-quan {
position: absolute;
width: 80px;
height: 80px;
border: 1px solid #ded7cf;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
background-color: #f3ede8;
left: 50%;
margin-left: -40px;
top: -40px;
z-index: 10;
}
.deveFlItem .join-money-quan img {
width: 68%;
margin: 13px auto;
position: relative;
left: 0;
top: 0;
}
.deveFlItem img {
width: 80%;
position: absolute;
left: 10%;
top: 10%;
}
.deveFlItem i {
font-size: 148px;
font-weight: 600;
line-height: 0.8;
color: #ede5dd;
position: absolute;
right: 0;
bottom: 0;
font-family: "pmzd";
}
.deveFlItem span {
display: block;
font-size: 24px;
font-weight: 600;
margin-bottom: 30px;
}
.deveFlItem p {
font-size: 18px;
margin-bottom: 10px;
position: relative;
z-index: 2;
}
/* */
@media(max-width:1480px) {
.hLogo img {
width: 118px;
}
.hNav ul li a.nav_a {
font-size: 16px;
}
/* */
.deveJyImgBox p {
font-size: 16px;
}
.deveJy_li {
margin-bottom: 30px;
}
.deveJy_li span {
font-size: 18px;
padding-left: 10px;
margin-bottom: 10px;
}
.deveJyBox .swiper-pagination {
bottom: 0;
}
/* */
.deveTxItem i {
font-size: 46px;
}
.deveTxItem span {
display: block;
font-size: 26px;
margin-bottom: 60px;
}
.deveTxItem p {
font-size: 14px;
}
.deveTxItem p br {
display: none;
}
/* */
.deveFlItem span {
font-size: 21px;
margin-bottom: 20px;
}
.deveFlItem p {
font-size: 16px;
margin-bottom: 8px;
}
.deveFlItem i {
font-size: 118px;
}
.deveFlItem {
padding: 35px 35px 85px;
}
}
@media(max-width:1368px) {
.deveTxItem {
padding: 210px 60px 100px;
}
.deveTxItem span {
margin-bottom: 40px;
}
}
/* ===============================导航 */
.menu_m {
display: none;
}
.z_menu_mask {
width: 100%;
height: 100vh;
transition: ease 1s;
transform: translateY(-100%);
visibility: hidden;
position: fixed;
left: 0;
top: 0;
padding: 6% 5% 5% 6%;
box-sizing: border-box;
background: linear-gradient(#434957, #2b2f38);
/* background: url(../images/menu_mask2.jpg) no-repeat center; */
background-size: cover;
z-index: 20000;
}
.z_menu_mask.on {
opacity: 1;
visibility: visible;
transform: translateY(0%);
}
.z_menu_Logo {
position: absolute;
left: 10%;
top: 3vw;
text-align: center;
cursor: pointer;
}
.z_menu_Logo img {
width: 180px;
}
.z_menu_close {
position: absolute;
left: 3%;
top: 3.8vw;
text-align: center;
cursor: pointer;
}
.z_menu_mask .flwarp {
float: left;
}
.z_slg {
width: 12vw;
margin-bottom: 2vw;
}
.z_slg img {
width: 100%;
}
.z_slg2 {
font-size: 2.08333vw;
font-weight: bold;
color: #fff;
margin-bottom: 2.6vw;
}
.z_menu_mask .frwarp {
width: 50vw;
width: 100%;
float: right;
}
.z_flex_ul {
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: space-between;
}
.z_menu_nav dl {
display: inline-block;
width: calc(20% - 40px);
padding-top: 2vw;
border-top: 2px solid rgb(255 255 255 / 18%);
margin-bottom: 2.5vw;
position: relative;
}
.z_menu_nav dl::after {
content: '';
width: 18px;
height: 4px;
background: #fff;
border-radius: 10px;
position: absolute;
left: 0;
top: -1px;
transform: translateY(-50%);
transition: all .48s;
}
.z_menu_nav dl dt {
margin-bottom: 20px;
}
.z_menu_nav dl a {
display: block;
color: #fff;
}
.z_menu_nav dl dt a {
font-size: 21px;
font-weight: bold;
text-transform: uppercase;
}
.z_menu_nav dl dd a {
font-size: 16px;
line-height: 2;
color: rgba(255, 255, 255, .5);
}
/* */
.z_menu_copy {
color: #fff;
float: left;
line-height: 44px;
}
.bshare-custom {
float: right;
}
.bshare-custom {
font-size: 13px;
line-height: 16px !important;
}
.bshare-custom a {
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 25px;
transition: all .48s;
}
.bshare-custom a svg {
width: 22px;
height: 22px;
transition: all .48s;
}
.bshare-custom a svg path {
fill: #004CAC;
}
.bshare-custom a:hover {
background: #004CAC;
}
.bshare-custom a:hover svg path {
fill: #fff;
}
/* */
.z_menu_nav dl:hover::after {
width: 40px;
}
.z_menu_nav dl dt a:hover {
/* color: #024eac; */
color: rgba(255, 255, 255, .5);
}
.z_menu_nav dl dd a:hover {
color: #fff;
}
/* */
.z_menu_top {
margin: 4% 0;
}
.z_menu_btm {
padding-top: 2vw;
border-top: 2px solid rgb(255 255 255 / 18%);
position: relative;
}
.z_menu_btm::after {
content: '';
width: 18px;
height: 4px;
background: #004CAC;
border-radius: 10px;
position: absolute;
left: 0;
top: -1px;
transform: translateY(-50%);
}
.z_menu_btmUl {
display: flex;
justify-content: space-between;
}
.z_menu_btmLi {
width: calc(20% - 30px);
padding: 15px 20px;
background: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.z_menu_btmLi i {
color: #2b2f38;
font-size: 16px;
}
.z_menu_btmLi .icon {
position: relative;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.z_menu_btmLi .icon::before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background: #f6f6f4;
position: absolute;
left: 0;
top: 0;
}
.z_menu_btmLi .icon::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translate3d(0, 0, 0) scale(calc(4 / 40));
background: #024eac;
border-radius: 50%;
}
.z_menu_btmLi .icon svg {
position: absolute;
width: 5px;
height: 8px;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(0);
transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
z-index: 1;
}
.z_menu_btmLi .icon svg path {
fill: #fff;
}
.z_menu_btmLi:hover .icon svg {
transform: translate3d(-50%, -50%, 0px) scale(1) !important;
transition-delay: 0.2s;
}
.z_menu_btmLi .icon[data-icon-color="1"]:after {
background: #024eac;
}
.z_menu_btmLi:hover .icon:after {
transform: translate3d(0, 0, 0) scale(1) !important;
transition: transform 0.5s 0s cubic-bezier(0.43, 0.05, 0.17, 1);
transition-delay: 0s;
}
/* */
.z_menu_con {
position: absolute;
right: 5%;
top: 3vw;
}
.z_menu_con .z_menu_btmLi {
width: 200px;
padding: 8px 20px;
}
/* */
@media (max-width: 1480px) {
.z_menu_Logo img {
width: 120px;
}
.z_menu_close img {
width: 20px;
}
.z_menu_con .z_menu_btmLi {
width: 180px;
padding: 5px 15px;
}
.z_menu_btmLi i {
font-size: 14px;
}
.z_menu_btmLi .icon {
width: 30px;
height: 30px;
}
/* */
.z_menu_nav dl dt a {
font-size: 18px;
}
.z_menu_nav dl dd a {
font-size: 16px;
}
.z_menu_btmLi {
padding: 10px 15px;
}
}
@media (max-width: 1024px) {
.z_menu_mask {
overflow-y: scroll;
}
.z_menu_nav dl {
width: 100%;
margin-bottom: 30px;
}
.z_menu_btmLi {
width: calc(25% - 10px);
}
.z_menu_btmLi {
padding: 6px 15px;
}
}
@media (max-width: 680px) {
.z_menu_Logo img {
width: 88px;
}
.z_menu_Logo {
left: 5%;
top: 25px;
}
.z_menu_mask {
padding: 80px 5% 80px 5%;
}
.z_menu_con .z_menu_btmLi {
width: 120px;
padding: 4px 15px;
}
.z_menu_btmLi .icon {
width: 20px;
height: 20px;
}
.z_menu_close {
top: 25px;
left: initial;
right: 3%;
}
.z_menu_con {
top: 25px;
right: 16%;
}
.z_menu_nav dl dt {
margin-bottom: 5px;
}
.z_menu_nav dl dd a {
font-size: 14px;
}
/* */
.z_menu_btm {
padding-top: 20px;
}
.z_menu_btmUl {
flex-wrap: wrap;
}
.z_menu_btmLi {
width: calc(50% - 5px);
margin-bottom: 10px;
}
}
/* 1020 add */
@media (max-width: 1024px) {
.menu_pc {
display: none;
}
.menu_m {
display: block;
}
.z_menu_mask {
padding: 0 5% 28px;
background: #fff;
}
}
.menu_mTop {
padding: 15px 0;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.menu_mTop_logo img {
width: 88px;
}
.menu_mTop_close {
width: 28px;
height: 28px;
border-radius: 8px;
border: 1px solid #d6d3d3;
display: flex;
align-items: center;
justify-content: center;
}
.menu_mTop_close img {
width: 14px;
}
/* */
.menu_mNav li {
background: #f6f6f6;
padding: 20px 20px;
border-radius: 8px;
margin-bottom: 5px;
position: relative;
}
.menu_mNav li .menu_mA {
position: relative;
}
.menu_mNav li a span {
color: #666;
font-size: 18px;
letter-spacing: 1px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
}
.menu_mNav li .menu_mA i {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
background: #666;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 8px;
transition: all .48s;
}
.menu_mNav li .menu_mA i.on {
transform: translateY(-50%) rotate(90deg);
background: rgb(0 69 156 / 86%);
}
.menu_mNav li .menu_mA svg {
width: 16px;
height: 16px;
}
.menu_mNav li .menu_mA svg path {
fill: #fff;
}
.menu_mNav li .menu_mZk {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #ddd;
display: none;
}
.menu_mNav li .menu_mZk a {
display: block;
color: #666;
font-size: 16px;
line-height: 1.8;
}
/* join_xz 新增 */
.joinXc table tr:nth-of-type(2n){
background: #eaeaea;
}
.joinXc {
position: relative;
}
.joinLc_xzItem:first-child {
display: block;
}
.joinLc_xzItem {
display: none;
}
.squSerChange.joinChange span {
color: #0d96ff;
}
.squSerChange.joinChange span.on {
color: #fff;
background: #0d96ff;
}
.squSerChange.joinChange span:hover {
color: #fff;
background: #0d96ff;
}
.joinTd.heaTd .heaTdImg {
padding-top: 72%;
}
.squSerChange.joinChange {
margin: 30px 0 0;
}
.joinTd.heaTd .heaTdBox {
display: none;
}
.joinTd.heaTd .heaTdBox:first-child {
display: block;
}
.joinTd .abRyu_but {
top: 50%;
bottom: initial;
}
.joinTd .abRyu_but.prev {
left: -6%;
}
.joinTd .abRyu_but.next {
right: -6%;
}
.joinTd .abRyu_but:hover {
background: #0d96ff;
border-color: #0d96ff;
}
@media (max-width: 1368px) {
.joinTd .abRyu_but.prev {
left: -5%;
}
.joinTd .abRyu_but.next {
right: -5%;
}
.joinTd .abRyu_but {
width: 40px;
height: 40px;
}
}
/* ==========================================================join_info */
.hrXqBox {
background-color: #f5f5f5;
}
.hrXqBox .inner {
max-width: 1400px;
}
.div-a {
background: #fff;
padding: 30px 30px 34px;
overflow: hidden;
}
.div-a .a-top {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #f1f1f1;
}
.div-a .a-top span {
font-weight: bold;
font-size: 1.4rem;
line-height: 4rem;
margin-bottom: 1rem;
display: block;
letter-spacing: 1px;
text-align: left;
padding: 0 40px;
}
/* */
.hrXq .box-s {
padding: 0 40px 30px;
background: #fafafa;
width: 100%;
margin: 0 auto;
position: relative;
text-align: left;
}
.hrXq .box-s dl {
padding: 3% 0;
width: 100%;
border-bottom: 1px solid #e8e8e8;
overflow: hidden;
}
.hrXq .box-s dd {
float: left;
width: 18%;
color: #666;
line-height: 36px;
font-size: 13px;
}
.hrXq .box-s dd:nth-child(2) {
width: 28%;
}
.hrXq .requir {
overflow: hidden;
padding: 22px 0 42px;
width: 100%;
border-bottom: 1px solid #e8e8e8;
}
.hrXq .requir-l {
width: 48%;
float: left;
/* display: inline-block; */
}
.hrXq .requir-r {
width: 48%;
float: right;
}
.hrXq .requir h2 {
font-size: 18px;
color: #333333;
line-height: 28px;
padding-bottom: 10px;
font-weight: 500;
}
.hrXq-tip {
margin: 20px 0;
letter-spacing: 0.5px;
}
.hrXq-tip span {
color: red;
font-weight: bold;
font-size: 1rem;
line-height: 1.8rem;
margin-right: 10px;
vertical-align: sub;
}
.hrXq-tip p {
letter-spacing: 1px;
color: #666;
}
.hrXq .hrXq-a {
margin: 27px 10px 0 0;
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
background: #bc9f5f;
color: #fff;
font-size: 15px;
display: inline-block;
}
@media (max-width: 1024px) {
.div-a {
padding: 20px 30px 30px;
}
.hrXq .box-s dl {
padding: 2% 0;
}
.hrXq .box-s dd {
width: 48% !important;
}
.hrXq .requir-l,
.hrXq .requir-r {
width: 100%;
float: left;
}
}
@media (max-width: 900px) {
.hrXq .box-s dd {
width: 100% !important;
}
.hrXq .box-s {
padding: 0 20px 20px;
}
.hrXq-tip {
margin: 10px 0;
}
.hrXq .hrXq-a {
margin: 10px 5px 0 0;
width: 120px;
height: 34px;
line-height: 34px;
font-size: 12px;
}
}
@media (max-width: 680px) {
.div-a {
padding: 14px 20px;
}
}
/* */
.join-upload {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 9999;
text-align: center;
}
.join-upload-box {
position: relative;
display: inline-block;
width: 56vh;
background: rgba(255, 255, 255, 0.4);
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
padding: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.join-upload-box .join-upload-cls {
cursor: pointer;
font-weight: bold;
line-height: 1;
position: absolute;
top: -33px;
right: -33px;
font-size: 3rem;
color: #fff;
}
.join-upload-div {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
padding: 3% 6%;
text-align: center;
}
.join-upload-div input {
margin: 0 auto;
width: 60%;
}
.join-upload-div h1 {
font-size: 1.4rem;
border-bottom: 1px solid rgba(153, 153, 153, 0.28);
margin-bottom: 1rem;
font-weight: 500;
line-height: 3rem;
padding-bottom: 0.4rem;
letter-spacing: 1px;
}
.join-upload-div p {
margin-bottom: 3%;
}
.join-upload-div div {
display: inline-block;
text-align: left;
}
.join-upload-div div span {
font-size: 13px;
display: block;
line-height: 40px;
}
.join-upload-div input {
margin: 0 auto;
width: 60%;
}
.sure {
display: inline-block;
padding: 10px 20px;
background: #bc9f5f;
margin: 6% 0 3%;
color: #fff;
}
.join-upload_xq {
margin-bottom: 40px;
}
.join-upload_ipt {
width: 46%;
margin: 10px 1.5%;
}
.join-upload_ipt label i {
color: #d73b3b;
}
.join-upload_ipt input {
width: 100%;
background: none;
border: 1px solid #999;
padding: 4px 10px;
}
/* ==========================================================join_mo */
.joinMoBox {
padding: 80px;
background: #f5f5f5;
}
.w100 {
width: 100% !important;
}
.w80 {
width: 80% !important;
}
.w50 {
width: 50% !important;
}
.w20 {
width: 20% !important;
}
/* */
.radioBox input {
-webkit-appearance: none;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
border: 1px solid #c9c9c9;
outline: none;
margin-right: 22px;
cursor: pointer;
}
.radioBox input[type=checkbox]:checked {
background: url(../images/checkbox.png) no-repeat center;
background-size: 100%;
}
.radioBox input[type=radio]:checked {
background: url(../images/checkbox.png) no-repeat center;
background-size: 100%;
}
.radioBox .xuan {
width: calc(100% - 110px);
display: flex;
align-items: center;
justify-content: space-between;
}
/* */
/* .joinMo .inner {
max-width: 1400px;
} */
.joinMo_li {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
}
.joinMo_ipt {
width: 30%;
display: flex;
align-items: center;
margin-bottom: 10px;
position: relative;
}
.joinMo_ipt label {
font-size: 16px;
line-height: 1;
margin-right: 10px;
}
.joinMo_ipt input {
flex: auto;
border-bottom: 1px solid #666;
background: none;
}
.joinMo_ipt.red::after {
content: '*';
color: #ff3e4a;
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%);
}
.joinMo_li h5 {
width: 100%;
font-size: 18px;
color: #02020b;
background: #999;
padding: 2px 10px;
margin-bottom: 10px;
}
.joinMo_li .w80 {
width: 80%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.joinMo_li .w100 {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.joinMo_check {
flex: auto;
margin-right: 10px;
}
.joinMo_ipt.check input {
width: 10px;
height: 10px;
border: 1px solid #333;
margin-right: 5px;
}
/* */
.joinMo_table {
width: 100%;
}
.joinMo_table table {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
.joinMo_table table td {
border: 1px solid #666;
text-align: center;
padding: 5px 10px;
min-height: 34px;
}
.joinMo_table table td i.red {
color: #ff3e4a;
}
.joinMo_table table td span {
display: block;
min-height: 24px;
}
/* */
.joinMo_bot {
display: flex;
align-items: center;
}
.joinMo_botL {
width: 15%;
text-align: center;
}
.joinMo_botL img {
width: 100%;
}
.joinMo_botL span {
display: block;
}
.joinMo_botR {
width: 85%;
padding-left: 5%;
}
.joinMo_botR p {
font-size: 16px;
line-height: 2;
margin-bottom: 30px;
}
.joinMo_botR .joinMo_ipt {
margin-left: 70%;
}
/* */
.joinMo_li .w20 {
padding-left: 5%;
}
.joinMo_img {
width: 100%;
height: 180px;
border: 1px solid #666;
position: relative;
}
.joinMo_img p {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.joinMo_img p svg {
width: 30px;
height: 30px;
margin-bottom: 10px;
}
.joinMo_img p span {
display: block;
}
.joinMo_img input {
width: 100%;
height: 100%;
opacity: 0;
position: relative;
z-index: 2;
}
/* pc */
.joinMo_pcUl {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
background: #f9f9f9;
padding: 40px 20px;
}
.joinMo_tit {
width: 100%;
font-size: 24px;
font-weight: 600;
color: #333;
position: relative;
margin-bottom: 20px;
}
.joinMo_tit::after {
content: '';
width: 4px;
height: 20px;
background: #024eac;
position: absolute;
left: -15px;
top: 50%;
transform: translate(-50%, -50%);
}
.joinMo_pcUl:nth-child(1) {
margin-top: 0;
}
.joinMo_pcLi {
width: 25%;
padding: 10px 1%;
display: flex;
align-items: center;
}
.joinMo_pcLi label {
display: block;
width: 160px;
text-align: right;
font-size: 18px;
color: #666;
font-weight: 400;
margin-right: 20px;
position: relative;
/* margin-bottom: 5px; */
}
.joinMo_pcLi label i {
color: #ff3e4a;
position: absolute;
right: -10px;
top: 0;
}
.joinMo_pcLi .dddddd{
pointer-events: none;
color: #b4b4b4;
}
.joinMo_pcLi input,
.joinMo_pcLi textarea,
.joinMo_pcLi select {
width: calc(100% - 120px);
color: #b4b4b4;
font-size: 18px;
padding: 6px 20px;
font-weight: 400;
background: #fff;
}
.joinMo_pcLi input::placeholder {
color: #b4b4b4;
font-size: 18px;
font-weight: 400;
}
.joinMo_pcLi textarea{ height: 200px;}
.joinMo_pcLi textarea::placeholder {
color: #b4b4b4;
font-size: 18px;
font-weight: 400;
}
.joinMo_pcLi .flex {
display: flex;
align-items: center;
position: relative;
}
.joinMo_pcLi .flex input {
padding-left: 20px;
border-left: none;
position: relative;
}
.joinMo_pcLi.radioBox>div {
height: 60%;
display: flex;
align-items: center;
}
.joinMo_pcLi.radioBox>div label {
width: auto;
margin-bottom: 0;
display: flex;
align-items: center;
margin-right: 20px;
}
.joinMo_pcLi.radioBox>div label input {
margin-right: 10px;
}
.joinMo_pcA {
display: block;
width: 200px;
margin: 30px auto 0;
padding: 8px 0;
background: #014dac;
text-align: center;
color: #fff;
font-size: 18px;
letter-spacing: 5px;
border-radius: 8px;
}
/* */
@media(max-width:1680px) {
.joinMo_pcLi label {
/* width: 88px; */
font-size: 16px;
}
.joinMo_pcLi input,
.joinMo_pcLi textarea,
.joinMo_pcLi select {
font-size: 16px;
width: calc(100% - 110px);
}
.joinMo_pcLi input::placeholder {
font-size: 16px;
}
.joinMo_pcLi textarea::placeholder {
font-size: 16px;
}
/* */
.radioBox input {
width: 18px !important;
height: 18px !important;
}
}
@media(max-width:1480px) {
.joinMo_pcLi {
width: 33.33%;
}
}
@media(max-width:1368px) {
.joinMo_pcUl {
padding: 30px 40px;
}
.joinMo_tit {
font-size: 21px;
margin-bottom: 15px;
}
.joinMo_tit::after {
width: 3px;
height: 16px;
left: -10px;
}
.joinMo_pcLi label {
width: 80px;
font-size: 14px;
}
.joinMo_pcLi input,
.joinMo_pcLi textarea,
.joinMo_pcLi select {
font-size: 14px;
width: calc(100% - 100px);
}
.joinMo_pcLi input::placeholder {
font-size: 14px;
}
.joinMo_pcLi textarea::placeholder {
font-size: 14px;
}
.radioBox input {
width: 15px !important;
height: 15px !important;
}
}
@media(max-width:1280px) {
.w50 {
width: 100% !important;
}
}
@media(max-width:1024px) {
.joinMo_pcLi {
width: 50%;
}
}
@media(max-width:768px) {
.joinMo_tit {
font-size: 18px;
margin-bottom: 10px;
}
.joinMo_pcLi {
width: 100%;
padding: 6px 0%;
}
.joinMo_pcLi label {
margin-right: 15px;
}
.joinMo_pcUl {
padding: 15px 25px;
}
.joinMo_pcLi.radioBox>div {
width: calc(100% - 100px);
flex-wrap: wrap;
}
.joinMo_pcLi.radioBox>div label {
margin-right: 10px;
}
.joinMo_pcA {
font-size: 16px;
}
}
/*首页新闻*/
@keyframes consult{
0%,100%{transform:scale(1);}
50%{transform:scale(1.4);}
}
@keyframes zoombig {
0%{transform: scale(1.2,1.2);}
100%{transform: scale(1,1);}
}
@keyframes rotate {
50% {
border-radius: 38%;
transform: rotate(180deg);
} 100% {
border-radius: 45%;
transform: rotate(360deg);
}
}
@keyframes rotate1 {
50% {
border-radius: 38%;
transform: translate(-30%, 8%) rotate(180deg);
}100% {
border-radius: 45%;
transform: translate(-20%, 0%) rotate(360deg);
}
}
@keyframes rotate2 {
50% {
transform: translate(30%, 8%) rotate(180deg);
}100% {
transform: translate(20%, 0%) rotate(360deg);
}
}
.z_index_tit .en{font-size:3.125vw; font-weight: bold;color: #004CAC;line-height: 3.125vw;}
.z_index_tit h3{font-size: 1.875vw; font-weight:bold;color: #333333; line-height: 2.5vw;}
.imgbg {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: ease 1s;
}
.z_common_btn:before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,76,172,.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1s infinite}
.z_common_btn em{ color: #fff;}
.z_about_news_warp{
/* padding: 6vw 5.2vw; */
padding: 4vw 0 6vw;
box-sizing: border-box;}
.z_about_news_warp .z_index_tit{ position: relative; margin-bottom: 3vw;}
.z_about_news_warp .z_index_more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);width: 3.75vw; text-align: center; line-height: 3.75vw; color: #fff;
height:3.75vw;
background: #004CAC;
border-radius: 50%;}
.z_common_btn:before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,76,172,.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1s infinite}
.z_about_news_warp .z_index_more .iconfont{ font-size: 2vw; color: #fff;}
.z_about_news_warp .z_index_more::before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,76,172,.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1s infinite}
.z_about_news ul{ margin-left: -1%;}
.z_about_news li{ width: 24%; margin-left:1% ;float: left; position: relative; height: 27.50000vw; overflow: hidden; background: #f7f9fb;border-radius: 10px;}
.z_about_news li p{ color: #fff;}
.z_about_news li:last-child{ background: url(../images/item1_cover.jpg) no-repeat center; background-size: cover;}
.z_about_news li:last-child span{ color: #fff;}
.z_about_news li:last-child h3{ color: #fff;}
.z_about_news li:last-child .morebar{ color: #fff;}
.z_about_news li:last-child .morebar .iconfont{ color: #fff;}
.z_about_news li:last-child::after{ background: #fff;}
.z_about_news li:last-child:hover h3{ color: #fff;}
.z_about_news li:last-child:hover .morebar{ color: #fff;}
.z_about_news li a{ display: block; width: 100%; height: 100%; padding: 2vw; box-sizing: border-box;}
.z_about_news .first{ width: 49%; float: left; height: 27.50000vw;border-radius: 10px; position: relative; overflow: hidden;}
.z_about_news .first:hover .imgbg{ transform: scale(1.05,1.05);}
.z_about_news .first a{ display: block; width: 100%; height: 100%; padding: 0;}
.z_about_news .first::before{ content: ""; display: block; width: 100%; height: 100%;
/* background: rgba(0,0,0,.46); */
/* background: rgba(0,0,0,.06); */
position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none;}
.z_about_news .first .infobox{ width: 100%; position: absolute; z-index: 2; top: 0; left: 0; padding: 2vw; box-sizing: border-box; color: #fff;}
.z_about_news .first .tit{font-size: 1.25vw;font-weight: 500;line-height:1.875vw; width:50%; float: left; color: #fff;}
.z_about_news .first .timebox{ float: right;width: 64px;height: 74px;background: rgba(75, 75, 75, 0);border: 1px solid #FFFFFF;border-radius: 10px; text-align: center; color: #fff; padding-top: 5px;}
.z_about_news .first .timebox em{ display: block; font-size: 24px; color: #fff;}
.z_about_news .first .z_common_btn{width: 3.125vw; text-align: center; line-height: 3.125vw; height: 3.125vw; color: #fff; display: block; position: absolute; left: 2vw; z-index: 2; bottom: 2vw; background: #004CAC;border-radius: 50%; display: block;}
.z_about_news li span{color: #474747;}
.z_about_news li h3{font-size:1.25vw;font-weight: 500;color: #474747;line-height: 1.875vw;
/* height: 3.75vw; */
margin: 1.5vw 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.z_about_news li .btmbox{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 2vw; box-sizing: border-box;}
.z_about_news li .imgbox{ width: 100%; height: 10.9375vw; border-radius: 10px; overflow: hidden;}
.z_about_news li .morebar{ color: #666; margin-top: 2vw;}
.z_about_news li .morebar .iconfont{ float:right}
.z_about_news li:hover h3{ color: #004CAC;}
.z_about_news li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_about_news li::after{ content: ""; display: block; z-index: 1; height: 3px; width: 0; background: #004CAC; position: absolute; left: 50%; bottom: 0; transition: ease 1s;}
.z_about_news li:hover::after{ width: 100%; left: 0;}
.z_about_news .first::after{ display: none;}
.z_about_news li:hover .morebar{ color: #004CAC;}
@media screen and (max-width: 980px){
.z_index_tit .en{ font-size: 20px; line-height: 20px; margin-bottom: 4px;}
.z_index_tit h3{ font-size: 20px; line-height: 26px;}
.z_about_news_warp{
/* padding: 20px 14px; */
padding: 45px 0;
}
.z_about_news_warp .z_index_more{ width: 40px; height: 40px; line-height: 40px;}
.z_about_news_warp .z_index_tit{ margin-bottom:20px;}
.z_about_news ul{ margin-left: 0; }
.z_about_news .first{ width: 100%;height: 60vw;}
.z_about_news .first .tit{ font-size: 16px; line-height: 28px; height: 56px;}
.z_about_news .first .timebox em{ font-size: 18px;}
.z_about_news .first .timebox{ height: 54px; width: 54px; padding-top: 0px; font-size: 12px;}
.z_about_news .first .z_common_btn{ width: 40px; height: 40px; line-height: 40px; left: 15px; bottom: 15px;}
.z_about_news .first .infobox{ padding: 15px; }
.z_about_news .first .infobox .tit{width: 65%;}
.z_about_news li{ width: 100%; margin: 0;margin-top: 12px; height: auto;}
.z_about_news li .btmbox{ position: relative; padding: 0;}
.z_about_news li a{ padding: 15px;}
.z_about_news li h3{ font-size: 16px; line-height: 24px; max-height: 48px; height: auto;}
.z_about_news li p {
font-size: 14px;
}
.z_about_news li .imgbox{ border-radius: 5px; height: 40vw; margin: 10px 0;}
}
.footLink a{ position: relative;transition: all 0.6s;
-ms-transition: all 0.8s;}
.ewm{ width: 100px; height: 91px; background: url(../images/ewm_bg.png) no-repeat left center; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%);right: -110px; border-radius: 5px; padding: 0px 0px 0px 9px;}
.ewm img{ width: 100%; border-radius: 10px;}
.footLink a .ewm{ display: none;}
.footLink a:hover .ewm{ display: block; }
@media screen and (max-width: 980px){
.ewm{
top: -115px;
right: auto;
background: none;
padding: 0;
height: 100px;
left: 50%;
transform: translateX(-50%);
}
}
/*社会责任*/
.mb_20{margin-bottom:20px;}
.mb_40{margin-bottom:40px;}
.mb_60{margin-bottom:60px;}
.mb_75{margin-bottom:75px;}
.mb_85{margin-bottom:85px;}
.mb_100{margin-bottom:100px;}
.pt_20{padding-top: 20px;}
.pt_30{padding-top: 30px;}
.pt_50{padding-top: 50px;}
.pt_60{padding-top: 60px;}
.pt_75{padding-top: 75px;}
.pt_100{padding-top:100px;}
.pb_0{padding-bottom: 0px!important;}
.pb_30{padding-bottom: 30px;}
.pb_75{padding-bottom: 75px;}
.pb_60{padding-bottom: 60px;}
.pb_100{padding-bottom: 100px;}
.pb_150{padding-bottom: 150px;}
.pb_200{padding-bottom: 200px;}
.ml_15 {margin-left: 15px;}
.line_height21{line-height: 2.1}
.line_height19{line-height: 1.9}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_25{margin-top:25px;}
.mt_20{margin-top:20px;}
.mt_12{margin-top:12px;}
.mt_27{margin-top:27px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_45{margin-top:45px;}
.mt_50{margin-top:50px;}
.mt_55{margin-top:55px;}
.mt_60{margin-top:60px;}
.mt_65{margin-top:65px;}
.mt_70{margin-top:70px;}
.mt_75{margin-top:75px;}
.mt_80{margin-top:80px;}
.mt_85{margin-top:85px;}
.mt_90{margin-top:90px;}
.mt_95{margin-top:95px;}
.mt_100{margin-top:100px;}
.mt_110{margin-top:110px;}
.mt_120{margin-top:120px;}
.mt_130{margin-top:130px;}
.mt_150{margin-top:150px;}
.mt_160{margin-top:160px;}
.mt_180{margin-top:180px;}
.mt_200{margin-top:200px;}
.mt_210{margin-top:210px;}
.mt_240{margin-top:240px;}
.mt_300{margin-top:300px;}
.ml_13 {margin-left: 13px;}
.ml_25 {margin-left: 25px;}
.ml_35 {margin-left: 35px;}
.ml_70 {margin-left: 70px;}
.ml_145 {margin-left: 145px;}
@media only screen and (max-width: 1366px){
.line_height19{line-height: 1.5}
.mt_85{margin-top:65px;}
.mb_85{margin-bottom:65px;}
.mt_75{margin-top:55px;}
.mt_70{margin-top:50px;}
.mb_75{margin-bottom:55px;}
.pt_75{padding-top: 55px;}
.pb_75{padding-bottom: 55px;}
.pt_60{padding-top: 45px;}
.pb_60{padding-bottom: 45px;}
.mt_35 {
margin-top: 25px;
}
.mt_55{margin-top:50px;}
.mt_90{margin-top:70px;}
.mt_100{margin-top:80px;}
.mt_160 {margin-top:140px;}
}
@media only screen and (max-width: 1200px){
.line_height21{line-height: 1.8}
.mt_100{margin-top:70px;}
.mt_55{margin-top:40px;}
.mt_45{margin-top:35px;}
.mt_40{margin-top:30px;}
.mt_35 {
margin-top: 18px;
}
.mt_30{margin-top:20px;}
.mt_25{margin-top:20px;}
.mt_20{margin-top:15px;}
.mt_15{margin-top:10px;}
.mt_85{margin-top:45px;}
.mb_85{margin-bottom:45px;}
.mt_75{margin-top:35px;}
.mb_75{margin-bottom:35px;}
.mt_90{margin-top:50px;}
.pt_75{padding-top: 35px;}
.pb_75{padding-bottom: 35px;}
.pt_60{padding-top: 30px;}
.pb_60{padding-bottom: 30px;}
.mt_160 {margin-top:110px;}
}
@media only screen and (max-width: 1000px){
.mt_85{margin-top:30px;}
.mb_85{margin-bottom:30px;}
.mt_35 {
margin-top: 10px;
}
.mt_70{margin-top:40px;}
.mt_75{margin-top:20px;}
.mb_75{margin-bottom:20px;}
.pt_75{padding-top: 20px;}
.pb_75{padding-bottom: 20px;}
.pt_60{padding-top: 20px;}
.pb_60{padding-bottom: 20px;}
.mt_30{margin-top:15px;}
.mt_25{margin-top:15px;}
.mt_90{margin-top:20px;}
.mt_100{margin-top:50px;}
.mt_160 {margin-top:80px;}
}
@media only screen and (max-width: 767px){
.line_height21{line-height: 1.6}
.mt_50{margin-top:20px;}
.mt_55{margin-top:30px;}
.mt_45{margin-top:25px;}
.mt_40{margin-top:20px;}
.mt_30{margin-top:10px;}
.mt_70{margin-top:20px;}
.line_height19{line-height: 1.4}
.mt_25{margin-top:10px;}
.mt_20{margin-top:10px;}
.mt_15{margin-top:10px;}
.mt_35 {
margin-top: 14px;
}
.mt_100 {
margin-top:15px;
}
.mt_95 {
margin-top:15px;
}
.mt_160 {margin-top:50px;}
}
/*font-size*/
.fnt_12 { font-size:12px;}
.fnt_14 { font-size:14px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}
.fnt_42 { font-size:42px;}
.fnt_44 { font-size:44px;}
.fnt_46 { font-size:46px;}
.fnt_48 { font-size:48px;}
.fnt_50 { font-size:50px;}
.fnt_52 { font-size:52px;}
.fnt_54 { font-size:54px;}
.fnt_56 { font-size:56px;}
.fnt_58 { font-size:58px;}
.fnt_60 { font-size:60px;}
.fnt_72 { font-size:72px;}
.fnt_84 { font-size:84px;}
.fnt_90 {font-size:90px;}
.none {display: none;}
@media only screen and (max-width: 1440px) {
.fnt_22 { font-size:18px;}
.fnt_24 { font-size:20px;}
.fnt_26 { font-size:24px;}
.fnt_28 { font-size:24px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:30px;}
.fnt_34 { font-size:30px;}
.fnt_36 { font-size:32px;}
.fnt_38 { font-size:32px;}
.fnt_40 { font-size:34px;}
.fnt_42 { font-size:34px;}
.fnt_44 { font-size:34px;}
.fnt_46 { font-size:36px;}
.fnt_48 { font-size:36px;}
.fnt_50 { font-size:38px;}
.fnt_52 { font-size:38px;}
.fnt_54 { font-size:38px;}
.fnt_56 { font-size:40px;}
.fnt_58 { font-size:40px;}
.fnt_60 { font-size:42px;}
.fnt_72 { font-size:44px;}
}
@media only screen and (max-width: 1280px) {
.fnt_90 { font-size:30px;}
.fnt_20 {font-size:17px;}
}
@media only screen and (max-width: 1200px) {
.fnt_20 { font-size:16px;}
}
@media only screen and (max-width: 1024px) {
.fnt_18 { font-size:16px;}
.fnt_24 { font-size:18px;}
.fnt_26 { font-size:20px;}
.fnt_28 { font-size:20px;}
.fnt_30 { font-size:24px;}
.fnt_32 { font-size:24px;}
.fnt_34 { font-size:24px;}
.fnt_36 { font-size:26px;}
.fnt_38 { font-size:26px;}
.fnt_40 { font-size:30px;}
.fnt_42 { font-size:30px;}
.fnt_44 { font-size:30px;}
.fnt_46 { font-size:32px;}
.fnt_48 { font-size:32px;}
.fnt_50 { font-size:34px;}
.fnt_52 { font-size:34px;}
.fnt_54 { font-size:34px;}
.fnt_56 { font-size:36px;}
.fnt_58 { font-size:36px;}
.fnt_60 { font-size:38px;}
.fnt_72 { font-size:40px;}
}
@media only screen and (max-width: 920px) {
.fnt_60 { font-size:28px;}
.fnt_48 { font-size:25px;}
}
@media only screen and (max-width: 767px) {
.fnt_14 { font-size:12px;}
.fnt_16 { font-size:14px;}
.fnt_18 { font-size:14px;}
.fnt_20 { font-size:14px;}
.fnt_22 { font-size:16px;}
.fnt_24 { font-size:14px;}
.fnt_26 { font-size:18px;}
.fnt_28 { font-size:18px;}
.fnt_30 { font-size:18px;}
.fnt_32 { font-size:22px;}
.fnt_34 { font-size:22px;}
.fnt_36 { font-size:24px;}
.fnt_38 { font-size:24px;}
.fnt_40 { font-size:24px;}
.fnt_42 { font-size:24px;}
.fnt_44 { font-size:24px;}
.fnt_46 { font-size:24px;}
.fnt_48 { font-size:26px;}
.fnt_50 { font-size:26px;}
.fnt_52 { font-size:26px;}
.fnt_54 { font-size:28px;}
.fnt_56 { font-size:28px;}
.fnt_58 { font-size:28px;}
.fnt_60 { font-size:25px;}
.fnt_72 { font-size:32px;}
}
@media only screen and (max-width: 767px) {
.fnt_48 { font-size:14px;}
}
@media only screen and (max-width: 670px) {
.fnt_60 { font-size:19px;}
}
@media only screen and (max-width: 350px) {
}
/* .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } */
.cl{ clear: both; height: 0; overflow: hidden;}
.fz_area { max-width: 1920px; margin: 0 auto; /*position:relative;*/ overflow: hidden;}
.fz_left {
float:left;width: 50%;position:relative;
overflow: hidden;
height: 0;
padding-bottom: 37.5%;
/* padding-bottom: 48.5%; */
}
.fz_left img {
position: relative;
width: 100%;
/* height: 100%;
object-fit: cover; */
transform:scale(1.1);
-webkit-transform:scale(1.1);
-webkit-transition:all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.fz_left img:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.fz_text {position: absolute;bottom:12%;left:5.5%;color: #fff;width:46%;}
.fz_text h1 {float: left;width:100%;left: 20px;position: relative; color: #fff;}
.fz_text p {float: left;width:100%;left: 20px;position: relative; color: #fff;}
.fz_text a {text-decoration: none;color: #fff;}
.fz_text .fz_more {float:left;position: relative;bottom:0px;background: url(../images/prc_j.png) no-repeat;width: 18px;height: 18px; margin-left: 20px;}
.fz_text .fz_more:hover {
}
.fz_right {float:right;width: 50%;overflow: hidden;}
.fz_r_top {
position: relative;
overflow: hidden;
height: 0;
padding-bottom: 48.5%;
}
.fz_r_top img {
width: 100%;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition:all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
/* .fz_r_top img:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
} */
.fz_rt_con {position: absolute; left:11%;width: 45%; top: 50%; transform: translateY(-50%);}
.fz_rt_con h1 {color: #fff;position: relative; }
.fz_rt_con ul {width:90%;}
.fz_rt_con ul li {
width: 100%;
color: #fff;float: left; position: relative;top: 10px;
}
.fz_rt_con ul li.mt_35 {
margin-top: 20px;
}
.fz_rt_con ul li span {float: left;width:100%;font-family: arial; color: #fff;}
.fz_rt_con ul li a {
float: left;width:100%;color: #fff;
-webkit-line-clamp:2;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
line-height:1.5;
height:3em;
}
.fz_rt_con ul li a:hover {
position: relative;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition:all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.fz_rt_con .gg_more {float: left;color: #fff;position: relative; }
.fz_rt_con .gg_more span{
background: #fff;
width: 0px;
height: 2px;
position: absolute;
bottom: -4px;
left: 0;
-webkit-transition:width 0.5s ease-out;
-moz-transition:width 0.5s ease-out;
-o-transition:width 0.5s ease-out;
-ms-transition:width 0.5s ease-out;
transition: width 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.fz_rt_con .gg_more:hover > span{
width:100%;
}
/* .fz_r_bot {position:relative;height:300px;background:#daedef;}
.fz_r_bot h1 {color:#acc9d9;top:-10px;position: relative; }
.fz_r_bot img {
width: 100%;
position: absolute;
bottom:-40px;
z-index:99;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition:all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
} */
.fz_r_bot {
position: relative;
overflow: hidden;
height: 0;
padding-bottom: 26.5%;
}
.fz_r_bot img {
width: 100%;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition:all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
/* .fz_r_bot img:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
} */
@media only screen and (max-width: 1758px) {
.fz_rt_con ul li a.fnt_20 {
font-size: 16px;
}
.fz_rt_con .gg_more.mt_25 {
margin-top: 10px;
}
}
@media only screen and (max-width: 1565px) {
.fz_rt_con ul li.mt_35{
margin-top: 20px;
}
.fz_rt_con ul li .mt_12 {
margin-top: 3px;
}
}
@media only screen and (max-width: 1392px) {
.fz_rt_con ul li a.fnt_20 {
font-size: 14px;
}
}
@media only screen and (max-width: 1370px) {
.fz_text h1.fnt_48 {
font-size: 32px;
}
}
@media only screen and (max-width: 1366px) {
.fz_rt_con ul li.mt_35 {
margin-top:10px;
}
.section {
height:auto!important;
}
#section2 .bx-wrapper .bx-viewport {
height:auto!important;
}
#section2 {
height:auto!important;
}
.bx-wrapper .bx-viewport {
box-shadow:none;
border:none;
left:none;
background:none;
}
.fz_rt_con .gg_more.mt_55 {
margin-top:20px;
}
}
@media only screen and (max-width: 1280px) {
.bx-wrapper .bx-viewport {height:auto!important;left: 0;}
.fz_rt_con ul li.mt_35 {margin-top:10px;}
.fz_rt_con .mt_55 {margin-top:32px;}
.fzcon_top {
min-height: auto;
}
.fz_b_pics {
padding:0 10px 20px;
box-sizing:border-box;
}
.fz_rt_con ul .fnt_20 {
font-size: 13px;
}
}
@media only screen and (max-width: 980px){
.fz_left,.fz_right{ width: 100%;}
.fz_text{ left: 0; width: 90%;}
.fz_left{ padding-bottom: 65%;}
.fz_r_top{ padding-bottom: 75%;}
.fz_rt_con { left: 5%; width: 90%;}
.fz_r_top img {
width: 100%;
height: 290px;
object-fit: cover;}
.fz_r_bot{ padding-bottom: 40.5%;}
}
/*新闻详情*/
.gszl {
padding-top: 108px;
}
.gszl_l .hzTit {
width: 100%;
border-bottom: 1px solid #f3f3f3;
/* display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; */
padding: 0;
}
.gszl_l .hzTit span {
padding: 30px 0;
position: relative;
margin-top: 35px;
}
.gszl_l .hzTit span::after {
content: "";
width: 40%;
height: 5px;
background: #D55228;
border-radius: 25px;
position: absolute;
left: 0;
bottom: -2px;
}
.gszl .hzTit a img {
width: 16px;
margin-left: 20px;
}
.gszl_xq {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 45px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gszl_l {
width: -webkit-calc(100% - 514px);
width: -moz-calc(100% - 514px);
width: calc(100% - 514px);
border-right: 1px solid #f3f3f3;
padding-right: 5%;
}
.gszl_l ul {
margin-top: 20px;
}
.gszl_l ul li {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 20px;
border-bottom: 1px solid #f3f3f3;
position: relative;
}
.gszl_l ul li img {
width: 30px;
height: 30px;
position: absolute;
right: 2%;
top: 35%;
}
.gszl_time {
text-align: center;
font-size: 12px;
}
.gszl_time b {
font-size: 30px;
line-height: 1.2;
}
.gszl_text {
margin-left: 5%;
font-size: 16px;
}
.gszl_text p:first-child {
font-weight: 600;
}
.gszl_l_gg {
text-align: center;
padding: 20px 0;
color: #e0e0e0;
}
.
.gpxx {
padding: 40px 50px;
background: #d55228;
color: #fff;
}
.gpxx .hzTit {
width: 100%;
color: #fff;
padding: 0;
}
.gpTit {
padding-top: 5%;
padding-bottom: 2%;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.gpTit span {
font-size: 24px;
}
.gpZhishu {
padding: 4% 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.gpZhishu>div {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10% 0;
position: relative;
}
.gpZhishu p {
margin-right: 30%;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
}
.gpZhishu p img {
width: 20px;
position: absolute;
right: 0%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.gpZhishu p b {
font-size: 26px;
}
.gpTime {
padding: 10px 0 20px;
}
.gpbt {
margin-top: 5%;
}
.gpbt p {}
.gpbt p b {
color: #D55228;
position: relative;
padding: 0 10px;
}
.gpbt p b::after {
content: "";
width: 4px;
height: 60%;
background: #D55228;
border-radius: 50px;
position: absolute;
left: 0;
top: 20%;
}
.gszl_img {
max-width: 100%;
}
.newsDet_con {
border-bottom: 1px solid #eeeeee;
padding: 40px 10px 28px;
}
/*.newsDet_con>p {*/
/* text-indent: 2em; */
/* text-align: left;*/
/* font-size: 15px;*/
/* color: #666;*/
/* letter-spacing: 0.5px;*/
/* line-height: 36px;*/
/*}*/
.newsDet_con div.one {
width: 100%;
}
.newsDet_con div img {
max-width: 72%;
display: inline-block;
}
@media (max-width:1200px) {
.gszl_xq .gszl_r {
display: none !important;
}
.gszl_xq .gszl_l{
width:100% !important;
}
}
@media (max-width:1024px) {
.newsDet_con>p {
font-size: 14px;
}
.newsDet_con div img {
max-width: 100%;
}
}
@media (max-width:768px) {
.gszl_l{ border-right: 0; padding-right: 0;}
.newsDet_con>p {
line-height: 32px;
letter-spacing: 0.5px;
}
.newsDet_con div {
width: 100%;
margin: 20px 0 0;
}
}
@media (max-width:480px) {
.newsDet_con>p {
line-height: 30px;
}
}
.cd-target__box span {
font-size: 20px;
line-height: 1.4;
color: #111;
display: block;
margin-bottom: 25px;
margin-top: 40px;
}
.cd-target__list li {
margin-bottom: 30px;
-webkit-transition: all .4s;
-o-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
overflow: hidden;
}
.cd-target__list a {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: color .4s;
-o-transition: color .4s;
-moz-transition: color .4s;
transition: color .4s;
font-size: 15px;
line-height: 1.8;
color: rgba(17, 17, 17, 0.8);
overflow: hidden;
}
.pro_show .cd-target__list a{ display: block;}
.cd-target__list a span {
width: -webkit-calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: calc(100% - 160px);
height: 54px;
display: block;
font-size: 15px;
line-height: 1.8;
color: rgba(17, 17, 17, 0.8);
margin-top: 10px;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.pro_show .cd-target__list a span{ width: 100%; height: auto;}
.cd-target__list li .img {
position: relative;
width: 140px;
height: 80px;
margin-right: 20px;
}
.pro_show .cd-target__list li .img{ width: 100%; height: auto;}
.cd-target__list a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.pro_show .cd-target__list a img{ position: unset; height: auto;}
/* img{
max-width: 100%;
} */
.gszl_xq .gszl_r {
width: 300px;
}
.gszl_xq .gszl_l{
width: -webkit-calc(100% - 400px);
width: -moz-calc(100% - 400px);
width: calc(100% - 350px);
}
.gszl_l .hzTit span{
color: #333;
font-size: 30px;
}
.gszl_l .hzTit span::after {
content: "";
width: 0;
height: 0;
background: #D55228;
border-radius: 25px;
position: absolute;
left: 0;
bottom: -2px;
}
@media (max-width: 768px){
.gszl_l .hzTit span{ font-size: 22px;
line-height: 28px;}
}
/*投资者*/
.news-item{ margin-top: 20px;}
.news-item li{margin-bottom:30px;}
.news-item li a{display:block; background:#f9f9f9; overflow:hidden;
-webkit-transition:all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news-item li .img{width:345px; height:255px; overflow:hidden;}
.news-item li .text{ /*width:calc(100% - 345px);*/ float:left; padding:2.6vw; width: 100%;}
.news-item li .text div{ width: 100%;}
.news-item li .ccont{margin-top:20px;}
.news-item li .time{margin-top:30px; position: relative;}
.news-item li .time i{display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:50%; background:#014dac; color:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%); font-weight:normal;}
.news-item li a:hover .l-imgs{transform:scale(1.1);}
.news-item li a:hover{color:#004CAC; background: #fff;
box-shadow: 0 0 10px #eaeff5;
-webkit-transition:all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news-more{display:block; height:80px; line-height:80px; background:#E8E8E8; display:flex; align-items:center; padding:0 5.729166666666666vw;}
.news-more:hover{ background:#004CAC; color: #fff;}
.news-more i{margin-left:20px; font-size:20px;}
.l-font18{font-size:18px;}
.l-font24{font-size:24px;}
@media screen and (max-width: 1024px){
.l-font18{font-size:16px;}
.l-font24{font-size:18px;}
.news-item li .text{ padding: 5.6vw;}
.news-item li .time i{ width: 30px; height: 30px;}
}
@media screen and (max-width: 768px){
.news-item{ margin-top: 0;}
}
/*招聘*/
.join-content{ width: 100%; }
.join-content .title-box{}
.join-content .title-box .tit{font-size:34px;color:#014dac;line-height:1;padding-bottom:20px;position:relative;}
.join-content .title-box .tit:before{content:'';position:absolute;left:0;bottom:0;height:3px;width:45px;background:#014dac; z-index: 9;}
.join-content .title-box .search-box{font-size:16px;}
.join-content .title-box .search-box .list{float:left;padding:0px 10px;}
.join-content .title-box .search-box .list:first-child{padding-left:0;}
.join-content .title-box .search-box .list:last-child{padding-right:0;}
.join-content .title-box .search-box .list .box{position:relative;background: #f9f9f9;}
.join-content .title-box .search-box .list .box select{width:175px;height:60px;border:none;outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none;padding:0px 20px;background:#fff url(../images/icon-select.png) no-repeat right center;}
.join-content .title-box .search-box .list .box select::-ms-expand{display:none;}
.join-content .title-box .search-box .list .box input{height:60px;}
.join-content .title-box .search-box .list .box .input{padding:0px 20px;width:300px; background: #f9f9f9; font-size: 16px;}
.join-content .title-box .search-box .list .box .btn{position:absolute;width:60px;background:url(../images/icon-search3.png) no-repeat center center;cursor:pointer;right:0;top:0;z-index:0;}
@media (max-width: 1660px) {
.join-content .title-box .tit{
font-size: 22px;
line-height: 1.6;
}
}
@media (max-width: 1520px) {
.join-content .title-box .tit{
width: 150px;
line-height: 1;
}
.join-content .title-box .search-box .list .box .input{
width: 240px;
}
}
.join-content .table{ font-size:16px;
/* margin:75px 0; */
margin: 40px 0 0;
z-index: 0;
position: relative;
}
.join-content .table .list{padding:22px 20px;background:#fff;overflow:hidden;
/* margin-top:30px; */
cursor:pointer;color:#666;
border-bottom: 1px #f2f2f2 solid;
}
.join-content .table .list .item{float:left;text-align:center;margin-top:10px;}
.join-content .table .list .item.tleft{text-align:left;}
.join-content .table .list .item.zw{width:25%;}
.join-content .table .list .item.add{width:12%;}
.join-content .table .list .item.xl{width:16%;}
.join-content .table .list .item.num{width:12%;}
.join-content .table .list .item.time{width:12%;}
.join-content .table .list .item.place{width:15%;}
.join-content .table .list .item.op{width:8%;margin-top:0;}
.join-content .table .list .item.op i{width:45px;height:45px;border-radius:100%;border:1px solid #eee;margin:0 auto;display:block;background:url(../images/join-icon01.png) no-repeat center center;}
.join-content .table .list.head{background:#004cac;color:#fff;cursor:inherit;line-height:36px;}
.join-content .table .contxt{background:#fff;padding:40px;margin-top:10px;display:none;border-bottom: 1px #f2f2f2 solid;}
.join-content .table .contxt .txt{line-height:32px;color:#555;/*padding-bottom:39px;border-bottom:1px solid #ddd;*/}
.join-content .table .contxt .txt p{ font-size: 16px; line-height: 30px;}
.join-content .table .contxt ul{text-align:center;margin-top:40px;}
.join-content .table .contxt ul li{width:25%;float:left;position:relative;}
.join-content .table .contxt ul li:before{content:'';position:absolute;height:90px;background:#ddd;width:1px;right:0;top:0;}
.join-content .table .contxt ul li:last-child:before{display:none !important;}
.join-content .table .contxt ul li .icon{height:70px;}
.join-content .table .contxt ul li .icon img{margin:0 auto;}
.join-content .table .contxt ul li .t{line-height:24px;}
.join-content .table .contxt ul li a{display:block;max-width:180px;height:50px;line-height:50px;color:#fff;background:#014dac;border-radius:5px;/*margin:0 auto;margin-top:15px;*/ font-size: 18px;}
.join-content .table .list.on{ /*background:#e16108; color:#fff;*/
background: #f9f9f9;
border-bottom: 1px #f9f9f9 solid;
/* box-shadow: 0px 0px 10px #000; */
}
/* .join-content .table .list.on .item.add{border-right:1px solid #fff;}
.join-content .table .list.on .item.xl{border-right:1px solid #fff;}
.join-content .table .list.on .item.num{border-right:1px solid #fff;} */
.join-content .table .list.on .item.op i{ border:1px solid #e8e8e8; background:url(../images/join-icon01-h.png) no-repeat center center;}
@media screen and (max-width:1025px) {
.join-content{padding:30px 0;}
.join-content .title-box .tit,
.join-content .title-box .search-box{width:100%;float:none;overflow:hidden;}
.join-content .title-box .tit{font-size:18px;padding-bottom:15px;}
.join-content .title-box .search-box{margin-top:20px;font-size:14px;}
.join-content .title-box .search-box .list{width:30%;padding:0px 7.5px;}
.join-content .title-box .search-box .list:last-child{width:40%;}
.join-content .title-box .search-box .list .box select{width:100%;height:40px;padding:0px 15px;}
.join-content .title-box .search-box .list .box input{height:40px;}
.join-content .title-box .search-box .list .box .input{width:100%;}
.join-content .title-box .search-box .list .box .btn{width:40px;}
.join-content .table{
margin-top:0px;
font-size:14px;
/* margin-bottom:30px; */
}
.join-content .table .list{padding:10px 5px;
/* margin-top:10px; */
}
.join-content .table .list.head{line-height:inherit;}
.join-content .table .list .item{margin-top:6px; font-size: 12px;}
.join-content .table .list .item.add,
.join-content .table .list .item.xl,
.join-content .table .list .item.time{display:none;}
.join-content .table .list .item.zw{width:80%;}
.join-content .table .list .item.num{border-right:none;width:30%; }
.join-content .table .list .item.op{width:20%;}
.join-content .table .list .item.op i{width:30px;height:30px;}
.join-content .table .contxt{padding:15px;}
.join-content .table .contxt .txt{line-height:20px;padding-bottom:20px;}
.join-content .table .contxt ul{margin-top:5px;}
.join-content .table .contxt ul li{width:100%;padding:10px 15px;float:none;overflow:hidden;}
.join-content .table .contxt ul li:last-child{padding:10px 0;}
.join-content .table .contxt ul li:before{bottom:0;width:100%;height:1px;top:auto;}
.join-content .table .contxt ul li .icon{height:auto;float:left;}
.join-content .table .contxt ul li .icon img{width:25px;}
.join-content .table .contxt ul li .t{margin-left:50px;text-align:left;line-height:20px;}
.join-content .table .contxt ul li a{width:100%;max-width:inherit;height:35px;line-height:35px;}
}
@media screen and (max-width: 768px){
.join-content{ padding: 0;}
}
@media screen and (max-width:640px) {
.join-content .title-box .search-box .list{ width:100% !important; padding:0; /*margin-top:5px;*/}
}
/* select */
.select{position:relative;float:left;margin:0 10px;z-index:1;}
.select dt{
width: auto;
height: 60px;
display: inline-block;
background: #f9f9f9 url(../images/icon-select.png) no-repeat right center;
line-height: 60px;
padding-left: 20px;
cursor: pointer;
padding-right: 70px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
z-index: 0;
}
.select dt:hover,.select dt.cur{/*border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;*/}
.select dd{position:absolute;left:0;top:60px;border:1px solid #f9f9f9;background:#fff;display:none; z-index: 9999;}
.select dd ul{padding:0;width:175px;max-height:250px;overflow:auto;}
.select dd ul li a{ line-height:28px; display:block; padding: 0 20px; font-size: 16px;}
.select dd ul li a:hover{ background:#014dac; color: #fff;}
@media screen and (max-width: 768px){
.select{ width: 100%; margin:0;}
.select dt{ width: 100%; height: 40px; line-height: 40px;}
.select dd{ top: 40px; width: 100%;}
.join-content .title-box .search-box{ overflow: inherit;}
}
/*技术支持*/
.tech-support{ }
.tech-support-info{width: 100%;}
.tech-support-info .text{align-items: center;color: #00873b;margin-top: 14px;}
.tech-support-info .text:first-child{margin-top: 0;}
.tech-support-info img{ float: left;}
.tech-support-info .text p{ font-size: 22px;
margin-left: 40px;}
.tech-support-list{width: 100%;margin-top: 50px;}
.tech-support-list ul{margin: 0 auto;}
.tech-support-list li{ /*width: calc(33.3333% - 40px);*/ width: 31.333%; background: #f7f7f7;display: flex;flex-direction: column;justify-content: center;transition: all .6s ease;padding: 0 4%;height: 252px; float: left; margin-right: 3%;}
.tech-support-list li:nth-child(3n){ margin-right: 0;}
.tech-support-list li .icon{display: flex;align-items: center;width: 100%;height: 64px;position: relative;margin-bottom: 24px;}
.tech-support-list li .icon img{position: absolute;transition: all .4s ease;top: 0;left: 0;}
.tech-support-list li .icon img.s{opacity: 1;}
.tech-support-list li .icon img.h{opacity: 0;}
.tech-support-list li .name{color: #014dac;line-height: 1.1;margin-bottom: 8px;transition: all .4s ease;width: 100%; font-size: 22px;}
.tech-support-list li .text{line-height: 20px;min-height: 40px;color: #777;transition: all .4s ease;width: 100%; font-size: 16px;}
.tech-support-list li:hover{background: #014dac;}
.tech-support-list li:hover .icon img.s{opacity: 0;}
.tech-support-list li:hover .icon img.h{opacity: 1;}
.tech-support-list li:hover .name{color: #fff;}
.tech-support-list li:hover .text{color: #fff;}
@media screen and (max-width:768px){
.tech-support{ }
.tech-support-list{ margin-top: 30px;}
.tech-support-list li{ width: 100%; margin-right: 0; margin-bottom: 30px; padding: 0 10%;height: 200px;}
.tech-support-list li:last-child{ margin-bottom: 0;}
.tech-support-list li .name{ font-size: 20px;}
.tech-support-list li .text{ min-height: auto;}
}
/*意见反馈*/
/*.contact-a{ width: 80%; margin: 0 auto;}*/
.contact-a { padding: 0 10vw;}
.contact-a-item{padding:80px 0;}
/* .contact-a-item li{padding-left:4.2vw;} */
.contact-a-item li i{display:flex; align-items:center; justify-content:center; width:82px; height:82px; border-radius:50%; border:1px solid #109f41; color:#109f41; font-size:32px; float:left; margin-right:25px;}
.contact-a-item li .text{padding-top:10px;}
.contact-message{
/* margin-top: 90px; */
background:url(../images/message_bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.message-l{width:100%;
/*padding-left:10vw; padding-right:10vw;*/
}
.message-r{width:50%; position:absolute; right:0; top:0; height:100%;}
/* .message-submit{margin-left:-20px;} */
.message-submit li{margin-bottom:40px; /*padding-left:20px;*/border-bottom: 1px solid #f2f2f2;width: 48%;
float: left;margin-right: 4%;}
.message-submit li:nth-child(2n){ margin-right: 0;}
.message-submit li:nth-child(5){ width: 100%;}
.message-submit li:last-child{ border: none; width: 100%;
margin-bottom: 0;
margin-top: 20px;
}
.message-submit li input{ width: 100%; border:none; padding:0; height:60px; line-height:60px; }
.message-submit li textarea{ width: 100%; border:none; padding:0; height:60px; line-height:60px; }
.message-submit li input::-webkit-input-placeholder{ /* 使用webkit内核的浏览器 */
color: #ccc;
}
.message-submit li input:-moz-placeholder{ /* Firefox版本4-18 */
color: #ccc;
}
.message-submit li input::-moz-placeholder{ /* Firefox版本19+ */
color: #ccc;
}
.message-submit li input:-ms-input-placeholder{ /* IE浏览器 */
color: #ccc;
}
.message-submit li textarea::-webkit-input-placeholder{ /* 使用webkit内核的浏览器 */
color: #ccc;
}
.message-submit li textarea:-moz-placeholder{ /* Firefox版本4-18 */
color: #ccc;
}
.message-submit li textarea::-moz-placeholder{ /* Firefox版本19+ */
color: #ccc;
}
.message-submit li textarea:-ms-input-placeholder{ /* IE浏览器 */
color: #ccc;
}
.message-submit li h3{ font-size: 18px;}
.message-submit li .ljSub{ /*display:flex; align-items:center; justify-content:center;*/ display: block; line-height: 60px; text-align: center;
height:60px; font-size:24px; background:#014dac; color:#fff; border-radius:80px; width: 25%;
margin: 0 auto;}
.contact-a-item li:nth-child(2){animation-delay:.1s;}
.contact-a-item li:nth-child(3){animation-delay:.2s;}
@media screen and (max-width: 1600px){
.other-pro{background-color:#fbfbfb; padding: 80px 5vw;}
.contact-a { padding: 0 5vw;}
.message-l{ padding-left: 5vw;
padding-right: 5vw;}
}
@media screen and (max-width: 768px){
.message-submit li{ width: 100%; margin-bottom: 25px; }
.message-submit li:last-child{ margin-top: 0;}
.message-submit li input{ height: 45px; line-height: 45px;}
.message-submit li textarea{ height: 45px; line-height: 45px;}
.message-submit li a{ font-size: 18px; width: 60%; height: 45px; line-height: 45px;}
}
/*关于我们滚动条*/
.about_jj{ overflow-y:auto; overflow-x:hidden; padding-right: 20px;}
.about_content{ height:26vw;}
@media screen and (max-width: 1024px){
.about_jj{ width: 100%;overflow-y:auto; overflow-x:auto; padding-right: 0}
.about_content{ height:auto;}
}
.about_jj::-webkit-scrollbar-button{ display: none;}
.about_jj::-webkit-scrollbar{ width: 3px;}
.about_jj::-webkit-scrollbar-track{ background-color: #f2f2f2; border-radius: 50px; box-shadow: none;}
.about_jj::-webkit-scrollbar-thumb{
border-radius:50px;
background-color: #004cac;
box-shadow: none;
}