/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#333;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#fff;height:50px;line-height:50px;border-top:1px solid #222;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#ec0000;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#161616;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;}
.wapNav .navSub ul{background:#050505;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #000;color:#fff;border-bottom:1px solid #000;color:#fff;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#fff;font-size:1.4rem;}
.wSearch{background:#222;height:80px;overflow:hidden;padding:0 15px;}
.wSearch form{margin:0 auto;margin-top:15px;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:16px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#014099;}


@media all and (max-width:1600px) {
  .container{padding-left:30px;padding-right:30px;}
  .header .logo{left: 30px;}
  .header .pcTel{right: 30px;}
  .odds {font-size: .75rem;}
  .franchiseeMain{margin:0;}
  .listNav .container{padding-left: 0;}
  .proList{font-size: .75rem;}
  .proList li .btn{width:120px;}
}

@media all and (max-width:1440px) {
  .header .logo,.header .pcTel{width: 240px;}
  .header .logo img{height: 64px;}
  .nav .navMain{padding: 0 240px 0 240px;font-size: 1em;}
  .header .pcTel{font-size: .75rem;}
  .footR .wx{width: 120px;background-size: 100%;}
  .padding80{padding-top:60px;padding-bottom: 60px;}
  .hTitle{font-size: 2rem;}
  .tool{font-size: .875rem;}
  .tool  ul{margin-right: -10px;}
  .tool li{padding-right: 10px;padding-bottom: 10px;}
  .tool li.big h4{height: 70px;}
  .training,.aboutL {font-size: .75rem;}
  .trainingL li .bgImg{height: 195px;}
  .trainingR li .pic,.trainingR li{height: 80px;}
  .aboutR{height: 440px;}
  .team ul{margin-right: -10px;}
  .team li{padding-right:10px;padding-bottom:10px;}
  .listNav{font-size: 1rem;}
  .picList li{width: 25%;}
  .proList li .pImg{width: 310px;padding-top: 230px;}
  .proList li p{min-height:80px;}
  .joinCase{font-size: .75rem;}
}

@media all and (max-width:1280px) {
  .container{padding-left:15px;padding-right:15px;}
  .header .logo,.header .pcTel{width: 200px;}
  .nav .navMain{padding: 0 200px 0 200px;font-size: .875em;}
  .header .logo img{height:54px;}
  .header .pcTel b{font-size:1.6em;}
  .footL{width: 100%;float: none;border-right:none;}
  .footR .tel span{font-size: 1.6em;}
  .footContact,.footR{width: 48%;}
  .odds li h4{font-size: 1.6em;}
  .odds li{padding: 0 1%;}
  .trainingL li .bgImg{height: 175px;}
  .trainingR li .pic,.trainingR li{height: 75px;}
  .joinOdds dl,.joinBox1 .joinOdds dl{width: 100%;float: none;margin-bottom: 10px;}
  .newsSlide,.newsR,.joinBox2 .font,.applyForm{width: 100%;float: none;overflow: hidden;} 
  .newsR li{float: left;width: 48%;}
  .newsR li:nth-child(2n){float: right;}
  .newsR{max-height: 100%;padding-top: 30px;}
  .proList li .pImg{width: 260px;padding-top: 200px;}
  .proList li h4{padding-top: 20px;font-size: 1.4em;}
  .proList li .btn{width: 90px;}
  .gallery,.proShow_R{width: 45%;}
  .proShow_R{width: 50%;}
  .joinBox2 .font,.applyForm{height:100%;font-size: .75rem;}
  .joinBox2 .font h4{font-size: 2em;}
  .newsList li{width: 33.3%;}
  .contactBox1 .font{font-size: .75rem;}
}


@media all and (max-width:1024px) {
  body{padding-top:60px;}
  .topBar{display:none;}
  .header .pcTel,.headR,.nav{display: none;}
  .header{height:60px;line-height:60px;position:fixed;top:0;left:0;}
  .header .logo{position: static;line-height:60px;width:auto;border-right:none;height:60px;}
  .header .logo img{height:34px;}
  .navTrigger{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .search,.tool li i{display:none;}
  .footer{padding: 30px 0;}
  .banner .swiper-pagination-bullet{width:25px;bottom:0;}
  .banner .swiper-pagination-bullets{bottom:0;}
  .banner .swiper-button-next,.banner .swiper-button-prev{display:none;}
  .odds li{width: 50%;margin-bottom: 15px;}
  .odds li p{min-height: 60px;}
  .padding80{padding-top:40px;padding-bottom: 40px;}
  .tool li.big a{padding-top: 15px;}
  .trainingL,.trainingR,.aboutR,.aboutL,.contactBox1 .font,#dituContent{width: 100%;float: none;}
  .trainingR{margin-top: 30px;}
  .listBanner{height:320px;}
  .training .menu a, .news .menu a{width:25%;font-size: 1rem;height: 40px;line-height: 40px;}
  .trainingL li h4{margin-bottom: 10px;}
  .aboutL .txt{min-height: auto;margin-bottom: 30px;}
  .trainingL li .font{padding: 15px 0;}
  .aboutL .font{height: auto;margin-bottom: 30px;min-height: 120px;}
  .aboutL .title{font-size: .75rem;padding-top: 25px;}
  .team li,.team li.big{width: 33.3%;}
  .aboutBox2 {font-size: .875rem;}
  .gr_kefu{display:none;}
  .listTie{margin-bottom:30px;}
  .listNav .breadCrumb{display:none;}
  .listNav{height: auto;line-height: 50px;margin-top:0px;background: #eee;}
  .listNav .container{padding: 0;}
  .listMenu a{color: #333;border-right:1px solid #ddd;}
  .proList li,.proList li:nth-child(2n){width: 100%;float: none;}
  .proList li .btn{width: 120px;}
  .joinCase dl{width: 49%;margin-bottom: 10px;}
  .bshare-custom{display:none}
  .showTie{padding-bottom:30px;margin-bottom:30px;}
  .gallery-thumbs{max-width:100%;}
  .proSear{width:100%;}
  .contactBox1 .font{height: auto;}
}

@media all and (max-width:920px) {
  .tool,.join,.team{font-size: .75rem;}
  .aboutBox2 .pic,.aboutBox2 .font{width: 100%;float:none;}
  .aboutBox2 .font{height: 100%;}
  .picList li{width: 33.3%;}
  .picList ul{margin-right:-15px;}
  .picList li{padding-right:15px;margin-bottom:15px;}
  .proShow_R .font{min-height: 160px;}
}

@media all and (max-width:768px) {
  .banner .small{display:block;}
  .banner .big{display:none;}
  .hTitle{font-size: 1.6rem;}
  .tool li{width: 50%;}
  .tool li.big{width: 100%;}
  .tool li.big h4{height: auto;padding: 10px 0;}
  .listBanner{height:280px;}
  .joinOdds dl dt{height: 310px;}
  .newsR li,.newsR li:nth-child(2n),.gallery,.proShow_R,.contactBox1 .font .box{width: 100%;float: none;}
  .newsSlide li .pic{height: 260px;}
  .newsR li a{min-height: 80px;}
  .honor .swiper-pagination{bottom: 20px;}
  .listWrap{font-size:.75rem;}
  .listTie{font-size:1.286rem}
  .listMenu{font-size:.875rem;}
  .proShow_R{margin-top: 30px;}
  .proShow_box1{margin-bottom: 10px;}
  .newsList li a{padding:4%;}
  .newsList li {width:50%;padding-right:20px;}
  .showPage .back{width: 100%;float: none;margin-top: 15px;display: block;}
  #dituContent{height:360px;}
  .contactBox1 .font{padding:25px 15px;}
  .contactBox1 .font .box{margin-top: 20px;}
}


@media all and (max-width:640px) {
  .footContact{padding:0;margin-bottom: 20px;}
  .footContact, .footR{float: none;width: 100%;min-height: auto;border-right:none;}
  .footMenu li>a{display: none;}
  .footL{min-height: auto;}
  .trainingL li p{display: none;}
  .trainingL li h4{margin-bottom: 0;font-size: 1.286em;}
  .trainingL li .bgImg{height: 150px;}
  .joinOdds dl dt,.joinOdds dd,.newsSlide li .pic{width: 100%;float: none;}
  .aboutR{height: 360px;}
  .aboutL li{padding-right:20px;}
  .aboutL li b{font-size: 2.4em;}
  .newsSlide li .pic{margin-right:0;display: block;}
  .newsSlide .slideIcon{display: none;}
  .newsSlide .swiper-button-next, .newsSlide .swiper-button-prev{display: inline-block;}
  .aboutBox2 .pic{height: 240px;}
  .team li,.team li.big{width: 50%;}
  .listMenu a{width: 33.3%;border-bottom: 1px solid #ddd;height:40px;line-height: 40px;}
  .proList li {padding: 5%;}
  .proList li .pImg{float:none;width: 90%;padding-top: 64%;margin: 0 auto;}
  .proList li .btn{width: 48%;float: left;margin-right: 0;}
  .proList li .more{float: right;}
  .joinForm span,.joinForm .sub{width: 100%;}
  .joinForm .code .c{width: 60%;}
  .joinForm .sub{margin-top: 10px;}
  .joinForm span{padding-left: 40px;}
  .listWrap{font-size:.813rem;}
  .newsTop li .pic{height:200px;}
  .newsList li,.newsTop li .pic,.newsTop li .txt{width:100%;float:none;display:block;}
  .newsTop li{height:auto;}
  #dituContent{height:300px;}
}

@media all and (max-width:480px) {
  .odds li{width: 100%;float: none;border-left:none;padding: 0;margin-bottom: 25px;}
  .odds ul{border-right: none;}
  .odds li::after,.odds li i,.odds ul::after{display: none;}
  .odds li p{min-height: auto;}
  .odds li h4{margin-bottom: 10px;}
  .odds li:last-child{margin-bottom: 0;}
  .listBanner{height:200px;}
  .trainingR li .pic, .trainingR li{height: 70px;}
  .trainingR li .pic{width: 30%;}
  .trainingL li .bgImg{height: 120px;}
  .trainingL li h4{font-size: 1em;}
  .training .menu a, .news .menu a{width: 33.3%;font-size: .875rem;}
  .joinOdds dl dt{height: 200px;}
  .aboutR,.newsSlide li .pic{height: 220px;}
  .aboutBox2 .pic{height: 180px;}
  .picList li{width: 50%;}
  .joinCase dl{width: 100%;margin-right:0;float: none;}
  .joinCase dd{min-height: auto;}
  .newsTop li .pic{height:160px;}
}