@charset "utf-8";

*{ padding:0; margin:0;}
table { border-collapse:collapse; border-spacing: 0}
a { text-decoration:none; color:#323232;}
a:hover { color:#d60000;}
input { outline:none}
textarea { resize:none}
li { list-style: none}
img { border:none; vertical-align:text-top;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
h1,h2,h3,h4,h5,em,i { font-weight:normal; font-style:normal;}
/**/
.adaptivebox { width: 100%; height: 0; padding-top: 100%; box-sizing: border-box; position: relative;}
.adaptive { position: absolute; left: 0; top: 0; padding: 3px; width: 100%; height: 100%;text-align: center;}
.adaptive img {width: 340px;height: 525px;}
.adaptiveimg { position: absolute; left: 0; top: 0; padding: 3px; width: 100%; height: 100%;text-align: center;}
.adaptiveimg img {width: 334px;height: 334px;}
/*=======================================================*/
body { font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; font-size: 14px; color: #323232; line-height: 1.68; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:transparent; outline:0;}
.clearfix:after, .container:after { clear:both; display:table; content:"";}
.container { width:1100px; margin: 0 auto;}
.wrapper { width:1100px; margin:0 auto;}
.sidebar { float: right; width: 364px;}
.main { float: left; width: calc( 100% - 389px );}
.gray1 { background-color: #fff;padding-bottom: 50px;padding-top: 30px;}
.gray2 { background-color: #F8F8F8;padding-bottom: 80px;padding-top: 30px;}
.boxed { background-color: #FFF; border-radius: 3px; box-shadow: 0 0 14px 1px rgba(200,200,200,.21); margin-bottom: 22px; }
/**/
.about {margin-top: 40px;}
.about p { text-indent: 2em;}
.aboutimg{padding:15px;}
.about_logo{background: #fff;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);cursor: pointer;border-radius: 25px;}

.module {}
.module-title { position: relative; margin-bottom: 20px;} 
.module-title h2 { font-size: 38px; line-height: 76px; font-weight: 500; color: #323232;text-align: center;}
.module-title p { width: 100%; font-size: 14px; line-height: 26px; color: #323232; margin: 0 auto;}
.module-title h3, .module-title p { font-size: 20px; line-height: 28px; font-weight: 500; color: #323232; margin-bottom: 20px; margin-top: 16px;}
.module-more { width: 100%; margin-top: 50px; text-align: center;}
.module-more a.btn { display: inline-block; background-color: #323232; font-size: 22px; line-height: 30px; padding: 15px 30px; color: #fff; text-align: center; border-radius: 30px; width: 360px; margin: 0 auto; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease;margin-top: 50px;}
.module-more a.btn:hover{box-shadow:0 0 10px 2px #fac2ba;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
/**/
.header { height: 80px; position: fixed; background-color:#FFF; left: 0; right: 0; top: 0; z-index: 99; box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);}
.header .container { }
/**/
.logo { float: left; position: relative; margin-top: 17px; width: auto; height: 46px; display: block; margin-right: 60px;}
.logo img { width: auto; height: 46px;}
 /**/
.menu { float:right; font-size: 16px; font-weight: bold; color: #323232;}
.menu ul { float: left; margin-right: 20px;}
.menu li { float: left; line-height: 90px; padding: 0 15px; } 
.menu a { color: #323232;}
/**/
.menubutton { display:none; position: absolute; top: 25px; right: 10px; z-index: 5; cursor:pointer; }
.menubutton.open { top: 20px;}
.menubutton svg { width: 40px; fill: #FFF; transform-origin: center;}
#header-fixed .menubutton svg { width: 40px; fill: #323232; transform-origin: center;}
.menubutton svg .one, .menubutton svg .two, .menubutton svg .three { transform-origin: center; -webkit-transition:.5s; transition:.5s;}
.menubutton svg .one { animation: firstLineShow 0.3s ease-in-out;}
.menubutton svg .two { animation: secondLineReverse 0.3s ease-in-out;}
.menubutton svg .three { animation: thirdLineShow 0.3s ease-in-out;}
.menubutton.open .one { transform: rotate(45deg) translate(8px, 38px); animation: firstLineAnimation 0.3s ease-in-out;}
.menubutton.open .two { transform: scale(0); animation: secondLineAnimation 0.3s ease-in-out;}
.menubutton.open .three { transform: rotate(135deg) translate(15px, 0); animation: thirdLineHide 0.3s ease-in-out;}
/**/
.search { float: right; width: 256px; height: 36px; border: 1px solid #E8E8E8; position: relative; margin-top: 22px;}
.search .text { width: 100%; padding: 7px 30px 7px 8px; font-size: 14px; line-height: 20px; height: 34px; border: none;}
.submit { position: absolute; top: 4px; right: 5px; z-index: 4; width: 26px; height: 26px; font-size: 19px; color: #1184E1; cursor: pointer; background: url(images/search.png) no-repeat center center; background-size: cover; border: none;}
/**/
.slide { width: 100%; min-width: 1100px; padding-top: 60px;}
.slide-swiper { width: 100%; height: 700px; margin-left: auto; margin-right: auto;background-size:cover;background-position: center center; }
.slide-swiper .swiper-slide { width: 100%; height: 700px; background-position: center center; background-size: cover;}
.slide-swiperus { width: 100%; height: 500px; margin-left: auto; margin-right: auto;background-size:cover;background-position: center center; }
.slide-swiperus .swiper-slideus { width: 100%; height: 500px; background-position: center center; background-size: cover;}
.slide-pagination .swiper-pagination-bullet { width: 30px; margin: 0 8px!important; border-radius: 4px; opacity: 1; background-color: #FFFFFF;}
.slide-pagination .swiper-pagination-bullet-active { background-color: #f32735;}
.nbanner { padding-top:60px; }
.nbanner-img {width: 100%;height: 700px;background-size:cover;background-position: center center;}
@media only screen and (max-width: 640px){
    .slide { width: 100%; min-width: 100%; padding-top: 60px;}
    .slide-swiper {height: 200px;}
    .slide-swiper .swiper-slide { height: 100%;}
    .slide-swiperus {height: 150px;}
    .slide-swiperus .swiper-slideus { height: 100%;}
}

/**/
.introduce {}
.introduce li.c4 { float: left; width: calc( 25% - 60px); margin-left: 80px;}
.introduce li.c5 { float: left; width: calc( 20% - 40px); margin-left: 50px;}
.introduce li:first-child { margin-left: 0;}
.introduce .intro-img { width: 80px; height: 80px; margin: 0 auto; text-align: center; background-image: linear-gradient(0deg,#FFFFFF 5%,#E6F2FF 100%); border-radius: 50%;}
.introduce .intro-img i { font-size: 32px; color: #0082ff; line-height: 80px;}
.introduce h4 { margin: 24px auto 20px; font-size: 18px; color: #262626; text-align: center; line-height: 1; font-weight: 600;}
.introduce p { margin-top: 12px; font-size: 15px; color: #8C8C8C; text-align: center; line-height: 23px;}
/**/
.service { background-color: #F8F8F8;}
.service .module-title h2 { color: #323232;}
.service-list {} 
.serviceitem { float: left; width: 20%; padding: 50px 0; text-align: center; border-left: 1px solid #E3E3E3;}
.serviceitem:nth-child(5n+1) { border-left: none;}
.serviceitem h3 { font-size: 18px;}
/**/
.case {}
.caselist {}
.caselist li { float: left; width: 25%; margin: 0 0 15px 0;}
.caselist .case-pic { width: 100%; height: 0; padding-top: 60%; box-sizing: border-box; position: relative;}
.contactus {}
/**/
.coursehome {}
.coursehome ul { display: block; margin: 0 -20px;}
.coursehome li {display: block;float: left;width: 33.333%;padding: 20px;height: 635px;}
.course {}
.course ul { display: block; margin: 0 -20px;}
.course li {display: block;float: left;width: 33.333%;padding: 20px;height: 430px;}
.course-item { width: 100%; position: relative; border-radius:10px; box-shadow: 0 0 10px 2px rgba(0,0,0,.1); cursor:pointer;}
.course-pic { width: 100%; height: 0; padding-top: 525px; box-sizing: border-box; position: relative;}
.courseimg-pic { width: 100%; height: 0; padding-top: 334px; box-sizing: border-box; position: relative;}
.course-tit { padding: 20px; /*height:120px;*/ text-align: center;}
.course-tit h3 { font-size: 20px; font-weight: 500; line-height: 32px; color: #323232;}
.course-tit p { font-size: 16px; line-height: 24px; color: #323232;}
.course-desc { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; box-sizing: border-box; border-radius: 6px; /*background: #f32735;*/ padding: 76px 30px; color: #FFF;background: rgb(0 0 0 /40%);}
.course-desc h3 { font-size: 20px; font-weight: 500; line-height: 32px; margin-bottom: 30px;}
.course-desc p { font-size: 16px; line-height: 28px;}
.course-item:hover .course-desc { display: block;}
/**/
.quality {background-size: cover;}
.quality-figure { width: 100%; padding: 50px 0 0 0; margin: 0 auto;}
.quality-figure li { display: block; float: left; width: 33.333%; text-align: center;}
.quality-figure h4 { font-size: 52px; line-height: 62px; font-weight: bold;}
.quality-figure span { color: #DA251C;}
.quality-figure p { font-size: 16px; line-height: 50px; color: #888;}
/**/
.teacher {position: relative;height: auto;padding: 30px;background:#fff;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);cursor: pointer;border-radius:25px;}
.teacher-swiper { height: 300px;}
.teacher-swiper .teacher-info { width: 900px; margin: 0 auto;}
.teacher-img {float: left;overflow: hidden;position: absolute;left: 0;top: 0;width: 50%;height: 100%;box-sizing: border-box;}
.teacher-img img { width: 100%; height: 410px;}

.teacher-text {float: right;margin-top: 50px;padding-right: 40px;position: absolute;right: 0;top: 0;width: 50%;height: 100%;box-sizing: border-box;}
.teacher-text h3.teacher-text-tit { margin-bottom: 20px; color: #323232; text-align: left;font-size: 38px; }
.teacher-text h3.teacher-text-tit span { font-size: 24px; line-height: 40px; color: #323232; padding-left: 10px;}
.teacher-text-tag { margin-bottom: 20px; }
.teacher-text-tag span { padding: 3px 10px; border-radius: 32px; font-size: 18px; line-height: 32px; color: #323232; background: #f6ebed;}
.teacher-text-detail p { font-size: 18px; line-height: 32px; margin-bottom: 10px; color:#323232;}

.teacher-pagination .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 8px!important; border-radius: 7px; opacity: 1; background-color: #E3E3E3;}
.teacher-pagination .swiper-pagination-bullet-active { background-color: #f32735;}
/**/
.video-box { height: 362px; margin-top: 50px;}
.video-box-con { float: left; margin: 0 0 0 40px; position: relative; height: 356px; width: 550px; overflow: hidden; border-radius: 15px;}
.video-img { width: 100%; height: 100%;}
.playCircle { position:absolute; width:80px;height:81px; background:url(images/video-play2.png) no-repeat center; background-size:contain; top:50%; left:50%; margin: -40px 0 0 -40px; cursor:pointer; transition: .4s;}
.video-box-con:after { content:""; display: block; position: absolute;top: 50%; left: 50%; width: 26px; height: 30px; margin: -15px 0 0 -10px; background: url(images/video-play.png) no-repeat center;  background-size: 26px 30px;}
.video-box-con:hover .playCircle { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
/**/
.video-box-info { float: right; width: 440px; height: 100%; margin: 0; box-sizing: border-box; overflow: hidden;}
.video-box-info ul { width: 100%; height: 100%; position: relative;}
.video-box-info li { display: block; width:100%; padding:20px 0 20px 100px; box-sizing:border-box; margin:10px 0; overflow:hidden; transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear}
.video-box-info li:hover { transform:translateX(4px); -webkit-transform:translateX(4px); -moz-transform:translateX(4px); -o-transform:translateX(4px); -ms-transform:translateX(4px)}
.video-box-info li.video-icon1 { background:url(images/video-icons.png) no-repeat 0 8px; background-size:80px;top:0}
.video-box-info li.video-icon2 { background:url(images/video-icons.png) no-repeat 0 -108px; background-size:80px;top:115px}
.video-box-info li.video-icon3 { background:url(images/video-icons.png) no-repeat 0 -230px; background-size:80px;top:230px}
.video-box-info li .item-title { text-align:left;font-size:18px}
.video-box-info li p { font-size:14px; line-height:22px; color:#323232}
/**/
.videos { display:none; width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999;}
.videos:before { display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8);}
.videosbox { position: fixed; left:50%; top:50%; margin-left:-400px; margin-top:-225px; width:830px; height:480px; padding: 15px; background-color: #FFF; border-radius: 10px;}
.videosbox video { width:100%; height:100%;}
.vclose { position:absolute; width: 34px; height: 34px; line-height: 34px; padding: 2px; text-align: center; right:-10px; top:-10px; border-radius:100%; cursor: pointer; background-color: #FFF;}
.vclose i { display: block; width: 30px; height: 30px; background: url(images/close.png) no-repeat center center; background-size: 16px 16px;}
/**/
.online { background: url(images/teachericon.png) no-repeat center bottom; background-size: contain; height: 450px;}
.online-left { float: left; margin-left: 50px;}
.online-right { float: right; margin-left: 50px;}
.online-tag { width: 320px; height: 154px; position: relative; padding: 30px 0 0 125px; box-sizing: border-box; margin-top: 20px; transition: all .6s linear; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; -ms-transition: all .6s linear;}
.online-tag:hover{transform:translateX(4px);-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-o-transform:translateX(4px);-ms-transform:translateX(4px)}
.online-left .online-tag { background: url(images/shape-icon-bg.png) no-repeat -10px center; background-size: cover;}
.online-right .online-tag { background: url(images/shape-icon-bg.png) no-repeat -348px center; background-size: cover;}
.online-left .online-tag:hover{transform:translateX(4px);-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-o-transform:translateX(4px);-ms-transform:translateX(4px)}
.online-right .online-tag:hover{transform:translateX(-4px);-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-o-transform:translateX(-4px);-ms-transform:translateX(-4px)}
/**/
.online-tag-icon { position:absolute; left:25px; top:50%; margin-top:-40px; width:80px; height:80px; }
.online-icon1 { background:url(images/online-icons.png) no-repeat center top; background-size:cover}
.online-icon2 { background:url(images/online-icons.png) no-repeat center -205px; background-size:cover}
.online-icon3 { background:url(images/online-icons.png) no-repeat center -98px; background-size:cover}
.online-icon4 { background:url(images/online-icons.png) no-repeat center -315px; background-size:cover}
.online-tag h3 { font-size: 20px; font-weight: 500; line-height: 32px; color: #323232; margin-bottom: 5px;}
.online-tagp{line-height:24px;font-size:14px;color:#323232}
.online-tag p.tag{color:#e90c2f;line-height:24px}
/**/
.history {background:url(images/company.png) no-repeat center top;background-size:100% 410px}
.history-con {}
.history-text { background:#e90c2f;padding:45px;color:#fff;font-size:18px;line-height:30px;margin:70px auto 20px;width:586px;box-sizing:border-box;border-radius:8px}
.history-time { width:100%; margin-bottom:40px;}
.history-time img { width: 100%; height: auto;}
.history-cooperate {}
.history-cooperate img { width: 100%; height: auto;}
/**/
.glory { background-color: #F8F8F8;}
.scroll { width: 100%; height:238px;overflow:hidden;box-sizing:border-box;padding:0 20px;}
.scroll .glory-content { width:2160px; height:100%; position:relative;left:0}
.scroll .glory-content .glory-item { float:left;margin:0 30px;width:calc(215px)}
.scroll .glory-content .glory-item .glory-img { text-align:center;width:200px;height:145px;margin:0 auto 30px}
.scroll .glory-content .glory-item .glory-img img { margin:0 auto;height:100%;width:100%}
.scroll .glory-content .glory-item .glory-title { width:100%;position:relative;text-align:center}
.scroll .glory-content .glory-item .glory-title::before { content:'';position:absolute;height:64px;width:35px;left:-12px;top:0;display:block;background:url(images/cury-break-icon.png) no-repeat 0 top;background-size:cover}
.scroll .glory-content .glory-item .glory-title::after{content:'';position:absolute;height:64px;width:35px;right:-12px;top:0;display:block;background:url(images/cury-break-icon.png) no-repeat right center;background-size:cover}
.scroll .glory-content .glory-item .glory-title p{line-height:32px;font-size:16px;color:#323232}
.scroll .glory-content .glory-item:hover .glory-title p{color:#e90c2f}
/**/
.brand-item { float:left; width:calc(255.5px); height:318px; border-radius:4px; box-sizing:border-box; background:#f54f50; margin-right:166.75px; box-shadow:0 0 10px 2px #eee; position:relative;}
.brand-item a { text-decoration:none;}
.brand-item .brand-name { height:125px; background:url(images/brand-logo1.png) no-repeat 56px -82px; background-size:190px;}
.brand-item .brand-content { background:#FFF; border-top-left-radius:50px; height:170px; width:258px; padding:30px 50px; box-sizing:border-box; position:absolute; left:-1px; bottom:-1px; overflow:hidden;}
.brand-item .brand-content h3 { font-size:24px; color:#323232; line-height:32px; padding:0 0 20px; position:relative}
.brand-item .brand-content h3::after { content:''; width:30px; height:2px; background:#f54f50; position:absolute; left:4px; bottom:0; transition:width .3s linear; -webkit-transition:width .3s linear; -moz-transition:width .3s linear;-o-transition:width .3s linear;-ms-transition:width .3s linear}
.brand-item .brand-content p { margin-top:20px; font-size:14px; line-height:22px; color:#323232}
.brand-item .brand-content p.hover-show { display:none;}
.brand-item:first-child { background:#e90c2f}
.brand-item:first-child .brand-name { height:125px; background:url(images/brand-logo1.png) no-repeat 56px 50px; background-size:190px;}
.brand-item:first-child .brand-content h3::after { background:#e90c2f;}
.brand-item:nth-child(2) { background:#c80032;}
.brand-item:nth-child(2) .brand-name { height:125px; background:url(images/brand-logo1.png) no-repeat 56px -338px; background-size:190px;}
.brand-item:nth-child(2) .brand-content h3::after { background:#c80032;}
.brand-item:last-child { background:#ffe229; margin-right:0}
.brand-item:last-child .brand-name { height:125px; background:url(images/brand-logo1.png) no-repeat 56px -85px; background-size:190px;}
.brand-item:last-child .brand-content h3::after { background:#ffe229}
.brand-item:hover { box-shadow:0 0 10px 2px #ccc;}
.brand-item:hover .brand-content{ height:calc(101%); padding-top:70px; bottom:-3px;}
.brand-item:hover .brand-content h3::after { width:90px;}
.brand-item:hover .brand-content p { display:none;}
.brand-item:hover .brand-content p.hover-show { line-height:28px; display:block;}
/**/
.breadcrumbs { height:66px; font-size:14px; color:#323232; line-height:66px;}
.breadcrumbs a { color:#323232; cursor:pointer; text-decoration:none;}
.breadcrumbs a:hover { color:#E90C2F;}
/**/
.section { padding: 30px 30px; /*min-height: 888px;*/ box-sizing: border-box; background-color: #FFF; border-radius: 3px; box-shadow: 0 0 14px 1px rgba(200,200,200,.21);margin-bottom: 20px;}
.section-title { position: relative; margin-left: 14px; height: 23px; line-height: 23px; font-size: 24px; color: #262626;}
.section-title h3 { font-size: 24px; }
.section-title::before { content:''; position:absolute; top:0; left:-14px; width:4px; height:23px; display:block; background-color: #E90C2F;}
.section-more { position: absolute; top: 0; right: 0; width: 116px; height: 30px; display: block; border: 1px solid #323232; border-radius: 16px; line-height: 30px; text-align: center; font-size: 14px; color: #636363; text-decoration: none; cursor: pointer;}
/**/
.section-tag { margin-top: 27px; margin-left: 14px; font-size: 0;}
.section-tag a { margin-right: 12px; width: 65px; height: 30px; display: inline-block; border-radius: 5px; background-color: #b6b6b6; line-height: 30px; text-align: center; font-size: 18px; color: #FFF; cursor: pointer;}
.section-tag a.active { background-color: #E90C2F;}
/**/
.newlist { margin-bottom: 30px;}
.new-item { position: relative; padding: 24px 14px 20px; border-bottom: 1px solid rgba(227,227,227,.9); display: block; text-decoration: none; cursor: pointer;}
.new-title { position: relative; height: 28px; line-height: 28px; padding-left: 26px; }
.new-title h2 { width:calc(100% - 100px); display: inline-block; vertical-align: middle; font-size: 18px; line-height: 28px; color: #262626; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new-view { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 28px; color: #323232;}
.new-time { margin-top: 10px; margin-left: 26px; font-size: 14px; color: #323232; }
.new-text { position: relative; padding-left: 26px; max-height: 48px; margin-top: 15px; font-size: 16px; color: #323232; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

.new-title::before { content:''; position:absolute; top: 7px; left: 0; width: 18px; height: 18px; display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAEPElEQVRYR8WYX0xbZRjGn+ccKNBDGDGkXTZgMApTOC0brX+mcTEZGv9caLZpImqmIXqxxOiyeGHihdFoNFmI82beqGhCUMSoMW7RxF3g4ky0MFoqOKZAixt/Mo3KAVva85pTqGaTtXS08N704nv7PL++3/v1Pd8hlkOAgslG352g7IHCUgGYWsvT5yIkERTGP9kWDP5ueSQNx3d4atVC24cgbsyTcRpZmVVMad8a6v+coy5XWXHJpu8BNkDEFPJHiFzIN5QCaAJ6QRRDJGoK93JC9z6vkK8CEqNpPlIZGujNN0hKP3LDznqo6kmQdRQ5zYjbewbgLQLprA76n1gvkH+B9JZ9oPIxgDgjuncUpIumebgy1P/GesNMXt/cIAUFIyDJiNt3HkAdRJ6pGvK/mS3MrN3TYlJaAeU6UMJcTHzliIYszVVFpKnFBfLcmmCmSj0OCN4lee9lriICSNdxI3jwRcDMRLRmGAuEwDfJE3iVoMjjDiPw3nrAfErw/qSRIGFVQsBhQvaCbF0CkNPOucDteYeZ1ppnQKmA0FTF3F8xH/zMMr2Ahgq1tGR2GXLeaQxq6wCjPwqoT4PS6ZwLHE8ZjqGm2K6VGSAVq2IOY7CQVu3SxJp7ZiXtMdSU20s3vQ7gqeXKhJzGoJ73ylxpMF3s3g5VOQViW2qNIs86jMCxdYWxpvuM1vwdiJtSxgL09M0Ntj0Eq7nTR0636aLdfY+iKCeWt2ZBIO2bjUB3JojUek5hpjT3O6SyNNPE7HAawSOrBbHycgozrTWfBdGcBEgkbnMuDH27YTAXNc9RhTwCkaDDCLQQiG8YjGUcLtLrqqISIUKxbEByvk0zaCqFprYnIYzE2w6E5rIBymnPTGmeL1KTW0RObDYC920kTJSkbek0SdRpBIo3DGba7vkICg8kAUzpdc4HHrxmmLDuPUeyXkSeqx7yH81GyModhatok1bysPVXO2csdNfjfDQbjYmmXY0KlaHUk95JAHcDcqoy6G/NNGWzMVpNbrjJd5gKOiBiMNLkbYPCLogIgbckFn8F8/bf0glVTp6JMc3csebVZOXutL0Ts8VsNjsPgHIMoCaQbvYA6m7d1wNi33ITCsiF9L9KgvG/Lt1ROz7+90p5Ybe3i+AD6TQI2Kwr9bJnGLH4rcnr7ajLVVRcUvYSwUMClmYsr+BPyEJtVSj0vwpO6r7HAOkU6wErcyQIfBmLJw5tHx6YuOxyP1azs7xQU3dRYVkC1q6tHCoXh7cGAj9duTq1w1O7aCvsB1gOoE+ADlxFhwkzGjdluHbk7HhKJ2dvGpJvMXTf1yD2QHBJTSS8W4YHJjIX57+MnMGEm7wvUOHL1kEQYVt16IcPsgGxcnMCE2n03iwq+gjaROT96iH/wWxBcgej+3pB7IfIz7F5eOt+8f+xYTC/6t67hHxSWTRf2zLS778WEOs7/wDQvjmvh1n/bQAAAABJRU5ErkJggg==) no-repeat center; background-size: cover;}
.new-text::before { content:''; position:absolute; top: 7px; left: 0; width: 18px; height: 18px; display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAEIklEQVRYR+1YW2xUVRRd69zp2AdWNP7QzkxbOxTauS107hgfHxgDPj/8QMUEQtQYk4qJyIdGEv3whZoYBL7QaEKMRiQoISYSNZpISPiQO0M6M22hVDqPGhNAItE+pjN3mzNtdeh75PLX83Nzzt5n7XXXOffsfS4x2QTwZNsi94GyDorLBOCU7To9xyGFuDB/pCEev6xjFAMOrupoMiq8X4K4/ToFngdWLihHnqlPRr9hfzBYW1l10y8AWyDiCNkDkd8ACIFxIR2NpK6BpQYgICIaRry6q4AaAS0QlRAZc4TrmTKtnYrcBUiOjrPFl4wdvoa4ZU3NtK5dCcM4BrKZIieYabdOArxTIAcCcfvpstBccM6Y4Y2g+gpAnhnT6gcZpOPs8CWje1zALwsiu3pNi3g8fSDJTHvkHIBmiGz3J+x9ZSG54JwJhYMgzy6RmS7mkjJzba8lZVxRJtXaucEwjJcFqACcff5E9EgpcNYMb3KonqfICOi844/Hfi61p02ri+BWoXORgtf8iWh3qX3RyzRohlsVeZqgzic6uziOg3saeuwTuptt61wvSv2gz4gJO0YFYgYS9oDuZtrDWwD12b/BBRdrhiV4y6/2n1NjiyaTCoVfVEp9cLXE8p4/br9SDGZae0BuL7WLyHOBhL1fj6XNyEEST5TaC4XCw409sWNlkxkKRR5xFI6WgjlAV0P81IeTZF4AubfUrkQeqE/Y3xeVM61dQu78TxkRg2iri9t9ZZPRBdaQGflEIE9NLIUcveKMbgolkzkNdr6xsdJz461fA3hIFwgC+SiQiHZNBUq1t9+s4P1WJ2ICeceR1wNJ+63/tWemJmU7OnxGTnlW9J0enO2r+H1VR1MOxljgTEzXQTPawOo1LdV5dXnFudiF6cZF75nZgN0eWyIzl6JLyixKmbRpnSW5UkReCiTs993eoAvhpUKdbYoqMVXp6dPwQUB+8sXtDfowWQjATXs6FNlBhd0Q+ZuZkLUZip/rQ4vAfsnl38Zw9R/zBfRlT+YIFObzyfh8VYB/TpecN+f1VvMxUPYCrBHIFzwEGHeZkUMgNhZn6oOUHJn37UW6839durdpcHB0Nr+0aX1M8HEQnrlwCHj1lXoyZhq5/N3FbNsfDN5QWVX7BsFtAi5bcBkEVyAjTf5kcoaCWTOyFZADQn1pXLAVCHyXyxe23dYbS111uT/fuHZ5RY3RScXaQvF2O3szON5b3919ZrpVp4Vxb0UU4HIAxwXYPXFLntlYcMbyjvQ2laQY1/40FP9imJEfQayD4JJRKFh1vbHUgtqUOLhGJh2yXqXim8XsLdwcSJ46WA4R7esKmUybdYcYOK4rQhH5NJCwnyyXiHtkzMhhEI9CZCA3DKu5pKwsh5QrygyZ1v1CPqvGnXfr+qJ2OQRKff8Bitswr8XEosQAAAAASUVORK5CYII=) no-repeat center; background-size: cover;}
/**/
.client { padding: 32px 24px; height: 170px;}
.client-qrcode { float: left; width: 108px; height: 108px; background-color: #323232;}
.client-info {}

.client-info { float:left; margin-left:10px} 
.client-info h4 {font-size:24px; color:#262626; font-weight:600; margin-bottom: 10px;}
.client-info p {font-size:18px;color:#323232}
/**/
.appoint { padding: 35px 26px 1px 26px; height: 456px; box-sizing: border-box;}
.appoint h3 { font-size: 24px; color: #323232; text-align: center; line-height: 30px; font-weight: 700;}
.appoint h3 span { color: #e32d34;}
.appoint-form {}
.appoint-form-item { position: relative; margin: 20px auto;}
.appoint-form-input { border-radius: 5px; background-color: #f3f3f3; padding: 5px 5px 5px 16px; width: 100%; height: 50px; box-sizing: border-box; border: 0; outline: 0; font-size: 14px; color: #323232; line-height: 30px;}
.appoint-form-select { float: left; display: inline-block; width:calc( 50% - 5px ); margin-left: 10px;}
.appoint-form-select:nth-child(1) { margin-left: 0;}
.appoint-form-select select{ padding: 0 12px; width: 100%; height: 50px; border-radius: 5px; border: 0; box-sizing: border-box; outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #f3f3f3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAQCAYAAADnEwSWAAACU0lEQVQ4T63US2sUQRAH8PrPw11cdmd2dkAkEBRF8SAIOQgeRDYaUCQgAQVFzMGD+QR+Ca8exBwComBABBGVhETwIHgQBA9CiAQCISA9vbO7URznUdJSkRjz2ET71t1V9RtqigYRUaPR6GPmO0VRjMVxHJuz/7GCIKhZlnUvz/PbrVZrEWEY7iei10R0lJnfp2k61Ol09L9ivu/7tm2/AnCSiOaZ+QyCILgC4BEAS4APSZKc63a7ardgrVYLXNedAjBgajBzURTFDUgbR4loHIAtlx+TJDm7srLyZadgtVoNS6XSNBGdWIWY+ZbW+v4vzKwwDK8x8wQAR4I+ARhUSi33ClYqlX3lcnkawHGpkRPRzSiKJsz+N2Y20tIHAFwB5pi5GUXR0nag+ffMPAPgmEAZgFGl1MPV3D8wAUfkH+6RoPk8zwfNNG0GmmkGMEtERwRKmfm61vrx2py/MGnpMBFNElFJghfSNB1st9sL68F6vd5v2/YMER0W6AczX9VaP1kfuyFmgur1+gXbtk1CWYosZlnWbLfbn1eLeJ530HGcWQAH5CwhostKqWcbdWFTTFo6ZFnWUyLaK+ASgKZSas7zvEMC9Uvh73mej7RarRebtXtLzCQ1Go0mAPOlFSmyzMxjRHQXQJ+cfSuK4pLWemqrQdoWM8m+7592HOc5EVU3KPaVmYejKDIDsuXqCZOWngLwEkBtTcVulmUX4zh+sx1k7nvGpKXmnTPvnc/MHWY+r7V+2wu0Y8wkeJ434LrupBnvKIre9QrtCpPi5knLdgKZ2J8xwPr0zGmEOAAAAABJRU5ErkJggg==) no-repeat right 12px center; background-size: auto 8px;}
.appoint-form-button { margin: 10px auto; width: 100%; height: 50px; display: block; background-color: #f32735; border-radius: 5px; border: 0; outline: 0; line-height: 50px; text-align: center; font-size: 22px; color: #fff; cursor: pointer;}
.protocol-agreement { margin-top: 21px; font-size: 14px;}
.protocol-agreement .btn-check { padding-left: 15px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAnUlEQVQ4T2NsaGhg0dLSCv7//78FIyMjFwMZ4P///98YGRlPXLt2bS3jqlWrwhkYGJzIMAebln2MK1eu7Ie6rCMsLOw+OQavWrVKkYGBoQLs0lWrVs0EGRIWFpZOjmEwPTBzRg0kPxRHw3A0HZKReoZQslmxYsUEJiYmTgYGBqoVX9QtYGFVwL9//yyhLiU5Sv79+/ediYnpOKgKAAAtNJUdXzwNbwAAAABJRU5ErkJggg==); background-position: left center; background-repeat: no-repeat; background-size: 10px 10px; user-select: none; cursor: pointer;}
.protocol-agreement a{ color: #08C;}

/**/
.question { padding: 38px 35px;}
.question-item { position: relative; padding: 18px 0; border-bottom: 1px solid #e3e3e3;}
.question-item::before { content: ""; position: absolute; top: 29px; left: -12px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #262626;}
.question-item h3 { display: block; text-decoration: none; font-size: 18px; color: #262626; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.question-item-info { position: relative; margin-top: 10px;}
.question-item-info .tag { padding: 0 5px; height: 22px; border-radius: 3px; background-color: #ff8e33; display: inline-block; font-size: 16px; color: #fff;}
.question-item-info .time { position: absolute; right: 0; bottom: 0; font-size: 14px; color: #323232;}
.question-item:last-child { padding-bottom: 0; border-bottom: 0;}
/**/
.gongkaike { padding: 38px 35px;}
.gongkaike-con { margin-top: 27px;}
.gongkaike-item { margin: 10px 0;}
.gongkaike-item:after { clear:both; display:table; content:"";}
.gongkaike-item a { display: block;}
.gongkaike-img { float: left; width: 145px; height:145px; border-radius: 5px; display: inline-block; vertical-align: middle; object-position: center; object-fit: cover;}
.gongchanpin-con { margin-top: 27px;text-align: center;}
.gongchanpin-img { width: 295px; height:295px; border-radius: 5px; display: inline-block; vertical-align: middle; object-position: center; object-fit: cover;}
.gongchanpin-title-box { margin-left: 20px;display: inline-block; vertical-align: middle;}
.gongkaike-title-box { margin-left: 20px;width: calc( 100% - 165px ); display: inline-block; vertical-align: middle;}
.gongkaike-title { font-size: 16px; color: #262626; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.gongkaike-more { margin: 25px auto 0; width: 116px; height: 30px; display: block; border: 1px solid #323232; border-radius: 16px; line-height: 30px; text-align: center; font-size: 14px; color: #636363; text-decoration: none;}
/**/
.kcclass { padding: 20px; border-radius: 6px;}
.kcclass-item { position: relative; padding-left: 85px; margin: 10px 0;}
.kcclass-item-title { position: absolute; top: 0; left: 0; height: 40px; line-height: 40px; font-size: 16px; color: #323232;}
.kcclass-item-list {}
.kcclass-item-list li { display: inline-block; padding: 5px 0; margin-left: 15px;}
.kcclass-item-list li a { display: inline-block; padding: 3px 8px; font-size: 16px; color: #323232;}
.kcclass-item-list li.on a { color: #f32735; background: #ffe6e7; border-radius: 13px;}
/**/
.kc-list { margin-bottom: 50px;}
.kc-list ul { display: block; margin: 0 -9px;}
.kc-list li { float: left; width: 33.3333%; padding: 9px;}
.kc-item { width: 100%; height: auto; background-color: #FFF; border-radius: 3px; box-shadow: 0 0 14px 1px rgba(200,200,200,.21); overflow: hidden;}
.kc-item-img { width: 100%; height: 0; padding-top: 56.5%; box-sizing: border-box; position: relative;}
.kc-item-img img { border-radius: 3px 3px 0 0;}
.kc-item-info { padding: 10px 12px;}
.kc-item-info h4 { width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-family: PingFangSC-Medium,PingFang SC; font-weight: 500; overflow: hidden; color: #323232;}
.kc-item-info h4>span:first-child { padding: 1px 5px; margin-right: 8px; background: #f32834; border-radius: 3px; font-size: 12px; font-family: PingFangSC-Medium,PingFang SC; font-weight: 500; color: #FFF; }
.kc-item-info p { height: 22px; line-height: 22px; font-size: 14px; font-family: PingFangSC-Regular,PingFang SC; font-weight: 400; color: #323232; margin-top: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.kc-item-info p>img { width: 16px; height: auto; vertical-align: middle;}
.kc-item-info span { vertical-align: middle;}
.kc-item-info p:last-child { position: relative; margin-top: 14px; z-index: 1; overflow: visible;}
.kc-item-info-icon { position: absolute; top: -3px; right: -12px; overflow: hidden; display: inline-block; line-height: 26px; padding-left: 15px; color: #f32735;}
.kc-item-info-icon>img { position: absolute; height: 26px; left: 0; top: 1px;}
.kc-item-info-icon>span{ position: relative; display: inline-block; background-color: #fbe7e7; padding-right: 12px; white-space: nowrap; height: 100%; z-index: 1;}
/**/
.article {}
.article-top { position: relative; padding: 20px 10px; margin-bottom: 15px; background-color: #FFF; border-radius: 3px; box-shadow: 0 0 14px 1px rgba(200,200,200,.21); }
.article-top::before{ content: ""; position: absolute; top: 39px; left: 10px; width: 24px; height: 23px; display: block; background-size: cover;}

.article-body { position: relative; padding: 20px 30px; margin-bottom: 22px; background-color: #FFF; border-radius: 3px; box-shadow: 0 0 14px 1px rgba(200,200,200,.21); }
.article-body::before{ content: ""; position: absolute; top: 39px; left: 10px; width: 24px; height: 23px; display: block; background-size: cover;}
/**/
.article-title-line {text-align: center;}
.article-info {text-align: center;}
.viewall_plugin img {width: 650px;}
.article-title { display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 600; color: #262626;}
.article-tag { margin-left: 20px; padding: 0 13px; height: 23px; display: inline-block; vertical-align: middle; background: #ff8e33; border-radius: 3px; line-height: 23px; color: #fff; font-size: 16px;}
.article-info .article-time { padding-left: 20px; display: inline-block; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACLUlEQVRIS73WR6sUURAF4O+ZMYAKgi5MYARzwIALFVcuDLgQf6TocyEIoi5EFMwKPgMYwQQiGDArBXVlnJnunhadu2umpk6FU6dqRPObigWYi5mYjHH4gc94ixd4go9N7kZqDKZjDeYnQJj+TJDvGJ/gxUcE8BS38K7KbxXgcqxNp1/xEM/wBvFd3kTMzqAWYhIimBu42w+0GzC+t2BxluwebneBVAUf4KuwLCsSQV7Kqvz+Tzfg1gT7hPN43dSTPr/PwQ5Mycpc7LTpBIwybkCAna7pw6wkSvSz6s3AngS92lneAhgE2Yv4PlOT2SJswxVEueteZLo7S3oS78O4AG5HNP0Ortd4if5sTCZGb5veOqzEY1wogDFn+/ANow0EaQsYRNqPCTgRcxoZrsB63MflhpDbAoa7TViKaxgLwJ2Yl717+R8AQ6F24TnOBeCBZNPRAebtbzKMsh5K9o8G4GF8wbEmBuRQtyFNcXkwVeh4AB7Bh2xqE2bJMEr/qsI4BP1Bl8IEKacFKdtmuASbm6LCqdTdvhm26WFsiNDZWE9VL9rzqOPHnh4Wlp7NvTZAAq1MeljaZg5bIaVxzxy2UZq2gH2VJpwULR1LRWjruMo+FCwq+IeWhvGg26JNILXbIhyVGWvah4OANu7D4mSoG7+sq6HeNCXT7qstBjlOwH9+tXX2J4i0Oo/goiyD3KU3yznRr9l1h3CxH9rlXRVgHLuhqXHwhm7WXW89Pn4ByhOlNxwydAMAAAAASUVORK5CYII=) no-repeat left; background-size: 14px 14px;}
.article-info .article-view { padding-left: 20px; margin-left: 37px; display: inline-block; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAE8klEQVRIS62WXWxURRTH/2fuXbtWWhEwVKjBWMtXINpIYsQXfZAgQgyi696ZpUsLkUACJj7gB4QsCiQkJCYN0WzSgvtxZ5dttERI0Cc16hNIRFRURBBEECiQrFbq7t5jZrNLlrbbFul5271z5jdz5n/+M4RRRCQSuaOpqWmWEGICgKu9vb3H169f3z+K1EFDaLikWCw20efzbQLQCsDAisHM1wC4hULhrdbW1ou3Aq4KTKfTczzPOwigEcC/AA4z8xkiMr/nAfADuMDMi5VSX48WOiRQaz0ZwBEAU5h5P4B1SqnfypNmMpmpuVzuHSJ6EcAlInrU87y/iKgHwLe5XG5XOBz+eahFVAN2AWgnom7LspxAIFAYmMzMlEql9gAIA8hIKV/SWq8D0AHgHwBrpJSxgXmDgK7r3kNE5wAUrl+//mB7e/ulauWKRqN319XVnWLmcZ7nTaupqbmWz+cjAF4FYOZeLKX8uDJ/EDCZTC4QQnwCYJ+UculIZ6O1TgJQzLxMKfWhGe+67stEFAVwvKenZ253d/eNCg0FDAsh3mfmDqXUKyMBk8nkViHERmZeq5R6r6Ri0lr/QEQzmblFKfVNeZ6hgIuFEEYoKSmlHAnoum4nEa1kZkcplS6P11rvBtBWuXPzbRAwkUjcZ1nWGdPg2Wz2gdWrV/dVg3Z0dNRMmjTpF2aeAqBZKfVreazruvuI6DkhxKJgMGjaqxjVVHoAwLNEtMNxnNerAbXWmwFsAfCZlPKpirZpyOfzJwD4crnc1HA43DssMJlMziaiQ0R0J4Dtly9ffrvSyqLRqK++vv41z/O2EFGuUCjMX758uelbdHZ2Tqitrf0AwJMAdkspVw6r0oqSLCKivQDGMfPvAMyu/yCiBmY2u59GRH3M3CqlNACkUqn5zLwPwL1mLDPPUUpdHRGYyWSsQqGw1PO8rUQ0YxjhnCSizZZl7TXmEI/Hl9i2nSnZnkn7lIjaHcc5XbWkWuuZphQAHi8N+hPA58z8ExFdYebxAGYQkSlZQ6kNjjDzilAodCyTyUzI5/PPAzBn38TMFy3LWhAMBo8OEk0ikVhoVgugHsB3ACK2be8PBALGvG8Kc461tbXPWJZlnKWFmfuEECHHcYyfIh6P32Xbtml+BeBcf3//vLa2tgs3VJpIJJ62LOsjADUAdtq2vWko0EBwJBKxm5ubNxPRRmOHAJZJKU0fIxKJiOnTp5sNvMDMe5VSwSIwFotN9fl8xg0mMvMGpdTOkRp+4PdkMrlWCLELQLbkLsWeNN4M4AQRjfc8r6UIdF03RURBw5ZSrrhVWIWy3yWiNcx8QCm1pPy/1no7gDeYeTvF4/FZtm0fM87S19c3Y9WqVVf+L7Crq6vO7/cbcU0mosccxzls5kokEvMty/oKwBfGZHcA2OB53rZQKGSeE7cVruu+SUTbmHmXUsrcjygp17jNSQM0cp3red7DRta3RQOQTqebPM8zt/0pKeVDpqdN++TzeWMeZ8l13b+JKO84zngi4tsFmnyt9QXz6LJtuyGbzfr9fv9ZIhJFoNbaQI5LKWePBawEPGQeWoVCobmxsfH0+fPnv2dmHzMfLAOPSikfGSug67pfEtETAGZJKX+snLcMNCXYQzTsM3VU62EunkoIwP3VgMYdTH3HOti27aZAIHBq4A4XApg21jQhxLlgMGiutJviPz3uKHMeOQwtAAAAAElFTkSuQmCC) no-repeat left; background-size: 14px 14px;}
.article-description { margin-top: 20px; font-size: 16px; color: #323232; text-align: justify;}
/**/
.article-content { /*margin-top: 30px;*/ margin-bottom: 40px; font-size: 16px; color: #444; text-align: justify;}
.article-content p { margin-bottom: 20px;}
.article-tags { text-align: right; font-size: 16px; color: #262626; }
.article-tags a { color: #48a5e6; cursor: pointer; text-decoration: none;}

.tuiguang1 { padding: 0 20px; height: 50px; background: #f8f8f8; border-radius: 3px; line-height: 50px; font-weight: 500; margin-top: 28px;}
.tuiguang1 { font-size: 16px; color: #444; font-weight: 700;}
.tuiguang1 a {font-size: 16px; color: #e90c2f; text-decoration: none; cursor: pointer; font-weight: normal;}
/**/
.counselor {}
.counselor ul { margin: 0 -10px;}
.counselor li { float: left; width: 25%; padding: 10px;}
.counselor-item { width: 100%; height: auto; position: relative;}
.counselor-item::after { content: ""; display: block; width: 100%; height: 90%; background: #F1F4F9; position: absolute; top: 0; left: 0; z-index: 1;}
.counselor-img { width: 100%; height: auto; border-radius: 6px 6px 0 0; overflow: hidden; position: relative; z-index: 9;}
.counselor-img img { width: 100%; height: auto;}
.counselor-info { padding: 30px 20px 40px; width: calc( 100% - 20px ); background-color: #FFF; box-shadow: 0 10px 20px 0 rgba(208,217,234,0.1); border-radius: 4px; margin: 0 auto; position: relative; z-index: 9;}
.counselor-name { height: 24px; line-height: 24px; font-weight: bold; font-size: 22px; color: #262626; text-align: center;}
.counselor-age { margin: 10px 0 0; line-height: 14px; font-size: 14px; color: #ABABAB; text-align: center;}
.counselor-btn { display: block; margin: 30px auto 0; width: 118px; padding: 11px 0; font-size: 14px; color: #fff!important; line-height: 14px; text-align: center; background: #1a8cff; border-radius: 4px; cursor: pointer;}
.counselor-data { height: 20px; line-height: 20px; font-size: 13px; margin-top: 30px; text-align: center;}
.counselor-data span { display: inline-block; padding-left: 23px; background: url(images/kf-icon.png) no-repeat left center;}
.counselor-item:hover .counselor-info { box-shadow:0 10px 20px 0 rgba(171,179,194,0.2)!important;}
/**/
.number-data { padding-top: 20px;}
.number-data li { float: left; width: 25%; height: 140px; text-align: center;}
.number-data h4 { font-size: 36px; color: #1A8CFF; font-weight: 600; line-height: 1;}
.number-data span { display: inline-block; margin-left: 4px; font-size: 18px; color: #262626; font-weight: 400; line-height: 1; transform: translateY(-2px);}
.number-data p { display: block; font-size: 16px; font-weight: 400; line-height: 20px; margin: 12px 0 0; color: #ABABAB;}
/**/
.mapbox { position: relative; height: auto; padding: 30px; background: #fff;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);cursor: pointer;border-radius: 25px;}
.mapbox1 {position: relative;height: auto;padding: 30px;cursor: pointer;border-radius: 25px;}
.mapboxxq { position: relative; height: auto; padding: 1px; background: #fff;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);cursor: pointer;border-radius: 25px;margin-bottom: 20px;}
.clearfix h2{text-align: center;color: #323232;} 
.clearfix p{text-align: center;font-size: 20px;margin-top:10px;margin-bottom:20px;line-height: 46px;color: #323232;} 
.clearfix img{width:100%} 
.clearfixcp img{width:100%} 

.clearfix1 h2{text-align: center;color: #323232;} 
.clearfix1 p{text-indent: 2em;font-size: 16px;margin-top:10px;margin-bottom:10px;line-height: 30px;color: #323232;} 
.clearfix1 img{width:100%} 
.clearfix2 h2{text-align: center;color: #323232;} 
.clearfix2 img{width:100%} 
.clearfix2 p{font-size: 16px;margin-top:10px;margin-bottom:10px;line-height: 30px;color: #323232;} 

.mapbox-img { float: left; width: calc( 45% ); height: auto;}
.mapbox-img img { width: 100%; height: auto;}
.mapbox-img p {font-size:18px;margin-top: 10px;margin-bottom: 10px;}
.mapbox-img h2 {font-size:25px;margin-top: 40px;margin-bottom: 10px;}
.mapbox-city { float: right; width: calc( 55% - 40px );}
.mapbox-city p {font-size:18px;margin-top: 40px;margin-bottom: 10px;text-indent: 2em;}
.mapbox-city-title { width: 180px; height: 45px; line-height: 45px; text-align: center; margin: 0px auto; background: #F5F6F7;margin-top: 10px;}
.mapbox-city-title p {font-size:20px; color:#262626;text-align:center;line-height:46px;}
.mapbox-city ul { display: block; margin-top:20px;}
.mapbox-city li { margin-top: 15px; font-size:0;}
.modulecourse-item { width: 100%; position: relative; border-radius:10px; box-shadow: 0 0 10px 2px rgba(0,0,0,.1); cursor:pointer;}
/**/
.modulecourse {margin-bottom: 60px;}
.moduleimg {width: 530px;}
.modulecourse ul { display: block; margin: 0 -20px;}
.modulecourse li {display: block;float: left;width:50%;padding: 20px;height: 680px;}
.moduleadaptive img {width: 100%;height: 640px;}
.moduleadaptivebox { width: 100%; height: 0; padding-top: 100%; box-sizing: border-box; position: relative;}
.moduleadaptive { position: absolute; left: 0; top: 0; padding: 3px; width: 100%; height: 100%;text-align:center;}
.course-item { width: 100%; position: relative; border-radius:10px; box-shadow: 0 0 10px 2px rgba(0,0,0,.1); cursor:pointer;}
.course-pic { width: 100%; height: 0; padding-top: 525px; box-sizing: border-box; position: relative;}
.course-pic2 { width: 100%; height: 0; padding-top: 640px; box-sizing: border-box; position: relative;}
.course-tit { padding: 20px;  /*height:120px;*/  text-align: center;}
.course-tit h3 { font-size: 20px; font-weight: 500; line-height: 32px; color: #323232;}
.course-tit p { font-size: 16px; color:#323232;line-height: 20px;}
.modulecourse-desc { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 6px; /*background: #f32735;*/ padding: 76px 30px; color: #FFF;background: rgb(0 0 0 /20%);}
.course-desc h3 { font-size: 20px; font-weight: 500; line-height: 32px; margin-bottom: 30px;}
.course-desc p { font-size: 16px; line-height: 28px;}
.course-item:hover .course-desc { display: block;}
.moduleteacher {position: relative;height: auto;padding: 30px;background:#ffffff;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);border-radius:25px;cursor: pointer;}
.moduleteacher-img {float: left;width: calc( 45% );height: auto;}
.moduleteacher-text {FONT-WEIGHT: 500;width: 40%;height: 410px;margin-top: 50px;padding-right: 10px;box-sizing: border-box;float: right;width: calc( 45% );height: auto;}


.r-city-area {display:inline-block; width:72px; height:32px; margin-right:20px;background:#F5F6F7;border-radius:2px;font-size:14px;color:#262626;text-align:center;line-height:32px;vertical-align:top;}
.r-cities { display:inline-block; width:calc( 100% - 92px ); font-size:14px; color:#323232;line-height:20px;}
.r-cities i {margin:0px 9px;}
/**/
.office {  background-color: #FFF; margin-bottom: 22px; border-radius: 3px; box-shadow: 0 0 14px 1px rgb(200 200 200 / 21%);}
.office-title { height: 78px; background: url(images/fw-bg-img.png) no-repeat; padding: 24px 0px 16px; background-size: 100%;}
.office-title h3 { margin: 0 0 8px 0; font-size: 18px; color: #262626; line-height: 1; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.office-title h3 span { font-weight: bold; color: #000000; margin-right: 8px;}
.office-title p { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.office-consor { padding: 20px 30px; overflow: hidden;}
.office-consor li { width: 100%; padding-top: 16px; overflow: hidden; *zoom: 1;}
.office-consor li.office-r-consor li:first-child { margin-top: 0; padding-top: 0;}
.office-consor-l { float: left; width: 26px; height: 26px; *display: inline; margin: 4px 17px 0 4px; color: #1a8cff;}
.office-consor-l i { font-size: 22px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}



.office-consor-r { float: left; font-size: 12px; *display: inline; border-bottom: 1px solid #f5f6f7; width:calc( 100% - 47px ); margin-right: -4px; padding-bottom: 16px;}
.office-consor-r h5 { font-size: 14px;color: #262626; line-height: 1; margin-bottom: 8px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.office-consor-r p { margin: 0; color: #8c8c8c;overflow: hidden;line-height: 1;}
/**/
.fuwu { background-color: #FFF; margin-bottom: 22px; border-radius: 3px; box-shadow: 0 0 14px 1px rgb(200 200 200 / 21%);}
.fuwu-title { height: 90px; border-bottom: 1px solid #eee; padding-top: 20px;}
.fuwu-title h3 { color: #323232; font-size: 18px; font-weight: bold; line-height: 20px; text-align: center; margin: 0px auto;}
.fuwu-title p { text-align: center; color: #323232; font-size: 12px; line-height: 20px; margin-top: 10px;}
.fuwu-con {}
.fuwu-con li { display: block; border-bottom: solid 1px #eee; padding: 15px 13px;}
.fuwu-icon { display: table-cell; padding-right: 12px; vertical-align: middle;}
.fuwu-icon i { display: inline-block; width: 36px; height: 36px; background: url(images/list_img.png) no-repeat; background-position: -158px -18px; }
.fuwu-body { display: table-cell; vertical-align: top;}
.fuwu-body h4 { color: #323232; font-size: 12px;}
.fuwu-body p { color: #323232; font-size: 12px; margin: auto;}
.fuwu-con li:last-child { border-bottom: none;}
.fuwu-con i.media-icon-how { display: inline-block; width: 36px; height: 36px; background: url("images/list_img.png") no-repeat; background-position: -158px -18px;}
.fuwu-con i.media-icon-price { display: inline-block; width: 36px; height: 36px; background: url("images/list_img.png") no-repeat; background-position: -211px -19px;}
.fuwu-con i.media-icon-service { display: inline-block; width: 36px; height: 36px; background: url("images/list_img.png") no-repeat; background-position: -264px -19px;}
.fuwu-con i.media-icon-try { display: inline-block; width: 36px; height: 36px; background: url("images/list_img.png") no-repeat; background-position: -314px -18px;}
.fuwu-con li:hover .media-icon-how { background-position: -158px -55px;}
.fuwu-con li:hover .media-icon-price { background-position: -212px -56px;}
.fuwu-con li:hover .media-icon-service { background-position: -264px -56px;}
.fuwu-con li:hover .media-icon-try { background-position: -314px -55px;}
/**/
.point { background-color: #FFF; margin-bottom: 22px; border-radius: 3px; overflow: hidden; box-shadow: 0 0 14px 1px rgb(200 200 200 / 21%);}
.point-title { height: 128px; background: url("images/guwen_xiaoli.png") no-repeat; background-position: right bottom; background-color: #333; position: relative; margin-bottom: 10px;}
.point-title h2 { position: absolute; top:20px; left:20px; font-size: 22px; color: #fff; margin: auto;}
.point-title .point-sub { position: absolute; top:48px; left:25px; font-size: 12px; color: #fff; margin: auto;}
.point-title .point-name { position: absolute; top:83px; right:120px; font-size: 12px; color: #fff; margin: auto;}
.point-form { padding: 0px 20px;}
.point-city { margin-top: 10px; padding-left: 5px; height:20px;}
.point-city span { color: #ff663a; font-size: 12px;}

.point-input { width: 100%; height: 36px; border: solid 1px #eee; padding-left: 5px; margin-top: 10px; outline: none; border-radius: 3px; font-size:12px;}
.city-current { display: inline-block; float: right; font-size: 12px; color: #323232; position: relative; padding-right: 18px;}

.point-btn { display: inline-block; width: 100%; height: 44px; line-height: 44px; text-align: center; color: #fff; margin-top: 10px; text-decoration: none; background-color: #FF2D55; border-radius: 2px;}
.point-tips { margin: 20px auto; text-align: center; color: #ff663a; font-size: 12px;}
.point-tips span { display: inline-block; padding: 2px 6px; background-color: #ffeeeb; border-radius: 5px;}
/**/
.page-content { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.page-content-img { width: 100%; height: auto;}
.page-content-img img { max-width: 100%; height: auto;}
.page1 { background-color: #FFF;}
.page1 .page-content { margin: 40px auto 0; margin-top: 40px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 788px; height: 606px; background-image: url(images/page1.png);}
.page1 .page-item { position: absolute; left: 50%;}
.page1 .page-item h3{ margin-bottom:5px;font-size:24px;color:#262626}
.page1 .page-item p { margin:2px 0;font-size:16px;color:#323232;white-space:nowrap}
.page1 .item1 { top:360px;margin-left:-496px;text-align:right}
.page1 .item2 { top:28px;margin-left:266px}
.page1 .item3 { top:450px;margin-left:315px}
/**/
.page2 { background-color:#f8f8f8}
.page2 .page-content { left:-18px;margin:50px auto 0;width:701px;height:358px;background-image:url(images/page2.png)}
.page2 .page-item { position:absolute;left:50%}
.page2 .page-item h3 { font-size:24px;color:#262626}
.page2 .page-item p { font-size:16px;color:#323232;white-space:nowrap}
.page2 .item1 { top:25px;margin-left:-465px}
.page2 .item2 { top:88px;margin-left:370px}
.page2 .item3 { top:168px;margin-left:-370px}
.page2 .item4 { top:233px;margin-left:256px}
.page2 .item5 { top:308px;margin-left:-256px}
/**/
.page3 { background-color: #FFF;}
.page3 .page-content { margin-top:50px; text-align:center;font-size:0}
.page3 .page-content .page-item { position:relative;padding-top:160px;width:25%;display:inline-block;background-size:130px 130px;background-repeat:no-repeat;background-position:top center;cursor:pointer}
.page3 .page-content .page-item::before{content:'';position:absolute;top:0;left:0;display:block;width:1px;height:279px;border-right:1px solid #aaa;opacity:.5}
.page3 .page-content .page-item:first-child::before{display:none}
.page3 .page-content .page-item h3{margin-bottom:10px;font-size:24px;color:#262626}
.page3 .page-content .page-item p{font-size:16px;color:#323232}
.page3 .page-content .item1{background-image:url(images/course-icon1.png)}
.page3 .page-content .item1:hover{background-image:url(images/course-icon1_hover.png)}
.page3 .page-content .item2{background-image:url(images/course-icon2.png)}
.page3 .page-content .item2:hover{background-image:url(images/course-icon2_hover.png)}
.page3 .page-content .item3{background-image:url(images/course-icon3.png)}
.page3 .page-content .item3:hover{background-image:url(images/course-icon3_hover.png)}
.page3 .page-content .item4{background-image:url(images/course-icon4.png)}
.page3 .page-content .item4:hover{background-image:url(images/course-icon4_hover.png)}
/**/
.page4 { background-color:#f8f8f8}
.page4 .page-content { padding:60px 0 80px;text-align:center}
.page4 .page-content .page-item { float: left; margin:0 20px; padding-top:230px; width:calc( 33.333% - 40px ); height:420px; display:inline-block; box-sizing:border-box;border-radius:20px;background-color:#fff;filter:drop-shadow(0 0 10px rgba(153,153,153,.42));background-repeat:no-repeat;background-size:contain;background-position:top center}
.page4 .page-content .page-item.item1 { background-image:url(images/funeng1.png)}
.page4 .page-content .page-item.item2 { background-image:url(images/funeng2.png)}
.page4 .page-content .page-item.item3 { background-image:url(images/funeng3.png)}
.page4 .page-content .page-item h3 { margin-top:40px;font-size:24px;color:#262626}
.page4 .page-content .page-item .dash { margin:15px auto;width:37px;height:3px;background-color:#e90c2f}
.page4 .page-content .page-item p{font-size:16px;color:#323232}
/**/
.page5 { padding-bottom:100px; background-color: #FFF;}
.page-description { margin-top: 10px; font-size: 18px; color: #323232; text-align: center;}
/**/
.pagebar { text-align: center;}
.pagebar a, .pagebar span { background-color: #FFF; display: inline-block; color: #323232; height: 30px; line-height: 30px; padding: 0 8px; border: 1px solid #b6b6b6; text-align: center; font-family: Arial; margin: 0 6px;}
.pagebar span.page_now { color: #FFF; background-color: #e90c2f; border: 1px solid #e90c2f;}
.pagebar a:hover { color: #FFF; background-color: #e90c2f; border: 1px solid #e90c2f;}
/**/
.footer .guarantee { height:80px;position:relative;z-index:99}
.footer .guarantee:before,.footer .guarantee:after{position:absolute;content:'';width:50%;height:100%;top:0;z-index:-1}
.footer .guarantee:before{left:0;background:#bf002e}
.footer .guarantee:after{right:0;background:#cf0233}
.footer .guarantee .mods{height:100%;*zoom:1}
.footer .guarantee .mods:before,.footer .guarantee .mods:after{display:table;content:"";line-height:0}
.footer .guarantee .mods:after{clear:both}.footer .guarantee .mod{float:left;width:25%;height:100%}
.footer .guarantee .mod .wrap{padding:12px 0 12px 70px}
.footer .guarantee .mod .wrap:before{content:'';margin-top:20px;float:left;background-position:center;background-repeat:no-repeat}
.footer .guarantee .mod .wrap h3{color:#fff;font-size:18px;line-height:24px}
.footer .guarantee .mod .wrap p{color:#fff;font-size:12px;line-height:16px}
.footer .guarantee .free-listen .wrap{padding-left:65px}
.footer .guarantee .free-listen .wrap:before{background-image:url(images/guarantee01.png);width:28px;height:19px;margin-left:-48px}
.footer .guarantee .change-teacher{background:#cf0233}
.footer .guarantee .change-teacher .wrap:before{background-image:url(images/guarantee02.png);width:28px;height:23px;margin-left:-48px}
.footer .guarantee .refund-full{background-color:#bf002e}
.footer .guarantee .refund-full .wrap:before{background-image:url(images/guarantee03.png);width:38px;height:23px;margin-left:-58px}
.footer .guarantee .refund-anytime .wrap:before{background-image:url(images/guarantee04.png);width:24px;height:24px;margin-left:-44px}

.footer-main { padding-bottom:30px; background-color: #323232; color: #323232;}
.footer-main a { color: #323232;}
.footer-main a:hover { color: #FFF;}
.footer-main-item { margin-top:40px; float:left; width:20%; padding-left:5%;}
.footer-main-item .footer-main-title { font-size:16px; color:#FFF;}

.contact-us { padding-left:16px; }
.footer-main .detail{ /*margin-top:30px*/}
.footer-main .detail .phone{margin:0;padding-left:40px;background:url(images/zuoji.png) no-repeat left center;background-size:contain;font-size:20px;line-height:30px;color:#fff}
.footer-main .detail .phone-time{margin-top:10px;font-size:12px;color:#fff;}
.footer-main .detail .tel{margin-top:10px;font-size:18px;color:#fff;}
.footer-main .detail .online-ask{margin-top:20px;width:171px;height:40px;display:block;background:#e90c2f;border-radius:20px;font-size:16px;color:#fff;line-height:40px;text-align:center;text-decoration:none}
.footer-main .detail ul{padding:0}
.footer-main .detail ul li{margin:5px 0;list-style-type:none}
.footer-main .detail ul li a{font-size:14px;color:#fff;text-decoration:none}
.footer-main .detail ul li a:hover{color:#fff}
.footer-main .detail .qrcode{margin-bottom:10px;width:265px;height:165px;display:block}
.footer-main .detail .qrcode-hint{padding:0;font-size:12px;color:#323232}

.footer-other { background-color:#292929;}
.footer-other .container { height:67px; line-height:67px;text-align: center;}
.footer-other .container .secure-icons { margin-left:20px; width:246px; height:22px; vertical-align:middle;}
.footer-other .container .copyright { margin-left:20px; display:inline-block; vertical-align:middle; text-align:justify; font-size:12px; color:#fff; line-height:16px; word-break:keep-all; white-space:nowrap;text-align: center;}
.footer-other .container .copyright a { color:#fff; text-decoration:none;}
.footer-other .container .copyright a:hover { color:#FFF;}

.footer { padding: 20px 0;background-color: #F8F8F8;}
.link {}
.link-box { padding: 20px; position: relative;display: block; /*padding-left: 160px;*/}
.link-box .link-box-title { width: 130px; position: absolute; top: 20px; left: 0; text-align: right; font-weight: bold;}
.link-box .link-box-list {}
.link-box .link-box-list li { display: inline-block; float: left; width: 134px; line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/**/
.footer-box { padding: 20px 0; text-align: center;}
.footer-nav { margin-bottom: 5px;}
.footer-nav a { padding: 0 5px;}
/**/
.footer-button { display: none; width: 100%; height: 50px; position: fixed; bottom: 0; left: 0; right: 0; z-index:9999; background-color: #077176;}
.footer-button li { display: block; width:33.33%; height: 50px; line-height: 50px; text-align: center; float: left;}
.footer-button li a { display: block; text-align: center; color: #FFF; font-size: 14px;}
.footer-button li.fb01 { background-color: #1271ff;}
.footer-button li.fb02 { background-color: #BC1C1E;}
.footer-button li.fb03 { background-color: #DB6119;}
.footer-button li.fb04 { background-color: #BC1C1E;}

/**/
.member-box-text { /*height: 350px;padding-top: 30px;*/ }
.member-box-text .swiper-container { width: 100%; height: 100%;}
.member-box-text .swiper-slide { font-size: 15px; padding-right: 20px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}

/**/
@media screen and ( max-width: 1100px) { 
	.container { width:100%; padding: 0 20px;}
	.wrapper { width:100%; /*padding: 90px 0;*/ margin:0 auto;}
	.search { display: none;}
	.header { height: 70px; padding: 0 20px; }
	.logo { margin-top: 10px;}
	.footer-other .container { height: auto; padding: 10px 0; line-height: normal;}
	.nbanner { padding-top: 70px; }
    
	.member-box-left { width: 60%; float: left; margin-right: 5%;}
	.member-box-right { width: 35%; float: left;}
	/**/
	
	.counselor-name { font-size: 18px;}
}

@media screen and ( max-width: 980px) { 
	.sidebar { float: none; width: 100%;}
	.main { float: none; width: calc( 100% );}
	.footer-button { display: none;}
	/**/
	.breadcrumbs { padding: 0 20px;}
	/**/
	.member-box-left { width: 60%; float: left; margin-right: 5%;}
	.member-box-right { width: 35%; float: left;}
	.member-box, .member-tab-box { padding: 20px 0;}
	.menubutton { display:block; }
	.menu { display: none; width: 100%; background-color: #F8F8F8; position: absolute; left: 0; top: 70px; border-radius: 0 0 10px 10px; border-bottom: 10px solid #DA251C;}
	.menu.open { display: block;}
	.menu.open li { float: none; width:100%; height: 42px; line-height: 42px; margin:0; overflow:hidden; text-align:left; border-bottom: 1px solid #EEE;}
	.menu.open li a { display:block; width:100%; padding: 0 10px; color:#323232;}
	.menu ul { float: none; width: 100%; margin-right: 0;}
	/**/
	.header .menubutton svg { fill: #323232;}
	.header { background-color:#FFF; box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);}
	.header .menu { float: right; font-size: 18px; color: #323232;}
	.header .menu a { color: #323232;}
	.header .menu a:hover { color: #323232;}
	/**/
	.module { padding: 20px 0;}
	.module-title { margin-bottom: 20px;} 
	.module-title h2 { font-size: 30px; line-height: 56px;}
	.module-title h3, .module-title p { font-size: 16px;}
	/**/
	.teacher-swiper { height: auto;}
	.teacher-swiper .teacher-info { width: 100%;}
	.teacher-img { width: 332px; height: auto; float: left; overflow: hidden;}
	.teacher-img img { width: 100%; height: auto;}
	.teacher-text { float: right; width: calc( 100% - 360px); height: auto;}
	/**/
	.video-box { height: auto; margin-top: 50px;}
	.video-box-con { float: none; margin: 0 auto;}
	.video-img { width: 100%; height: 100%;}
	.playCircle { position:absolute; width:80px;height:81px; background:url(images/video-play2.png) no-repeat center; background-size:contain; top:50%; left:50%; margin: -40px 0 0 -40px; cursor:pointer; transition: .4s;}
	.video-box-con:after { content:""; display: block; position: absolute;top: 50%; left: 50%; width: 26px; height: 30px; margin: -15px 0 0 -10px; background: url(images/video-play.png) no-repeat center;  background-size: 26px 30px;}
	.video-box-con:hover .playCircle { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
	/**/
	.video-box-info { float: none; width: 550px; height: 100%; margin: 0 auto;}
	/**/
	.quality { background: #F8F8F8 url(images/map-bg.png) center bottom; background-size: cover;}
	.quality-figure { width: 100%; padding: 50px 0 0 0; margin: 0 auto;}
	.quality-figure li { float: none; width: 100%;}
	/**/
	.course li { width: 100%;height: 100%;}
	.coursehome li { width: 100%;height: 100%;}
	.videosbox { margin-left:-311px; margin-top:-180px; width:622px; height:360px; padding: 8px; border-radius: 8px;}
	/**/
	.online { height: 900px;}
	.online-left { float: left; margin-left: 50px;}
	.online-right { float: right; margin-right: 50px;}
	.online-tag { padding: 30px 0 0 125px; margin-top: 0;}
	/**/
	.brand-item { float:left; width:calc(255.5px); height:318px; border-radius:4px; box-sizing:border-box; background:#f54f50; margin-right:30px; box-shadow:0 0 10px 2px #eee; position:relative;}
	/**/
	.kc-list { margin-bottom: 50px;}
	.kc-list ul { display: block; margin: 0 -10px;}
	.kc-list li { float: left; width: 50%; padding: 10px;}
	/**/
	.page3 .page-content .page-item { position:relative; width:25%; padding: 120px 10px 0 10px; display:inline-block; background-size:100px 100px; background-repeat:no-repeat;background-position:top center;cursor:pointer}
	.page3 .page-content .page-item h3{margin-bottom:10px; font-size:18px; color:#262626}
	.page3 .page-content .page-item p { font-size:13px; color:#323232}
	/**/
	.page4 .page-content .page-item { float: left; margin:0 10px; padding-top:160px; height:350px; width:calc( 33.333% - 20px ); }
	.page4 .page-content .page-item h3 { margin-top:20px; font-size:20px;color:#262626}
	.page4 .page-content .page-item p { font-size:14px;color:#323232}
	
	/**/
	.footer .guarantee { height:160px; position:relative;z-index:99}
	.footer .guarantee .container { padding: 0;}
	.footer .guarantee .mod { float:left; width:50%; height:80px;}
	.footer .guarantee:before,.footer .guarantee:after{display: none;}
	.footer .guarantee .free-listen {background-color:#bf002e}
	.footer .guarantee .refund-anytime {background:#cf0233}
	.contact-us { width: 100%!important;}
	.follow-us { width: 100%!important;}
	.footer-main-item { width:33.333%; padding-left:5%;}
	
	.footer-other .container { height:auto; padding: 15px 0;}

	.footer-other .container .secure-icons { display: block; margin-left:0; margin: 0 auto 20px auto;}
	.footer-other .container .copyright { margin-left:0; width: 100%; display:inline-block; vertical-align: inherit; text-align:center; font-size:12px; color:#fff; line-height:16px; word-break:keep-all; white-space:normal;}
	.footer-other .container .copyright a { color:#fff; text-decoration:none;}
	.footer-other .container .copyright a:hover { color:#FFF;}
	/**/
	.counselor ul { margin: 0 -6px;}
	.counselor li { padding: 6px;}
	
	.number-data li { width: 50%;}
	.mapbox-img { float: none; width: calc( 100% ); margin-bottom: 20px;text-align: center;}
	.mapbox-img p {font-size:18px;}
	.mapbox-city { float: none; width: calc( 100%);}
}

@media screen and ( max-width: 790px) { 
	.course-item { width:100%; position: relative; border-radius:10px; padding-top: 8px;box-shadow: 0 0 10px 2px rgba(0,0,0,.1); cursor:pointer;}
	.adaptive img {width:100%;height:100%;}
	.modulecourse li {display: block;float: left;width:100%;padding: 20px;height:100%;}
	
	.module-title h2 { font-size: 24px; line-height: 46px;}
	.module-title h3, .module-title p { font-size: 16px;}
	/**/
	.teacher-swiper { height: auto; padding-bottom: 40px;}
	.teacher-swiper .teacher-info { width: 100%;}
	.teacher-img { width: 332px; height: auto; float: none; margin: 0 auto; overflow: hidden;}
	.teacher-img img { width: 100%; height: auto;}
	.teacher-text { float: none; width: calc( 70% ); height: auto; padding: 0; margin: 0 auto;}
	/**/
	.teacher-img { width: 280px; height: 360px;}
	.teacher-img img { width: 100%; height: 360px;}
	/**/
	.history-text { background:#e90c2f; padding:30px; font-size:18px; line-height:30px; margin:70px auto 20px; width:95%; box-sizing:border-box; border-radius:8px}
	/**/
	.brand-item { float:none; width: calc(80%); height:318px; background:#f54f50; margin-right:0; margin: 0 auto 10px auto;}
	.brand-item .brand-content {  width: calc( 100% + 1px );}
	.brand-item:last-child { margin-right:auto}
	/**/
	.videosbox { margin-left:-260px; margin-top:-150px; width:520px; height:300px; padding: 8px; border-radius: 8px;}
	/**/
	.course ul { margin: 0 -15px;}
	.course li { padding: 15px;}
	.coursehome ul { margin: 0 -15px;}
	.coursehome li { padding: 15px;}
	.course-tit { padding: 10px; height: 96px; text-align: center;}
	.course-tit h3 { font-size: 16px;}
	.course-tit p { font-size: 13px;}
	.course-desc {  padding: 30px 20px;}
	.course-desc h3 { font-size: 16px; line-height: 28px; margin-bottom: 15px;}
	.course-desc p { font-size: 13px; line-height: 24px;}
	.course-item:hover .course-desc { display: block;}
	/**/
	.video-box { height: auto; margin-top: 30px;}
	.video-box-con { width: 100%; height: 280px; float: none; margin: 0 auto;}
	.video-img { width: 100%; height: 100%;}
	.playCircle { position:absolute; width:80px;height:81px; background:url(images/video-play2.png) no-repeat center; background-size:contain; top:50%; left:50%; margin: -40px 0 0 -40px; cursor:pointer; transition: .4s;}
	.video-box-con:after { content:""; display: block; position: absolute;top: 50%; left: 50%; width: 26px; height: 30px; margin: -15px 0 0 -10px; background: url(images/video-play.png) no-repeat center;  background-size: 26px 30px;}
	.video-box-con:hover .playCircle { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
	/**/
	.video-box-info { float: none; width: 550px; height: 100%; margin: 0 auto;}
	/**/
	.section { padding: 28px 20px; }
	.gongkaike { padding: 28px 25px;}
	/**/
	.page3 .page-content .page-item { position:relative; width:50%; padding: 120px 10px 0 10px; margin: 20px 0; display:inline-block; background-size:100px 100px; background-repeat:no-repeat;background-position:top center;cursor:pointer}
	.page3 .page-content .page-item h3{margin-bottom:10px; font-size:18px; color:#262626}
	.page3 .page-content .page-item p { font-size:13px; color:#323232}
	/**/
	.page4 .page-content .page-item { float: none; margin:0 auto 20px auto; padding-top:220px; height:400px; width:calc( 320px ); }
	.page4 .page-content .page-item h3 { margin-top:20px; font-size:20px;color:#262626}
	.page4 .page-content .page-item p { font-size:14px;color:#323232}
	.page4 .page-content { padding: 10px 0 40px; text-align: center;}
	/**/
	.module-more a.btn { display: inline-block; background-color:#323232; font-size: 18px; line-height: 24px; padding: 10px 22px; color: #fff; text-align: center; border-radius: 22px; width: 300px; }
	.copyright { padding: 0 20px;}
	/**/
	.counselor ul { margin: 0 -15px;}
	.counselor li { width: 50%; padding: 15px;}
	.introduce li.c4 { width: calc( 50%); margin-left: 0px; padding: 0 30px; margin-bottom: 20px;}
	.introduce li.c5 { width: calc( 50%); margin-left: 0px; padding: 0 30px; margin-bottom: 20px;}
	.footer-button { display: block;}
}