@charset "utf-8"; 
/*lilu 04/01*/
body{ font-family:Arial,"Noto Sans CJK SC", "Source Han Sans CN",simhei; overflow-x: hidden;}
i,b,strong{font-style:normal;font-weight:bolder;}
a:hover{color:#e60012;}
/*page*/
.page{ text-align: center; font-size: 15px; padding: 40px 0;}
.page a{ display: inline-block; vertical-align: middle; line-height: 25px; min-width: 24px; padding: 0 2px; color: #666; margin: 0 5px;}
.page a.page_btn{ margin:0 15px;}
.page a:hover{color:#e60012;}
.page a.page_cur{ background: #e60012; color: #fff;}
/*sub_banner*/
.sub_banner{ height:415px; overflow: hidden; position: relative; background-color: #000;}
.sub_banner img{ display:block; width:1920px; height: 415px;}
.banner_img{ width:1920px; height: 100%; position: absolute; top:0; left:50%; margin-left: -960px;}
/*sub_con*/
.sub_con{ min-height:300px;}
.sub_con2{ min-height:300px; background-color:#f7f7f7;}
.sub_con2 ul.navbox{ background-color:#fff; width:100%; min-width:1200px; text-align:center; height:80px; line-height:80px;}
.sub_con2 ul.navbox li{width:145px; text-align:center; height:80px; display:inline-table; font-size:24px; color:#666666}
.sub_con2 ul.navbox li.active{ background-color:#e60012; color:#fff;}
.sub_con2 ul.navbox li.active a{ color:#fff;}
.article2{ padding: 40px 0 40px; font-size: 16px;}
.remark{ padding:80px; line-height:30px; text-align:center; background-color:#fff; font-size:16px; margin-top:40px; color:#333;}
ul.logobox{width:1225px; overflow:hidden;}
ul.logobox li{width:227px; height:185px; background-color:#fff; text-align:center; display:block; float:left; margin-right:15px; margin-bottom:15px;color:#333333; font-size:16px;}
ul.logobox li div{ width:100%; height:120px; text-align:center; line-height:120px;}
ul.logobox li div img{ max-width:100%; max-height:120px; text-align:center;}
ul.logobox li lable{width:110px; height:1px; background-color:#d9d9d9;display: block; margin:0px 60px 20px 60px;}
.location{ color: #fff; font-size:16px; margin-top: -62px;}
.location_block{ display: inline-block; min-width: 233px; padding: 0 25px; height: 62px; line-height: 62px; background: rgba(230,0,18,.70); position: relative;}
.ie8 .location_block{ background:url(../images/a_ico14.png) repeat;}
.location_block a{ color:#fff; padding: 0 7px;}
.location_block a:hover{ opacity: .90; filter:Alpha(opacity=90); text-decoration: underline;}
.location_block a.location_cur{ opacity: .90; filter:Alpha(opacity=90); text-decoration: none;}
/*tutor*/
.tutor{}
.tutor li{zoom: 1; _height: 1px; padding: 48px 0; border-bottom: 1px solid #e5e5e5; position: relative;}
.tutor li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.tutor li:before{ content: ""; position: absolute; top:0; left:-50%; width:200%; height: 100%;}
.tutor_img{ position: relative; z-index: 1; display: block; overflow: hidden; width:247px; height: 247px; float: left; margin-right: 46px;}
.tutor_img img{ display:block; width: 100%; height: 100%;}
.tutor_info{ position: relative; z-index: 1; overflow: hidden; padding-top: 10px;}
.tutor_name{ display: block; font-size: 24px; margin-bottom: 15px;}
.tutor_mark{ margin: 0 -3px; margin-bottom: 20px;}
.tutor_mark a{ display: inline-block; vertical-align: middle; min-width: 80px; height: 28px; line-height: 28px; text-align: center; overflow: hidden; border:1px solid #d6d6d6; border-radius: 15px; box-shadow: 0 2px 2px 0 #d6d6d6; margin: 0 3px; color: #666;}
.tutor_mark a:hover{ background: #e60012; color: #fff;}
.tutor_post{ color: #333; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.tutor_des{ color: #666; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px;}
.more01{ display: inline-block; line-height: 24px; font-size:12px; color: #888; position: relative; padding-right: 25px;}
.more01:before,.more01:after{ content: ""; position: absolute; top:0; right:0; width: 11px; height:100%; background: url(../images/row.png) center center no-repeat;} 
.more01:after{ background-image: url(../images/rows.png); background-position: -16px center;}
.tutor li:hover .more01:before{ background-position: 16px center;}
.tutor li:hover .more01:after{ background-position: center center;} 
.tutor li:hover .tutor_name,.tutor li:hover .more01{color:#e60012;}
.tutor li:hover:before{ background:#f9f9f9;}
/*tutor_detail*/
.tutor_detail{ }
.tutor_detail dt{ float:left; width:233px; height: 233px; overflow: hidden; background: #181c2e; border:7px solid #fff; box-shadow: 0 0 30px -2px rgba(0,0,0,.15); margin-top: -110px; margin-right: 40px;}
.tutor_detail dt img{ display: block;} 
.tutor_detail dd{ float:right; width: 913px;}
.tutor_mark2{ float: right; margin-top: -24px;}
.tutor_mark2 a{ display: inline-block; vertical-align: middle; width:140px; height: 130px; line-height: 100px; overflow: hidden; text-align: center; color: #fff; font-size: 24px; background: url(../images/a_ico01.png) no-repeat; margin-left: 20px;}
.tutor_detail dd h5{ overflow: hidden; font-size:18px; margin-top: 20px;}
.tutor_detail dd h5 span{ display:block; font-size:36px; margin-bottom: 10px;}
.tutor_text{ overflow: hidden; margin-top: 50px; background: #f9f9f9; padding: 25px 40px;}
.tutor_text li{ line-height: 24px; overflow: hidden; margin-bottom: 20px;}
.tutor_text li b{ display:block; float: left;}
.tutor_text li span{ display:block; overflow: hidden;}
/*related*/
.related{ margin: 40px 0 60px;}
.related_tit{ font-weight: bold; font-size: 18px; line-height: 20px; border-left:2px solid #b72f26; padding-left: 18px; margin-bottom: 30px;}
.related_list{ margin: -15px -33px;}
.related_list li{ width:250px; float: left; margin:15px 33px;}
.related_img{ overflow:hidden; margin-bottom: 15px;}
.related_img img{ display:block;}
.related_list li h4{ font-size:16px; line-height: 26px; height: 26px; margin-bottom: 5px;} 
.related_des{ color: #666; line-height: 24px; max-height: 72px; overflow: hidden;}   
/*sub_column*/
.sub_column{ text-align:center; font-size: 24px; padding-top: 30px;}
.sub_column li{ display:inline-block; vertical-align: middle; padding: 0 35px; position: relative;}
.sub_column li:before{ content:""; position: absolute; top:10px; right:0; width:1px; height: 14px; background: #ebebeb;}
.sub_column li:last-child:before{ display:none;}
.sub_column li a{ display:block; color: #666; position: relative; padding-bottom: 20px;}
.sub_column li a:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 1px; background: #e60012;}
.sub_column li:hover a,.sub_column li.column_cur a{ color: #e60012;}
.sub_column li:hover a:before,.sub_column li.column_cur a:before{ left:0; width:100%;}
/*institute*/
.institute{ min-height: 3000px; background:url(../images/a_institute02.jpg) fixed center center no-repeat; position: relative; color: #fff; padding: 70px 0;}
.institute:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:url(../images/a_institute01.png) top center no-repeat;}
.institute:after{ content: ""; position: absolute; bottom:0; left:0; width: 100%; height: 100%; background:url(../images/a_institute03.png) bottom center no-repeat;}
.institute_tit{ text-align:center; font-size:24px; padding-bottom: 80px; position: relative;}
.institute_tit b{ display:block; font-weight: bold; font-size: 42px; margin-bottom: 10px;}
.institute_tit b i{ color: #e60012;}
.institute_tit:before{ content:""; position: absolute; bottom: 0; left:50%; width:1px; height: 65px; background: #fff;}
/*introduce*/
.introduce{ }
.introduce_all{}
.introduce_all li{ padding: 50px 0;}
.introduce_img{ width:688px; height: 395px; box-shadow: 20px 20px 80px -20px rgba(0,0,0,.30); background: #fff; overflow: hidden; float:left; margin-right: 55px;}
.introduce_img img{ display:block; width:100%; height: 100%;}
.introduce_text{ overflow: hidden; font-size: 18px; line-height: 2.3; display: table; height: 395px;}
.text_cell{ display:table-cell; vertical-align: middle;}
.introduce_text h6{ display:inline-block; font-size: 32px; line-height: normal; color:#e1241e; font-weight: bold; padding-right: 25px; position: relative; margin-bottom: 20px;}
.introduce_text h6:before{ content:""; position: absolute; top:50%; right:0; width:3px; height: 30px; margin-top: -15px; background: #e1241e;}
.introduce_all li.li_dif .introduce_img{ float:right; margin-right: 0; margin-left: 55px;}
.introduce_all li.li_style02{ color: #666;}
.introduce_all li.li_style02 .introduce_text h6{ color: #333;}
/*function*/
.function{ padding: 70px 0 100px;}
.function_all{ margin: 0 -35px;}
.function_all li{ width:565px; float:left; margin: 50px 35px 0; text-align: center; font-size: 16px; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.70);}
.function_all li img{ display:block; margin:0 auto 20px;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}
.function_all li:hover img{
    -webkit-transform:rotateY( 40deg);
    -moz-transform:rotateY( 40deg);
    transform:rotateY( 40deg);
}
.function_all li:hover{ border-bottom: 1px solid rgba(255,255,255,1);}
.function_all li h6{ font-size: 28px; font-weight: bold; margin-bottom: 20px;}
.function_text{ text-align:left; line-height: 36px; min-height: 72px;}
/*original*/
.bg_deep{ background: #f9f9f9; min-height: 300px;}
.original{ }
.original_list{}
.original_list li{ zoom: 1; _height: 1px; padding: 35px 0; border-bottom: 2px solid #f4f4f4; position: relative;} 
.original_list li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.original_list li:before{ content: ""; position: absolute; top:0; left:-50%; width:200%; height: 100%;}
.original_img,.date01,.original_info{ position:relative; z-index: 1;}
.original_img{ display:block; overflow: hidden; width:240px; height: 155px; float: right;}
.original_img img{ display:block; width:100%; height: 100%;}
.date01{ display:block; float:left; width:120px; text-align: right; margin-right: 40px; font-size: 18px; color: #666;}
.date01 em{ display:block; font-style: normal; font-size: 45px; margin-top: 10px;}
.original_info{ overflow: hidden; height: 136px; padding: 0 30px; border-left:1px solid #dadada; line-height: 24px;}
.original_info h4{ height:30px;}
.original_info h4 a{ display:inline-block; font-size: 20px;}
.original_data{ margin-bottom:10px;}
.original_data a{ color: #666; display:inline-block; height: 24px; margin-right: 20px;}
.original_data a img{ display: inline-block; vertical-align: middle; margin-right: 8px;}
.original_des{ color: #666; height: 24px; margin-bottom: 15px;}
.more02{ display:inline-block; width:82px; padding-left: 50px; line-height: 32px; color:#888; position: relative;}
.more02:before{ content: ""; position: absolute; top:50%; left:24px; margin-top: -6px; width:12px; height: 12px; background: url(../images/a_ico04.png) right center no-repeat;} 
.original_list li:hover:before{ background: #fff;}
.original_list li:hover .more02{ background:#e60012; color: #fff;}
.original_list li:hover .more02:before{ background-position: left center;} 
.original_list li:hover .date01,.original_list li:hover .original_info h4 a{ color:#e60012;}
/*industry_list*/
.industry_list{}
.industry_mation{ float:left; position: relative; z-index: 1; padding-top: 15px;}
.date02{ display:block; font-size: 24px; color: #666; margin-bottom: 10px;} 
.industry_list li .original_img{ float:left; margin:0px 40px;}
.industry_list li .original_info{ padding:15px 0 0; border: none;} 
.original_des2{ color: #666; max-height:48px; margin-bottom: 15px; margin-top: 10px;}
.industry_list li:hover .date02{ color:#e60012;}
/*article*/
.article{ padding: 70px 0 50px; font-size: 16px; line-height: 1.9;}

.article_top{ text-align: center; padding-bottom: 30px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: normal; margin-bottom: 30px;}
.article_tit{ font-size: 30px; margin-bottom: 30px;}
.article_info{ text-align:center; color: #666;}
.article_info span{ display:inline-block; margin:0 14px;}
.article_info span img{ display:inline-block; vertical-align: middle; margin-right: 8px;}
.article_bot{ margin-top: 40px; padding-top: 30px; border-top:1px solid #ddd;}
.article_guide{ margin-bottom: 30px;}
.article_guide li{ width:45%; float: left;}
.article_guide li a{ display:block;}
.article_guide li.next{ float:right; text-align: right;}
.article_guide li span{ display:block; font-size: 14px; position: relative;}
.article_guide li span:before{ content:""; position: absolute; top:50%; left:0; margin-top: -8px; width: 16px; height: 16px; background: url(../images/a_ico06.png) 150% center no-repeat;}
.article_guide li.next span:before{ left: auto; right:0; background-image: url(../images/a_ico06b.png); background-position: -150% center;}
.article_guide li.next:hover span{ padding-left:0; padding-right: 20px;}
.article_guide li:hover a{ color:#b50f18;}
.article_guide li:hover span{ padding-left:20px;}
.article_guide li:hover span:before{ background-position: 50% center;}
.back_list{ display:block; float: right; width:80px; line-height:34px; padding-left: 47px; background: #eee; position: relative;}
.back_list:before{ content:""; position: absolute; top:0; left:20px; width: 16px; height: 100%; background: url(../images/a_ico07.png) left center no-repeat;}
.back_list:hover{ background: #e60012; color: #fff;}
.back_list:hover:before{ background-position: right center;}
.article_body img{max-width: 100%;}
.video_body{height: 600px;}
.video_body iframe{width: 100%;height: 100%;}
/*offer*/
.offer{ padding: 40px 0;}
table.table_offer{ border:2px solid #f7f7f7;}
table.table_offer tr td{ text-align:center; font-size: 16px; color: #666; height: 50px; line-height: 50px; overflow: hidden; background: #fff; border:2px solid #f7f7f7;}
table.table_offer thead tr td{ background: #e60012; color: #fff; border-radius: 8px;} 
table.table_offer tbody tr:hover td{background:#eee;}
table.table_offer tr td a{ display: block; color: #666;}
table.table_offer tr.offer_dif td{ color: #e60012; font-size: 18px;}
table.table_offer tr.offer_dif td.offer_num{font-style: italic; font-weight: bold; font-size: 20px;}
table.table_offer tr.offer_dif td a{ color: #e60012;} 
table.table_offer tr td a:hover{ color: #e60012; text-decoration: underline;}
.load_more{ display:block; line-height: 50px; font-size: 18px; text-align: center; color: #666; margin-top: 35px;}
.load_more:hover{ background: #fff; color: #e60012;}
/*offer_show*/
.offer_show{ background: #fff; padding: 40px 57px 60px;}
@media only screen and (max-height: 900px){
	.offer_show{ padding:  40px;}
} 
@media only screen and (max-height: 768px){
	 .offer_show{ padding: 30px;}
}
.back{ display:inline-block; color: #1282c9; font-size: 18px; background: url(../images/brow.png) no-repeat 3px center; padding-left: 24px; margin:0 0 10px 10px;}
.back:hover{color: #1282c9; background-position: left center;}
.offer_pic{ display: block; max-width: 100%; height: auto;}
/*students*/
.students{ padding:40px 0 0;}
.stu_list{ margin: -15px;}
.stu_list li{ width:276px; float:left; margin: 15px; line-height: 24px;}
.stu_list li a{ display:block; height: 505px; padding:16px 21px; border:2px solid #fff; background: #fff; border-radius: 10px; box-shadow:0 0 10px -2px rgba(0,0,0,.30); color: #333; position: relative;}
.stu_best{ display: block; position:absolute; top:-2px; right:-2px;}
.stu_img{ overflow:hidden; height: 206px; border:1px solid #ddd; margin:0 -10px 15px;}
.stu_img img{ display:block; width:100%; height: 100%;}
.stu_date{ color:#666; margin-bottom: 10px;}
.stu_list li a h5{ font-size:18px; text-transform: capitalize; max-height:48px; overflow:hidden; margin-bottom: 10px; color: #000;}
.stu_list li a p.p1{height: 48px;overflow:hidden;}
.more03{ display:block; font-size:12px; position: relative; margin-top: 15px; padding-top: 10px; border-top:1px solid #ddd; color: #888;}
.more03:before{ content:""; position: absolute; top:50%; right:0; width:11px; height:8px; background: url(../images/a_ico08.png) right center no-repeat;}
.stu_list li a:hover{ border-color:#e60012; box-shadow:0 2px 20px -2px rgba(0,0,0,.30);}
.stu_list li a:hover h5,.stu_list li a:hover .more03{ color:#e60012;}
.stu_list li a:hover .more03:before{ background-position: left center;}
/*stu_info*/
.stu_info{ height:375px; padding: 60px 60px 0; background: url(../images/a_stu01.jpg) center top no-repeat; color: #fff;}
.stu_card{ width:265px; height: 322px; float: right;}
.stu_card img{display:block; width:100%; height: 100%;}
.stu_basic{ min-height: 322px; float: left; padding-right: 60px; border-right: 1px solid #fff;}
.stu_basic dt{ width:230px; height: 312px; overflow: hidden; float: left; margin-right:40px;}
.stu_basic dt img{ display:block; width:100%; height: 100%;}
.stu_basic dd{ overflow: hidden; font-size: 18px; line-height: 2; max-width: 410px; text-align: justify;}
.stu_des{ margin-top: 10px; font-size:12px; line-height: 34px; max-height: 170px; overflow: hidden;}
.stu_text{ padding:60px; background: #fff; line-height: 2.4;}
/*tips*/
.tips{ width: 800px; margin: 70px auto 0;}
.tips dt{ width:160px; float: left; position: relative;}
.tips dd{ width:505px; padding: 30px 40px 0 55px; float: right; position: relative; margin-top: 30px;}
.tips dd:before{ content:""; position: absolute; top:40px; left:-15px; width: 15px; height: 20px; background:url(../images/a_stu06.png) no-repeat;}
.tips dd:after{ content:""; position: absolute; top:0; left:0; width:100%; height:230px; background: #eee; border-radius: 8px;}
.tips_ma,.tips_des{ position: relative; z-index: 1;}
.tips_ma{ display:block; width:170px; float: right;}
.tips_des{ overflow: hidden; font-size:18px; line-height: 2; color: #e60012;}
/*idea*/
.idea{ padding: 70px 0;}
.idea_tit{ text-align:center; font-size:32px; margin-bottom: 40px;}
.idea_tit b{ display:block; font-weight: bold; font-size:42px; color:#e60010; margin-bottom: 20px;}
.idea_list{ margin: -12px;}
.idea_list li{ width:234px; height: 334px; float:left; margin: 5px; position: relative; overflow: hidden; color:#fff;} 
.idea_list li img{ display:block; width:100%; height: 100%;}
.idea_list li:before,.idea_list li:after{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%;  }
.idea_list li:before{background: url(../images/a_idea05.png) center center no-repeat;}
.idea_list li:after{background: url(../images/a_idea05b.png) center center repeat; opacity:0; filter:Alpha(opacity=0);}
.ie8 .idea_list li:after{ display:none;}
.idea_text{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%;} 
.idea_text h6{ text-align:center; font-size: 28px; position: relative; top:210px;}
.idea_text h6 span{ display:inline-block; padding-bottom: 10px; position: relative;}
.idea_text h6 span:before,.idea_text h6 span:after{ content:""; position: absolute; bottom: 0; height: 1px;}
.idea_text h6 span:before{ left:0; width:100%; background: #e60012;}
.idea_text h6 span:after{  left:50%; width:0; background: #fff;}
.idea_des{ line-height: 32px; max-height: 160px; overflow: hidden; padding: 0 40px; position: relative; top:100%; opacity: 0; filter:Alpha(opacity=0);} 
.idea_list li:hover:before{ opacity: 0; filter:Alpha(opacity=0);}
.idea_list li:hover:after{ opacity: 1; filter:Alpha(opacity=100);}
.ie8 .idea_list li:hover:after{ display:block;}
.idea_list li:hover .idea_text h6{ top:85px;}
.idea_list li:hover .idea_text h6 span:before{ left:50%; width:0;}
.idea_list li:hover .idea_text h6 span:after{ left:0; width:100%;}
.idea_list li:hover .idea_des{ top:102px; opacity: 1; filter:Alpha(opacity=100);}
/*post_guide*/
.post_guide{ margin-bottom: -210px; height: 292px; padding: 90px 80px 0 80px; background: url(../images/a_post01.jpg) no-repeat;}
.post_tit{ font-weight: bold; font-size:42px; color:#e60010; margin-bottom: 20px;}
.post_tit b{ display:inline-block; position: relative; padding-bottom: 20px;}
.post_tit b:before{ content:""; position: absolute; bottom: 0; left:0; height: 1px; width:100%; background: #e60012;}
.post_jiyu{ font-size:24px; line-height: 52px; max-width: 790px;}
/*post*/
.post{ background: #e8e8e8; padding: 270px 0 100px; }
.post_item{ padding: 20px 30px; background: #f5f5f5; cursor: pointer; position: relative; margin-bottom: 10px;}
.post_item:before{content:""; position: absolute; top:50%; margin-top: -11px; right:30px; width:22px; height: 22px; background: #d8d8d8 url(../images/a_ico09a.png) center center no-repeat;}  
.post_item span{ display:block; line-height: 24px; font-size:20px; margin-bottom: 15px;} 
.post_info{ margin:0 -25px; line-height: 22px;}
.post_info i{ display: inline-block; margin: 0 25px; font-size:14px; color: #666;}
.post_cur:before{ background-color: #e60012; background-image: url(../images/a_ico09b.png); }
.post_item:hover{ background: #f3f3f3;}
.post_xq{ display: none; background:#fff; padding:35px; border:1px solid #dadada; line-height: 26px; color: #666; margin-top: -10px; margin-bottom: 20px; }
.post_company{ display:block; float: right; margin:0 60px;}
.post_text{ overflow:hidden;}
.post_caption{ color:#333;}
.wai_link{ display:inline-block; font-size: 16px; color: #e60010; padding-right: 26px; background: url(../images/a_ico10.png) right center no-repeat; border-bottom: 1px solid #e60010; margin-top: 20px;}
.wai_link:hover{ padding-right: 30px;}
.apply{ background: #f5f5f5; padding: 12px 30px; margin-top: 15px;}
.apply_btn{ display:block; float: right; width:146px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; background: #e60012; border:2px solid #e60012; border-radius: 5px; margin-top: 8px;}
.apply_btn:hover{ background:#fff; color: #e60012;}
.apply_des{ line-height:26px; color: #333;}
.apply_des a{ color:#e60012; text-decoration: underline;}
.page_post{ background:#f5f5f5;}
/*plate*/
.plate_tit{ margin-top: 20px; font-weight: bold; font-size: 20px; color:#e60012; border-bottom: 1px solid #e5e5e5;}
.plate_tit span{ display:inline-block; padding-bottom: 30px; position: relative;}
.plate_tit span:before{ content:""; position: absolute; bottom:0; left:50%; width:1px; height: 20px; background: #e60012;}
.plate_job{}
.plate_job li{ zoom: 1; _height: 1px; position: relative;}
.plate_job li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.plate_job li a{ display: block; position: relative; z-index: 1;  padding: 40px 0; border-bottom: 1px solid #e5e5e5; color: #888; line-height: 26px;} 
.job_img{ width:230px; height: 150px; overflow: hidden; float: left; margin-right: 35px;}
.job_img img{ display:block; width:100%; height: 100%;}
.job_info{ overflow:hidden; max-width: 820px;}
.plate_job li h5{ font-size: 18px; color: #333; height: 26px; overflow: hidden; margin-bottom: 20px;}
.job_des{ max-height:52px; overflow: hidden; margin-bottom: 25px;}
.plate_job li:before{ content: ""; position: absolute; top:0; left:-50%; width:200%; height: 100%;}
.job_more{ display:block; float: right; width:37px; height: 150px; position: relative; background: url(../images/a_ico11a.png) center center no-repeat;}
.plate_job li .job_more:before{ content:""; position: absolute; top:0; left:0; width:1px; height: 100%; background: #fff; z-index: -1;}
.plate_job li:hover:before{ background: #f8f8f8;}
.plate_job li:hover .job_more{ background-image: url(../images/a_ico11b.png);}
.plate_job li:hover .job_more:before{ width:100%; background: #b72f26;}
.plate_job li:hover h5{ color: #e60012;} 
.ie8 .plate_job li:hover .job_more{ background-color: #b72f26;}
/*page02*/
.page02{ text-align: center; padding: 40px 0;}
.page02 a{ display:inline-block; vertical-align: middle; font-size: 0; width:14px; height: 14px; position: relative; margin: 0 5px;}
.page02 a:before{ content:""; background: #ccc; border-radius: 50%; position: absolute; top:0; left:0; width:100%; height: 100%;}
.page02 a:after{ content:""; background: #e60012; border-radius: 50%; position: absolute; top:-15%; left:-15%; width:130%; height: 130%; opacity: 0; filter:Alpha(opacity=0);}
.page02 a:hover:before,.page02 a.page02_cur:before{ top:-15%; left:-15%; width:130%; height: 130%; opacity: 0; filter:Alpha(opacity=0);}
.page02 a:hover:after,.page02 a.page02_cur:after{  top:0; left:0; width:100%; height: 100%; opacity: 1;  filter:Alpha(opacity=100);}
.ie8 .page02 a:before,.ie8 .page02 a:after{ display:none;}
.ie8 .page02 a{ background: url(../images/a_ico13a.png) center center no-repeat;}
.ie8 .page02 a:hover,.page02 a.page02_cur{background-image: url(../images/a_ico13b.png);}
/*mation*/
.mation{ padding-top: 20px; position:relative;}
.mation:before{ content: ""; position: absolute; top:0; left:-50%; z-index: -1; width:200%; height: 100%; background: #f7f7f7;}
.mation_list{ margin: -8px; margin-top: 30px;}
.mation_list li{ float:left; border:1px solid #dddddd; position: relative; margin: 8px;}
.hot_sign{ display:block; position: absolute; top:0; right:0;}
.mation_list li a{ display:block; width: 554px; height: 144px; background: #fff; padding: 20px 0 20px 20px; border:8px solid #fff;}
.mation_list li h6{ overflow: hidden; font-size:20px; color: #e60012; float:left; margin-right: 30px; margin-top: 25px;}
.mation_list li h6 img{ display:inline-block; vertical-align: middle;}
.mation_des{ color: #333; line-height: 24px; height: 120px; overflow: hidden; padding-left: 30px; border-left: 1px solid #e60012;}
.mation_more{ display: block; float: right; font-size: 0;  width: 60px; height: 30px; background:#fff url(../images/a_ico12.png) -100% center no-repeat; border-radius: 15px 0 0 15px; margin-top: 60px; }
.mation_list li:hover .mation_more{ background-color:#cd362c; background-position: center center; }
.mation_list li:hover a{ border-color:#cd362c;}
/*plate_post*/
.plate_post{ padding-top:40px;}
/*reasult*/
.reasult{ min-height:300px; padding-bottom: 40px; background: #f7f7f7;} 
.terms{ padding: 20px 0; margin: 0 -5px;}
.terms_list{ float:left;}
.terms_list li{ float: left;}
.terms_list li a{ display:block; width:155px; height: 40px; text-align: center; line-height:30px; background: url(../images/a_result01.png) no-repeat; margin:0 5px;}
.terms_list li a:hover{ background-image:url(../images/a_result01b.png); }
.terms_handle{ float:left;}
.terms_handle a{ display:block; float: left; line-height: 30px; padding-left: 25px; background-position: left center; background-repeat: no-repeat; margin: 5px;}
.terms_handle a:hover{ color: #e60012;}
.terms_handle a.del{ background-image: url(../images/a_result02.png);}
.terms_handle a.del:hover{ background-image: url(../images/a_result02b.png);}
.reasult_box{ background: #fff; padding: 0 30px;}
.reasult_list{}
.reasult_list li{ border-bottom:1px solid #e5e5e5; padding: 50px 0; position: relative;}
.reasult_list li:before{ content: ""; position: absolute; top:0; left:-50%; z-index:0; width:200%; height: 100%;}
.sign_up,.reasult_img,.reasult_info{ position:relative; z-index: 1;}
.reasult_img{ display:block; float:left; margin-right: 30px; width: 230px; height: 150px; overflow: hidden;}
.reasult_info{ overflow:hidden; max-width: 700px;}
.sign_up{ display:block; float: right; font-size: 16px; color: #fff; width: 100px; line-height:28px; border:1px solid #e60012; text-align: center; background: #e60012;}
.sign_up:hover{ color: #e60012; background: #fff;}
.reasult_info h5{ overflow: hidden;}
.reasult_info h5 a{ font-size: 16px;}
.course_name{ display: inline-block; vertical-align: middle; line-height: 24px; background: #f5f5f5; border-radius: 3px; color:#999; padding:0 12px; }
.price{ margin: 10px 0;}
.price i{display: inline-block; vertical-align: baseline; font-size:26px; color: #e60012;}
.reasult_des{ line-height: 26px;}
.reasult_des p img{ display: inline-block; vertical-align: middle; margin-right: 15px;}
.reasult_des p em{ font-style: normal; color:#888;}
.reasult_list li:hover:before{ background: #eeeeee;}





.related_list li h4,
.original_info h4 a,
.original_des,
.plate_job li h5{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

a,*:before,*:after,
.function_all li img,
.date01,
.date02,
.article_guide li span,
.stu_list li a h5,
.idea_text h6,.idea_des,
.job_more,.mation_more{
    -webkit-transition:all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

/*动画*/ 
.mymove01{
    -webkit-animation: move01 1s forwards alternate;
    -moz-animation: move01 1s forwards alternate;
    -ms-animation: move01 1s forwards alternate;
    animation: move01 1s forwards alternate;
}
@-webkit-keyframes move01{
    0%{
        left:40px; opacity: 0; filter:Alpha(opacity=0);
    }
    100% {
        left:0; opacity: 1; filter:Alpha(opacity=100);
    }
}
@keyframes move01{
    0%{
        left:40px; opacity: 0; filter:Alpha(opacity=0);
    }
    100% {
        left:0; opacity: 1; filter:Alpha(opacity=100);
    }
}

.mymove02{
    -webkit-animation: move02 1s forwards alternate;
    -moz-animation: move02 1s forwards alternate;
    -ms-animation: move02 1s forwards alternate;
    animation: move02 1s forwards alternate;
}
@-webkit-keyframes move02{
    0%{
        top:-30px; opacity: 0; filter:Alpha(opacity=0);
    }
    100% {
        top:0; opacity: 1; filter:Alpha(opacity=100);
    }
}
@keyframes move02{
    0%{
        top:-30px; opacity: 0; filter:Alpha(opacity=0);
    }
    100% {
        top:0; opacity: 1; filter:Alpha(opacity=100);
    }
}


/*图片由小变大*/
.tutor_img img,
.related_img img,
.original_img img,
.job_img img,
.reasult_img img{
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-in ;
	-webkit-transition-duration: 300ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-in ;
	-moz-transition-duration: 300ms;
	transform: scale(1, 1);
	transition-timing-function: ease-in ;
	transition-duration: 300ms;
}
.tutor li:hover .tutor_img img,
.related_list li:hover .related_img img,
.original_list li:hover .original_img img,
.plate_job li:hover .job_img img,
.reasult_list li:hover .reasult_img img{
	-webkit-transform: scale(1.08, 1.08);
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-duration: 300ms;
	-moz-transform: scale(1.08, 1.08);
	-moz-transition-timing-function: ease-in;
	-moz-transition-duration: 300ms;
	transform: scale(1.08, 1.08);
	transition-timing-function: ease-in;
	transition-duration: 300ms;
	position: relative;
	z-index: 0;
}


.page{text-align: center;padding: 36px 0 77px;}
.page li{display: inline;}
.page a{color: #666666;font-size:15px;display: inline-block;height: 28px;line-height: 28px;padding: 5px 10px;margin: 0 5px;}
.page .wei{margin: 0 20px 0 16px;}
.page .shang{margin-right: 16px;}
.page li.active a,
.page a:hover{color: #FFF;background: #e60012;}




.navSonBox{width: 1200px;margin: 0 auto;padding: 20px 0 25px;}
.navSonBox .free{float: left;display: block;width: 153px;height: 39px;line-height: 33px;text-align: center;background:url(../../images/free.png) no-repeat;color: #333333;font-size:14px;}
.navSonBox .clearAll{float: left;display: block;background:url(../../images/clearAll.png) no-repeat left center;color: #333333;font-size:14px;padding-left: 23px;margin: 7px 0 0 17px;}


/*右侧浮动框*/
.floating{position: fixed;top:50%;right: 0;z-index: 1000;margin-top: -115.5px;}
.floating li{position: relative;}
.floating li + li{margin-top: 1px;}
.floating li a{display: block;width: 76px;height: 57px;background: #e60012;border-radius: 2px;position: relative;text-align: center;z-index: 500;}
.floating li a i{display: none;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 8px solid #e60012;position: absolute;top: 50%;
left:-8px;margin-top:-8px;}
.floating li a span{color: #FFF;font-size:14px;line-height:1;padding-top: 27px;margin-top: 9px;display: inline-block;}
.floating li .a1 span{background:url(../../images/icon01.png) no-repeat center top;}
.floating li .a2 span{background:url(../../images/icon02.png) no-repeat center top;}
.floating li .a3 span{background:url(../../images/icon03.png) no-repeat center top;}
.floating li .a4 span{background:url(../../images/icon04.png) no-repeat center top;}
.floating li:hover a i{display: block;}
.floating li .chat{width: 152px;height: 174px;background: #e60012;position: absolute;top:-47px;left: -163px;z-index: 200;text-align: center;padding-top: 6px;}
.floating li .chat img{width: 141px;height: 141px;}
.floating li .chat p{color: #FFF;font-size:14px;line-height:1;font-family: Arial;padding-top: 9px;}
.floating li .tel{width:250px;height:121px;line-height:40px;background: #e60012;position: absolute;top:0px;left: -282px;z-index: 200;text-align:left;color: #FFF;font-size:16px;padding-left: 20px;}
.floating li .cellBox{width: 236px;height: 42px;line-height: 42px;background: #e60012;position: absolute;top:0px;left:-260px;z-index: 200;padding: 15px 0 0 13px;}
.floating li .cellBox .text{float: left;width: 122px;height: 29px;line-height: 29px;background: #FFF;border:0;outline: none;color: #cccccc;font-size:14px;padding: 0 10px;}
.floating li .cellBox .text:-moz-placeholder { 
    color: #cccccc;font-size:14px;
}

.floating li .cellBox .text::-moz-placeholder {
   color: #cccccc;font-size:14px;
}

.floating li .cellBox .text:-ms-input-placeholder{
    color: #cccccc;font-size:14px;
}

.floating li .cellBox .text::-webkit-input-placeholder{
    color: #cccccc;font-size:14px;
}
.floating li .cellBox .cell{float: left;display: block;width: 83px;height: 29px;line-height: 29px;background: #354556;color: #FFF;font-size:14px;text-align: center;}
.floating li .chat,
.floating li .tel,
.floating li .cellBox{transition: .8s;-webkit-transition: .8s;transform: translateX(163px);-webkit-transform: translateX(163px);opacity: 0;}
.floating li:hover .chat,
.floating li:hover .tel,
.floating li:hover .cellBox{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}