/*  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:#910d08;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;}
.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;font-size:14px;}
.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:#910d08;}

@media all and (max-width:1600px) {
  .container,.solution{padding-left:30px;padding-right:30px;}
  .footer{overflow: hidden;}
  .storyMenu{left:30px;right:30px;width:auto;}
  .proMain{padding:0 5%;}
  .proMain .btn{width:24px;height:46px;}
  .listBanner h3{padding-left: 30px;}
  .pd60,.listWrap,.menuBox{overflow:hidden;}
  .proShow_R{width:45%;}


}





@media all and (max-width:1440px) {
  .nav{width:60%;font-size:1rem;}
  .footMenu ul{width:110%;}
  .aboutL{font-size:1em;width:48%;}
  .storyTab li{height:650px;}
  .storyTab li .txt{top:10%;left:6%;}
  .proMain li{width:39%;}
  .news{font-size:.75rem;}
  .newsPic li a{height:570px;}
  .newsR li p{height:40px;overflow:hidden;}
  .menuBox p,.stroryBox{font-size:.875em;}
  .listMenu a{margin-right:25px;}
  .craft{font-size:.875em;}
  .ppty{font-size:1em;}
  .ppty li{margin-bottom:50px;}
  .ppty li .bgImg{height:380px;}
  .ppty li.big .bgImg{height:400px;}
  .sqjyList{margin-right:-30px;}
  .sqjyList li{padding-right:30px;margin-bottom:30px;}
  .rightNews li{font-size:12px;}
  .proList,.picList ul,.newsTop{margin-right:-20px;}
  .proList li,.picList l,.newsTop li{padding-right:20px;margin-bottom:20px;}
  .proShow_R{width:40%;padding-right:0;}
  .support{font-size:.875em;}
  .support li{width:49%;}
  .joinBox1{font-size:1em;}
  .joinBox3 .txt{background-size:48px;}
  .contactBox .container{background-size:60%;}
  .craftBox2 li span{display:inline;}
  .body1{font-size:.875rem;}
}

@media all and (max-width:1260px) {
  .container,.solution{padding-left:15px;padding-right:15px;}
  .header .logo img{height:40px;}
  .nav{font-size:.875rem;}
  .footer{font-size:.75rem;}
  .footR ul{margin-right:-10px;}
  .footR li{padding-right:10px;}
  .storyMenu{left:15px;right:15px;}
  .HomeStory{font-size:.875em;}
  .storyTab li{height:600px;}
  .proMain{padding:0 5%;}
  .newsR li a{padding-right:120px;}
  .newsR li .date{margin-right:-120px;width:100px;}
  .listBanner{height:340px;}
  .listBanner h3{padding-left:15px;}
  .menuBox{font-size:.875rem;}
  .video ul{margin-right:-15px;}
  .video li{padding-right:15px;margin-bottom:15px;}
  .sqjyList li p{font-size:12px;}
  .proShow_R{font-size:.875em;width:30%;}
  .listMenu a{margin-right:15px;}
  .menuBox p{font-size:12px;}
  .tygFont .txt{font-size:1em;}
  .aboutFont{line-height:1.6;}
  .aboutPic{height:640px;background-size:100% 640px;}
  .gjdSlide li{width:35%;}
  .culture .main{margin-right:-20px;}
  .culture li{padding-right:20px;}

}


@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:#000;}
  .header .logo {line-height:60px;border-right:none;width:auto;padding-top:0;}
  .header .logo img{height:30px;}
  .navTrigger,.wapTel,.footMenu_wap,.relative_pro li:nth-child(4),.proSider .title i,.banner .small{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .nav,.banner .big,.footR,.footMenu h4,.footCon form,.copyright::after,.menuBox p,.newsList li .more,.bshare-custom{display:none;}
  .footer,.footMain{padding:0;border:none;}
  .footMenu,.footMenu ul,.footCon{float:none;width:100%;border:none;margin-bottom:0;padding-bottom:0;}
  .footMenu li{border:1px solid rgba(255, 255, 255, .3);margin-left:-1px;margin-top:-1px;height:36px;line-height:36px;background:none;text-align:center;margin-bottom:0;width:auto;padding:0 10px;}
  .footMenu_wap a:nth-child(4n){border-right:none;}
  .pd60,.listWrap{padding-top:40px;padding-bottom:40px;overflow: hidden;}
  .craft{padding-top:80px;padding-bottom:80px;}
  .footCon{margin-left:0;padding:15px;}
  .copyright{height:auto;overflow:hidden;line-height:1.8;padding:10px 15px;}
  .aboutL,.aboutR{float:none;width:100%;margin-right:0;}
  .hTitle{font-size:2.5rem;margin-bottom:25px;}
  .aboutL{height:auto;font-size:.875em;;margin-bottom:20px;}
  .aboutL .txt{max-height:100%;line-height:1.8;font-size:.875em;}
  .aboutL ul{position: static;margin-top:25px;}
  .storyTab li .txt{width:80%;max-width:100%;}
  .storyMenu li a{padding-left:0;text-align:center;display:block;height:90px;}
  .storyMenu li i{display:none;}
  .product {padding-left:15px;padding-right:15px;}
  .proMain,.proMenu{padding-left:0;padding-right:0;}
  .proMain li{width:46%;}
  .proMain .btn{position: static;margin-top:40px;background:#333;color:#fff;width:50px;height:26px;line-height:26px;display:inline-block;font-size:14px;}
  .newsPic,.newsR,.listMenu,.picShow_l,.relative_pro,.gallery,.proShow_R,.proShow_con,.joinBox1 .txt,.joinImg{float:none;width:100%;}
  .newsPic{margin-bottom:20px;}
  .mt60{margin-top:40px;}
  .listBanner{height:280px;text-align:center;}
  .listBanner h3{padding-left:0;}
  .listBanner h3 span{padding-bottom:0;margin-bottom:0;}
  .breadCrumb{font-size:13px;line-height:30px;padding:15px 0;}
  .breadCrumb span::after{line-height:1.6;}
  .menuBox {padding:0;height:auto;line-height:100%;text-align:center;} 
  .listMenu{display: flex;flex-flow:row wrap;justify-content:center;overflow: hidden;padding:10px 0;}
  .listMenu a{margin:0 10px;}
  .listBanner h3 span::after,.rightNews{display:none;}
  .stroryBox .txt{height:auto;padding-bottom:80px;padding-left:160px;}
  .stroryBox .txt .pic{width:80px;margin-top:2%;margin-left:-120px;}
  .ppty li{width:49%;margin-bottom:25px;line-height:1.6;font-size:14px;}
  .ppty li .bgImg{height:280px;}
  .ppty li.big .bgImg{height:300px;}
  .ppty li h4{top:-90px;height:50px;line-height:50px;background-size:100% 50px;width:auto;padding:0 32px;}
  .ppty li.big .txt{width:60%;padding:4%;}
  .sqjyList,.newsTop{margin-right:-15px;}
  .sqjyList li,.newsTop li{padding-right:15px;margin-bottom:15px;}
  .sqjyList li{width:50%;}
  .showTie h2{margin-bottom:15px;}
  .showTie .txt{padding-bottom:15px;}
  .proList li p{line-height:50px;height:50px;font-size:1.286em;}
  .relative_pro ul{margin-right:-20px;}
  .relative_pro{margin-top:20px;}
  .relative_pro li{width:50%;float:left;}
  .proShow_R .font,.proShow_tab{min-height:auto;}
  .proShow_R .btn a{display:inline-block;width:45%;margin-bottom:5px;margin-right:8px;}
  .proShow_R{height:auto;padding-top:20px;}
  .galleryBig,.gallerySmall{height:auto;}
  .gallerySmall li.pImg{padding-top:100%;}
  .proVideo{width:100%;height:100%;}
  .newsTop,.craftBox1{margin-bottom:40px;}
  .newsList li a{padding-left:80px;}
  .newsList li .date{margin-left:-80px;width:80px;}
  .newsList li .txt{width:100%;}
  .support li{width:100%;margin-bottom:10px;}
  .tygFont .btn{width:48%;margin-right:0;}
  .tygSlide li,.tygFont{height:490px;}
  .joinBox3 .txt{background-position:4% 16%;padding-left:14%;}
  .craft li{width:49%;line-height:1.8;}
  .craftBox3 ul li{width:25%;}
  .aboutPic,.aboutFont{float:none;width:100%;}
  .aboutFont{margin-top:25px;}
  .culture,.gjd{background-size:100%;}
  .culture .main{margin-top:10px;flex-flow: row wrap;margin-right:0;}
  .culture .main li{width:49%;margin-bottom:20px;padding:0;text-align:center;}
  .culture .main li:nth-child(2n){float:right;}
  .vision .txt h4{font-size:1.4em;}
  .ljjd .btn{display:inline-block;position: static;background:#333;width:50px;height:26px;line-height:26px;color:#fff;font-size:16px;text-align:center;font-family:'simsun';margin-top:30px;}
  #dituContent,.contactBox .bgImg{height:420px;}
 

}

@media all and (max-width:920px) {
  .video li{width:50%;}
  .newsTop li{width:50%;}
  .newsTop li:nth-child(3){display:none;}
  .craft li,.craftBox2 li:nth-child(4), .craftBox2 li:nth-child(5){width:50%;}
}

@media all and (max-width:768px) {
  .footMenu li{width:33.3%;}
  .copyright p{float:none;}
  .aboutL{font-size:.875; line-height: 1.8px;}
  .aboutR{height:500px;}
  .storyTab li{height:520px;}
  .storyTab li .txt{width:90%;left:5%;top:40px;}
  .proMain li{width:60%;}
  .proMain li p{height:45px;line-height:45px;font-size:1.286em;}
  .newsPic li a{height:420px;}
  .menuBox .container {padding:0;}
  .listMenu{justify-content: space-between;padding:0;padding-left:1px;}
  .listMenu a{margin:0 5px;height:40px;line-height:40px;width:auto;padding:0 15px;background:none;border:1px solid #e4d7c6;flex-grow:1;margin:0;margin-left:-1px;margin-top:-1px;}
  .listMenu a::after{background:#c30505;}
  .stroryBox .txt {padding-left:0;padding:30px 10px 60px 10px;}
  .stroryBox .txt .info{border:none;}
  .stroryBox .txt .pic{display:none;}
  .listTie{margin-bottom:25px;font-size:2rem;}
  .ppty li{width:100%;}
  .ppty li p{padding:0;}
  .ppty li.big .txt{position: relative;width:100%;background:none;color:#333;padding:0;text-align:center;padding-top:20px;}
  .ppty li.big h4{position: absolute;transform: translateX(-50%);}
  .proList{margin-right:-10px;}
  .proList li{margin-bottom:10px;padding-right:10px;}
  .gallery{padding:0;text-align:center;background:none;}
  .galleryBig{float:none;height:auto;margin-bottom:20px;}
  .gallery .btn{opacity:1;position: static;display:inline-block;height:30px;line-height:30px;width:50px;}
  .galleryBig li{height:100%;line-height:100%;}
  .gallerySmall{opacity:0;transform: scale(0);}
  .proShow_R .title{font-size:2em;}
  .supportBox1 ul{margin-top:30px;}
  .supportBox1 ul li{padding:0 5px;font-size:14px;}
  .tygSlide,.tygFont{width:100%;float:none;}
  .tygSlide li{height:420px;}
  .tygFont{height:auto;}
  .tygFont .txt2{min-height:auto;}
  .joinImg{height:320px;}
  .stroryBox .yjf{padding-bottom:30px;}
  .craftBox3{padding-top:40px;}
  .craftBox3 .listTie span{font-size:14px;}
  .craftBox3 li img{max-width:80%;}
  .aboutPic{height:520px;background-size:100% 520px;}
  .vision .pic{float:none;width:100%;text-align:center;}
  .vision .txt{position:static;transform: translateX(0);width:100%;margin-top:25px;}
  .gjdSlide li{width:50%;}
  .gjd .txt, .ljjd .txt{margin-bottom:25px;padding:0;}
  .ljjd li p{bottom:0;}
  .jobList .top{padding:10px;overflow:hidden;}
  .jobList .top span{width:50%;}
  .feedback{margin:0;}
  .feedback .title{font-size:1.5em;margin-bottom:25px;}
  .feedback h4,.feedback h3,.faqList li{float:none;width:100%;}
  .feedback h3,.feedback .top{margin-bottom:20px;}
  .proSear{width:100%;}
  .showPage a,.showPage a:nth-child(2){float:none;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 #e4d7c6;width:100%;margin-top:10px;line-height:40px;}
  .contactBox .container{background:none;}
  #dituContent,.contactBox .bgImg{height:380px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .breadCrumb{font-size:12px;}

}

@media all and (max-width:640px) {
  .header .logo img{height:25px;}
  .hTitle{font-size:1.7rem;margin-bottom:20px;}
  .storyTab li{height:460px;}
  .storyMenu li a{font-size:0;line-height:0;height:45px;line-height:45px;padding:0 5px;}
  .storyMenu li span{font-size:16px;}
  .proMenu a{margin:0 20px;font-size:18px;height:50px;}
  .newsPic li p{height:50px;line-height:50px;}
  .newsPic .swiper-pagination{bottom:15px;}
  .listMenu a{padding:0 20px;line-height:42px;height:42px;}
  .listBanner{height:240px;}
  .listBanner h3{font-size:1.286rem;}
  .video ul{margin-right:-10px;}
  .video li{padding-right:10px;margin-bottom:10px;}
  .video li .pImg::before{width:36px;height:36px;margin-left:-18px;margin-top:-18px;}
  .ppty li .bgImg,.ppty li.big .bgImg{height:240px;}
  .ppty li h4{font-size:16px;width:200px;top:-65px;}
  .ppty li.p3 .bgImg{background-position:left center;}
  .sqjyList li{width:100%;float:none;}
  .sqjyList li a,.support li .txt{padding-bottom:15px;}
  .sqjyList li p{height:auto;margin-bottom:20px;}
  .proShow_R ul li{padding-right:5px;}
  .mt60{margin-top:30px;}
  .newsTop{margin-bottom:20px;}
  .newsTop li{width:100%;}
  .support li .bgImg,.support li .txt{float:none;width:100%;}
  .support li .txt,.support li .info{height:auto;}
  .support .sMore{width:100%;}
  .tygFont h4{margin-bottom:15px;}
  .craftBox1 li {line-height:1.6;}
  .craftBox1 li h4{margin-bottom:10px;}
  .craft li,.craftBox2 li:nth-child(4),.craftBox2 li:nth-child(5){width:100%;font:none;padding:0;margin: 15px 0;}
  .craftBox3 ul li{width:33.3%;margin:10px 0;}
  .ljjd li p{font-size:14px;height:40px;line-height:40px;}
  .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;max-width:100%;}
  .feedback p{padding-left: 40px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .joinImg{height:280px;}
  .joinBox1{margin-bottom:20px;}
  .aboutPic{height:420px;background:none;border:1px solid #e2d4bb;}
  .culture .tie{flex-flow:row wrap;}
  .culture .tie li{width:100%;margin-bottom:15px;}
  .gjdSlide li{width:70%;}
  .picList ul,.activity ul,.relativeS ul{margin-right:-10px;}
  .picList li p,.activity li p{margin-top: 10px;}
  .picList li,.activity li,.relativeS li {padding-right:10px;margin-bottom:15px;width:50%;}
  .proList li{width:50%;}
  .storyTab li h4 span{font-size:1.7em;}
  #dituContent{height:300px;}
}

@media all and (max-width:480px) {
  .aboutR,.aboutPic{height:260px;}
  .storyTab li{height:400px;}
  .storyMenu li span{font-size:15px;}
  .storyTab li .txt{top:20px;}
  .storyTab li h4 {padding-bottom:15px;margin-bottom:15px;font-size:1.125em;}
  .storyTab li .more{width:100%;text-align:center;}
  .proMain li{width:90%;}
  .newsPic li a{height:360px;}
  .newsR li a{padding-right:0;}
  .newsR li .date{display:none;}
  .newsR li a{padding:15px 0;}
  .listBanner{height:140px;}
  .listBanner h3{font-size:.875rem;}
  .ppty li .bgImg,.ppty li.big .bgImg{height:210px;}
  .listTie{font-size:1.6rem;}
  .aboutR::after{width:40px;height:40px;background-size:100%;margin-left:-20px;margin-top:-20px;}
  .proList li p{position: relative;height:40px;line-height:40px;background:#333;font-size:13px;}
  .newsList li a{padding:20px 0;display:block;}
  .newsList li .txt{padding-left:0;border:none;}
  .showTie .txt span{margin-right:4px;font-size:12px;}
  .supportBox1 ul li{padding:0 3px;font-size:12px;}
  .supportBox1 form .btn{background-size:84% center;}
  .support li .bgImg,.joinImg{height:220px;}
  .joinBox3 .txt{background-size:32px;background-position: 4% 18%;}
  .joinBox3 .txt p{margin-top:6px;}
  .joinBox3 .mb15{margin-bottom:6px;}
  .contactBox .bgImg{height:380px;}
  .craftBox3 ul li{width:50%;}
  .craftBox3 li img{max-width:60%;}
  .culture .main li{width:100%;}
  #dituContent{height:220px;}
  .gjdSlide li{width:100%;}
}

@media all and (max-width:380px) {
  .aboutR,.aboutPic{height:200px;}
  .newsPic li a{height:300px;}
}