<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{background:#f8f8f8;}
.header,
.nav_erji_box .box{background:#fff;}



.banner_state{text-align:center;}


.nrqBox{background:#f8f8f8;}
.nrSer {background:url(/tkyy/uiFramework/commonResource/image/2022101923202635371.jpg) no-repeat top right #fff;border-radius:20px;overflow:hidden;padding:50px 60px;box-sizing:border-box;position:relative;top:-64px;}

/*æ–‡å­—*/
.bxBox {}
.bxBox .titlebx{font-size:30px;color:#001555;}
.bxBox .xians{width:78px;height:3px;background:#ee7800;display:inline-block;margin:32px 0;}
.bxBox .bxVox *{color:#001555;font-size:16px;line-height:30px;opacity:.8;}
.bxBox .bxVox p{margin-bottom:20px;text-align:justify;}


.bxBox .map .left{width:520px;}
.bxBox .map .left img{border-radius:8px;width:100%;height:280px;object-fit:cover;}
.bxBox .map .right{width:528px;padding:30px 0;}

.bxBox .map .right .address,
.bxBox .map .right .tel font{
color: #001555;
text-align: justify;
line-height: 24px;
font-size:16px;
opacity: .8;
}

.bxBox .map .right .tel font{display:block;}
.bxBox .map .right .tel{font-size:48px;color:#ee7800;margin-top:18px;}


.mySwiper_tab{background:#fff;padding:32px 0;border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,0.1);overflow:hidden;}
.mySwiper_tab .swiper-slide{text-align:center;font-size:20px;color:#001555;opacity: .8;border-left:1px solid #e0e0e0;width:20%;float:left;}
.mySwiper_tab .swiper-slide:first-child{border-left:none;}


.tab_pic_box{padding:18px 0 70px;}
.tab_pic_box .ul{margin-left:-1.5%;}
.tab_pic_box .ul li{width:31.83333%;margin-left:1.5%;float:left;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; 
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }to{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }to{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



.tab_pic_box .ul li.show{opacity:1;visibility:visible;display:block;}

.tab_pic_box .ul li .box{margin:9px 0;position:relative;}
.tab_pic_box .ul li .box .pic{overflow:hidden;border-radius:8px;}
.tab_pic_box .ul li .box .pic img{width:100%;height:260px;object-fit:cover;border-radius:8px;transition:all 0.5s ease-out 0s;}
.tab_pic_box .ul li:hover .box .pic img{transform:scale(1.1);}
.tab_pic_box .ul li .box .svg{position:absolute;width:32px;height:32px;left:50%;top:50%;margin:-16px 0 0 -16px;z-index:10;animation: guangAction 0.5s linear infinite; transform-origin:center center;}
.tab_pic_box .ul li .box .view{border-radius:8px;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.2);
    transition:all 0.5s ease-out 0s;
    display:flex;
    justify-content: center;
    align-items: center;
    transform:scale(0,0); 
}
.tab_pic_box .ul li:hover .box .view{transform:scale(1,1); }

.tab_pic_box .ul li .box .svg svg{width:100%;height:auto;}
.tab_pic_box .Btn{text-align:center;width:100px;margin:30px auto 0;cursor:pointer;}
.tab_pic_box .Btn span{font-size:16px;color:#333;display:inline-block;margin-bottom:10px;}
.nav_erji_box_bottom{
margin-top: -40px;
position: relative;
z-index: 10;
}

@keyframes guangAction{
	0% {transform:rotate(0deg);}
        100%{transform:rotate(360deg);}
}


.nav_erji_box_bottom_List .nav_erji_tab_li{display:none;}
.nav_erji_box_bottom_List .nav_erji_tab_li:first-child{display:block;}

.mySwiper_tab .swiper-slide.swiper-slide-active{color:#ee7800;}

.zjtdList li.i1{animation-delay: 0.3s;}
.zjtdList li.i2{animation-delay: 0.4s;}
.zjtdList li.i3{animation-delay: 0.5s;}


/*ipad ipadPrp*/
@media only screen and (min-width:100px) and (max-width: 1200px) {

}
/*1024------*/
@media only screen and (min-width:100px) and (max-width: 1040px) {

}
/*768----*/
@media only screen and (min-width:100px) and (max-width: 768px) {
.nav_erji_box_bottom{margin-top:20px;}
.tab_pic_box{padding:20px 0 60px 0;}

.mySwiper_tab{padding:1rem 0 0 0;}
.mySwiper_tab .swiper-wrapper{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;}
.mySwiper_tab .swiper-slide{font-size:15px;border-left:none;width:33.333%;margin-bottom:1rem;}  /*background:url(/tkyy/uiFramework/commonResource/image/2022120500514559632.png) no-repeat left center;*/
.mySwiper_tab .swiper-slide:first-child{background:none;padding-left:0%;}


.tab_pic_box .ul{margin-left:0%;}
.tab_pic_box .ul li{width:100%;margin-left:0%;margin-bottom:1rem;}
.tab_pic_box .ul li .box .pic img{height:24vh;}
.tab_pic_box .ul li .box{margin:0;}

}

/*1024------*/
@media only screen and (min-width:100px) and (max-width: 320px) {
}</pre></body></html>