@charset "utf-8";
.headerbg{ padding:0 calc(var(--bili) * 35);height:calc(var(--bili) * 580);background: url("../images/headerbj.jpg");background-size: 100%;}
#mainbj {width: 100%;background: url("../images/bj.png");background-size: 100%;}
.indexnav{background:#e64545; height:calc(var(--bili) * 125); padding:calc(var(--bili) * 5) calc(var(--bili) * 25);}
.indexnav ul li a{color:#fff;}
.indexnav ul li:first-child,.indexnav ul li.first{width:calc(var(--bili) * 85);}
.indexnav ul li{text-align: center;width:calc(var(--bili) * 150); float:left; padding:calc(var(--bili) * 10) 0;}
.device {width: 100%; height:calc(var(--bili) * 290);position: relative; overflow:hidden;}
.device .arrow-left { background: url(../images/left.png) no-repeat; background-size: cover; position: absolute; left: calc(var(--bili) * 20);
top: 50%; margin-top: calc(var(--bili) * -30);
 width: calc(var(--bili) * 30);
 height: calc(var(--bili) * 56);
z-index: 9999; }
.device .arrow-right { background: url(../images/right.png) no-repeat; background-size: cover; position: absolute; right: calc(var(--bili) * 20);
top: 50%; margin-top: calc(var(--bili) * -30);
 width: calc(var(--bili) * 30);
 height: calc(var(--bili) * 56);
z-index: 9999; }
.device .jchg-swiper-container { width: 100%; height: calc(var(--bili) * 290);
}
.device .jchg-swiper-container img { width: 100%; height: 100%; }
.head_zxzx{background:#fff; margin:0 !important; height:calc(var(--bili) * 160);}
.head_zxzx ul{padding-top:0!important;}
.head_zxzx ul li{height: calc(var(--bili) * 40); line-height:calc(var(--bili) * 40);}
.head_zxzx ul li .text{font-size: calc(var(--bili) * 24);width: calc(var(--bili) * 480)!important;}
.head_zxzx ul li a{line-height:calc(var(--bili) * 40)!important;}
.head_zxzx ul li .time{font-size: calc(var(--bili) * 24);margin-right:calc(var(--bili) * 20)!important;}

.zxzx{margin:0 calc(var(--bili) * 20); overflow:hidden;}
.tabstitle{font-size:calc(var(--bili) * 32);}
.tabstitle h3{margin-right:20px;display:inline-block;height: calc(var(--bili) * 60);line-height:calc(var(--bili) * 60);font-size:calc(var(--bili) * 32);}
.tabstitle a{font-size:calc(var(--bili) * 24);padding-right: calc(var(--bili) * 20);display: inline-block;height: calc(var(--bili) * 60);line-height: calc(var(--bili) * 60);float: right;}
.tabstitle h3.active{background:url(../images/title.png) center bottom no-repeat;background-size: 50%;}
.zxzx ul{padding-top:calc(var(--bili) * 10);}
.zxzx ul li a {font-size:calc(var(--bili) * 24);position: relative; display: block; height: calc(var(--bili) * 50); padding-left: calc(var(--bili) * 35); line-height: calc(var(--bili) * 50);}
.zxzx ul li .dot { position: absolute; width: calc(var(--bili) * 10); height: calc(var(--bili) * 10); border: calc(var(--bili) * 5) solid #999999;left: calc(var(--bili) * 14); top: 50%; margin-top: calc(var(--bili) * -5);border-radius: 50%;}
.zxzx ul li .dot:before { content: ''; position: absolute; width: 0; height: calc(var(--bili) * 15); border-right: calc(var(--bili) * 2) solid #ddd;top: calc(var(--bili) * -20); }
.zxzx ul li .dot:after { content: ''; position: absolute; width: 0; height: calc(var(--bili) * 20); border-right: calc(var(--bili) * 2) solid #ddd;top:calc(var(--bili) * 5); }


.zxzx ul li.on a .dot{border: calc(var(--bili) * 5) solid #e64545;}
.zxzx ul li.on a { color: #e64545; }


.zxzx ul li .text { display: inline-block; width: calc(var(--bili) * 560); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:calc(var(--bili) * 40);}
.zxzx ul li .time{float:right;}
.kjan{padding:calc(var(--bili) * 20) 0;}
.kjan ul li:first-child{margin-left:calc(var(--bili) * 25);background:#00b8ee;}
.kjan ul li:nth-child(2){background:#2daf69;}
.kjan ul li:nth-child(3){background:#f9b552;}
.kjan ul li:nth-child(4){background:#f22e32;}
.kjan ul li{width:calc(var(--bili) * 160);height:calc(var(--bili) * 140); float:left;text-align: center; margin-left:calc(var(--bili) * 20);}
.kjan ul li img{height:calc(var(--bili) * 60); margin-top:calc(var(--bili) * 15);}
.kjan ul li span{font-size:calc(var(--bili) * 28);display: block; margin-top:calc(var(--bili) * 15); color:#fff;}
.banner {height: calc(var(--bili) * 125);position: relative;width:calc(var(--bili) * 715);margin: auto;overflow: hidden;}
.banner .imgBox, .banner .imgBox .img { width: 100%; height: 100%; }
.banner .imgBox a, .banner .imgBox .img a{display:block;height: 100%;}
.banner .banner-pagination { position: absolute; width: 100%; text-align: center; z-index: 20; top: 100%; margin-top: calc(var(--bili) * -25);
}
.banner .swiper-pagination-switch { display: inline-block; width: calc(var(--bili) * 10);
 height: calc(var(--bili) * 4);background:  #c8c5c5; margin: 0 calc(var(--bili) * 5);
cursor: pointer; }
.banner .swiper-active-switch { background: #141414; }
/*培训课程*/
.jdal{position: relative; margin-top:calc(var(--bili) * 50);}
.jdal .tabstitle{padding: 0 calc(var(--bili) * 20);}
.jdal .jdal-swiper-container { width: calc(var(--bili) * 660);height: calc(var(--bili) * 205); margin:calc(var(--bili) * 15) auto calc(var(--bili) * 50); overflow:hidden;}
.jdal .swiper-slide{ margin:0 calc(var(--bili) * 10);overflow:hidden;width: calc(var(--bili) * 200)!important; position:relative;border-radius: 10px;}
.jdal .swiper-slide img{ width: 100%; height: 100%; }
.jdal .swiper-slide .title {line-height: calc(var(--bili) * 40);width:calc(var(--bili) * 180); background:rgba(0,0,0,0.5); color:#fff; font-size:calc(var(--bili) * 26); bottom:0; left:50%; margin-left:calc(var(--bili) * -90); position:absolute; text-align:center;}
.jdal .arrow-left2 { background: url(../images/left1.png) no-repeat; background-size: cover; position: absolute; left: calc(var(--bili) * 20);
top: calc(var(--bili) * 160);
 width: calc(var(--bili) * 24);
 height: calc(var(--bili) * 42);
z-index: 9999; }
.jdal .arrow-right2 { background: url(../images/right1.png) no-repeat; background-size: cover; position: absolute; right: calc(var(--bili) * 20);
top: calc(var(--bili) * 160);
 width: calc(var(--bili) * 24);
 height: calc(var(--bili) * 42);
z-index: 9999; }
.ksan{margin:0 calc(var(--bili) * 30);}
.ksan ul li{margin:0 calc(var(--bili) * 15) calc(var(--bili) * 30); width:calc(var(--bili) * 310); height:calc(var(--bili) * 90); line-height:calc(var(--bili) * 90); border-radius:10px;background:#4f9bdb; float:left; text-align:center;}
.ksan ul li a{color:#fff; display:block; font-size:calc(var(--bili) * 40);}
.ksan ul li:nth-child(2){background:#4fdb95;}
.ksan ul li:nth-child(3){background:#ffcc66;}
.ksan ul li:nth-child(4){background:#e64545;}
.wytd{width:calc(var(--bili) * 710); margin:0 auto calc(var(--bili) * 50);overflow:hidden;}
.wytd .gongy{width: calc(var(--bili) * 710);height: calc(var(--bili) * 150);margin: auto;overflow: hidden;}
.wytd .tabswyhd{ padding-bottom:calc(var(--bili) * 20)}
.wytd .f_l img{width:calc(var(--bili) * 240);height:calc(var(--bili) * 150);border-radius:10px;}
.wytd .f_r{width:calc(var(--bili) * 440);}
.wytd .f_r h3{font-size:calc(var(--bili) * 24); padding:calc(var(--bili) * 15) 0 calc(var(--bili) * 20);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wytd .f_r p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;font-size:calc(var(--bili) * 24); color:#666666;}
.zgyy .tabszgyy{padding:0 calc(var(--bili) * 20) calc(var(--bili) * 20);}





.zgyy .gongy{width: calc(var(--bili) * 722);height: calc(var(--bili) * 250);margin: auto;overflow: hidden;}
.zgyy .gongy .swiper-wrapper .swiper-slide{margin:0 calc(var(--bili) * 5);overflow: hidden;width:calc(var(--bili) * 170)!important; height:calc(var(--bili) * 250); background:#f5f5f5;}
.zgyy .gongy .swiper-wrapper .swiper-slide img{width:100%;height:calc(var(--bili) * 205);overflow:hidden;}
.zgyy .gongy .swiper-wrapper .swiper-slide h3{font-size:calc(var(--bili) * 20);overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; padding:0 calc(var(--bili) * 10); line-height:calc(var(--bili) * 42);}
.zpjs .gongy .swiper-wrapper .swiper-slide{margin:0 calc(var(--bili) * 5);float:left;width:calc(var(--bili) * 350)!important; height:calc(var(--bili) * 250); background:#f5f5f5;}
.ggtz{margin-top:calc(var(--bili) * 50);}
.bodyContent .columnBox.dpxx {margin:calc(var(--bili) * 50) 0;}
.bodyContent .columnBox.dpxx ul{background:#fff;padding: 0 calc(var(--bili) * 24);}
.bodyContent .columnBox.dpxx li {
margin:calc(var(--bili) * 12) auto;
margin-left:calc(var(--bili) * 20);
padding:calc(var(--bili) * 12) 0;
font-size:calc(var(--bili) * 30); color:#555555; }
.bodyContent .columnBox.dpxx li:nth-child(1) {
padding:calc(var(--bili) * 30) 0;
}
.bodyContent .columnBox.dpxx li:nth-child(2), .bodyContent .columnBox.dpxx li:nth-child(3) {
border-bottom:solid calc(var(--bili) * 2) #e5e5e5;
}
.bodyContent .columnBox.dpxx li img { width:calc(var(--bili) * 59);
height:calc(var(--bili) * 35);
padding-right:calc(var(--bili) * 20);
}
.bodyContent .columnBox.dpxx li:nth-child(2n) img {
width:calc(var(--bili) * 54);
height:calc(var(--bili) * 34);
}
.bodyContent .columnBox.dpxx li:nth-child(3) img {
width:calc(var(--bili) * 47);
height:calc(var(--bili) * 34);
}


.bodyContent .columnBox.dpxx .anniu{padding: 0 calc(var(--bili) * 24);}
.bodyContent .columnBox.dpxx .anniu a {
font-size:calc(var(--bili) * 30); display:inline-block; width:50%; height:calc(var(--bili) * 80);
line-height:calc(var(--bili) * 80);
text-align:center; background:#f2f3f5; }
.bodyContent .columnBox.dpxx .anniu a img { vertical-align: middle; margin-right:calc(var(--bili) * 20);
width:calc(var(--bili) * 42);
height:calc(var(--bili) * 42);
}
.bodyContent .columnBox.dpxx .anniu .zxyy { background:#141414; border-radius:0 0 calc(var(--bili) * 10) 0;
float: right; color:#fff; }


.bodyContent .columnBox.companyDetails { background:#fff; padding:calc(var(--bili) * 60) calc(var(--bili) * 30);
}
.bodyContent .columnBox.companyDetails .img { z-index: 99; width: 100%; height: calc(var(--bili) * 320);
position: relative;}
.bodyContent .columnBox.companyDetails .text {
 margin-top:calc(var(--bili) * -65); color:#ffffff; background:#141414; padding: calc(var(--bili) * 78) calc(var(--bili) * 35) 0;
width: 100%; font-size: calc(var(--bili) * 28);
 line-height: calc(var(--bili) * 48);
text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }
.bodyContent .columnBox.companyDetails .text_b {
height:calc(var(--bili) * 30); background:#141414; margin-bottom:calc(var(--bili) * 40)
}
.bodyContent .columnBox { background:#f2f3f5; width: 100%; }
.bodyContent .columnBox.jchg .device { background:#141414; width: 100%; height:calc(var(--bili) * 460);
margin-bottom:calc(var(--bili) * 44);position: relative;}
.bodyContent .columnBox.jchg .arrow-left { background: url(../images/left.png) no-repeat; background-size: cover; position: absolute; left: calc(var(--bili) * 20);
top: 50%; margin-top: calc(var(--bili) * -47);
 width: calc(var(--bili) * 55);
 height: calc(var(--bili) * 95);
z-index: 9999; }
.bodyContent .columnBox.jchg .arrow-right { background: url(../images/right.png) no-repeat; background-size: cover; position: absolute; right: calc(var(--bili) * 20);
top: 50%; margin-top: calc(var(--bili) * -47);
 width: calc(var(--bili) * 55);
 height: calc(var(--bili) * 95);
z-index: 9999; }
.bodyContent .columnBox.jchg .jchg-swiper-container { width: 100%; height: calc(var(--bili) * 450);
}
.bodyContent .columnBox.jchg .jchg-swiper-container img { width: 100%; height: 100%; }
.bodyContent .columnBox.jchg .swiper-slide { position:relative; }
.bodyContent .columnBox.jchg .swiper-slide .title {
font-size:calc(var(--bili) * 36); color:#141414; width:calc(var(--bili) * 630);
height:calc(var(--bili) * 105);
position:absolute; bottom:0; background:rgba(255, 255, 255, 0.8); line-height:calc(var(--bili) * 105);
text-align:center; left: 50%; margin-left:calc(var(--bili) * -315); padding:0 calc(var(--bili) * 30);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
/*门店活动*/
.bodyContent .columnBox.mdhd{background:#ffffff; padding-bottom:calc(var(--bili) * 60)}
.bodyContent .columnBox.mdhd .device { background:#141414; width: 100%; height:calc(var(--bili) * 470);
margin-bottom:calc(var(--bili) * 44)
}
.bodyContent .columnBox.mdhd .arrow-left3 { background: url(../images/left.png) no-repeat; background-size: cover; position: absolute; left: calc(var(--bili) * 20);
top: 50%; margin-top: calc(var(--bili) * -47);
 width: calc(var(--bili) * 55);
 height: calc(var(--bili) * 95);
z-index: 9999; }
.bodyContent .columnBox.mdhd .arrow-right3 { background: url(../images/right.png) no-repeat; background-size: cover; position: absolute; right: calc(var(--bili) * 20);
top: 50%; margin-top: calc(var(--bili) * -47);
 width: calc(var(--bili) * 55);
 height: calc(var(--bili) * 95);
z-index: 9999; }
.bodyContent .columnBox.mdhd .mdhd-swiper-container { width: 100%; height: calc(var(--bili) * 450);}
.bodyContent .columnBox.mdhd .mdhd-swiper-container img { width: 100%; height: calc(var(--bili) * 260);}
.bodyContent .columnBox.mdhd .swiper-slide .title { color:#ffffff;padding:0 calc(var(--bili) * 20);}
.bodyContent .columnBox.mdhd .swiper-slide .title h3{color:#ffffff;font-size:calc(var(--bili) * 36);margin:calc(var(--bili) * 40) auto calc(var(--bili) * 20);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bodyContent .columnBox.mdhd .swiper-slide .title label{font-size:calc(var(--bili) * 28); display:block;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;}
.page-mdhd{font-size:calc(var(--bili) * 36); color:#303030; margin:calc(var(--bili) * 40) auto calc(var(--bili) * 30); border-top:solid calc(var(--bili) * 2) #e5e5e5;}
.page-mdhd .page_border{ margin-left:calc(var(--bili) * 140);margin-top:calc(var(--bili) * -2);display:inline-block; border-top:solid calc(var(--bili) * 4) #141414;}