* {
    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; }

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;
    overflow: hidden;
}

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: 100vw;
}

.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;
    display: none;
}
.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: #2493CF;

}
.current .shinavlist i{
    background: #2493CF !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: .82rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .38rem 0 1.51rem;
    position: fixed;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.head .headtab {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    height: .82rem;
    /* 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: .18rem;
    font-weight: 400;
    line-height: .82rem;
    letter-spacing: 0em;
}

.headright {
    display: none;
    width: 1.2rem !important;
    justify-content: space-between;
    /* margin-left: .59rem; */
}

.headright>div {
    width: .20px;
    height: .82rem;
}

.headright img {
    width: 20px;
    height: 20px;

}

.head1 {
    width: 100%;
    height: .82rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .38rem 0 1.51rem;
    position: fixed;
    top: 0;
    background-color: #FFFFFF;
    z-index: 100000;
    border-bottom: 1px solid rgba(222, 222, 222, 0.5);
}
.head2 {
    width: 100%;
    height: .82rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .38rem 0 1.51rem;
    position: relative;
    top: 0;
    background-color: #FFFFFF;
    z-index: 100000;
    border-bottom: 1px solid rgba(222, 222, 222, 0.5);
}
.headtab li{
    margin-right: .48rem;
}
.headtab li ul li{
    /* width: 100%; */
    height: .21rem;
    margin-bottom: .35rem;
}
.logo{
    display: inline-block;
    width: 1.08rem;
    height: .42rem;
    background-repeat: no-repeat;
    background-size: 1.08rem .42rem;
    background-repeat: no-repeat;
}
.head1 .logo{

    background-image: url(../images/logo1.svg);
 
}
.head2 .logo{
    /* display: inline-block;
    width: 1.08rem;
    height: .42rem;

    background-repeat: no-repeat;
    background-size: 1.08rem .42rem; */
    background-image: url(../images/logo1.svg);
}
.head .logo{
    /* display: inline-block;
    width: 1.08rem;
    height: .42rem;

    background-repeat: no-repeat;
    background-size: 1.08rem .42rem; */
    background-image: url(../images/logo.svg);
}
.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: flex-end;
    height: .82rem;
    /* 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: .82rem;
    letter-spacing: 0em;
}
.head .headtab>li a{
       color: #FFFFFF;
    font-family: rr;
    font-size: .18rem;
    font-weight: 400;
    line-height: .82rem;
    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: 20px;
    height: .82rem;
    display: flex;
    align-items: center;
    position: relative;
}

.headright img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.headright>div:hover {
    border-bottom: .03rem solid #2493CF;
}

.headtab .current {

    border-bottom: .03rem solid #2493CF;
}
.head .headtab .current {

    border-bottom: none;
}
.headtab .current>a {
    color: #2493CF !important;
}

.headtab li:hover {

    border-bottom: .03rem solid #2493CF;
    cursor: pointer;
}
.headtab li ul li:hover{
    border: none !important;
}
.headtab li ul li:last-of-type{
    margin-bottom: 0 !important;
}
.headtab li:hover>a {
    color: #2493CF;
    
}

.headinpbtn {
    display: inline-block;
    width: .48rem;
    height: .38rem;
    background-color: #2493CF;
    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.5rem;
    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: #2493CF;
}



.tabs-box {
    width: 100%;
    /* height: 3.9rem; */
    padding-bottom: .5rem;
    position: absolute;
    top: .82rem;
    left: 0;
    background-color: #fff;
    padding-left: 6.29rem;
    padding-top: .65rem;
    display: flex;
}
.headtab li:nth-of-type(1) .tabs-box{
    padding-left: 5.35rem !important;
}
.headtab li:nth-of-type(2) .tabs-box{
    padding-left: 9.5rem !important;
}
.headtab li:nth-of-type(3) .tabs-box{
    padding-left: 10.7rem !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;

}
.headtab li:nth-of-type(6) .tabs-box{
    padding-left: 13.1rem !important;
}
.headtab li:nth-of-type(7) .tabs-box{
    padding-left: 12.35rem !important;
}
.tabs-box img {
    width: 2rem;
    height: 1.12rem;
    margin-right: .63rem;
}

.tabs-box ul {
    padding-left: 0.78rem;
    border-left: 0.6px solid rgba(193, 193, 193,0.3);
    display: flex;
    flex-direction: column;
    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;
    min-height: 1.32rem;
}
   /* 底部 */
   .foots {
    height: 100vh;
    width: 100%;
    padding: 0 calc((100vw - 15rem)/2) .5rem;
    background-color: #FFFFFF;
    /* border-top: 2px solid #2493CF; */
    
}

