@charset "utf-8";

/* 头部 */
.header {
  background: linear-gradient(90deg, #4522E0 0%, #801EBF 100%);
  height: 120px;
  min-width: 1400px;
  position: relative;
}

.header_main {
  width: 100%;
  height: 100%;
  padding: 0 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position:relative;

}
.header_main .yzsjxx{
  color:#fff;
  position:absolute;
  right:80px;
  top: 25px;
  font-size: 15px;
  line-height: 15px;
}
.header_main .yzsjxx::before{
 content:"";
 display: block;
 width:15px;
 height:15px;
 position: absolute;
 left: -25px;
 top: 0;
 background: url(../images/xx_x.png);
}
.header .seach {
  width: 50px;
  height: 100%;
  background-color: #4522E0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../images/fdj.png);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.header_main .logo {
  width: 31.65%;
}

.header_main .logo img {
  width: 100%;
  height: auto;
}

.header_main .nav-ul {
  margin-right: 15px;
  width: 810px;
}

.nav-ul {
  display: flex;
  align-items: center;
}

.nav-ul li {
  flex: 1;
  display: block;
  /* margin: 0 15px; */
  position: relative;
}



.nav-ul .active>a,
.nav-ul .menu-toggle{
  transition: background 0.3s ease;
}



.nav-ul .menu-toggle:hover,
.nav-ul .active>a {background: rgba(93, 26, 150,0.8);}


.menu-toggle,
.menu-items li a {
  display: block;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 17px;
  font-weight: normal;
  white-space: nowrap;
}

.menu-items {
  width: auto;
  position: absolute;
  z-index: 9;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  background: rgba(25, 59, 125,0.6);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.menu-items li {
  width: 100%;
  line-height: 50px;
  margin: 0;
  padding: 0 15px;
    transition: background 0.3s ease;
}
.menu-items li:hover {
   background: rgba(25, 59, 125,0.8);
 
}

.mybanner,
.mybanner img {
  width: 100%;
  min-width: 1400px;
  height: auto;
}


/* 尾部 */
.footer {
  background: url(../images/footer_bg.png);
  background-position: center;
  background-size: cover;
  min-width: 1400px;
  background-repeat: no-repeat;
}

.footer_top {
  padding: 50px 0 40px;
  display: flex;
  justify-content: space-between;
}
.footer_top_l a{
display: block;
}
.footer_top_l a img{
display: block;
}
.footer_top_l div{
  margin-top: 25px;
}
.footer_top_l div p{
 color: #fff;
 line-height: 28px;
 font-size: 16px;
}
.footer_top_r img{
 max-width:130px;
}
.footer_top_r p{
  margin-top: 12px;
  color: #fff;
  line-height: 16px;
  font-size: 16px;
  text-align: center;
}
.footer_btm {
  background: rgba(0, 0, 0, 0.2);
  padding:  14px  0;
}

.footer_btm p {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content:center;
}

.footer_btm p a{
  font-size: 16px;
  color: #FFFFFF;
  line-height: 32px;
}
.link_{
    padding: 30px 0 0;
    min-width: 1400px;
    background: linear-gradient(to right, #4b28db, #771db6);
}
.link_main{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.link_main .lj{
    display:flex;
    align-items: center;

}
.link_main .lj:nth-child(2){
    display:flex;
    align-items: center;
    margin-top:30px;
}

.link_text{
   
  
    display: flex;
    align-items: center;
}

.link_text p{
 font-size:20px;
      color:#fff;
    font-weight:550;
    margin-left:10px;}
.link_main>div ul{
   display:flex;
    flex-wrap:wrap;
}
.link_main>div ul li {
   
margin-left:10px;
   
height: 20px;
}
.link_main>div ul li a{
   font-size:17px;
   color:#fff;
   margin-left:10px;
   display: block;
}


 .xx {
            display: flex;
            justify-content: center;}

        .xx li {
            background-color: rgba(93, 26, 150,0.8);
            margin: 10px;
            border-radius: 10px;
            transition: all 0.5s ease;
            }

        .xx li:hover {
            background-color: rgba(72, 35, 212, 0.8);
            box-shadow: 10px 10px 10px rgba(0, 0, 0,0.3);
            }



        .xx li a {
            padding: 20px 20px 10px;
            display: block;
            width: 100%;
            height: 100%;
            }

        .xx li a img {
            width: 30px;
            height: 30px;
            display: block;
            margin: 0 auto;
            transition: transform 0.5s ease;
            }

        .xx li:hover a img {
            transform: rotateY(360deg);}

        .xx li a p {
            font-size: 13px;
            color: #fff;
            margin: 10px 0;
            text-align: center;
            }
@media (max-width: 1500px) {
.header_main {
  padding: 0 50px 0 15px;
}
.nav-ul li {
  
    margin: 0 14px;
   
}
}