﻿
/*
* @Author: 王炸
* @Date:   2019-03-09 13:53:14
* @Last Modified by:   Marte
* @Last Modified time: 2019-04-09 09:16:17
*/
/*清除浮动*/
.clearfix::before,
.clearfix::after,
.clearfix:before,
.clearfix:after,
.hdbzj-container:before,
.hdbzj-container:after,
.hdbzj-wrap:before,
.hdbzj-wrap:after{
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}

/*左浮动*/
.l_t{float: left  !important;}
/*有浮动*/
.r_t{float: right !important;}
/* 导航模块 */
.pc_hudzz_nav_wrap{
    width: 100%;
    position: relative;
   /* padding: 0 260px;*/
   overflow:hidden;
}
.pc_hudzz_nav_padding{
    padding: 0 10%;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address{
    width: 100%;
    height: 38px;
    background-color: #e8e8e8;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_location{}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_location p{}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_location p a{
    color:#000;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_location p,
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_business p{
    float:left;
    font-size: 14px;
    line-height: 38px;
    position:relative;
    padding-left: 34px;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_location p i,
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_business p i{
    display:block;
    width: 14px;
    height: 20px;
    background: url(../images/pc_hud_nav_address_location.png) no-repeat;
    overflow: hidden;
    position:absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_location p span{
    padding-left:25px;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_business{}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_business p{}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_business .pc_hudzz_nav_address_separate{
    padding: 0 22px;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_business p i{
    width: 17px;
    height: 17px;
    background: url(../images/pc_hudzz_nav_address_time.png) no-repeat;
    margin-top: -8.5px;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_address .pc_hudzz_nav_address_business .pc_hudzz_nav_address_tel i{
    width: 20px;
    height: 20px;
    background: url(../images/pc_hudzz_nav_address_tel.png) no-repeat;
    margin-top: -10px;
}
/*logo内容*/
.pc_hudzz_nav_wrap .pc_hudzz_nav_log{
    height:auto;
    overflow:hidden;
    padding: 28px 10%;
    display: block;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_log ul{

}
.pc_hudzz_nav_wrap .pc_hudzz_nav_log ul li{
    float:left;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_log ul .pc_hudzz_nav_log_li_one{
    width: 20%;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_log ul .pc_hudzz_nav_log_li_two{
    width: 18.9%;
    padding-top: 24px;
    margin-left: 10.7%;
    text-align: center;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_log ul .pc_hudzz_nav_log_li_two h1{
   display:none;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_log ul .pc_hudzz_nav_log_li_two p{
    font-size:12px;
    line-height: 28px;
    text-align: justify;
    /*text-transform:uppercase ;*/
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_log ul .pc_hudzz_nav_log_li_three{
    width: 19%;
    padding-top:24px;
    margin-left:15%;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_log ul .pc_hudzz_nav_log_li_four{
    width: 15.5%;
    padding-top:8px;
    margin-left: 0.9%;
}
/*导航链接*/
.pc_hudzz_nav_link_padding{
    padding: 0 13.6%;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_link{
    background-color:#333333;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_link ul{
    width: 100%;
    height:60px;
    overflow:hidden;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_link ul li{
    float:left;
    width: 11.1%;
    padding: 12px 0 10px 0;
    text-align:center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_link ul .pc_hudzz_nav_link_last_li a{
    border-right:0;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_link ul li a{
    display:block;
    font-size:18px;
    line-height: 20px;
    color:#fff;
    text-align:center;
    border-right: 1px solid #5c5c5c;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_link ul li a p{
    font-size:12px;
    line-height: 14px;
    color:#fefefe;
    padding-top:5px;
}
/*鼠标移入效果*/
.pc_hudzz_nav_wrap .pc_hudzz_nav_link ul li:hover{
    background-color:#ea5415;
}
.pc_hudzz_nav_wrap .pc_hudzz_nav_link ul li:hover a{
    border-right:0;
}
/************footer模块*************/
button{
    border: 0;
}
.www{
    width: 1200px;
    margin: 0 auto;
}
#footer{
    background-color: #000;
    overflow: hidden;
    padding-bottom:86px;
}
#footer .footer_log{
    margin-top: 53px;
    margin-left: 53px;
}
#footer .footer_nav{}
#footer .footer_nav .footer_nav_link{}
#footer .footer_nav .footer_nav_link ul{
    width: 936px;
    /*padding-top: 79px;*/
    padding-top: 42px;
    padding-bottom: 27px;
    border-bottom: 1px solid #4d4d4d;
}
.dizhi1{
    margin-top: 12px;
}

.dizhi2{
    margin-top: 35px;
}
#footer .footer_nav .footer_nav_link ul li{
    float:left;
    height:24px;
}
#footer .footer_nav .footer_nav_link ul .footer_nav_link_first_li a{
    padding-left: 0;
}
#footer .footer_nav .footer_nav_link ul .footer_nav_link_last_li a{
    padding-right: 0;
    border:0;
}
#footer .footer_nav .footer_nav_link ul li a{
    font-size: 18px;
    padding: 0 18px;
    line-height:20px;
    color:#fff;
    border-right: 1px solid #323234;
}
#footer .footer_nav .footer_nav_contact{
    margin-top:32px;
}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_site{}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_site h2,
#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone h2{
    font-size:18px;
    font-weight: bold;
    line-height:20px;
    color:#fff;
    position: relative;
    padding-left:48px;
    margin-bottom:10px;
}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_site h2 img,
#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone h2 img{
    position:absolute;
    top: 0;
    left: 0;
}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_site p{
    font-size:18px;
    line-height:31px;
    color:#fff;
    padding-left:48px;
}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone{
    margin-left:94px;
}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone h2{

}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone p{
    font-size:24px;
    font-weight:bold;
    color:#f86d31;
    line-height:38px;
    padding-left:46px;
}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_wx{
    width: 140px;
    position: relative;
    margin-left:73px;
}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_wx_code{
    position: absolute;
    top: -20px;
    left: 56px;
}
#footer .footer_nav .footer_nav_contact .footer_nav_contact_wx_code span{
    display: block;
    font-size:14px;
    line-height:20px;
    text-align: center;
    color:#fff;
}
#footer .footer_InternetContentProvider{
    width: 100%;
    height: 44px;
    border-top: 1px solid #4d4d4d;
    margin-top:26px;
}
#footer .footer_InternetContentProvider p{
    font-size:12px;
    color:#a8a8a8;
    line-height:44px;
    text-align: center;

}
#footer .footer_InternetContentProvider p span{
    padding:  0 13px;
}
/*******挂窗********/
#window_right{
    width: 112px;
    height: 550px;
    position: fixed;
    top: 50%;
    right:0;
    margin-top: -278px;
    z-index:999;
}
#window_right ul{
    width: 112px;
    background-color:#fff;
}
#window_right ul li{
    width: 100%;
    height:86px;
    background-color:#003667;
    margin-bottom: 3px;
    font-size: 18px;
    color:#fff;
    text-align:center;
    padding-top:12px;
    position:relative;
    cursor:pointer;
}
#window_right ul li img{
    display:block;
    margin: 0 auto;
    margin-bottom:4px;
}
#window_right ul li p{
    font-size:18px;
    line-height:28px;
}
#window_right ul .window_right_firstChilid_li{
    height: 122px;
    background:url('../images/window_right_firstchilid_li_bg.png') no-repeat center;
    background-size: 100% 100%;
    padding-top: 10px;
}
#window_right ul .window_right_two_li{
    padding-top: 14px;
    height: 86px;
}
#window_right ul .window_right_firstChilid_li img{
    width: 85px;
    height: 56px;
}
#window_right ul .window_right_firstChilid_li p{
    font-size:16px;
    line-height:22px;
    text-align: center;
}
#window_right ul .window_right_lastChilid_li{
    height: 78px;
    background-color:#333;
}
#window_right ul .window_right_lastChilid_li img{
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-name: top-bottom;
    animation-iteration-count: infinite;
    transform-origin: center bottom;
}
.window_right_three_li_wxcode{
    width: 170px;
    height: 176px;
    padding: 6px 0px 0 0px;
    background-color:#003667;
    position:absolute;
    top: -42px;
    left: 0px;
    z-index:-3;
    opacity: 0;
}
.window_right_three_li_wxcode p{
    font-size:18px;
    line-height:30px;
}
#window_right ul .window_right_three_li_phone{
    width: 328px;
    height: 97px;
    background-color:#003667;
    padding-top:8px;
    position:absolute;
    top: -4px;
    left: -0px;
     z-index:-3;
     opacity: 0;
}
#window_right ul .window_right_three_li_phone p{
    font-size:20px;
    line-height:40px;
}
#window_right ul .window_right_three_li_phone form{
    height: 36px;
    padding-left:28px;
    overflow: hidden;
}
#window_right ul .window_right_three_li_phone form .three_li_phone_ipt{
    width: 186px;
    height: 36px;
    font-size:16px;
    line-height:36px;
    color:#505050;
    background-color:#fff;
    padding-left: 8px;
}
#window_right ul .window_right_three_li_phone form input{
    width: 78px;
    height: 36px;
    line-height:36px;
    background-color:#ffea01;
    font-size:18px;
    color:#ea5514;
    border:0;
    float:left;
    margin-right: 4px;
}
#window_right ul .window_right_three_li_phone form .three_li_phone_btn:active{
    -webkit-transform:translateY(1px);
    -moz-transform:translateY(1px);
}
#window_right ul .window_right_three_li_phone form .three_li_phone_btn:hover{
    color:#000;
}
/*鼠标移入效果*/
#window_right ul .window_right_three_li:hover .window_right_three_li_wxcode{
    top: -42px;
    left: -176px;
    opacity:1;
}
#window_right ul .window_right_four_li:hover .window_right_three_li_phone{
    top: -4px;
    left: -334px;
    opacity: 1;
}
@keyframes top-bottom
{
   0% {
      -webkit-transform:translatey(-1px);
    }
    50% {
      -webkit-transform:translatey(2px);
    }
    100% {
     -webkit-transform:translatey(-1px);
    }
}
@-moz-keyframes top-bottom /* Firefox */
{
   0% {
      -webkit-transform:translatey(-1px);
    }
    50% {
      -webkit-transform:translatey(2px);
    }
    100% {
     -webkit-transform:translatey(-1px);
    }
}

