/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;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:#333;height:50px;line-height:50px;border-top:1px solid #eee;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:#19549b;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #ddd;display:none;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:20px 15px;font-size:12px;}
.wSearch form{margin:0 auto;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:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#19549b;}

@media all and (max-width:1800px) {
  .container{padding-left:30px;padding-right:30px;}
  .footer .wx,.banner .btn,.searBtn{right:30px;}
  .banner .swiper-button-prev{right:90px;}
  .banner .swiper-pagination{padding-left:30px;}
  .aboutNum2 li b{font-size:3.5em;}

}
@media all and (max-width:1620px) {
  .pd60,.listWrap{overflow:hidden;}
  .about{font-size:.875em;overflow: hidden;}
  .proMenu a{padding:0 26px;margin:0 8px;}

}



@media all and (max-width:1440px) {
  body{font-size:.875rem;}
  .header{font-size:0.938em;;}
  .header .logo img{height:30px;}
  .banner .txt{font-size:1.5em;}
  .aboutL{font-size:14px;}
  .aboutVideo {height:700px;}
  .aboutVideo::after{left:45%;}
  .proMain,.proTxt{height:500px;}
  .proSlide li{height:440px;}
  .aboutTxt .info{max-height:100%;line-height:1.8;}
  .aboutNum2{width:40%;}
  .parkVideo .video{height:650px;}
  .listMenu li a{padding:0 20px}
  .planning_R p{line-height:1.8;margin-bottom:15px;}
  .industryList .bgImg{height:460px;}
  .partner2 ul{margin-right:-20px;}
  .partner2 li{padding-right:20px;margin-bottom:20px;}
  .serviceBox1 .txt li{margin-bottom:15px;}
  .serviceSlide li{height:600px;}
  .investL dl{padding-bottom:20px;margin-bottom:20px;}
  .investR {height:610px;}
  .talentBox2 li{margin-left:3%;}
  .talentBox2 .tie{width:100px;}
  .newsList2 ul{margin-right:-15px;}
  .newsList2 li{padding-right:15px;margin-bottom:15px;}
  .proTxt h3 i{margin-top:7px;}
}

@media all and (max-width:1260px) {
  .container{padding-left:15px;padding-right:15px;overflow:hidden;}
  .header{font-size:.875rem;}
  .footer{padding:60px 0 30px 0;}
  .footLeft{width:80%;}
  .footer .wx,.searBtn{right:15px;}
  .hTitle {margin-bottom:30px;}
  .proMenu a{margin-bottom:10px;font-size:18px;}
  .aboutL{font-size:12px;}
  .aboutVideo {height:640px;}
  .proMenu a{padding:0 20px;font-size:16px;height:40px;line-height:40px;}
  .newsMenu a{width:120px;margin-left:12px;}
  .listBanner{height:500px;}
  .listBanner h3{font-size:3em;}
  .historyMain li{width:40%;}
  .parkVideo .video{height:560px;}
  .industryTop,.industryList{margin:0;}
  .partner2 ul{margin-right:-10px;}
  .partner2 li{width:20%;padding-right:10px;margin-bottom:10px;}
  .serviceBox1 .txt li{padding:5%;min-height:120px}
  .serviceBox1 .pic{margin-top:50px;}
  .serviceSlide li{height:540px;}
  .serviceSlide .info{height:360px;}
  .listMenu .bread{display:none;}
  .talentBox li{margin-bottom:15px;width:49%;}
  .talentBox li:nth-child(3n-1){margin:0;margin-bottom:15px;}
  .talentBox li:nth-child(2n){float:right;}

}

@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;padding-top:0;z-index:90;background:#19549b;}
  .navTrigger,.wapTel,.wapLang,.footMenu_wap,.relative_pro li:nth-child(4),.proSider .title i, .banner .small,.wapLang{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .header .container{height:60px;}
  .nav,.gr_kefu,.banner .big,.breadCrumb,.banner .mouse,.banner .btn{display:none;}
  .footer{padding:30px 0;}
  .footLeft,.aboutVideo,.aboutL,.aboutTxt,.aboutNum2,.planning_L,.planning_R,.serviceBox1 .txt,.serviceBox1 .pic,.investL,.investR,.proTxt,.pro_shadow,  .newsL,.newsR {float:none;width:100%;}
  .copyright{padding-right:100px;}
  .footer .wx{position: static;float:right;margin-top:-80px;width:100px;}
  .copyright{padding-top:20px;}
  .pd60,.listWrap,.about{padding-top:40px;padding-bottom:40px;overflow: hidden;}
  .banner{height:auto;position:relative;}
  .banner .swiper-pagination{padding-left:0;text-align:center;bottom:10px;}
  .banner .txt{font-size:1.286em;top:25%;letter-spacing:2px;}
  .banner .txt h3{letter-spacing:2px;}
  .banner .more{margin-top:25px;font-size:12px;width:100px;height:36px;line-height:34px;}
  .hTitle{font-size:.875rem;}
  .product ul{margin-right:-10px;}
  .product li p{display:none;}
  .product li a{height:280px;}
  .project{font-size:1em;}
  .proMenu{margin-bottom:0;}
  .proTxt {padding-top:20px;}
  .proTxt h3 i{background-size:34px;margin-right:5px;}
  .proTxt h3,.proTxt p{margin-bottom:10px;}
  .proMain{height:auto;}
  .proMain .main.on{padding-bottom:30px;}
  .proTxt{height:auto;margin-bottom:25px;}
  .proTxt .more{position: static;margin-top:15px;}
  .aboutL{padding:0;}
  .aboutVideo {margin-top:40px;height:600px;}
  .aboutNum{margin-top:30px;}
  .aboutL .txt,.aboutTxt,.newsL{margin-bottom:25px;}
  .about{padding-bottom:15px;}
  .listBanner{height:380px;text-align:center;}
  .hTitle{text-align:center;}
  .listMenu ul{padding:0;height:auto;line-height:1.8;display: flex;justify-content: space-between;flex-flow:row wrap}
  .listMenu li {flex-grow: 1;margin-right:0;}
  .listMenu li a{line-height:60px;border-right:1px solid #ddd;padding:0 20px;border-bottom: 1px solid #ddd;}
  .aboutNum2{padding-bottom:1px;padding-left:1px;}
  .aboutNum2 li:nth-child(1){margin-right:0;}
  .aboutNum2 li{width:33.3% !important;height:150px;padding-top:30px;margin-left:-1px;margin-bottom:-1px;}
  .historyMain{width:100%;margin:0;text-align:center;}
  .historyMenu {display:none;}
  .historyMain{margin-top:60px;min-height:360px;}
  .historyMain .btn{display:inline-block;}
  .historyMain li .txt{width:150%;margin-left:-25%;}
  .parkVideo .video{height:500px;}
  .search{height:60px;padding:0;padding-right:30px;}
  .search .close{line-height:60px;right:10px;}
  .search form{width:90%;}

  .listTie{font-size:2em;margin-bottom:20px;}
  .listTie2::after{height:30px;top:4px;}
  .planning {padding-top:0;}
  .planning_R,.industryList{margin-top:30px;}
  .industryTop .tie{font-size:2em;margin-bottom:15px;}
  .industryList .bgImg{height:400px;}
  .industryList .txt{line-height:1.8;}
  .industryList .txt i{font-size:5em;}
  .serviceBox1 .txt{padding-left:0;}
  .serviceBox1 .pic{margin-top:10px;}
  .facilities ul{margin-right:-15px;}
  .facilities li{width:50%;padding-right:15px;margin-bottom:15px;}
  .facilities li .txt{min-height:180px;}
  .serviceSlide li{height:400px;}
  .serviceSlide .info{position: static;transform: translate(0);width:100%;height:auto;background:#f5f5f5;}
  .serviceSlide .swiper-pagination{bottom:10px;text-align:right;}
  .serviceSlide .swiper-pagination-bullet{width:10px;height:10px;}
  .serviceSlide li p{text-align:left;bottom:10px;}
  .serviceBox5 li .txt{padding:4%;}
  .investR{height:500px;margin-top:30px;}
  .talentBox li {width:100% !important;float:none;}
  .talentBox li .txt{min-height:auto;padding:3%;}
  .talentBox{margin-bottom:20px;}
  .talentBox2 li span{font-size:1.5em;}
  .newsList2 li{width:50%;}
  .newsList{padding:25px 3%;}
  .newsList .nTie{height:50px;}
  .newsShow .title{font-size:1.5em;}
  .showCon{padding:25px 0;margin:25px 0;}
  .layer_video{width:96% !important;height:60%;}
  .newsList2 ul,.industryList{padding:0;}
  #dituContent{height:420px;}
  .zxBtn2{width:100%;margin-bottom:10px;text-align:center;position: static;transform: translate(0);margin-top:20px;}
  .newsMenu{position: static;margin-bottom:25px;display:flex;flex-flow:row wrap;}
  .newsR{margin-top:-10px;}
  .newsR li a{padding-left:90px;}
  .newsR li span{width:75px;height:75px;padding:0 5px;padding-top:12px;margin-left:-90px;margin-top:20px;}
  .newsR li .txt{height:120px;padding:20px 10px;}
  .newsR{padding-left:0;overflow:visible;}
  .newsR::after{left:36px;height:88%;}
  .homeBan .pic{background-size:auto 100%; animation: panorama 50s linear infinite alternate;}
  .homeBan .txt{top:50%;}
  .fp-viewing-0 .header{background:#19549b;}
  .fp-viewing-0 .header .nav .m>a{color:#fff;}
  .fp-viewing-0 .header .searBtn{background-image: url('../image/sBtn.png');}
  .fp-viewing-0 .header .img2{display:none;}
  .fp-viewing-0 .header .img1{display:inline-block;}
}

@media all and (max-width:920px) {

}

@media all and (max-width:768px) {
  .header .logo img{height:25px;}
  .footLeft{flex-flow: row wrap;}
  .footLeft dl{width:50%;margin-bottom:25px;}
  .copyright{padding-top:0;}
  .footer .wx{width:70px;font-size:10px;margin-top:-80px;}
  .footer .wx p{width:100px;margin-left:-15px;}
  .product li{width:50%;}
  .proMenu a{flex-grow:1;margin:3px;padding:0 15px;width:auto;text-align:center;height:36px;line-height:36px;}
  .proTxt .list span{margin:5px 0;}
  .proTxt h3{font-size:2em;}
  .proTxt h3 i{background-size:30px;width:35px;}
  .proTxt .more{width:120px;height:36px;line-height:36px;}
  .aboutL .title{margin-bottom:20px;}
  .hTitle{font-size:.75rem;margin-bottom:25px;}
  .aboutVideo{margin-top:30px;height:460px;}
  .aboutL .title{font-size:1.286em;}
  .newsMenu a{margin:5px;height:36px;line-height:36px;font-size:16px;flex-grow:1;padding:0 14px;width:auto;}
  .newsDate{opacity:0;transform:scale(0);}
  .newsBox li .pic{height:400px;}
  .partner .swiper-pagination{margin-top:20px;}
  .listBanner{height:300px;}
  .listBanner h3{font-size:2rem;top:42%;font-weight:normal;top:46%;}
  .listBanner h3 span{display:none;}
  .listMenu a{font-size:16px;}
  .aboutTxt .title{font-size:1.5em;padding-bottom:20px;margin-bottom:20px;}
  .historyMain{min-height:260px;text-align:center;}
  .historyMain li{width:70%;}
  .historyMain li .txt{width:120%;margin-left:-10%;}
  .parkVideo .video{height:420px;}
  .industryList li{display:block;}
  .industryList .bgImg,.industryList .txt{float:none;width:100%;}
  .industryList .txt i{right:4%;left:auto;}
  .partner2 li{width:25%;}
  .serviceSlide .info h4{font-size:2em;padding-bottom:15px;margin-bottom:15px;}
  .serviceSlide .info{line-height:1.8;}
  .serviceBox5 li{width:100%;margin-bottom:10px;}
  .investR{height:400px;}
  .talentBox2{width:100%;overflow-x:auto;}
  .talentBox2 .tie{min-width:60px;font-size:1.6em ;}
  .talentBox2 ul{min-width:700px;}
  .proSear{width:100%;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .pro_shadow{padding-right:10px;}
  .pro_shadow::after{right:0;bottom:20px;}
  .proSlide .swiper-pagination{bottom:-20px;}
  .proSlide .swiper-pagination-bullet{width:12px;height:12px;}
  .newsBox li p{height:60px;line-height:60px;font-size:16px;}
  .newsBox .btn{bottom:60px;}
  .newsBox .swiper-button-prev{bottom:96px;}

}

@media all and (max-width:640px) {
  .header .logo img{height:20px;}
  .footLeft dt{margin-bottom:5px;}
  .footLeft dl{margin-bottom:15px;}
  .banner .txt{font-size:.875rem;}
  .banner .more{margin-top:20px;height:32px;line-height:30px;width:80px;letter-spacing:0;}
  .product li a{height:220px;}
  .product .more{width:100%;margin-top:20px;}
  .aboutL .more{width:100%;}
  .aboutNum{flex-flow:row wrap;text-align: center;margin-top:10px;}
  .aboutNum li{width:50%;margin:15px 0;}
  .aboutVideo{height:400px;margin-top:10px;}
  .aboutVideo::after{width:60px;height:60px;background-size:100%;margin-left:-30px;margin-top:-30px;left:50%;}
  .newsBox li .pic{height:360px;}
  .hTitle em{display:inline;}
  .listBanner{height:260px;}
  .listBanner h3{font-size:1.8rem;}
  .listMenu li a{line-height:50px;height:50px;}
  .aboutNum2 li{padding-left:3%;padding-right:3%;width:50% !important;}
  .aboutNum2 li:nth-child(5){width:100% !important;}
  .aboutTxt .title{font-size:1.286em;}
  .historyMain li{width:90%;}
  .historyMain li .txt{width:100%;margin-left:0;text-align:left;}
  .historyMain li h4{font-size:3em;}
  .parkVideo .video{height:380px;}
  .video .video-js .vjs-big-play-button{width:60px;height:60px;margin-left:-30px;margin-top:-30px;line-height:60px;}
  .industryTop .tie{font-size:1.8em;}
  .industryList .bgImg,.serviceSlide li{height:300px;}
  .serviceBox1 .pic h4{top:40px;font-size:1.286em;}
  .serviceSlide .info h4{font-size:1.6em;}
  .newsList2 li{width:100%;}
  .newsList2 li p{height:auto;}
  .newsList li{white-space:normal;display:flex;align-items: center;flex-direction:row-reverse;font-size:14px;padding:15px 0;}
  .newsList li span{margin-left:10px;}
  .showPage p{margin-bottom:10px;}
  #dituContent{height:300px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .zxBtn{width:100%;margin-bottom:10px;text-align:center;position: static;transform: translate(0);margin-top:20px;}
  .product .pBtn{margin-top:20px;}
  .pBtn .zxBtn{width:48%;float:left;margin-top:0;}
  .product .more{width:48%;float:right;margin:0;}
  .proSlide li{height:400px;}
  .proTxt .list span{width:100%;}
}

@media all and (max-width:480px) {
  .header .logo img{height:16px;}
  .footLeft dl{width:100%;margin-bottom:5px;background: rgba(0,0,0,.2);padding:5px;}
  .product ul{margin-right:-5px;}
  .product li{margin-bottom:5px;padding-right:5px;}
  .product li a{height:180px;}
  .product li .txt{padding:15px;}
  .product li h4{font-size:1.5em;}
  .product li i{width:35px;background-size:100%;background-repeat: no-repeat;height:30px;margin-bottom:5px;}
  .aboutVideo,.parkVideo .video,.investR, .newsBox li .pic{height:300px;}
  .listBanner{height:220px;}
  .listMenu li a{line-height:40px;height:40px;font-size:15px;padding:0 12px;}
  .aboutNum2 li{height:120px;padding-top:20px;}
  .aboutNum2 li b{font-size:3em;}
  .historyMain li h4{margin-bottom:3px;}
  .historyMain li p::after{display:none;}
  .historyMain li.swiper-slide-active p{top:20px;}
  .industryList .bgImg,.serviceSlide li{height:240px;}
  .industryList .txt h4{margin-bottom:10px;}
  .partner2 ul{margin-right:-5px ;}
  .partner2 li{width:33.3%;padding-right:5px;margin-bottom:5px;}
  .serviceBox1 .pic h4{font-size:1em;}
  .facilities li{width:100%;}
  .facilities li .txt{min-height:auto;}
  .proSlide li{height:340px;}
  .hTitle b{font-size:32px;}
  .hTitle .s{font-size:20px;letter-spacing:0;}
}
@media all and (max-width:380px) {
  .listBanner,.investR{height:200px;}
  .parkVideo .video{height:240px;}
  .industryList .bgImg,.serviceSlide li,.newsBox li .pic{height:220px;}
  .proSlide li{height:260px;}
}


@media all and (max-height:720px) and (min-width:1024px) {
  .header{height:80px;line-height:80px;}
  .header .container{height:80px;}
  .nav{font-size:1rem;}
  .header .logo img{height:26px;}
  .hTitle{font-size:.875rem;margin-bottom:25px;}
  .hTitle b{font-size:32px;}
  .hTitle .s{font-size:20px;}
  .proMenu{margin-bottom:25px;font-size:1em;}
  .proMenu a,.newsMenu a {height:38px;line-height:38px;}
  .proMain, .proTxt{height:420px;font-size:14px;}
  .proTxt .list span{margin:5px 0;}
  .proSlide li{height:360px;}
  .aboutL{padding-top:130px;}
  .newsR li .txt{height:115px;padding:15px;}
  .newsBox li .pic{height:380px;}
  .newsBox li p{height:70px;line-height:70px;}
  .proTxt p{margin-bottom:15px;}
  .proTxt h3{font-size:28px;}
  .proTxt h3 i{background-size:35px;margin-right:10px;}
  .aboutL .txt{margin-bottom:25px;line-height:1.8;font-size:13px;}
  .aboutNum{margin-top:35px;}
  .newsMenu{top:30px;}
  .newsMenu a{font-size:16px;width:120px;}
  .newsDate,.newsBox .btn{bottom:70px;}
  .partner .swiper-pagination{margin-top:20px;}
  .homeBan .pic{background-size:240%;}
  .homeBan .txt img{width:55%;}
}



