﻿.callMe-OneBox .countdown{background-image:url(../images/blankCall.png);}
.callMeBg{background-color: rgb(246, 246, 246);}
.callMe-OneBox{background-color: #228BE6;overflow: hidden;}
.callMe-OneBox .titleLeft{font-size: 32px;color: #FCA414;font-weight: 600;text-align: center;}
.callMe-OneBox .whiheTitle{font-size: 28px;color: rgb(255, 255, 255);font-weight: 600;text-align: center;}
.callMe-OneBox .titleLine{width:60px;height:3px;background:#fff;text-align: center;margin:15px auto;}
.callMe-OneBox .titleBtn{font-size: 18px;color: #FCA414;font-weight: 600;text-align: center;margin-bottom: 60px;}
ul.countdown{list-style:none;padding:0;display:block;text-align:center}
ul.countdown li{display:inline-block;width: 18%;}
ul.countdown li span{font-weight:600;line-height:1.5;color:#FCA414 ;}
.callMe-OneBox .countdown{border-radius: 5px;max-width: 540px;margin: auto;}
.callMe-OneBox .countdownRef{color:#fff;text-align: center;max-width: 540px;margin:15px auto 0;}
.callMe-OneBox .countdownRef span{font-size: 18px;width: 18%;display: inline-block;text-align: center;}
.rightBox{background:#fff;border-radius: 5px;padding:20px 35px 40px;}
.rightBox .title{font-size: 28px;color: #FCA414;font-weight: 600;text-align: center;margin-bottom:20px;}
.callBg-Two{background-color: rgb(251, 251, 251);padding:50px 0;}
.callmeList .callmeListImg{position: relative;overflow:hidden;}
.callmeList .callmeListImg .img1{position: absolute;top: -100%;transition: all .3s;cursor: pointer;}
.callmeList .callmeListImg .img2{position: relative;transition: all .3s;top:0px;cursor: pointer;}
.callmeList .callmeListImg:hover .img1{top:0px;}  
.callmeList .callmeListImg:hover .img2{top: 244px;}
.callmeListContent{background: #fff;padding: 25px 25px;text-align:center;}
.callmeListContent .title{font-size: 20px;line-height:1.5;}
.callmeListContent div{color: rgb(34, 34, 34); font-size: 13px; line-height: 1.8;}  

.aboutTitle{font-size: 28px;color: rgb(51, 51, 51);font-weight:600;}
.aboutLine{width:50px;height:3px;background:#228BE6;margin:25px 0;}
.aboutContent{font-size: 14px;line-height: 2;color:#666;max-width:530px;}
.aboutBottomTit{font-size: 32px;color: #228BE6 ;}
.aboutBottomTit span{font-size: 14px;color: rgb(119, 119, 119);margin-left:25px;}


.aboutNavBg{background:url(../images/aboutNavbg2.png);margin-top:-30px;margin-bottom:30px;}
.all-nav-Title{color: rgb(51, 51, 51);text-align:center;font-weight:600;margin-bottom:15px;}
.all-nav-content{text-align:center;font-size: 14px;color: rgb(102, 102, 102);line-height: 1.8;margin-bottom:40px;}

.aboutNavList{border-radius: 10px;text-align:center;}

.aboutNavList .text-p{margin-bottom:35px;color:#fff;font-weight:600;font-size: 18px;line-height:1.5;}
.aboutNavList .link{margin-bottom:7px;}
.aboutNavList .link a{display:block;width:98px;height:36px;line-height:36px;border-radius:30px;background-color: rgba(255,255,255,0.2);transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;margin: auto;color: #fff;font-size: 12px;}
.aboutNavList .link a:hover{background-color: rgba(0,0,0,0.3);}

.aboutNavListOne{background: #1CB4A4;}
.aboutNavListTwo{background:#fea116;}
.aboutNavListThree{background:#534e8b;}
.aboutNavListFour{background:#8ABFE0;}
.aboutNavListFive{background:#6CC376;}
.aboutNavListSix{background:#999;}

.about-imgList{border:1px solid #e1e1e1;margin-top:65px}
.about-imgList .img{text-align: center;margin-top: -66px;}
.about-imgList .img>a>img{border-radius: 50%;}
.about-imgList .title{text-align: center;font-size: 15px;color: #000;font-weight: 600;margin-top:15px;}
.about-imgList .tips{text-align: center;padding:7px 0;border-top:1px solid #d1ccc9;border-bottom:1px solid #d1ccc9;width: 100px;margin: 15px auto;}
.about-imgList .card3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height: 74px;font-size: 13px;color: #666;line-height:1.8;padding: 0 40px;margin-bottom: 35px;}


.about-link-btn a{display:block;width:150px;height: 40px;line-height: 40px;border-radius:50px;background-color: rgb(34, 139, 230,1);transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;margin: auto;text-align: center;color: #fff;font-size: 16px;}
.about-link-btn a:hover{background-color: rgb(34, 139, 230,0.9);}


.index-aboutTitle{font-size: 32px;color: rgb(51, 51, 51);font-weight:600;line-height:1.5;}
.index-aboutContent{font-size: 14px;line-height: 2;color:#666;}
.index-link.about-link-btn{margin:20px 0;}
.index-link.about-link-btn a{margin:initial;}

.homeSwiper{background:url(../images/homeBg.png);background-position: center center;background-attachment: fixed;}
.homeSwiperTitle{text-align:center;color:#fff;font-size: 32px;font-weight:600;line-height:1.5;}
.homeSwiperTips{text-align:center;color:#fff;}
.homeSwiperContent{position: relative;overflow: hidden;}
.mySwiper.swiper{position: relative;overflow: hidden;}
.homeSwiperContent .swiper-button-prev,.homeSwiperContent .swiper-button-next{background-image: url(../images/arrow.png);opacity: 1;background-size: 100% 100%;top: 35px;margin-top: 0px;}
.homeSwiperContent .swiper-button-next{ transform: rotate(180deg);}
.homeSwiperContent .swiper-button-prev:hover,.homeSwiperContent .swiper-button-next:hover{background-image: url(../images/arrowh.png);}



.homeSwiperContent .mySwiper-Content{color: #666;line-height: 2.2;text-align:center;margin-bottom: 50px;position: relative;top: -35px;}
.homeSwiperContent .mySwiper-img{position: relative;top: -35px;}
.homeSwiperContent .mySwiper-title{text-align: center;padding-bottom: 56px;}

.display-block{display:block;}
.display-none{display:none;}
.tabbox{position: relative;}
.homeNav li{background-color: transparent;border-radius: 10px;cursor: pointer;}
.homeNav li.select{background-color: #228BE6;color: #fff;}

.feekbackBox .feekbackEwm img{max-width:220px;}

@media (min-width:1000px) {
.catalog-margin .bot li{line-height: 2;}
.catalog-margin .bot-50 li{display:inline-block;float:left;width: 50%;}
.catalog-margin .bot-50 li:nth-child(2n){padding-left:2px;}
/*.catalog-margin .bot li:nth-child(-n+8){float:left;}*/
/*.catalog-margin .bot li:nth-child(n+5){float:left;}*/
}
@media (max-width:1000px) {

}
.catalogueBox .row.catalog-margin{background: #fff;box-shadow: 0 5px 8px 0 rgba(160, 166, 168, 0.35);overflow: hidden;}
.catalog-margin{background: #fff;box-shadow: 0 5px 8px 0 rgba(160, 166, 168, 0.35);overflow: hidden;}
.catalogueBox .row.catalog-margin .img{margin: 0 -15px;overflow: hidden;display: block;}
.catalogueBox .row.catalog-margin .img img,.catalogueBox .row.catalog-margin .imgchange img,.catalog-margin .imglink img{transition:all 0.3s;transform: scale(1);width: 100%;}
.catalogueBox .row.catalog-margin:hover .img img,.catalogueBox .row.catalog-margin:hover .imgchange img,.catalog-margin:hover .imglink img{transform: scale(1.1);}
.catalogueBox .row.catalog-margin .imgchange{margin: 0 -15px;min-height: 397px;display: block;transition: all 0.3s;}
.catalogueBox .row.catalog-margin:hover .imgchange{transform: scale(1.1);}
.catalogueBox .row.catalog-margin .imgchange{overflow:hidden;}
.catalog-margin .imglink{overflow:hidden;display:block;}
.catelog-contentbg{background:#fff;padding:30px 15px;overflow:hidden;}
.catalog-margin .title{font-size: 16px;font-weight: bold;line-height: 26px;color: #5c5c5c;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.catalog-margin .account{font-size: 12px;line-height: 18px;color: #adadae;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;margin:15px 0;}
.catalog-margin .bot ul li a{color: #6484BC;}
.catalog-margin .bot ul li a:hover{color:#000;}
.catalog-margin .bot ul li a i{font-size:24px;}

@media (min-width:1000px) {
.familyTeam-bg{padding:70px 0;}
}
@media (max-width:1000px) {
.familyTeam-bg{padding:30px 0;}

}
.familyTeam-bg{background:#f2f2f2;}
.family-title{color: rgb(89, 89, 89);font-size: 30px;text-align:center;font-weight:600;}
.family-title span{color: #FCA414;}
.family-line{width:70px;height:1px;margin:35px auto;background:rgb(89, 89, 89);}
.family-tips{text-align:center;color: rgb(89, 89, 89);margin-bottom: 35px;}
.family-list{background-color: rgb(255, 255, 255);padding: 10px;margin-bottom:15px;}
.family-list img{width:100%;}
.family-listTit{color: rgb(89, 89, 89);font-size:20px;font-weight:600;text-align:center;margin: 15px 0;}
.family-listInt{line-height: 25px;color: rgb(127, 127, 127);font-size: 14px;text-align:center;margin-bottom: 20px;}

.service-box .service-all-title{font-size: 16px;line-height:32px;text-indent: 32px;}
.service-box .service-all-title span{color: #1cb4a4;font-weight:600;}
.service-box .service-all-navTips{font-size: 16px;line-height:1.5;text-indent: 32px;}
.service-box .service-nav{padding-left:32px;}
.service-box .service-nav li{list-style-type: disc;font-size: 16px;line-height:32px;}
.service-box .service-img{padding:30px 15px;text-align: center;}
.service-box .service-img p{font-size: 16px;color: #1cb4a4;font-weight:600;margin-top:20px;}

@media (min-width:1000px){
.callMe-OneBox{padding:60px;}
.callMe-OneBox .titleLeft{margin-top:20px;}
ul.countdown li span{font-size:60px;}
.callBg-Two{margin-bottom:-50px;}
.about-link-btn{margin:50px 0;}
.aboutTitle{margin:60px 0 20px;}
.aboutImgTop{margin-top:60px;margin-bottom:80px;}
.aboutContent{margin-bottom:45px;}
.aboutNavList{padding:35px 0;}
.aboutNavBg{padding:60px 0;}
.indexNavBg{padding:60px 0 100px;}
.aboutNavList .img{margin: auto;margin-bottom:25px;width:56px;height:56px;line-height: 56px;}
.index-aboutBox{padding-left:50px}
.all-nav-Title{font-size: 32px;}
.homeSwiperTips{margin-bottom:50px}
.homeSwiper{padding:100px 0;}
.homeSwiperContent .mySwiper-box{padding:35px 85px 0;}
.homeSwiperContent .swiper-button-prev,.homeSwiperContent .swiper-button-next{width: 60px;height: 60px;}
.mySwiper.swiper{margin: 0 60px;}
.homeSwiperContent .swiper-button-prev{left:0px;}
.homeSwiperContent .swiper-button-next{right:0px;}
.homeSwiperContent .mySwiper-imgbg{background:url(../images/homeListBg.png) no-repeat;padding: 0 40px;}
.homeNav li{padding: 12px 24px;font-size: 16px;}
.service-box{padding:30px 0 20px;}
.family-listInt{padding: 0 10px;}
}
@media (max-width:999px) and (min-width:468px){
    .homeSwiperContent .mySwiper-box{padding:35px 15px;}
}
@media (max-width:467px){
 .homeSwiperContent .mySwiper-box{padding:35px 0px 0;}
}

@media (max-width:1000px){
.callMe-OneBox{margin:0 -15px;padding:30px 0;}
ul.countdown li span{font-size:40px;}
.callMe-OneBox .leftbox .countdownRef{margin-bottom:35px;}
.callBg-Two{margin-bottom:-30px;}
.about-imgList{margin-bottom:30px;}
.about-link-btn{margin:10px 0 30px;}
.aboutTitle{margin:30px 0 20px;}
.aboutImgTop{margin-top:10px;margin-bottom:40px;border-top: 10px solid rgb(238, 238, 238);}
.aboutContent{margin-bottom:25px;}
.aboutNavList{width: 80px;height: 80px;line-height: 80px;margin:auto;}
.aboutNavBg,.indexNavBg{padding:30px 0;}
.aboutText-p{text-align: center;color: rgba(102,102,102,1);font-size: 12px;line-height: 30px;font-weight: 600;margin-bottom: 10px;}
.index-aboutTitle{margin-top:20px;font-size: 26px;}
.all-nav-Title{font-size: 26px;}
.aboutTitle{font-size: 26px;}
.homeSwiperTips{margin-bottom:30px}
.homeSwiper{padding:40px 0;}
.mySwiper.swiper{margin: 0 35px;}
.homeSwiperContent .swiper-button-prev,.homeSwiperContent .swiper-button-next{width: 30px;height: 30px;}
.homeSwiperContent{margin: 0 -15px;}
.homeSwiperContent .swiper-button-prev{left:3px;}
.homeSwiperContent .swiper-button-next{right:3px;}
.homeSwiperContent .mySwiper-imgbg { background: url(../images/homeListBg.png) no-repeat 74% 100%; padding: 0 15px;}
.homeSwiperContent .mySwiper-box{padding-top:35px;}
.homeNav li{padding: 4px 5px;}
.service-box{padding:30px 0;}
}

.years-box ul{text-align:left;color:#dcb861;position: relative;}
.years-box li ul li.animateNum{margin:20px 0 5px;color: #fff;}
.years-box li ul li.animateNum:hover{color: #1CB4A4;}
.years-box li ul li:last-child{color:#fff;}
.years-box li ul li.animateNum{font-size: 48px;}
.years-box li ul li:last-child{font-size: 16px;}
@media (min-width:1000px){
.years-bg{padding: 60px 0 70px;margin:30px 0;}
.years-imgbg{background: url(../images/homeBg.png) center bottom no-repeat fixed;/*background:#1CB4A4 url(../images/30.png) center bottom no-repeat fixed;*//*background-position-y: 484px;*/background-size:cover;padding:60px 0 70px;}
.years-box ul{padding-left:40px;}
.historyBg{padding: 70px 0 80px}
}
@media (max-width:1000px){
.years-imgbg{background:#1CB4A4;padding:40px 0;}
.years-box li ul li.animateNum{font-size: 40px;}
.historyBg{padding:30px 0;}

}
@media (max-width:999px) and (min-width:415px)
{ 
.years-bg{padding: 40px 0;margin:30px 0;}
}

/*发展历程*/
.historyBg{background:#f2f2f2;}
.about_bg{position:fixed;width:100%;height:100%;top:0;left:0;background:url(../images/about_bg.jpg) no-repeat;background-size:cover}
.about_content h2{text-align:center;font-weight:bold;color: rgb(89, 89, 89);}
.about_content h2 span{color: #FCA414;}
.about_content h2{font-size:30px;}
.history-line{width:70px;height:1px;margin:30px auto;background: #333;}
.about_content.history{text-align:center;position:relative;}
.event_box{margin:30px auto 0;position:relative;}
.event_box .parHd{width:100%;display:inline-block;height:92px;overflow:hidden}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important}
.parHd .tempWrap{margin:0 auto}
.parHd .tempWrap:after{content:'';width:84%;height:7px;background:#eceef0;position:absolute;right:8%;top:23%;z-index:5;box-shadow: 0px -1px 0px #dadcdf;}
.parHd li.no_line:before{display:none}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;margin:0 60px;position:relative;font-size: 20px;color: #666666;}
.parHd li i:first-child{display:none;}
.parHd li i:last-child{position: absolute;font-size: 30px;color: #FCA414;top: -15px;left: 50%;z-index: 6;transform: translate(-50%,0);background: #f2f2f2;}
.parHd li.act i:first-child{display:block;position: absolute;font-size: 40px;color: #FCA414;top: -15px;left: 50%;z-index: 6;transform: translate(-50%,0);background: #f2f2f2;}
.parHd li.act i:last-child{display:none;}

.parBd{text-align:center;margin-top:60px}
.parBd h4{position:relative;font-size:32px;margin-bottom:32px;padding:0 60px;display:inline-block;text-align:center}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:27px}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:27px}
.parBd p{line-height:1.8;font-size:16px;margin:0 auto;color: #999;padding: 0 15px;}
div#listBox{width:100%}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;text-align: center;background: #FCA414;border-radius: 50%;color: #fff;line-height: 30px;cursor: pointer;}
.sPrev i,.sNext i{font-size:20px;}
/*.sPrev.prevStop,.sNext.nextStop{background:#d6d9dc;}*/
.sPrev{left:0}
.sNext{right:0}
.sPrev:hover,.sNext:hover{color:#fff;}

/*内页-关于我们*/
.marqueelefts {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueelefts ul{float:left;}
.marqueelefts li{float:left;margin:0 5px;display:inline;width:280px;height:auto;overflow:hidden;text-align:center;}
.marqueelefts li .pic{display:block;width:280px;height:auto;padding:10px;overflow:hidden;}
.marqueelefts li .pic img{height:100%;width:100%;}
.marqueelefts li .txt{text-align:center;height:auto;line-height:260px;}
.marqueelefts .marquee1_1>li>p{text-align:center;margin: 0 auto;display:inline-block;}

.banners .pics_wrap{width:100%;}
.html5zoo-img-0 img{width:100% !important;}

/*培训中心-内容*/
.tabbox.contengBorder{position: relative;}/*切换*/
.tabbox.contengBorder .tab-title1{border-bottom: 1px solid #ccc;}
.tabbox.contengBorder .tab-title1 ul li{display:inline-block;cursor: pointer;}
.tabbox.contengBorder .tab-title1 ul li.select{color: #228BE6;border-bottom: 2px solid #228be6;}
.tabbox.contengBorder .tab-content1{padding-top:26px;}
@media(min-width:1000px) {
.tabbox.contengBorder .tab-title1 ul li{height:45px;line-height:40px;padding: 0px 15px;font-size: 18px;margin-right: 20px;}
}
@media(max-width:1000px) {
.tabbox.contengBorder .tab-title1 ul li{padding: 10px 3px;}
}

/*培训中心-内容页*/
@media(min-width:1000px) {
 .contengBorder-box{padding: 30px;}

 .ChapterNum{font-size: 17px;}
}
@media(max-width:1000px) {
 .contengBorder-box{padding: 20px 10px;}
}
.contengBorder-box{border: 1px solid rgb(238, 238, 238);box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.12);}
.detailTitle{padding-bottom:10px;overflow: hidden;font-size:15px;}
.detailTitle .title{font-weight:bold;float: left;}
.detailTitle .words{line-height:1.6;}
.classSame-list .words2{color: #5bac66;font-weight:bold;}
.detailTitle .m-video .fa,.detailTitle .down .fa{font-size:20px;cursor:pointer;color:#5bac66;}
.classSame-list li:not(:last-child){border-bottom:1px dashed #ccc;margin-bottom:14px;}

.look-list{position: relative;}
.look-list a.title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;line-height:3;font-size:15px;padding-right:70px;border-bottom: 1px dashed #ccc;}
.look-list a.title .fa{padding-right:4px;}
.look-list span{margin:0 0 4px 10px;display:inline-block;overflow:hidden;padding:2px 6px;font-size:11px;border-radius:4px;position:absolute;right:0;top:12px;}
.count1{color: #228BE6;border: 1px solid #228BE6;}
.count2{color: #fc0000;border: 1px solid #fc0000;}

.ChapterNum{color: #5bac66;padding-bottom:10px;font-weight:bold;font-weight: bold;padding: 10px 0 10px 10px;}
.classSame-list{padding: 10px 20px 0 20px;}
 .classSame-list .words2{padding-left: 10px;cursor:pointer;}
.classSame-list{position: relative;}
.classSame-list::before{position: absolute;content:"";position: absolute;content: "";border-bottom: 1px dashed #9a9a9a;border-left: 1px dashed #9a9a9a;height: 37px;width: 13px;left: 16px;top: -15px;}
.moves{padding-left:15px;}

/*弹出*/
.moves{display:none;}
.angle-down .fa{position:absolute;right:20px;top:2px;font-size:20px;cursor:pointer;}
.pdf-btn i{cursor: pointer;}

/*加载效果*/
.load7{height: 25px;position: relative;display:none;}
.load7 .loader{position: absolute;top: -20px;}
.load7 .loader:before,
.load7 .loader:after,
.load7 .loader {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.load7 .loader {
  margin-left: 100px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.load7 .loader:before {
  left: -25px;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.load7 .loader:after {
  left: 25px;
}
.load7 .loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 25px 0 -13px #5bac66;
  }
  40% {
    box-shadow: 0 25px 0 0 #5bac66;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 25px 0 -13px #5bac66;
  }
  40% {
    box-shadow: 0 25px 0 0 #5bac66;
  }
}
