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

/* all */
*{margin:0;padding:0;list-style:none;}
html { overflow-x: hidden; overflow-y: auto; }
body{background:#f5f5f5;background-attachment:fixed;background-image:none;background-position:center center;background-repeat:no-repeat;color:#333;font-family:"微软雅黑","宋体",Arial;font-size:14px;margin:0 auto;padding:0;text-align:center;}
.clear{clear:both;}
#box_root{margin-right:auto;margin-left:auto;}
.wrap{height:auto;margin:0 auto;width:100%;}
img{ border:none ;}
.border-bottom{ border-bottom:1px solid #ddd}

::-webkit-input-placeholder { /* WebKit browsers */ 
color: #666; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #666; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #666; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #666; 
} 

/*=======index=======*/
/*------------------herder-------------------*/
#header{}
#top1_box{ height:30px; line-height:30px; background:url(../images/bg_top.jpg);}
.header_top1{ width:1200px; margin:auto; height:30px; line-height:30px; color:#666;}
.top1_l{ float:left; color:#999}
.top1_r{ float: right; color:#999;line-height:30px;}
.top1_r a{color:#999; text-decoration:none;}
.top1_r a:hover{color:#666;}


#top2_box{ background:#fff;}
.header_top2{height: 100px;	width: 1200px;margin: auto; position:relative; z-index:999}
.header_top2 .logo{ float:left; margin-top:5px;}
.header_top2 .top2_l{ float:right;}
.header_top2 .tel{
	width: 130px;
	height: 44px;
	color: #333;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/icon_tel.png) no-repeat;
	display: block;
	padding-left: 50px;
	position: absolute;
	right: -13px;
	top: 38px;
}

#top3_box{height: 51px;	background-color: #1b1b1b;}
#header_nav{ width: 1200px; margin:auto;position:relative;}
#header_nav ul{ width:100%;margin:0; padding:0; position:absolute; z-index:3}
#nav a{ display:block;line-height:25px; text-decoration:none }
#nav{ margin:0; padding:0;} 
#nav li{float:left; margin-right:1px;text-align:center; list-style:none;}
#nav li a{ width:140px; padding:5px 0; color:#ddd; font-size:16px; background: url(../images/icon_fg.png) no-repeat right; line-height:20px !important; }
#nav li a:hover{background: #ab1715;} 
#nav li ul{list-style-type:none; margin:0px; padding:0; display:none; }
#nav li ul li{float:none;} 
#nav li ul li a{ width:140px; font-size:14px; background:#000 !important; opacity:0.8; color:#aaa; text-decoration:none }
#nav li ul li a:hover{color:#fff; background-color:#000;}








/* fullSlide  banner*/
.fullSlide{width:100%;position:relative;height:500px; border-bottom:5px #6d0100 solid;overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:40px;left:0;height:10px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:2; width:40px; height:2px; border-radius:2px; margin:1px;overflow:hidden;background:#ddd;filter:alpha(opacity=50);line-height:999px; opacity:0.6}
.fullSlide .hd ul .on{width:40px; height:2px; background:#f00;}
.fullSlide .prev,.fullSlide .next{
	display: block;	position: absolute;	z-index: 1;	top: 220px;	margin-top: -30px;	left: 17px;	z-index: 1;
	width: 50px;height: 100px;	background: url(../images/slider-arrow.png) 5px /*#eee */no-repeat;
	cursor: pointer;filter: alpha(opacity=50);opacity: 0.5;	display: block;
}
.fullSlide .next{left:auto;right:17px;background-position:-55px;}


/*-------------contant-----------*/
.title-box{ text-align:left; margin-bottom:30px;}
.title-box span{float:left}
.title-box a{float:right; color:#333; text-decoration:none; padding-top:32px;}
.title-box a:hover{color:#000;}
.title-box span h1{font-size:18px;}
.title-box span h2{ font-size:20px;}

/*-------------teach-----------*/
.teach-box{ padding:30px 0 30px 0}
.teach{ width:1200px; margin:auto; }

.about_edu{width: 100%;position: relative; overflow:hidden;}
.about_edulist{overflow: hidden; position: relative;width: 1200px;height:265px;}
.about_edulist ul{width: 9999px;position: absolute;}
.about_edulist ul li{width: 1240px; float: left; overflow:hidden}

.edu_btn{width: 100%;text-align: right;padding-top: 10px;}
.edu_btn span{display: inline-block;width: 30px;height: 30px;background: url(../images/icon-arrow.png) no-repeat;cursor: pointer;}
.edu_btn span:hover{background: url(../images/icon-arrow1.png)}
.edu_rgbtn{background-position: -40px 0!important;}
.eduimg_cont img{position:static; }


.img-box{width:393px; height:265px; float:left; margin-right:10px; position:relative; left:0; overflow:hidden; cursor:pointer;}
.img-box .pic{width:100%;transition: all 0.1s ease-out 0.1s;}
.img-box:hover .pic{transform:scale(1.1,1.1);}
.img-box:hover .bk{ box-shadow: inset 0 0 0 3px #ab1715}
.img-box .bk{
	width: 393px;
	height: 265px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
.img-box .zzao{ position:absolute; left:165px; top:100px;z-index:2;}


/*-------------live-----------*/
.live-box{ background:#fff; padding:50px 0 50px 0}
.live{ width:1200px; margin:auto; overflow:hidden}

.live ul{width:1240px;}
.live ul li{ width:232px; float:left; margin-right:10px; text-align:left;}
.last{margin-right:0 !important;}
.live ul li a{width:232px; height:160px;display:block; position:relative;  overflow:hidden;}
.live ul li a .live-pic{ width:100%;transition: all 0.1s ease-out 0.1s;}
.live ul li a:hover .live-pic{transform:scale(1.1,1.1);}
.live ul li .icon-play{	position: absolute;	left: 90px;top: 50px;z-index: 9999}
.live ul li h1{ display:block; height:30px; line-height:30px; text-align:left; font-size:14px; border-bottom:1px solid #999; }
#btn-play{ width:80px; height:20px; line-height:20px; background:#000; color:#fff; border-radius:10px; margin-top:10px; border:0; cursor:pointer;}
#btn-play:hover{background:#ab1715;}


/*-------------train-----------*/
.train-box{  margin-top:40px; padding-bottom:40px;}
.train{ width:1200px; margin:auto; position:relative; overflow:hidden;}
.train ul{width:1240px;}
.train ul li{ width:373px; height:260px; float:left; border:10px solid #fff; margin-right:10px;margin-bottom:10px; overflow:hidden;}
.train ul li a{ width:100%; height:100%; display:block; position:relative }
.train ul li a img{ }
.train ul li a h1{display: block;position:absolute; width:100%; height:40px; background-color:#000;opacity:0.9;position:absolute; bottom:-40px; left:0; z-index:999; font-size:14px; color:#999; line-height:40px; text-decoration:none; font-weight:normal;
     -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;}
.train ul li a span{display:block;width:100%; height:100%; background:#F00;opacity:0; position:absolute; top:0; left:0; z-index:998; }

.train ul li:hover a h1{bottom:30px;}
.train ul li:hover a span{ background:#F00;opacity:0.2;}

.train-show-box{}
.train-show-box h1{ font-size:20px; height:40px; line-height:40px; padding-top:20px;}
.train-show-box span{ display:block;padding:20px;}
.train-show{ line-height:24px; text-align:left; padding:40px;}


/*-------------link-----------*/
.link-box{ background:#FFF; height:75px; margin-top:40px;}
.link{ width:1200px; margin:auto; position:relative}
.link .title-link{ position:absolute; bottom:-75px; left:0;}
.link ul{ margin-left:230px;}
.link ul li{ float:left; width:150px; height:75px; line-height:75px; overflow:hidden; margin-left:10px; opacity:0.8}
.link ul li:hover{ cursor:pointer;opacity:1}



/*------------------foooter--------------------*/
#footer{ background:#fff; height:239px; color:#666; background:url(../images/bg_footer.jpg);}
#footer_box{ width:1200px;height:239px; margin:auto;position:relative}
#footer_box .foot-top{ padding-top:40px;}
#footer_box .foot-topa{ width:700px;float: left; text-align:left;}
#footer_box .foot-topa span a{text-align:left; color:#666; text-decoration:none;}
#footer_box .foot-topa span a:hover{ color:#999;}
#footer_box .foot-topa h1{ font-size:18px;  display:block; margin-top:35px;  font-weight:400; }
#footer_box .foot-topa .find{display:block; margin-top:5px;}
#footer_box #text-find{ color:#999; width:240px; height:28px; padding:0 5px; background-color:transparent; border:#666 1px solid;}
#footer_box #btn-find{ padding:0 15px; height:30px; color:#bfbfbf; background-color:#666; border:none;}
#footer_box #btn-find:hover{background-color:#555; cursor:pointer;}


#footer_box .foot-topb{ width:480px; float: right; text-align:left;}
#footer_box .foot-topb h1{ font-size:20px; border-bottom:1px #000 solid; display:block; height:30px; font-weight:400; position:relative;}
#footer_box .foot-topb h1 i{ position:absolute; width:60px; height:1px; background:#ab1715; bottom:-1px; left:0; z-index:33}
#footer_box .foot-topb span{ display:block; padding-top:10px;}
#footer_box .foot-bottom { text-align:left; color:#666; position: absolute;bottom:12px}
#footer_box .foot-bottom .qq {
	position: absolute;
	top: -6px;
	left: 1171px;
}
#footer_box .foot-bottom span a{ text-align:left; color:#666; text-decoration:none;}
#footer_box .foot-bottom span a:hover{ color:#999; }




/*==============Inside==============*/
.banner-box { width:100%;position:relative; overflow:hidden;height:280px;border-bottom:5px solid #ab1715;}
.banner {width:1920px;  position:absolute;left:50%; margin-left:-960px; }

.margin-box{ height:100%;}
.margin-box-color{ background-color:#fff;}
.padding-box{width:1200px; margin:auto; }
.place-box{ height:60px;}
.place-box .place-box-l{width:800px; height:60px; line-height:60px; float:left; }
.place-box .place-box-l ul li{ display:block; float:left; margin-right:20px;}
.place-box .place-box-l ul li span{display:block; color:#999; font-size:16px; font-weight:bold;}
.place-box .place-box-l ul li a{ display:block; color:#666; font-family:"微软雅黑"; font-size:16px; font-weight:bold;text-decoration:none;}
.place-box .place-box-l ul li a:hover{ border-bottom:1px solid #999;}

.place-box .place-box-r{ float:right; line-height:60px;color:#999; padding-left:20px; background:url(../images/icon-place.png) no-repeat left; background-size:16px;}
.place-box .place-box-r a{ color:#999; text-decoration:none;}
.place-box .place-box-r a:hover{ color:#666;}

/*--------answer-------*/
/*.answer-box{ margin-top:30px;}
.answer-box ul li{ border-bottom:#CCC solid 1px; padding: 20px 0;}
.answer-box ul li i{ width:180px; height:120px; float:left; display:block; overflow:hidden;cursor:pointer;}
.answer-box ul li a{height:120px; float:left;display:block; margin-left:30px; text-align:left;}
.answer-box ul li a h1{ padding:10px 0; font-size:18px; cursor:pointer;}
.answer-box ul li a h1:hover{ color:#ab1715;}
.answer-box ul li a span{ line-height:30px;}*/

.answer-box{ margin-top:30px;}
.answer-box ul li{ border-bottom:#CCC solid 1px; padding: 20px 0;height:120px; display:block}
.answer-box ul li .test-pic{ width:180px; height:120px; float:left; display:block; overflow:hidden;cursor:pointer;}
.answer-box ul li .test-text{height:120px; float:left;display:block; margin-left:30px; text-align:left;}
.answer-box ul li .test-text a{ display:block; padding:10px 0; font-size:18px; font-weight:bold; color:#333; text-decoration:none;}
.answer-box ul li .test-text a:hover{ color:#ab1715;}
.answer-box ul li .test-text span{ line-height:40px; color:#666}


.page{ height:25px;  margin:20px auto 20px auto;text-align:right; float:right; }
.page a {color: #000;text-decoration:none;}
.page a:hover { color: #ab1715;text-decoration:none;}
.page01 a { line-height: 25px; color: #ccc; background-color: #232122; text-align: center; text-decoration:none; display: block; height: 25px; width: 60px;}
.page02 a { line-height: 25px; padding:0 10px; color: #ccc; background-color: #232122; text-align: center; text-decoration:none; display: block; height: 25px; }
.page li { float: left;line-height: 25px; padding-right: 5px; list-style-type:none;}
.page li a:hover { color: #fff; background-color: #ab1715;text-decoration: none;}
.page02 a.current{ background-color: #ab1715; color:#fff;}

/*------test------*/
.test-title{ background:#FFF; margin-top:20px; border:1px solid #ddd;}
.test-title h1{ display:block; height:60px; line-height:60px; font-size:20px; background:#fafafa;border-bottom:1px solid #ddd;}
.test-title span{display:block; height:40px; line-height:40px; }


.topic-box{margin-top:20px; text-align:left;}
.topic-box .title-class{ margin-bottom:20px; border:1px solid #ddd;}
.topic-box .title-class h1{ display:block; font-size:16px; height:50px; line-height:50px; padding-left:5px; background:#ebfbf7;padding-left:10px;}
.title-number{ background:#FFF; margin-top:-1px; padding:0}
.title-number li h2{display:block; height:40px; line-height:40px; background:#fafafa; font-size:16px; font-weight:normal;border-bottom:1px solid #ddd;border-top:1px solid #ddd; padding-left:10px;}
.title-number li table td{ height:30px; line-height:30px; padding-left:30px;}
.submit-box{}
#submit{ display:block; color:#FFF; float:right; width:120px; height:40px; line-height:40px; background-color:#ab1715; border:none; cursor:pointer;}
#submit:hover{ background-color:#a11111;}


.video-box{ margin-top:56px;}
.video-box ul{ margin-right:-20px;}
.video-box ul li{ width:285px; float:left; margin-right:20px; margin-bottom:30px; text-align:left;}
.video-box ul li a{width:285px; height:200px;display:block; position:relative;overflow:hidden;}
.video-box ul li a .live-pic{ width:100%;transition: all 0.1s ease-out 0.1s;}
.video-box ul li a:hover .live-pic{transform:scale(1.1,1.1);}
.video-box ul li .icon-play{	position: absolute;	left: 118px;top:70px;z-index: 9999}
.video-box ul li h1{ display:block; height:30px; line-height:30px; text-align:left; font-size:14px; border-bottom:1px solid #999; }
.video-box ul li h1:hover{ color:#ab1715; cursor:pointer;}


.gather-box{ margin-top:30px}
.gather-box ul{ margin-right:-20px;}
.gather-box ul li{ width:366px; height:260px; float:left; border:10px solid #fff; margin-right:20px;margin-bottom:30px; overflow:hidden;}
.gather-box ul li a{ width:100%; height:100%; display:block; position:relative }
.gather-box ul li a img{ }
.gather-box ul li a h1{display: block;position:absolute; width:100%; height:40px; background-color:#000;opacity:0.9;position:absolute; bottom:-40px; left:0; z-index:999; font-size:14px; color:#999; line-height:40px; text-decoration:none; font-weight:normal;
     -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;}
.gather-box ul li a span{display:block;width:100%; height:100%; background:#F00;opacity:0; position:absolute; top:0; left:0; z-index:998; }

.gather-box ul li:hover a h1{bottom:30px;}
.gather-box ul li:hover a span{ background:#F00;opacity:0.2;}




.gather-box-b{ margin-top:30px;}
.gather-box-b ul{ margin-right:-20px;}
.gather-box-b ul li{ width:366px; height:640px; float:left;padding:10px; background-color:#FFF;margin-right:20px;margin-bottom:30px; overflow:hidden;}
.gather-box-b ul li:hover{ box-shadow:inset 0 0 0 1px #ab1715}
.gather-box-b ul li a{ background:#FFF; width:100%; height:100%; display:block; position:relative; text-align:left;text-decoration:none }
.gather-box-b ul li a img{width:366px; height:240px; }
.gather-box-b ul li a h1{ width:180px;height:50px; line-height:50px; border-bottom:3px solid #333; font-size:22px; color:#333; margin:0 ; font-weight:400}
.gather-box-b ul li a span{ display:block;line-height:28px; color:#333; margin:20px 0; }



.content-box{ margin-top:30px; background-color:#FFF;}
.content-box ul li{ display:block; float:left; width:50%; height:400px; text-align:left;}
.content-box .map{ overflow:hidden;}
.content-box .content{ line-height:28px;}
.content-box .content span{ display:block;padding:50px;}

.noPadding span { padding:0 !important;}
.subLineHeight { line-height:18px !important;}


.certificate-box{ background-color:#FFF; margin-top:30px; border:1px #ddd solid;}
.certificate-box h1{ font-size:18px; background:#ebfbf7; color:#666; height:50px; line-height:50px; border-bottom:1px #ddd solid; text-align:left; padding-left:10px;}
.certificate-box .demand{display:block; padding:50px 0;}
#text-demand{ width:360px; height:40px; padding:0 5px; background-color:transparent; border:#111 2px solid; font-size:18px;}

#btn-demand{ padding:0 30px; height:44px; line-height:44px; color:#bfbfbf; background-color:#111; border:none; font-size:18px;}
#btn-demand:hover{background-color:#000; cursor:pointer;}

.personal-box{ margin:50px auto; width:500px; padding: 0;  border:5px #ab1715 solid}
.personal-box i{ display:block; float:left; width:133px; height:200px; padding:2px; overflow:hidden;}
.personal-box i img{width:133px; height:200px;}
.personal-box .personal{ float:left; text-align:left;padding:20px 30px; line-height:28px;}
.personal-box .personal .name{ font-size:16px; font-weight:bold;}




/*-------------member------------*/
.member{ margin:30px auto 40px auto ; height:100%}
.member-l{ float:left; width:240px; height:100%; background:#fff; border:1px solid #ddd;}
.member-l ul{border-top:3px solid #000;}
.member-l ul li{ display:block;height:50px; margin-bottom:1px}
.member-l ul li a{ display:block; height:50px; line-height:50px; text-decoration: none; color:#333; font-size:16px;}
.on{color:#000; background:#f9f9f9}
.member-l ul li a:hover{color:#000; background:#f9f9f9}

.member-r{ float:right; width:920px;border:1px solid #ddd}
.member-title{ height:50px; line-height:50px;background:#ebfbf7; padding:0 10px;border-bottom:1px solid #ddd}
.member-title span{ float:left;color:#333; font-weight:bold;}
.member-title a{ float:right;text-decoration: none; color:#333;}
.member-title a:hover{color:#333; background:#f5f5f5}

.member-nr{ padding:30px 60px;background:#fff; text-align:left}
#text-member{ color:#999; width:240px; height:28px; padding:0 5px; background-color:transparent; border:#666 1px solid;}
#text-verify{ color:#999; width:160px; height:28px; padding:0 5px; background-color:transparent; border:#666 1px solid;}
#select-member{ color:#999;  height:28px; padding:0 5px; background-color:transparent; border:#666 1px solid;}
#btn-member{ padding:0 15px; height:30px; color:#bfbfbf; background-color:#000; border:none;}
#btn-member:hover{background-color:#222; cursor:pointer;}
.verify{ position:relative; width:240px; display:block;}
.verify a{ height:28px; width:60px; display:block; position: absolute; right:-10px; top:1px; }

.address{ width:480px !important; }


/*---------------video-show-----------------*/
.video-show{}
.video-show .play-box{ }


.apply{ background:#fff; position:relative; padding:60px 150px !important}
.apply table{ text-align:left}
.apply table td{ height:40px;}
.apply span{ display:block; position: absolute; right:150px; top:70px}
.apply span i{display:block; width:133px; height:200px; overflow:hidden; border:#eee 3px solid; margin-bottom:5px;}
.apply span i img{width:133px; height:200px;}

.upload{width:100%; padding:0 15px; height:30px; color:#666; background-color:#ddd; border:none;}
.upload:hover{background-color:#ccc; cursor:pointer;}

.certificate-box h1{ font-size:18px; background:#ebfbf7; color:#666; height:50px; line-height:50px; border-bottom:1px #ddd solid; text-align:left; padding-left:10px;}

.pic-upload{margin-top:20px; width:510px}
.pic-upload ul li{ float:left; width:100px; height:100px; overflow:hidden; margin-right:10px; margin-bottom:10px; position:relative;}
.pic-upload ul li img{ width:100%; height:100%}
.pic-upload ul li a{ position:absolute; top:2px; right:2px; width:40px; height:25px; line-height:25px;background:#000; display:block; z-index:99; color:#fff; text-align:center; text-decoration:none; opacity:0;}
.pic-upload ul li:hover a{opacity:0.6;}

.reset{padding:0 15px; height:30px; color:#666; background-color:#ddd; border:none;}
.reset:hover{background-color:#ccc; cursor:pointer;}


.exam-book{ width:100%; height:50px; line-height:50px; margin-top:30px; display:block; color:#fff; font-size:16px; background-color:#ab1715; border:none;}
.exam-book:hover{background-color:#000; cursor:pointer;}


.books-box{margin-top:30px;overflow:hidden;}
.books-box ul{ width:1240px}
.books-box ul li{ width:585px; background:#FFF; /*border:1px #ddd solid;*/ float:left; margin-right:30px; margin-bottom:30px; padding: 20px 0;height:120px; display:block}
.books-box ul li .test-text{ width:545px; height:120px; float:left;display:block; margin:0 20px; text-align:left;}
.books-box ul li .test-text p{display:block; max-height:45px; overflow:hidden; line-height:24px}
.books-box ul li .test-text a{ display:block; padding:10px 0; font-size:18px; font-weight:bold; color:#333; text-decoration:none;}
.books-box ul li .test-text a:hover{ color:#ab1715;}
.books-box ul li .test-text span{ line-height:40px; color:#999}

.itemFloat {width: 130px;height: auto;line-height: 10px; font-size:12px;}