@-webkit-keyframes top-bottom /* Safari 和 Chrome */
{
    0% {
      -webkit-transform:translatey(-1px);
    }
    50% {
      -webkit-transform:translatey(2px);
    }
    100% {
     -webkit-transform:translatey(-1px);
    }
}

@-o-keyframes top-bottom /* Opera */
{
  0% {
      -webkit-transform:translatey(-1px);
    }
    50% {
      -webkit-transform:translatey(2px);
    }
    100% {
     -webkit-transform:translatey(-1px);
    }
}


/*****底部栏******/
#hudpc_buttomfixed1{
    background: #003667;
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 999999;
    left: 0;
    bottom: 0;
    text-align: center;
   /*border-top: 3px solid #fd811d;*/
}
.hudpc_buttomfixed1_top{
    width: 100%;
    height: 3px;
    background-color:#003667;
    position:absolute;
    top: -3px;
    left: 0;
    text-align: center;
}
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info{
    width: 70%;
    height: 80px;
    /*margin: 0 290px;*/
    margin-left: 15%;
    margin-right: 15%;
    position: relative;
    background: url(../images/hudpc_buttomfixed1_zx.png) right no-repeat;
}
/*luis*/
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info>img{
    display: block;
    width: 176px;
    height: 131px;
    position: absolute;
    left: 0;
    bottom: 0;
}
/*电话输入*/
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info>form{
    width: 300px;
    height: 50px;
    float: left;
    background: #FFF;
    border-radius: 100px;
    margin:15px 0px 0px 178px;
    position: relative;
}
/*输入框*/
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info>form>.hudpc_buttomfixed1_phone{
    width: 240px;
    height: 50px;
    color: #000;
    float: left;
    display: inline-block;
    border: 0px;
    background: none;
    color: #666;
    outline: none;
    font-size: 22px;
    line-height:50px;
    margin-left: 16px;
}
/*提交按钮*/
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info>form>.hudpc_buttomfixed1_submit{
    float: right;
    width: 1px;
    height: 44px;
    background: #5cafd9;
    border-radius: 100px;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    line-height: 44px;
    font-size: 24px;
    color: #FFF;
    border: 0px solid transparent;
}
/*预约热线*/
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info>p{
    width: 410px;
    height: 80px;
    line-height: 80px;
    color: #FFF;
    font-size: 28px;
    margin-left: 527px;
}
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info>p>span{
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 1px;
}
/*在线咨询*/
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info>a{
    display: block;
    width: 172px;
    height: 80px;
    position: absolute;
    left: 897px;
    top: 0px;
    color: #FFF;
    font-size: 30px;
    line-height:80px;
    text-indent: 48px;
}
/*消息随机数*/
#hudpc_buttomfixed1>.hudpc_buttomfixed1_info>#hudpc_buttomfixed1_suiji{
    display: block;
    position: absolute;
    width: 30px;
    font-family: Microsoft Yahei;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    right: 130px;
    top: 10px;
    background-color: #ff4800;
    color: #fff;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-weight: normal;
    animation: b_num ease 2s infinite;
}
/*动画*/
@keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}




