@charset "utf-8";
/* CSS Document */
html{height:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em,select, td, th, input, textarea, button{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;font-family:"Microsoft YaHei","PingFang SC","Source Han Sans CN","Helvetica Neue",Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; outline:none;}
body{font-size:0.15rem;background:#f6f6f6}
a{ color:#333}
a:hover{ color:#ea2837; text-decoration:none}
a:focus{color:#ea2837; text-decoration:none}
html{font-size: 100px;}
@media (max-width: 1599px){html{font-size: 94px;}}
@media (max-width: 1399px){html{font-size: 76px;}}
@media (max-width: 991px){html{font-size: 60px;}}
/*
@media (max-width: 639px){html{font-size: 60px;}}
*/
h2, .h2 {font-size: 0.36rem;}
h3, .h3 {font-size: 0.26rem;}
.fixedImg { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.black-50{ background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.weui-cell{ position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
/* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: 'iconfont'; /* Project id 3892431 */
src: url('//at.alicdn.com/t/c/font_3892431_mbig0da578p.woff2?t=1676257027150') format('woff2'),
url('//at.alicdn.com/t/c/font_3892431_mbig0da578p.woff?t=1676257027150') format('woff'),
url('//at.alicdn.com/t/c/font_3892431_mbig0da578p.ttf?t=1676257027150') format('truetype');
}
.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {position:relative;min-height:1px;padding-right:10px;padding-left:10px;}
.col-xs-1-5 {width:20%;float:left;}
@media (min-width:768px) {
.col-sm-1-5 {width:20%;float:left;}
}
@media (min-width:992px) {
.col-md-1-5 {width:20%;float:left;}
}
@media (min-width:1200px) {
.col-lg-1-5 {width:20%;float:left;}
}
@media (max-width: 767px) {
.container {padding-right:20px;padding-left: 20px;}
.page-box .container{padding:0}
.row {margin-right: -5px; margin-left: -5px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5{ padding-left:5px; padding-right:5px}
}
.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}
#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc}
#message .msg a:hover{ color:#b1000; text-decoration:none}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to { -moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}
/* --------------浏览器滚动条----------------------- */
::-webkit-scrollbar {height:8px;width:8px}
::-webkit-scrollbar-button {height:0;width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-style:solid;border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;}
::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active {-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-width:0;}
::-webkit-scrollbar-track:hover {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}
.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:1 }
.video-play .box{ width:960px; height:540px; position:relative; z-index:3; margin:0 auto }
.video-play .close-btn{ background:url(../images/close2.gif) no-repeat center center; background-size:60% 60%; display:block; text-indent:-10000px; width:0.5rem; height:0.5rem; position:absolute; right:0.2rem; top:0.2rem; z-index:4;-webkit-transition: -webkit-transform 1s;}
.video-play .close-btn:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg); }
#con_video_div{ background:#000}
@media (max-width: 767px) {
.video-play .box{ width:100%; height:300px;}
.video-play .close-btn{ right:0.2rem;top:-0.5rem; width:0.3rem; height:0.3rem; background-size:cover}
#con_video_div{ width:100% !important;height:300px !important}
}
.b{font-weight:bold}
.red{ color:#ee4433 !important}
.weui-cell{width:100%; height:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.main{width:100%;height:100vh;background-color:#59c6c1;background-image: linear-gradient(to right, #59c6c1 , #35c7ae);overflow:hidden;min-height:650px;position:relative}
.header{height:10%;position:relative;background:url(../images/tibd-header-bg.png) no-repeat center bottom;background-size:auto 100%}
.header .logo{position:relative;height:100%;background:url(../images/tibd-logo.png) no-repeat center center;background-size:auto 48%}
.footer{text-align:center;color:#fff;text-align:center;font-size:0.14rem;padding:0.1rem 0}
@media (max-width: 992px) {
.main{height:auto;min-height:100vh}
.header{height:1.5rem}
.header .logo{background-size:auto 0.6rem}
.footer{padding:0.2rem 0 0.4rem;font-size:0.18rem}
.footer span{display:none}
}
.wrapper{position:relative;height:81%;padding:0 3%;margin:1% 0}
.wrapper .row{height:100%}
.wrapper .col-lg-3,.wrapper .col-lg-6,.wrapper .col-md-3,.wrapper .col-md-6{height:100%}
.left-box{position:relative;height:100%;background-color:#fff; box-shadow: 0px 5px 15px rgba(0,0,0,.15);border-radius:0.15rem;overflow:hidden;}
.phone-show{display:none}
@media (max-width: 992px) {
.wrapper{height:auto}
.wrapper .row{height:auto}
.wrapper .col-lg-3,.wrapper .col-lg-6,.wrapper .col-md-3,.wrapper .col-md-6{height:auto}
.left-box{height:auto;}
.phone-hide{display:none}
.phone-show{display:block !important;margin-top:0.3rem}
}
.about{position:relative;height:60%;}
.about h2{height:0.8rem;background:url(../images/tibd-bg1.jpg) no-repeat center center;background-size:cover;width:100%;color:#fff;line-height:0.8rem;text-align:center;font-size:0.24rem;font-weight:bold; }
.about .content{height:calc(100% - 0.8rem);position:relative;padding:4% 6%;overflow-y:auto}
.about .content p{line-height:1.6;margin-bottom:0.1rem;text-indent:2em;text-align:justify;color:#888;font-size:0.15rem}
@media (max-width: 992px) {
.about{height:auto}
.about h2{font-size:0.35rem;}
.about .content p{font-size:0.24rem}
}
.news{position:relative;height:40%;padding:6%;border-top:4px #f6f6f6 solid}
.news h2{color:#30ada3;font-size:0.24rem;line-height:1;font-weight:bold; padding-left:0.15rem;position:relative}
.news h2:before {content: ""; position: absolute; display: inline-block; width: 5px; height: 5px;border-radius:3px;background-color:#30ada3;left:0;top:50%;margin-top:-2px}
.news .con{height:calc(100% - 0.25rem);position:relative;padding-top:0.2rem}
.news .con a{display:block;height:100%}
/*
.news .con .image{position:relative;height:100%;background-position:center center;background-size:cover}
.news .con .text{position:absolute;left:0;bottom:0;z-index:2;color:#fff;background:url(../images/tibd-mask.png) no-repeat center bottom;background-size:100% 100%;padding:0.2rem;width:100%}
.news .con .text span{font-size:0.12rem;margin-bottom:3px;}
.news .con .text p{display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
*/
.news .con dl{position:relative;padding-left:1.2rem;height:0.7rem;margin-bottom:0.2rem}
.news .con dl .image{position:absolute;left:0;top:0;width:1rem;height:0.7rem;background-position:center center;background-size:cover}
.news .con dl .text span{font-size:0.12rem;color:#aaa;display:block}
.news .con dl .text p{display:block;margin-top:0.1rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 0.44rem;line-height:0.22rem; overflow: hidden;}
.news .con dd{position:relative;padding:0.06rem 0;}
.news .con dd span{font-size:0.12rem;color:#aaa;display:block;position:absolute;right:0;top:0.08rem}
.news .con dd a{display:block;margin-right:0.8rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news a.more{position:absolute;right:6%;top:10%;font-size:0.12rem;color:#30ada3}
.news a.more:hover{text-decoration:underline}
@media (max-width: 992px) {
.news{height:auto}
.news h2{font-size:0.35rem}
.news .con{height:auto}
.news .con dl .text p{font-size:0.24rem}
.news .con dd a{font-size:0.24rem;margin-right:0;}
.news .con dd span{position:relative;top:0;margin-top:0.05rem}
/*
.news .con .text{font-size:0.24rem}
*/
}
.banner{position:relative;height:60%;background-color:#fff; box-shadow: 0px 5px 15px rgba(0,0,0,.15);border-radius:0.15rem;overflow:hidden}
.banner .banner-slider{height:100%;border-radius:0.15rem;overflow:hidden}
.banner .image{height:100%;background-position:center center;background-size:cover}
.banner .swiper-slide{width:100% !important;}
@media (max-width: 992px) {
.banner{height:3.3rem;margin-top:0.3rem}
}
.case{height:36%;margin-top:4%;position:relative}
.case h2{color:#fff;height:0.4rem;text-align:center;font-size:0.24rem;font-weight:bold;text-shadow: rgb(0 0 0 / 30%) 1px 0px 2px;}
.case .case-slider{height:calc(100% - 0.4rem);position:relative}
.case .swiper-container{height:100%}
.case .item{height:100%;position:relative;border-radius:0.1rem;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.15);}
.case .image{position:absolute;left:0;top:0;bottom:0.4rem;right:0;background-position:center center;background-size:100% 100%}
.case .text{background-color:#fff;text-align:center;position:absolute;left:0;bottom:0;width:100%;padding:0 0.1rem;line-height:0.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case .swiper-wrapper {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.case .swiper-slide {
-webkit-transition: transform 1.0s;
-moz-transition: transform 1.0s;
-ms-transition: transform 1.0s;
-o-transition: transform 1.0s;
-webkit-transform: scale(0.75);
/* margin: 1px; */
transform: scale(0.75);
padding: 0.2rem 0;
}
@media screen and (max-width: 668px) {
.case .swiper-slide {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
}
.case .swiper-slide-active,.case .swiper-slide-duplicate-active {
-webkit-transform: scale(1.15);
transform: scale(1.15);
z-index: 1002;
}
@media screen and (max-width: 668px) {
.case .swiper-slide-active,.case .swiper-slide-duplicate-active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
}
.case .none-effect {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
}
@media (max-width: 992px) {
.case{height:auto;margin-top:0.3rem}
.case h2{font-size:0.35rem;height:0.55rem}
.case .item{height:3rem}
.case .swiper-button-next{display:none}
.case .swiper-button-prev{display:none}
.case .text{font-size:0.25rem}
}
.current-swiper{width:90%;max-width:8rem;height:100%;margin:0 auto;position:relative;z-index:99}
@media (max-width: 992px) {
.current-swiper{width:100%}
}
.link{height:15%;position:relative}
.link a{display:block;position:relative;height:100%;background:url(../images/tibd-link.jpg?sss) no-repeat center center;background-size:cover;box-shadow: 0px 5px 15px rgba(0,0,0,.15);border-radius:0.15rem;overflow:hidden}
@media (max-width: 992px) {
.link{height:1.6rem;margin-top:0.3rem}
}
.business{height:40%; padding:7%;position:relative;background:url(../images/tibd-bg2.jpg) no-repeat center center;background-size:cover;box-shadow: 0px 5px 15px rgba(0,0,0,.15);border-radius:0.15rem;margin-top:7%}
.business h2{z-index:2;text-indent:-10000px;position:absolute;left:-2px;top:-2px;width:0.86rem;height:0.99rem;background:url(../images/tibd-t1.png) no-repeat center center;background-size:cover;}
.business .item-a{background-color:#fff;position:relative;height:20%;border-radius:5px;text-align:center;color:#666}
.business .item-b{background-color:#fff;position:relative;height:20%;border-radius:5px;text-align:left;color:#666;width:49%;float:left;margin-top:2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.business .item-b.s2{margin-left:2%;}
.business i{display:inline-block;width:0.4rem;height:0.4rem;background-position:center center;background-size:cover;vertical-align:top}
.business i.icon1{background-image:url(../images/tibd-icon1.png)}
.business i.icon2{background-image:url(../images/tibd-icon2.png)}
.business i.icon3{background-image:url(../images/tibd-icon3.png)}
.business i.icon4{background-image:url(../images/tibd-icon4.png)}
.business i.icon5{background-image:url(../images/tibd-icon5.png)}
.business i.icon6{background-image:url(../images/tibd-icon6.png)}
.business i.icon7{background-image:url(../images/tibd-icon7.png)}
.business span{display:inline-block;line-height:0.4rem;vertical-align:top}
.business span.f14{font-size:0.13rem}
@media (max-width: 992px) {
.business{height:auto;margin-top:0.3rem}
.business .item-a{height:0.6rem;font-size:0.25rem}
.business .item-b{height:0.6rem;font-size:0.25rem}
.business span.f14{font-size:0.25rem}
}
.contact{height:38%; padding:7%;position:relative;background:#fff;box-shadow: 0px 5px 15px rgba(0,0,0,.15);border-radius:0.15rem;margin-top:7%}
.contact h2{color:#30ada3;font-size:0.24rem;line-height:1;font-weight:bold; padding-left:0.15rem;position:relative}
.contact h2:before {content: ""; position: absolute; display: inline-block; width: 5px; height: 5px;border-radius:3px;background-color:#30ada3;left:0;top:50%;margin-top:-2px}
.contact .con{margin-top:0.3rem;position:relative}
.contact .con p{margin-bottom:0.1rem;width:65%;font-size:0.14rem}
.contact .con p span{display:block;padding-left:3em}
.contact .weixin{position:absolute;right:0;top:0;width:35%;text-align:center}
.contact .weixin img{width:80%;max-width:1.1rem;border:1px #ddd solid}
.contact .weixin span{display:block;text-align:center;font-size:0.12rem;color:#999;margin-top:0.06rem}
@media (max-width: 992px) {
.contact{height:auto;margin-top:0.3rem}
.contact h2{font-size:0.35rem}
.contact .con p{width:100%;font-size:0.25rem}
.contact .weixin{width:100%;position:relative;margin-top:0.2rem}
.contact .weixin img{max-width:2rem}
}