@charset "utf-8";
*{ font-family: "微软雅黑"; font-size: 14px; line-height: 1.8; margin: 0 auto; padding: 0px;}
ul,li,ol{ list-style: none;}
a{color: #666;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}
a:hover{color:#ec1c24;}
img{ max-width: 100%; height: auto;}
em{font-style: normal;font-weight: normal;}
.clear{ clear: both;}
body{position: relative;}
.pull-left{float: left;}
.pull-right{float: right;}

/*headtop*/
.nav_t .navbar{background: #c30101;padding: 0;}
.nav_t .navbar .navbar-nav{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
.nav_t .navbar .navbar-nav>li{flex: 1;float: left;}
.nav_t .navbar .navbar-nav>li:hover{background: #FFAA25;}
.nav_t .navbar .navbar-nav>li>a{font-size: 14px;line-height: 42px;display: block;color: white!important;}


.nav_t .headin{background: url(../images/topbg.jpg) repeat-x;padding: 2.5rem 0rem 1.5rem;}

.headin .telhead{background: url(../images/tel.png) no-repeat left center;padding-left: 55px;}
.headin .telhead p:first-child{font-size: 15px;color: #4d4d4d;margin: 0;line-height: 25px;}
.headin .telhead p:nth-child(2){font-size: 24px;color: #de0000;margin: 0;line-height: 25px;font-weight: 700;}
header .collnavbox .navlib{text-align: center;margin: 0;position: relative;}
header .collnavbox .navlib .lista{display: block;color: #fff;transition: all .3s ease-in-out 0s;}
.navlib .navdown{position: absolute;width: 100%;background: white;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);z-index: 999;}
header .collnavbox .navlib ul{padding:0;}
.navlib .navdown li{font-size: 14px;padding: 5px 0px;}
.navlib .navdown li:hover{background:#e9eaeb;}
.navopen:hover .navdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}


/*pages*/
.pages{text-align:center;}
.pages span,.pages a{padding: 5px 11px;margin: 0px 5px;color: #DA0000;}
.pages .current{background: #DA0000;color: #fff;padding: 5px 11px;}
.pages .disabled:hover,.pages a:hover{background: #DA0000;color: #fff;padding: 5px 11px;}




/*foot*/
footer{background: url(../images/footerbg.jpg) no-repeat left;padding: 20px 0;}
footer a{color: #212529;}

@media (max-width:767px) {
    .hidden-xs {display: none!important;}
    .nav_t .navbar{background: white;padding: 10px 0px;}
    .nav_t .navbar .container div:first-child{margin-left: 0;}
    .navbar-light .navbar-toggler{margin-right: 0;}
    .nav_t .navbar ul>li>a{color:black!important;}
    .tit_all{padding: 1.5rem 0 0rem;}
    .tit_all h3{font-size: 25px;}
    .tit_all p{font-size: 13px;line-height: 25px;background: none;margin: 0;}
    footer .fb{padding: 15px 0;background: #121827;}
    .f-in h3{margin-bottom:5px;font-size: 20px;}
    .f-in p{margin-bottom: 0;}
    .f-in p:nth-child(2),.f-in p:nth-child(3){float:left;}
    .f-in p:nth-child(4){clear: both;}
    .f-bottom p:first-child{font-size: 12px;color: #babbbd;}
    .nav_t .navbar .navbar-nav>li:hover{background: #FFAA25;}
    .f-in{text-align: center;}
    .f-bottom{padding: 0px 1rem;text-align: center;}
    .f-bottom p{margin: 0;}



    .nav_t .navbar{position: relative;}
    .nav_t .navbar .collnavbox{z-index: 9999;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #c30101;-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
    .nav_t .navbar .collnavbox.active{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1; }

    .nav_t .navbar .collnavbox .btshow{text-align: right;}
    .nav_t .navbar .collnavbox .btshow i{font-size: 40px;color: white;line-height: 1;}
    .nav_t .navbar .collnavbox li{width: 100%;border-bottom: 1px solid #fff;}
    .nav_t .navbar .collnavbox li a{font-size: 14px;line-height: 40px;}
    .nav_t .navbar .collnavbox li:first-child,.nav_t .navbar .collnavbox li:last-child{border-bottom: none;}
    .nav_t .navbar .collnavbox li:first-child:hover{background: none;}


}
@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {display: none!important}
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md {display: none!important}
}
@media (min-width:1200px) {
    .hidden-lg {display: none!important}
}
@media (min-width: 1400px){
    .container{max-width: 1200px;}
}