﻿
/* ========== */
/* = 核心优势 = */
/* ========== */
.middle_1{ background: #f2f2f2; min-width:1200px; height:600px;}
.middle_1_title{ width:1200px; margin: 0 auto; text-align: center; padding:44px 0 30px 0;}
.middle_1_title strong{ font-size: 38px; line-height: 70px; font-weight: 100;}
.middle_1_title i{ display: block; width:70px; height:1px; margin: 0 auto; background: #c80000;}
.middle_1_title span{ font-size: 18px; line-height: 40px; font-weight: 100; color:#a2a2a2;}

.middle_1_bottom{ width:1200px; margin: 0 auto;}
.middle_1_bottom ul{ clear: both;}
.middle_1_bottom ul li{ width:270px; margin:0 15px; float:left;}
.middle_1_bottom ul li a{ display: block; text-align: center; background: #dcdddd; padding-bottom:20px; box-shadow: 6px 6px 6px #888888;}
.middle_1_bottom ul li a div{ overflow:hidden;}
.middle_1_bottom ul li a img{ width:270px; height: 213px;
	/*filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;*/
}
.middle_1_bottom ul li a strong{ display: block; font-size: 18px; font-weight: normal; line-height: 30px; padding:10px 0 10px 0;}
.middle_1_bottom ul li a span{ display: block; font-size: 16px; line-height: 32px; border:1px solid #787777; margin:0 54px;
	-moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */
}
.middle_1_bottom ul li a:hover{ background: #c80000; color:#fff; text-decoration: none;}
.middle_1_bottom ul li a:hover span{ border-color: #fff; background: #fff; color:#666;}
.middle_1_bottom ul li a:hover img{
	transform: scale(1.05);
}
/* ========== */
/* = 案例展示 = */
/* ========== */
.middle_2{ width: 1200px; height:600px; margin:0 auto;}
.middle_2_bottom{ }
.middle_2_bottom ul{ }
.middle_2_bottom ul li{ width:577px; padding:0 11px; float:left;}
.middle_2_bottom ul li a{ display: block; position: relative;}
.middle_2_bottom ul li img{ width:577px; height: 343px;}
.middle_2_bottom ul li div{ overflow:hidden;}
.middle_2_bottom ul li a p{ width:577px; height: 343px; position: absolute; top:0; left:0; text-align: center;}
.middle_2_bottom ul li a p strong{ display: block; color:#fff; font-size: 38px; font-weight: 100; line-height: 50px; padding:110px 0 30px 0;}
.middle_2_bottom ul li a p span{ display: block; margin:0 158px;  line-height: 40px; font-size: 18px; color:#fff; border:1px solid #fff;
	-moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */
}
.middle_2_bottom ul li a:hover p span{
	background: #e62129;
	border:1px solid #e62129;
}
.middle_2_bottom ul li a:hover img{
	transform: scale(1.05);
}

/* ========== */
/* = 学院简介 = */
/* ========== */
.middle_3{ height:800px; min-width:1200px; background: url(../Images/bg1.jpg) top center no-repeat;}
.middle_3_title{ width:1200px; margin: 0 auto; text-align: center; padding:80px 0;}
.middle_3_title strong{ font-size: 38px; line-height: 70px; font-weight: 100; color:#474443;}
.middle_3_title i{ display: block; width:70px; height:1px; margin: 0 auto; background: #c80000;}
.middle_3_title span{ font-size: 18px; line-height: 40px; font-weight: 100; color:#4a4746;}

.middle_3_bottom{ width:1200px; margin:0 auto;}
.middle_3_bottom ul{ overflow: hidden;}
.middle_3_bottom ul li{ width:400px; text-align: center; float:left; }
.middle_3_bottom ul li div{ overflow:hidden;}
.middle_3_bottom ul li a{ display: block; width:370px; margin: 0 auto; background: #dcdddd;}
.middle_3_bottom ul li a span{ line-height: 100px; font-size: 18px;}
.middle_3_bottom ul li a:hover{ text-decoration: none; background: #c80000; color:#fff;}
.middle_3_bottom ul li a:hover img{ transform: scale(1.05);}
/* ========== */
/* = 师资力量 = */
/* ========== */
.middle_4{ width:1200px; height:800px; margin: 0 auto;}
.middle_4_bottom{}
.middle_4_bottom ul{ overflow: hidden;}
.middle_4_bottom ul li{ width:600px; float:left;}
.middle_4_bottom ul li a{ display: block; width:600px; background: #dcdddd;}
.middle_4_bottom_text{ width:256px; float:left; padding:22px; position:relative;z-index:9999;}
.middle_4_bottom_text strong{ display: block; text-align: right; font-size: 20px; border-bottom:1px solid #ca0e0e; font-weight: normal;padding-bottom:10px;}
.middle_4_bottom_text p{ text-align: right; font-size: 14px; padding-top:10px; margin-bottom: 10px; line-height: 20px; height:120px; overflow:hidden;}
.middle_4_bottom_text span{ border:1px solid #5f5d5d; color:#5f5d5d; line-height: 22px; width:120px; margin: 0 auto; display: block; text-align: center;
-moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */
}
.middle_4_bottom ul li a:hover{ background: #c80000; color:#fff;}
.middle_4_bottom ul li a:hover img{ transform: scale(1.05);}
.middle_4_bottom ul li a:hover strong{ border-color:#fff;}
.middle_4_bottom ul li a:hover span{ background: #fff; border-color: #fff;}
.middle_4_bottom ul li a:hover .middle_4_bottom_text:before{
	content:url(../images/12.png);
	position:absolute;
	right:-28px;
	top:90px;
}
.middle_4_bottom ul li a:hover .fr:before{
	content:url(../images/13.png);
	position:absolute;
	left:-28px;
	top:90px;
}

.middle_4_bottom_img{ width:300px; height:247px; overflow:hidden; float:left;}
.middle_4_bottom_img img{ width:300px; height:247px;}

.fr{ float:right}
.fr strong{ text-align: left;}
.fr p{ text-align: left;}

/* ========== */
/* = 课程介绍 = */
/* ========== */
.middle_5{ height:1080px; min-width:1200px; background: url(../Images/bg2.jpg) top center no-repeat;}
.middle_5_title{ width:1200px; margin: 0 auto; text-align: center; padding:30px 0 20px 0;}
.middle_5_title strong{ font-size: 38px; line-height: 70px; font-weight: 100;}
.middle_5_title i{ display: block; width:70px; height:1px; margin: 0 auto; background: #c80000;}
.middle_5_title span{ font-size: 18px; line-height: 40px; font-weight: 100; color:#565453;}

.middle_5_bottom{ width:1200px; margin:0 auto;}
.middle_5_bottom table{ border-left:1px solid #a6a6a6; border-top:1px solid #a6a6a6; text-indent:5px; width:100%; font-family:Verdana; background: #fefefe; font-size: 16px;}
.middle_5_bottom table td{ border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; padding:5px 0;}

/* ========== */
/* = 学员风采 = */
/* ========== */
.middle_6{ height: 600px;}
.middle_6_bottom{ width:1200px; margin:0 auto;}
.middle_6_bottom ul{ overflow: hidden;}
.middle_6_bottom ul li{ width:277px; padding:0 11.5px; float:left;}
.middle_6_bottom ul li a{ display: block; background: #dcdddd; padding-bottom:20px;}
.middle_6_bottom ul li div{ overflow:hidden;}
.middle_6_bottom ul li img{ width:277px; height:222px;}
.middle_6_bottom ul li span{ display: block; margin:20px 20px 0 20px; font-size: 16px; border-bottom:1px solid #d05959; line-height: 40px;}
.middle_6_bottom ul li a:hover img{ transform: scale(1.05);}

/* ========== */
/* = 学员作品 = */
/* ========== */
.middle_7{ background: #f2f2f2; min-width:1200px; height: 600px;}
.middle_7_bottom{ width:1200px; margin: 0 auto;}
.middle_7_bottom ul{}
.middle_7_bottom ul li{ width:278px; padding:0 11px; float:left;}
.middle_7_bottom ul li div{ overflow:hidden;}
.middle_7_bottom ul li a{ display:block; position: relative; color:#fff; background:#000;}
.middle_7_bottom_text{ position: absolute; top:0; left: 0; width: 100%; text-align: center;}
.middle_7_bottom_text strong{ display: block; font-size: 24px; font-weight: normal; padding-top:144px; padding-bottom: 20px;}
.middle_7_bottom_text span{ border:1px solid #fff; line-height: 30px; width:180px; margin: 0 auto; display: block; font-size: 14px;
	-moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */
}
.middle_7_bottom ul li a:hover span{ background:#e62129; border:1px solid #e62129;}
.middle_7_bottom ul li a:hover img{
	filter:alpha(Opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	transform: scale(1.05);
}

/* ========== */
/* = 现场实践 = */
/* ========== */
.middle_8{ background: url(../Images/bg4.jpg) top center no-repeat; min-width:1200px; height: 600px;}
.middle_8_bottom{ width:1200px; margin: 0 auto;}
.middle_8_bottom ul{}
.middle_8_bottom ul li{ width:372px; padding:0 14px; float:left;}
.middle_8_bottom ul li div{ overflow:hidden;}
.middle_8_bottom ul li a{ display:block; position: relative; color:#fff; background:#000;}
.middle_8_bottom ul li a img{ width: 372px; height: 384px;}
.middle_8_bottom_text{ position: absolute; top:0; left: 0; width: 100%; text-align: center;}
.middle_8_bottom_text strong{ display: block; font-size: 24px; font-weight: normal; padding-top:144px; padding-bottom: 20px;}
.middle_8_bottom_text span{ border:1px solid #fff; line-height: 30px; width:180px; margin: 0 auto; display: block; font-size: 14px;
	-moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */
}
.middle_8_bottom ul li a:hover span{
	background: #e62129;
	border:1px solid #e62129;
}
.middle_8_bottom ul li a:hover img{
	filter:alpha(Opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	transform: scale(1.05);
}

/* ========== */
/* = 新闻资讯 = */
/* ========== */
.middle_9{ height: 600px;}
.middle_9_bottom{ width:1200px; margin:0 auto;}
.middle_9_bottom ul{ overflow: hidden;}
.middle_9_bottom ul li{ width:370px; padding:0 15px; float:left; text-align: center;}
.middle_9_bottom ul li a{ display: block; background: #dcdddd; padding-bottom:20px;}
.middle_9_bottom ul li a div{ overflow:hidden;}
.middle_9_bottom ul li img{ width:370px; height:290px;}
.middle_9_bottom ul li span{ display: block; margin:20px 20px 0 20px; font-size: 16px; line-height: 40px;}
.middle_9_bottom ul li a:hover{ background: #e62129; color:#fff; text-decoration:none;}
.middle_9_bottom ul li a:hover img{ transform: scale(1.05);}
/* ========== */
/* = 友情链接 = */
/* ========== */
.link_bg{ background: #f8f8f8;}
.link{ width:1200px; margin:0 auto; padding:10px 0; font-size: 16px;}
.link span{ color:#c80000;}

