*,html{padding:0px; margin:0;}
body{  font-size:12px;color:#626262; margin:0 auto; padding:0; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,li{list-style:none;padding:0px; margin:0px;}
img{ margin:0; padding:0; border:0;}
a{ text-decoration:none;color:#626262; outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
a:hover{color:#d40000}
.img-responsive{ display: block;    max-width: 100%;    height: auto;}
.none{ display: none;}
.text-center{ text-align: center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.fl{ float: left;}
.fr{ float:right;}


.bk,
.bk3,
.bk6,
.bk8,
.bk10,
.bk15,
.bk20,
.bk30 {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 1px
}

.bk3 {
    height: 3px;
}

.bk6 {
    height: 6px
}

.bk8 {
    height: 8px
}

.bk10 {
    height: 10px
}

.bk15 {
    height: 15px
}

.bk20 {
    height: 20px
}

.bk30 {
    height: 30px
}

#wrap{ width:99.99%; overflow: hidden;}

.header{ width: 100%; height: auto; background: #FFF;position: relative}
.header .th-nav{ z-index: 550; position: absolute; top:80px; right: 0; width: 100px; background: #FFF;}
.header .th-nav ul li{ text-align: center; height: 45px; line-height:45px;}
.header .th-nav ul li a{ font-size: 14px;}
.header .th-nav ul li:hover{ background: #EEE; border-bottom: 1px solid #eee;}

.header  .navbar-default .navbar-toggle .icon-bar {
    background-color: red;
}


.bt-navbar-default {
     background-color: #FFF;
    border-color: #FFF;
    background-image:none;
    box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 8%);
}

.navbar-default .navbar-toggle{border-color: #FFF;}
.navbar-brand img{ width: 100%}

@media (min-width: 1200px){
    .navbar-header{ width: 100%; margin-top: 2rem}
    .navbar-toggle{ display: block}
    .header{  height: 129px;}
}



@media only screen and (min-width: 1360px) and  (max-width: 2560px) {
    .t-logo{ margin-left: 50px;}
    .footer{ width: 100%; min-height: 495px; background: #f5f5f5}
    .footer .thead{ margin-top: 50px;}
    .footer .col-bd{ margin-top: 5rem;}
    .footer .col{ float: left; min-height: 300px;}
    .footer .col-1{ width: 340px;}
    .footer .col-2{ width:380px;}
    .footer .qcode{ width: 87px; height: 87px; margin-top:150px}
    .footer .qcode img{ width: 87px; height: 87px;}
    .footer .qcode .title{ text-align:center}
    .footer .col-2 .txt-section{ width:80%;}
    .footer .col-2 .txt-section h3{ margin: 0; padding: 0; width: 100%;}
    .footer .col-2 .txt-section h3{ background:url('../image/localhost1.png') no-repeat 0px 0px;}
    .footer .col-2 .txt-section h3{ font-weight: bold; font-size: 14px; color: #595757; padding-left: 20px;}
    
    .footer .col-2 .txt-section .cont{ margin-top: 23px;}
    .footer .col-2 .txt-section .cont p{ font-size: 12px; padding: 2px 0px 3px 0px; color: #979797;}
    .footer .col-2 .txt-section2{ margin-top: 30px;}
    .footer .col-3{position: relative; height: 300px;}
    .footer .col-3 .fnav{ margin-top: 100px; }
    .footer .col-3 .fnav .line{ color: #cfd0d0; display: inline-block; padding: 0px 15px;}
    .footer .col-3 .fnav{ color: #727171}
    .footer .col-3 .copyright{ position: absolute; bottom: 5px; right: 0; color: #b5b5b6;}
}



@media only screen and (min-width:360px) and  (max-width: 1359px) {
    .navbar-header{  margin-top: 2rem}
    .navbar-header{float: none !important;}
    .navbar-toggle{ display: block}
    .navbar-brand{padding: 5px 15px;}


    .header{  height: 129px;}
    .t-logo{ margin-left: 0px;}
    .header{ height:auto;}
    .footer{ width: 100%; min-height: auto; background: #f5f5f5}
    .footer .thead{ margin-top: 50px;}
    .footer .col-bd{ margin-top: 5rem;}
    .footer .col-1{ width: 99.99%;}
    .footer .col-1 .flogo{ text-align: left;}
    .footer .col-2{ width: 99.99%;}
    .footer .qcode{ width: 87px;  height: 13rem; margin-top:1rem}
    .footer .qcode img{ width: 87px; height: 87px;}


    .footer .qcode .title{ text-align:center}
    .footer .col-2 .txt-section{ width:80%;}
    .footer .col-2 .txt-section h3{ margin: 0; padding: 0; width: 100%;}
    .footer .col-2 .txt-section h3{ background:url('../image/localhost1.png') no-repeat 0px 0px;}
    .footer .col-2 .txt-section h3{ font-weight: bold; font-size: 14px; color: #595757; padding-left: 20px;}
    
    .footer .col-2 .txt-section .cont{ margin-top: 1.1rem;}
    .footer .col-2 .txt-section .cont p{ font-size: 12px;margin: 0 0 4px; padding: 1px 0px 0px 0px; color: #979797;}
    .footer .col-2 .txt-section2{ margin-top: 30px;}
    .footer .col-3{position: relative;}
    .footer .col-3 .fnav{ margin-top: 5rem; }
    .footer .col-3 .fnav .line{ color: #cfd0d0; display: inline-block; padding: 0px 3px;}
    .footer .col-3 .fnav{ color: #727171}
    .footer .col-3 .copyright{ margin-top: 3rem;  height: 3rem; color: #b5b5b6;}
}