@charset "utf-8";
/* CSS Document */
.sz16{ font-size: 16px;}
.green{ color: #137d4f;}
.color1{ color: #dc4f10}
.line-through{ text-decoration: line-through; font-size: 12px;}

#content{ height: auto; overflow: hidden; background: #edeff0;}

.banner{ position: relative; height: 410px; background: url("../../images/experiencecourse/banner.jpg") top center no-repeat; z-index: 0}
.banner_icon_bg{ position: absolute; bottom: 0; width: 100%; padding: 25px 0; height: 100px; text-align: center; background: rgba(0,0,0,.1); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1F000000,endcolorstr=#1F000000); z-index: 10;}
.banner_icon{ width: 1140px; padding-left: 60px; margin: 0 auto;}
.icon1,.icon2,.icon3{ float: left;  width: 252px; height: 80px; padding: 20px 0 0 118px; line-height: 24px; color: #fff; font-size: 14px; text-align: left; background: url("../../images/experiencecourse/banner_icon.png") no-repeat; }
.icon2{ background-position: 0 -100px;}
.icon3{ background-position: 0 -200px;}
.banner_icon h3{ font-size: 24px; line-height: 34px; font-weight: normal;}


.exp_box{ padding-bottom:30px; height: auto; overflow: hidden;} 
.exp_title{ height: 66px; line-height: 66px; padding-top: 20px; font-size: 28px; color: #444; width: 1200px; margin: 0 auto;}
.exp_hot{ height: 290px; width: 1218px; margin: 0 auto;}
.exp_hot ul li{ position: relative; z-index: 0; width: 386px; height: 290px; margin: 0 10px; float: left;}
.exp_hot ul li span.hot_icon{ position:absolute; right: 0; top: 0; background: url("../../images/experiencecourse/hot_icon.png") no-repeat; width: 83px; height: 69px; z-index: 10;} 

.hot_det1{ position: absolute; bottom: 0; width: 346px; height: 50px; line-height: 20px; padding: 15px 20px; color: #fff; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5F000000,endcolorstr=#5F000000); z-index: 10;}
.hot_det1 h3,.hot_det2 h3{ height: 30px; line-height: 30px; font-weight: normal; font-size: 18px;}
.hot_det1 p.p1,.hot_det2 p.p1{ background: url("../../images/experiencecourse/r1.png") left center no-repeat; font-size: 12px; padding-left: 14px;}
.hot_det1 a,.hot_det2 a{ color: #fff;}
.hot_det2{ position: absolute; font-size:14px; left:0; bottom: 0; width: 346px; height: 90px; line-height: 22px; padding: 10px 20px; color: #fff; background: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9F000000,endcolorstr=#9F000000); z-index: 10;}
.hot_det2 p.p2{ background: url("../../images/experiencecourse/line.jpg") 2px top no-repeat; height:38px; overflow:hidden; line-height: 19px; padding-left: 14px;}

.exp_all{ width: 1220px; margin: 0 auto; height: auto; padding-bottom: 35px;  border-bottom: solid 1px #edeff0;}
.exp_all dl{ width:285px; height:316px; padding: 10px; float: left; }
.exp_all dl:hover{ -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.4); box-shadow:1px 1px 4px rgba(0,0,0,.4); box-shadow:1px 1px 4px 2px #ddd; background: #fff;}
.exp_all dl dt{ width: 285px; height: 214px;}
.exp_all dl dd{ height: 102px; padding-top: 10px; color: #666;}
.exp_all dl dd h3{ font-weight: normal; font-size: 16px; padding-bottom: 5px; line-height: 24px; }
.exp_all dl dd p{ padding: 5px 0;}
.exp_all dl dd p.p1{ font-family: "宋体"; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.exp_all dl dd p.view{ height: 20px; line-height: 20px;}
.exp_all dl dd p.view span{ padding: 0 15px 0 25px; float: left; display: block; border-radius: 3px; background:#edeff0 url("../../images/experiencecourse/tb1.jpg") 10px center no-repeat;} 

.exp_page{ padding:35px 0; width: 1200px; margin: 0 auto; height:35px; overflow:hidden; }