@charset "gb2312";
/* CSS Document */

.fixed_l{ width: 180px; position: fixed; left: 5px; top: 100%; z-index: 9; transition:ease 1.5s all; -webkit-transition:ease 1.5s all}		
.fixed_l .fl1{ width: 100%; padding-top: 127px; height: 0; background: url(/yedental/images_ybs/fiexd_l1.png) no-repeat center top; transition:ease 1s 1.2s all; -webkit-transition:ease 1s 1.2s all}
.fixed_l .fl1>a{display: block; width:180px; height: 60px; cursor: pointer; position: relative; color: #222;}
.fixed_l .fl1>a strong{display: block; width:180px; height: 60px; cursor: pointer;}
.fixed_l .fl2{ width: 100%; height: 197px; overflow: hidden; background: url(/yedental/images_ybs/fiexd_l2.jpg) no-repeat center top; position: relative}
.fixed_l .fl2 i{ display: block; width: 100%; height: 40px; background:url(/yedental/images_ybs/ghjg.png) no-repeat center; position:absolute; top: 0; z-index: 2; animation: ghjg linear 1s infinite alternate; -webkit-animation: ghjg linear 1s infinite alternate}
.fixed_l.anl{ top: 15%;}
.fixed_l.anl .fl1{ height: 289px;}		
.fl1_gh{ width: 347px; padding-left: 43px; background: url(/yedental/images_ybs/fl1_sjx.png) no-repeat 10px 76px; position: absolute; top:-70px; left: 180px;}
.fl1_gh .fl1_gh_c{ height:323px; background: #f0f0f0 url(/yedental/images_ybs/fl1_dd.png) no-repeat left; padding: 25px 20px}
.fl1_gh_c b{display: block; text-align: center; color: #333; font-size: 25px; padding-bottom: 25px}
.fl1_gh_c .fgc_con{ padding-left: 10px}
.fl1_gh_c .fgc_con p{overflow: hidden; font-size: 16px; line-height: 37px; margin-bottom: 8px}
.fl1_gh_c .fgc_con p input{ width: 240px; height: 35px; float: right; background: #fff; border:1px solid #ccc; line-height: 35px}
.fl1_gh_c .fgc_con p .kqzz{width: 240px; height: 72px; float: right; background: #fff; border:1px solid #ccc; line-height: 35px}
.fgc_bot{ overflow: hidden; padding-top: 5px}
.fgc_bot p{ overflow: hidden; padding-bottom: 5px;}
.fgc_bot p i,.fgc_bot p span{display: inline-block; background: url(dian.jpg) no-repeat left; padding-left: 12px;  font-size: 14px;}
.fgc_bot p i{border-bottom: 1px solid #ccc; height: 43px; line-height:39px}
.fgc_bot p span{line-height:35px}
.fgc_bot p input,.fgc_bot p em{ display: block; width: 102px; height: 39px; color: #fff; font-size: 16px; border-radius: 20px; text-align: center; line-height: 39px; float: right; margin-left: 5px; cursor: pointer;}
.fgc_bot p input:hover,.fgc_bot p em:hover{ background: #000}
.fgc_bot p input{ background: #c69769;}
.fgc_bot p em{ background: #db4b4b;}
.fixed_l .fl1>a.gha{cursor:auto;}
.fixed_l .fl1>a.gha .fl1_gh{ transition:ease 0.5s all; -webkit-transition:ease 0.5s all; transform:translateX(-80px); -webkit-transform:translateX(-80px); opacity: 0; height: 0; overflow: hidden;}
.fixed_l .fl1>a.gha.anl .fl1_gh{ transform:translateX(0px); -webkit-transform:translateX(0px); opacity: 1; height: auto;}
@keyframes ghjg{
	from{ top: 0;}
	to{ top: 130px;}
}

.fiex_b{ width:100%; height: 50px; background: rgba(0,0,0,0.8); border-top: 1px solid #b18146; position: fixed; left: 0; bottom: 0; z-index: 9999999}
.fiex_b .fiex_bc i{ display: block; width: 220px; height: 54px; margin: -10px 100px 0 0; float:left; background: #9B6831; color: #fff; text-align: center; font-style: normal; font-size: 18px; padding-top: 6px; cursor: pointer;-webkit-transition: ease 0.5s all;-o-transition:ease 0.5s all;transition:ease 0.5s all;}
.fiex_b .fiex_bc i:hover{margin:-40px 100px 0 0; height: 84px;}
.fiex_b .fiex_bc i em{ display: block; width: 50%; height: 22px; margin: 0 auto; background: #000; border-radius: 5px; line-height: 22px; color:#fff; font-size: 14px; font-style: normal; margin-top: 6px }
.fiex_b .fiex_bc{ width: 1100px; height: 50px; margin: 0 auto;}
.fiex_b .fiex_bc p{ padding-right: 65px; height: 40px; float: left; color: #fff; line-height: 40px; font-size:16px; text-indent: 60px; margin: 5px 15px; border-right: 1px solid #666; cursor: pointer}
.fiex_bc_i1{ background: url(/yedental/images_ybs/fiex_bc_i1.png) no-repeat 20px}
.fiex_bc_i2{ background: url(/yedental/images_ybs/fiex_bc_i2.png) no-repeat 20px}
.fiex_bc_i3{ background: url(/yedental/images_ybs/fiex_bc_i3.png) no-repeat 20px; position: relative}
.fiex_b .fiex_bc a{ display: block; width: 40px; height: 50px; float: right; background: url(/yedental/images_ybs/fiex_bc_i4.png) no-repeat center; animation: fbitop linear 0.8s infinite; -webkit-animation: fbitop linear 0.8s infinite; -o-animation: fbitop linear 0.8s infinite; -ms-animation: fbitop linear 0.8s infinite; -moz-animation: fbitop linear 0.8s infinite}
.fiex_bc_i3 em{ width: 15px; height: 15px; position: absolute; top: 5px; right: 30px; background: #f00; color: #fff; text-align: center; border-radius:50%; text-indent: 0; font-size: 12px; line-height: 15px; font-style: normal; animation: fbiem linear 0.8s alternate infinite; -ms-animation: fbiem linear 0.8s alternate infinite; -o-animation: fbiem linear 0.8s alternate infinite; -moz-animation: fbiem linear 0.8s alternate infinite; -webkit-animation: fbiem linear 0.8s alternate infinite}

@keyframes fbiem{
	0%{ transform: scale(0.8)}
	100%{ transform: scale(1.2)}
}
@-webkit-keyframes fbiem{
	0%{ -webkit-transform: scale(0.8)}
	100%{ -webkit-transform: scale(1.2)}
}
@-o-keyframes fbiem{
	0%{ -o-transform: scale(0.8)}
	100%{ -o-transform: scale(1.2)}
}
@-ms-keyframes fbiem{
	0%{ -ms-transform: scale(0.8)}
	100%{ -ms-transform: scale(1.2)}
}
@-moz-keyframes fbiem{
	0%{ -moz-transform: scale(0.8)}
	100%{ -moz-transform: scale(1.2)}
}

@keyframes fbitop{
	0%{ transform: translateY(0); opacity:0}
	80%{ transform: translateY(-8px); opacity:1}
	100%{ transform: translateY(-10px); opacity:0}
}
@-webkit-keyframes fbitop{
	0%{ -webkit-transform: translateY(0); opacity:0}
	80%{ -webkit-transform: translateY(-8px); opacity:1}
	100%{ -webkit-transform: translateY(-10px); opacity:0}
}
@-o-keyframes fbitop{
	0%{ -o-transform: translateY(0); opacity:0}
	80%{ -o-transform: translateY(-8px); opacity:1}
	100%{ -o-transform: translateY(-10px); opacity:0}
}
@-ms-keyframes fbitop{
	0%{ -ms-transform: translateY(0); opacity:0}
	80%{ -ms-transform: translateY(-8px); opacity:1}
	100%{ -ms-transform: translateY(-10px); opacity:0}
}
@-moz-keyframes fbitop{
	0%{ -moz-transform: translateY(0); opacity:0}
	80%{ -moz-transform: translateY(-8px); opacity:1}
	100%{ -moz-transform: translateY(-10px); opacity:0}
}