/* 头部 */
.width1200{
    margin: 0 auto;
    width: 1200px;
}
.header-fixed{
    height: 72px;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    background-color: #262f36;
    border-bottom: 2px solid #014fb3;
    z-index: 999;
}
.header .width1200{
    height: 100%;
}
.header .logo{
    padding-top: 15px;
    float: left;
}
.header .nav{
    float: right;
    font-size: 0;
}
.header .logo,.header .nav{
    height: 100%;
    line-height: 70px;
}
.header .nav li{
    padding: 0 35px;
    display: inline-block;
    font-size: 16px;
    height: 100%;
}
.header .nav li:hover{
    background-color: #014fb3;
}
.header .nav a{
    color: #fff;
    display: inline-block;
    height: 100%;
}
.nav_active{
    background-color: #014fb3;
}
/* banner */
.banner{
    position: relative;
}
.swiper-container1{
    overflow: hidden;
}
.banner .swiper-slide img{
    min-width: 1200px;
    width: 100%;
}
.diy-pagination1{
    position: absolute;
    left: 0;
    bottom: -155px;
    min-width: 1200px;
    width: 100%;
    z-index: 10;
}
.pagination1-center{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
}
.pagination1-icon-center{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;

    height: 156px;
}
.pagination1-icon-center li{
    position: absolute;
    display: inline-block;
    width: 33.3%;
    text-align: center;
}
.pagination1-icon-center li:first-child{
    top: -60px;
    left: 0;
}
.pagination1-icon-center li:nth-child(2){
    top: -40px;
    left: 33.3%;
}
.pagination1-icon-center li:last-child{
    top: -60px;
    right: 0;
}
.banner1_icon{
    cursor: pointer;
}
.banner1_icon_text span{
    display: block;
}
.banner1_icon_text span:first-child{
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
}
.banner1_icon_text span:nth-child(2){
    font-size: 12px;
    color: #b8c6e3;
}
.banner1_icon_text img{
    margin-top: 10px;
}
.swiper-pagination1{
    display: none;
}
.banner1-icon-active{
    opacity: 0.8;
    transition: all 0.4s;
}
/* 精品课程 */
.classic-case{
    padding: 213px 0 90px;
}
.classic-case li{
    margin: 40px 0 0 25px;
    float: left;
}
.title{
    text-align: center;
}
.video_name{
    margin-top: 5px;
    font-size: 14px;
}
.video_index{
    margin-right: 5px;
    display: inline-block;
    width: 43px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    vertical-align: middle;
    background: url(../images/video_index.png) center no-repeat;
}
    /* 去掉video下载按钮 */
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}
/* 服务范围 */
.services-scope{
    padding-top: 185px;
    height: 1080px;
    min-width: 1200px;
    background: url(../images/services_scope_bg.png) center no-repeat;
    background-size: cover;
}
.services-content>ul{
    padding-top: 13px;
}
.services-content>ul>li{
    margin-top: 80px;
}
.service-intro{
    display: inline-block;
    width: 615px;
    text-align: right;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
}
.service-icon{
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}
.service-intro p:first-child{
    margin-bottom: 20px;
    font-size: 18px;
}
/* 设备展示 */
.eq-show-content{
    padding: 65px 0 0;
}
.eq-show-img{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 444px;
    height: 508px;
}
.eq-show-img span{
    position: absolute;
    left: 7px;
    bottom: 12px;
    display: inline-block;
    width: 430px;
    height: 98px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 98px;
    background-color: rgba(0,0,0,0.5);
}
.eq-show-ul{
    float: right;
    vertical-align: top;
    width: 705px;
}
.eq-show-ul li{
    position: relative;
    float: left;
    margin: 0 0 58px 45px;
    padding: 18px 0 0 62px;
    width: 200px;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
}
.eq-show-ul li:nth-child(3n+1){
    margin-left: 0;
}
.eq-show-ul li>img{
    position: absolute;
    top: -26px;
    left: -24px;
    cursor: pointer;
}
.eq-list-text{
    font-size: 14px;
    text-align: center;
}
/* 环境展示 */
.environment-show{
    height: 1600px;
    min-width: 1200px;
    background: url(../images/environment_show_bg.png) center no-repeat;
    background-size: cover;
}
.environment-show-content{
    padding-top: 136px;
}
.environment-top{
    text-align: right;
}
.environment-top li{
    margin-top: 42px;
}
.environment-top .environment-icon{
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}
.environment-top .environment-intro{
    display: inline-block;
    width: 445px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
}
.environment-top .environment-intro p:first-child {
    margin-bottom: 20px;
    font-size: 18px;
}
.environment-bottom{
    margin-top: 188px;
    text-align: left;
}
.environment-bottom li{
    margin-top: 42px;
}
.environment-bottom .environment-icon{
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}
.environment-bottom .environment-intro{
    display: inline-block;
    width: 445px;
    text-align: right;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
}
.environment-bottom .environment-intro p:first-child {
    margin-bottom: 20px;
    font-size: 18px;
}
/* 公司资质 */
.company-qualification{
    padding: 30px 0 0;
}
.company-banner{
    margin-top: 70px;
}
.company-banner-line{
    width: 388px;
    height: 295px;
    border: 1px solid #e5e5e5;
    text-align: center;
    line-height: 295px;
}
.company-banner-line img{
    vertical-align: middle;
}
.company-banner .swiper-slide p{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}
/* 合作客户 */
.cooperative-client{
    padding: 100px 0;
}
.cooperative-client .width1200{
    overflow-x: hidden;
}
.cooperative-banner{
    margin-top: 95px;
}
/* footer */
.footer{
    padding: 65px 0 0 0;
    width: 100%;
    min-width: 1200px;
    font-size: 14px;
    background:url(../images/footer_bg.png) center no-repeat;
}
.footer-messages{
    float: left;
}
.footer-nav a{
    margin-left: 70px;
    color: #fff;
}
.footer-address{
    padding-top: 0.1px;
    margin-top: 10px;
    color: #fff;
}
.footer-address>p{
    margin-top: 25px;
}
.footer>.width1200{
    padding: 0 10px;
}
.footer-qrCode{
    width: 154px;
    float: right;
}
.footer-qrCode span{
    display: block;
    text-align: center;
    color: #fff;
    letter-spacing: 4px;
}
.footer-show{
    margin-top: 40px;
    padding-bottom: 25px;
    font-size: 0;
}
.footer-show li{
    margin-left: 165px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.footer-show li:first-child{
    margin-left: 0;
}
.footer-show li img{
    margin-bottom: 15px;
}
.footer_hot_city{
    padding: 28px 0 28px 20px;
    font-size: 14px;
    color: #fff;
    border-top: 1px solid #5b5d62;
    line-height: 30px;
}
.hot_city_title,.footer_hot_city ul{
    display: inline-block;
    vertical-align: middle;
}
.hot_city_title{
    margin-right: 35px;
}
.footer_hot_city ul{
    width: 1113px;
    border-left: 1px solid #999b9e;
}
.footer_hot_city ul li{
    display: inline-block;
    width: 65px;
    text-align: center;
}
.footer-copyright{
    font-size: 12px;
    color: #999;
    background-color: rgba(0,0,0,0.25);
    text-align: center;
    height: 60px;
    line-height: 60px;
}
/* 右侧浮窗 */
.floatWindow{
    position: fixed;
    top: 200px;
    right: 10px;
    z-index: 999;
}
.floatWindow-attention,.floatWindow-neng{
    padding: 11px 15px;
    width: 40px;
    height: 100px;
    background-color: #e33c3c;
    color: #fff;
    cursor: pointer;
}
.floatWindow-attention{
    position: relative;
}
.floatWindow-attention:hover .floatWindow-qrCode{
    display: block;
}
.floatWindow-neng{
    margin-top: 5px;
    background-color: #2562b3;
}
.floatWindow-qrCode{
    display: none;
    position: absolute;
    top: 0;
    right: 60px;
    width: 170px;
    height: 170px;
    text-align: center;
    line-height: 170px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
}
.floatWindow-qrCode img{
    vertical-align: middle;
}
.floatWindow-qrCode span{
    position: absolute;
    right:-40px;
    top: 27px;
    width: 0;
    height: 0;
    border:20px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.floatWindow-top{
    margin-top: 5px;
    width: 40px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background-color: #2562b3;
}
.floatWindow-top a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.floatWindow-top a img{
    vertical-align: middle;
}
/* 分页器样式 */
.pagination3 {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #888;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #2562b3;
}