.footh1 {
    display: none;
}

.foots a{
    cursor: pointer;
}
.foots a:hover{
    color: #2493CF !important;
}
.footstop {
    width: 100%;
    padding-bottom: .9rem;
    border-bottom: .01rem solid rgba(75, 75, 75, 0.5);
    display: flex ;
}
.footstopl {
    display: flex;

}




.zxxx {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    margin-right: .79rem;
}

.fimgs {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    border: 1px solid #CDCDCD;
    margin-right: .17rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fimgs img {
    width: .24rem;
    height: .24rem;
}

.zxxx h5 {
    font-family: ll;
    font-size: .16rem;
    font-weight: 500;
    line-height: .24rem;
    letter-spacing: 0em;
    text-align: left;
    color:#666666;

}

.zxxx h5 span {
    font-family: LL;
    font-size: .16rem;
    font-weight: 300;
    line-height: .24rem;
    letter-spacing: 0em;
    text-align: left;
    color:#666666;
}
.footstopr{
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding-top: .62rem;
}
.footstopr li{
    margin-left: 1.6rem;
}
.footstopr li p{
    margin-bottom: .24rem;
}
.footstopr li a{
    font-family: ll;
font-size: .18rem;
font-weight: 300;
line-height: .21rem;
letter-spacing: 0em;
text-align: left;
color: #515151;
}
.footsbtn{
    display: flex;
    justify-content: space-between;
}
.footsbtnl{
margin-top: .31rem;
} 
.footsbtnl a{
font-family: ll;
font-size: .15rem;
font-weight: 300;
line-height: .18rem;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
}
.footsbtnl p{
font-family: ll;
font-size: .15rem;
font-weight: 300;
line-height: .18rem;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
}

.footsbtn #bdshare{
    flex-direction: row !important;
    margin-top: .29rem !important;
    
}
.footsbtn #bdshare div{
    margin-left: .13rem;

}
.footsbtn #bdshare a{
    width: .52rem !important;
    height: .52rem !important;
    border: 1px solid #E6E6E6 !important;
    background-size: .28rem .28rem !important ;
}
.footsbtn .tnr1 a{

    /* background-color:#101217 !important; */
    background-image: url(../images/wwbb.png) !important;
    margin-bottom: 0 !important;

}
.footsbtn .tnr2 a{

    /* background-color:#101217 !important ; */
    background-image: url(../images/qqqq.png) !important;
    margin-bottom: 0 !important;

}
.footsbtn .tnr3 a{


    /* background-color:#101217 !important; */
    background-image: url(../images/weixin1.png) !important;
    margin-bottom: 0 !important;

}
.footsbtn .tnr4 a{


    /* background-color:#101217 !important; */
    background-image: url(../images/tuite1.png) !important ;
    margin-bottom: 0 !important;

}
.footsbtn div:hover{
    border: none !important;
    
}
.footsbtn .tnr1:hover a{
background-color: #E10412 !important;
background-image: url(../images/wwbb1.png) !important;
} 
.footsbtn .tnr2:hover a{
background-color: #027CFE !important;
background-image: url(../images/qqqq1.png) !important;
}
.footsbtn .tnr3:hover a{
    background-image: url(../images/weixin2.png) !important;
background-color: #10D169 !important;
}
.footsbtn .tnr4:hover a{
    background-image: url(../images/tuite2.png) !important ;
background-color: #10D169 !important;
}

.footh1 {
    color: #FFF;
    font-family: rr;
    font-size: .42rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding-bottom: .51rem;
    border-bottom: 1px solid #4B4B4B;
}

.footstopl {
    display: block;

}

.footstopl .zxxx:first-of-type {
    display: flex;
}

