﻿#headerv6
{
	width:100%;

	}
input{margin:0}
#headerv6 .container{
    width:100%;
    height:185px;
    background:#f5f5f5;
    color:#333333;
    font-family: Helvetica Neue,Helvetica,BlinkMacSystemFont,PingFang SC,\5FAE\8F6F\96C5\9ED1,YaHei,Tahoma,Arial,sans-serif;
    font-size:14px;
    position:absolute;
    }
   #headerv6 a{
        cursor: pointer;
        text-decoration: none;
    }
   #headerv6 a :hover{
        color:#1890ff;
    }
   #headerv6 .ms-controller{
        visibility: hidden
        }
 #headerv6 .header{
     width:100%;
  
     background:#ffffff;
     position: relative;
     z-index: 999;
     box-shadow: 0px 10px 15px 0px rgba(108, 152, 182, 0.4);
     
 }
 #headerv6   .header-one{
        width:1200px;
        margin:0 auto;
        padding-top:9px;
    }
 #headerv6   .float-left{
        float:left;
    }
 #headerv6   .float-right{
        float:right;
    }
 #headerv6   .clearfloat{
        clear:both;
    }
 #headerv6   .line{
        width:100%;
        height:1px;
        background: #EBEBEB;
        margin-top:10px;
    }
 #headerv6   .header-two{
        width:1200px;
        margin:0 auto;
        padding-top:10px;
        height:70px;
        position:relative;

    }
    .header-two-logo{
        width:1200px;
        margin:0 auto;
     
        height:70px;
        position:relative;
        display:flex;
        justify-content: space-between;
        flex-wrap: nowrap;

    }
    .header-two-logo-right{
        display:flex;
        margin-top:23px
    }
    .header-two-logo-right div{
       
    }
 .header-loginbtn{
     display:inline-block;
     width: 49px;
height: 24px;
line-height:24px;
border:1px solid #1890ff;
border-radius: 4px;
text-align: center;
margin-left:10px;
color:#1890ff
 }
 .header-loginbtn:hover{
    color:#1890ff
 }
 .header-searchinput{
     width:250px;
     height:38px;
 }
 .banneruser {
    width: 205px;
 
    height: 20px;
    position:relative;
    
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.banneruser .linebox{
    width: 1px;
    height: 20px;
    background-color: #b1b1b1;
}
.gongzuotaiblock{
    width:100px;
    background:#fff;
    color:#333;
    position:absolute;
    top: 35px;
    z-index: 999;
    left: -20px;
    box-shadow: 0px 4px 10px 0px rgba(0, 21, 51, 0.3);

}
.gongzuotaiblock ul li{
    height:40px;
    line-height:40px;
    text-align: center;
    color:#333
}
.gongzuotaiblock ul li:first-child{
    height:40px;
    background-color: #f5f5f5;
   line-height:40px;
    text-align: center;
}
.banneruser .layui-nav {
    position: relative;
    padding: 0 0px;
    background-color: transparent;
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
}
  #headerv6  .header-two .float-left span{
        
        font-size: 30px;
        font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(24,144,255,1);
margin-left:11px;
  position: relative;
   top:14px;


    }
 #headerv6   .right-one{
       
       height:100%;
         
    }
 #headerv6   .searchbar{
        width:324px;
        height:38px;
        margin:0;
        border:2px solid #1890ff;
        border-radius:21px 0px 0px 21px;
        padding-left: 22px;
        display:inline-block;
    }

    #headerv6  .header-three{
        width:1200px;
      
        margin:0 auto;
     
       
    }
  #headerv6  .header-three-nav
  {  width:100%;
     height:46px;
     background:#0C47B3;
     
   
  	
  	}
    #headerv6  .header-three h2{
        width:241px;
        background:#40A9FF;
        height:46px;
        text-align: center;
        color:#ffffff;
        line-height: 46px;
        font-size:16px;
        float:left;

    }
    #headerv6   .nav-hd{
        float: left;
        position: relative;
    z-index: 5;
    font-size: 16px;
    font-weight: 400;
   
    }
    #headerv6   .nav-hd li{
        float:left;
     
        
    }
    #headerv6 .nav-hd li a{
        color:#fff;
        font-size: 16px;
        text-align:center;
        height:46px;
        display:inline-block;
        line-height:46px;
        width:170px;
        margin-right:1px;

    }
#headerv6 .nav-hd li a:hover{
  background:#1890ff;

}

  
 
    #headerv6  .nav-this{
       background:#1890ff;
       color:#fff;
       font-weight:bold
    }
 
 
 
   
 
#headerv6    .section-one{
        width:1200px;
        margin:0 auto;

    }