/**********弹窗模块***********/
#wpop_upWindows_wrap{
    position:relative;
}
#wpop_upWindows_wrap .wpop_upWindows_content{
    width: 512px;
    height: 318px;
    overflow:hidden;
    position:fixed;
    top: 50%;
    left: 50%;
    margin-top:-159px;
    margin-left: -256px;
    border:1px solid #000;
    border-radius: 10px;
    background-color:#fff;
    z-index:9999;
}
 #wpop_upWindows_wrap .wpop_upWindows_slidebox{}
 #wpop_upWindows_wrap .wpop_upWindows_slidebox .bd{}
 #wpop_upWindows_wrap .wpop_upWindows_slidebox .bd ul{}
 #wpop_upWindows_wrap .wpop_upWindows_slidebox .bd ul li{
    width: 100%;
    height:254px;
 }
#wpop_upWindows_wrap .wpop_upWindows_content .wpop_upWindows_forms{
    width: 100%;
    height: 62px;
    padding: 12px 14px;
    background-color:#fff;
}
#wpop_upWindows_wrap .wpop_upWindows_content .wpop_upWindows_forms form{
    float:left;
}
#wpop_upWindows_wrap .wpop_upWindows_content .wpop_upWindows_forms form .wpop_upWindows_forms_phone{
    float:left;
    width: 217px;
    height: 39px;
    font-size:18px;
    line-height:39px;
    color:#666666;
    border:1px solid #000;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-left:8px;
}
#wpop_upWindows_wrap .wpop_upWindows_content .wpop_upWindows_forms form .wpop_upWindows_forms_submit{
    float:left;
    width: 128px;
    height: 39px;
    font-size:20px;
    line-height:39px;
    text-align:center;
    background-color:#000000;
    color:#fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

}
#wpop_upWindows_wrap .wpop_upWindows_content .wpop_upWindows_forms a{
    float:right;
    width: 133px;
    height: 39px;
    font-size:20px;
    line-height:39px;
    text-align:center;
    color:#fff;
    background-color:#ea5514;
    border-radius: 4px;
}
#wpop_upWindows_wrap .wpop_upWindows_content button{
    width: 30px;
    height: 30px;
    font-size:24px;
    text-align:center;
    line-height:28px;
    color:#fff;
    background-color:transparent;
    border:1px solid #fff;
    border-radius:50%;
    outline:none;
    cursor:pointer;
    position:absolute;
    top: 0;
    right: 0;
}
#wpop_upWindows_wrap .wpop_upWindows_content button:hover{
    color:#fd811d;
    border:1px solid #fd811d;
}