/*  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 #ededed; 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: #1b4493; 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: #f5f5f5; }
.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 #ededed; color: #333; border-bottom: 1px solid #ededed; }
.wapNav .menu a i { font-family: "iconfont"; margin-right: 5px; position: relative; font-style: normal; color: #666; font-size: 1rem; }
.wSearch { background: #f5f5f5; overflow: hidden; padding: 20px 15px; font-size: 12px; border-top: 1px solid #ededed;  border-bottom: 1px solid #ededed;  }
.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: #1b4493; }
@media all and (max-width:1800px) {
  .container, .header { padding-left: 30px; padding-right: 30px; overflow: hidden; }
  .headTel { right: 30px; }
  .proL .title span { font-size: 12px; letter-spacing: 1px; }
  .listBanner h3 { left: 30px; transform: translate(0); }
  .partner2 ul { padding-left: 30px; }
  .headSearch { right: 30px; }
}
@media all and (max-width:1620px) {
  .pd60, .listWrap { overflow: hidden; }
}
@media all and (max-width:1440px) {
  .header { font-size: 1em; }
  .logo img { height: 50px; }
  .search, .searMain .sear_text { font-size: .75rem; }
  .product, .case, .proSider, .proList { font-size: .875em; }
  .proL li a { height: 55px; line-height: 55px; }
  .proL .sub { max-height: 320px; }
  .proL .sub>li { padding: 15px 0; }
  .hTitle { font-size: .875rem; }
  .proSide_sub li a { padding: 0 20px; }
  .gallery li { height: 400px; line-height: 400px; }
  .proShow_font .font { height: 160px; }
  .downL { padding: 4% 2%; }
  .honorSlide li .pic { height: 300px; line-height: 300px; }
  .honorList li { width: 25%; }
}
@media all and (max-width:1260px) {
  .container, .header { padding-left: 15px; padding-right: 15px; }
  .header { font-size: .938rem; }
  .logo img { height: 45px; }
  .headTie { padding-top: 22px; }
  .proL .title span { display: none; }
  .proL .title { padding: 20px 10%; font-size: 30px; }
  .caseMenu { padding: 0 15px; margin-bottom: 30px; }
  .caseMain .txt { padding: 3% 4%; }
  .about { font-size: .75em; }
  .listBanner { height: 400px; }
  .listBanner h3 { left: 15px; }
  .listMenu { font-size: 1rem; }
  .listMenu a { margin: 0 20px; }
  .menuBox p { font-size: 12px; }
  .proSider, .proList li { font-size: 1em; }
  .searchList li { width: 33.3%; }
  .serviceImg { height: 200px; }
  .aboutBox1 .left { padding-top: 0; }
  .aboutBox1 .tie { font-size: 2em; margin-bottom: 25px; }
  .honorList li { width: 25%; }
  .album li, .album li.big { width: 33.3%; }
  .album li:last-child { display: none; }
  .album li p { height: 45px; line-height: 45px; bottom: 0; }
  .partner2 ul { padding-left: 15px; }
  .picList ul, .videoList ul { margin-right: -15px; }
  .picList li, .videoList li { padding-right: 15px; width: 33.3%; }
  .newsSlide li .pic { height: 480px; }
}
@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: #fff; }
  .header:hover { background: #fff; }
  .header .logo {font-size: 0;}
  .header .logo img { height: 30px; }
  .navTrigger, .wapTel, .wapLang, .footMenu_wap, .relative_pro li:nth-child(4), .proSider .title i, .proL .title span, .banner .small { display: block; }
  .nav_on { opacity: 1; transform: translateX(0); }
  .headTie, .headTel, .nav, .gr_kefu, .footMenu, .footWx, .firendlink, .banner .big, .breadCrumb, .picShow_r, .bshare-custom, .feedbackL, .searFont, .proShow_R .wx, .pro_bread, .proWrap::after, .proSider .title span, .proSide_sub, .relaCase, .menuBox::after, .menuBox p, .aboutBox2 .bgImg, .profileL, .lead .pic::after, .proL .sub, .serviceMain::after, .serviceMain .tie, .downL .tel, .headSearch { display: none; }
  .searMain, .aboutPic, .aboutTxt, .faq, .newsTxt, .newsPic, .gallery, .proSider, .proL, .proR, .aboutL, .aboutR, .listR, .proShow_R, .picShow_l, #dituContent, .proShow_con, .aboutTop .font, .listMenu, .madeBox1 .pic, .madeBox1 .font, .aboutBox1 .right, .aboutBox1 .left, .feedbackR, .courseL, .courseR, .lead .pic, .lead .font, .jobBox1 .bgImg, .jobBox1 .font, .newsList, .downL, .downR, .contactR { float: none; width: 100%; }
  .footer, .footMain { padding: 0 }
  .footMenu_wap a { float: left; width: 25%; border: 1px solid #484848; margin-left: -1px; margin-top: -1px; height: 36px; line-height: 36px; }
  .footMenu_wap a:nth-child(4n) { border-right: none; }
  .copyright { border: none; padding: 15px; }
  .pd60, .listWrap { padding-top: 40px; padding-bottom: 40px; overflow: hidden; }
  .product .proR { width: auto; }
  .proL .title { text-align: center; background: none; color: #333; }
  .proL .menu { display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 25px; border: none; }
  .proL .menu li { float: left; flex-grow: 1; border-right: 1px solid #fff; text-align: center; }
  .proL .menu a { padding: 0 10px; font-weight: 400; background: none; }
  .hTitle { float: none; text-align: center; margin-bottom: 30px; font-size: .875rem; background: none; padding-bottom: 0; }
  .case::after { height: 500px; }
  .caseMain .txt h4 { margin-bottom: 10px; }
  .caseMain { padding-top: 30px; }
  .caseMain .pic, .caseMain .txt { height: 420px; }
  .about { padding-bottom: 10px; }
  .aboutL .txt, .downL { height: auto; }
  .aboutL .menu { padding-right: 0; margin-bottom: 30px; }
  .aboutL .more { width: 100%; }
  .aboutNum li { width: 20% }
  .listBanner, .aboutPic { height: 360px; text-align: center; }
  .listBanner h3 { left: 0; }
  .menuBox { padding: 0; height: auto; line-height: 100%; text-align: center; }
  .listMenu { display: flex; flex-flow: row wrap; justify-content: space-between; overflow: hidden; padding-top: 1px; padding-left: 1px; background: #f5f5f5; margin-top: 0; padding: 0; line-height: 45px; }
  .listMenu a { flex-grow: 1; border: 1px solid #ddd; margin: 0; margin-left: -1px; margin-top: -1px; padding: 0 20px; }
  .listMenu .cur { background: #1b4493; color: #fff; }
  .proSider { margin-bottom: 40px; }
  .proSider .title { background: none; height: 52px; line-height: 50px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; color: #191919; font-size: 18px; text-align: left; padding: 0; }
  .proSide_sub li a { height: 45px; line-height: 45px; }
  .proSide_sub .sub>li { padding: 10px 0; padding-left: 4%; }
  .proSide_sub .sub li a { height: 28px; line-height: 28px }
  .pro_subMenu a { margin: 0 2px; margin-bottom: 5px; }
  .proList { margin-right: -10px; }
  .proList li { margin-bottom: 10px; padding-right: 10px; width: 33.3%; }
  .proShow_box1 { margin: 0; }
  .gallery { border: none; }
  .gallery li { height: 100%; line-height: 100%; }
  .gallery .pImg { top: 0; margin-top: 0; }
  .gallery .swiper-pagination { position: static; margin: 10px 0; }
  .faq, .proShow_font { float: none; width: 100%; }
  .proShow_font .font { height: auto; }
  .serviceMain .tie { float: none; margin-left: 0; margin-bottom: 25px; }
  .serviceMain { padding-left: 0; margin-top: 30px; }
  .serviceMain li h5 { margin-bottom: 10px; }
  .serviceMain li { margin-bottom: 35px; }
  .downL .listTie { margin-bottom: 0; }
  .aboutBox1 .left { padding-top: 20px; }
  .aboutBox1 .font, .applyFont, .aboutBox1 .left { height: auto; }
  .aboutBox1 .tel { position: relative; margin-top: 15px; }
  .honorSlide .btn { position: static; display: inline-block; margin-top: 20px; width: 60px; height: 30px; line-height: 30px; }
  .settingTop .bgImg, .settingTop .font { height: 340px; }
  .picList li { width: 33.3%; }
  .partnerList li { width: 16.6%; }
  .videoList li p { padding-top: 0; height: 40px; line-height: 40px; }
  .newsSlide .slideIcon { height: 60px; line-height: 60px; }
  .newsSlide li .pic { height: 380px; }
  .newsSlide { padding-bottom: 0; }
  #dituContent { height: 420px; }
  .contact { padding: 40px 15px; background-size: cover; }
  .contactR { position: static; max-width: 100%; background: #f5f5f5; overflow: hidden; box-shadow: none; }
  .contactFont { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
  .contactBox2 { margin: 0; }
  .contactBox2 li { width: 49%; margin: 0; margin-bottom: 15px; }
  .contactBox2 li:nth-child(2n) { float: right; }
}
@media all and (max-width:920px) {
  .caseMenu { font-size: 1.286em; }
  .caseMain { padding-top: 0; }
  .caseMain .pic, .caseMain .txt { float: none; width: 100%; }
  .case::after { display: none; }
  .caseMain .txt { background: #f6f6f6; height: auto; overflow: hidden; }
  .caseMain .txt p { height: auto; }
}
@media all and (max-width:768px) {
  .proR { margin-right: -10px; margin-bottom: -10px; }
  .proR li { padding-right: 10px; margin-bottom: 10px; }
  .proR li p { height: 45px; font-size: 13px; }
  .caseMain .pic { height: 380px; }
  .aboutL .menu { display: none; }
  .aboutR { margin-top: 20px; }
  .aboutR, .aboutR .bgImg { height: 450px; }
  .aboutNum li span { font-size: 4em; }
  .partner li { width: 25%; }
  .listMenu { font-size: .875rem; }
  .listBanner, .aboutPic, .oddsMain li .pic { height: 300px; }
  .listBanner h3 { font-size: 2em; top: 42%; font-weight: normal; }
  .listBanner h3 span, .setting li:last-child { display: none; }
  .listTie { margin-bottom: 30px; font-size: 2rem; }
  .listTie span { font-size: 12px; }
  .proList li { width: 50%; }
  .proList li p { height: 40px; line-height: 40px; }
  .gallery { padding: 0; text-align: center; background: none; border-bottom: 1px solid #ddd; }
  .galleryBig { float: none; height: auto; margin-bottom: 20px; }
  .gallery .btn { opacity: 1; position: static; display: inline-block; height: 30px; line-height: 30px; width: 50px; }
  .gallery .swiper-button-next { right: 10px; }
  .galleryBig li { height: 100%; line-height: 100%; }
  .gallerySmall { display: none; }
  .serviceImg { height: 160px; }
  .aboutBox1 .right { height: 400px; }
  .album li, .album li.big, .videoList li, .scene li { width: 50%; }
  .album { padding-top: 20px; }
  .album li p { height: 30px; line-height: 30px; }
  .setting li { width: 50%; }
  .partnerList li { width: 20%; }
  .honorSlide li .pic { height: 260px; line-height: 260px; padding: 8px; }
  .settingTop .bgImg, .settingTop .font { float: none; width: 100%; display: block; }
  .settingTop .bgImg { height: 320px; }
  .settingTop { margin-bottom: 25px; }
  .settingTop .font { height: auto; }
  .newsSlide .slideIcon { width: 100%; position: relative; text-align: center; }
  .faq li .txt { height: auto; }
  .feedback h4, .feedback h3, .showPage a, .showPage a:nth-child(2), .faqList li, .faqList li:nth-child(2n) { float: none; width: 100%; }
  .feedback h3, .feedback .top { margin-bottom: 20px; }
  .proSear { width: 100%; }
  .showPage { height: auto; line-height: 1.4 }
  .showPage a { margin-top: 15px; }
  .showPage a, .showPage a:nth-child(2) { display: block; }
  .showPage a:nth-child(3) { border: none; border-top: 1px solid #bbb; width: 100%; margin-top: 10px; line-height: 40px; }
  #dituContent { height: 380px; }
  .pagination .a1_page, .pagination .first_page, .pagination .Last_page { display: none; }
  .proR li h4 { margin-top: 10px; }
  .contactBox2 li { min-height: 130px; padding-left: 10%; }
  .yslist .item .pic { width: 100%; }
  .yslist .item h4 { height: 60px; font-size: 20px; }
  .yslist .item p { font-size: 14px; line-height: 1.75; }
  .footinfo .footL { width: 100%; }
  .footinfo .footR { width: 100%; margin-top: 30px; }
  .newsList li {width: 50%;}
  .contactInfo {
      width: 100%;
      height: auto;
      padding: 3% 4%;
  }
  .aboutL .txt h4 {font-size: 18px;}
}
@media all and (max-width:640px) {
  .proR li { width: 50%; }
  .proR li:nth-child(9), .proR li:nth-child(8), .proR li:nth-child(7) { display: none; }
  .proR li p { height: 40px; font-size: 12px; }
  .caseMain .pic, .aboutR, .aboutR .bgImg { height: 300px; }
  .caseMenu { display: none; }
  .caseMain .list { margin-right: -10px; }
  .caseMain .list li { padding-right: 10px; }
  .aboutNum { margin-top: 30px; padding: 15px; }
  .aboutNum { flex-flow: row wrap; }
  .aboutNum li { margin: 10px 0; width: 33.3%; text-align: center; }
  .aboutNum li span { font-size: 3em }
  .aboutNum li:nth-child(4), .aboutNum li:nth-child(5) { width: 50%; }
  .homeMenu { margin-bottom: 20px; }
  .homeMenu a { margin: 0 10px; font-size: 16px; height: 30px; }
  .equipment .info { font-size: 14px; line-height: 1.75; margin-bottom: 20px; }
  .equipmentMain .item p { margin-top: 10px; font-size: 14px; }
  .honorSlide li p { line-height: 20px; font-size: 14px; }
  .yslist { margin-bottom: -30px; }
  .yslist .item { width: 46%; margin-bottom: 30px; }
  .yslist .item h4 { height: auto; font-size: 16px; padding: 0; }
  .yslist .item .pic { width: 80%; }
  .yslist .item p { font-size: 12px; }
  .footnav { height: auto; line-height: 30px; padding: 15px 0; }
  .footnav a { font-size: 12px; }
  .footinfo .footL h3 { font-size: 20px; }
  .footinfo .footL .lx .cont { font-size: 14px; line-height: 1.75; padding-left: 0; margin-top: 10px; }
  .footinfo .footR .tit { margin-bottom: 10px; }
  .copyright { border-top: 1px solid #ededed;font-size: 12px; }
  .footinfo .footR .tit img { display: none; }
  .footForm input { width: 100%; margin-right: 0; padding: 0 15px; margin-bottom: 10px; }
  .footForm .sub { margin-top: 0; position: static; line-height: 40px; width: 100%; font-size: 16px; background: #1b4493; }
  .newsL { border-bottom: 1px solid #ddd; }
  .newsL li { width: 100%; float: none; border: none; }
  .newsL li p, .newsL li { height: auto; }
  .newsL li:nth-child(2n) { display: none; }
  .newsR li, .newsL { margin-bottom: 15px; }
  .newsR li a { height: auto; padding-bottom: 15px; }
  .listBanner, .oddsMain li .pic { height: 280px; }
  .listMenu a { padding: 0 10px; line-height: 42px; height: 42px; }
  .gallery-thumbs li { width: 33.3%; padding-top: 24%; }
  .listTie { margin-bottom: 20px; }
  .picList ul, .videoList ul { margin-right: -10px; }
  .picList li p { margin-top: 10px; }
  .picList li, .videoList li { padding-right: 10px; margin-bottom: 15px; width: 50%; }
  .partnerList li { width: 25%; }
  .videoShow { height: 420px; }
  .newsSlide li .pic { height: 320px; }
  .newsSlide li .pic, .newsSlide li .txt { float: none; width: 100%; }
  .proL li a, .proL li { height: 35px; line-height: 35px; }
  .aboutBox1 .right { height: 320px; }
  .aboutBox1 .tie { font-size: 1.8em; }
  .feedback p, .feedback .sub { width: 100%; }
  .feedback .code .c { width: 60%; }
  .feedback .code .sub { margin-top: 10px; float: none; width: 100%; height: 50px; line-height: 50px; }
  .feedback p { padding-left: 40px; }
  #dituContent { height: 300px; }
  .pagination .a1_page, .pagination .first_page, .pagination .Last_page { display: none; }
  .mbx { font-size: 12px; padding-top: 10px; }
  .aboutL .txt p { margin-top: 10px; font-size: 14px; line-height: 1.75; }
  .culture li { padding: 20px; width: 100%; }
  .pagination a {padding: 0 8px;}
  .newsList li {width: 100%;}
  .contactInfo {
      padding: 15px 4%;
  }
  .contactInfo .tie {font-size: 20px;margin-bottom: 15px;}
  .contactInfo .txt {
      height: auto;
  }
}
@media all and (max-width:480px) {
  .logo img { height: 28px; }
  .caseMain .pic, .aboutR, .aboutR .bgImg { height: 220px; }
  .caseMain .txt h4 { font-size: 2em; }
  .footMenu { font-size: 13px; }
  .hTitle span { font-size: 24px; margin-bottom: 0; }
  .newsR li a { padding-left: 0; }
  .pMore { width: 100%; }
  .listBanner, .jobBox1 .bgImg { height: 180px; }
  .listTie { font-size: 1.8rem; }
  .proList li p { font-size: 12px; }
  .serviceImg { height: 120px; }
  .aboutBox1 .right, .aboutPic, .newsSlide li .pic, .newsPic li a { height: 220px; }
  .aboutBox1 .tel span { margin-left: 10px; }
  .newsL li .pic, .settingTop .bgImg, .applyList li .pic { height: 200px; }
  .partnerList li { width: 33.3%; }
  #dituContent, .madeBox1 .pic, .oddsMain li .pic, .newsL li .pic { height: 220px; }
  .contactBox2 li { min-height: auto; padding: 5% 3% 5% 15% }
  .contactBox2 li p { font-weight: 400; }
  .contactBox2 li, .contactBox2 li:nth-child(2n) { float: none; width: 100%; }
  .honorSlide li .pic { height: 200px; line-height: 200px; }

}

/* 应用案例列表+详情 */
@media all and (max-width:1260px) {
  .caseShow li, .caseFont { height: 460px; }
}
@media all and (max-width:1024px) {
  .caseIndex li, .caseIndex li .pic, .caseIndex li .txt { height: 420px; }
  .caseIndex li h4 { font-size: 2em; }
  .relativeS ul { margin-right: -15px; }
  .relativeS li { padding-right: 15px; width: 33.3%; }
}
@media all and (max-width:768px) {
  .caseIndex li, .caseIndex li .pic, .caseIndex li .txt, .caseFont { height: auto; }
  .caseIndex li .pic { height: 380px; }
  .caseIndex li .pic, .caseIndex li .txt, .showPage a, .showPage a:nth-child(2), .caseShow, .caseFont { float: none; width: 100%; }
  .caseIndex li .txt .info { min-height: auto; }
  .caseIndex li h4 { padding-bottom: 10px; margin-bottom: 15px; }
  .relativeS li { width: 50%; }
  .relativeS li { margin-bottom: 15px; }
  .relativeS li p { height: 40px; line-height: 40px; }
}
@media all and (max-width:640px) {
  .caseShow li { height: 380px; }
  .lead .pic { height: 420px; }
}
@media all and (max-width:480px) {
  .caseIndex li .more { height: 40px; line-height: 40px; width: 100%; }
  .caseShow li, .caseIndex li .pic { height: 220px; }
  .lead .pic { height: 360px; }
}