.hg-wrap{width: 100%;
font-family: "Microsoft YaHei", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;font-size: 12px;line-height: 1.5; overflow: hidden; background: #f8f8f8;}
.f-clrfix{zoom:1;}
.f-clrfix:after{content:''; display:block; height:0; clear:both;}
.f-main{ width:1200px; margin:0 auto; overflow: hidden; }
.f-ps{position: relative;}
.f-ib{display: inline-block;}
.f-ov{overflow: hidden;}
.fl {float: left;}
.top-wrap{background: #fff; text-align:center;}
.top-wrap .top{width: 1000px; height: 100px;margin:0 auto; }
.top-wrap .top .logo{float: left; width:144px; height: 28px; line-height: 28px; background: url(../images/xyz_logo.png) no-repeat; background-size: auto 28px; margin-top: 36px; margin-left: 10px;}
.top-wrap .top .search{float: left; width: 539px; height: 79px; margin-left: 120px; margin-top: 20px;}
.top-wrap .top .search .sch-tc{width: 539px; height: 40px; line-height: 40px; position: relative;}
.top-wrap .top .search .sch-tc input{display: block; width: 527px; height: 14px; color:#ccc; border: 1px solid #d9d9d9; border-radius:5px; position: relative; background-color:#fff; z-index: 2;  -webkit-border-radius:5px;-moz-border-radius:5px; -o-border-radius:5px; behavior:url(PIE.htc); padding: 12px 5px;}
.top-wrap .top .search .sch-tc a{position: absolute; width: 77px; height: 38px; background: url(../images/fdj.png) no-repeat center #5bc6c7; right: 1px; top: 0px; margin-top: 1px; outline: none; z-index: 66; outline: none; *top: 1px;}
.top-wrap .top .search .sch-tc a:hover{background-color: #4fb2b3;}
.top-wrap .top .search .sch-bc{height: 32px; line-height: 32px; overflow: hidden; color: #808080; text-align:left;}
.top-wrap .top .search .sch-bc a{color:#808080; margin-left: 16px; outline: none;  }
.top-wrap .top .search .sch-bc a:hover{color:#e5a61b; text-decoration:none; }
/*版头视频*/
.video {width: 1000px;height: 600px;border: 2px solid #46434c;border-radius: 10px;position: relative;display: none;}
.video .dialog-close{width: 27px;height: 27px;top: 5px;right: 5px;position: absolute;display: block;cursor:pointer;background: url("../images/cpa-spring_btn.png") no-repeat -60px -40px;z-index:200;}
.th_window_layer {position: absolute;background-color: #000000;opacity: 0.5;filter: alpha(opacity=50);z-index:2;}
#banner{ position: relative;height: 360px;overflow: hidden;}
/*版头导航*/
.banner_nav{position: absolute; top:0; left:50%; margin-left: -600px;width: 165px; height: 360px; background: #fff; }
.banner_nav .all_tit{ height: 48px; width: 165px; background: #57bc4c; display: block; color: #fff; font-size: 16px; line-height:48px; text-align: center; overflow: hidden;}
.nav_item{ height: 62px; line-height:62px;border-bottom: 1px solid #e0e0e0; width: 165px; overflow: hidden; text-align: center;}
.nav_item .x_tit{ display: block; font-size: 14px; margin: 6px 0 0 13px; color:#9d66cb;}
.nav_item .item{  display: block; float: left; color: #666; width: 165px; font-size: 14px;}
.nav_item .item:hover{ color: #57bc4c;}
/*版头轮播
.banner{height:360px;position:relative;overflow:hidden;text-align:center;}
.banner ul.banner_img{height:100%;width:1920px;position:relative;margin:0 auto;}
.banner ul.banner_img li{position:absolute;top:0;left:0;height:100%;width:100%;display:none;}
.banner ul.banner_img li a{display:block;height:360px;width:100%;}
.banner ul.banner_btn{background:#d2d1d8;border-radius:15px;position:absolute;left:48%;bottom:12px;padding:2px 3px;text-align:center;}
.banner ul.banner_btn li{display:block;float:left;width:10px;height:10px;margin:0 4px;border-radius:6px;background:#e8e7eb;}
.banner ul.banner_btn li.selected{background:#fff;}
.banner span.banner_prev ,.banner span.banner_next{display:none;width:22px;height:68px;position:absolute;top:43%;opacity:0.6;cursor:pointer;filter:alpha(opacity=60);}
.banner span.banner_prev{left:50%;margin-left:-390px;}
.banner span.banner_next{right:50%;margin-right:-630px;background-position:-24px 0;}


/*课程体系*/
.nav_tit{ float:left; margin-right:55px; line-height:30px}
.mode2{ background:#fff; padding:40px 0; margin-top:40px;}
.mode2 .tab_nav{ font-size:16px; color:#666666;}
.mode2 .tab_nav li{ float:left; margin:15px 25px 0 0; cursor:pointer;}
.mode2 .tab_nav li.selected{ color:#9d66cb; border-bottom:2px solid #9d66cb;}
.mode2 .tab_con{ display:block;}
.mode2 .btn_con{ float:right; margin-right:33px; font-size:16px;}
.mode2 .tab_item li{ width:256px; height:240px; float:left; position:relative; margin:25px 7px 0 30px; display:inline;}
.mode2 .tab_item li a{ display:block;}
.mode2 .tab_item li  .pic{ width:256px; height:172px;}
.mode2 .tab_item li .name{ font-size:16px; color:#666; margin:8px 0 8px 0; display:block;overflow: hidden; width:256px; height:20px; line-height:20px;white-space: nowrap;text-overflow: ellipsis; }
.mode2 .tab_item a:hover{text-decoration:none}
.mode2 .tab_item li .btn{ width:100px; height:30px; display:block; background:#57bc4c; font-size:14px; line-height:30px; text-align:center; color:#fff; border-radius:3px; position:absolute;right:0; bottom:0;}
.mode2 .tab_item li .price_info{ color:#e14438; font-size:18px; letter-spacing:-1px;}
.mode2 .tab_item li del{ color:#999; padding-left:10px}
.mode2 .tab_item .info{ display:none; position: absolute; top:0; left: 0; background:#000;opacity:0.7;filter:alpha(opacity=70);right: 0; width:256px; height:172px; /*transition: all 0.5s linear 0s;*/ }
.mode2 .tab_item .info span{ display:block;color:#fff; width:240px; margin:0 auto; font-size:14px; margin-top:60px; height:48px; line-height:24px; overflow:hidden}
.mode2 .tab_item li a:hover .info{ display:block}
.mode2 .all_class{ background:#9d66cb; width:116px; height:30px; line-height:30px; color:#fff; display:block; float:left; margin-right:20px; border-radius:3px;}
.mode2 .all_class i{ background:url(../images/icon_bg.png) no-repeat left top; display:block; width:20px; height:20px; float:left; margin:5px 4px 0 12px;}
.mode2 .click_zx{ background:#57bc4c; width:116px; height:30px; line-height:30px; color:#fff;  display:block; float:left; border-radius:3px;}
.mode2 .click_zx i{ background:url(../images/icon_bg.png) no-repeat -34px top; display:block; width:20px; height:20px; float:left; margin:5px 4px 0 12px; overflow:hidden;}

/*王牌课程*/
.mode1{ background:#fff; padding:40px 0; margin-top:40px;}
.nav_tit{ color:#494949; font-size:30px; padding-left:30px; border-left:3px solid #57bc4c; display:block;}
.mode1 .frist-item{ width:256px; height:288px; float:left; position:relative; margin:25px 7px 0 30px; display:inline;}
.mode1 .frist-item .pic{ width:256px; height:172px;}
.mode1 .frist-item .name{ font-size:16px; color:#666; margin:8px 0 8px 0; display:block;overflow: hidden; width:256px; height:20px; line-height:20px;white-space: nowrap;text-overflow: ellipsis; }
.mode1 .frist-item a:hover{text-decoration:none}
.mode1 .frist-item .btn{ width:100px; height:30px; display:block; background:#57bc4c; font-size:14px; line-height:30px; text-align:center; color:#fff; border-radius:3px; position:absolute;right:0; bottom:0;}
.mode1 .frist-item .price_info{ color:#e14438; font-size:18px; letter-spacing:-1px;}
.mode1 .frist-item del{ color:#999; padding-left:10px}
.mode1 .frist-item .info{ display:none; position: absolute; top:48px; left: 0; background:#000;opacity:0.7;filter:alpha(opacity=70);right: 0; width:256px; height:172px; /*transition: all 0.5s linear 0s;*/ }
.mode1 .frist-item .info span{ display:block;color:#fff; width:240px; margin:0 auto; font-size:14px; margin-top:60px; height:48px; line-height:24px; overflow:hidden}
.mode1 .frist-item a:hover .info{ display:block}
.mode1  .more_btn{ color: #57bc4c; font-size: 16px;  border-bottom:2px solid #57bc4c; margin: 0px 0 0 30px; padding-bottom:8px;}
.mode1 .tab_item{ margin-top: 24px;} 
/*一站式*/
.mode4{ background:#fff; padding:40px 0; margin-top:40px;}
.mode4 .left_con{ float:left; margin-left:23px; width:430px;}
.mode4 .left_con img{ width:430px;}
.mode4 .left_con .txt{ font-size:16px; color:#999999; border:1px solid #999999; width:268px; height:40px; text-align:center; line-height:40px; margin:0 auto; display:block; margin-top:20px;}
.mode4  .right_con{ float:right; width:705px; overflow:hidden; margin-right:20px;}

/*师资介绍*/
.mode5{background:#fff; padding:40px 0; margin-top:40px}
.teachers{ height:300px; width:1100px; margin:0 auto; overflow:hidden; zoom:1; position:relative;}
.teachers .prev{width: 38px;height: 38px;position: absolute;left: 0;top: 50%;margin-top: -19px;background: url(../images/btn.png) no-repeat 10px 10px;cursor: pointer;}
.teachers .next{ float:right;width: 38px;height: 38px;position: absolute;right: 0;top: 50%;margin-top: -19px;background: url(../images/btn.png) no-repeat -69px 10px;cursor: pointer; z-index:2;}
.teachers .prev:hover{background-position: 0 -33px;}
.teachers .next:hover{background-position: -53px -33px;}
.teachers .scroll{ float:left; height:300px; width:1000px; overflow:hidden; margin-left:50px; position:relative;}
.teachers .scroll ul { width:200%; position:absolute; top:0; left:0;}
.teachers .scroll ul li{ float:left; height:325px; width:300px; margin-right:50px;  text-align:center;}
.teachers .xm{ display:block; font-size:22px; color:#57bc4c; margin:10px 0;}
.teachers .info{ font-size:14px; color:#666666; text-align:left; height:140px; line-height:20px; width:300px; overflow:hidden; }
.teachers .show_tx{ border-radius: 50%; border: 3px solid #ccc;}
/*联系我们*/
.mode6{background:#fff; padding:40px 0; margin-top:40px}
.mode6 .nav_tit{ float:left;}
.mode6 .x_tit{ float:left; margin-top:20px; font-size:14px; color:#999999; margin-left:10px;}
.contact{padding-left:35px; padding-top:20px;  background: #fff; border-radius: 0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; position: relative; z-index: 2; overflow: hidden;}
.contact-left{float: left; width: 570px;}
.contact-left p.p1 strong{display: block; font-size: 20px; color: #808080; font-weight: bold; line-height: 30px;}
.contact-left p.p1 span{display: block; font-size: 14px; color: #808080; line-height: 20px;}
.contact-left div.p2{overflow: hidden;}
.contact-left div.p2 .user-name{float: left; width: 266px; height: 58px;}
.contact-left div.p2 input{display: block; width: 245px; height: 18px; margin-right: 9px; border: 1px solid #d9d9d9;  position: relative; background-color:#fff; z-index: 2;  padding: 10px 5px; font-size: 14px; color: #bfbfbf;}
#error-name,.error-phone{color: #f00; font-size: 12px; margin-left: 37px;}
.contact-left .error-phone{margin-left: 67px;}
.contact-left textarea{width: 509px; height: 134px;border: 1px solid #d9d9d9;  position: relative; background-color:#fff; z-index: 2;   padding:8px;}
.contact-left input.sub{display: block; width: 110px; height: 40px; background: #57bc4c; font-size:14px; font-weight: bold; line-height: 40px; text-align: center; position: relative; color:#fff; z-index: 2;  border: none; cursor: pointer; margin:20px auto auto auto; outline: none; border-radius: 5px;}
.contact-left input.sub:hover{background: #57bc4c;}
.contact-left div.p2 .user-phone{ width: 300px;}
.contact-right{float: left; width:310px; margin-left:90px;}
.contact-right li{ width:108px; float:left; margin:0 0 15px 45px;}
.contact-right span{ display:block; text-align:center; color:#000;}
.contact-txt{ font-size:16px; float: left; line-height: 38px;}
.contact-left #name{float: left; width:200px; margin-left: 5px;}
.contact-left #phone{float: left; width:205px; margin-left: 5px;}
.contact-left .remark{ float: left; margin-left: 5px;}
.contact-right a:hover{ text-decoration: none;}
/*1000的适配*/
@media screen and (max-width:1200px) {
.hg-wrap .f-main{ width:1000px;}
.banner_nav{ margin-left:-500px}
.mode2 .tab_item li{ width:211px; height:202px; margin: 25px 0px 0 30px;}
.mode2 .tab_item li .pic{ width:211px; height:141px;}
.mode2 .tab_item li .name{ width:211px;}
.mode2 .tab_item .info{width:211px; height:141px;}
.mode2 .tab_item .info span{ width:200px; margin-top:45px;}
.mode2 .btn_con{ margin: 10px 33px 0 0;}
.mode1 .frist-item{width:211px; height: 250px; }
.mode1 .tab_item{ margin-top: 16px;}
.mode1 .frist-item a img{ width: 211px;}
.mode1 .frist-item .pic{ width: 211px; height: 141px;}
.mode1 .frist-item .info{width: 211px; height: 141px; top:39px;}
.mode1 .frist-item .info span{ margin-top: 45px; width: 200px;}
.mode4 .left_con{ width:390px;}
.mode4 .left_con img{ width:390px;}
.mode4 .right_con{ width:565px; margin-right:0;}
.mode4 .right_con img{ width:100%;}
.teachers{ width:980px;}
.teachers .scroll ul li{ width:265px; margin-right:45px;}
.teachers .info{ width:265px;}
.contact-right{ width:380px; margin-left:10px}
.contact-right li{ margin-left:20px;}
}


body{font-size: 12px;    line-height: 1.5;    overflow: hidden;    background: #f8f8f8;}
.contact{z-index:0;}
.modal, .modal ._mask{background-color: rgba(0,0,0,0.4);}
.course{width:1147px;padding-top:0;padding-left:36px;}
.mode1,.mode2{padding-bottom:0;}
.nav.f-clrfix{margin-bottom:20px;}
.nav-subt{zoom:1;ovverflow:hidden;padding-left:36px;}
.nav-subt>*{float:left;}
.mode1 .more_btn{margin-left:35px;}
.course>div.course_4{margin-left:35px;}
.course_4,.course_4 .pic,.course_4 .desc,.course .btn{width:256px;}
.course_4 .pic{left:0;top:0;height:172px;}
.course_4 .desc,.course_4 .price{left:0;}
.course_4 .old_price,.course .discount,.course .btn{right:0;}
.course_4 .pictitle{left:0;top:0;width:236px;height:107px;max-height:107px;padding-top:65px;line-height:1.5em;}
.course_4 .desc{top:180px;}
.course_4:hover .pictitle{opacity:1;filter:alpha(opacity=100);}
.course .btn{width:256px}.course_4{height:320px}.course_4 .old_price{left:0}.course_4 .lesson{right:0}.course_4 .btn_other_2{display:none}

.course .course_4 .price > span,
.course .course_4 .precount,
.course .course_4 .lesson,
.course .course_4 .discount {
    display: none;
}

.course .course_4 {
    height: 275px
}

.course .course_4 .desc {
    border-bottom: none;
    font-size: 14px;
    top: 175px;
    width: 256px;
    padding: 0;
}

.course .course_4 .price {
    bottom: 17px;
    left: 0;
    color: #f75d58;
}

.course .course_4 .old_price {
    left: 100px;
    bottom: 18px;
    font-size: 12px;
}

.course .course_4 .btn_go_0,
.course .course_4 .btn_go {
    width: 90px;
}

.course .course_4 .btn_go:before,
.course .course_4 .btn_go>before {
    content: '';
}

.course .course_4 .btn_go {
    text-indent: 0;
}

.course .course_4 .desc:before,
.course .course_4 .desc>before {
    margin: 2px 3px 0 0
}