﻿/*-----------------[初始化]--------------*/
body{color: #666;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";min-width: 1000px;}
img{max-width: 100%;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,input:focus,textarea,select{color: #333;font-family:"微软雅黑","Microsoft Yahei";outline: 0;border-radius: 0;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
/*布局*/
.wp{margin: 0 auto;width: 1000px;}


/*******************************
  -------[=头部]-------
********************************/
#hd{background: url(../images/hd-bg.jpg) repeat-x left bottom;}
.logo{margin-right: 35px;}

.htop{padding-bottom: 20px;}
.welcome{margin-right: 40px;}
.welcome a{display: inline-block;margin-left: 15px;}
.hbot{margin-left: 55px;line-height: 30px;}

.shop{font-size: 14px;margin-right: 40px;}
#hd{
    height: 83px;
    padding-top: 29px;
}
#hd .logo{
    float: left;
    margin-right: 41px;
}
#hd .hdc{
    float: left;
}
#hd .hdr{
    float: right;
}
.hdc .top{
    margin-bottom: 25px;
}
.hdc .top strong{
    margin-right: 32px;
    display: inline-block;
    font-weight: normal;
    height: 12px;
    line-height: 12px;
    padding-left: 21px;
    color:#050505;
}
.hdc .top strong span{
    color:#00479d;
}
.hdc .top .p1{
    background: url(../images/tv.jpg) no-repeat left center;
}
.hdc .top .p2{
    background: url(../images/house.jpg) no-repeat left center;
}
.hdr .top a{
    color:#050505;
    font-size: 12px;
    margin-left: 12px;
}
.hdr .top a:hover,.hdr .bottom a:hover{
    color:#00a0e9;
}
.hdr .bottom{
    height: 14px;
    line-height: 14px;
    text-align: center;
}
.hdr .bottom a{
    margin-left: 15px;
    font-size: 14px;
    color:#eb6100;
    text-decoration: underline;
}

/*******************************
    -------[=导航]-------
********************************/
.nav-ul{font-size: 16px;}
.nav-ul li{float: left;height: 30px;line-height: 30px;position: relative;z-index: 9999;
    border: 1px solid #fff;border-right: 1px solid #959595;}
.nav-ul li:last-child{border-right: 1px solid #fff;}
.nav-ul li a.v1{display: inline-block;padding: 0 20px;}
.nav-ul li.on a.v1{color: #06f;}
.nav-ul li.ok{border: 1px solid #0f97f1;background: #fff;}
.nav-ul li.ok dl{display: block;}
.nav-ul li dl{position: absolute;left: -1px;top: 29px;
    border: 1px solid #0f97f1;border-top: 1px solid #fff;background: #fff;
    width: 100%;font-size: 14px;text-align: center;display: none;}
#nav li{
    position: relative;
    float: left;
    padding-bottom: 20px;
}
#nav li .a1{
    border-right: 1px solid #959595;
    display: block;
    padding:0 12px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color:#000;
}
#nav li:first-child a{
    padding-left: 0;
}
#nav li.last a{
    border-right: 0;
}
#nav li a:hover, #nav li.on a{
    color:#00a0e9;
}
.hdr .top{
    height: 20px;
    line-height: 20px;
    margin-bottom: 26px;
}
#nav li dl{
    display: none;
    z-index:9999;
    background: #fff;
    position: absolute;
    top:40px;
}
#nav li dl dd{
    text-align: center;
}
#nav li dl dd a{
    padding:0 11px;
    height: 28px;
    line-height: 28px;
    color:#313131;
    font-size: 12px;
    display: block;
    background: url(../images/a-bg.jpg) no-repeat center bottom;
}

#nav li dl dd a:hover{
    background: #00a0e9;
    color:#fff;
}