.foots {
    background-image: url(../images/footbgg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 1.52rem;
}

.zxxx h5 {
    color: #FFF;
    font-family: rr;
    font-size: .18rem;
    font-style: normal;
    font-weight: 500;
    line-height: .28rem;
}

.zxxx h5 span {
    color: #FFF;
    font-family: ll;
    font-size: .16rem;
    font-style: normal;
    font-weight: 300;
    line-height: .28rem;
}

.zxxx {
    margin-top: .56rem;
}

.footstopr {
    display: none;
}

.footstop {
    justify-content: space-between;
}
.fimgs img {
    filter: brightness(2.4);
}

.footstopl .zxxx:first-of-type .fimgs img {
    filter: brightness(1);
}

.foots .ewm { display: flex; align-items: flex-end;}
.foots .ewbox { margin-left: 0.3651rem; }
.foots .ewbox>div { width: 1.2875rem; height: 1.2875rem; background: url(../images/ewk.png) no-repeat; background-size: 1.2875rem 1.2875rem; display: flex; justify-content: center; align-items: center; margin-bottom: 0.3rem; position: relative; overflow: hidden; }
.foots .ewbox>div div { width: 100%; height: 100%; background: url(../images/sm.png) no-repeat; background-size: 1.2875rem 0.2978rem; position: absolute; bottom: 0; left: 0; animation: run1 2s infinite; -webkit-animation: run1 2s infinite; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; animation-direction: alternate; }
@keyframes run1 {
  0% { transform: translateY(0); }
  100% { transform: translateY(100%); }
}
@-webkit-keyframes run1 {
  0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(100%); }
}
.foots .ewbox>div .sm { width: 1.2875rem; height: 0.2978rem; background: url(../images/sm.png) no-repeat; transform: rotate(180deg); background-size: 1.2875rem 0.2978rem; position: absolute; top: 0; }
.foots .ewbox>div img { width: 1.0953rem; height: 1.0953rem; }
.foots .ewbox p { font-family: 'l'; font-style: normal; font-weight: 300; font-size: 0.16rem; line-height: 0.19rem; width: 100%; text-align: center; color: #979797; }


  /* 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 0 .3rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    position: relative;
}
.mheader .inputs{
    display: none;
    position: absolute;
    width: 4rem;
    height: .6rem;

    top: 50%;
    left: 2.5rem;

    transform: translateY(-50%);
}
.mheader .inputs input[type='text']{
      width: 4rem;
    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.84rem;
    height: .3rem;
}

.mheaderr img {
    width: .44rem;
    height: .44rem;
}

.search11 {
    margin-right: .41rem;
}
/*手机菜单*/
.droplist { display:none; width:100%; height:100%; z-index:100; position:fixed; top:1.1rem; bottom:0; left:50%; margin-left:-50%; background-color:#FFFFFF; }
.droplist > ul { overflow-y:auto; padding:0 0.65rem; 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: 400;line-height: 0.86rem;letter-spacing: 0em;text-align: left;
height:0.86rem; border-bottom:1px solid #A9A9A9; display:block; display:block;   position: relative;}

.droplist>ul>li>a.current { }

.droplist ul li ul { display:none; border-bottom:1px solid #A9A9A9; padding:0.18rem 0; }
.droplist ul li ul li a { color:#767676; font-family: ll;font-size:0.22rem; line-height:0.5rem; }
.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: #666666;
        position: absolute;
        top: .18rem;
        left: .1rem;
    }

    .plus::after {
        transform: rotate(90deg);
    }
    .current .plus{
        display: none;
    }
    .current .minus{
        display: block;
    }
    .minus {
        display: none;
        width: .3rem;
        height: .03rem;
        background-color: red;
        position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: .05rem;
    }
/* .msban */
.msban {
    width: 100%;
    /* height: 6.15rem; */
height: 100vh;
    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 .3rem;
    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;
}
.arrow-right {
    width: .1rem;
    height: .1rem;
    border-top: .02rem solid;
    border-right: .02rem solid;
    border-color: red;
    content: '';
    position: absolute;
    left: .05rem;
    top: 42%;
    transform: translateY(-50%);
    transform: rotate(45deg);
}
.tiaodong{
    display: inline-block;
    width: .5rem;
    height: .5rem;
   cursor: pointer;
    position: fixed;
    /* background-image: url(../images/arrow3.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: .34rem;
    right: .75rem;
    /* left: 50%;
    transform: translateX(-50%); */
z-index: 111;
/* transform: rotate(180deg); */
    /* display: none; */
}
.tiaodong img{
    width: 100%;
    height: 100%;
    /* -webkit-animation: arrowdown 1s ease infinite !important;
    animation: arrowdown 1s ease infinite !important; */
}
.huiding{
    display: inline-block;
    width: .5rem;
    height: .5rem;
   cursor: pointer;
    position: fixed;
    /* background-image: url(../images/arrow3.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: .34rem;
    right: .75rem;
    /* left: 50%;
    transform: translateX(-50%); */
transform: rotate(180deg);
  
z-index: 111;
    display: none;
}
.huiding img{
    width: 100%;
    height: 100%;
    /* -webkit-animation: arrowdown 1s ease infinite !important;
    animation: arrowdown 1s ease infinite !important; */
    /* transform: rotate(180deg); */
}
.huiding img:last-of-type,.tiaodong img:last-of-type{
	display: none;
}
.huiding:hover img:first-of-type,.tiaodong:hover img:first-of-type{
	display: none;
}
.huiding:hover img:last-of-type,.tiaodong:hover img:last-of-type{
	display: flex;
}
@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: #2493CF;
}
.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: #2493CF !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;

}

.imgs img {
    width: 100%;
    height: 100%;
}
.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%;

}

/* shouji */
.myearsswp {
    width: 100%;
    position: relative;
}

.myearsswp:before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    height: 1px;
    bottom: 2.5rem;
    background: #eeeeee;
}

