.noShow {
    display: none;
}
.headerbody{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.03);
}
.headerbody_bj{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    overflow: hidden;
}
.headerbody_bj>img{
    width: 100%;
    height: 4rem;
}

.btn{
    font-size: .16rem;
    font-family: "Microsoft YaHei","SimSun";
    font-weight: 600;
    color: #363636;
    cursor: pointer;
}
.btn:hover{color:#2a7efb;}
.subbtn{
    position: absolute;
    left: 1.20rem;
}
.jiaru{
    position: absolute;
    left: 1.64rem;
}
.headerbody_top_right{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-top: .41rem;
}
.yq > a{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.headerbody_top_right > .btn,.yq > a> .btn{
    margin: 0 .1rem;
}

.g{
    font-size: .12rem;
    font-family: "Microsoft YaHei","SimSun";
    font-weight: 600;
    color: #363636;
}
.yq > a:last-child>.g{
    display: none;
}
.header_nav{
    width: 100%;
    height: 2rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.03);
    display: flex;
    justify-content: center;
    
}
.header_nav_auto{
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; */
    position: relative;
    width: 15.5rem;
    z-index: 999;
}
.logo{
    height: 0.8rem;
    position: absolute;
    left: 0;
    top: 0.39rem;
    cursor: pointer;
}
.pull-right{
    position: absolute;
    bottom: .1rem;
    left: 50%;
    transform: translate(-50%,0);
    background-color: rgba(56, 102, 165, 1);
    border: none;
    border-radius: .04rem;
    width: 15.5rem;
    height: .5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.pull-right a{color:#FFFFFF;cursor:pointer;}
#header .pull-right a:hover{color:#aaa;}
#header .pull-right a~a{margin-left:.20rem;}
#nav .pull-right .item{
    font-size: .24rem;
    width: 1.1rem;
    font-family: "Microsoft YaHei","SimSun";
    /*font-weight: bold; */
    margin-left: .62rem;
    text-align: center;
    color: #FFFFFF;cursor:pointer;position:relative;display:inline-block;zoom:1;text-decoration: none;}
#nav .pull-right .item:hover{color:#cccccc;}
#nav .pull-right .item.on{color:#2a7efb;}
#nav .pull-right .demoCenter{font-size:.13rem;color:#fff;width:.90rem;height:.32rem;background-color:#2a7efb;border-radius:.3rem;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;text-align:center;line-height:.32rem;margin-left:.42rem;cursor:pointer;position:relative;}
#nav .pull-right .demoCenter .demoCon{position:absolute;right:0;z-index:99;top:.30rem;padding-top:.45rem;display:none;}
#nav .pull-right .demoCenter .demoCon .demo{width:4.50rem;border-radius:.10rem;background-color:#fff;box-shadow:3px 3px 20px rgba(0,0,0,0.12);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr="#2abefb",endColorstr="#2a7efb",gradientType="1");padding:.2rem;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg{background-color:#fff;border-radius:.10rem;text-align:center;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .name{font-size:.24rem;color:#454545;font-weight:bold;padding-top:.20rem;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .infor{font-size:.18rem;font-weight:bold;color:#2a7efb;margin-top:.13rem;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg table{border:1px solid #abc5ff;font-size:.14rem;width:3.98rem;margin:.11rem auto 0 auto;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg table tr th{color:#005de7;background-color:#d9e8ff;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg table tr td{color:#282828;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .showTitle{font-size:.18rem;color:#2a7efb;font-weight:bold;margin-top:.16rem;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .showHow{margin-top:.10rem;padding-bottom:.20rem;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .showHow .dis{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .showHow .dis~.dis{margin-left:.50rem;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .showHow .showCode{font-size:.12rem;color:#454545;margin-top:.4rem;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .showHow .pictrue{width:1.00rem;height:1.00rem;}
#nav .pull-right .demoCenter .demoCon .demo .whiteBg .showHow .pictrue img{width:100%;height:100%;}
#nav .pull-right .item .list{position:absolute;top:.40rem;left:50%;margin-left:-.75rem;opacity:0;filter:alpha(opacity=0);transform:scale(0);transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
#nav .pull-right .item .list.on{opacity:1;filter:alpha(opacity=100);transform:scale(1);}
#nav .pull-right .item .list .itemn{height:.50rem;border-bottom:1px solid #f0f0f0;background-color:#fff;cursor:pointer;line-height:.50rem;font-size:.187rem;width:1.50rem;text-align:center;color:#282828;}
#nav .pull-right .item .list .itemn:hover{color:#FFFFFF;background-color: rgba(56, 102, 165, 1);}

.right_query{
    position: absolute;
    right: 0;
    top: .8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.query{
    background: #FFFFFF;
    border: .01rem solid rgba(68, 126, 205, 1);
    width: 3.03rem;
    height: .40rem;
    border-radius: .06rem;
}
.query>form{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.query>form .query_input{
    width: 2.78rem;
    height: 100%;
    outline: none;
    border: none;
    font-size: .14rem;
    font-family: "Microsoft YaHei","SimSun";
    font-weight: 400;
    margin: 0rem .1rem;
}
.query>form .query_input::placeholder{
    color: #86909C;
}
.query_btn{
    width: .80rem;
    background: rgba(56, 102, 165, 1);
    line-height: .40rem;
    text-align: center;
    font-size: .14rem;
    font-family: "Microsoft YaHei","SimSun";
    font-weight: 500;
    color: #FFFFFF;
    cursor: pointer;
    border-top-right-radius: .06rem;
    border-bottom-right-radius: .06rem;
}
.query_btn1{
    border-radius: .06rem;
    margin-left: .2rem;
}

.scroll-wrap {
    width: 12.00rem;
    height: .49rem;
    line-height: .49rem;
    overflow: hidden; /* 隐藏溢出的内容 */
    position: relative;
    margin: 0 auto;
}
.scroll-text {
    font-size: .12rem;
    font-family: "Microsoft YaHei","SimSun";
    font-weight: 400;
    color: #4E5969;
}
.scroll-text p {
    -webkit-animation: 10s anim2 linear infinite normal;
    animation: 10s anim2 linear infinite normal;
}
.scroll-text p:hover {
    animation: 10s anim2 linear infinite paused;
}
@-webkit-keyframes anim2 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(0, 120px, 0);
      transform: translate3d(0, -120px, 0);
    }
}
@keyframes anim2 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    100% {
      -webkit-transform: translate3d(0, -120px, 0);
      transform: translate3d(0, -120px, 0);
    }
}