/*------导航栏样式--------*/                


            .f_pr {
                position: relative;
            }          
            .top_bg {
                position: fixed;
                height:106px;
                font-family: "Microsoft Yahei";
                color: #fff;
                left: 0;
                top: 0;
                right: 0;
                font-size: 14px;
                width: 100%;
                max-width: 1920px;
                min-width: 1200px;
                z-index: 115;
                margin: 0 auto;
          

            }            
            
            .t_jtu {
                line-height: 32px;
                height: 32px;
                padding-right: 5.4%;
                text-align: right;
            }
            
            .top_bg:hover {
                background: #fff;
            }
            
            .t_jtu a {
                display: inline-block;
                line-height: 32px;
                background: url(images/t1.png) no-repeat 0 8px;
                padding-left: 26px;
                padding-right: 22px;
                font-size: 14px;
                color: #333333;
            }
            


  /*------logo图标样式--------*/     
 
             .h_con {
                padding: 0 2.5%;
            } 

            .logo{display: block;width: 12.53%;display: table;float: left;}
            .logo a{display: table-cell;height:105px;text-align: center;vertical-align: middle;}
            .logo img{max-width: 95%;max-height: 100%;vertical-align: middle;}
            
            .h_con .top_text {
                float: left;
                width: 20.6%;
                display: table;
                font-weight: normal;
                text-align: left;
            }
  
  /*------导航栏图标文字--------*/              
             .h_con .top_text h2{display: table-cell;vertical-align: middle;font-weight: normal;padding-left: 22px; position:relative;text-align: left; height:106px; }
            .h_con h2:before{content:"";position:absolute;width:1px;;background:rgba(255,255,255,.2);left:0;top:60%; margin-top:-32px; height:48px;}
            .h_con h2 span {
                display: block;
                font-size:16px;
                line-height:24px;
                color: #ccc;
                letter-spacing: 0.05rem;
            }
            
            .h_con h2 i {
                display: block;
                font-size:16px;
                line-height:24px;
                color: #ccc;
            }
            
 
  /*------导航栏横标文字--------*/   
            
            .h_nav {
                height:106px;
                float: right;
               
                box-sizing: border-box;
            }
            
            .h_nav li {
                float: left;
                margin-left: 0.8rem;
            }
            
            .h_nav li b {
                font-size: 16px;
                color: #fff;
                display: inline-block;
                position: relative;
                z-index: 4;
                text-decoration: none;
                line-height:106px;
                padding-left: 0.3rem;
            }
            
            .h_nav li i {
                display: inline-block;
                width: 0.6rem;
                height: 0.3rem;
                margin-left: 0.3rem;
                overflow: hidden;
                line-height: 0;
                background-size: 1.2rem 0.3rem;
                vertical-align: middle;
                transition: all 0.3s linear 0s;
            }
            
            .h_nav li:hover b,
            .h_nav li.cur b {
                font-weight: bold;
                color: #f3981e;
            }
            
            .h_nav li a:hover i,
            .h_nav li.cur a i {
                background: url(images/navico3d.png) off-repeat;
                background-size: 0.6rem 0.3rem;
            }
            
  /*------智能化工程 菜单样式--------*/  			

            .h_nav .gcxla {
                position: absolute;
                left: 0;
                top:106px;
                max-width: 1920px;
                min-width: 1200px;
                margin: 0 auto;
                width: 100%;
                background: #fff;
                z-index: 5585;
                display: none;
                padding: 20px 0 35px 0;
                box-shadow: 0 0 21px rgba(0, 0, 0, .1);
            }
            
            .h_nav .gcxla h3 {
                height: 40px;
            }
            
            .h_nav .gcxla h3 a {
                display: block;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                color: #333333;
                font-weight: normal;
                overflow: hidden;
            }
            
            .h_nav .gcxlalst dl {
                float: left;
                width: 20%;
            }
            
            .h_nav .gcxlalst dt {
                display: block;
                height: 56px;
                line-height: 56px;
                font-size: 16px;
                width: 65%;
                border-bottom: 1px solid #dcdcdc;
                margin-bottom: 10px;
            }
            
            .h_nav .gcxlalst dt {
                color: #333333;
                height: 56px;
                line-height: 56px;
                font-weight: normal;
            }
            
            .h_nav .gcxlalst dt:hover {
                color: #f3981c;
            }
            
            .h_nav .gcxlalst dd a {
                display: block;
                float: normal;
                line-height: 36px;
                font-size:16px;
                font-weight: normal;
                color: #333333;
            }
            
            .h_nav .gcxlalst dd a:hover {
                color: #f3981c;
            }
            
            .h_nav li:hover .gcxla {
                display: block;
            }
 
 
  /*------解决方案 样式--------*/  
            
            .h_nav .faxla {
                display: none;
            }
            
            .h_nav .faxla {
                position: absolute;
                left: 0;
                top:106px;
                max-width: 1920px;
                min-width: 1200px;
                margin: 0 auto;
                width: 100%;
                background: #fff;
                z-index: 5585;
                display: none;
                padding: 20px 0 35px 0;
                box-shadow: 0 0 21px rgba(0, 0, 0, .1);
            }
            
            .h_nav .faxla h3 {
                height: 40px;
            }
            
            .h_nav .faxla h3 a {
                display: block;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                color: #333333;
                font-weight: normal;
                overflow: hidden;
            }
			
            
            .faxlahd {
                float: left;
                width: 14%;
                height: 850px;
                border-right: 1px solid #dcdcdc;
                margin-right: 4%;
            }
            
            .faxlahd em {
                display: block;
                font-size:18px;
                color: #333333;
                line-height: 42px;
                font-weight: bold;
            }
            
            .faxlahd .on {
                color: #f3981c;
            }
            
            .faxlabd {
                float: left;
                width: 80%!important;
            }
            
            .faxcc,
            .falxcon {
                width: 100%!important;
            }
            
            .faxlabd dl {
                float: left;
                width: 20%;
            }
            
            .faxlabd dt {
                display: block;
                height: 56px;
                line-height: 56px;
                font-size: 16px;
                width: 65%;
                border-bottom: 1px solid #dcdcdc;
                margin-bottom: 10px;
            }
            
            .faxlabd dt a {
                color: #333333;
                height: 56px;
                line-height: 56px;
                font-weight: normal;
            }
            
            .faxlabd dt a:hover {
                color: #f3981c;
            }
            
            .faxlabd dd a {
                display: block;
                float: normal;
                line-height: 36px;
                font-size:16px;
                font-weight: normal;
                color: #333333;
            }
            
            .faxlabd dd a:hover {
                color: #f3981c;
            }
            
            .h_nav .faxlabd dt a:hover {
                color: #f3981c;
            }
            
            .h_nav .faxlabd dd a:hover {
                color: #f3981c;
            }
            
            .h_nav li:hover .faxla {
                display: block;
            }
  
   /*------导航栏--成功案例样式--------*/  
              
            .h_nav .anxla {
                display: none;
            }
            
            .h_nav .anxla {
                position: absolute;
                left: 0;
                top:106px;
                max-width: 1920px;
                min-width: 1200px;
                margin: 0 auto;
                width: 100%;
                background: #fff;
                z-index: 5585;
                display: none;
                padding: 20px 0 35px 0;
                box-shadow: 0 0 21px rgba(0, 0, 0, .1);
            }
            
            .h_nav .anxla h3 {
                height: 40px;
            }
            
            .h_nav .anxla h3 a {
                display: block;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                color: #333333;
                font-weight: normal;
                overflow: hidden;
            }
			
            
            .anxlahd {
                float: left;
                width: 14%;
                height: 850px;
                border-right: 1px solid #dcdcdc;
                margin-right: 4%;
            }
            
            .anxlahd em {
                display: block;
                font-size:18px;
                color: #333333;
                line-height: 42px;
                font-weight: bold;
            }
            
            .anxlahd .on {
                color: #f3981c;
            }
            
            .anxlabd {
                float: left;
                width: 80%!important;
            }
            
            .anxcc,
            .anlxcon {
                width: 100%!important;
            }
            
            .anxlabd dl {
                float: left;
                width: 20%;
            }
            
            .anxlabd dt {
                display: block;
                height: 56px;
                line-height: 56px;
                font-size: 16px;
                width: 65%;
                border-bottom: 1px solid #dcdcdc;
                margin-bottom: 10px;
            }
            
            .anxlabd dt a {
                color: #333333;
                height: 56px;
                line-height: 56px;
                font-weight: normal;
            }
            
            .anxlabd dt a:hover {
                color: #f3981c;
            }
            
            .anxlabd dd a {
                display: block;
                float: normal;
                line-height: 36px;
                font-size:16px;
                font-weight: normal;
                color: #333333;
            }
            
            .anxlabd dd a:hover {
                color: #f3981c;
            }
			
  /*------成功案例下弹尺寸样式--------*/  
            
            .h_nav .anxlabd dt a:hover {
                color: #f3981c;
            }
            
            .h_nav .anxlabd dd a:hover {
                color: #f3981c;
            }
            
            .h_nav li:hover .anxla {
                display: block;
            }
            
            .h_nav .gcxla .content,
            .h_nav .anxla .content,
            .h_nav .faxla .content {
                height: 462px;
                overflow-y: auto
            }
			
			
			
   /*------导航栏-并于我们 样式--------*/  
              
            .h_nav .gyxla {
                position: absolute;
                left: 0;
                top:106px;
                max-width: 1920px;
                min-width: 1200px;
                margin: 0 auto;
                width: 100%;
                background: #fff;
                z-index: 5585;
                display: none;
                padding: 20px 0 35px 0;
                box-shadow: 0 0 21px rgba(0, 0, 0, .1);
            }
            
            .h_nav .gyxla h3 {
                height: 40px;
                overflow: hidden;
            }
            
            .h_nav .gyxla h3 a {
                display: block;
                height: 40px;
                line-height: 40px;
                font-size:16px;
                color: #333333;
                font-weight: normal;
                overflow: hidden;
            }
   
    /*------导航栏获取图标样式样式--------*/  
	         
            .gyxlaleft {
                float: left;
                width: 60%;
            }
            
            .gyxlaright {
                float: left;
                width: 40%;
            }
            
            .h_nav .gyxla a {
                display: block;
                height: 56px;
                float: left;
                width: 30%;
                margin-right: 10%;
                line-height: 56px;
                color: #333;
                font-size:16px;
                border-bottom: 1px solid #dcdcdc;
                margin-bottom: 10px;
            }
            
            .h_nav .gyxla a:hover {
                color: #f3981c;
            }
            
            .h_nav li:hover .gyxla {
                display: block;
            }
            
            .top_bg:hover li a {
                color: #333;
            }
            
            .top_bg:hover dt {
                color: #f3981e;
            }
            
            .top_bg:hover dt a {
                color: #f3981e;
            }
            
            .top_bg:hover .gyxla a {
                color: #333;
            }
             
             .top_bg:hover .gyxla a:hover{
                color: #f3981e;
            }
            
            .top_bg:hover .h_nav .gyxla h3 a {
                color: #333;
            }
            
            .top_bg:hover li:hover b,
            .top_bg:hover .cur b {
                color: #f3981e;
            }
            
            .top_bg:hover li i {
                background: url(images/navico2d.png) no-repeat left center;
                background-size: 0.6rem 0.3rem;
            }
            
            .top_bg:hover .h_con h2 span {
                color: #333;
            }
            
            .top_bg:hover .h_con b {
                color: #333;
            }
            
            .top_bg:hover .h_con h2 i {
                color: #333;
            }
            
            .top_bg:hover .h_con .tel {
                background: url(images/t_tel.png) no-repeat left center;
                background-size: 2.05rem 0.9rem;
                font-weight: normal;
                color: #333;
            }
            
     
            
            .hea {
                display:none;
                transform: translate(0, 0);
                background: #fff;
            }
            
            .hea1 {
                background: #fff;
                box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
            }
            
            .hea1 li a {
                color: #333;
            }
            
            .hea1 li i {
                background: url(images/navico2d.png) no-repeat left center;
                background-size: 0.6rem 0.3rem;
            }
            
            .hea1 .h_con h2 span {
                color: #333;
            }
            
            .hea1 .h_con b {
                color: #333;
            }
            
            .hea1 .h_con h2 i {
                color: #333;
            }
            
            .hea1 .h_con .tel {
                background: url(images/t_tel.png) no-repeat left center;
                background-size: 2.05rem 0.9rem;
                font-weight: normal;
                color: #333;
            }
            
             @media screen and (max-width:1401px) { 
                 .h_con .tel{display:none;}
                 .h_con h2{width:22%;}
                 .h_nav{width:60%;}

}