

/** =======================
 * Contenedor Principal
 ===========================*/


 .accordion {
 	width: 100%;
 	background: #00378c;
 	margin-top: .1rem;

	overflow:hidden;
 }
  .accordion>li{ width:100%; text-align:center; line-height:.4rem; border-bottom:1px solid #2d599d}
	  .accordion>li:last-child{ border-right:none}

.accordion .link {
	cursor: pointer;
	display: block; height: .4rem;
	color: #333;
	font-size: .13rem;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	
	margin-top: .17rem; height: .075rem;
	width: .13rem; right: .15rem;
	background:url(../images/shang.png) no-repeat;
	background-size:100%; float: right;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; margin-right: .15rem;
}

.accordion li i.fa-chevron-down {
	
	width:.13rem; 
}

.accordion li.open .link {
	color: #00378c;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #0c459d;
 	font-size: 14px;
	height: .4rem; line-height: .4rem;
	width:100%;
	border-top:1px solid #2d599d;
		z-index:999;
 }

 .submenu li {	
	float: left; margin-left: .14rem
 }
  .submenu li:last-child{ border-bottom:none}

 .submenu a {
 	display: block;
 	text-decoration: none;
	text-align:left;
	font-size:.11rem;
	float:left;
 	color: #b2d0ff;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }


 @keyframes alltop{
	0%{ background:rgba(255,255,255,0);border-bottom:1px solid rgba(227,227,227,0);}100%{ background:rgba(255,255,255,.98);border-bottom:1px solid rgba(227,227,227,1);}
}
@-moz-keyframes alltop{
	0%{ background:rgba(255,255,255,0);border-bottom:1px solid rgba(227,227,227,0);}100%{ background:rgba(255,255,255,.98);border-bottom:1px solid rgba(227,227,227,1);}
}
@-o-keyframes alltop{
	0%{ background:rgba(255,255,255,0);border-bottom:1px solid rgba(227,227,227,0);}100%{ background:rgba(255,255,255,.98);border-bottom:1px solid rgba(227,227,227,1);}
}
@-webkit-keyframes alltop{
	0%{ background:rgba(255,255,255,0);border-bottom:1px solid rgba(227,227,227,0);}100%{ background:rgba(255,255,255,.98);border-bottom:1px solid rgba(227,227,227,1);}
}

@keyframes qalltop{
	0%{ background:rgba(255,255,255,.98);border-bottom:1px solid rgba(227,227,227,1);}100%{ background:rgba(255,255,255,0);border-bottom:1px solid rgba(227,227,227,0);}
}
@-webkit-keyframes qalltop{
	0%{ background:rgba(255,255,255,.98);border-bottom:1px solid rgba(227,227,227,1);}100%{ background:rgba(255,255,255,0);border-bottom:1px solid rgba(227,227,227,0);}
}

@keyframes bigtop{
	0%{opacity:0;top:-50px;}100%{ opacity:1; top:0px;}
}
@-moz-keyframes bigtop{
	0%{opacity:0; top:-50px;}100%{ opacity:1; top:0px;}
}
@-o-keyframes bigtop{
	0%{opacity:0; top:-50px;}100%{ opacity:1; top:0px;}
}

@-webkit-keyframes bigtop{
	0%{opacity:0; top:-50px;}100%{ opacity:1; top:0px;}
}
.david_viewright_txt span{ text-indent:28px; display:inline-block;}
.david_viewright_txt i{ width:28px; display:inline-block;}

