@charset "utf-8";
/* CSS Document */
/*reset Start*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin: 0; padding: 0;}
body,button,input,select,textarea{font: 12px/1.5 "微软雅黑","宋体",Arial, Helvetica, sans-serif; color: #555;}
h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal;}
address,cite,dfn,em,var{font-style: normal;}
code,kbd,pre,samp{font-family: courier new,courier,monospace;}
ul,ol{list-style: none;}
a{ color: #555; text-decoration: none; cursor: pointer;}
a:hover{text-decoration: none; color: #f11800;}
/*清除点击链接方框*/
a {outline: none; /* for Forefox */ }
a {star:expression(this.onFocus=this.blur()); /* for Ie*/ }
legend{color: #000;}
fieldset,img{border: 0;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display: block; margin: 0;padding: 0;}
/*通用原子类*/
/*定位*/
.fl{display: inline; float: left;}
.fr{display: inline; float: right;}
.pr{position: relative;}
.pb{position: absolute;}
.align_l { text-align: left; vertical-align: middle;}
.align_r { text-align: right; vertical-align: middle;}
.align_c { text-align: center; vertical-align: middle;}
/*长度高度*/
.w{width: 100%;}
.h{height: 100%;}
.center{ width: 1000px; margin: 0 auto;}
/*万能清除漂浮*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix {display:block;} 
.mypng img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
body{ background-color: #f5f5f5;}
.header{}
.header_top{height:128px; background:url("../images/bg_1.jpg") repeat-x;}
.header_top .left{ width: 352px; height: 128px; overflow: hidden;}
.header_top .right{ width: 200px; margin-top: 44px; }
.header_top .right a{ display: inline-block; margin-left: 4px;}
.menu_fixed{ position:fixed; left: 0; top: 0; width: 100%; z-index: 999999;}
.menu_wrap{ background-color: #58616a; height: 40px;}
.menu{ width: 1000px; margin: 0 auto;}
.menu li{ float: left; display: inline; width: 11%;}
.menu li a{ display: block; text-align: center; height: 40px; font:bold 14px/40px "微软雅黑"; color: #fff; background: url("../images/border.jpg") no-repeat right 4px;}
.menu li .on_a{ background-color: #f11800; background-image: none;}
.menu li a:hover{ color: #fff; background-color: #f11800; background-image: none;}

.banner{ height: 300px; width: 100%; position: relative; overflow: hidden;}

.content_wrap{ border-top: 1px solid #dfdfdf; width: 1000px; margin: 30px auto 0 auto; padding-top: 24px;}
.title{ padding-bottom: 16px; padding-left: 2px; height: 18px; font: 18px/16px "微软雅黑"; color: #000; position: relative;}
.title span{ color: #8c8b8b; font: 12px/12px Verdana, Geneva, sans-serif; margin-left: 6px;}
.title .more_a{font: 12px/12px Arial, Helvetica, sans-serif; color: #8c8b8b; position:absolute; right: 7px; top: 7px;}
.title .more_a:hover{ color:#f11800;}

.title .more_bg{font: 12px/25px "微软雅黑"; width: 68px; height: 25px; background: url("../images/more.jpg") no-repeat; color: #8c8b8b; position:absolute; right: 0; top: 5px; text-align: center; cursor: pointer;}
.title .more_bg:hover{ color:#f11800;}

.article{ width: 302px; float: left; display: inline;}
.article img{ display: block; margin-bottom: 6px;}
.article .content{ line-height: 24px; text-indent: 2em; padding: 6px;}
.article dl{ font: 12px/12px "微软雅黑"; padding-bottom: 6px;}
.article dt{ font-weight: bold; border-bottom: 1px dotted #cccccc; padding: 8px 0;}
.article dd{ padding-top: 12px;}

.public_txt{ border: 1px solid #d1d1d1; height: 30px; line-height: 30px; width: 280px; padding: 0 10px; margin-bottom: 10px;
-moz-box-shadow: inset 0 0 2px 1px #E5E5E ; -webkit-box-shadow: inset 0 0 2px 1px #E5E5E;  box-shadow: inset 0 0 2px 1px #E5E5E5;}
.public_txt:hover{ border-color: #33ccff;}
.public_area{ border: 1px solid #d1d1d1; height: 82px; line-height: 20px; width: 280px; padding: 0 10px; margin-bottom: 10px;-moz-box-shadow: inset 0 0 2px 1px #E5E5E ; -webkit-box-shadow: inset 0 0 2px 1px #E5E5E;  box-shadow: inset 0 0 2px 1px #E5E5E5;}
.public_area:hover{ border-color: #33ccff;}
.public_btn{ display: inline-block; width: 302px; cursor: pointer; border: none; text-align: center; text-align: center; background-color: #ff626d; font-size: 14px; line-height: 30px; color: #fff; font-weight: bold;}
.public_btn:hover{ background-color: #f11800;}

.culture_wrap{width: 1000px; height: 254px; position:relative; overflow: hidden;}
.picbox{width: 1000px; height: 254px; position:relative; overflow: hidden;}
.culture_list{ width: 3000px; height: 246px; padding-top: 8px; position: absolute; left: 0; top:0;}
.swaplist{ position:absolute; left:-3000px; top:0px;}
.culture_list li{ float: left; display: inline; width: 320px; height: 246px; overflow: hidden; position: relative; margin-right: 19px;}
.culture_list li img{ width: 320px; height:160px;}
.culture_title{font: bold 14px/14px "微软雅黑"; position: absolute;width: 320px; top: 126px; left: 0; padding: 10px 0; background:rgba(0, 0, 0, 0.5)!important;filter:Alpha(opacity=50); background:#000; text-align: center;}
.culture_title a{ position: relative; color: #fff;}
.culture_title a:hover{  color: #f11800;}
.culture_info{ line-height: 24px; padding-top: 8px; text-indent: 2em;}
.culture_info:first-letter {font-size: 150%; color: #f11800;}


.og_prev,.og_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:62px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:2px;}
.og_next{ background-position:0 0; right:4px;}



/*学生*/
.student_wrap{width: 1000px; height: 165px; overflow: hidden;}
.studentbox{width: 1000px; height: 165px; position:relative; overflow: hidden;}
.student_list{ width: 3000px; height: 157px; padding-top: 8px;}
.student_list li{ float: left; display: inline; width: 194px; height: 157px; overflow: hidden; position: relative; margin-right: 8px; z-index: 9999;}
.student_list li img{ width: 194px; height:130px;}
.student_title{font: bold 14px/14px "微软雅黑";  padding: 4px 0; text-align: center;}
.student_list div{background:rgba(0,0,0,0.7)!important; background:#000; filter:Alpha(opacity=70); position: absolute; width: 198px; height: 130px; left: 0; top: 0; zoom: 1; display: none;}
.student_list div p{ position:relative; color: #fff; font-size: 14px; padding: 4px;}


/*脚部*/
.foot_wrap{ padding: 30px 0 10px 0;}
.footer {border-top: 1px solid #dfdfdf; padding-top: 24px;}
.footer p{ text-align: center; margin-bottom: 14px;}
.footer p a{ margin-right: 20px;}

/*师资力量*/
.teacher_wrap {position: relative;z-index:1; width: 100%; height: 132px; }
.col {position: absolute;border-right:none;z-index:1;left:0;}
.col1 {left: 201px;}
.col2 {left: 402px;}
.col3 {left: 602px;}
.col4 {left: 802px;}
.active {z-index: 10;opacity: 1;}
.big:hover, .small:hover {background:white;}
.big {padding:1px;}
.big p {width: 198px;height: 130px;line-height:1.3;z-index: 10;transition: all 0.2s ease-out;position: relative;cursor: pointer;}
.big .icon-font {float:left;}
.big p img {width:198px;height:130px;float:left;}
.lock-thumb .icon-font {margin-left:25%;}
.todos-thumb {background: rgb(255, 255, 255, 0.1);  position: relative; width: 198px; height: 130px;}
.todos-thumb:hover {background: #2FB1BE;color: #FFFFFF; box-shadow: 0 0 2px #333;}
.col .todos-thumb {z-index:10;}
.col2 .todos-thumb {z-index:9;}
.todos-thumb-span {display: block; position: absolute; left: 198px; top: -1px;background: #2FB1BE;color: #FFFFFF; z-index: 999;}
.todos-thumb p span { overflow: hidden; width: 190px; padding: 5px;font-size: 14px;line-height: 18px;height: 122px; display: none;}
.todos-thumb:hover span{box-shadow: 0 0 2px 0 #333;}
.todos-thumb:hover p {margin-right: 200px;}
.line {margin-top:133px;}

/*内容部分*/
.middle_content{ margin: 0 auto; border: 1px solid #E0DEE1; background: #fff; min-height: 600px; width: 1000px;-moz-box-shadow:0 0 2px 1px #E0DEE1;
-webkit-box-shadow:0 0 2px 1px #E0DEE1; box-shadow:0 0 2px 1px #E0DEE1; _height: 600px;}
.inner_banner{ height: 200px;}

.map_guide{ margin: 0 auto; width: 1000px; padding-top: 26px; font-size: 18px; color: #333; background: url("images/map_border.jpg") no-repeat 0 bottom; padding-bottom: 8px; padding-left: 4px; margin-bottom: 16px;}
.map_guide span{ display:inline-block; margin-left:12px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #999;}
.content_detail{ padding: 30px;}
.content_detail h2{ font-size: 24px; line-height: 36px; padding: 12px 0 2px 0; text-align: center;}
.content_detail h5{ text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999;}
.content_detail .content{ padding-top: 20px;}
.content_detail p,.content_detail div{ font-size: 16px; line-height:28px; padding-top: 12px;}


/*培训课程*/
.course{ padding: 30px;}
.course .type{ border-bottom: 2px solid #EEEEEE; padding-bottom: 6px; margin-bottom: 20px;}
.course .type .oblong{ float:left; background: #EEEEEE url(images/icon_1.png) no-repeat 6px center; font-size: 18px; padding: 4px 10px 4px 26px; color: #333;}
.course .type .oblong span{ color: #999; font-size: 12px; margin-left: 12px;}
.course .type .triangle{ float: left; height: 0; width: 0; line-height: 0; overflow: hidden; border: 19px solid #fff; border-left: 40px solid #EEEEEE; border-bottom-width: 16px;}
.course li .type .triangle{ border-bottom-width: 16px;}
.course dd{ float: left; padding: 0 20px 20px 0;}
.course dd img{ float: left; width: 120px; height: 166px; border: 2px solid #dfdfdf; padding: 3px;}
.course dd img:hover{ border-color: #f11800;}
.course dd div{ float: left; padding-left: 14px; width: 300px; height: 172px; overflow: hidden;}
.course dd strong{ font-size: 16px; line-height: 22px; color: #666; padding-top: 0px;}
.course dd p{ font-size: 14px; line-height: 20px; color: #666; padding-top: 8px; color: #666;}
.course ul{ padding-top: 20px;}
.course ul li{ font-size: 16px; margin: 4px 0;}

.culture_list_wrap{ padding: 30px;}
.culture_list_more{}
.culture_list_more li{ margin-bottom: 20px; position: relative;}
.culture_list_more li img{ width: 320px; height:160px; display: inline; float: left;}
.culture_list_more li div{ float: right; display: inline; width: 600px; height: 160px; font-size: 14px; line-height: 22px;}
.culture_list_more li p{ padding-bottom: 6px; font-size: 18px;}
.culture_list_more li p a{ color: #000;}
.culture_list_more li p a:hover{ color: #f11800;}
.show_detail{ display: inline-block; font-size: 12px; position: absolute; bottom: 10px; right: 10px; padding: 6px 18px; background-color: #ff626d; color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; }
.show_detail:hover{ color: #fff; background-color: #f83950;}

/*分页*/
.public_page{ text-align: right; padding-right: 10px; padding-top: 30px; padding-bottom: 30px;}
.public_page a{ display: inline-block; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; color: #333; padding: 4px 10px; background-color: #fff; border: 1px solid #dfdfdf; margin-left: 6px;}
.public_page .on_a{ background-color: #ff626d; color: #fff; border-color: #ff626d;}
.public_page a:hover{ background-color: #ff626d; color: #fff; border-color: #ff626d;}

/*学生、师资、列表*/
.public_list_wrap{ padding: 30px;}
.public_list{}
.public_list li{ margin-bottom: 20px;}
.public_list li img{ float: left;  height: 130px; width: 198px; border: 2px solid #dfdfdf; padding: 3px;}
.public_list li img:hover{ border-color: #f11800;}
.public_list li div{ float: right; width: 710px; height: 136px; overflow: hidden;}
.public_list li span{ display: inline-block; font-size: 18px; color: #000;}
.public_list li p{ font-size: 14px; line-height: 26px;}
.public_list li label{ color: #f11800;}


/*在线报名*/
.online{padding: 30px;}
.online li{margin-bottom: 20px; font-size: 16px;}
.online label{ font-size: 16px; display: inline-block; width: 100px; text-align: right; margin-right: 16px;}

.online_txt{ height: 38px; line-height: 38px; font-size: 14px; width: 400px; margin-bottom: 0;}
.online_area{ height: 100px; width: 700px; padding: 3px; font-size: 14px; line-height: 22px;}

/*联系我们*/
.contact{padding: 30px; position: relative;}
.contact ul{ font-size: 16px; color: #333; margin-top: 20px;}
.contact ul li{ margin-bottom: 20px;}
.contact label{ font-size: 16px; display: inline-block; width: 100px; text-align: right; margin-right: 16px;}
#allmap {width: 940px;height: 600px;overflow: hidden;}
#r-result{width:940px;}
































/*reset End*/
/*.gray_rounded{ border: #ababab 1px solid; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; behavior: url(styles/PIE.htc);}
.gray_rounded_2{ border: #ababab 1px solid; -webkit-border-radius:0px 5px 0px 0px; -moz-border-radius:0px 5px 0px 0px; border-radius:0px 5px 0px 0px; behavior: url(styles/PIE.htc);}*/
/*删除部分*/
/*.more-product-submenu .a-1{ width: 100px; height:26px; margin: 25px auto; padding-left: 40px; background: url(../images/pro_submenu_1.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/en-us/images/pro_submenu_1.png', sizingMethod='crop');}
.gray-rounded{ border: #CCCCCC 1px solid;  -webkit-box-shadow: #E9E8E9 0 5px 6px; -moz-box-shadow: #E9E8E9 0 5px 6px; box-shadow: #E9E8E9 0 4px 6px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(/en-us/styles/PIE.htc);}*/

