.header {
    position: absolute;
    width: 100%;
    z-index: 100;
    /* background: #fff;
    */;
}

.header .info {
    position: relative;
}

.info.selected {
}

.header-bg {
    width: 2000px;
    background: #fff;
    height: 100px;
    position: absolute;
    z-index: -1;
    /*display: block;
    */
    top: 0;
    left: 50%;
    margin-left: -1000px;
    /*display: none;
    */
    opacity: 0;
}

.header-bg.selected{
    /*display: block;
    */
    opacity: 1;
    height:190px;
    transition: height .5s;
}

.info .inner_nav01{
    position: absolute;
    width: 1000px;
    top: 83px;
    left: 100px;
    visibility:hidden;
    opacity:0;
}

.info.selected .inner_nav01{
    left: -160px;
    opacity: 1;
    visibility:visible;
    transition: left .5s .3s,opacity .2s .3s;
}
.info .inner_nav02{
    position: absolute;
    width: 1000px;
    top: 83px;
    left: 100px;
    visibility:hidden;
    opacity:0;
}

.info.selected .inner_nav02{
    left: -190px;
    opacity: 1;
    visibility:visible;
    transition: left .5s .3s,opacity .2s .3s;
}
.info .inner_nav03{
    position: absolute;
    width: 1000px;
    top: 83px;
    left: 100px;
    visibility:hidden;
    opacity:0;
}

.info.selected .inner_nav03{
    left: -490px;
    opacity: 1;
    visibility:visible;
    transition: left .5s .3s,opacity .2s .3s;
}


.head h1 {
    width: 194px;
    float: left;
    margin-top: 11px;
}

.head ul {
    float: right;
    width: 620px;
}

.head ul li:not(.header-bg) {
    float: left;
    margin-left: -1px;
}

.head ul li .nav a {
    display: block;
    padding: 32px 28px 30px 28px;
    font-size: 14px;
    color:#000;
}
.head ul li:nth-of-type(6) .nav a {
    display: block;
    padding: 32px 0 30px 28px;
}
.header  dl{
    width:100px;
    float: left;
    text-align: center;
}
.head ul li dl img{ margin:0 auto;}
.head ul li dd{ font-size: 14px; color:#404040; margin-top: 10px;}
.head ul li .nav_down dl img {margin: 0 auto;}





.staffs{ margin-top:34px;}
.foot-contact { background: #3f3f3f; color: #fff;  height:346px;}
.foot-contact .contacts { float: right;}
.contact-wenzi{ display:inline-block;margin-top: 62px; margin-left: -116px;}
.contact-wenzi div span{ font-size: 30px; font-weight: bold; }

.foot-contact .hotline { text-align:left; font-size: 18px; margin: 135px 0 10px 16px; }
.foot-contact .hotline span { font-size: 25px; font-weight: bold; display: inline-block;}
.foot-contact .hotline .foot-worktime{font-size:12px; display: block; font-style: normal;}
.foot-contact .staffs{ position:relative;}
.staffs-left{ position:absolute; left:-116px; top:10px; display:inline-block;}
.staffs-left p{ margin-bottom: 21px; text-align: center;}
.staffs-left p span{ margin-top: 8px; display:inline-block;}
.staffs-left p img{margin:0 auto;}
.foot-contact .staffs ul { list-style: none; margin: 0; padding: 0; float: right;}
.foot-contact .staffs li { float: left; width: 70px; margin-left:16px; font-size: 18px;position:relative; }
.foot-contact .staffs li a span{margin-top: 57px; display:inline-block; font-size: 14px;}
.foot-contact .staffs li a {position:absolute;left:15px;top:0;width:55px;height:55px; display: block; color: #808080; text-align: center; }
.foot-contact .staffs li a:hover { color: #ff9200; text-decoration: none; }
.foot-contact .staffs li:nth-of-type(1){ width:55px; height:55px;background: url("../images/common/kf01.png") no-repeat;}
.foot-contact .staffs li:nth-of-type(1):hover{ background: url("../images/common/kf_hover01.png") no-repeat;}
.foot-contact .staffs li:nth-of-type(2){ width:55px; height:55px;background: url("../images/common/kf02.png") no-repeat;}
.foot-contact .staffs li:nth-of-type(2):hover{ background: url("../images/common/kf_hover02.png") no-repeat;}
.foot-contact .staffs li:nth-of-type(3){ width:55px; height:55px;background: url("../images/common/kf03.png") no-repeat;}
.foot-contact .staffs li:nth-of-type(3):hover{ background: url("../images/common/kf_hover03.png") no-repeat;}
.foot-contact .staffs li:nth-of-type(4){ width:55px; height:55px;background: url("../images/common/kf04.png") no-repeat;}
.foot-contact .staffs li:nth-of-type(4):hover{ background: url("../images/common/kf_hover04.png") no-repeat;}

.footer .foot-contact .contacts .foot-links {/* margin-top: 12px;*/ text-align: right; }
.footer .foot-contact .contacts .foot-links a { margin-left: 24px; color: #fff; font-size: 12px; }
.foot-contact .qrcodes { padding-top: 62px; float: left;}
.qrcodes-wenzi{ margin-bottom:36px;}
.qrcodes-wenzi div span{ font-size: 30px; font-weight: bold;}
.qrcodes-wenzi p{ font-size: 16px;}
.foot-contact .qrcodes .code { float: left; font-size: 16px; text-align: center; margin-right:70px; }
.foot-contact .qrcodes .code img { display: block; border:none; }
.foot-contact .qrcodes .code span { display: block; padding-top:10px; font-size: 14px; }
.copyright { background: #fff; color: #262626; text-align: center; padding: 32px 0 38px 0 ; font-size: 12px; }
.copyright span { margin-right:13px; }
.copyright span a { color: #262626; margin-right: 15px;}
.footer-line{  width:2px; height:265px; display:inline-block; background-color: #fff; margin:45px 0 0 68px;}