@charset "gb2312";
/* CSS Document */
#tan1,#tan2,#tan3,#tan4{width:800px;height:500px;padding:30px 0px;padding-left:15px; position:relative;}
/*banner*/
.tsv_banner{width:100%;min-width:1200px;margin:0 auto; position:relative;}
.tsv_banner01{width:100%;height:268px;background:url(../images/tsv_banner01.jpg) center no-repeat;margin:0 auto;}
.tsv_banner02{width:100%;height:250px;background:url(../images/tsv_banner02.jpg) center no-repeat;margin:0 auto;}
.tsv_banner03{width:100%;height:181px;background:url(../images/tsv_banner03.jpg) center no-repeat;margin:0 auto;}
/*暑假来了，干点啥？*/
.tsv_com{width:100%;min-width:1200px;margin:0 auto; position:relative;padding-bottom:80px;}
.tsv_com_title{width:100%;margin:0 auto;}
.tsv_com_title p{ font-size:40px;color:#333; font-weight:bold;padding-top:80px;}
.tsv_com_title p span{color:#4c54d3}
.tsv_com_title i{ display:block; font-size:16px;color:#5e5d5d;margin-top:10px;}
.tsv_com_main{width:1152px;margin:0 auto;margin-top:50px;}
.tsv_com_left{float:left;width:312px;margin-top:75px;}
.tsv_com_left ul{width:100%;margin:0 auto;}
.tsv_com_left ul li{margin-bottom:50px;}
.tsv_com_left ul li p{width:100%; text-align:left; font-size:16px;color:#444; font-weight:bold;}
.tsv_com_left ul li img{float:left;width:7px;height:7px;margin-top:6px;margin-right:10px;}
.tsv_com_left ul li span{ display:block; font-size:12px; color:#666;margin-top:5px; text-align:left;padding-left:16px;}
.tsv_com_center{float:left;width:520px;height:396px;}
.tsv_com_center img{width:520px;height:396px;}
.tsv_com_right{float:right;width:316px;margin-top:110px;}
.tsv_com_right p{ font-size:30px;color:#fe5c5c; font-weight:bold; font-weight:bold; text-align:left;padding-left:40px;}
.tsv_com_right span{ display:block; font-size:18px;color:#666; line-height:30px; text-align:left;padding-left:48px;margin-top:20px;}
/*华清远见暑假实训营三大优势*/
.tsv_advantage{width:100%;height:1079px;background:url(../images/tsv_advantage.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;}
.tsv_advantage_main{width:1152px;height:190px;background:#fff;margin:0 auto;margin-top:50px;}
.tsv_advantage_main ul{width:96%;margin:0 auto;}
.tsv_advantage_main ul li{float:left;width:335px;margin:45px 15px;}
.tsv_advantage_main ul li p{font-size:18px;color:#2d9df9; font-weight:bold; text-align:left; line-height:37px;}
.tsv_advantage_main ul li img{float:left;width:37px;height:37px;margin-right:15px;}
.tsv_advantage_main ul li span{ display:block;width:88%; text-align:left; line-height:22px; font-size:14px; color:#666666;margin-left:52px;}
.tsv_advantage_main01{width:100%;margin:0 auto;margin-top:50px;}
.tsv_advantage_main01 ul{width:97%;margin:0 auto;}
.tsv_advantage_main01 ul li{float:left;width:280px;height:157px; position:relative;margin:5px;}
.tsv_advantage_main01 ul li img{width:280px;height:157px;}
.tam{ position:absolute;top:0px;}
/*暑期实训营里都有啥大项目*/
.tsv_pro{width:100%;min-width:1200px;margin:0 auto; position:relative;padding-bottom:80px;}
.tsv_pro_main{width:100%;margin:0 auto;}
.tsv_pro_main ul{ width:100%;margin:0 auto;}
.tsv_pro_main ul li{float:left;width:280px;height:232px; border-radius:6px; overflow:hidden;position:relative; transition:.4s; -webkit-transition:.4s;margin:0px 10px;margin-top:50px;top:0px;}
.tsv_pro_main ul li p{width:100%;height:52px; line-height:52px;color:#333333; font-size:14px;}
.tsv_pro_main ul li:hover{top:-10px;background:#fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1); transition:.4s; -webkit-transition:.4s;}
.tam01{ position:absolute;top:80px;left:0px;right:0px;margin:0 auto;}
.tsv_more{width:216px;height:50px; line-height:50px;background:#8095ff;border-radius:4px;margin:0 auto;margin-top:50px;transition:.4s; -webkit-transition:.4s;}
.tsv_more p{ font-size:16px;color:#fff;}
.tsv_more:hover{background:#7185e8;transition:.4s; -webkit-transition:.4s;}
/*联手百度智能云，嵌入式人工智能实训营再增实力！*/
.tsv_smart{width:100%;height:1296px;background:url(../images/tsv_smart.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;}
.tsv_smart_main{width:100%;margin:0 auto;margin-top:60px;}
.tsv_smart_left{float:left;width:488px;height:324px;}
.tsv_smart_left img{width:488px;height:324px;}
.tsv_smart_center{float:left;width:330px;margin-left:6px;}
.tsv_smart_center p{width:100%;height:97px; line-height:97px;color:#fff; font-size:26px;background:url(../images/tsv_smart02.jpg)  center no-repeat;margin-bottom:6px;}
.tsv_smart_right{float:right;width:370px;}
.tsv_smart_right p{width:100%;height:76px; line-height:76px;background:url(../images/tsv_smart05.jpg) center no-repeat;color:#fff; font-size:26px;margin-top:2px;}
.tsv_com_title01{width:100%;margin:0 auto;margin-top:50px;}
.tsv_com_title01 p{width:100%; font-size:26px;color:#fff;}
.python-book-wrap {width: 100%;margin: 0 auto;margin-top: 50px; }
.python-book-wrap:after {content: "";clear: both;display: block; }
.python-book-item {width: 250px;margin-right:50px;float: left; }
.python-book-item:last-child {margin-right: 0; }
.python-book-item-img {width: 100%;height: 348px; }
.python-book-item-img img {display: block; }
.python-book-item-tit {margin-top: 8px;width: 100%;height: 38px;background: #4b3983;
/* Old browsers */
background: -moz-linear-gradient(left, #4b3983 1%, #9544a3 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #4b3983 1%, #9544a3 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4b3983 1%, #9544a3 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b3983', endColorstr='#9544a3',GradientType=1 );
/* IE6-9 */border-radius: 3px;text-align: center;line-height: 34px; }
.python-book-item-tit span {display: inline-block;font-size: 16px;color: #ffffff;text-align: center;vertical-align: middle; }
.python-yellow-btn {display: block;width: 300px;height: 50px;background: #ffc939;border-radius: 3px;font-size: 18px;color: #1d1d2e;font-weight: bold;text-align: center;line-height: 50px;margin: 0 auto;margin-top: 50px;}
.tsv_more01{width:276px;height:50px; line-height:50px;background:#fe8864;border-radius:4px;margin:0 auto;margin-top:70px;transition:.4s; -webkit-transition:.4s;}
.tsv_more01 p{ font-size:16px;color:#fff;}
.tsv_more01:hover{background:#e67857;transition:.4s; -webkit-transition:.4s;}
/*找工作，你不可不知的行业大势！*/
.tsv_under{width:100%;min-width:1200px;margin:0 auto; position:relative;padding-bottom:80px;}
.tsv_under_main{width:100%;margin:0 auto;margin-top:50px;}
.tsv_under_main li{float:left;width:32%;margin:0 8px;}
.tsv_under_main li img{float:left;margin-right:20px;}
.tsv_under_main li p{ float:left;width:80%; font-size:20px;color:#333; font-weight:bold; text-align:left;}
.tsv_under_main li p span{ display:block; text-align:left; line-height:24px; font-size:14px; color:#666; font-weight:normal;margin-top:20px;}
.tsv_under_main01{width:100%;margin:0 auto;margin-top:60px;}
.tsv_under_main01 li{float:left;width:599px;height:374px;}
.tsv_under_main01 li p{ font-size:24px;color:#ff8c8c; line-height:35px; text-align:left; font-weight:bold;padding-top:80px;padding-left:40px;}
.tsv_under_main02{width:270px;margin:0 auto;margin-left:30px;margin-top:10px;}
.tsv_under_main01 li span{float:left; display:block;width:120px; line-height:30px; font-size:16px;color:#666666; text-align:left;margin:5px;}
.tsv_under_main01 li span img{ float:left;width:30px;height:30px;margin-right:10px;}
.tsv_under_main01 li .img01{ display:block; text-align:left;margin-top:200px;margin-left:40px;}
.tsv_under_main01 li i{ display:block;color:#fff; font-size:16px;margin-top:10px; text-align:left;padding-left:40px;}
.tsv_under_main01 li em{ display:block; text-align:left; padding-left:40px; line-height:30px;color:#666; font-size:18px;padding-top:20px;}
/*你想找多少薪资的工作？*/
.grade_money{width:100%;height:953px;background:url(../images/much.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;}
.grade_money_main{width:100%;height:492px; background: rgba(255, 255, 255, 0.1);border-radius:10px;margin-top:50px; position:relative;}
#mbOverlay {
	position:fixed;
	z-index:9998;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	cursor:pointer;
}
#mbOverlay.mbOverlayFF {
	background:transparent url(80.png) repeat;
}
#mbOverlay.mbOverlayIE {
	position:absolute;
}
#mbCenter {
	height:557px;
	position:absolute;
	z-index:9999;
	left:50%;
	background-color:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);
	-webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);
}

#mbImage {
	left:0;
	top:0;
	font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-align:left;
	background-position:center center;
	background-repeat:no-repeat;
	padding:10px;
}
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color:#ddd;
}
#mbImage a:hover, #mbImage a:active {
	color:#fff;
}
#mbBottom {
	min-height:20px;
	font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#999;
	text-align:left;
	padding:0 10px 10px;
}
#mbPrevLink, #mbNextLink, #mbCloseLink {
	display:block;
	float:right;
	height:20px;
	margin:0;
	outline:none;
}
#mbPrevLink {
	width:120px;
	height:120px;
	background:transparent url(../images/l.png) no-repeat center;
	position: absolute;
	top:38%;
	left:-128px;
}
#mbPrevLink:hover{background:transparent url(../images/l_ch.png) no-repeat center;}
#mbNextLink {
	width:120px;
	height:120px;
	background:transparent url(../images/r.png) no-repeat center;
	position: absolute;
	top:38%;
	right:-128px;
}
#mbNextLink:hover{background:transparent url(../images/r_ch.png) no-repeat center;}
#mbCloseLink {
	width:56px;
	height:56px;
	background:url(../images/close.png) no-repeat center;
	position:absolute;
	top:10px;
	right:10px;
}
#mbCloseLink:hover{background:url(../images/close_ch.png) no-repeat center;}
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color:#d00;
	font-weight:bold;
	text-decoration:underline;
}
.layout_default {
	float:left;
	width:361px;height:375px; position:relative;border-radius:3px;margin:0px 15px; overflow:hidden;
	}
.mod_gallerylist {
	width:98%;
	margin:0 auto;
	margin-top:55px;
	padding-bottom:132px;
}
.layout_default p { position:absolute;width:100%;height:43px;line-height:43px;background:#061729; opacity:.5;bottom:0p}
/*嵌入式人工智能实训营职业成长计划*/
.tsv_plan{width:100%;min-width:1200px;margin:0 auto; position:relative;padding-bottom:80px;}
.tsv_plan_main{width:100%;margin:0 auto;margin-top:50px;border-radius:10px; overflow:hidden;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1);}
table{border-collapse:collapse;width:100%;}
th{ font-size:16px;color:#fff; font-weight:bold; line-height:82px;}
td{border:1px solid #f8f8fa; line-height:66px; font-size:14px; color:#666;}
/*华清毕业生经验分享*/
.grade_share{width:100%;background:#f9f9f9;min-width:1200px;margin:0 auto; position:relative;padding-bottom:80px;}
.grade_share_main{ width:100%;margin:0 auto;}
.tale{width:100%;position:relative;}
.tale_c{ width:100%; position:relative;}
.tale_d{ width:100%; height:auto; margin:0 auto; display:table;}
.tale_h{width:1110px; height:auto; margin:0 auto;}
.tale_d li{ float:left;width:256px;height:298px;border:1px #f5f8fa solid;border-radius:10px;margin:0px 10px;position:relative;cursor:pointer;overflow:hidden;margin-top:60px;transition:0.4s;-webkit-transition:0.4s;}
.tale_e{width:256px; height:42px;margin-top:24px;}
.tale_e img{margin:0 auto; border-radius:51px;}
.tale_e p{ font-size:14px;color:#000000;margin-top:10px;}
.tale_e span{ display:block;color:#999999; font-size:14px; line-height:22px; text-align:left;padding:15px 25px;}
.tale_hover{top:298px;width:100%;height:118px; position:absolute;background:#f9f9f9; z-index:20;}
.tale_e .tale_hover span{ display:block;width:137px;height:43px; line-height:43px;color:#666666;border:1px #e6e6e6 solid;background:#f5f5f5;border-radius:2px;margin:0 auto;padding:0px; text-align:center;margin-top:40px;transition:0.4s;-webkit-transition:0.4s;}
.tale_d li:hover{box-shadow: 0px 19px 18px -9px rgba(0,0,0,0.1);margin-top:40px;transition:0.4s; -webkit-transition:0.4s; }
.tale_d li:hover .tale_hover{top:178px;} 
.tale_e .tale_hover span:hover{background:#f0eded;transition:0.4s;-webkit-transition:0.4s;}
.tale_f{ width:32px; height:50px; position:absolute; top:155px; left:0px; z-index:99; cursor:pointer;}
.tale_g{ width:32px; height:50px; position:absolute; top:155px; right:0px; z-index:99; cursor:pointer;}
.tsv_more02{width:284px;height:50px; line-height:50px;background:#8095ff;border-radius:4px;margin:0 auto;margin-top:70px;transition:.4s; -webkit-transition:.4s;}
.tsv_more02 p{ font-size:16px;color:#fff;}
.tsv_more02:hover{background:#6073d5;transition:.4s; -webkit-transition:.4s;}
/*有了技术和项目经验，才有就业硬实力!*/
.grade_tion{width:100%;height:415px;background:url(../images/grade_tion.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;}
.grade_tion_main{width:620px;margin-top:70px;}
.bm_input{float:left;width:178px;height:42px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-right:8px;border:none;margin-top:30px;}
.z_btn{float:left;width:360px;height:54px; line-height:54px;border-radius:4px;font-size:24px;color: #333 !important;background:#ffd800;cursor:pointer;border:none;margin-top:35px;transition:0.4s; -webkit-transition:0.4s;}
.z_btn:hover{margin-top:45px;transition:0.4s; -webkit-transition:0.4s;}