.mmyyratswiper {
    width: 1440px;
    margin: 0 auto;
    max-width: 85%;
}

.mmyyratswiper .items {
    text-align: center;
    width: 23%;
    margin-right: 2.6%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* .mmyyratswiper1 {
    width: 1440px;
    margin: 0 auto;
    max-width: 85%;
} */

.mmyyratswiper1 .items {
    text-align: center;
    width: 23%;
    margin-right: 2.6%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.myearsswp .years {
    font-family: Bebas;
    font-size: .48rem;
    font-weight: 400;
    line-height: .64rem;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
}

.myearsswp .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;
}

.imgs {
    width: 2.86rem;
}

.imgs img {
    width: 100%;
}

.myearsswp .items .line:before {
    position: absolute;
    content: "";
    width: .06rem;
    height: .15rem;
    left: 0;
    right: 0;
    bottom: .09rem;
    margin: auto;
    background: #FF0F00;
}

.myearsswp .items .line {
    height: 1px;
    width: 100%;
    margin-bottom: .5rem;
    position: relative;
}

.myearsswp .swiper-button-prev::after,
.myearsswp .swiper-button-next::after {
    content: '' !important;
}

.myearsswp .swiper-button-prev {
    background: #FF0F00;
    left: 3%;
    width: .54rem;
    height: .54rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.myearsswp .swiper-button-next {
    background: #FF0F00;
    right: 3%;
    width: .54rem;
    height: .54rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


    /* ====================类别列表========================== */

   .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.2rem;
    height: 1.2rem;
}



    .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 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.85rem !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: #2493CF;
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;
              position: relative;
          }
          .retuitu .baseTitle{
            position: absolute;
            left: 50%;
            top: 1rem;
            transform: translateX(-50%);
          }
          .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: #2493CF;
          }
      
          .retuitur {
      
              padding: .67rem .66rem .67rem .63rem;
      
          }
      .retuitur:hover h6{
        color: #2493CF;
      }
      .retuitur:hover p{
        color: #2493CF;
      }
          .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: #2493CF;
              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: #2493CF;
          }
          .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: #2493CF;
          }
          .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: #2493CF;
    }

    .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: #2493CF;
        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: #2493CF;
    }
    .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: #2493CF;
    }
    .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%;
        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: #2493CF !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: #2493CF;
    }

    .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;
    
    }
.wjtitle1:hover .wjlb{
    color: #2493CF;

}.wjtitle1:hover .gxrq{
    color: #2493CF;
    
}
.wjtitle1:hover .wjmc span{
    color: #2493CF;
    
}
    .wjtitle p {
        color: #FFFFFF !important;
    }
 /* ====================在线招聘岗位2========================== */



.companyjj {
    width: 100%;
    padding: 1.03rem 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: #FFFFFF;
    display: flex;
    align-items: center;
    border-top: 4px solid #2493CF;
    border-bottom: 1px solid #EAEDED;
}

.zptitle p {
    flex: 20%;
    font-family: bb;

    font-size: .18rem;
    font-weight: 500;
    line-height: .21rem;
    letter-spacing: 0em;
    color: #2493CF;
}

.zptitle1 {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    position: relative;
    border-bottom: 1px solid  #EAEDED;
}

.zptitle11 {
    width: 100%;
    display: flex;
    height: .79rem;
    align-items: center;
    /* background-color: #FFFFFF; */
}

.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;
    display: none;
}

.gzdd {
    text-align: center;
}

