.head1-index .logo{
    width: 12rem;
}

.head1-index .tdao{
    width: 46.5rem;
}

.head1-index .tel2{
    width: 18rem;
}


.x-menu > li:after, .x-menu > li:before{
    content: "";
    position: absolute;
    height: 2px;
    width: 50px;
    background: #fff;
    transition: all .5s linear;
}
.x-menu > li:before{
    right: -100%;
    bottom: 5px;
    background: #c9211e;
    background: -webkit-linear-gradient(left,#c9211e,#9b0000);
    background: -moz-linear-gradient(left,#c9211e,#9b0000);
    background: -ms-linear-gradient(left,#c9211e,#9b0000);
    background: -o-linear-gradient(left,#c9211e,#9b0000);
}
.x-menu > li:after{
    left: -100%;
    bottom: 0;
    background: #c9211e;
    background: -webkit-linear-gradient(left,#c9211e,#de7c1b);
    background: -moz-linear-gradient(left,#c9211e,#de7c1b);
    background: -ms-linear-gradient(left,#c9211e,#de7c1b);
    background: -o-linear-gradient(left,#c9211e,#de7c1b);
}
.x-menu > li.li1:before,
.x-menu > li:hover:before {
    right: 0;
    transition: all .5s linear
}

.x-menu > li.li1:after,
.x-menu > li:hover:after {
    left: 0;
    transition: all .5s linear
}
.x-menu > li{
    width: auto;
    margin: 0 3%;
    overflow: hidden;
}

.x-menu > li>a {
  line-height: 3.8;
  color: #fff;
  
}

.x-menu > li > a:hover{
    color: #fff;
    margin-top: 0;
    background: none;
}

.container {
    clear: both;
    width: 1000px;
    margin: 0 auto;
    padding: 0
}

.foot_btm .container {
    position: relative
}

@media (min-width:1440px) {
    .container {
        width: 1200px
    }
}

@media (min-width:1860px) {
    .container {
        width: 1600px
    }
}