body, html, body div, body table, body form, body tr, body ul, body li, body td, input, body p, body img, h1, h2, h3, h4, h5 {list-style:none; margin:0; padding:0; text-align:left; color:#666;
font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-size:12px;}
body {width:100%; color:#666; background-color:#fff;font-family:Microsoft Simhei, "微软雅黑"; font-size:12px;}
body img {border:0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
ol, ul, li, dl, dt, dd {list-style:none;}
input, button, textarea, checkbox, select, radio, form {vertical-align:top;}
a{blr:expression(this.onFocus=this.blur()); color:#262626; text-decoration:none;outline:none; }
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; } 
area{blr:expression(this.onFocus=this.blur()); } 
a:focus{-moz-outline-style: none;}
p{ font-size:14px; line-height:24px;text-align:justify; color:#000;}
i, em{font-style:normal;}
.l{float:left;}
.r{float:right;}
img{border: medium none;}
.red{ color:red;}
.red a{ color:red;}
.clear {font-size:0;line-height:0;clear:both;overflow:hidden;zoom:1;}
.blank {height:10px;font-size:0;line-height:0;clear:both;overflow:hidden;}
.blank2 {height:20px;font-size:0;line-height:0;clear:both;overflow:hidden;}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

.clean {clear:both;}
.RedTop, .RedTop a {color:#dd71a9}
/*====================== 页面层容器 ======================*/
#Container {width:100%; margin:0 auto; background:#fff}




/*====================== 页面顶部 ======================*/
/*hear部分*/
#Header {width:100%; margin:0 auto; height:auto;}
#Toper{width:100%; margin:0 auto; overflow:hidden; height:274px; position:relative;}
#logo{ position:absolute; top:30px; clear:both; width:100%; height:240px;background:#3f3f3f/* url(../Img/Index_Img/logo_a.png) repeat-x*/;}
#logo a{position:absolute;top:22px;left:45%; }
#Toper .logo_di{ position:absolute; top:270px; clear:both; width:100%; height:4px; background:url(../images/logo_di.png) repeat-x;}

#tell { width:100%; position:absolute;height:30px;background:#808080; top:0; right:0; border-bottom:2px solid #000;}
#tell ul { position:absolute; width:450px; height:28px; line-height:28px; overflow:hidden; right:23%;}
#tell ul li{float:right; margin:0 3px; font-size:12px; line-height:28px; color:#fff;}
#tell ul li a{ color:#fff;}
#tell_pic {width:420px; height:28px; line-height:28px; position:absolute; top:0px; font-size:12px; color:#fff; letter-spacing:1.5px; left:23%;}
/* MenuNav */
#MenuNav{ height:60px; background:url(../images/logo_di.png) repeat-x bottom;}
#MenuNav ul{width:1000px; height:50px; line-height:50px; background:url(../images/nav.jpg) no-repeat left bottom; margin:0 auto; margin-top:6px;}
#MenuNav li {float:left; font-weight:bold; line-height:56px;}
#MenuNav li a {color:#fff; display:block; width:98px; text-decoration:none; padding:0 1px; text-align:center;font-size:0px;}	

/*banner部分*/
.banner{ width:100%; height:540px; text-align:center; margin:0 auto; background:url(../images/bailing.jpg) no-repeat center top; position:relative;}
.banner img{ text-align:center; margin:0 auto;overflow:hidden;}
.banner .date{ position:absolute; top:74.5%; left:57%; font-size:28px; font-weight:600; color:#a70105;}

@media (max-device-width: 1424px) {
.banner .date{ position:absolute; top:74.5%; left:60%; font-size:28px; font-weight:600; color:#a70105;}
}
@media (max-device-width: 1600px) {
.banner .date{ position:absolute; top:74.5%; left:59%; font-size:28px; font-weight:600; color:#a70105;}
}



/*课程特色*/
.teshe{ width:100%; height:334px; text-align:center; margin:80px auto; background:url(../images/teshe.jpg) no-repeat center top;}
.teshe img{ text-align:center; margin:0 auto; overflow:hidden;}

/*课程介绍*/
.course{ width:100%; background:#f7f7f7; height:880px;}
.course_cont{ width:1100px; margin:auto; position:relative;}
.course_up{ width:273px; height:54px; margin:auto; position:absolute; top:-15px; left:39%;}
.course_centre{ position:absolute; top:100px; left:0%; height:352px;}
.course_centre .lf{ float:left;}
.course_centre .font{ width:330px; height:350px; float:left; margin-left:48px; }
.course_centre .font .but{ margin-top:16px;}
.course_centre .font .but a{ width:140px; height:40px; background:#f36565; display:block; color:#FFF; font-size:16px; text-align:center; line-height:40px;}
.course_centre .rg{ float:right;}

.course_down{ width:1100px; height:332px; position:absolute; top:510px; left:0%;}
.course_down .left{ float:left;}
.course_down .right{ margin-top:12px; width:760px; height:94px; float:right; padding-right:30px;}
.course_down .down{ width:748px; height:9px; margin:auto;}

/*至臻新娘课程*/
.advertising{ width:100%; margin:60px auto;}
.logo_kms{ width:100%; margin-top:30px; text-align:center;}
.adver{ width:1100px; height:584px; margin:50px auto auto auto; background:url(../images/adver.jpg) no-repeat center top; position:relative;}
.adver img{ text-align:center; margin:0 auto; overflow:hidden;}
.adver .apply{ width:290px; height:145px; position:absolute; top:71%; left:0;}
.adver .apply p{ line-height:30px;}
.adver .apply .but{ margin-top:12px; }
.adver .apply .but a{ width:140px; height:40px; background:#bd8692; display:block; color:#793040; font-size:18px; text-align:center; line-height:40px;}



/*对比照*/
.without{ width:100%; margin:auto;}


/*妆面一*/
.without_a{ width:100%; height:1132px; margin:80px auto; background:#f5f5f5;}
.without_a .works_one{ width:1100px; margin:auto;}
.works_one .lf{ float:left;}
.works_one .rg{ float:left;}


/*妆面二*/
.without{ width:100%; margin:80px auto;}
.without .works_two{ width:1100px; height:1145px; margin:auto;}
.works_two .lf{ float:left;}
.works_two .rg{ float:right;}


/*妆面三*/
.without_b{ width:100%; height:1250px; margin:80px auto; background:#f5f5f5;}
.without_b .works_three{ width:1100px; margin:auto;}
.works_three .lf{ float:left; margin-top:56px;}
.works_three .rg{ float:left; margin-top:56px; margin-left:120px;}
.works_three .cont{ float:left;}


/*妆面四*/
.without{ width:100%; margin:auto; margin-bottom:70px;}
.without .works_four{ width:1100px; height:1200px; margin:auto;}
.works_four .lf{ float:left;}
.works_four .rg{ float:right; margin-right:30px;}
.works_four .lf_a{ float:left; margin-top:6px;}
.works_four .rg_a{ float:right; margin-top:10px;}




/*详情*/
.fencai{
    width:100%;
    height:118px;
	background:url(../images/footer.jpg) no-repeat center;
	margin-top:27px;
/*	filter:alpha(opacity=60); 
    -moz-opacity:0.6; 
    -khtml-opacity: 0.6; 
    opacity: 0.6;*/
}


/*====================== 页面底部 ======================*/
#Footer { clear:both; width:100%; margin:0 auto; height:auto; background:#353837; color:#fff; padding:30px 0;text-align:center}
#link_buttom{ width:958px; height:16px; margin:15px auto;}

/*版权信息*/
#CopyRight {width:1002px;padding:10px 0; margin:0 auto; padding-bottom:20px; text-align:center;}
#CopyRight ul {width:100%; display:inline; float:left; text-align:center;}
#CopyRight ul li {height:30px; line-height:28px !important; line-height:30px; color:#fff; text-align:center;}
#CopyRight a{color:#fff;}


/*====================== 页面底部 ======================*/

<!-- 快速链接 -->
#QuickLink{width:1000px; margin:15px auto;}
#QuickLink ul{width:980px; margin:20px auto; height:200px;}
#QuickLink li{ width:139px; height:200px; text-align:center; float:left;}
#QuickLink li a {width:139px; display:block; margin-top:8px; color:#fff; line-height:20px;}
#QuickLink li h2 { margin-top:0; text-align:center; margin-bottom:20px; color:#fff; font-size:14px}
#QuickLink li h2 a {color:#fff; line-height:24px;}
#link_buttom{ width:958px; height:16px; margin:15px auto;}