@charset "utf-8";
/*抗新冠进入窗口*/
.xinguan_bt {
  width: 15rem;
  height: auto;
  margin-top: 1.8rem;
}
.xinguan_bt img {
  width: 100%;
  height: auto;
}
/*视频部分*/
.video1 {
  margin-top: .3rem;
}
/*swiper轮播图*/
.swiper {
  margin-top: 1.8rem
}
/*nav导航部分*/
.nav_nk {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: .4rem auto 0;
}
.nav_nk a {
  flex: 1 0 25%;
  height: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
  white-space: nowrap;
}
.nav_nk a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.3rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font: 500 .7rem "微软雅黑";
  font-size: clamp(.6rem, 3.8vw, .75rem);
  color: #333;
  border: 1px solid #94C3BF;
  border-radius: .2rem;
}
/*各科首界面*/
.youshi_bt1 {
  margin: .7rem 0 .5rem;
  padding: 10px 12px;
  display: inline-block;
  color: #ffffff; /* 可以根据需要调整 */
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  vertical-align: top;
  border-radius: 1em 0em;
  border-color: #7D670C; /* 可以根据需要调整 */
  background-color: #7D670C; /* 可以根据需要调整 */
}
/*以下为树叶标题框的样式*/
.bt_shuye {
  margin: .6rem auto .1rem .2rem;
  outline: 0px;
  line-height: .5rem;
  white-space: normal;
  border-width: 0px;
  border-style: none;
  display: flex;
  justify-content: flex-start;
}
.bt_shuye_sub {
  padding: .2rem .65rem;
  outline: 0px;
  display: inline-block;
  color: rgb(255, 255, 255);
  vertical-align: top;
  border-radius: .6rem 0em;
  border-color: #09A58E;
  background-color: #057F6D;
  font-size: .7rem;
  font-weight: bold;
  line-height: 1.2;
  /*letter-spacing: .05rem;*/
}
/*以下为四个艺术角*/
.corner_1 {
  margin: .2rem auto;
  outline: 0px;
  line-height: .2rem;
  border: .02rem solid #2B227D;
  display: inline-block;
  width: 14.5rem
}
.corner_2 {
  margin-top: -.12rem;
  margin-bottom: -.12rem;
  color: inherit;
  height: .16rem;
}
.small_circle {
  border: .02rem solid rgb(43, 34, 125);
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
}
.top-left {
  margin-top: .1rem;
  margin-right: auto;
  margin-left: -.06rem;
  outline: 0px;
  text-decoration: inherit;
  border-right: .04rem solid rgb(43, 34, 125);
  display: inline-block;
  width: .58rem;
  height: .58rem;
  border-radius: 0px 0px .48rem;
  background-color: rgb(254, 254, 254);
}
.top-right {
  margin: .1rem -.24rem -.08rem;
  padding-left: .24rem;
  outline: 0px;
  text-decoration: inherit;
  border-left: .04rem solid rgb(43, 34, 125);
  display: inline-block;
  float: right;
  width: .58rem;
  height: .58rem;
  border-radius: 0px 0px 0px .48rem;
  background-color: rgb(254, 254, 254);
}
.corner_neirong {
  padding: .15rem .5rem .15rem;
  color: rgb(62, 62, 62);
}
.corner_neirong h2 {
  margin: .8rem 0 .5rem;
}
.corner_neirong p {
  font-size: .65rem;
  line-height: 1.25rem;
  text-align: justify;
}
.corner_neirong img {
  width: 100%;
}
.bottom-left {
  margin-top: .16rem;
  margin-right: auto;
  margin-left: -.04rem;
  padding-top: .24rem;
  outline: 0px;
  text-decoration: inherit;
  border-right: .04rem solid rgb(43, 34, 125);
  display: inline-block;
  width: .48rem;
  height: .48rem;
  border-radius: 0 .48rem 0 0;
  background-color: rgb(254, 254, 254);
}
.bottom-right {
  margin: .16rem -.24rem -.02rem;
  padding-top: .24rem;
  padding-left: .24rem;
  outline: 0px;
  text-decoration: inherit;
  float: right;
  border-left: .04rem solid rgb(43, 34, 125);
  display: inline-block;
  width: .48rem;
  height: .48rem;
  border-radius: .48rem 0px 0px;
  background-color: rgb(254, 254, 254);
}
/*以下为摇摆果实的标题*/
.bt_tuoyuan {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: .2rem .4rem; /* 修改了内边距 */
  margin: 0 .4rem; /* 修改了外边距 */
}
.bt_tuoyuan_sub {
  border-radius: 30px;
  background-color: #09A58E; /* 这里可以设置你需要的背景颜色 */
  padding: .2rem .4rem; /* 可以根据需要调整内边距 */
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15); /* 可以添加阴影效果, 修改了阴影的模糊距离和扩展距离 */
  margin: .2rem .4rem; /* 可以根据需要调整外边距 */
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  color: #fff;
  letter-spacing: .06rem;
}
.images_l img {
  width: 1.6rem;
}
.images_r img {
  width: 1.6rem; /* 可以根据需要调整图片的最大宽度 */
  transform: rotateY(180deg);
}
.youshi_neirong {
  line-height: 2;
  padding: .3rem .5rem;
  margin: .5rem 0;
  border: .1rem solid #FFDCB1;
  font-size: .65rem;
  text-align: justify;
}
/*以下为四角都出头的框*/
.square-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.square-change {
  transform-style: preserve-3d;
}
.square-circle {
  box-sizing: border-box;
  width: .4rem;
  height: .4rem;
  background-color: rgb(218, 220, 255);
  border-radius: 100%;
  overflow: hidden;
}
.square-small {
  box-sizing: border-box;
  width: .44rem;
  height: .48rem;
  overflow: hidden;
  border-width: .04rem;
  border-style: solid;
  border-color: rgb(120, 188, 251);
}
.square-tent {
  border-width: .04rem;
  border-style: solid;
  border-color: rgb(120, 188, 251);
  padding: .7rem .5rem;
  margin: -.22rem .18rem;
}
.square-tent p {
  text-align: justify;
  line-height: 2em;
  font-size: .65rem;
  color: rgb(89, 89, 89);
  letter-spacing: 1px;
  font-family: 微软雅黑, "Microsoft YaHei";
}
.square_lt, .square_rt, .square_lb, .square_rb {
  position: absolute;
}
.square_lt {
  top: -.26rem;
  left: -.22rem;
  border-top: none;
  border-left: none;
}
.square_rt {
  top: -.26rem;
  right: -.22rem;
  border-top: none;
  border-right: none;
}
.square_lb {
  bottom: -.26rem;
  left: -.22rem;
  border-bottom: none;
  border-left: none;
}
.square_rb {
  bottom: -.26rem;
  right: -.22rem;
  border-bottom: none;
  border-right: none;
}
.tuchu-1 {
  color: #6C5103;
  font-weight: 700;
}
/*以下为含文字的向右的箭头部分*/
.con-2 {
  display: flex;
  justify-content: flex-start;
}
.con-2-a {
  box-sizing: border-box;
  font-size: .75rem;
  letter-spacing: .03rem;
  color: rgb(255, 255, 255);
  background: rgb(114, 188, 211);
  padding-right: 1em;
  padding-left: 1em;
  display: flex;
  align-items: center;
}
.arrow-sep {
  width: 0px;
  height: 1px;
  border-top: .7rem solid transparent;
  border-left: .5rem solid #72bcd3;
  border-bottom: .6rem solid transparent;
  overflow: hidden;
}
/*以下為只有右下框內容部份*/
.sec-bg {
  background: #f5fdff;
  padding: .5em;
  border-right: 1px solid #72bcd3;
  border-bottom: 1px solid #72bcd3;
  margin: 1em auto;
}
.sec-tent {
  letter-spacing: .03rem;
  background: transparent;
}
.sec-tent p {
  text-align: justify;
  line-height: 2em;
  font-size: .65rem;
  color: rgb(89, 89, 89);
  letter-spacing: 1px;
  font-family: 微软雅黑, "Microsoft YaHei";
}
.sec-tent img {
  width: 100%
}
/*全科知识*/
.picture {
  width: 100%;
}
.picture img {
  width: 100%;
}
.zy {
  width: 15rem;
  height: 10rem;
  background: url("../images/often/zy.jpg") no-repeat center;
  background-size: 95% auto;
}
.qianliexian_4 {
  width: 15rem;
  height: 10rem;
  background: url("../images/nanke/qianliexian/qianliexian_4.jpg") no-repeat center;
  background-size: 95% auto;
}