/* CSS Document */

*{list-style:none; font-family:microsoft yahei}
a img{ border:0;}

@font-face {
      font-family:wen;
      src:url('../fonts/montserrat-regular.ttf');
    }
@font-face {
      font-family:wenc;
      src:url('../fonts/montserrat-black.otf');
    }
@font-face {
      font-family:wcn;
      src:url('../fonts/sourceHanSanscn-heavy.ttf');
	  font-weight:normal;
    }

a:link {/* color: #15213B; *//* text-decoration:none; */}
a:visited {color: #999;text-decoration:none;}
a:hover {/* color: #000; *//* text-decoration:none; */}
a:active {color: #15213B;text-decoration:none}

.clear{ width:0; height:0; overflow:hidden; display:block; clear:both;}
html{ }
body{ font-size:14px;margin:0; line-height:28px !important; color:#15213B;  font-family:microsoft yahei; }
ul,li,img,p,dl,dt,dd{ margin:0; padding:0; border:0; list-style:none}
table,td{border-collapse:collapse}
.red{color:#FF0000}
.red1{color:#A20000}
h1{font-size:23px; font-weight:bolder}
.bule1{ color:#165173}
a.bule{ color:#165173}
.bai{ color:#fff !important}
a.bai{ color:#fff}
.huise{ color:#999999}
.lanse{ color:#15213B}
.imgborder{ border:1px solid #D1D1D1; padding:2px;}
.juli30{height:30px;}
.dropdown:hover>.dropdown-menu {display: block}
.dropdown>.dropdown-toggle:active {pointer-events: none}
.huibg{ background-color:#F0F1F5}

.btn-a2{color: #15213B;padding: 10px 35px;transition: all 1s;border-radius: 35px;background-color: #F5C12D;font-size: 16px; cursor:pointer; font-weight:bold}
.btn-a2:hover{background-color: #1D9F95;transition: all 1s; color:#FFF}
.btn-a1{ background-color:#F5C12D; color:#15213B;transition: all 1s; font-weight:bold}
.btn-a1:hover{ background-color:#1D9F95; transition: all 1s; color:#15213B}
.btn-a3{ background-color:#F5C12D; color:#FFF;transition: all 1s; border-radius:35px; padding:10px 40px; font-size:16px}
a.btn-a3{ }
.btn-a3:hover{ background-color:#15213B; transition: all 1s; color:#FFF}
.btn-a4{color: #15213B;padding: 15px 35px;transition: all 1s;border-radius: 5px;background-color: #F5C12D;font-size: 16px; cursor:pointer; width:100%; display:block}
.btn-a4:hover{background-color: #1D9F95;transition: all 1s; color:#FFF}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color:#82FEFF}
.navbar-brand{height:auto !important;padding: 0px 15px !important;}
.dropdown-menu{ margin-top:-1px;}


.jiazhi{ background:url(../images/bg.jpg) center top; background-attachment:fixed; background-size:cover} 
.jiazhi-txt{ text-align:center; font-size:30px; color:#FFF; line-height:95px;}
.pic div { margin-bottom:10px; line-height:35px;}
.copy{ text-align:center; padding:50px 0 30px; background-color:#15213B; color:#FFF; position:relative; z-index:9999}
.copy  h1{  font-size:16px; text-align:left; }
.copy p{}
.copy  .copymenu li{ border-bottom:1px solid #1C2B4E; line-height:35px; text-align:left}
.copy  .copymenu li a{ color:#95A5C9}
.copy  .copymenu li a:hover{ color:#FFF}
.weixin{ position:absolute; right:20px; bottom:0px;}
.copy1{ border-top:1px solid #41537A; background-color:#15213B; line-height:25px; color:#FFF; padding:15px 0}
.copy1 a{ color:#95A5C9}
.copy1 a:hover{ color:#FFF}

#swiper1{ position:relative}
#swiper1 .swiper-word-wrap{color:#FFF;text-align:center;position:absolute;left:0;top:0;background:rgba(21,33,59,.5);width:100%;height:100%;}
#swiper1 .swiper-word a{ color:#15213B; padding:10px 35px; transition: all 1s; border-radius:35px; background-color:#F5C12D; font-size:16px; font-weight:bold}
#swiper1 .swiper-word a:hover{ background-color:#1D9F95; transition: all 1s;}
#swiper1{ position:relative}

.banner{ position:relative;}
.banner .swiper-word-wrap{ color:#FFF; text-align:center; position:absolute;  left:0; top:0; background:rgba(21,33,59,.5); width:100%; height:100%;}
.banner .swiper-word a{ padding:10px 35px; transition: all 1s; border-radius:35px; background-color:#F5C12D; font-size:16px}
.banner .swiper-word a:hover{ background-color:#1D9F95; transition: all 1s;}

.tabindex-top{ position:absolute; bottom:0px; left:0px; width:100%; z-index:9999999; text-align:center}
.tabindex-top ul{ }
.tabindex-top ul li{ display:inline-block; width:110px; color:#FFF; line-height:45px; height:45px; font-size:16px;background-color:#15213B; padding:0; margin:0; cursor:pointer}
.tabindex-top ul p{ display:inline-block; width:110px; color:#FFF; line-height:45px; height:45px; font-size:16px;background-color:#15213B; padding:0; margin:0; cursor:pointer}
.tabindex-top ul li.active{ background-color:#F1F2F6; color:#15213B;line-height:55px;height:50px; }
.tabindex-body{ width:100%; background-color:#F1F2F6}

#tabindex-body ul li { display:none}
#tabindex-body ul li.active{ display:block !important}

.indexh1{ font-size:40px; text-align:center; line-height:45px; color:#15213B; font-family:"wcn"; font-weight:normal}
.indexh1 span{ display:block; font-size:17px; color:#15213B; line-height:25px; margin:20px 0}

.indexh2{ font-size:24px;  font-weight:normal; text-align:center}
.link{ border-top:1px solid #DDDEE0; margin-top:20px; padding-top:20px; text-align:center;}
.link a{ margin:20px 10px 5px; display:inline-block}

.youshi{ }
.youshi ul{}
.youshi ul li{ margin-top:12px;}
.youshi ul li > div{ padding:25px 20px; overflow:hidden;border:1px solid #D0D3DA; border-radius:4px; background-color:#FFF;transition:all .3s; margin-top:5px; position:relative; cursor:pointer}
.youshi ul li > div p.title{ font-size:25px; color:#15213B; line-height:65px;}
.youshi ul li > div p.txt{ font-size:15px; line-height:30px;}
.youshi ul li > div:hover{box-shadow:4px 4px 20px #BFBFBF; margin-top:0px; transition:all .3s}
.youshi ul li > div div.line{ position:absolute; bottom:0px; left:0px; height:4px; background-color:#1D9F95; width:0%;transition:all .3s}
.youshi ul li > div:hover div.line{width:100%;transition:all .3s}

.zixun{ }
.zixun ul{}
.zixun ul li{ }
.zixun ul li > div{ overflow:hidden;border:1px solid #D0D3DA; border-radius:4px; background-color:#FFF;transition:all .3s; margin-top:5px; position:relative; cursor:pointer}
.zixun ul li > div .neirong{ display:block; margin:10px 20px 20px}
.zixun ul li > div p.title{ font-size:18px; color:#15213B; line-height:25px; min-height:45px; margin:20px 0 10px; font-weight:600}
.zixun ul li > div p.date{ color:#999; margin-bottom:10px;}
.zixun ul li > div p.txt{ font-size:14px; line-height:25px;}
.zixun ul li > div p.more{ color:#1D9F95; text-align:right; margin-top:12px;}
.zixun ul li > div:hover{box-shadow:4px 4px 20px #BFBFBF; margin-top:0px; transition:all .3s}
.zixun ul li > div div.line{ position:absolute; bottom:0px; left:0px; height:4px; background-color:#1D9F95; width:0%;transition:all .3s}
.zixun ul li > div:hover div.line{width:100%;transition:all .3s}

.contactindex{}
.contactindex p.title{font-size:31px;/*color: #ffffff;*/line-height:65px;margin-bottom:60px;margin-top:12px;font-family:wcn;text-align: left;padding-bottom: 5px;}
.contactindex p.time{font-size:20px;/*color: #ffffff;*/line-height:35px;margin-bottom:5px;}
.contactindex p.tel{ font-size:46px; color:#F5C12D;/* line-height:65px;*/ font-family:wenc; margin-top:17px; }
.contactindex p.mail{font-size:31px;/*color: #ffffff;*/line-height:65px;font-family:wen;}

.pictab{ }
.pictab li{ margin-top:5px;}
.pictab li { color:#000; font-size:15px; background:url(../images/icon_jia.png) no-repeat left 5px; padding-left:30px;}
.pictab li.active{background:url(../images/icon_jian.png) no-repeat left 5px; padding-left:30px;}
.pictab li.active p{ display:block}
.pictab li a{ color:#000}
.pictab li  span{ font-size:30px; color:#F5C12D; margin-right:4px; display:inline-block; float:left; display:block; width:30px;}
.pictab p{ display:none; color:#16223A}

.lanbg{/*background: #15213b;*/}
.zyywa{ padding:80px 0}
.zyywa p{ text-align:center; color:#15213B; line-height:35px;}
.zyywa .p1{}
.zyywa .p2{ font-size:40px; font-weight:bold;margin:25px auto;}
.zyywa .p3{ font-size:21px; font-weight:bold; width:60%; margin:15px auto 0; line-height:40px;}
.zyywa .p4{ font-size:20px; margin:0px auto 25px; }

.aboutbannerbiaoti{ font-weight:normal}

.kuang1{ padding:60px 0}
.kuang1 h1{ font-size:34px; text-align:center; line-height:55px; margin-bottom:50px; font-family:wcn; font-weight:normal}
.licheng{ overflow:hidden}
.licheng li{ width:13%; float:left; border-right:1px solid #C5C5C7; overflow:hidden; padding:15px; cursor:pointer}
.licheng li div{ width:300px;color:#15213B}
.licheng li div .riqi{ color:#15213B; font-size:40px; margin-bottom:50px;}

.kuang2{ padding:60px 0}
.kuang2 h1{ font-size:34px; text-align:center; line-height:55px; margin-bottom:50px; font-family:wcn; font-weight:normal}
.kuang2 ul{}
.kuang2 ul li{ text-align:center; margin-bottom:15px; line-height:45px;}

.wenhuaa { margin:20px 0}
.wenhuaa p{ font-size:20px; border-bottom:1px solid #C5C5C7; padding-bottom:5px; margin-bottom:5px;font-family:"wcn";}
.faqa li a{ display:block; border-bottom:1px solid #D7D7D7; padding-bottom:10px; margin-bottom:5px; font-weight:bold} 

.card{ border:none; border-bottom:1px solid #D7D7D7 !important}
.card-header{ background:none; border-bottom:1px solid #D7D7D7}
.card-header span.jia{ font-size:30px; color:#F5C12D; margin-right:8px; display:inline-block; float:left; margin-top:-10px; }

.newsdetail{}
.newsdetail h1{ font-size:28px; line-height:39px; }
.newsdetail h1 small{ display:block; font-size:14px; border-bottom:1px solid #E7E8EA; padding-bottom:10px; margin-bottom:20px; color:#999}
.newsTags{margin:10px 5px;}
.newsTags ul li{ float:left; margin:10px;}
.newsTags ul li a span{ padding:15px 25px; background-color:#E3E6EB; color:#15213B; font-family:wcn; font-size:16px;box-shadow: 2px 2px 5px #D3CECF}
.newsnr{ line-height:28px; font-size:16px;}

.data .name{ line-height:25px; padding:10px;}
.data .datapic{ position:relative}
.data .datatext{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); display:flex;align-items:center; text-align:center;opacity:0;transition:all .5s}
.data .datatext .btn-a2{ margin:0 auto; padding:5px 30px; font-size:15px}
.data .eye{ position:absolute; right:12px; top:3px; background:url(../images/icon_eye.png) no-repeat left center;background-size:15px; padding-left:20px; color:#FFF; font-family:wen; font-size:10px;opacity:0;transition:all .5s}
.data div:hover .eye{opacity:1;transition:all .5s}
.data div:hover .datatext{opacity:1;transition:all .5s}
.data ul li{ height:auto !important}

.mengban{ background:rgba(21,33,59,.3); width:100%; height:100%; position:absolute; left:0;top:0}

.ua{ text-align:center; margin:100px auto 0}
.ua .ua1{ font-size:40px; font-family:wcn; margin-bottom:20px;}
.ua p{ line-height:28px; font-size:21px;}
.ub{ padding:50px 0}
.ub h1{ text-align:center; font-size:36px; margin-bottom:50px; font-family:wcn}
.biaoge{ border-radius:5px;width:100%;}
.biaoge thead { background-color:#15213B; color:#FFF; width:100%;}
.biaoge thead th{ text-align:center}
.biaoge tbody{}
.biaoge .tha{ display:flex; align-items:center; justify-content:center}
.biaoge td{ vertical-align:middle; text-align:center; min-width:120px;}
.biaoge .hc{ background:url(../images/u-line.jpg) no-repeat left center; background-size:contain; text-align:center; }
.biaoge .text{ }
.biaoge .text{ line-height:20px;}
.biaoge  .tha .text .p2{ font-size:12px; color:#F5C12D; font-weight:normal}
.uc h1{text-align:center; font-size:36px; margin-top:50px; font-family:wcn}

.hxys{ margin:50px 0 0}
.hxys .left{ width:35%; float:left}
.hxys .left ul{}
.hxys .left ul li{ border:1px solid #D7D7D7; border-radius:5px; font-size:28px; font-weight:bold; padding:18px 10px; margin-bottom:23px; position:relative; overflow:hidden; cursor:pointer}
.hxys .left ul li .p2{ font-size:14px; margin-left:60px; font-weight:normal; display:none; line-height:20px;}
.hxys .left ul li .p1{ background:url(../images/icon-hxys1.jpg) right no-repeat ; font-family:wcn}
.hxys .left ul li .p1 img{ margin-right:15px;}
.hxys .left ul li.active .pline{ border-bottom:7px solid #F5C12D;position:absolute; bottom:0px; left:0px; width:100%;}
.hxys .left ul li.active .p1{ background:url(../images/icon-hxys2.jpg) right no-repeat}
.hxys .left ul li.active .p2{ display:block; margin-bottom:10px;}
.hxys .right{ width:65%; float:left}
.hxys .right ul{ margin-left:45px;}
.hxys .right ul li{ display:none; position:absolute}

.join{ padding:80px 0; text-align:center}
.join p{ line-height:35px; font-size:18px}
.join .p1{ font-size:40px; font-weight:bold; margin-bottom:15px; line-height:45px; font-family:wcn}
.kouhao .p1{ font-size:25px; border-bottom:1px solid #EAEAEA; margin-bottom:10px; padding-bottom:10px; font-family:wcn}
.kouhao .p2{ font-size:18px; margin-bottom:80px; }

.lianxia .d1{ padding:20px; border-radius:4px;}
.lianxia .d1 .d1a{ background-color:#fff; margin-top:20px; padding:20px;}
.lianxia .d1 .d1a .p1{ font-size:18px; border-bottom:1px solid #F1F2F6; padding-bottom:10px; margin-bottom:10px; font-weight:bold}
.lianxia .d1 .d1a .p2{ border-bottom:1px solid #F1F2F6; padding-bottom:10px; margin-bottom:10px;}
.lianxia .d2{ padding:20px; border-radius:4px;}
.lianxia .d2 p{ text-align:left; line-height:20px;}
.lianxia .d2 .form-group{ margin:10px 0px;}
.lianxia .d2 .form-group input{ margin-bottom:10px;}
.lianxia .d2 .btna{ padding:0 0px;}

.quanqiu{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:999; display:none}
.quanqiu .close{position:fixed; right:10px; top:10px; z-index:99999;}
.quanqiu .close img{transform:rotate(0deg);transition:all .5s; cursor:pointer}
.quanqiu .close img:hover{transform:rotate(-100deg);transition:all .5s}
.quanqiu ul{position:fixed; right:-400px; top:0; height:100%; background-color:#15213B; width:300px; z-index:9999; padding:90px 0; text-align:center}
.quanqiu ul h1{ color:#fff; font-family:wcn; margin-bottom:30px; font-size:30px}
.quanqiu ul li{ font-size:18px; line-height:40px;}
.quanqiu ul li a{ color:#FFF}

.tantu{ position:fixed; height:100%; width:100%; left:0; top:0; background:rgba(27,36,66,.5); overflow-y:auto; z-index:99999;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
}
.tantu::-webkit-scrollbar {
   	width: 10px;
	height: 1px;
}
.tantu::-webkit-scrollbar-thumb {
  /*��������������*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
  }
.tantu::-webkit-scrollbar-track {
  /*������������*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }

.tantu .close{ position:fixed; right:40px; top:20px; cursor:pointer}
.tantu .tu{ margin:0 auto; text-align:center}

.sanbiaoge h1{ margin-top:30px;}
.sanbiaoge table{  width:100%; border-radius:10px; margin-top:20px; border-collapse:inherit; overflow:hidden;border:0.5px solid #EFEFEF}
.sanbiaoge table th{ border:0.5px solid #EFEFEF; padding:5px; text-align:center; font-size:16px;}
.sanbiaoge table td{ border:0.5px solid #EFEFEF; padding:5px; text-align:center}


@media (min-width:768px) { 
.daohang{position:absolute;left:0;top:0;width:100%;z-index:99;background:rgba(21,33,59,.3);}
.daohangbai{ position:inherit; background-color:#FFF}
.daohang1{ position:fixed; left:0;top:0; width:100%; z-index:99999; background-color:#011627}
.navbar-light .navbar-nav .nav-link{color: rgba(255,255,255,.9); font-size:14px}
.daohangbai .navbar-light .navbar-nav .nav-link{color: rgba(0,0,0,.9); font-size:14px}
.nav-item{ margin:0 8px;}
.about1{ width:80%; text-align:center; margin:0 auto; line-height:35px;}
.juli94{ height:90px;}

#swiper1 .swiper-word h1{ font-size:46px;}
#swiper1 .swiper-word p{ line-height:30px; font-size:18px; width:540px;}
#swiper1 .swiper-word p.btn{ margin-top:30px; text-align:left; padding:0}
#swiper1 .swiper-slide{ width:100%;background-size:cover; background-repeat:no-repeat; background-position:center center}

.banner .swiper-word h1{ font-size:46px; font-family:wcn; font-weight:normal; margin:30px 0;}
.banner .swiper-word p{ line-height:30px; font-size:18px; width:540px; font-family:wen}
.banner .swiper-word p.btn{ margin-top:20px; text-align:left; padding:10px 0}
.banner .swiper-slide{ height:694px; width:100%;background-size:cover; background-repeat:no-repeat; background-position:center center}

.dropdown-menu { background: rgba(21, 33, 59, 0.2); top: 35px; left: -45px; text-align: center; font-size: 14px;}
.dropdown-menu a{ color:#FFF}
.dropdown-menu a:hover{ background-color:#15213B; color:#FFF}
#video{/*min-width:1349px;*/object-fit:fill}
.indexput{ width:80%;}

.service-itemBox{width: 100%; margin: 0 auto;overflow: hidden;}
.ul-service-item{width: 100%; margin: 0 auto;margin-top: 10px;}
.ul-service-item>li{width: 20%; float: left;}
.ul-service-item>li>a{display: block;position: relative;width: 240px;height: 160px;cursor: pointer;}
.ul-service-item>li>a>img{position: absolute; top: 46%; left: 50%;transform: translate(-50%, -50%);}
.ul-service-item>li>a:hover img{opacity: 0.5;}
.ul-service-item>li>a:hover span{color: #07359e;}
.ul-service-item>li .title{ color: #000; display: block;position: absolute;width: 200px; top: 70%;left: 50%;transform: translate(-50%, -50%);text-align: center;}

.youshi ul li > div{ min-height:362px;}
.zixun ul li > div{ min-height:362px;}
.zixun ul li {}
.zixun ul li{ margin-top:22px;}
.huoban{}
.huoban ul li{ width:16.66%; float:left; margin-bottom:15px;opacity:1; cursor:pointer;transition:all .5s; padding:0 20px}
.huoban ul li:hover{ width:16.66%; float:left; margin-bottom:15px;opacity:0.5;transition:all .5s}
.liuyan{ padding-left:80px;}
.banner{ position:relative; background-color:#16223C; height: 451px;}

.picright { margin:55px auto}
.picright .lefta{ width:45%; float:right}
.picright .lefta img{ border-radius:4px;box-shadow:4px 4px 30px #9A9A9A;}
.picright .righta{ width:55%; float:left; padding-right:120px;}
.picright h2{ font-size:34px; text-align:center; line-height:65px; font-weight:normal; margin-bottom:80px; font-family:wcn; font-weight:normal}

.picleft { margin:55px auto}
.picleft .lefta{ width:45%; float:left}
.picleft .lefta img{ border-radius:10px;box-shadow:4px 4px 10px #9A9A9A;}
.picleft .righta{ width:55%; float:right; padding-left:120px;}

.newmenu{ margin:30px 0}
.newmenu li{  width:25%; float:left}
.newmenu li a{ display:block; background:url(../images/icon.png) right center no-repeat; background-size:40px 11px;border:1px solid #D7D7D7; margin:10px ; padding:10px; border-radius:5px; font-size:16px; font-family:wcn}
.biaoge{ display:table !important; overflow:hidden}
.youshia ul li{ height:auto; min-height:inherit}
.join .p2{ width:400px; margin:20px  auto 0; text-align:right}

.lianxia{ float:left; width:30%;}
.lianxib{ float:left; width:70%;}

.navbar{ padding:0}
.navbar-light .navbar-nav .nav-link{ line-height:33px;}
#menu{ background-color:#FFF; width:562px; padding:10px 10px 10px 10px; top:50px; font-size:15px;}
#menu a{ color:#15213B; float:left; width:270px; text-align:left; clear:none; padding:0; padding:10px 0}
#menu a img{ margin-right:10px; margin-left:10px;}
#menu a:hover{ color:#000; background-color:#EEEEEE; border-radius:5px}
#menu div{ position:absolute; left:71px; top:-20px;}
 }
@media (max-width:768px) { 
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .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-lg-auto, .col-md, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 0px;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -10px;
}

.navbar{ padding:5px;}
.navbar-brand{ padding:0px 5px !important}
.navbar-light .navbar-nav .nav-link{ text-align:center; border-bottom:1px solid #F2F2F2}

#swiper1 .swiper-word h1{ font-size:26px;}
#swiper1 .swiper-word p{ line-height:25px; margin:0 20px 20px;}
#swiper1 .swiper-slide{ height:350px; width:100%;background-size:auto 100%}
#video{object-fit:fill}
.indexput{ width:100%;}

.service-itemBox{width: 100%; margin: 0 auto;overflow: hidden;}
.ul-service-item{width: 100%; margin: 0 auto;}
.ul-service-item>li{width: 33.33333%; float: left;}
.ul-service-item>li>a{display: block;cursor: pointer; text-align:center}
.ul-service-item>li>a>img{}
.ul-service-item>li>a:hover img{opacity: 0.5;}
.ul-service-item>li>a:hover span{color: #07359e;}
.ul-service-item>li .title{ color: #000; display: block;text-align: center;}
.youshi ul li > div{ min-height:280px;}
.zixun ul li > div{ min-height:280px;}
.zixun ul li { }
.zixun ul li{ margin-top:5px;}
.huoban{}
.huoban ul li{ width:33.3333%; float:left; margin-bottom:15px;}
.banner{}
.banner .swiper-word p.btn {  margin-top: 20px;  text-align: left; padding:0}

.picright { margin:15px auto}
.picright .lefta{ margin-bottom:15px; }
.picright .righta{}

.picleft { margin:15px auto}
.picleft .lefta{ margin-bottom:15px; }
.picleft .righta{}

.newmenu{ margin:20px 0}
.newmenu li{  width:50%; float:left}
.newmenu li a{ display:block; background:url(../images/icon.jpg) right center no-repeat; background-size:40px 11px;border:1px solid #D7D7D7; margin:10px ; padding:10px; border-radius:5px; font-size:16px}
.biaoge td{ min-width:150px;}
.lianxia{ float:left; width:100%;}
.lianxib{ float:left; width:100%;}
 }


.customerService{position:fixed;bottom:25px;right:20px;z-index:9999999}
.customerService .investigation{width:180px;padding:10px 5px 10px 10px;display:flex;align-items:center;background:#fff;border-radius:6px;margin-bottom:10px;border:1px solid #eaf0f6}
.customerService .investigation p{margin-bottom:0}
.customerService .investigation img{width:54px;height:56px;margin-left:6px}
.customerService .investigation .investigationIcon{position:absolute;top:-24px;left:0;right:0;margin:0 auto;width:48px;height:48px}
.customerService .investigation .investigationIcon img{width:48px;height:48px}
.customerService .customerService-con{width:180px;background:url(/skin/images/lianxi_bg.1d08113.png) no-repeat 50%;padding:14px;background-size:contain;color:#fff;position:relative}
.customerService .customerService-con .customerServiceEntrance{display:flex;align-items:center;cursor:pointer}
.customerService .customerService-con img{width:31px;height:21px;margin-right:14px}
.customerService .customerService-con .customerServiceDialog{width:324px;height:0px;border-radius:6px;overflow:hidden;position:absolute;bottom:55px;right:0;color:#173551;transition:all 1s}
.customerService .customerService-con .customerServiceDialog .contactTarget{height:92px;background:url(/skin/images/contact_target_bg.eee5256.png) no-repeat 50%;background-size:contain;padding:17px 22px;margin-bottom:-3px
}.customerService .customerService-con .customerServiceDialog .contactTarget p{margin-bottom:0;font-size:16px;color:#fff}
.customerService .customerService-con .customerServiceDialog .contactTarget .phone{font-size:28px}
.customerService .customerService-con .customerServiceDialog .customerServiceCon{padding:14px 22px 6px;background:#fff;border:1px solid #eaf0f6; position:relative}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .erweima{ position:absolute; top:20px; right:-5px;}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .erweima img{ width:85px; height:85px;}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .ant-row:not(:last-child){margin-bottom:0}
.customerService .customerService-con .customerServiceDialog .customerServiceCon p{margin-bottom:0;line-height:24px}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .title{font-size:18px;color:#173551;margin-bottom:6px}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .customerServiceBtn{background:#f9d5e9;border-radius:30px;padding:6px 0;line-height:20px;text-align:center;color:#173551;margin:10px 0;cursor:pointer}
.customerService .customerService-con:hover .customerServiceDialog{height:515px}
.ant-input{ width:100%;}
.ant-input-affix-wrapper{ position:relative}
.ant-input-suffix{ position:absolute; right:10px; top:-3px;}
.ant-input{ border:1px solid #D9D9D9; border-radius:5px; margin-top:10px; padding:0 10px}

/*********** 20231219 **********/
  .bgImg{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  }
  .box{
  background-image: url(../../content/uploads/20231219033617435.png);
  background-color: #eef1f9;
  background-size: 90%;
  background-position: bottom;
}
.container1{
  max-width: 1240px;
  margin: 0 auto;
  padding-bottom: 70px;
}
.box-item{
 padding-top: 70px;
}
.box-tt{
  text-align: center;
  padding-bottom: 70px;
}
.box-tt h2{
  display: inline-block;
  font-size: 32px;
  padding-left: 50px;
  background-image: url(../../content/uploads/20231219033502258.png);
  background-position: left;
  background-size: 40px 36px;
  line-height: 36px;
}
.box-list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.box-img{
  width: 33.33%;
}
.box-img h4{
  font-size: 32px;
  line-height: 36px;
  color: #fff;
  font-weight: bold;
  padding-left: 30px;
padding-top: 50px;
}
.box-img P{
  font-size: 16px;
color: #fff;
padding-top: 20px;
padding-left: 30px;
  text-transform:uppercase;
  letter-spacing: 1px;
opacity: .8;
}
.box-list-item{
  width: 33.33%;
}
.box-list-text{
  padding: 45px 60px;
  background: #fff;
  margin-right: 10px;
}
.box-list-text img{
 width: auto;
 height: 40px;
}
.box-list-text h4{
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  margin: 15px 0px;
}
.box-list-text p {
font-size: 16px;
line-height: 24px;
color: #999999;
min-height: 48px;
}
.map-box{
position: relative;
}
.map-box img{
width: 100%;
height: auto;
}
.map-text{
  position: absolute;
top: 8%;
width: 100%;
text-align: center;
}
.map-text p{
 font-size: 24px;
 color: #fff;
 padding-bottom: 25px;
}
.map-text h4{
font-size: 32px;
color: #ffffff;
}
.data-box{
  background: #eef1f9;
}
.data-w{
  position: relative;
  top: -100px;
  max-width: 1240px;
  margin: 0 auto;
}
.data-tt{
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  background: rgb(255, 255, 255, .5);
  display: flex;
  justify-content: flex-start;
  padding-left: 96px;
  padding-right: 30px;
}
.data-tt p{
  width: 33.33%;
  padding: 30px 0px;
  font-size: 36px;
  color: #fff;
  line-height: 40px;
}
.data-list-box{
  padding-left: 96px;
  padding-right: 30px;
  padding-bottom: 40px;
  padding-top: 20px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #ffffff;
  box-shadow: 0px 10px 15px 10px #e6e8f0;
}
.data-list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.data-item{
  width: 33.33%;
  padding-top: 20px;
}
.data-text{
  padding-bottom: 20px;
}
.data-text p{
  font-size: 24px;
color: #666666;
margin-bottom: 10px;
}
.data-text h4{
color: #666666;
font-size: 24px;
display: flex;
align-items: end;
}
.data-text h4 span{
 font-size: 58px;
 color: #1d9f96;
}
.order-box{
  background: #eef1f9;
  padding: 55px 0px;
}
.order-con{
  max-width: 1240px;
  margin: 0 auto;
}
.order-con h2{
  font-size: 36px;
color: #333333;
text-align: center;
margin: 60px 0px;
font-weight: bold;
}
.order-list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.order-item{
  width: calc(25% - 12px);
  background-size: 100% 231px;
  margin-right: 16px;
  padding-top: 231px;
  background-color: #ffffff;
  background-position: top;
}
.order-item:last-child{
  margin-right: 0px;
}
.order-item:nth-child(2n){
  padding-top: 0px;
  padding-bottom: 231px;
  background-position: bottom;
}
.order-text{
  padding: 35px 20px;
}
.order-text h4{
  font-size: 24px;
color: #333;
font-weight: bold;
line-height: 30px;
}
.order-text h5{
  font-size: 16px;
color: #666666;
line-height: 24px;
margin-bottom: 25px;
}
.order-text p{
  line-height: 24px;
font-size: 14px;
color: #666666;
}

/*********** 20231220 **********/
  .banner .swiper-word .d-h1{
    display: flex;
    align-items: end;
  }
  .banner .swiper-word .d-h1 span{
    font-size: 60px;
    color: #1f9e93;
  }
  .logistics{
    background-image: url(../images/bg2.png);
    background-color: #eef1fa;
    padding-top: 65px;
  }
  .logistics-box{
    max-width: 1222px;
    margin: 0 auto;
  }
  .logistics-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .logistics-item{
    width: calc(50% - 10px);
    margin-bottom: 20px;
    background: #ffffff;
  }
  .logistics-item-text{
    padding: 45px 76px;
    padding-bottom: 20px;
  }
  .logistics-item-text img{
    height: 40px;
    width: auto;
  }
  .logistics-item-text h4{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-top: 20px;
  }
  .logistics-item-text p{
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    min-height: 90px;
  }
  .zyywa .p2{
    line-height: 50px;
  }
  .logisticsImg{
    background-color: #eef1fa;
  }
  .logisticsImg-box{
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .logisticsSwiper{
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
  }
  .logistics-slide{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .logistics-l{
    width: calc(50% - 30px);
  }
  .logistics-l h5{
    font-size: 24px;
    color: #373737;
    margin-bottom: 15px;
  }
  .logistics-l h2{
    font-size: 38px;
    color: #373737;
}
.logistics-l h2 span{
  color: #1d9f95;
}
  .logistics-l h4{
    font-size: 22px;
    line-height: 38px;
    min-height: 76px;
    margin: 30px 0px;
    letter-spacing: 1px;
  }
  .logistics-l p{
    font-size: 14px;
    color: #747474;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
    min-height: 82px;
  }
  .logistics-l a{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1f9e93;
    line-height: 36px;
    font-size: 12px;
    color: #fff;
    width: 110px;
    border-radius: 18px;
  }
  .logistics-l a span{
    margin-right: 10px;
}
.logisticsImg .logistics-button-prev,
.logisticsImg .logistics-button-next{
  width: 57px;
    height: 96px;
    background: #f5c12d;
    border: 2px solid #d5a51d;
}
.logisticsImg .logistics-button-prev:hover,
.logisticsImg .logistics-button-next:hover{
  background: #1f9e93;
    border: 2px solid #1b776f;
}
.logisticsImg .logistics-button-prev{
  left: -57px;
}
.logisticsImg .logistics-button-next{
  right: -57px;
  left: auto;
}
.logisticsImg .logistics-button-next.swiper-button-disabled, 
.logisticsImg .logistics-button-prev.swiper-button-disabled{
  opacity: 1;
}
.logisticsImg .logistics-button-next:after, 
.logisticsImg .logistics-button-prev:after{
  font-size: 30px;
  color: #fff;
}
.logisticsImg-list ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 30px;
}
.logisticsImg-list ul li{
  width: calc(100%/6);
  text-align: center;
  padding-bottom: 20px;
}
.logisticsImg-list ul li img{
 width: auto;
 height: 41px;
}
.logisticsImg-list ul li p{
  font-size: 14px;
    color: #747474;
    line-height: 30px;
    margin-top: 10px;
}

  /********** 20231226 **********/
  .cont-box{
    max-width: 1515px;
    margin: 0 auto;
  }
  .kuangc{
    border: 0px;
  }
  .kuangc-row{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 60px;
  }
  .kuangc-row:nth-child(2n){
    flex-direction: row-reverse;
  }
  .kuangc-item{
    width: 15%;
    height: 254px;
    display: flex;
   justify-content: center;
   align-items: center;
   background: #1f9e93;
  }
  .kuangc-tt{
    text-align: center;
  }
  .shuzi{
    font-size: 100px;
    color: #fff;
    display: block;
    padding-bottom: 10px;
    line-height: 100px;
  }
  .p-text{
    border-top: 4px solid #ffff;
    padding-top: 20px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
  }
  .kuangc-text{
    width: 53%; 
    height: 254px;
  }
  .kuangc-txt{
    padding-left: 40px;
    padding-right: 15px;
  }
  .kuangc-txt h1{
    font-size: 30px;
    color: #555555;
    padding-left: 50px;
    line-height: 38px;
    background-image: url(../images/tt.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 38px;
  }
  .kuangc-txt p{
    font-size: 18px;
    color: #555555;
    padding-top: 10px;
    line-height: 30px;
  }
  .kuangc-img{
    width: 32%;
    height: 254px;
  }
  .kuangcimg{
    width: 100%;
    height: 100%;
  }
  @media (max-width: 1550px){
    .logisticsImg-box{
      max-width: 1300px;
    }
    .logisticsSwiper{
      max-width: 1200px;
    }
    .logistics-l {
  width: calc(50% - 10px);
  }
  }
  @media (max-width: 1450px){
    .logisticsImg-box{
      max-width: 1200px;
    }
    .logisticsSwiper{
      max-width: 1100px;
    }
}
@media (max-width: 1350px){
    .logisticsImg-box{
      max-width: 1100px;
    }
    .logisticsSwiper{
      max-width: 1000px;
    }
}
@media (max-width: 1250px){
.logisticsImg-box{
  padding-top: 100px;
}
.logisticsImg .logistics-button-prev, .logisticsImg .logistics-button-next{
  width: 50px;
  height: 50px;
  top: 30px;
  margin-top: 0px;
}
.logisticsImg .logistics-button-next{
  right: 0px;
}
.logisticsImg .logistics-button-prev{
  right: 60px;
  left: auto;
}
.logistics-box,
.logisticsImg-box {
  max-width: 1000px;
}
.logistics-item-text {
  padding: 40px 50px;
}
.order-con,
.container1{
max-width: 1000px;
}
}
  @media (max-width: 1200px){
    .shuzi {
    font-size: 70px;
    line-height: 70px;
   }
   .kuangc-txt {
    padding-left: 15px;
  }
  .kuangc-txt h1 {
    font-size: 28px;
    padding-left: 40px;
    line-height: 30px;
    background-size: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .kuangc-txt p {
    font-size: 16px;
    line-height: 24px;
  }
  .logistics{
  padding-top: 40px;
  }
  .box-tt {
  padding-bottom: 50px;
  }
  .logisticsImg-list ul li{
  width: calc(100%/3);
  }
  .zyywa {
    padding: 50px 0;
  }
  .zyywa .p3{
  width: 80%;
  }
  }
  @media (max-width: 1024px){
    .kuangc-item {
    width: 25%;
    }
    .kuangc-text {
    width: 75%;
  }
    .kuangc-txt{
      padding-right: 0px;
    }
    .kuangc-img {
    width: 100%;
   margin-top: 20px;
  }
  .list-item{
   margin-right: 20px;
  }
  .logistics-box,
  .data-w,
  .order-con, .container1,
.logisticsImg-box {
  max-width: 940px;
}
.data-list-box,
.data-tt{
padding-left: 0px;
  padding-right: 0px;
  text-align: center;

}
.data-text h4{
justify-content: center;
}
.box-img h4 {
  font-size: 24px;
  line-height: 30px;
  padding-left: 20px;
  padding-top: 30px;
}
.box-img P{
font-size: 15px;
padding-left: 20px;
}
.data-tt p {
  padding: 25px 0px;
  font-size: 28px;
}
.order-text,
.box-list-text{
padding: 20px;
}
.box-list-text p{
min-height: 72px;
}
.data-list-box{
padding-bottom: 20px;
}
.data-text h4,
.data-text p {
  font-size: 20px;
}
.data-text h4 span {
  font-size: 46px;
}
.data-w{
top: -90px;
}
.order-text h5{
margin-bottom: 15px;
}
.order-text h4{
font-size: 22px;
}
.zyywa .p3{
  width: 100%;
  }
  }
  @media (max-width: 960px){
  .p-text {
    padding-top: 10px;
    font-size: 18px;
    line-height: 24px;
  }
  .shuzi {
    font-size: 60px;
    line-height: 60px;
  }
  .kuangc-txt h1 {
    font-size: 24px;
    padding-left: 36px;
    line-height: 24px;
    background-size: 24px;
  }
  .logistics-box,
.logisticsImg-box {
  margin-left: 15px;
 margin-right: 15px;
 max-width: calc(100% - 30px);
 }
 .logistics-item-text {
  padding: 20px 30px;
  }
  .box-list{
    margin-left: 10px;
  }
  .box-img {
  width: 100%;
  height: 280px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.box-list-item {
  width: 50%;
}
.data-tt p {
  font-size: 24px;
  line-height: 30px;
}
.data-text h4 span {
  font-size: 32px;
}
.order-box{
padding: 20px 0px;
}
.order-item {
  width: calc(50% - 12px);
  margin-bottom: 16px;
  }
  .order-item:nth-child(2n) {
    margin-right: 0px;
  }
}

  @media (max-width: 640px){
    .logisticsImg-list ul li{
      width: 50%;
    }
    .kuangc-item {
      width: 30%;
  }
  .kuangc-text {
      width: 70%;
  }
  .zyywa p{
    text-align: center;
  }
  }
 
/********** 20240109 **********/
.popFrame{
  padding-top: 65px;
  padding-bottom: 50px;
 background: #eef1fa;
}
.popFrame-box{
  max-width: 1200px;
  margin: 0 auto;
}
.popFrame-con{
  box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, .2);
}
.xinxi-box{
  padding: 50px 30px;
  background: #ffffff;
  box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, .2);
}
.popFrame-tt{
  font-size: 32px;
  color: #333;
  padding-bottom: 50px;
}
.popFrame-company{
 font-size: 26px;
 color: #5f5f5f;
 display: flex;
 justify-content: flex-start;
 padding-bottom: 20px;
}
.popFrame-company span{
  display: block;
  line-height: 38px;
  text-transform: uppercase;
}
.company-tt{
  width: 130px;
}
.company-url{
  width: calc(100% - 130px);
  word-wrap: break-word
}
.popFrame-p{
font-size: 18px;
color: #b3b3b3;
line-height: 24px;
}
.website{
 color: #ff3c3c;
}
.company-box{
  padding: 0px 30px;
  margin-top: 30px;
}
.step-box{
  padding-top: 30px;
  padding-left: 30px;
  background: #ffffff;
  box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, .2);
}
.step-tt{
  font-size: 24px;
  color: #5f5f5f;
  padding-bottom: 30px;
  text-transform: uppercase;
  word-wrap: break-word
}
.step01{
  padding-bottom: 20px;
  border-bottom: 1px dashed #eef1fa;
  margin-bottom: 20px;
}
.step01:last-child{
  border: 0;
  margin-bottom: 0px;
}
.step01 p{
  font-size: 18px;
  color: #5f5f5f;
  padding-bottom: 20px;
}
.step01 img{
  max-width: 100%;
  height: auto;
}
.listImg-box{
  padding: 30px;
}
.listImg-tt{
  padding: 0 30px;
  background: #ffffff;
  box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, .2);
}
.listImg-xinxi,
.popFrame-list{
 display: flex;
 justify-content: flex-start;
 padding: 25px 0px;
 font-size: 24px;
 color: #5f5f5f;
}
.listImg-xinxi{
  border-bottom: 1px dashed #eef1fa;
}
.listImg-xinxi span,
.popFrame-list span{
 display: block;
 width: 130px;
}
.list-item-box,
.listImg-xinxi p{
  width: calc(100% - 130px);
  text-transform: uppercase;
  word-wrap: break-word
}
.list-item-box{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.list-item{
 font-size: 24px;
 color: #5f5f5f;
 cursor: pointer;
 margin-right: 15px;
 position: relative;
 margin-bottom: 20px;
}
.list-item:hover,
.list-item.selected{
 color:#1f9e93;
}
.list-item:hover::after,
.list-item.selected::after{
 content: "";
 position: absolute;
 left: 50%;
 bottom: -5px;
 width: 70px;
 height: 2px;
 margin-left: -35px;
 background: #1f9e93;
}
.listImg{
 margin-top: 30px;
 background: #ffffff;
 box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, .2);
}
.listImg-item{
 width: 100%;
 display: none;
}
.listImg-item.selected{
 display: block;
}
.listImg-item img{
 width: 100%;
 height: auto;
}

@media (max-width: 1280px){
  .popFrame {
    padding-top: 40px;
}
  .popFrame-box {
    max-width: 1000px;
}
.xinxi-box {
    padding: 40px 30px;
}
.popFrame-tt {
    font-size: 29px;
    padding-bottom: 35px;
}
.popFrame-company {
    font-size: 22px;
    padding-bottom: 10px;
}
.company-tt {
    width: 110px;
}
.company-url {
    width: calc(100% - 110px);
}
.popFrame-p {
    font-size: 15px;
}
.step-tt {
    font-size: 22px;
    padding-bottom: 20px;
}
.step01 p {
    font-size: 16px;
}
.listImg-xinxi, .popFrame-list {
    padding: 20px 0px;
    font-size: 20px;
}
.listImg-xinxi span, .popFrame-list span {
    width: 100px;
}
.list-item {
    font-size: 20px;
}
.list-item-box, .listImg-xinxi p {
    width: calc(100% - 100px);
}
}
@media (max-width: 1024px){
  .popFrame-box {
    max-width: 100%;
}
}
@media (max-width: 960px){
  .xinxi-box {
    padding: 25px 20px;
}
.popFrame-tt {
    font-size: 24px;
    padding-bottom: 20px;
}
.popFrame-company {
    font-size: 18px;
}
.company-tt {
    width: 90px;
}
.company-url {
    width: calc(100% - 90px);
}
.popFrame-p {
    font-size: 14px;
}
.popFrame-company span {
    line-height: 30px;
}
.company-box {
    padding: 0px 20px;
    margin-top: 20px;
}
.step-tt {
    font-size: 18px;
    padding-bottom: 10px;
}
.step-box {
    padding-top: 20px;
    padding-left: 20px;
}
.listImg-box {
    padding: 20px;
}
.listImg-tt {
    padding: 0 20px;
}
.listImg-xinxi, .popFrame-list {
    padding: 15px 0px;
    font-size: 18px;
}
.list-item {
    font-size: 18px;
    margin-bottom: 15px
}
.listImg {
    margin-top: 20px;
}
}

/********** 20240123 **********/

.air{
  padding-top: 65px;
  background: #eef1fa;
}
.air-box{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.air-box-l{
  max-width: calc(94% - 401px);
}
.air-box-l h4{
  color: #373737;
}
.air-box-l h6{
  font-size: 14px;
  color: #747474;
}
.air-box-l h5{
  font-size: 20px;
  color: #5f5f5f;
  line-height: 36px;
  padding: 50px 0px;
  letter-spacing: 1px;
}
.air-box-l p{
  font-size: 14px;
  color: #747474;
  line-height: 30px;
  word-break: break-all;
  text-transform: uppercase;
  text-align: justify;
}
.flight-table{
  max-width: 1400px;
  margin: 0 auto;
  background-image: url(../images/kongyun2.png);
  background-position: center;
  background-size: cover;
  padding: 45px;
}
.flight-table  table{
width: 100%;
border: 1px solid #8dced4;
text-align: center;
font-size: 24px;
color: #373737;
}
.flight-table  table tr td,
.flight-table  table tr th{
  width: calc(100%/7);
  font-weight: 500;
  padding: 10px;
  line-height: 36px;
  word-break: break-all;
}
.airSwiper{
  padding-top: 65px;
}
.airSwiper .logisticsImg-box{
 padding-top: 0px;
}
.airSwiper .logistics-l{
 width: calc(45% - 30px);
}
.airSwiper .logistics-slide .bgImg{
  width: calc(55% - 30px);
  height: 475px;
}
.airSwiper .logistics-l h4{
  font-size: 24px;
  line-height: 45px;
  height: 300px;
  margin: 0;
 padding: 30px 0;
}
.airSwiper .logistics-l p{
 font-size: 16px;
 line-height: 30px;
 color: #747474;
 margin: 0;
}

@media (max-width: 1550px) {
  .flight-table {
    max-width: 1300px;
  }
}

@media (max-width: 1450px) {
  .flight-table {
    max-width: 1200px;
  }

  .air-box {
    max-width: 1000px;
  }
}

@media (max-width: 1350px) {
  .flight-table {
    max-width: 1100px;
  }
}

@media (max-width: 1250px) {

  .airSwiper .logistics-button-prev,
  .airSwiper .logistics-button-next {
    top: 0px;
  }

  .airSwiper .logisticsImg-box {
    padding-top: 60px;
  }
}

@media (max-width: 980px) {
  .air {
    padding: 0 15px;
    padding-top: 20px;
  }

  .air-box {
    display: block;
  }

  .air-box-l {
    max-width: 100%;
    text-align: center;
  }

  .air .flight-table {
    max-width: 100%;
    height: 100%;
    overflow: auto;
  }

  .air .flight-table table {
    width: 1200px;
  }

  .airSwiper .logistics-slide {
    display: block;
  }

  .airSwiper .logistics-l {
    width: 100%;
  }

  .airSwiper .logistics-slide .bgImg {
    width: 100%;
  }

  .airSwiper .logistics-l p {
    padding-bottom: 30px;
  }
}

@media (max-width: 640px) {
  .airSwiper .logistics-l {
    height: auto;
  }

  .air .flight-table table {
    font-size: 22px;
  }

  .air .flight-table table tr td,
  .air .flight-table table tr th {
    line-height: 30px;
  }
}

.dispatch {
  padding: 65px 0px;
  background: #eef1fa;
}

.empty .air-box-l {
  max-width: calc(50% - 110px);
}

.empty .air-box-r {
  max-width: calc(50% - 20px);
}

.empty .air-box-l h4 {
  line-height: 50px;
  letter-spacing: 2px;
  min-height: 220px;
  text-align: justify;
}

.empty-box {
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 60px;
}

.empty-slide {
  cursor: pointer;
  border-bottom: 3px solid transparent;
  color: #323232;
}

.empty-slide div {
  height: 330px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.empty-slide p {
  background: #fff;
  padding: 20px 10px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.empty-slide:hover {
  color: #1d9f96;
  border-bottom: 3px solid #1d9f96;
}

.dispatchSwiper .swiper-slide {
  display: flex;
  justify-content: flex-start;
  background: #60bab4;
}

.dispatch-img {
  width: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.dispatch-text {
  width: 50%;
  margin: 100px 90px;
  margin-left: -30px;
  padding: 50px;
  background: #fff;
}

.dispatch-text h4 {
  line-height: 50px;
  font-size: 30px;
  color: #5f5f5f;
  letter-spacing: 5px;
  min-height: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 40px;
  text-align: justify;
}

.dispatch-text p {
  font-size: 20px;
  color: #747474;
  word-break: break-all;
  text-transform: uppercase;
  line-height: 30px;
  min-height: 90px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: justify;
}

.air-box-r img {
  max-width: 100%;
}

@media (max-width: 1550px) {
  .empty-box {
    max-width: 1300px;
  }

  .dispatch-text {
    margin: 90px 80px;
    margin-left: -30px;
  }

  .empty-slide div {
    height: 300px;
  }
}

@media (max-width: 1350px) {
  .empty-box {
    max-width: 1100px;
  }

  .empty .air-box-l {
    max-width: calc(50% - 60px);
  }

  .empty-slide div {
    height: 247px;
  }

  .dispatch-text {
    margin: 70px 60px;
    margin-left: -30px;
  }

  .dispatch-text h4 {
    line-height: 40px;
    font-size: 24px;
    letter-spacing: 1px;
    min-height: 120px;
    margin-bottom: 30px;
  }

  .dispatch-text p {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .empty .air-box-l {
    max-width: calc(50% - 30px);
  }

  .empty .air-box-l h4 {
    line-height: 40px;
    letter-spacing: 2px;
    min-height: 170px;
  }

  .dispatch-text {
    margin: 60px 50px;
    margin-left: -30px;
    padding: 35px;
  }

  .dispatch-text h4 {
    font-size: 20px;
  }

  .dispatch-text p {
    font-size: 14px;
  }

  .empty-slide p {
    font-size: 24px;
  }
}

@media (max-width: 980px) {

  .empty .air-box-r,
  .empty .air-box-l {
    max-width: 100%;
  }

  .dispatchSwiper .swiper-slide {
    display: block;
  }

  .dispatch-img {
    width: 100%;
    height: 310px;
    background-size: cover;
  }

  .dispatch-text {
    width: calc(100% - 60px);
    margin: 30px;
  }

  .emptySwiper .swiper-wrapper {
    display: block;
  }
}

/********** 20240226 **********/
.transportation{
  padding-top: 65px;
  background: #eef1fa;
}
.sea-list{
  max-width: 1515px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.sea-item{
width: calc(33.33% - 54px);
margin-right: 80px;
margin-bottom: 60px;
}
.sea-item:nth-child(3n){
margin-right: 0px;
}
.sea-box{
  background: #fff;
  border-bottom: 5px solid #fff;
  border-radius: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.sea-img{
  width: 100%;
  height: 311px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.sea-box  h4{
  font-size: 22px;
  padding: 15px 25px;
  color: #222;
  font-weight: bold;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  line-height: 30px;
  height: 60px;
  margin-bottom: 0px;
}
.sea-box p{
  padding: 0 25px;
  line-height: 30px;
  font-size: 16px;
  color: #747474;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:7;
  overflow:hidden;
  height: 210px;
}
.sea-box:hover{
  border-bottom: 5px solid #1f9e93;
}
.sea-box:hover   p,
.sea-box:hover  h4{
  color: #1f9e93;
}
@media (max-width: 1550px){
  .sea-list{
    max-width: 1300px;
  }
  .sea-item{
width: calc(33.33% - 40px);
margin-right: 60px;
}
.sea-img{
height: 236px;
}
}
@media (max-width: 1350px){
.sea-list{
    max-width: 1100px;
  }
  .sea-item {
  width: calc(33.33% - 20px);
  margin-right: 30px;
  margin-bottom: 40px;
}
}
@media (max-width: 1024px) {
.transportation{
  padding-bottom: 40px;
}
.sea-item {
  width: calc(33.33% - 14px);
  margin-right: 20px;
  margin-bottom: 40px;
}
.sea-img{
  height: 210px;
}
.sea-box h4{
  font-size: 20px;
}
.sea-box p{
  font-size: 14px;
}
}
@media (max-width: 980px) {
.sea-item:nth-child(3n){
  margin-right: 20px; 
}
.sea-item:nth-child(2n){
  margin-right: 0px; 
}
.sea-item {
  width: calc(50% - 14px);
}
}
@media (max-width: 640px) {
.sea-item{
  width: 100%;
  margin-right: 0px !important;
  padding: 0 15px;
}
}