.head{
    height:127px;
}
#logo_box{
    margin-top:32px;
    float:left;
}
#contact_tel {
    margin-top: 60px;
    float: right;
    /*margin-top:48px;
    float:right;
    width:228px;
    height:32px;
    background:rgba(42,127,215,1);
    line-height: 32px;
    text-align: right;
    padding-right:7px;
    color:white;
    background-image: url(../img/head_tel.png);
    background-size: 19px 19px;
    background-repeat: no-repeat;
    background-position: 6px 7px;*/
}
.search_box_father{
    width:100%;
    /* float:left; */
}
.supplement{
    width:100%;
    height:53px;
    display: block;
}
#search_box{
    width:410px;/*487*/
    height:50px;
    border:1px solid rgba(42,127,215,1);
    margin:0px auto;
}
#search_box .service_item{
    position: relative;
    width:140px;
    height:50px;
    line-height: 50px;
    color:#a2a2a2;
    background-image: url(../img/arrow_down_search.png);
    background-size: 15px 7px;
    background-repeat: no-repeat;
    background-position: 120px 22px;
    float:left;
}
.service_item p{
    width: 140px;
    text-align: left;
    text-indent:30px;
    position: absolute;
    top:0;
    left:0;
    cursor: pointer;
}
.service_item ul{
    text-indent:30px;
    position: absolute;
    left:0;
    top:51px;
    width:140px;
    text-align: left;
    background-color: white;
    cursor: pointer;
    display: none;
    z-index: 9999;
    box-shadow:0px 4px 8px 0px rgba(216,216,216,0.6);
}
.service_item ul li{
    z-index: 10000;
}
.service_item ul li:hover{
    color:white;
    background:rgba(42,127,215,1);
}
#search_box .btn{
    width: 50px;
    height:50px;
    float:right;
    background-image: url(../img/magnifier_search.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-color: rgba(42,127,215,1);
}
#search_box .btn input{
    width:100%;
    height:50px;
    border:none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}
#search_box .input_text{
    width: 220px;/*280*/
    height:50px;
    float:right;
}
#search_box .input_text input{
    width:100%;
    height:50px;
    border:none;
    outline: none;
    background-color: transparent;
    text-align: center;
    line-height: 50px;
}

#nav{
    height:40px;
}
.all_cate{
    width:270px;
    height:40px;
    background-color: #297FD6;
    color:white;
    font-size: 20px;
    text-indent:87px;
    line-height: 40px;
    background-image: url(../img/nav_cate.png);
    background-size: 18px 15px;
    background-repeat: no-repeat;
    background-position: 58px 13px;
    float:left;
}
.nav_ul{
    float:right;
}
.nav_ul li{
    width:120px;
    height:40px;
    float:left;
    line-height: 40px;
    text-align: center;
}
.nav_ul li a{
    font-size:20px;
    font-weight:400;
    color:black;
}
.nav_ul li a:hover{
    color:rgba(254,114,0,1);
}
.banner_box{
    width:100%;
    height:0;
    padding-bottom: 26.72%;
    position: relative;
}
.banner{
    position: relative;
    width:100%;
    height:0;
    padding-bottom: 26.72%;
    overflow: hidden;
    z-index: 100;
}
.banner ul{
    height:0;
    padding-bottom: 58.3%;
}
.banner li img{
    width:100%;
    height:auto;
}
#banner_main{
    position: absolute;
    top:0;
    left:0;
    z-index: 9998!important;
    width:100%;
    overflow: hidden;
    height:100%;
}

