html {scroll-behavior: smooth;}
body {padding-top: 20px;padding-bottom: 50px;font-size: 16px;color: #000;}
.header{box-sizing: content-box;}
.container{width: 80%;display: flex;}
a:hover{color: #1366ec;text-decoration: unset;}

.sidebar{position: fixed;max-height: 90vh;overflow-y: auto;border: 1px solid #eee;padding:15px;background:#fff;}
.main-content{/* margin-left: 310px; *//* margin-right:30px; */}
.sidebar ul{list-style:none;padding-left:10px;}
.sidebar li{margin:6px 0;}
.sidebar a{color:#333;text-decoration:none;}

.sidebar_fl{background:#fff;position:relative;border-right:1px solid #e5e7eb;transition:transform .3s ease, width .3s ease;}
.sidebar_fl.collapse-left{transform:translateX(-100%);width:0;overflow:hidden;}
.sidebar_list{position:sticky;top:2.5rem;z-index:100;transition:top .2s ease-out;color:#3d3d3d;}
.sidebar_help{max-height:calc(100vh - 2.5rem);overflow-y:auto;padding:1.5rem;width:100%;}
.sidebar_help a{color: #000;text-align: left;display: block;padding-top: 1rem;font-size: 1.4rem;}
.sidebar_help a:hover{color: #1366ec;text-decoration: unset;}
.sidebar_help::-webkit-scrollbar{width:5px;}
.sidebar_help::-webkit-scrollbar-thumb{background:#dfdfdf;border-radius:3px;}
.sidebar_help h2{text-align:center;margin:0;color:#000;border-bottom: 1px solid #e5e7eb;padding: 1.5rem 0;}
.sidebar_help h3{color:#000;line-height:1.5rem;padding-top: 1.5rem;font-size: 1.6rem;}
.sidebar_help h3:first-child{border-top:none;}
.sidebar_help p{display:flex;font-size:.875rem;font-weight:400;letter-spacing:.4px;line-height:1.5rem;overflow:visible;padding:3px 0;vertical-align:middle;word-break:break-word;margin:0;}
.sidebar_help p a{color:#3d3d3d;transition:color .3s ease;}
.sidebar_help p a:hover{color: #1366ec;text-decoration: unset;}

.position{font-size: 1.4rem;}

.leftmenu h2{font-size: 2rem;padding: 1rem 0;color: #000;font-weight: bold;}
.leftmenu,.rightcon{line-height: 2rem;background-color: #f3f5f8;padding: 40px 30px;max-width: 700px;margin: 30px auto;border-radius: 10px;margin-right: 3rem;}
.leftmenu .con{/* padding-top: 1rem; *//* padding-bottom: 1rem; *//* padding-left: 0.5rem; */line-height: 2.5rem;/* background: #fff; */}


.sidebar_help p a.on{background:#f7f9fc;color:#1366ec;}

.maincontainer .wel{font-weight: 600;line-height: 7rem;font-size: 3rem;margin: 0 0 2rem;color: #000;}

h1{font-size:2.5rem; margin:2rem 0 1rem; }
h2{font-size:2rem; margin:1.8rem 0 1rem; }
h3{font-size:1.5rem; margin:1.5rem 0 0.8rem; }
h4{font-size:1.2rem; margin:1.2rem 0 0.6rem; }
.section-block{margin-bottom:40px;padding:20px;background:#fdfdfd;border-radius:6px;border:1px solid #f0f0f0;}
.section-block p{font-size: 1.4rem;font-weight: 400;line-height: 24px;margin: 0 0 8px;word-break: break-word;letter-spacing: .4px;}
.section-block img{display: block;margin: 0 auto;}
.section-block p a{font-weight: bold;color: initial;}
.section-block p a:hover{color: #1366ec;text-decoration: unset;}

.anli{ margin:0px auto; clear:both; overflow:hidden;}
.gridimg {margin-top: 30px;overflow: hidden;float: left;}
.gridimg dl {border-bottom: 1px solid #999;overflow: hidden;padding-bottom: 15px;margin-bottom: 35px;margin-top: 10px;}
.gridimg dl dt {width: 76px;height: 60px;line-height: 60px;margin-right: 23px;border-right: 1px solid #e7e7e7;float: left;}
.gridimg dl dd {width: 1060px;float: left;}
.gridimg dl dd span {display: block;width: 75px;padding: 5px 0px;float: left;}
.gridimg dl dd span a {padding: 3px 5px;display: inline-block;}
.gridimg dl dd span.cur a {background-color: #333;color: #fff;text-decoration: none;}
.gridimg .left {overflow: hidden;font-family: microsoft yahei,Arial;float: left;}
.gridimg .left ul {margin-top: -28px;}
.gridimg .left li {padding-top: 28px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;float: left;}
.gridimg .left li:hover {background-color: #f9f9f9;}
.gridimg .left li i {display: block;overflow: hidden;}
.gridimg .left li i img {/*width: 360px;height: 240px;*/}
.gridimg .left li span {display: block;}
.gridimg .left li span.name {font-weight: bold;padding: 2rem 2rem 1rem 0;}
.gridimg .left li span.desc {font-size: 1.2rem;color: #999;line-height: 2rem;height: 6rem;overflow: hidden;padding-right: 2rem;}
.gridimg .left.wide ul {margin-left: -26px;}
.gridimg .left.wide ul li {width: 50%;padding-left: 4rem;}
.gridimg .left .more{text-align: center;}


.card-wrap {background-color: #f3f5f8;border-radius: 10px;padding: 40px 30px;max-width: 600px;margin: 30px auto;}
.section-block .logo-area {margin-bottom: 30px;}
.section-block .logo-area img{width: 20%;}
.section-block .logo-title {font-size: 48px;color: #2b5cad;font-weight: bold;}
.section-block .logo-en {font-size: 20px;color: #444444;letter-spacing: 2px;}
.section-block .img-box {width: 100%;border-radius: 12px;overflow: hidden;margin-bottom: 35px;}
.section-block .img-box img {width: 100%;display: block;}
.section-block .text-area {text-align: center;}
.section-block .main-title {font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 12px;}
.section-block .line-row {display: flex;justify-content: center;gap:12px;align-items:center;margin-bottom:16px;}
.section-block .line-blue{width:40px;height:3px;background:#2b5cad;}
.section-block .line-black{width:40px;height:3px;background:#222;}
.section-block .sub-title{font-size:16px;color:#555;letter-spacing:2px;}


.tip {background: #eff6ff;border-left:4px solid #2563eb;padding:12px 16px;margin:16px 0;}
.tip span{font-size: 1rem;font-weight: normal;text-align: center;margin: 0 0 1.5rem 0;display: block;}
.tip img{margin: 0 auto;display: block;max-width: 800px;}

.zixun{ background-color: #f9f9f9; padding: 2rem 1.5rem;}
.zixun h2{text-align: center;color: #3557aa;padding-bottom: 1rem;font-weight: bold;}
.zixun .bssubmit{ width: 100%; background-color: #4667aa;background-image:none; color: #fff; margin: 1.5rem auto 0rem auto; display: block;}
.zixun .tips{padding-bottom: 1.5rem;padding-top: 0.5rem;display: block;text-align: center;}
.zixun .tips i{ color: #f00; font-style: normal;}
.zixun .bottips{display: block;text-align: center;font-size: 1rem;}
.zixun .bottips i{ font-style: normal; color: #f00; padding-right: 0.2rem;}
.zixun .onlinezixun{ width: 100%; background-color: #f50; color: #fff; display: block; border-radius: 5px; padding: 0.5rem 0; text-align: center; margin-top: 1.5rem;}
.zixun .onlinezixun a{ color: #fff; display: block;}
.zixun .weixinhao{color: #3557aa; text-align: center; padding: 1.5rem 0 1rem 0; display: block;}

@media (max-width:768px)
{.sidebar{position:static;width:100%;max-height:none;margin-bottom:20px;}
.main-content{margin-left:0;margin-right:0;}
}