@charset "utf-8";

body{ margin:0 auto; font-size:14px;color:#333; font-family:arial,'helvetica neue','SYSTM','microsoft yahei ui','microsoft yahei','pingfang SC','simsun',sans-serif; line-height:normal;}
*{padding:0; margin:0;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;outline: none;}

ul,li{ list-style:none;}
li{float: left;}

img{border:0px;max-width: 100%;height: auto;vertical-align: middle;}
a { color:#333; text-decoration:none;}
dd,dl,dt,em,h4,h5,h6{font-weight:normal;font-style:normal}
a:hover{color:#bb2822;text-decoration: none;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
a:active{text-decoration:none}
a:focus{outline:none;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}

input,textarea{border: none;outline: none; background:none;}
button{border: none;outline: none; background:none;cursor: pointer;}
::-webkit-file-upload-button{cursor: pointer;}


h3{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
::before,::after{transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}

.floats{float: left;width: 100%;}
.centers{margin: 0 auto;max-width: 1200px;clear:both;}
.padds{padding: 45px 0 60px;}
.bgs{background-color: #f7f8fa;}

.swiper,.swiper-wrapper,.swiper-slide{cursor: pointer;}
.pagination{transition: 0;-webkit-transition: 0;-ms-transition: 0;}

/* @font-face{
    font-family: 'DIN';
    src:url('../libs/D-DIN.otf'),
    url('../libs/D-DIN.otf'),
    url('../libs/D-DIN.otf');
} */

.thead{padding:16px 0;}
.thead-logo img{height: 55px;width: auto;}
.thead-tel{font-size: 28px;color:#bb2822;font-weight: bold;line-height: 55px;}
.thead-tel img{position: relative;top:-3px;margin-right: 6px;width: 38px;}

.tnavs{background-color: #bb2822;}
.tnavs-list > li{position: relative; width: 12.5%;}
.tnavs-list > li > a{display: block; color:#fff;text-align: center;font-size: 16px;padding:18px 12px;}
.tnavs-list > li > a p{font-size: 12px;opacity: 0.5;margin-top: 4px;}
.tnavs-list > li.cur > a{background-color: #960001;}
.tnavs-list > li .sub-nav{position: absolute;top:100%;left:0;width: 100%;background-color: rgba(187,40,34,0.8);z-index: -1;opacity: 0;}
.tnavs-list > li .sub-nav li{width: 100%;}
.tnavs-list > li .sub-nav li a{display: block;text-align: center;color:#fff;line-height: 48px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.tnavs-list > li .sub-nav li:last-child a{border: 0;}

.tfooter{background-color: #0f0e0e;padding:35px 0 20px;}
.tfooter-top{display: flex;justify-content: space-between;align-items: center;}
.tfooter-contact{flex: 1;}
.tfooter-contact p{float: left; font-size: 16px; color: #b7b7b7;line-height: 24px;margin-left:80px;}
.tfooter-contact p:first-child{margin-left: 0;}
.tfooter-contact img{margin-right: 10px;}
.tfooter-friend{color:#b7b7b7;margin-top: 35px;}
.tfooter-friend a{color:#b7b7b7;margin-right: 15px;}
.tfooter-wx{text-align: center;width: 110px;}
.tfooter-wx img{width: 110px;}
.tfooter-wx h3{color:#b7b7b7;margin-top: 12px;font-size: 14px;}
.tfooter-down{border-top: 1px solid rgba(255,255,255,0.3);text-align: center;margin-top: 25px;padding-top: 20px;color:#b7b7b7;}
.tfooter-down a{color:#b7b7b7;margin-left: 20px;}

.ttop{display: none; position: fixed;z-index: 88;right:0;bottom:263px;width: 44px;height: 44px;background-color: #333;line-height: 44px;text-align: center;cursor: pointer;}

/*内页*/
.tbans{position: relative;}
.tbans h3{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); font-size: 38px;font-weight: bold;color:#fff;z-index: 10;}

.tposition{background-color:#f7f8fa;line-height: 57px;color:#666;}
.tposition img{position: relative;top: -1px;margin-right: 12px;}
.tposition a{color: #666;}
.tposition b{margin:0 20px;font-weight: normal;}

.tother-nav{width: 100%;display: flex;justify-content: center;margin-bottom: 50px;}
.tother-nav a{font-size: 16px;line-height: 40px;border: 1px solid #bb2822;color:#bb2822;padding:0 36px;margin-left: 60px;}
.tother-nav a:first-child{margin-left: 0;}
.tother-nav a.cur{background-color: #bb2822;color:#fff;}

/*内容*/
.tcontentss,.tcontentss p,.tcontentss span{font-size: 16px !important;line-height: 2 !important;}
.tcontentss p,.tcontentss span{display: block;color: #666; margin-top: 15px;}
.tcontentss p:first-child,.tcontentss span:first-child{margin-top: 0;}
.tcontentss h3{font-size: 20px;line-height: 25px; margin:38px 0 20px;font-weight: bold;}
.tcontentss h3:first-child{margin-top: 0;}
.tcontentss table{border:1px solid #eee;border-spacing: 0;width: 100%;}
.tcontentss table td{border:1px solid #eee;padding: 13px 22px;color: #999;}

/*分页*/
.n-page{text-align: center;margin-top: 40px;}
.n-page li{float: none;display: inline-block; width: 36px;height:36px;line-height: 36px;border-radius: 3px; border:1px solid #ccc;font-size:15px;margin:0 4px;cursor: pointer;margin-bottom: 5px;}
.n-page li:first-child,.n-page li:last-child{font-size: 16px;}
.n-page li a{color:#999;display: block;}
.n-page li.active{background:#bb2822;color:#fff;border-color: #bb2822;}

@media screen and (min-width: 769px){

    .tnavs-list > li:hover .sub-nav{opacity: 1;z-index: 20;}
    .tnavs-list > li .sub-nav a:hover{background-color: #960001;}

    .tfooter-friend a:hover,.tfooter-down a:hover{color: #fff;}

    .tother-nav a:hover{background-color: #bb2822;color:#fff;}
    .tbans h3{font-size: 36px;}

    /* 内容 */
    .tnavs-list > li:hover > a{background-color:#960001;}

    .n-page li:hover{background:#bb2822;color:#fff;border-color: #bb2822;}
    .n-page li:hover a{color:#fff;}

}

@media screen and (max-width: 1460px){
    
    body{min-width: 1230px;}

    .thead-tel{font-size: 26px;}
    .tfooter-contact p{font-size: 15px;}

    .tother-nav{margin-bottom: 40px;}
    .tother-nav a{font-size: 15px;margin-left: 45px;}

    /* 内容 */
    .tcontentss, .tcontentss p, .tcontentss span{font-size: 15px !important;}
    .tcontentss p, .tcontentss span{margin-top: 12px;}

}

@media screen and (max-width: 1080px){

    .tnavs .swiper-slide a{font-size: 13px;line-height: 60px;}
    .tnavs .swiper-slide a:after{background-size: 12px auto;}


}

.tx-head-navbut{display: none; width: 32px;text-align: center;padding:6px 0;cursor: pointer;}
.tx-head-navbut i,.tx-head-navbut i:before,.tx-head-navbut i:after{width: 28px;height:2px;background: #bb2822;border-radius: 99px;}
.tx-head-navbut i{position: relative; display: inline-block;}
.tx-head-navbut i:before{content: '';position: absolute;top:-8px;left: 0;}
.tx-head-navbut i:after{content: '';position: absolute;bottom:-8px;left: 0;}

@media screen and (max-width: 768px){

    body{min-width: 320px;}
    .centers{padding:0 15px;}
    .padds{padding:22px 0;}

    .thead{position: fixed;left: 0;top:0; padding: 12px 0;z-index: 99;background-color: #fff;}
    .thead-logo img{height: 34px;}
    .tx-head-navbut{display: block}

    .thead-tel{display: none;}

    .tnavs{display: none; position: fixed;width: 100%;height:calc(100% - 58px);top:58px;left: 0;overflow-y: auto; z-index: 99;background-color: #f7f7f7;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
    .tnavs .centers{padding:0;}
    .tnavs-list > li{width: 100%;}
    .tnavs-list > li > a{color:#333;border-bottom: 1px solid #eee;padding:0 15px;text-align: left;line-height: 50px;font-size: 14px;}
    .tnavs-list > li > a p{display: none;}
    .tnavs-list > li > a.subs::after{content: '>';float: right;font-family: 'simsun';}
    .tnavs-list > li.cur > a{background-color:#960001;color: #fff;}
    .tnavs-list > li .sub-nav{display: none; position: relative;top:0;opacity: 1;z-index: 10;background-color: #fff;float: left;width: 100%;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
    .tnavs-list > li .sub-nav li a{color:#333;border-bottom: 1px solid #eee;}

    .tfooter-contact{display: none;}
    .tfooter-wx{width: 100%;}
    .tfooter-wx img{width: 100px;}

    .ttop{bottom:100px;width: 40px;height: 40px;}

    .tbans{position: relative; margin-top: 58px;height: 110px;overflow: hidden;}
    .tbans img{height: 100%;max-width: none;width: auto;position: absolute;left:50%;top:0;transform: translate(-50%,0);}
    .tbans h3{font-size: 22px;}
    .tposition{display: none;}

    .tother-nav{margin-bottom: 20px;}
    .tother-nav a{font-size: 13px;margin-left: 2px;padding:0 6px;line-height: 35px;}

    .n-page{margin-top: 12px;}
    .n-page li{font-size: 12px;width: 28px;height: 28px;line-height: 28px;margin-bottom: 5px;}

    .tcontentss, .tcontentss p, .tcontentss span{font-size: 13px !important;}
    .tcontentss p, .tcontentss span{margin-top: 12px;}
    .tcontentss h3{font-size: 15px;line-height: 20px;margin:8px 0 12px;}
    .tcontentss h4{font-size: 14px;margin:8px 0 12px;}  

}