.zprs {
    text-align: center;
}

.gwxq {
    width: 100%;
position: relative;
background-color: #F9F9FA;
/* 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: ll;
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.68rem; */
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;

    display: inline-block;
    padding: 0.1rem 0.25rem;
    position: relative;
    overflow: hidden;
}
.sqzw a span{
    position: relative;
    z-index: 10;
}
.sqzw a::after{
    content: "";
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #2493CF;
    z-index: 1;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
}
.sqzw a:hover span{
    color:#2493CF ;
}
.sqzw a:hover{
    border: 1px solid #2493CF;
}
.sqzw a:hover::after{
left: 100%;
}
/* 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: #2493CF;
}
.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: #2493CF;
}
.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: 1.2rem 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;
}
/* .xinwenlist:hover h6{
    color: #2493CF;
}
.xinwenlist:hover h6 span{
    color: #2493CF;
} */
.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: #2493CF ;
} */
.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: #2493CF ;
    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 #2493CF;
    color: #373737;
}
  /* M15DETAIL */

  #bdshare {
    display: flex;
    flex-direction: column;
    margin-top: 0.25rem;
}

#bdshare a {
    display: block;
    width: 0.36rem;
    height: .36rem;
  
    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>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: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: #525854;
    margin-top: .07rem;
}

.detaill p {
    font-family: MM;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    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: .4rem;
    margin-top: .12rem
}

.detailr img {
    /* margin: .4rem 0 .37rem 1.65rem; */
    /* width: 8rem;
    height: 5.26rem; */
    max-width: 8rem;
}

.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: #2493CF;
    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: #2493CF;
}
.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 span{
    font-size: .14rem;
}
/* .detailrbom .fanhui:hover{
    background: #2493CF;
    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:#2493CF;}
a.whiteMore:hover span,.whiteMore:hover span{color:#2493CF}
a.redMore:hover span,a.grayMore:hover span{color:#fff;}
a.grayMore:hover{border-color:#2493CF;}
a.whiteMore,.whiteMore{border:1px solid #fff;}
a.redMore{border:1px solid #2493CF;}
a.grayMore{border:1px solid #b8b8b8;}
a.whiteMore span,.whiteMore span{color:#fff;}
a.redMore span{color:#2493CF;}



.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: flex;
align-items: center;
border-bottom: 1px solid #CECECE;
border-top: 1px solid #CECECE;
padding: .23rem 0;
}

.huitui {
width: 100%;
padding:  .72rem 0 1.14rem;
}
.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{
    width: 100%;
    height: 100%;
    animation: slowScale 20s linear infinite;
}
.dytoptu video{
    position: absolute;
    left: 0;
    top: 0;
}
.companyjj {
    width: 100%;
    padding: .95rem 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%);
}

.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 a.mbactive {
padding-left: 0.2rem;

}

.lxxxxq .xfbss:hover a{
    color: #2493CF !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 {
    text-indent: 0;
    }
    
    .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;
    }
    .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;
    } */
/* 关于我们 */
.AboutUss {
    display: flex;
    width: 100%;
    padding: .93rem calc((100vw - 15rem)/2) 1.2rem;
    justify-content: space-between;
}
.AboutUss p{
    text-indent:0 !important;
}
.AboutUsl {
    height: 6.27rem;
    width: 5rem;
}

.AboutUsr {
    flex: 1;
    margin-left: .7rem;
}

.AboutUsr h5 {
    font-family: ll;
    font-size: .28rem;
    font-weight: 400;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: left;
    color: #515151;
}

.AboutUsr p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: .15rem;
    color: #515151;
}

