@charset "utf-8";
/**********************************************


		 
******************************/


.middle{margin:0 auto; width:1000px;}

.box1{ margin-left:30px;}
.box2{ margin-left:20px;}

/*首页的3个课程区*/
.courses{border-top:1px solid #e4e8e7; background:#f8f8f8; padding:10px 0;width:99.99%; min-width:1000px;}
/*border-bottom:1px solid #e4e8e7;*/


.courses h2{font-size:30px; margin-top:35px;text-align:center;}
.courses p{padding:5px 0 30px 0;text-align:center; font-size:18px;}
.courses ul{width:100%;}
.courses li{float:left; display:inline; *margin:0;width:332px;}  margin:10px 30px 40px 30px; width:272px;
.courses li:nth-child(3n){ margin-right:0 !important;}
.courses li a{display:block;}
.courses dl{width:272px;}
.marginbox2{padding-bottom:40px;}
.courses dt{float:left;display:inline;height:200px;overflow:hidden;position:relative;text-align:center;width:272px; margin-bottom:15px; display:inline;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	
	
	/*首这部分css如果不要就图片不会渐变的区*/
.courses dt img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;}
.courses dt a:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);}
.courses dt a:hover i{opacity:0.6;FILTER:alpha(opacity=60); display:block;}
.courses dt a i{background:#199fd6;color:#FFF;height:220px;left:0;FILTER:alpha(opacity=0);opacity:0;overflow:hidden;padding-top:60px;position:absolute;text-align:center;top:0;width:100%;display:none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-backface-visibility: hidden;}
	
	/*首这部分css如果不要就图片不会渐变的区*/
	
	
.courses dd p{font-size:18px; text-align:left;}
.courses dd a:hover{color:#2596cd;}


.courses dd a span{background:url(../images/ico.png) no-repeat; width:30px; height:30px;float:right;}
.courses dd a:hover span{background:url(../images/ico.png) 0 -30px no-repeat;display:block;}
.pic1,.pic2,.pic3,.pic4,.pic5,.pic6{width:80px; height:80px; position:absolute; left:35%;}
.pic1{background:url(../images/icon.png) 0 0 no-repeat;}
.pic2{background:url(../images/icon.png) -90px 0 no-repeat;}
.pic3{background:url(../images/icon.png) -180px 0 no-repeat;}
.pic4{background:url(../images/icon.png) -270px 0 no-repeat;}
.pic5{background:url(../images/icon.png) -360px 0 no-repeat;}
.pic6{background:url(../images/icon.png) -448px -175px no-repeat;}
.courses li p{ padding:0; float:left;}
.blueArea{background:#2596cd; color:#fff; font-size:40px;}
.blueArea span{padding-top:35px; display:block;}
.blueArea a{ color:#fff;}
.blueArea a span.btn{color:#fff; border:1px solid #fff; border-radius:3px; padding:5px 15px; font-size:16px; width:100px; margin:20px auto;}
.blueArea a:hover span.btn{color:#2596cd; background:#fff;}















/*首屏*/
.first {background:url(../images/pic.jpg) center top no-repeat; background-size:cover;display:block;overflow:hidden;width:99.99%; min-width:1000px;}
.first .wrap{ text-align:center; display:block;color:#fff; padding: 15% 0;}
.first .wrap p{ font-size:64px; font-family:Verdana, Geneva, sans-serif;text-transform:uppercase; font-weight:bolder; height:64px; line-height:64px;}
.first .wrap strong{ font-size:110px; font-weight:bolder;height:110px; line-height:110px;}
.first .wrap span{ font-size:20px;height:20px; line-height:20px; padding:35px 0; }
.first .wrap span,.first .wrap strong{display:block;font-family:微软雅黑;}
.first .wrap i{background:url(../images/top_icon.png) no-repeat center 0;_background:url(../images/top_icon_.png) no-repeat center 0; height:60px; display:block;}
.first .wrap i:hover{opacity:0.5;}




/*焦点*/
.focus{}





/*版
.copyright{}
.copyright p{text-align:center;padding:20px 0;}
.copyright ol{width:820px;margin:0 auto;padding-top:30px;}
.copyright ul{width:660px; margin:0 auto;}
.copyright li,.copyright img,.copyright span{float:left;}
.copyright li{margin:0 5px; display:inline;}
.copyright img{vertical-align:baseline;}
.copyright span{display:none;}



权*/





/*下面的可能都无用的述*/





/*按钮颜色*/
.btn_blue{padding:8px 28px; color:#fff!important; background:#199fd6;border-radius:3px; font-size:16px; margin:20px 0; display:inline-block; border:none; cursor:pointer;}
.btn_blue:hover{background:#3db0df;}
.btn_orange{padding:8px 28px; color:#fff!important; background:#f04c36;border-radius:3px; font-size:16px; display:inline-block;}
.btn_orange:hover{background:#f75e4a;}
.btn_write{padding:8px 28px; color:#fff!important; border:1px solid #fff;border-radius:3px; font-size:16px; display:inline-block; width:56px!important;}
.btn_write:hover{background:#fff;color:#333!important;}
.btn_pink{padding:8px 28px; color:#fff!important; background:#f36e89;border-radius:3px; font-size:16px; display:inline-block;}
.btn_pink:hover{background:#ff8aa2;}