/*******************************
  -------[=底部]-------
********************************/
#fd {padding: 40px 0;border-bottom: 50px solid #3f3f3f;background: url(../images/bg-footer.jpg) center center no-repeat #181818;overflow: hidden;}
#fd .box-contact {margin-left: 142px;padding: 10px 10px 5px 34px;float: left;width: 280px;background-color: #4e4d4d;}
#fd .box-contact .tit {margin-right: 20px;padding-left: 28px;height: 36px;line-height: 36px;background-color: #909090;color: #fff;font-size: 18px;font-weight: normal;}
#fd .box-contact .tit span.en {padding-left: 24px;}
#fd .box-contact .info {padding: 8px 0 14px;}
#fd .box-contact .info p {padding-left: 20px;height: 20px;line-height: 20px;background: url(../images/ico-arrow-right.png) left center no-repeat;color: #acabab;}
#fd .box-contact .info span {float: left;width: 48px;}
#fd .box-qrcode {overflow: hidden;}
#fd .box-qrcode .img1 {float: left;text-align: center;}
#fd .box-qrcode .img2 {float: right;text-align: center;}
#fd .box-qrcode img {display: block;width: 109px;height: 109px;}
#fd .box-qrcode p {line-height: 26px;color: #dedede;}
#fd .box-form {margin-right: 168px;float: right;width: 300px;}
#fd .box-form li {padding-bottom: 10px;}
#fd .box-form .inp-form {padding: 0 5px;display: block;width: 288px;border: 1px solid #8f8f8f;background-color: rgba(65, 65, 65, .68);background-color: #343434 \9;color: #fff;font-size: 14px;line-height: 22px;outline: none;}
#fd .box-form .inp-form.inp1 {height: 22px;}
#fd .box-form .inp-form.inp2 {height: 144px;resize: none;}
#fd .box-form .btn-submit {float: right;display: block;width: 82px;height: 22px;line-height: 22px;text-align: center;color: #fff;font-size: 14px;background-color: #be0000;border: none;outline: none;}
/*******************************
    -------[=正文]-------
********************************/
/*飘浮条*/
.float-bar {position: fixed;position: absolute \9;top: 50%;left: 5%;margin-top: -362px;padding-top: 95px;width: 141px;height: 725px;background: url(../images/img-logo.png) center top no-repeat;z-index: 10;}
.float-bar .list {margin: 0 4px 0 5px;width: 132px;background-color: #000;}
.float-bar a {margin-bottom: 1px;padding: 0 2px;display: block;width: 128px;height: 46px;/*background: url(../images/bg-bar.jpg) center bottom no-repeat;*/border: 1px solid #292929; border-left: none;border-right: none;background-color: #1f1f1f;}
.float-bar a.last {margin-bottom: 0;border-bottom: none;}
.float-bar a span {display: block;width: 100%;height: 44px;line-height: 44px;text-align: center;color: #fff;font-size: 20px;border-bottom: 2px solid transparent;}
.float-bar a:hover span,.float-bar a.on span {color: #f9efa0;border-bottom: 2px solid #d30000;}
.float-bar .tel {margin: 0 4px 0 5px;padding-left: 26px;width: 106px;height: 43px;line-height: 43px;color: #fff;font-size: 15px;background: url(../images/ico-tel.png) 3px center no-repeat #a00e15;}

.fix-qq{position: fixed;left: 0;top:100px;width: 137px;border: 1px solid #ccd1f2;background: #eff1fb;padding-top: 20px;display: none; z-index:99;}
.fix-qq li{height: 39px;margin: 0 6px;border-bottom: 1px solid #c4caec;background: url(../../images/qq_ic1.jpg) no-repeat 6px 11px;padding-left: 28px;}
.fix-qq li a{margin-top: 11px;display: inline-block;width: 81px;height: 23px;}
.fix-qq li a.zx{background: url(../../images/qq_1.jpg) no-repeat;}
.fix-qq li a.lx{background: url(../../images/qq_2.jpg) no-repeat;}
.fix-qq li.tel1{background: url(../../images/qq_ic2.jpg) no-repeat 6px 11px;}
.fix-qq li.tel2{background: url(../../images/qq_ic3.jpg) no-repeat 6px 11px;}
.fix-qq li span{display: inline-block;margin-top: 11px;}
.fix-qq .close{display: inline-block;position:absolute;top:0;right:0;width: 19px;height: 21px;background: url(../../images/qq_close.jpg) no-repeat left top;}
.fix-qq .jt {text-align: center;padding: 17px 0 25px 0;}
.fix-qq .jt a{display: inline-block;width: 25px;height: 26px;background: url(../../images/qq_ic4.jpg) no-repeat left top;}

.kf{position: fixed;width: 81px;height: 89px;background: url(../../images/kf.jpg) no-repeat left top;left: 0;top:265px;cursor: pointer;z-index:98;}