.absz {
    display: flex;
margin-top: .48rem;
}
.absz h1{
width: 1.4rem;
    margin-right: 1.15rem ;
}
.absz h1 p:first-of-type{

    font-family: Roboto;
font-size: .48rem;
font-weight: 500;
line-height: .56rem;
letter-spacing: 0em;
text-align: left;
color: #2493CF;
display: flex;
}
.absz h1 p:first-of-type a{
    font-family: Roboto;
font-size: .48rem;
font-weight: 500;
line-height: .56rem;
letter-spacing: 0em;
text-align: left;
color: #2493CF;
display: flex;
cursor: default;
}
.absz h1 p sup{font-family: ll;
font-size: .32rem;
font-weight: 400;
line-height: .38rem;
letter-spacing: 0em;



}
.absz h1 p:last-of-type{
    font-family: ll;
font-size: .2rem;
font-weight: 300;
line-height: .23rem;
letter-spacing: 0em;
text-align: left;
color: #515151;
margin-top: .08rem;
}

 /*网站地图*/
 .sitemap { overflow: hidden; background: #ebebeb; padding-bottom: .5rem; line-height: .25rem; }
 .sitemap .sitemap-box { overflow: hidden; width: 15rem; margin: 40px auto 0 auto; background: #ffffff; padding: .5rem .4rem; }
 .sitemap .sitemap-box dl { overflow: hidden; margin: 0 0 .3rem 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; }
 .sitemap .sitemap-box dd a { float: left; font-size: .14rem; color: #666666; line-height: .19rem; }
 .sitemap .sitemap-box dd a:hover { text-decoration: underline; }

@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; */
}

}
@media screen and (max-width:1366px){
    .headtab li a{
        font-size: 14px !important;
    }
}
.mheader{
    display: none;
}

.mfooter{
display: none;
}
.companyjj>.shoujih6{
    display: none;
}
.detaill h6,.mobdy2,.mbjj,.mnav1,.xinwenlist .mdates,.newstab,.xwnrrbom,.myearsswp,.gwxq>h5,.wjtitle11{
    display: none !important;
}
@media screen and (min-width:751px){


 
}




/*********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;
}

.msban>div:first-of-type {
    color: #FFF;
font-family: ll;
width: 100%;
font-size: .42rem;
font-style: normal;
font-weight: 900;
line-height: normal;
position: absolute;
top: 4.13rem ;
left: 50%;
transform: translateX(-50%);
}

.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: rr;
font-size: .58rem;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: .13rem;
text-align: center;
}
.msban .ttxxtt .text22 {
    color: #FFFFFF;
font-family: ll;
font-size: .20rem;
font-style: normal;
font-weight: 300;
line-height: normal;
text-align: center;
}
.msban .ttxxtt .text3{
    text-align: center;
    margin-top: 0.6rem;
    font-size: .22rem;
    color: #FFFFFF;
    font-family: 'll';
    font-weight: 400;
}

@media screen and (max-width:750px) {

    .msban .ttxxtt .text2 {
        color: #FFF;
        font-family: ll;
        font-size: .62rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0.22rem;
        text-align: center;
    }
    
    
    .msban .ttxxtt .text22 {
        color: #FFF;
        font-family: ll;
        font-size: .24rem;
        font-style: normal;
        font-weight: normal;
        line-height: normal;
        text-align: center;
    }
    

}



    @media screen and (max-width:750px) {
        html {
            font-size: 20px !important;
          }
        
          body {
            /* max-width: 7.5rem; */
          }
    
          .bannerswiper, .productdetail{
              height: 20vh;
          }
          .pCenter{
            top: 50% !important;
            transform: translateY(-50%) !important;
          }
          #section4{
            height: 421px !important;
          }

          .joincx{
            height:421px  !important;
          }
          .headtab li:hover>a{
            font-size: 10px !important;
          }
    }



    .cxctbox ul li img {
        width: 100vw;
        height: 100vh;
        /* object-fit: cover; */
    }

    .cxctbox ul {
        /* width: 400vw; */
        width: 1000vw;
        animation: move 200s infinite linear;
    }

    .cxctbox {
        overflow: hidden;
        width: 100vw;
        height: 100vh;
    }

    .cxctbox li {
        float: left;
    }

    @keyframes move {
        to {
            transform: translateX(-500vw);
        }
    }

    .cxctbox {
        position: relative;
    }


    .cxctbox .pCenter {
        position: absolute;
        top: 45%;
        left: 25%;
        z-index: 999;
    }
    .cxctbox .pCenter .font{
        display: flex;
    }
    .cxctbox .pCenter .tit {
        color: #FFF;
        font-family: rr;
        font-size: .58rem;
        font-style: normal;
        font-weight: 500;
        line-height: .58rem;
        margin-bottom: .28rem;
        writing-mode: vertical-rl;
        text-orientation: upright;
        margin-right: .1rem;
    }
    /* .cxctbox .pCenter  */
    .cxctbox .pCenter  .t2{
        margin-top: 1.15rem;
    }
    .cxctbox .pCenter  .desc {
        color: rgba(255, 255, 255, 0.4);
        font-family: ll;
        font-size: .28rem;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        writing-mode: vertical-rl;
        text-orientation: upright;
        margin-right: .15rem;
    }