*{ margin:0;padding:0;list-style:none; }
body{  max-width: 640px; background: #fff; margin: 0px auto;  font: 16px/24px "Arial", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; color:#333; }
.clear{ clear:both;}
a{ text-decoration:none;  color:#333; }
img{ border:none;vertical-align: middle; }
.fl{ float:left;}
.fr{ float:right;}
.h6{ width: 100%; clear: both; height: 6px;}
.h12{ width: 100%; clear: both; height: 12px;}
.h20{ width: 100%; clear: both; height: 20px;}
.box_img{ width:100%; text-align:center;}
.box_img img{ max-width:100%;} 
.box_img .mao{ height: 0px; width: 100%;display: inherit;}

.place_999 ::-webkit-input-placeholder { color:#999;}
.place_999 :-moz-placeholder {  color:#999;}
.place_999 ::-moz-placeholder { color:#999;}
.place_999 :-ms-input-placeholder { color:#999;}

.gundong1{ padding: 7px 22px 0px 22px;  }
.gundong1 .hd{ display: none;}
.gundong2{ padding: 10px 10px;  overflow: hidden;}
.gundong2 .bd{ overflow: hidden; border: 5px solid #eee; border-radius: 10px;}
.tg_p{width: 100%; padding: 5px 0;background:center top no-repeat; background-size: 100% 100%;}
.tg_p p{ padding: 2px 24px;  }
.tg_p p.p1{ color: #000;}
.tg_p p.p2{ color: #8d8d8d;} 

.tg_zixun{ width: 84%;  margin: 0px auto; padding:  5px 0px 0px 0px;}
.tg_zixun ul li{ display: flex; align-items: center; justify-content: flex-start;  margin-bottom: 14px;background: #fff; border-radius: 4px;  width: 100%; position: relative;}
.tg_zixun input,.tg_zixun select{ background: none; width: 95%; padding-left: 4%; border-radius: 4px; height: 34px; line-height: 34px;float: left; border: 1px solid #d1d1d1; }
.tg_zixun ul li span{ position: absolute; right: 4px; top:0px; width: 0px;}
.tg_zixun .li_p{ font-size: 12px; color: #f44;}
.tg_zixun .yzm input{ width: 55%;}
.tg_zixun .yzm img{ width: 80px; height: 34px; float: right; border: 1px solid #ccc;  }
.tg_zixun .sub{border-radius: 6px; background: #ff8400;  ; width: 100%; height: 40px;}
.tg_zixun .sub input{outline: none; background: none; border: none; width: 100%; padding: 0px; height: 40px; line-height: 40px; font-weight: bold;; font-size: 18px;  color: #fff; }
.tg_zixun h2{ text-align: center; height: 45px; line-height: 30px; color: #fff;}
.tg_zixun h2.small { font-size: 16px;}
.tg_zixun h2.small span{ color: #fff600;} 
.tg_zixun .div-phone input{ width: 50%;}
.tg_zixun .tel span{ color: #333; top: 30px; font-size: 12px; width: auto;}
.tg_zixun .tel .send0{ background: #999; color: #333; font-size: 13px;}
.tg_zixun .tel a { width: 43%;  background-color: #ff003c;  height: 35px;  display: block;  float: right;      line-height: 35px; text-align: center;  border-radius: 5px; color:#fff; }
.tg_zixun select{ width: 99%; }
.tg_zixun .radio b{padding-left: 20px;display: inline-block;margin: 5px 20px 0  10px;background: url(t_1011_icon.png) 0px -43px no-repeat;font-size: 14px;color: #999;font-weight: normal;}
.tg_zixun .radio b.active{background-position: 0px 3px;}

.t_num_all{ width: 84%;  margin: 0px auto; margin-bottom: 12px;  border: 1px solid #213e50; border-radius: 10px; }
.t_num {border: 6px solid #213e50;text-align: right;background: #d3d3cb;padding: 2px 10px;border-radius: 8px;}
.t_num b{font-size: 34px;color: #333; line-height: 40px;  font-style: italic;}
.t_num i{  font-weight: bold; color: #444;font-size: 16px;padding: 16px 0px 0px 0px;}
.t_num_all p{display: flex;align-items: center;justify-content: center;flex-flow: wrap;width: auto;padding: 5px 20px;}
.t_num_all p span{width: 48%;text-align: center;font-size: 14px;}

.fengge img{ max-width: 100%;}
.tg_bm{ width: 100%; float: left; background: url(hd0401_02.jpg) center top no-repeat; background-size: 100% 100%;} 
.tg_bm_2{ background-image: url(hd0401_11.jpg);}

 
 
.num-window{
    display: inline-block;
    padding-top: 5px;
    border-radius: 4px;
    text-align: right;
}


.num-window span{
    position: relative;
    width: 24px;
    height: 48px;
    display: inline-block;
}
.num-window .hd{
    display: none;
}
.num-window span:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 90px;

    background-image: url(zxbj.png);
    background-position: 0 -540px;
    background-size: cover;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(0.53);
    transform-origin: 0 0;
    transform: scale(0.53);
}
span.num-zero:after{
    background-position-y: -540px;
}
span.num-one:after{
    background-position-y: -450px;
}
span.num-two:after{
    background-position-y: -630px;
}
span.num-three:after{
    background-position-y: -810px;
}
span.num-four:after{
    background-position-y: -720px;
}
span.num-five:after{
    background-position-y: -90px;
}
span.num-six:after{
    background-position-y: 0;
}
span.num-seven:after{
    background-position-y: -180px;
}
span.num-eight:after{
    background-position-y: -360px;
}
span.num-nine:after{
    background-position-y: -270px;
}