@charset "utf-8";

body{font-family:'Microsoft YaHei'}

.bg-gray{background:#E7E6E9}

.bg-black{background-color:rgba(42,47,46,0.8)}

.bg-opacity{background:#fff}

.colorwhite{color:#fff}

.coloryellow{color:#fbcf1c}

.colorlineyellow{color:#fbb830}

.colorlineryellow{color:#fbc256}

.colorblack{color:#333}

.colorlineblack{color:#595959}

.colorlinerblack{color:#808080}

.colorgreen{color:#28cc98}

.relative{position:relative}

.absolute{position:absolute}

a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(255,0,0,0)}

a:link{text-decoration:none}

a:visited{text-decoration:none}

a:hover{text-decoration:none}

a:active{text-decoration:none}

a:focus{outline:none}

ol,ul{margin-top:0;margin-bottom:0}

.myflexce{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-content:center}

.myflexend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-content:flex-end}

.myflexstart{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;align-items:flex-start}

.myflex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}

.flex1{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}

.text-out{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.text-justify{text-align:justify;text-justify:inter-ideograph}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;border:none important}

@media (max-width:1200px){}

.xiaochengxu_box .font18{line-height:1.5;margin-top:10px;padding:0 20%;font-weight:300}

.nav_top_bg{height:90px}

.navbar-default .navbar-nav>li>a{line-height:90px;height:90px;color:#fff;font-size:16px}
/*
.navbar-brand{padding-top:30px}
.navbar-brand img{height:30px}
*/
.navbar-brand{padding-top:20px}
.navbar-brand img{height:50px}
.navbar-default{background:none;border:none}

.banner_top{font-size:48px;letter-spacing:15px;margin-bottom:6%}

.banner_bot{letter-spacing:5px;font-size:29px}

.banner_txt{top:40%}

.banner_bot:before{position:absolute;content:'';left:-100px;top:50%;margin-top:-1px;width:80px;height:2px;background:#fbfbfb}

.banner_bot:after{position:absolute;content:'';right:-100px;top:50%;margin-top:-1px;width:80px;height:2px;background:#fbfbfb}

.detail_part{background:#f6f6f6;color:#666;letter-spacing:1px;font-size:15px;line-height:1.4}

.detail_part_num{font-size:44px;position:relative;display:inline-block;margin-bottom:50px;line-height:1}

.detail_part_num .glyphicon{font-size:12px;color:#b3b3b3;position:absolute;top:10px;right:-20px}

.detail_part_num:after{content:'';position:absolute;left:0;bottom:-30px;width:24px;height:6px;background:#28cc98}

.detail_part_li_main{padding:80px 0 60px 0}

.detail_part_li{position:relative}

.detail_part_li:after{content:'';position:absolute;right:0;height:140px;border-left:1px solid #e6e6e6;top:50%;margin-top:-60px}

.detail_part_li:last-child:after{display:none}

.ourcourse_title{font-size:32px;color:#333;text-align:center;padding-top:123px;line-height:1;margin-bottom:16px}

.ourcourse_entitle{font-size:18px;color:#b3b3b3;text-align:center;line-height:1}

.ourcourse_main{margin-top:45px}

.ourcourse{width:49%;display:inline-block;text-align:center;line-height:1;color:#666;font-size:16px;margin-bottom:45px}

.ourcourse img{width:92px;height:92px;margin-bottom:18px}

.ourcourse_detail{margin-top:45px}

.ourcourse_detail_title{letter-spacing:3px;color:#232323;font-size:23px;line-height:40px;position:relative;padding-bottom:10px;margin-bottom:40px;width:537px}

.setbot:after{content:'';position:absolute;bottom:-17px;left:0;width:24px;height:7px;background:#28cc98}

.setbot2:after{content:'';position:absolute;bottom:-17px;right:4px;width:24px;height:7px;background:#28cc98}

.ourcourse_detail_title_mid{font-size:23px;font-weight:normal;letter-spacing:3px;color:#28cc98;padding:0 10px}

.ourcourse_detail_title_right{letter-spacing:2px;color:#28cc98;font-size:17px}

.ourcourse_detail_main{font-size:13px;font-weight:normal;font-stretch:normal;line-height:33px;letter-spacing:2px;color:#666666;width:537px;text-align:justify}

.ourcourse_main_more{width:140px;height:32px;border:solid 1px #28cc98;font-size:13px;line-height:32px;letter-spacing:2px;color:#28cc98;text-align:center;display:inline-block;margin-top:17px;margin-right:10%}

.num1_img{top:0;right:0;z-index:0;width:172px;height:122px}

.num2_img{top:0;left:0;z-index:0;width:172px;height:122px}

.ourclassroom{max-width:1200px;padding:90px 0 125px 0;margin:0 auto}

.ourclassroom_title{text-align:center;color:#333333;font-size:32px;line-height:1;padding-bottom:18px}

.ourclassroom_title_en{font-size:18px;color:#b3b3b3;line-height:1;margin-bottom:78px;text-align:center}

.ourclassroom_left_main{width:288px;color:#fff;height:581px;text-align:center;overflow:hidden;background:#eee;display:block}

.ourclassroom_left_img{width:100%;height:auto}

.classroom_right_li{width:290px;height:282px;overflow:hidden;border:solid 1px #dcdcdc;margin-bottom:17px;box-sizing:border-box;display:block;background:#f6f6f6}

.classroom_right_li_img{width:100%;height:176px;overflow:hidden}

.classroom_right_li_img{width:100%;height:auto}

.classroom_right_li_title{letter-spacing:1px;color:#34363a;font-size:18px;width:290px;padding:10px 12px;box-sizing:border-box;line-height:1}

.classroom_right_li_del{letter-spacing:1px;color:#666666;font-size:14px;width:290px;padding:0 12px 24px 12px;box-sizing:border-box;line-height:1}

.classroom_right_li_bot{padding:0 12px;line-height:1}

.classroom_right_li_btn{color:#20b49a;font-size:15px;line-height:1}

.classroom_right_li_look{font-size:13px;color:#ababab}

.classroom_right_li_look img{width:11px;height:8px;margin-right:6px}

.navbar{color:#fff;font-size:16px}

.search_input::-moz-placeholder{color:#333}

.search_input{background:none;color:#333;border:none;box-shadow:none;line-height:28px}

.search_icon{border-right:1px solid #fff;padding-right:10px;border-left:1px solid #fff;padding-left:10px}

.search_main{height:28px;margin:31px 20px;border-bottom:1px solid #fff}

.banner_txt{text-align:center;color:#fff;width:100%;line-height:1}

.banner_bot{display:inline-block;height:30px;line-height:30px}

.navbar-fixed-top .container{min-width:1200px}

.navbar-fixed-bottom,.navbar-fixed-top{z-index:889}

.nav_top_bg{position:fixed;z-index:888;top:0;width:100%;min-width:1200px}

.navbar-default .navbar-nav>li>a{padding-top:0;padding-bottom:0}

.banner_con{position:relative;background-color:#FFFFF7}

.banner_tit{position:absolute;z-index:2;left:50%}

.nav-pills>li.active>a{background-color:#5ee68b;border-radius:0;padding:10px 15px}

.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff}

.navbar-default .navbar-nav li:hover a{color:#64A0CE;border-bottom:3px solid #64A0CE}

.nav-pills>li>a:focus,.nav-pills>li>a:hover{color:#fff;background-color:#5ee68b;border-radius:0;padding:10px 15px}

.navbar-default .navbar-nav li.active a,.navbar-default .navbar-nav li.active:hover a{color:#64A0CE;border-bottom:3px solid #64A0CE;background:none}

.navbar-default .navbar-nav li a:visited:after{border:none}

.carousel-control.left,.carousel-control.right{background-image:none}

.course_title{line-height:2;margin-bottom:20px;padding-top:20px}

.course_con{line-height:1.8;margin-top:10px;font-weight:300;padding-left:22px;padding-right:22px;text-align:justify;text-justify:inter-ideograph}

.carousel-control{width:0}

.carousel-indicators{bottom:-40px}

.carousel-indicators .active{width:20px;height:2px;margin:0;background-color:#5ee68b}

.carousel-indicators li{width:20px;height:2px;margin:0;text-indent:-999px;cursor:pointer;background-color:#aaa;border:none;border-radius:0}

.nav_style{margin:0 auto;text-align:center}

.course_nav{display:inline-block;margin-bottom:35px}

.imgwidth{width:100%}

.content_width{width:88%}

.course_group_title{line-height:2.5}

.course_group_txt{line-height:1.5;font-weight:300;width:74%}

.showerweima{background:#140d06;padding:5.3% 0}

.showerweima_con{margin:0 13%;border:2px solid #46ed7d;padding:5% 0}

.showerweima_con_txt{line-height:1;padding:10% 0 1.5% 0;text-align:center}

.center_four{background:#5ee68b;position:relative}

.busindess_box_img{width:80%}

.center_five{background:#ffffff}

.footer_content{background:#00bbfd;padding:22px 0}

.footer_content_icon{display:inline-block;margin-right:5px;position:relative;top:-2px}

.footer_content_title{line-height:1;padding:10px 0;border-bottom:1px solid #c5eeff;margin-bottom:5px;width:60%}

.footer_content_txt{line-height:1.3;padding:5px 0}

.footer_bot{line-height:1}

.icon_img{position:absolute;z-index:10;top:13px;left:25px}

.input_style{padding:10px 10px 10px 42px}

.textarea_style{resize:none}

.btn-icon{display:inline-block;margin-right:5px}

.form-control{height:50px}

.contentUs_left_top p{line-height:24px;color:#595959;margin:0 0 14px 0}

.learn-group{margin-top:30px}

.lunbo_div_tit{margin-bottom:10px}

@media screen and (min-width:768px){

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:0}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:0}

}

.courseTitle{cursor:pointer;padding:0 50px 15px 50px;border-bottom:solid 1px #58d682;line-height:1}

.help-block{color:#f25d55 !important}

.has-error .form-control{border-color:#f25d55 !important}

.carousel-control{color:#e5e5e5}

.contentUs_right{color:#595959;line-height:28px;margin:9px 0 18px 0}

.contentUs_right span{padding-left:17px}

#swiper-container2 .swiper-container{padding:10px 0}

#swiper-container2 .swiper-slide{width:82%;padding:0 2%}

#swiper-container2 .wannianli-card{width:100%;display:inline-block;position:relative;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.06);background:#fff}

#swiper-container2.wannianli-info{background:#fafafa;padding:10px 0;border:1px solid #d1d1d1;overflow:hidden;box-shadow:0 5px 24px 0 #f3f3f3;border-radius:3px}

#swiper-container2 .swiper-slide-active{margin-top:-10px}

#swiper-container2 .swiper-slide-active .wannianli-info{padding:20px 0}

#certify{position:relative;margin:0 auto}

#certify .swiper-slide{width:338px;height:auto;background:#fff;box-shadow:0 8px 30px #ddd}

#certify .swiper-slide img{display:block;width:100%}

#certify .swiper-pagination{width:100%;bottom:20px}

#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}

#certify .swiper-button-prev{width:25px;height:25px}

#certify .swiper-button-next{width:25px;height:25px}

#coursepart,#coursepart2{width:100%;height:100%}

#coursepart .swiper-slide,#coursepart2 .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

#coursepart .swiper-button-prev{width:45px;height:45px}

#coursepart .swiper-button-next{width:45px;height:45px}

.our_img{width:100%;position:relative;z-index:1}

.swiper_part{width:100%;padding-bottom:10px}

.xiaochengxu_box_content_bg{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.4}

.tan_main{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1;visibility:hidden}

.PROGRAM_part{font-size:16px;line-height:24px;color:#595959;height:100%}

.myflexce{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-content:center}

.lookcode,.lookcode2{border:1px solid #fff;width:48%;line-height:2}

.lookcode2{margin-left:4%}

.codeshow{margin-top:10px}

#coursepart5 .swiper-button-next{right:0;top:40%;width:45px;height:45px}

#coursepart5 .swiper-button-prev{left:0;top:40%;width:45px;height:45px}

.tan_main_xs{position:fixed;height:100%;width:100%;top:0;left:0;z-index:1000;display:none}

.xs_code{position:absolute;width:50%;top:30%;left:25%;z-index:10;background:#fff;padding:10px 20px;color:#000}

.tan_main_wxc,.tan_main_smc{display:none}

.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23C2C2C2'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23C2C2C2'%2F%3E%3C%2Fsvg%3E")}

.coursepart4 .swiper-button-next,.coursepart4 .swiper-button-prev{width:25px;height:25px}

.more_btn{width:203px;height:44px;color:#fff;font-size:16px;background-color:#28cc98;border-radius:10px;text-align:center;line-height:44px;margin-top:66px}

.swiper_part_self{margin-top:80px}

.swiper_main{width:1080px;background:#fff;padding:70px 259px 64px 206px;font-size:13px;color:#666;line-height:33px;letter-spacing:2px;min-height:230px;position:relative;float:right}

.swiper-name{color:#232323;font-size:23px;letter-spacing:3px;position:relative;height:78px;line-height:1}

.swiper-span{color:#28cc98;font-size:23px;padding:0 10px}

.swiper-com{font-size:17px;color:#28cc98;letter-spacing:2px}

.swiper-name:after{content:'';position:absolute;top:33px;left:0;width:24px;height:7px;background:#28cc98}

.swiper_left_img{width:276px;height:276px;background-color:#cccccc;box-shadow:3px 5px 36px 0 rgba(136,136,136,0.5);position:absolute;top:-98px;left:-118px;overflow:hidden}

.swiper_left_img img{width:100%;height:auto}

.ourswiper-prev,.ourswiper-next{top:75%}

.swiper_right_img{width:96px;height:94px;position:absolute;top:88px;right:83px;overflow:hidden}

.swiper_right_img img{width:100%;height:auto}

.footer{background-image:url(../img/pic11@2x.png);background-size:cover;height:520px;color:#fff;font-size:13px}

.footer_main{max-width:1020px;padding:119px 0 0 0;margin:0 auto}

.footer_main ul{display:inline-block;vertical-align:top}

.footer_first{width:190px;position:relative;padding-top:28px}

.footer_first li a,.footer_third li a,.footer_first li span,.footer_third li span{color:#fff;line-height:1.4;letter-spacing:2px;padding:10px 20px;display:inline-block}

.footer_third{width:390px;position:relative;padding-top:28px}

.footer_first:before,.footer_third:before{content:'';position:absolute;top:0;left:20px;width:19px;height:6px;background-color:#eaeaea;border-radius:3px}

.rightimg{width:130px;height:130px;overflow:hidden;margin-left:70px}

.rightimg img{width:100%;height:auto}

.footer_bot{font-size:16px;line-height:30px;letter-spacing:2px;color:#ffffff;text-align:center;margin-top:20px}

.swiper-slide_li{width:286px;border:solid 1px #dcdcdc;box-sizing:border-box;display:block}

.swiper-slide_img{border-bottom:solid 1px #dcdcdc;height:270px;overflow:hidden}

.swiper-slide_li img{width:100%;height:auto}

.list_swiper{margin:44px 0 85px 0;box-sizing:border-box}

.list_swiper_bottom{padding:18px 18px 16px 18px;text-align:left;color:#2d2d2d;font-size:12px;line-height:1;letter-spacing:1px}

.list_swiper_bottom_title{font-size:15px;margin-bottom:12px;letter-spacing:2px;width:250px}

.list_swiper_bottom_job{margin-bottom:9px;width:250px}

.list_swiper_bottom_type span{color:#28cc98;width:250px}

.feedback{max-width:1200px;padding:38px 0 50px 0;margin:0 auto}

.feedback_main{height:437px;width:1200px;overflow:hidden;background-color:#ffffff;border:solid 1px #dcdcdc;margin-top:30px}

.feedback_main_ul ul{padding:0 30px 10px 30px}

.feedback_main_ul ul li{border-bottom:solid 1px #dcdcdc;padding:30px 0}

.feedback_main_ul_li{border-bottom:solid 1px #dcdcdc;padding:30px 0}

.feedback_main_left{width:220px}

.feedback_main_right{width:920px;border-left:1px solid #dcdcdc;padding:0 40px 0 28px;font-size:12px;color:#666666;letter-spacing:1px;line-height:21px;height:63px;overflow:hidden}

.feedback_name{font-size:20px;letter-spacing:3px;color:#333333;padding-right:16px}

.feedback_main_left p{display:inline-block;vertical-align:middle}

.feedback_type{border-radius:10px;border:solid 1px #28cc98;letter-spacing:2px;color:#28cc98;font-size:15px;padding:9px 7px;margin-right:10px}

.feedback_job{font-size:20px;letter-spacing:3px;color:#333333;margin-right:10px}

.feedback_main::-webkit-scrollbar{width:10px;height:1px}

.feedback_main::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#535353}

.feedback_main::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#EDEDED}

.works_li{text-align:center;display:inline-block;width:236px;vertical-align:top}

.works_img{width:140px;height:140px;overflow:hidden;margin:0 auto;margin-bottom:30px;box-shadow:3px 5px 36px 0 rgba(136,136,136,0.5);border-radius:30px}

.works_img img{width:100%;height:140px}

.works_li_time{letter-spacing:1px;color:#232323;font-size:16px}

.works_li_name{letter-spacing:1px;color:#232323;font-size:16px;font-weight:bold}

.inline_tab{border-bottom:6px solid #f6f6f6;letter-spacing:1px;color:#333333;font-size:18px;line-height:1;max-width:1200px;margin:0 auto;margin-bottom:30px}

.li_mainx{ margin-bottom:0}

.inline_tab ul{margin-bottom:0}

.inline_tab li a{display:inline-block;padding:25px 0 20px 0;position:relative}

.inline_tab .active a{color:#64A0CE}

.inline_tab .active a::after{content:'';position:absolute;width:91px;height:3px;background:#64A0CE;bottom:0;left:50%;margin-left:-45px}

.inline_list_ul li:nth-child(odd){background:#fff}

.inline_list_ul li:nth-child(even){background:#f6f6f6}

.inline_list_li_main{max-width:1200px;margin:0 auto;padding:66px 0 62px 0}

.inline_list_li_left{width:472px;height:286px;overflow:hidden;margin-right:55px;font-size:14px;position:relative}

.inline_list_li_left:hover .inline_list_li_left_play{visibility:visible}

.inline_list_li_left_img img{width:100%;height:100%;display:block}

.inline_list_li_left_play{width:472px;height:286px;z-index:10;top:0;left:0;background-color:rgba(11,3,6,0.4);visibility:hidden}

.inline_list_li_left_play img{width:60px;height:60px;display:inline-block}

.inline_list_li_right{width:673px}

.inline_list_li_title{letter-spacing:2px;color:#333333;min-height:58px;font-size:18px}

.inline_list_li_del{color:#666666;line-height:35px;font-size:14px;padding-bottom:10px}

.inline_list_li_del p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.inline_list_li_fit{color:#28cc98;display:inline-block;vertical-align:bottom}

.inline_list_li_btn{width:123px;height:44px;line-height:44px;font-size:16px;text-align:center;display:inline-block;border-radius:6px;background-color:#64A0CE}

.inline_list_li_btn a{color:#fff}

.inline_list_li_main .myflexce{ width:472px; height:286px;}

.ms_list_ul .inline_list_li_left,.ms_list_ul .inline_list_li_main .myflexce{ width:209px;}

.ms_list_ul .inline_list_li_right{width:936px}

.new_list{background:#f6f6f6}

.new_list_ul{max-width:1200px;margin:0 auto;padding:55px 0 46px 0}

.new_list_li{background:#fff;width:1200px;height:272px;margin-bottom:22px}

.new_list_li_main{padding:19px 36px 23px 22px}

.new_list_li_left{width:370px;height:230px;overflow:hidden;margin-right:45px}

.new_list_li_right{width:730px}

.new_list_li_title{font-size:18px;letter-spacing:1px;color:#333333;min-height:60px}

.new_list_li_del{font-size:14px;color:#666666;height:86px;overflow:hidden}

.new_list_li_tab{width:450px}

.new_list_li_tab li{text-align:center;padding:4px 20px;margin-right:10px;color:#28c291;font-size:14px;border-radius:6px;border:1px solid #28c291;display:inline-block;margin-bottom:5px}

.new_list_li_bot{margin-top:33px}

.new_list_li_bot_right{letter-spacing:1px;color:#b2b2b2;font-size:16px;display:inline-block;width:280px;text-align:right}

.new_list_li_bot_right span{padding-left:32px}

.video_part{height:270px;background:#fff}

.video_part_main{width:920px;height:318px;border-radius:6px;box-shadow:0 0 24px 0 rgba(0,0,0,0.2);z-index:2;top:-164px;left:50%;margin-left:-460px;background:#fff;padding:0 120px 0 80px;cursor:pointer}

.video_part_main_del{width:403px;margin-right:252px}

.video_part_main_name{letter-spacing:5px;color:#9e9e9e;font-size:33px;height:82px}

.video_part_main_info{letter-spacing:2px;color:#9e9e9e;font-size:17px}

.video_part_main_play{width:72px;height:72px}

.video_part_main_play img{width:72px;height:72px;display:inline-block}

.wedo{min-width:1200px;padding:60px 0 68px 0;margin:0 auto}

.wedo_main{width:1200px;margin:0 auto;margin-top:28px}

.wedo_ul_li{vertical-align:top;display:inline-block}

.wedo_ul_li_con{width:280px;background-color:#ffffff;border:solid 1px #dcdcdc;margin-right:20px;min-height:471px}

.wedo_ul_li:last-child .wedo_ul_li_con{margin-right:0}

.wedo_ul_li_img{padding-top:50px;padding-bottom:23px;margin:0 auto;text-align:center}

.wedo_ul_li_img img{width:121px;height:121px;display:inline-block}

.wedo_ul_li_con_title{font-size:16px;line-height:30px;letter-spacing:2px;color:#333333;margin:0 auto;padding:0 18px 20px 18px;text-align:center}

.wedo_ul_li_con_del{padding:0 18px 0 18px;letter-spacing:2px;color:#666666;font-size:14px;line-height:30px;padding-bottom:10px}

.team{width:1200px;margin:0 auto}

.team_first{position:relative;padding:86px 0 0 241px;margin-bottom:125px}

.team_first_img{position:absolute;top:0;left:0;z-index:2;width:345px;overflow:hidden;box-shadow:0 10px 27px 0 rgba(0,0,0,0.19)}

.team_first_img img{width:100%;height:auto;display:block}

.team_first_main{min-height:281px;width:960px;border:solid 2px #28cc98;line-height:30px;letter-spacing:2px;color:#333333;font-size:16px;padding:20px 78px 20px 249px;text-indent:2em}

.team_second{position:relative;padding:0 290 0 0;margin-bottom:132px}

.team_second_img{position:absolute;top:28px;right:41px;z-index:2;width:355px;overflow:hidden;box-shadow:0 10px 27px 0 rgba(0,0,0,0.19)}

.team_second_img img{width:100%;height:auto;display:block}

.team_second_main{min-height:281px;width:910px;border:solid 2px #28cc98;line-height:30px;letter-spacing:2px;color:#333333;font-size:16px;padding:20px 220px 20px 54px;text-indent:2em}

.cooperate{width:1200px;margin:0 auto}

.cooperate img{width:100%;height:auto}

.events{top:0;left:0;z-index:2}

.eventscon{max-width:1200px;padding-top:84px;margin:0 auto}

.oevents_title{text-align:center;color:#fff;font-size:32px;line-height:1;padding-bottom:18px}

.events_title_en{font-size:18px;color:#b3b3b3;line-height:1;margin-bottom:89px;text-align:center}

.login{position:relative;min-height:800px}

.login_bg{width:100%;background:#1dbb89;height:100%;overflow:hidden}

.login_bg img{width:1920px;height:auto;margin:0 auto}

.login_main{position:absolute;top:0;left:0;width:100%;z-index:10;height:100%}

.login_div{width:612px;margin:0 auto;height:403px;background-color:#ffffff;box-shadow:0 0 38px 0 rgba(2,74,51,0.27)}

.login_left{width:221px;height:100%;background-color:#12b27f}

.login_left_logo{width:128px;height:60.4px;display:block;margin:70px auto 122px auto}

.login_left_top{margin-bottom:20px}

.bggreen{background-color:#0ea776}

.login_left_top,.login_left_bottom{height:31px;font-size:16px;text-align:center;padding:0 20px;color:#fff}

.login_left_bottom:hover,.login_left_top:hover{color:#fff}

.login_left_top_right img{width:16px;height:15px}

.login_left_bottom_right img{width:15px;height:15px}

.comeback{letter-spacing:1px;color:#a3a3a3;font-size:14px;height:30px;line-height:30px;text-align:center;display:inline-block;margin:20px 0;padding:0 25px}

.comeback:hover{color:#a3a3a3}

.login_form{padding:0 40px 0 37px;color:#a3a3a3}

.login_form a{color:#a3a3a3}

.login_btn{background-color:#12b27f;height:46px;color:#ffffff;letter-spacing:2px;font-size:21px;border-radius:6px;margin-top:52px;margin-bottom:25px}

.login_btn:hover{color:#fff}

.wxlogin{letter-spacing:1px;color:#a3a3a3;font-size:14px}

.wxlogin:hover{color:#a3a3a3}

.wxlogin img{width:17px;height:14px;margin-right:4px}

.form-input{border:none;width:100%;border-bottom:1px solid #a6a6a6;font-size:13px;line-height:1;padding-bottom:7px;padding-top:20px;color:#333;outline:none}

.wx_login{padding:0 57px 0 54px}

.wx_login_top{color:#333333;font-size:16px;padding:28px 0 21px 0;text-align:center;line-height:1}

.wx_login_img{width:280px;height:280px;margin:0 auto;display:inline-block}

.loginback{letter-spacing:1px;color:#a3a3a3;font-size:14px;height:30px;line-height:30px;text-align:center;display:inline-block;margin-top:10px;padding:0 25px}

.loginback:hover{color:#a3a3a3}

.bind_top{padding:30px 27px 70px 36px;color:#a3a3a3;letter-spacing:1px;font-size:14px;line-height:1}

.bind_top a{color:#a3a3a3}

.wxlogin span{color:#12b27f}

.Verification_btn{position:absolute;right:0;top:0;background-color:#10ad7b;color:#fff;border-radius:5px;width:73px;height:30px;font-size:12px;line-height:30px;text-align:center;cursor:pointer;z-index:3;display:inline-block}

.non_found_img{width:524px;height:346px;position:relative;right:-40px}

.non_found_txt{font-size:18px;letter-spacing:1px;color:#333333;text-align:center;margin:55px 0 50px 0;line-height:1}

.non_found_bot{width:336px;margin:0 auto}

.goindex{width:115px;height:43px;background-color:#29cf91;border-radius:6px;letter-spacing:1px;color:#ffffff;font-size:16px;text-align:center;line-height:43px;margin-right:99px}

.comebefore{width:115px;height:43px;border-radius:6px;border:solid 1px #29cf91;letter-spacing:1px;color:#29cf91;font-size:16px;line-height:43px;text-align:center}

.comebefore:hover{color:#ffffff}

.goindex:hover{color:#29cf91}

.class_tab{width:1200px;margin:0 auto;color:#333333;font-size:16px;padding:29px 0 26px 0;line-height:1;border-bottom:1px solid #666666;margin-top:100px}

.class_tab span{padding-right:36px}

.class_tab_a{color:#333333;font-size:16px;padding-right:36px}

.class_tab_a_active{color:#28cc98}

.class_tab_a:hover{color:#28cc98}

.class_type{width:1200px;margin:0 auto;font-size:16px;line-height:1;padding:32px 0 34px 0}

.class_type_b:hover{color:#28cc98}

.class_type_b{padding:0 11px;border-right:2px solid #666;color:#333333}

.class_type_b:last-child{border-right:none;padding-right:0}

.class_type_b_active{color:#28cc98}

.class_list_ul{width:1200px;margin:0 auto}

.class_list_li{margin:0 25px 30px 0;display:inline-block;vertical-align:top;border:solid 1px #dcdcdc;width:277px;height:290px;background-color:#ffffff}

.class_list_li:nth-child(4n){margin-right:0}

.class_list_li_top{width:276px;height:175px;position:relative}

.class_list_li_top:hover .class_list_play{visibility:visible}

.class_list_li_top img{width:100%;height:auto}

.class_list_play{width:276px;height:175px;z-index:10;top:0;left:0;background-color:rgba(11,3,6,0.4);visibility:hidden}

.class_list_play img{width:50px;height:50px;display:inline-block}

.class_list_li_mid{padding:16px 13px 12px 14px;letter-spacing:1px;color:#34363a;font-size:18px}

.class_list_li_typename{width:190px;line-height:1;margin-right:10px}

.class_list_li_type{height:21px;border-radius:6px;border:solid 1px #28cc98;color:#28cc98;line-height:21px;font-size:12px;padding:0 9px}

.class_list_li_title{margin:0 10px;padding:0 2px 8px 2px;border-bottom:1px solid #b2b2b2;color:#666666;font-size:14px;line-height:1}

.class_list_li_bot{padding:12px 14px 0 14px}

.class_list_li_bot_te{width:200px;color:#666666;font-size:16px;line-height:1;margin-right:20px}

.class_list_li_bot_img{width:16px;height:16px}

.class_list_li_bot_img img{width:16px;height:16px;display:block}

.my_pagination{width:1200px;margin:0 auto;padding:40px 0 60px 0}

.my_pagination_ul li{display:inline-block;margin:0 15px;color:#333333}

.my_pagination_ul li a{color:#333333;font-size:14px;min-width:20px;min-height:20px;display:block;text-align:center}

.my_pagination_ul li:hover a,.my_pagination_ul li.active a{color:#fff;background-color:#28cc98;border-radius:50%}

.pre_page,.next_page{width:50px;margin:0 15px;font-size:14px;color:#333333}

.class_type_title{color:#333333;font-size:20px}

.lesson{width:1200px;margin:0 auto;margin-bottom:100px}

.lesson_video{width:793px;height:429px;background:#000}

.lesson_right_top{color:#333333;font-size:20px;line-height:1;margin-bottom:14px;padding-left:24px}

.lesson_main{margin-bottom:32px}

.lesson_right_li{width:100%;border-left:3px solid #f6f6f6;box-sizing:border-box}

.lesson_right_li a{padding:12px 0 12px 25px;color:#333333;font-size:18px;width:100%}

.lesson_right_ul_left{width:332px}

.lesson_right_ul_left_img{width:16px;height:16px}

.lesson_right_li.active,.lesson_right_li:hover{background:#fff;border-left:3px solid #28cc98}

.lesson_right_li.active a,.lesson_right_li:hover a{color:#28cc98}

.lesson_bot{background:#fff;margin-bottom:32px;padding:11px 0 20px 0}

.lesson_bot_img{width:44px;height:37px;margin-right:22px;margin-left:12px}

.lesson_bot_title{color:#333333;font-size:20px;letter-spacing:1px}

.lesson_bot_con{color:#666666;font-size:14px;padding:0 20px 20px 80px}

.newsdetail{width:1200px;margin:0 auto}

.newsdetail_left{width:890px}

.newsdetail_right{width:300px;background:#fff}

.newsdetail_title{letter-spacing:1px;color:#333333;font-size:28px;width:100%;padding-bottom:30px}

.newsdetail_top{background:#fff;padding:20px 14px 57px 14px}

.newsdetail_width{width:1200px;margin:0 auto;margin-top:120px;margin-bottom:80px}

.newsdetail_else{color:#666666;font-size:14px}

.newsdetail_tab div{border-radius:6px;border:solid 1px #28c291;color:#28c291;font-size:14px;padding:8px 20px;margin-left:9px}

.newsdetail_center{border-bottom:1px solid #f6f6f6;padding-bottom:25px;margin-bottom:25px}

.newsdetail_main{color:#666666;font-size:14px;line-height:1.8}

.newsdetail_shareZan{margin:30px 0}

.newsdetail_zan{width:70px;height:33px;background-color:#e00000;border-radius:6px;cursor:pointer}

.newsdetail_zan img{width:21px;height:21px}

.newsdetail_share{width:70px;height:33px;background-color:#28c291;border-radius:6px;margin-left:14px;cursor:pointer}

.newsdetail_share img{width:21px;height:20px}

.writepart{width:890px;height:196px;background-color:#ffffff;border:solid 1px #d2d2d2}

.writepart textarea{border:none;width:100%;height:100%;resize:none;overflow-y:auto;padding:20px 23px}

.commemts_btn button{width:155px;background-color:#28c291;border-radius:6px;letter-spacing:1px;color:#f6f6f6;font-size:18px;line-height:1;padding:18px 0;margin:15px 0 43px 0;text-align:center;border:none;border-radius:none}

.comments li{margin-bottom:30px}

.comments_img{width:48px;height:48px;border-radius:50%;overflow:hidden;margin-right:16px}

.comments_img img{width:100%;height:auto}

.comments_name{letter-spacing:1px;color:#333333;font-size:18px;width:730px}

.comments_time{color:#666666;font-size:12px;width:94px;text-align:right}

.comments_main{color:#666666;font-size:12px;margin-top:18px}

.newsdetail_right{width:300px;margin-left:10px;background:#fff;padding-bottom:90px}

.newsdetail_right_top{padding:18px 0 18px 14px;line-height:1;color:#333333}

.newsdetail_right_top_left{width:228px}

.newsdetail_right_top_more{color:#666666;font-size:14px;width:52px;text-align:center}

.newsdetail_right_li{padding:14px 8px;border-top:1px solid #f6f6f6}

.newsdetail_right_img img{width:100px;height:auto}

.newsdetail_right_title{color:#333333;font-size:16px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.newsdetail_right_txt{color:#666666;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.personal_width{width:1200px;margin:0 auto;margin-top:110px;margin-bottom:31px}

.personal_left{width:264px;height:644px;background-color:#ffffff;box-shadow:0 0 7px 0 rgba(2,74,51,0.27);position:relative;z-index:10}

.personal_avl{width:132px;height:132px;border-radius:50%;overflow:hidden;margin:0 auto;margin-top:53px;margin-bottom:13px;background:#eee;position:relative}

.personal_avl img{width:100%;height:auto}

.personal_avl_bg{position:absolute;left:0;top:0;z-index:3;background:rgba(85,85,85,0.5);width:100%;height:100%;color:#fff;font-size:16px;letter-spacing:2px;cursor:pointer}

.personal_name{letter-spacing:1px;color:#333333;font-size:14px;text-align:center;width:244px;margin:0 auto}

.personal_ul li{color:#333333;height:43px;letter-spacing:1px;font-size:16px;text-align:center;margin:8px 0}

.personal_ul li a,.personal_ul li:hover a{color:#333333}

.personal_ul li.active a{cursor:text}

.personal_ul li.active{background-color:#f6f6f6;position:relative}

.personal_ul li.active:before{content:'';position:absolute;left:0;height:43px;width:3px;background:#12b27f}

.personal_right{width:966px;background-color:#ffffff;height:644px;overflow:hidden}

.personal_right_ul{width:976px;height:644px;overflow:auto}

.personal_right_li{padding:23px 0 28px 0;margin-right:30px;border-bottom:1px solid #f6f6f6}

.personal_right_date{width:120px;height:106px}

.personal_right_date_year{color:#333333;letter-spacing:1px;font-size:16px;text-align:center;font-weight:bold}

.personal_right_date_day{color:#333333;font-size:16px;text-align:center}

.personal_right_img{width:175px;height:106px;overflow:hidden}

.personal_right_img img{width:100%;height:auto;display:block}

.personal_right_mid{width:431px;margin:0 50px 0 26px}

.personal_right_title{letter-spacing:1px;color:#333333;font-size:16px;margin-bottom:14px}

.personal_right_txt{color:#666666;font-size:14px;letter-spacing:1px}

.personal_right_btn{margin-top:30px}

.personal_right_btn a{padding:15px 0;text-align:center;width:100px;color:#f6f6f6;font-size:16px;border-radius:6px;background-color:#28c291;display:inline-block}

.resume_btn{margin:24px 0;letter-spacing:2px;color:#28c291;font-size:16px}

.resume_btn div{width:130px;margin-right:20px}

.resume_btn img{width:21px;height:15px;margin-right:8px}

.resume_main{width:898px;margin-left:22px;border:1px solid #dadada;height:558px;overflow:hidden}

.resume_top{background:#dadada;height:46px;color:#333333;font-size:16px;text-align:center}

.resume_top div{padding:0 5px}

.resume_first{width:98px}

.resume_sec{width:636px}

.resume_third{width:163px}

.resume_top .resume_first,.resume_top .resume_sec{border-right:1px solid #fff;height:100%}

.resume_li{padding:7px 0;border-bottom:1px solid #dadada;position:relative}

.resume_li div{height:34px;padding:0 5px;overflow:hidden}

.resume_li .resume_first,.resume_li .resume_sec{border-right:1px solid #dadada}

.resume_third a{color:#f6f6f6;font-size:16px;letter-spacing:1px;background-color:#df0000;width:75px;text-align:center;padding:8px 0;line-height:1}

.resume_ul{height:510px;overflow:auto;width:912px}

.personal_info_left{width:50%}

.personal_left_laber{width:82px;text-align:right;margin-right:13px}

.personal_left_input,.personal_left_select{width:289px;height:46px;border:solid 1px #dadada}

.personal_left_input input,.personal_left_select select{border:none;width:100%;height:100%;padding:0 10px}

.personal_info_left_form{margin-bottom:40px}

.personal_info_left{margin-top:49px}

.personal_left_select{position:relative}

.personal_left_select select{border:none;outline:none;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none}

.personal_left_select::after{content:"";width:5px;height:5px;background:url(../img/up_icon.png) no-repeat center;position:absolute;right:20px;top:45%;pointer-events:none}

.submitbtn{width:100px;height:50px;color:#fff;background:#28cc98;border-radius:8px;letter-spacing:4px;box-shadow:none;border:none}

.order_main{width:898px;margin-left:22px;border:1px solid #dadada;height:588px;overflow:hidden;margin-top:30px}

.order_top{background:#dadada;height:46px;color:#333333;font-size:16px;text-align:center}

.order_top div{padding:0 5px}

.order_first{width:135px}

.order_sec{width:298px}

.order_third{width:298px}

.order_four{width:164px}

.order_top .order_first,.order_top .order_sec,.order_top .order_third{border-right:1px solid #fff;height:100%}

.order_li{padding:16px 0;border-bottom:1px solid #dadada;position:relative}

.order_li div{height:74px;padding:0 5px;overflow:hidden}

.order_li .order_third{color:#e00000}

.order_li .order_first,.order_li .order_sec,.order_li .order_third{border-right:1px solid #dadada}

.order_ul{height:540px;overflow:auto;width:912px}

.order_detail_btn{color:#333333;font-size:16px;letter-spacing:1px;background-color:#fff;width:auto;text-align:center;padding:6px 10px;line-height:1;border:solid 1px #dadada;border-radius:6px;display:block}

.pay_btn{color:#fff;font-size:16px;letter-spacing:1px;background-color:#28c291;width:114px;text-align:center;padding:6px 0;line-height:1;border:solid 1px #28c291;border-radius:6px;display:block}

.pay_btn:hover{color:#fff}

.order_four_btn a:nth-child(1){margin-bottom:10px}

.countSet{border-bottom:1px solid #f6f6f6;height:83px}

.countSet_left{width:229px;padding-left:54px;letter-spacing:2px;color:#000000;font-size:16px}

.countSet_mid{width:480px;text-align:center;letter-spacing:2px;color:#666666;font-size:16px}

.countSet_right{width:220px}

.countSet_right a{color:#f6f6f6;font-size:16px;letter-spacing:2px;display:block;width:111px;line-height:1;padding:15px 0;background:#28c291;text-align:center}

.countSet_right a:hover{color:#f6f6f6}

.countSet_right_has{color:#28c291;font-size:16px;letter-spacing:2px;display:block;width:111px;line-height:1;padding:15px 0;background:#fff;text-align:center;border:solid 1px #12b27f}

.countSet_password{margin-top:46px}

.countSet_password_top{font-size:16px;letter-spacing:2px;color:#000000;line-height:1;padding-left:58px}

.countSet_password_form{margin-bottom:25px}

.countSet_password_laber{letter-spacing:1px;color:#333333;font-size:16px;width:90px;padding-right:20px;text-align:right}

.countSet_password_input{width:289px;height:46px;border:solid 1px #dadada}

.countSet_password_input input{width:100%;padding:0 10px;height:100%;border:none}

.countSet_password_submit{width:267px;padding:14px 0;line-height:1;text-align:center;background:#28c291;color:#fff;font-size:16px;border:none;box-shadow:none;margin-left:90px}

.change_phone{width:309px;height:46px;border:solid 1px #dadada;margin-bottom:33px}

.change_phone input{border:none;height:100%;width:100%;padding:0 10px}

.change_phone_main{margin-bottom:68px}

.change_phone_aver{width:199px;height:46px;border:solid 1px #dadada}

.change_phone_aver input{border:none;height:100%;width:100%;padding:0 10px}

.change_phone_aver_btn{width:111px;background-color:#28c291;border-radius:6px;letter-spacing:2px;color:#ffffff;font-size:16px;border:none;padding:15px 0;line-height:1;text-align:center}

.change_phone_btn{width:309px;background-color:#28c291;border-radius:6px;letter-spacing:2px;color:#ffffff;font-size:16px;border:none;padding:16px 0;line-height:1;text-align:center}

.detail_main{width:898px;margin-left:22px;border:1px solid #dadada;overflow:hidden;margin-top:60px}

.detail_top{background:#dadada;height:46px;color:#333333;font-size:16px;text-align:center}

.detail_top div{padding:0 5px}

.detail_first{width:345px}

.detail_sec{width:248px}

.detail_third{width:300px}

.detail_four{width:234px;height:100%}

.detail_top .detail_first,.detail_top .detail_sec,.detail_top .detail_third{border-right:1px solid #fff;height:100%}

.detail_li{padding:8px 0;position:relative}

.detail_li div{height:74px;padding:0 5px;overflow:hidden}

.detail_li .detail_sec,.detail_li .detail_four{color:#e00000}

.detail_li .detail_first,.detail_li .detail_sec,.detail_li .detail_third{border-right:1px solid #dadada}

.detail_ul{height:90px;width:912px}

.detail_total{text-align:right;padding-right:23px;font-size:16px;color:#333333;margin-top:100px;margin-bottom:43px}

.detail_total span{color:#df0000}

.detail_cancel{width:146px;background-color:#dadada;border-radius:6px;color:#333333;font-size:16px;padding:16px 0;text-align:center;margin-right:17px;line-height:1}

.detail_cancel a,.detail_cancel a:hover{color:#333333}

.detail_pay{width:146px;background-color:#28c291;border-radius:6px;font-size:16px;padding:16px 0;text-align:center;line-height:1;margin-right:19px}

.detail_pay a,.detail_pay a:hover{color:#f6f6f6}

.pay_top{height:74px;width:909px;border-bottom:1px solid #dadada;margin:0 auto;font-size:16px;color:#333333}

.pay_top_right span{color:#df0000;font-size:21px}

.pay_top_left{line-height:1;border-left:1px solid #28c291;padding-left:10px}

.personal_tit{width:909px;color:#df0000;font-size:18px;line-height:1;margin:27px auto 0 auto;padding-bottom:32px;border-bottom:1px solid #dadada}

.pay_bot_txt{margin:37px 20px 10px 20px;line-height:1;color:#333333;font-size:20px}

.pay_bot_img{width:380px;margin:0 auto}

.pay_bot_img img{width:124px;height:50px}

.pay_bot_img_left{margin-right:131px}

.course_tab,.course_highlight,.course_content,.course_tutor,.course_server,.course_what,.course_banner,.course_project,.course_come,.course_case,.course_arrange,.course_question{width:1200px;margin:0 auto}

.course_first,.course_third,.course_fived{background:#fff}

.course_second,.course_fourth{background:#f6f6f6}

.course_tab{padding-top:134px}

.course_tab_li_active{display:inline-block;width:140px;line-height:1;padding:12px 0;text-align:center;background-color:#28cc98;border-radius:10px;letter-spacing:1px;font-size:20px}

.course_tab_li_active a,.course_tab_li_active a:hover{color:#fff}

.course_tab_li{display:inline-block;width:140px;line-height:1;padding:12px 0;text-align:center;background-color:#fff;border-radius:10px;letter-spacing:1px;font-size:20px}

.course_tab_li a,.course_tab_li a:hover{color:#000}

.course_tab div:nth-child(1){margin-right:56px}

.course_banner{margin-top:30px;padding-bottom:60px}

.course_banner img{width:100%;height:450px;display:block}

.course_title{letter-spacing:1px;color:#333333;font-size:32px;line-height:1;margin-bottom:17px;text-align:center}

.course_del{color:#b3b3b3;font-size:18px;line-height:1;text-align:center}

.course_what{margin-top:80px;margin-bottom:120px}

.course_what_main{margin-top:43px}

.course_what_left{width:470px;height:261px;overflow:hidden;margin-right:63px}

.course_what_left img{width:100%;height:auto;display:block}

.course_what_right{color:#575757;font-size:16px;letter-spacing:1px;line-height:26px;width:597px}

.course_highlight{margin-top:89px;margin-bottom:94px}

.course_highlight_ul{width:1130px;margin:70px auto 0 auto}

.course_highlight_li{width:540px;height:171px;background-color:#ffffff;border-radius:8px;margin-bottom:30px;display:inline-block;vertical-align:top;overflow:hidden}

.course_highlight_li:nth-child(odd){margin-right:43px}

.course_highlight_li_top{background-color:#28cc98;font-size:28px;letter-spacing:4px;color:#ffffff;line-height:1;height:48px}

.course_highlight_li_top img{width:36px;height:36px;margin-left:39px;margin-right:7px}

.course_highlight_li_txt{margin:33px 38px 0 38px;letter-spacing:1px;color:#666666;font-size:16px;line-height:1}

.course_highlight_li_txt p:nth-child(2){margin-top:17px}

.course_content{margin-top:88px;padding-bottom:50px}

.course_content_main{margin-top:83px}

.course_content_li{width:1200px;border:solid 1px #333333;padding:57px 23px 10px 23px;margin-bottom:53px;color:#333333;font-size:16px;letter-spacing:1px;text-align:justify;text-justify:inter-ideograph;line-height:1.5;position:relative}

.course_content_li span{color:#28cc98}

.course_content_p{margin-bottom:28px}

.course_content_p p{color:#666666}

.course_content_li_top{position:absolute;top:-13px;left:23px;background-color:#28cc98;line-height:1;letter-spacing:2px;color:#ffffff;font-size:28px;padding:4px 16px 4px 16px;width:228px}

.course_content_li_top:after{content:"";position:absolute;right:-36px;top:0;width:0;height:0;border-width:0 36px 36px;border-style:solid;border-color:transparent transparent #28cc98}

.course_tutor{margin-top:90px;margin-bottom:109px}

.course_tutor_main{margin-top:48px}

.course_server{margin-top:60px;margin-bottom:117px}

.course_server_main{margin-top:59px}

.course_server_main img{display:block;width:1200px;height:auto;margin-bottom:120px}

.course_server_btn a{width:220px;height:58px;background-color:#2ece9c;border-radius:15px;letter-spacing:5px;color:#fefefc;font-size:16px}

.course_server_btn a:hover{color:#fefefc}

.course_come{margin-top:99px;margin-bottom:120px}

.course_come_main{margin-top:34px}

.course_come_main img{width:1200px;height:auto;display:block}

.course_project{margin-top:60px;margin-bottom:120px}

.course_project_main{margin-top:39px}

.course_case{margin-top:60px;padding-bottom:100px}

.course_case_main{margin-top:59px}

.course_case_li{width:285px;display:inline-block;vertical-align:top;border:solid 1px #1b1b1b;min-height:303px;margin-right:14px;margin-bottom:20px}

.course_case_li:nth-child(4n){margin-right:0}

.course_case_li_name{letter-spacing:2px;color:#333333;font-size:28px;margin:15px 10px;font-weight:bold;text-align:center}

.course_case_li_job{color:#ffffff;font-size:18px;background-color:#28cc98;text-align:center;padding:8px 0;position:relative;width:286px;left:-1px}

.course_case_li_del{letter-spacing:1px;color:#666666;font-size:18px;padding:20px}

.course_arrange{margin-top:60px;margin-bottom:120px}

.course_arrange_main{margin-top:57px}

.course_question{margin-top:60px;margin-bottom:57px}

.course_question_main{margin-top:58px;text-align:center}

.course_question_btn a{width:312px;height:78px;background-color:#2ece9c;border-radius:15px;letter-spacing:8px;color:#fefefc;line-height:1;font-size:26px;margin-top:5px}

.course_question_btn a:hover{color:#fefefc}

.course_question_main_li{border:solid 1px #28cc98;margin-bottom:40px}

.course_question_main_li_q{background-color:#28cc98;letter-spacing:2px;color:#fffdf6;font-size:20px;padding:12px 20px 10px 26px}

.course_question_main_li_a{letter-spacing:1px;color:#333333;font-size:16px;padding:20px 20px 30px 22px;line-height:2}

.course_arrange_main img,.course_project_main img{width:1200px;height:auto}

.orderDetail_left{width:930px;background-color:#ffffff;height:647px;overflow:hidden;margin-right:10px}

.orderDetail_width{width:1200px;margin:0 auto;margin-top:100px;margin-bottom:31px}

.orderDetail_main{width:898px;border:1px solid #dadada;overflow:hidden;margin:0 auto;margin-top:60px}

.orderDetail_top{background:#dadada;height:46px;color:#333333;font-size:16px;text-align:center}

.orderDetail_top div{padding:0 5px}

.orderDetail_first{width:435px}

.orderDetail_sec{width:298px}

.orderDetail_third{width:299px}

.orderDetail_four{width:460px;height:100%}

.orderDetail_top .orderDetail_first,.orderDetail_top .orderDetail_sec,.orderDetail_top .orderDetail_third{border-right:1px solid #fff;height:100%}

.orderDetail_li{padding:8px 0;position:relative}

.orderDetail_li div{height:74px;padding:0 5px;overflow:hidden}

.orderDetail_li .orderDetail_sec,.orderDetail_li .orderDetail_four{color:#e00000}

.orderDetail_li .orderDetail_first,.orderDetail_li .orderDetail_sec,.orderDetail_li .orderDetail_third{border-right:1px solid #dadada}

.orderDetail_ul{height:90px;width:912px}

.orderDetail_total{text-align:right;padding-right:23px;font-size:16px;color:#333333;margin-top:10px;margin-bottom:15px}

.orderDetail_total span{color:#df0000}

.orderDetail_cancel{width:146px;background-color:#dadada;border-radius:6px;color:#333333;font-size:16px;padding:16px 0;text-align:center;margin-right:17px;line-height:1}

.orderDetail_cancel a,.orderDetail_cancel a:hover{color:#333333}

.orderDetail_pay{width:146px;background-color:#28c291;border-radius:6px;font-size:16px;padding:16px 0;text-align:center;line-height:1;margin-right:19px;box-sizing:border-box}

.orderDetail_pay input{border:none;width:100%;height:100%;padding:0;background:none;color:#fff;font-size:16px}

.orderDetail_pay a,.orderDetail_pay a:hover{color:#f6f6f6;height:100%;padding:0;font-size:16px}

.orderDetail_tit{color:#df0000;font-size:18px;line-height:1;width:909px;margin:27px auto 0 auto;padding-bottom:32px;border-bottom:1px solid #dadada}

.orderDetail_sure button{width:146px;background-color:#fff;border-radius:6px;font-size:16px;padding:16px 0;text-align:center;line-height:1;margin-right:19px;border:solid 1px #28c291;color:#28c291;margin-left:20px}

.orderDetail_input input{margin:0 0 0 20px;border-radius:6px;border:solid 1px #dadada;width:146px;line-height:1;font-size:16px;text-align:center;padding:16px 0;height:100%}

.radio_pay{margin:30px 0 30px 20px}

.orderDetail_right{width:242px}

.orderDetail_introd{background:#fff;padding:10px;margin-bottom:8px}

.orderDetail_introd h2{color:#333333;font-size:18px;padding:10px 0 10px 0}

.orderDetail_introd p{color:#666666;font-size:14px}

.search_input{width:877px;height:78px;border-radius:6px;border:solid 1px #afafaf;margin:0 auto;background:#fff;position:relative;top:-34px}

.search_input input{width:666px;margin-left:24px;font-size:24px;padding:16px;border:none;box-shadow:none}

.search_input button{font-size:24px;letter-spacing:3px;color:#333333;text-align:center;width:164px;padding:16px 0;border-right:solid 1px #afafaf;background:#fff;border:none;border-left:solid 1px #afafaf}

.search_list{width:1200px;margin:0 auto}

.search_list li{background-color:#f2f2f2;border-radius:6px;padding:11px;line-height:1;display:inline-block;letter-spacing:2px;color:#333333;font-size:14px;margin-right:10px;margin-bottom:10px}

.search_list li span{color:#333;font-size:10px;padding-left:30px}

.code_img{margin-top:100px}

.code_img img{width:200px;height:200px;display:block;border:1px solid #666;padding:10px;margin:0 auto}

.code_tit{color:#333;font-size:20px;margin-top:30px;text-align:center;margin-bottom:100px}

.time-line{width:1200px;margin:20px auto;position:relative;font-size:16px}

.time-line .left-btn,.time-line .right-btn{width:30px;height:30px;background:url(../img/left2@2x.png) no-repeat;position:absolute;margin-top:-15px;cursor:pointer}

.time-line .left-btn{left:0;top:50%}

.time-line .right-btn{right:0;top:50%;transform:rotate(180deg)}

.time-line .right-btn:hover{background:url(../img/left1@2x.png) no-repeat;transform:rotate(180deg)}

.time-line .left-btn:hover{background:url(../img/left1@2x.png) no-repeat}

.time-line .time-box{width:1120px;margin:0 auto;overflow:hidden}

.time-line .time-box ul{overflow:hidden;position:relative;height:470px}

.time-line .time-box ul:after{content:"";background:#28c291;height:8px;width:100%;position:absolute;left:0;top:50%;border-radius:4px}

.time-line .time-box li{width:224px;float:left;padding:10px;box-sizing:border-box;border:1px solid #d2d2d2;position:relative;cursor:pointer;background:#fff;height:176px;border-radius:10px}

.time-line .time-box li:nth-child(2n){margin-top:296px}

.time-line .time-box li:before{content:"";border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;position:absolute;width:8px;height:8px;background:#fff;bottom:-4px;transform:rotate(-45deg);left:50%;margin-left:-4px}

.time-line .time-box li:after{content:"";width:24px;height:24px;background:url(../img/point-hover.png) no-repeat;position:absolute;left:50%;margin-left:-12px;bottom:-75px;z-index:1}

.time-line .time-box li:nth-child(2n):before{bottom:auto;top:-4px;transform:rotate(-225deg)}

.time-line .time-box li:nth-child(2n):after{bottom:auto;top:-70px}

.time-line .time-box li:hover,.time-line .time-box li.active{background:#28c291;color:#fff;border-color:#28c291}

.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color:#28c291;background:#28c291}

.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background:url(../img/point-hover.png) no-repeat}

.tutor_li{width:24.7%;display:inline-block;vertical-align:top;padding:20px 20px 10px 20px}

.tutor_li_main{width:260px}

.tutor_li:hover{background:#fff;box-shadow:0 0 10px 0 rgba(40,204,152,0.18)}

.tutor_li:hover .turtor_info{display:block}

.tutor_li_img{width:100%;height:260px;overflow:hidden;position:relative}

.tutor_li_main img{width:100%;height:auto}

.tutor_li_name{letter-spacing:1px;color:#28cc98;font-size:24px;padding-top:10px}

.tutor_li_del{letter-spacing:2px;color:#8f8f8f;font-size:14px}

.turtor_info{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);box-sizing:border-box;padding:20px;display:none}

.turtor_info_top{letter-spacing:1px;color:#28cc98;font-size:14px;padding-bottom:5px}

.turtor_info_main{font-size:13px;letter-spacing:1px;color:#ffffff;line-height:1.8}

#feed{width:100%;height:100%}

#feed .swiper-slide{text-align:center;font-size:18px;background:#f6f6f6;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

#feed .swiper-button-prev{width:45px;height:45px}

#feed .swiper-button-next{width:45px;height:45px}

.no_order_img{width:277px;height:auto;margin-bottom:35px}

.non_order_txt{font-size:14px;line-height:20px;letter-spacing:5px;color:#a8a8a8;padding-bottom:5px;font-weight:500}



.non_order_txt a{font-size:14px;letter-spacing:5px;color:#38e4ae;padding:0 10px}

.non_order_part{text-align:center}

.ourcourse2_top_img{margin-right:15px}

.ourcourse2_top_title{font-size:27px;letter-spacing:4px;color:#1d1d1d;font-weight:bold}

.ourcourse2_top_title2{font-size:27px;letter-spacing:4px;color:#ff7273;font-weight:bold}

.ourcourse2_top_title span{padding:0 20px}

.ourcourse2_top_tit{font-size:19px;letter-spacing:3px;color:#00d2ff;font-weight:bold}

.ourcourse2_top_tit2{font-size:19px;letter-spacing:3px;color:#ff7273;font-weight:bold}

.ourcourse2_top_more{font-size:14px;letter-spacing:2px;color:#666666;font-weight:bold}

.ourcourse2_mid{position:relative;z-index:2;margin-bottom:200px}

.ourcourse2_mid_title{font-size:18px;letter-spacing:3px;color:#666666;margin-bottom:16px;margin-top:34px;position:relative;z-index:3}

.ourcourse2_mid_img{width:123px;height:123px;background-color:#ffffff;border:solid 1px #00d2ff;border-radius:50%;margin:0 auto;position:relative}

.ourcourse2_mid_img2{width:123px;height:123px;background-color:#ffffff;border:solid 1px #ff7273;border-radius:50%;margin:0 auto;position:relative}

.ourcourse2_mid_bg{position:absolute;top:25px;right:109px;z-index:0}

.ourcourse2_mid_main{background:#e4faff;width:1200px;border-radius:10px;padding:40px;font-size:16px;letter-spacing:5px;color:#333333;position:absolute;margin-top:25px;display:none;z-index:10;left:0;top:198px}

.ourcourse2_mid_main2{background:#ffe7e7;width:1200px;border-radius:10px;padding:40px;font-size:16px;letter-spacing:5px;color:#333333;left:0;position:absolute;margin-top:25px;display:none;z-index:10;top:198px}

.ourcourse2_mid_img:after{content:'';position:absolute;bottom:-30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #e4faff;display:none}

.ourcourse2_mid_img2:after{content:'';position:absolute;bottom:-30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #ffe7e7;display:none}

.active_img{display:none}

.ourcourse2_hover .ourcourse2_mid_main,.ourcourse2_hover .ourcourse2_mid_img:after,.ourcourse2_hover .active_img{display:block}

.ourcourse2_hover .ourcourse2_mid_img{background-color:#00d2ff;box-shadow:0 1px 18px 0 rgba(2,2,2,0.16)}

.ourcourse2_hover .ourcourse2_mid_title{font-size:18px;letter-spacing:3px;color:#1d1d1d}

.ourcourse2_hover2 .ourcourse2_mid_main2,.ourcourse2_hover2 .ourcourse2_mid_img2:after,.ourcourse2_hover2 .active_img{display:block}

.ourcourse2_hover .before_img,.ourcourse2_hover2 .before_img{display:none}

.ourcourse2_hover2 .ourcourse2_mid_img2{background-color:#ff7273;box-shadow:0 1px 18px 0 rgba(250,27,29,0.38)}

.ourcourse2_hover2 .ourcourse2_mid_title{font-size:18px;letter-spacing:3px;color:#1d1d1d}

.showtxt{display:none}

.savewidth{width:25%;display:inline-block}

.freeform{position:absolute;left:50%;margin-left:214px;top:20%;z-index:100}

.freeform_main{background:rgba(255,255,255,0.2);width:374px;height:380px;border-radius:10px;padding:0 25px;box-sizing:border-box}

.freeform_title{font-size:46px;letter-spacing:7px;color:#ffffff;font-weight:bold;text-align:center;line-height:1;margin-bottom:30px;padding-top:50px}

.freeform-input{border:none;width:100%;height:60px;border-bottom:none;font-size:22px;line-height:60px;padding:0 10px;color:#333;outline:none}

.freeform-input::-webkit-input-placeholder{border:none;width:100%;height:60px;border-bottom:none;font-size:22px;line-height:60px;padding:0 0;color:#ccc;outline:none}

.freeform-input:-moz-placeholder{border:none;width:100%;height:60px;border-bottom:none;font-size:22px;line-height:60px;padding:0;color:#ccc;outline:none}

.freeform-input::-moz-placeholder{border:none;width:100%;height:60px;border-bottom:none;font-size:22px;line-height:60px;padding:0;color:#ccc;outline:none}

.freeform-input:-ms-input-placeholder{border:none;width:100%;height:60px;border-bottom:none;font-size:22px;line-height:60px;padding:0;color:#ccc;outline:none}

.submit_btn{background-color:#28cc98;height:60px;color:#ffffff;letter-spacing:5px;font-size:30px;border-radius:0;margin-top:30px;margin-bottom:43px}

.submit_btn:hover{color:#fff}

.howget{font-size:26px;line-height:1;letter-spacing:4px;color:#ffffff;text-align:center;cursor:pointer}

.freeform_code{width:375px;height:227px;background:rgba(103,106,106,0.7);border-radius:10px;margin-top:10px;display:none}

.freeform_img img{width:168px;height:168px;margin-right:6px}

.freeform_tit{font-size:20px;line-height:67px;letter-spacing:5px;color:#fffefe}

.fixed_tab{position:fixed;bottom:0;left:0;background:rgba(103,106,106,0.7);z-index:101;width:100%;height:46px;display:none;min-width:1200px}

.fixed_tab_title{font-size:20px;letter-spacing:3px;color:#ffffff;font-weight:bold;margin-right:52px}

.freeform-input2{width:347px;height:29px;background-color:#ffffff;border:solid 1px #999999;outline:none;color:#333;padding:0 10px;margin-right:10px}

.freeform-inpu2t::-webkit-input-placeholder{width:347px;height:29px;background-color:#ffffff;border:solid 1px #999999;outline:none;color:#ccc}

.freeform-input2:-moz-placeholder{width:347px;height:29px;background-color:#ffffff;border:solid 1px #999999;outline:none;color:#ccc}

.freeform-input2::-moz-placeholder{width:347px;height:29px;background-color:#ffffff;border:solid 1px #999999;outline:none;color:#ccc}

.freeform-input2:-ms-input-placeholder{width:347px;height:29px;background-color:#ffffff;border:solid 1px #999999;outline:none;color:#ccc}

.submit_btn2{width:150px;height:29px;background-color:#28cc98;color:#ffffff;letter-spacing:3px;font-size:16px;border-radius:0;padding:0;margin-right:10px}

.howget2{font-size:16px;letter-spacing:3px;color:#ffffff;cursor:pointer;position:relative}

.submit_btn2:hover{color:#fff}

.freeform_code2{position:absolute;top:-255px;left:50%;margin-left:-187px;width:375px;height:227px;background:rgba(103,106,106,0.7);display:none}

.freeform_code2::before{content:'';position:absolute;left:50%;bottom:-15px;margin-left:-7px;width:0;height:0;border-width:15px 15px 0;border-style:solid;border-color:rgba(103,106,106,0.7) transparent transparent}

.freeform_code2_bg img{width:375px;height:227px;display:block}

.class_type2{width:1200px;margin:0 auto;font-size:16px;line-height:1;padding:0 0 50px 0}

.class_type2 a{display:block}

.class_type2 a img{width:100%;height:auto}

.class_type2 a:hover{color:#28cc98}

#bianfuswiper{width:100%;height:100%}

#bianfuswiper .swiper-slide{text-align:center;width:380px;height:230px}

.video_swiper{width:359px;height:190px;background-color:#fff;border-radius:10px;position:relative;color:#fffefc;cursor:pointer}

.video_swiper:hover{box-shadow:0 8px 8px 0 rgba(0,0,0,0.5)}

.video_swiper_img{width:359px;height:190px;border-radius:10px;overflow:hidden}

.video_swiper_title{font-size:20px;letter-spacing:6px;text-align:left;padding-left:86px;padding-right:10px;height:60px;display:table-cell;vertical-align:bottom}

.video_swiper_del{font-size:16px;letter-spacing:5px;text-align:left;padding-left:86px;padding-right:10px;height:60px}

.course_project_main .swiper-button-next{right:-20px;top:50%;margin-top:-12px;width:25px;height:25px}

.course_project_main .swiper-button-prev{left:-20px;top:50%;margin-top:-12px;width:25px;height:25px}


.list-ul-im{ max-width:1200px; margin:0 auto;}
.list-ul-im div.im{ width:100%;}
.list-ul-im div.im img{ display:block; width:100%; height:auto; margin:0 auto}

.kc-list{ width:570px; margin-right:60px; margin-bottom:0;}
.kc-list:nth-child(2n){ margin-right:0}
.kc-list dt{ width:100%; position:relative; height:345px; overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-content:center;}
.kc-list dt .zhe{ width:570px; height:345px; position:absolute; z-index:10; top:0; left:0;background-color:rgba(11, 3, 6, 0.4);visibility:hidden;-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-content:center;}
.kc-list dt .zhe img{ width:60px; height:60px; display:inline-block}
.kc-list dt .tu{ width:570px; height:345px;}
.kc-list dt .tu img{ display:block; width:570px; height:345px;}
.kc-list dt:hover .zhe{visibility:visible;}
.kc-list dd{ font-size:20px; text-align:center; line-height:36px; padding-top:15px;}