.wrapper {
	width:1300px;
	margin:0 auto
}
.header-holder {
	height:85px
}
.header {
	position:fixed;
	width:100%;
	height:85px;
	left:0;
	top:0;
	z-index:100;
	background-color:#fafafa;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.15)
}
.header .logo {
	float:left;
	margin-top:5px
}
.header .menu {
	float:left;
	height:85px;
	margin-left:80px;
	font-size:16px;
	line-height:82px;
	font-weight:600
}
.header .menu li {
	float:left
}
.header .menu li a {
	display:block;
	padding:0 25px;
	color:#000;
	border-bottom:3px solid #fafafa
}
.header .menu li a.on,.header .menu li a:hover {
	color:#1c508b;
	font-weight:700;
	background-color:#f0f0f0;
	border-bottom-color:#1c508b;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.header .hotline {
	float:right;
	margin-top:32px
}
.header .hotline img {
	display:inline-block;
	vertical-align:middle;
}
.company-swiper {
	height:560px
}
.company-swiper .swiper-pagination-bullet,.company-swiper .swiper-pagination-bullet-active {
	background-color:#fff
}
.company-swiper .swiper-button-prev,.company-swiper .swiper-button-next {
	color:#fff
}
.company-swiper .swiper-button-prev {
	left:40px
}
.company-swiper .swiper-button-next {
	right:40px
}
.swiper {
	width:100%;
	height:100%
}
.swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.swiper-slide {
	width:100%;
	height:100%
}
.swiper-slide.banner-01 {
	background:url(../images/1d7251cf20_waifu2x_photo_noise3_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.swiper-slide.banner-02 {
	background:url(../images/banner_02.jpg) 50% 50% no-repeat;
	background-size:cover
}
.swiper-slide.banner-03 {
	background:url(../images/banner_03.jpg) 50% 50% no-repeat;
	background-size:cover
}
.swiper-slide.banner-04 {
	background:url(../images/13e571359b_waifu2x_photo_noise3_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.swiper-slide.banner-05 {
	background:url(../images/fcb9f9e213_waifu2x_photo_noise3_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.index-panel .index-panel-hd {
  position: relative;
	text-align:center
}
.index-panel .index-panel-hd span {
	display:inline-block;
	padding:0 30px;
	position:relative
}
.index-panel .index-panel-hd span::after {
	content:'\20';
	position:absolute;
	left:0;
	top:50%;
	margin-top:-.5px;
	width:100%;
	height:2px;
	overflow:hidden;
	background-color:#1c508b
}
.index-panel .index-panel-hd strong {
	display:inline-block;
	padding:0 10px;
	position:relative;
	z-index:2;
	font-size:24px;
	height:40px;
	line-height:40px;
	font-weight:600;
	background-color:#fafafa
}
.index-panel .index-panel-hd em {
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:#999;
	font-size:13px;
	font-style:normal
}
.index-panel .index-panel-hd .nav-more {
  position:absolute;
  right:0;
  top:50%;
  transform: translate(0, -50%);
  font-size: 14px;
}
.index-product {
	margin-top:80px
}
.index-product .product-list {
	position:relative;
	margin-top:30px
}
.index-product .product-list .product-swiper {
	overflow:hidden
}
.index-product .product-list .swiper-button {
  width: 40px;
  height: 100%;
  top: 22px;
  background-color: rgba(255,255,255,.25);
}
.index-product .product-list .swiper-button::after {
  font-size: 18px;
  font-weight: 800;
}
.index-product .product-list .swiper-button-next {
	left:auto;
  right: 0;
}
.index-product .product-list .swiper-button-prev {
	left:0;
  right:auto;
}
.index-product .product-list .swiper-button-next,.index-product .product-list .swiper-button-prev {
	color:#fff
}
.index-product .product-list .swiper-slide {
	display:block
}
.index-product .product-list li {
	float:left;
	margin-right:20px;
	max-width:360px;
	border-radius:4px;
	color:#1c508b
}
.index-product .product-list li div {
	position:relative;
	height:215px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	overflow:hidden
}
.index-product .product-list li div a {
	position:absolute;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background:rgba(28,80,139,0);
	transition:all .3s
}
.index-product .product-list li div a span {
	display:none;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#fff;
	border-radius:50%;
	border:1px solid #fff
}
.index-product .product-list li div:hover img {
	transform:scale(1.2)
}
.index-product .product-list li div:hover a {
	background:rgba(28,80,139,0.5)
}
.index-product .product-list li div:hover a span {
	display:block
}
.index-product .product-list li p {
	padding:15px 0;
	margin:0 20px;
	font-size:14px;
	text-align:center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	border-top:1px solid #f0f0f0
}
.index-product .product-list li img {
	width:310px;
  height: 215px;
  object-fit: cover;
	transition:all .3s
}
.index-case {
	margin-top:80px
}
.index-case .case-list {
	margin-top:30px
}
.index-case .case-list ul {
	margin-left:-20px
}
.index-case .case-list li {
	float:left;
	margin-left:20px;
	width:310px;
	background-color:#fff;
  border-radius: 6px;
	transition:all .3s
}
.index-case .case-list li a,.product-type ul li a {
	display:block
}
.index-case .case-list li:hover, .product-type ul li:hover {
	transform:scale(1.05);
	box-shadow:0 0 15px 0 rgba(0,0,0,0.1)
}
.index-case .case-list .case-bd,.product-type ul li .product-type-bd {
	padding:10px
}
.index-case .case-list .case-bd .case-img,.product-type ul li .product-type-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 165px;
	overflow:hidden
}
.index-case .case-list .case-bd i,.product-type ul li .product-type-bd i {
	font-size: 60px;
  color: #1c508b;
}
.index-case .case-list .case-bd strong,.product-type ul li .product-type-bd strong {
	display:block;
	padding:20px 0 15px;
	font-size:16px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	color:#1c508b
}
.index-case .case-list .case-bd p,.product-type ul li .product-type-bd p {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	overflow:hidden;
	padding-top:15px;
	border-top:1px solid #eee;
	font-size:14px;
	line-height:26px;
	color:#666
}
.index-partner {
	margin-top:80px
}
.index-partner .parner-list {
	margin-top:30px
}
.index-partner .parner-list ul {
	margin-left:-20px
}
.index-partner .parner-list li {
	width:200px;
	height:140px;
	float:left;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-left:20px;
	background-color:#fff;
	transition:all .3s
}
.index-partner .parner-list li:hover {
	box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
	transform:scale(1.12)
}
.index-partner .parner-list li img {
	display:block;
	width:160px;
  height: 100px;
  object-fit: scale-down;
}
.index-news {
	margin-top:105px
}
.index-news .news-panel {
	position:relative;
	margin-top:25px;
	height:300px;
	background-color:#fff
}
.index-news .news-panel .news-img {
	width:700px;
	position:absolute;
	top:-25px;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.15)
}
.index-news .news-panel .news-img img {
	display:block;
	max-width:700px
}
.index-news .news-panel .news-bd {
	padding-left:720px
}
.index-news .news-panel .news-bd .news-title {
	position:relative;
	border-bottom:1px solid #eee
}
.index-news .news-panel .news-bd .news-title .more {
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	font-size:14px
}
.index-news .news-panel .news-bd .news-title strong {
	display:inline-block;
	margin-bottom:-1px;
	font-size:24px;
	padding:15px 0;
	border-bottom:2px solid #1c508b
}
.index-news .news-panel .news-bd .news-list ul {
	padding:10px 20px 10px 0
}
.index-news .news-panel .news-bd .news-list ul li {
	padding-left:15px;
	height:36px;
	line-height:36px;
	font-size:14px;
	background:url(../images/dot.png) 0 50% no-repeat
}
.index-news .news-panel .news-bd .news-list ul a {
	display:inline-block;
	max-width:460px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.index-news .news-panel .news-bd .news-list ul span {
	float:right;
	font-size:14px;
	color:#999
}
.breadcrumbs {
	padding:20px 0;
	font-size:14px;
	color:#999
}
.breadcrumbs span {
	display:block
}
.breadcrumbs a {
	vertical-align:middle
}
.breadcrumbs .bread-arrow {
	display:inline-block;
	margin-top:2px;
	font-size:16px;
	vertical-align:middle
}
.side-nav-container {
	float:right;
	width:300px
}
.side-nav-container .news-holder-img img {
	display:block;
	width:100%;
	border-radius:6px
}
.side-nav-container .side-nav {
	margin-top:20px;
	border:1px solid #1c508b;
	border-radius:6px;
	background-color:#fff;
	overflow:hidden
}
.side-nav-container .side-nav .side-nav-title {
	padding:15px 20px;
	border-bottom:1px solid #1c508b;
	color:#fff;
	background-color:#1c508b
}
.side-nav-container .side-nav .side-nav-title strong {
	font-size:16px
}
.side-nav-container .side-nav .side-nav-list {
	padding:0 20px
}
.side-nav-container .side-nav .side-nav-list li {
	font-size:14px;
	border-top:1px solid #eee
}
.side-nav-container .side-nav .side-nav-list li:first-child {
	border:0 none
}
.side-nav-container .side-nav .side-nav-list li a {
	padding:15px 0;
	display:block
}
.side-nav-container .side-nav .side-nav-list li a.on {
	color:#1c508b;
	font-weight:600
}
.side-nav-container .side-nav .side-nav-list li i {
	margin-right:10px
}
.side-nav-container .side-nav .side-nav-list li .icon-xuanze {
	float:right;
	margin:2px 0 0
}
.news-list-container,.side-content {
	float:left;
	width:980px;
	border-radius:6px;
	background-color:#fff
}
.news-list-container .news-list-title,.side-content .news-list-title {
	position:relative;
	padding-left:20px;
	border-bottom:1px solid #eee
}
.news-list-container .news-list-title strong,.side-content .news-list-title strong {
	display:inline-block;
	margin-bottom:-1px;
	font-size:20px;
	padding:15px 0;
	border-bottom:2px solid #1c508b
}
.news-list-container .news-list ul,.side-content .news-list ul {
	padding:10px 20px
}
.news-list-container .news-list li,.side-content .news-list li {
	padding-left:15px;
	height:36px;
	line-height:36px;
	font-size:14px;
	background:url(../images/dot.png) 0 50% no-repeat
}
.news-list-container .news-list span,.side-content .news-list span {
	float:right;
	font-size:14px;
	color:#999
}
.news-list-container .news-list a,.side-content .news-list a {
	display:inline-block;
	max-width:800px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.product-filter {
	background-color:#fff
}
.product-filter ul {
	display:flex
}
.product-filter li {
	margin-right:5px
}
.product-filter li a {
	display:block;
	padding:20px 40px;
	font-size:14px;
	transition:all .3s ease-in
}
.product-filter li a:hover {
	background-color:#1c508b;
	color:#fff
}
.product-filter li.on a {
	color:#fff;
	font-weight:600;
	background-color:#1c508b
}
.product-list-container {
	float:none;
	width:100%;
	margin-left:0;
	margin-top:0;
	border-radius:0
}
.product-list-container .product-list {
	display:flex;
	flex-wrap:wrap
}
.product-list-container .product-list .product-item {
	width:300px;
	margin-top:20px;
	margin-left:20px
}
.product-list-container .product-list .product-item a {
	display:block;
	padding-bottom:10px;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
	border-radius:6px;
	transition:all .3s ease-in
}
.product-list-container .product-list .product-item a img {
	transition:all .3s ease-in
}
.product-list-container .product-list .product-item a:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3)
}
.product-list-container .product-list .product-item a:hover img {
	transform:scale(1.1)
}
.product-list-container .product-list .product-item .product-thumbnail-wrap {
	display:flex;
	align-items:center;
	justify-content:center;
	height:215px;
	overflow:hidden
}
.product-list-container .product-list .product-item .product-thumbnail-wrap img {
	width:100%
}
.product-list-container .product-list .product-item .product-title {
	padding:15px 10px 0;
	border-top:1px solid #eee;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.product-list-container .product-list .product-item .product-desc {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	margin-top:10px;
	padding:0 10px;
	font-size:12px;
	color:#666;
	line-height:22px
}
.product-type ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
.product-type ul li {
  width: 420px;
  margin: 0 0 0 20px;
  background-color: #fff;
  border-radius: 6px;
  transition: all .3s;
}
.product-type ul li .product-type-img img {
  display: block;
  width: 100%;
  height: 165px;
}
.case-list-container {
	float:none;
	width:100%;
	margin-left:0;
	margin-top:0;
	border-radius:0
}
.case-list-container .case-list {
	margin-top:0
}
.case-list-container .case-list ul {
	margin-left:0;
  padding-bottom: 20px;
}
.case-list-container .case-list li {
	width:300px;
	margin-top:20px
}
.case-list-container .case-list li a {
  border: 1px solid #eee;
  border-radius: 6px;
}
.pagination {
	margin-top:30px;
	padding:30px 0;
	font-size:14px;
	border-top:1px solid #eee;
	text-align:center
}
.pagination span,.pagination a {
	display:inline-block;
	padding:0 12px;
	margin-right:6px;
	height:30px;
	line-height:30px;
	border:1px solid #eee;
	box-sizing:border-box;
	border-radius:4px
}
.pagination a:hover {
	color:#fff;
	background-color:#1c508b
}
.pagination em {
	font-style:normal
}
.contact {
	display:flex;
}
.contact .address-map {
	flex:1;
	border:1px solid #ddd;
	border-radius:6px
}
.contact .address-map img {
	width:100%;
	border-radius:6px
}
.contact .address-info {
	width:500px;
	margin-left:20px;
	border-radius:6px;
	background-color:#fff
}
.contact .address-info .address-info-content {
	padding:0 20px;
	font-size:14px
}
.contact .address-info .address-info-content dl {
	display:flex;
	margin-top:40px
}
.contact .address-info .address-info-content dt {
	width:46px;
	height:46px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#1c508b;
	border-radius:6px
}
.contact .address-info .address-info-content dt i {
	display:inline-block;
	font-size:20px;
	color:#fff
}
.contact .address-info .address-info-content dd {
	flex:1;
	margin-left:20px
}
.contact .address-info .address-info-content p:nth-child(1) {
	margin-bottom:8px;
	font-size:16px;
	font-weight:600
}
.aboutus .aboutus-content {
	padding:50px;
	font-size:16px;
	line-height:26px;
	background-color:#fff
}
.aboutus .aboutus-content h1 {
	padding-bottom:30px;
	text-align:center;
	font-size:28px
}
.aboutus .aboutus-content p {
	margin-top:30px
}
.aboutus .aboutus-honor {
	margin-top:50px
}
.aboutus .aboutus-honor h2 {
	text-align:center;
	font-size:28px
}
.aboutus .aboutus-honor p {
	margin-top:20px;
	text-align:center;
	font-size:14px;
	color:#666
}
.aboutus .aboutus-honor .aboutus-quali {
	padding:50px
}
.aboutus .aboutus-honor .aboutus-quali dt {
	font-size:22px
}
.aboutus .aboutus-honor .aboutus-quali dd {
	margin-top:20px
}
.aboutus .aboutus-honor .aboutus-quali ul {
	display:flex
}
.aboutus .aboutus-honor .aboutus-quali li {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:224px;
	height:144px;
	margin-right:20px;
	border-radius:6px;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
	background-color:#fff
}
.aboutus .aboutus-honor .aboutus-quali li figure {
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	height:70px
}
.aboutus .aboutus-honor .aboutus-quali li strong {
	display:block;
	margin-top:20px;
	font-size:14px;
	font-weight:500
}
.partner-content {
  padding-bottom: 40px;
  background-color: rgba(231,240,249, .5);
}
.partner-content p {
  float: left;
  width:240px;
  margin-top: 40px;
  margin-left: 20px;
}
.partner-content p img {
  width: 100%;
  height: 100px;
  object-fit: scale-down;
}
.artical-content {
	float:left;
	width:850px;
	border-radius:6px;
	background-color:#fff
}
.case-content {
  float:none;
  width:1300px;
  margin: 0 auto;
}
.artical-content .artical-title {
	padding:30px;
	text-align:center
}
.artical-content .artical-title h1 {
	font-size:30px;
	font-weight:500
}
.artical-content .artical-info {
	padding-bottom:30px;
	text-align:center;
	font-size:14px;
	color:#999;
	border-bottom:1px solid #f0f0f0
}
.artical-content .artical-info span {
	margin-right:20px
}
.artical-content .content {
	padding:30px;
	font-size:14px;
	line-height:30px;
	text-indent:2em;
	text-align:justify
}
.case-content .content {
  padding-top: 0;
}
.artical-content .content div,.artical-content .content p,.artical-content .content block {
	margin-bottom:20px
}
.artical-content .content img,.aboutus .aboutus-content img {
	display:block;
	margin:0 auto !important;
	width:auto;
	max-width:100%
}
.artical-content .content .sub-title {
  font-size: 14px;
  color: #999;
}
.artical-content .subtitle {
  padding: 20px;
  color: #999;
  background-color: #fafafa;
}
.side-content {
	float:right;
	width:430px;
	margin-left:0;
	background:none
}
.side-content .side-panel {
	margin-bottom:20px;
	border-radius:6px;
	background-color:#fff
}
.side-content .side-panel img {
	width:100%
}
.side-content .news-list-title strong {
	font-size:16px
}
.side-content .news-list a {
	max-width:294px
}
.side-content .product-list ul {
	display:flex;
	flex-wrap:wrap;
	margin-left:-10px;
	padding:0 10px 20px
}
.side-content .product-list ul li {
	width:200px;
	margin-top:20px;
	margin-left:10px;
	border:1px solid #f0f0f0;
	box-sizing:border-box;
	overflow:hidden;
	transition:all .3s ease-in
}
.side-content .product-list ul li:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1)
}
.side-content .product-list ul li:hover img {
	transform:scale(1.1)
}
.side-content .product-list ul li a {
	display:inline-block
}
.side-content .product-list ul li img {
	display:block;
	width:200px;
	transition:all .3s ease-in
}
.side-content .product-list ul li p {
	padding:10px;
	font-size:13px;
	text-align:center;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden
}
.nodata {
	height:480px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	font-size:14px;
	color:#999
}
.nodata .icon-blank {
	font-size:100px;
	color:#eee
}
.nav-banner {
	height:420px
}
.news-banner {
	background:url(../images/83bb53e2ca_waifu2x_photo_noise1_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.product-banner {
	background:url(../images/86d368012c_waifu2x_photo_noise1_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.case-banner {
	background:url(../images/a74b4e7ada_waifu2x_photo_noise1_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.aboutus-banner {
	background:url(../images/5ff77ad920_waifu2x_photo_noise1_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.contact-banner {
	background:url(../images/10ec7ff801_waifu2x_photo_noise1_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.partner-banner {
	background:url(../images/dbc4e51e86_waifu2x_photo_noise1_scale.png) 50% 50% no-repeat;
	background-size:cover
}
.service-banner {
	background:url(../images/299f49ef3f_waifu2x_photo_noise1_scale.png) 50% 50% no-repeat;
	background-size:cover
}

.product-catalog {
  float: right;
  width: 300px;
  min-height: 1px;
}
.product-catalog .product-catalog-nav {
  background-color: #fff;
}
.product-catalog .product-catalog-nav.fixed {
  position: fixed;
  width: 300px;
  top: 100px;
  z-index: 10;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.product-catalog .product-catalog-nav li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
  line-height: 50px;
  font-size: 16px;
  cursor: pointer;
  transition: background .3s ease-in;
}
.product-catalog .product-catalog-nav li:last-child {
  margin-bottom: 0;
}
.product-catalog .product-catalog-nav li:hover {
  background-color: #eee;
}
.product-catalog .product-catalog-nav li.on {
  font-weight: 600;
  background-color: #eee;
}
.product-catalog .product-catalog-nav .catalog-subnav {
  padding: 15px 0 0;
}
.product-catalog .product-catalog-nav .catalog-subnav .icon-jiantou-nav {
  float: right;
  font-size: 30px;
  font-weight: 300;
}
.product-catalog .product-catalog-nav .catalog-subnav li {
  padding-left: 30px;
  cursor: default;
}
.product-catalog .product-catalog-nav li.on::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 4px;
  height: 20px;
  background-color: #1c508b;
}
.product-catalog .product-catalog-nav .catalog-subnav li.on::before {
  left: 15px;
}
.product-service {
  float: left;
  width: 980px;
}
.product-service .product-service-container {
  margin: 0 0 20px;
  min-height: 280px;
  background-color: #fff;
}
.product-service .product-service-container.loading {
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60px;
}
.product-service .product-service-container img, .product-catalog-nav img{
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  height: 45px;
}
.product-catalog .product-catalog-nav dl {
  padding-bottom: 15px;
}
.product-catalog .product-catalog-nav dd {
  padding: 0 15px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 22px;
}
.product-catalog .product-catalog-nav dd.on a {
  color: #2088C6;
}
.product-service .product-service-container .product-service-box ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px 20px 0;
  
}
.product-service .product-service-container .product-service-box li {
  width: 220px;
  margin: 20px 0 0 20px;
}
.product-service .product-service-container .product-service-box a {
  display: block;
  padding: 30px 10px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  background-color: #fafafa;
  transition: all .3s ease-in;
}
.product-service .product-service-container .product-service-box a:hover {
  background-color: #eee;
}
.product-service .product-service-content {
  display: none;
  padding: 0 20px 20px;
  font-size: 14px;
}
.product-service .product-service-content .product-service-title {
  padding: 40px 0;
  text-align: center;
}
.product-service .product-service-content .product-service-title h1 {
  font-size: 30px;
  font-weight: 600;
}
.product-service .product-service-content .product-service-intro {
  padding: 20px;
  line-height: 26px;
  color: #666;
  background-color: #fafafa;
}
.product-service .product-service-content .news-list-title {
  padding-left: 0;
  margin-top: 40px;
  border: 0 none;
}
.product-service .product-service-content .product-service-value ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
.product-service .product-service-content .product-service-value li {
  width: 460px;
  margin: 20px 0 0 20px;
  border: 1px solid #eee;
  box-sizing: border-box;
  background-color: #fafafa;
}
.product-service .product-service-content .product-service-value .value-title {
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.product-service .product-service-content .product-service-value .value-title span {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  margin: 3px 6px 0 0;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ff681f;
}
.product-service .product-service-content .product-service-value .value-title em {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ff681f;
}

.product-service .product-service-content .product-service-fun .value-title span {
  border: 2px solid #00C5D3;
}
.product-service .product-service-content .product-service-fun .value-title em {
  border: 2px solid #00C5D3;
}
.product-service .product-service-content .product-service-edge .value-title span {
  border: 2px solid #2088C6;
}
.product-service .product-service-content .product-service-edge .value-title em {
  border: 2px solid #2088C6;
}


.product-service .product-service-content .product-service-value .value-content {
  padding: 20px;
  line-height: 25px;
}
.product-service .product-service-content .product-service-image {
  margin-top: 20px;
  line-height: 25px;
}
.product-service .product-service-content .product-service-image .value-title {
	padding: 0;
	border-bottom: 0;
}
.product-service .product-service-content .product-service-image img {
  display: block;
  position: relative;
  max-width: 940px;
  height: auto;
  margin:40px auto;
  transform: translate(0, 0);
}
.go-top {
  position:fixed;
  z-index: 100;
  right: 20px;
  bottom: 50px;
  width: 50px;
  height: 50px;
  background-color: rgba(28, 80, 139, .8);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  cursor: pointer;
}
.go-top .icon-jiantou-nav {
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 32px;
}
.footer {
	margin-top:105px;
	padding:40px 0 20px;
	background-color:#161a27
}
.footer .footer-panel dl {
	float:left
}
.footer .footer-panel dl.footer-us {
	width:150px
}
.footer .footer-panel dl.footer-case {
	width:150px
}
.footer .footer-panel dl.footer-pro {
	width:200px
}
.footer .footer-panel dl.footer-net {
	width:200px
}
.footer .footer-panel dl.footer-meeting {
	width:250px
}
.footer .footer-panel dl dt {
	padding-bottom:15px;
	font-size:16px;
	color:#fff;
	font-weight:600
}
.footer .footer-panel dl dd {
	font-size:14px;
	line-height:28px
}
.footer .footer-panel dl a {
	color:#999
}
.footer .footer-panel dl a:hover {
	color:#fff
}
.footer .footer-panel .footer-contact {
	float:left;
	width:248px;
	color:#fff
}
.footer .footer-panel .footer-contact strong {
	display:inline-block;
	margin-bottom:5px;
	font-size:18px
}
.footer .footer-panel .footer-contact p {
	margin-top:5px;
	font-size:14px;
	color:#999;
	line-height:24px
}
.footer .footer-beian {
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #444;
	text-align:center;
	font-size:14px;
	color:#999
}
.footer .footer-beian a {
	color:#999
}