www.gusucode.com > 【T744】厨房食品美食小吃培训中心网站织梦模板源码程序 > 【T744】厨房食品美食小吃培训中心网站织梦模板/templets/default/images/index.css

    /* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
/*旧*/
.bjj {
	height: 62px;
	background: url(qtbj.png) repeat-x;
	margin: 0 auto;
	margin: 48px 0 25px 0;
	overflow: hidden
}
.hotbj {
	height: 60px;
	background: url(hotbj.png) repeat-x;
	margin: 0 auto;
	margin-bottom: 25px;
	overflow: hidden
}
.ttop {
	height: 60px;
	width: 1090px;
	margin: 6px auto;
	background: url(png_1.png) 0 -145px no-repeat;
}
.ttop h2 {
	float: left;
	padding-left: 100px;
	color: #CC0000;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 48px;
	width: 500px;
}
.ttop h2 i {
	font-size: 14px;
	letter-spacing: 0px;
	color: #999;
	padding-left: 30px
}
.ttop p {
	float: right;
	width: 80px;
	padding-top: 12px
}
.ttop p a {
	color: #090;
	letter-spacing: 1px;
	font-size: 16px;
}
.ttop p a:hover {
	color: #C00
}
/*20141122*/
.insm_name {
	margin-bottom: 20px
}
.insm_name dl {
	background: #FAE8C8;
}
.insm_name dt {
	padding: 10px 0 0 18px
}
.insm_name dt a {
	font-size: 22px;
	font-weight: bold;
	color: #000
}
.insm_name dd {
	padding: 0 10px 12px 10px
}
.insm_name dd li {
	float: left;
	padding: 5px 8px;
	min-width: 80px;
}
.insm_name dd a {
	font-size: 14px;
	color: #333;
}
.qpbj {
	height: 66px;
	background: url(png_2.png) 0 -189px;
	margin: 45px 0 25px 0;
	overflow: hidden
}
.qpbj div {
	height: 66px;
	width: 1110px;
	margin: 0 auto;
	background: url(png_2.png) 0 -123px;
	overflow: hidden
}
.qpbj h2 {
	color: #fff;
	float: left;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 60px;
	width: 400px;
	text-indent: 5em;
	background: url(png_1.png) 24px -138px no-repeat
}
.qpbj h2 i {
	font-size: 14px;
	letter-spacing: 0px;
	color: #fff;
	padding-left: 30px
}
.qpbj p {
	float: right;
	width: 600px
}
.itus {
	background: url(ss.png) 0 10px no-repeat;
}
/* 幻灯开始*/
.inflash {
	width: 100%;
	height: 481px;
	overflow: hidden;
	background: #fff
}
.bannerbg {
	height: 400px;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 400px;
}
#imageShow {
	clear: both;
	border-bottom: 1px solid #fff;
}
#imageShow .imagebg {
	height: 400px;
	overflow: hidden;
	position: relative;
}
#imageShow .imagebg li {
	height: 400px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	filter: alpha(opacity=0);
	opacity: 0;
}
.bannerbg_main {
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	height: 400px;
}
.scrollbg {
	height: 80px;
	background: url(scroll_bg.png) 0 100% repeat-x;
}
.scroll {
	margin: 0 auto;
	width: 960px;
	height: 76px;
	position: relative;
}
.s_pre, .s_next {
	display: block;
	width: 48px;
	height: 76px;
	position: absolute;
}
a.s_pre {
	background: url(png_1.png) 0 -53px no-repeat;
	top: 4px;
	left: 0;
}
a.s_pre:hover {
	background: url(png_1.png) -49px -53px no-repeat;
}
a.s_next {
	background: url(png_1.png) -98px -53px no-repeat;
	top: 4px;
	right: 0;
}
a.s_next:hover {
	background: url(png_1.png) -147px -53px no-repeat;
}
.outScroll_pic {
	height: 76px;
	margin-left: 70px;
	overflow: hidden;
	position: relative;
	width: 822px;
	top: 2px;
}
.outScroll_pic .scroll_pic {
	position: absolute
}
.scroll_pic {
	margin: 0 auto;
	width: 40000px;
	height: 76px;
}
.scroll_pic li {
	float: left;
	float: left;
	height: 65px;
	width: 145px;
	margin: 5px 9px;
	_margin: 5px 14px 5px 4px;
	cursor: pointer;
	background: #000;
}
.scroll_pic li img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	height: 65px;
	width: 145px;
}
.scroll_pic li:hover img, .scroll_pic li:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.current {
	width: 144px;
	height: 65px;
	border: 2px #ff002f solid;
	background: url(arrow_on.png) 50% -4px no-repeat;
	z-index: 10;
	position: absolute;
	top: 5px;
	left: 0;
}
.currently img {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/* 幻灯结束*/
.jmimg {
	width: 1090px;
	margin: 0 auto
}
.jmimg ul {
	width: 1130px
}
.jmimg li {
	float: left;
	width: 369px;
	height: 248px;
}
.jmimg li a {
}
.jmimg li a img {
	border: 1px solid #999;
	width: 344px;
	height: 240px;
	padding: 3px;
	background: #FFF
}
.jmimg li a img:hover {
	background: #FF0
}
/* 热门培训 */
.focusbox {
	height: 426px;
	overflow: hidden
}
.contentbox {
	float: left;
	width: 350px;
	height: 420px;
	padding: 2px;
	border: 1px solid #C6C6C6;
	background: #FFF
}
.box2 {
	width: 350px;
	position: relative;
	height: 420px;
	overflow: hidden;
}
.contentimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 5000px;
}
.contentimg li {
	width: 350px;
	height: 420px;
	float: left;
	overflow: hidden;
	background: #CC0000
}
.contentimg li img {
	width: 350px;
	height: 365px;
}
.contentdesc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 350px;
	height: 50px;
	overflow: hidden;
}
.contentdesc .desc {
	color: #FFF;
}
.contentdesc .desc h4 {
	font-size: 16px;
	font-weight: bold;
	color: #FF0;
	height: 25px
}
.contentdesc li {
	width: 326px;
	height: 50px;
	padding: 0 0 0 15px;
}
.focusbox .navbox {
	width: 707px;
	overflow: hidden;
	float: right
}
.focusbox .navbox li {
	width: 162px;
	height: 202px;
	overflow: hidden;
	float: left;
	margin: 0 14px 14px 0;
	background: #FFF;
	padding: 1px;
	border: 1px solid #C6C6C6;
	cursor: default
}
.focusbox .navbox .mfoc_nav {
	width: 720px
}
.focusbox .navbox li img {
	width: 162px;
	height: 170px;
	display: block;
	padding-bottom: 1px
}
.focusbox .navbox li.selected {
	border: 1px solid #F00;
}
.focusbox .navbox li span {
	display: block;
	height: 31px;
	text-align: center;
	line-height: 30px;
	font-size: 14px
}
.focusbox .navbox li.selected span {
	background: #C00;
	color: #FFF;
}
/* 项目中心 */
.news {
	height: 427px;
	overflow: hidden;
	margin-bottom: 30px
}
.news .ultop {
	width: 1090px;
	height: 208px;
}
.news .liimg {
	width: 734px;
	overflow: hidden
}
.news .liimg ul {
	width: 748px
}
.news .liimg img {
	width: 164px;
	height: 168px;
	background: url(kkbj.png) 0 -647px no-repeat;
	padding: 5px
}
.news .liimg li {
	float: left;
	padding-right: 13px
}
.news .licon {
	width: 343px;
	height: 178px;
	overflow: hidden;
	background: url(kkbj.png) 0 -840px no-repeat
}
.news .licon dl {
	font-size: 14px;
	padding: 12px 18px
}
.news .licon dt {
	font-size: 18px;
	height: 27px;
	border-bottom: 1px solid #E9E9E9
}
.news .licon dt span {
	padding-right: 180px;
	color: #C00
}
.news .licon dt a {
	font-size: 14px;
	color: #090
}
.news .licon dd {
	line-height: 24px;
	padding: 4px 0 0 10px
}
.news .licon dd a {
	color: #666
}
.news .licon dd a:hover {
	color: #090
}
.news .ultopli {
	width: 1090px;
	height: 246px;
	overflow: hidden
}
.ultopli li {
	float: left;
	padding-right: 18px
}
.ultopli li img {
	width: 188px;
	height: 196px;
	padding: 8px;
	background: url(kkbj.png) 0 -1023px no-repeat;
}
/*培训项目样式 3*/
.project {
	overflow: hidden
}
.pro_inad {
	width: 355px;
	height: 318px;
	float: left;
	margin: 0 13px 12px 0;
	background: url(kkbj.png) no-repeat;
	display: none
}
.projectdl {
	width: 254px;
	background: #FFF;
	height: 370px;
	overflow: hidden;
	border: 1px solid #dadada;
	float: left;
	margin: 0 22px 22px 0;
	border-bottom: 2px solid #CCC
}
.projectdl:hover {
	border: 1px solid #e60000;
	cursor: default;
	background: #F9F9F9;
	border-bottom: 2px solid #be0000
}
.projectdl dt {
	display: block;
}
.projectdl dt img {
	width: 248px;
	height: 259px;
	padding: 3px;
	display: block
}
.projectdl dd {
	display: block;
}
.projectdl dd h2 {
	font-size: 16px;
	border-left: 3px solid #390;
	background: #F3F3F3;
	padding: 4px 0;
	text-align: center
}
.projectdl dd h2 a {
	color: #d80000;
	letter-spacing: 1px
}
.projectdl:hover dd h2 {
	background: #e60000;
	color: #FFF;
	border-left: 3px solid #000;
}
.projectdl:hover dd h2 a {
	color: #FFF
}
.projectdl dd p {
	padding: 0 5px
}
.projectdl .info {
	color: #888;
	padding-top: 4px;
	height: 36px;
	overflow: hidden;
}
.projectdl h3 {
	float: right;
	width: 66px;
	padding-right: 8px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	font-weight: 500
}
.projectdl h3 a {
	color: #090;
	font-weight: bold
}
.projectdl .pro_hot {
	float: left;
	width: 110px;
	padding-top: 6px;
	color: #DF0005;
	font-size: 13px;
	font-weight: bold
}
/*右侧浮动导航*/
#floatnav {
	position: fixed;
	left: 50%;
	margin-left: 555px;
	z-index: 999;
	top: 270px;
}
#floatnav a {
	display: block;
	width: 38px;
	padding: 4px 0 4px 3px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	margin-bottom: 4px;
	letter-spacing: 2px;
	background: #ffa800;
	color: #333
}
#floatnav a:hover {
	background: #ef0000;
	color: #fff
}
/*在线客服*/
.keifu {
	position: fixed;
	top: 10%;
	left: 0;
	width: 131px;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	z-index: 990;
}
.keifu_tab {
	width: 160px;
}
.icon_keifu {
	width: 29px;
	height: 100px;
	float: left;
	background: url(keifu.png) 0 0;
	position: relative;
	display: none;
	cursor: pointer;
}
.keifu_box {
	float: left;
	width: 131px;
}
.keifu_tab img {
	display: block;
}
.keifu_head {
	width: 131px;
	height: 41px;
	background: url(keifu.png);
	background-position: 0 -103px;
	font-size: 0;
	line-height: 0;
	position: relative;
}
.keifu_close:link, .keifu_close:visited {
	display: block;
	width: 11px;
	height: 11px;
	background: url(keifu.png) -42px 0;
	position: absolute;
	top: 5px;
	right: 5px;
}
.keifu_close:hover {
	background-position: -60px 0;
}
.keifu_con {
	border-left: 7px solid #029bdb;
	border-right: 7px solid #029bdb;
	padding-top: 15px;
	background: #fbfbfb;
}
.keifu_con li {
	height: 33px;
	padding-left: 12px;
}
.keifu_con .weixin {
	height: 96px;
}
.keifu_con .bt {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding: 0 0 0 20px;
	color: #012646;
}
.keifu_bot {
	width: 131px;
	height: 119px;
	background: url(keifu.png);
	background-position: 0 -149px;
}