@charset "utf-8";
/* CSS Document */
header{ width:100%; }
.top1{background-color:#231F20;}
.top2{ background-color:#FF0197;}
.hnav{ display:block; width:1180px; height:80px; margin:0 auto;}
.hnav ul li{ float:left; text-align:center; padding:25px 20px 10px 20px; }
.hnav ul li a p{ font-size:18px; }
.hnav ul li a i{font-size:12px; }
.xinxi{display:block; width:1180px; height:35px; margin:0 auto; overflow:hidden}
.xinxi span{ line-height:35px; float:left; color:#221F1F; padding-right:2px}
.xinxi i{background:url("../img/tubiao.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/tubiao.png*/ no-repeat; height:35px; width:25px;display:block; overflow:hidden; float:left; padding-right:5px;}
.xinxi .tb1{ background-position:-8px -4px}
.xinxi .tb2{ background-position:-50px -4px}
.xinxi .tb3{ background-position:-90px -4px}
.xinxi .tb4{ background-position:-128px -4px}
.xinxi font { color:#FFF; float:left; line-height:35px; padding-right:40px;}
.xinxi a span:hover{ color:#FFF;}

.con{ text-align:center;}
.biaoti{ background:url("../img/tu1.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/tu1.png*/ no-repeat center; height:134px;}
.biaoti p{ z-index:5; padding-top:40px;}

.kctj ul{ width:1185px;overflow:hidden;}
.kctj ul li{ width:589px; height:320px; float:left; margin-right:2px; margin-bottom:2px; position:relative; display:block;}
.kctj ul li .fd{ position:absolute; top:0; left:0; width:260px; height:320px;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.7);-o-opacity:0.7;opacity:0.7;-moz-opacity:0.7;-ms-opacity:0.7;-webkit-opacity:0.7;filter:alpha(opacity=70);*zoom:1;  z-index:10; }
.kctj ul li a:hover .fd{ position:absolute; top:0; left:0; width:260px; height:320px;background-color:rgb(255,0,152); background-color:rgba(255,0,152,0.7);-o-opacity:0.7;opacity:0.7;-moz-opacity:0.7;-ms-opacity:0.7;-webkit-opacity:0.7;filter:alpha(opacity=70);*zoom:1;  }
.kctj ul li .fdcon{ z-index:20; display:block;position:absolute; top:0; left:0; width:190px;text-align:left; color:#FFF; padding:70px 35px 0 35px; line-height:1.5}
.kctj ul li .fdcon .hr{ border-bottom:1px solid #FFF; width:70px; padding-bottom:10px;}
.kctj ul li .fdcon i{  border:#CCC 1px solid; padding:3px 15px; display:inline-block;}
.kctj ul li .fdcon p{ padding-bottom:5px;}

.zixun ul{ width:1182px;overflow:hidden;}
.zixun ul li{ width:392px; height:54px; float:left; margin-right:2px; background:#000;}
.zixun ul li img{ padding-top:12px;}
.zixun ul li i{ display:none}
.zixun ul li:hover{ background:#333;}

.btelse{ background:url("../img/tu2.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/tu2.png*/ no-repeat center 75px ; height:150px;}
.btelse i{background:url("../img/btzi.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/btzi.png*/ no-repeat;display:block; overflow:hidden;margin:0 auto }
.btelse .i1{background-position:-8px -4px; width:242px; height:56px; }
.btelse .i2{background-position:-10px -95px; width:237px; height:56px; }
.btelse .i3{background-position:-10px -145px; width:102px; height:56px; }
.btelse .i4{background-position:-10px -195px; width:152px; height:56px; }
.btelse p{ z-index:5; }

.teacher ul{ width:1190px;overflow:hidden;}
.teacher ul li{ width:297px; float:left; padding-right:10px; text-align:center; padding:30px 0; border-bottom:1px solid #CCC;}
.item{position:relative;cursor:pointer; z-index:10; text-align:center}
.item i{position:absolute;top:0;left:5px; width:287px; height:380px; background:url("../img/i.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/i.png*/ center center no-repeat; z-index:10;}
.item p{ padding-top:5px; z-index:11}
.item .p1{ padding-top:295px; z-index:11}

.more{ padding:20px 0 60px 0;}
.more p{ width:184px; height:30px; border:#CCC 1px solid; line-height:30px; margin:0 auto; color:#999}
.more a:hover p{ border:#FF0098 1px solid; color:#FF0098;}

.jxts{  position:relative; margin:0 auto; width:1180px; height:470px; }
.jxts .jxtscon{  width:1920px;height:470px;margin-left:-370px; text-align:center;background:url("../img/bg.jpg")/*tpa=http://www.0931hoho.cn/Public/hoho/img/bg.jpg*/; }
.jxts .jxtscon i{background:url("../img/btzi.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/btzi.png*/ no-repeat;display:block; overflow:hidden; }
.jxts .jxtscon .i2{background-position:-8px -54px; width:240px; height:44px; margin:0 auto}
.jxts .jxtscon ul{ width:1180px; margin:0 auto;}
.jxts .jxtscon ul li{ float:left; width:236px; text-align:center;}
.jxts .jxtscon ul li i{background:url("../img/tubiao.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/tubiao.png*/ no-repeat; height:61px; width:61px;display:block; overflow:hidden; margin:0 auto; padding-bottom:9px;}
.jxts .jxtscon ul li .tb5{background-position:8px -40px}
.jxts .jxtscon ul li .tb6{background-position:-58px -40px}
.jxts .jxtscon ul li .tb7{background-position:-125px -40px}
.jxts .jxtscon ul li .tb8{background-position:-1px -110px}
.jxts .jxtscon ul li .tb9{background-position:-71px -110px}
.jxts .jxtscon ul li hr{ width:67px;}

.type_List1 a{background:#E9E9E9;text-decoration:none; padding:5px;}
.type_List1 a.hover,.type_List1 a:hover{ background:#8D1101;color:#FFF;text-decoration:none; padding:5px;}

.zp ul li{ width:391px; height:190px; margin-right:2px; float:left; background:#231F20; text-align:left; position:relative; display:block;}
.zp ul li img{ padding:25px 0 0 20px;}
.zp ul li p{ z-index:5; position:absolute; top:135px; left:20px; color:#FFF}
.zp ul li:hover p{color:#FF0098;}

.video ul { width:1190px; overflow:hidden}
.video ul li{ width:585px; float:left; margin-right:10px; position:relative; padding-top:30px; height:459px; overflow:hidden;}
.video ul li .action{ position:absolute;top:150px; left:244px; text-align:left;}

.xydt .xydtr{ background:url("../img/weibo.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/weibo.png*/; width:287px; height:448px;}
.xydt .xydtl ul{ width:891px; overflow:hidden;}
.xydt .xydtl ul li{ float:left; width:287px; margin-right:10px; height:256px; overflow:hidden;}
.xydt .xydtl ul li p{ padding:10px 0 38px 0;}
.xydt .xydtr p{ padding-top:290px;}
.xydt .xydtr a:hover p{ color:#FF0098;}
.xydt .xydtr a:hover span{ color:#FFF;}

.link ul{ width:1192px; overflow:hidden; text-align:center;}
.link ul li{ display:inline; width:141px; height:59px; float:left; margin-right:8px;}
.linkzi{ width:800px; text-align:center; margin:0 auto}
.linkzi a{ display:inline-block; color:#999; padding-right:5px;}
.linkzi a:hover{color:#FF0098;}

.footer{ width:100%; background:#231F20; height:528px;}
.foocen{ width:1180px; margin:0 auto; position:relative;}
.foocen .fool{ background:url("../img/dibu.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/dibu.png*/ no-repeat 0 50px; width:412px; height:328px;  padding-top:200px; padding-right:35px;}
.foocen .foor{ position:absolute; top:50px;  border-left:1px solid #666; padding-left:35px; overflow:hidden; width:10000px; }
.foocen .foor ul li{ float:left; padding:0 10px;}
.foocen .foor .span{ background:url("../img/btzi1.png?rnd=223")/*tpa=http://www.0931hoho.cn/Public/hoho/img/btzi.png*/ no-repeat; width:334px; height:58px; background-position:-10px -250px; display:block}

/*广告滚动*/
/* sobox */
.sobox{width:1920px;position:relative;margin-left:-370px;text-align:center;}
.sobox .a_bigImg{position:absolute;top:0px;left:0px;display: block; width:100%; text-align:center;}

.soul_tah { z-index:10; width:300px; text-align:center; margin:0 auto;}
.soul_tah li{padding:0 5px; display:inline-block;}
.soul_tah li i{ display:block; border:2px solid #FFF;width:10px;height:10px;overflow:hidden;filter:alpha(opacity=60);opacity:0.6; background-color:rgba(255,255,255,0); font-size:50px; line-height:10px;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px; cursor:pointer;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);}
.soul_tah li.on i{filter:alpha(opacity=100);opacity:1;width:14px;height:14px; margin-bottom:-2px; background:#FFF;}


/*内容*/
#img_scroll{width:1180px;height:680px; overflow:hidden; margin:0 auto}
#img_small{width:1180px;position:relative;}
#img_small a{ width:295px; float:left;display:block;margin-bottom:5px;height: 270px;overflow: hidden;}
#img_small a p{ padding:10px 0 5px 0;}
#img_small a.hover,#img_small a:hover{color:#FF0098;}
#img_small .curr{width:130px;height:70px;position:absolute;left:0;top:0;}
#img_big{width:1180px;height:600px;position:relative;}
#img_big a{display:none;position:absolute;left:0px;top:0;}

/* 子页面分页效果*/
.mpage { display:block;padding:15px 0 80px;width:370px; margin:0 auto; position:relative; top:30px;}
.mpage li{ display:inline; padding:8px;}
.mpage .count,.mpage .pend,.mpage .phome{ display:none;}
.mpage .pnext a,.mpage .ppre a,.mpage .ppage a{ display:inline-block;*display:inline;zoom:1; line-height:30px; width:30px; text-align:center;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius: 15px; -khtml-border-radius: 15px; font-size:14px;background:#FF0098; color:#FFF}
.mpage .pnext a,.mpage .ppre a{width:auto; padding:0 20px; }
.mpage  a:hover,.mpage  a.hover{ background:#222;color:#FFF;}

/*brand*/
.top3{background:url("../img/erbg.jpg")/*tpa=http://www.0931hoho.cn/Public/hoho/img/erbg.jpg*/ repeat-x; height:131px; text-align:center; position:relative;}
.top3 .top3t .toptl{ padding-top:5px; background:url("../img/make.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/make.png*/ no-repeat 200px 5px; width:400px; text-align:left}
.top3 .top3t .toptl span{ padding-right:15px;border-right:1px solid #FFF; line-height:1}
.top3 .top3t .toptr{ background:url("../img/hohostu.png")/*tpa=http://www.0931hoho.cn/Public/hoho/img/hohostu.png*/ no-repeat; width:342px; height:61px;}
.top3 .top3b .topbl{ background:url("../img/erbgt.jpg")/*tpa=http://www.0931hoho.cn/Public/hoho/img/erbgt.jpg*/ repeat-x; height:38px; width:644px; line-height:38px; }
.top3 .top3b .topbl ul li{ float:left}
.top3 .top3b .topbl ul li a{ width:110px; height:38px; border-right:1px solid #CCC; float:left;}
.top3 .top3b .topbl .hover{ background-color:#FF0098; color:#FFF;border-right:1px solid #FF0098;}
.top3 .top3b .topbl ul li a:hover{ background:#666; color:#FFF;border-right:1px solid #666;}
.top3 .top3b .topbr i{ display:none}
.top3 .top3b .topbr .i1{  width:268px; height:31px; background:#222222; padding-top:7px}
.top3 .top3b .topbr .i2{  width:268px; height:31px; background:#FF0197;padding-top:7px}
.top3 .top3b .topbr .i1:hover{ background:#333;}
.top3 .top3b .topbr .i2:hover{ background:#EE11C1;}

.brand{ color:#201F1F; line-height:2;}
/*course*/
.course .fd{ margin:0 auto; width:1120px; }
.course .fd li{padding:30px 0 20px 0;}
.course .fd a:hover p{ color:#FF0098;}
.course .fd a:hover .hr{border-bottom:1px solid #FF0098;}
.course .fdcon{display:block; width:475px; height:254px;text-align:left;line-height:1.5; background:#F5F5F5; color:#222;padding:50px 35px 0 50px; position:relative;}
.course .fdcon p{ width:405px;}
.course .fdcon .hr{ border-bottom:1px solid #222; width:70px; padding-bottom:5px;}
.course .fdcon .m{ position:absolute; bottom:50px; right:40px;}
.course .fdcon .i1{ padding:7px 20px;  background:#231F20; color:#FFF; }
.course .fdcon .i2{ padding:6px 20px;  border:1px solid #777; }
.course .fd a:hover .i2{ background:#FF0098;border:1px solid #FF0098; color:#FFF}
/*news*/
.news ul{ width:1288px; overflow:hidden;}
.news ul li{ float:left; width:287px; margin-right:10px; padding-top:30px; height:238px; overflow:hidden;}
.news ul li p{ padding:10px 0 10px 0;}
/*works*/
.works ul{ width:1188px; overflow:hidden;}
.works ul li{ float:left; width:287px; margin-right:10px; padding-top:30px; height:430px; overflow:hidden;}
.works ul li p{ padding:10px 0 0 0;}
/*baoming*/
.baoming{ text-align:left; height:680px; position:relative}
.baoming .bml{ padding:70px 30px 0 30px; line-height:1.8}
.baoming .bml p{ border-left:5px solid #FF0098; line-height:1; padding-left:10px;}
.baoming .bmr{ padding:0px 30px 0 30px; line-height:1.8; border-left:1px solid #CCC; width:670px;margin-top:70px;}
.baoming .bmr .bmf{ width:653px;}
.baoming .bmr p{ border-left:5px solid #FF0098; line-height:1; padding-left:10px;}
.baoming .bmr .input_btn{ width:119px; height:36px; background:#FF0098;border-radius:5px; color:#FFF; border:none; font-size:20px;}
.baoming .bmr .input_btn:hover{ background:#CCC;}
/*lianxi*/
.lx .lxcon{ width:1120px; margin:0 auto; text-align:left; background:#EEE;}
.lx .lxcon .lxr{ padding:40px 0 0 40px;}
.lx .map{ width:1120px; height:602px; border:1px solid #CCC; margin:0 auto;}

.inp,select{	background:#FFF;color:#555;  font-size: 14px;  display: inline-block; zoom: 1;
	border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border: 1px solid #D6D6D6;
	LINE-HEIGHT: 17px; MIN-HEIGHT: 17px;width: auto;WORD-WRAP: break-word; FLOAT: left; OVERFLOW: hidden; WORD-BREAK: break-all; padding:6px;
	margin-right:4px;
}

select{background-color:#F6F6F6; line-height:24px; height:auto;}
.inp:hover{border:1px solid #63BFB4;
/*
box-shadow: inset 0px 1px 6px #ccc;-webkit-box-shadow: inset 0px 1px 6px #ccc; -moz-box-shadow: inset 0px 0px 6px #ccc;
background-color:#EDF3F8;
*/

}
.inp{width:98%;}


/***/
.progress {border-radius: 4px; height: 20px; overflow: hidden; margin-bottom: 20px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-image: linear-gradient(rgb(245, 245, 245), rgb(249, 249, 249)); background-repeat: repeat-x; background-color: rgb(247, 247, 247); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}

.progress .bar {transition:width 0.6s; width:33.3%; display:none; height: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 12px; float: left; box-sizing: border-box; box-shadow: inset 0px -1px 0px rgba(0,0,0,0.15); text-shadow: 0px -1px 0px rgba(0,0,0,0.25);  background-color: rgb(14, 144, 210);background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.12)); background-repeat: repeat-x;}

.progress .bar-1 { background-color: #00BFFF;}
.progress .bar-2 {background-color: #FF6600;}
.progress .bar-3 { background-color: #F8928C;}
.progress .bar-4 {background-color: #67C161;}
.progress .bar-5 {background-color: rgb(250, 167, 50);}

.step1.progress .bar-1 {display:block;}
.step2.progress .bar-1,.step2.progress .bar-2 {display:block;}
.step3.progress .bar-1,.step3.progress .bar-2,.step3.progress .bar-3 {display:block;}
.step4.progress .bar-1,.step4.progress .bar-2,.step4.progress .bar-3,.step4.progress .bar-4 {display:block;}
.step5.progress .bar-1,.step5.progress .bar-2,.step5.progress .bar-3,.step5.progress .bar-4,.step5.progress .bar-5 {display:block;}


.btn {
	height:auto;
	padding: 4px 12px; border-radius: 4px; text-align: center;line-height: 20px; font-size: 20px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)); background-repeat: repeat-x; background-color: rgb(245, 245, 245); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	padding: 8px 24px;
	color: #FFF; 
	background:#DF003A;
	border:none;
}
.btn:hover {color: #FFF; background-color:#CE0034;}
.btn:focus {color: #FFF; background-color:#999;}
.btn:active {color:#FFF; background-color:#999;}
.btn-round {border-radius: 4px; border: currentColor; vertical-align: middle; cursor: pointer; box-shadow: none; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none;}

.row-fluid{width:100%; margin:0 auto; clear:both;}
.row-dbox{padding:10px 0; width:1160px; margin:0 auto;}

.hero-box {padding: 20px; border-radius: 6px; color: inherit; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.whitebg {background: rgb(255, 255, 255);}

.member_f{}
.member_f dl { clear:both; line-height:36px; padding:6px 0 9px;}
.member_f dl dt{ width:110px; float:left; text-align:right; font-size:14px; padding-right:5px;}
.member_f dl dd{ float:left;}
.member_f dl .m{ font-size:12px; padding-left:5px; color:#999;}
.member_f dl iframe{ margin-bottom:-5px;}
.member_f dl h5.t{font-size:12px; line-height:1; padding-top:4px; clear:both; color:#999;}