@import url("font/siyuan.css");
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:#000}
body{padding: 0;margin: 0;}
body.show{overflow:hidden;background-color: #fff;}
html{font-size: 16px;font-family: "MiSans-Regular";}
h1, h2, h3, h4, h5, h6{margin:0;}
ul{margin:0;padding:0}
li{list-style:none}
pre{white-space:pre-wrap;overflow:hidden}
table{width:100%!important}
/*table td{border:1px solid #333}*/
*:hover{ transition: all 0.5s ease-in;}
iframe{width:100%!important}
.clear{clear: both;}
p{margin-bottom: 0;}
.w100{width: 100%;margin: 0 auto;}
.w1600{width: 1540px;margin: 0 auto;overflow: hidden;}
header{width:100%;position:absolute;padding:25px 0;top: 0;left:0; z-index: 1000;height: auto;overflow: visible;margin:0 auto;transition: all 0.3s ease;}
header.header-fixed{position: fixed;background-color: rgba(25, 71, 154, 1);box-shadow: 0 2px 10px rgba(0,0,0,0.1);padding: 10px 0;}
header.header-fixed .nav-menu a{color: #fff;}
header.header-fixed .logo img{max-height: 50px;}

.header-top{display:flex;justify-content:space-between;align-items:center;overflow: visible;position: relative;width: 100%;padding:0 5%;box-sizing: border-box;}    、
.logo{display:flex;align-items:center}
.logo h1{font-size:24px;color:#000;margin-right:10px}
.logo span{font-size:16px;color:#333}
.nav-menu{display:flex;justify-content: space-between;overflow: visible;position: relative;width: 65%;}
.nav-menu li{position:relative;text-align: center;flex: 1;}
.nav-menu a{color:#fff;font-size:18px;padding:10px 0;}
.nav-menu li a:before,.nav-menu li a::after{content:"";width: 0;height: 2px;background:#ffffff;display: inline-block;margin-bottom: 4px;}
.nav-menu a:hover{color:#fff}
.nav-menu li:hover a:before,.nav-menu li:hover a::after{width:10%;transition: all 0.3s ease-in;}
.nav-menu li:hover a:before{margin-right:4px}
.nav-menu li:hover a::after{margin-left:4px}
.nav-menu li:hover .sub-menu a:before,.nav-menu li:hover .sub-menu a::after{width: 0;margin-right:0;margin-left:0;margin-bottom: 0;}
.nav-menu .active a{color:#fff}
.nav-menu .active a:before,.nav-menu .active a::after{width:10%;transition: all 0.3s ease-in;}
.nav-menu .active a:before{margin-right:4px}
.nav-menu .active a::after{margin-left:4px}
.nav-menu .sub-menu{position:absolute;top:100%;left:50%;transform: translateX(-50%);background-color:#fff;padding:10px;margin-top:10px;display:none;z-index: 1100;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.nav-menu .sub-menu li{text-align:center;box-sizing:border-box;width:100%;text-align: center;max-width: 100%;min-width: max-content;padding:0 20px;box-sizing: border-box;}
.nav-menu .sub-menu li a{display:block;padding:10px 0;color:#333;font-size: 16px;cursor: pointer;}
.nav-menu .sub-menu li:hover,.nav-menu .sub-menu .active{background-color: rgba(25, 71, 154, 0.8);}
.nav-menu .sub-menu li a:hover,.nav-menu .sub-menu .active a{color:#fff}

.nav-menu li:hover .sub-menu{display:block;}
.mobile-menu-btn{display:none;font-size:24px;cursor:pointer;color: #fff;}

.indexbanner{position: relative;top: 0;left: 0;}
.indexbanner .swiper{height: auto;}
.indexbanner .swiper .swiper-slide img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.indexbanner .pc{display: block;}
.indexbanner .mo{display: none;}
.indexbanner .swiper-pagination{bottom:98px}
.indexbanner .swiper-pagination-bullet-active{background-color: #fff;}
.indexbanner .swiper-button-prev, .indexbanner  .swiper-button-next{color: #fff;}
.indexbanner .swiper-pagination-bullet {width: 10px;height: 10px;background: #fff;opacity: 1;border-radius: 10px;margin: 0 12px !important;transition: all .4s ease;}
.indexbanner .swiper-pagination-bullet-active {opacity: 1;background: #fff;width: 40px;}

@media screen and (max-width:1440px) {
.w1600,.header-top{width:1340px;}
.indexbanner .swiper-pagination{bottom:93px}
}
@media screen and (max-width:1380px) {
    header{padding: 10px 0}
    .w1600,.header-top{width:100%;padding:10px;box-sizing: border-box;}  
}
@media screen and (max-width:1220px) {
 .nav-menu li{margin-left: 20px;}
 .nav-menu a{font-size: 1.1rem;}
.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;flex-direction:column;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.nav-menu.active{display:flex}
.nav-menu li{margin:0;border-bottom:1px solid #eee;position: relative;}
.nav-menu a{display:block;padding:15px}
.nav-menu .active a:before,.nav-menu .active a::after{content:"";width: 0;height: 0;}
.nav-menu li.active>a::after{content:'▼';float:right;font-size:12px;margin-left:10px;transform: rotate(270deg)}
.nav-menu li.has-sub>a::after{content:'▼';float:right;font-size:12px;margin-left:10px;}
.nav-menu li:nth-child(1).active>a::after{content:"";height: 0;}
.mobile-menu-btn{display:block}
.nav-menu a{color: #000 !important;}
.nav-menu .active a,.nav-menu ul li:hover a{color: #004e97;}
.nav-menu .sub-menu{display:none;width:100%;max-width:100%;box-shadow:none;max-height:none;overflow:visible;padding:0;background-color:#f9f9f9;margin-top: 0;}
.nav-menu .sub-menu.show{display:flex !important;}
.nav-menu .has-sub:hover a{color: #000;}
.nav-menu .sub-menu li{width:100%;border-bottom:1px solid #eee;}
.nav-menu .sub-menu li a{font-size: 14px;}
.nav-menu .sub-menu li a:hover{color: #fff !important;}
.nav-menu li.active .sub-menu li.active a::after{content:''}
}
@media screen and (max-width:768px) { 
    html{font-size: 14px;}       
     .nav-menu .sub-menu{flex-wrap: wrap;justify-content: space-between;align-items: center;overflow: hidden;}
    .nav-menu .sub-menu li{width: 50%;padding-left:20px;box-sizing: border-box}
    .nav-menu .sub-menu li a{font-size:14px;}
    .nav-menu .active .sub-menu,.nav-menu li:hover .sub-menu{display: flex !important}
    .nav-menu a:hover{color: #004e97;}
    .indexbanner .swiper-button-prev, .indexbanner .swiper-button-next{top:50%}
    .nav-menu .sub-menu{position: relative;}
    .indexbanner .pc{display: none;}
    .indexbanner .mo{display: block;}
}
@media screen and (max-width:540px) {
    .logo img{width: 180px;}
    .indexbanner .swiper-button-prev, .indexbanner .swiper-button-next{width: 30px;height: 20px;overflow: hidden;display: none;}
 }
.indexlogin{height: 110px;clear:both;background-color: #f6f7fa;}
.indexlogin .loginposition{width:90%;margin-top: -85px;position: absolute;left:50%;transform: translateX(-50%);z-index: 99;background-color: #fff;padding: 28px;box-shadow:0 5px 10px rgba(0,0,0,.1);box-sizing: border-box;overflow: hidden;}
.indexlogin .query{width: 47%;float: left;}
.indexlogin .query h4{font-size: 20px;color: #0036a4;}
.indexlogin .query form{display: flex;justify-content: flex-start;margin-top: 17px;}
.indexlogin .query input{width: 70%;outline: none;border: none;background-color: #edf0f5;color:#595757;padding:0 8px;height:54px;line-height:54px;}
.indexlogin .query input::placeholder{color:#595757;}
.indexlogin .query .submit{width: 30%;background: #0036a4;text-align: center;border: none;outline: none;}
.indexlogin .query .submit span{display: inline-block;color: #fff;line-height: 30px}
.indexlogin .query .submit span::after{content:"";display: inline-block;width: 18px;height: 30px;background: url(../images/search.png) left center no-repeat;float:right;margin-left:6px;}
.indexlogin .query .submit:hover{background-color: #eb6737;}
.indexlogin .member{width: 50%;float: right;}
.indexlogin .member ul{display: flex;justify-content: space-between}
.indexlogin .member ul li{width: 32%;height: 60px;background:#edf0f5;text-align: center;line-height:60px;padding: 20px 0;box-sizing: content-box;}
.indexlogin .member ul li a{display: flex;justify-content: center;align-items: center}
.indexlogin .member ul li i{width:47px;height: 36px;display: inline-block;background: url(../images/userico.png) left center no-repeat ;}
.indexlogin .member ul li span{display: inline-block;font-size: 16px;color: #595757;margin-left:10px;transition: all 0.5s ease-in;}
.indexlogin .member ul li:hover span{color:#eb6737;margin-left:-3px;}
.indexlogin .member ul li:nth-child(2) i{background-position: -127px 0;}
.indexlogin .member ul li:nth-child(3) i{background-position: -273px 0;}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1380px){
  
}
@media screen and (max-width:1024px){
.indexlogin .member ul li a{display: block;}
.indexlogin .member ul li i{display: block;margin: 0 auto;}
.indexlogin .member ul li span{display: block;margin-left:0;line-height:30px;}
}
@media screen and (max-width:768px) {
.indexlogin{}
.indexlogin .loginposition {height: auto;}    
.indexlogin .query{width: 100%;float: none;}  
.indexlogin .member{width: 100%;float: none;margin-top: 30px;}
.indexlogin .member ul li span{font-size: 14px;}
}
.indexabout{clear:both;padding:60px 10px 80px 10px;background-color: #f6f7fa;}
.indexabout h3{font-size: 40px;color:#000;text-align: center;}
.indexabout p{margin:30px auto;text-align: center;color: #595757;line-height: 25px;}
.indexabout .more{width: 170px;height: 40px;line-height: 40px;text-align: center;border:1px solid #eb6737;border-radius: 5px;margin: 0 auto;}
.indexabout .more a{color: #eb6737;display: block;display: flex;justify-content: center;align-items: center}
.indexabout .more span{display: inline-block;}
.indexabout .more a::after{content:"";width: 30px;height: 20px;background: url(../images/more.png) center right no-repeat;display: inline-block;transition: all 0.5s ease-in;}
.indexabout .more:hover{background-color: #eb6737;}
.indexabout .more:hover a{color:#fff;}
.indexabout .more:hover a::after{filter: brightness(2.5);margin-right: -10px;}
.indexaboutc{padding:15px;}
.indexabout .content{border-radius: 40px;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow: hidden;margin-top: 50px;background: #fff;display: flex;justify-content: space-between;flex-wrap:wrap;}
.indexabout .left{width: 354px;height:533px;background-image: url(../images/indexabout.png);}
.indexabout .right{padding: 4% 10%;box-sizing: border-box;background: url(../images/indexboat.jpg) bottom center no-repeat;flex:1;}
.indexabout .right ul{display: flex;justify-content: space-between;flex-wrap: wrap;height:150px;}
.indexabout .right ul li{width: 33%;}
.indexabout .right ul li p{font-size: 30px;text-align: left;margin:15px auto;}
.indexabout .right ul li p span{display: block;color: #000;}
.indexabout .right ul li p span::before{content:"";background:url(../images/indexaboutico.png) left top no-repeat;background-position:0 3px;width: 30px;height: 28px;display: inline-block}
.indexabout .right ul li:nth-child(2) p span::before{background-position:-73px 3px;}
.indexabout .right ul li:nth-child(3) p span::before{background-position:-158px 3px;}
.indexabout .right ul li:nth-child(4) p span::before{background-position:0 -41px;}
.indexabout .right ul li:nth-child(5) p span::before{background-position:-73px -41px;}
.indexabout .right ul li:nth-child(6) p span::before{background-position:-158px -45px;}
.indexabout .right ul li p span::after{content:"+";color: #000;display: inline-block;}
.indexabout .right ul li p abbr{display: block;font-size: 16px;color: #595757;margin-top:10px;}
@media screen and (max-width:920px) {
   .indexabout{padding-top: 120px;} 
   .indexabout h3{font-size: 20px;}
   .indexabout .left{width: 254px;}
   .indexabout .right{padding: 4% 5%;}
   .indexabout .right ul li{width: 50%;}
   .indexabout .right {background-size: contain;}
}
@media screen and (max-width:540px) {
    .indexabout .left{width: 100%;height:250px;background-size: cover;}
    .indexabout .right{padding: 0;width: 100%;padding:0 20px;}
    .indexabout .right ul{height: auto;padding-bottom: 90px;}
    .indexabout .right ul li p{font-size: 26px;}
}
.indexservice{padding:60px 0 0 0;}
.indexservice h3{font-size: 36px;color: #000;text-align: center;}
.indexservice h3::after{content:"";display: block;width: 80px;height: 2px;background-color: #eb6737;margin: 20px auto}
.indexservice .servicetu{display: none;height:714px;overflow: hidden;}
.indexservice .servicetu img{height: 100%;width: 100%;object-fit: cover;}
.indexservice .servicetu.active{display: block;}
.indexservice .po{position: relative;margin-top: 30px;}
.indexservice ul{display:flex;justify-content: space-between;position: absolute;top: 0;left: 0;width: 100%;}
.indexservice ul li{width: 20%;height:714px;border-right:1px solid rgba(255,255,255,0.2);box-sizing: border-box;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.indexservice ul li div{transition: all 0.5s ease-in;}
.indexservice ul li:last-child{border-right:none;}
.indexservice ul li:hover{background: rgba(0,0,0,.6);}
.indexservice ul li i{width:55px;height: 42px;display: block;background:url(../images/indexserverico.png) left center no-repeat;margin: 0 auto;}
.indexservice ul li:nth-child(1) i{background-position:7px 0;}
.indexservice ul li:nth-child(2) i{background-position:-180px 0;}
.indexservice ul li:nth-child(3) i{background-position:-378px 0;}
.indexservice ul li:nth-child(4) i{background-position:-565px 0;}
.indexservice ul li:nth-child(5) i{background-position:-764px 0;}
.indexservice ul li h4{font-size: 32px;color: #fff;text-align: center;font-weight: normal;margin:20px auto;}
.indexservice ul li p{font-size: 16px;color: #fff;text-align: center;display: none;width: 87%;word-wrap:break-word;line-height: 25px;margin: 0 auto;}
.indexservice ul li p>abbr{display: block;width:45px;height:45px;background:#eb6737;border-radius: 50%;margin:20px auto;}
.indexservice ul li p>abbr>a{display: block;width:45px;height:45px;background:url(../images/more.png) center center no-repeat;filter: brightness(2.5);}
.indexservice ul li:hover div{margin-top:-120px;}
.indexservice ul li:hover p{display: block;}
@media screen and (max-width:1440px){
.indexservice .servicetu,.indexservice ul li{height: 530px;}
}
@media screen and (max-width:768px){
.indexservice ul li{flex-wrap: wrap;align-items: center;}
.indexservice ul li h4{font-size: 20px;padding: 0 15px;}
.indexservice ul li:hover div{margin-top:30px;}
}
@media screen and (max-width:540px){
    .indexservice h3{font-size: 26px;}
    .indexservice .servicetu{display: block;height: 300px;}
    .indexservice ul{flex-wrap: wrap;}
    .indexservice ul li{width: 100%;height: 300px;overflow: hidden;}
    .indexservice ul li p{width: 92%;}
}

.indexyoushi{padding: 60px 10px;}
.indexyoushi h3{font-size: 36px;color: #000;text-align: center;}
.indexyoushi h3::after{content:"";display: block;width: 80px;height: 2px;background-color: #eb6737;margin: 20px auto}
.indexyoushi ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 30px;}
.indexyoushi ul li{width:33.3%;height: 255px;padding:40px 60px;box-sizing: border-box;overflow: hidden;margin-bottom: 10px;}
.indexyoushi ul li i{display: block;width: 50px;height: 46px;background: url(../images/hexinico.png) left center no-repeat;}
.indexyoushi ul li h4{font-size: 20px;color: #fff;text-align: left;margin: 10px 0;color: #000;}
.indexyoushi ul li p{display: block;font-size: 14px;color:#808080;line-height: 25px;width: 100%;word-break:break-all;overflow: hidden;}
.indexyoushi ul li:nth-child(odd){background-color:#f6f7fa;}
.indexyoushi ul li:nth-child(1) i{background-position: 0 0;}
.indexyoushi ul li:nth-child(2) i{background-position: -56px 0;}
.indexyoushi ul li:nth-child(3) i{background-position: -131px 0;}
.indexyoushi ul li:nth-child(4) i{background-position: 0 -53px;}
.indexyoushi ul li:nth-child(5) i{background-position: -56px -49px;}
.indexyoushi ul li:nth-child(6) i{background-position: -131px -48px;}
.indexyoushi ul li:hover{background: url(../images/hexinbg1.jpg) center center no-repeat;}
.indexyoushi ul li:hover i{filter: brightness(18.5);}
.indexyoushi ul li:hover h4,.indexyoushi ul li:hover p{color: #fff;}
@media screen and (max-width:768px){
    .indexyoushi ul li{width:50%;}
    .indexyoushi ul li:nth-child(3){background-color:#fff;}
    .indexyoushi ul li:nth-child(4),.indexyoushi ul li:nth-child(5){background-color:#f6f7fa;}
}
@media screen and (max-width:540px){
    .indexyoushi h3{font-size: 26px;}
     .indexyoushi ul li{width:100%;}
     .indexyoushi ul li:nth-child(3){background-color:#f6f7fa;}
     .indexyoushi ul li:nth-child(4){background-color:#fff;}
}
.indexnews{padding: 60px 10px;background-color: #f6f7fa;}
.indexnews h3{font-size: 36px;color: #000;text-align: left;}
.indexnews h3::after{content:"";display: block;width: 80px;height: 2px;background-color: #eb6737;margin: 20px 0}
.indexnews ul{display: flex;justify-content: space-between;align-items: center;margin-top: 30px;flex-wrap: wrap;}
.indexnews ul li{width: 32%;height: 490px;box-sizing: content-box;overflow: hidden;border:1px solid #dcdcdc;background-color: #fff;}
.indexnews .pimg{height: 350px;width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.indexnews .pimg img{max-height: 100%;object-fit: cover;transition: all 0.5s ease-in;}
.indexnews ul li:hover .pimg img{transform: scale(1.1);}
.indexnews .txt{padding:0 20px;box-sizing: border-box;}
.indexnews .txt p{font-size: 20px;color: #000;height: 50px;line-height: 50px;margin-top: 13px;}
.indexnews .txt span{display: inline-block;color:rgba(0,0,0,.5);height: 40px;line-height: 40px;}
.indexnews .txt span::before{content:"";display: inline-block;width: 15px;height: 15px;background:url(../images/time.png) center center no-repeat;margin-right: 5px;}
.indexnews .txt abbr{display: block;}
.indexnews .txt abbr>a{display:block; color: #eb6737;}
@media screen and (max-width:1440px){
    .indexnews .txt p{font-size: 18px;line-height: 25px;height: auto;}   
}
@media screen and (max-width:768px){
    .indexnews ul li{width: 100%;margin-bottom: 20px;}
    .indexnews .txt p{line-height: 25px;margin-top: 10px;font-size: 18px;}
}
@media screen and (max-width:640px){
    .indexnews ul li{height: auto;padding-bottom: 15px;}
    .indexnews .pimg{height: 280px;}
    .indexnews .pimg img{width: 100%;}
}
.indextiyan{height: 195px;background: url(../images/telbg.jpg) center center no-repeat;object-fit: fill;display: flex;align-items: center;justify-content: space-between;}
.indextiyan .txt{font-size: 30px;color: #fff;float:left;}
.indextiyan .tel{float:right;display: flex;align-items: center;justify-content: right;}
.indextiyan .tel p{color:#fff;font-size: 18px;margin-left:10px;}
.indextiyan .tel i{display:block;width:50px;height: 50px;background: url(../images/tel.png) center center no-repeat;}
.indextiyan .tel p>abbr{font-size:36px;display: block;}
@media screen and (max-width:768px){
    .indextiyan .txt{font-size: 20px;float:none;text-align: center;line-height: 30px;}
    .indextiyan .tel{font-size: 20px;float: none;justify-content: center;margin-top: 20px;}
}
@media screen and (max-width:540px){
    .indextiyan .txt{font-size: 16px;}
    }
footer{background-color: #002266;}
.footer{padding:60px 10px;display:flex;justify-content: space-between;align-items: center;gap:10%;}
.footer .footlogo{width: 25%;display: flex;align-items: center;flex-wrap: wrap;}
.footer .footlogo img{display: block;margin-bottom: 20px;}
.footer .footlogo p{color:rgba(255, 255, 255, 0.5);line-height: 35px;}
.footer .footmenu{flex:3;display: flex;justify-content: space-between;}
.footer .footmenu dl{width: 13%;}
.footer .footmenu dl dt{color:#fff;font-size: 18px;margin-bottom: 30px;}
.footer .footmenu dl dd{height: 30px;line-height: 30px;}
.footer .footmenu dl dd a{color:rgba(255, 255, 255, 0.6);}
.footer .footmenu dl dd a:hover{color: #fff;}
.footer .footmenu dl:nth-last-child(1){display: flex;justify-content: space-between;flex: 1;flex-wrap: wrap;gap: 10px;}
.footer .footmenu dl:nth-last-child(1) dt{width: 100%;}
.footer .footmenu dl:nth-last-child(1) dd{height: 110px;margin-top: -62px;}
.footer .footmenu dl:nth-last-child(1) dd img{width: 100px;height: 100px;display: block;}
.footer .footmenu dl:nth-last-child(1) dd p{text-align: center;margin-top: 5px;color: #fff;}
footer .copyright{text-align: center;color: rgba(255, 255, 255, 0.6);font-size: 14px;padding: 30px 0;border-top: 1px solid rgba(255, 255, 255, 0.2);}
@media screen and (max-width:1440px){
    .footer .footmenu dl{width: 12%;}

}
@media screen and (max-width:768px){
    .footer{flex-wrap:wrap;}
    .footer .footlogo{width: 100%;display: block;text-align: center;margin-bottom: 20px;}
    .footer .footlogo img{margin:0 auto 20px auto;}
    .footer .footmenu{display: block;}
    .footer .footmenu dl{display: none;}
    .footer .footmenu dl:nth-last-child(1){display: flex;width: 100%;justify-content: center;gap: 10px;}
    .footer .footmenu dl:nth-last-child(1) dt{text-align: center;}
    .footer .footmenu dl:nth-last-child(1) dd{margin-top: 0;}

}
@media screen and (max-width:540px){
    .footer .footmenu dl:nth-last-child(1) dd{height: 140px;}
}
.nbanner{height: 650px;background-size: cover;}
 .nbanner .w1600{display: flex;align-items: center;justify-content: space-between;height: 100%;}
 .nbanner .tbox {margin: 0;width:30%;}
 .nbanner .tbox h3{color:#fff;font-size: 2.5rem;display: block;margin-bottom: 0;line-height: inherit;margin-bottom: 0.8rem;font-weight:normal;}
 .nbanner .tbox p{display: block;color:#fff;font-size: 1.4rem;position: relative;height: 60px;font-weight:normal;}
 .nbanner .tbox p abbr{display: block;position: relative;z-index: 9;text-transform: uppercase;}
 .nbanner .tbox p::after{content: "";height: 3px;background-color: #fff;display: block;z-index: 8;width:80px;margin-top: 20px;}
 .nbanner .pimg{width: 60%;}
 .nbanner .pimg img{width: 100%;max-width: 100%;}
 @media screen and (max-width:1440px) {
    .nbanner{height: 390px;}
    .nbanner .pimg{text-align: right}
    .nbanner .pimg img{width: 70%;}
 } 
@media screen and (max-width:768px) {
    .nbanner{height: 350px;background-size: 100% 100%;}
    .nbanner .tbox {width: 50%;}
     .nbanner .tbox h3{font-size: 1.6rem;}
    .nbanner .tbox p{font-size: 1rem;}
    .nbanner .pimg{width: 50%;}
    .nbanner .pimg img{width: 100%;}
}
@media screen and (max-width:546px) {
    .nbanner{height: 200px;}
    .nbanner .tbox{margin-top: 15%;}
    .nbanner .tbox h3{font-size: 1.3rem;}
    .nbanner .tbox p{font-size: 1rem;height: auto;}
    .nbanner .tbox p::after{top:100%}
}
 .aboutmenu{border-bottom: 1px solid #eee;height: 80px;}
 .aboutmenu ul li{text-align: center;float:left;height: 80px;line-height: 80px;}
 .aboutmenu ul li a{display: inline-block;height:30px;line-height:30px;border-right: 1px solid #eee;font-size:18px;padding:0 25px;color:#3d3d3d;font-family: "MiSans-Bold"}
 .aboutmenu .active,.aboutmenu ul li:hover {border-bottom: 1px solid #df663d;height: 100%;box-sizing: border-box;}
 .aboutmenu ul li:hover a,.aboutmenu .active a{color: #df663d;}
 @media screen and (max-width:546px) {
  .aboutmenu ul li{height: 70px;line-height: 70px;flex: 1;}  
  .aboutmenu ul{flex-wrap: wrap;display: flex;}
  .aboutmenu ul li a{padding:0 5px;width: 100%;font-size: 15px}
 }
 @media screen and (max-width:412px) {
    .aboutmenu ul li:last-child{border-bottom: none}
 }
 .about{padding: 60px 10px;}
 .about h3{font-size: 2rem;color:#454444;font-weight: 400;}
 .about h3 span{color:#004e97}
 .about .right{float: right;margin-top: 30px;margin-bottom:60px;width: 48%;}
 .about .right img{max-width: 100%;object-fit: cover;}
 .about .left{width:48%;float: left;margin-top: 30px;}
 .about .left .content{height: 100%;  overflow-y: scroll;  scrollbar-width: none;  -ms-overflow-style: none; margin-top: 10px;}
 .about .left::-webkit-scrollbar {display: none;}
 .about .left p{color: #4c4c4c;font-size: 1rem;line-height: 1.6rem;margin-top: 0.8rem;}
 .about .bottom ul{margin-top: 30px;display: flex;justify-content: space-between}
 .about .bottom  ul li{flex: 1;}
.about .bottom p{font-size: 32px;color: #df663d;text-align: center;}
.about .bottom span{display: inline-block;font-size: 32px;color: #df663d;text-align: center;}
.about .bottom sup{display: inline-block;font-size: 22px;color: #df663d;}
.about .bottom p abbr{display: block;color:#595757;text-align: center;font-size: 15px;margin-top: 10px;}

 @media screen and (max-width:768px) {
   .about{padding: 30px 10px;}
  .about h3{font-size: 1.5rem;font-weight: bold}
  .about .right{float: none;width: 100%;text-align: center;}
  .about .right p{font-size: 1rem;}
  .about .left{float: none;width: 100%;margin-bottom: 20px;text-align: left;}
  .about .bottom ul{flex-wrap: wrap;}
.about .bottom ul li{width: 33.3%;flex: auto;margin-bottom: 20px;}
 }
@media  screen and (max-width:540px) {
    .about .bottom ul li{width: 50%;flex: auto;margin-bottom: 20px;}
}
 .block-scrollbar{position:absolute;top:0;right:0;width:16px;height:100%;background-color:transparent;display:flex;flex-direction:column;align-items:center;padding:5px 0}
 .scroll-arrow{width:12px;height:12px;cursor:pointer;margin:5px 0;position:relative;opacity:.7;transition:opacity .2s}
 .scroll-arrow:hover{opacity:1}
 .scroll-arrow.up::before{content:'';position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #666;top:50%;left:50%;transform:translate(-50%,-50%)}
 .scroll-arrow.down::before{content:'';position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #666;top:50%;left:50%;transform:translate(-50%,-50%)}
 .scroll-track{position:relative;width:1px;height:calc(100% - 44px);background-color:rgba(0,0,0,.1);margin:5px 0}
 .scroll-thumb{position:absolute;width:2px;height:40px !important;background-color:#888;border-radius:3px;left:50%;transform:translateX(-50%);cursor:pointer;transition:background-color .2s}
 .scroll-thumb:hover{background-color:#666}
 .scroll-thumb:active{background-color:#555}

/* 水平滚动条样式 */
.horizontal-scrollbar{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40%;height:16px;background-color:transparent;display:flex;align-items:center;padding:0 5px}
.horizontal-scroll-arrow{width:12px;height:12px;cursor:pointer;margin:0 5px;position:relative;opacity:.7;transition:opacity .2s}
.horizontal-scroll-arrow:hover{opacity:1}
.horizontal-scroll-arrow.left::before{content:'';position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid #fff;top:50%;left:50%;transform:translate(-50%,-50%)}
.horizontal-scroll-arrow.right::before{content:'';position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #fff;top:50%;left:50%;transform:translate(-50%,-50%)}
.horizontal-scroll-track{position:relative;height:1px;width:calc(100% - 44px);background-color:rgba(255, 255, 255, 0.7);margin:0 5px}
.horizontal-scroll-thumb{position:absolute;height:2px;min-width:20px;width:40px !important;background-color:#fff;border-radius:3px;top:50%;transform:translateY(-50%);cursor:pointer;transition:background-color .2s}
.horizontal-scroll-thumb:hover{background-color:#fff}
.horizontal-scroll-thumb:active{background-color:#fff}
 

 .product{margin:80px auto;display: flex;justify-content: space-between;flex-wrap: wrap}
 .product ul{display: flex;justify-content:flex-start;align-items: center;width: 100%;flex-wrap: wrap;gap:20px;}
 .product ul li{flex:0 0 calc(25% - 20px);margin-bottom: 30px;min-width: 200px;}
 .product ul li .pimg{height: 210px;overflow: hidden;}
 .product ul li .pimg img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease-in;}
 .product ul li:hover .pimg img{scale: 1.1;}
 .product ul li .txt{height:260px;background-color: #f6f7fb;overflow-y: auto;padding:15px;box-sizing: border-box;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
 .product ul li .txt::-webkit-scrollbar {width: 3px;height: 4px;}
.product ul li .txt::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;transition: background 0.3s;min-height: 30px;}
.product ul li .txt::-webkit-scrollbar-track { background:transparent;width: 2px;height: 20px}
.product ul li .txt::-webkit-scrollbar-thumb:hover { background:#197bc1; }
 .product ul li .txt h3{font-size: 16px;color: #000;margin-top: 10px;margin-bottom: 10px;}
 .product ul li .txt p{font-size: 14px;color: #000;line-height: 25px;}

 
 @media screen and (max-width:768px) {
    .product{flex-wrap: wrap;margin: 40px auto;} 
    .product ul li{flex-basis:calc(50% - 10px);}
}
 @media screen and (max-width:548px) {
    .product{gap: 0;margin:20px auto}
    .product ul li{width: 100%;flex: 1;}
 }

 .culter{padding:60px 10px;}
 .culter h1{font-size:30px;color:#454444;font-weight: 400;}
 .culter ul{width: 100%;height:650px;display: flex;background: url(../images/culterbg.jpg) left center no-repeat;margin-top: 30px;}
 .culter ul li{flex:1;background-color:rgba(0,0,0,.3);text-align: center;padding: 0 30px;border-right:1px solid rgba(255, 255, 255, 0.1);display: flex;justify-content: center;align-items: center;flex-wrap: wrap;transition: all 0.5s ease-in;}
 .culter ul li div{height: 200px;}
 .culter ul li span{display: block;width:100%;height: 76px;background: url(../images/yuan.png) center center no-repeat;transition: all 0.5s ease-in;}
 .culter ul li i{display:block;width: 64px;height: 76px;background: url(../images/culterico.png) left center no-repeat;margin: auto;}
  .culter ul li:nth-child(2) i{background-position:-78px 14px;}
   .culter ul li:nth-child(3) i{background-position:-152px 14px;}
 .culter ul li p{color: #fff;font-weight: bold;font-size: 22px;margin:15px auto;width: 100%;font-weight: normal;}
 .culter ul li p>abbr{display: block;color: #fff;line-height: 25px;margin:15px auto;text-align: center;font-size: 14px;}
 .culter ul li:hover{flex: 2;background-color:rgba(25, 71, 154, 0.2);}
 .culter ul li:hover span{transform:rotate(-45deg);}
 @media screen and (max-width:548px) {
    .culter h1{font-size:23px;}   
    .culter ul {flex-wrap: wrap;}
     .culter ul li{width: 100%;flex:auto}
 }

.yaddress{padding:60px 10px;}
.yaddress h1{font-size:30px;color:#454444;font-weight: 400;}
.yaddress ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;margin-top: 30px;}
.yaddress ul li{flex:0 0 calc(33.3% - 20px);background-color: #f6f7fb;padding: 20px;}
.yaddress ul li div{color:#000;line-height: 45px;border-bottom: 1px solid #dcdcdc;}
.yaddress ul li p{font-size: 14px;color: #000;display: block; line-height: 25px;margin:15px 0;}
.yaddress ul li p::before{content:"";display: inline-block;width:22px;height: 20px;background: url(../images/addressico.png) no-repeat center;background-position:2px 0;vertical-align: middle;margin-right: 10px;;}
.yaddress ul li article{font-size: 14px;color: #000;display: block;}
.yaddress ul li article::before{content:"";display: inline-block;width:22px;height: 20px;background: url(../images/addressico.png) no-repeat center;background-position:-21px 0;margin-right: 10px;vertical-align: middle;}
@media screen and (max-width:548px) {
    .yaddress h1{font-size:23px;}  
    .yaddress ul li{width: 100%;flex: auto;} 
}
.message{background:#f7f7f7;padding: 60px 0;}
.message h3{font-size: 2rem;color: #000;margin-bottom: 15px;text-align: center;font-weight: normal;}
.message abbr{display: block;color: #000;text-align: center;}
.message form{display: block;margin-top: 1.2rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.message input{border: 1px solid #ced4da;height: 50px;line-height: 50px;border-radius: 5px;font-size: 0.8rem;padding-left: 15px;width: 49%;background: #fff;margin-bottom: 15px;}
.message input:-ms-input-placeholder,.message input::placeholder,.message input:-webkit-input-placeholder{color:#808080}
.message textarea{border: 1px solid #ced4da;height: 150px;line-height:35px;border-radius: 5px;font-size: 0.8rem;padding: 15px;width: 100%;background: #fff;box-sizing: border-box;}
.message .submit{width: 100%;height: 50px;line-height: 50px;border-radius: 5px;font-size: 0.8rem;padding-left: 5px;width: 100%;background: #fff;background: #004e97;margin-top: 15px;color: #fff;display: block;box-sizing: border-box;}
.message .input{height: 50px;line-height: 50px;font-size: 0.8rem;padding-left: 5px;width: 90%;margin-top: 15px;}

@media screen and (max-width:768px) {
    .message img{width: 120px;}
}


.newslist{margin-top: 2rem;}
.newslist{padding: 60px 10px;background-color: #f6f7fa;}
.newslist h3{font-size: 26px;color: #454444;text-align: left;}
.newslist h3::after{content:"";display: block;width: 80px;height: 2px;background-color: #eb6737;margin: 20px 0}
.newslist ul{display: flex;align-items: center;margin-top: 30px;flex-wrap: wrap;gap: 20px;}
.newslist ul li{flex: 0 0 calc(33.3% - 20px);height: 490px;box-sizing: content-box;overflow: hidden;border:1px solid #dcdcdc;background-color: #fff;margin-bottom: 20px;}
.newslist .pimg{height: 350px;width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.newslist .pimg img{max-height: 100%;object-fit: cover;transition: all 0.5s ease-in;}
.newslist ul li:hover .pimg img{transform: scale(1.1);}
.newslist .txt{padding:0 20px;box-sizing: border-box;}
.newslist .txt p{font-size: 20px;color: #000;height: 50px;line-height: 50px;margin-top: 13px;}
.newslist .txt span{display: inline-block;color:rgba(0,0,0,.5);height: 40px;line-height: 40px;}
.newslist .txt span::before{content:"";display: inline-block;width: 15px;height: 15px;background:url(../images/time.png) center center no-repeat;margin-right: 5px;}
.newslist .txt abbr{display: block;}
.newslist .txt abbr>a{display:block; color: #eb6737;}
@media screen and (max-width:1440px){
    .newslist .txt p{font-size: 18px;height: auto;line-height: 25px}

}
@media screen and (max-width:768px){
    .newslist ul li{width: 100%;margin-bottom: 20px;}
    .newslist .txt p{line-height: 25px;margin-top: 10px;font-size: 18px;}    
}

@media (max-width:768px){
   .newslist ul li{flex: auto;}
   .newslist h3{font-size: 25px;}
}
@media (max-width:640px){

}

.newsposition{height: 60px;line-height: 60px;padding:0 20px;margin-top: 2rem;text-align: left;background: #f2f2f2;color: #3d3d3d;}
.newsposition a{color: #3d3d3d;}

.newsview{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newsview .left{width: 70%;padding:2rem 0 2rem 0;border-right: 1px solid #f2f2f2;}
.newsview .left h1{font-size: 1.5rem;color: #333;margin-bottom: 1rem;font-weight: normal;text-align: center;}
.newsview .left abbr{display: block;font-size: 1rem;color: #ccc;margin-bottom: 1.2rem;text-align: center;}
.newsview .left .content{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;width: 98%;overflow: hidden;text-align: left;padding:1rem 0 1rem 0;line-height: 1.5rem;}
.newsview .left .content h2,.newsview .left .content h3{line-height:2rem;font-size: 1rem;}
.newsview .left .content p,.ybc-p{line-height: 1.5rem;font-size: 1rem;color: #4c4c4c;}
.newsview .left .content img{max-width:100%;object-fit: cover;margin: 5px auto;}
.newsview .left .renews{margin-top: 1rem;}
.newsview .left .renews ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newsview .left .renews ul li{width: 50%;text-align: left;color: #4c4c4c;}
.newsview .left .renews ul li abbr{display: inline-block;margin-bottom: 0.5rem;color: #4c4c4c;}
.newsview .left .renews ul li a{color: #4c4c4c;display: block;}
.newsview .left .renews ul li:hover a{color: #004e97;}
.newsview .left .back{width: 140px;height: 40px;line-height: 40px;border-radius: 5px;background-color: #0036a2;color: #fff;text-align: center;display: block;margin: 2rem auto}
.newsview .left .back::before{content:"";display: inline-block;width: 20px;height: 20px;margin-top:-5px;background: url(../images/back.png) center center no-repeat;margin-right: 5px;vertical-align: middle;}
.newsview .left .back a{display: inline-block;color: #fff;}
.newsview .left .back:hover{background-color: #df663d;}
.newsview .right{flex: 1;padding-left:1.5rem;padding-top: 2rem;text-align: right;}
.newsview .right h4{color:#4c4c4c;font-size: 1.2rem;text-align: left;}
.newsview .right ul li{margin: 1rem 0 1rem 0;border-bottom: 1px solid #f0f0f0;padding-bottom: 1rem;}
.newsview .right p{text-align: left;}
.newsview .right p a{color:#4c4c4c;display: block;}
.newsview .right abbr{display: block;color:rgba(0,0,0,.5);font-size: 0.9rem;margin-top: 0.5rem;text-align: left;}

@media (max-width:768px){
 .newsview .left{width: 100%;padding: 0;margin-top: 30px;}
 .newsview .right{width: 100%;padding-left:0;}
 .newsview .left .renews ul li{width: 100%;}
 .newsview .left .renews ul li:nth-child(2){margin:1rem 0;}
 .newsview .right{border-top:3px solid #0036a2;}
}
.loginbg{padding: 60px 10px;background-color: #f6f7fb}
.login{width: 490px;height: 473px;background-color: #fff;border-radius: 5px;box-shadow:0 5px 12px rgba(0,0,0,.3);padding:30px;box-sizing: border-box;margin: 15px auto;}
.login img{display: block;margin:40px auto 0 auto;}
.login p{font-size: 20px;color:332c2b;text-align: center;margin:30px auto;}
.login input{width: 100%;height: 60px;line-height: 60px;border: 1px solid #dcdcdc;border-radius: 5px;color:#dcdcdc;text-align: center;outline: none;margin-bottom: 30px;}
.login input::placeholder{color:#dcdcdc}
.login input:focus{color:#000}
.login .submit{width: 200px;height: 40px;line-height: 40px;text-align: center;background: #002266;color: #fff;border-radius: 5px;margin: 0 auto;display: block;outline: none;border:none;}
.login .submit:hover{background: #df663d}
@media (max-width:540px){
    .login{width: 100%;}
}
.job{padding: 60px 10px}
.job h1{font-size:30px;color:#454444;font-weight: 400;}
.job ul{display: flex;justify-content: space-between;align-items: center;gap: 30;margin-top: 30px;}
.job ul li{width:49%;background-color: #f0f4fa;padding: 26px 36px;box-sizing: border-box;height: 350px;}
.job ul li p:nth-child(1){font-size: 18px;font-weight: bold;}
.job .xiaoyuan h4,.job .shehui h4{font-size: 23px;color: #fff;}
.job .xiaoyuan p,.job .shehui p{margin-top: 30px;font-size: 16px;line-height: 26px;}
.job .xiaoyuan p>abbr,.job .shehui p>abbr{color:rgba(0,0,0,0.5);font-size: 16px;display: block;}
.job .xiaoyuan .lianxi{width: 140px;height: 35px;line-height: 35px;text-align: center;background: #0036a2;border-radius: 5px;margin-top:30px;}
.job .xiaoyuan .lianxi a{display:block;width: 100%;height: 100%;color:#fff;}
.job .shehui ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.job .shehui ul li{height: 60px;line-height: 60px;border-bottom: 1px solid #d8dbe1;width: 44%;padding-left:0;padding-right:0;}
.job .shehui ul li p{margin-top: 0;font-weight: normal;}
.job .shehui ul li a{color: rgba(10, 10, 10, 0.5);display: block;width: 100%;height: 100%;}
.job .shehui ul li a:hover{color: #0036a2}
@media screen and (max-width:548px) {
    .job h1{font-size:23px;}
    .job ul{flex-wrap: wrap}
    .job ul li{width: 100%;margin-bottom: 30px;height: auto}   
    .job ul li p:nth-child(1){margin-top: 0}
    .job .shehui ul li{margin-bottom: 4px;}
}

.contactview{padding:60px 10px;display: flex;justify-content: space-between;flex-wrap: wrap;gap:10%;}
.contactview .info{width: 40%;}
.contactview .info h3{font-size: 30px;color:#3d3d3d;font-weight: normal;margin-bottom: 30px;}
.contactview .info p{height: 30px;line-height: 30px;}
.contactview .info h3::after{content: "";display: block;height: 1px;background-color: #cccccc;margin-top: 20px;}
.contactview .info ul{display: flex;justify-content: space-between;align-items: center;gap: 20px;margin-top: 30px;}
.contactview .info ul li{padding:10px;border: 1px solid #dcdcdc;width: 32%;flex-wrap: wrap;}
.contactview .info ul li span{display: block;color: #595757;text-align: center;line-height: 35px;}
.contactview .info ul li img{max-width: 100%;width:auto;}
.contactview .cmessage{flex: 1;}
.cmessage h3{font-size: 30px;color: #3d3d3d;font-weight: normal;}
.cmessage ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:50px;width: 100%;}
.cmessage ul li{width: 49%;margin-bottom: 2rem;}
.cmessage ul li:nth-child(5),.cmessage ul li:nth-child(6){width: 100%;}
.cmessage ul li:nth-child(6) input{width: 50%;float:left;}
.cmessage input{width: 100%;  height: 45px;  line-height: 45px;border-radius:5px;border: 1px solid #dcdcdc; background: #f6f7fb;  outline: none; color: #333;
    font-size: 16px; padding: 0 20px;margin: 0;}
.cmessage input::placeholder{color: #666;} 
.cmessage p{display: block;padding-bottom: 5px;}
.cmessage p span{color: #ff0000;}  
.cmessage .pimg{float:left; width: 122px;height: 45px}
.cmessage textarea{width: 100%;display: block;border-radius:5px;border: 1px solid #dcdcdc; background: #f6f7fb;   outline: none;color: #333;  font-size: 16px;  padding: 5px 20px;box-sizing: border-box;height: 200px;font-family:Arial;}
.cmessage .submit{border: 0;   width: 150px;   height: 45px;   cursor: pointer;   background-color: #004e97;   color: #fff;margin-right: 10px;}
.cmessage .submit:hover{background-color: #df663d}
.cmessage .reset{border: 0;   width: 150px;   height: 45px; cursor: pointer; background-color: #e7f0ff;  color: #004e97;}
@media (max-width:768px){
    .contactview{width: 100%;flex-wrap: wrap}
    .contactview .info{width: 100%;}
    .contactview .info h3{font-size: 18px;font-weight: bold}
    .contactview .cmessage{flex: auto;width: 100%;margin-top: 30px;border-top:3px solid #0036a4;padding-top:20px;}
    .cmessage h3{font-size: 18px;font-weight: bold}
}
@media (max-width:640px){
    .contactview .info p{font-size: 16px}
    .cmessage ul{margin-top: 20px}
    .cmessage ul li{width: 100%;}
    .cmessage ul li:nth-child(7){margin-top: 2rem;}
}
.licheng{max-width:1600px;margin:60px auto;position:relative;padding:30px 10px;}
.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e8e8e8;transform:translateX(-50%)}
.timeline-plane{position:absolute;left:50%;top:0;transform:translateX(-50%);color:#1e5bb5;font-size:24px;z-index:10}
.timeline-plane i{display: block;width: 39px;height: 55px;background: url(../images/fly.png) top center no-repeat;}
.timeline-item{position:relative;margin-top:50px;margin-bottom:50px;display:flex;align-items:flex-start}
.timeline-item:nth-child(odd){flex-direction:row-reverse}
.timeline-item:last-child{margin-bottom:0}
.timeline-content{width:48%;padding:0 40px}
.timeline-item:nth-child(odd) .timeline-content{text-align:left}
.timeline-item:nth-child(2n) .timeline-content{text-align:right}
.timeline-year{font-size:28px;font-weight:600;color:#333;margin-bottom:15px}
.timeline-card{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.timeline-item:nth-child(odd) .timeline-card{flex-direction:row}
.timeline-item:nth-child(2n) .timeline-card{flex-direction:row-reverse}
.timeline-image{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #1e5bb5;flex-shrink:0}
.timeline-image img{width:100%;height:100%;object-fit:cover}
.timeline-text{flex:1;font-size:14px;line-height:1.8;color:#555;text-align: left;}
.timeline-text p{margin-bottom:8px}
.timeline-text p:last-child{margin-bottom:0}
.timeline-dot{position:absolute;left:50%;top:35px;width:14px;height:14px;background:#1e5bb5;border-radius:50%;transform:translateX(-50%);border:3px solid #fff;box-shadow:0 2px 6px rgba(30,91,181,.3);z-index:5}
@media (max-width:768px){
.timeline-line{left:30px}
.timeline-plane{left:30px}
.timeline-item,.timeline-item:nth-child(odd){flex-direction:column;padding-left:60px}
.timeline-content{width:100%;padding:0}
.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(odd) .timeline-content{text-align:left}
.timeline-item:nth-child(2n) .timeline-card,.timeline-item:nth-child(odd) .timeline-card{flex-direction:column}
.timeline-dot{left:20px;top: 5px;}
.timeline-year{font-size:22px}
}
.css3{box-shadow:0 0;width:calc(100% + 2em);font-size:24px}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
fieldset,img{border:0}
:focus{outline:0}
address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

.pagination{margin:30px auto}
.pagination .screen-reader-text{display:none}
.pagination .nav-links{display:flex;justify-content:center}
.pagination .nav-links .page-num{width:40px;height:40px;border:1px solid #eee;display:flex;justify-content:center;align-items:center;margin:0 5px;font-size:20px;color: #4c4c4c;;background-color: #f5f5f5;}
.pagination .nav-links .page-num-current{background-color:#004e97;color:#fff}

.track-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.6);overflow-y:auto}
.track-modal.show{display:flex!important;justify-content:center;align-items:center}
.track-modal .modal-content{background-color:#fff;margin:auto;padding:0;border-radius:10px;width:80%;max-width:900px;max-height:85vh;overflow:hidden;position:relative;box-shadow:0 5px 30px rgba(0,0,0,.3)}
.track-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background-color:#0036a4;color:#fff}
.track-modal .modal-header h3{font-size:20px;margin:0;color:#fff}
.track-modal .close-modal{color:#fff;font-size:32px;font-weight:700;cursor:pointer;line-height:1}
.track-modal .close-modal:hover{color:#eb6737}
.track-modal .modal-body{padding:20px 25px;max-height:calc(85vh - 70px);overflow-y:auto}
.track-modal .track-item{margin-bottom:25px;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}
.track-modal .track-item:last-child{margin-bottom:0}
.track-modal .track-number{background-color:#f7f9fc;padding:12px 15px;font-weight:700;color:#0036a4;font-size:16px;border-bottom:2px solid #0036a4}
.track-modal .track-info{padding:12px 15px;background-color:#fff9e6;font-size:14px;color:#666;border-bottom:1px solid #e5e5e5}
.track-modal .track-list{list-style:none;margin:0;padding:0}
.track-modal .track-list li{padding:12px 15px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;font-size:14px;line-height:1.6}
.track-modal .track-list li:last-child{border-bottom:none}
.track-modal .track-list li .track-time{color:#999;white-space:nowrap;min-width:150px;margin-right:15px}
.track-modal .track-list li .track-desc{flex:1;color:#333}
.track-modal .no-data{text-align:center;padding:50px 20px;color:#999;font-size:16px}
.track-modal .error-msg{color:red;text-align:center;padding:30px 20px;font-size:16px}
.track-modal .track-table-wrapper{overflow-x:auto;margin-top:10px}
.track-modal .track-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}
.track-modal .track-table td,.track-modal .track-table th{border:1px solid #ddd;padding:8px 10px;text-align:left;vertical-align:top}
.track-modal .track-table th{background-color:#f5f5f5;font-weight:700;white-space:nowrap}
.track-modal .track-table tr:nth-child(2n) td{background-color:#fafafa}

/* 物流概览信息样式 */
.track-modal .track-summary{padding:12px 15px;background-color:#f7f9fc;border-bottom:2px solid #0036a4}
.track-modal .summary-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.track-modal .summary-item{display:inline-block;align-items:center;font-size:13px;color:#333;line-height:1.5;padding:4px 10px;background-color:#fff;border-radius:4px;border:1px solid #e5e5e5}
.track-modal .summary-item strong{color:#0036a4;margin-right:4px;font-size:12px}

@media (max-width:768px){.track-modal .modal-content{width:95%;max-height:90vh}
.track-modal .track-list li{flex-direction:column}
.track-modal .track-list li .track-time{margin-right:0;margin-bottom:5px}
.track-modal .summary-row{flex-direction:column;gap:8px}
.track-modal .summary-item{width:100%;box-sizing:border-box}
.pagination .nav-links .page-num{font-size:14px;width:30px;height:30px}
}