.banner_main_box{
    height:100%;
}
#demand{
    width:279px;
    height:347px;
    background:rgba(0,0,0,0.3);   
    /* float:right;          */
    position: absolute;
    top:0;
    right:0;
    z-index: 999;
}
#nav_left{
    width:270px;
    height:100%;
    background:rgba(0,0,0,0.3);   
    /* float:left;                   */
    position: absolute;
    top:0;
    left:0;
    z-index: 1000;
}
#nav_left ul{
    width:100%;
    height:100%;
    position: relative;
}
#nav_left ul li{
    height:16.6666667%;
    cursor: pointer;
}
#nav_left ul li:hover .hidden_con{
    display: block;
}
#nav_left{
    color:white;
}
.visible_con{
    width:100%;
    height:100%;
    position: relative;
    overflow: hidden;
}
.visible_con:hover{
    background-color: #FE7200;
}
#nav_left .title{
    font-size:18px;
    line-height: 30px;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: 20px 5px;   

}
#nav_left .con{
    font-size:16px;
    line-height: 24px;
}
.nav_left_line{
    width:251px;
    height:1px;
    background:rgba(255,255,255,1);
    opacity:0.6;
    position: absolute;
    bottom:0;
    left:10px;
}
.nav_left_div{
    background-image: url(../img/arrow_right_nav_left.png);
    background-size: 7px 14px;
    background-repeat: no-repeat;
    background-position: 243px 20px;                
}
.nav_left_div p{
    text-indent:50px;
}
.hidden_con{
    width:200px;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    color:black;
    display: none;
    left:270px;
    top:0;
}
.hidden_con p{
    font-size:16px;
    margin:40px;
    height:50px;
}
    .hidden_con a{
        color:black;
    }
#demand input {
    width: 230px;
    height: 40px;
    border: none;
    outline: none;
    display: block;
    margin: 24px auto 0;
    color: #959595;
    text-indent: 20px;
    line-height: 40px;
}
#choice_cate_p{
    width:230px;
    height:40px;
    border:none;
    outline: none;
    display:block;
    margin:24px auto 0;
    color:#959595;
    text-indent:20px;
    line-height: 40px;    
    background-color: white;
    cursor: pointer;
    /*background-image: url(../img/arrow_down_search.png);*/
    background-size: 15px 7px;
    background-repeat: no-repeat;
    background-position: 200px 16px;   
    cursor: pointer;  
}
#demand #demand_btn{
    background:rgba(77,147,219,1);  
    text-align: center;
    color:white;    
    text-indent:0;     
    margin-top:52px;     
}
#demand input::-webkit-input-placeholder { /* WebKit browsers */  
    color: #959595; 
  }  
#demand input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
    color: #959595; 
    opacity: 1;
  }  
#demand input::-moz-placeholder { /* Mozilla Firefox 19+ */  
    color: #959595; 
    opacity: 1;
  }  
#choice_cate{
    background-image: url(../img/arrow_down_search.png);
    background-size: 15px 7px;
    background-repeat: no-repeat;
    background-position: 200px 16px;   
    cursor: pointer;               
}
.choice_cate_box{
    position: relative;
}
.choice_cate_box ul{
    position: absolute;
    top:40px;
    left:24.5px;
    display: none;
    background-color: white;
    color:#959595; 
    width:230px;
    font-size: 14px;
    box-shadow:0px 4px 8px 0px rgba(216,216,216,0.6);
}
.choice_cate_box ul li{
    line-height: 25px;
    text-indent: 20px;
    cursor: pointer;
}
.choice_cate_box ul li:hover{
    color:white;
    background:rgba(42,127,215,1);                
}
#hexagon{
    width:100%;
    height:715px;
    /* background-color: #a2a2a2; */
    overflow: hidden;
}
#hexagon_div{
    width:1000px;
    height:100%;
    margin:0 auto;
    z-index: 999;
}
.hexagon_left{
    float:left;
    margin-left:0;
    margin-top:0px;
}
.hexagon_right{
    float:right;
    margin-right:0;
    margin-top:0px;
    z-index: 10000;
}


#nav_left{
    left:12.5%;
}
#demand{
    right:12.5%;
}


@media screen and (max-width: 1600px) {
    #nav_left{
        left:7.5%;
    }
    #demand{
        right:7.5%;
    }
    .hexagon_left{
        margin-left:-4.5%;
    }
    .hexagon_right{
        margin-right:-4.5%;
    }
}
@media screen and (max-width: 1400px) {
    #nav_left{
        left:2.5%;
    }
    #demand{
        right:2.5%;
    }
    .hexagon_left{
        margin-left:-8.5%;
    }
    .hexagon_right{
        margin-right:-8.5%;
    }
}
@media screen and (max-width: 1300px) {
    #nav_left{
        left:32.5px;
    }
    #demand{
        right:32.5px;
    }
}