﻿/* -----------------------------------------------------------
stroy-css
 -----------------------------------------------------------*/
body{ background:#f9f9f9; }

.banner-bd{width:100%; min-width:1200px;}
.banner-md{width:990px;margin:0 auto;}
.main-bd{width:100%; min-width:1200px;}
.main-md{width: 990px;margin:0 auto;}

.banner-bg-pt {background: url(../Images/st-bannerbg.jpg) no-repeat center 0 ;}
.banner-bg-es {background: url(../Images/st-bannerbg.jpg) no-repeat center 0 ;}
.banner-bg-fr {background: url(../Images/st-bannerbg.jpg) no-repeat center 0 ;}
.banner-bg-de {background: url(../Images/st-bannerbg.jpg) no-repeat center 0 ;}


.banner-bg .banner-md {height:420px; position:relative;}
.banner-bg-pt .banner-md .banner-img { width:990px; height:350px; margin:0 auto; margin-top:54px; background:url(../Images/st-banner.jpg) no-repeat; position: relative;}
.banner-bg-es .banner-md .banner-img { width:990px; height:350px; margin:0 auto; margin-top:54px; background:url(../Images/st-banner.jpg) no-repeat; position: relative;}
.banner-bg-fr .banner-md .banner-img { width:990px; height:350px; margin:0 auto; margin-top:54px; background:url(../Images/st-banner.jpg) no-repeat; position: relative;}
.banner-bg-de .banner-md .banner-img { width:990px; height:350px; margin:0 auto; margin-top:54px; background:url(../Images/st-banner.jpg) no-repeat; position: relative;}

.banner-bg .banner-md .banner-img a{ display:block; width:308px; height:54px; line-height:54px; display:inline-block; text-align:center; font-size:24px; color:#fff; position:absolute; bottom:2px;}
.banner-bg .banner-md .banner-img a:hover{ color:#fff;}
.banner-bg .banner-md .shenqing-btn{position:absolute;left: 80px;top: 110px;}
.banner-bg .banner-md .shenqing-btn a{ width:230px; height:55px; display:inline-block;}
.banner-bg .banner-md .collect-id{ position: absolute; right:10px; bottom:15px;}
.banner-bg .banner-md .collect-id a{ color:#fff; font-size:16px;}

.big-title{text-align:center;padding-top:50px;margin-bottom:30px;font-size: 18px;color:#333;}
.big-title h1{font-size:36px;color:#333;margin-bottom: 5px;}
.big-title2{text-align:center;padding-top:50px;margin-bottom:30px;font-size: 18px;color:#333;}
.big-title2 h1{font-size:36px;color:#fff;margin-bottom:15px;}
.big-title2 p{ color:#fff;}

.m-bgpic1{background: url(../Images/section-bg1.jpg) no-repeat center top #F2F2F2; margin:0; padding:50px 0;}

.student-md{margin-top: 30px;margin-bottom:40px;position:relative;}
.student-mdx{margin-top:0 !important;}
.student-md .student-box{ z-index:1;position:relative;}
.student-md .student-box a:hover .story-more span{ background:#3cc773; color:#fff;}
.student-md .student-box ul{ float:left;}
.student-md .student-box li{width: 305px;float:left;margin: 15px 10px;background: #fff;box-shadow: 0px 1px 1px #d6d6d6;}
.student-md .student-box .go-resume a{ display:block; color:#fff; background:#c02032; border-radius:3px; height:40px; line-height:40px; font-size:18px; text-align:center; position:relative;}
.student-md .student-box .go-resume a i{ width:9px; height:13px; display:block; background:url(../Images/go-ar.png) no-repeat; position:absolute; right:20px; top:12px;}
.student-md .student-box .go-resume a img{ vertical-align:top; width:20px; margin-top:9px; margin-right:12px;}
.student-md .student-box li:hover .go-resume a{ background:#c02032; color:#fff;}
.student-img{height: 175px;overflow:hidden; cursor:pointer;}
.student-img img{ width:100%;}
.student-info{padding: 20px;position:relative;}
.student-info h2{color: #25cc7f;font-size:20px;margin-bottom:15px;font-weight: normal;position: relative;}
.student-info .sd-tag{ border-radius:100px; border:1px solid #ddd; height:22px; line-height:22px; font-size:12px; padding:0 10px; display:inline-block; position:absolute; right:20px; top:20px; color:#999;}
.student-info .text-more{height: 66px;overflow:hidden;line-height: 22px;}
.student-info .story-more{margin-top: 20px;}

.story-more span{ display:inline-block; border:1px solid #3cc773; color:#3cc773; line-height:32px; font-size:16px; margin-bottom:10px; padding:0 25px; border-radius:3px;}

.student-md{margin-top: 30px;margin-bottom:40px;position:relative;}
.student-md .student-box{ z-index:1;position:relative;}
.student-md .student-box a:hover .story-more span{ background:#3cc773; color:#fff;}
.student-md .student-box ul{ float:left;}
.student-md .student-box li{width: 305px;float:left;margin: 15px 10px;background: #fff;box-shadow: 0px 1px 1px #d6d6d6;}
.student-md .student-box .go-resume a{ display:block; color:#fff; background:#c02032; border-radius:3px; height:40px; line-height:40px; font-size:18px; text-align:center; position:relative;}
.student-md .student-box .go-resume a i{ width:9px; height:13px; display:block; background:url(../Images/go-ar.png) no-repeat; position:absolute; right:20px; top:12px;}
.student-md .student-box .go-resume a img{ vertical-align:top; width:20px; margin-top:9px; margin-right:12px;}
.student-md .student-box li:hover .go-resume a{ background:#c02032; color:#fff;}
.student-img{height: 175px;overflow:hidden; position:relative;}
.student-img img{ width:100%;}
.student-img .bofan_anniu{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;-moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;}
.student-img .bofan_anniu:hover{-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
     -o-transform: scale(1.2);}
.student-img .bofan_anniu i{ display:block; width:80px; height:80px; margin:19% auto 0;}
.student-info{padding: 20px;position:relative;}
.student-info h2{color: #25cc7f;font-size:20px;margin-bottom:15px;font-weight: normal;position: relative;}
.student-info .sd-tag{ border-radius:100px; border:1px solid #ddd; height:22px; line-height:22px; font-size:12px; padding:0 10px; display:inline-block; position:absolute; right:20px; top:20px; color:#999;}
.student-info .text-more{height: 66px;overflow:hidden;line-height: 22px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.student-info .story-more{margin-top: 20px;}

.story-more span{ display:inline-block; border:1px solid #3cc773; color:#3cc773; line-height:32px; font-size:16px; margin-bottom:10px; padding:0 25px; border-radius:3px;}

.reason-bd { overflow:hidden; margin-bottom:30px;}
.reason-bd li{padding: 15px;position: relative;line-height: 1.6em;color: #444;border-radius: 4px;margin-bottom: 30px;border: 1px solid #eee;float:left;width: 260px;margin: 18px;}
.reason-bd li .talk-text{height: 85px;overflow: hidden;border-bottom:1px solid #eee;margin-bottom: 15px;font-size: 15px;line-height: 22px;}
.reason-bd .issuer-title{position:relative;overflow:hidden;}
.reason-bd .issuer-title span{ display:inline-block; vertical-align:middle;}
.reason-bd .issuer-title .news-tag { position:absolute; right:0; top:0px;}
.reason-bd .issuer-title .news-tag span{border:1px solid #ffc380;color:#ffc380;border-radius:3px;padding: 0 5px;display:block;height: 22px;line-height: 20px;}
.reason-bd .issuer-title .issuer-name{ color:#333; vertical-align:middle; margin-right:10px; font-size:14px;}
.reason-bd .issuer-title .issuer-img{ width:36px; height:36px; margin-right:10px; display:inline-block; overflow:hidden; background:#ddd; vertical-align:middle; float:left; margin-top: 4px;}
.reason-bd .issuer-title .issuer-img img{ width:100%; height:100%;}
.reason-bd .issuer-title .issuer-attribute{ color:#999;}
.reason-bd .issuer-title .issuer-attribute em{ color:#ffb135;}
.reason-bd .issuer-jianjie{ float:left;}
.reason-bd .jindu{ color:#999;}

.section-gbar{ background:#25cc7f;text-align:center; position:relative; z-index:99999;}
.join-student{ padding:15px 25px;  color:#fff;font-size:18px;}
.join-student h2 { font-size:24px;} 
.join-student h2 strong{ font-size:30px; font-weight:bold;}
.join-student h2 img{ vertical-align:middle; margin-right:8px;}
.join-student a{ display:inline-block; background:#fff; border-radius:3px; line-height:50px; padding:0 35px; margin-top:12px; color:#333;}

.join-bd{ background:url(../Images/ft-img.jpg) no-repeat center top; padding:25px 0; height:165px; text-align:center;}


.s-photo-md{ background: url(../Images/s-photo.jpg) no-repeat center top;}
.s-photo-md-pt { background: url(../Images/s-photo.jpg) no-repeat center top;}
.s-photo-md-es { background: url(../Images/s-photo.jpg) no-repeat center top;}
.s-photo-md-fr { background: url(../Images/s-photo.jpg) no-repeat center top; overflow:hidden;}
.s-photo-md-fr p{ width:100%;}
.s-photo-md-fr p img{ width:100%;}
.s-photo-md-de { background: url(../Images/s-photo.jpg) no-repeat center top;}
.s-photo-bd{ height:600px;}

.stroy-gift-md{ background: url(../Images/sg-bg.jpg) no-repeat center top #ffdb35;}
.stroy-gift-bd{ height:600px;}
.stroy-gift-bd ul.width-3 li{width:300px;margin:25px 15px;}
.stroy-gift-bd ul.width-2 li{width: 450px;margin:15px;}
.stroy-gift-bd li{ float:left; text-align:center; position:relative;}
.stroy-gift-bd li .number-ico{width:48px;height:48px;display:inline-block;text-align:center;line-height:48px;color:#fff;font-size:18px;position:absolute;left: 65px;top: -15px;background:url(../Images/number-ico.png) no-repeat;}
.stroy-gift-bd li h3{font-size:16px;color:#333;margin-top: 15px;}
.stroy-gift-bd li span{width:100%;/* height:200px; */display:block;text-align:center;/* line-height:250px; */}
.stroy-gift-bd li span img{}

.collect-mbd{background:url(../Images/paper-bg.png) no-repeat center 0;margin-top:-50px;padding:35px;min-height: 870px;margin-bottom:40px;}
.collect-title {text-align:center;margin: 25px 0 50px 0;}
.collect-title h1{font-size:36px;color:#333;}
.collect-title p{font-size:16px;color:#999;margin-top: 15px;}
.collect-con { padding:0 40px;}
.collect-con td{padding: 8px 15px;}
.collect-con .td-title{ font-size:18px; color:#333; width:240px;}
.collect-con .input-text input{ border:1px solid #ccc; border-radius:4px; width:100%; padding:5px 15px; height:42px; line-height:42px; font-size:16px;}
.collect-con .input-text textarea { border:1px solid #ddd; padding:10px;}

.collect-con .starbox{ float:left;}
.collect-con .starbox li { float:left;-webkit-transition: 0.25s;transition: 0.25s; margin-right:10px;}
.collect-con .starbox li a{ display:block; width:26px; height:26px; float:left; background: url(../Images/star.gif) no-repeat;}
.collect-con .starbox li a:hover{background: url(../Images/star.gif) 0 -26px no-repeat;}
.collect-con .starbox li .lion{ display:block; width:26px; height:26px; float:left; background: url(../Images/star.gif) 0 -26px no-repeat;}
.collect-con .ndbox{border:1px solid #ddd;height: 32px;line-height: 32px;float:left;font-size: 16px;}
.collect-con .ndbox li{ float:left; width:100px; color:#fff; text-align: center; cursor:pointer;-webkit-transition: 0.25s;transition: 0.25s;}
.collect-con .ndbox li.lion{ background:#fd9602; color:#fff;}
.collect-con .ndbox li:hover{ background:#fd9602; color:#fff;}

.collect-con .ndbox .l_no{ background:#d9d9d9; border-right:1px solid #d9d9d9;}
.collect-con .ndbox .l_n1{ background:#b6b6b6; border-right:1px solid #b6b6b6;}
.collect-con .ndbox .l_n2{ background:#8a8a8a;}
.collect-con .ndbox .l_n3{ background:#5b5b5b;}
.collect-con .ndbox .l_n4{ background:#3b3b3b;}
.collect-con .sbumit_btn{ width:240px; float:left;  height:50px; line-height:42px; background:#25cc7f; border:none; cursor:pointer; color:#fff; font-size:20px; border-radius:3px;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜","Ã¥Â®â€¹Ã¤Â½â€œ",Helvetica,"Ã©Â»â€˜Ã¤Â½â€œ",Arial,Tahoma;}
.collect-con .sbumit_btn:hover{ background:#19b96f;}
.collect-con .sbumit_btn[disabled]{border:1px solid #cfcfcf;color:#fff; background:#cfcfcf;pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}

.Warning-note {padding-top: 10px;line-height:24px;}
.Warning-note h2{ font-size:18px; color:#333; margin-bottom:15px;}
.Warning-note span{ background:#f1f0f0; padding:20px; display:block;} 


/*-----Ã¥Â­Â¦Ã§â€Å¸Ã¨Â¯Â¦Ã¦Æ’â€¦------*/
.u-header-bd{width:100%; min-width:1200px;}
.u-header-md{width:990px;margin:0 auto;}
.u-header-bd{background: url(../Images/header-bg.jpg) no-repeat center 0 ;}
.u-header-md{ height:180px;}
.us-photo{ float:left;}
/*.us-photo span{ display:block; width:145px; height:145px; border-radius:150px; overflow:hidden; border:6px solid #fff; background:#fff;}学员故事 原头像*/
.us-photo span{ display:block; width:205px; height:117px;  overflow:hidden; border:6px solid #fff; background:#fff;}
/*.us-photo{margin:0 25px;margin-top: 12px;}原头像*/
.us-photo{margin:0 25px;margin-top: 25px;}
.us-photo img{ max-width:100%;}

.us-name{float:left;color: #FFFFFF;margin-top: 55px;}
.us-name h2{ font-size: 24px; margin-bottom:15px;}
.growth-box{float: right;margin: 9px 30px 0 0;}
.growth-box h1{color:#fff;font-size: 16px;}
.growth-box h1 em{color:#f46027;font-size: 26px;font-weight:bold; margin-left:5px;}
.growth-mbd{border:1.5px solid #fff;width: 240px;margin-top:10px;padding: 5px 15px; border-radius:5px;}
.growth-mbd .growth_title{ width:100%; text-align:center; font-size:16px; color:#fff;}
.project-bd {float:left;width: 50%;color:#fff;font-size:14px;text-align: center;line-height: 40px; cursor:pointer;}
.project-bd:hover{ color:#25cc7f;}
.project-bd span{float:left;color:#fff;margin-right: 10px;font-size:12px;line-height: 45px;}

.model-bg{background: #fff; box-shadow: 0px 1px 1px #d6d6d6;}

.dynamic-bd { margin:30px 0; padding:25px;}
.dynamic-bd .title {position:relative; margin-bottom:20px;}
.dynamic-bd .title h2{ font-size:18px ; color:#333; position:relative;}
.dynamic-bd .title i{ width:3px; height:22px; display:inline-block; background:#3cc773; position:absolute; left:-25px; top:0px; display:inline-block}

.video-mbd{padding-top:0;background:#222;width:230px; float:left;}
.video-mbd video{ margin:0 auto;}

.photo-book{border:1px solid #eee;padding: 5px;position:relative;float: left;width: 622px;margin-left: 50px;}
.photo-book ul{ width:999px; overflow:hidden; margin:0 auto;}
.photo-book li{float:left;width:135px;margin-right:10px;height: 155px;overflow:hidden;}
.photo-book li img{ max-width:100%;}
.photo-book .x-slider{ overflow:hidden; margin:0 auto; width:620px;}

.brand-slogan{ text-align:center; background:#3cc773; color:#fff; font-size:14px; line-height:36px;}
.brand-slogan strong { font-size:18px; font-weight:normal; margin-left:20px;}

.post-body{ padding:30px; margin-top:30px; margin-bottom:30px;}
.post-tag{ border-bottom:2px solid #f4f4f4; text-align:center; margin-bottom:30px;}
.post-tag span{ display:inline-block; background:#fff; margin-bottom:-20px; padding:0 15px; }
.post-tag em{ border:1px solid #3bc070; color:#3bc070; display:inline-block; padding:0 15px; border-radius:3px; height:28px; line-height:28px; position:relative;}
.post-tag i{ color:#3bc070; margin:0 12px;}
.post-text {line-height:24px;margin: 45px 60px;font-size: 16px;color: #555;}
.post-text p{text-indent:24px;margin-bottom: 15px;}
.post-text .fang_xiang_con{margin:0 auto; margin-bottom:10px;}
.post-text .fang_xiang_con::after{ content:""; display:block; clear:both;}
.post-text .fang_xiang_con p::after{ content:""; display:block; clear:both;}
.post-text .fang_xiang_con video{   display:block; }
.post-text .fang_xiang_con01{ width:600px;margin:0 auto; margin-bottom:10px;}
.post-text .fang_xiang_con01::after{ content:""; display:block; clear:both;}
.post-text .fang_xiang_con01 p::after{ content:""; display:block; clear:both;}
.post-text .fang_xiang_con01 p audio{ width:600px; height:50px}
.post-tool .like-ico{ width:20px; height:20px; display:inline-block; background: url(../Images/link-ico.png) no-repeat; vertical-align:middle;}
.post-tool{ text-align:right;}
.post-tool span{ margin:0 10px;}
.post-tool .z-more{ border:1px solid #3bc070; border-radius:3px; line-height:24px; padding:0 10px; display:inline-block; color:#3bc070;}
.post-tool .z-more:hover{ background:#3bc070; color:#fff;}

.blockquote{padding: 0px 20px;margin: 0 0 20px;font-size: 14px;border-left: 5px solid #eee;color: #999999;line-height: 20px;}	
.post-text h1{ font-size: 36px; font-weight: bold;}
.post-text h2{ font-size:28px; font-weight:bold; color:#333; margin-bottom:25px;text-align:center; }
.post-text h3{font-size: 18px;font-weight: bold;margin-bottom: 15px;/* color: #39A564; */margin: 40px 0 15px 0;}
.post-text a{color: #4191FF;text-decoration:underline;}

.uline{border-bottom: 2px solid #45B672;color: #28B25E;}
.self-info{padding: 15px 25px;background:#f9f9f9;}
.text-center{ text-align:center;}
.p-img { text-align:center;}
.p-img img{ max-width:540px; }


.ola-credential{ float:left; width:280px; padding:20px;margin:25px 0; text-align:center; min-height:240px;}
.ola-credential h3{ font-size:18px; color:#333; margin-top:10px;}
.ola-credential p{ margin-top:8px;}
.ola-credential .biaoqian-tag span{ font-size:16px; margin:0 5px;}
.ola-credential .g-color{ color:#1abb5a;}

.k-course-bd{ padding:20px; float:right;margin:25px 0; width:610px; min-height:240px;}
.k-course-bd h3{ border-bottom:2px solid #f4f4f4; text-align:center; margin-bottom:30px; margin-top:10px;}
.k-course-bd h3 span{ display:inline-block; background:#fff; font-size:18px; color:#333; margin-bottom:-10px; padding:0 15px; }
.k-course-list { overflow:hidden;}
.k-course-list li{padding:8px 20px;/* height:40px; */border-left:4px solid #3cc773;background: #f4f4f4;margin:8px 0;float: left;/* width: 100%; */}
.k-course-list li:hover{ background:#f9f9f9;}
.k-course-list li:hover .course-btn a{ background:#3CC773; color:#fff;}
.k-course-list .course-serial{ float:left; font-size:24px; color:#2da2ff; padding:0 10px; border-right:1px solid #ddd; margin-right:20px; font-family:Arial, Helvetica, sans-serif;}
.k-course-list .course-name{float:left;color:#999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 470px;}
.k-course-list .course-name p{font-size:14px; color:#333;}
.k-course-list .course-name:hover{ text-decoration:underline;}
.k-course-list .course-btn{ float:right;}
.k-course-list .course-btn a{display:inline-block;height:28px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #2da2ff;color:#2da2ff;margin-top:7px;padding: 0 15px;}
.k-course-list .course-btn a:hover{ background:#2da2ff; color:#fff;}
.k-course-list .course-btn a.view-pic{border: 1px solid #3CC773;color: #3CC773;}
.k-course-list .course-btn a:hover.view-pic{background: #3CC773;color:#fff;}
.k-sub-title {position:relative;height: 36px;}
.k-sub-title a{position:absolute;right:0;top:0;text-decoration: underline;color: #333;}
.k-sub-title a:hover{ color:#3cc773;}
.k-sub-title h2{ font-size:16px;}


.teacher-mbox{ padding:40px;}
.teacher-title h1{ font-weight:bold; font-size:38px; text-align:center; color:#333;}
.teacher-title{ text-align:center; margin-bottom:30px;}
.teacher-title p{ font-size:20px; margin:10px 0;}
.teacher-title p.lvye-ico{ border-bottom:2px solid #f9f9f9;}
.teacher-title p.lvye-ico img{ margin-bottom:-10px;}

.teacher-team{position:relative;}
.teacher-team .teach-box{ z-index:1;position:relative;}
.teacher-team .teach-box ul{ float:left;}
.teacher-team li{width:260px;float:left;margin:0 10px;}

.teach-img{width: 120px;height: 120px;overflow:hidden;border-radius: 50%;margin:0px auto;border:8px solid #fff;}
.teach-img img{ width:100%;}
.teach-info{ padding:0 15px;}
.teach-info h2{ color:#333; font-weight:bold;font-size:16px; text-align:center; margin-bottom:10px;}
.teach-info h4{ font-size:20px; color:#999; text-align:center; margin-bottom:10px;}
.teach-info  p{ text-align:center; font-size:12px; color:#999;}

/*--photo--*/
.pic_con{width: 620px;position:relative;float: left;margin-left: 55px;}
.pic_lists{float:left;width:8888px;height: 160px;overflow:hidden;position:absolute;top:0px;left:0px;}
.btn_change{width:23px;height:38px;position:absolute;text-indent:-9999px;cursor:pointer}

.left_btn {top:30%;left: -25px;display:block;background:url(../Images/arrow-btn.png) no-repeat;}
.left_btn:hover{background: url(../Images/arrow-btn.png) no-repeat 0 -39px;}
.right_btn {left: auto;top:30%;right: -25px;display:block;background: url(../Images/arrow-btn.png) no-repeat -24px -39px;}
.right_btn:hover {background: url(../Images/arrow-btn.png) no-repeat -24px -39px;}

.pic_content{overflow:hidden;height: 160px;loat:left;width:620px;position:relative;/* margin:50px auto 0px */}
.pic_content ul li{float:left;width: 140px;height: 160px;text-align:center;margin: 0 7px;position:relative;}
.pic_content ul li p{height:24px;background:#333;line-height:24px;color:#fff;width:151px;position:absolute;bottom:2px;left:2px;text-align:center;display:none}
.pic_content ul li img{width: 140px;height: 160px;}

