body {
    font-family: "微软雅黑","Microsoft YaHei","Arial","Helvetica Neue",Helvetica,sans-serif;background-color:#222222;
}
header {
    height:114px;
}


.nav-pills .nav-link {
    border-radius: 0.25rem;
}
.nav .nav-item .nav-link{
    color:#fff;
}

.nav .nav-item .nav-link.active{
    color:#000;background-color: #fff;
}

.banner {
    width: 100%;max-width:100%;
}
.banner .bannerbg{
    background-image: url("../images/ABUIABACGAAg_Mzz9QUo2P-0gQMwgA84wg.jpg");
    height:450px;background-size: cover;background-position: 50% 50%;background-repeat: repeat;
}
header .container, #mainBox .container, footer .container{
    max-width:1903px;overflow-x: hidden;
}

#mainBox h2{
    font-weight: bold;color:#696a68;letter-spacing: 1px;
}
#mainBox .org{
     color:#ee8065;
 }
#mainBox p{
    color:#867f7d;margin-bottom: 0.1rem;font-weight: 600;letter-spacing: 1px;
}

.b1{
    background: url("../images/ts/gai_01.jpg") repeat;
    height:765px;overflow: hidden;
}

.b2{
    background: url("../images/ts/gai_02.jpg") repeat;
    height:1062px;overflow: hidden;
}
.b3{
    background: url("../images/ts/Ts_03.jpg") repeat;
    height:1032px;overflow: hidden;
}
.b4{
    background: url("../images/ts/Ts_04.jpg") repeat;
    height:546px;overflow: hidden;
}
.b5{
    background: url("../images/ts/Ts_05.jpg") repeat;
    height:855px;overflow: hidden;
}
.b6{
    background: url("../images/ts/Ts_06.jpg") repeat;
    height:1330px;overflow: hidden;
}
.b7{
    background: url("../images/ts/Ts_07.jpg") repeat;
    height:2059px;overflow: hidden;
}

#picList img{
    width:100%;padding:20px 0;
}

#picList2 img{
    width:100%;padding:20px 0;
}

.contact .row {

}

.contact .row .col-3{
    background: #5c708099;margin:0 1%;max-width:23%;padding:25px;
}
.contact p:before{
    height:30px;width:40px;content:"";display: inline-block;
    background-size: 30px;background-repeat: no-repeat;vertical-align: middle;background-position-x: center;
}
.contact .text-muted{
    color:#fff!important;
}
.contact .card-title{
    color:#fff!important;display: inline-block;font-size:30px;padding-right:10px;
}
.contact .card-subtitle{
    color:#ccc!important;display: inline-block;
}
.contact .card-text{
    color:#fff!important;padding-top:20px;
}

.contact .tel:before{
    background-image: url('/showhot/phone.png');
}
.contact .address:before{
    background-size: contain!important;
    background-image: url('/showhot/address.png');
}
.contact .mail:before{
    background-image: url('/showhot/mail.png');
}
.contact .web:before{
    background-image: url('/showhot/web.png');
}


footer{
    color: #fff;
    background-color: #343a40;
    padding:20px 0 50px;
}
footer .info span:before{
    height:30px;width:40px;content:"";display: inline-block;
    background-size: 30px;background-repeat: no-repeat;vertical-align: middle;background-position-x: center;
}

footer .tel:before{
    background-image: url('/showhot/phone.png');
}
footer .address:before{
    background-size: contain!important;
    background-image: url('/showhot/address.png');
}
footer .mail:before{
    background-image: url('/showhot/mail.png');
}
footer .web:before{
    background-image: url('/showhot/web.png');
}

footer .pics{

}
footer .pics img{
    width:100%;height: 60px;margin: 6px;
}

footer .dianlist h2{
    height:50px;
}