/*  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-bottom:1px solid #ddd;position:relative;}
.wapNav li i{color:#888;font-size:20px;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#0055b4;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f1f1f1;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;}
.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;}
.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{margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}

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

/*--*/  	
.container,.about{padding-left:15px;padding-right:15px;}
/*--*/  
.header .logo{left:15px}
.headR,.oddsMain{right:15px}
/*--*/  
.listBanner h3{padding-left:15px;}

}

@media all and (max-width:1600px) {
	
/*--*/  	
.nav {font-size:1rem;}
/*--*/
.foot-nav {margin-left: 8%;}
/*--*/
.proList li {width: 31.4%;}
/*--*/
.ol-content .contact1 ul li .zbox{ padding:0 30px 10px 30px;}
.ol-content .contact1 ul li {width: 23.2%;}

}

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

/*--*/  
.ol-title span,.ol-titlew span {font-size: 40px;}	
/*--*/  	
.header .logo img{height:46px;}
.nav{padding-left:20%;padding-right:220px;}
.headR .tel{font-size:1.143em;font-weight:700;}
/*--*/  
.ol-odds li{margin-bottom:20px;margin-top:0;}
/*--*/  
.newsMain li p{font-size:12px;}
.newsMain li a{padding:20px;}
.newsMain .txt a{padding:37px 20px;}
/*--*/
.footer .nav li{padding-right: 15px;margin-right:15px;}
.foot-pro {margin-left: 5%;}
/*--*/
.proList li {width: 31.1%;}
.proList li p {height: 40px;line-height: 40px;font-size: 16px;}
 
}

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

/*--*/
.foot-pro {margin-left: 4%;}
.footBtm{padding:20px;}
.footBar{display:block;}
.footL .font{padding-left:0;}
.footMenu{font-size:1.286em;margin-bottom:20px;}
.footL .footMenu a{margin-right:15px;}
.footR{max-width:34%;padding-right:120px;}
.footWx{width:110px;margin-right:-120px;}
.footR .tel span{font-size:2em;}
.foot-nav {margin-left: 6%;}
/*--*/
.proList li {width: 31%;}
/*--*/
.ol-content .contact1 ul li {width: 23%;}
 
}

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

/*--*/  
.ol-title,.ol-titlew {margin-bottom: 30px;}
.ol-title span,.ol-titlew span {font-size: 36px;}	
/*--*/  	
.header .logo img{height:34px;}
.nav{font-size:.875rem;padding-left:180px;padding-right:200px;}
.headR .tel{font-size:1em;}
/*--*/
.footer{padding:20px 0 0 0;}
.foot-nav{display: none;}
.foot-pro{display: none;}
.foot-contact{text-align: center;width:100%}
.foot-wx{width: 100%;text-align: center;}
.foot-wx dl{margin:10px;display: inline-block;float:none}
.footer-bottom{line-height:23px;height:auto}
.footer-bottom span{display: block;text-align: center;}
.footer-bottom{padding:10px 0; margin-bottom:40px;}
.footer-top{padding-bottom:10px;}
.footer ul li {margin-bottom: 10px;}
/*--*/
.proList li {width: 30.6%;}
/*--*/
.ol-culture li{height:310px;}
/*--*/
.ol-content .contact1 ul li .zbox{ padding:0 10px 10px 10px;}
.ol-content .contact2 .contact2Body{ width:450px;}
.ol-content .contact1 ul li { margin-right:26px;}

}


