@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:2; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header{ width:100%; height:100px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header:before{ width:100%; height:1px; display:block; content:''; background-color:rgba(255,255,255,.3); position:absolute; left:0; bottom:0; z-index:1;}
.header.pos{ background-color:#fff;}
.header.pos:before{ display:none;}
.header .head{ width:94%; max-width:1460px; height:100%; margin:auto; display:flex; align-items:center; position:relative; z-index:3;}
.header .head .logo{ height:58px;}
.header .head .logo img{ display:block; height:58px;}
.header .head .ser{ height:40px; display:block; position:relative; z-index:9; border-radius:40px; /*background-color:rgba(47,49,139,.5);*/}
.header .head .ser dt{ height:40px; display:none; position:relative; float:left; z-index:1;}
.header .head .ser dt a{ padding:0 20px; display:block;}
.header .head .ser dt b{ height:20px; display:block; float:left; margin:10px; margin-left:0;}
.header .head .ser dt b img{ display:block; height:20px;}
.header .head .ser dt p{ display:block; float:left; font-size:16px; line-height:40px; height:40px; color:#fff;}
.header .head .ser dt a:hover p{ color:#f6ae45;}
.header .head .ser dd{ width:50px; height:40px; display:block; position:relative; float:left; z-index:3;}
.header .head .ser dd b{ width:50px; height:40px; display:block; border-radius:20px; border-top-left-radius:0; background-color:#f6ae45; overflow:hidden; cursor:pointer;}
.header .head .ser dd b img{ display:block; height:20px; margin:10px auto;}
.header .head .ser dd p{ display:block; position:absolute; right:-300px; top:0; width:300px; height:40px; background-color:#2f318b; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .ser dd p .close{ height:14px; display:block; float:left; margin:13px;}
.header .head .ser dd p span{ display:block; width:calc(100% - 101px); height:40px; float:left;}
.header .head .ser dd p span input{ display:block; width:100%; font-size:16px; line-height:40px; height:40px; background-color:transparent; color:#fff;}
.header .head .ser dd p a{ display:block; width:50px; height:40px; float:right; border-radius:20px; border-top-left-radius:0; background-color:#f6ae45; overflow:hidden;}
.header .head .ser dd p a input{ width:100%; height:40px; display:block; cursor:pointer; border-radius:100%; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-size:20px auto; background-repeat:no-repeat; background-color:#f6ae45;}
.header .head .ser.active dt{ opacity:0;}
.header .head .ser.active dd p{ right:0; opacity:1;}

.header .head .nav{ display:flex; flex:1; height:100%; position:relative; z-index:1; justify-content:flex-end;}
.header .head .nav li{ display:flex; align-items:center; margin-right:4%; height:100%; position:relative; z-index:1;}
.header .head .nav li>a{ display:block; font-size:18px; color:#333;}
.header .head .nav li.on>a,.header .head .nav li:hover>a{ color:#f6ae45;}
.header .head .nav li.on b,.header .head .nav li:hover b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#2f318b; overflow:hidden;}
.header .head .nav li p{ width:140px; position:absolute; left:50%; margin-left:-90px; top:80px; background-color:rgba(47,49,139,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; padding:10px 20px; text-align:center;}
.header .head .nav li p a{ display:block; font-size:16px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.header .head .nav li p a:hover{ color:#f6ae45;}
.header .head .nav li:hover{ z-index:9;}
.header .head .nav li:hover p{ top:100%; opacity:1; height:auto;}
@media only screen and (max-width:1440px){
.header .head .logo{ height:50px;}
.header .head .logo img{ height:50px;}
.header .head .nav li>a{ font-size:16px;}
.header .head .ser{ height:38px;}
.header .head .ser dt{ height:38px;}
.header .head .ser dt a{ padding:0 15px; display:block;}
.header .head .ser dt b{ margin:8px; margin-left:0;}
.header .head .ser dt p{ line-height:36px; height:36px;}
.header .head .ser dd{ width:40px; height:36px;}
.header .head .ser dd b{ width:40px; height:36px;}
.header .head .ser dd b img{ margin:8px auto;}
.header .head .ser dd p{ height:36px;}
.header .head .ser dd p .close{ margin:11px;}
.header .head .ser dd p span{ width:calc(100% - 87px); height:36px;}
.header .head .ser dd p span input{ line-height:36px; height:36px;}
.header .head .ser dd p a{ width:40px; height:36px; border-radius:18px; border-top-left-radius:0;}
.header .head .ser dd p a input{ height:36px;}
.header .head .nav li p a{ font-size:14px; line-height:34px; height:34px;}
}

/*banner*/
.banner{ width:100%; max-height:100%; height:56.25vw; position:relative; z-index:1; border-top:100px solid #fff; box-sizing:border-box;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-pagination{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:9; height:2.86vw; max-height:55px;}
.banner .swiper-pagination span{ width:60px; height:5px; display:block; border-radius:5px; background-color:#fff; opacity:.5; float:left; margin:0 5px; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f6ae45; opacity:1;}

.title{ width:94%; max-width:1460px; min-height:66px; margin:auto; margin-top:-11px; position:relative; z-index:3;}
.title .t01{ float:left; font-size:72px; line-height:75px; height:66px; font-weight:bold; color:#2f318b; position:relative; z-index:3; overflow:visible;}
.title .t02{ float:left; margin-left:10px; height:66px; position:relative; z-index:3; overflow:visible;}
.title .t02 span{ display:flex; align-items:center; font-size:18px; line-height:36px; height:36px; text-transform:uppercase; color:#f6ae45;}
.title .t02 span a{ width:60px; height:1px; display:block; margin-left:10px; background-color:#f6ae45; overflow:hidden;}
.title .t02 b{ font-size:32px; line-height:42px; display:block; margin-top:-8px;}
.title .t03{ position:absolute; left:109px; top:-10px; height:80px; z-index:1;}
.title .t03 img{ display:block; height:80px;}
/*@media only screen and (max-width:1440px){
.title{ height:56px; margin-top:-7px;}
.title .t01{ font-size:60px; line-height:66px; height:66px;}
.title .t02 span{ font-size:16px; line-height:32px; height:32px;}
.title .t02 b{ font-size:26px; line-height:36px; display:block; margin-top:-7px;}
}*/

/*驾校简介*/
.abox{ width:100%; position:relative; z-index:1; padding-top:5.2vw; padding-bottom:4.9479vw; background-color:#fff;}
.abox .bg{ width:35.9375%; height:100%; background-position:center; background-size:cover; position:absolute; right:0; top:0; z-index:11; display:none;}
.abox .bg:before{ width:100%; height:100%; display:block; content:''; background-color:rgba(47,49,139,.95); position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
/*.abox .bg .list li{ display:block; padding:1.5625vw 0;}
.abox .bg .list li .w01{ display:flex; align-items:flex-end;}
.abox .bg .list li .w01 p{ display:block; color:#fff; font-size:60px; line-height:1;}
.abox .bg .list li .w01 span{ display:block; color:#fff; font-size:20px; line-height:34px; margin-left:10px;}
.abox .bg .list li .w02{ margin-top:0.52vw; font-size:16px; line-height:26px; color:#fff;}*/

.abox .box{ width:94%; max-width:1460px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:50%; float:left;}
.abox .box .title{ width:100%;}
.abox .box .tu{ width:100%; position:relative; z-index:1; margin-top:2.6vw;}
.abox .box .tu a{ width:100%; display:block; position:relative; padding-top:40%; overflow:hidden;}
.abox .box .tu img{ width:100%; display:block; position:absolute; left:0; bottom:0;}
.abox .box .wen{ width:100%; position:relative; margin-top:1.5625vw; font-size:16px; line-height:36px; height:144px;}
.abox .box .more{ width:100%; position:relative; margin-top:2.6vw;}
.abox .box .more a{ font-size:16px; line-height:26px; height:26px; display:block; float:left; color:#2f318b;}
.abox .box .more a img{ display:block; height:10px; margin:8px 10px; float:right;}
.abox .box .more a img.img02{ display:none;}
.abox .box .more a:hover{ color:#f6ae45;}
.abox .box .more a:hover img.img01{ display:none;}
.abox .box .more a:hover img.img02{ display:block;}

.abox .box .cont{ position:relative; z-index:9; width:45%; float:right;}
.abox .box .cont .list{ position:relative; z-index:3; display:block; padding-top:1.3vw;}
.abox .box .cont .list li{ padding:1vw 20px; padding-right:0; border-bottom:1px solid #eee; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; display:block; width:100%; box-sizing:border-box;}
.abox .box .cont .list li a{ float:left; width:calc(100% - 80px); display:block; float:left; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.abox .box .cont .list li a:hover{ color:#f6ae45;}
.abox .box .cont .list li span{ display:block; float:right; color:#999; font-size:18px; line-height:28px; height:28px; overflow:hidden;}

/*@media only screen and (max-width:1440px){
.abox .box .cont .list li .w01 p{ font-size:50px; line-height:1;}
.abox .box .cont .list li .w01 span{ font-size:18px; line-height:30px;}
.abox .bg .list li .w02{ font-size:14px; line-height:24px;}
.abox .box .wen{ font-size:14px; line-height:30px; height:120px;}
.abox .box .more a{ font-size:14px; line-height:24px; height:24px;}
.abox .box .more a img{ height:8px;}
}*/

/*培训课程*/
.tbox{ width:100%; position:relative; z-index:1; padding-top:5.2vw; padding-bottom:5.2vw; background-color:#f7f7ff;}
.tbox .title .more{ max-width:calc(100% - 280px); float:right; margin-top:-10px;}
.tbox .title .more a{ display:block; float:left; padding:0 1.82vw; margin-left:1.5625vw; background-color:#fff; font-size:16px; height:40px; line-height:40px; border-radius:40px; overflow:hidden; color:#2f318b; margin-top:20px;}
.tbox .title .more a b{ display:block; width:30px; height:10px; margin:15px 0.78125vw; margin-right:0; float:right; background-image:url(../images/more.png);}
.tbox .title .more a.on{ background-color:#f6ae45; color:#fff;}
.tbox .title .more a.on b{ background-image:url(../images/more01.png);}
.tbox .box{ width:94%; max-width:1460px; margin:auto; margin-top:2.6vw; position:relative; z-index:3;}
.tbox .box .tabox{ width:100%; position:relative; display:none;}
.tbox .box .tabox.active{ display:flex;}
.tbox .box .tabox .left{ width:28.77%; margin-right:2.74%; position:relative;}
.tbox .box .tabox .left .top{ width:100%; position:relative; z-index:1;}
.tbox .box .tabox .left .top .tu{ width:100%; position:relative; padding-top:72.619%;}
.tbox .box .tabox .left .top .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.tbox .box .tabox .left .top .wen{ background-color:#fff; padding:2.34375vw 9.52%;}
.tbox .box .tabox .left .top .wen .w01{ width:100%;}
.tbox .box .tabox .left .top .wen .w01 b{ display:block; float:left; font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.tbox .box .tabox .left .top .wen .w01 strong{ display:block; font-size:20px; line-height:34px; color:#f6ae45; float:right;}
.tbox .box .tabox .left .top .wen .w01 strong img{ display:block; float:left; height:18px; margin:8px 10px;}
.tbox .box .tabox .left .top .wen .w02{ width:100%; padding-top:0.26vw;}
.tbox .box .tabox .left .top .wen .w02 p{ display:block; font-size:16px; line-height:26px; margin-top:0.52vw;}
.tbox .box .tabox .left .top .wen .w03{ width:100%; padding-top:1.3vw; padding-bottom:5px;}
.tbox .box .tabox .left .top .wen .w03 img{ display:block; height:10px;}
.tbox .box .tabox .left .bot{ background-color:#2f318b; position:absolute; left:0; top:100%; z-index:9; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; width:100%; height:100%;}
.tbox .box .tabox .left:hover .bot{ top:0;}
.tbox .box .tabox .left .bot a{ width:100%; height:100%; display:block; padding:3.39vw 9.52%; box-sizing:border-box;}
.tbox .box .tabox .left .bot .w01{ width:100%; font-size:24px; line-height:34px; color:#fff; font-weight:bold;}
.tbox .box .tabox .left .bot .w01:hover{ color:#f6ae45;}
.tbox .box .tabox .left .bot .w02{ width:100%; padding-top:0.52vw;}
.tbox .box .tabox .left .bot .w02 p{ display:block; font-size:16px; line-height:26px; margin-top:0.52vw; color:#fff;}
.tbox .box .tabox .left .bot .w02 p b{ font-size:24px; line-height:34px; color:#f6ae45;}
.tbox .box .tabox .left .bot .w03{ width:120px; height:40px; border-radius:40px; background-color:#fff; position:absolute; left:9.52%; bottom:3.39vw; margin-bottom:5px;}
.tbox .box .tabox .left .bot .w03 img{ display:block; height:10px; margin:15px auto;}
.tbox .box .tabox .left .bot .w03 img.img02{ display:none;}
.tbox .box .tabox .left .bot .w03:hover{ background-color:#f6ae45;}
.tbox .box .tabox .left .bot .w03:hover img.img01{ display:none;}
.tbox .box .tabox .left .bot .w03:hover img.img02{ display:block;}
.tbox .box .tabox .right{ flex:1; display:flex; flex-direction:column;}
.tbox .box .tabox .right dt{ display:flex; align-items:center; overflow:hidden;}
.tbox .box .tabox .right dt .tu{ width:38.89%;}
.tbox .box .tabox .right dt .tu a{ display:block; width:100%; position:relative; padding-top:72.619%;}
.tbox .box .tabox .right dt .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.tbox .box .tabox .right dt .wen{ width:57.41%; margin-left:3.7%;}
.tbox .box .tabox .right dt .wen .w01 a{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; font-weight:bold;}
.tbox .box .tabox .right dt .wen .w01 a:hover{ color:#2f318b;}
.tbox .box .tabox .right dt .wen .w02{ font-size:16px; line-height:26px; margin-top:0.26vw;}
.tbox .box .tabox .right dt .wen .w02 b{ color:#2f318b;}
.tbox .box .tabox .right dt .wen .w03{ padding-bottom:5px; height:10px; margin-top:1.3vw;}
.tbox .box .tabox .right dt .wen .w03 a{ display:block; float:left; height:10px;}
.tbox .box .tabox .right dt .wen .w03 a img{ display:block; height:10px;}
.tbox .box .tabox .right dt .wen .w03 a img.img02{ display:none;}
.tbox .box .tabox .right dt .wen .w03 a:hover img.img01{ display:none;}
.tbox .box .tabox .right dt .wen .w03 a:hover img.img02{ display:block;}
.tbox .box .tabox .right dd{ display:block; flex:1; position:relative; width:100%;}
.tbox .box .tabox .right dd:before{ width:100%; height:1px; content:''; display:block; background-color:#ddd; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

/*教练团队*/
.cbox{ width:100%; position:relative; z-index:1; padding-top:5.2vw; background-color:#fff;}
.cbox .bg{ width:51.5625%; height:100%; background-position:center; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.cbox .bg:before{ width:100%; height:100%; display:block; content:''; background-color:rgba(47,49,139,.95); position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.cbox .box{ width:94%; max-width:1460px; margin:auto; position:relative; z-index:3;}
.cbox .box .left{ width:58.9%; float:left; padding-bottom:4.9479vw;}
.cbox .box .left .title{ width:100%;}
.cbox .box .left .title .t01,.cbox .box .left .title .t02 b{ color:#fff;}
.cbox .box .left .tab{ margin-top:2.6vw;}
.cbox .box .left .tab .tu{ width:100%;}
.cbox .box .left .tab .tu a{ display:block; overflow:hidden; width:100%; position:relative; padding-top:56.9767%;}
.cbox .box .left .tab .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .left .tab .wen{ margin-top:1.82vw;}
.cbox .box .left .tab .wen .w01 a{ display:block; font-size:24px; line-height:34px; height:34px; font-weight:bold; overflow:hidden; color:#fff;}
.cbox .box .left .tab .wen .w01 a:hover{ color:#f6ae45;}
.cbox .box .left .tab .wen .w02{ margin-top:1.3vw;}
.cbox .box .left .tab .wen .w02 a{ display:block; float:left; font-size:16px; line-height:26px; height:26px; color:#fff;}
.cbox .box .left .tab .wen .w02 a img{ display:block; height:10px; margin:8px 0.78125vw; float:right;}
.cbox .box .left .tab .wen .w02 a img.img02{ display:none;}
.cbox .box .left .tab .wen .w02 a:hover{ color:#f6ae45;}
.cbox .box .left .tab .wen .w02 a:hover img.img01{ display:none;}
.cbox .box .left .tab .wen .w02 a:hover img.img02{ display:block;}
.cbox .box .right{ width:34.25%; float:right; display:block; margin-top:-1.3vw;}
.cbox .box .right li{ width:100%; display:block; position:relative; overflow:hidden; margin-top:1.3vw; padding-top:50%;}
.cbox .box .right li img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.cbox .box .right li b{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background-color:#fff; opacity:.7;}
.cbox .box .right li.on b{ width:calc(100% - 44px); height:calc(100% - 44px); left:20px; top:20px; background-color:transparent; opacity:.5; border:2px solid #fff;}

/*新闻公告*/
.pbox{ width:100%; position:relative; z-index:1; padding-top:5.2vw; padding-bottom:5.2vw; background-color:#fff;}
.pbox .title .more{ position:absolute; right:0; bottom:0;}
.pbox .title .more a{ display:block; float:left; padding:0 1.82vw; margin-left:1.5625vw; background-color:#f7f7ff; font-size:16px; height:40px; line-height:40px; border-radius:40px; overflow:hidden; color:#2f318b;}
.pbox .title .more a b{ display:block; width:30px; height:10px; margin:15px 0.78125vw; margin-right:0; float:right; background-image:url(../images/more.png);}
.pbox .title .more a.on{ background-color:#f6ae45; color:#fff;}
.pbox .title .more a.on b{ background-image:url(../images/more01.png);}
.pbox .box{ width:94%; max-width:1460px; margin:auto; margin-top:2.6vw; position:relative; z-index:3;}
.pbox .box .left{ width:46.58%; float:left; display:block; margin-top:-1.5625vw;}
.pbox .box .left li{ display:block; width:47.06%; float:left; margin-left:5.88%; margin-top:1.5625vw; position:relative;}
.pbox .box .left li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .left li .tu{ width:100%; position:relative; z-index:1;}
.pbox .box .left li .tu a{ width:100%; display:block; position:relative; padding-top:70%;}
.pbox .box .left li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .left li .time{ width:70px; height:70px; position:absolute; left:20px; top:20px; z-index:3; background-color:#2f318b; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.pbox .box .left li .time b{ font-size:24px; line-height:30px; display:block; color:#fff;}
.pbox .box .left li .time p{ font-size:14px; line-height:22px; display:block; color:#fff;}
.pbox .box .left li .wen{ margin-top:0.52vw;}
.pbox .box .left li .wen a{ width:100%; font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.pbox .box .left li .wen a:hover{ color:#2f318b;}
.pbox .box .right{ float:right; width:47.95%; display:block; padding-top:0.625vw;}
.pbox .box .right li{ padding:0.9375vw 20px; padding-right:0; border-bottom:1px solid #ddd; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.pbox .box .right li:last-child{ border-bottom:none;}
.pbox .box .right li a{ float:left; width:calc(100% - 80px); display:block; float:left; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .right li a:hover{ color:#2f318b;}
.pbox .box .right li span{ display:block; float:right; color:#999; font-size:18px; line-height:28px; height:28px; overflow:hidden;}

/*环境展示*/
.ebox{ width:100%; position:relative; z-index:1; padding-top:5.2vw; padding-bottom:5.2vw; background-color:#f7f7ff;}
.ebox .title .more{ position:absolute; right:0; bottom:0;}
.ebox .title .more a{ display:block; float:left; padding:0 1.82vw; margin-left:1.5625vw; background-color:#fff; font-size:16px; height:40px; line-height:40px; border-radius:40px; overflow:hidden; color:#2f318b;}
.ebox .title .more a b{ display:block; width:30px; height:10px; margin:15px 0.78125vw; margin-right:0; float:right; background-image:url(../images/more.png);}
.ebox .title .more a.on{ background-color:#f6ae45; color:#fff;}
.ebox .title .more a.on b{ background-image:url(../images/more01.png);}
.ebox .box{ width:94%; max-width:1460px; margin:2.6vw auto; margin-bottom:-20px; position:relative; z-index:3;}
.ebox .box .hj{ width:100%; display:block; margin-top:-1.04vw;}
.ebox .box .hj a{ width:31.51%; display:block; float:left; margin-top:1.04vw; margin-left:2.735%; position:relative; overflow:hidden; padding:20px; padding-right:0; box-sizing:border-box;}
.ebox .box .hj a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ebox .box .hj a .tu{ width:100%; position:relative; z-index:2; border-bottom-right-radius:1.5625vw; border-top-left-radius:1.5625vw;}
.ebox .box .hj a .tu strong{ width:100%; display:block; overflow:hidden; position:relative; z-index:1; padding-top:63.63%;}
.ebox .box .hj a .tu strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ebox .box .hj a .tu p{ width:270px; padding-left:30px; padding-right:70px; box-sizing:border-box; position:absolute; right:0; bottom:0; border-top-left-radius:1.5625vw; background-color:rgba(47,49,139,.9); z-index:2; height:50px; line-height:50px; font-size:18px; color:#fff; background-image:url(../images/more01.png); background-position:right 30px center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ebox .box .hj a .wen{ width:270px; padding:15px 30px; box-sizing:border-box; border-bottom-right-radius:30px; border-top-left-radius:30px; background-color:#2f318b; background-image:url(../images/more01.png); background-position:right 30px center; background-repeat:no-repeat; position:absolute; right:0; bottom:-100px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; z-index:3;}
.ebox .box .hj a .wen span{ width:(100% - 40px); display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#fff;}
.ebox .box .hj a .wen p{ width:(100% - 40px); display:block; font-size:14px; line-height:22px; height:22px; overflow:hidden; color:#fff; text-transform:uppercase;}
.ebox .box .hj a .bg{ width:96px; height:96px; border-top:4px solid #f6ae45; border-left:4px solid #f6ae45; border-top-left-radius:1.5625vw; overflow:hidden; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ebox .box .hj a:hover .tu p{ bottom:-50px;} 
.ebox .box .hj a:hover .wen{ bottom:0;}
.ebox .box .hj a:hover .bg{ width:146px; height:146px; background-color:#f6ae45;}

/*footer*/
.footer{ width:100%; position:relative; z-index:1; background-color:#434496; background-position:bottom center; background-repeat:no-repeat; background-size:cover;}
.footer .box{ width:94%; max-width:1460px; margin:auto; position:relative; z-index:3; padding-top:5.2vw;}
.footer .box .tu{ width:49.32%; height:25vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .tu:hover{ z-index:3; transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.footer .box .tu01{ width:50.68%; height:12.5vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .tu01:hover{ z-index:3; transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.footer .box .tu02{ width:25.34%; height:12.5vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .tu02:hover{ z-index:3; transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.footer .box a{ width:100%; height:100%; background-color:rgba(0,0,0,.3); display:block; overflow:hidden; position:relative;}
.footer .box a img{ width:4.17vw; max-width:80px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.footer .box a b{ display:block; font-size:24px; line-height:34px; color:#fff; position:absolute; left:2.08vw; bottom:1.82vw;}
.footer .foot{ width:94%; max-width:1460px; margin:2.34375vw auto; position:relative; z-index:3; margin-top:3.3854vw; display:flex; align-items:center;}
.footer .foot .f01{ width:44%; max-width:630px;}
.footer .foot .f01 img{ width:100%; display:block; margin:5px 0;}
.footer .foot .f02{ margin-left:6.16%; flex:1; margin-top:-.52vw;}
.footer .foot .f02 li{ display:block; margin-top:.52vw; overflow:hidden;}
.footer .foot .f02 li img{ display:block; height:16px; margin:4px 9px; margin-left:0; float:left;}
.footer .foot .f02 li p{ display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .foot .f03{ display:block; padding-top:5px;}
.footer .foot .f03 li{ width:100px; margin-left:1.5625vw; display:block; float:left;}
.footer .foot .f03 li strong{ width:100%; height:100px; display:block; overflow:hidden;}
.footer .foot .f03 li strong img{ width:100%; display:block;}
.footer .foot .f03 li p{ width:100%; display:block; overflow:hidden;  margin-top:.52vw; text-align:center; font-size:14px; line-height:24px; color:#fff;}
.footer .bq{ width:100%; border-top:1px solid rgba(255,255,255,.5); display:flex; justify-content:center; padding:0.9375vw 0;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; color:#fff; margin:0 10px;}
.footer .bq p a{ color:#fff;}

.kf{ position:fixed; right:1.5%; bottom:20%; z-index:100;}
.kf .top{ width:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background:linear-gradient(to top,#f6ae45,#f68c45);}
.kf .top a{ display:block; text-align:center; padding:15px 0;}
.kf .top a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .top a span{ font-size:12px; line-height:22px; display:block; color:#fff;}
.kf .mil{ display:block; width:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background-color:#fff; margin:20px 0; padding:10px 0;}
.kf .mil dt{ display:block; text-align:center; border-bottom:1px solid #eee; position:relative;}
.kf .mil dt:last-child{ border-bottom:none;}
.kf .mil dt a{ display:block; overflow:hidden; padding:10px 0; cursor:pointer;}
.kf .mil dt a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .mil dt a span{ font-size:12px; line-height:22px; display:block; color:#333;}
.kf .mil dt a:hover span{ color:#f6ae45;}
.kf .mil dt b{ display:none; position:absolute; right:60px; bottom:0; background-color:#fff; border-radius:10px; padding:10px; box-shadow:0 0 10px rgba(0,81,251,.1); font-size:16px; color:#2f318b; width:140px;}
.kf .mil dt:hover b{ display:block;}
.kf .mil dt p{ display:none; position:absolute; right:60px; bottom:0; background-color:#fff; border-radius:10px; padding:10px; box-shadow:0 0 10px rgba(0,81,251,.1);}
.kf .mil dt:hover p{ display:block;}
.kf .mil dt p img{ width:120px; display:block;}
.kf .mil dt p span{ font-size:12px; line-height:22px; display:block; color:#333; text-align:center;}
.kf .bot{ display:block; width:50px; height:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background-color:#fff; cursor:pointer;}
.kf .bot img{ height:16px; margin:17px auto; display:block;}

/*内页*/
.ban{ width:100%; height:24vw; position:relative; margin-bottom:35px; border-top:100px solid #fff; box-sizing:border-box;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .biao{ width:94%; max-width:1460px; position:absolute; left:50%; transform:translateX(-50%); bottom:80px; z-index:3;}
.ban .box .biao .en{ text-transform:uppercase; font-size:50px; line-height:60px; height:60px; color:#fff; opacity:.7; font-weight:bold;}
.ban .box .biao .cn{ margin-top:10px;}
.ban .box .biao .cn a{ display:block; float:left; color:#fff; font-size:30px; line-height:40px;}
.ban .box .biao .cn b{ display:block; float:left; width:20px; height:2px; margin-left:10px; margin-top:33px; background-color:#fff;}
.ban .sav{ width:94%; max-width:1460px; position:absolute; left:50%; transform:translateX(-50%); bottom:-35px; z-index:3; height:70px; border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); border-left:10px solid #2f318b; box-sizing:border-box; display:flex; align-items:center;}
.ban .sav .left{ flex:1; margin-left:1vw; margin-right:2vw; height:70px; display:flex; align-items:center; white-space:nowrap; overflow:auto;}
.ban .sav .left::-webkit-scrollbar{ width:1px; height:5px;}
.ban .sav .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(0,0,0,0.1);}
.ban .sav .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.ban .sav .left a{ display:block; font-size:16px; line-height:26px; padding:0 1.5625vw; position:relative;}
.ban .sav .left a:hover,.ban .sav .left a.on{ color:#f6ae45;}
.ban .sav .left a:before{ content:''; width:1px; height:14px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-7px;}
.ban .sav .left a:last-child:before{ display:none;}
.ban .sav .right{ font-size:16px; line-height:20px; margin-right:2.5625vw;}
.ban .sav .right img{ display:block; height:20px; float:left; margin-right:0.78125vw;}
.ban .sav .right a{ display:block; float:left;}
.ban .sav .right span{ display:block; float:left; margin:0 0.677vw;}

/*驾校简介-驾校简介*/
.ab01{ width:100%; padding-top:5.2vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; max-width:1460px; margin:auto; position:relative; z-index:3;}
.ab01 .box .right{ width:46.875%; overflow:hidden; float:right; border-top-left-radius:2.6vw; border-bottom-right-radius:50px; position:relative;}
.ab01 .box .right:before{ width:100%; display:block; content:''; padding-top:66.66%; overflow:hidden;}
.ab01 .box .right img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab01 .box .left{ width:46.875%; float:left;}
.ab01 .box .left .title{ width:100%;}
.ab01 .box .left .w01{ margin-top:2.34375vw; font-size:24px; line-height:34px; font-weight:bold;}
.ab01 .box .left .w02{ width:70px; height:2px; background-color:#f6ae45; margin-top:0.78125vw;}
.ab01 .box .left .w03{ font-size:16px; line-height:36px; margin-top:1.04vw;}

.ab02{ width:100%; padding-top:5.2vw; padding-bottom:5.2vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .bg{ width:100%; height:100%; background-color:#2f318b; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.ab02 .list{ width:94%; max-width:1460px; display:flex; flex-wrap:wrap; margin:auto; position:relative; z-index:3;}
.ab02 .list li{ width:22.78%; margin-left:2.96%; display:block; overflow:hidden; background-color:#fff; border-radius:10px; padding:1.5625vw 2vw; padding-bottom:1.3vw; position:relative; box-sizing:border-box;}
.ab02 .list li:nth-child(4n+1){ margin-left:0;}
.ab02 .list li .w01{ width:100%; position:relative; z-index:3;}
.ab02 .list li .w01 img{ display:block; height:60px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .list li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.ab02 .list li .w02{ padding-top:0.78125vw; padding-bottom:2px; height:54px; position:relative; z-index:3;}
.ab02 .list li .w02 b{ display:block; float:left; font-size:54px; line-height:1; color:#f6ae45;}
.ab02 .list li .w02 p{ display:block; float:left; margin-left:6px; font-size:16px; line-height:26px; margin-top:1.4583vw;}
.ab02 .list li .w03{ font-size:16px; line-height:26px; color:#666; position:relative; z-index:3; margin-top:0.78125vw;}
.ab02 .list li .w04{ height:130px; position:absolute; right:0; bottom:0; z-index:1;}
.ab02 .list li .w04 img{ display:block; height:130px;}

.ab03{ width:100%; padding-top:4.6875vw; padding-bottom:4.6875vw; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:94%; max-width:1460px; margin:auto; font-size:16px; line-height:36px; position:relative; z-index:3;}
.ab03 .box img{ max-width:100%; height:auto !important;}

/*驾校简介-企业文化*/
.ab04{ width:100%; padding-top:5.2vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:94%; max-width:1460px; margin:auto; margin-top:2.6vw; position:relative; z-index:3;}
.ab04 .box .right{ width:46.875%; overflow:hidden; float:left; border-top-left-radius:2.6vw; border-bottom-right-radius:2.6vw; position:relative;}
.ab04 .box .right:before{ width:100%; display:block; content:''; padding-top:66.66%; overflow:hidden;}
.ab04 .box .right img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab04 .box .left{ width:46.875%; float:right;}
.ab04 .box .left .w01{ margin-top:1.3vw; font-size:24px; line-height:34px; font-weight:bold;}
.ab04 .box .left .w02{ font-size:16px; line-height:36px; margin-top:0.78125vw;}
.ab04 .list{ width:94%; max-width:1460px; margin:auto; margin-top:30px; display:flex; flex-wrap:wrap; position:relative; z-index:3;}
.ab04 .list li{ width:22.75%; padding:2.08vw; display:block; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; float:left; margin-left:3%; margin-top:40px;}
.ab04 .list li:nth-child(4n+1){ margin-left:0;}
.ab04 .list li .w01{ width:100%;}
.ab04 .list li .w01 img{ display:block; height:60px; margin:auto;}
.ab04 .list li .w02{ width:100%; text-align:center; font-size:24px; line-height:34px; margin-top:1.3vw;}
.ab04 .list li .w03{ width:100%; text-align:center; font-size:16px; line-height:26px; color:#666; margin-top:.5vw;}
.ab04 .list li:hover{ border:1px solid #f6ae45;}
.ab04 .list li:hover .w02{ color:#2f318b;}

/*驾校简介-驾校环境*/
.fanye{ width:100%; margin-top:2.6vw; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:18px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#2f318b;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#f6ae45;}

/*培训课程*/
.kc{ width:100%; position:relative; z-index:1; padding-top:5.2vw; padding-bottom:5.2vw; background-color:#fff;}
.kc .box{ width:94%; max-width:1460px; margin:0.52vw auto; margin-bottom:0; position:relative; z-index:3;}
.kc .box .list{ width:100%; display:block;}
.kc .box .list li{ width:23.5%; display:block; float:left; margin-top:2.08vw; margin-left:2%; position:relative; overflow:hidden;}
.kc .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.kc .box .list li .top{ width:100%; position:relative; z-index:1;}
.kc .box .list li .top .tu{ width:100%; position:relative; padding-top:72.619%;}
.kc .box .list li .top .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.kc .box .list li .top .wen{ background-color:#f7f7ff; padding:1.3vw 7.14%;}
.kc .box .list li .top .wen .w01{ width:100%; font-size:20px; line-height:30px; height:30px; overflow:hidden; font-weight:bold;}
.kc .box .list li .top .wen .w02{ width:100%; padding-top:0.26vw;}
.kc .box .list li .top .wen .w02 p{ display:block; font-size:16px; line-height:26px; margin-top:0.26vw;}
.kc .box .list li .top .wen .w02 p b{ font-size:20px; color:#2f318b;}
.kc .box .list li .top .wen .w03{ width:100%; padding-top:1vw; padding-bottom:5px;}
.kc .box .list li .top .wen .w03 img{ display:block; height:10px;}
.kc .box .list li .bot{ background-color:#2f318b; position:absolute; left:0; top:100%; z-index:9; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; width:100%; height:100%;}
.kc .box .list li:hover .bot{ top:0;}
.kc .box .list li .bot a{ width:100%; height:100%; display:block; padding:2.34375vw 7.14%; box-sizing:border-box;}
.kc .box .list li .bot .w01{ width:100%; font-size:24px; line-height:34px; color:#fff; font-weight:bold;}
.kc .box .list li .bot .w01:hover{ color:#f6ae45;}
.kc .box .list li .bot .w02{ width:100%; padding-top:0.52vw;}
.kc .box .list li .bot .w02 p{ display:block; font-size:16px; line-height:26px; margin-top:0.52vw; color:#fff;}
.kc .box .list li .bot .w02 p b{ font-size:24px; line-height:34px; color:#f6ae45;}
.kc .box .list li .bot .w03{ width:120px; height:40px; border-radius:40px; background-color:#fff; position:absolute; left:7.14%; bottom:2.34375vw; margin-bottom:5px;}
.kc .box .list li .bot .w03 img{ display:block; height:10px; margin:15px auto;}
.kc .box .list li .bot .w03 img.img02{ display:none;}
.kc .box .list li .bot .w03:hover{ background-color:#f6ae45;}
.kc .box .list li .bot .w03:hover img.img01{ display:none;}
.kc .box .list li .bot .w03:hover img.img02{ display:block;}

/*培训课程内页*/
.ck01{ width:94%; max-width:1460px; margin:auto; padding:5.2vw 0; position:relative; z-index:3;}
.ck01 .w01{ width:90px; height:90px; background-color:#2f318b; margin:auto; text-align:center; margin-bottom:1.5625vw; border-radius:.52vw;}
.ck01 .w01 span{ display:block; color:#fff; font-size:38px; line-height:38px; height:38px; padding-top:15px; font-weight:700;}
.ck01 .w01 p{ display:block;color:#fff; font-size:16px; line-height:24px; margin-top:2px;}
.ck01 .w02{ font-size:24px; line-height:34px; text-align:center; font-weight:600; margin-bottom:1.3vw;}
.ck01 .w03{ font-size:16px; line-height:2; margin-bottom:2.08vw;}
.ck01 .w03 img{ max-width:100%; height:auto !important;}
.ck01 .w04{ width:100%; overflow:hidden;}
.ck01 .w04 a{ display:flex; align-items:center; justify-content:space-between; height:90px; box-sizing:border-box; width:48.75%; border:1px solid #ddd; border-radius:10px; float:left; padding:0 2.5%;}
.ck01 .w04 a:nth-child(2){ float:right; flex-direction:row-reverse;}
.ck01 .w04 a b{ display:block; width:5%; height:20px; background-image:url(../images/fl.png); background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.ck01 .w04 a:nth-child(2) b{ background-image:url(../images/fr.png);}
.ck01 .w04 a p{ display:block; width:90%;}
.ck01 .w04 a p span{ display:block; font-size:16px; line-height:26px; color:#636b70;}
.ck01 .w04 a p strong{ display:block; font-size:18px; line-height:28px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.ck01 .w04 a:hover{ border:1px solid #2f318b;}
.ck01 .w04 a:hover b{ background-image:url(../images/fl01.png);}
.ck01 .w04 a:nth-child(2):hover b{ background-image:url(../images/fr01.png);}
.ck01 .w04 a:hover p strong{ color:#2f318b;}
table{ width:100%; max-width:100%; border-collapse:collapse; border:1px solid #cacaca;}
table th,table td{ padding:5 10px; border:1px solid #cacaca;}

/*学车流程*/
/*.lc{ width:100%; padding-top:5.2vw; padding-bottom:4.6875vw; position:relative; z-index:1; background-color:#fff;}
.lc .box{ width:94%; max-width:1460px; margin:auto; margin-top:2.08vw; font-size:16px; line-height:2; position:relative; z-index:3;}
.lc .box img{ max-width:100%; height:auto !important;}*/

.lc{ width:100%; position:relative; z-index:1; padding-top:5.2vw; padding-bottom:5.2vw; background-color:#fff;}
.lc .box{ width:94%; max-width:1460px; margin:0.52vw auto; margin-bottom:0; position:relative; z-index:3;}
.lc .box .list{ width:100%; display:block;}
.lc .box .list li{ width:23.5%; display:block; float:left; margin-top:2.08vw; margin-left:2%; position:relative; overflow:hidden;}
.lc .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.lc .box .list li .top{ width:100%; position:relative; z-index:1;}
.lc .box .list li .top .tu{ width:100%; position:relative; padding-top:72.619%;}
.lc .box .list li .top .tu img{ width:100%; display:block; position:absolute; left:0; top:0; overflow:hidden;}
.lc .box .list li .top .wen{ background-color:#f7f7ff; padding:1.3vw 7.14%;}
.lc .box .list li .top .wen .w01{ width:100%; font-size:20px; line-height:30px; height:30px; overflow:hidden; font-weight:bold;}
.lc .box .list li .top .wen .w02{ width:100%; padding-top:0.26vw;}
.lc .box .list li .top .wen .w02 p{ display:block; font-size:16px; line-height:26px; margin-top:0.26vw;}
.lc .box .list li .top .wen .w02 p b{ font-size:20px; color:#2f318b;}
.lc .box .list li .top .wen .w03{ width:100%; padding-top:1vw; padding-bottom:5px;}
.lc .box .list li .top .wen .w03 img{ display:block; height:10px;}
.lc .box .list li .bot{ background-color:#2f318b; position:absolute; left:0; top:100%; z-index:9; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; width:100%; height:100%;}
.lc .box .list li:hover .bot{ top:0;}
.lc .box .list li .bot img{ max-width:80%; max-height:80%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

/*教练团队*/
.team{ width:100%; position:relative; z-index:1; padding-top:5.2vw; padding-bottom:5.2vw; background-color:#fff;}
.team .box{ width:94%; max-width:1460px; margin:auto; margin-top:2.6vw; position:relative; z-index:3;}
.team .box .list{ width:100%; display:block; margin-top:-2.08vw;}
.team .box .list li{ width:48.5%; overflow:hidden; margin-top:2.08vw; margin-left:3%; display:block; float:left; position:relative; cursor:pointer;}
.team .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.team .box .list li .tu{ width:100%; padding-top:56.9767%; position:relative;}
.team .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.team .box .list li .tu p{ width:100%; height:100%; display:block; overflow:hidden; position:absolute; left:0; bottom:0; background: linear-gradient(to top,rgba(47,49,139,.7),rgba(47,49,139,0));}
.team .box .list li .wen{ position:absolute; width:88.7%; height:70px; left:5.65%; bottom:1.82vw; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.team .box .list li:hover .tu p{  background: linear-gradient(to top,rgba(47,49,139,.7),rgba(47,49,139,.7));}
.team .box .list li:hover .wen{ height:184px; bottom:1.82vw;}
.team .box .list li .wen .t01{ font-size:16px; line-height:30px; height:30px; padding:0 15px; background-color:#f6ae45; color:#fff; display:inline-table;}
.team .box .list li .wen .t02{ font-size:20px; line-height:30px; height:30px; padding-top:10px; color:#fff;}
.team .box .list li .wen .t02 span{ font-size:16px; margin-left:10px;}
.team .box .list li .wen .t03{ font-size:16px; line-height:26px; height:104px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; margin-top:10px;}

/*教练团队内页*/
.team01{ width:100%; padding-top:5.2vw; padding-bottom:4.6875vw; position:relative; z-index:1; background-color:#fff;}
.team01 .box{ width:94%; max-width:1460px; margin:auto; position:relative; z-index:3;}
.team01 .box .left{ padding:1vw; width:45%; float:left; box-sizing:border-box; position:relative;}
.team01 .box .left p{ width:100%; position:relative; z-index:3; display:block; overflow:hidden;}
.team01 .box .left p img{ width:100%; display:block;}
.team01 .box .left a{ width:5.2vw; height:5.2vw; display:block; position:absolute; left:0; top:0; z-index:1; background-color:#f6ae45;}
.team01 .box .left b{ width:7.8125vw; height:7.8125vw; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#2f318b;}
.team01 .box .right{ width:50%; float:right;}
.team01 .box .right .w01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:1.82vw;}
.team01 .box .right .w02{ width:70px; height:2px; margin-top:0.78125vw; background-color:#f6ae45;}
.team01 .box .right .w03{ font-size:16px; line-height:2; margin-top:1.3vw;}
.team01 .wen{ width:94%; max-width:1460px; margin:auto; margin-top:2.08vw; font-size:16px; line-height:2; position:relative; z-index:3;}
.team01 .wen img{ max-width:100%; height:auto !important;}

/*新闻公告*/
.news{ width:100%; padding-top:5.2vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:94%; max-width:1460px; margin:auto; margin-top:2.6vw; position:relative; z-index:3;}
.news .box .list{ width:100%; display:block; margin-top:-2.08vw;}
.news .box .list li{ width:23.5%; position:relative; background-color:#fff; float:left; margin-left:2%; margin-top:2.08vw; display:block;}
.news .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news .box .list li .tu{ width:100%;}
.news .box .list li .tu a{ width:100%; padding-top:70%; display:block; overflow:hidden; position:relative;}
.news .box .list li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.news .box .list li .wen{ border:1px solid #eee; border-top:none;}
.news .box .list li .wen .w01{ width:84%; margin:1.3vw auto; margin-bottom:.52vw;}
.news .box .list li .wen .w01 a{ display:block; font-size:16px; line-height:26px; font-weight:bold; color:#f6ae45;}
.news .box .list li .wen .w02{ width:84%; margin:auto;}
.news .box .list li .wen .w02 a{ width:100%; display:block; font-size:18px; line-height:28px; height:56px; font-weight:bold; overflow:hidden;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .box .list li .wen .w02 a:hover{ color:#2f318b;}
.news .box .list li .wen .w04{ width:84%; padding:0 8%; margin-top:1.3vw; border-top:1px solid #eee; height:50px; line-height:50px; position:relative;}
.news .box .list li .wen .w04 span{ display:block; float:left; color:#666;}
.news .box .list li .wen .w04 a{ display:block; float:right; width:30px; height:10px; overflow:hidden; margin-top:20px; background-image:url(../images/more.png);}
.news .box .list li:hover .wen .w04 a{ background-image:url(../images/more02.png);}
.news .box .list li:hover .wen .w04 b{ width:100%; height:1px; background-color:#2f318b; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.news .box .list li:hover .wen{ border-bottom:1px solid #2f318b;}

/*新闻公告内页*/
.ny{ width:94%; max-width:1460px; margin:auto; padding:4.9479vw 0; background-color:#fff; position:relative; z-index:1;}
.ny .lbar{ width:69.28%; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:16px; line-height:26px; height:26px; padding-top:5px; padding-bottom:0.78125vw; border-bottom:1px solid #eee; text-align:center; vertical-align:middle;}
.ny .lbar .wen{ font-size:16px; line-height:2; margin-top:1.3vw;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:1.3vw; padding-top:1.3vw; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:16px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#2f318b;}
.ny .lbar .back span{ position:absolute; right:0; top:1.3vw; font-size:16px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#2f318b;}

.ny .rbar{ width:24.18%; border:1px solid #eee; border-top:2px solid #f6ae45; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:10.81%; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 10.81%; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:1.3vw; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#2f318b;}

/*联系我们-联系我们*/
.lx{ width:100%; padding-top:5.2vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:94%; max-width:1460px; margin:auto; margin-top:2.6vw; position:relative; z-index:3; display:flex; box-shadow:0 0 10px rgba(0,0,0,.1);}
.lx .left{ width:50%; background-position:center; background-size:cover;}
.lx .left .cont{ padding:3.38vw 6.25%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,.7);}
.lx .left .cont .w01{ width:100%;}
.lx .left .cont .w01 b{ display:block; color:#fff; font-size:30px; line-height:40px;}
.lx .left .cont .w01 p{ display:block; color:#fff; font-size:16px; line-height:24px; text-transform:uppercase;}
.lx .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:2.08vw;}
.lx .left .cont .w02:nth-child(2){ margin-top:1.82vw;}
.lx .left .cont .w02 img{ display:block; width:50px;}
.lx .left .cont .w02 p{ display:block; flex:1; margin-left:20px;}
.lx .left .cont .w02 p span{ display:block; font-size:16px; line-height:26px; color:#ccc;}
.lx .left .cont .w02 p a{ display:block; font-size:16px; line-height:26px; color:#fff;}
.lx .left .cont .w02 p b{ display:block; font-size:18px; line-height:26px; color:#fff; font-weight:normal;}
.lx .left .cont .w03{ width:100%; display:block; margin-top:1.82vw;}
.lx .left .cont .w03 li{ display:block; float:left; width:100px; margin-right:1.5625vw;}
.lx .left .cont .w03 strong{ width:100%; height:100px; overflow:hidden; display:block;}
.lx .left .cont .w03 strong img{ width:100%; display:block;}
.lx .left .cont .w03 p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:.52vw; text-align:center;}
.lx .right{ width:50%; padding:3.64vw 4.375%; padding-top:1.82vw; box-sizing:border-box;}
.lx .right .w01{ margin-top:1.82vw;}
.lx .right .w01 .top{ font-size:16px; line-height:26px; font-weight:bold;}
.lx .right .w01 .inp{ padding-top:1px;}
.lx .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:36px; display:block;}
.lx .right .w01 .inp input:focus{ border-bottom:1px solid #900000;}
.lx .right .w01 .inp textarea{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:26px; height:108px; margin-top:5px; display:block; font-family:inherit;}
.lx .right .w02{ padding-top:2.6vw;}
.lx .right .w02 input{ width:150px; height:40px; line-height:40px; text-align:center; font-size:14px; background:#2f318b; color:#fff; cursor:pointer; display:block; overflow:hidden;}
.lx .right .w02 input:hover{ background:#f6ae45;}

/*联系我们-视频播放*/
.video{ width:100%; padding-top:5.2vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.video .box{ width:94%; max-width:1460px; margin:auto; margin-top:2.6vw; position:relative; z-index:3;}
.video .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.video .list li{ width:31.33%; display:block; overflow:hidden; margin-left:3%; margin-top:2.08vw;}
.video .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.video .list li .tu{ width:100%; position:relative;}
.video .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.video .list li .tu .cover{ background:rgb(0 0 0 / 60%); display:flex; justify-content:center; transition:all ease .3s; opacity:0; position:relative; z-index:3; padding-top:66.66%; width:100%;}
.video .list li .tu .cover .playIco{ position:absolute; width:100px; height:100px; z-index:2; left:50%; top:50%; margin:-50px auto auto -50px; cursor:pointer; transform:scale(0); transition:all ease .3s;}
.video .list li:hover .tu .cover{ opacity:1;}
.video .list li:hover .tu .cover .playIco{ transform:scale(1)}
.video .list li .w02{ font-size:16px; line-height:26px; color:#999; margin-top:15px;}
.video .list li .w03{ font-size:18px; line-height:28px; height:28px; margin:5px auto;}
.video .list li:hover .w03{ color:#2f318b;}
.video .list li .w04{ font-size:16px; line-height:26px; padding-bottom:15px; border-bottom:2px solid #ddd;}
.video .list li .w04 span{ display:block; float:left; color:#666;}
.video .list li .w04 b{ width:30px; height:10px; display:block; float:right; margin-top:7px; background-image:url(../images/more.png);}
.video .list li:hover .w04{ border-bottom:2px solid #2f318b;}
.video .list li:hover .w04 span{ color:#f6ae45;}
.video .list li:hover .w04 b{ background-image:url(../images/more02.png);}

/*联系我们-视频播放内页*/
.ck01 .w05{ width:100%; margin-top:2.34375vw;}
.ck01 .w05 video{ display:block; width:1000px; max-width:100%; margin:auto; background-color:#000;}
.ck01 .w05 iframe{ display:block; width:1000px; height:750px; margin:auto; background-color:#000;}
.ck01 .w05 .back{ width:178px; height:44px; line-height:44px; text-align:center; font-size:16px; display:block; overflow:hidden; margin:auto; border:1px solid #2f318b; border-radius:40px; color:#2f318b; margin:auto; margin-top:2.08vw;}
.ck01 .w05 .back:hover{ background-color:#f6ae45; color:#fff; border:1px solid #f6ae45;}

/*联系我们-文件下载*/
.down{ width:100%; padding-top:5.2vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.download{ width:94%; max-width:1460px; margin:auto; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.download li{ width:31.33%; display:block; margin-left:3%; margin-top:2.08vw; background-color:#f7f7ff; padding:30px; padding-top:25px; box-sizing:border-box; overflow:hidden; position:relative;}
.download li:nth-child(3n+1){ margin-left:0;}
.download li .top{ width:100%; overflow:hidden;}
.download li .top .name{ font-size:16px; line-height:26px; color:#999; float:left;}
.download li .top .time{ font-size:16px; line-height:26px; color:#999; float:right;}
.download li .middle{ width:100%; font-size:18px; line-height:28px; margin-top:10px;}
.download li .bottom{ width:100%; padding-top:15px; margin-top:15px; border-top:1px solid #ddd;}
.download li .bottom a{ display:block; float:right; font-size:16px; height:23px; line-height:23px;}
.download li .bottom a img{ display:block; height:23px; float:right; margin-left:10px;}
.download li:hover .middle{ color:#2f318b;}
.download li:hover .line{ width:100%; height:1px; background-color:#2f318b; position:absolute; left:0; bottom:0;}