﻿@charset "utf-8";

/*全局定义*/
html {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling : touch;}
html,body { -webkit-text-size-adjust:none; font-size: 12px; font-size: 62.5%; font-family: "微软雅黑", Arial, Helvetica, sans-serif; }
body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,kbd,em,table,ul,li,marquee,hr,blockquote,ol,pre,fieldset,legend,button,input,textarea,th,td,iframe,p{ margin:0; padding:0;font-family:normal; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
infor,cite,dfn,em,var,kbd,span{font-style:normal; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
button,input,select,textarea{font-size:100%; border: 0; -webkit-appearance: none;outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"]{ -webkit-appearance: none;border-radius: 0;}
table{border-collapse:collapse;border-spacing:0;}
ul, ol { list-style: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family:Arial, "", Tahoma, Verdana,  Helvetica, sans-serif;}
img{ width:100%; border: 0; display:block;}
a{ text-decoration: none; color: #666; }
a:hover{ color:#333; text-decoration:none; }
a:link{ text-decoration: none; color: #333; }
a:active{ text-decoration: none; color: #333; }
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none;}
.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
/*公共*/
.left{ float:left}
.right{ float:right}
.section{ padding:100px 0px;}
.section2{ padding:50px 0px 50px;}
.section3{ padding:50px 0px;}
.section4{ padding:30px 0px;}
.bgf7{ background:#f7f7f7;}
.bgf5{ background:#f5f5f5;}
.bgfff{ background:#fff;}
input::-webkit-input-placeholder{ color:#666;}
input::-moz-placeholder{ color:#666;}
input:-moz-placeholder{ color:#666;}
input:-ms-input-placeholder{ color:#666;}
body{height:100%;}
/*loading*/
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background: none repeat scroll 0 0 #fff }
.spinner { border: 1px solid transparent; border-radius: 3px; position: relative;}
.spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 1px solid #575757; border-top-color: #ffffff; animation: spinner .9s linear infinite;}
  @-webkit-@keyframes spinner {
    to {transform: rotate(360deg);}
  }
  @keyframes spinner {
    to {transform: rotate(360deg);}
  }
/*header*/
.header { position:fixed; top:0px; z-index:200; width:100%; padding:20px 0px; transition:all 0.5s; background:#fff; }
.header .logo{ width:135px; height: 50px; margin-right:80px; overflow:hidden}
.nav-active{ position:fixed; top:0px; z-index:200; padding:10px 0; background-color: #fff; box-shadow:1px 1px 10px rgba(0,0,0,.1);}
.nav-active .top{ display:none;}
.fa-bars:before,.fa-phone:before{ color:#903b8f}
/*400*/
.top-tel{ float:right; height:3rem; margin-top:5px; padding:0px 10px 0px 35px; border-radius:1.5rem; text-align:right; font:1.4rem/3rem "" ; text-align:center; color: #fff; background:url(../images/btel.png) no-repeat left 10px center #903b8f; }
.top-tel a{ color:#fff}
/*pc导航*/
#nav-menu-container { margin: 0;}
.nav-menu{ margin: 0; padding: 0; }
.nav-menu>li { position: relative; float: left; padding:0px 25px; }
.nav-menu>li>a:after { content: ""; display: block; width: 100%; height: 2px; color: #fff; background: #903b8f; position: absolute; left: 0; bottom: -2px; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s;}
.nav-menu>li>a { color: inherit; font:1.4rem/3.8rem "" ; color: #333; -moz-transition: color 0.6s; -o-transition: color 0.6s;-webkit-transition: color 0.6s; transition: color 0.6s; display: inline-block; width: 100%; position: relative;}
.nav-menu>li>a:hover:after { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.nav-menu>li>a.a_bg{ border-bottom:2px solid #903b8f; color:#903b8f}
.dropdown-menu-list{ position:absolute;top:100%;left:50%;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);z-index:1000;display:none; margin:2px 0 ; padding:5px 0px; background: rgba(255, 255, 255,1);-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:4px;box-shadow:1px 6px 12px rgba(0,0,0,.175); overflow:hidden}
.dropdown-menu-list li a{ display:block;padding:3px 15px; font:1.4rem/2rem ""; color: #666; text-align:center; clear:both; white-space:nowrap}
.dropdown-menu-list li a:hover{ background: #903b8f; color:#fff}
/*导航按钮*/
#mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999; margin: 10px 10px 0 0; border: 0; background: none; font-size: 24px; display: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; outline: none; cursor: pointer;}
#mobile-nav-toggle i { color: #fff; }
/*移动端导航*/
#mobile-nav { position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998;  background: rgba(0, 0, 0, 0.9); left: -260px; width: 260px; overflow-y: auto; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
#mobile-nav ul {  padding: 0; margin: 0; list-style: none; }
#mobile-nav ul li { position: relative; }
#mobile-nav ul li a { display: block; position: relative;  width: 100%; padding: 10px 22px 10px 15px; color: #fff; font-size: 1.4rem; text-decoration: none; outline: none; overflow: hidden;}
#mobile-body-overly { z-index: 997; top: 0; left: 0; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; }
html.mobile-nav-active { height:100%; overflow: hidden; }
body.mobile-nav-active { height:100%; overflow: hidden; }
body.mobile-nav-active #mobile-nav { left: 0; }
body.mobile-nav-active #mobile-nav-toggle { color: #fff; }
/*标题*/
.title-box{ padding:0 2%; box-sizing:border-box}
.title-h1{ font:3rem/4rem ""; color:#333}
.title-h2{ font:1.6rem/3rem ""; color:#999; text-transform:uppercase}
.colorfff{ color:#fff}
/*课程*/
#courses .col-md-4,#testimonial .col-md-4 { display: block; width: 100%; }
.owl-courses{ margin:50px auto 0;}
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {display: none; }
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl {  direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated {animation-duration: 1000ms;animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut {animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {position: relative;z-index: 1; height: 100%;width: 100%; }
#courses .owl-theme .owl-nav { position:absolute; top:50%; width:100%; }
.owl-theme .owl-nav { position:absolute; top:50%; width:100%; }
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 10px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .owl-prev{ float:left}
.owl-theme .owl-nav .owl-next{ float:right}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{ width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.courses-thumb { background: #f9f9f9; position: relative;}
.courses-thumb{ width: 96%; margin:10px 2% 0; box-sizing:border-box; -o-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transition: all 0.35s linear;}
.courses-thumb a{ display:block; }
.courses-thumb:hover{ box-shadow: 0px 0px 15px #ddd;-ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translateY(-10px);}
.courses-top { position: relative;}
.courses-image { background: #fff;}
.case-intro{ padding:15px;}
.case-bt{ width:100%; height:2rem; font:1.8rem/2rem "" ; color:#333; font-weight:bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.case-des{ width:100%; height:2rem; margin:0px 0px 10px; font:1.4rem/2rem "" ; color:#666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.case-but{ width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #ddd;  overflow:hidden}
.case-but a{ display:block; font:1.4rem/2.4rem "" ; color:#999; background:url(../images/jj.png) no-repeat right center; background-size:28px;}
.case-list{ width:100%; overflow:hidden}
.case-list ul li{ float:left; width:100%; padding:10px 0px ; border-bottom:1px dashed #ddd; overflow:hidden}
.case-list ul li:last-child{ border-bottom:0px;}
.case-list ul li a{ display:block; width:100%; font:1.4rem/2.4rem "" ; color:#666; }
.case-list ul li a span{ display:block; float:right; padding:0px 10px; color:#fff; background:#903b8f; border-radius:1.5rem;}
.more{ width:100%; overflow:hidden}
.more a{ display:block; width:200px; height:4rem; margin:30px auto 0; font:1.6rem/4rem "" ; text-align:center; color:#666; border-radius:2rem; border:1px solid #ddd;-webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: border 0.3s ease-in-out, color 0.3s ease-in-out; transition: border 0.3s ease-in-out, color 0.3s ease-in-out;}
.more a:hover{ color: #fff; background:#903b8f; border:1px solid #fff; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
/*四大优势*/
.odds-box{ width: 100%; margin:50px auto 0; overflow:hidden}
.odds-list{ padding:40px 40px 40px 60px; box-sizing:border-box}
.odds-list ul li{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin:40px 0; }
.odds-list ul li:nth-child(1){-webkit-animation-duration: 1s; animation-duration: 1s;}
.odds-list ul li:nth-child(2){-webkit-animation-duration: 1s; animation-duration: 1s;}
.odds-list ul li:nth-child(3){-webkit-animation-duration: 1.4s; animation-duration: 1.4s;}
.odds-list ul li:nth-child(4){-webkit-animation-duration: 1.4s; animation-duration: 1.4s;}
.odds-list ul li i{ display:block; width:70px; height:70px; margin-right:15px; border:1px solid #903b8f; border-radius:35px; overflow:hidden}
.odds-list ul li kbd{ display:block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%;}
.odds-list ul li kbd span{ display:block;}
.odds-list ul li kbd .span-h1{ font:1.8rem/3rem "" ; color:#333; font-weight:bold;}
.odds-list ul li kbd .span-h2{ font:1.4rem/3rem "" ; color:#666; }
.odds-img{ padding-right:40px; box-sizing:border-box }
/*预估计算*/
.planning-bg:before {  content: ' ';  position: fixed;  z-index: -1;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: url(../images/four-bg.jpg) center 0 no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.table-select{ min-height:350px; margin-top:50px; padding:10px 20px; box-sizing:border-box; border-radius:10px; overflow:hidden}
.yugu-bg{ background:url(../images/yugu-bg.jpg) top no-repeat #fff; background-size:100% 100%;}
.select-h1{ margin:20px 0px; font:1.8rem/1.8rem ""; color:#333; font-weight:bold; border-left:4px solid #903b8f; padding-left:8px;}
.select-h2{ margin:20px 0px; font:3rem/5rem ""; color:#333; text-align:center}
.select-h2 span{ color:#903b8f; padding:0 10px;font-weight:bold; }
.select-h3{ margin-top:20px; overflow:hidden}
.select-h3 ul li{ float:left; width:50%; text-align:center;}
.select-h3 ul li kbd{ display:block; font:3rem/6rem ""; color:#903b8f; font-weight:bold; }
.select-h3 ul li span{ display:block; font:1.6rem/2rem ""; color:#333; }
.select-h4{ margin:40px 0 15px; text-align:center; font:1.4rem/2rem ""; color:#999; overflow:hidden}
.select-con{ overflow:hidden}
.select-con ul li{ font-size:1.4rem; color:#666}
[class*="icheck-"] { min-height: 22px; margin-top: 6px !important; margin-bottom: 6px !important; padding-left: 0px;}
[class*="icheck-"] > label { padding-left: 29px !important; min-height: 22px; line-height: 22px; display: inline-block; position: relative; vertical-align: top; margin-bottom: 0; font-weight: normal; cursor: pointer;}
[class*="icheck-"] > input:first-child { position: absolute !important; opacity: 0; margin: 0;}
[class*="icheck-"] > input:first-child + label::before,
[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before { content: ""; display: inline-block; position: absolute; width: 22px; height: 22px; border: 1px solid #D3CFC8; border-radius: 0px; margin-left: -29px;}
[class*="icheck-"] > input:first-child:checked + label::after,
[class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 7px; height: 10px; border: solid 2px #fff; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); }
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #903b8f;}
.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before { background-color: #903b8f; border-color: #903b8f;}
.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #903b8f;}
.icheck-success > input:first-child:checked + label::before,
.icheck-success > input:first-child:checked + input[type="hidden"] + label::before { background-color: #903b8f; border-color: #903b8f;}
.select-input{ margin:20px 0; width:100%; border:1px solid #ddd; height:5rem; border-radius:2.5rem; font:1.4rem/5rem""; overflow:hidden}
.select-input .reg-input{ float:left; width:70%; padding:0px 15px; box-sizing:border-box; height:5rem; background:none; font:1.4rem/5rem""; color:#666;}
.select-input .but-tijiao{ float:left; width:30%; height:5rem; border-radius:2.5rem; background:#903b8f; font:1.4rem/5rem""; color:#fff;}
.select-input .reg-input::-webkit-input-placeholder{ color:#666;}
.select-input .reg-input::-moz-placeholder{ color:#666;}
.select-input .reg-input:-moz-placeholder{ color:#666;}
.select-input .reg-input:-ms-input-placeholder{ color:#666;}
/*授课教师*/
.owl-client{ margin:50px auto 0;}
.tst-image{ width:50%; margin:0 auto; padding:30px 0 0 0; border-radius:50%}
.tst-image img{ width:100%; border-radius:50%; overflow:hidden}
.case-more a{ display:block; width:200px; height:4rem; margin:15px auto; font:1.6rem/4rem "" ; text-align:center; background:#903b8f; border:1px solid　#fff; color:#fff; border-radius:2rem; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: border 0.3s ease-in-out, color 0.3s ease-in-out; transition: border 0.3s ease-in-out, color 0.3s ease-in-out;}
.case-more a:hover{ color: #903b8f; background:#fff; border:1px solid #903b8f; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
/*学员推荐*/
.recom-bg { width:100%; background: url(../images/four-bg2.jpg) center center no-repeat; }
.tex-t { float: right; padding: 0 2em 0;}
.w3_agile_testimonials_grid_left img { border-radius: 50%;}
.w3_agile_testimonials_grid .tex-t kbd { display:block; color:#fff; font:1.6rem/3rem "";}
.w3_agile_testimonials_grid .tex-t p { display:block; color:#fff; font:1.4rem/2rem "";}
.w3_agile_testimonials_grid_right p { color: #666; height:7.2rem; line-height: 2.4rem; margin-bottom: 1em;text-align:left;font-size:1.4rem; overflow:hidden}
.w3_agile_testimonials_grid_right {float: left;width: 94%; padding: 1rem 4rem; margin:0 3%;background:#fff;position: relative; }
.test-tooltip:before {content: '';position: absolute;left: -17px;top: 38%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 14px solid #fff;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.test-tooltip1:after { content: ''; position: absolute; left: 7%; bottom: -8%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #fff; transform: rotate(90deg); -webkit-transform: rotate(178deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.w3_agile_testimonials_grid_left { margin-left:1.5rem; margin-top: 0em; float: left;}
.w3_agile_testimonials_grid { float: left; padding: 2em 0em 0;margin: 0 0 0 1rem;}
.agile_testimonials_grids { margin: 50px 0 0; overflow:hidden}
.flex-slider{ background:#222227;padding: 70px 0 165px 0;}
#flexiselDemo1 {display: none;}
.nbs-flexisel-container {position: relative;max-width: 100%;}
.nbs-flexisel-ul {position: relative;width: 9999px;margin: 0px;padding: 0px;list-style-type: none;}
.nbs-flexisel-inner {overflow: hidden;margin: 0px auto;padding:0em 0 0;}
.nbs-flexisel-item {float: left;margin: 0;padding: 0px;position: relative;line-height: 35px;}
.nbs-flexisel-item > img {cursor: pointer;position: relative;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 40px; height: 40px; position: absolute;cursor: pointer; z-index: 100;background: url(../images/right1.png) no-repeat 8px 13px #2e1f54;top: 18% !important;}
.nbs-flexisel-nav-left {right:0%;}
.nbs-flexisel-nav-right {left:0%; background:url(../images/left1.png) no-repeat 8px 13px #2e1f54;}
/*校区分布*/
.map-box{ margin-top:50px; overflow:hidden}
.map-img{ padding:10px; box-sizing:border-box}
.map-img img{ width:3rem;}
.map-list{padding:0px 30px; box-sizing:border-box; }
.map-h1{ width:100%;}
.map-place{ padding-left:25px; font:1.6rem/2rem""; color:#666; background:url(../images/part6-pos-icon.png) left center no-repeat; background-size:18px; line-height:36px;}
.map-place span{ font-weight:bold;}
.map-city select,.map-area select{ display:block; width:100%; padding:0px 10px; font:1.6rem/2rem""; color:#666; border:1px solid #ddd; box-sizing:border-box}
.map-h2{ width:100%; margin-top:30px; height:248px; overflow:auto;}
.map-h2 ul li{ width:100%; padding:20px 0; border-bottom:1px dashed #ddd;cursor: default;}
.map-h2 p {width:100%; padding:20px 0;}
.map-title{ font:1.8rem/2rem""; color:#333; font-weight:bold;}
.map-title a{ float:right; padding:0px 10px; border-radius:1.5rem; background:#903b8f; font:1.4rem/2rem""; color:#fff;}
.map-h2 ul li kbd,.map-h2 ul li span{ display:block; font:1.4rem/2.4rem""; color:#666; }
.map-more a{ display: block; width: 200px; height: 4rem; margin:40px 0 0; float:left; font: 1.6rem/4rem ""; text-align: center; color: #666; border-radius: 2rem; border: 1px solid #ddd; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: border 0.3s ease-in-out, color 0.3s ease-in-out; transition: border 0.3s ease-in-out, color 0.3s ease-in-out;}
.map-more a:hover{ color: #fff; background:#903b8f; border:1px solid #fff; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
/*礼包*/
.package-bg { width:100%; background: url(../images/four-bg3.jpg) center center no-repeat; overflow:hidden}
.libao-box{ position:relative; width:96%; margin:20px auto 0; padding-top:50px; }
.libao-box2{ border-radius:10px; background:url(../images/libao02.jpg) center right no-repeat #fff; background-size: auto 100%}
.libao-img{ float:left; margin-top:-40px;}
.libao-list{ float:right;}
.libao-h1{ margin-left:8%; margin-top:30px; font:3rem/5rem""; font-weight:bold; color:#fff}
.libao-h2{ margin-left:10%; margin-top:15px;}
.libao-h2 span+span{ margin-left:3%; margin-top:15px;}
.libao-h2 span{ padding-left:30px; display:block; font:2rem/3rem""; font-weight:bold; color:#fff; background:url(../images/duihao.png) left center no-repeat; background-size:25px;}
.libao-input{ margin-left:15%; margin-top:20px; width:70%; border:1px solid #fff; height:4rem; border-radius:2rem;font:1.4rem/4rem"";}
.libao-input .reg-input{ float:left; width:70%; padding:0px 15px; box-sizing:border-box; height:4rem; background:none; font:1.4rem/4rem""; color:#fff;}
.libao-input .but-tijiao{ float:left; width:30%; height:4rem; border-radius:2rem; background:#fff; font:1.4rem/4rem""; color:#903b8f;}
.libao-input .reg-input::-webkit-input-placeholder{ color:#fff;}
.libao-input .reg-input::-moz-placeholder{ color:#fff;}
.libao-input .reg-input:-moz-placeholder{ color:#fff;}
.libao-input .reg-input:-ms-input-placeholder{ color:#fff;}
/*三个优势*/
.three-bg{ width:100%; background:#1b2129; overflow:hidden}
.three-box{ overflow:hidden}
.three-box ul li { display: flex; }
.three-box ul li i{ display:block; width:46px; height:46px;  margin-right:20px}
.three-box ul li span{ display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }
.three-box ul li span p{ display:block; font:1.8rem/2rem""; color:#fff;}
.three-box ul li span kbd{ display:block; font:1.4rem/2rem""; color:#fff;}
/*底部*/
.footer-bg{ background:#13171d}
.friendlink { margin-top:30px; padding:20px 0px; border-top:1px solid #1e242e; border-bottom:1px solid #1e242e; text-align:center; overflow:hidden}
.friendlink li{ display:inline-block; font:1.4rem/2.4rem "" ;color:#fff;}
.friendlink li a{ padding:0 15px 0px; font:1.4rem/2.4rem "" ;color:#ccc; }
.copyright{ padding-top:30px; font:1.4rem/2.4rem "" ; color:#ccc; text-align:center;}
.copyright div{ display:block; text-align:center;}
.copyright div a{ display:inline-block;font:1.4rem/2.4rem "" ;color:#fff; padding:0 10px;}
.footer-top-left i img{ display:block; width:135px; height:50px;}
.footer-top-left kbd{ display:block; margin-top:15px; font:2rem/2.4rem "" ; color:#fff; font-weight:bold;}
.footer-top-left p{ margin-bottom:30px; font:1.4rem/2rem "" ;color:#ccc; }
.footer-nav p{ font:1.4rem/3rem "" ;color:#fff; font-weight:bold;}
.footer-nav ul { margin-top:20px;}
.footer-nav ul li{ float:left; width:100%;}
.footer-nav ul li a{ display:block; font:1.4rem/2rem "" ;color:#ccc;}
/*内页banner*/
.banner-box-ny{ margin-top:90px; text-align:center; position:relative}
.ny-banner{ height:400px; width:100%; overflow:hidden}
.banner-xuanfu{ position:absolute; top:50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);  z-index:100;  width:100%; padding:0px 5%; color:#fff; text-align:center}
.banner-xuanfu kbd{ display:block; font:3.4rem/5rem ""; }
.banner-xuanfu span{ display:block; font:1.6rem/3rem ""; }
/*面包屑*/
.crumbs-box{ background:#fbf9f9; border-bottom:1px solid #e5e5e5; overflow:hidden}
.crumbs-box-nav {width: auto; white-space: nowrap; overflow: auto;}
.crumbs-box-nav a{ display:inline-block; font:1.4rem/4rem ""; color:#666; margin:0 10px;}
.crumbs-box .crumbs-box-nav a{ display:inline-block; font:1.4rem/4rem ""; color:#666; margin:0 10px;}
.crumbs-box-nav a.active{ font:1.4rem/4rem ""; font-weight:bold; color:#903b8f; border-bottom:2px solid #903b8f}
/*关于我们二级页面*/
.ny-about-infor{ padding:50px 2%; overflow:hidden}
.ny-about-infor .about-p1{ font:2.4rem/4rem ""; }
.ny-about-infor .about-p2{ font:1.6rem/3rem "";  color:#666}
.ny-about-infor .about-p3{ margin:30px 0px; font:1.4rem/2.4rem ""; color:#666}
.about-bg01{ background:url(../images/about_02.jpg) no-repeat top center}
.ny-about-compe{ padding:50px 2% 0; overflow:hidden}
.ny-about-compe ul li{ float:left; overflow:hidden}
.ny-about-compe ul li .bgfff{ padding:30px 20px; box-sizing:border-box}
.ny-about-compe ul li i img{ width:80px; height:80px; margin:0 auto 20px;}
.ny-about-compe ul li>kbd{ height:4rem; display:block; font:1.4rem/2rem "";  color:#666}
.ny-about-compe ul li span{ display:block;font:1.4rem/2rem "";  color:#999; text-transform:uppercase}
.ny-about-present ul li{ margin-bottom:15px;}
.ny-about-present ul li:last-child{ margin-bottom:0}
.ny-about-present ul li .bgfff{ padding:0px}
.ny-about-present .ny-about-compe-title{ padding:30px 0;}
.ny-about-present .ny-about-compe-title kbd{ padding:10px 20px; border-radius:0px 2rem 2rem 0px; background:#903b8f; font:1.6rem/2rem ""; color:#fff;}
.ny-about-compe-con{ padding:0px 20px 30px; box-sizing:border-box;font:1.4rem/2rem "";  color:#666}
.about-bg02{ background:url(../images/about_01.jpg) no-repeat top center}
.ny-about-reason{ padding:50px 2% 0; overflow:hidden}
.ny-about-reason ul li { margin-bottom:15px;}
.ny-about-reason ul li div { border-radius:10px; display:flex; min-height:6rem; overflow:hidden}
.ny-about-reason ul li div p{ display:block; width:4rem; height:4rem; margin:0 10px; border-radius:0 0 10px 10px; text-align:center; background:#903b8f;font:1.4rem/4rem ""; color:#fff; font-weight:bold }
.ny-about-reason ul li div kbd{ display:block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding:1rem; font:1.4rem/2rem ""; color:#666; box-sizing:border-box;}
/*新闻中心二级页面*/
.ny-news{ width:100%; padding:30px 10px; box-sizing:border-box; overflow:hidden;}
.ny-news ul li{ width:100%; margin-bottom:40px; overflow:hidden; }
.ny-news ul li .ny-news-li{ display:block; width:100%; padding:20px; box-sizing:border-box; background:#fff; overflow:hidden}
.ny-news ul li .ny-news-li kbd{ padding:0px; border-radius:0; overflow:hidden; }
.ny-news ul li .ny-news-li kbd img{ width:100%; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; }
.ny-news ul li:hover .ny-news-li kbd img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; }
.ny-news ul li .ny-news-li .new-ny-tltle{ width:100%; height:2rem; margin-bottom:10px; font:1.6rem/2rem ""; font-weight:bold; overflow:hidden}
.ny-news ul li .ny-news-li:hover .new-ny-tltle a{ color:#333; }
.ny-news ul li .ny-news-li:hover .new-ny-tltle a{ color:#903b8f}
.ny-news ul li .ny-news-li .new-ny-depict{ width:100%; height:4rem; margin-top:10px; font:1.4rem/2rem ""; color:#999; overflow:hidden; margin-bottom:20px; }
.ny-news-con{ padding-left:25px; overflow:hidden}
.new-ny-a a{ font:1.4rem/2rem ""; color:#903b8f; text-decoration:underline}
.ny-news-time{ width:19px; height:2rem; background:url(../images/new_07.jpg) no-repeat left center; background-size:100%}
.ny-news-browse{ width:19px; height:2rem; background:url(../images/new_09.jpg) no-repeat left center; background-size:100%}
.ny-news-numeral { width:100%; overflow:hidden}
.ny-news-numeral i,.ny-news-numeral em{ display:block; float:left; margin-right:5px;font:1.4rem/2rem "";color:#999;}
/*新闻详情*/
.ny-news-show{ width:100%; padding:0 10px; box-sizing:border-box; overflow:hidden}
.ny-news-bgfff{ padding:30px 2%; box-sizing:border-box; background:#fff}
.new-bt{ padding:0px 10px; font:1.6rem/3rem ""; color:#000; text-align:center; box-sizing:border-box;}
.new-time{ padding:0px 10px; font:1.4rem/2.4rem ""; text-align:center; color:#999;box-sizing:border-box;}
.new-content{ padding:0px 10px; margin:20px auto 0;  font:1.4rem/2.4rem ""; color:#666; box-sizing:border-box;}
.new-content img{ max-width:100%; width:auto;}
.next-ticket{ padding:0px 10px; margin:20px auto 0; font:1.4rem/2.4rem ""; color:#666;box-sizing:border-box;}
.next-ticket a{ color:#999;}
.next-ticket a:hover{color:#399960; }
/*优秀学员二级页面*/
.ny-student-list{ margin:30px auto}
.ny-student-list .w3_agile_testimonials_grid_right {float: left;width: 98%; padding: 1em 4em; margin:0 1%;background:#fff;position: relative; box-shadow:0 1px 10px #ddd}
.ny-student-list .w3_agile_testimonials_grid_right{box-shadow:0 1px 10px #ddd}
.ny-student-list .w3_agile_testimonials_grid_left { margin-left:0rem; }
.ny-student-list ul li{ margin-bottom:40px}
.ny-student-list .w3_agile_testimonials_grid .tex-t kbd { color:#666;}
.ny-student-list .w3_agile_testimonials_grid .tex-t p { color:#666;}
/*授课教师二级页面*/
.ny-teacher-list { margin:30px auto; overflow:hidden}
.ny-teacher-list .item{ margin-bottom:40px}
.ny-teacher-list .case-des{ margin-bottom:0}
.ny-teacher-list .case-more-ny a{ display:block; margin-top:15px; font:1.4rem/2.4rem "";color:#903b8f;  text-decoration:underline }
/*校区分布二级页面*/
.ny-campus-list{ width:100%; padding:30px 10px; box-sizing:border-box; overflow:hidden;}
.ny-campus-list ul li{ width:100%; margin-bottom:40px; overflow:hidden; }
.ny-campus-list ul li .ny-campus-li{ display:block; width:100%; padding:20px; box-sizing:border-box; background:#fff; overflow:hidden}
.ny-campus-con{ padding:0 0 0 25px; overflow:hidden}
.ny-campus-list ul li .ny-campus-li .ny-campus-tu{ padding:0px; border-radius:0; overflow:hidden; }
.ny-campus-list ul li .ny-campus-li .ny-campus-tltle{ width:100%; margin-bottom:10px; overflow:hidden}
.ny-campus-list ul li .ny-campus-li .ny-campus-tltle kbd{ display:block; float:right; width:200px; padding:0px 15px; font:1.4rem/3rem ""; color:#fff; background:#903b8f; border-radius:1.5rem 0 0 1.5rem;}
.ny-campus-list ul li .ny-campus-li .ny-campus-tltle a{ display:block; width:100%; height:3rem; float:left; font:1.6rem/3rem ""; color:#333; font-weight:bold; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; word-break: break-all;}
.ny-campus-list ul li .ny-campus-li .ny-campus-numeral kbd{ display:block; font:1.4rem/2.4rem ""; color:#666; }
.ny-campus-depict{ display:block; font:1.4rem/2.4rem ""; color:#999; }
.ny-campus-depict2{ display:block; font:1.4rem/2.4rem ""; color:#999; }
.ny-campus-a a{ float:left; margin:10px 15px 0 0 ; border-radius:1.8rem;}
.ny-campus-a a.ny-campus-reserve{ display:block; width:120px; height:3.6rem; font:1.6rem/3.6rem ""; color:#fff; text-align:center; background:#903b8f}
.ny-campus-a a.ny-campus-more{ display:block; width:120px; height:3.6rem; font:1.6rem/3.6rem ""; color:#903b8f; text-align:center; border:1px solid #903b8f}
/*课程设置二级页面*/
.ny-campus-term{ display:block; width:100%;font:1.4rem/2.4rem ""; color:#666; overflow:hidden}
.ny-campus-term kbd{ padding:0}
.ny-campus-term kbd span{ margin-right:10px; padding:0px 5px; background:#903b8f; color:#fff; border-radius:5px;}
.ny-course-numeral{ display:block; margin:15px 0; padding:12px 0; font:1.4rem/2.4rem ""; color:#666; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden}
.ny-course-numeral kbd{ padding:0}
.ny-course-numeral kbd img{ display:inline-block; width:22px; height:22px; margin-right:5px; margin-bottom:5px}
.ny-campus-liwu{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  margin:20px 0; overflow:hidden}
.ny-campus-liwu i{ display:block; width:90px; height:90px;}
.ny-campus-liwu kbd{ display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; font:1.4rem/2.4rem ""; color:#999;}
.ny-campus-liwu span{ display:block;}
.Hidden{display:none;}
.FlLeft{float:left;}
.FlRight{float:right;}
.MainBg{width:100%;margin:0 auto;}
.SliderPicBorder{width:100%;  overflow:hidden;}
.ThumbPicBorder {width:100%;margin:0 auto;overflow:hidden;}
#ThumbPic{ margin:0 auto; padding:0px; height:auto; text-align:center}
#ThumbPic li{ display:inline-block; width:24%; height:auto; margin:0;padding:0px; box-sizing:border-box}
#ThumbPic img{ width:100%; height:auto; cursor:pointer;margin:0;padding:0px; border:2px solid #fff; box-sizing:border-box}
#ThumbPic img.active{border:2px solid #903b8f;}
.course-bg2{ padding:10px 0; background:#903b8f}
.mon-show-title2{ overflow:hidden}
.mon-show-title2 ul { width: auto; white-space: nowrap; overflow: auto;}
.mon-show-title2 ul li{ display: inline-block;}
.mon-show-title2 ul li a{ display:block; margin: 0px 20px; border-radius:0px; font:1.6rem/4rem ""; color:#fff; text-align:center}
.mon-show-title2 ul li a.mon-details{ color:#fff; border-bottom:2px solid #fff}
.detailed-con{ overflow:hidden;font: 1.4rem/2.4rem "";}
.detailed-con ul li{ float:left; padding:10px; box-sizing:border-box}
.detailed-con ul li div{ width:100%;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding:20px; box-sizing:border-box}
.detailed-con ul li:nth-child(1){ width:33.33%}
.detailed-con ul li:nth-child(2){ width:33.33%}
.detailed-con ul li:nth-child(3){ width:33.33%}
.detailed-con ul li:nth-child(4){ width:50%}
.detailed-con ul li:nth-child(5){ width:50%}
.detailed-con ul li:nth-child(6){ width:100%}
.detailed-con ul li i{ display:block; width:25px; height:25px; margin-right:15px;}
.detailed-con ul li kbd{ display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%;  }
.detailed-con ul li kbd P{ display:block; font:1.6rem/2rem "微软雅黑"; font-weight:bold; color:#333;}
.detailed-con ul li kbd span{ display:block; font:1.4rem/2.4rem "微软雅黑"; color:#666;}
.trait-con{ overflow:hidden; font: 1.4rem/2.4rem "";}
.trait-con ul li { margin-bottom:20px; text-align:center}
.trait-con ul li div{ padding:20px 30px; box-sizing:border-box}
.trait-con ul li i{ display:block; width:76px; height:76px; margin:0 auto 15px;}
.trait-con ul li kbd{ display:block; font:1.6rem/4rem "微软雅黑"; font-weight:bold; color:#333; }
.trait-con ul li span{ display:block; font:1.4rem/2.4rem "微软雅黑"; color:#666;}
.dominant-con{ overflow:hidden;font: 1.4rem/2.4rem ""; padding-bottom:3rem;}
.dominant-con ul li { margin-bottom:20px;}
.dominant-con ul li div{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding:20px 0; box-sizing:border-box}
.dominant-con ul li i{ display:block; width:76px; height:76px; margin:0px 20px;}
.dominant-con ul li kbd{ display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }
.dominant-con ul li p{ display: block; font:1.6rem/3rem "微软雅黑"; font-weight:bold; color:#333;}
.dominant-con ul li span{ display:block; font:1.4rem/2.4rem "微软雅黑"; color:#666;}
.course-show-box .title-box{ margin-bottom:30px;}
/*教师详情*/
.course-show-box-bgfff{ margin-top:30px; padding:0px 10px; overflow:hidden}
.speak-con{ padding:0px 20px; font:1.6rem/3rem "微软雅黑"; color:#666; text-indent:3rem;}
.speak-level-con{ padding:0px 20px;}
/*联系我们*/
.contact-con{ width:100%; overflow:hidden}
.contact-con ul li{  margin-top:30px; }
.con-xx{ width:100%; display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox; display: flex; overflow:hidden; padding-bottom:25px; border-bottom:1px solid #e5e5e5}
.contact-con ul li i{ display:block; width:23px; height:23px; margin-right:10px;}
.contact-con ul li i img{ width:23px; height:23px; margin-bottom:-9px;}
.contact-con ul li span{ display:block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; overflow: hidden;}
.contact-con ul li span kbd{ display:block; font:1.6rem/2rem ""; color:#666; }
.contact-con ul li span em{ display:block; font:1.4rem/2rem ""; color:#903b8f}
.contact-con ul li span em a{ color:#903b8f}
#container3 { width: 100%; height: 450px; }
.title { font-size: 14px; font-weight: bold; color: #cc5522; }
.content { font-size: 13px; color: #333; margin-top: 6px; }
.contact-map{ margin-top:30px;}
.about-title{ font:2rem/4rem ""; color:#333;}
.title img{ float:left; margin-top:5px;}
/*荣誉资质*/
.ny-honor-list{ margin-top:30px;}
.ny-honor-list ul li{ margin-bottom:40px; font:1.6rem/4rem ""; color:#666;}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:60px;width:70px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background:#3f9dfc; margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:#903b8f;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat; }
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-top .i{background-position:-132px 0; }
.suspension .a-top{background:#3f9dfc;display:none;}
.suspension .a-top:hover{background:#903b8f;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
/*加盟二级页面*/
.three-con{ margin-top:30px; overflow:hidden}
.three-con em{ display:block; float:left; margin-right:10px; padding:0px 15px; height:3rem; font:1.6rem/3rem ""; font-weight:bold; color:#903b8f; border-radius:1.5rem; background:#fff; overflow:hidden}
.jm-input .reg-input,.jm-input .but-tijiao{ margin-top:15px}
.jm-compe ul li kbd{ height:auto}
.ascendant-list{ margin-top:50px;}
.ascendant-list ul li { position:relative}
.ascendant-list ul li i{ display:block; margin:0 auto; border-radius:10px; overflow:hidden}
.ascendant-list ul li kbd{ position:absolute; display:block; width:80%; left:10%; bottom:-30px; padding:15px 0px; border-radius:10px; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.15); }
.ascendant-list ul li kbd span{ display:block; text-align:center; font:1.6rem/1.6rem ""; color:#666;}
.support-bg{ width:100%; background:url(../images/support-bg.jpg) no-repeat top center; overflow:hidden}
.assist-bg{ margin-top:50px; padding:40px 20px; border-radius:10px; box-sizing:border-box; overflow:hidden}
.assist-left-h1{text-align: center; font: 1.8rem/2rem ""; font-weight: bold;}
.assist-left-h2{text-align: center; font: 1.8rem/4rem ""; color:#999;text-transform:uppercase}
.assist-left-list{ margin-top:20px; overflow:hidden}
.assist-left-list ul li{ display: flex; margin-bottom:10px;}
.assist-left-list ul li em{ display:block; width:2.5rem; height:4rem; font: 4rem/4rem "Arial"; color:#903b8f;font-weight: bold; font-style:italic;}
.assist-left-list ul li span{ display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; margin-top:1rem; height:2.5rem;background: linear-gradient(to right, #e0c9e0 , #fff); font: 1.6rem/2.5rem ""; color:#333; padding-left:10px;}

@media (max-width: 1200px) { 
.header{ padding:10px 0px; }
.header .logo { width:108px; height: 40px; margin-right:20px;}
.top-tel{ float:left; margin-top:0px; height:40px; border-radius:20px; font:1.4rem/40px "" ;}
.top{ display:none;}
#nav-menu-container { display: none; }
#mobile-nav-toggle { display: inline; margin: 12px 15px 0 0;}
.section{ padding:60px 0px;}
.section2{ padding:30px 0px 30px;}
.libao-h1{ margin-top:20px; font:2.8rem/4rem""; font-weight:bold; }
.libao-h2{ margin-top:15px;}
.libao-h2 span+span{ margin-top:15px;}
.libao-input{ margin-top:15px; height:4rem; border-radius:2rem;}
.libao-input .reg-input{ padding:0px 15px; height:4rem; font:1.4rem/4rem"";}
.libao-input .but-tijiao{ height:4rem; border-radius:2rem;font:1.4rem/4rem""; }
.banner-box-ny{ margin-top:60px; }
.ny-banner{ height:300px; }
.banner-xuanfu kbd{ display:block; font:2.6rem/4rem ""; }

}

@media (max-width: 1024px) {
.section{ padding:50px 0px;}
.section2{ padding:25px 0px 25px;}
.title-h1{ font:3rem/3rem ""; }
.title-h2{ font:1.4rem/2rem "";}
.libao-h1{ margin-top:10px; font:2.6rem/4rem""; font-weight:bold; }
.libao-h2{ margin-top:10px;}
.libao-h2 span+span{ margin-top:10px;}
.libao-input{ margin-top:10px; height:3rem; border-radius:1.5rem;}
.libao-input .reg-input{ padding:0px 10px; height:3rem; font:1.4rem/3rem"";}
.libao-input .but-tijiao{ height:3rem; border-radius:1.5rem;font:1.4rem/3rem""; }
.ny-banner{ height:250px; }
.banner-xuanfu kbd{ display:block; font:2rem/3.6rem ""; }
.banner-xuanfu span{ display:block; font:1.4rem/3rem ""; }
.ny-news{ padding:0px 10px; }
.ny-news ul li{margin-bottom:30px}
.ny-news ul li .ny-news-li .new-ny-depict{ height:2rem; margin-bottom:10px; }
.ny-student-list ul li{ margin-bottom:30px}
.ny-teacher-list .item{ margin-bottom:30px}
.ny-student-list{ margin:0px auto}
.ny-teacher-list { margin:0px auto;}
.ny-campus-list ul li .ny-campus-li .ny-campus-numeral{ height:4.8rem; overflow:hidden}
.ny-campus-list ul li .ny-campus-li .ny-campus-tltle{ margin-bottom:0}
.ny-campus-list{ padding:0px 10px; }
.ny-course-list .ny-campus-depict{ display:none}
.ny-course-list .ny-course-numeral{ margin: 10px 0; padding: 10px 0;}
.ny-campus-liwu{ margin:0px 0}
}

@media (max-width: 991px) {
.section{ padding:40px 0px;}
.section2{ padding:20px 0px 20px;}
.section3{ padding:40px 0px;}
.title-h1{ font:2.4rem/2.6rem ""; }
.select-h2{ font:2.4rem/4rem ""; }
.owl-courses { margin:40px auto 0;}
.owl-client { margin:40px auto 0;}
.libao-h1{ margin-left:10%; margin-top:15px; font:3rem/4rem""; }
.libao-h2{ margin-left:15%; margin-top:0px;}
.libao-h2 span+span{ margin-left:5%; margin-top:0px;}
.libao-input{ margin-left:25%; margin-top:0px; height:3rem; border-radius:1.5rem;}
.friendlink{ display:none;}
.footer-nav{ display:none;}
.copyright { padding-top:0px; }
.footer-top-left{ text-align:center;}
.footer-top-left i{ display:block; width:100%; text-align:center;}
.footer-top-left i img{ display:block; margin:0 auto; width:68px; height:25px;}
.ny-banner{ height:200px; }
.ny-about-infor{ padding:40px 2%;}
.ny-about-compe{ padding:40px 2% 0; }
.ny-about-reason{ padding:40px 2% 0;}
.ny-about-compe ul li{ margin-bottom:15px;}
.ny-about-compe ul li:last-child{ margin-bottom:0px;}

/*新增*/
.ascendant-list{ margin-top:40px;}
.assist-bg{ margin-top:40px; padding:30px 20px;}

}

@media (max-width: 768px) {
.header .logo { width:81px; height: 30px;}
.top-tel{ float:left; height:30px; border-radius:15px; font:1.4rem/30px "" ;}
#mobile-nav-toggle { margin: 7px 10px 0 0; }
.section{ padding:30px 0px;}
.section2{ padding:30px 0px 0;}
.section3{ padding:30px 0px;}
.title-h1{ font:2rem/2.2rem ""; }
.table-select{ min-height:380px; margin-top:30px; }
.case-bt{font: 1.6rem/1.8rem ""; font-weight:bold}
.owl-courses { margin:30px auto 0;}
.owl-client { margin:30px auto 0;}
.more a{ margin:20px auto 0;}
.odds-list{ padding:20px 40px; box-sizing:border-box}
.odds-list ul li{ margin:20px 0 0; }
.odds-list ul li kbd .span-h1{ font:1.6rem/2.4rem "" ;font-weight:bold;}
.map-box{ margin-top:30px;}
.map-list{ margin-top:30px; padding:0 10px}
.map-city,.map-area{ margin-top:20px; padding:0}
.map-h2{ margin-top:10px; height:248px; overflow-y:auto;}
.map-h2 ul li{ padding:10px 0;cursor: default;}
.map-h2 p {width:100%; padding:20px 0;}
.map-title{ font: 1.4rem/2rem""; font-weight:bold}
.map-more a{ float:none; margin:20px auto 0;}
.libao-box{ padding-top:20px}
.libao-img{ padding:0px}
.libao-h1{ margin-top:10px; font:2.4rem/3rem"";font-weight:bold }
.libao-h2{ margin-top:5px;}
.libao-h2 span{ font:1.6rem/2rem"";}
.libao-h2 span+span{ margin-top:5px;}
.libao-input{ margin-top:5px;}
.banner-box-ny{ margin-top:50px; }
.ny-about-infor{ padding:30px 2%;}
.ny-about-compe{ padding:30px 2% 0; }
.ny-about-reason{ padding:30px 2% 0;}
.ny-about-compe ul li .bgfff{ padding:15px 10px; }
.ny-about-compe ul li i img{ width:40px; height:40px; margin:0 auto 10px;}
.ny-about-compe ul li kbd{ height:auto; font:1.4rem/2rem "";}
.ny-about-present ul li .bgfff{ padding:0px}
.ny-about-reason ul li{ margin-bottom:10px}

.ny-about-reason ul li div { min-height:auto; }
.ny-about-reason ul li div p{ width:3rem; height:3rem; font:1.4rem/3rem ""; font-weight:bold }
.ny-about-reason ul li div kbd{ line-height:1.6rem}

.ny-news ul li{margin-bottom:20px}
.ny-student-list ul li{ margin-bottom:20px}
.ny-teacher-list .item{ margin-bottom:20px}
.ny-campus-list ul li{margin-bottom:20px}
.ny-course-list .ny-campus-depict{ display:none}
.ny-course-list .ny-course-numeral{ margin: 2px 0; padding: 2px 0;}
.MainBg{ width:70%;}
.ny-campus-liwu i{ display:none}
.ny-campus-liwu{ padding:0}
.detailed-con ul li:nth-child(1){ width:100%}
.detailed-con ul li:nth-child(2){ width:100%}
.detailed-con ul li:nth-child(3){ width:100%}
.detailed-con ul li:nth-child(4){ width:100%}
.detailed-con ul li:nth-child(5){ width:100%}

/*新增*/
.three-con{ text-align:center}
.three-con em{ display:inline-block; float:none; }
.jm-banner .slick-dots{ display:none}
.ascendant-list{ margin-top:30px;}
.assist-bg{ margin-top:30px; padding:20px 20px;}

}

@media (max-width: 576px) {
.select-h2{ margin:20px 0 0;}
.select-h3{ margin:0 ;}
.select-h4{ margin:20px 0 15px;}
.table-select{ min-height:auto; margin-top:20px; }
.odds-box{ width:96%; margin:30px 2% 0;}
.odds-list{ padding:0 20px; box-sizing:border-box}
.libao-box2{ background:url(../images/libao02.jpg) center center no-repeat #fff; background-size: auto 100%}
.libao-img{ margin-top:-5px;}
.libao-h1{ margin-left:0%; margin-top:20px; font:1.8rem/2rem""; font-weight:bold }
.libao-h2{ margin-left:0%; margin-top:10px;}
.libao-h2 span{ font:1.4rem/2rem"";}
.libao-h2 span+span{ margin-left:0%; margin-top:5px;}
.libao-input{ margin-left:0%; width:100%; margin-bottom:10px; margin-top:10px; height:3rem; border-radius:1.5rem;}
.three-box ul li{ margin-bottom:20px;}
.three-box ul li:last-child{ margin-bottom:0px;}
.ny-about-infor{ padding:20px 10px;}
.ny-about-infor .about-p3{ margin:20px 0px; }
.ny-news-con{ padding:10px 0px 0px 0px;}
.ny-campus-con{ padding:0}
.w3_agile_testimonials_grid_left { margin-left:0rem; }
.ny-campus-con{ padding:10px 0px 0px 0px;}
.ny-campus-liwu i{ display:block}
.MainBg{ width:100%;}
.yincang{ display:none}

/*新增*/
.three-con{ margin-top:15px; }
.three-con{ text-align:center}
.three-con em{ display:block; float:left; margin-right:5px; padding:0px 10px;}
.ascendant-list ul li { width:96%; margin:0 2%; margin-bottom:50px;}
.assist-left-list ul li{ padding:0}
.assist-left-h2{ font: 1.8rem/2rem ""; }
.assist-left-list{ margin-top:10px; }
.ascendant-list{ margin-top:20px;}
.assist-bg{ margin-top:20px; padding:20px 10px;}

}

@media (max-width: 414px) {
.libao-h1{ margin-top:10px;  }
.libao-h2{ margin-top:5px;}
.libao-input{margin-top:5px;}

}

@media (max-width: 1200px) and (min-width: 320px) {
#mobile-nav ul li i{ display:block; position:absolute; right:0; z-index:100; width:100%; padding: 15px; text-align:right;}
.fa-chevron-up:before,.fa-chevron-down:before{ color:#fff;}
#mobile-nav ul li ul li a{ display:block; width:100%; text-align:left; padding:10px 22px 10px 30px;}
.dropdown-menu-list{ position:inherit;top:inherit;z-index:inherit;display:block;padding:0;margin:0;font-size:14px;text-align:left;list-style:none;background-color:inherit; border-radius:0px}


}

/*翻页*/
.fenye{ width:100%; text-align:center;padding:0px 5% 20px 10%; font-size:12px;}
DIV.fenye li{ float:left;list-style:none;border: 1px solid #999;PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; PADDING-TOP: 0.5em; TEXT-DECORATION: none;}
DIV.fenye .thisclass{border: 1px solid #f0f; TEXT-DECORATION: none}
DIV.fenye A {TEXT-DECORATION: none;}
.paginator { margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}
/*加载*/
.loading {margin: 50px 0;}
.loading {display: -webkit-box;margin-top: 1rem;-webkit-box-align: center;-webkit-box-pack: center;background-size: 30px 30px;}
.loading, .loadingCart { background-image: url(../images/loaderH5.gif);height: 25px;background-repeat: no-repeat;background-position: center center;}
.more {margin-top: 1rem; font-size:1.2rem;}
.more a {box-shadow: 0 0 1px #bababa; background-color: #fff;display: -webkit-box;height: 4.4rem;-webkit-box-pack: center;-webkit-box-align: center;}
.more .no-more {display: none;padding: 1rem 0;text-align: center;width:100%;}
.more .no-more img{width:50%;display:inline-block}
.more .no-more p {margin-top: .5rem; font-size: 1.1rem; color: #dcdcdc;}
.more .no-mores {padding: 1rem 0;text-align: center;}
.more .no-mores p {margin-top: .5rem; font-size: 1.1rem; color: #dcdcdc;}




