@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
img,input,button {border: 0;}
t{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"微软雅黑";}
a{color: #333;text-decoration:none;font-family:"微软雅黑";}
button,img,input { vertical-align: middle;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }
.fl{ float:left;}
.fr{ float:right;}
.mt20{margin-top: 20px;}

.body_bg{background: url('./images/bj01.jpg') no-repeat;}
.banner{background: url(./images/ban.png) no-repeat center;height: 608px;}
.banner01{background: url(./images/ban01.png) no-repeat center;height: 608px;}
.select_btn{width: 1000px;margin: 0 auto;height: 410px;margin-top: 50px;}
.body_bg02{background: #e2f5fb;height: 960px;}


.jyzt_main{width: 1300px; margin: 0 auto; padding-top: 30px;height: 800px;}
.jyzt_content{background-color: #fff;width: 100%;padding: 31px;box-sizing: border-box;height: 850px;}
.jyzt_main .jyzt_content p {text-indent: 2em;}
.pic_title{background: url(./images/tit_bj.jpg) no-repeat;height: 140px;text-align: center;line-height: 140px;font-size: 2em;font-weight: 700;color: #333333;margin-bottom: 30px;}

.icon_title{position: relative;height: 100px;text-align: center;margin: 30px 0;}
.top_iconbtn{}
.top_icon_text{display: inline-block;
    border: 1px solid #a5b7f4;
    padding: 20px 35px;
    background-image: linear-gradient(to bottom, #f5f7fe, #e1e7f9);
    border-radius: 47px;
    font-size: 20px;
    font-weight: 700;
    color: #284bc2;margin-top: 15px;}

.icon_pic {position: absolute;z-index: 2;}
.icon_text{display: inline-block;
    border: 1px solid #a5b7f4;
    padding: 20px 35px 20px 100px;
    background-image: linear-gradient(to bottom, #f5f7fe, #e1e7f9);
    border-radius: 47px;
    font-size: 1.5em;
    font-weight: 700;
    color: #284bc2;margin-top: 15px;}
.little_dot{background: url(./images/ico_d01.png) no-repeat;display: inline-block;height: 15px;width: 17px;margin:0px 20px 0px 5px;}
.icon_no1{background: url(./images/no01.png) no-repeat;display: inline-block;height: 24px;width: 24px;margin-left: 5px;}
.icon_no2{background: url(./images/no02.png) no-repeat;display: inline-block;height: 24px;width: 24px;margin-left: 5px;}
.icon_no3{background: url(./images/no03.png) no-repeat;display: inline-block;height: 24px;width: 24px;margin-left: 5px;}
.icon_no4{background: url(./images/no04.png) no-repeat;display: inline-block;height: 24px;width: 24px;margin-left: 5px;}
.icon_no5{background: url(./images/no05.png) no-repeat;display: inline-block;height: 24px;width: 24px;margin-left: 5px;}
.icon_no6{background: url(./images/no06.png) no-repeat;display: inline-block;height: 24px;width: 24px;margin-left: 5px;}

.subtitle{font-size: 18px;color: #284bc2;font-weight: 700;margin-bottom: 15px;}
.subtitle i {vertical-align: middle;}
.jyzt_content p{line-height: 2.2em;}

.fixed{position: fixed;top: 15%;right: 0.5%;box-sizing: border-box;font-weight: 700;}
.top_right_fixed{background: #f9893d;
    padding: 10px;
    border-radius: 5px;}
.top_right_fixed div{
    padding: 10px 17px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
}
.top_right_fixed img{display: block;padding-left: 70px;}
.erweimaDiv{margin-bottom: 10px;position: relative;}
.erweima{
    position: absolute;width: 80px;display: none !important;right: 230px; top: 10px;
}
/* .erweimaDiv:hover .erweima{display: block !important;} */
.question{margin: 10px 0;}
.question-list{max-width: 230px;word-wrap: break-word;font-size: 14px;font-weight: 400;padding: 0 !important;}
.question-list p{line-height: 1.5em;}

.jyzt_main2{padding-bottom: 30px;}
.jyzt_main2 .icon_title{margin:0 0 30px 0;}
.tabs{display: flex;
    justify-content: space-around;
    /* padding: 20px 70px; */
    width: 70%;
    margin: 0 auto;
}
.tabs div{
    font-size: 17px;
    background: #e2e2e2;
    padding: 10px 20px;
    color: #333;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.tabs .active{
    background: #2f55da;
    color: #fff;
}
table,th,td{
    border: 1px solid #333333;
    border-collapse: collapse;
    color: #333;
    padding: 13px;
}
table{width: 100%;}
.tabs_con div{ width: 80%;
    margin: 30px auto 0;}
th {
    font-weight: 700;
    text-align: center;
}
/* #section01,#section02,#section03{margin-top: 55px;} */
.navigation{width: 17%;position: sticky;}
.navigation div{margin: 30px 0;position: relative;cursor: pointer;}
.navigation div.active{font-weight: 700;color: #284bc2;}
.navigation div::before{
    display: inline-block;
    content: '';
    border: 2px solid #cdcdcd;
    height: 10px;
    width: 10px;margin-right: 20px;
    border-radius: 50%;
}
.navigation div:not(:last-child)::after{display: inline-block;
    content: '';
    border-left: 2px solid #cdcdcd;
    height: 35px;
    position: absolute;
    left: 4px;
    top: 17px;}
.navigation div.active::before{
    display: inline-block;
    content: '';
    border: 2px solid #284bc2;
    height: 10px;
    width: 10px;margin-right: 20px;
    border-radius: 50%;
}
.article{width: 82%;overflow-y: scroll;height: 600px;padding: 0px 25px;box-sizing: border-box;}
.article::-webkit-scrollbar {
    width: 5px;
}
.article::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #4a73fe;
}
.article::-webkit-scrollbar-track{
    width:5px;
}
.article::-webkit-scrollbar-track {
    background: #e5f3fe; /* 设置轨道的背景颜色 */
  } 

.section11 ul{padding-left: 78px;display: flex;flex-wrap: wrap;justify-content: space-around; padding-top: 15px;}
.section11 ul li{position: relative;width: 42%; margin: 10px 0;}
.section11 .question{font-weight: 700;font-size: 17px;}
.section11 .question::before{display: inline-block;background: url(./images/q.png) no-repeat;position: absolute;content: ''; width: 32px; height: 32px;left: -40px;top: 5px;}
.section11 .answer{margin-top: 10px;display: inline-block;font-size: 14px;}
.answer span{font-weight: 700;}


.moreYJS{
    width: 233px;
    background: #0DC7F6;
    border: 2px solid #7BFDFF;
    border-radius: 7px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 35px;
    cursor: pointer;
  }
  .moreYJS a{
    color: #FFFFFF;
  }
  .wrapHeaderBox {
    width: 100%;
    height: 25vw;
    position: relative;
    z-index: 1;
  }

  .yjsHeaderConter {
    width: 1200px;
    margin: 0 auto;
    padding-top: 350px;
    padding-left: 170px;
  }
.xzqtjsjfw {
  /* margin-top: 50px; */
  width: 233px;
  height: 54px;
  background: #0DC7F6;
  border: 2px solid #7BFDFF;
  border-radius: 7px;
  font-size: 21px;
  text-align: center;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 54px;
  cursor: pointer;
}

@media (max-width:780px) {
  .wrapHeaderBox{height: auto;}
  .yjsHeaderConter{width: auto;padding: 0;}
  .xzqtjsjfw{width: auto; height: 3em;line-height: 3em;font-size: 1em;}
  .moreYJS{width: 100%;position: absolute;}
  .body_bg,.banner{background: none;}
  .banner,.body_bg02{height: auto;}
  .jy_pic01,.navigation{display: none;}
  .jyzt_main{padding-top:0}
  .jyzt_main,.article{width: 100%;height: auto;}
  .article{overflow-y: unset;}
  .jyzt_content{padding: 0;}
  .pic_title{background-size: 116%;height: 3em;line-height: 3em;font-size: 1em;}
  .article{padding: 0 12px;font-size: 14px;}
  .jyzt_content p {line-height: 1.8em;}
  .tabs,.tabs_con div {width: 100%;}
  .tabs div {font-size: 14px;padding: 10px 15px;}
  .tabs_con div {margin: 15px auto 0;}
  .section11 ul {padding-left: 18px;}
  .section11 ul li {width: 41%;}

}