a{text-decoration: none; display: block;}
img{width: 100%; height: 100%; display: block;}
li{list-style: none;}
*{margin: 0; padding: 0;}
html{scroll-padding-top: 100px;}


.header{height: 100px;display: flex; justify-content: space-between; align-items: center; padding: 0 16px; background: #031944; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; box-sizing: border-box;}
.logo{height: 60%; margin-right: 16px;}
.logo a{display: block; height: 100%;}
.header>ul {display: flex; align-items: center; padding: 0 .24rem; flex:1 ;min-width: 0; font-size: .21rem; box-sizing: border-box;}  

.header ul  li {padding: 0 24px; height: 64px; display: flex; align-items: center; box-sizing: border-box;}
.header ul li:last-child{display: none;}
.header ul  li a{font-size: .21rem; color: #fff; font-weight: 400;}
.action{ background: #E41D14;}
.language-show{font-size: .21rem;  width: 50px ;height: 50px; border-radius: 50%; border: 1px dashed rgba(255,255,255,.5); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 400; box-sizing: border-box; position: relative; }
.language-show:hover{border-color: #E41D14; background:#E41D14 ; transition: background-color .8s ease-in-out,border .8s ease-in-out;}

.language-show .system-language{position: absolute ;display: none;  top: 100%; right: 0; font-size: .16rem; width: 1.5rem;  height: auto;  line-height: .5rem; text-align: center; background: #031944; z-index: 99; border-radius:  0 0px 8px 8px; overflow: hidden;}
.language-show .system-language span{display: block; }
.language-show .system-language span:nth-child(3){background: #E41D14;}
 .ydheaderlist{display: none;}

.footer{ width: 100%; height: auto; position: relative; background: #031944;}
.footer .attr-type-title-boxs{background: linear-gradient(to right,#ce0e2d,#faaebb,#031944);}
.footer .attr-type-title-boxs a{color: #fff;}
.attr-info_ionc{width: .45rem; height: .45rem; margin-right: .20rem;}
.attr-info_text{font-size: .34rem; color: #fff;font-weight: 500;}
.attr-info_text a{color: #fff;}
.attr-info{display: flex; align-items: center; width: 100%;}

.prefix{font-size: .16rem; color: #ffffff80; font-weight: 300; margin-right: .20rem;}
.css-var-r0{display: flex; justify-content: space-between; margin-top: .19rem;}
.css-var-r0_item{width: 100%; display: flex; justify-content: space-between;}

.list-attr-box{display: flex; justify-content: space-between; width: 100%; margin-top: .34rem;}

.list-attr-box_item{font-size: .16rem; color: #ffffff80; width: 100%; }

.website-copyright{margin-top: .4rem; border-top: 1px solid rgba(0,0,0,.5); padding: 16px; display: flex; align-items: center; justify-content: center;}
.website-copyright a{font-size: .14rem; color: #ffffff80;}


.title-prefix-box{display: flex; align-items: center;  margin-bottom: .24rem;}
.title-box{font-size: .56rem; color: #fff; border-bottom: 4px solid #E41D14; font-weight: 500;}


.attr-type-title-box{display: flex; justify-content: space-between;}
.attr-type-title-boxs{padding: .04rem .2rem; width: 100%; line-height: 56px; box-sizing: border-box; background: linear-gradient(to right,#ce0e2d,#faaebb,#fff);font-size: .19rem; color: #fff;}
.content-unify{width: 100%; padding: .4rem .8rem 0 .8rem; box-sizing: border-box;}

.attr-type-title-box >div{width: 49%;}
.attr-type-title-boxs{padding: .04rem .2rem; width: 100%; line-height: 56px; box-sizing: border-box; background: linear-gradient(to right,#ce0e2d,#faaebb,#fff);font-size: .19rem; color: #fff;}


@media screen and (max-width: 768px) {
    .logo{height: 40px;}
   .header ul{flex: none; padding: 0;}
   .header>ul li{display: none; padding: 0 15px;}
   .header>ul li:nth-child(1){display: flex;}
   .header>ul li:last-child{display: flex; color: #fff;font-size: .3rem;}
   .content-info-box{width: 100%;}
   .flex-box{padding: .21rem;}
   .iocn{display: none;}

   .ydheaderlist{position: absolute; display: none; top: 1.65rem; background: #001529; left: 3rem; height: auto;}
   .ydheaderlist ul{height: auto;}
   .ydheaderlist ul li{padding: 0 35px;}
   .language-show{width: 40px; height: 40px;}
   .header{padding: 10px; height: auto;}

    .content-unify{padding: .21rem;}


    .attr-type-title-boxs{width: 100%; margin-bottom: .5rem; line-height: 35px;}
   .attr-type-title-box{flex-wrap: wrap;}
   .attr-type-title-box >div{width: 100%; overflow: hidden;}
   .attr-type-title-box >div:nth-child(1){margin-bottom: .5rem;}
  
}