@charset "utf-8";

#head{ height:100px; overflow:hidden;}
.head .logo{ width:220px; height:80px; padding:10px 0;}
.head .menu li{ float:left; width:80px; height:60px; padding:20px 8px;}
.head .menu li a{ display:block; text-align:center; line-height:57px; font-size:16px;}
.head .menu li.on a,.head .menu li:hover a{ border-bottom:#ff4127 3px solid; color:#ff4127;}
.head .menu li:hover{ background:#eee;}

.tit-h3{ line-height:200px; text-align:center; font-size:36px; font-weight:500;}
.subbann{ width:100%; height:400px; background:#333; overflow:hidden;}
.subbann .tit-h3{ color:#fff;}

#subvideo{ width:600px; height:400px; background:#000; margin:0 auto; border:#ddd 5px solid; margin-top:-200px;}

.bann-about, .bann-contact{height:400px; width:100%; background:url(../images/bann_about.jpg) center center no-repeat;}
.bann-climate, .bann-team, .bann-jobs{height:400px; width:100%; background:url(../images/bann_team.jpg) center center no-repeat;}
.bann-climate, .bann-video, .bann-jobs{height:400px; width:100%; background:url(../images/bean_video.png) center center no-repeat;}
.bann-course{height:400px; width:100%; background:url(../images/bann_course.jpg) center center no-repeat;}
.bann-partner{height:400px; width:100%; background:url(../images/bann_partner.jpg) center center no-repeat;}
.bann-news{ height:200px; width:100%; background:url(../images/bann_about.jpg) center center no-repeat;}

.culture ul{ width:1230px;}
.culture ul li{ float:left; width:135px; height:120px; padding:40px 20px; margin-right:30px; background:#ddd;}
.culture ul li span{ display:block; line-height:2em;}
.culture ul li .tit{ font-size:24px;}
.culture ul li .entit{ font-size:12px;}
.culture ul li:hover{ background:#ff4127;}
.culture ul li:hover span{ color:#fff;}

.aboutus{ margin-bottom:80px;}
.aboutus .content{ margin:0 auto;}
.aboutus .content p{ font-size:16px; line-height:2em;}

.work{ overflow:hidden;}
.work ul{ width:1230px;}
.work ul li{ float:left; width:380px; height:250px; margin-right:30px;}

.bann-jobs{ text-align:center;}
.bann-jobs .tit-h3-jobs{ font-size:24px; line-height:2em; color:#fff; margin-top:80px;}
.bann-jobs .tit-h4-jobs{ font-size:18px; color:#fff; margin-top:40px;}
.bann-jobs .join{ width:200px; line-height:50px; margin:0 auto; margin-top:40px; background:#ff4127; border-radius:4px;}
.bann-jobs .join a{ display:block; font-size:16px; color:#fff;}

.tit-h3-founder{ margin-top:80px; line-height:2em; text-align:center; font-size:36px; font-weight:500; color:#fff;}
.tit-h4-founder{ font-size:24px; line-height:2em; color:#fff; margin-top:40px;}

.jobs, .contact, .course, .team{ margin-top:40px;}
.jobs{ margin-bottom:80px; overflow:hidden;}
.jobs .joblist{ width:260px; border:#ddd 1px solid;}
.jobs .joblist .tit-h4{ font-size:20px; height:50px; line-height:50px; padding-left:40px; border-bottom:#ddd 1px solid;}
.jobs .joblist ul{ padding:20px 0;}
.jobs .joblist ul li{ padding-left:40px; height:40px; line-height:40px;}
.jobs .joblist ul li a{ display:block; font-size:16px;}
.jobs .joblist ul li:hover,.jobs .joblist ul li.on{ background:#eee;}
.jobs .joblist ul li:hover a,.jobs .joblist ul li.on a{ color:#ff4127;}

.jobs .jobinfo{ width:900px;}
.jobs .jobinfo h1{ font-size:24px; color:#ff4127; line-height:2em; font-weight:500;}
.jobs .jobinfo h1 span{ color:#666; font-size:16px;}
.jobs .jobinfo .address{ font-size:16px; line-height:2em;}
.jobs .jobinfo .address span{ color:#666;}
.jobs .jobinfo .tit-h5{ font-size:18px; line-height:2em; margin-top:20px;}
.jobs .jobinfo .content p{ font-size:16px; line-height:2em;}

.jobs .jobinfo .join{ margin:20px 0; width:200px; line-height:50px; background:#ff4127; border-radius:4px;}
.jobs .jobinfo .join a{ display:block; text-align:center; color:#fff; font-size:16px;}

.bann-contact .tit-h3-contact, .bann-course .tit-h3-course{ font-size:36px; line-height:2em; color:#fff; margin-top:100px; text-align:center;}
.contact .content{ width:1200px; margin:0 auto;}
.contact .content p{ font-size:16px; line-height:2em;}
.contact .content ul li{ float:left; width:50%; margin-bottom:30px;}

.course{ width:714px; overflow:hidden; margin:0 auto;}
.course ul{ background:url(../images/y-line.jpg) center center repeat-y; padding:50px 0;}
.course ul li{ position:relative; min-height:220px; overflow:hidden;}
.course ul li span{ display:block; }
.course ul li .cimg{ float:left; width:300px; height:200px; padding:9px; border:#ccc 1px solid;}
.course ul li .dian{ position:absolute; left:50%; top:25px; margin-left:-17px; width:34px; height:17px; background:#fff url(../images/dian.png) center center no-repeat;}
.course ul li .main{ float:right; width:320px; padding:20px 0; text-align:left;}
.course ul li:nth-child(2n+1) .cimg{ float:right;}
.course ul li:nth-child(2n+1) .main{ float:left;}
.course ul li:nth-child(2n+1) .main span{ text-align:right;}

.course ul li .tit{ font-size:24px; color:#ff4127;}
.course ul li .main span{ line-height:2em;}
.course ul li .main .txt{ font-size:16px;}

.bann-team .tit-h3-team{ font-size:36px; line-height:2em; color:#fff; margin-top:150px; text-align:center;}
.bann-video .tit-h3-video{ font-size:36px; line-height:2em; color:#fff; margin-top:150px; text-align:center;}
.team{ margin-bottom:80px;}
.team .zzm{ width:240px; height:360px; margin:0 auto; position:relative; overflow:hidden;}
.team .zzm span{ display:block; text-align:center;}
.team .zzm .main{ position:absolute; width:100%; height:auto; left:0; bottom:0; background:rgba(255,255,255,.5); padding:15px 0;}
.team .zzm .main .tname{ font-size:18px; }
.team .fzjl{ width:1120px; margin:0 auto; margin-top:30px; overflow:hidden;}
.team .fzjl ul{ width:1150px;}
.team .fzjl ul li{ float:left; width:200px; height:300px; margin-right:30px; position:relative;}
.team .fzjl ul li span{ display:block; text-align:center;}
.team .fzjl ul li .main{ position:absolute; width:180px; height:auto; left:0; bottom:0; background:rgba(255,255,255,.5); padding:15px 10px;}
.team .fzjl ul li .main .tname{ font-size:18px;}
.team .fzjl ul li .main .tpost{ font-size:16px;}
.team .other{ width:1120px; overflow:hidden;}
.team .other ul{ width:1150px;}
.team .other ul li{ margin-bottom:30px;}
.team .zzm .main .tpost,.team .fzjl ul li .main .tpost{ display:none;}
.team .zzm:hover .main .tpost,.team .fzjl ul li:hover .main .tpost{ display:block;}

.teamshow{ padding:15px 20px;}
.teamshow p{ font-size:16px; line-height:2em; text-indent:2em;}


.partner{ margin-bottom:80px;}
.partner .plists{ width:1200px; overflow:hidden;}
.partner .plists ul{ width:1240px;}
.partner .plists ul li{ float:left; width:250px; height:100px; padding:9px; border:#ccc 1px solid; margin-right:40px; margin-bottom:30px;}

.partner .links .content p{ line-height:2em; text-align:center;} 
.partner .links .content p a{ padding:5px 15px; display:inline-block; background:#eee; margin-right:10px;}
.partner .links .content p a:hover{ background:#ff4127; color:#fff;}

.bann-news{ position:relative;}
.bann-news .tit-h3-news{ position:absolute; font-size:36px; line-height:72px; color:#fff; left:50%; top:64px; margin-left:-500px;}

.newslist{ margin-top:30px;}
.nbox1{ width:859px; min-height:1180px; overflow:hidden; margin-bottom:30px; border-right:#ccc 1px solid; padding-right:20px;}
.nbox1 ul li{ position:relative; min-height:120px; padding:10px 0 10px 180px; border-bottom:#ccc 1px dashed;}
.nbox1 ul li span{ display:block; line-height:1.8em;}
.nbox1 ul li a{ display:block;}
.nbox1 ul li .nimg{ position:absolute; left:0; top:10px;}
.nbox1 ul li .ntit{ font-size:20px; line-height:2em;}
.nbox1 ul li .ntxt{ color:#777;}
.nbox1 ul li .ntime{ color:#999; font-size:12px;}
.nbox1 ul li .ntime i{ font-size:12px; margin-right:5px;}
.nbox1 ul li:hover .ntit{ color:#ff4127;}

.nbox2{ width:300px; overflow:hidden;}
.nbox2 .subtit{ height:40px; line-height:40px; border-bottom:#000 1px solid; font-size:18px; background:rgba(255,65,39,0.08); padding:0 10px; color:#ff4127; border-top-left-radius:2px; border-top-right-radius:2px;}
.nbox2 .nsublist{ margin-bottom:20px;}
.nbox2 .nsublist ul li{ height:40px; line-height:40px; border-bottom:#ccc 1px dashed; position:relative;}
.nbox2 .nsublist ul li a{ display:block; height:40px; width:230px; overflow:hidden;}
.nbox2 .nsublist ul li span{ position:absolute; right:0; top:2px; color:#999; font-size:12px;}
.nbox2 .nsublist ul li:hover a{ color:#ff4127;}

.nbox2 .msublist{ margin-bottom:20px;}
.nbox2 .msublist ul{ width:310px; overflow:hidden;}
.nbox2 .msublist ul li{ float:left; width:145px; margin-right:10px; margin-top:10px;}
.nbox2 .msublist ul li span{ display:block;}
.nbox2 .msublist ul li .mtit{ height:45px; overflow:hidden;}
.nbox2 .msublist ul li:hover a{ color:#ff4127;}

.nbox1 .main .subtitle{ height:40px; padding-left:10px; background:rgba(0,0,0,.1);}
.nbox1 .main .subtitle span{ font-size:12px; line-height:40px; color:#999;}
.nbox1 .main .subtitle span a{ color:#ff4127;}

.nbox1 .main .content{ padding:30px 0; min-height:400px; overflow:hidden;}
.nbox1 .main .content h1{ font-size:26px; color:#4c5a6b; text-align:center; line-height:30px; padding:15px; font-weight:400;}
.nbox1 .main .content h3{ font-size:20px; padding:5px 0;}
.nbox1 .main .content .info{ border-bottom:1px solid #eee; font-size:12px; text-align:center; padding-bottom:6px; padding-top:2px; margin-bottom:15px;}
.nbox1 .main .content .info em{ font-style:normal; color:#888; line-height:18px; height:18px; padding:0 5px;}
.nbox1 .main .content p{ font-size:16px; line-height:2em; padding:5px 0;}
.nbox1 .main .content p img,.nbox1 .main .content img{ max-width:100%; padding:5px 0;}
.nbox1 .main .content .prev_next{ border-top:1px solid #eee; padding-top:15px; margin-top:15px;}
.nbox1 .main .content .prev_next a{ display:block; width:100px; height:34px; border:#ccc 1px solid; line-height:34px; text-align:center;}
.nbox1 .main .content .prev_next a:hover{ border:#ff4127 1px solid; color:#ff4127;}