@media all and (max-width:1024px) {
	
/*--*/  	
body{padding-top:60px;font-size:.875rem;}
.pd70,.proWrap,.listWrap{padding-top:40px;padding-bottom:40px;}
/*--*/  
.headR,.nav,.footR,.gr_kefu,.banner .swiper-button-white,.headTel,.proMain li.big h4::after,.gallery-thumbs,.serviceMain::after,.picShow_r,.bshare-custom,.feedbackL,.breadCrumb,.listMenu a::after,.listMenu a::before,.newsTop,.ol-marketing,.indMenu li span,.footR,.footLogo,.newsShow .right,.head{display:none;}
.header{height:60px;line-height:60px;position: fixed;}
.header .logo img{height:30px;}
.navTrigger,.footMenu_wap,.proMain li:last-child,.wapTel{display:block;}
.nav_on{opacity:1;transform: translateX(0);}
/*--*/  
.indMenu li{float:left;width:20%;padding:10px;border-right: 1px solid #fff;text-align:center;height:70px;}
.indMenu li i{margin:0 auto;display:block;width:100%;height:20px;background:none;color:#333;line-height:1;}
.indMenu .on i{color:#fff;}
.indMain li p{height:auto;}
/*--*/  
.aboutTxt{height:auto;padding-top:30px;}
.aboutTxt .txt{height:auto;margin-bottom:25px;}
.aboutTxt::after{height:100px;}
.settingMenu,.albumMenu{margin-bottom:25px;display: flex;justify-content: space-between;}
.settingMenu a,.albumMenu a{flex-grow:1;margin:0;border-right: 1px solid #ddd;}
.settingMenu::after,.settingMenu::before{display:none;}
.settingBox .btn{width:40px;height:26px;line-height:26px;}
/*--*/  
.newsMain .txt a{padding:20px;}
.newsMain li h4{padding:0;}
.newsMain li .bgImg,.newsMain li:last-child,.downL .tel{display:none;}
.newsMain li{width:50%;}
.newsMain li h4{margin-bottom:20px;}
/*--*/  
.footL,.oddsMenu,.aboutBox_l,.aboutBox_r,.newsL,.newsR,.proSider,.proList,.gallery,.proShow_R,.proMain,.downL,.downR,.picShow_r,.picShow_l,.feedbackR,.cultureL,.cultureR,.jobR,.contactBox1 .cLogo,.indMain,.indMenu,.indMain li .pic,.indMain li .txt,.aboutPic,.aboutTxt,.footL,.ol-culture .main,.ol-culture .bgImg,.newsShow .left{float:none;width:100%;}
/*--*/  
.footer .left{width:100%;float:none;}
.footer .left .wx{margin-top:0;}
.footer .left .nav{display: none;}	
.footer .right{float:none;width:50%;margin:30px auto 0;}
.footBar{display: block;} 
/*--*/
.proMain li:last-child,.relative_pro li:nth-child(4),.proSider .title i{ display:block;}
.pro_bread,.proWrap::after,.proSider .title span,.proSide_sub,.relaCase{display:none;}
.proSider{margin-bottom:40px;}
.proR,.pror{ float:none; width:100%;}
.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 ul li{height:30px;line-height:30px}
.gallery li a:after{font-size:1rem;}
.proShow_R .font{height:auto;}
.proShow_box1{margin:0;}
.gallery li{height:100%;line-height:100%;}
.gallery .pImg{top:0;margin-top:0;}
.proShow_R {border-top: 1px solid #ddd;}
/*--*/
.proList li {width: 31.8%;}
.proList li:nth-child(3n+0){ margin-right:0;}
/*--*/  
.proTie {font-size: 26px;}
/*--*/
.ol-apply li,.ol-apply li .pic,.ol-apply li .txt{height:420px;}
.ol-apply li h4{font-size:2em;}
.ol-apply li .btn{width:140px;}
/*--*/
.newMain li{width:49.1%; margin-right: 15px;margin-bottom: 15px;}
.newMain li:nth-child(2n+0) {margin-right: 0;}
.newMain li a {padding: 20px;}
/*--*/
.newsShow .left .title .tit {font-size: 22px;}
/*--*/
.ol-content .contact1{ margin:0 -10px;}
.ol-content .contact1 ul li {width: 25%;margin-right:0;}
.ol-content .contact1 ul{ margin-top:80px;}
.ol-content .contact1 ul li{ padding:0 10px;}
.ol-content .contact1 ul li .zbox{ padding:0 10px 10px 10px; height:180px;}
.ol-content .contact1 ul li .zbox .ico{ width:80px; height:80px; margin-top:-40px;}
.ol-content .contact1 ul li .zbox h5{ margin-top:15px; line-height:20px; font-size:16px;letter-spacing:1px;}
.ol-content .contact1 ul li .zbox h6{ letter-spacing:0px;}
.ol-content .contact1 ul li .zbox .jj{ margin-top:12px; line-height:22px; font-size:12px; letter-spacing:0px;}
.ol-content .contact1 ul li .zbox .btn{ width:100%; height:70px; line-height:70px;}
.ol-content .contact1 ul li .zbox .btn > img{ width:20px;}
.ol-content .contact1 ul li .zbox .btn .ewm{ width:70px; height:70px; margin-left:-35px;}
.ol-content .contact2{  margin:20px 0 40px 0;}

}

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

/*--*/
.proList li {width: 31.5%;}

}

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

/*--*/  
.ol-title,.ol-titlew {margin-bottom: 25px;}
.ol-title span,.ol-titlew span {font-size: 29px;}	
/*--*/   	
.banner .swiper-pagination{bottom:5px;}
.banner .swiper-pagination-bullet{height:8px;width:8px;}
/*--*/   
.proMenu{display:none;}
.proMain li h4 {line-height: 45px;padding: 0 15px;font-size: 16px;}
/*--*/  
.ol-odds li,.ol-odds li:nth-child(2n){width:100%;float:none;}
.ol-odds li .info{height:auto;}
.ol-odds li i{top:-40px;}
.ol-odds li h3 {font-size: 20px;}
/*--*/  
.indMain li .pic{height:360px;}
.indMenu{overflow:hidden;margin-bottom:20px;}
.indMenu li{width:33.3%;border-top: 1px solid #fff;margin-bottom:0;}
.indMain li h4{font-size:20px;}
/*--*/  
.aboutPic{height:300px;}
/*--*/    
.footMain{padding:0;padding-bottom:20px;}
.footMenu{margin-bottom:20px;}
.footL .footMenu a{float:left;width:33.3%;text-align:center;font-size:14px;margin:0;border:1px solid #2e708c;line-height:36px;margin-top:-1px;margin-left:-1px;}
.footMenu a:nth-child(3n){border-right:none;}
.footL .font{padding:0 15px;line-height:1.8;}   
.footBtm .copy .p2 {display: none;}
/*--*/
.proSear{padding-right:40px;height:40px;line-height:40px;margin-bottom:30px;width:100%;}
.proSear .txt{height:38px;line-height:38px;}
.proSear .btn{width:40px;font-size:0;margin-right:-40px;background:#30acff url('../images/sBtn.png') no-repeat center;height:40px;}
.proMenu li a,.proMenu li.on a{background:none;}
.proMenu li a{padding-left:0;text-align:center;border-right: 1px solid #e8e8e8;}
/*--*/
.proList li{width:48.3%;}
.proList li:nth-child(2n+0){ margin-right:0}
.proList li:nth-child(3),.proList li:nth-child(9),.proList li:nth-child(15),.proList li:nth-child(21),.proList li:nth-child(27){ margin-right:20px}
.proList li p{height:40px;line-height:40px;}
/*--*/
.ol-apply li,.ol-apply li .pic,.ol-apply li .txt{height:auto;}
.ol-apply li .pic{height:380px;}
.ol-apply li .pic,.ol-apply li .txt{float:none;width:100%;}
.ol-apply li .txt .info{min-height:auto;}
/*--*/
.newMain li{width: 100%;}
/*--*/
.ol-position { padding-top: 10px; padding-bottom: 10px; font-size: 12px; }
.newsShow .left .other{ display:none;}
/*--*/
.setting {padding-top: 0;padding-bottom: 20px;}
.settingBox li p {font-size: 14px;}
/*--*/
.ol-culture .bgImg{height:400px;}
.ol-culture ul{margin-right:-10px;}
.ol-culture li{padding-right:10px;height:260px;}
/*--*/
.ol-content .contact1{ margin:0 0;}
.ol-content .contact1 ul{ margin-top:20px;}
.ol-content .contact1 ul li{ padding:0 10px; margin-top:50px; width:50%;}
.ol-content .contact2{  margin:10px 0 20px 0;}
.ol-content .contact1 ul li .zbox .ico {width: 60px;height: 60px;margin-top: -20px;}
/*--*/
.ol-content .contact1{ margin:0 0;}
.ol-content .contact1 ul{ margin-top:20px;}
.ol-content .contact1 ul li{ padding:0 10px; margin-top:50px; width:50%;}
.ol-content .contact2{  margin:10px 0 20px 0;}
.ol-content .contact1 ul li .zbox .ico {width: 60px;height: 60px;margin-top: -20px;}
.ol-feedback {padding-top: 40px;padding-bottom: 40px;}
.ol-feedback .form-one { margin-top: 0; } 

}

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

/*--*/    
.proMain li{width:50%;}	
.ol-odds li i{font-size:1.8em;top:-30px;}
/*--*/ 
.indMain li .pic{height:300px;}
/*--*/ 
.newsMain{margin-right:0;}
.newsMain li{width:100%;float:left;padding-right:0;border-bottom: 1px solid #ddd;margin-top:0;}
.newsMain li a,.newsMain .txt a{border:none;padding:10px;}
.newsMain li p{height:auto;padding-bottom:0;margin-bottom:15px;}
.newsMain li h4{margin-bottom:10px;}
.newsMain li .date{display:none;}
/*--*/
.foot-nav,.foot-pro{display: none;}
.foot-contact{width:100%;text-align: center;}
.footer{padding-top:30px;}
.footer h2{font-size:22px;}
.foot-wx{width: 100%;text-align: center;}
.foot-wx dl{margin:10px;display: inline-block;float:none}
.footer-bottom{line-height:23px;height:auto}
.footer-bottom span{display: block;text-align: center;}
.footer-bottom{padding:10px 0}
.footer-top{padding-bottom:10px;}
/*--*/
.proList li{width:47.7%;}
/*--*/	
.ol-apply li .pic{height:260px;}
/*--*/	
.ol-culture .bgImg{height:320px;}
.ol-culture .txt{margin-bottom:10px;}
/*--*/
.form-foot .inp { width: 100%; height: 50px; font-size: 14px; padding: 0 15px; margin-bottom: 10px; }
.form-foot .inp:nth-child(3) { width: 100%; }
.form-foot .sub { width: 100%; height: 50px; line-height: 50px; font-size: 16px; }
.form-one input { width: 100%; height: 40px; font-size: 14px; padding: 0 15px; margin-bottom: 10px; }
.form-one textarea { width: 100%; height: 100px; margin-top: 0; padding: 15px 15px; }
.form-one .sub { width: 160px; height: 42px; line-height: 42px; font-size: 14px; margin: 35px auto 0; }
    
}

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

/*--*/   
.proMain li h4{height:45px;font-size:12px;}
/*--*/   
.indMain li .pic{height:220px;}
.aboutPic{height:220px;}
/*--*/
.footer .tel{width:100%;}
.footer .rwm{display:none;}
.footBtm .copy .p1{line-height:24px;}
.footBtm{margin-top:20px;}  
/*--*/
.proList li{width:100%;}
/*--*/
.ol-apply li .btn{height:40px;line-height:40px;width:45%;}
.ol-apply li .pic{height:220px;}

}

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

/*--*/   
.zFooter .tel .rx{font-size:24px;}

}