﻿.main-color {
	color:#0b357a
}.main-color1 {
	color:#fff
}
.w1400 {
	width:1400px;
	margin:auto
}
.w1600 {
	width:1600px;
	margin:auto
}
@font-face {
	font-family:'iconfont';
	src:url('../fonts/iconfont.eot');
	src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('img/iconfont.woff') format('woff'),url('img/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg')
}
.qrcode-img img{width:120px;}

.flink {
  margin-top: 50px;
  width: 100%;
}

.flink .flink_tit {
  width: 100%;
  position: relative;
}

.flink .flink_tit p {
  height: 12px;
  width: 100%;
  background: url(../img/dian.png);
  position: absolute;
  top: 15px;
}

.flink .flink_tit span {
  height: 42px;
  background: #fff;
  color: #1C4587;
  font-size: 14px;
  border: 1px solid #1C4587;
  position: relative;
  z-index: 9;
  display: block;
  width: 115px;
  text-align: center;
  line-height: 42px;
  margin-left: 0px;
}

.flink .flink_list {
  width: 100%;
  margin-top: 20px;
  margin-left:0px;
}

.flink .flink_list ul li {
  float: left;
  margin-right: 28px;
  margin-bottom: 8px;
}

.flink .flink_list ul li a {
  font-size: 12px;
  color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
  color: #036aac;
}

.showarea {
    padding: 15px 0;
}
.showarea h3 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #036aac;
  border-bottom: 1px solid #e4e4e4;
  display: block;
}
.showarea h3 span {
  font-weight: 400;
  color: #999;
  text-transform: uppercase;
}
.showarea .list {
      overflow: hidden;
    margin-top: 20px;
}
.showarea .list a {
    display: block;
    margin-right: 17px;
    font-size: 14px;
    float: left;
    margin-bottom: 12px;
}
.showarea .list a:hover {
  color: #036aac;
}

.icon {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:.2px;
	-moz-osx-font-smoothing:grayscale
}
.bg-f5 {
	background:#f5f5f5
}
.bg-f9 {
	background:#eef1f7
}
.pt-108 {
	padding-top:108px
}
.box-border {
	box-sizing:border-box
}
.font-72 {
	font-size:4.5rem;
	line-height:72px
}
.font-60 {
	font-size:3.75rem
}
.font-48 {
	font-size:3rem
}
.font-36 {
	font-size:2.25rem
}
.font-32 {
	font-size:2rem
}
.font-30 {
	font-size:1.875rem
}
.font-24 {
	font-size:1.5rem
}
.font-20 {
	font-size:1.25rem
}
.font-18 {
	font-size:1.125rem
}
.font-16 {
	font-size:1rem
}
.font-14 {
	font-size:14px
}
.font-12 {
	font-size:12px
}
.color-3 {
	color:#1c1f2a
}
.color-6 {
	color:#666
}
.color-7 {
	color:#707070
}
.color-9 {
	color:#999
}
.color-f {
	color:#fff
}
.color-home {
	color:#f11117
}
.ho-img{position:absolute;top:0;left:0;right:0;bottom:0;min-width:auto;min-height:auto;width:100%;height:100%;transform:none;transition:transform .5s ease;object-fit:cover;max-height:100%}
.swiper-pagination-bullet-active {
	background:#f11117
}
.flex-1 {
	flex:1
}
header {
	position:fixed;
	left:0;
	top:0;
	right:0;
	padding:35px 4%;
	z-index:999;
	transition:.5s
}
header .menu {
	font-size:24px
}
header .head-nav .logo .img img {
	max-height:72px
}
header .head-nav .logo .img .a {
	display:block
}
header .head-nav .logo .img .b {
	display:none
}
header .head-nav .logo h3 {
	line-height:22px;
	color:rgba(255,255,255,0.8)
}
header .head-nav .yuyan{max-height:18px;margin-left:20px;}
header .head-nav .yuyan a img{float:left;margin-right:15px;}