#headerv6    .section-one-left{
        width:241px;
        height:423px;
        background: #ffffff;
        margin-right:16px;
        
    }
 #headerv6   .section-one-middle{
        width:702px;
        height:423px;
    }
 #headerv6   .section-one-right{
        width:221px;
        height:423px;
        background:#ffffff;
        margin-left:20px;
    }
 #headerv6   .service{
        height:91px;
        border-bottom: 1px solid #ebebeb;
        position: relative;
        line-height: 91px;
        position: relative;
    }
  #headerv6  .service-menu{
        position: absolute;
    width: 555px;
    max-height: 200px;
    top: 0px;
    left: 240px;

    z-index: 1001;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(172, 160, 160, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(172, 160, 160, 0.5);
    padding: 35px;
}
#headerv6 .service-menu span{
    cursor: pointer;
    color: #1D1E1F;
    display: inline-block;
    margin: 0 30px 20px 0;
    white-space: nowrap;
}

    
  #headerv6  .service-title{
        position:absolute;
        right:-5px;
        top:-12px;
        width:180px;
        height:91px;
    }
 #headerv6   .service-title ul li{
        width:180px;
        height:30px;
    }
 #headerv6   .middle-two{
       position: relative;
        width:100%;
        height:43px;
        line-height: 43px;
    }
 #headerv6   .middle-three ul li {
        display:block;
        width:197px;
        height:116px;
        float:left;
        padding:15px;
        background:#ffffff;
        color:#666666;
        transition: all ease .5s;
        position: relative;
    }
  #headerv6  .middle-three ul li:hover{
        margin-top:-8px;
        box-shadow:0 0 10px 5px #f1f0f0;
    }
   #headerv6   .middle-three  .tjmiddle
   {
   	margin:0 10px;
   	}
 #headerv6   .dayspan{
        position: absolute;
        right:15px;
    }
    
    
  #headerv6  .middle-three{
        width:100%;
        height:146px;
        color:#666666;
    
    }
  #headerv6  .middlespan{
        color:#666666;
    }
  #headerv6  .middle-img{
        width:33px;height:35px;display:block;text-align: center;line-height: 35px;
        margin-right:5px
    }
  #headerv6  .middle-img3{
        background:#31BFFC;width:33px;height:35px;display:block;text-align: center;line-height: 35px;
        margin-right:5px
    }
    
 #headerv6   .one-right-top{
     width:100%;
     background: url(../img/carouselbg.png);
     
     text-align: center
    }
#headerv6    .one-right-bottom{
        width:100%;
        
    }
 #headerv6   .right-bottom-one{
        height:70px;
        width:100%;
        border-bottom: 1px solid #ebebeb;
        text-align: center;
        line-height:70px;
        
    }
  #headerv6  .right-bottom-one a{
        color:#666666;
    }
 #headerv6   .right-bottom-one a:hover{
        color:#1890ff;
    }
    
 #headerv6   .one-right-bottom ul li {
        height:60px;
        width:100%;
        border-bottom: 1px solid #ebebeb;
        text-align: center;
    }
  #headerv6  .one-right-bottom ul li a{
        position: relative;
        top:20px;
    }
 #headerv6   .one-right-bottom ul li a span{
        margin-left: 15px;
        color:#666666;
    }
  #headerv6  .one-right-bottom ul li a span:hover{
        margin-left: 15px;
        color:#1890ff;
    }
  #headerv6  .section-two{
        width:1200px;
        height:747px;
        margin:0 auto;
        margin-top:16px;
        margin-bottom:16px
    }
  #headerv6  .section-two-left{
        width:388px;
        height:747px;
        background: #ffffff;
        overflow: hidden;
    }
  #headerv6  .section-two-right{
        width:796px;
        height:747px;
        margin-left:16px;
            overflow: hidden;
    }
 #headerv6  .layui-tab-title li{
       font-size:18px !important;
       min-width:164px !important;
   }
 #headerv6  .layui-tab-card>.layui-tab-title .layui-this{
       color:#1890ff !important;
   }
 #headerv6  #parts ul {
       height:676px;

   }
 #headerv6  #parts ul li a{
       width:125px;
       float:left;
       height:100px;
       display:block;
       text-align: center;
       
       color:#666666;
       border-right: 1px solid #ebebeb;
       border-bottom: 1px solid #ebebeb;

   }
#headerv6   #parts ul li a img{
       position: relative;top:26px
   }
#headerv6   .parts-title{
       position: relative;
       top:35px;

   }
#headerv6   .policy{height:676px;}
#headerv6   .policy li  a{
       width:100%;
       height:54px;
     border-bottom: 1px solid #ebebeb;
     display: block;
     color:#666666;
     padding-top:16px;
     position: relative;

   }
#headerv6  .layui-tab{
       margin:0 !important;
   }
#headerv6   .policytitle{
       width:312px;
       margin-left:5px;
   }
#headerv6   .policydate{
       position: absolute;
       right:15px;
       bottom:25px;


   }
