@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;font-family: "Microsoft YaHei";list-style: none;-webkit-list-style: none}
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block}
.hidden-nav {display: none;}
.visible {display: block;}


/*------------------------------------------------*/
/* 1200 */
/*------------------------------------------------*/
@media screen and (max-width: 1200px){
	.hidden-min {display: none;}
	.visible-min {display: block;}
}

/*------------------------------------------------*/
/* 1024 */
/*------------------------------------------------*/
@media screen and (max-width: 1024px){
	.hidden-min1 {display: none;}
	.visible-min1 {display: block;}
	.wid,.inProBd,.newsList,.you02-box {width: 100%;padding-left: 2%;padding-right: 2%;box-sizing: border-box;}
    .swiper-container {margin-top: 60px;}
    .header {height:0;line-height:0; position: fixed;}
   
/*小屏 nav box*/
.header{z-index:333}
.menu-button{ display:block; cursor:pointer; position:absolute; top:38%; right:30px;}
.menu-button .line:nth-of-type(1) { margin-top: 0;}
.menu-button .line:nth-of-type(2) { margin-bottom: 0;}

.menu-button .line{ position:relative; display:block; width:22px; height:2px; margin:5px 0; background:#334180; /*#334180*/ -webkit-transition:.3s; transition:.3s;}
.header_active .line:nth-of-type(1){ -webkit-transform: translateY(6.5px) rotate(-45deg); -ms-transform: translateY(6.5px) rotate(-45deg); transform: translateY(6.5px) rotate(-45deg);}
.header_active .line:nth-of-type(2){ opacity:0;}
.header_active .line:nth-of-type(3){ -webkit-transform:translateY(-7.5px) rotate(45deg); -ms-transform:translateY(-7.5px) rotate(45deg); transform:translateY(-7.5px) rotate(45deg);}
 
#menu{ background:#dfebf8; height:100%; position:fixed; transform:translateX(110%);/*未向下滑动的初始位置(X：负左 正右； Y:负上 正下)*/ top:60px; left:0; right:0; bottom:0; z-index:99999;
      overflow-y:hidden; padding:5px 30px 30px; transition:.5s; /*菜单向下滑动过渡时间*/ margin-left:28%; margin-bottom:10%;
      border-bottom: 1px solid rgba(151, 82, 251, 0.6); box-shadow: 0px 4px 2px 3px rgba(0, 0, 0, 0.3); -moz-border-radius:0px 0px 2px 4px; border-radius:0px 0px 8px 8px;}
#menu ul{ margin:50px 0; transition-delay:.2s;}
#menu ul li{ border-bottom: 1px solid rgba(0,0,0,.3);}
#menu ul li a{ color:#333; padding:12px 3px; font-size:16px; font-weight:700; display:inline-block; width:auto; line-height:24px; text-decoration:none; /*去下划线*/}
#menu ul li a:hover { color:#7419f7}
#menu ul li i{ line-height:22px; font-size:14px; padding:0 0 0 0; transition:.3s; color:#333; float:right; margin-top:10px;}
#menu ul li.cur i{ display: inline-block;}
#menu ul li.on { background:rgba(255,255,255,.05);}
#menu ul li.on a{ color:#333;}
#menu ul li:hover{ background-color:#d2dafe;}
#menu ol{margin-left:10px; display: none; 
         transform: translateY(-105%);/*未向下滑动的初始位置(X：负左 正右； Y:负上 正下)*/
         transition: .5s; /*菜单向下滑动过渡时间*/
         transform: translateY(0)}
#menu ol li{ border-bottom: 1px solid rgba(0,0,0,.1); height:50px; transition-delay:.3s;}
#menu ol li a{ margin-left:8px; color:#555; display:block; padding:5px 2px 2px 0; line-height:36px; font-size:15px; text-decoration:none; /*去下划线*/}
#menu ol li a:hover { color:#7419f7;}
#menu ol li:hover { background-color:#d9dffc;}
#menu ol li i{ padding:0 6px 0 0; font-size:14px;}

.header_active #menu{ transform:translateX(0); /*下拉显示*/}
/**********************************************/
.menu-item { width:100%;}
.menu-item:hover { cursor: pointer; /* 定义鼠标悬停时的光标形状 */}
/*折叠菜单向右箭头高度大小*/
.icon-down { right:34px;width:25px;padding-top:3px;} 
.icon-right { position:absolute;padding-left:85%;right:30px;height:25px;} /*折叠菜单向右箭头高度大小*/
.icon-right:hover { height:27px;}
/**********************************************/
}

/*------------------------------------------------*/
/* 768 */
/*------------------------------------------------*/
@media screen and (max-width: 768px){
    .hidden-min2 {display: none;}
    .visible-min2 {display: block;}
    .swiper-container {margin-top:60px;}
}