header .head-nav ul li.active a,header .head-nav ul li:hover a {
	color:#fff
}
header .head-nav .info a .icon {
	transition:.5s;
	display:block
}
header .head-nav .info a:hover .icon {
	color:#0b357a;
	transform:translateY(-10px)
}
header.page-active {
	position:relative
}
header.active,header.page-active {
	background:#fff
}
header.active .head-nav .logo .img .a,header.page-active .head-nav .logo .img .a {
	display:none
}
header.active .head-nav .logo .img .b,header.page-active .head-nav .logo .img .b {
	display:block
}
header.active .head-nav .logo h3,header.page-active .head-nav .logo h3 {
	color:#515457
}
header.active .head-nav ul li a,header.page-active .head-nav ul li a {
	color:#3f3b3a
}
header.active .head-nav ul li.active a,header.page-active .head-nav ul li.active a {
	color:#0b357a
}
header.active .head-nav .info .a,header.page-active .head-nav .info .a {
	color:#0b357a
}
header.active .head-nav .info h4,header.page-active .head-nav .info h4 {
	color:#3f3b3a
}
header.active .head-nav .info .b,header.page-active .head-nav .info .b {
	color:#3f3b3a
}
header.active {
	padding:35px 4%
}
@keyframes navtop {
	0% {
	top:120%
}
100% {
	top:100%
}
}footer {
	background:#484c51
}
footer .content ul li {
	margin-right:70px
}
footer .content ul li:last-child {
	margin-right:0
}
footer .content ul li .pro-nav {
	width:260px
}
footer .content ul li i {
	display:block;
	width:22px;
	height:2px;
	background:#fff
}
footer .content ul li a {
	display:block;
	color:#fff;
	line-height:42px
}
footer .content ul li a:hover {
	color:rgba(255,255,255,0.8)
}
footer .content ul li p {
	color:#fff;
	line-height:42px
}
footer .content ul li p span {
	color:#fff
}
footer .content .code {
	width:130px
}
footer .content .code p {
	color:#fff
}
footer .links span {
	font-size:12px;
	color:#fff
}
footer .links a {
	font-size:12px;
	color:#fff;margin-right:10px;
}
footer .links a:hover {
	color:rgba(255,255,255,0.7)
}
footer .code img {
	width:100px
}
footer .copyright {
	border-top:1px rgba(255,255,255,0.2) solid
}
footer .copyright p {
	color:#fff;width:100%;
	font-size:12px
}
footer .copyright a {
	color:#fff;
	font-size:12px;
	margin-left:10px
}
footer .copyright a:hover {
	color:rgba(255,255,255,0.7)
}
.foot-suspended {
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	height:50px;
	display:flex;
	align-items:center;
	background:#fff;
	padding:0 3%;
	z-index:9999
}
.foot-suspended .link {
	display:flex;
	justify-content:space-around;
	align-items:center
}
.foot-suspended .link a {
	display:flex;
	flex-direction:column;
	align-items:center
}
.foot-suspended .link a .icon {
	font-size:18px;
	color:#0b357a
}
.foot-suspended .link a:hover {
	color:#333
}
.foot-suspended .tel {
	display:flex;
	align-items:center;
	justify-content:center;
	height:38px;
	width:50%;
	background:#0b357a;
	border-radius:18px;
	color:#fff
}
.foot-suspended .tel .icon {
	color:rgba(255,255,255,0.7)
}
.menu-container-mask {
	position:fixed;
	top:0;
	left:100%;
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:1000;
	background-color:rgba(0,0,0,0.6);
	transition:.2s;
	z-index:9999
}
.menu-container {
	position:absolute;
	top:0;
	right:0;
	width:60%;
	height:100%;
	overflow:hidden;
	background-color:#fff
}
.top-menu-list {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	transition:.2s
}
.top-menu-list.active {
	transform:translateX(-100%)
}
.top-menu-list>li {
	height:48px;
	line-height:48px
}
.top-menu-list>li li:first-child,.top-menu-list>li:first-child {
	height:45px
}
.top-menu-list>li li:first-child>a,.top-menu-list>li:first-child>a {
	background-color:#f7f7f7;
	height:45px
}
.top-menu-list>li a {
	height:100%;
	padding:0 32px 0 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#666;
	font-size:14px
}
.top-menu-list>li a span {
	color:#666;
	font-size:14px
}
.top-menu-list>li a .icon {
	color:#666;
	font-size:14px
}
.top-menu-list>li .title-name {
	height:100%;
	padding:0 32px 0 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#666;
	font-size:14px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.top-menu-list ul {
	position:absolute;
	left:100%;
	width:100%;
	background-color:#fff;
	top:0;
	height:100%;
	display:none
}
.top-menu-list ul.active {
	display:block
}
.common-pagination span {
	width:10px;
	height:10px;
	border:1px #f5f5f5 solid;
	background:none;
	opacity:1
}
.common-pagination .swiper-pagination-bullet-active {
	background:#f11117 !important;
	border:1px #f11117 solid !important
}
.navbar-nav-more-body {
	position:fixed;
	top:0;
	left:100%;
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:1000;
	background-color:rgba(0,0,0,0.6);
	transition:.2s
}
.navbar-nav-more-body .box-shadown {
	position:absolute;
	top:0;
	left:0;
	width:40%;
	height:100%
}
.navbar-nav-more-body .offcanva {
	position:absolute;
	top:0;
	right:0;
	width:60%;
	height:100%;
	overflow:hidden;
	background-color:#fff
}
.navbar-nav-more-body .offcanvas-body {
	position:relative
}
.navbar-nav-more-body .offcanvas-end {
	width:60%;
	z-index:999999
}
.navbar-nav-more-body .top-menu-list {
	position:absolute;
	top:0px;
	right:0;
	width:100%;
	height:100%;
	transition:.2s;
	font-size:1rem;
	padding:0
}
.navbar-nav-more-body .top-menu-list.active {
	transform:translateX(-100%)
}
.navbar-nav-more-body .top-menu-list>li {
	height:3.5rem;
	line-height:3.5rem;
	padding:0
}
.navbar-nav-more-body .top-menu-list>li li:first-child,.navbar-nav-more-body .top-menu-list>li:first-child {
	height:2.8rem
}
.navbar-nav-more-body .top-menu-list>li li:first-child>a,.navbar-nav-more-body .top-menu-list>li:first-child>a {
	background-color:#f7f7f7;
	height:2.8rem
}
.navbar-nav-more-body .top-menu-list>li a {
	height:100%;
	padding:0 1rem;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.navbar-nav-more-body .top-menu-list>li a:hover {
	color:#f11117
}
.navbar-nav-more-body .top-menu-list ul {
	position:absolute;
	left:100%;
	width:100%;
	background-color:#fff;
	top:0;
	height:100%;
	padding:0;
	display:none
}
.navbar-nav-more-body .top-menu-list ul.active {
	display:block
}
.navbar-nav-more-body .top-menu-list .icon {
	font-size:16px;
	color:#666
}
.navbar-nav-more-body .top-menu-list ul.active .icon {
	margin-right:.5rem
}
.position {
	border-bottom:1px #eeeeee solid
}
.position .category ul li {
	position:relative
}
.position .category ul li::before {
	content:'';
	position:absolute;
	left:0;
	bottom:-1px;
	background:#0b357a;
	height:1px;
	width:0;
	overflow:hidden;
	transition:.5s
}
.position .category ul li a {
	display:flex;
	align-items:center;
	height:70px
}
.position .category ul li:hover::before,.position .category ul li.active::before {
	width:100%
}
.position .category ul li:hover a,.position .category ul li.active a {
	color:#0b357a
}
.breadcrumb {
	margin-bottom:0rem;
	font-size:14px;
	color:#0b357a
}
.breadcrumb-item+.breadcrumb-item::before {
	content:var(--bs-breadcrumb-divider,">")
}
.breadcrumb-item {
	display:flex;
	align-items:center;
	color:#696969;
	font-size:14px
}
.breadcrumb-item a {
	color:#9c9c9c;
	font-size:14px
}
.breadcrumb-item a:hover {
	color:#0b357a !important
}
.pagination-box {
	text-align:center;
	line-height:32px;
	color:#595959
}
.pagination-box select {
	margin:0 8px
}
.pagination-box a,.pagination-box span {
	display:inline-block;
	width:32px;
	height:32px;
	line-height:30px;
	border:1px solid #e2e2e2;
	border-radius:2px;
	text-align:center;
	margin-right:8px;
	cursor:pointer;
	vertical-align:top;
	color:#666;
	font-size:14px
}
.pagination-box a:last-child,.pagination-box span:last-child {
	margin-right:0
}
.pagination-box a.active,.pagination-box span.active,.pagination-box a.current,.pagination-box span.current,.pagination-box a:hover,.pagination-box span:hover {
	background-color:#0b357a;
	border-color:#0b357a;
	color:#fff !important
}
.pagination-box select {
	height:32px;
	border:1px solid #e2e2e2;
	box-sizing:border-box
}
.pagination-box .prev_disabled,.pagination-box .next_disabled {
	width:80px;
	background-color:transparent !important;
	border-color:#e2e2e2 !important;
	color:#e2e2e2 !important;
	cursor:no-drop
}
.pagination-box .next,.pagination-box .prev {
	width:80px
}
.pagination-box .prev_disabled:hover,.pagination-box .next_disabled:hover {
	color:#e2e2e2 !important
}
.pagination-box .page_num {
	border:none
}
.pagination-box .prev::before,.pagination-box .prev_disabled::before {
	content:'?????????'
}
.pagination-box .next::before,.pagination-box .next_disabled::before {
	content:'?????????'
}
.searchlist-input-container {
	display:flex;
	width:100%;
	background:#fff;
	height:60px;
	border-radius:8px;
	padding-left:16px;
	overflow:hidden
}
.searchlist-input-container .key {
	flex:1
}
.searchlist-input-container .sub {
	height:60px;
	background:#0b357a;
	color:#fff;
	width:60px
}
.searchlist-input-container .sub:hover {
	background-color:#f11117;
	color:#fff
}
.index-container {
	height:100vh;
	width:100%
}
.index-container .swiper-slide {
	height:100vh
}
.home-banner .carousel-scroll {
	position:absolute;
	left:3%;
	bottom:4%;
	border:2px rgba(255,255,255,0.5) solid;
	width:48px;
	height:48px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:10;
	border-radius:50%;
	cursor:pointer;
	overflow:hidden
}
.home-banner .carousel-scroll .icon {
	position:absolute;
	color:rgba(255,255,255,0.5);
	animation:downico 1.5s ease-out infinite
}
.home-banner .btns {
	position:absolute;
	right:3%;
	bottom:4%;
	display:flex;
	align-items:center;
	z-index:2
}
.home-banner .btns div {
	display:flex;
	align-items:center;
	color:rgba(255,255,255,0.5);
	font-size:12px
}
.home-banner .btns .index-button-prev .icon {
	transform:rotate(180deg)
}
.home-banner .btns .index-button-prev:hover {
	color:rgba(255,255,255,0.8)
}
.home-banner .btns .index-button-prev:hover .icon {
	color:rgba(255,255,255,0.8)
}
.home-banner .btns .index-button-next:hover {
	color:rgba(255,255,255,0.8)
}
.home-banner .btns .index-button-next:hover .icon {
	color:rgba(255,255,255,0.8)
}
.home-banner .btns .index-pagination span {
	font-size:16px;
	margin:0 2px
}
.home-banner .btns .index-pagination .swiper-pagination-current {
	color:rgba(255,255,255,0.8);
	font-size:18px
}
.home-banner .btns .icon {
	color:rgba(255,255,255,0.5)
}
.home-product .content-item {
	display:flex;
	 
}
 
.home-product ul {
	  width:100%;
}
.home-product ul li {
	width:24%; float:left;
	margin-bottom:0%;margin-left:.5%;margin-right:.5%;
}
.home-product ul li a {
	 
	display:block
}
.home-product ul li a .imgwap{width: 100%;padding-bottom:100%;position: relative;overflow: hidden; border:1px solid #ddd;}
.home-product ul li a .imgwap img {
	width: 100%;height: 100%; position: absolute;top: 0;left: 0; 
}
.home-product ul li a h4 {
	 width:100%;height:45px;line-height:45px;text-align:center;font-size:16px;color:#000;
	 
}
.more {
	position:relative
}
.more::before {
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	right:0;
	width:3px;
	background-color:#0b357a;
	transition:.5s
}
.more .icon {
	transition:.5s
}
.more span {
	transition:.5s
}
.more:hover::before {
	width:100% !important
}
.more:hover .icon {
	transform:scale(2);
	color:#0b357a;
	opacity:0
}
.more:hover span {
	transform:translateX(-20px);
	color:#fff
}
.home-adv .more {
	width:180px;
	height:48px;
	box-sizing:border-box;
	position:relative;
	background:#0b357a
}
.home-adv ul li .item .text {
	height:70px;
	background:#f7f7f7;
	line-height:70px;
	text-align:center
}
.home-adv ul li .item h2 {
	position:absolute;
	left:16px;
	bottom:10px;
	font-size:160px;
	line-height:160px;
	color:#0b357a;
	transition:.6s
}
.home-adv ul li .item:hover h2 {
	transform:translateY(-30px)
}
.case-carousel .case-container .item {
	display:flex;
	background:url(img/case-bg.jpg);
	background-size:cover
}
.case-carousel .case-container .item .text {
	width:37.5%;
	padding-top:4.6%;
	padding-right:4.6%
}
.case-carousel .case-container .item .text .case-logo {
	display:flex;
	align-items:center;
	border-bottom:1px #dcdcdc solid
}
.case-carousel .case-container .item .text .case-logo img {
	width:115px
}
.case-carousel .case-container .item .text .case-logo h3 {
	border-left:1px #dcdcdc solid
}
.case-carousel .case-container .item .text .desc p {
	line-height:32px
}
.case-carousel .case-container .item .text .more {
	width:160px;
	height:42px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#100d12
}
.case-carousel .case-container .item .img {
	width:62.5%;
	padding-top:34.4%;
	position:relative;
	overflow:hidden
}
.case-carousel .case-pagination {
	position:absolute;
	bottom:4%;
	left:0;
	z-index:2
}
.case-carousel .case-pagination .swiper-pagination-current {
	font-size:20px;
	color:#0b357a
}
.case-carousel .btns {
	position:absolute;
	bottom:0;
	left:calc(37.5% - 60px);
	display:flex
}
.case-carousel .btns>div {
	width:60px;
	height:60px;
	position:relative;
	z-index:2;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff
}
.case-carousel .btns>div .icon {
	font-weight:100;
	color:#d4d4d4
}
.case-carousel .btns>div:hover {
	background:#0b357a
}
.case-carousel .btns>div:hover .icon {
	color:#fff
}
.light {
	position:relative;
	overflow:hidden
}
.light::after {
	position:absolute;
	top:0;
	left:-10%;
	z-index:2;
	display:block;
	content:'';
	width:60%;
	height:150%;
	opacity:0;
	background:-webkit-linear-gradient(left,rgba(254,177,33,0) 0%,rgba(254,177,33,0.3) 100%);
	background:linear-gradient(to right,rgba(254,177,33,0) 0%,rgba(254,177,33,0.3) 100%);
	-webkit-transform:skewX(-20deg);
	transform:skewX(-20deg)
}
.light:hover::after {
	-webkit-animation:shine 1s;
	animation:shine 1s;
	opacity:1
}
.home-case ol {
	display:flex;
	justify-content:space-around
}
.home-case ol li {
	display:flex;
	align-items:center
}
.home-case .client ul li .logo-img {
	background-color:#fafafa;
	display:flex;
	justify-content:center;
	align-items:center;
	height:108px;
	position:relative
}
.home-case .client ul li .logo-img::before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	background-color:#0b357a;
	overflow:hidden;
	width:0;
	transition:.5s
}
.home-case .client ul li .logo-img img {
	max-width:90%;
	max-height:90%
}
.home-case .client ul li .logo-img:hover::before {
	width:100%
}
.home-search {
	background:url(img/search-bg.jpg);
	background-size:cover;float:left;width:100%;margin:30px auto;
}
.home-search .content {
	display:flex;
	align-items:center;
	justify-content:space-between
}
.home-search .content form {
	display:flex;
	align-items:center;
	height:60px
}
.home-search .content form .add {
	display:flex;
	justify-content:space-between
}
.home-search .content form .add input {
	width:32%;
	border:1px #eee solid;
	height:60px;
	background:#fff
}
.home-search .content form button {
	height:100%;
	background:#100d12;
	display:flex;
	align-items:center
}
.home-search .content form button:hover {
	background-color:#0b357a
}
.home-service .content {
	display:flex
}
.home-service .content .img-text {
	width:77.5%
}
.home-service .content .img-text .main-ser {
	position:absolute;
	left:10%;
	top:10%;
	bottom:8%;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.home-service .content .img-text .main-ser .text .desc {
	line-height:32px;
	color:rgba(255,255,255,0.9)
}
.home-service .content .img-text .main-ser .btns a {
	width:160px;
	height:46px;
	position:relative;
	box-sizing:border-box
}
.home-service .content .img-text .main-ser .btns a:first-child {
	background:#fff;
	z-index:1
}
.home-service .content .img-text .main-ser .btns a:first-child::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:4px;
	background:#0b357a;
	transition:.5s;
	z-index:-1
}
.home-service .content .img-text .main-ser .btns a:first-child:hover {
	color:#fff
}
.home-service .content .img-text .main-ser .btns a:first-child:hover::before {
	width:100%
}
.home-service .content .img-text .main-ser .btns a:first-child:hover .icon {
	color:#fff
}
.home-service .content .img-text .main-ser .btns a:last-child {
	background:#f11117
}
.home-service .content .img-text .main-ser .btns a:last-child::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:0;
	background:#fff;
	transition:.5s
}
.home-service .content .img-text .main-ser .btns a:last-child span {
	position:relative;
	z-index:1
}
.home-service .content .img-text .main-ser .btns a:last-child:hover span {
	color:#0b357a
}
.home-service .content .img-text .main-ser .btns a:last-child:hover::before {
	width:100%
}
.home-service .content ul {
	width:22.5%;
	position:relative
}
.home-service .content ul li {
	width:100%;
	padding-top:100%;
	background:url(img/service-bg.jpg);
	background-size:cover;
	position:relative;
	z-index:1;
	overflow:hidden
}
.home-service .content ul li::before {
	content:'';
	position:absolute;
	right:50%;
	left:50%;
	top:50%;
	bottom:50%;
	background:#0b357a;
	z-index:-1;
	transition:.6s;
	border-radius:50%
}
.home-service .content ul li:last-child {
	position:absolute;
	right:100%;
	bottom:0;
	z-index:1
}
.home-service .content ul li .text {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	padding:13.8% 2% 2% 12%
}
.home-service .content ul li .text .desc {
	line-height:28px
}
.home-service .content ul li .text .ser-icon {
	position:absolute;
	right:10%;
	bottom:8%;
	display:flex;
	justify-content:center;
	align-items:center;
	width:98px;
	height:70px
}
.home-service .content ul li .text .ser-icon img {
	max-width:100%;
	max-height:100%
}
.home-service .content ul li .text .ser-icon .a {
	display:block
}
.home-service .content ul li .text .ser-icon .b {
	display:none
}
.home-service .content ul li.on::before {
	right:-50%;
	left:-50%;
	top:-50%;
	bottom:-50%
}
.home-service .content ul li.on .text h3 {
	color:#fff
}
.home-service .content ul li.on .text .desc {
	color:#fff
}
.home-service .content ul li.on .text .ser-icon .a {
	display:none
}
.home-service .content ul li.on .text .ser-icon .b {
	display:block
}
.home-service .process {
	background:url(img/line.png) no-repeat;
	background-position-y:bottom;
	background-size:100%
}
.home-service .process .btns a {
	width:160px;
	height:46px;
	position:relative;
	box-sizing:border-box
}
.home-service .process .btns a:first-child {
	background:#100d12;
	z-index:1
}
.home-service .process .btns a:first-child::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:4px;
	background:#0b357a;
	z-index:-1;
	transition:.5s
}
.home-service .process .btns a:first-child:hover {
	color:#fff
}
.home-service .process .btns a:first-child:hover::before {
	width:100%
}
.home-service .process .btns a:last-child {
	background:#fff;
	border:2px #100d12 solid;
	z-index:1
}
.home-service .process .btns a:last-child::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	transition:.5s;
	background:#100d12;
	z-index:-1
}
.home-service .process .btns a:last-child:hover {
	color:#fff
}
.home-service .process .btns a:last-child:hover .icon {
	color:#fff
}
.home-service .process .btns a:last-child:hover::before {
	width:100%
}
.home-service .process .right {
	padding-right:64px;
	position:relative
}
.home-service .process .right::before {
	content:'';
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background:url(img/pro-icon.png) no-repeat;
	width:60px;
	background-size:100%;
	background-position:center center
}
.home-service .process .right ul {
	display:flex;
	align-items:center
}
.home-service .process .right ul li {
	margin:0 20px;
	display:flex;
	align-items:center
}
.home-service .process .right ul li h4 {
	position:relative;
	z-index:1
}
.home-service .process .right ul li h4 span {
	transition:.5s;
	display:block
}
.home-service .process .right ul li h4::before {
	content:'';
	z-index:-1;
	position:absolute;
	right:0;
	top:0;
	width:16px;
	height:16px;
	border-radius:50%;
	background:rgba(255,178,34,0.2);
	transition:.5s
}
.home-service .process .right ul li .icon {
	color:#e2e2e3
}
.home-service .process .right ul li.fz .icon {
	transform:rotate(180deg)
}
.home-service .process .right ul li:hover h4 span {
	transform:translateY(-10px)
}
.home-service .process .right ul li:hover h4::before {
	width:32px;
	height:32px;
	background:rgba(255,178,34,0.7)
}
.home-news .nav {
	justify-content:center
}
.home-news .nav li a {
	position:relative;
	z-index:1;
	display:flex
}
.home-news .nav li a span {
	display:block
}
.home-news .nav li a::before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
	right:0;
	height:0;
	transition:.3s;
	overflow:hidden;
	background-color:#0b357a
}
.home-news .nav li a:hover span,.home-news .nav li a.active span {
	-webkit-animation:gotop .5s;
	animation:gotop .5s;
	color:#333
}
.home-news .nav li a:hover::before,.home-news .nav li a.active::before {
	height:4px
}
.news-container ul li a .img {
	width:66.25%;
	padding-top:37.5%;
	position:relative;
	overflow:hidden;
	border:1px #eee solid
}
.news-container ul li a .text {
	flex:1;
	padding:4%;
	background-color:#0b357a
}
.news-container ul li a .text .info {
	margin-top:16%
}
.news-container ul li a .text .info .desc {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden;
	line-height:28px
}
.news-container ul li a .text .info span {
	width:152px;
	height:42px;
	background-color:#fff;
	display:flex;
	justify-content:center;
	align-items:center
}
.news-container ul li a .rate {
	position:absolute;
	left:66.25%;
	margin-left:4%;
	bottom:6%;
	width:102px;
	height:2px;
	background-color:#f4efe5
}
.news-container ul li a .rate::after {
	content:'';
	position:absolute;
	left:0;
	height:2px;
	bottom:0;
	z-index:2;
	width:0;
	background-color:#100d12
}
.news-container ul li.swiper-slide-active .rate::after {
	-webkit-animation:goright linear 4.5s forwards;
	animation:goright linear 4.5s forwards
}
.news-container .news-pagination {
	position:absolute;
	left:66.25%;
	padding-left:4%;
	bottom:8%;
	z-index:2
}
.news-container .news-pagination span {
	font-size:16px;
	color:#707070
}
.news-container .news-pagination span.swiper-pagination-current {
	font-size:24px;
	color:#100d12
}
.news-list ol li a {
	background:url(img/service-bg.jpg);
	background-size:cover;
	height:100%
}
.news-list ol li a .img {
	padding-top:64%;
	position:relative;
	overflow:hidden;
	border:1px #eee solid
}
.news-list ol li a .text {
	overflow:hidden;
	z-index:1;
	position:relative
}
.news-list ol li a .text h4 {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden;
	line-height:36px;
	transition:.5s
}
.news-list ol li a .text p {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden;
	line-height:28px;
	transition:.5s
}
.news-list ol li a .text span {
	transition:.5s
}
.news-list ol li a .text .enter {
	position:relative
}
.news-list ol li a .text .enter::after {
	content:'';
	position:absolute;
	right:50%;
	bottom:50%;
	left:50%;
	top:50%;
	background:#0b357a;
	border-radius:50%;
	transition:.8s;
	overflow:hidden;
	z-index:-1
}
.news-list ol li a .text .enter .icon {
	display:block;
	color:#858585;
	transition:.5s
}
.news-list ol li a:hover .img img {
	transform:scale(1.05)
}
.news-list ol li a:hover .text h4,.news-list ol li a:hover .text p,.news-list ol li a:hover .text span {
	color:#fff
}
.news-list ol li a:hover .text .enter::after {
	right:-600px;
	bottom:-600px;
	left:-600px;
	top:-600px
}
.news-list ol li a:hover .text .enter .icon {
	transform:translateX(60px);
	color:#fff
}
.page-banner .text {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column
}
.page-banner .text p {
	color:rgba(255,255,255,0.8)
}
.page-banner .text form {
	width:600px;
	border:1px #696969 solid;
	border-radius:30px;
	height:60px;
	background:rgba(255,255,255,0.2)
}
.page-banner .text form input {
	flex:1;
	height:100%;
	color:rgba(255,255,255,0.7)
}
.page-banner .text form .sub .icon {
	color:rgba(255,255,255,0.7)
}
.page-banner .text form .sub:hover .icon {
	color:#0b357a
}
.product-list ul li .item .img {
	padding-top:100%;
	position:relative;
	border:1px #dddddd solid
}
.product-list ul li .item .img .look {
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	opacity:0;
	transition:.3s
}
.product-list ul li .item .img .look .icon {
	transition:.5s;
	transform:translateY(30px);
	color:rgba(255,255,255,0.9)
}
.product-list ul li .item .img .look span {
	transition:.5s;
	transform:translateY(-30px);
	color:rgba(255,255,255,0.9)
}
.product-list ul li .item .img img {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	margin:auto;
	max-width:90%;
	max-height:90%
}
.product-list ul li .item:hover .img .look {
	opacity:1
}
.product-list ul li .item:hover .img .look .icon {
	transform:translateY(0)
}
.product-list ul li .item:hover .img .look span {
	transform:translateY(0)
}
.page-position {
	background:#f7f7f7
}
.page-position .back:hover {
	color:#0b357a
}
.page-position .back:hover .icon {
	color:#0b357a
}
.product-page .content .pro-menu {
	width:248px
}
.product-page .content .pro-menu ol>.item {
	border:1px #ddd solid;
	margin-bottom:-1px
}
.product-page .content .pro-menu ol>.item>h3,.product-page .content .pro-menu ol>.item>a {
	cursor:pointer;
	position:relative;
	transition:.5s;
	height:62px
}
.product-page .content .pro-menu ol>.item>h3 span,.product-page .content .pro-menu ol>.item>a span {
	transition:.5s
}
.product-page .content .pro-menu ol>.item>h3 .icon,.product-page .content .pro-menu ol>.item>a .icon {
	transition:.5s;
	font-size:18px
}
.product-page .content .pro-menu ol>.item>h3:hover span,.product-page .content .pro-menu ol>.item>a:hover span {
	transform:translateX(6px)
}
.product-page .content .pro-menu ol>.item:nth-child(even) h3,.product-page .content .pro-menu ol>.item:nth-child(even) a {
	background:#fafafa
}
.product-page .content .pro-menu ol>.item .pro-nav-title {
	display:none
}
.product-page .content .pro-menu ol>.item .pro-nav-title .cell {
	background:#fafafa
}
.product-page .content .pro-menu ol>.item .pro-nav-title .cell a {
	height:50px;
	position:relative
}
.product-page .content .pro-menu ol>.item .pro-nav-title .cell a::before {
	content:'';
	top:50%;
	bottom:0;
	left:0;
	width:0;
	height:1px;
	overflow:hidden;
	transition:.5s;
	background:#f11117
}
.product-page .content .pro-menu ol>.item .pro-nav-title .cell a:hover::before {
	width:30px;
	margin-right:16px
}
.product-page .content .pro-menu ol>.item .pro-nav-title .cell a:hover span {
	color:#f11117
}
.product-page .content .pro-menu ol>.item .pro-nav-title .cell .active::before {
	width:30px;
	margin-right:16px
}
.product-page .content .pro-menu ol>.item .pro-nav-title .cell .active span {
	color:#f11117
}
.product-page .content .pro-menu ol>.item.active {
	border:1px #0b357a solid;
	margin-bottom:0
}
.product-page .content .pro-menu ol>.item.active>h3,.product-page .content .pro-menu ol>.item.active>a {
	background:#0b357a
}
.product-page .content .pro-menu ol>.item.active>h3 span,.product-page .content .pro-menu ol>.item.active>a span {
	color:#fff
}
.product-page .content .pro-menu ol>.item.active>h3 .icon,.product-page .content .pro-menu ol>.item.active>a .icon {
	transform:rotate(90deg);
	color:#fff
}
.product-page .content .pro-menu ol>.item.active .pro-nav-title {
	display:block
}
.product-page .content .pro-menu ol>.item.active>a {
	font-weight:bold
}
.product-page .content .pro-menu h3.title {
	border-bottom:1px #ddd solid;
	position:relative
}
.product-page .content .pro-menu h3.title::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	display:flex;
	height:16px;
	width:3px;
	background:#0b357a;
	margin:auto
}
.product-page .content .pro-menu .contact {
	border:1px #ddd solid;
	background:#fff
}
.product-page .content .pro-menu .contact .tel span {
	width:34px;
	height:34px;
	border-radius:50%;
	border:1px #bbb solid;
	display:flex;
	justify-content:center;
	align-items:center
}
.product-page .content .pro-menu .contact .tel p {
	color:#696969
}
.product-page .content .pro-menu .contact a {
	width:100%;
	height:42px;
	background:#8b6657
}
.product-page .content .pro-menu .contact a:hover {
	color:rgba(255,255,255,0.8)
}
.product-page .content .pro-menu .related h3 {
	border:1px #ddd solid;
	margin-bottom:-1px
}
.product-page .content .productu-info {
	width:calc(100% - 248px);
	margin-left:16px;
	border:1px #ddd solid;height:100%;line-height:35px;
}
.product-page .content .productu-info .introduce .atlas-container {
	border:1px #eeeeee solid
}
.product-page .content .productu-info .introduce .atlas-container .img {
	padding-top:100%;
	position:relative
}
.product-page .content .productu-info .introduce .atlas-container .img img {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	margin:auto;
	max-width:90%;
	max-height:90%
}
.product-page .content .productu-info .introduce .atlas-thumb ul li {
	padding-top:19%;
	border:1px #eeeeee solid;
	position:relative;
	cursor:pointer
}
.product-page .content .productu-info .introduce .atlas-thumb ul li img {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	margin:auto;
	max-width:90%;
	max-height:90%
}
.product-page .content .productu-info .introduce .atlas-thumb ul li.swiper-slide-thumb-active {
	border-color:#0b357a
}
.product-page .content .productu-info .introduce .series h2 {
	border-bottom:1px #eeeeee solid
}
.product-page .content .productu-info .introduce .series .desc {
	line-height:36px
}
.product-page .content .productu-info .introduce .series .tel>.icon {
	color:#0b357a
}
.product-page .content .productu-info .introduce .series .tel a {
	width:180px;
	height:42px;
	background:#100d12;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative
}
.product-page .content .productu-info .introduce .series .tel a::before {
	content:'';
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background:#0b357a;
	width:3px;
	transition:.5s
}
.product-page .content .productu-info .introduce .series .pages p {
	color:#9c9c9c
}
.product-page .content .productu-info .introduce .series .pages a {
	color:#9c9c9c
}
.product-page .content .productu-info .introduce .series .pages a:hover {
	color:#0b357a
}
.product-page .content .productu-info .nav-common {
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	background:#f7f7f7
}
.product-page .content .productu-info .nav-common li a {
	height:70px;
	position:relative
}
.product-page .content .productu-info .nav-common li a::before {
	content:'';
	position:absolute;
	left:0;
	bottom:-1px;
	width:0;
	transition:.5s;
	background:#0b357a;
	height:1px
}
.product-page .content .productu-info .nav-common li a.active,.product-page .content .productu-info .nav-common li a:hover {
	color:#0b357a
}
.product-page .content .productu-info .nav-common li a.active::before,.product-page .content .productu-info .nav-common li a:hover::before {
	width:100%
}
.product-page .content .productu-info .details img {
	max-width:100%;
	display:block
}
.product-page .content .productu-info .commission ul {
	border-bottom:1px #ddd solid
}
.product-page .content .productu-info .commission ul li span {
	position:relative;
	z-index:1
}
.product-page .content .productu-info .commission ul li span::before {
	content:'';
	position:absolute;
	top:-4px;
	right:-4px;
	width:20px;
	height:20px;
	border-radius:50%;
	background:rgba(255,178,34,0.2)
}
.product-page .content .productu-info .commission ul li p {
	border:1px #c6c4c5 solid;
	position:relative
}
.product-page .content .productu-info .commission form .item {
	display:flex;
	background:#fff;
	position:relative;
	border:1px #ddd solid
}
.product-page .content .productu-info .commission form .item input {
	height:60px;
	width:100%;
	font-size:14px;
	color:#666;
	padding:0 6px;
	box-sizing:border-box
}
.product-page .content .productu-info .commission form .error span {
	position:absolute;
	top:100%;
	left:0;
	font-size:12px;
	color:red
}
.product-page .content .productu-info .commission form textarea {
	border:1px #ddd solid;
	width:100%;
	height:160px;
	border:none;
	padding:1rem 6px;
	box-sizing:border-box;
	font-size:14px;
	color:#666;
	resize:none;
	background:#fff
}
.product-page .content .productu-info .commission form .btn-1 {
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	height:60px;
	margin:auto;
	background-color:#c9c9ca;
	font-size:18px;
	color:#fff;
	transition:.5s
}
.product-page .content .productu-info .commission form .btn-1:hover {
	background:#0b357a;
	color:#fff
}
.product-page .content .productu-info .company-info .img {
	position:relative
}
.product-page .content .productu-info .company-info .text {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;
	padding:8%
}
.product-page .content .productu-info .company-info .text .top {
	display:flex;
	flex-direction:column;
	align-items:center
}
.product-page .content .productu-info .company-info .text a {
	width:180px;
	height:48px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	background:#100d12
}
.product-page .content .productu-info .company-info .text a::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:3px;
	background:#0b357a
}
.product-page .content .productu-info .company-info .text ul {
	width:100%;
	display:flex;
	justify-content:space-evenly
}
.product-page .content .productu-info .company-info .text ul li {
	display:flex;
	flex-direction:column;
	align-items:center
}
.product-page .content .productu-info .company-info .text ul li h2 {
	color:#0b357a
}
.product-page .content .productu-info .company-info .text ul li p {
	color:#f7f7f7
}
.case-list ul li .item .img {
	padding-top:60%;
	position:relative;
	overflow:hidden
}
.case-list ul li .item .img .mark {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
	opacity:0;
	background-color:rgba(0,0,0,0.3);
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;
	transition:.3s
}
.case-list ul li .item .img .mark span {
	width:120px;
	height:120px;
	background-color:rgba(255,255,255,0.2);
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	transition:.6s;
	transform:translateY(-50px)
}
.case-list ul li .item .img .mark span .icon {
	font-size:40px;
	color:rgba(255,255,255,0.9)
}
.case-list ul li .item .text {
	border:1px #ddd solid;
	height:98px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.case-list ul li .item .text .case-logo {
	border-left:1px #ddd solid
}
.case-list ul li .item .text .case-logo img {
	max-width:110px;
	max-height:80px

}
.case-list ul li .item:hover .mark {
	opacity:1
}
.case-list ul li .item:hover .mark span {
	transform:translateY(0)
}
.case-list ul li .item:hover h4 {
	color:#0b357a
}
.case-page .case-info {
	width:calc(100% - 248px);
	margin-right:16px;
	border:1px #ddd solid
}
.case-page .case-info .text {
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px #ddd solid
}
.case-page .case-info .text .case-logo {
	border-right:1px #ddd solid;
	width:240px;
	height:110px;
	display:flex;
	justify-content:center;
	align-items:center
}
.case-page .case-info .text .case-logo img {
	max-width:90%;
	max-height:90%
}
.case-page .case-info .text .desc {
	line-height:26px
}
.case-page .case-info .atlas .atlas-container .img {
	padding-top:56%;
	position:relative;
	overflow:hidden
}
.case-page .case-info .atlas .thumb-item {
	padding:0 60px;
	display:flex;
	justify-content:center
}
.case-page .case-info .atlas .thumb-item .atlas-thumb {
	width:60%
}
.case-page .case-info .atlas .thumb-item ul li {
	padding-top:12%;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	border:2px rgba(255,255,255,0) solid
}
.case-page .case-info .atlas .thumb-item ul .swiper-slide-thumb-active {
	border-color:#0b357a
}
.case-page .case-info .atlas .thumb-item .btns>div {
	width:56px;
	height:56px;
	top:0;
	position:absolute;
	bottom:0;
	display:flex;
	margin:auto;
	justify-content:center;
	align-items:center;
	border:1px #ddd solid
}
.case-page .case-info .atlas .thumb-item .btns>div .icon {
	color:#dddd
}
.case-page .case-info .atlas .thumb-item .btns>div:hover {
	border-color:#0b357a;
	background-color:#0b357a
}
.case-page .case-info .atlas .thumb-item .btns>div:hover .icon {
	color:#fff
}
.case-page .case-info .atlas .thumb-item .btns>div.button-prev {
	left:0
}
.case-page .case-info .atlas .thumb-item .btns>div.button-next {
	right:0
}
.case-page .case-info .title {
	display:flex;
	height:70px;
	align-items:center;
	background-color:#f7f7f7;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid
}
.case-page .case-info .details {
	line-height:30px
}
.case-page .case-info .details img {
	max-width:100%
}
.case-page .related {
	width:248px
}
.case-page .related h3 {
	border-bottom:1px #ddd solid;
	position:relative
}
.case-page .related h3::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	display:flex;
	height:16px;
	width:3px;
	background:#0b357a;
	margin:auto
}
.client-list ul li .item {
	padding-top:54%;
	position:relative;
	overflow:hidden;
	background:#fbfbfb;
	border:1px #ddd solid
}
.client-list ul li .item::before {
	content:'';
	position:absolute;
	top:50%;
	right:50%;
	left:50%;
	bottom:50%;
	background:#0b357a;
	opacity:.8;
	z-index:1;
	overflow:hidden;
	transition:.8s;
	border-radius:50%
}
.client-list ul li .item img {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	margin:auto;
	max-width:100%;
	max-height:100%
}
.client-list ul li .item h3 {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:2;
	opacity:0
}
.client-list ul li .item:hover::before {
	left:-50%;
	right:-50%;
	bottom:-50%;
	top:-50%
}
.client-list ul li .item:hover h3 {
	opacity:1
}
.customize-page .section1 ul li .item .text {
	position:relative;
	background:url(img/service-bg.jpg);
	background-size:cover
}
.customize-page .section1 ul li .item .text span {
	border:1px #707070 solid;
	display:flex;
	justify-content:center;
	align-items:center;
	width:140px;
	height:40px;
	position:relative;
	z-index:1
}
.customize-page .section1 ul li .item .text span::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	transition:.5s;
	z-index:-1;
	overflow:hidden;
	background:#0b357a
}
.customize-page .section1 ul li .item .text span:hover {
	border-color:#0b357a;
	color:#fff
}
.customize-page .section1 ul li .item .text span:hover::before {
	width:100%
}
.customize-page .section1 ul li .item .text h3 {
	color:#1c1f2a
}
.customize-page .section1 ul li .item .text h5 {
	position:absolute;
	line-height:60px;
	right:2%;
	top:-30px;
	color:#0b357a
}
.customize-page .btns a {
	position:relative;
	width:160px;
	height:46px;
	background:#100d12
}
.customize-page .btns a::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:3px;
	background:#0b357a
}
.customize-page .btns p {
	width:182px;
	height:46px;
	border:1px #c9c9ca solid
}
.customize-page .section2 ul li {
	display:flex
}
.customize-page .section2 ul li:nth-child(even) {
	flex-direction:row-reverse
}
.customize-page .section2 ul li .img {
	width:50%
}
.customize-page .section2 ul li .text {
	width:50%;
	background:url(img/service-bg.jpg);
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:relative;
	padding:5%;
	box-sizing:border-box
}
.customize-page .section2 ul li .text h5 {
	position:absolute;
	line-height:50px;
	letter-spacing:-1px;
	bottom:0;
	right:4%;
	color:#efefef
}
.customize-page .section2 ul li .text .desc {
	line-height:32px
}
.customize-page .section2 ul li .text a {
	border:1px #707070 solid;
	display:flex;
	justify-content:center;
	align-items:center;
	width:140px;
	height:40px;
	position:relative;
	z-index:1
}
.customize-page .section2 ul li .text a::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	transition:.5s;
	z-index:-1;
	overflow:hidden;
	background:#0b357a
}
.customize-page .section2 ul li .text a:hover {
	color:#fff;
	border-color:#0b357a
}
.customize-page .section2 ul li .text a:hover::before {
	width:100%
}
.customize-page .section3 {
	background:url(img/case-bg.jpg);
	background-size:cover
}
.customize-page .section3 ul {
	display:flex;
	justify-content:space-between
}
.customize-page .section3 ul li {
	display:flex;
	align-items:center;
	flex-direction:column
}
.customize-page .section3 ul li h4 {
	position:relative;
	z-index:1
}
.customize-page .section3 ul li h4 span {
	transition:.5s;
	display:block
}
.customize-page .section3 ul li h4::before {
	content:'';
	z-index:-1;
	position:absolute;
	right:0;
	top:0;
	width:16px;
	height:16px;
	border-radius:50%;
	background:rgba(255,178,34,0.2);
	transition:.5s
}
.customize-page .section3 ul li .icon {
	color:#e2e2e3
}
.customize-page .section3 ul li:hover h4 span {
	transform:translateY(-10px)
}
.customize-page .section3 ul li:hover h4::before {
	width:32px;
	height:32px;
	background:rgba(255,178,34,0.7)
}
.form-info form {
	width:1300px;
	margin:auto
}
.form-info form .item {
	display:flex;
	background:#fff;
	position:relative;
	border:1px #ddd solid
}
.form-info form .item input {
	height:60px;
	width:100%;
	font-size:14px;
	color:#666;
	padding:0 6px;
	box-sizing:border-box
}
.form-info form .error span {
	position:absolute;
	top:100%;
	left:0;
	font-size:12px;
	color:red
}
.form-info form textarea {
	border:1px #ddd solid;
	width:100%;
	height:160px;
	border:none;
	padding:1rem 6px;
	box-sizing:border-box;
	font-size:14px;
	color:#666;
	resize:none;
	background:#fff
}
.form-info form .btn-1 {
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	height:60px;
	margin:auto;
	background-color:#c9c9ca;
	font-size:18px;
	color:#fff
}
.form-info form .btn-1:hover {
	color:#fff;
	background:#0b357a
}
.question-page .section1 .content .text {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:860px;
	display:flex;
	margin:auto;
	justify-content:space-between;
	align-items:center;
	background:#fff;
	height:540px
}
.question-page .section1 .content .text .zx {
	width:40%;
	background:url(img/service1.jpg);
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100%
}
.question-page .section1 .content .text .zx .btns a {
	width:140px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative
}
.question-page .section1 .content .text .zx .btns a:first-child {
	background:#0b357a;
	z-index:1
}
.question-page .section1 .content .text .zx .btns a:first-child::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background:#fff;
	transition:.5s;
	z-index:-1
}
.question-page .section1 .content .text .zx .btns a:first-child:hover {
	color:#0b357a
}
.question-page .section1 .content .text .zx .btns a:first-child:hover::before {
	width:100%
}
.question-page .section1 .content .text .zx .btns a:last-child {
	border:1px #c9c9ca solid;
	z-index:1
}
.question-page .section1 .content .text .zx .btns a:last-child::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background:#0b357a;
	transition:.5s;
	z-index:-1
}
.question-page .section1 .content .text .zx .btns a:last-child:hover {
	color:#fff
}
.question-page .section1 .content .text .zx .btns a:last-child:hover::before {
	width:100%
}
.question-page .section1 .content .text .zx p {
	color:#c9c9ca
}
.question-page .section1 .content .text .zx p .icon {
	font-size:#c9c9ca
}
.question-page .section1 .content .text .img {
	width:50%
}
.question-page .section1 .content .text .img img {
	max-width:100%
}
.question-page .section2 .content {
	display:flex
}
.question-page .section2 .content .text {
	width:50%;
	background:url(img/service-bg.jpg);
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-right:4%
}
.question-page .section2 .content .text .desc {
	line-height:24px
}
.question-page .section2 .content .text ul li {
	border:1px #c9c9ca solid;
	background:#fff
}
.question-page .section2 .content .text ul li .ser {
	cursor:pointer
}
.question-page .section2 .content .text ul li .ser h3 {
	transition:.5s
}
.question-page .section2 .content .text ul li .ser .fx .a {
	display:none
}
.question-page .section2 .content .text ul li .ser .fx .b {
	display:block
}
.question-page .section2 .content .text ul li .ser:hover h3 {
	transform:translateX(20px)
}
.question-page .section2 .content .text ul li .answer {
	border-top:1px #eee solid;
	line-height:30px
}
.question-page .section2 .content .text ul li .collapsed .fx .a {
	display:block
}
.question-page .section2 .content .text ul li .collapsed .fx .b {
	display:none
}
.question-page .section2 .content .img {
	width:50%
}
.question-page .section2 .content .img img {
	object-fit:cover
}
.question-page .section3 ul {
	padding:2px 0
}
.question-page .section3 ul li {
	border:1px #ddd solid;
	margin-top:-1px
}
.question-page .section3 ul li:nth-child(even) {
	background:#f8f8f8
}
.question-page .section3 ul li .title {
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer
}
.question-page .section3 ul li .title h3 {
	display:flex;
	align-items:center;
	transition:.5s
}
.question-page .section3 ul li .title h3 span {
	width:24px;
	height:26px;
	border-radius:2px;
	background:#1c1f2a;
	display:flex;
	justify-content:center;
	align-items:center
}
.question-page .section3 ul li .title:hover h3 {
	transform:translateX(20px)
}
.question-page .section3 ul li .title .fx .a {
	display:none
}
.question-page .section3 ul li .title .fx .b {
	display:block
}
.question-page .section3 ul li .collapsed .fx .a {
	display:block
}
.question-page .section3 ul li .collapsed .fx .b {
	display:none
}
.question-page .section3 ul li .desc {
	border-top:1px #eee solid;
	line-height:36px
}
.question-page .section3 ul li .desc a {
	width:140px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#0b357a
}
.question-page .section3 .more {
	height:70px;
	display:flex;
	background:#f8f8f8;
	width:100%;
	align-items:center;
	justify-content:center;
	transition:.5s;
	z-index:1
}
.question-page .section3 .more::before {
	z-index:-1
}
.question-page .section3 .more:hover {
	color:#fff
}
.about-page .section1 .content .img img {
	object-fit:cover
}
.about-page .section1 .content .text {
	padding:2% 0 2% 8%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.about-page .section1 .content .text .desc {
	line-height:30px
}
.about-page .section1 .content .text .desc p {
	margin-bottom:16px
}
.about-page .section1 .content .text .desc p:last-child {
	margin-bottom:0
}
.about-page .section1 .content .text a {
	width:160px;
	height:46px;
	position:relative;
	background:#0b357a
}
.about-page .section1 .content .text a::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:3px;
	background:#0b357a
}

