/*******logo和导航重定义******/
.header{top: 0}
.header .logo a{width: auto;}
.header .logo a img{width: auto; max-height: 50px; padding:0;}
.header .nav ul li a i {
    font-size: 9px;padding-top: 3px;
}
 

    .header .nav ul li a:hover{ font-weight: bold;!important;}    
    .sec_menu{position: absolute; width: 150px; display: block; text-align: center; background:rgba(255,255,255,0.7); display: none; }
    .sec_menu li{ width: 100%; display: block; }
    .sec_menu li a{padding:5px 0!important; color:#333!important; line-height: 30px!important;}
    .header .nav ul li:hover .sec_menu{display: block;}
    .sec_menu li:hover{background:rgba(255,255,255,0.8)}
    
    .header.actived .nav ul li   .sec_menu{background: #fff;}
.nav_list{padding-left:30px;padding-right:30px; margin-top:100px;}
.nav_list li{margin-bottom:20px;}
.nav_list li a{font-weight: 300;}

/*.header:hover{background: #c90915}
.header:hover .nav ul li a{color:#fff;}
.header.actived:hover .logo .black{display: none;}
.header.actived:hover .logo .white{display: block;}*/
.foot_foot_TXT{background: #c90915;   text-align: center; color:#fff;   padding-top: 8px; height: auto; padding-bottom: 8px;}
.foot_foot_TXT img{height:35px; display: inline-block; vertical-align:top;}
 

.f1{font-size: 60px; font-weight: 300;}
.f2{font-size: 45px; font-weight: 300;}
.f3{font-size: 25px; font-weight: 300;}
.f4{font-size: 20px;  font-weight: 300;}

.f1color{font-weight: 400; font-size: 50px; color:#c90915;}
.f1colorb{font-weight: bold; font-size: 50px; color:#c90915;}
.f2color{font-weight: 400; font-size: 35px; color:#c90915;}

.text_center{text-align: center;}


#mf-rightFixed .mf-formPop form input,.message_dc,.phone_dc{border:1px solid #ddd!important;}
#mf-rightFixed .mf-formPop .pop-btn a:hover{background: #c90915; color:#fff;}

.in_case-tit{  margin: 0 auto; max-width: auto;}
.in_case-tit ul li{padding:0; width: auto;  }
.in_case-tit ul li.in_li{  line-height: 50px;  height: auto; border-radius: 0;    padding:0 50px 0 10px;}
.in_case-tit ul li.in_li:last-child{border-right: none;}
.in_case-tit ul li a{height: auto; }
.in_case-tit ul li a span .in_span2,.in_case-tit ul li a span.in_span2{position: relative; opacity: 1; text-transform:uppercase; font-size: 23px;}
.in_case-tit ul li a:hover span.in_span1,.in_case-tit ul li a:hover span.in_span2{opacity: 1; color:#c90915;}

#portfoliolist{width:100%; padding-left:50px; padding-right:50px; }
.in_case-tit ul li a span{height: auto; padding:0px 0; font-size: 14px; line-height: 24px;}
.in_case-tit ul li.in_li .active .in_span1,.in_case-tit ul li.in_li .active .in_span2{color:#c90915!important;}

.portfolio{
    padding-left:10px;
    padding-right:10px;
}

.newsdibu{height: 100px;}

.pc{display: block!important;}
.wap{display: none!important;}


    .bigname{font-size: 40px; text-align: center; width: 100%; display: block; font-weight: 300; color:#333; margin-bottom: 30px; padding-bottom: 5px; margin-top:30px;}
    .bigname a{ text-align: center; position: relative; padding-bottom:10px;}
    .bigname a:after{content:"";display: inline-block;position: absolute;bottom:0px; left:50px; width: 60px;height:4px;background-color:#c90915; }

.bannerjiange{height: 80px;}

.case_banner{padding: 0;}
.article_area .case_img{text-align: center;}
.article_area .case_img img{width: 100%;}
 .viewpoint_con{background: #fff;}  

.detail_guide{height: 120px;} 
.detail_guide li.article_back{margin-top: -30px;} 
.article_area .case_info{background: #fff; margin-bottom: 30px;padding:15px; width:50%;}


.num_box{ height: 2.5rem; padding-bottom: 0.5rem}
       .num_box span.timer{background: none; color:#e50012; height: 70%; font-weight: bold;}
       .parter{text-align: center; width: 80%; margin: 50px auto;}
       .parter .item{width:230px; margin-left: 10px; margin-right: 10px; float: left; box-shadow: 1px 1px 5px #ddd; margin-bottom: 20px; overflow: hidden; cursor: pointer;}
       .parter  .item img{width: 100%; transition: all 0.6s; }
       .parter  .item:hover img{transform: scale(1.2);}
       .numjia{font-size: 40px; position: absolute; right:30px; top:20%; color:#e50012}


  
    html,body{font-family:Microsoft YaHei,"微软雅黑",Arial;}
    .sec_menu_wap{display: block; width: 100%; float: left;}
    .sec_menu_wap .wap_menu{width: 33%!important; float: left!important; font-size: 16px!important; line-height: 24px!important; text-align: center;}
   .sec_menu_wap .wap_menu .waplink{ font-size: 16px!important; line-height: 24px!important;} 

   .header .logo .white{display: inline-block;}
   .header .logo .black{display: none;}   
   .header.actived .logo .white{display: none;}
   .header.actived .logo .black{display: inline-block;}
  


 .num,#num_0{ padding:0px 0 0 0;}
 .num_des{color:#000;}    
 .num_cell1{line-height: 0;}              
#section_a{height:700px;}


.img_box a{ display:block;}
.myimg{position: relative;}
.myimg img{width: 100%; max-height:380px;}
.myimg .listinfo{position: absolute; width: 100%; height: 100%; display: block; display: none; background:rgba(0,0,0,0.8); z-index: 9999; top:0; left: 0; padding:10px; color:#fff; line-height: 24px; overflow: hidden; text-align:center; padding-top:20%;}
.myimg:hover .listinfo{display: block;}
.myimg:hover .listinfo .title{ font-size:20px; margin-bottom:20px; font-weight:300;}
.myimg:hover .listinfo .desc{font-size:14px; margin-bottom:0px; font-weight:300;}
.warp2{border-bottom:1px solid #FFF; padding-top:0px; padding-bottom: 50px; width:100%; padding-left:50px; padding-right:50px;}



.about_develop{  padding-top:100px;margin-top:-30px;text-align:center;}
.clear{clear: both}

/*品牌荣誉和关于我们大标题*/
.panel-title{padding-bottom:50px;text-align:center;}
.panel-title h1{display:inline-block;vertical-align:middle;margin:0 30px;font-size:30px; font-weight:500; color:#b02c27;}
.panel-title .title-line{display:inline-block;vertical-align:middle;width:80px;height:1px;background:#000;}
.panel-title h2{font-size:18px;font-weight:normal;padding-top:10px;}


.about_story{margin-top: 100px; background: #fff;}
.develop-item{margin-bottom:80px;}
.develop-text{display:inline-block;vertical-align:top;width:500px;text-align:right;}
.develop-text.rt{text-align:left;}
.develop-text h4{font-size:20px;font-weight:bold; color:#333; }
.develop-text p{color:#333;font-size:15px;line-height:24px; text-align: left; }
.develop-year{position:relative;display:inline-block;vertical-align:top;margin:0 70px;font-size:24px;font-weight:bold;color:#000;}
.develop-img{display:inline-block;vertical-align:middle;}
.develop-img img{width:500px; height:160px;}
.develop-line{display:block;position:absolute;width:2px;height:190px;top:40px;left:50%;background:rgba(0,0,0,0.7);}

.pc1{display:block;}
.wap1{display:none;}
.redcolor{ font-weight: 300;  font-size: 25px; color: #c90915;}
.container{width: 1200px; margin: 0 auto;}
.about_cont2{font-size: 25px; font-weight: 300;} 
.about_full2{padding-bottom: 200px; padding-top: 100px;}


 
 @media(max-width: 1600px){
            .myimg .listinfo{font-size:12px; line-height: 20px;}
         }
 
 @media(max-width: 1366px){
      .num{ padding:0px 0 0 0;padding-left: 0; padding-right: 0;   height: auto!important;}
       .num_cell1 img{ border:none;}
      .myimg img{width: 100%; max-height:220px;}
 }

@media(max-width: 1280px){
     ul.bussiness02-con li a i.bussiness02-tit-icon{    width: 82px; height: 69px;line-height: 69px;    font-size: 40px;  background-size: 100%;}
     .container{width: 100%;}
      .about_cont2{width: 94%; margin-left: 3%;}
}
                  
                 


@media(max-width: 1000px){
   .header2 {  display: block;}
   .header { display: none;}
   
     #section_a{height:auto;}
    ul.bussiness02-con li a h4{height: 24px;}
   .qx_container{margin-top: 50px;}
  .num_box{width:2.5rem;}
   .numjia{right:10px; top:10%;}

   .in_case-tit ul li.in_li{width: 33%; margin-bottom: 15px;}
   .in_case-tit ul li.in_li:nth-child(3){border-right: none;}
   .jobs{padding-top: 0}
}


@media(max-width: 768px){
 .about_con{width: 94%; margin-left:3%;}
 .about_cont2{font-size: 18px; }
 .develop-year,.develop-line{display:none;}
  .develop-text{width:100%; text-align:center;}
  .develop-text.rt{text-align:center;}
  .develop-img{margin:20px auto;width:100%;}
  .develop-img img{width:100%; }
  .develop-item{margin-bottom:20px;}
  .about_full2{padding-top: 0}
  
.wap1{display:block;}
.pc1{display:none;}


 .num_box{width:2.5rem;}
 .num_area:nth-child(2){margin-bottom: 0}
.wap{display: block!important;}
.pc{display: none!important;}

.parter{width: 100%}
.parter .item{width:46%;margin-right: 2%;margin-left: 2%;} 
 .numjia{font-size: 40px; right:0px; top:10%; }
.item_story{width: 96%;}

.in_case-tit{width: 100%; max-width: 100%;}
.in_case-tit ul{max-width: 100%; width: 100%; display: block; height: auto; }
.in_case-tit ul li.in_li{width: 31%;background-color:#fff; border:none; color:#333;  float: left; padding:0;}
.in_case-tit ul li{min-width:80px; margin-right: 1%; margin-left: 1%; text-align: center;  }
.in_case-tit ul li a span .in_span2, .in_case-tit ul li a span.in_span2{font-size: 16px}
.warp2{border-bottom:1px solid #FFF; padding-top:10px; padding-bottom: 0px;}
.in_case-tit ul li a{color:#333;}
.in_case-tit ul li .cur{background:#c90915}


#portfoliolist{padding-left:0px; padding-right:0px;}
.article_area{padding:10px;}
.warp2{padding-left:10px; padding-right:10px;}
.myimg img{max-height:300px;}
.article_area .case_info{padding-right:5px;}

}

@media screen and (max-width:767px){

  .about_auto h5 em{font-size: 30px;}
  .about_tit span{font-size: 17px;}
  .history_year{font-size: 40px;}
  .pdl20{padding-left: 30px;}
  .f1colorb,.f1color{font-size: 40px;}
   #num_0{padding:0px 0 0 0;}
.service{margin-top: 0!important}
.bigname{margin-top: 0}
.bigname{font-size: 30px;}
.bigname a:after{left:35px;}
.f2{font-size: 30px}

.zp_text_1a .desc{width: 100%;}
.zp_text_1a .tu{width: 100%;}

}
 
 @media screen and (max-width: 750px){
            .in_case-tit ul { width: 100%; padding-left:0}
            .in_case-tit ul li{margin-left:0; margin-right:0;}
            .in_case-tit ul li.in_li{width:33.33%;}
            .in_case-tit ul li a span{color:#333; text-align:left;}
            .in_case-tit ul li a.active{background-color: rgba(0,0,0,0)}
             
            

   }
 @media(max-width: 640px){
                        #num_0{margin:50px 0 0 0;}
                    }