@charset "utf-8";

/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
.hoverable { position: relative; overflow:hidden; z-index: 0; transition: all 0.3s ease; }
.hoverable:hover { transform:translateY(-5px);  }
/* .anim { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1; }
.anim:before {  position: relative; content: ""; display: block; margin-top: 100%; }
.anim:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.hoverable .anim { animation: anim-out .75s; }
.hoverable .anim:after { animation: anim-out-pseudo .75s; }
.hoverable .anim, .hoverable .anim:after { animation-iteration-count: infinite; animation-duration: 1.3s; }
@keyframes anim-in { 0%{width:0}100%{width:100%}}
@keyframes anim-in-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
@keyframes anim-out { 0%{width:0}100%{width:100%} }
@keyframes anim-out-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} } */

.blue-more { display: inline-block; box-sizing: border-box;  padding:0 40px; height:60px;  line-height:60px; border-radius: 8px;  background: #02328d;  color:#fff; font-size: 16px;  }
.blue-more i { display: inline-block; margin-right:20px; font-size: 24px; }
.blue-more-white { height:50px;  line-height:50px; background: #fff; color:#333; }

.iboxbg { background-position: center center; background-size:cover; background-repeat: no-repeat;}

.hdiv { width:100%; height: 100px; }
.mhdiv { width:100%; height:60px; display: none; }
.mask { width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:999;}
.pc-cc { display: block; } 
.m-cc { display: none; }

.sp-pn { position: absolute; top: 50%; margin-top:-30px; z-index: 9;  cursor: pointer; width:60px; height: 60px; border-radius: 60px; line-height: 60px; background: #01b4ed; text-align: center;  color:#fff; transition: all .3s ease; }
.sp-pn:hover { background: #02328d;}
.sp-prev  {left: 0; }
.sp-next {right: 0; }
.sp-pn i {display:inline-block; line-height:50px; font-size: 18px;  }

.sp-bot.swiper-pagination { width:100%; bottom:0; }
.sp-bot .swiper-pagination-bullet { width:10px; height: 10px; background:rgba(255,255,255,0.5); opacity: 1; margin:0 10px!important; border-radius:10px;   }
.sp-bot .swiper-pagination-bullet-active { width:40px;  background:rgba(255,255,255,1); }

.sp-bot-red .swiper-pagination-bullet { background:#ccc; }
.sp-bot-red .swiper-pagination-bullet-active { background:#02328d; }

.layui-form-label { box-sizing: border-box; width: 100%;  text-align: left; padding:0 0 20px;  }
.layui-input-block { margin-left:0; }
.layui-form-item { margin-bottom: 20px;}
.layui-form-item:last-child { margin-bottom: 0;}
.layui-form .layui-input-wrap { line-height: 50px; }
.layui-form .layui-input { height: 50px; padding:0 20px; border-radius: 5px;   }
.layui-form .layui-textarea {  padding:10px 20px;  line-height: 180%;  min-height: 180px; border:1px solid #e6e6e6; border-radius: 5px;   }
.layui-input:focus, .layui-textarea:focus  { border-color: #02328d !important; box-shadow:none; }
.layui-form em { line-height: 50px; margin: 0 20px;}
.layui-btn { width:100%; height: 50px; line-height: 50px; border-radius: 50px;   background: #02328d;  font-size: 18px;  font-size: 500;  }
.layui-btn:hover { opacity: 1; background: #4a9ecc;  }

.layui-layer { border-radius: 10px; }
.layui-layer-setwin { top:20px; right:20px; }
.layui-layer-setwin span { width: 24px; height: 24px; line-height: 24px;  font-size: 28px; }
.layui-layer-title { padding: 0 20px; height: 60px; line-height: 60px; font-size: 18px; font-weight: 600; color:#333; }
.lmbox {  padding:20px; text-align:center; }
.lmbox p { font-size:18px; font-weight:bold; color:#333; }

@media all and (max-width:981px) {
	
	.pc-cc { display: none; }
	.m-cc { display: block; }
	
	.blue-more { padding:0 0.36rem;  height: 1.1rem; line-height: 1.1rem; font-size: 0.38rem;  }
	.blue-more i { font-size:0.42rem; margin-left:4vw; }
	
	.sp-pn { margin-top:-0.55rem; width:1.1rem; height: 1.1rem; line-height: 1.1rem;   }
	.sp-pn i {  line-height:1.1rem; font-size: 0.42rem;   }
	
	.sp-bot.swiper-pagination { width:100%; bottom:0; }
	.sp-bot .swiper-pagination-bullet { width:8px; height: 8px; margin: 0 5px!important; }
	.sp-bot .swiper-pagination-bullet-active { width:20px; }
	
	.layui-form .layui-input {  height:1.1rem; font-size: 0.38rem; padding:0 0.36rem; }
	.layui-form em { float:none; margin:0 0.36rem; line-height:1.1rem; }
	.layui-form .layui-input-wrap { line-height: 1.1rem;}
	.layui-form .layui-textarea {  font-size: 0.38rem; padding:0.24rem 0.36rem; min-height: 120px; }
	.layui-form-select dl dd { font-size: 0.38rem;}
	.layui-btn {  height:1.1rem; line-height: 1.1rem;  font-size: 0.38rem;   }
	
	.layui-layer { width: 90%!important;}
	.layui-layer-title { padding: 0 0.36rem;  font-size: 0.48rem;   }
	.lmbox {  padding:0.36rem; }
	
	.text-secondary { font-size:0.38rem; }
	
}

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/

.header { width:100%; color:#fff;  position: fixed; top:0;  z-index: 99; transition: all 0.3s ease; }
.header .hlogo .hlbox {   height: 100px; }
.header .hlogo .hlbox img { max-height: 60px; float:left; margin-right: 1vw; }
.header .hlang a { color:#fff; font-size: 18px;  }
.header .hlang i { margin:0 10px 0 0;  font-size: 18px; }
.header .hlogo .hlbox .img img.white { display: block; }
.header .hlogo .hlbox .img img.blue { display: none; }

.commenu, .commenu ul, .commenu ul li, .commenu ul li a, .commenu .menu-button { position:relative; box-sizing:border-box; }
.commenu .menu-button { display:none; }
.commenu>ul>li  {   float:left; margin-left:60px;  }
.commenu>ul>li:first-child { margin:0; }
.commenu>ul>li> a span { display: inline-block; line-height: 100px; color:#fff; position: relative; font-size: 18px;    }
.commenu>ul>li> a span::after { content: " ";  position: absolute; left: 0; bottom: 0; width:0;  height: 2px; background: #fff;  z-index: 2; transition: all 0.3s ease; }
.commenu>ul>li> a i { display: inline-block; font-size: 12px; color:#fff; margin-left:10px;  }
.commenu>ul>li> a:hover span::after { width: 100%; }
.commenu ul li ul { width:240px;  background:#fff; border-radius: 10px;  overflow: hidden;  box-shadow: 0 0 20px rgba(0,0,0,.1); position:absolute; left:0; top:120%;  visibility: hidden; opacity: 0;   transition: all 0.3s ease; }
.commenu ul li:hover>ul {  visibility: visible; opacity: 1; top:100%; }
.commenu ul li ul li { float:left; width: 100%; line-height: 180%; border-bottom:1px solid #eee; }
.commenu ul li ul li:last-child { border: none; }
.commenu ul li ul li a span { margin:0;  font-size: 16px;  }
.commenu ul li ul li:hover ul { top:0;  }
.commenu ul li ul li a { width:100%; text-align: center; padding:10px; display: inline-block; }
.commenu ul li ul li a:hover { background: #02328d; color:#fff; transition: none; }

.header.fixed { position:fixed; top:0;  }
.header.fixed { background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.header.fixed .hlogo .hlbox .img img.white { display: none; }
.header.fixed .hlogo .hlbox .img img.blue { display: block; }
.header.fixed .commenu>ul>li>a span { color:#333; }
.header.fixed .commenu>ul>li> a i {  color:#999; }
.header.fixed  .hlang , .header.fixed  .hlang a  { color:#333; }
.header.fixed  .hlang i  { color:#02328d; }

@media only screen and (max-width:981px){
	.header { position: fixed;}
	.header .hbox { width: 100%; height: 60px; }
	.header .hlogo, .header .hmenu { float:none;}
	.header .hlogo { position: absolute; left:0.32rem; top:0; z-index: 1;  }
	.header .hlogo .hlbox { width:auto;  height: 60px; }
	.header .hlogo .hlbox img { max-height:40px;}

	.header .hmenu { width: 60px; height: 60px; float: right; position:fixed; top:0; right:0; z-index: 9; }
	.commenu {width:100%; }
	.commenu ul.menubox {  width:calc(100% - 60px)!important; height: 100vh; overflow-y:scroll; position: fixed; left:-100%; z-index: 999;  /*display:none;*/ visibility: hidden; opacity: 0; transition: all 0.3s ease; }
	.commenu ul.menubox.open { left:0; opacity: 1;  visibility: visible; }
	.commenu ul { width:100%!important;  background: #212121;  }
	.commenu ul li:hover ul { position: relative; border-top: 1px solid rgba(255,255,255,0.1); }
	.commenu ul li {  width:100%!important; line-height:normal; border-bottom: 1px solid rgba(255,255,255,0.1); margin:0; padding:0 0.64rem; }
	.commenu>ul>li, .commenu>ul>li:last-child { margin: 0; }
	.commenu>ul>li> a span { margin:0; line-height: 1.4rem; font-size: 0.38rem; color:#fff; }

	.commenu ul li.has-sub { padding:0; }
	.commenu ul li.has-sub>a { padding:0 0.64rem; }
	.commenu ul li ul { position: relative; left:0; opacity: 1; visibility: inherit; top:0; background: none; border-radius: 0; box-shadow:none; border-top:1px solid rgba(255,255,255,0.1); }
	.commenu ul li ul li { border-bottom: 1px solid rgba(255,255,255,0.1);}
	.commenu ul li ul li a { color:#fff; }
	.commenu ul li ul li a span { font-size:0.38rem; }
	.commenu ul li ul li a:hover { background: none; }

	.commenu .menu-button { display:block; width:60px; height: 60px; float:right; }
	.hamburger-menu { width:60px;height:60px; display: flex; align-items:center; justify-content: center; }
	.hamburger-menu div {width:24px; height:2px; border-radius:2px; background:#fff; position:relative;z-index:1001; transition: all 0.3s ease;}
	.hamburger-menu div:before,.hamburger-menu div:after{content:''; position:absolute; width:inherit; height:inherit; background:#fff; border-radius:2px; transition: all 0.3s ease;}
	.hamburger-menu div:before{transform:translateY(-8px); }
	.hamburger-menu div:after{transform:translateY(8px); }
	.menu-opened .hamburger-menu div{ background: transparent;}
	.menu-opened .hamburger-menu div:before{ transform: translateY(0) rotate(-45deg);}
	.menu-opened .hamburger-menu div:after{ transform: translateY(0) rotate(45deg);}
	.commenu .submenu-button{ position:absolute; z-index:10; right:0; top:0;display:block; border-left: 1px solid rgba(255,255,255,0.1); width:1.4rem; height:1.4rem; line-height: 1.4rem;  }
	.commenu .submenu-button::before{content:'';position:absolute; left:0.5rem; top:0.7rem; display:block; width:0.4rem; height:1px; background:#fff; z-index:99}
	.commenu .submenu-button::after{content:'';position:absolute;  left:0.7rem; top:0.5rem; display:block; width:1px; height:0.4rem; background:#fff; z-index:99}
	.commenu .submenu-button.submenu-opened::after { transform: translateY(0) rotate(90deg); opacity: 0; }
}

/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/
.ibanwarp {  position: relative;  height: 900px;   }
.ibanwarp .scroll-banner { width:100%; height: 900px; position: fixed; left: 0; top: 0; z-index: 1; }
.ibanwarp .iban-txt { position: relative;  z-index: 9;  height: 100%; }
.ibanwarp .iban-txt h2 { font-size: 48px; }
.ibanwarp .iban-txt p { font-size: 30px; }
.ibanwarp .iban-txt h3 { font-size: 36px; margin:20px 0 0; }
.ibanwarp .iban-txt  .imore-btn { margin:40px 0 0; }
.ibanwarp .iban-txt .blue-more span { font-size: 20px; font-weight: bold; }
.iban-swp .picbox {  width: 100%; overflow: hidden; }
.iban-swp .bg { width: 100%; height:900px; position: relative; display: table;  background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s; }
.iban-swp .bg:before { width:100%; height: 100%; content: ""; left: 0; top: 0;  position: absolute; background: rgba(0,0,0,0.2); z-index: -1;} 
/* .iban-swp .sp-bot { bottom:30px!important; }*/

.itit  { margin-bottom: 40px;  }
.itit h2 { font-size:36px;   }
.itit p { margin:10px 0 0; }

.ipro .list  ul  { display: grid;  grid-template-columns: repeat(4, 1fr); grid-gap: 40px;}
.ipro .list  ul li { position: relative; border-radius: 20px; overflow: hidden; }
.ipro .list  ul li  h3 { font-size: 30px; }
.ipro .list  ul li .tit { width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;  display: flex; justify-content: center;  align-items: center;  transition: all 0.3s ease;  }
.ipro .list  ul li .info { width:100%; height: 100%;  position: absolute; left:0; top:0; z-index: 9; padding:40px; display: flex;  justify-content: center;  align-items: center; opacity: 0;  visibility: hidden;  transition: all 0.3s ease;  }
.ipro .list  ul li .info::after { content: ""; width:100%; height: 100%;  background: rgba(2,50,141,0.9); position: absolute; left:0; top:0; z-index: -1;  }
.ipro .list  ul li .info h3 { margin-bottom: 20px; }
.ipro .list  ul li .info .imore-btn { margin:40px 0 0; }
.ipro .list  ul li .img { background: #222;  }
.ipro .list  ul li .img  img { opacity: 0.5; }
.ipro .list  ul li:nth-child(1), .ipro .list  ul li:nth-child(2) { grid-row: 1; }
.ipro .list  ul li:nth-child(1) { grid-column: 1 / 3;}
.ipro .list  ul li:nth-child(2)  { grid-column: 3 / 5;}
.ipro .list  ul li:nth-child(n+3) { grid-row: 2; }
.ipro .list  ul li:nth-child(n+3)  .info p, .ipro .list  ul li:nth-child(n+3)  .info h3 { display: none; }
.ipro .list  ul li:hover .info { opacity: 1;  visibility: visible; }
/*.ipro .list  ul li:hover .tit { opacity: 0;  visibility: hidden; }*/
.ipro .list  ul li:nth-child(n+3)  .tit { opacity: 1;  visibility: visible; }
.ipro .list  ul li:nth-child(n+3)  .info .imore-btn { margin:0; }

.idata { background: url(../images/idatabg.jpg) center top no-repeat;  background-size: cover; }
.idata .idatatab .hd  { margin:0 0 120px; }
.idata .idatatab .hd ul li { margin:0 20px;  cursor: pointer;  }
.idata .idatatab .hd ul li span { position: relative;  color:#999; font-size: 36px; padding:0 0 20px;  transition: all 0.3s ease; }
.idata .idatatab .hd ul li span::after { content: ""; width:0; height: 3px;  background: #02328d; position: absolute; left:0; bottom:0; z-index: 1; }
.idata .idatatab .hd ul li:hover span , .idata .idatatab .hd ul li.on span{ font-weight: bold; color:#333; }
.idata .idatatab .hd ul li:hover span::after , .idata .idatatab .hd ul li.on span::after { width: 100%; }
.inumtab .zb .zbbox {position: absolute;  z-index: 1; cursor: pointer; text-align: center; }
.inumtab .zb .zbbox i { font-size: 30px; color:#999; }
.inumtab .zb .zbbox.on i { color: #02328d; }
.inumtab .zbnum  .zbnum-box { display: block; position: absolute; z-index: 2; background:rgba(2,50,141,0.9);  border-radius: 20px;  padding:20px 30px; color:#fff; text-align: center;   }
.inumtab .zbnum  .zbnum-box span { font-size: 48px; font-weight: 500; margin-bottom: 10px; }
.inumtab .zbnum  .zbnum-box em { margin-left: 10px; font-size: 24px; }

@keyframes mov1{
	0%{transform: translateY(0.24rem);}
	50%{transform: translateY(0);}
	100%{transform: translateY(0.24rem)}
}
.logoitem  em { position: absolute; z-index: 2;  width:100px; height: 100px; border-radius: 100px; overflow: hidden;  border:2px solid #02328d;  box-shadow: 0 0 20px rgba(0,0,0,0.1); animation: mov1 2s infinite linear;   }
.logoitem  em img { vertical-align: middle;  object-fit: cover; }
.logoitem  em:first-child { animation: mov1 3s infinite linear;   }
.logoitem  em:nth-child(2n) { animation: mov1 2.5s infinite linear; }
.logoitem  em:nth-child(3n) { animation: mov1 3.5s infinite linear; }
.logoitem  em:nth-child(4n) { animation: mov1 3s infinite linear; }
.iapplybox .iapp-right {  width: 50%; }
.iapp-num>div { color:#02328d; }
.iapp-num  span { font-size: 48px; font-weight: 500; margin-bottom: 10px;}
.iapp-num  em { margin-left: 10px; font-size: 24px; }
.iapp-data { margin:30px 0 0; padding:30px 0 0; border-top:1px solid #e6e6e6;  }
.iapp-data ul { display: grid;  grid-template-columns: repeat(3, 2fr); grid-gap: 40px; }

.h_b_png>img{object-fit: contain;animation:moveh2 4s infinite linear;-webkit-animation:moveh2 4s infinite linear;position: relative;}
@keyframes moveh2{
	0%{bottom: 0.15rem;}
	50%{bottom: 0;}
	100%{bottom: 0.15rem;}
}

.gpagi{flex-shrink: 0;}
.gpagination{display: flex;align-items: flex-end;}
.gpagination .gnum1{margin-right: 5px;line-height: 1;color: #ec0303;}
.gpagination .gline{margin-right: 5px;color: #ec0303;line-height: 1;}
.gpagination .gnum2{color: #ec0303;line-height: 1;margin-bottom: 1px;}

.wxgd{width: 100%;height: 110px; padding:10px 0 0; margin: auto;   overflow: hidden;position: relative;}
.wxgd>ul{height: 100%;position: absolute;left: 0;display: flex;align-items: center;}
.wxgd>ul>li{position: relative;top: 10px;float: left; margin: 0 30px 30px 0;width: 160px; height: 80px;  background: #fff; border-radius: 10px; overflow: hidden; transition: all 0.3s; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.wxgd>ul>li a{width: 100%;height: 100%;display: block;}
.wxgd>ul>li img{ width: 100%;object-fit: contain;height: 100%;}
.wxgd>ul>li p{font-size: 0.18rem;margin-top: 0.25rem;min-height: 2em;line-height: 1;text-align: center;}
.wxgd_box2{left: -1.6rem;position: relative;width: calc(100% + 1.6rem);}
.wxgd_box2 .wxgd>ul{ left: initial; right: 0; }
.h_part_box{position: relative;padding: 10px 0;overflow: hidden;}
.h_part_bj{position: absolute;top: 0;  z-index: 1;}
.h_part_bj img{object-fit: initial;}
.h_part_bj2{right: 0;}

.iteam .imore-btn { margin:40px 0 0;   }

.footer { width:100%;  background:url(../images/ftbg.jpg) center top no-repeat #232c2e ;  background-size:cover;   color:#fff;  position: relative; z-index: 1; }
.footer p, .footer a {  color:#fff; }
.footer .fleft .flogo img { max-height:60px; margin-bottom: 40px;  }
.footer .fmid ul { display: flex;  }
.footer .fmid ul li  { margin:0 100px; }
.footer .fmid ul li h3 {  font-size: 20px; margin-bottom:30px;  color:#fff; font-weight: normal; }
.footer .fmid ul li .subnav a { display: inline-block; width:100%;   }
.footer .fmid ul li .subnav a:hover { color:#fff; }
.footer .fmid  .subnav p { display: flex;  justify-content: flex-start; margin-bottom: 10px; }
.footer .fmid  .subnav p:last-child { margin:0; }
.footer .fright ul li img { max-width: 120px; margin-bottom: 20px; }

/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/

.cbanwarp { position: relative; height: 460px;  z-index: 1;   background:#232c2e; }
.cbanwarp .scroll-banner-c { width:100%; height:100vh;   }
.cbanwarp .cbg { width: 100%; height:100%; position: relative; display: table;  background-position: center; background-repeat: no-repeat; background-size: cover;  }
.cbanwarp .cbg::before {  width:100%; height: 100%; content: ""; left: 0; top: 0; position: absolute; /*background: rgba(35,44,46,0.7);*/ background:rgba(0,0,0,0.3); }
.cbanwarp .cbg .infobox { height: 100%; position: relative; z-index: 9; }
.cbanwarp .cbg .txt h2 { 	font-size: 36px; margin-bottom: 20px; }
.cbanwarp .cbg .txt  em { font-size: 18px; }

.c-page { position: relative; z-index: 9; }

.cmenu { background: #02328d;   }
.cmenu a { float: left; display: inline-block; height: 80px; line-height: 80px;  font-size: 18px;  color:#fff; position: relative; }
.cmenu a:hover,  .cmenu a.active  { font-weight: bold; }
.cmenu a::after { content: " ";  position: absolute;  left: 45%; bottom: 20%;  width:0;  height: 2px; background: #fff;  z-index: 2; transition: all 0.3s ease; }
.cmenu a:hover::after , .cmenu a.active::after   { left:35%; width:30%;   }
.cmenu.active { width:100%;  position: fixed;  top:100px; z-index: 99; }

.ctit  { position: relative; z-index: 2; margin-bottom: 60px; }
.ctit h2 span { font-size: 36px; position: relative;   }
.ctit h2 span::after { content: " ";  position: absolute;  left: 0; bottom: 0;  width:100%;  height: 50%; background: rgba(2,50,141,0.3);  z-index: -1;  }
.ctit h3 { font-size: 24px; margin:20px 0 0;  }
.ctit p { margin:20px 0 0; }

.ccompany .ccom-left  { flex: 1; }
.ccompany .ccom-right { width:640px; margin-left:60px; }
.ccompany .ccom-right  .img { border-radius: 20px; }

.cleader { background-image: linear-gradient(#ddefff, #f4f9ff); }
.cleader ul { display: grid;  grid-template-columns: repeat(2, 1fr); grid-gap: 40px; }
.cleader ul  li {  display: flex; justify-content: space-between;  background: #fff;  border-bottom-left-radius: 20px;  border-bottom-right-radius: 20px;  padding:30px;   border-top:3px solid #02328d; }
.cleader ul  li .img { width:240px; height: 240px;  border-radius:240px; overflow: hidden;  margin-right: 30px; }
.cleader ul  li .txt { flex: 1;}
.cleader ul  li .txt  h5 { font-size: 24px;  margin-bottom: 20px; }

.chd .swp-chd { height: 560px; }
.chd .list  ul li { height: auto;  border-radius: 10px;  overflow: hidden;}
.chd .list  ul li .img { max-height: 248px;   }
.chd .list  ul li .info { width:100%; height: 100%;  position: absolute; left:0; top:0; z-index: 9; padding:30px; display: flex;  justify-content: center;  align-items: center; opacity: 0;  visibility: hidden;  transition: all 0.3s ease;  }
.chd .list  ul li .info::after { content: ""; width:100%; height: 100%;  background: rgba(2,50,141,0.9); position: absolute; left:0; top:0; z-index: -1;  }
.chd .list  ul li:hover .info { opacity: 1;  visibility: visible; }
.chd .chd-prev  {left: -100px; }
.chd .chd-next {right: -100px; }

.chp { width:100%; height: 400px;  background:url(../images/chpbg.jpg) center top no-repeat;  background-size: cover; }
.chp .ctit h2 span::after { background: #02328d; }
.ihorbox { position: relative;  z-index: 2; margin:-160px 0 80px;    }
.ihorlist .isc-hor { padding-bottom:60px; }
.ihorbox .swiper-slide { border-radius: 10px; overflow: hidden;  }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { bottom:0; height: 10px;}
.swiper-scrollbar-drag { background: #02328d; }

.cjob  { width:100%;  background:url(../images/cjobbg.jpg) center top no-repeat;  background-size: cover;    }
.cjob .ctit  h2 { margin-bottom: 40px; }
.cjob .ctit h2 span::after { background: #02328d; }
.cjob .cjob-left, .cjob .cjob-right { width: 50%;  height: 100%; }
.cjob .cjob-left { padding-right: 80px; }
.cjob .cjob-left .imore-btn a { margin-right: 40px;  font-size: 18px; padding:0 30px;  }
.cjob .cjob-left .imore-btn a i { font-size: 20px; }
.cjob .cjob-right { padding-left:80px; }
.cjob .cjob-right  h3 { font-size: 24px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid rgba(255,255,255,0.1); }
.cjob .cjob-right .sp-pn { position: static;  margin:40px 30px 0 0; }
.cjob .cjob-right .sp-pn:hover { background: #01b4ed; }

.caboscroll { position: relative; scroll-margin-top: 180px;  }
.caboscroll:before { content: "";  display: block;  height: 180px;  margin-top: -180px;  visibility: hidden; }

.cpro-post .list::after {  content: ""; width:100%; height: 2px;  background:#02328d; position: absolute; left:0; top:calc(50% - 1px);  z-index: -1;  }
.swp-com { height: 400px; }
.swp-com ul li  { height: auto;    overflow: hidden;}
.swp-com ul li .item { height: 200px;  position: relative;  }
.swp-com ul li .item h3, .swp-com ul li .item h5 { font-size: 24px; }
.swp-com ul li .item h3 { display: block;  margin:0 0 10px; }
.swp-com ul li .item h5 { display: none; margin: 10px 0 0;  }
.swp-com ul li .item::before { content: ""; width:2px; height: 100%;  background:#02328d; position: absolute; left:29px; top:0;  z-index: -1;  }
.swp-com ul li:nth-child(2n) .item::before { left: auto; right:29px; }
.swp-com ul li .item em {  display: inline-block;  width:60px; height: 60px; line-height: 60px; border-radius: 60px; background: #01b4ed;  text-align: center;  font-size: 36px; font-weight: bold;  color:#fff;  float: left;  margin:0 30px 0 0; }  
.swp-com ul li .item .info {  width: calc(100% - 150px);  float: left;  }
.swp-com ul li .item .info h3, .swp-com ul li .item .info h5 { color:#999; }
.swp-com ul li .item .info .txt { color:#999; }
.swp-com ul li:nth-child(2n) .item .info  { position: absolute; bottom:0; right:90px; }
.swp-com ul li:nth-child(2n)  .item { text-align: right;  }
.swp-com ul li:nth-child(2n) .item h3 { display: none; }
.swp-com ul li:nth-child(2n) .item h5 { display: block; }
.swp-com ul li:nth-child(2n)  em { margin:0;  position: absolute; bottom:0; right:0; z-index: 9;  }
.swp-com ul li.swiper-slide-active .item em , .swp-com ul li:hover .item em { background:#02328d; }
.swp-com ul li.swiper-slide-active .item .info h3 , .swp-com ul li:hover .item .info h3 , .swp-com ul li:hover .item .info h5 { color:#333; } 
.swp-com ul li.swiper-slide-active .item .info .txt , .swp-com ul li:hover .item .info .txt {  color:#666; }
/*.swp-com ul li:first-child .item em { background:#02328d; }
.swp-com ul li:first-child .item .info h3 { color:#333; } 
.swp-com ul li:first-child .item .info .txt  {  color:#666; }*/
.swp-com ul li.next-class .item em   { background:#02328d; }
.swp-com ul li.next-class .item .info h3 , .swp-com ul li.next-class .item .info h5 { color:#333; } 
.swp-com ul li.next-class .item .info .txt {  color:#666; }

.cpro-post .sp-prev  {left: -60px; }
.cpro-post .sp-next {right: -60px; }

.cplogo  {  margin:80px 0 0; }
.cplogo ul {  display: grid;  grid-template-columns: repeat(6, 1fr); grid-gap: 30px; }
.cplogo ul li  { padding:0 10px;  height: 80px;  background: #fff; border-radius: 10px; overflow: hidden;  box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.cplogo ul li img { width: 100%;object-fit: contain;height: 100%; }

.swp-under { height: 480px; }
.swp-under ul li .item { height: 240px; }

.cpro-prv { background:url(../images/cprvbg.jpg) center bottom no-repeat;   }
.cpro-prv .list ul { /* column-count: 2; column-gap: 80px; */ display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 30px;  grid-auto-flow: dense; }
.cpro-prv .list ul li { /*  break-inside: avoid; */   break-inside: avoid;  margin-right:25px; }
.cpro-prv .list ul li:nth-child(2n) { margin-left:25px; }
.cpro-prv .list ul li .itembox .item-tit {  position: relative; cursor: pointer; }
.cpro-prv .list ul li .itembox .item-tit h3 { padding:0 0 20px; font-size: 20px; border-bottom:2px solid #e6e6e6;  display: flex; align-items: center; }
.cpro-prv .list ul li .itembox .item-tit h3 i { font-size: 40px; font-weight: normal; color:#02328d; margin-right: 20px;  }
.cpro-prv .list ul li .itembox .item-tit .btn  { position:absolute; z-index:2; right:20px; top:20%; display:block; transition: all 0.3s ease; }
.cpro-prv .list ul li .itembox .item-tit .btn::before{content:'';position:absolute; left:0; top:8px; display:block; width:18px; height:2px; background:#ccc; z-index:99}
.cpro-prv .list ul li .itembox .item-tit .btn::after{content:'';position:absolute;  left:8px; top:0; display:block; width:2px; height:18px; background:#ccc; z-index:99}
.cpro-prv .list ul li .itembox .item-tit.open .btn::after { transform: translateY(0) rotate(90deg); opacity: 0;  }
.cpro-prv .list ul li .itembox .item-cc {  border-bottom:2px  solid #e6e6e6; height: 0;  opacity: 0; overflow: hidden; transition: all 0.3s ease; }
.cpro-prv .list ul li .itembox .item-cc .cc { padding:30px 0; }
.cpro-prv .list ul li .itembox .item-cc.open { height: auto; opacity: 1; }
.cpro-prv .list ul li .itembox .item-tit.open h3 { border-bottom:2px solid #02328d; }
.cpro-prv .list ul li .itembox .item-tit.open .btn::before, .cpro-prv .list ul li .itembox .item-tit.open .btn::after { background: #02328d;}
.cpro-prv .cpro-prv-img  { margin:60px 0 0; }

.cteam .ctit { margin-bottom: 40px; }
.cteam { display: grid;  grid-template-columns: repeat(1, 1fr);  gap: 60px;  }
.swp-cteam { padding:20px; }
.cteam-list  ul li { box-sizing: border-box; background: #fff;   border-radius: 20px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1);  }
.cteam-list  ul li .img { width: 240px; height: 240px; border-radius: 240px; margin:30px auto 0;  }
.cteam-list  ul li .txt { text-align: center;  padding:20px 30px;  }
.cteam-list  ul li  h3 { font-size: 24px; }
.cteam-list  ul li .txt .clogo {  height: 70px; border-radius: 10px; margin:20px auto 0; }
.cteam-list  ul li .txt .clogo  img {  width: 100%; height: 100%;  object-fit: contain; }
.cteam-list  ul li .info { width:100%; height: 100%;  text-align: left;  position: absolute; left:0; top:0; z-index: 9; padding:20px; display: flex;  justify-content: center;  align-items: center; opacity: 0;  visibility: hidden;  transition: all 0.3s ease;  }
.cteam-list  ul li .info::after { content: ""; width:100%; height: 100%;  background: rgba(2,50,141,0.9); position: absolute; left:0; top:0; z-index: -1;  }
.cteam-list  ul li:hover .info { opacity: 1;  visibility: visible; }
.cteam-list  ul li .infobox {  padding-right:10px; height: 100%;  overflow-y: auto; }
.cteam-list  ul li .infobox::-webkit-scrollbar{width: 6px;height: 6px; border-radius: 6px;  background-color: #01b4ed;}
.cteam-list  ul li .infobox::-webkit-scrollbar-track{ border-radius: 6px;  background-color: #01b4ed;  cursor: pointer; }
.cteam-list  ul li .infobox::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #fff; cursor: pointer; }
.cteam-list .sp-prev  {left: -20px; }
.cteam-list .sp-next {right: -20px; }

.coffer { display: grid;  grid-template-columns: repeat(1, 1fr);  gap: 60px;  }
.coffer .ctit  { margin-bottom:40px; }
.coffer .ctit h2 span { font-size: 30px; }
.coffer-item { padding:40px; background-image: linear-gradient(#ddefff, #f4f9ff);  border-bottom-left-radius: 20px;  border-bottom-right-radius: 20px;  border-top:3px solid #02328d;  position: relative; scroll-margin-top: 240px;   }
.coffer-item:before { content: "";  display: block;  height: 180px;  margin-top: -180px;  visibility: hidden; }
.coffer-item .list ul { display: grid;  grid-template-columns: repeat(5, 1fr);  gap: 30px; }
.coffer-item .list  ul li .itembox { position: relative;  border-radius: 10px;  overflow: hidden;}
.coffer-item .list  ul li h3 { font-size: 20px;  margin-bottom: 20px; }
.coffer-item .list  ul li h2 { font-size: 20px;  margin-top:20px; }
.coffer-item .list  ul li .itembox .img { height: 320px; }
.coffer-item .list  ul li .itembox  .info { width:100%; height: 100%;   position: absolute; left:0; top:0; z-index: 9; padding:20px; display: flex;  justify-content: center;  align-items: center; opacity: 0;  visibility: hidden;  transition: all 0.3s ease;  }
.coffer-item .list ul li .itembox  .info::after { content: ""; width:100%; height: 100%;  background: rgba(2,50,141,0.9); position: absolute; left:0; top:0; z-index: -1;  }
.coffer-item .list  ul li:hover .itembox  .info { opacity: 1;  visibility: visible; }

.c-ca-total { padding:0; background: none;  border:none;  }
.c-ca-total .hd { margin-bottom:80px; }
.c-ca-total .hd ul li { margin:0 20px;  cursor: pointer;  }
.c-ca-total .hd ul li span { position: relative;  color:#999; font-size: 36px; padding:0 0 20px;  transition: all 0.3s ease; }
.c-ca-total .hd ul li span::after { content: ""; width:0; height: 3px;  background: #02328d; position: absolute; left:0; bottom:0; z-index: 1; }
.c-ca-total .hd ul li:hover span , .c-ca-total .hd ul li.on span{ font-weight: bold; color:#333; }
.c-ca-total.hd ul li:hover span::after , .c-ca-total .hd ul li.on span::after { width: 100%; }
.c-ca-total .list ul { grid-template-columns: repeat(6, 1fr); }
.c-ca-total .list  ul li h2 { display: none; }

.offer-total { position: relative; scroll-margin-top: 180px;  }
.offer-total:before { content: "";  display: block;  height: 180px;  margin-top: -180px;  visibility: hidden; }

.coffer-under .ctit { margin-bottom:40px; }
.coffer-under { display: grid;  grid-template-columns: repeat(1, 1fr);  gap: 60px;  }
.coffer-under .itembox ul { display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 40px; }
.coffer-under .itembox ul  li { box-sizing: border-box; background: #fff;   border-radius: 20px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1);   }
.coffer-under .itembox ul  li .item { display: flex;  align-items: center;  }
.coffer-under .itembox ul  li .item .img { width:200px; height: 320px; }
.coffer-under .itembox ul  li .item .txt { flex: 1;  padding: 0 30px; }
.coffer-under .itembox ul  li .item .txt  h3 { font-size: 24px;}
.coffer-under .itembox ul  li .item .txt  h5 { font-size: 20px; margin-top:5px; }
.coffer-under .itembox ul  li .item .txt .data { margin:20px 0;  }
.coffer-under .itembox ul  li .item .txt em { font-size: 48px;  font-weight: 600; }

.cpro-post, .cpro-prv { position:relative; scroll-margin-top: 100px;}
.cpro-post:before, .cpro-prv:before { content: "";  display: block;  height: 100px;  margin-top: -100px;  visibility: hidden; }