@charset "utf-8";
/* CSS Document */
body{font-family: "微软雅黑", sans-serif;font-size: 12px;color: #000000;background-color: #ffffff;}
.none{ display:none;}
*{margin:0px;padding:0px;}
i{ font-style:normal;}
li{list-style-type: none;}
img {border:0}
html{ overflow-x:hidden;overflow-y:auto;}
.clear{ clear:both;}
a{color:#333333;text-decoration: none;}
a:hover{color:#2a1f1a;}
.c,.clean{clear:both;height:0;font-size:1px;line-height:0}

#header{border-bottom: 1px solid #eeeeee;}
#header .box{width: 1200px; height: 77px;margin: 0 auto;}
#header .logo{width: 220px; height: 30px;background-image: url(../theme/logo.png);background-repeat: no-repeat;float: left;margin-top: 24px;}
#header .logo a{width: 220px; height: 30px;display: block;}
#header .nav{float: right; }
#header .nav ul li{float: left;font-size: 16px;margin-left: 30px;margin-right: 30px;margin-top: 32px;}
#header .nav ul li a{color:#2a1f1a;}
#header .nav ul li a:hover{padding-bottom:24px;border-bottom: 1px solid #2a1f1a;}
/*#header .nav ul li.on{padding-bottom:26px;border-bottom: 1px solid #2a1f1a;}*/

#header2{border-bottom: 1px solid #eeeeee;}
#header2 .box{width: 1200px; height: 77px;margin: 0 auto;}
#header2 .logo{width: 220px; height: 30px;background-image: url(../theme/logo.png);background-repeat: no-repeat;float: left;margin-top: 24px;}
#header2 .logo a{width: 220px; height: 30px;display: block;}
#header2 .nav{float: right; }
#header2 .nav ul li{float: left;font-size: 16px;margin-left: 30px;margin-right: 30px;margin-top: 32px;}
#header2 .nav ul li a{color:#2a1f1a;}
#header2 .nav ul li a:hover{padding-bottom:24px;border-bottom: 1px solid #2a1f1a;}



#guanzhuweixin-s{width:100%;height:77px; position: fixed; left:0px; top:0; z-index:1001; display:none;}

#menu{border-bottom: 1px solid #eeeeee;}
#menu .box{width: 1200px; height: 66px;margin: 0 auto;}
#menu .box ul{float: right;margin-right: 25px;}
#menu .box li{float:left;font-size: 14px;border-right: 1px solid #eeeeee;line-height: 66px;padding-left: 24px;padding-right: 24px}
#menu .box li.on{color:#2a1f1a;border-bottom: 1px solid #000000;}
#menu .box li.on a{color:#2a1f1a;}


.ilankpic{position:relative;overflow:hidden;background:#ddd url(../theme/load.png) no-repeat center center;}
.ilankpic .bd{width:100%;z-index:1;position:relative;}
.ilankpic .bd li img{width:100%;height:auto;display:block;}
.ilankpic .bd a{display:block;}
.ilankpic .hd{position:absolute;display:block;left:5%;bottom:50%;z-index:3;width:100%;height:21px;text-align:center;}
.ilankpic .hd li{display: block; cursor:pointer;width:18px;height:2px;background:url(../theme/ulink.png) no-repeat;padding-bottom: 12px;}
.ilankpic .hd li.on{width:26px;height:3px;background:url(../theme/ulink2.png) no-repeat}
.ilankpic .links{position:absolute;left:5%;bottom:5%;z-index:1;}
.ilankpic .links h2{font-size: 18px;color: #ffffff;margin-bottom: 18px;text-transform:uppercase;}
.ilankpic .links ul li{font-size: 10px;float: left;}
.ilankpic .links ul li a{margin-right: 10px;display: block; width: 185px; height: 32px;line-height: 32px;border: 1px solid #ffffff;text-align: center;color: #ffffff;}
.ilankpic .links ul li a:hover{background-color: #ffffff;color: #000000;}
.ilankpic .links ul li a.on{background-color: #ffffff;color: #000000;}
.ilankpic .links ul li a.on2{background-color: #ffffff;color: #000000;}
.ilankpic .links ul li a:hover.on2{background-color: #2a1f1a;border: 1px solid #2a1f1a;color: #ffffff;}


#banner{width: 100%;overflow:hidden;}
#banner img{width: 100%;height: auto;}

#three {background-color: #f6f5f3;padding:66px;}
#three .box{width: 100%; margin: 0 auto;overflow:hidden;}
#three h2{text-align: center;font-size: 18px;margin-bottom: 66px;}
#three .three_a{background-color: #ffffff;width: 30%; height: 186px;padding:16px;display: block; float: left;margin-right: 12px;border: 1px solid #efeeec;}
#three .three_a h3{font-size: 16px;margin-top: 20px;margin-bottom: 20px;}
#three .three_a p{font-size: 14px;margin-bottom: 67px;}
#three .three_a span a{width: 100%; height: 35px;line-height: 35px;text-align: center;display: block;color: #000000;border: 1px solid #000000;}
#three .three_a span a:hover{background-color: #2a1f1a;border: 1px solid #2a1f1a;color: #ffffff;}

#three .three_b{background-color: #ffffff;width: 31%; height: 186px;padding:16px;display: block;float: left;margin-right: 12px;}
#three .three_b h3{font-size: 16px;margin-top: 20px;margin-bottom: 20px;}
#three .three_b p{font-size: 14px;margin-bottom: 67px;}
#three .three_b span a{width: 100%; height: 33px;line-height: 33px;text-align: center;display: block;color: #000000;border: 1px solid #000000;}
#three .three_b span a:hover{background-color: #2a1f1a;border: 1px solid #2a1f1a;color: #ffffff;}

#three .three_c{background-color: #ffffff;width: 30%; height: 186px;padding:16px;display: block;float: left;}
#three .three_c h3{font-size: 16px;margin-top: 20px;margin-bottom: 20px;}
#three .three_c p{font-size: 14px;margin-bottom: 67px;}
#three .three_c span {width: 100%; height: 33px;line-height: 33px;text-align: center;display: block;color: #000000;border: 1px solid #000000;}
#three .three_c .douyin{margin-left: 55px;width: 16px; height: 18px;display: block;background:url(../theme/douyin.png) no-repeat;float: left;margin-top: 7px;margin-right: 15px;}
#three .three_c .weibo{width: 21px; height: 18px;display: block;background:url(../theme/weibo.png) no-repeat;float: left;margin-top: 7px;margin-right: 15px;}
#three .three_c .xiaohongshu{width: 39px; height: 18px;display: block;background:url(../theme/xiaohongshu.png) no-repeat;float: left;margin-top: 7px;margin-right: 15px;}
#three .three_c .weixin{width: 19px; height: 18px;display: block;background:url(../theme/weixin.png) no-repeat;float: left;margin-top: 7px;}


#footer{background-color: #2a1f1a;height: 66px;font-size: 12px;color:#ffffff;}
#footer .box{width: 1200px;height: 66px;margin: 0 auto;}
#footer .box .copyright{color:#ffffff;margin-top: 24px;float:left;}
#footer .box .copyright a{color:#ffffff;}
#footer .box .copyright a:hover{color:#d2d2e7;}
#footer .box .flogo{width: 130px; height: 18px;background-image: url(../theme/flogo.png);background-repeat: no-repeat;float: right;margin-top: 24px;}

#body{width: 100%;overflow:hidden;}
#body img{width: 100%;height:auto;vertical-align:middle;}

#news {width: 1200px;overflow:hidden;margin: 0 auto;margin-top: 66px;margin-bottom: 66px;}
#news h2{text-align: center;}
#news h2 i{display: block;color:#545454;font-size: 24px;font-weight:normal;}
#news h2 b{display: block;width: 20px; height: 2px;border-bottom: 1px solid #2a1f1a;margin: 0 auto;}
#news h2 span{display: block;color:#000000;font-size: 18px;font-weight:normal;}

.ls01{width:1200px;margin:0 auto;overflow:hidden;margin-top: 33px;}
.ls01 li{width:1200px;padding:20px 0px 0px 0;position:relative;float:left;overflow:hidden}
.ls01 img{width:360px;height:160px;float:left;margin:0 40px 0 0}
.ls01 span{background:url(../theme/i.png) no-repeat;_background:url(../theme/i.gif) no-repeat;position:absolute;top:20px;left:0;width:130px;height:130px;display:block;cursor:pointer}
.ls01 h3{line-height:28px;height:28px;margin-bottom:8px;overflow:hidden;cursor:pointer;font-size:20px;font-weight:normal;text-rendering:optimizeLegibility}
.ls01 i{font-style:normal;cursor:pointer;color:#aaa}
.ls01 a{display:block}
.ls01 a:hover i{color:#f60}
.ls01 a:hover{text-decoration:none}
.ls01 p{line-height:20px;margin-top:5px;display:block}
.ls01 a:hover p{color:#333}

.page{clear:both;padding-top:40px;color:#ccc;text-align:center;font-size:14px;line-height:32px}
.page b,.page strong{font-weight:normal}
.page i{margin:0 8px}
.page b{position:relative;left:-15px}
.page a,.page span,.page strong{margin:0 2px;padding:6px 12px;background:#fff;color:#333;border:1px solid #333;}
.page a{color:#333;border:1px solid #eeeeee;}
.page strong{background:#2a1f1a;color:#fff}
.page a:hover{background:#2a1f1a;color:#fff}

.main{width:1200px;overflow:hidden}
.cntL{clear:both;overflow:hidden;background:#fff}
.main .cntL{padding:20px;border-radius:10px}
.lred{color:#c46200}
.lred:hover{color:#f90;text-decoration:underline}
.main .cntL_hd{text-align:center;padding:10px 0}
.cntL_hd h1{font-size:24px;line-height:40px;color:#333;font-family:Microsoft Yahei,黑体;font-weight:normal;letter-spacing:1px}
.cntL_hd h5{font-weight:normal;color:#999}
.cntL_bd{font-size:14px;line-height:180%;text-align:left;padding:10px 0;margin:0 auto;overflow:hidden;clear:both}
.main .cntL_bd{padding:20px 0 10px}
.main .cntL_bd img{vertical-align:top;display:block;margin:0 auto}
.cntL_bd a{color:#F60}
.cntL_bd a:hover{text-decoration:underline}
.Content-body{margin:0 18px;border-top:1px dashed #e9ebef;padding-top:20px}
.Content-body img{margin:0 auto 40px;display:block;border:5px solid #eef1f5}
img.prh{margin:0 auto 20px;border:none;padding:0}
.cntL_bd img{background:none}
/*.cntL_bd p{margin:0 0 20px}*/
.cnt_tag{height:35px;line-height:35px;clear:both}
.tag{float:left;text-indent:15px}
.tag,.tag a{color:#999;margin-right:10px}
.tag a:hover{color:#000}
.ContentAuthor{color:#999;font-weight:normal;text-align:right;margin-right:10px}
.post-nav{border-top:1px dashed #f4f4f4;border-bottom:1px solid #f4f4f4;clear:both;height:32px;line-height:32px;overflow:hidden;background:#fbfbfb;}
.post-nav .l{float:left;padding-left:10px;width:285px;}
.post-nav .r{float:right;padding-right:10px;width:285px;text-align:right}

.sc1_works img{background:#eee url(../theme/load.png) no-repeat center center}

.sc1_works{width:1200px;margin:0 auto;overflow:hidden;margin-top: 66px;margin-bottom: 66px;}
.sc1_works ul{width:1200px}
.sc1_works li{float:left;margin:0 12px 40px 0;width:286px}
.sc1_works li a{display:block}
.sc1_works img,.sc1_works .t1{width:286px;height:404px;display:block;overflow:hidden}
.sc1_works a .t1{color:#fff}
.sc1_works .t1{position:relative;left:0;background:#000;text-align:center}
.sc1_works .t1 span{position:absolute;left:0;top:-259px;width:100%;height:259px;cursor:pointer;background:url(../theme/works.png) no-repeat center 0}
.sc1_works .t1 h3{font-size:16px;margin:165px 0 10px}
.sc1_works .t1 i{font-style:normal;line-height:22px;display:block}
.sc1_works .t1 p{position:absolute;bottom:-32px;font-size:9px\9;width:290px;text-transform:uppercase}
.sc1_works .t2{text-align:right;margin-left:64px}
.sc1_works .t2 h3{border-bottom:1px solid #ddd;font-size:18px;line-height:34px;height:34px;overflow:hidden}
.sc1_works h3,.sc1_works h4{font-weight:normal}
.sc1_works .t2 span{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;line-height:28px;font-style:italic;color:#aaa}
.sc1_works .t2 h4{font-size:14px;line-height:20px;color:#aaa;display:block;height:20px}
.sc1_works a:hover .t2 span,.sc1 a:hover .t2 h4{color:#666}
.sc1_works li{margin-right:14px;width:384px}
.sc1_works .t1 span{top:-556px;height:556px;background:url(../theme/works2.png) no-repeat center 0}
.sc1_works .t1 h3{font-size:24px;margin:200px 0 10px}
.sc1_works .t1 i{font-size:16px}
.sc1_works img,.sc1_works .t1{width:384px;height:556px}
.sc1_works a .t3{
	display: block;
	font-size: 18px;
	text-align: center;
	margin: 0 0 20px
}
.sc1_works a .t3 h3{padding:0 15px;display:inline-block;line-height:38px;border:1px solid #ccc;border-radius:6px}
.sc1_works a:hover .t3 h3{border:1px solid #d3306e;color:#d3306e}


.wp{width:1200px;margin:0 auto;margin-top: 66px;}
.md08{overflow:hidden;margin:0 auto;clear:both}
.md08 .bd{
	border-bottom: 1px solid #e2e2e2;
	clear: both;
	margin: 0 auto 30px;
	overflow: hidden;
	padding: 0 0 30px;
	position: relative;
	height:240px;
}
.r01{
	height: 74px;
	margin: 62px 30px 0 0;
	overflow: hidden;
	position: relative;
}
.r01 a{
	width: 42px;
	padding-top: 76px;
	display: block;
	filter: alpha(opacity=70);
	opacity: 0.70;
	position: absolute;
}
.r01 a:hover{filter:alpha(opacity=100);opacity:1}
.r01 .up{
	background: url(../theme/nav_c.gif) no-repeat -7px 0;
	left: 0px;
}
.r01 .down{
	background: url(../theme/nav_c.gif) no-repeat -59px 0;
	margin-left: 10px;
	right: 0px;
}
.l1x{
	float: left;
	position: absolute;
	left: 350px;
	top:0px;
}
.l1{float:left;position:relative;}
.l1 img,.l1 span{display:block;height:240px;width:160px}
.l1 span{position:absolute;background:url(../theme/i24.png) no-repeat}
.l2{
	float:left;
	line-height: 24px;
	margin-left: 20px;
}
.l2 h1{font-family:Microsoft Yahei,黑体;color:#c46200;font-size:24px;line-height:30px;margin:0 0 8px;font-weight:normal}
.works_view p{
	display: block;
	margin-bottom: 10px;	
}
.works_view img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.lf09{font-size:18px;line-height:220%;padding:30px 0 50px;text-align:center;border-top:1px solid #ddd}
.main_p{margin:0 auto;clear:both}
.main_p .hd{border-bottom:1px dashed #e9ebef;padding:10px 24px;color:#666;background:url(../theme/ico_10.gif) no-repeat 10px 15px}
.main_p .hd a:hover{text-decoration:underline}
.main_p .cntL_hd{padding:0 18px;height:110px}
.main_p .cnt_tag{background:#E9EBEF}
.main_p .cntL{border:1px solid #E9EBEF;border-top:none}
.main_p .comment,.book{padding-top:10px}
.post-nav{border-top:1px dashed #f4f4f4;border-bottom:1px solid #f4f4f4;clear:both;height:32px;line-height:32px;overflow:hidden;background:#fbfbfb;}
.post-nav .l{float:left;padding-left:10px;width:285px;}
.post-nav .r{float:right;padding-right:10px;width:285px;text-align:right}

.news2{width:1180px;margin:0 auto;overflow:hidden}
.news2 li{margin-bottom:33px;text-align:center}
.news2 a{background:#fff;padding-bottom:40px;display:block}
.news2 img{width:1180px;height:500px;display:block}
.news2 a h3{margin-top:20px;font-size:24px;color:#333;line-height:40px;font-weight:normal;cursor:pointer}
.news2 a i{color:#999;line-height:20px;font-style:normal;display:block;cursor:pointer}
.news2 a:hover h3,.news2 a:hover i{color:#ffffff}
.news2 a:hover{background:#2a1f1a}
.dsn{display:none}
.pre{position:relative;z-index: 5;}
.dsb{display:block}

.events_view{width: 100%;overflow:hidden;}
.events_view img{width: 100%;height: auto;display: block;}



.ilankpic2{position:relative;float: left;overflow:hidden;margin-left: 100px; width:80%;height:760px;}
.ilankpic2 .bd{width:100%;position:relative;height:760px}
.ilankpic2 .bd li{width:100%;float:left;height:760px;}
.ilankpic2 .hd{position:absolute;left:5%;bottom:50%;z-index:1;width:100%;height:21px;text-align:center;}
.ilankpic2 .hd li{display: block; cursor:pointer;width:18px;height:2px;background:url(../theme/ulink.png) no-repeat;margin-bottom: 12px;}
.ilankpic2 .hd li.on{width:26px;height:3px;background:url(../theme/ulink2.png) no-repeat}



.meun-off {
    float: right;
    margin-right: 10px;
}
.meun-off span {
    width: 23px;
    height: 2px;
    background-color: #000;
    display: block;
    margin: 6px auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	border:2px solid #fff;
}
.nav2 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background-color: #ffffff;
    display: none;
	z-index: 3000;
}
.nav2 .lie{float: left;margin-left: 10%;}
.nav2 .lie ul{margin-top: 65px;}
.nav2 .lie li{font-size: 16px;margin-bottom: 20px;}
.nav2 .lie li a:hover{color:#2a1f1a;border-bottom: 1px solid #2a1f1a;}
.nav2 .close {
    display: block;
    position: absolute;
    top: 15%;
    right: 4%;
	z-index: 3000;
}

.nav2 .close img {
    transition: all .5s ease;
}

.nav2 .close:hover img {
    transform: rotate(180deg);
}


.meun-off4 {
    float: right;
    margin-right: 10px;
}
.meun-off4 span {
    width: 23px;
    height: 2px;
    background-color: #000;
    display: block;
    margin: 6px auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	border:2px solid #fff;
}
.nav4 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background-color: #ffffff;
    display: none;
	z-index: 3000;
}
.nav4 .lie{float: left;margin-left: 10%;}
.nav4 .lie ul{margin-top: 65px;}
.nav4 .lie li{font-size: 16px;margin-bottom: 20px;}
.nav4 .lie li a:hover{color:#2a1f1a;border-bottom: 1px solid #2a1f1a;}
.nav4 .close {
    display: block;
    position: absolute;
    top: 15%;
    right: 4%;
	z-index: 3000;
}

.nav4 .close img {
    transition: all .5s ease;
}

.nav4 .close:hover img {
    transform: rotate(180deg);
}

.img-responsive{
  display: block;
  width: 100%;
}

.review h2{text-align: center;margin-bottom: 66px;}
.review h2 i{display: block;color:#545454;font-size: 24px;font-weight:normal;}
.review h2 b{display: block;width: 20px; height: 2px;border-bottom: 1px solid #2a1f1a;margin: 0 auto;}
.review h2 span{display: block;color:#000000;font-size: 18px;font-weight:normal;}

.review {background-color: #f6f5f3;padding:66px;}


.course_2{width: 100%;overflow:hidden; background-color: #f6f5f3;padding-top:66px;padding-bottom:66px;}
.course_2 ul{width:1200px;margin:0 auto;}
.course_2 ul li{float:left;margin-right: 15px;margin-bottom: 15px;}

.course_6{width: 100%;overflow:hidden; background-color: #f6f5f3;padding-top:66px;padding-bottom:66px;}
.course_6 h2{width:1200px;height: 90px;display:block;background:url(../theme/course_6_h2.jpg)no-repeat;margin-bottom:66px;margin-left:auto;margin-right:auto;}
.course_6 ul{width:1200px;margin:0 auto;}
.course_6 ul li{float:left;margin-right: 12px;margin-bottom: 12px;}
.course_6 a.course_6_1{width:288px;height: 220px;display:block;background:url(../theme/course_6_1.jpg)no-repeat;}
.course_6 a:hover.course_6_1{width:288px;height: 220px;display:block;background:url(../theme/course_6_1x.jpg)no-repeat;}
.course_6 a.course_6_2{width:288px;height: 220px;display:block;background:url(../theme/course_6_2.jpg)no-repeat;}
.course_6 a:hover.course_6_2{width:288px;height: 220px;display:block;background:url(../theme/course_6_2x.jpg)no-repeat;}
.course_6 a.course_6_3{width:288px;height: 220px;display:block;background:url(../theme/course_6_3.jpg)no-repeat;}
.course_6 a:hover.course_6_3{width:288px;height: 220px;display:block;background:url(../theme/course_6_3x.jpg)no-repeat;}
.course_6 a.course_6_4{width:288px;height: 220px;display:block;background:url(../theme/course_6_4.jpg)no-repeat;}
.course_6 a:hover.course_6_4{width:288px;height: 220px;display:block;background:url(../theme/course_6_4x.jpg)no-repeat;}
.course_6 a.course_6_5{width:288px;height: 220px;display:block;background:url(../theme/course_6_5.jpg)no-repeat;}
.course_6 a:hover.course_6_5{width:288px;height: 220px;display:block;background:url(../theme/course_6_5x.jpg)no-repeat;}
.course_6 a.course_6_6{width:288px;height: 220px;display:block;background:url(../theme/course_6_6.jpg)no-repeat;}
.course_6 a:hover.course_6_6{width:288px;height: 220px;display:block;background:url(../theme/course_6_6x.jpg)no-repeat;}
.course_6 a.course_6_7{width:288px;height: 220px;display:block;background:url(../theme/course_6_7.jpg)no-repeat;}
.course_6 a:hover.course_6_7{width:288px;height: 220px;display:block;background:url(../theme/course_6_7x.jpg)no-repeat;}
.course_6 a.course_6_8{width:288px;height: 220px;display:block;background:url(../theme/course_6_8.jpg)no-repeat;}
.course_6 a:hover.course_6_8{width:288px;height: 220px;display:block;background:url(../theme/course_6_8x.jpg)no-repeat;}

.course_10{width: 100%;overflow:hidden; background-color: #f6f5f3;padding-top:66px;padding-bottom:66px;}
.course_10 h2{width:1200px;height: 90px;display:block;background:url(../theme/course_10_h2.jpg)no-repeat;margin-bottom:66px;margin-left:auto;margin-right:auto;}
.course_10 ul{width:1200px;margin:0 auto;}
.course_10 ul li{float:left;margin-right: 12px;margin-bottom: 12px;}
.course_10 a.course_10_1{width:228px;height: 220px;display:block;background:url(../theme/course_10_1.jpg)no-repeat;}
.course_10 a:hover.course_10_1{width:228px;height: 220px;display:block;background:url(../theme/course_10_1x.jpg)no-repeat;}
.course_10 a.course_10_2{width:228px;height: 220px;display:block;background:url(../theme/course_10_2.jpg)no-repeat;}
.course_10 a:hover.course_10_2{width:228px;height: 220px;display:block;background:url(../theme/course_10_2x.jpg)no-repeat;}
.course_10 a.course_10_3{width:228px;height: 220px;display:block;background:url(../theme/course_10_3.jpg)no-repeat;}
.course_10 a:hover.course_10_3{width:228px;height: 220px;display:block;background:url(../theme/course_10_3x.jpg)no-repeat;}
.course_10 a.course_10_4{width:228px;height: 220px;display:block;background:url(../theme/course_10_4.jpg)no-repeat;}
.course_10 a:hover.course_10_4{width:228px;height: 220px;display:block;background:url(../theme/course_10_4x.jpg)no-repeat;}
.course_10 a.course_10_5{width:228px;height: 220px;display:block;background:url(../theme/course_10_5.jpg)no-repeat;}
.course_10 a:hover.course_10_5{width:228px;height: 220px;display:block;background:url(../theme/course_10_5x.jpg)no-repeat;}
.course_10 a.course_10_6{width:228px;height: 220px;display:block;background:url(../theme/course_10_6.jpg)no-repeat;}
.course_10 a:hover.course_10_6{width:228px;height: 220px;display:block;background:url(../theme/course_10_6x.jpg)no-repeat;}
.course_10 a.course_10_7{width:228px;height: 220px;display:block;background:url(../theme/course_10_7.jpg)no-repeat;}
.course_10 a:hover.course_10_7{width:228px;height: 220px;display:block;background:url(../theme/course_10_7x.jpg)no-repeat;}
.course_10 a.course_10_8{width:228px;height: 220px;display:block;background:url(../theme/course_10_8.jpg)no-repeat;}
.course_10 a:hover.course_10_8{width:228px;height: 220px;display:block;background:url(../theme/course_10_8x.jpg)no-repeat;}
.course_10 a.course_10_9{width:228px;height: 220px;display:block;background:url(../theme/course_10_9.jpg)no-repeat;}
.course_10 a:hover.course_10_9{width:228px;height: 220px;display:block;background:url(../theme/course_10_9x.jpg)no-repeat;}
.course_10 a.course_10_10{width:228px;height: 220px;display:block;background:url(../theme/course_10_10.jpg)no-repeat;}
.course_10 a:hover.course_10_10{width:228px;height: 220px;display:block;background:url(../theme/course_10_10x.jpg)no-repeat;}

.course_11{position: relative;}
a.course_11_1 {position: absolute;left:38%;top:5%;width: 772px;height: 600px;background:url(../theme/course_11_1.png)no-repeat;}
a:hover.course_11_1 {width: 772px;height: 600px;background:url(../theme/course_11_1x.png)no-repeat;}

.course_13{width: 100%;overflow:hidden;}
.course_13 ul{width:1920px;margin:0 auto;}
.course_13 ul li{float:left;}
.course_13 a.course_13_1{width:640px;height: 380px;display:block;background:url(../theme/course_13_1.jpg)no-repeat;}
.course_13 a:hover.course_13_1{width:640px;height: 380px;display:block;background:url(../theme/course_13_1x.jpg)no-repeat;}
.course_13 a.course_13_2{width:640px;height: 380px;display:block;background:url(../theme/course_13_2.jpg)no-repeat;}
.course_13 a.course_13_3{width:640px;height: 380px;display:block;background:url(../theme/course_13_3.jpg)no-repeat;}
.course_13 a:hover.course_13_3{width:640px;height: 380px;display:block;background:url(../theme/course_13_3x.jpg)no-repeat;}
.course_13 a.course_13_4{width:640px;height: 380px;display:block;background:url(../theme/course_13_4.jpg)no-repeat;}
.course_13 a.course_13_5{width:640px;height: 380px;display:block;background:url(../theme/course_13_5.jpg)no-repeat;}
.course_13 a:hover.course_13_5{width:640px;height: 380px;display:block;background:url(../theme/course_13_5x.jpg)no-repeat;}
.course_13 a.course_13_6{width:640px;height: 380px;display:block;background:url(../theme/course_13_6.jpg)no-repeat;}


.bg_img{width: 1200px; height:710px;position:relative;margin-bottom: 66px;}
.cl_img{width:60px;position:absolute;right:20px;top:5px;z-index: 10;}
.cl_img img{padding:0 5px;}
.cl_img img:hover{cursor:pointer;}
.bg_img .datu_left{display:block;width:50px;height:50px;position:absolute;top:45%;left:0;background:url(../theme/zuo.png)no-repeat center center;background-size:100%;opacity:0;cursor:pointer;}
.bg_img .datu_right{display:block;width:50px;height:50px;position:absolute;top:45%;right:0;background:url(../theme/you.png)no-repeat center center;background-size:100%;opacity:0;cursor:pointer;z-index:10;}
.bg_img:hover .datu_left,.bg_img:hover .datu_right{cursor:pointer;opacity:1;z-index:10;}

.content_list{padding-top:66px;padding-bottom:66px;width: 1152px;margin: 0 auto;overflow:hidden;}
.content_list .item_block .content,.content_list .item_block .content .item_img{position:relative;overflow:hidden}
.content_list .item_block .content{display:block}
.content_list .item_block .content .item_img img{transition:all ease-out .3s;}
.content_list .item_block .content .item_img .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:all ease .3s}
.content_list .item_block:hover .item_img .mask{background-color:rgba(0,0,0,.5)}
.content_list .item_block:hover .item_img img{transform:scale(1.1)}
.content_list .item_block .content .item_info{position:absolute;top:50%;width:100%;left:0;text-align:center}
.content_list .item_block{width:33.333333%}
.content_list .item_block .item_info{transform:translateY(-25px)}
.content_list .item_block .item_info p{transition:all ease-out .3s;opacity:0}
.content_list .item_block .item_info .title{font-size:20px;color:#fff;transform:translate3d(0,10px,0)}
.content_list .item_block .item_info .subtitle{font-size:14px;color:#dcdcdc;margin-top:6px;transform:translate3d(0,26px,0)}
.content_list .item_block:hover .item_info p{transform:translate3d(0,0,0);opacity:1}
.fl{float:left}
.fr{float:right}




