* {
margin: 0;
padding: 0;
}
html {
font-size: 100px;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
html {
overflow-y: scroll;
}
/* @font-face { font-family: "mm"; src: url("../font/HarmonyOS_Sans_SC_Medium.ttf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "bb"; src: url("../font/HarmonyOS_Sans_SC_Bold.ttf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "ll"; src: url("../font/HarmonyOS_Sans_SC_Light.ttf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "rr"; src: url("../font/HarmonyOS_Sans_SC_Regular.ttf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "MM"; src: url("../font/MM-Medium.ttf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "BB"; src: url("../font/MM-Bold.ttf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "LL"; src: url("../font/MM-Light.ttf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "RR"; src: url("../font/MM-Regular.ttf") format("opentype"); font-weight: normal; font-style: normal; } */
@font-face { font-family: "ll"; src: local("Microsoft YaHei UI Light"),local("Arial") format('truetype'), local("sans-serif"); font-weight: lighter; font-style: normal; }
@font-face { font-family: "rr"; src: local("Microsoft YaHei UI"),local("Arial") format('truetype'), local("sans-serif"); font-weight: normal; font-style: normal; }
@font-face { font-family: "bb"; src: local("Microsoft YaHei UI Bold"),local("Arial") format('truetype'), local("sans-serif"); font-weight: bolder; font-style: normal; }
h1,h2,h3,h4,h5,h6,.baseTitle{
font-family: mm ;
}
p,div,input[type="text"],input[type="button"],textarea{
font-family: ll;
}
:root {
overflow-y: auto;
overflow-x: hidden;
}
:root body {
position: absolute;
}
body {
width: 100vw;
}
body {
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei",
"Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
color: #333;
font-size: 12px;
}
/* 去除列表默认样式 */
ul,
ol {
list-style: none;
}
input {
outline: none;
}
em,
i {
font-style: normal;
}
a {
text-decoration: none;
color: #333;
}
a:link {
text-decoration: none !important;
}
a:visited {
text-decoration: none !important;
}
/* a:hover {
color: #333;
text-decoration: none !important;
} */
a:active {
text-decoration: none !important;
}
a:focus {
text-decoration: none !important;
}
a {
-webkit-tap-highlight-color: transparent
}
;
img {
vertical-align: middle;
}
.sbox {
width: 100%;
}
.w100 {
width: 100vw !important;
}
.h100 {
height: 100vh !important;
}
.shinav {
width: 15rem;
height: .35rem;
/* margin-top: 2.9rem; */
position: absolute;
bottom: 100px;
display: flex;
/* justify-content: center; */
/* left: 50%;
transform: translateX(-50%); */
left: 1.66rem;
}
.shinav a{
display: inline-block;
flex: 1;
/* max-width: 33.3%;
min-width: 17%; */
margin-left: .33rem;
}
.shinavlist {
width: 100%;
color: #FFFFFF;
cursor: pointer;
font-family: ll;
font-size: .18rem;
font-weight: 500;
line-height: .21rem;
letter-spacing: 0em;
text-align: left;
}
.shinavlist:hover i {
background: #020C4F;
}
.current .shinavlist i{
background: #020C4F !important;
}
.shinavlist i {
display: inline-block;
width: 100%;
height: .01rem;
margin-top: .22rem;
opacity: 0.5;
background: rgba(255, 255, 255, 0.5);
}
/* head */
.head {
width: 100%;
height: .9rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 .36rem 0 .79rem;
position: fixed;
top: 0;
z-index: 1000;
}
.head .headtab {
flex: 1;
display: flex;
justify-content: center;
height: .9rem;
/* margin-left: 5.2rem; */
}
.head .headtab li {
/* width: 100%; */
/* text-align: left;
height: 100%; */
}
.headtab li:nth-of-type(4)
.headtab li:nth-of-type(5)
.head .headtab li a {
color: #FFFFFF;
font-family: mm;
font-size: .16rem;
font-weight: 400;
line-height: .9rem;
letter-spacing: 0em;
}
.head .loginin img:nth-of-type(1){
display: block;
}
.head .loginin img:nth-of-type(2){
display: none;
}
.head1 .loginin img:nth-of-type(1),.head2 .loginin img:nth-of-type(1){
display: none;
}
.head1 .loginin img:nth-of-type(2),.head2 .loginin img:nth-of-type(2){
display: block;
}
.headright {
display: flex;
/* width: 1.2rem !important; */
/* justify-content: space-between; */
/* margin-left: .59rem; */
align-items: center;
}
.headright>a,.loginbtn{
/* position: absolute !important; */
/* top: 50%; */
/* right: 0.2rem; */
/* transform: translateY(-50%); */
}
.headright>div {
margin-right: .32rem;
}
.headright>.yuyanqiehuan1 {
margin-right: 0;
}
.headright>a {
margin-left: .2rem;
}
.headright>.pinfo {
margin-left: .3rem;
}
.headright .loginbtn {
display: none;
}
.head .headright>a{
color: #FFFFFF;
}
.headright>div {
width: .2rem;
height: .9rem;
}
.headright img {
width: .2rem;
height: .2rem;
}
.head1 {
width: 100%;
height: .9rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 .36rem 0 .79rem;
position: fixed;
top: 0;
background-color: #FFFFFF;
z-index: 1000;
border-bottom: 1px solid #E0E0E0;
}
.head2 {
width: 100%;
height: .9rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 .36rem 0 .79rem;
position: relative;
top: 0;
background-color: #FFFFFF;
z-index: 1000;
border-bottom: 1px solid #E0E0E0;
}
.headtab li{
margin-right: .5rem;
}
.headtab li:last-of-type {
margin-right: 0;
}
.tabs-box ul li{
width: 30%;
height: .21rem;
margin-bottom: .41rem;
margin-right: 0 !important;
display: flex;
align-items: center;
}
.tabs-box ul li::before{
content: "";
display: inline-block;
width: .08rem;
height: .08rem;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
transform: rotate(-45deg);
position: relative;
left: -0.08rem;
top: -0.01rem;
}
.tabs-box ul li:hover::before{
border-bottom: 1px solid #020C4F;
border-right: 1px solid #020C4F;
}
.head1 .logo{
display: inline-block;
width: 1.0533rem;
height: .54rem;
background: url(../images/logo1.png);
background-repeat: no-repeat;
background-size: contain;
}
.head2 .logo{
display: inline-block;
width: 1.0533rem;
height: .54rem;
background: url(../images/logo1.png);
background-repeat: no-repeat;
background-size: contain;
}
.head .logo{
display: inline-block;
width: 1.0533rem;
height: .54rem;
background: url(../images/logo.png);
background-repeat: no-repeat;
background-size: contain;
}
.head .searchicon1 img:first-of-type,.head .gzherm1>img:first-of-type,.head .yuyanqiehuan1 img:first-of-type{
display: block;
}
.head .searchicon1 img:nth-of-type(2),.head .gzherm1>img:nth-of-type(2),.head .yuyanqiehuan1 img:nth-of-type(2){
display: none;
}
.head1 .searchicon1 img:first-of-type,.head1 .gzherm1>img:first-of-type,.head1 .yuyanqiehuan1 img:first-of-type{
display: none;
}
.head1 .searchicon1 img:nth-of-type(2),.head1 .gzherm1>img:nth-of-type(2),.head1 .yuyanqiehuan1 img:nth-of-type(2){
display: block;
}
.head2 .searchicon1 img:first-of-type,.head2 .gzherm1>img:first-of-type,.head2 .yuyanqiehuan1 img:first-of-type{
display: none;
}
.head2 .searchicon1 img:nth-of-type(2),.head2 .gzherm1>img:nth-of-type(2),.head2 .yuyanqiehuan1 img:nth-of-type(2){
display: block;
}
.head1 .headtab,.head2 .headtab {
flex: 1;
display: flex;
justify-content: center;
height: .9rem;
/* position: relative; */
/* margin-left: 5.2rem; */
}
.head .headtab>li,.head1 .headtab>li,.head2 .headtab>li {
/* margin-left: .5rem; */
text-align: left;
height: 100%;
}
.head1 .headtab>li a,.head2 .headtab>li a {
color: #70757C;
font-family: rr;
font-size: .18rem;
font-weight: 400;
line-height: .9rem;
letter-spacing: 0em;
}
.head .headtab>li a{
color: #FFFFFF;
font-family: rr;
font-size: .18rem;
font-weight: 400;
line-height: .9rem;
letter-spacing: 0em;
}
.head1 .headtab>li ul a,.head2 .headtab>li ul a{
line-height: .22rem;
}
/* .headright {
display: flex;
width: 1.4rem;
justify-content: space-between;
margin-left: .59rem;
} */
.headright>div {
width: .2rem;
height: .9rem;
display: flex;
align-items: center;
position: relative;
}
.headright img {
width: .2rem;
height: .2rem;
cursor: pointer;
}
.headright>div:hover {
border-bottom: .03rem solid #020C4F;
}
.headtab .current {
/* border-bottom: .03rem solid #020C4F; */
}
/* .headtab .current::after{
width: 100%;
} */
.headtab .current>a {
color: #020C4F;
}
.headtab>li::after{
content: "";
display: flex;
width: 0%;
height: .01rem ;
background-color: #020C4F;
position: relative;
top: -0.01rem;
/* transition: transform 1s ease 0s; */
}
.headtab li:hover {
/* border-bottom: .03rem solid #020C4F; */
cursor: pointer;
}
.headtab>li:hover::after{
width: 100%;
transition: width 0.5s ease-in-out;
}
.tabs-box ul li:hover{
border: none !important;
}
.tabs-box ul li:last-of-type{
margin-bottom: 0 !important;
}
.headtab li:hover>a {
color: #020C4F;
}
.headinpbtn {
display: inline-block;
width: .48rem;
height: .38rem;
background-color: #020C4F;
background-image: url(../images/search.png);
background-repeat: no-repeat;
background-position: center;
background-size: .15rem;
border-radius: 2px;
}
.headtab1 {
display: flex;
align-items: center;
}
.headtab1 input[type='text'] {
width: 5.8rem;
height: .38rem;
font-family: ll;
font-size: .16rem;
font-weight: 300;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
text-indent: .13rem;
color: #70757C;
background: #FFFFFF;
border: 1px solid #DFDFDF;
border-radius: 2px;
margin-right: .12rem;
}
.gzhkunag1 {
position: absolute;
right: -0.5rem;
bottom: -1.55rem;
width: 1.3rem;
height: 1.55rem;
}
.gzhkunag11{
background: #FFFFFF;
border-radius: 10px;display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 1.46rem;
width: 1.3rem;
position: absolute;
bottom: 0;
}
.gzhkunag1 img {
width: 1.05rem;
height: 1.05rem;
}
.gzhkunag1 p {
font-family: ll;
font-size: .14rem;
font-weight: 400;
line-height: .16rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
margin-top: .05rem;
}
.xuanyy {
position: absolute;
right: -0.4rem;
bottom: -0.8rem;
width: 1rem;
height: .8rem;
}
.xuanyy11{
width: 1rem;
height: .71rem;
background: #FFFFFF;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
position: absolute;
bottom: 0;
}
.xuanyy p {
font-family: ll;
font-size: .14rem;
font-weight: 400;
line-height: .16rem;
letter-spacing: 0em;
text-align: center;
cursor: pointer;
}
.xuanyy p a:hover {
color: #020C4F;
}
.tabs-box {
width: 100%;
/* height: 3.9rem; */
padding-bottom: .5rem;
position: absolute;
top: .9rem;
left: 0;
background-color: rgba(255, 255, 255,0.95);
padding-left: 5.2rem;
padding-top: .37rem;
display: flex;
border-bottom: 1px solid #020C4F;
}
/* .headtab li:nth-of-type(1) .tabs-box{
padding-left: 5.35rem !important;
}
.headtab li:nth-of-type(2) .tabs-box{
padding-left: 6.35rem !important;
}
.headtab li:nth-of-type(3) .tabs-box{
padding-left: 7.45rem !important;
}
.headtab li:nth-of-type(4) .tabs-box{
padding-left: 8.6rem !important;
}
.headtab li:nth-of-type(5) .tabs-box{
padding-left: 9rem !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
.headtab li:nth-of-type(6) .tabs-box{
padding-left: 11.2rem !important;
}
.headtab li:nth-of-type(7) .tabs-box{
padding-left: 12.35rem !important;
} */
.tabs-box .timgs{
width: 2.76rem;
height: 1rem;
margin-right: .45rem;
overflow: hidden;
}
.tabs-box img {
width: 2.76rem;
height: auto;
}
.tabs-box ul {
/* flex: 1; */
width: 63%;
padding-left: 0.61rem;
border-left: 0.6px solid #C1C1C1;
display: flex;
/* flex-direction: column; */
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
font-family: ll;
font-size: .18rem;
font-weight: 300;
line-height: .21rem;
letter-spacing: 0em;
text-align: left;
color: #454545;
}
/* 底部 */
.foot {
width: 100%;
/* height: 5.4rem; */
box-sizing: border-box;
padding: .89rem calc((100% - 15rem)/2) 0;
background-image: url(../images/footbg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.foottop {
/* width: 90%; */
width: 15rem;
/* height: 3.13rem; */
padding-bottom: .87rem;
border-bottom: 1px solid rgba(179,179,179, 0.5);
/* margin: 0 auto; */
box-sizing: border-box;
display: flex;
/* justify-content: space-between; */
}
.footico {
margin-right: 3.19rem;
}
.footico a {
display: flex;
width: 1.0533rem;
height: .54rem;
background: url(../images/logoo.png);
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 0.3rem;
}
.footico .smob a{
background: none;
width: auto;
font-family: ll;
font-size: .22rem;
font-weight: 300;
line-height: .26rem;
letter-spacing: 0em;
text-align: left;
color: #666666;
margin: 0;
height: auto;
padding: 0;
}
.footico .footform {
width: 3.15rem;
height: 0.38rem;
position: relative;
margin-bottom: 0.2rem;
display: flex;
align-items: center;
}
.footico .footform input[type="text"] {
width: 100%;
height: 100%;
border: 0.01rem solid #D7D7D7;
border-radius: 2px;
color: #B7B7B7;
color: #666;
font-family: ll;
font-size: .15rem;
font-style: normal;
font-weight: 300;
line-height: normal;
padding-left: 0.17rem;
background-color: transparent;
}
.footico .footform input[type="button"] {
position: absolute;
right: 0;
top: 0;
width: 0.65rem;
height: 100%;
background-color: #DAB105;
border: none;
outline: none;
color: #FFF;
font-family: rr;
font-size: .15rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.footico h6 {
color: #B7B7B7;
font-family: HarmonyOS Sans SC;
font-size: .16rem;
font-style: normal;
font-weight: 300;
line-height: 0.32rem;
width: 3.04rem;
}
.foottopleft {
/* width: 9.09rem; */
height: 2.49rem;
box-sizing: border-box;
/* border-right: 1px solid rgba(94, 94, 94, 0.4); */
display: flex;
justify-content: space-between;
color: #FFFFFF;
}
.foottopleft>li {
/* margin-right: .8rem; */
text-align: left;
width: 2.06rem;
}
.foottopleft>li:first-of-type {
width: calc(2.06rem - 2em);
}
.foottopleft>li>a{
color: #FFFFFF;
font-family: ll;
font-size: .2rem;
font-weight: 400;
line-height: .23rem;
letter-spacing: 0em;
}
.foottopleft>li>a:first-of-type{
font-family: ll;
}
.foottopleft .hengg,
.foottopright .hengg {
width: .28rem;
height: .005rem;
background-color: #5D5D5D;
margin-top: .2rem;
}
.foottopleft .hengg{
margin-bottom: .35rem;
}
.foottopleft a {
color: #E9E9E9;
}
.foottopleft a>p {
color: #B7B7B7;
font-family: ll;
font-size: .16rem;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 0.2rem;
}
.foottopleft a>p:hover {
color: #020C4F;
}
.foottopright {
/* width: 5.89rem; */
height: 2.49rem;
box-sizing: border-box;
/* padding-left: .76rem; */
display: flex;
flex: 1;
padding-top: .27rem;
}
.foottopright ol {
width: 2.58rem;
display: flex;
justify-content: space-between;
}
.foottopright a {
font-family: ll;
font-size: .2rem;
font-weight: 400;
line-height: .23rem;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
}
.lxccc {
margin-right: .68rem;
}
.lxccc h1 {
color: #333;
font-family: rr;
font-size: .2rem;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: .27rem;
}
.lxccc ul li {
display: flex;
align-items: center;
color: #999;
font-family: rr;
font-size: .16rem;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: .22rem;
cursor: pointer;
}
.lxccc ul li.active {
color: #333;
}
.lxccc ul li .icb {
width: .28rem;
height: .28rem;
margin-right: .09rem;
overflow: hidden;
}
.lxccc ul li img {
width: 100%;
height: 100%;
transition: transform 1s ease 0s ;
}
.lxccc ul li:hover img{
transform: translateY(-100%);
filter: drop-shadow(0 .28rem #020C4F);
}
.lxccc ul li.active img{
transform: translateY(-100%);
filter: drop-shadow(0 .28rem #020C4F);
}
.adressss {
flex: 1;
}
.adressss .njtab {
display: none;
}
.adressss .njtab:first-of-type {
display: flex;
}
.xingxitableft {
padding-left: .44rem;
border-left: 1px solid rgba(179,179,179, 0.5);
height: fit-content;
margin-top: .51rem;
}
.xingxitableft p:last-of-type, .xingxitableft a:last-of-type {
margin-bottom: 0;
}
.njtab {
flex: 1;
display: flex;
justify-content: space-between;
}
.xingxitableft a{
cursor: pointer;
}
.xingxitableft a:hover{
color: #020C4F;
}
.xingxitabright {
/* flex: 1; */
display: flex;
/* flex-direction: column; */
align-items: end;
margin-top: .51rem;
}
.xingxitabright>div:first-of-type {
margin-right: 0.2rem;
}
.xingxitableft h5 {
font-family: ll;
font-size: .18rem;
font-weight: 400;
line-height: normal;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
margin: .28rem 0 .18rem 0;
}
.xingxitableft p ,.xingxitableft a{
font-family: ll;
font-size: .16rem;
font-weight: 300;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #999;
margin-bottom: .19rem;
}
.xingxitabright img {
width: 1.08rem;
height: 1.08rem;
border-radius: 5px;
}
.xingxitabright p {
width: 1.08rem;
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: center;
color: #666;
margin-top: .15rem;
}
.footbtn {
width: 15rem;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
height: .685rem;
/* margin-top: .3rem; */
}.footbtnl{
color: #717773;
font-family: rr;
font-size: .14rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.footbtn a {
color: #717773;
}
.footbtn a:hover{
color: #020C4F;
}
.footbtnr {
display: flex !important;
}
.footbtnr div {
width: .32rem;
height: .32rem;
margin-left: .26rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.footbtnr div img {
width: .18rem;
height: .18rem;
}
.footbtn #bdshare{
flex-direction: row !important;
margin-top: 0 !important;
}
.footbtn #bdshare a{
border: .01rem solid #B6B6B6;
}
.footbtn #bdshare a:hover {
border: none;
}
.footbtn .tnr1 a{
width: .32rem !important;
height: .32rem !important;
background-color:transparent !important;
background-image: url(../images/wwbb.png) !important;
margin-bottom: 0 !important;
}
.footbtn .tnr2 a{
width: .32rem !important;
height: .32rem !important;
background-color:transparent !important;
background-image: url(../images/qqqq.png) !important;
margin-bottom: 0 !important;
}
.footbtn .tnr3 a{
width: .32rem !important;
height: .32rem !important;
background-color:transparent !important;
background-image: url(../images/wwxx.png) !important ;
margin-bottom: 0 !important;
}
.footbtn #bdshare a {
background-size: .18rem .18rem !important;
}
.footbtn div:hover{
border: none !important;
}
.footbtn .tnr1:hover a{
background-color: #E10412 !important;
background-image: url(../images/wwbb1.png) !important;
}
.footbtn .tnr2:hover a{
background-color: #027CFE !important;
background-image: url(../images/qqqq1.png) !important;
}
.footbtn .tnr3:hover a{
background-image: url(../images/wwxx1.png) !important ;
background-color: #10D169 !important;
}
/* mfoot */
.mfooter {
width: 100%;
height: 2.2rem;
padding: 0 .35rem;
background: #F5F5F5;
}
.mfooter ul{
width: 100%;
height: .85rem;
border-bottom: 1px solid rgba(177,178,177,0.6);
display: flex;
justify-content: space-between;
align-items: center;
}
.mfooter ul a{
font-family: ll;
font-size: .2rem;
font-weight: 400;
line-height: .23rem;
letter-spacing: 0em;
text-align: left;
color: #717773;
}
.mfooter p{
width: 100%;
text-align: center;
font-family: ll;
font-size: .22rem;
font-weight: 300;
line-height: .4rem;
letter-spacing: 0em;
text-align: center;
margin-top: .22rem;
color: #717773;
}
.mfooter p a{
font-weight: 300;
color: #717773;
font-size: .22rem;
line-height: .4rem;
}
/* mheader */
.mheader {
width: 100%;
height: 1.1rem;
display: flex;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
border-bottom: 1px solid #E0E0E0;
padding: 0 .41rem;
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
position: relative;
}
.mheader .inputs{
display: none;
position: absolute;
width: 3.2rem;
height: .6rem;
top: 50%;
left: 2.5rem;
transform: translateY(-50%);
}
.mheader .inputs input[type='text']{
width: 3.2rem;
height: .6rem;
text-indent: 2em;
font-size: .2rem;
border-radius: 50px;
background: #F0F0F0;
}
.mheader .inputs input[type='button']{
position: absolute;
width: .42rem;
height: .42rem;
background-image: url(../images/search\ \(1\).png);
background-repeat: no-repeat;
background-size: .42rem .42rem;
top: 50%;
transform: translateY(-50%);
right: .1rem;
}
.mheader img {
width: 1.0533rem;
height: .54rem;
}
.mheaderr img {
width: .44rem;
height: .44rem;
}
.search11 {
margin-right: .41rem;
}
/*手机菜单*/
.droplist { display:none; width:100%; height:100%; z-index:100; position:fixed; top:1rem; bottom:0; left:50%; margin-left:-50%; background-color:#F8F8F8; z-index: 1000;padding-top: 0.3rem;}
.droplist > ul { overflow-y:auto; padding:0 0.41rem; height:92%; }
.droplist > ul > li { cursor:pointer; }
.droplist > ul > li.nbg > a { background:none; }
.droplist > ul > li > a { color:#231815; font-family: ll;font-size: .24rem;font-weight: bold;line-height: 0.86rem;letter-spacing: 0em;text-align: left;
height:0.86rem; border-bottom:1px solid rgba(169,169,169, .2); display:block; display:block; position: relative;}
.droplist>ul>li>a.current {border-bottom:none;height: 0.75rem;color: #020C4F; }
.droplist ul li ul { display:none; border-bottom:1px solid rgba(169,169,169, .2);padding-bottom: .18rem; }
.droplist ul li ul li a { color:#767676; font-family: ll;font-size:0.22rem; line-height:0.5rem;font-weight: 300; }
.close {
position: relative;
width: .4rem;
height: .4rem;
}
.close::before,
.close::after {
position: absolute;
content: ' ';
background-color: red;
left: .2rem;
width: 1px;
height: .4rem;
}
.close::before {
transform: rotate(45deg);
}
.close::after {
transform: rotate(-45deg);
}
.mheaderr{
display: flex;
}
.plus {
width: .4rem;
height: .4rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.plus::before,
.plus::after {
content: "";
width: .2rem;
height: .02rem;
background-color: rgba(102,102,102, .6);
position: absolute;
top: .18rem;
left: .1rem;
}
.plus::after {
transform: rotate(90deg);
}
.current .plus{
display: none;
}
.current .minus{
display: block;
}
.minus {
display: none;
width: .20rem;
height: .01rem;
background-color: #020C4F;
position: absolute;
right: 0.05rem;
top: 50%;
transform: translateY(-50%);
margin-right: .05rem;
}
/* .msban */
.msban {
width: 100%;
height: 7.14rem;
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.msban p {
color: #fff;
margin: auto;
}
.mnav{
width: 100%;
height: .9rem;
/* padding: 0 .5rem 0 0.3rem; */
padding: 0 0.41rem;
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(180deg, #F0F0F0 0%, rgba(255, 255, 255, 0) 28.89%);
}
.mnav img{
width: .24rem;
height: .24rem;
}
.mnav span{
font-family: ll;
font-size: .26rem;
font-weight: 500;
line-height: .3rem;
letter-spacing: 0em;
text-align: center;
color: #373737;
transition: transform 0.5s;
}
.mnav.current img {
transform: rotate(90deg);
}
@keyframes rotate_n {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg);
}
}
.arrow-right {
width: .1rem;
height: .1rem;
border-top: .02rem solid;
border-right: .02rem solid;
border-color: #020C4F;
content: '';
position: absolute;
left: -0.02rem;
top: 42%;
transform: translateY(-50%);
transform: rotate(45deg);
}
.tiaodong{
display: inline-block;
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
background-image: url(../images/跳动箭头.png);
background-repeat: no-repeat;
background-size: auto;
background-position: center;
bottom: .34rem;
left: 50%;
transform: translateX(-50%);
-webkit-animation: arrowdown 1s ease infinite;
animation: arrowdown 1s ease infinite;
}
@keyframes arrowdown
{
0% {transform:translateY(0);}
50% {transform:translateY(30%);}
100% {transform:translateY(0);}
}
@-webkit-keyframes arrowdown
{
0% {-webkit-transform:translateY(0);}
50% {-webkit-transform:translateY(30%);}
100% {-webkit-transform:translateY(0);}
}
.msban p:first-child {
font-family: mm;
font-size: .42rem;
font-weight: 900;
line-height: .49rem;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
text-shadow: 1px 2px 14px rgba(0, 0, 0, 0.25);
color: #FFF;
font-family: ll;
font-size: .28rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 0.22rem;
}
.msban p:last-child {
font-family: mm;
font-size: .42rem;
font-weight: 900;
line-height: .49rem;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
margin-top: .06rem;
color: #FFF;
font-family: ll;
font-size: .42rem;
font-style: normal;
font-weight: 900;
line-height: normal;
}
#fy1 {
display: flex;
justify-content: center;
margin-top: .42rem;
}
#fy1 .pre {
display: inline-block;
width: .88rem;
height: .44rem;
background: #B0B0B0;
border-radius: .04rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin: 0 .27rem;
}
#fy1 a {
display: inline-block;
width: .44rem;
height: .44rem;
text-align: center;
line-height: .44rem;
background-color: #B0B0B0;
border-radius: .04rem;
color: #fff;
margin-right: .13rem;
}
#fy1 a:hover{
background: #020C4F;
}
.cpb {
display: inline-block;
width: .44rem;
text-align: center;
height: .44rem;
line-height: .44rem;
background-color: #B0B0B0;
border-radius: .04rem;
color: #fff;
margin-right: .13rem;
background-color: #020C4F !important;
}
.fy1 span{
display: inline-block;
width: .44rem;
text-align: center;
height: .44rem;
line-height: .44rem;
background-color: #B0B0B0;
border-radius: .04rem;
color: #fff;
margin-right: .13rem;
}
/* ====================大事记========================== */
.dsjcen {
padding: 1.03rem 0 1rem;
}
.dsjcen h6 {
font-family: mm;
font-size: 36px;
font-weight: 400;
line-height: 42px;
letter-spacing: 0em;
text-align: center;
color: #373737;
margin-bottom: .43rem;
}
.yearsswp {
width: 100%;
position: relative;
}
.yearsswp:before {
position: absolute;
content: "";
width: 100%;
left: 0;
height: 1px;
bottom: 2.9rem;
background: #eeeeee;
}
.myyratswiper {
width: 1440px;
margin: 0 auto;
max-width: 85%;
}
.myyratswiper .items {
text-align: center;
width: 23%;
margin-right: 2.6%;
display: flex;
flex-direction: column;
align-items: center;
}
.myyratswiper1 {
width: 1440px;
margin: 0 auto;
max-width: 85%;
}
.myyratswiper1 .items {
text-align: center;
width: 23%;
margin-right: 2.6%;
display: flex;
flex-direction: column;
align-items: center;
}
.yearsswp .years {
font-family: Bebas;
font-size: .48rem;
font-weight: 400;
line-height: .64rem;
letter-spacing: 0em;
text-align: center;
color: #000000;
}
.yearsswp .yearsbt {
height: .96rem;
font-family: mm;
font-size: .18rem;
font-weight: 400;
line-height: .32rem;
letter-spacing: 0em;
text-align: center;
overflow: hidden;
color: #666666;
padding: 0 0.5rem;
margin-top: .4rem;
margin-bottom: .6rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.imgs {
width: 2.86rem;
}
.yearsswp .imgs img {
width: 100%;
height: 100%;
object-fit: cover;
}
.yearsswp .imgs {
width: 3.44rem;
height: 2.29rem;
}
.yearsswp .items .line:before {
position: absolute;
margin-top: .35rem;
content: "";
width: .06rem;
height: .15rem;
left: 0;
right: 0;
bottom: .05rem;
margin: auto;
background: #FF0F00;
}
.yearsswp .items .line {
height: 1px;
width: 100%;
margin-bottom: .5rem;
position: relative;
}
.yearsswp .swiper-button-prev::after,
.yearsswp .swiper-button-next::after {
content: '' !important;
}
.yearsswp .swiper-button-prev {
background: #FF0F00;
left: 3%;
width: .54rem;
height: .54rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
top: 45%;
}
.yearsswp .swiper-button-next {
background: #FF0F00;
right: 3%;
width: .54rem;
height: .54rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
top: 45%;
}
/* ====================类别列表========================== */
.leibiecen{
width:100% ;
padding: 1.01rem 1.9rem;
display: flex;
justify-content: space-between;
flex-wrap:wrap ;
}
.leibielist{
width: 7.4rem;
margin-bottom: .83rem;
}
.leibielist img{
width: 100%;
}
.leibielist h6{
font-family: mm;
font-size: .24rem;
font-weight: 700;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;
color: #3d3d3d;
margin-top: .15rem;
margin-bottom: .29rem;
}
.leibielist p{
font-family: ll;
font-size: .18rem;
font-weight: 300;
line-height: .21rem;
letter-spacing: 0em;
text-align: center;
color: #3d3d3d;
}
/* ====================联系信息3========================== */
.lxxxcen {
width: 100%;
padding: 1.04rem calc((100vw - 15rem)/2);
}
.lxxxcen h6,
.zxfk h6 {
font-family: mm;
font-size: .36rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: center;
color: #373737;
margin-bottom: .56rem;
flex: 100%;
}
.lxxxxq {
width: 100%;
height: 5.18rem;
background: #F5F7F9;
padding-left: .56rem;
display: flex;
justify-content: space-between;
}
.lxxxxq>img {
width: 9.14rem;
height: 100%;
}
.lxxxxql {
padding-top: .48rem;
}
.lxxxxq h5 {
font-family: mm;
font-size: .24rem;
font-weight: 400;
line-height: .28rem;
letter-spacing: 0em;
text-align: left;
color: #373737;
margin-bottom: .16rem;
}
.lxxxxq p {
font-family: ll;
font-size: .18rem;
font-weight: 300;
line-height: .38rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
.lxxxxql>div {
display: flex;
margin-top: .25rem;
}
.lxxxxql>div p {
text-align: center;
}
.lxxxxql>div>div {
display: flex;
flex-direction: column;
align-items: center;
margin-right: .33rem;
}
.lxxxxql>div>div p{
font-family: ll;
font-size: .14rem;
font-weight: 300;
line-height: .16rem;
letter-spacing: 0em;
text-align: left;
margin-top: .14rem;
}
.lxxxxql img{
width: 1.1rem;
height: 1.1rem;
}
.ewmkuangzi{
display: flex;
justify-content: center;
align-items: center;
width: 1.2rem;
height: 1.2rem;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
}
.zxfk {
width: 100%;
padding: 1rem calc((100vw - 15rem)/2) 2.15rem;
background: #F5F7F9;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.zxfk form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.zxfk p {
font-family: mm;
font-size: .18rem;
font-weight: 500;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #373737;
margin-bottom: .12rem;
}
.zxfk p span{
padding-left: 0.07rem;
color: #e30000;
}
.zxfk input[type='text'] {
width: 7.3rem;
height: .58rem;
/* margin-top: .12rem; */
background: #FFFFFF;
border: 1px solid #ECECEC;
text-indent: .54rem;
font-family: ll;
font-size: .18rem;
font-weight: 300;
line-height: .21rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
.zxfk div {
margin-bottom: .24rem;
position: relative;
}
.zxfk div img{
width: .28rem;
height: .28rem;
position: absolute;
bottom: 0.15rem;
left: .15rem;
}
.zxfk div:last-of-type img{
width: .28rem;
height: .28rem;
position: absolute;
bottom: 1.95rem !important;
left: .15rem;
}
.zxfk div:last-of-type{
flex: 1;
}
.zxfk div textarea{
width: 15rem;
resize:none;
outline: none !important;
border: 1px solid #ECECEC;
text-indent: .54rem;
padding-top: .3rem;
font-family: ll;
font-size: .18rem;
font-weight: 300;
line-height: .21rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
/* margin-top: .12rem; */
background: #FFFFFF;
}
.zxfk input[type='button']{
width: 1.8rem;
height: .58rem;
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
background: #020C4F;
color: #FFFFFF;
border-radius: 50px;
border: none;
font-family: mm;
font-size: .18rem;
font-weight: 500;
line-height: .21rem;
letter-spacing: 0em;
text-align: center;
}
/* ====================图片列表4========================== */
.wzlb{
background-image: url(../images/news_banner\ 1.png);
position: relative;
/* padding: 4.41rem .79rem; */
}
.tplistcen {
width: 100vw;
padding: 1.03rem calc((100vw - 15rem)/2) 1.03rem;
}
.retuitu {
width: 100%;
background: #FFFFFF;
padding: 1.2rem calc((100vw - 15rem)/2);
display: flex;
background: #F5F7F9;
}
.retuitu>img {
width: 7.28rem;
height: 4.85rem;
transform: scale(1);
transition: transform 1s ease 0s ;
}
.retuitu>img:hover{
transform: scale(1.05);
}
.retuitu span {
font-family: LL;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #020C4F;
}
.retuitur {
padding: .67rem .66rem .67rem .63rem;
}
.retuitur:hover h6{
color: #020C4F;
}
.retuitur:hover p{
color: #020C4F;
}
.retuitur h6 {
font-family: mm;
font-size: .26rem;
font-weight: 500;
line-height: .4rem;
letter-spacing: 0em;
text-align: left;
color: #454545;
margin: .22rem 0 .31rem;
}
.retuitur p {
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .32rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
.retuitur a {
display: flex;
justify-content: space-between;
align-items: center;
width: 1.68rem;
height: .52rem;
background: #020C4F;
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .52rem;
letter-spacing: 0em;
text-align: center;
color:#FFFFFF;
margin-top: .48rem;
padding: 0 .33rem;
}
#ContentPlaceHolder1_pnl_tplb5 .retuitu img{
height: 100%;
}
#ContentPlaceHolder1_pnl_tplb5 .retuitur{
background: #FFFFFF;
}
.hjlist ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.hjlist ul li {
font-size: 0;
width: 4.76rem;
margin-left: .18rem;
margin-bottom: .42rem;
overflow: hidden;
}
.hjlist ul li:hover img{
transform: scale(1.05);
}
.hjlist ul li img {
width: 100%;
transform: scale(1);
transition: transform 1s ease 0s ;
}
.hjlist ul li > img {
}
.hjlist ul li:hover p,.hjlist ul li:hover h6{
color: #020C4F;
}
.hjlist ul li div {
width: 100%;
min-height: 2.89rem;
padding: .51rem .28rem .41rem .41rem;
border: 1px solid #CECECE;
border-top: none;
}
.hjlist ul li div span{
font-family: MM;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #020C4F;
}
.hjlist ul li div h6{
font-family: ll;
font-size: .22rem;
font-weight: 600;
line-height: .4rem;
letter-spacing: 0em;
text-align: left;
color: #454545;
margin: .12rem 0 .67rem;
display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;
}
.hjlist ul li div p{
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #70767c;
}
.hjlist ul li div p img{
width: .18rem;
margin-left: .21rem;
margin-top: 1px;
}
.iimg{
display: flex;
width: 100%;
height: 3.17rem;
overflow: hidden;
}
.hjlist .fy{
margin-top: .15rem !important;
}
.retuitur a img{
width: 0.16rem;
height: 0.13rem;
}
/* ====================图片列表5========================== */
.tplbtoptu {
background-image: url(../images/tplistbgi11.png);
}
.tplistcen1 {
width: 100vw;
padding: 1.03rem calc((100vw - 15rem)/2) 1.09rem;
background: #F5F7F9;
}
.retuitu1 {
width: 100%;
background: #FFFFFF;
padding: 1.2rem calc((100vw - 15rem)/2) 0;
display: flex;
background: #F5F7F9;
}
.retuitu1>img {
width: 7.28rem;
height: 4.85rem;
}
.retuitu1 span {
font-family: LL;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #020C4F;
}
.retuitu1 .retuitur {
background-color: #FFFFFF;
padding: .67rem .66rem .67rem .63rem;
}
.retuitu1>a img{
height: 100%;
}
.retuitur h6 {
font-family: mm;
font-size: .26rem;
font-weight: 500;
line-height: .4rem;
letter-spacing: 0em;
text-align: left;
color: #454545;
margin: .22rem 0 .31rem;
}
.retuitur p {
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .32rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
/* .retuitur a {
display: flex;
width: 1.68rem;
height: .52rem;
background: #020C4F;
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .52rem;
letter-spacing: 0em;
text-align: center;
color:
#FFFFFF;
margin-top: .48rem;
} */
.hjlist ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.hjlist ul li:hover p,.hjlist ul li:hover h6{
color: #020C4F;
}
.hjlist ul li {
font-size: 0;
width: 4.76rem;
margin-left: .18rem;
margin-bottom: .42rem;
overflow: hidden;
}
.tplistcen1 .hjlist ul li div {
width: 100%;
padding: .51rem .28rem .41rem .41rem;
border: 1px solid #CECECE;
border-top: none;
background: #FFFFFF;
}
.hjlist ul li div span{
font-family: MM;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #020C4F;
}
.hjlist ul li div h6{
font-family: ll;
font-size: .22rem;
font-weight: 600;
line-height: .4rem;
letter-spacing: 0em;
text-align: left;
color: #454545;
margin: .12rem 0 .67rem;
}
.hjlist ul li div p{
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #70767c;
}
.hjlist ul li div p img{
width: .18rem;
margin-left: .21rem;
margin-top: 1px;
}
.hjlist ul li img {
width: 100%;
width: 100%;
object-fit: cover;
transform: scale(1);
transition: transform 1s ease 0s ;
}
.hjlist ul li:hover img{
transform: scale(1.05);
}
#fy1 {
display: flex;
justify-content: center;
margin-top: .42rem;
}
#fy1 .pre {
display: inline-block;
width: .88rem;
height: .44rem;
background: #B0B0B0;
border-radius: .04rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin: 0 .27rem;
}
#fy1 a {
display: inline-block;
width: .44rem;
height: .44rem;
text-align: center;
line-height: .44rem;
background-color: #B0B0B0;
border-radius: .04rem;
color: #fff;
margin-right: .13rem;
}
.cpb {
display: inline-block;
width: .44rem;
text-align: center;
height: .44rem;
line-height: .44rem;
background-color: #B0B0B0;
border-radius: .04rem;
color: #fff;
margin-right: .13rem;
background-color: #020C4F !important;
}
.fy1 span {
display: inline-block;
width: .44rem;
text-align: center;
height: .44rem;
line-height: .44rem;
background-color: #B0B0B0;
border-radius: .04rem;
color: #fff;
margin-right: .13rem;
}
/* ====================文件下载2========================== */
/* .wjxzcen {
width: 100%;
padding: 1.03rem calc((100vw - 15rem)/2) 1.01rem;
} */
.wjxzcen h6 {
font-family: mm;
font-size: .36rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: center;
color: #373737;
margin-bottom: .56rem;
}
.wjtitle {
width: 100%;
height: .8rem;
background: #020C4F;
}
.wjxzcen>div {
display: flex;
justify-content: end;
align-items: center;
}
.wjxzcen>div p {
font-family: mm;
font-size: .18rem;
font-weight: 500;
line-height: .21rem;
letter-spacing: 0em;
color: #373737;
}
.wjcz {
width: .36rem;
margin-right: .62rem;
display: flex;
justify-content: center;
align-items: center;
}
.wjcz img {
width: .24rem;
height: .24rem;
}
.gxrq {
width: 1.73rem;
margin-right: 1.76rem;
text-align: center;
}
.wjlb {
width: .72rem;
margin-right: 2.65rem;
text-align: left;
}
.wjmc {
flex: 1;
margin-left: .46rem;
text-align: left;
}
.wjtitle1 {
width: 100%;
height: .78rem;
background: #FFFFFF;
border-bottom: 1px solid #EAEDED;
}
.wjtitle1:hover {
background: #F9F9FA;
}
.wjcz a{overflow: hidden;}
.wjtitle1:hover .wjcz a img{
transform: translateY(-100%);
filter: drop-shadow(0 .24rem #020C4F);
}
.wjtitle1:hover .wjmc{
color: #020C4F;
}
.wjtitle1:hover .wjlb{
color: #020C4F;
}.wjtitle1:hover .gxrq{
color: #020C4F;
}
.wjtitle1:hover .wjmc span{
color: #020C4F;
}
.wjtitle p {
color: #FFFFFF !important;
}
/* ====================在线招聘岗位2========================== */
.companyjj {
width: 100%;
padding: 0.93rem calc((100vw - 15rem)/2) 1.01rem;
}
.companyjj h6 {
font-family: mm;
font-size: .36rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: center;
color: #373737;
margin-bottom: .56rem;
}
.zptitle {
width: 100%;
height: .8rem;
background: #020C4F;
display: flex;
align-items: center;
}
.zptitle p {
flex: 20%;
font-family: ll;
font-family: ll;
font-size: .18rem;
font-weight: 500;
line-height: .21rem;
letter-spacing: 0em;
color: #FFFFFF;
}
.zptitle1 {
width: 100%;
height: auto;
background: #FFFFFF;
position: relative;
border-bottom: 1px solid #EAEDED;
}
.zptitle11 {
width: 100%;
display: flex;
height: .79rem;
align-items: center;
}
.zptitle11 p {
flex: 20%;
font-family: mm;
font-size: .18rem;
font-weight: 400;
line-height: .21rem;
letter-spacing: 0em;
color: #373737;
}
.zpcz {
flex: 20%;
/* margin-right: .62rem; */
text-align: center;
}
.zpmc {
margin-left: .51rem;
}
.zplb {
text-align: center;
}
.gzdd {
text-align: center;
}
.zprs {
text-align: center;
}
.gwxq {
width: 100%;
position: relative;
/* padding: 0 .3rem 1.63rem .4rem ; */
padding: 0 .39rem 1.63rem .51rem;
}
.gwxq h4 span {
font-family: ll;
font-size: .20rem;
font-weight: 400;
line-height: .3rem;
letter-spacing: 0em;
text-align: left;
color: #000;
}
.gwxq h4 {
color: #70757C;
font-family: ll;
font-size: .16rem;
font-style: normal;
font-weight: 300;
line-height: .3rem;
position: relative;
margin-bottom: .24rem;
}
.gwxq h4 span {
color: #70757C;
font-family: ll;
font-size: .16rem;
font-style: normal;
font-weight: 400;
line-height: .3rem; /* 187.5% */
}
.zpjtnr {
width: 100%;
display: flex;
justify-content:space-between ;
}
.zpjtnr h5 {
color: #373737;
font-family: rr;
font-size: .2rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: left;
margin-bottom: .17rem;
margin-left: -0.1rem;
}
.zpjtnr p {
color: #70757C;
font-family: ll;
font-size: .16rem;
font-style: normal;
font-weight: 300;
line-height: .3rem;
text-align: left;
}
.zpjtnrl {
width: 6.8rem;
}
.zpjtnrr {
width: 6.8rem;
}
.sqzw{
position: absolute;
/* width: 2.9rem; */
height: .52rem;
right: .48rem;
bottom: .68rem;
font-family: ll;
font-size: .18rem;
font-weight: 500;
line-height: .52rem;
letter-spacing: 0em;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.sqzw a{
color: #FFFFFF;
font-size: .18rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;
background: #020C4F;
display: inline-block;
padding: 0.1rem 0.25rem;
transform: scale(1);
transition: transform 1s ease 0s;
border: 1px solid #020C4F;
}
.sqzw a:hover{
/* transform: scale(1.1); */
background: transparent;
color: #020C4F;
border: 1px solid #020C4F;
}
/* DEEAIL2 */
.detail2cen {
width: 100%;
padding: .21rem calc((100vw - 12rem)/2) 1.02rem;
}
.detail2cen>h6 {
font-family: ll;
font-size: .16rem;
font-weight: 300;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
.detail2cen>h3 {
font-family: mm;
font-size: .42rem;
font-weight: 500;
line-height: .64rem;
letter-spacing: 0em;
text-align: center;
color: #333333;
margin-top: .47rem;
}
.detail2cen>h5 {
font-family: MM;
font-size: .16rem;
font-weight: 300;
line-height: .19rem;
letter-spacing: 0em;
text-align: center;
margin-top: .48rem;
}
.fxzhi {
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.fxzhi div {
background: #FFFFFF;
width: .8rem;
height: .74rem;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.fxzhi img {
width: .3rem;
height: .3rem;
}
.hxian {
display: inline-block;
position: absolute;
width: 100%;
height: .005rem;
background: #D9D9D9;
z-index: -10;
}
.detail2nr {
margin-top: .59rem;
width: 100%;
}
.detail2nr img {
width: 8.6rem;
height: 5.7rem;
margin: .23rem 0 .48rem 1.7rem;
}
.detail2nr p {
font-family: ll;
font-size: .2rem;
font-weight: 300;
line-height: .36rem;
letter-spacing: 0em;
text-align: left;
margin-bottom: .16rem;
color: #000;
}
.xgxw {
width: 100%;
padding: 0 calc((100vw - 15rem)/2) 1rem;
}
.xgxw h6 {
font-family: ll;
font-size: .36rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: center;
margin-bottom: .57rem;
}
.hjlist1 ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.hjlist1 ul li {
font-size: 0;
width: 4.76rem;
margin-left: .18rem;
margin-bottom: .42rem;
overflow: hidden;
}
.hjlist1 ul li:hover img{
transform: scale(1.05);
}
.hjlist1 ul li:hover p,.hjlist1 ul li:hover h6{
color: #020C4F;
}
.hjlist1 ul li div {
width: 100%;
padding: .51rem .28rem .41rem .41rem;
border: 1px solid #CECECE;
border-top: none;
}
.hjlist1 ul li div span{
font-family: MM;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #020C4F;
}
.hjlist1 ul li div h6{
font-family: mm;
font-size: .22rem;
font-weight: 500;
line-height: .4rem;
letter-spacing: 0em;
text-align: left;
color: #454545;
margin: .12rem 0 .67rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space:normal;
}
.hjlist1 ul li div p{
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #70767c;
}
.hjlist1 ul li div p img{
width: .18rem;
margin-left: .21rem;
}
.hjlist1 ul li:hover img{
transform: scale(1.05);
}
.hjlist1 ul li img {
width: 100%;
transform: scale(1);
transition: transform 1s ease 0s ;
}
/* M0文章列表 */
.wzlb{
background-image: url(../images/news_banner\ 1.png);
position: relative;
padding: 4.41rem calc((100vw - 15rem)/2);
}
.companyjj{
width: 100%;
padding: 0.93rem calc((100vw - 15rem)/2);
}
.xinwencenters{
width: 15rem;
height: 100%;
}
.xinwenlist{
width: 100%;
display: flex;
padding: 0.54rem 0.45rem 0.57rem 0.39rem;
border-bottom: 1px solid #EAEAEA;
}
.xinwenlist div{
flex: 1;
position: relative;
}
.xinwenlist:hover{
/* background: #F5F7F9;
border-bottom: 1px solid #EAEAEA; */
/* height: 3.7rem; */
}
/* .xinwenlist:first-of-type h6{
color: #1367BB;
} */
.xinwenlist img{
width: 4rem;
height: 2.66rem;
margin-right: .41rem;
object-fit: cover;
}
/* .xinwenlist:hover h6{
color: #020C4F;
}
.xinwenlist:hover h6 span{
color: #020C4F;
} */
.xinwenlist h6{
font-family: mm;
font-size: .22rem;
font-weight: 500;
line-height: .26rem;
letter-spacing: 0em;
text-align: left;
cursor: pointer;
color: #454545;
margin-bottom: .18rem;
}
.xinwenlist h6 span{
float: right;
font-family: ll;
font-size: .14rem;
font-weight: 400;
line-height: .16rem;
letter-spacing: 0em;
text-align: left;
color: #666666;
}
/* .xinwenlist:hover p{
color: #020C4F ;
} */
.xinwenlist p{
font-family: ll;
font-size: .18rem;
font-weight: 300;
line-height: .36rem;
letter-spacing: 0em;
text-align: justify;
cursor: pointer;
color: #70767C;
margin-bottom: .82rem;
}
.xinwenlist .mover{
display: inline-block;
width: 1.2rem;
height: .34rem;
font-family: ll;
font-size: .14rem;
font-weight: 400;
line-height: .34rem;
letter-spacing: 0em;
text-align: center;
color: #999999;
background: none;
border: 1px solid #CECECE;
position: absolute;
right: 0;
bottom: 0;
}
.xinwenlist:hover .mover{
background-color: #020C4F ;
color: white;
}
.newstab{
width: 6.9rem;
margin: 0 auto;
/* height:.6rem; */
/* border-bottom: 1px solid #EAEAEA; */
display: flex;
flex-wrap:nowrap ;
/* margin-top: .3rem; */
justify-content: space-around;
}
.newstab div{
line-height: .6rem;
text-align: center;
font-family: ll;
font-size: .26rem;
font-weight: 400;
line-height: .3rem;
letter-spacing: 0em;
text-align: center;
color: #8E8E8E;
}
.newstab .active{
border-bottom: 1px solid #020C4F;
color: #373737;
}
/* M15DETAIL */
#bdshare {
display: flex;
flex-direction: column;
margin-top: 0.25rem;
}
#bdshare a {
display: block;
width: 0.36rem;
height: .36rem;
background-color: #ccc;
border: none;
background-size: .2rem .2rem !important;
background-position: center !important;
background-repeat: no-repeat !important;
margin-bottom: 0.2rem;
border-radius: 50%;
}
.ico4 {
border-radius: 100%;
background-image: url(/images/ico3.png) !important;
}
/* #bdshare a:hover {
background-color: #539EF6;
} */
#bdshare .icon1:hover {
background-color: #FE5C5C;
}
#bdshare .icon2:hover {
background-color: #3DEA6D;
}
#bdshare .icon3:hover {
background-color: #37E072;
}
#bdshare .icon4:hover {
background-color: #FFB21D;
}
#bdshare .ico4:hover{
background-color: #539EF6;
}
/* #bdshare .icon5:hover {
} */
#bdshare .icon1 {
background-image: url(/images/ico1.png);
}
#bdshare .icon2 {
background-image: url(/images/ico4.png);
}
#bdshare .icon3 {
background-image: url(/images/ico2.png);
}
#bdshare .icon4 {
position: relative;
}
#bdshare .icon4 {
/* position: absolute; */
/* border-radius: 100%;
display: block;
width: 0.36rem;
height: .36rem;
background-color: #ccc;
border: none; */
background-position: center !important;
background-repeat: no-repeat !important;
/* top: 0;
left: 0; */
background-image: url(/images/ico5.png) !important;
}
.detailcen {
width: 100%;
padding: .21rem calc((100vw - 12rem)/2) 1.02rem;
}
.detailcen>h6 {
font-family: ll;
font-size: .16rem;
font-weight: 300;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
.detailcen>h6 a{
cursor: pointer;
}
.detailcen>h6 .active span{
color: #020C4F;
}
.detailcen>h3 {
font-family: mm;
font-size: .36rem;
font-weight: 500;
line-height: .6rem;
letter-spacing: 0em;
text-align: left;
color: #333333;
margin-top: .47rem;
}
.detail {
width: 100%;
padding: .47rem 0 0;
display: flex;
}
.detaill {
height: 100%;
width: 1.5rem;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-right: 1px solid #D9D9D9;
left: -0.12rem;
}
.detaill img {
width: .28rem;
height: .28rem;
}
.detaill .hengxian1 {
width: 1.2rem;
height: 1px;
background-color: #D9D9D9;
position: absolute;
top: .14rem;
left: 50%;
transform: translateX(-50%);
z-index: -100;
}
.xwrqi,
.ckrs {
position: relative;
padding-bottom: .4rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.fxcq {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.xwrqi .rltup,
.ckrstp,
.ckrstp {
width: .6rem;
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;
}
.detaill h5 {
font-family: MM;
font-size: .24rem;
font-weight: 400;
line-height: .36rem;
letter-spacing: 0em;
text-align: left;
color: #525854;
margin-top: .07rem;
}
.detaill p {
font-family: MM;
font-size: .16rem;
font-weight: 300;
line-height: .19rem;
letter-spacing: 0em;
text-align: center;
color: #70757C;
margin-top: .15rem;
}
.fxcq span {
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
display: inline-block;
height: .28rem;
line-height: .28rem;
}
.fxcq img {
width: .2rem;
height: .2rem;
}
.fximg1,
.fximg2,
.fximg3,
.fximg4,
.fximg5 {
width: .36rem;
height: .36rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: #CCCCCC;
/* background: url(images/dxbji.png) no-repeat center ; */
margin-top: .29rem;
}
.fximg1:hover {
background: #FE5C5C;
}
.fximg2:hover {
background: #37E072;
}
.fximg3:hover {
background: #539EF6;
}
.fximg4:hover {
background: #3DEA6D;
}
.fximg5:hover {
background: #FFB21D;
}
.detailr {
flex: 1;
padding-left: .73rem;
position: relative;
}
.detailr p {
font-family: ll;
font-size: .18rem;
font-weight: 300;
line-height: .38rem;
letter-spacing: 0em;
text-align: left;
color: #000;
text-indent: 2em;
margin-top: .12rem
}
.detailr img {
/* margin: .4rem 0 .37rem 1.65rem; */
/* width: 8rem;
height: 5.26rem; */
max-width: 8rem;
position: relative;
}
.detailr>.anniu1 {
display: inline-block;
width: 1.46rem;
height: .42rem;
text-align: center;
margin-left: 4.8rem;
margin-top: 26;
border: 1px solid #CECECE;
border-radius: 50px;
font-family: MM;
font-size: .18rem;
font-weight: 300;
line-height: .4rem;
letter-spacing: 0em;
margin-top: .54rem;
margin-bottom: 1.62rem;
}
.detailr>.anniu1:hover {
background: #020C4F;
color: #ffffff;
}
.detailrbom {
width: 100%;
padding: .51rem 0 0;
border-top: 1px solid #CECECE;
margin-top: .69rem;
position: relative;
}
.detailrbom p a{
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .19rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
margin-bottom: .25rem;
position: relative;
}
.detailrbom p a:hover{
color: #020C4F;
}
.detailrbom p{
margin-top: 0 !important;
margin-bottom: .18rem;
}
.detailrbom .fanhui {
width: 1.26rem;
height: .42rem;
background: #FFFFFF;
border: 1px solid #CECECE;
border-top-left-radius: .5rem;
border-bottom-right-radius: .5rem;
position: absolute;
right: 0;
top: 0.61rem;
font-family: ll;
font-size: .14rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: center;
color: #70757C;
display: flex;
justify-content: center;
align-items: center;
}
/* .detailrbom .fanhui:hover{
background: #020C4F;
color: #FFFFFF;
} */
.detailrbom .fanhui img {
width: .2rem;
height: .2rem;
margin: 0;
}
/*index style start*/
a.whiteMore,a.redMore,a.grayMore,.whiteMore{display:inline-block;height:2.6em;line-height:2.6;padding:0 2em;border-radius:2em 0 2em 0;overflow:hidden;position:relative;}
a.whiteMore span,a.redMore span,a.grayMore span,.whiteMore span{position:relative;z-index:2;transition:0.5s all ease;-webkit-transition:0.5s all ease;display:inline-block;line-height:1;}
a.whiteMore::before,a.redMore::before,a.grayMore::before,.whiteMore::before{content:"";display:inline-block;position:absolute;z-index:1;left:-100%;top:0;width:100%;height:100%;transition:0.5s all ease;-webkit-transition:0.5s all ease;}
a.whiteMore:hover::before,a.redMore:hover::before,a.grayMore:hover::before,.whiteMore:hover::before{left:0;}
a.whiteMore::before,.whiteMore::before{background:#fff;}
a.redMore::before,a.grayMore::before{background:#020C4F;}
a.whiteMore:hover span,.whiteMore:hover span{color:#020C4F}
a.redMore:hover span,a.grayMore:hover span{color:#fff;}
a.grayMore:hover{border-color:#020C4F;}
a.whiteMore,.whiteMore{border:1px solid #fff;}
a.redMore{border:1px solid #020C4F;}
a.grayMore{border:1px solid #b8b8b8;}
a.whiteMore span,.whiteMore span{color:#fff;}
a.redMore span{color:#020C4F;}
.fximg11,
.fximg21,
.fximg31,
.fximg41,
.fximg51 {
width: .7rem;
height: .7rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
/* background: #CCCCCC; */
/* background: url(images/dxbji.png) no-repeat center ; */
margin-left: .2rem;
}
.fxcq1>a {
display: flex;
justify-content: center;
align-items: center;
margin-left: .235rem;
}
.xwnrrbom{
/* margin-top: .75rem; */
}
.fxcq1 img {
width: .39rem;
height: .39rem;
margin: 0 !important;
}
.fximg11 {
background: #FE5C5C;
}
.fximg21 {
background: #37E072;
}
.fximg31 {
background: #539EF6;
}
.fximg41 {
background: #3DEA6D;
}
.fximg51 {
background: #FFB21D;
}
.fxcq1 {
display: none;
align-items: center;
border-bottom: 1px solid #CECECE;
border-top: 1px solid #CECECE;
padding: .48rem 0;
}
.huitui {
width: 100%;
padding: .72rem 0 .8rem;
}
.huitui a{
display: inline-block;
width: 3.6rem;
height: .865rem;
font-family: ll;
font-size: .24rem;
font-weight: 400;
line-height: .865rem;
letter-spacing: 0em;
text-align: center;
position: relative;
left: 50%;
transform: translateX(-50%);
background: #FFFFFF;
border: 1px solid #CECECE;
border-top-left-radius: .4rem;
border-bottom-right-radius: .4rem;
}
.ckrstp1 {
font-family: ll;
font-size: .22rem;
font-weight: 300;
line-height: .26rem;
letter-spacing: 0em;
text-align: left;
color: #666666;
}
/* ====================M10单页========================== background-image: url(../images/danyebgi.png);
position: relative;
padding: 4.17rem calc((100vw - 15rem)/2);*/
.dytoptu {
}
@keyframes slowScale {
0% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
100%{
transform: scale(1.1);
}
}
.dytoptu img{
position: relative;
left: 0;
top: 0;
/* width: 100%; */
height: 100%;
animation: slowScale 20s linear infinite;
}
.dytoptu video{
position: absolute;
left: 0;
top: 0;
height: 100%;
object-fit: cover;
z-index: 10;
}
.companyjj {
width: 100%;
padding: .93rem calc((100vw - 15rem)/2) .92rem;
position: relative;
}
.companyjj .tuzi{
display: none;
position: absolute;
top: 6.25rem;
font-family: ll;
font-size: .42rem;
font-weight: 400;
line-height: .49rem;
letter-spacing: 0em;
text-align: center;
color: #FFFFFF;
left: 50%;
transform: translateX(-50%);
}
.companyjj .title {
font-family: mm;
font-size: .36rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: center;
color: #373737;
margin-bottom: .25rem;
}
.companyjj h6 {
font-family: ll;
font-size: .20rem;
font-weight: 300;
line-height: .36rem;
letter-spacing: 0em;
text-align: left;
color: #000;
}
.companyjj>img {
width: 100%;
margin-top: .52rem;
margin-bottom: .24rem;
}
.companyjj>p {
font-family: ll;
font-size: .20rem;
font-weight: 300;
line-height: .36rem;
letter-spacing: 0em;
text-align: left;
color: #000;
margin-top: .23rem;
}
.rightnav {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 100;
}
.rightnavlist {
width: .5rem;
height: .5rem;
margin-top: .1rem;
background: #FFFFFF;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
font-size: .12rem;
}
.rightnavlist:hover {
background: #C8C8C8;
}
.rightnavlist>img {
width: .3rem;
height: .3rem;
}
.rightnavlist:last-of-type>img {
width: .2rem;
height: .2rem;
}
.rightnavlist>div {
position: absolute;
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .18rem;
letter-spacing: 0px;
text-align: left;
color: #3D3D3D;
}
.lxbg {
top: -1.35rem;
left: -3rem;
width: 2.76rem;
height: auto;
padding-bottom: .26rem;
background: #FFFFFF;
border: 1px solid #D0D0D0;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
align-items: center;
}
.lxbg img {
position: absolute;
right: .15rem;
top: .21rem;
width: .24rem;
height: .24rem;
}
.lxbg input[type='text'] {
width: 1.8rem;
height: .44rem;
border: 1px solid #B9B9B9;
}
.lxbg input[type='checkbox']{
width: .16rem;
height: .16rem;
}
.lxbg input[type='button'] {
width: 85%;
height: .44rem;
background: #A7A7A7;
border: none;
font-family: ll;
font-size: .16rem;
font-weight: 400;
letter-spacing: 0px;
color: #FFFFFF;
margin-top: .12rem;
}
.lxbg h6 {
margin-top: .32rem;
margin-bottom: .27rem;
font-family: ll;
font-size: .2rem;
font-weight: 400;
line-height: .2rem;
letter-spacing: 0px;
text-align: left;
border: none;
color:#3D3D3D;
}
.lxbg div {
width: 90%;
margin-bottom: .12rem;
font-size: .16rem;
color: #3D3D3D;
}
.ckwxewm img {
width: 1.36rem;
height: 1.36rem;
border: 1px solid #D8D8D8;
}
.ckwxewm {
position: absolute;
left: -2.3rem;
top: -0.85rem;
width: 2rem;
height: 2.58rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #FFFFFF;
border: 1px solid #D0D0D0;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}
.ckwxewm p {
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .3rem;
letter-spacing: 0px;
color: #3D3D3D;
position: relative;
top: -0.2rem;
left: -0.2rem;
}
.douyin img {
width: 1.3rem;
height: 1.3rem;
border: 1px solid #D8D8D8;
}
.douyin {
position: absolute;
left: -2.3rem;
top: -1.5rem;
width: 2rem;
/* height: 2.34rem; */
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background: #FFFFFF;
border: 1px solid #D0D0D0;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
padding: .29rem 0 .28rem ;
}
.douyin p {
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .18rem;
letter-spacing: 0px;
text-align: center;
color: #3D3D3D;
margin-top: .24rem;
}
.dianhua {
position: absolute;
width: 2rem;
height: .5rem;
left: -2.3rem;
font-family: ll;
font-size: .16rem;
font-weight: 400;
line-height: .18rem;
letter-spacing: 0px;
text-align: left;
color: #3D3D3D;
background: #FFFFFF;
border: 1px solid #D0D0D0;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
}
.mbjj{
position: absolute;
top: 2rem;
width: 100vw;
z-index: 10;
background: #FFFFFF;
padding: 0 .3rem;
}
.mbjj li{
position: relative;
}
.mbjj li a {
display: block;
line-height: 0.7rem;
border-bottom: 1px solid #f2f2f2;
font-size: 0.26rem;
color: #333;
}
.mbjj li .arrow-right{
display: none;
}
.mbjj .active .arrow-right{
display: inline-block;
}
.mbjj .active a {
padding-left: 0.25rem;
}
.mbjj li a.mbactive {
padding-left: 0.25rem;
}
.lxxxxq .xfbss:hover a{
color: #020C4F !important;
}
.detailcen {
padding: 0.43rem calc((100vw - 12rem)/2) 1.02rem;
}
.fxcq span {line-height: normal;}
.fximg1{margin-top: 0.25rem;}
.detaill .hengxian1 {
top:0.12rem;
}
.detailr p:first-of-type a {
margin-top:0;
}
.detaill img {
margin-top: -0.02rem;
}
.detailr p:has(img) {
text-align:center;
margin: .3rem 0;
}
.detailrbom p {
text-indent: 0;
}
.detailr p:first-of-type {
margin-top: -0.1rem;
}
.retuitur {
width: 7.7rem;
height: 4.85rem;
background-color: #fff;
}
.retuitu>a {
display: flex;
width: 7.28rem;
height: 4.85rem;
overflow: hidden;
}
.retuitu>a img {
width: auto;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform 1s ease 0s;
object-fit: cover;
}
.retuitu>a:hover img{
transform: scale(1.2);
}
/* .retuitur:hover>a img{
transform: scale(1.2);
} */
/* .retuitu1>a {
display: flex;
width: 5.12rem;
height: 4.51rem;
overflow: hidden;
}
.retuitu1>a img {
height: 100%;
width: auto;
} */
/*网站地图*/
.sitemap { overflow: hidden; background: #ebebeb; padding-bottom: .5rem;padding-left: 1px;padding-right: 1px; line-height: .25rem; }
.sitemap .sitemap-box { overflow: hidden; width: 100%; margin: 40px auto 0 auto; background: #ffffff; padding: .5rem .4rem; }
.sitemap .sitemap-box dl { overflow: hidden; margin: 0 0 .15rem 0; }
.sitemap .sitemap-box dt { font-size: .18rem; font-weight: bold; color: #666666; margin: 0 0 .2rem 0; }
.sitemap .sitemap-box dd { float: left; margin-right: .2rem;margin-bottom: .15rem; }
.sitemap .sitemap-box dd a { float: left; font-size: .14rem; color: #666666; line-height: .19rem; }
.sitemap .sitemap-box dd a:hover { text-decoration: underline; }
.proin img{
width: .36rem;
height: .36rem;
}
.proin p{
font-family: ll;
font-size: .22rem;
font-weight: 300;
line-height: .26rem;
letter-spacing: 0em;
text-align: left;
color: #666666;
}
.proin{
display: flex;
justify-content: center;
align-items: center;
margin-top: .36rem;
}
@media screen and (max-width:1930px){
.wzlb{
/* background-image: url(../images/news_banner\ 1.png); */
position: relative;
padding: 4.41rem .79rem !important;
}
/* .shinav{
width: 17.5rem;
} */
/* .shinavlist {
width: 4rem;
} */
.dytoptu {
/* background-image: url(../images/danyebgi.png); */
position: relative;
/* padding: 4.17rem .79rem !important; */
}
.dytoptu img{
object-fit: cover;
z-index: 9;
}
}
@media screen and (max-width:1366px){
.headtab li a{
font-size: 14px !important;
}
}
@media screen and (min-width:751px){
.mheader{
display: none;
}
.mb,.smob{display: none !important;}
.mfooter{
display: none;
}
.companyjj>.shoujih6{
display: none;
}
.detaill h6,.mobdy2,.mbjj,.mnav1,.xinwenlist .mdates,.newstab,.xwnrrbom,.gwxq>h5,.wjtitle11{
display: none !important;
}
}
@media screen and (max-width:750px) {
.xinwenlist:hover {background-color: transparent;}
.pc{
display: none !important;
}
.footico h6{
display: flex;
align-items: center;
font-family: ll;
font-size: .22rem;
font-weight: 300;
line-height: .26rem;
letter-spacing: 0em;
text-align: left;
color: #666666;
}
.videoclose{
right: 0.2rem !important;
top: -.5rem !important;
}
a,p,span,h1,h2,h3,h4,h5,h6,div,li,ul,ol{
font-family: none !important;
}
.lxxxcen{
padding: .73rem 0 1.2rem;
}
.lxxxcen h6{
margin-bottom: .33rem;
}
.lxxxxq h5{
margin-bottom: .26rem;
color: #454545;
}
.lxxxxql>div>div p{
font-size: .24rem;
margin-top: .25rem;
}
.lxxxxql>div{
margin-top: .46rem;
}
.lxxxxql{
padding-top: 0;
}
.yearsswp .swiper-button-next,.yearsswp .swiper-button-prev{
top: 2.4rem;
}
.yearsswp .swiper-button-next
.companyjj .tuzi{
font-size: .36rem;
}
.mnav1,.mobdy2{
display: block !important;
}
.pcdy,.mbjj{
display: none;
}
.dytoptu{
/* background-image: url(../images/bgi11.png); */
/* background-size:cover; */
width: 100%;
background-position: center;
padding: 0 !important;
display: flex;flex-direction: column;justify-content: center;
}
.wzlb{
/* background-image: url(../images/ngi22.png); */
background-size:cover;
padding: 0 !important;
display: flex;flex-direction: column;justify-content: center;
}
.msban{
height: 5.84rem;
}
.msban p:first-of-type{
text-align: center;
font-size: .52rem !important;
width: 6.5rem !important;
}
.msban p:last-of-type{
text-align: center;
font-size: .24rem !important;
margin-top: .28rem;
width: 6rem !important;
}
.xinwenlist{
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-start;
padding: .4rem 0.3rem .5rem ;
/* margin-top: .4rem; */
background-color: #FFFFFF !important ;
}
.xinwenlist img{
margin-right: 0;
width: 2.48rem;
height: 1.65rem;
border-radius: 5px;
}
.xinwenlist p{
display: none;
}
.xinwenlist h6{
font-family: mm;
font-size: .24rem;
font-weight: 400;
line-height: .48rem;
letter-spacing: 0em;
text-align: justify;
color: #454545;
padding-right: .34rem;
margin-bottom: .37rem;
}
.mdates{
font-family: Roboto;
font-size: .2rem;
font-weight: 300;
line-height: .38rem;
letter-spacing: 0em;
text-align: left;
color: #666666;
}
.xinwenlist div>span{
display: block;
font-family: MM;
font-size: .2rem;
font-weight: 300;
line-height: .38rem;
letter-spacing: 0em;
text-align: left;
color: #666666;
}
.xinwencenter{
/* padding: 0 .6rem; */
}
.myhj1{
padding-top: 0 !important;
}
.detailcen>h6,.detail2cen>h6{
font-family: ll;
font-size: .2rem;
font-weight: 300;
line-height: .23rem;
letter-spacing: 0em;
text-align: left;
color: #A5A5A5;
}
.detailcen>h3{
font-family: mm;
font-size: .36rem;
font-weight: 500;
line-height: .6rem;
letter-spacing: 0em;
text-align: left;
color: #333333;
}
.detail2cen>h3{
font-family: mm;
font-size: .36rem;
font-weight: 500;
line-height: .6rem;
letter-spacing: 0em;
text-align: center;
color: #333333;
}
.detailcen,.detail2cen{
padding: .33rem !important;
}
.detail{
flex-direction: column;
}
.detaill{
width: 6.8rem;
flex-direction: row;
justify-content: flex-start;
border: none;
margin: 0 auto;
border-bottom: 1px solid rgba(224, 224, 224, 0.8);
margin-bottom: .35rem;
}
.xwrqi .rltup, .ckrstp, .ckrstp{
width: .28rem;
}
.detaill img{
width: .28rem;
height: .28rem;
}
.detaill h6{
margin: 0 !important;
font-family: MM;
font-size: .2rem;
font-weight: 300;
line-height: .23rem;
letter-spacing: 0em;
text-align: left;
margin-right: .44rem !important;
margin-left: .12rem !important;
color: #767676;
}
.detaill h6:last-of-type{
margin-left: .10rem !important;
}
.xwrqi, .ckrs{
flex-direction: row;
align-items: center;
}.detailr{
padding: 0 !important;
}
.detail2cen>h5{
font-family: MM;
font-size: .2rem;
font-weight: 300;
line-height: .23rem;
letter-spacing: 0em;
text-align: center;
margin-top: .48rem;
margin-bottom: .36rem;
}
.detail2nr p{
font-family: ll;
font-size: .24rem;
font-weight: 400;
line-height: .48rem;
letter-spacing: 0em;
text-align: justified;
color: #767676;
}
.detail2nr>img{
height: 4rem;
width: 6rem;
margin: .32rem .4rem .44rem !important;
}
.detail2nr p:last-of-type{
margin-bottom: .8rem;
}
.fxzhi img{
width: .44rem;
height: .44rem;
}
.xgxw h6{
font-family: ll;
font-size: .48rem;
font-weight: 400;
line-height: .56rem;
letter-spacing: 0em;
text-align: center;
color: #373737;
}
.xgxw{
padding: 0 .3rem .95rem!important;
}
.hjlist1 ul{
padding: 0 .3rem;
flex-direction: column;
}
.hjlist1 ul li{
width: 100%;
margin-left: 0;
}
.fxzhi div{
height: .44rem;
width: .88rem;
}
.detailr p{
font-family: ll;
font-size: .24rem;
font-weight: 400;
line-height: .48rem;
letter-spacing: 0em;
text-align: left;
color: #767676;
text-indent: 0 !important;
}
.detailr>img{
width: 6rem;
height: 4rem;
margin: .4rem .4rem !important;
}
.retuitu,.retuitu1{
flex-direction: column;
padding: .5rem .3rem .73rem;
}
.retuitu>a,.retuitu>img,.retuitu1>img{
width: 100%;
height: 4.6rem ;
}
.retuitur{
width: 100%;
height: auto;
padding: .38rem .35rem .65rem .38rem;
}
.retuitur h6{
font-family: mm;
font-size: .28rem;
font-weight: 500;
line-height: .48rem;
letter-spacing: 0em;
text-align: left;
margin: .15rem 0 .41rem;
}
.retuitur a{
width: 2rem;
height: .62rem;
font-family: ll;
font-size: .2rem;
font-weight: 400;
line-height: .62rem;
letter-spacing: 0em;
display:flex ;
justify-content: space-around;
align-items: center;
margin: 0;
}
.retuitu span{
font-size: .2rem;
font-weight: 400;
line-height: .23rem;
letter-spacing: 0em;
text-align: left;
}
.retuitur a img{
width: .24rem;
}
.iimg{
height: 2.2rem;
}
.hjlist ul li{
width: 46% !important;
}
.hjlist ul li div{
padding: .34rem .34rem .35rem .3rem;
min-height: 1.89rem;
}
.hjlist ul li div p{
font-size: .2rem;
}
.hjlist ul li div h6{
height: .76rem;
font-family: ll;
font-size: .24rem;
font-weight: 500;
line-height: .38rem;
letter-spacing: 0em;
text-align: left;
margin: .1rem 0 .38rem;
}
.zxfk{
padding: .88rem .3rem 1.02rem;
}
.zxfk input[type='text'],.zxfk div textarea{
width: 6.9rem;
background: #FFFFFF;
font-size: .24rem;
font-weight: 300;
line-height: .28rem;
letter-spacing: 0em;
text-align: left;
}
.zxfk div:last-of-type img {
bottom: 2rem !important;
}
.lxxxcen h6, .zxfk h6{
font-size: .48rem;
}
.zxfk p{
font-size: .24rem;
}
.zxfk input[type='text']{
height: 1rem;
line-height: 1rem;
text-indent: .85rem;
}
.zxfk div textarea{
text-indent: .85rem;
height: 2.67rem;
}
.zxfk div img{
width: .48rem;
height: .48rem;
}
.zxfk div:last-of-type img{
width: .48rem;
height: .48rem;
}
.lxxxcen{
padding-top: .73rem;
}
.lxxxxq{
height: auto;
background-color: #FFFFFF;
padding: 0 .3rem;
flex-direction: column;
}
.lxxxxq p:last-of-type{
height: .7rem;
border-bottom: 1px solid #E3E3E3;
}
.lxxxxq>img{
width: 6.9rem;
height: 4.76rem;
}
.zxfk div img{
bottom: 0.25rem;
}
.leibielist{
width: 100%;
}
.lxxxxq p{
font-family: ll;
font-size: .24rem;
font-weight: 300;
line-height: .48rem;
letter-spacing: 0em;
text-align: left;
}
.zxfk input[type='button']{
width: 2rem;
height: .62rem;
position: relative;
margin-top: .26rem;
bottom: 0;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: center;
}
.leibiecen{
padding: .78rem .3rem 0;
}
.leibielist h6{
font-size: .28rem;
}
.leibielist p{
font-size: .24rem;
}
.zpcz{
text-align: right;
margin-right: .4rem;
font-size: .24rem !important;
}
.zpjtnrl,.zpjtnrr{
width: auto;
}
.sqzw{
/* width: 5rem; */
height: .62rem;
}
.sqzw a{
font-size: .24rem;
padding: .17rem .52rem;
}
.zpcz img{
width: .3rem;
height: .3rem;
margin-right: .1rem;
}
.zptitle1{
border-bottom: 1px solid #EAEDED;
}.zpjtnr{
flex-direction: column;
}
.gwxq h5 p{
font-family: ll;
font-size: .22rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: left;
}
.zpmc{
margin-left: .36rem;
font-family: ll;
font-size: .24rem !important;
line-height: .26rem !important;
letter-spacing: 0em !important;
text-align: left !important;
}
.zptitle11 p {
flex: 80%;
}
.detailr img{
margin: 0 !important;
max-width: 100% !important;
}
.gwxq {
padding: 0 0.39rem 1.63rem 0.36rem;
}
.gwxq h5 p span{
font-family: ll;
font-size: .22rem;
font-weight: 300;
line-height: .42rem;
letter-spacing: 0em;
text-align: left;
margin-left: .05rem;
}
.zpjtnr{
padding-bottom: .41rem;
}
.zpjtnr h5{
font-family: ll;
font-size: .24rem;
font-weight: 500;
line-height: .28rem;
letter-spacing: 0em;
text-align: left;
margin-top: .3rem;
margin-bottom: .25rem;
}
.zpjtnr p{
font-family: ll;
font-size: .22rem;
font-weight: 300;
line-height: .42rem;
letter-spacing: 0em;
text-align: left;
}
.companyjj{
padding: .73rem .3rem;
}
.companyjj:has(.xinwencenter){
padding: 0 0 0.9rem;
}
.sqzw{left: -0.56rem !important;bottom: 1rem;}
.wjtitle11{
display: none;
width: 6.9rem;
padding-left: .36rem;
background: #F9F9FA;
padding-bottom: .33rem;
}
.wjtitle11 p{
font-family: ll;
font-size: .22rem;
font-weight: 400;
line-height: .42rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
.wjtitle11 span{
font-family: ll;
font-size: .22rem;
font-weight: 300;
line-height: .42rem;
letter-spacing: 0em;
text-align: left;
color: #70757C;
}
.wjtitle1{
border-top: 1px solid #EAEDED;
border-bottom: none;
}
.wjxzcen{
border-bottom: 1px solid #EAEDED;
}
.wjxzcen>div p{
font-size: .24rem;
}
.wjmc{
margin-left: 0.36rem;
}
.wjcz {
width: .66rem;
margin-right: .32rem;
}
.detaill p,.shinav,.gxrq,.wjlb,.gwxq h4,.tiaodong,.xinwenlist .mover,.xinwenlist h6 span,.head1,.fxcq,.detaill h5,.detaill .hengxian1,.detailr>.anniu1,.detailrbom,.retuitur p,.gzdd,.zplb,.zprs{
display: none;
}
.foot,.head,.head1,.head2,.head3{
display: none;
}
.mheader{
display: flex;
}
.mfooter{
display: block;
}
.companyjj{
padding: .76rem .3rem .9rem;
}
.companyjj>p{
margin-top: .38rem;
font-family: ll;
font-size: .24rem;
font-weight: 400;
line-height: .48rem;
letter-spacing: 0em;
text-align: left;
}
.rightnav{
display: none !important;
}
.companyjj>h6{
display: none;
}
.companyjj .shoujih6{
display: block;
}
.msban .ttxxtt{
width: 6.5rem;
top: 50% !important;
left: 50% !important;
transform: translate(-50%,-50%) !important;
}
/* shouji */
.yearsswp {
width: 100%;
position: relative;
}
.yearsswp:before {
position: absolute;
content: "";
width: 100%;
left: 0;
height: 1px;
bottom: 2.5rem;
background: #eeeeee;
}
.myyratswiper {
width: 1440px;
margin: 0 auto;
max-width: 85%;
}
.myyratswiper .items {
text-align: center;
width: 23%;
margin-right: 2.6%;
display: flex;
flex-direction: column;
align-items: center;
}
/* .myyratswiper1 {
width: 1440px;
margin: 0 auto;
max-width: 85%;
} */
.myyratswiper1 .items {
text-align: center;
width: 23%;
margin-right: 2.6%;
display: flex;
flex-direction: column;
align-items: center;
}
.yearsswp .yearsbt {
height: .9rem;
font-family: ll;
font-size: .18rem;
font-weight: 400;
line-height: .32rem;
letter-spacing: 0em;
text-align: center;
overflow: hidden;
color: #666666;
padding: 0 0.5rem;
margin-top: .4rem;
margin-bottom: .6rem;
}
.yearsswp .imgs {
width: 6.9rem;
height: 4.59rem;
}
.yearsswp .imgs img {
width: 100%;
}
.yearsswp .items .line:before {
position: absolute;
content: "";
width: .06rem;
height: .15rem;
left: 0;
right: 0;
bottom: .09rem;
margin: auto;
background: #FF0F00;
}
.yearsswp .items .line {
height: 1px;
width: 100%;
margin-bottom: .5rem;
position: relative;
}
.yearsswp .swiper-button-prev::after,
.yearsswp .swiper-button-next::after {
content: '' !important;
}
.yearsswp .swiper-button-prev {
background: #FF0F00;
left: 3%;
width: .54rem;
height: .54rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.yearsswp .swiper-button-next {
background: #FF0F00;
right: 3%;
width: .54rem;
height: .54rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.myyratswiper .items{
width: 100% !important;
}
.yearsswp:before{
bottom: 5.06rem !important;
}
.yearsswp .items .line:before{
bottom: -0.1rem;
width: .06rem;
height: .16rem;
}
.swiper-button-next, .swiper-button-prev{
position: relative;
bottom: 5.25rem !important;
}
.yearsswp .swiper-btn img{
width: .16rem;
}
.yearsswp .swiper-btn{
display: flex;
justify-content: space-between;
}
.imgs{
width: 6.9rem;
height: 4.6rem;
}
/* ////////////////////////////// */
.yearsswp .years{
text-align: center;
color: #141414;
font-family: RR;
font-size: .48rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.yearsswp .yearsbt{
font-family: ll;
font-size: .24rem;
line-height: .32rem;
width: 3.79rem;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 0.6rem;
}
}
/*********fy分页样式*********/
/* .fy{overflow: hidden;margin-top:0.65rem;
text-align: center;}
.fy-con{overflow: hidden;display: inline-block;}
.fy-con .pre{width:0.75rem; margin-right:0.13rem; margin-left: 0.13rem;}
.fy-con .next1{width:0.75rem; margin-right:0.13rem; margin-left: 0.13rem;}
.fy a{ display:block;border-radius: 0.04rem; width:0.44rem;height:0.44rem; text-align:center; line-height:0.44rem; float:left; font-size:0.14rem;background:#b0b0b0;color:#ffffff;margin-right:0.08rem; margin-left: 0.08rem;}
.fy a:hover{ color:#fff; background:#0093dd;}
.fy .cpb {margin-top:0;color:#ffffff;border:none;border-radius: 0.04rem;background:#0093dd;width:0.44rem;height:0.44rem;line-height: 0.44rem;display:block;text-align:center;float:left;font-size:0.14rem; margin-right:0.08rem; margin-left: 0.08rem;}
*/
.content11{
width: 100%;
}
.sTh ul li a {
position: relative;
color: #8E8E8E;
text-align: center;
font-family: ll;
font-size: .18rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.sTh ul li a.current {
color: #373737;
text-align: center;
font-family: ll;
font-size: .18rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.sTh ul li a.current::after {
content: '';
display: block;
position: absolute;
top: .27rem;
left: 50%;
transform: translateX(-50%);
width: .42rem;
height: .06rem;
background-image: url(/images/active.png);
background-repeat: no-repeat;
background-size: cover;
}
.dytoptu:has(video) {
padding: 0;
}
.msban .ttxxtt{
color: #FFF;
font-family: ll;
font-size: .42rem;
font-style: normal;
font-weight: 900;
line-height: normal;
width: 100%;
}
.msban .ttxxtt h1 {
color: #FFF;
text-align: center;
font-family: rr;
font-size: .58rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: .18rem;
}
.msban .ttxxtt p {
color: #FFF;
text-align: center;
font-family: ll;
font-size: .24rem;
font-style: normal;
font-weight: 400;
line-height: normal;
/* text-transform: uppercase; */
}
.msban>div:first-of-type {
color: #FFF;
font-family: ll;
font-size: .42rem;
font-style: normal;
font-weight: 900;
line-height: normal;
position: absolute;
top: 3.24rem;
left: 0rem;
z-index: 20;
}
.msban .ttxxtt {
position: absolute;
top: 4.15rem;
left: 1.98rem;
}
/* .msban .ttxxtt .text1 {
color: #FFF;
font-family: ll;
font-size: .28rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: .22rem;
} */
.msban .ttxxtt .text2 {
color: #FFF;
font-family: ll;
font-size: .28rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: .22rem;
}
.msban .ttxxtt .text22 {
color: #FFF;
font-family: ll;
font-size: .42rem;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width:750px) {
.msban .ttxxtt .text2 {
color: #FFF;
font-family: rr;
font-size: .48rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 0.22rem;
text-align: center;
}
.msban .ttxxtt .text22 {
color: #FFF;
font-family:rr;
font-size: .36rem;
font-style: normal;
font-weight: normal;
line-height: normal;
text-align: center;
}
}
@media only screen and (max-width:750px ) {
.mbjj {
left: 0;
}
.arrow {
position: absolute;
top: 31%;
transform: translateY(-50%);
width: .4rem;
height: .4rem;
background-color: #fff;
opacity: 1;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
z-index: 999;
box-shadow: 8px 0px 6px -6px rgba(255, 255, 255, 0.8),-8px 0px 6px -6px rgba(255, 255, 255, 0.8);
}
.arrow-left {
left: .2rem;
background-image: url('/images/left-arrow.png');
background-size: .28rem .28rem;
}
.arrow-right1 {
right: .2rem;
background-image: url('/images/right-arrow.png');
background-size: .28rem .28rem;
}
/* .companyjj {padding-top: 0;} */
.sTh {
position: relative;
overflow: hidden;
padding: 0;
width: 6.9rem;
left: 50%;
transform: translateX(-50%);
}
.container {
overflow-x: auto;
white-space: nowrap;
padding: 0;
margin-bottom: -0.15rem;
}
.container::-webkit-scrollbar {
width: 0; /* 隐藏滚动条 */
height: 0;
}
.sTh .container ul {
display: flex;
scroll-behavior: smooth;
/* overflow-x: scroll; */
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
/* padding-left: .53rem; */
height: 0.8rem;
}
.sTh .container ul::-webkit-scrollbar {
display: none;
/* Chrome, Safari, Opera */
}
.sTh ul li a {
margin-right: .85rem;
}
.hidden {
display: none;
}
}
.pinfo img{
display: none;
}
.pinfo {
display: block;
width: 0.2rem;
height: 0.2rem;
background-repeat: no-repeat;
background-size: cover;
}
.head .pinfo {
background-image: url(/images/men.png);
}
.headright .pinfo,.headright .logout {
display: block;
}
.head1 .pinfo,.head2 .pinfo {
background-image: url(/images/men1.png);
}
.pinfo:hover {
/* background-image: url(/images/menhov.png) !important; */
}
.changeInfo {
padding: 0.9rem 6rem 1.5rem;
}
.changeInfo>h1 {
color: #27221C;
font-family: ll;
font-size: 0.36rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
margin-bottom: 0.5rem;
}
.changeInfo .rego {
padding: 0 3em;
cursor: pointer;
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: .2rem;
}
.rego:hover {
color: #fff;
}
.changeInfo a.rego::before {
z-index: -1;
}
@media screen and (max-width:750px) {
.newstab .active {
border: none;
}
.pinfo {
width: 0.44rem;
height: 0.44rem;
}
.mheader .pinfo {
background-image: url(/images/laoda2.png);
background-size: 0.36rem 0.36rem;
background-position: center;
}
.mheader1 .pinfo {
background-image: url(/images/laoda.png);
background-size: 0.36rem 0.36rem;
background-position: center;
}
.mheaderr {
align-items: center;
}
.mheader .pinfo {
/* margin-right: 0.41rem; */
}
.mleimd {
display: flex;
flex-direction: row;
align-items: center;
}
.mheader .logout, .mheader1 .logout {
margin-right: 0.3rem;
}
.mheader1 .logout {
color: #fff;
}
.changeInfo {
padding: 0.9rem 0.5rem 1.5rem;
}
.changeInfo .rexx {
width: 100%;
}
.changeInfo .rego {
width: 2rem;
height: 0.6rem;
background-size: 2rem 0.6rem;
font-size: .22rem;
display: flex;
justify-content: center;
align-items: center;
}
}
@keyframes leftIn
{
0% {transform:translateX(-0.5rem);}
100% {transform:translateX(0);}
}
.dianhua ,.douyin,.ckwxewm,.lxbg{
animation: leftIn 0.4s linear;
}