﻿

/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
.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;   height: 60px; line-height: 60px; padding:0 20px;  background: linear-gradient(to right, #003da7, #1c5ccc); color:#fff;  border-radius: 5px; display: flex; justify-content: center; align-items: center;   transition: all 0.3s ease; }
.blue-more  i { font-size: 20px;  margin-right: 10px;  }

.read-more { display: inline-block;  box-sizing: border-box;  height: 60px; line-height: 60px; padding:0 20px;  background: linear-gradient(to right, #003da7, #1c5ccc); color:#fff;  border-radius: 5px; display: flex; justify-content: center; align-items: center;  transition: all 0.3s ease; }
.read-more  i { margin:-2px 0 0 40px;  }

.blue-more-plain {   background: none;  border: 2px solid transparent;  background-clip: padding-box, border-box;  background-origin: padding-box, border-box;  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #003da7, #1c5ccc);  color:#003da7;   }

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

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

.sp-bot-blue .swiper-pagination-bullet { background:#ccc!important; }
.sp-bot-blue .swiper-pagination-bullet-active { background:#003da7!important; }

.hdiv { width:100%; height: 160px; }
.mhdiv { width:100%; height:180px; }
.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; }

.combtn { display: inline-block; padding:0 15px; line-height: 36px; background: #003da7; color:#fff; border-radius: 4px; font-size: 15px; }
.combtn:hover { transform: translateY(-5px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }

.fancybox__content { padding: 0; }
 
.layui-input-block { margin-left:0; }
.layui-form .layui-input-wrap { line-height: 50px; }
.layui-form .layui-input { height: 50px; padding:0 20px;  border:1px solid #ddd;  }
.layui-form .layui-textarea {  padding:10px 20px;  line-height: 180%;  min-height: 100px;  border:1px solid #ddd;  }
.layui-form em { line-height: 50px; margin: 0 20px;}
.layui-input-split { border:none; }

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/
.header { width:100%;  background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.05);  position: fixed; top:0; left:0; z-index: 99;   }
.header .htop { height:60px; line-height: 60px;  background: linear-gradient(to right, #003da7, #1c5ccc);  }
.header .htop .hico span { margin-right:20px;}
.header .htop .hico span i { margin-right: 10px; }
.header .htop .hico span.emailsub { cursor:pointer; }
.header .hico span.twx { cursor: pointer; }
.header .hico span.twx em { width:120px; height: 120px;  box-shadow: 0 0 30px rgba(0,0,0,.05);   position: absolute; top:50px; left:0; visibility: hidden; opacity: 0; transition: all 0.3s ease; }
.header .hico span.twx:hover em { visibility: visible; opacity: 1; top:40px; }
.header .htop .time em {  display: inline-block;  font-size: 20px; font-weight: bold; letter-spacing: 16px;  padding-left:16px; }
.header .htop .time em::after { content: " ";  position: absolute; left: 0; bottom: 0; width:100%;  height: 100%; background: url("../image/hdaybg.png") center no-repeat;   z-index: -1; }
.header .hbox { height:100px; }
.header .hbox .hlogo { flex:1; }
.header .hbox .hlogo img { max-height:48px;   }
.header .hbox .happly { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;  margin-left:60px; }
.header .hbox .happly .blue-more { height:50px; line-height: 50px; }

.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:40px;  }
.commenu>ul>li>a { display: inline-block; width:100%;  line-height: 60px; font-size:20px; font-weight: bold; color:#333;  text-align: center; position: relative; }
.commenu>ul>li>a::after { content: " ";  position: absolute; left: 0; bottom: 0; width:0;  height: 2px; background: #003da7;  z-index: 2; transition: all 0.3s ease; }
.commenu>ul>li>a:hover::after, .commenu>ul>li>a.active::after { width: 100%;  }
.commenu>ul>li>a i { font-size: 14px; color:#ccc; margin-left:5px; vertical-align: top; }
.commenu ul li ul { box-sizing: border-box; width:240px; padding:20px 0; background:#fff; 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%; }
.commenu ul li ul li a { position: relative; padding: 10px 30px; }
.commenu ul li ul li a::before { position: absolute; top: 20px; left: 30px; width: 0; height: 1px; content: ""; background: #003da7; transition: all 0.3s ease; }
.commenu ul li ul li a { width:100%; display: inline-block; }
.commenu ul li ul li a:hover { padding: 10px 30px 10px 50px;   font-weight: bold;  color:#333;  }
.commenu ul li ul li a:hover::before { width: 10px; }

@media only screen and (max-width:981px){
	
	.header .htop {  padding-right: 60px; }
	.header .htop .hico { line-height:160%; }
	.header .hbox { height:120px; }
	.header .hbox .hlogo .hlbox img { max-height:24px;  margin-right: 0.36rem;  }
	.header .hbox .hlogo .hlbox span { font-size: 0.38rem; font-weight: bold; color:#333;  flex: 1; }
	.header .hbox .hico {  margin:10px 0 0; }
	.header .hbox .hico  span { display:inline-block;  margin-right: 10px; }
	.header .hbox .hico  span i { color:#003da7; margin-right:5px; }
	.header .hbox .hico  span.twx { margin-right:10px; }
	.header .hbox .happly { display:none; }

	.header .hmenu { width: 60px; height: 60px; float: right; position:fixed; top:0; right:0; z-index: 9; }
	.commenu {width:100%; }
	.commenu ul.menubox  { display: block; 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: #333;  }
	.commenu ul li:hover ul { position: relative; border-top: 1px solid rgba(255,255,255,0.1); top:0; }
	.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 { padding:0; line-height: 1.4rem; font-size: 0.38rem; color:#fff; text-align: left;  font-weight: bold; }
	.commenu>ul>li>a:hover, .commenu>ul>li>a.active {  background: none;  }
	.commenu>ul>li> a:hover::after, .commenu>ul>li> a.active::after { width:auto;  }
	.commenu>ul>li> a span::after { display: none; }
	.commenu>ul>li>a i {  display: none; }

	.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!important;; opacity: 1; visibility: inherit; top:0; background: none; border-radius: 0; box-shadow:none; border-top:1px solid rgba(255,255,255,0.1); padding:0; }
	.commenu ul li ul li { border-bottom: 1px solid rgba(255,255,255,0.1);}
	.commenu ul li ul li a { color:#fff; text-align: center; }
	.commenu ul li ul li a span { font-size:0.38rem; }
	.commenu ul li ul li a:hover {  background: none;  color: #fff;  font-weight: normal; padding: 10px 30px;}

	.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: 720px;  }
.ibanwarp .scroll-banner { width:100%; height:720px; position: fixed; left: 0; top: 160px; z-index: 1; }
.iban-swp .bg { width:100%; height: 100%; overflow: hidden; }
.iban-swp .bg .bgimg { width:100%; height: 100%;  overflow: hidden; }
.iban-swp .bg .bgimg img {  width:100%; height: 100%; object-fit: cover;  }
.iban-swp .swiper-slide-active .bg .bgimg img {  transform: scale(1.08);  transition: all 5s ease;  }
.iban-swp .bg .txt {  width:100%;  position: absolute; top:24%; left:0; z-index: 9;  color:#333; }
.iban-swp .bg .txt h2 {  font-size: 38px;   }
.iban-swp .bg .txt h3 { font-size:30px;   }
.iban-swp .bg .txt h5 { font-size:20px; }
.iban-swp .bg .tt2 { margin: 40px 0; }
.iban-swp .bg .tt3 ul { display:flex;  gap: 0 40px; }
.iban-swp .bg .tt3 ul li em { width:50px; height: 50px;  line-height: 50px;  border-radius: 50px;  text-align: center;  background: #003da7; color:#fff;  margin-right: 20px; }
.iban-swp .bg .tt3 ul li em i { font-size:20px; }
.iban-swp .bg .tt3 ul li span { font-size:24px;  font-weight:bold;  }
.iban-swp .sp-bot { bottom:40px; }
.particleCanvas { width:100%; height: 100%;  position: absolute;  top:0; left:0;  z-index: 2; }

.iabo-data { position: relative; z-index: 2;  padding:0 0 40px;   margin:-80px 0 0;   }
.iabo-data .data-box {   border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1);  }
.iabo-data .data-box .data-cc { padding:40px; border-top:4px solid;   border-image: linear-gradient(to right, #003da7, #1c5ccc) 1;    }
.iabo-data ul { display: flex; align-items: flex-start;  gap:0 40px; }
.iabo-data ul li { width:calc(50% - 20px); }
.iabo-data ul li h2 {  font-size:20px;  margin:0 0 20px; }
.iabo-data ul li .itembox {  display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;   }
.iabo-data ul li .itembox .item h5 { font-size:16px;  margin:0 0 10px; }
.iabo-data ul li .itembox .item p {  line-height: 180%;  }

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

.itit { margin:0 0 40px;  }
.itit em { font-size:36px; font-weight: bold; background: linear-gradient(to right, #003da7, #1c5ccc);  -webkit-background-clip: text; color: transparent;   }
.itit h3 { font-size:36px;  color:#333;   }
.itit .cc-detail { margin:40px 0 0; }
.itit .read-more { width:200px; }

.iabo-l , .iabo-r { width:calc(50% - 30px); }
.iabo-l .info p { margin:10px 0; }
.iabo-r .pic img { width: 100%; height: 100%; object-fit: cover; object-position:  center center;  border-radius: 10px; overflow: hidden; }
.inum {  margin:40px 0;  }
.inum ul { display: flex;  justify-content: space-between; }
.inum ul li span { font-size: 48px; line-height: 100%;  color:#333;  font-weight: normal;   }
.inum ul li i { display: inline-block; vertical-align: bottom;  margin-left:10px;  font-size: 20px;  font-weight: normal; }
.inum ul li p { margin:10px 0 0; }
.iabo-btn { width:100%;  display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px;  margin:40px 0 0; }

.iadv { padding:0 0 100px; }
.swp-iadv .item { border-radius: 10px;  overflow: hidden; }
.swp-iadv .item .txt { width: 100%; height: 100%; padding: 40px; background:#f6f6f6;  border-top:4px solid;   border-image: linear-gradient(to right, #003da7, #1c5ccc) 1;}
.swp-iadv .item .txt .cc { width:100%; }
.swp-iadv .item .txt h3 {  display: flex; align-items: center; font-size:20px;  margin:0 0 20px; }
.swp-iadv .item .txt h3 i { color:#1b479c;  font-size: 20px;  margin:-4px 10px 0 0; }
.swp-iadv .item .txt h3 span { color:#333;  }

.ifp-box { background:#f6f6f6;   }

.ipro { background:url("../image/iforumbg.png") no-repeat;  background-size: contain; background-position: center; }
.ipro-list .item { border-radius: 10px; overflow: hidden; }
.ipro-list .item .txt { padding:20px;  background:#fff; }
.ipro-list .item .txt h2 {  font-size:24px; color: #333; }
.ipro-list .item .txt h5 {   font-size:16px; color: #333;  font-weight: normal;  margin:10px 0 ;}
.ipro-list .ipro-prev { left:-100px; }
.ipro-list .ipro-next { right:-100px; }
.ipro .more { width:200px;  margin:60px auto 0;  }

.isap-box { background:url("../image/iprobg.jpg") no-repeat;  background-size: contain; background-position: center top;  }
.isap-box .itit em , .isap-box .itit h3, .isap-box .itit p { color:#fff; }

.ilinks-box { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px;}
.ilinks-box .item { position: relative;  border-radius: 10px;  overflow: hidden;  }
.ilinks-box .item:hover .bg img {  transition: all 0.5s ease-in-out; }
.ilinks-box .item .txt { width:100%; height:100%;  background: rgba(0,0,0,0.3);  display: flex; justify-content: center; align-items: center;  position: absolute;  left:0; right: 0; z-index: 2;  color:#fff; }
.ilinks-box .item .txt i { font-size:36px;  margin:0 0 20px; }
.ilinks-box .item .txt  h2 { font-size: 24px; color:#fff;  }
.ilinks-box .item:hover .bg img { transform:scale(1.08); }

.inews { background: url(../image/inewsbg.png) no-repeat #f6f6f6; background-position: left top; }
.inews-list .item { border-radius:10px; overflow: hidden; }
.inews-list .img { height:240px; }
.inews-list .txt { padding:30px;  position: relative;  }
.inews-list ul li .txt::after { content: " ";  position: absolute; left: 0; bottom: 0; z-index: 1; width:0;  height:4px;  background: linear-gradient(to right, #003da7, #1c5ccc); transition: all 0.3s ease;  }
.inews-list .txt .date i { font-size: 18px; margin:-4px 10px 0 0; }
.inews-list .txt h3 { font-size: 20px; margin:20px 0 0; color:#333;  }
.inews-list ul li:hover .txt::after {  width:100%;  }
.isc-mem {padding:0 0 80px; }
.inews-list .imem-prev { left:-90px; }
.inews-list .imem-next { right:-90px; }

.footer { background: linear-gradient(to right, #003da7, #1c5ccc);   color:#fff;  padding:60px 0 0;  }
.footer p, .footer a { color:#fff; }
.footer a:hover { text-decoration: underline; }
.footer .ftop { grid-gap:0 40px; padding:0 0 40px; }
.footer .ftop .itembox .top h3 { display: inline-block;font-size:18px; color:#fff;  margin:0 0 20px; }
.footer .ftop .itembox .cc p { margin:5px 0; }
.footer .ftop .itembox  ul li img { max-width:120px; margin:0 0 10px;  }
.footer .fbot .fbot-box { padding:20px 0;  border-top:1px solid rgba(255,255,255,0.3); }

.aside-link { position:fixed; top:58%; right:0;  z-index: 9; }
.aside-link ul li a { display: inline-block; background: linear-gradient(to right, #003da7, #1c5ccc);  color:#fff;  padding:0 20px;  height: 60px; line-height: 60px;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; float:right; }
.aside-link ul li a span { margin:0 20px 0 10px; }
.aside-link ul li  i:first-child { font-size: 20px; }
.aside-link ul li:nth-child(2) a { background: linear-gradient(to right, #f28d0b, #fdb666);  margin:20px 0; }
.aside-link ul li:hover i:last-child {  padding:0 20px 0 0;   }

.layui-layer-title { font-size:16px; }
.layui-layer-setwin { right:20px; }
.layui-layer-setwin .layui-layer-close { font-size:24px; }
.layui-layer-page .layui-layer-content { padding:20px; }
.layui-btn { line-height: 42px; height: 42px;  font-size: 16px; background: #003da7!important; border-radius: 4px; }


/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/
.cbanner { min-height:400px;  position: relative;  display: flex; justify-content: center; align-items: center; }
.cbanner::before { content: " ";  position: absolute; left: 0; top: 0; width:100%;  height: 100%; background: rgba(0, 0, 0, .5); z-index: 1;  }
.cbanner .bread { padding:0;  }
.cbanner .bread h3 { font-size:24px; line-height:200%; color:#fff; }

.ccont .layui-form { position: relative; z-index: 99; }

.csingle .cate { width:320px; }
.csingle .cate .top {  margin-bottom:20px; }
.csingle .cate .top h2 { padding:15px 20px; background: linear-gradient(to right, #003da7, #1c5ccc); color:#fff;  font-size:24px; border-radius:5px;  overflow: hidden; }
.csingle .cate .cmenu ul li a { display:inline-block; box-sizing:border-box;  width:100%; padding:15px 20px;  background:#f6f6f6; border-radius:5px;  overflow: hidden; margin:2px 0;  transform: none; transition:0s; }
.csingle .cate .cmenu ul li a:hover { background: linear-gradient(to right, #003da7, #1c5ccc);  color:#fff;  }
.csingle .cate .cmenu ul li a.active {  background: linear-gradient(to right, #003da7, #1c5ccc); color:#fff; }
.csingle .ccont { width:calc(100% - 380px); }
.csingle .ccont p, .csingle .ccont span {   text-wrap: wrap !important; }
.cc-detail p { margin:10px 0; }
.csingle .ccont h5 { font-size: 24px; padding:0 0 20px; margin:0 0 40px; border-bottom: 1px solid #e6e6e6;  }
.cc-detail h1, .cc-detail h2, .cc-detail h3, .cc-detail h4, .cc-detail h5, .cs.cc-detail h6 , .cc-detail strong{  color:#333;  line-height: 180%;   }
.cc-detail a { color:#003da7; text-decoration:underline; }
.cc-detail h3 {  font-size:24px; padding:20px 0 10px; }
.cc-detail h4 { font-size:20px; }
.cc-detail h4 span { display:inline-block;  padding:10px 20px;  background: #f6f6f6; }
.cc-detail table { width:100%; }
.cc-detail table thead  tr th { /*width: 50%; */ padding:10px 20px;   background: #003da7;  color:#fff;  }
.cc-detail table tbody {  border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6;   }
.cc-detail table tr td {  /*width: 50%; */ padding:10px 20px;  border-right:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6;  }
.cc-detail table tr:nth-child(2n) td { background:#f6f6f6; }

.cc-detail em.iconfont { color:#003da7; font-size:40px;  margin:-20px 20px 0 0;  }

.cnlist ul li { box-sizing: border-box; position: relative;  border-bottom: 1px solid #e6e6e6; padding:20px; }
.cnlist ul li .imgs { width:22%; }
.cnlist ul li .txt { width:calc(78% - 20px); margin-left:20px; }
.cnlist ul li .txt h2 { line-height: 180%; margin-bottom:10px; }
.cnlist ul li .txt h2 span {   font-size: 20px; color:#333;  }
.cnlist ul li .txt h2 em { display: inline-block; font-weight: normal; font-size:15px; line-height: 160%; }
.cnlist ul li .txt h2 em i {margin-left:10px; }
.cnlist ul li .txt>p { font-size: 15px;  line-height: 180%; }
.cnlist ul li .mark { margin:5px 0 0; }
.cnlist ul li .mark p { font-size: 15px;}
.cnlist ul li .mark p i { display: inline-block; color:#ccc; }
.cnlist ul li .mark p i.icon-liulan { font-size: 18px; }
.cnlist ul li .mark p span {  margin:0 20px 0 10px; }
.cnlist ul li .mark p a.more {  font-size:15px; }
.cnlist ul li .mark p a.more i { color:#003da7; opacity: 0; transition: all 0.3s ease; }
.cnlist ul li:hover { background:#f6f6f6; }
.cnlist ul li:hover .imgs img { transform:scale(1.08); }
.cnlist ul li:hover .txt h2 span { color:#003da7; }
.cnlist ul li:hover .mark p a.more { color:#003da7; }
.cnlist ul li:hover .mark p a.more i { opacity: 1; margin-left:10px; }

.pagination { text-align: center;  margin:40px 0 0;  }
.page-num:not(:disabled) {cursor: pointer;}
.page-num , .page-link {position: relative; display: inline-block;   padding:0 13px; line-height: 36px;	  color: #555; background: #fff; border: 1px solid #ddd; margin:0 6px; font-size:15px;  }
.page-num { margin:0 6px; }
.page-num:hover, .page-link:hover {	background-color: #003da7; color: #fff; border-color: #003da7; }
.page-num-current {z-index: 1;background-color: #003da7; color: #fff;  border-color: #003da7;}
.page-num-current:hover {color: #fff;}
.mpnav ,  .text-secondarym { display:none; }

.cpartlist ul  { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px;  }
.cpartlist ul li { background: #f6f6f6;  border:1px solid #e6e6e6;  }
.cpartlist ul li:nth-child(4n) { margin-right:0; }
.cpartlist ul li .img  { height:100px; }
.cpartlist ul li .img img { object-fit:contain; object-position: center center; }
.cpartlist ul li .txt { box-sizing:border-box; padding:10px;   border-top: 1px solid #e6e6e6;  display: flex; justify-content: center;  align-items: center; }

.cunitlist ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px;  }
.cunitlist ul li {  padding:20px;  background: #f6f6f6; border-radius: 5px; overflow: hidden; }

.cnewsde h1 { font-size: 24px; }
.cnewsde .mark { margin:20px 0 0; padding:0 0 15px; border-bottom:1px dashed #e6e6e6; }
.cnewsde .mark p { font-size: 15px; }
.cnewsde .mark p i { display: inline-block; color:#ccc; }
.cnewsde .mark p i.icon-liulan { font-size: 14px; }
.cnewsde .mark p span { display: inline-block; margin:0 30px 0 10px; }
.cnewsde .detail { padding:30px 0; border-bottom:1px dashed #e6e6e6;  }
.cnewsde .pntab { margin:25px 0 0; }
.cnewsde .pntab>div { line-height:240%; }
.cnewsde .pntab a:hover { color:#003da7; }
.cnewsde .pntab i { display:none; }

.csbox { box-sizing:border-box; padding:20px; background: #f6f6f6; }
.csbox .selitem, .csbox .selbox { width:40%;}
.csbox .layui-form-item { margin:0; }
.csbox .layui-form-item .layui-form-label { box-sizing:border-box; width:60px; padding:0; line-height:36px; background:#e9ecef; border-top-left-radius:2px;
	border-bottom-left-radius:2px; border-top:1px solid #e6e6e6; text-align:center; }
.csbox .layui-form-item .layui-form-label em { display:inline-block; width:100%;  }
.csbox .layui-form-item .layui-input-block { margin-left:60px; }
.csbox .layui-input-group { width:100%; }
.csbox .layui-input-group>.layui-input-prefix { background:#e9ecef; border-top-left-radius:2px;	border-bottom-left-radius:2px; border-top:1px solid #e6e6e6; }
.csbox .layui-input-group .layui-input-split { background:#003da7; cursor: pointer; }
.csbox .layui-input-group .layui-input-split i {  color:#fff; }

.text-secondary { margin:30px 0 0;  }
.celist ul li { box-sizing:border-box; float:left; width:calc(50% - 15px); margin-right:30px; margin-top:30px; border-radius:5px; border:1px solid #e6e6e6; overflow:hidden; transition: all 0.3s ease;  }
.celist ul li:hover { transform: translateY(-5px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }
.celist ul li:nth-child(2n) { margin-right:0; }
.celist ul li .img { box-sizing:border-box; width:100px; height: 100px; margin:10px;   }
.celist ul li .img img { object-fit:contain; } 
.celist ul li .txt { box-sizing:border-box; width:calc(100% - 120px); height:120px; padding:20px;   }
.celist ul li .txt h2 { font-size:16px; margin-bottom:10px; }
.celist ul li .txt .mark i { font-size:15px; color:#ccc; margin-right:10px;}

.cssbox { box-sizing:border-box; padding:20px 20px 10px; background: #f6f6f6; line-height:32px; }
.cssbox .item { margin-bottom:10px;}
.cssbox .item .tit { width:12%; text-align:right; }
.cssbox .item.sp .tit { line-height:38px; }
.cssbox .item .tab { width:88%; box-sizing:border-box; padding-left:20px; }
.cssbox .item .tab span { display:inline-block; padding:0 10px; height:32px; line-height:32px; background:#fff; margin-right:10px; cursor:pointer; border-radius:2px; margin-bottom:10px; }
.cssbox .item .tab span:hover , .cssbox .item .tab span.on { background:#003da7; color:#fff; }
.cssbox .item.sp .tab { width:40%;  }
.cssbox .item.sp .layui-form-item { margin:0;}
.cssbox .item.sp .layui-input-group {  width:100%; }
.cssbox .item.sp .layui-input-group .layui-input-split { background:#003da7; cursor: pointer; }
.cssbox .item.sp .layui-input-group .layui-input-split i {  color:#fff; }

.dllist ul li a { display:inline-block; width:100%; padding:20px 0;  border-bottom:1px solid #e6e6e6; }
.dllist ul li a:hover { background:#f6f6f6; }
.dllist ul li a span { font-size:15px; }
.dllist ul li a em { display:inline-block; padding:0 15px; height:30px; line-height:30px; border-radius:30px; background:#f6f6f6;  }
.dllist ul li a i { color:#003da7; line-height:30px; margin:0 15px; }

.layui-layer-dialog .layui-layer-content { font-size:16px; }
.layui-btn {  width: 100%;  height: 50px;  line-height: 50px;  border-radius: 5px;  background: #003da7;  font-size: 18px;	font-weight: bold; }
.layui-form-radio>* { font-size:16px; }
.layui-form-radio { margin: 0 10px 0 0;}
.layui-form-checkbox>div { font-size:16px; }
.layui-form-item .layui-form-checkbox[lay-skin=primary] { margin:10px 0; }

.applyform {width: 80%; margin: 0 auto; }
.applyform .layui-form-item {  margin-bottom: 20px; }
.applyform .layui-form-label {  width: 160px; line-height: 50px; padding:0;}
.applyform .layui-form-label em {  display: inline-block;   margin-right: 10px; }
.applyform .layui-input-block {  margin-left: 180px; line-height: 50px; }
.applyform .combtn {  cursor: pointer;  padding: 0 40px;   font-size: 18px;  border: none;  transition: all 0.3s ease;}

.zxbox { text-align:center; padding:20px;  }
.zxbox p { font-size: 20px; color:#333; margin:10px 0 0; font-weight: bold; }

.fw { width:1360px; margin:0 auto; }

.forumban { min-height:30vh;  position: relative;  display: flex; justify-content: center; align-items: center; }
.forumban::before { content: " ";  position: absolute; left: 0; top: 0; width:100%;  height: 100%; background: rgba(0, 0, 0, .5); z-index: 1;  }
.forumban .bread { padding:0;  font-size:24px; }
.forumban .bread h3 { font-size:36px; line-height:200%; }

.forum-menu  { background:#f6f6f6;  }
.forum-menu ul  { display:flex; justify-content: center;  }
.forum-menu ul li { margin:0 2vw; }
.forum-menu ul li a span { display: inline-block; padding:20px 0;  font-size:16px;  position:relative;  }
.forum-menu ul li a:hover span ,  .forum-menu ul li a.active span  { font-size:20px; color:#333; font-weight: bold; }
.forum-menu ul li a span::after  { content: " ";  position: absolute;  left: 0; bottom: 0;   width:0;  height: 3px; background: #003da7;  z-index: 2; transition: all 0.3s ease; }
.forum-menu ul li a:hover span::after,  .forum-menu ul li a.active span::after { width:100%;  }

.funitlist ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px;  }
.funitlist ul li {  padding:20px;  background: #f6f6f6;  border-left:3px solid #003da7; }

.czcomlist ul { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px;  }
.czcomlist ul li .item { padding:0 0 30px;   border-bottom:1px solid #e6e6e6;  }
.czcomlist .item .top .img { width:240px; }
.czcomlist .item .top .name { flex: 1;  margin-left:30px; }
.czcomlist .item .top .name h2 { font-size:20px; color:#333; }
.czcomlist .item .top .name h2 em { font-size:18px; font-weight: normal; color:#003da7; }

.guestlist ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px;  }
.guestlist ul li {  padding:20px;  background: #f6f6f6;  border-left:3px solid #003da7; }
.guestlist ul li h2 { font-size:20px;  color:#333;  margin:0 0 20px; }
.guestlist ul li h2 em { display:inline-block;  height: 36px; line-height: 36px;   padding:0 10px;  border-radius: 4px;  background: #003da7; font-size:16px; font-weight: normal; color:#fff;  }

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:980px){
	
	.pc-cc { display: none; }
	.m-cc { display: block; }
	
	.blue-more, .blue-more-plain,  .read-more  { height: 1.2rem;  line-height: 1.2rem;  padding: 0 0.36rem;}
	.blue-more span, .blue-more-plain span,  .read-more span { font-size:0.38rem;  }
	
	.read-more i { margin: -2px 0 0 0.48rem; }
	
	.ibanwarp { height:50vh;  }
	.ibanwarp .scroll-banner { top:180px;  height:50vh; }
	.iban-swp .bg .txt { width: 100%;  top:1.2rem; left:0; }
	.iban-swp .bg .tt2 { margin: 0.36rem 0;}
	.iban-swp .bg .tt2 p { display:none; }
	.iban-swp .bg .txt h2 { font-size:0.48rem;  margin:0 0 10px;  } 
	.iban-swp .bg .txt h3, .iban-swp .bg .txt h5 { font-size:0.38rem;  } 
	.iban-swp .bg .tt3 ul { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem; }
	.iban-swp .bg .tt3 ul li em { width: 40px; height: 40px;  line-height: 40px; margin-right:10px; }
	.iban-swp .bg .tt3 ul li span { font-size:0.38rem;   }
	
	.iabo-data { margin: -0.72rem 0 0; padding: 0 0 0.36rem; }
	.iabo-data .data-box .data-cc { padding:0.36rem; }
	.iabo-data ul { gap: 0 0.36rem; }
	.iabo-data ul li .itembox { grid-template-columns: repeat(1, 1fr);  grid-gap: 0.36rem;}
	
	.itit { margin:0 0 0.48rem; }
	.itit em { font-size:0.56rem; }
	.itit h3 { font-size:0.56rem;   }
	.itit .cc-detail { margin: 0.36rem 0 0;}
	.itit .read-more { width:140px; }
	
	.iabo-l, .iabo-r { width:100%; }
	.iabo-btn {  grid-template-columns: repeat(2, 1fr);  grid-gap:0.36rem; margin: 0.48rem 0 0;}
	.iabo-r { margin:0.36rem 0 0;}	
	
	.iadv { padding: 0 0 0.72rem; }
	.swp-iadv { padding:0 0 0.96rem; }
	.swp-iadv .item .txt { padding:0.48rem 0.36rem; }
	.swp-iadv .item .txt h3 { font-size: 0.42rem;  margin: 0 0 0.36rem; }
	
	.isap-box { background-size: 400%;  }
	
	.ipro-list .swp-ipro { height:220px; padding:0 0 0.24rem; }
	.ipro-list .swp-ipro .item { height: 80px;  padding: 0 0.24rem;}
	.ipro-list .swp-ipro .item i { font-size:0.64rem; margin-right: 10px; }
	
	.ilinks-box { padding:0.72rem 0 0; grid-template-columns: repeat(1, 1fr); grid-gap: 0.48rem;}
	.ilinks-box .item .txt i { margin: 0 0 0.36rem; }
	.ilinks-box .item .txt h2 { font-size:0.56rem; }
	
	.inews-list .isc-mem { padding:0 0 0.96rem; } 
	.inews-list .img { height:120px; }
	.inews-list .txt { padding:0.36rem; }
	.inews-list .txt h3 { font-size: 0.42rem; margin:0.24rem 0 0;  }
	
	.footer { background: linear-gradient(to right, #003da7, #1c5ccc); padding: 0.72rem 0 0; }
	.footer .ftop { display: grid; grid-template-columns: repeat(2, 1fr);   grid-gap: 0.36rem;  padding: 0 0 0.36rem;}
	.footer .ftop .itembox .top h3 { font-size:0.42rem;  margin:0 0 0.24rem; }
	.footer .mftop { display:flex; }

	.aside-link { width: calc(100% - 0.72rem);   top:auto;  bottom:0.36rem; left:0.36rem;  }
	.aside-link ul { display: grid;  grid-template-columns: repeat(3, 1fr); grid-gap: 0.36rem; }
	.aside-link ul li {  margin:0;  }
	.aside-link ul li a { width:100%; padding:0; height: 50px; line-height: 50px;  text-align: center; margin:0; border-radius: 5px;  }
	.aside-link ul li:last-child a, .aside-link ul li:nth-child(2) a { margin:0; }
	.aside-link ul li i { display:none; }
	.aside-link ul li a span { margin:0; }

	table, input, select, textarea { font-size:0.38rem; }
	.layui-form-label { line-height: 1.1rem; font-size:0.38rem;  float: none; }
	.layui-form-item { margin-bottom:0.24rem; }
	.layui-input { height: 1.1rem; font-size: 0.38rem;  }
	.layui-form-checkbox>div { font-size: 0.38rem;  }
	.layui-form-checkbox[lay-skin=primary] { margin:0.36rem 0 0.24rem; }

	.pnav { display:none; }
	.mpnav { display:block; }
	.pagination { margin:0.48rem 0 0; }
	.page-num, .page-link { padding: 0 12px; margin: 5px; }
	
	.cbanner { min-height:16vh; }
	.cbanner .bread h3 { font-size: 0.4rem; }
	
	.csingle .cate, .csingle .ccont { width:100%; }
	.csingle .cate .top { display:none; }
	.csingle .cate .cmenu ul { display: grid;  grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem; }
	.csingle .cate .cmenu ul li a {  padding:10px; border:none;  background: #f6f6f6;  margin:0;  display: flex;  justify-content: center; align-items: center; }
	.csingle .ccont { margin:0.48rem 0 0; }
	.csingle .ccont h5 { font-size:0.48rem; margin: 0 0 10px; }
	
	.cc-detail h3 { font-size:0.56rem; }
	.cc-detail h4 { font-size:0.48rem; }
	
	.csbox  { display: grid;  grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem;  }
	.csbox .selitem, .csbox .selbox { width:100%; }
	.csbox .layui-form-item .layui-form-label { line-height: 1.1rem;  }
	.csbox .layui-input-group>.layui-input-prefix { width:60px; }
	
	.celist ul li { width:100%; margin-top:0.36rem;  }
	.celist ul li .img img { object-fit:contain; }
	
	.cssbox .item .tit, .cssbox .item .tab, .cssbox .item.sp .tab { width:100%;  text-align: left; padding:0; }
	.cssbox .item .tit { margin-bottom:0.36rem; }
	.cssbox .item .tab span { height:1.1rem; line-height: 1.1rem;  padding: 0 0.36rem; }
	
	.cnlist ul li { padding:0 0 0.36rem; margin-bottom:0.36rem;  }
	.cnlist ul li:last-child { margin:0; }
	.cnlist ul li .imgs, .cnlist ul li .txt { width:100%; margin:0;  }
	.cnlist ul li .txt h2 { line-height: 140%;  margin:0.36rem 0 0;  }
	.cnlist ul li .txt h2 span { font-size:0.42rem; }
	.cnlist ul li .txt>p , .cnlist ul li .mark p { font-size:0.38rem; }
	.cnlist ul li .mark p a.more { display:none; }

	.cpartlist ul  { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem;  }

	.cunitlist ul  { grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem;  }
	.cunitlist ul  li {padding:0.24rem 0.36rem;  border-left: 3px solid #003da7; line-height: 180%; }
	
	.layui-form em { margin:0; }
	.applyform {width:100%;}
	.applyform .layui-form-label { padding:0;  width:100%; line-height: 1.1rem;  font-size: 0.38rem;  text-align: left; }
	.applyform .layui-form-label em { margin-right:5px; }
	.applyform .layui-input-block {  margin-left:0; }
	.applyform .layui-form-item { margin-bottom:0.24rem;  }
	.applyform .layui-form .layui-input { height: 1.1rem; font-size: 0.38rem;  }
	.applyform .layui-form .layui-form-checkbox>div { font-size: 0.38rem;  }
	.applyform .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin:0.36rem 0 0.24rem; }
	.applyform .combtn { width:100%;  height: 1.1rem;   line-height: 1.1rem;  font-size: 0.38rem;    }
	.layui-layer-dialog .layui-layer-content { font-size:0.38rem; }


}