#headerv6   .two-right-top{
       width:100%;
       height:340px;
       background: #ffffff;
   }
 #headerv6  .two-right-bottom{
       width:100%;
       height:391px;
       background: #ffffff;
       margin-top:16px;
   }
#headerv6   .declare{
       width:100%;
       height:46px;
       border-bottom: 1px solid #ebebeb;
       line-height:46px;position: relative;

   }
#headerv6  .declarelist{width:100%;
    height:320px;
    

   }
 #headerv6  .declarelist ul li{
    display:block;
    width: 236px;
    height:180px;
    float:left;
    padding:14px;
    background:#ffffff;
    color:#666666;
    border-bottom: 1px solid #ebebeb;
    border-right:1px solid #ebebeb;
    transition: all ease .5s;
    position: relative;
}




#headerv6 .layui-tab-card{
    border-width:0px !important;
    border-radius: 0px !important;
    box-shadow:0px !important;
}
#headerv6 .layui-tab-content{
    padding-right: 0px !important;
}
#headerv6 .projectlist{
    width:100%;
    height:342px;
    overflow: hidden;
    position: relative;
}
#headerv6 .projectlist ul li a{
    color:#666666;
}
#headerv6 .section-three{
    width:1200px;
    height:100px;
    background:#ffffff;
    
    margin:0 auto;
}
#headerv6 .section-three div{
    width:33.333%;
    height:100px;
    text-align: center;
    color:#999999;
    
}
#headerv6 .threetitle{
    font-size: 24px;
    color:#333333;
}
#headerv6 .footer{
    width:100%;
    height:56px;
    background: #ffffff;
    margin-top:16px;
    padding:19px 0;
}
 #headerv6 .footercontent{
    width:1200px;
    height:94px;
    
    margin:0 auto;
}
#headerv6 .footerone{
    width:253px;
    height:55px;
    text-align: center;
    line-height: 55px;
}
#headerv6 .footertwo{
    width:693px;
    height:45px;
    text-align: left;
    padding-top:5px;
    border-left:1px solid #ebebeb;
    border-right:1px solid #ebebeb;
    color:#666666;

}
#headerv6 .footerthree{
    
    height:55px;
    text-align: center;
    margin-left:15px;
    margin-top:10px;
}
#headerv6 .phone{
    position:fixed;
    width:66px;
   
    right:0;
    bottom:0;
    background:#ffffff;
    z-index: 999;
}

#headerv6 .phone ul li{
    width:66px;
    height:66px;
  color:#595959;
    text-align: center;
    cursor:pointer
  

}
#headerv6 .phone ul li:hover
{  background:#3861F5;
   color:#fff
	
	}
	#headerv6 .phone ul li:hover a
	{
		color:#fff}
	
	
	#headerv6 .phone .right-phone
	{
		position:absolute;left:-160px;top:0px;width:160px;height:116px;background-color:#3861F5;padding:10px 0 0 10px;color:#fff;text-align:left;box-sizing:border-box
		}
		
#headerv6 .phone .right-phone p{line-height:1.8em}
	
	#headerv6 .phone .right-qq
	{position:absolute;left:-160px;top:0px;width:160px;height:66px;background-color:#3861F5;box-sizing:border-box;padding:10px 0 0 10px;text-align:left
		
		}
	#headerv6 .phone .right-qq p{line-height:1.8em}
	
#headerv6 .phoneimg{
    padding-top:15px;

}
#headerv6 .phonetitle{
   
    font-size:12px;
margin-top:2px
    
   
}
#headerv6 .rightfix-backtop a{color:#595959}
#headerv6 .rightfix-backtop a:hover{color:#fff}
#headerv6 .phonetitle:hover{
    
    color:#fff;
   
}

#headerv6 .shouqi
{
	width:66px;height:25px;line-height:25px;background: #3861F5;color:#ffffff;text-align: center;margin-top:1px;cursor:pointer
	
	
	
	}
#headerv6 .showlist
{
	background-image:url(/workhall/pages/img/gengduo_active.png);
   
    display:inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    line-height:30px;
    top:10px;
    position:relative;
}
#headerv6 .listactive{
    background-image:url(/workhall/pages/img/gengduo.png);
    display:inline-block;
   
}


#headerv6 .showgraph{
     background-image:url(/workhall/pages/img/wangge.png);
    display:inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    line-height:30px;
    top:10px;
    position:relative;
}
#headerv6 .graphactive
{
	background-image:url(/workhall/pages/img/wangge_active.png);
    
    display:inline-block;
   
}

