@media screen and (max-width:5560px) and (min-width: 1024px){
 body{ font-size:0.22rem; max-width:2560px;   }
 .width1735{ width:19.35rem; margin:0 auto; }  
 
 .logobox{ display:flex; align-items:center; font-size:0.3rem;  line-height:0  }
 .logobox i{ padding:0 10px 0 10px; color:#999;}
 .logobox em{ font-size:0.35rem; font-weight:bold; }
 .topbox{ height:0.83rem; display:flex; justify-content: space-between; align-items: center; }
 .toplink{ display:flex; justify-content:space-between; align-items:center; width:4.3rem;}
 .toplink a{ width:1.25rem; height:0.49rem; line-height:0.49rem; border-radius:10px; border:1px solid #59a4cc; text-align:center; }
.banner{ width:100%; height:7.6rem; background:url(../images/bannerbg.png) no-repeat center #f4f4f4; background-size:cover;  }
.textbox{  height:7.6rem; display:flex;   flex-direction: column; justify-content:center; align-items:center; }
.textbox h1{ font-size:0.9rem; color:#f4e0d3; font-weight:normal; }
.textbox h1 img{ width:8rem; height:auto; }
.textbox p{ padding:0.5rem 0  0rem 0; font-size:0.24rem; color:#333; width:14rem; }

.leftnav{ width:2.8rem; position:absolute; top:0.5rem;  height:100%;}
.hd{  position: -webkit-sticky;
    position: sticky;
    top:0.5rem; left:0.5rem; }
.leftnav h2{ font-size:0.3rem; height:0.9rem;  color:#1c64c6; display:flex; align-items:center; border-bottom:1px solid #1c64c6; justify-content: space-around ;}
.leftnav ul { padding-bottom:0.5rem; }
.leftnav ul li{ font-size:0.3rem; height:1rem; line-height:1rem; text-align:right; padding-right:0.2rem;  }
.leftnav h2 img{ width:0.56rem; height:auto;}
.leftnav h3{  font-size:0.3rem; background:#e7f0ff; width:100%; height:0.9rem; border-radius:15px; display:flex; align-items:center;  justify-content: space-around;}
 .leftnav h3 img{ width:0.59rem; height:auto; }
.imgbox img{ width:100%; height:auto; padding-top:0.5rem; }
.imgbox li{ padding-bottom:0.3rem; width: 50%;
        float: left;}
.slideTxtBox{ position:relative; }
.leftnav ul li{ cursor:pointer; }
.leftnav ul li.on a{ color:#1c64c6; font-weight:bold; }

}

        .leftnav ul li.on{
                background: url(../images/icon1.png) no-repeat 40px;
                background-size: 24px;
                border-bottom: 1px solid #1c64c6;
        }

/*弹窗样式*/
.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dialog {
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index:999;
}

.dialog__overlay {
    position: absolute;
    z-index: 1;
    background: rgba(55, 58, 71, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}

.dialog--open .dialog__overlay {
    opacity: 1;
    pointer-events: auto;
}

.dialog__content {
    width: 90%;
    height: 90%;
    
    padding:0px;
    text-align: center;
    position: relative;
    z-index: 5;
    opacity: 0;
}
.dialog__content img{ width:100%; height:auto; }
.dialog--open .dialog__content {
    pointer-events: auto;
}

/* Content */
.dialog h2 {
    margin: 0;
    font-weight: 400;
    font-size: 2em;
    padding: 0 0 2em;
    margin: 0;
}

.dialog__overlay {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.dialog.dialog--open .dialog__content {
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
    -webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1);
    animation-timing-function: cubic-bezier(0.6,0,0.4,1);
}

.dialog.dialog--close .dialog__content {
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
}

@-webkit-keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); }
}

@keyframes anim-close {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
}


@media screen and (max-width: 1000px) and (min-width:0){ 
.dialog__content {
    width:90%;
   
    
    padding:0px;
    text-align: center;
    position: relative;
    z-index: 5;
    opacity: 0;
}
  body{ font-size:1rem;   }
 .width1735{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; }  
 .logo{ height:1.5rem; width:auto; }
  .logobox{ display:flex; align-items:center; font-size:1rem;  line-height:0  }
 .logobox i{ padding:0 8px 0 5px; color:#999;}
 .logobox em{ font-size:1rem; font-weight:bold; }
 .topbox{ height:3rem; display:flex; align-items: center; }
 .toplink{ display:none; justify-content:space-between; align-items:center; width:4.3rem; }
 .toplink a{ width:1.25rem; height:0.49rem; line-height:0.49rem; border-radius:10px; border:1px solid #59a4cc; text-align:center; }
.banner{ width:100%;   background:url(../images/bannerbg.png) no-repeat center  #f4f4f4; background-size: auto 100% ;  }
.textbox{  height:16rem; display:flex;   flex-direction: column; justify-content:center; align-items:center; }
.textbox h1{   }
.textbox h1 img{ width:8rem; height:auto; }
.textbox p{ padding:1rem 0  0rem 0; font-size:14px; color:#333; }
 
 .leftnav{ width:100%;  position: -webkit-sticky;
    position: sticky;
    top:0rem; left:0.5rem; background:#fff }
.hd{  }
.leftnav h2{  height:3rem; padding-left:15px;  color:#1c64c6; display:flex; align-items:center; border-bottom:1px solid #1c64c6;  }
.leftnav ul { padding:15px 0; display:flex; justify-content:space-around; }
.leftnav ul li{  height:1rem; line-height:1rem;    }
.leftnav h2 img{ width:1.8rem; height:auto; margin-right:10px;}
.leftnav h3{    background:#e7f0ff; width:40%; height:2rem; border-radius:15px; display:flex; align-items:center; justify-content:center;    position: absolute; right:15px;  top:0.5rem; z-index:99   }
 .leftnav h3 img{ width:1.5rem; height:auto;  margin-right:10px; }
 .imgbox{ padding:0 10px; }
.imgbox img{ width:100%; height:auto; padding-top:0.5rem; }
.imgbox li{ padding-bottom:0.3rem; }
.slideTxtBox{ position:relative; }
.leftnav ul li{ cursor:pointer; }
.leftnav ul li.on a{ color:#1c64c6; font-weight:bold; }


}