.about-page .section1 .content .text1 {
	padding:2% 0 2% 0;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.about-page .section1 .content .text1 .desc {
	line-height:30px
}
.about-page .section1 .content .text1 .desc p {
	margin-bottom:16px
}
.about-page .section1 .content .text1 .desc p:last-child {
	margin-bottom:0
}
.about-page .section1 .content .text1 a {
	width:160px;
	height:46px;
	position:relative;
	background:#0b357a
}
.about-page .section1 .content .text1 a::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:3px;
	background:#0b357a
}
.about-page .section1 .adv {
	background:url(img/bg.jpg);
	background-size:cover
}
.about-page .section1 .adv ol {
	display:flex;
	justify-content:space-between
}
.about-page .section1 .adv ol li {
	display:flex;
	align-items:center
}
.about-page .section2 .info,.about-page .section3 .info {
	line-height:30px
}
.about-page .section2 ul>li,.about-page .section3 ul>li {
	display:flex
}
.about-page .section2 ul>li:nth-child(even),.about-page .section3 ul>li:nth-child(even) {
	flex-direction:row-reverse
}
.about-page .section2 ul>li .img,.about-page .section3 ul>li .img {
	width:50%
}
.about-page .section2 ul>li .img img,.about-page .section3 ul>li .img img {
	object-fit:cover
}
.about-page .section2 ul>li .text,.about-page .section3 ul>li .text {
	width:50%;
	background:url(img/service-bg.jpg);
	background-size:cover;
	padding:6%;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.about-page .section2 ul>li .text .desc,.about-page .section3 ul>li .text .desc {
	line-height:32px
}
.about-page .section4 {
	background:url(img/about-bg.jpg);
	background-size:cover
}
.about-page .section4 .content {
	display:flex;
	justify-content:center;
	align-items:center
}
.about-page .section4 .content .text h4 {
	color:#c9c9ca
}
.about-page .section4 .content .text a {
	width:180px;
	height:46px;
	border:1px #fff solid;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	z-index:1
}
.about-page .section4 .content .text a::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	overflow:hidden;
	transition:.5s;
	background:#0b357a;
	z-index:-1
}
.about-page .section4 .content .text a:hover {
	color:#fff
}
.about-page .section4 .content .text a:hover::before {
	width:100%
}
.culture-page .section1 .text {
	padding:2% 0 2% 8%
}
.culture-page .section1 .text .desc {
	line-height:30px
}
.culture-page .section1 .text .desc p {
	margin-bottom:16px
}
.culture-page .section1 .text .desc p:last-child {
	margin-bottom:0
}
.culture-page .section1 .text a {
	width:160px;
	height:46px;
	position:relative;
	background:#100d12
}
.culture-page .section1 .text a::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:3px;
	background:#0b357a
}
.culture-page .section2 {
	background:url(img/culture2.jpg);
	background-size:cover;
	background-attachment:fixed;
	display:flex;
	justify-content:center;
	align-items:center
}
.culture-page .section2 .content {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	background-color:rgba(255,178,34,0.8)
}
.culture-page .section2 .content .icon {
	font-size:120px
}
.culture-page .section2 .content p {
	line-height:30px
}
.culture-page .section3 .text {
	height:100%;
	background:url(img/service-bg.jpg);
	background-size:cover;
	padding-left:8%;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.culture-page .section3 .text .desc {
	line-height:32px
}
.culture-page .section4 ul li .img {
	padding-top:56%;
	position:relative;
	overflow:hidden;
	opacity:.6;
	transition:.5s
}
.culture-page .section4 ul li.swiper-slide-active .img {
	opacity:1
}
.culture-page .section4 .btns>div {
	width:56px;
	height:56px;
	top:0;
	position:absolute;
	bottom:0;
	display:flex;
	margin:auto;
	justify-content:center;
	align-items:center;
	border:1px #ddd solid;
	z-index:2
}
.culture-page .section4 .btns>div .icon {
	color:#dddd
}
.culture-page .section4 .btns>div:hover {
	border-color:#0b357a;
	background-color:#0b357a
}
.culture-page .section4 .btns>div:hover .icon {
	color:#fff
}
.culture-page .section4 .btns>div.button-prev {
	left:calc(20% - 11px)
}
.culture-page .section4 .btns>div.button-next {
	right:calc(20% - 11px)
}
.honor-list ul li .item {
	border:1px #eee solid;
	position:relative
}
.honor-list ul li .item::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:1;
	background:rgba(255,178,34,0.8);
	opacity:0;
	transition:.5s
}
.honor-list ul li .item .img {
	padding-top:128%;
	position:relative
}
.honor-list ul li .item .img img {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	margin:auto;
	max-width:90%;
	max-height:90%
}
.honor-list ul li .item h4 {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:12%;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:2;
	transition:.5s
}
.honor-list ul li .item:hover::before {
	opacity:1
}
.honor-list ul li .item:hover h4 {
	color:#fff;
	height:100%
}
.setting-list ul li .item .img {
	padding-top:64%;
	position:relative;
	overflow:hidden
}
.setting-list ul li .item:hover img {
	transform:scale(1.1)
}
.contact-page .content ul li {
	display:flex
}
.contact-page .content ul li:nth-child(even) {
	flex-direction:row-reverse
}
.contact-page .content ul li .img {
	width:50%
}
.contact-page .content ul li .img img {
	object-fit:cover
}
.contact-page .content ul li .text {
	width:50%;
	background:url(img/service-bg.jpg);
	background-size:cover;
	padding:0 6%;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.contact-page .content ul li .text .desc {
	line-height:32px
}
.contact-page .content ul li .text .btns {
	display:flex
}
.contact-page .content ul li .text .al {
	height:46px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#ff6003;
	position:relative;
	width:200px;
	z-index:1
}
.contact-page .content ul li .text .al::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:4px;
	background:#100d12;
	z-index:-1;
	transition:.5s
}
.contact-page .content ul li .text .al:hover {
	color:#fff
}
.contact-page .content ul li .text .al:hover .icon {
	color:#fff
}
.contact-page .content ul li .text .al:hover::before {
	width:100%
}
.contact-page .content ul li .text .dh {
	height:46px;
	display:flex;
	justify-content:center;
	align-items:center;
	border:2px #100d12 solid;
	width:160px;
	position:relative;
	z-index:1
}
.contact-page .content ul li .text .dh::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background:#0b357a;
	overflow:hidden;
	transition:.5s;
	z-index:-1
}
.contact-page .content ul li .text .dh:hover {
	border-color:#0b357a;
	color:#fff
}
.contact-page .content ul li .text .dh:hover .icon {
	color:#fff
}
.contact-page .content ul li .text .dh:hover::before {
	width:100%
}
.product-filter ul li {
	display:flex
}
.product-filter ul li h4 {
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#f7f7f7;
	border-bottom:1px #fff solid;
	box-sizing:border-box;
	min-width:160px
}
.product-filter ul li>div {
	border:1px #eee solid;
	border-left:none;
	margin-bottom:-1px
}
.product-filter ul li>div a {
	margin-right:40px;
	color:#707070;
	font-size:14px;
	line-height:30px
}
.product-filter ul li>div a:hover {
	color:#0b357a
}
.product-filter ul li>div a:first-child {
	font-size:16px;
	color:#100d12;
	line-height:20px
}
.product-filter ul li>div a:first-child:hover {
	color:#fff
}
.product-filter ul li>div a.active {
	background-color:#0b357a;
	color:#fff;
	border-radius:4px
}
.product-filter ul li>div a.cur {
	color:#0b357a
}
.chosen .item a {
	font-size:14px;
	padding:4px 8px;
	color:#707070;
	display:flex;
	align-items:center;
	background-color:#f7f7f7;
	border:1px #ddd solid;
	margin-right:4px
}
.chosen .item a:hover {
	background-color:#0b357a;
	border-color:#0b357a;
	color:#fff
}
.chosen .item a:hover .icon {
	color:#fff
}
.chosen .empty:hover {
	color:#0b357a
}
.chosen .empty:hover .icon {
	color:#0b357a
}
.code-popus {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:rgba(0,0,0,0.6);
	z-index:999;
	display:none;
	justify-content:center;
	align-items:center
}
.code-popus>div {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	width:280px;
	height:280px;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column
}
.code-popus>div img {
	width:130px;
	height:130px
}
.code-popus>div .icon {
	position:absolute;
	top:24px;
	right:24px;
	color:#0b357a;
	cursor:pointer;
	transition:.5s
}
.code-popus>div .icon:hover {
	transform:rotate(180deg)
}
.news-detail .title {
	border-bottom:1px #e3e3e3 solid
}
.news-detail .content {
	line-height:24px;
	min-height:200px
}
.news-detail .content img {
	max-width:100%;
	display:block;
	margin:auto
}
.news-detail .content iframe {
	width:100% !important;
	height:600px !important
}
.news-detail .news-detail-footer {
	border-top:1px #f5f5f5 solid
}
.news-detail .news-detail-footer a {
	font-size:14px;
	color:#333
}
.news-detail .news-detail-footer a:hover {
	color:#f11117
}
@keyframes downico {
	0% {
	top:0;
	opacity:1
}
35% {
	top:50%;
	opacity:0
}
65% {
	top:-50%;
	opacity:0
}
100% {
	top:0;
	opacity:1
}
}@-webkit-keyframes shine {
	100% {
	left:125%
}
}@keyframes shine {
	100% {
	left:125%
}
}@-webkit-keyframes gotop {
	100% {
	transform:translateY(-10px)
}
}@keyframes gotop {
	100% {
	transform:translateY(-10px)
}
}@-webkit-keyframes goright {
	100% {
	width:100%
}
}@keyframes goright {
	100% {
	width:100%
}
}.suspension {
	position:fixed;
	z-index:99999;
	right:0;
	bottom:16%;
	width:70px
}
.suspension .a {
	display:block;
	width:44px;
	height:44px;
	background-color:#353535;
	margin-bottom:4px;
	cursor:pointer;
	outline:none
}
.suspension .a .i {
	float:left;
	width:44px;
	height:44px;
	background-image:url(img/side_icon.png);
	background-repeat:no-repeat
}
.suspension .a-service .i {
	width:20px;
	height:20px;
	margin-top:12px;
	margin-left:12px;
	background-image:url(img/suspension-bg.png);
	background-repeat:no-repeat;
	background-position:0 0
}
.suspension .a-service-phone .i {
	width:20px;
	height:20px;
	margin-top:12px;
	margin-left:12px;
	background-image:url(img/suspension-bg.png);
	background-repeat:no-repeat;
	background-position:-27px 0
}
.suspension .a-qrcode .i {
	background-position:-44px 0
}
.suspension .a-cart .i {
	background-position:-88px 0
}
.suspension .a-top {
	background:#d2d3d6;
	display:none
}
.suspension .a-top .i {
	background-position:-132px 0
}
.suspension .a-top:hover {
	background:#c0c1c3
}
.suspension .d {
	display:none;
	width:223px;
	background:#fff;
	position:absolute;
	right:67px;
	min-height:90px;
	border:1px solid #e0e1e5;
	border-radius:3px;
	box-shadow:0 2px 5px 0 rgba(161,163,175,0.11)
}
.suspension .d .arrow {
	position:absolute;
	width:8px;
	height:12px;
	background:url(img/side_bg_arrow.png) no-repeat;
	right:-8px;
	top:31px
}
.suspension .d .inner-box {
	padding:8px 22px 12px
}
.suspension .d-service {
	top:0
}
.suspension .d-service .d-service-item {
	border-bottom:none
}
.suspension .d-service-phone {
	top:34px
}
.suspension .d-qrcode {
	top:78px;
	text-align:center
}
.suspension .d-qrcode .inner-box {
	padding:20px 0
}
.suspension .d-qrcode p {
	font-size:14px;
	color:#93959c
}
.suspension .d-service-item {
	border-bottom:1px solid #eee;
	padding:14px 0
}
.suspension .d-service-item .circle {
	width:44px;
	height:44px;
	border-radius:50%;
	overflow:hidden;
	background:#f1f1f3;
	display:block;
	float:left
}
.suspension .d-service-item .i-qq {
	width:44px;
	height:44px;
	background:url(img/side_con_icon03.png) no-repeat center 15px;
	display:block;
	transition:all .2s;
	border-radius:50%;
	overflow:hidden
}
.suspension .d-service-item:hover .i-qq {
	background-position:center 3px
}
.suspension .d-service-item .i-tel {
	width:44px;
	height:44px;
	background:url(img/side_con_icon02.png) no-repeat center center;
	display:block
}
.suspension .d-service-item h3 {
	float:left;
	width:112px;
	font-size:15px;
	margin-left:12px;
	color:var(--theme)
}
.suspension .d-service-item h3 p {
	font-size:14px;
	color:#333
}
.suspension .d-service-item .text {
	float:left;
	width:112px;
	line-height:22px;
	font-size:15px;
	margin-left:12px
}
.suspension .d-service-item .text .number {
	color:var(--theme);
	font-family:Arial,'Microsoft Yahei','HanHei SC',PingHei,'PingFang SC','Helvetica Neue',Helvetica,Arial,'Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif
}
.suspension .d-service-intro {
	padding-top:10px
}
.suspension .d-service-intro p {
	float:left;
	line-height:27px;
	font-size:12px;
	width:50%;
	white-space:nowrap;
	color:#888
}
.suspension .d-service-intro i {
	background:url(../images/kefu/side_con_icon01.png) no-repeat center center;
	height:27px;
	width:14px;
	margin-right:5px;
	vertical-align:top;
	display:inline-block
}
.suspension .suspension-box {
	position:relative;
	float:right
}
.suspension .suspension .a.active,.suspension .suspension .a:hover {
	background:#f05352
}
/*# sourceMappingURL=./style.css.map */