﻿@charset "gb2312";
body { margin: 0; padding: 0px; font-size: 12px; color: #333; text-align: left; font-family: "Microsoft Yahei", "microsoft Yahei",
 "Tahoma", "Arial", "Helvetica", "STHeiti"; font-size:12px;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, input, textarea, blockquote, th, td { margin: 0px; padding: 0px; }
input, select { vertical-align: middle; font-size: 12px }
table { border-collapse: collapse; border-spacing: 0; }
li { list-style: none }
img { border: 0px; }
img a { cursor: pointer }
.clear { clear: both; _display: inline }
a { text-decoration: none; color: #333; }
h1, h2, h3, h4, h5, h6, h7 { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; }
.clearfix:after, .page dl:after, .courseazu:after, .select-detail:after { display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.clearfix, .page dl, .courseazu, .select-detail { zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}

/*top*/
.top {height: 30px;font-size: 14px;line-height: 40px;background-color:#FFFFFF;}
.w{margin:0 auto;width: 1000px;}
.l{float: left;}
.r{float: right;}
.top a:hover{color:#cc0000;}

/* CSS Document */
.banner{background:url(../img/bg.jpg) center 0;width:100%;height:auto;margin: 10px auto 0;}
.b-main{ width:1000px; height:auto; margin:0 auto; font-size:0; line-height:0;}
.lead{ width:100%; height:116px; background:url(../img/lead.jpg) center 0; *margin-top:-1px; overflow: hidden;padding-top:30px;}
.m-lead{ width:1000px; height:118px; margin:0 auto; background:url(../img/bgnn.jpg) 0 0;}
.lead-l{font:bold 36px/56px "Microsoft Yahei"; color:#FFF; width:80px;height:56px; padding-right:10px; 
margin:24px 0  0 60px;border-right:1px solid #fff; }
.m-lead p{font:14px/20px "Microsoft Yahei"; color:#FFF; width:700px;  height:56px; padding:0; margin:22px 0 0 20px;}
.m-lead p em{ color:#fef155; font-style:normal; }


/**content**/
.content{ width:100%;height:643px;background:url(../img/share_mainbg.jpg) no-repeat center top; }
.ch-share-box{ width:1000px; position:relative; margin:0 auto;}
.qy-titbox{ text-align:center; height:118px; padding-top:25px;}
.qy-titbox span,.qy-titbox strong,.qy-titbox strong i{ display:inline-block; vertical-align:middle;}
.qy-titbox span{ width:110px; height:6px; background:#bacfe7; font-size:0;}
.qy-titbox strong{ height:118px; background:url(../img/bgtou.png) 0 0 no-repeat; margin:0 30px; }
.qy-titbox strong i { width:80px;font:bold 18px/20px "Impact"; margin-top:24px; color:#154cb5;vertical-align:top; padding-left:10px;}
.qy-titbox strong i b{font:bold 44px/44px "Impact";}
.qy-titbox strong em{ font:36px/45px "Microsoft Yahei";font-style:normal; color:#154cb5; margin-top:35px; display:inline-block; vertical-align:top;}

/**content-two**/
.elite-box{ width:100%; height:auto; background:#1680e9;}
.main{ background-image:linear-gradient(20deg, #2c47be, #1680e9); padding-bottom:40px; }
.elite-box .qy-titbox{ padding-top:40px}
.elite-box .qy-titbox span{ background:#0d4bad;}
.elite-box .qy-titbox strong i{ color:#fff;}
.elite-box .qy-titbox strong em{ color:#fff;}
.elite-box .qy-titbox strong{ background:url(../img/bgtou.png) 0 -125px;}
.j-list{ background:#5092df; padding:0 10px 10px; margin-top:20px;}
/* è¡¨æ ¼-æœ‰è¾¹æ¡† */
.ui-table{ clear:both;background:#fff;}
.ui-table th,.ui-table td{ border:1px #f9f2f2 solid; padding:10px 10px;font:normal 14px/22px "Microsoft Yahei";}
.ui-table th{ border-right:1px #71aaed solid; background:#5092df;font:normal 16px/24px "Microsoft Yahei"; color:#fff; text-align:center;border-top:1px #71aaed solid;}
.ui-table tr td p{ height:25px; overflow:hidden;}
.ui-table tr td p .yj{ font-size:14px; color:#333;}

.ui-table tbody tr:nth-child(2n),.ui-table tbody tr.trbg{background:#fafafa;}
.ui-table tbody tr:hover{background:#f5f5f5;}
.ui-table td span{ color:#666;}
.ui-table td em{ width:17px; height:17px; background:url(../img/bgnn.jpg) 0 -130px; display:inline-block; vertical-align:middle;}
.ui-table td b{ color:#ff5b3a;vertical-align:middle; margin-left:9px;}
.ui-table .distance{ width:66px;}
.ui-table td .sp{ width:70px; height:24px;border-radius:20px; display:inline-block; background: url(../img/bgtou.png) 0 -272px #fe684a no-repeat;}
.ui-table td .sp:hover{background: url(../img/bgtou.png) 0 -272px #ff7e00 no-repeat;}
.ui-table td .sp i{ color:#fff; font-style:normal; margin-left:12px;}

.ui-table .list-prize{ border-left:1px solid #5092df;}
.ui-table .list-prizer{border-right:1px solid #5092df;}
.ui-table tr:hover td,.ui-table .list-yellow td{ background:#eef6ff; }
.ui-table tr:hover td p{ min-height:25px;}
.ui-table tr:hover td a i{ font-size:14px;}
.empiric{ width:260px;}

/*content-three*/
.content-three{width:100%; height:auto;background:#fbf8f8; padding-bottom:10px;}
.awards{ width:999px; height:auto; margin:0 auto;}
.awards{ margin-top:20px;}
.awards-p{font:16px/24px "Microsoft Yahei"; color:#666; margin-bottom:5px;line-height:30px;margin-left:20px;}
.awards-top{ background:#fff;margin-top:16px;}
.awards-top span{ border:1px solid #bfbfbf; width:246px !important; height:58px; display:inline-block;cursor:pointer ;
font:20px/58px "Microsoft Yahei"; text-align:center;}
.awards-top .awards-top-s{ background:#1c6dc3;border:1px solid #1c6dc3; color:#fff; position:relative;}
.awards-top-s i{ position:absolute; width: 0; height: 0;border-left: 9px solid transparent; border-right: 9px solid transparent;
 border-top: 9px solid #1c6dc3; left:48%; bottom:-10px; font-size:0;}  
.awards-bottom{ background:#fff url(../img/bei.jpg) bottom right no-repeat; padding:25px 0;  }
.awards-bottom-l{ width:226px; height:233px; background:url(../img/bgnn.jpg) 0 -160px no-repeat; margin-left:40px;}
.awards-bottom-r{margin-left:40px; width:660px;}
.awards-bottom-r dt{font: 36px/40px "Microsoft Yahei"; color:#333; position:relative; margin-top:20px;}
.awards-bottom-r dt span{width: 0; height: 0; border-top: 9px solid transparent;border-right: 9px solid #1c6dc3;
 border-bottom: 9px solid transparent; display:inline-block; position:absolute; left:-18px; top:11px; }  
.awards-bottom-r dd em{font:18px/26px "Microsoft Yahei"; color:#333; position:relative; display:inline-block; margin:10px 0} 
.awards-bottom-r dd em i{ font-style:normal; color:#ec421f;}
.awards-bottom-r dd span{ position:absolute; width:260px; border-bottom:2px dashed #dadada; top:14px; left:350px;}
.awards-bottom-r dd p{font:16px/26px "Microsoft Yahei"; color:#666;} 
 
 
 /*content-four*/
.content-four{ background:#fff; }
.box_03{width:1030px; margin:0 auto; }
.content-four .qy-titbox strong{ background: url(../img/bgtou.png) 0 -455px; color:#ee4928;}
.content-four .qy-titbox strong i,.content-four .qy-titbox strong em{ color:#ee4928;}
.content-four .qy-titbox span{ background:#ffdfd9;}



/*content-five*/ 
.red_title { font-size: 60px;font-weight: bold;padding: 30px 0; line-height: 60px; width: 100%; background: #fff; text-align: center;}
.red_move_class{ overflow:hidden; height:713px; background:url(../img/move_class_bg.jpg) no-repeat top center;}
.red_move_main{ width:1000px; height:713px; margin:0 auto; margin-top:-1px; background:url(http://img.233.com/wx/img/foot/2016/move_class_1.png) no-repeat center;}
.red_move_cl_tmain{ width:520px; height:278px; padding:77px 0 0 480px; margin:0 auto; color:#fff}
.red_move_cl_tmain h3{ font-size:42px; height:58px; line-height:58px; font-weight:bold}
.red_move_cl_tmain h4{ font-size:18px; line-height:30px; overflow:hidden; font-weight:normal;margin-bottom:20px}
.red_move_cl_tmain p{ height:30px; line-height:30px; padding:5px 0; font-size:18px; position:relative; text-indent:30px;}
.red_move_cl_tmain p span.ico{ vertical-align:top; width:30px; height:30px; margin-right:5px; display:block; position:absolute; left:0px; top:0px; background:url(../img/ico.png) no-repeat; top:8px;}

.red_move_cl_bot{ height:318px; background-image:url(http://img.233.com/wx/img/foot/2016/move_class2.jpg)}
.red_move_cl_bbg{ width:520px; padding:0 0 0 480px; margin:0 auto}
.red_move_ewm{ width:146px; height:146px; float:left; overflow:hidden;}
.red_move_ewm img{ width:146px; height:146px; display:block;}
.red_move_but{ width:300px; overflow:hidden; padding-left:18px}
.red_move_but a{ display:block; width:275px; height:66px; line-height:66px; margin-bottom:10px; border:1px solid #f15852; color:#f05f6f; border-radius:5px; text-align:center; font-size:20px}
   

/*rigscoll_s*/
.rigscoll {position:fixed;left:50px;top:240px;  _position:absolute;_top:expression(documentElement.scrollTop+340);
 _margin-top:30px; _left:50%;_margin-left:600px; }
.rigscolltop {width:100px;height: auto;display:block; text-align:center; }
.rigscoll ul {pdisplay:block;position:relative;background:#3a99fc; border-radius:4px;}
.rigscoll ul li {display:block; }
.rigscoll ul .gotop{  margin-left:13px; _margin-top:-20px;}
.rigscoll ul li a {color:#fff;display:block;height:32px; font:14px/32px "Microsoft Yahei"; border-bottom:1px dashed #177fe9; }
.rigscoll ul li a:hover {color:#ff0; }
.rigscoll ul li.gotop{ background:#1d89ff; width:100%; margin:0; text-align:center;}
.rigscoll ul li.gotop a{color:#ff0;border-bottom:none;text-indent:0px;}
.rigscoll ul li.gotop a:hover{color:#ffec44;}
/*rigscoll_e*/ 


/*2017 6 29*/

.reflections{height: auto;margin: -10px 0 0 55px;position:relative;}
.reflections-boxdd{width: 900px; overflow: hidden; height:388px; padding: 40px 0 0 0;}
.reflections-boxdd ul{ width: 1280px;}
.jiantl,.jiantr{ width:50px; height:100px; position: absolute; z-index:9;top:180px; }
.jiantl{background: url(../img/bgtou.png) -180px 0 #c6daf0;  left:-80px;}
.jiantr{background: url(../img/bgtou.png) -240px 0 #c6daf0; right:-30px; }
.jiantl:hover{ background: url(../img/bgtou.png) -180px 0 #93bfed; cursor:pointer}
.jiantr:hover{ background: url(../img/bgtou.png) -240px 0 #93bfed;cursor:pointer}
.reflections-ul li{ width:274px; height:387px; background:url(../img/bgnn.jpg) -308px -158px; margin-right:35px;
	padding-top: 70px; display:inline-block; position: relative; float: left;}
.trainee-s{ position: absolute; top:20px; left:20px;box-shadow: 0px 2px 0px #0f4dcc;}
.trainee-s,.trainee-s em{ width:235px; height:155px; border-radius:8px;overflow: hidden; }
.trainee-s em{ display:inline-block;}
.trainee-s em imgs{width:235px; height:155px; border-radius:8px;display:inline-block; overflow: hidden;}
.trainee-s a{ width:53px; height:53px; position: absolute; z-index: 6; background:url(../img/bgtou.png) 0 -320px; display:inline-block; bottom:15px; right:15px;}
.trainee-s span{font:16px/20px "Microsoft Yahei"; position:absolute ; width: 140px; height:30px; background:url(../img/bgtou.png) 0 -400px; bottom:0; left:0; text-indent:10px; line-height: 30px; color: #fff;}

.trainee-z{ margin-top: 120px; text-align: center;}
.trainee-z strong{font:bold 40px/40px "Impact"; vertical-align:middle; color:#fff956;}
.trainee-z strong i{font:bold 20px/20px "Microsoft Yahei"; vertical-align:middle;} 
.trainee-z span{font:18px/28px "Microsoft Yahei"; width:210px; height:28px; color: #fff; border:1px solid #fff; display: inline-block; border-radius: 24px; margin: 4px 0;}
.trainee-z em{font-style:normal;font:18px/28px "Microsoft Yahei"; color:#fff; }
.trainee-x{ margin:0 15px;}
.trainee-x h6{font: bold 15px/34px "Microsoft Yahei"; color:#0d62cc; background:#fff; width: 100px; height:34px; text-align: center; border-radius:17px; margin:26px 0 10px; }
.trainee-x p{font:14px/20px "Microsoft Yahei"; color:#fff; height: 60px; overflow: hidden; }
.trainee-x p a{ color:#fff956;}
.trainee-x p a:hover{ color:#ffe826;}  
.video-bomb{ width: 800px; height:400px; position: absolute; background: #fff; z-index: 10; left:50px; top:-30px; }

.content-three .qy-titbox{ padding-top:45px;}
.trainee-s a:hover{
	
	
	
	
	
-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}
/* CSS Document */


/*cents03*/

.section .section01{ width:315px; padding-bottom:20px; background:#fff; position:relative; float:left; margin-right:27px; margin-top:30px;margin-bottom:30px;}
.section li:hover{ background:#f5bf27;}
.section .section01_04{ margin-right:0;}
.section li img{ margin:1px;}
.section li a{display:block; position:relative; overflow:hidden; cursor:pointer;}
.section li em{
	width: 96px;
	height: 48px;
	position: absolute;
	background: url(bg.png) -459px 0;
	text-indent: 7px;
	font: 24px/40px "微软雅黑";
	color: #FFF;
	right: 24px;
}

.section .sectiontxt{ display: block; width: 100%; height: 202px;
  text-align: center;
  font: 16px/24px "微软雅黑"; color: #FFF; position: absolute; bottom: -2px; left: 0px; top: 210px; 
 transition:top .2s ease-out 0s}
.sectiontxt .bg{height:100%;background:#000; filter:Alpha(opacity=60);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); z-index:1;top:0;right:0; bottom:0;left:0; position:absolute;}
.sectiontxt .tech_icon{position:absolute; z-index:2;top:35px; _top:76px; left:76px; font-style:normal; line-height:54px;border:#fff solid 1px; _border:#2586e9 solid 1px; _color:#2586e9; border-radius:4px; width:168px; height:54px; display:block; font-size:22px;}
.sectiontxt .tech_icon:hover{ background:#2586e9; color:#fff; border-color:#2586e9; }
.sectiontxt .tech_icon em{
	background: url(../img/pic.png) no-repeat -13px -110px;
	width: 12px;
	height: 11px;
	display: block;
	position: absolute;
	top: 22px;
	font-size:0;
}

.section li:hover .sectiontxt{top:0;}
.tech{ width:1200px; margin:0 auto 40px;}
.section01 h3{ font-size:24px; margin:0 16px; line-height:45px; text-align:center;}
.section01 p{ font-size:16px; margin:0 16px; line-height:26px;}
.section01:hover{ color:#fff;}
/*cents03 end*/ 

/**content-four**/
.content-4{ width:1000px; height:auto;  padding-bottom:110px; padding-top:20px;margin:0 auto;}
.main-top{ padding-top:15px;}
.h2-txt3{margin:0 auto 30px; width:100%; height:130px; background:url(../img/h2-4.png) center 0 no-repeat; text-align: center; }
.h2-txt3 span{font:40px/130px "Microsoft Yahei"; color:#fff; background: -webkit-linear-gradient(left, #445ac7 , #58edff);     /* 鑳屾櫙鑹叉笎鍙?*/
  -webkit-background-clip: text;         /* 瑙勫畾鑳屾櫙鐨勫垝鍒嗗尯鍩?*/  -webkit-text-fill-color: transparent;  /* 闃叉瀛椾綋棰滆壊瑕嗙洊 */}

.online-s{ position:relative;}
.online-li{width:303px; background:#fff; border-radius:10px 10px 0 0; position: relative; float:left;border:1px solid #eee;}
.online-li:hover{/* box-shadow: 0 0 10px #333; */transform: translateY(-5px); -webkit-transform: translateY(-5px); z-index: 4; transition: transform 1s; -moz-transition: -moz-transform 1s; /* Firefox 4 */ -webkit-transition: -webkit-transform 1s; /* Safari and Chrome */ -o-transition: -o-transform 1s; /* Opera */}
.online-li h5{ width:100%; height: 75px; font:30px/75px "Microsoft Yahei"; color:#fff; text-align: center; border-radius:10px 10px 0 0; background:#de2c4d;     background-image: linear-gradient(20deg, #de2c4d, #ff4f20);}
.online-li .h5two{ background: #3179f0;background-image: linear-gradient(20deg, #3179f0, #2fafff);}
.online-li .h5three{ background: #3179f0;background-image: linear-gradient(20deg, #4a5bff, #705cff);}
.price{ margin:4px 10px 0;  height:58px;}
.price li { padding:12px 0;}
.price li em{ font:14px/24px "Microsoft Yahei";}
.price .priceli{ border-bottom:1px  dashed  #e1e1e1;}
.price li span{font:14px/24px "Microsoft Yahei";display: inline-block;vertical-align:bottom; width:84px; display: inline-block;}
.price li strong{font:24px/24px "Microsoft Yahei"; color:#ff3251; margin:0 20px 0 28px; width:75px; text-align:left; display: inline-block;vertical-align:bottom; }
.price li strong i{font:18px/24px "Microsoft Yahei";}
.price li a{font:14px/26px "Microsoft Yahei"; text-align: center; width:60px; height:26px; border-radius:13px; border:1px solid #ff3251; color:#ff3251; display:inline-block; }
.price li a:hover{ background:#ff3251; color:#fff;}
.price-b{ background:#f7f7f7; padding-bottom:10px; height:68px;}
.price-b span{font:14px/22px "Microsoft Yahei"; width:66px; height:22px; color:#777; border:1px  dashed #777; display: inline-block;
	text-align: center; border-radius:2px; margin:10px 0 0 6px;}
.price-sm{ margin:0 10px 10px 10px;}
.price-sm p{ margin-top:10px;}
.price-sm p span{font:14px/22px "Microsoft Yahei"; color:#333; margin-left:10px; width:240px; display:inline-block; vertical-align:top;}
.price-sm p em{font:14px/22px "Microsoft Yahei"; width:20px; height:20px; border:1px solid #777; display: inline-block; color:#777;
	border-radius:11px; text-align: center; vertical-align:top;}
.price-sm p .p-red{ color:#fb4f4f;}
.online-ann{width:305px; text-align: center; position: absolute; bottom:-60px; left:0;}
.online-ann a{ width:240px; height:44px;font:16px/44px "Microsoft Yahei";background: #ff2c54; background-image: linear-gradient(20deg, #ff6339, #ff2c54); color:#fff; text-align: center; display: inline-block; border-radius:22px; }
.online-ann a:hover{background: #ff6339; }
.online-li{margin-right:10px;}
.online-lileft{ margin-left:54px; }
.onlineleft{ position: absolute; left:-10px; top:60px;width:55px;}
.onlineleft span{ width:55px; height:55px; background: url(../img/bg24.png) 0 -350px no-repeat; display: inline-block; font: bold 15px/20px "Microsoft Yahei"; color:#333; text-align: center; padding-top:8px;}
.onlineleft02{ margin-top:125px;}
.onlineleft03{ margin-top:55px;}

.bg_white{ background-color:#fff;}
.bg_hui{ background-color:#fbf8f8;}


/* 公用页尾 */
body,p{margin:0; padding:0;}
.hfoot{padding:10px 0 20px 0; margin:0 auto;  font-size:12px; text-align:center;line-height:24px;}
.hfoot a{text-decoration:none;}
.hfoot a:hover{color:#cc0000;}