﻿/************************首页***************************/

/*************
header
*************/
.header{position: fixed;top: 0;left: 0;right: 0; margin: 0 auto; z-index: 2024;background-color: #fff;transition: all .5s ease 2ms;}
.hdK{transition: all .5s ease 2ms;}
.header-change .header{box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);}
.header-change .hdK{}
.logo{}
.logo a{ display: block;}
.logo a img{width: 100%;}
.nav{flex:1; -webkit-flex:1; position: relative;}
.nav ul{width: 100%;}
.nav-li{position: relative; }
.navA{transition: all 0.3s ease;}
.navA:hover,.navA.active{}
.hd_nav{display: none;}

@media  screen and ( min-width:1440px){
.hdK{height: 115px;}
.header-change .hdK{}
.logo{width: 308px;}
.nav{}
.nav-li{margin-left: 5.8%;}
.navA{padding:7px 0;font-size: 18px;}
.navA:hover,.navA.active{color: #3399cc;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.ward{width: 1100px;}
.hdK{height: 105px;}
.header-change .hdK{}
.logo{width: 258px;}
.nav{}
.nav-li{margin-left: 5.8%;}
.navA{padding:7px 0;font-size: 16px;}
.navA:hover,.navA.active{color: #3399cc;}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.ward{width: 960px;}
.hdK{height: 95px;}
.header-change .hdK{}
.logo{width: 208px;}
.nav{}
.nav-li{margin-left: 5.8%;}
.navA{padding:7px 0;font-size: 14px;}
.navA:hover,.navA.active{color: #3399cc;}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.ward{width: 690px;}
.hdK{width: 92%;height: 85px;}
.header-change .hdK{}
.logo{width: 136px;}
.nav{padding-top: 85px;position: fixed;width: 100%;top: 0;left: 0;background: #fff;z-index: -1;display: none;box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)}
.nav ul {height: 100%;overflow: auto;padding: 20px 0;}
.nav-li {width: 100%;border-bottom: 1px solid #ddd;}
.nav-li:last-child{border-bottom: none;}
.navA{font-size: 14px;line-height: 52px;color: #333;position: relative;display: block;padding: 0 4%;width: 100%;}
.navA:hover,.navA.active{color: #3399cc;}

.hd_nav{display: block;width: 28px; height: 28px;position: relative;z-index: 999;margin-left: 15px;}
.hd_nav i {top: 50%;position: absolute;display: inline-block;height: 3px;width: 28px;border-radius: 2px;background: #3399cc;}
.hd_nav:before, .hd_nav:after {content: '';position: absolute;top: 50%;display: inline-block;height: 3px;width: 28px;border-radius: 2rem;background: #3399cc;transition: 0.2s;}
.hd_nav:before {margin-top: -9px;}
.hd_nav:after {margin-top: 9px;}
.hd_nav.active i { display: none;}
.hd_nav.active:before, .hd_nav.active:after {margin-top: 0;background: #3399cc;}
.hd_nav.active:before {transform: rotate(45deg);}
.hd_nav.active:after {transform: rotate(-45deg);}
}
@media only screen and (max-width:767px){
.ward{width: 92%;max-width: 500px;}
.hdK{height: .5rem;}
.header-change .hdK{}
.logo{width: 1rem;}
.nav{padding-top: .5rem;position: fixed;width: 100%;top: 0;left: 0;background: #fff;z-index: -1;display: none;box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)}
.nav ul {height: 100%;overflow: auto;padding: .15rem 0 .05rem;}
.nav-li {width: 100%;border-bottom: .01rem solid #ddd;}
.nav-li:last-child{border-bottom: none;}
.navA{font-size: .125rem;line-height: .4rem;color: #333;position: relative;display: block;padding: 0 4%;width: 100%;}
.navA:hover,.navA.active{color: #3399cc;}

.hd_nav{display: block;width: .2rem; height: .2rem;position: relative;z-index: 999;margin-left: .1rem;}
.hd_nav i {top: 50%;position: absolute;display: inline-block;height: .02rem;width: 100%;border-radius: 2px;background: #3399cc;}
.hd_nav:before, .hd_nav:after {content: '';position: absolute;top: 50%;display: inline-block;height: .02rem;width: 100%;border-radius: 2rem;background: #3399cc;transition: 0.2s;}
.hd_nav:before {margin-top: -.07rem;}
.hd_nav:after {margin-top: .07rem;}
.hd_nav.active i { display: none;}
.hd_nav.active:before, .hd_nav.active:after {margin-top: 0;background: #3399cc;}
.hd_nav.active:before {transform: rotate(45deg);}
.hd_nav.active:after {transform: rotate(-45deg);}
}



/***********
footer
***********/
.footer{background-color: #fff;}
.ft-logo{}
.ft-logo a{display: block;}
.ft-logo img{width: 100%;}
.ft-nav{flex: 1;-webkit-flex:1;width: 100%;}
.ft-nav dl{}
.ft-nav dl:last-child{}
.ft-nav dl dt{font-weight: 600;}
.ftNavA{color: #7f819e;font-weight: 600;display: block;}
.ftNavA:hover{}
.ftInfo{}
.ftInfo img{}
.ftInfo p{color: #888;flex:1;-webkit-flex:1;width: 100%}

@media  screen and ( min-width:1440px){
.footer{padding: 50px 0 40px;}
.ft-logo{}
.ft-nav{margin-left: 7.5%;}
.ft-nav dl{width: 20%;margin-right: 1%}
.ft-nav dl:last-child{width: 30%;margin-left: 7%;margin-right: 0}
.ft-nav dl dt{font-size: 20px;margin-bottom: 26px;}
.ftNavA{font-size: 14px;padding:8px 0;}
.ftNavA:hover{text-decoration: underline;}
.ftInfo{padding: 8px 0;}
.ftInfo img{width: 20px;margin-right: 12px;margin-top: 2px;}
.ftInfo p{font-size: 16px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.footer{padding: 40px 0 30px;}
.ft-logo{}
.ft-nav{margin-left: 7.5%;}
.ft-nav dl{width: 20%;margin-right: 1%}
.ft-nav dl:last-child{width: 30%;margin-left: 7%;margin-right: 0}
.ft-nav dl dt{font-size: 18px;margin-bottom: 24px;}
.ftNavA{font-size: 14px;padding: 7px 0;}
.ftNavA:hover{text-decoration: underline;}
.ftInfo{padding: 8px 0;}
.ftInfo img{width: 20px;margin-right: 12px;margin-top: 2px;}
.ftInfo p{font-size: 15px;}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.footer{padding: 40px 0 30px;}
.ft-logo{}
.ft-nav{margin-left: 7.5%;}
.ft-nav dl{width: 20%;margin-right: 1%}
.ft-nav dl:last-child{width: 30%;margin-left: 7%;margin-right: 0}
.ft-nav dl dt{font-size: 16px;margin-bottom: 20px;}
.ftNavA{font-size: 13px;padding: 6px 0;}
.ftNavA:hover{text-decoration: underline;}
.ftInfo{padding: 8px 0;}
.ftInfo img{width: 18px;margin-right: 10px;margin-top: 2px;}
.ftInfo p{font-size: 14px;}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.footer{padding: 40px 0 30px;}
.footer .ward{width: 92%}
.ft-logo{}
.ft-nav{margin-left: 7.5%;justify-content: space-between;}
.ft-nav dl{width: 21%;margin-right: 1%}
.ft-nav dl:last-child{width: 30%;margin-right: 0;margin-left: 4%;}
.ft-nav dl dt{font-size: 16px;margin-bottom: 20px;}
.ftNavA{font-size: 13px;padding: 6px 0;}
.ftNavA:hover{text-decoration: underline;}
.ftInfo{padding: 8px 0;}
.ftInfo img{width: 18px;margin-right: 10px;margin-top: 2px;}
.ftInfo p{font-size: 14px;}
}
@media only screen and (max-width:767px){
.footer{padding: 40px 0 30px;}
.footer .ward{width: 92%}
.ft-logo{}
.ft-nav{justify-content: space-between;flex: auto;margin-top: .1rem;}
.ft-nav dl{width: 50%;margin-top: .2rem;}
.ft-nav dl:last-child{width: 100%;}
.ft-nav dl dt{font-size: .13rem;margin-bottom: .1rem;}
.ftNavA{font-size: .11rem;padding: .05rem 0;}
.ftNavA:hover{text-decoration: underline;}
.ftInfo{padding: .05rem 0;}
.ftInfo img{width: .15rem;margin-right: .08rem;margin-top: .01rem;}
.ftInfo p{font-size: .115rem;}
}


/***********
IndFormB
***********/
.IndFormB{background-color: #8ec6e3;}
.tit{text-align: center;}
.tit h2{font-weight: 800;}
.IndFormB .tit h2{color: #fff;}
.IndCantactForm{}
.cantact-form-l{}
.cantactFormI{overflow: hidden;background-color: #fff;}
.cantactFormT{color: #b1b1b1;}
.cantactFormT sup{}
.cantactFormInp{flex: 1;-webkit-flex:1;}
.form-select{}
.form-select select{background-color: transparent;border:none;background-image: url(../image/xiala.png);background-repeat: no-repeat;}
.form-textarea-wrapper{}
.form-textarea-wrapper .cantactFormT{}
.form-textarea-wrapper textarea{max-width: 100%;width: 100%;display: block;min-width: 100%;border:none;}
.sub-btn-wrap{width: 100%;}
.sub-btn{background-color: #fff;}
.sub-btn:hover{}

@media  screen and ( min-width:1440px){
.IndFormB{padding: 60px 0;;}
.tit{}
.tit h2{font-size: 40px;line-height: 1.2;}
.IndFormB .tit h2{}
.IndCantactForm{margin-top: 70px;}
.cantact-form-l{width: 49%;}
.cantactFormI{border-radius: 6px;width: 100%;padding: 0 20px;margin-bottom: 16px;}
.cantactFormT{font-size: 16px;}
.cantactFormT sup{line-height: 1;margin-left: 2px;}
.cantactFormInp{padding: 14px 20px;font-size: 16px;width: 100%;}
.form-select{padding:0;}
.form-select select{padding: 14px 20px;font-size: 16px;background-position: right 20px center;background-size: 12px;width: 100%;}
.form-textarea-wrapper{width: 49%;padding:14px 20px;}
.form-textarea-wrapper .cantactFormT{margin-bottom: 6px;}
.form-textarea-wrapper textarea{font-size: 16px;height: 190px;}
.sub-btn-wrap{width: 100%;}
.sub-btn{font-size: 16px;border-radius: 6px;padding: 20px 0;width: 49%}
.sub-btn:hover{opacity: .7;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.IndFormB{padding: 50px 0;}
.tit{}
.tit h2{font-size: 36px;line-height: 1.2;}
.IndFormB .tit h2{}
.IndCantactForm{margin-top: 60px;}
.cantact-form-l{width: 49%;}
.cantactFormI{border-radius: 6px;width: 100%;padding: 0 20px;margin-bottom: 16px;}
.cantactFormT{font-size: 14px;}
.cantactFormT sup{line-height: 1;margin-left: 2px;}
.cantactFormInp{padding: 14px 20px;font-size: 14px;width: 100%;}
.form-select{padding:0;}
.form-select select{padding: 14px 20px;font-size: 14px;background-position: right 20px center;background-size: 12px;width: 100%;}
.form-textarea-wrapper{width: 49%;padding:14px 20px;}
.form-textarea-wrapper .cantactFormT{margin-bottom: 6px;}
.form-textarea-wrapper textarea{font-size: 14px;height: 186px;}
.sub-btn-wrap{width: 100%;}
.sub-btn{font-size: 14px;border-radius: 6px;padding: 20px 0;width: 49%}
.sub-btn:hover{opacity: .7;}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.IndFormB{padding: 50px 0;}
.tit{}
.tit h2{font-size: 36px;line-height: 1.2;}
.IndFormB .tit h2{}
.IndCantactForm{margin-top: 60px;}
.cantact-form-l{width: 49%;}
.cantactFormI{border-radius: 6px;width: 100%;padding: 0 20px;margin-bottom: 16px;}
.cantactFormT{font-size: 14px;}
.cantactFormT sup{line-height: 1;margin-left: 2px;}
.cantactFormInp{padding: 14px 20px;font-size: 14px;width: 100%;}
.form-select{padding:0;}
.form-select select{padding: 14px 20px;font-size: 14px;background-position: right 20px center;background-size: 12px;width: 100%;}
.form-textarea-wrapper{width: 49%;padding:14px 20px;}
.form-textarea-wrapper .cantactFormT{margin-bottom: 6px;}
.form-textarea-wrapper textarea{font-size: 14px;height: 186px;}
.sub-btn-wrap{width: 100%;}
.sub-btn{font-size: 14px;border-radius: 6px;padding: 20px 0;width: 49%}
.sub-btn:hover{opacity: .7;}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.IndFormB{padding: 50px 0;}
.tit{}
.tit h2{font-size: 36px;line-height: 1.2;}
.IndFormB .tit h2{}
.IndCantactForm{margin-top: 60px;}
.cantact-form-l{width: 49%;}
.cantactFormI{border-radius: 6px;width: 100%;padding: 0 20px;margin-bottom: 16px;}
.cantactFormT{font-size: 14px;}
.cantactFormT sup{line-height: 1;margin-left: 2px;}
.cantactFormInp{padding: 14px 20px;font-size: 14px;width: 100%;}
.form-select{padding:0;}
.form-select select{padding: 14px 20px;font-size: 14px;background-position: right 20px center;background-size: 12px;width: 100%;}
.form-textarea-wrapper{width: 49%;padding:14px 20px;}
.form-textarea-wrapper .cantactFormT{margin-bottom: 6px;}
.form-textarea-wrapper textarea{font-size: 14px;height: 186px;}
.sub-btn-wrap{width: 100%;}
.sub-btn{font-size: 14px;border-radius: 6px;padding: 20px 0;width: 49%}
.sub-btn:hover{opacity: .7;}
}
@media only screen and (max-width:767px){
.IndFormB{padding: .35rem 0;}
.tit{}
.tit h2{font-size: .2rem;line-height: 1.2;}
.IndFormB .tit h2{}
.IndCantactForm{margin-top: .3rem;}
.cantact-form-l{width: 100%;}
.cantactFormI{border-radius: 6px;width: 100%;padding: 0 4%;margin-bottom: .15rem;}
.cantactFormT{font-size: .12rem;}
.cantactFormT sup{line-height: 1;margin-left: 2px;}
.cantactFormInp{padding: 14px 20px;font-size: .12rem;width: 100%;}
.form-select{padding:0;}
.form-select select{padding: 14px 20px;font-size: .12rem;background-position: right 20px center;background-size: 12px;width: 100%;}
.form-textarea-wrapper{width: 100%;padding:14px 20px;}
.form-textarea-wrapper .cantactFormT{margin-bottom: 6px;}
.form-textarea-wrapper textarea{font-size: .12rem;height: 1rem;}
.sub-btn-wrap{width: 100%;}
.sub-btn{font-size: .12rem;border-radius: 6px;padding: 20px 0;width: 100%;}
.sub-btn:hover{opacity: .7;}
}

/***********
IndHotB
***********/
.IndHotB{background-position: center bottom;background-repeat: no-repeat;background-image: url(../image/hotBg.png);background-size: contain;}
.IndHotList{}
.IndHotBa{}
.IndHotPic{width: 100%;overflow: hidden;}
.IndHotPic img{width: 100%;height: 100%;object-fit: contain;}
.IndHotBa p{}

@media  screen and ( min-width:1440px){
.IndHotB{padding: 90px 0;}
.IndHotList{margin-top: 50px;}
.IndHotBa{width: 31.3%}
.IndHotPic{height: 318px;border-radius: 16px;}
.IndHotPic img{}
.IndHotBa p{font-size: 18px;margin-top: 20px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.IndHotB{padding: 80px 0;}
.IndHotList{margin-top: 40px;}
.IndHotBa{width: 31.3%}
.IndHotPic{height: 292px;border-radius: 16px;}
.IndHotPic img{}
.IndHotBa p{font-size: 16px;margin-top: 20px;}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.IndHotB{padding: 70px 0;}
.IndHotList{margin-top: 30px;}
.IndHotBa{width: 31.3%}
.IndHotPic{height: 255px;border-radius: 16px;}
.IndHotPic img{}
.IndHotBa p{font-size: 14px;margin-top: 20px;}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.IndHotB{padding: 70px 0;}
.IndHotList{margin-top: 40px;}
.IndHotBa{width: 31.3%}
.IndHotPic{height: 183px;border-radius: 16px;}
.IndHotPic img{}
.IndHotBa p{font-size: 14px;margin-top: 20px;}
}
@media only screen and (max-width:767px){
.IndHotB{padding: .4rem 0;}
.IndHotList{width: 100%;margin: .1rem auto 0;}
.IndHotBa{width: 100%;margin-top: .2rem;padding: .15rem;background: #fff;border-radius: .15rem;}
.IndHotPic{height: auto;border-radius: .15rem;}
.IndHotPic img{}
.IndHotBa p{font-size: .12rem;margin-top: .1rem;}
}


/***********
IndTeamB
***********/
.IndTeamB{background-color: #def5fa;}
.tit span{display: inline-block;}
.tit p{}
.IndTeamW{position: relative;}
.team-pic{position: absolute;top: 0;z-index: 1;width: 100%;padding: 0 1%;}
.team-pic img{margin: 0 auto;max-width: 1742px;width: 100%;}
.IndTeamW ul{position: relative;z-index: 2;}
.IndTeamI{background-color: #defaff;box-shadow: 0 0 15px 0 rgba(0,0,0,.05);}
.IndTeamTx{border-radius: 50%;overflow: hidden;}
.IndTeamT{flex:1;-webkit-flex:1;}
.IndTeamT h3{font-weight: 600;}
.IndTeamT h5{color: #666;}
.IndTeamT p{color: #666;}

@media  screen and ( min-width:1440px){
.IndTeamB{padding: 60px 0;}
.tit span{font-size: 18px;margin-top: 8px;}
.tit p{font-size: 18px;margin-top: 20px;}
.IndTeamW{margin-top: 50px;}
.IndTeamI{width: 49%;border-radius: 16px;padding: 25px 34px;margin-top: 30px;min-height: 200px;}
.IndTeamTx{width: 95px;height: 95px;}
.IndTeamT{margin-left: 20px;}
.IndTeamT h3{font-size: 22px;}
.IndTeamT h5{font-size: 16px;}
.IndTeamT p{font-size: 14px;margin-top: 10px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.IndTeamB{padding: 50px 0;}
.tit span{font-size: 16px;margin-top: 8px;}
.tit p{font-size: 16px;margin-top: 20px;}
.IndTeamW{margin-top: 40px;}
.IndTeamI{width: 49%;border-radius: 16px;padding: 23px 30px;margin-top: 20px;min-height: 200px;}
.IndTeamTx{width: 85px;height: 85px;}
.IndTeamT{margin-left: 20px;}
.IndTeamT h3{font-size: 20px;}
.IndTeamT h5{font-size: 15px;}
.IndTeamT p{font-size: 13px;margin-top: 10px;}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.IndTeamB{padding: 50px 0;}
.tit span{font-size: 14px;margin-top: 8px;}
.tit p{font-size: 14px;margin-top: 20px;}
.IndTeamW{margin-top: 40px;}
.IndTeamI{width: 49%;border-radius: 16px;padding: 20px 20px;margin-top: 20px;min-height: 180px;}
.IndTeamTx{width: 75px;height: 75px;}
.IndTeamT{margin-left: 20px;}
.IndTeamT h3{font-size: 18px;}
.IndTeamT h5{font-size: 14px;}
.IndTeamT p{font-size: 12px;margin-top: 10px;}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.IndTeamB{padding: 50px 0;}
.tit span{font-size: 14px;margin-top: 8px;}
.tit p{font-size: 14px;margin-top: 20px;}
.IndTeamW{margin-top: 40px;}
.IndTeamI{width: 49%;border-radius: 16px;padding: 20px 20px;margin-top: 20px;min-height: 180px;}
.IndTeamTx{width: 65px;height: 65px;}
.IndTeamT{margin-left: 16px;}
.IndTeamT h3{font-size: 18px;}
.IndTeamT h5{font-size: 14px;}
.IndTeamT p{font-size: 12px;margin-top: 10px;}
}
@media only screen and (max-width:767px){
.IndTeamB{padding: .3rem 0;}
.tit span{font-size: .11rem;margin-top: .04rem;}
.tit p{font-size: .11rem;margin-top: .15rem;}
.IndTeamW{margin-top: .3rem;}
.IndTeamI{width: 100%;border-radius: 16px;padding: .15rem;margin-top: .1rem;min-height: 180px;}
.IndTeamTx{width: .5rem;height: .5rem;}
.IndTeamT{margin-left: .12rem;}
.IndTeamT h3{font-size: .15rem;}
.IndTeamT h5{font-size: .12rem;}
.IndTeamT p{font-size: .11rem;margin-top: .1rem;}
}


/***********
IndProduct3
***********/
.IndProductB{position: relative;}
.IndProductB .ward{position: absolute;left: 0;right: 0;top: 50%;transform: translate(0,-50%);z-index: 3}
.IndProduct3{background-color: #8ec6e3;}
.IndProductPicBg{position: absolute;right: 0;top: 0;z-index: 1;height: 100%;}
.IndProductPicBg img{width: 100%;height: 100%;object-fit: contain;}
.IndProduct3Pic{position: absolute;right: 0;z-index: 2;top: 50%;transform: translate(0,-50%);}
.IndProduct3Pic img{height: 100%;}
.IndProductT{color: #fff;position: relative;}
.IndProductT h3{}
.IndProductT h2{font-weight: 800;line-height: 1;}
.IndProductT p{}
.IndProductT a{display: inline-block;color: #3399cc;font-weight: 600;background-image: linear-gradient(to bottom, #c1e9fb , #a3c6fd);}
.IndProductT a:hover{background-image: linear-gradient(to bottom, #a3c6fd, #c1e9fb);}

/***********
IndProduct2
***********/
.IndProduct2{background-color: #defaff}
.IndProduct2ZS{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);z-index: 2;width: 24%;max-width: 458px;}
.IndProduct2 .IndProductT{color: #3399cc;}
.IndProduct2Pic{position: absolute;right: 0;z-index: 2;top: 50%;transform: translate(0,-50%);}
.IndProduct2Pic img{height: 100%;}

/***********
IndProduct1
***********/
.IndProduct1{}
.IndProduct1Pic{position: absolute;right: 8%;z-index: 2;top: 50%;transform: translate(0,-50%);}
.IndProduct1Pic img{height: 100%;}
@media  screen and ( min-width:1680px){
.IndProductB{height: calc(100vh - 115px)}
.IndProduct3{}
.IndProductPicBg{width: 34.35%;}
.IndProduct3Pic{height: 70vh;}
.IndProductT{width: 70.5%;}
.IndProductT h3{font-size: 36px;}
.IndProductT h2{font-size: 80px;}
.IndProductT p{font-size: 18px;margin-top: 100px;min-height: 162px;}
.IndProductT a{margin-top: 24px;font-size: 20px;padding: 15px 30px;border-radius: 50px;}

.IndProduct2{}
.IndProduct2 .IndProductT{}
.IndProduct2Pic{height: 70vh;}

.IndProduct1{}
.IndProduct1Pic{height: 70vh;}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.IndProductB{height: calc(100vh - 115px)}
.IndProduct3{}
.IndProductPicBg{width: 34.35%;max-width: 658px;}
.IndProduct3Pic{height: 70vh;max-width: 922px;}
.IndProductT{width: 70.5%;}
.IndProductT h3{font-size: 32px;}
.IndProductT h2{font-size: 70px;}
.IndProductT p{font-size: 16px;margin-top: 80px;min-height: 120px;}
.IndProductT a{margin-top: 22px;font-size: 18px;padding: 15px 30px;border-radius: 50px;}

.IndProduct2{}
.IndProduct2 .IndProductT{}
.IndProduct2Pic{height: 70vh;max-width: 726px;}

.IndProduct1{}
.IndProduct1Pic{height: 70vh;max-width: 658px;}
}

@media screen and (max-width:1439px ) and ( min-width:1280px){
.IndProductB{height: calc(100vh - 105px)}
.IndProduct3{}
.IndProductPicBg{width: 34.35%;max-width: 658px;}
.IndProduct3Pic{height: 65vh;max-width: 922px;}
.IndProductT{width: 70.5%;}
.IndProductT h3{font-size: 28px;}
.IndProductT h2{font-size: 60px;}
.IndProductT p{font-size: 14px;margin-top: 60px;min-height: 84px;}
.IndProductT a{margin-top: 20px;font-size: 16px;padding: 15px 30px;border-radius: 50px;}

.IndProduct2{}
.IndProduct2 .IndProductT{}
.IndProduct2Pic{height: 65vh;max-width: 726px;}

.IndProduct1{}
.IndProduct1Pic{height: 65vh;max-width: 658px;}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.IndProductB{height: calc(100vh - 105px)}
.IndProduct3{}
.IndProductPicBg{width: 34.35%;max-width: 658px;}
.IndProduct3Pic{height: 65vh;max-width: 922px;}
.IndProductT{width: 70.5%;}
.IndProductT h3{font-size: 28px;}
.IndProductT h2{font-size: 60px;}
.IndProductT p{font-size: 14px;margin-top: 60px;min-height: 84px;}
.IndProductT a{margin-top: 20px;font-size: 16px;padding: 15px 30px;border-radius: 50px;}

.IndProduct2{}
.IndProduct2 .IndProductT{}
.IndProduct2Pic{height: 65vh;max-width: 726px;}

.IndProduct1{}
.IndProduct1Pic{height: 65vh;max-width: 658px;}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.IndProductB{height: calc(100vh - 105px)}
.IndProduct3{}
.IndProductPicBg{width: 34.35%;max-width: 658px;}
.IndProduct3Pic{height: 65vh;max-width: 922px;}
.IndProductT{width: 70.5%;}
.IndProductT h3{font-size: 28px;}
.IndProductT h2{font-size: 60px;}
.IndProductT p{font-size: 14px;margin-top: 60px;min-height: 84px;}
.IndProductT a{margin-top: 20px;font-size: 16px;padding: 15px 30px;border-radius: 50px;}

.IndProduct2{}
.IndProduct2 .IndProductT{}
.IndProduct2Pic{height: 65vh;max-width: 726px;}

.IndProduct1{}
.IndProduct1Pic{height: 65vh;max-width: 658px;}
}
@media only screen and (max-width:767px){
.IndProductB{display: flex;flex-wrap: wrap;flex-direction: column-reverse;padding: .4rem 0;}
.IndProductB .ward{position: static;transform: none;margin-top: .3rem;text-align: center;}
.IndProduct3{}
.IndProductPicBg{width: 34.35%;max-width: 658px;}
.IndProduct3Pic{max-width: 922px;position: static;transform: none;padding: 0 4%;}
.IndProductT{width: 100%;}
.IndProductT h3{font-size: .17rem;}
.IndProductT h2{font-size: .34rem;}
.IndProductT p{font-size: .12rem;margin-top: .3rem;min-height: 84px;}
.IndProductT a{margin-top: .3rem;font-size: .13rem;padding: .1rem .15rem;border-radius: 50px;}

.IndProduct2{}
.IndProduct2 .IndProductT{}
.IndProduct2Pic{max-width: 726px;position: static;transform: none;padding-left: 15%;}

.IndProduct1{}
.IndProduct1Pic{max-width: 658px;position: static;transform: none;width: 60%;margin: 0 auto;}
}



/***********
IndBannerB
***********/
.IndBannerB{position: relative;z-index: 2;}
.small-banner{position: absolute;left: 0;bottom: 0;}
.big-banner{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.bannerK{position: relative;z-index: 2;}
.bannerT{}
.bannerTH{font-weight: 800;color: #3399cc;line-height: 1.2;}
.bannerT span{display: inline-block;}
.bannerT p{}
.bannerI{}
.bannerI a{}
.bannerI a img{width: 100%;}

/***********
IndCatheterB
***********/
.IndCatheterB{position: relative;background-repeat: no-repeat;background-image: url(../image/bolagn.png);background-position: center top;z-index: 1;background-size: contain;}
.IndCatheterZs{}
.IndCatheterList{}
.IndCatheterI{}
.IndCatheterHW{flex-direction: column;align-items: center;position: relative;background-image: linear-gradient(to bottom, #c2e9fb 30%, #a7cbfd);overflow: hidden;}
.IndCatheterH{width: 100%;}
.IndCatheterH img{overflow: hidden;border-radius: 50%;}
.IndCatheterH h3{color: #2971c0;font-weight: 600;}
.IndCatheterImg{}
.IndCatheterImg img{width: 100%;height: 100%;object-fit: contain;}

.IndCatheterF{background-color: #fff;background-image: linear-gradient(to bottom, #fff , #adccef);box-shadow: 0 6px 10px 3px #0000003b;transition: all .3s;position: relative;}
.IndCatheterFt{flex: 1;-webkit-flex:1;}
.IndCatheterFt h3{color: #2971c0;font-weight: 600;}
.IndCatheterFt p{color: #2971c0;}
.IndCatheterFj{color: #2971c0;font-weight: 600;transition: all .3s;}
.IndCatheterI:hover .IndCatheterF{transform: translateY(-18px);}
.IndCatheterI:hover .IndCatheterFj{transform: translateX(-10px);}

.bolagn-pic{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);z-index: -1;opacity: .3;}
.bannerPic{position: absolute;right: 0;z-index: 1;}

@media  screen and ( min-width:1680px){
.IndBannerB{}
.small-banner{width: 11%;max-width: 210px;}
.big-banner{width: 18.8%;max-width: 360px;}
.bannerK{padding: 145px 0;}
.bannerT{width: 70%;}
.bannerTH{font-size: 60px;}
.bannerT span{font-size: 16px;margin-top: 10px;}
.bannerT p{font-size: 16px;margin-top: 20px;}
.bannerI{margin-top: 70px;}
.bannerI a{margin-right: 60px;width: 124px;}
.bannerI a img{}

.IndCatheterB{padding: 360px 0 120px;margin-top: -220px;}
.IndCatheterZs{width: 26px;margin: 80px auto 0;}
.IndCatheterList{}
.IndCatheterI{margin-top: 70px;width: 29%;border-radius: 30px;}
.IndCatheterHW{padding: 30px 30px 80px;border-radius: 30px 30px 0 0;}
.IndCatheterH{}
.IndCatheterH img{width: 64px;height: 64px;margin-right: 28px;}
.IndCatheterH h3{font-size: 24px;}
.IndCatheterImg{margin: 30px auto 0;width: 80%;height: 226px;}
.IndCatheterImg img{}

.IndCatheterF{border-radius: 30px;padding: 30px;margin-top: -50px;}
.IndCatheterFt{width: 90%;}
.IndCatheterFt h3{font-size: 22px;}
.IndCatheterFt p{font-size: 16px;}
.IndCatheterFj{font-size: 24px;}
.IndCatheterI:hover .IndCatheterF{}
.IndCatheterI:hover .IndCatheterFj{}

.bolagn-pic{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);z-index: -1;opacity: .3;width: 58.1%;max-width: 1113px;}
.bannerPic{width: 37.53%;max-width: 719px;top: 150px;}
}
@media  screen and ( min-width:1921px){
.IndCatheterB{padding: 480px 0 120px;}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.IndBannerB{}
.small-banner{width: 11%;max-width: 210px;}
.big-banner{width: 18.8%;max-width: 360px;}
.bannerK{padding: 125px 0;}
.bannerT{width: 70%;}
.bannerTH{font-size: 50px;}
.bannerT span{font-size: 15px;margin-top: 8px;}
.bannerT p{font-size: 15px;margin-top: 18px;}
.bannerI{margin-top: 60px;}
.bannerI a{margin-right: 50px;width: 114px;}
.bannerI a img{}

.IndCatheterB{padding: 290px 0 100px;margin-top: -200px;}
.IndCatheterZs{width: 24px;margin: 70px auto 0;}
.IndCatheterList{}
.IndCatheterI{margin-top: 60px;width: 29%;border-radius: 30px;}
.IndCatheterHW{padding: 30px 30px 80px;border-radius: 30px 30px 0 0;}
.IndCatheterH{}
.IndCatheterH img{width: 54px;height: 54px;margin-right: 26px;}
.IndCatheterH h3{font-size: 22px;}
.IndCatheterImg{margin: 28px auto 0;width: 80%;height: 226px;}
.IndCatheterImg img{}

.IndCatheterF{border-radius: 30px;padding: 30px;margin-top: -50px;}
.IndCatheterFt{width: 90%;}
.IndCatheterFt h3{font-size: 20px;}
.IndCatheterFt p{font-size: 15px;}
.IndCatheterFj{font-size: 22px;}
.IndCatheterI:hover .IndCatheterF{}
.IndCatheterI:hover .IndCatheterFj{}

.bolagn-pic{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);z-index: -1;opacity: .3;width: 58.1%;max-width: 1113px;}
.bannerPic{width: 37.53%;max-width: 719px;top: 150px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.IndBannerB{}
.small-banner{width: 11%;max-width: 210px;}
.big-banner{width: 18.8%;max-width: 360px;}
.bannerK{padding: 105px 4%;}
.bannerT{width: 70%;}
.bannerTH{font-size: 40px;}
.bannerT span{font-size: 14px;margin-top: 6px;}
.bannerT p{font-size: 14px;margin-top: 16px;}
.bannerI{margin-top: 50px;}
.bannerI a{margin-right: 40px;width: 104px;}
.bannerI a img{}

.IndCatheterB{padding: 270px 0 80px;margin-top: -170px;}
.IndCatheterZs{width: 22px;margin: 60px auto 0;}
.IndCatheterList{}
.IndCatheterI{margin-top: 50px;width: 29%;border-radius: 30px;}
.IndCatheterHW{padding: 30px 30px 80px;border-radius: 30px 30px 0 0;}
.IndCatheterH{}
.IndCatheterH img{width: 44px;height: 44px;margin-right: 24px;}
.IndCatheterH h3{font-size: 20px;}
.IndCatheterImg{margin: 26px auto 0;width: 80%;height: 204px;}
.IndCatheterImg img{}

.IndCatheterF{border-radius: 30px;padding: 30px;margin-top: -50px;}
.IndCatheterFt{width: 90%;}
.IndCatheterFt h3{font-size: 18px;}
.IndCatheterFt p{font-size: 14px;}
.IndCatheterFj{font-size: 20px;}
.IndCatheterI:hover .IndCatheterF{}
.IndCatheterI:hover .IndCatheterFj{}

.bolagn-pic{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);z-index: -1;opacity: .3;width: 58.1%;max-width: 1113px;}
.bannerPic{width: 37.53%;max-width: 719px;top: 150px;}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.IndBannerB{}
.small-banner{width: 11%;max-width: 210px;}
.big-banner{width: 18.8%;max-width: 360px;}
.bannerK{padding: 85px 4%;}
.bannerT{width: 70%;}
.bannerTH{font-size: 40px;}
.bannerT span{font-size: 14px;margin-top: 6px;}
.bannerT p{font-size: 14px;margin-top: 16px;}
.bannerI{margin-top: 50px;}
.bannerI a{margin-right: 40px;width: 104px;}
.bannerI a img{}

.IndCatheterB{padding: 270px 0 80px;margin-top: -170px;}
.IndCatheterZs{width: 22px;margin: 60px auto 0;}
.IndCatheterList{}
.IndCatheterI{margin-top: 50px;width: 29%;border-radius: 30px;}
.IndCatheterHW{padding: 20px 20px 80px;border-radius: 30px 30px 0 0;}
.IndCatheterH{}
.IndCatheterH img{width: 44px;height: 44px;margin-right: 24px;}
.IndCatheterH h3{font-size: 20px;}
.IndCatheterImg{margin: 26px auto 0;width: 80%;height: 172px;}
.IndCatheterImg img{}

.IndCatheterF{border-radius: 30px;padding: 20px;margin-top: -50px;}
.IndCatheterFt{width: 90%;}
.IndCatheterFt h3{font-size: 18px;}
.IndCatheterFt p{font-size: 14px;}
.IndCatheterFj{font-size: 20px;}
.IndCatheterI:hover .IndCatheterF{}
.IndCatheterI:hover .IndCatheterFj{}

.bolagn-pic{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);z-index: -1;opacity: .3;width: 58.1%;max-width: 1113px;}
.bannerPic{width: 37.53%;max-width: 719px;top: 110px;}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.IndBannerB{}
.small-banner{width: 11%;max-width: 210px;}
.big-banner{width: 18.8%;max-width: 360px;}
.bannerK{padding: 85px 4%;}
.bannerT{width: 100%;}
.bannerTH{font-size: 40px;}
.bannerT span{font-size: 14px;margin-top: 6px;}
.bannerT p{font-size: 14px;margin-top: 16px;}
.bannerI{margin-top: 50px;}
.bannerI a{margin-right: 40px;width: 104px;}
.bannerI a img{}

.IndCatheterB{padding: 220px 0 80px;margin-top: -170px;}
.IndCatheterZs{width: 22px;margin: 60px auto 0;}
.IndCatheterList{}
.IndCatheterI{margin-top: 50px;width: 31%;border-radius: 30px;}
.IndCatheterHW{padding: 20px 20px 80px;border-radius: 30px 30px 0 0;}
.IndCatheterH{}
.IndCatheterH img{width: 44px;height: 44px;margin-right: 24px;}
.IndCatheterH h3{font-size: 20px;}
.IndCatheterImg{margin: 26px auto 0;width: 80%;height: 126px;}
.IndCatheterImg img{}

.IndCatheterF{border-radius: 30px;padding: 20px;margin-top: -50px;}
.IndCatheterFt{width: 90%;}
.IndCatheterFt h3{font-size: 18px;}
.IndCatheterFt p{font-size: 14px;}
.IndCatheterFj{font-size: 20px;}
.IndCatheterI:hover .IndCatheterF{}
.IndCatheterI:hover .IndCatheterFj{}

.bolagn-pic{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);z-index: -1;opacity: .3;width: 58.1%;max-width: 1113px;}
.bannerPic{width: 37.53%;max-width: 719px;top: 150px;}
}
@media only screen and (max-width:767px){
.IndBannerB{}
.small-banner{width: 20%;max-width: 210px;}
.big-banner{width: 30%;max-width: 360px;top: 14%;}
.bannerK{padding: 2.3rem 0 .3rem;}
.bannerT{width: 100%;padding: 0 4%;}
.bannerTH{font-size: .3rem;}
.bannerT span{font-size: .12rem;margin-top: .1rem;}
.bannerT p{font-size: .12rem;margin-top: .2rem;}
.bannerI{margin-top: .3rem;justify-content: center;}
.bannerI a{width: .5rem;margin: 0 .1rem;}
.bannerI a img{}

.IndCatheterB{padding: 1rem 4% .4rem;}
.IndCatheterZs{width: 22px;margin: .3rem auto 0;}
.IndCatheterList{}
.IndCatheterI{margin-top: .3rem;width: 100%;border-radius: 30px;}
.IndCatheterHW{padding: .2rem .2rem .7rem;border-radius: 30px 30px 0 0;}
.IndCatheterH{}
.IndCatheterH img{width: .4rem;height: .4rem;margin-right: .1rem;}
.IndCatheterH h3{font-size: .18rem;}
.IndCatheterImg{margin: .2rem auto 0;width: 80%;height: 1.82rem;}
.IndCatheterImg img{}

.IndCatheterF{border-radius: 30px;padding: .2rem;margin-top: -50px;}
.IndCatheterFt{width: 90%;}
.IndCatheterFt h3{font-size: .16rem;}
.IndCatheterFt p{font-size: .12rem;}
.IndCatheterFj{font-size: .16rem;}
.IndCatheterI:hover .IndCatheterF{}
.IndCatheterI:hover .IndCatheterFj{}

.bolagn-pic{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);z-index: -1;opacity: .3;width: 58.1%;max-width: 1113px;}
.bannerPic{width: 65%;max-width: 719px;top: .4rem;}
}

/* 设置视频容器为全屏 */
.video-container {
    position: relative;
    width: 100%;
    height: 100vh; /* 视口高度 */
    overflow: hidden;
}

/* 设置视频为背景 */
#video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持视频比例并覆盖整个容器 */
    transform: translate(-50%, -50%);
    z-index: -1; /* 将视频放在内容后面 */
}

/* 设置内容样式 */
.content {
    position: relative;
    z-index: 1; /* 将内容放在视频前面 */
    text-align: center;
    color: white;
}


.langu{ position:relative; padding:0 14px 0 10px; cursor:pointer; transition:all .3s;height: 30px;}
.langu img{ margin-top:-3px; }
.langu span{ padding:0 4px;    color: brown; }

.langu:hover span{ color:brown; transition: all .3s; }

.langu .languageBox{ display:none; position:absolute; width:114px; left:50%;transform:translateX(-50%);top:30px; text-align:center;z-index:10; }
.langu .language{ width:100%; margin-top:6px;border: 1px solid #e6e6e6;background-color: #fff; }
.langu .language a{ display:block; padding:6px 0; color:#808080; }
.langu .language a:hover{ color:#333; background-color: #f5f5f5; transition:all .3s; }
.langu:hover .languageBox{ display:block; transition:all .3s; }