@charset "utf-8";
@font-face{
    font-family: "方正兰亭纤黑"; /*你在代码中想用该字体的名字*/
     src:url(../fonts/fzqh.ttf); /*字体的路径*/
}
@font-face{
    font-family: "方正超细黑"; /*你在代码中想用该字体的名字*/
     src:url(../fonts/FZLTCXHJW.ttf); /*字体的路径*/
}

*{
	margin: 0;
	padding: 0;
	margin: auto;
	vertical-align: bottom;
}
body{
	background: #f0f0f0;
	}

a:link {
	color: #555;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #555;
}
a:hover {
	text-decoration: none;
	color: #DC0003;	
}

a:active {
	text-decoration: none;
	color: #DC0003;
}

/* ----------------------------------- */

/*去掉原生的小三角*/
details > summary {
	display: block;  
}
details summary::-webkit-details-marker {
  display: none;
}


/*去掉原生的边框*/
summary{
outline:none;
}


/*一级带图*/
details{ 
text-align: center;	
width:98%;	
}



.menu1{
	line-height: 80px;
	margin-top: 30px;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: 0.3em;
	width: 80%;
	text-shadow: 1px 1px #fff;
	color:rgba(110,115,139,1.00);
	font-family:微软雅黑;
}

.box0{
background:linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%), #EBECF0;	
background-blend-mode: soft-light, normal;
box-shadow: -7px -7px 14px #FAFBFF, 7px 7px 14px #A6ABBD;		
border-radius:40px;	
padding-left:80px;
	}

.details-1 content { 
display: block;                 
}	

/* 自定义图标 */
/*关*/
.menu0>summary::after {
	         content: "";
			 margin:-70px 0 0 10px;
            background: url(../images/m1.png) no-repeat;
			float: left;		
            width: 61px; height: 61px;
}
/*开*/
.menu0[open]>summary::after {
           background: url(../images/m1-o.png) no-repeat;
}
/*以下是2-9的大类图标*/
/*--------------------*/
.menu002>summary::after {	         
            background: url(../images/m2.png) no-repeat;			
}
.menu002[open]>summary::after {
           background: url(../images/m2-o.png) no-repeat;
}
/*--------------------*/
.menu003>summary::after {	         
            background: url(../images/m3.png) no-repeat;			
}
.menu003[open]>summary::after {
           background: url(../images/m3-o.png) no-repeat;
}/*--------------------*/
.menu004>summary::after {	         
            background: url(../images/m4.png) no-repeat;			
}
.menu004[open]>summary::after {
           background: url(../images/m4-o.png) no-repeat;
}/*--------------------*/
.menu005>summary::after {	         
            background: url(../images/m5.png) no-repeat;			
}
.menu005[open]>summary::after {
           background: url(../images/m5-o.png) no-repeat;
}/*--------------------*/
.menu006>summary::after {	         
            background: url(../images/m6.png) no-repeat;			
}
.menu006[open]>summary::after {
           background: url(../images/m6-o.png) no-repeat;
}
/*--------------------*/
.menu007>summary::after {	         
            background: url(../images/m7.png) no-repeat;			
}
.menu007[open]>summary::after {
           background: url(../images/m7-o.png) no-repeat;
}/*--------------------*/
.menu008>summary::after {	         
            background: url(../images/m8.png) no-repeat;			
}
.menu008[open]>summary::after {
           background: url(../images/m8-o.png) no-repeat;
}/*--------------------*/
.menu009>summary::after {	         
            background: url(../images/m9.png) no-repeat;			
}
.menu009[open]>summary::after {
           background: url(../images/m9-o.png) no-repeat;
}


/*-------------------------------------------------*/
/*二级*/

.menu2 {
	margin-top:5px;
	line-height: 2.4em;	
	font-size:1.2em;	
}

/* 弹开状态*/
.menu2[open] {
	line-height: 2em;
	background: rgba(255,255,255,0.1);
	border: 1px #fff solid;
	border-radius:1em;
	padding-bottom:1em;	
	color:#888888;
}
 
/*二级菜单变色*/
.box11 {	
	background: #C8F5F3;
	color:#19948F;		
	}

.box22 {
	background: #D6E3F8;
	color:#40649B;	
	}

.box33 {
	background: #FFE1E2;
	color:#BF4A4C;	
	}
	
.box44 {
	background: #F1E6FA;
	color:#704496;	
	}
	
.box55 {
	background: #BAF8FD;
	color: #5F7BA6;	
	}	
	
/*二级菜单通用*/
.box00{
	width:80%;
	border-radius:1.5em;
	}


/*展开时符号*/
.menu2 summary:after {
     content: "+"; float:right; font-size: 1.8em; font-weight: 100; font-family: "方正超细黑"; transform:translateX(-20px);
}

/*收起时符号*/
.menu2[open] summary:after {
     content: "+"; float:right; font-family: "方正超细黑"; font-size: 1.8em; font-weight: 100; transform:translateX(-20px) rotate(45deg);
}

/*产品弹性格*/

.gezi {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 0px 10px;
margin-top:10px;
	}

.gezi > div {
	background:rgba(249,249,249,1.00);
	padding:0.6em;
	text-align: center;	
	font-size:0.7em; 
	line-height:0.7em;
	font-family: "方正兰亭纤黑";
	
}
.gezi > div:nth-child(odd){
	background: #E4E4E4;	
}

.gezi > div img {
	width:90%; 
	height:auto;
	alt:"";
	}

/*-----------------------*/

.toptop{
	position: fixed;
	top: 10px;
	left: 10%;
	right: 10%;
	z-index: 1;
	height: 2.5em;
	width: 80%;
	border-radius: 1.25em;
	border: rgba(255,255,255,0.3) 1px solid;
	text-align: center;
	line-height: 2.5em;
	vertical-align: middle;
	font-size: 1em;
	font-family: "方正兰亭纤黑";
	color: #FFFFFF;
	letter-spacing: 2px;
	text-shadow: rgba(0,0,0,.5) 0px 0px 2px;	
	background: rgba(255,255,255,0.17);
	backdrop-filter: blur(8px);
	margin-bottom:10em;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.toptop a:link {
	color:#FFFFFF;
}
.toptop a:visited {
	color:#FFFFFF;
}
.toptop a:hover {
	color: #DCF9FF;
}
.toptop a:active {
	color:#DCF9FF;
}

.footer{font-size: 0.9em; height: 3em; position:fixed; bottom:0px; width: 100%; background:#D13176;border-radius: 5px 5px 0 0; }