#headerv6 .place
{
    background-image: url(/workhall/pages/img/切换区域icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    width: 95px;
    height: 40px;
    margin-left: 15px;
    line-height: 40px;
    padding-left: 15px;
    font-weight: 400;
    color: #f00021;
    cursor: pointer;
	}

.header-two-logo-left{
    display: flex;
    justify-content: center;
    align-items: center;
}

	#headerv6 .headertip
	{
		width:25em;
		height:40px;
		line-height:40px;
		}
		
		#headerv6 .headertip:before
		{
			content: url(/workhall/pages/img/wenxintishi.png);
                margin-right:5px;
			}
 #headerv6   .header-one{
        width:1200px;
        margin:0 auto;
        padding-top:9px;
        font-size:13px;
    }                          
#headerv6   .header-one  .right  img{
  position:relative;
  top:-2px} 
  .headerarea
{
	  height:0px;
         
	background-color:#fff;
      
	
	
      
        
	}
 .areashow_location{
       
    background: #fff;
    min-width: 9.375rem;
    border-radius: .25rem;
    border: .0625rem solid #ebeef5;
    padding: .75rem;
  color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: .875rem;
    -webkit-box-shadow: 0 0.125rem 0.75rem 0 rgba(0,0,0,.1);
    box-shadow: 0 0.125rem 0.75rem 0 rgba(0,0,0,.1);
    word-break: break-all;
    position: absolute;
    top: -47px;
    left: 189px;
      

}
.areashow_location:before{
       
       content: "";
      position: absolute;
      left:266px;
       top:-10px;
       z-index:999;
       width:0;
        height:0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:10px solid #ffffff;
        
        

}
#headerv6  .title1 {
    width: 78px;
    height: 32px;
    line-height: 32px;
    background: #ffffff;
    font-size: 14px;
    font-family: MicrosoftYaHeiUI;
    border-radius: 3px;
    color: #262626;
    display: block;
    float: left;
    text-align: center;
    
}
#headerv6 .title{
    width:78px;
    height:32px;
    line-height: 32px;
    background: #1890FF;
    font-size:14px;
    font-family: MicrosoftYaHeiUI;
    border-radius: 3px;
    color:#ffffff;
    display: block;
    float: left;
    text-align: center;
    margin-left:8px;
}

#headerv6 .active2{
   
    background: #CCE6FF;
   
    border-radius: 3px;
    text-align: center;color:#595959!important
}

#headerv6 .active1{
       float: left;
    display:inline-block;
    color: #595959;
    font-size: 14px;
  height: 45px;
    line-height: 45px;
     text-align: center;
    cursor: pointer;
    list-style: none;
}
#headerv6 .active1 a{
    padding:5px 8px;
    margin-right: 15px;
   margin-top: 8px;

}


.region-desc{
    font-size: .75rem;
    font-weight: 400;
    color: #a7a5a5;text-align: center;
padding-bottom: .625rem;
    padding-top: 1.25rem;

}
.headerline{
    width:98%;
        height:1px;
        background: #EBEBEB;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width:8px;
    }
    /* 滚动槽 */
    ::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
    }
    /* 滚动条滑块 */
    ::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
    }
    ::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(156, 155, 155, 0.4);
    }

    .wxgzh{
        position: fixed;
        right: -5px;
        bottom: 126px;
        width: 160px;
        height: 164px;
        z-index: 2147483647;
        background: url("../../pages/img/wxgzhbg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .wxgzh img{
        width: 84px;
        height: 84px;
        margin: 24px 42px 2px;
        border-radius: 6px;
    }
    .wxgzh div{
        text-align: center;
        font-size: 15px;
        line-height: 17px;
        color: white;
        margin: 1px 49px;
        width: 74px;
        letter-spacing: 1px;
    }
    .qipao{
        position:fixed;
        width:80px;
        /* height: 100px; */
        right:120px;
        top: 59%;
        z-index: 2147483647;
        animation: hideAfterFiveSeconds 6s forwards; 
    }
    @keyframes hideAfterFiveSeconds {
        0% {
            opacity: 1; /* 开始时显示 */
        }
        90% {
            opacity: 1; /* 开始时显示 */
        }
        100% {
            opacity: 0; /* 结束时隐藏 */
        }
    }
    .jiqiren{
        position:fixed;
        width:80px;
        height: 100px;
        right:-40px;
        top: 57%;
        z-index: 2147483647;
        transform: rotate(-30deg);
        background:url("/images/jiqiren.png") center center no-repeat;
        background-size: 100% 100%;
        animation:fadenum 5s ease 5s infinite;
        cursor: pointer;
    }
    @keyframes fadenum{
        0% {
            /* 设定开始状态 */
            right:-40px;
        }
        30% {
            /* 设定开始状态 */
            right:-13px;
        }
        55% {
            /* 设定中间状态 */
            right:-13px;
            transform: rotate(-30deg);
        }
        80% {
            /* 设定中间状态 */
            right:0px;
            transform: rotate(0deg);
        }
        100% {
            /* 设定结束状态 */
            right:0px;
            transform: rotate(0deg);
        }
      }