@charset "gb2312";
/* ==È«¾ÖÉèÖÃ== */
.lighted {position:fixed;top:0px;}
*{ margin:0px; padding:0px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
html,body{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;-o-text-size-adjust: none; text-size-adjust: none;}
body {
	font-size: 12px;
	color: #444;
	font-family: Arial, 'Microsoft YaHei', Gadget, sans-serif;
	-webkit-font-smoothing: antialiased;
}
input,textarea,select,button {font-family: Arial, 'Microsoft YaHei',, tahoma,simsun; outline:none;}
area{ outline:none;}
a{ text-decoration:none; color:#444; -webkit-transition: all ease-in .2s; 
-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;
 -o-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover{ color:#198EEE; text-decoration:none;}
ul,li {list-style-type:none; margin:0px; padding:0px;}
img { border:0; margin:0; padding:0;}
.blue {color:#1681EB}


.clear { *zoom:1;/*IE/7/6*/ clear:both;}
.clear:before, .clearfix:after {content: "";display: table; height:0}
.clear:after {clear: both;}

.section { width:100%; margin:0 auto; max-width:1200px;}

.top { line-height:34px; line-height:34px; background-color:#333; color:#ccc; display:block; height:34px;}
.top .welcome{ width:50%; font-size:14px; float:left;}
.top .use{ width:50%; font-size:12px; text-align:right; float:right;}
.top .use a{ color:#ccc; }
.top .use a:hover{ color:#fff;}
.top .use .ge{ background-image:url(../images/header_03.gif); background-repeat:no-repeat; background-position:right center;padding-right:15px; margin-right:15px;}

.neck .logo { float:left; width:28%; max-width:300px;}

.search { width:38%; float:left; margin: 30px 8% 0 8%;}
.searkey { line-height:36px; color:#A9A9A9; border:solid 3px #198EEE; height:36px; width:70%; padding-left:2%; float:left;}
.search .sousuo a{ float:left;line-height:36px; color:#fff; border:solid 3px #198EEE; background-color:#198EEE; width:15%; font-size:14px; font-weight:bold; text-align:center;}
.search p{ line-height:32px; clear:both}
.search p a{ margin-right:15px; color:#999999;}

.hotline { float:right; widows:18%;text-align:right;}
.hotline .black{ color:#666; font-size:13px;margin-top: 30px;background-image:url(../images/header_10.gif); background-repeat:no-repeat; background-position:50px center; padding-left:15px; font-weight:bold;}
.hotline .cheng { line-height:40px;font-size: 22px; font-weight: bold; color: #EE4B19;}
.cheng {  font-weight: bold; color: #EE4B19;}

.menu { height:58px; border-bottom:solid 3px #198EEE; }
.course { width:20%; background-color:#198EEE;color:#fff; font-size:18px; line-height:58px;background-image:url(../images/guidea.jpg); background-repeat:repeat-x; background-position:left center; float:left;}
.course i{background-image:url(../images/yi.jpg); background-repeat:repeat-x; background-position:left center; width:20px; float:left; height:58px; margin-left:20px; margin-right:8px;}
.course a{ color:#fff;}
.menu .nav{ width:77%; float:right;}
.menu .nav li{font-size:15px; line-height:45px; margin-top:13px; float:left; width:12.5%; text-align:center;}

.menu .nav li a{ color:#4C4C4C; float:left;}

.menu .nav li a:hover{ color:#198EEE; font-weight:bold;}

.banner { background-color:#56BCE4;}
.guide { width:20%; background-color:#44A3F1;height:443px; float: left;}
.yiji {cursor:pointer;z-inde:9999999; width:100%; padding-top:8px;}
.yiji h3 { padding:0 20px; color:#fff; font-size:15px; line-height:28px; background-image:url(../images/jiantou.png); background-position:93% center; background-repeat:no-repeat;}

.yiji .pp { padding:0 20px 8px 20px; line-height:18px; border-bottom:solid 1px #198EEE}
.yiji p a, .erji02 .yiji p a{ color:#DAEDFC; font-size:13px;}
.yiji h3 a,  .yiji02 h3 a { color:#fff}


.yiji02 {cursor:pointer;z-inde:9999999; width:100% }
.erji02 .yiji { width:240px; background-color:#44A3F1}

.erji02 {display:none;position:absolute; z-index:9999999; clear:both;background:#fff; }

.erji {width:450px;display:none;position:absolute; z-index:9999999; clear:both;background:#fff; border:solid 1px #44A3F1; font-size:12px; margin-left:240px; padding:8px 15px; line-height:25px; color:#999999; margin-top:-63px;}
.erji p a, .erji02 .erji p a {color:#535353; font-size:12px;}
.jiange { margin:0 8px;}


.pic { float:left; width:60%; overflow:hidden }
.banner .section .pic img { height:443px;}
.news { float:right; width:20%; border-top:solid 1px #fff; }
.news .newstitle{ line-height:38px; height:38px; background-color:#198EEE; color:#fff; font-size:15px; font-weight:bold; padding:0 8px;}
.news .newstitle .more{ font-size:12px; font-weight:normal;}
.news .newstitle .more a { color:#fff; float:right;}
.news .newslist{ background-color:#F7F7F7; height:404px; }
.news .newslist p{ line-height:39px; border-bottom:dashed 1px #E7E7E7;padding:0 12px; height:39px; overflow:hidden}
.top01 { width:19px; float:left; color:#fff; background-image: url(../images/top.jpg); background-position:center center; background-repeat:no-repeat; text-align:center}
.top02 { width:19px; float:left; color:#fff; background-image: url(../images/top02.jpg); background-position:center center; background-repeat:no-repeat;text-align:center}


.video { margin:20px 0;}
.title { line-height:60px; border-bottom:solid 1px #DDDDDD; height:60px;}

.video .title .dabiao02{background-image: url(../images/hot.jpg); background-position:right top; padding-right:44px; background-repeat:no-repeat; float:left }
.title .gengduo { float:right; }
.gengduo {color:#666769;}
.video #line3_Demo ul li{ float:left; margin:28px 11px	; font-size:14px;}
.video ul li img{ margin-bottom:8px;}
.video ul li a{ float:left; display:block;}
.biaoti { display:block; padding-bottom:10px;}
.video ul li a:hover { background-color:#44A3F1; color:#fff; }
.video ul li a:hover  .biaoti{ margin-left:15px;}

.show { display:none}

#line3_Demo {
	WIDTH: 100%;
	OVERFLOW: hidden;
	height: auto;
}

#Indemo {
	WIDTH: 800%; FLOAT: left
}
#line3_Demo1 {
	FLOAT: left
}
#line3_Demo2 {
	FLOAT: left
}

.coursekuai { padding:15px 0; background-color:#F9F9F9}

.daibiaopic { width:23%; float:left;}
.daibiaopic img { width:100%; height:auto;}
.youlist { width:76%; float:right; margin-top:28px;}
.youlist ul li{ float:left; width:31%; margin-bottom:2%; margin-left:2%;font-size:14px;}
.youlist ul li img{ margin-bottom:8px; width:100%; height:auto;}
.youlist ul li a{ float:left; display:block;}

.coursekuai02 {padding:15px 0;}


.power { padding:15px 0 30px 0;}
.power .title { line-height:60px; border-bottom:solid 4px #DDDDDD; height:60px;}
.title .dabiao{ font-size:20px; float:left; background-image: url(../images/icon.png); background-position:left center;  background-repeat:no-repeat; padding-left:50px;  }

.yyou { float:right; width:50%}
.yyou  li { float:left; font-size:15px; width:25%; text-align:center; display:block; }
.yyou  .cur { border-bottom:solid 4px #198EEE; line-height:60px;color:#198EEE;}
.yyou  .cur a{color:#198EEE;}


#colee_left {
	MARGIN: auto;
	WIDTH: 100%;
	OVERFLOW: hidden;
	height: auto;
}

#colee_left1 {
	FLOAT: left
}
#colee_left2 {
	FLOAT: left
}

.power .content{ margin:22px 0;}
.power .content li {float:left; margin:0 12px; text-align:center;line-height:21px; font-size:14px;}
.power .content li img { padding:1px; border:solid 1px #DDDDDD; margin-bottom:5px; }

.link { background-color:#F2F2F2; padding:20px 0; line-height:28px; color:#000}
.footer { background-color:#444546; padding:20px 0;}
.footer .kuai01 { float:left; width:14%; margin-bottom:15px }
.kuai01 h3 { margin-bottom:8px; border-bottom:solid 1px #303030; width:90%;line-height:28px; padding-top:5px;}
.kuai01 h3 a { color:#fff; font-size:15px;  margin-left:50px; }
.kuai01 p{text-overflow:ellipsis; overflow:hidden;}
.kuai01 p a{ color:#DADADA; line-height:22px; margin-left:12px}
.kuai01 a:hover { color:#fff;}
.icon01 {background-image: url(../images/icon_05.jpg); background-position:left bottom; background-repeat:no-repeat }
.icon02 {background-image: url(../images/icon_03.jpg); background-position:left bottom; background-repeat:no-repeat }
.icon03 {background-image: url(../images/icon_07.jpg); background-position:left bottom; background-repeat:no-repeat }
.icon04 {background-image: url(../images/icon_09.jpg); background-position:left bottom; background-repeat:no-repeat }
.icon05 {background-image: url(../images/icon_11.jpg); background-position:left bottom; background-repeat:no-repeat }
.icon06 {background-image: url(../images/icon_13.jpg); background-position:left bottom; background-repeat:no-repeat }
.icon07 {background-image: url(../images/icon_15.jpg); background-position:left bottom; background-repeat:no-repeat }
.copyright {background-color:#333333; padding:15px;
	color: #CCCCCC;}
	.copyright a{ color:#fff;}
	
.mobile-menu{ 
	width:100%;
	overflow:hidden;
	position:fixed;
	background:#fff;
	top:210px;
	z-index:999;
	display:none;
}
.mobile-menu li {
    line-height: 3pc;
    border-bottom: dotted 1px #e8e8e8;
}
.mobile-menu li a{ color:#333;display:block;padding: 0 5%; font-size:14px; font-weight:bold}
.mobile-menu li.on, .mobile-menu li:hover{background:#198EEE;}
.mobile-menu li.on a, .mobile-menu li:hover a{color:#fff;}
.btn_menu{
	width: 34px;
	height: 4px;
	background: #444;
	display: block;
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
	display:none;
}
.btn_menu:before {
	top: -10px
}
.btn_menu:after, .btn_menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #444;
	position: absolute;
	-webkit-transition: .4s;
	transition: .4s
}
.btn_menu:after {
	bottom: -10px
}
.open .btn_menu {
	background: transparent
}
.open .btn_menu:before {
	transform: rotate(45deg) translateY(14px);
	-moz-transform: rotate(45deg) translateY(14px);
	-ms-transform: rotate(45deg) translateY(14px);
	-o-transform: rotate(45deg) translateY(14px);
	-webkit-transform: rotate(45deg) translateY(14px);
	transform-origin: 50%
}
.open .btn_menu:after {
	transform: rotate(-45deg) translateY(-14px);
	-moz-transform: rotate(-45deg) translateY(-14px);
	-ms-transform: rotate(-45deg) translateY(-14px);
	-o-transform: rotate(-45deg) translateY(-14px);
	-webkit-transform: rotate(-45deg) translateY(-14px);
	transform-origin: 50%
}

.footer2{ display:none; width:100%; background:url(../images/foot2-bg.jpg) repeat-x left top;padding:5px 0; position:fixed!important; bottom:0;z-index:999; }
.footer2 li{ float:left; width:33%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}

.phoneguide { display:none}
.phoneguide { background: #F9F9F9;box-shadow: 0 0 10px #ccc; font-size:15px; padding:20px 0;}
.phoneguide ul li{ float:left; width:25%; text-align:center; margin-bottom:12px}
.phoneguide ul li img { width:66%; height:auto; -moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;box-shadow: 0 0 10px #ccc; border:solid 2px #198EEE}


#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:443px; margin:0 auto; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:45%; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:45%; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}
.clear {
	clear: both;
}

#playBox .oUlplay img { width:720px; height:443px;}


.aboutbanner { background-image:url(../images/about_banner.png); height:149px; background-position: center bottom; background-repeat: no-repeat}

.contactbanner { background-image:url(../images/contact_banner.png); height:149px; background-position: center bottom; background-repeat: no-repeat}
.newsbanner { background-image:url(../images/news_banner.png); height:149px; background-position: center bottom; background-repeat: no-repeat}
.videobanner { background-image:url(../images/video_banner.png); height:9px; background-position: center bottom; background-repeat: no-repeat}
.teacherbanner { background-image:url(../images/teacher_banner.png); height:9px; background-position: center bottom; background-repeat: no-repeat}
.studentsbanner { background-image:url(../images/students_banner.png); height:9px; background-position: center bottom; background-repeat: no-repeat}
.trainingbanner { background-image:url(../images/training_banner.png); height:9px; background-position: center bottom; background-repeat: no-repeat}
.coursebanner { background-image:url(../images/course_banner.png); height:9px; background-position: center bottom; background-repeat: no-repeat}

.coperbanner { background-image:url(../images/coper_banner.png); height:9px; background-position: center bottom; background-repeat: no-repeat}

.local {border-bottom:solid 1px #e8e8e8;line-height:50px; height:50px;}
.local .lleft { font-size:20px; font-weight:bold; float:left; color:#1681EB}
.local .lyou { float:right}
.local p { font-size:14px; background-image:url(../images/home.png); background-position: 5px center;  padding-left:25px; background-repeat:no-repeat; }
.nmain .nleft{ float:left; width:75%;}
.nmain .nright{ float:right; width:22%;}
.nmain .nleft h3{ font-size:18px}
.jianjie { margin:25px 0 60px 0; clear: both}
.jianjie p{ font-size:14px; line-height:30px; margin-bottom:12px;}

.nmain { margin-top:20px; margin-bottom:50px;}

.nmain .nright .tjtitle{ line-height:40px;  font-size:16px; font-weight:bold; color:#fff; background-color:#1681EB; margin-top:11px; padding-left:15px;}
.nmain .nright .content{ margin-top:15px}
.nmain .nright .content li { margin:12px 0; padding-bottom:12px; border-bottom:dashed 1px #e8e8e8; font-size:14px; }
.nmain .nright .content li img{ width:100%; height:auto; margin-bottom:6px}

#ppic ul li{ width:33.33%; float:left;}
#ppic ul li img{ width:95%; height:auto; border:solid 1px #e8e8e8;}

.imgf { float:right; width:30%;max-width:300px;}

.newslist ul li { margin:12px 0; padding-bottom:8px;  border-bottom: dashed 1px #e8e8e8;}
.newslist ul li h3{ font-size:16px; line-height:38px;}
.newslist ul li h3 a{ font-size:16px; line-height:38px;}
.newslist ul li .jian{ font-size:13px; line-height:28px; height:56px; overflow:hidden}
.newslist ul li .dan { color:#999999; font-size:12px; margin-top:15px;margin-bottom:10px;}

.page{ clear:both; margin-top:30px;}
.page span{ border: solid 1px #e8e8e8; padding:5px 20px; margin-right:12px; display:inline-block;}
.page a:hover{border: solid 1px #00a2e3;;}
.fanhui{margin-top:30px;}
.fanhui a{ clear:both;border: solid 1px #e8e8e8; padding:5px 25px; }
.fanhui a:hover{border: solid 1px #00a2e3; }

.videolist ul li { float:left; width:31%; margin:22px 1% 0 1%; background-image:url(../images/video.png); background-repeat:no-repeat; background-position: center top; background-size: auto; }
.videolist ul li img { width:100%; height:auto}

.aa { background-color:#e8e8e8; width:99%; padding:0.5%; display:block; text-align:center; -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	 border-radius:5px;}
.aa img {-moz-border-radius:5px;
	 -webkit-border-radius:5px;
	 border-radius:5px;}
.aaa { position:absolute;  margin:6% 8%; width:50px; height:50px; z-index:999}
.videolist ul li a .aaa{ background-image:url(../images/video002.png);width:50px; height:50px;}
.videolist ul li a:hover .aaa{ background-image:url(../images/video001.png);width:50px; height:50px; cursor:pointer}
.videolist ul li a:hover .aa img{ filter:gray;}

.teacherlist ul li { margin:22px 0; padding-bottom:15px;  border-bottom: dashed 1px #e8e8e8;}
#teachrtzuo { float:left; width:18%; padding:2px; border:solid 1px #e8e8e8;}
#teachrtzuo img{ width:100%; height:auto}
#teachrtyuo { float:right; width:78%}

#teachrtyuo h3{ font-size:15px; line-height:40px}
#teachrtyuo p{  line-height:30px}

.courselist ul li { margin:22px 0; padding-bottom:15px;  border-bottom: dashed 1px #e8e8e8;}
#coursezuo { float:left; width:28%; padding:2px; border:solid 1px #e8e8e8;}
#coursezuo img{ width:100%; height:auto}
#courseyuo { float:right; width:68%}

#courseyuo h3{ font-size:15px; line-height:40px}
#courseyuo p{  line-height:30px}


.red02{ color:#EE4B19; font-size:15px; font-weight:bold}

.red{ color:#EE4B19; font-size:13px; margin-left:12px}

.readmore{ background-color:#1681EB; color:#fff;margin-top:12px; display:block; width:100px; text-align:center; float:right; font-size:12px; font-weight:normal;}
.readmore a{ color:#fff}
.zuo { width:45%; float:left}
.zuo img{ width:100%; height:auto}
.you { width:50%; float:right}

.readmore01{ background-color:#1681EB; color:#fff;margin-top:12px; display:block; width:160px; text-align:center; font-size:13px; margin-top:45px; line-height:40px}
.readmore001{ background-color:#1681EB; color:#fff;margin-top:12px; display:block; width:160px; text-align:center; font-size:13px; margin-top:15px; line-height:40px}
.readmore02{ background-color:#EE4B19; color:#fff;margin-top:12px; display:block; width:160px; text-align:center; font-size:13px;margin-top:15px ;line-height:40px}
.readmore001 a,.readmore01 a, .readmore02 a { color:#fff;}

.worklist { margin-top:10px;}
.worklist li{ margin:15px 1%; width:31%; float:left; font-size:13px;}
.worklist li:nth-child(3n+1){ clear:both;}
.worklist li img{ width:98%; padding:2px; border:solid 1px #e8e8e8; height:auto; margin-bottom:10px}
.kuai { margin:20px 0; font-size:14px;padding-bottom:15px;  border-bottom: dashed 1px #e8e8e8;}
.kuai li{ float:left; width:24%; margin-right:1%; line-height:30px; text-align:center}
.kuai li a{ display:block;background-color:#e8e8e8; margin-bottom:5px;}
.kuai li a:hover, .kuai li .checked{ background-color:#1681EB;color:#fff}


#xiangqfl #title ul li { float:left; line-height:42px; width:20%; font-size:15px; font-weight:bold}
#xiangqfl #title li a{ display:block;background-color:#e8e8e8; margin-bottom:5px; text-align:center}
#xiangqfl #title li a:hover, #xiangqfl #title li .checked{ background-color:#1681EB;color:#fff}

#xiangqfl02 #title ul li { float:left; line-height:42px; width:20%; font-size:15px; font-weight:bold}
#xiangqfl02 #title li a{ display:block;background-color:#e8e8e8; margin-bottom:5px; text-align:center}
#xiangqfl02 #title li a:hover, #xiangqfl02 #title li .checked{ background-color:#1681EB;color:#fff}


#xianglist { background-image:url(../images/dian.jpg); background-position:15px center; background-repeat:repeat-y; padding-top:70px}
.icon {background-image:url(../images/bg.png); background-position:left top; background-repeat:no-repeat; line-height:34px; width:34px; height:34px; text-align:center; display:block; font-size:18px; color:#fff; font-weight:bold; z-index:999; position:absolute; clear:both;}
#xianglist #content { margin-left:50px; line-height:28px;}

#xianglist #content img { width:96%; height: auto; margin:0 auto}
#xianglist #content table{ width:100%}
.dabt { display:none}
.dabt02 { display:block}
.dabt, .dabt02{font-weight:bold; font-size:16px;color:#1681EB; line-height:50px;}
.dabt00 {font-weight:bold; font-size:15px;color:#1681EB; line-height:38px;}
.gao{ height:460px;}

.molieh { display:none}
.molieh { line-height:42px; font-size:16px; color:#4695F1}
.guding {position:fixed; width:75%; max-width:900px;}


.nmain .newlan01, .nmain .newlan02, .nmain .newlan03{ font-size:16px; line-height:32px; padding:0; margin:0; clear:both; margin-bottom:30px}
.nmain .newlan01 .newfuyou{ float:right; width:100%; max-width:380px; margin-left:50px;}
.nmain .newlan01 p ,newlan02 p,newlan03 p{font-size:16px; line-height:32px; padding:0; margin:0; clear:both}

.nmain .newlan02 .newtitle h3, .nmain .newlan03 .newtitle h3{ line-height:70px; color: #1681EB;font-size: 24px; font-weight:bold; text-align:center}
.nmain .newlan02 .conn li{ float:left; width:33.33%; line-height:32px;height:32px; padding:0; margin:0;}
.nmain .newlan02 .conn li span{color: #1681EB; margin-right:5px}


.nmain .nleft .xiazai{font-size: 14px;font-weight:normal}
.nmain .nleft .xiazai .shijianyp{ float:right; font-size:13px; color:#666; font-weight:normal}
.nmain .nleft .xiazai span{color: #1681EB; margin-right:5px;}