/*自定义部分*/
body{ font-size:14px; overflow-x:hidden; font-family: 'Gilroy-regular,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol';}
h1,h2,h3,h4,h5,dl{ margin-top: 0em;}
a{ color: #000000;text-decoration: none;}
a:hover{ text-decoration: none; color: #000;}
ul{ margin: 0px; padding: 0px;}
li{ list-style: none;}
.rounded-top{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important;}
.rounded-bottom{border-bottom-right-radius:1rem !important;border-bottom-left-radius:1rem !important;}
.fs-14{ font-size: 14px !important;}
.fs-16{ font-size: 16px !important;}
.fs-22{ font-size: 22px !important;}
.text-black-80{color: #333333;}
.rounded-10{ border-radius: 20px;}
.hide{display: none !important;}
.block{ display: block !important;}
.text-ls{color:#2b6baf !important}
.bg-hs{background-color: #f2f2f2 !important;}
.clearfix{clear: both;}
.bg-ls{background-color: #0078c1 !important;}
.bg-sl{background-color: #00479d !important;}
.bigimg { cursor: pointer;transition: all 0.6s;}
.bigimg:hover {transform: scale(1.1);}
.hide{ display: none;}

.logo img{height: 50px;}
.tel i{font-size: 50px;}
.menu{background-color: #2b6baf;padding: 12px 0 15px 0;}
.wapmenu{display: none;}
.nav li a{ color: #fff;font-size: 16px;padding: 15px 30px;}
.nav li a:hover{background-color: #13499a;}
.navbar-nav{overflow:hidden}
.navbar-light .navbar-nav .nav-link{ font-size: 14px; display: block; padding:1.5rem 1rem; position: relative; margin: 0 15px;transition:all .5s ease;color: #000;}
.navbar-light .navbar-nav .nav-link::after{content:attr(data-title); position:absolute; top: 0; left: 0;transform:translateY(100%); width: 100%; height: 100%;display:flex; align-items:center; justify-content:center;color:#000}

.navbar-light .navbar-nav .menukj{ position: relative;}
.navbar-light .navbar-nav .menukj::before {content:''; width:0;height:5px;background:#eee;position:absolute;top:0;left:50%;transform:translateX(-50%); transition: all .5s ease; }
.navbar-light .navbar-nav .menukj:hover::before {width: 100%;}
.navbar-light .navbar-nav .menukj:hover{color: orangered;}

.navbar-light .navbar-nav .nav-item:hover .nav-link {transform: translateY(-100%);}

.tel b{font-size: 20px;}
.banner img{width: 100%;}
.banner .swiper-button-prev{width: 38px;height: 38px;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;transform: translateY(50%);z-index: 1;left: 20px;background-color: rgba(91, 112, 136,.5); color:#fff;text-align: center;line-height: 38px;font-weight: bold;}
.banner .swiper-button-next{width: 38px;height: 38px;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;transform: translateY(50%);z-index: 1;right: 20px;background-color: rgba(91, 112, 136,.5); color:#fff;text-align: center;line-height: 38px;font-weight: bold;}
.banner .swiper-button-next::after, .banner .swiper-button-prev::after {font-size: 0;}

footer{background-color: #000;}
.indexpro{ position:relative;overflow:hidden;}
.proimg{ height: 260px; overflow: hidden; position: relative;}
.proimg .protp{ position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; transition:all .5s ease}

.indexpro .showBox {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all 0.5s ease;}
.indexpro .showBoxLink { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:80%;color:#fff;text-align:center;font-size:1rem;padding:0.5rem 0;}
.indexpro .showBoxLink::before {content:'';position:absolute; top:0;left:50%;transform:translateX(-50%);width:60%;height:1px; background:#fff;transition:all .5s ease;}
.indexpro .showBoxLink::after {content:''; position:absolute;bottom:0;left:50%; transform:translateX(-50%); width:60%;height:1px;background:#fff;transition:all .5s ease;}

.indexpro:hover .showBox {opacity:1;}
.indexpro:hover .protp {transform:translate( -50% ,-50%) scale(1.1);}
.m3-iteam:hover{ box-shadow: 0 0px 12px 2px rgba(184, 197, 210, 0.36); top: -12px;}
.m3-iteam  {background-color:rgba(255, 255, 255, 1);position:relative;top:0px;transition:0.5s;}
.newsiteam{ border-bottom:1px solid #DDD;margin-bottom:5px}

.newsdata{width: 100px;}
.newsdata p{padding:6px 11px;border:1px solid transparent;transition:all .5s ease;color:#ccc}
.newsimg{ width: 200px; height:120px; overflow: hidden;}
.newsdata span{font-size: 26px; color:#ccc;}
.newscon{position: relative; width: calc( 100% - 100px);transition: all .5s ease;  padding:0 30px 0 60px}

.newsiteam a:hover .newscon{padding-left:80px; color: #666;}
.newscon::before{content: ''; position: absolute; left:0; top:1rem; display:block; width: 40px; height:1px; background:#aaa;transition:all .5s ease}
.newsiteam a:hover .newscon::before{ width: 60px;}
.newsdes{ height: 48px;  overflow: hidden;transition:600ms}
.newsdata p{width:35px; height:35px}
.newsiteam a:hover .newsdata p{background-color: #000; }

.class-z a{ position: relative; height:60px; line-height:60px; padding:0 10px; display:block; transition:0.3s ease 0s; font-size:15px}
.class-z a::before{position: absolute;content:''; left:50%;bottom:0px;width: 0%;height: 3px; transition:all .3s}
.class-z a::after{content: ''; position: absolute; width: 1px; height:15px;display: block; background:#ccc; top:50%; margin-top:-7px; right:0}
.class-z a:hover{color:  #e60012;}
.class-z a:hover::before{width: 80%;left: 10%;background-color: #e60012;}
.wclass a{ width: 31.33%; padding:5px 0; float:left; border:1px solid #ccc; text-align:center;margin:5px 1%;}
.copyright a{color: #fff;}

.about{background-color:rgba(239, 243, 247, 1)}


.about-t p{ position: relative;}
.about-t p::before{content: ''; position: absolute; height: 3px; width: 60px; background-color: #e60012; left: 50%; margin-left: -30px; bottom: -20px;}

.about-nr{padding: 100px 0; }
.about-text{ background-color: rgba(30, 130, 232, 0.8); color: #fff; width: 70%; padding: 70px;}
/* .about-text{ background-color: rgba(230, 0, 18, 0.8); color: #fff; width: 70%; padding: 70px;} */

.about-n img{ max-width: 100%;}


.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pager {list-style:none;padding:0;text-align:center;clear:both}
.pager li {display:inline-block}
.pager li a {color:#333;border:solid 1px #EBEBEB;border-radius:15px;padding:5px 15px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager li a:hover {background-color:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {font-size:36px;padding:0;color:#FFF;background-color:rgba(255,255,255,.3);width:50px;height:50px;line-height:45px;display:inline-block;border-radius:50%;text-align:center;cursor:pointer}
.pager-prev:hover,.pager-next:hover {background-color:rgba(0,0,0,.6)}
.pager-group li {float:left;display:inline-block}
.pager-group li:not(:first-child):not(:last-child) {border-radius:0}
.pager-group li a:first-child {border-radius:4px 0 0 4px}
.pager-group li a:last-child {border-radius:0 4px 4px 0}

.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:8px 12px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#e60012;color:#fff;border:1px solid #e60012;}










@media(max-width:767px) {
	.hide-xs{display: none !important;}
	.hide{display: block !important;;}
	.tel i{font-size: 40px;}
	.tel b{font-size: 16px;}
	.wapmenu{display: block;}
  .navbar-light .navbar-nav .menukj:hover::before{width: 0;}
	.navbar-light .navbar-nav .nav-link{transition:none}
  .navbar-light .navbar-nav .menukj::before {transform:translateX(0%);}
  .navbar-light .navbar-nav .nav-item:hover .nav-link {transform: translateY(0%);}
	.newsimg{ width: 100%; height:auto; overflow: hidden; margin-bottom:10px}
	.newsdata span{font-size: 16px;}
	.newscon{position: relative; width: 100%;transition: all .5s ease;  padding:0px}
	.newscon::before{ width: 0px; height:1px;}
	.newsiteam a:hover .newscon{padding-left:10px; color: #0c64b3;}
	.wap-100{ padding: 0;}
	.navbar-toggler{margin-right: 10px;}
	.logo{ margin-left: 10px;}
	.navbar-toggler{font-size: .8rem; padding:.25rem .55rem}
	.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: #fff;}
	.navbar-collapse{background: rgba(0, 0, 0, 1);margin-top: 10px; padding-top: 20px;}
	.navbar-light .navbar-nav .nav-link{ font-size: 14px; display: block; padding:0 1rem; line-height: 30px; position: relative; margin: 0 15px;transition:all .5s ease;color: #fff; border-bottom: 1px solid #fff;}
	.navbar-light .navbar-nav .nav-link::after{display: none;}
	.banner .swiper-button-prev{transform:none;}
	.banner .swiper-button-next{transform: none;}
	
	.about-nr{padding: 100px 0; }
	.about-text{ background-color: rgba(30, 130, 232, 0.8); color: #fff; width: 100%; padding: 20px;}
}