@charset "utf-8";
.top {
  display: block;
}

.phone {
  display: none;
}

.nbanner {
  width: 100%;
  height: 4.7rem;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.nbanner img {
  width: 100%;
}

.page {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}

.page .page2 {
  width: 4.22rem;
  height: .65rem;
  background: #f4f2f5;
  padding: .2rem;
}

.page .page2:hover {
  background-color: #5F3393;
}

.page .page2:hover a {
  color: #fff;
}

.page .prv span {
  margin-left: .2rem;
}

.page .prv .truncate1 {
  display: inline;
}

.page .prv img {
  width: .16rem;
  height: .05rem;
}

.page .nex a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page .nex a img {
  width: .16rem;
  height: .05rem;
}

.fanye {
  margin-top: .2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fanye .prv {
  width: 48%;
}

.fanye .prv a {
  font-size: .18rem;
  display: flex;
  align-items: center;
}

.fanye .prv a img {
  width: .3rem;
  height: .13rem;
  margin-right: .1rem;
}

.fanye .nex {
  width: 48%;
}

.fanye .nex a {
  font-size: .18rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fanye .nex a img {
  width: .3rem;
  height: .13rem;
}

/*框架*/
.frame {
  position: relative;
  background-color: #e9efff;
  background: url(../images/frame/4.png) no-repeat center 100%;
  min-height: 5rem;
  min-width: 19.2rem;
    background-size: 100% 100%;
}

.frame .rimg {
  width: 4rem;
  position: fixed;
  right: 0rem;
  top: 0rem;
  z-index: 2;
  opacity: 0.5;
}

.frame .limg {
  width: 2.8rem;
  position: fixed;
  left: 0rem;
  bottom: 0rem;
  z-index: 2;
  opacity: 0.3;
}

.frame .lam {
  font-size: .36rem;
  color: #fff;
  margin-top: -1rem;
  margin-bottom: .3rem;
  padding-left: .8rem;
  position: relative;
  z-index: 3;
}

.frame .navs1 {
  display: flex;
  justify-content: space-between;
  padding: 0rem .5rem;
  position: relative;
  z-index: 3;
  height: .75rem;
  width: 100%;
  line-height: .75rem;
  /* 创建倾斜背景层 */
}

.frame .navs1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0rem;
  width: 100%;
  /* 稍大一点防止露出空白 */
  height: 100%;
  background: linear-gradient(to right, #3e79bb, #a63a95);
  box-shadow: 0rem 0rem 0.16rem 0rem rgba(18, 69, 125, 0.13);
  transform: skewX(-8deg);
}

.frame .navs1 ul {
  display: flex;
  padding-left: .1rem;
  position: relative;
  z-index: 3;
}

.frame .navs1 ul li {
  margin: 0rem .2rem;
  cursor: pointer;
}

.frame .navs1 ul li a {
  font-size: .18rem;
  color: #e9efff;
}

.frame .navs1 ul .navstive {
  position: relative;
  z-index: 4;
}

.frame .navs1 ul .navstive a {
  font-weight: bold;
}

.frame .navs1 ul .navstive::after {
  content: '';
  background: url(../images/frame/6.png) no-repeat center;
  background-size: .29rem .12rem;
  width: .29rem;
  height: 0.12rem;
  position: absolute;
  left: .22rem;
  bottom: 0rem;
}

.frame .navs1 .dqlm {
  position: relative;
  z-index: 3;
  color: #e9efff;
  display: flex;
  align-items: center;
}

.frame .navs1 .dqlm span {
  margin: 0rem .1rem;
  font-size: .16rem;
}

.frame .navs1 .dqlm img {
  width: .24rem;
  height: .2rem;
  margin-right: .1rem;
}

.frame .navs1 .dqlm a {
  color: #e9efff;
  font-size: .16rem;
}

.frame .dpzw {
  padding: .8rem 0rem;
  font-size: .16rem;
  line-height: .32rem;
  text-align: justify;
  position: relative;
  z-index: 3;
}
.frame .dpzw p,.frame .dpzw p span,.frame .dpzw span{ font-size: .18rem !important;background: transparent !important;}

.frame .contents {
  padding: .5rem;
  position: relative;
  z-index: 3;
}

.frame .contents .titles {
  border-bottom: 0.01rem solid #858282;
  padding-bottom: .2rem;
}

.frame .contents .titles .tit {
  font-size: .24rem;
  font-weight: bold;
  text-align: center;
}

.frame .contents .titles .time {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  font-size: .16rem;
  margin-top: .2rem;
}

.frame .contents .titles .time p:nth-child(2) {
  margin-left: .2rem;
}

.frame .contents .text {
  margin-top: .3rem;
  border-bottom: 0.01rem solid #858282;
  padding-bottom: .2rem;
}

.frame .contents .text p,.frame .contents .text p span, .frame .contents .text p span{

    font-size: .18rem !important;
    text-align: justify;
    text-indent: .32rem;
background: transparent !important;


}

.frame .jsny {
  display: flex;
  margin-top: .5rem;
  padding-bottom: .5rem;
  position: relative;
  z-index: 3;
}

.frame .jsny .img {
  width: 2.37rem;
}

.frame .jsny .img img {
  width: 100%;
}

.frame .jsny .img .texts1 {
  margin-top: .2rem;
}

.frame .jsny .img .texts1 .names {
font-size: .2rem;
    width: 100%;
    height: .5rem;
    background-color: #3f78bb;
    text-align: center;
    line-height: .5rem;
    color: #ffffff;

}

.frame .jsny .img .texts1 .work {
  font-size: .16rem;
  margin-top: .2rem;
  text-align: center;
}

.frame .jsny .text {
  margin-left: .5rem;
}

.frame .jsny .text .jscont {
  width: 11.45rem;
  padding: .3rem;
  background-color: #fff;
  min-height: 4rem;
}

.frame .jshj {
  background-color: #fff;
  padding: .4rem .5rem;
  position: relative;
  z-index: 3;
  margin-top: .5rem;
}

.frame .jshj .jstop {
  display: flex;
}

.frame .jshj .jstop .years p:nth-child(1) {
  font-size: .3rem;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold;
}

.frame .jshj .jstop .years p:nth-child(2) {
  font-size: .22rem;
}

.frame .jshj .jstop .line {
  border-right: 0.01rem solid #d6d5d5;
  height: .7rem;
  margin: 0rem .5rem;
}

.frame .jshj .jstop .num {
  display: flex;
}

.frame .jshj .jstop .num .nums {
  text-align: center;
  font-size: .16rem;
  margin: 0rem .5rem;
}

.frame .jshj .jstop .num .nums .num1 {
  font-size: .46rem;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #3f78ba;
}

.frame .jshj .jsnavs {
  background-color: #f6f9ff;
  padding: .2rem;
  margin-top: .4rem;
  display: flex;
}

.frame .jshj .jsnavs a {
  display: block;
  font-size: .18rem;
  margin: 0rem .14rem;
  padding: .1rem 0rem;
}

.frame .jshj .jsnavs .avtiv {
  border-bottom: 0.01rem solid #a53b95;
  border-top: 0.01rem solid #a53b95;
  color: #a53b95;
  font-weight: bold;
}

.frame .jshj .jscon {
  margin-top: .4rem;
}

.frame .jshj .jscon .jstype {
  margin-bottom: .5rem;
}

.frame .jshj .jscon .jstype .jstype_con {
  font-size: .2rem;
  color: #fff;
  background-color: #dc5818;
  width: 1.63rem;
  height: 1.06rem;
  border-radius: .2rem;
  text-align: center;
  font-weight: bold;
  padding-top: .1rem;
}

.frame .jshj .jscon .jstype ul {
  background-color: #faf2e1;
  background: url(../images/frame/13.png) no-repeat center;
  border-radius: .2rem;
  padding: .35rem;
  margin-top: -.5rem;
}

.frame .jshj .jscon .jstype ul li {
  font-size: .16rem;
  position: relative;
  padding-left: .5rem;
}

.frame .jshj .jscon .jstype ul li p {
  margin: .1rem 0rem;
}

.frame .jshj .jscon .jstype ul li .titles1 {
  font-size: .18rem;
  font-weight: bold;
}

.frame .jshj .jscon .jstype ul li::after {
  content: '';
  background: url(../images/frame/16.png) no-repeat center;
  width: .27rem;
  height: .27rem;
  background-size: .27rem .27rem;
  position: absolute;
  left: 0;
  top: 0;
}

.frame .jshj .jscon .jstype ul li::before {
  content: '';
  height: 100%;
  width: 0.01rem;
  background: #dc5818;
  position: absolute;
  left: .12rem;
  top: .1rem;
}

.frame .jshj .jscon .jstype ul li:nth-last-child(1)::before {
  display: none;
}

.frame .jshj .jscon .tothree .jstype_con {
  background-color: #4aa14f;
}

.frame .jshj .jscon .tothree ul {
  background: url(../images/frame/14.png) no-repeat center;
}

.frame .jshj .jscon .tothree ul li::after {
  background: url(../images/frame/17.png) no-repeat center;
  width: .27rem;
  height: .27rem;
  background-size: .27rem .27rem;
}

.frame .jshj .jscon .tothree ul li::before {
  background: #4aa14f;
}

.frame .jshj .jscon .toeight .jstype_con {
  background-color: #179fa4;
}

.frame .jshj .jscon .toeight ul {
  background: url(../images/frame/15.png) no-repeat center;
}

.frame .jshj .jscon .toeight ul li::after {
  background: url(../images/frame/18.png) no-repeat center;
  width: .27rem;
  height: .27rem;
  background-size: .27rem .27rem;
}

.frame .jshj .jscon .toeight ul li::before {
  background: #179fa4;
}

.frame .ptjd{
        padding-bottom: .2rem;
        position: relative;
        z-index: 3;
        margin-top: .5rem;
}

.frame .ptjd ul li {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: .5rem;
  margin: .2rem 0rem;
}

.frame .ptjd ul li .ptjd-img {
  width: 6rem;
  height: 4.17rem;
  overflow: hidden;
}

.frame .ptjd ul li .ptjd-img img {
  width: 100%;
  height: auto;
  transition: transform 0.8s ease;
}

.frame .ptjd ul li .ptjd-img:hover img {
  transform: scale(1.1);
}

.frame .ptjd ul li .ptjd-cont {
  width: 7rem;
}

.frame .ptjd ul li .ptjd-cont .ss {
  border-bottom: 0.01rem dashed #b1b1b1;
  padding-bottom: .2rem;
}

.frame .ptjd ul li .ptjd-cont .ss a {
  font-size: .3rem;
  font-weight: bold;
  color: #3e79bb;
}

.frame .ptjd ul li .ptjd-cont .ptdec {
  font-size: .16rem;
  line-height: .3rem;
  color: #666;
  margin-top: .2rem;
  -webkit-line-clamp: 8;
    text-indent: .32rem;
    text-align: justify;
}

.frame .ptjd ul li .ptjd-cont .more1 {
  margin-top: .2rem;
}

.frame .ptjd ul li .ptjd-cont .more1 a {
  font-size: .16rem;
  line-height: .3rem;
  color: #3e79bb;
}

.frame .physical {
  display: flex;
  margin-top: .5rem;
}

.frame .physical .nav4 {
  border-right: 0.01rem solid #b8d9ff;
  width: 13%;
}

.frame .physical .nav4 .nav4-text {
  margin: .3rem 0rem;
  text-align: center;
  margin-right: 0.2rem;
}

.frame .physical .nav4 .nav4-text a {
  font-size: .18rem;
}

.frame .physical .nav4 .nav4tiv {
  text-align: center;
  background-color: #3773b8;
  margin-right: 0.2rem;
  padding: 0.1rem .2rem;
}

.frame .physical .nav4 .nav4tiv a {
  color: #fff;
}

.frame .physical .wzlist {
  margin-left: .2rem;
}

.frame .navs3 ul {
  display: flex;
  margin-top: .5rem;
}

.frame .navs3 ul li {
  font-size: .2rem;
  margin: 0rem .1rem;
  border: 0.01rem solid #3e79bb;
  padding: .1rem .3rem;
  border-radius: 0.05rem;
}

.frame .navs3 ul li:hover {
  border: 0.01rem solid transparent;
  background: linear-gradient(to right, #3e79bb, #a63a95);
}

.frame .navs3 ul li:hover a {
  color: #fff;
}

.frame .navs3 ul .nav3activ {
  border: 0.01rem solid transparent;
  background: #3e79bb;
}

.frame .navs3 ul .nav3activ a {
  color: #fff;
}




/*小屏幕*/
@media screen and (max-width: 1200px) {
  .top {
    display: none;
  }
  .phone {
    display: block;
  }
}