@import url("//at.alicdn.com/t/font_2703858_nsp8olgz8fc.css");
html{
	height: 100%;
	overflow-x: hidden;
}
body{
	height: auto;
}
body{
	font-family: "microsoft", sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
}
ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	color: #333;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-decoration: none;
}
a:hover {
	color: #1900c5;
	text-decoration: none;
}
a:focus,
a:active {
	outline: none;
	text-decoration: none;
}
section{
	padding: 25px 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: auto;
	overflow: hidden;
}
.container{
	width: 100%;
}
.container-fluid{
	width: 100%;
}
.container-pay{
	width: 100%;
}
@media (min-width: 768px) {
	body > section {
  		padding: 30px 0;
	}
}
@media (min-width: 992px) {
	body > section {
  		padding: 35px 0;
	}
	.container{
		width: 98vw;
	}
	.container-fluid{
		width: 98vw;
	}
	.container-pay{
		max-width: 992px;
		margin:0 auto;
	}
}
@media (min-width: 1200px) {
	body > section {
  		padding: 40px 0;
	}
	.container-pay{
		max-width: 1200px;
		margin:0 auto;
	}
}
@media (min-width: 1630px) {
	body > section {
		padding: 50px 0;
	}
	.container{
		max-width: 1630px;
	}
	.container-fluid{
		max-width: 1730px;
	}
	.container-pay{
		max-width: 1400px;
		margin:0 auto;
	}
}

.scrollpoint {
  opacity: 0;
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -ms-animation-delay: .5s;
   animation-delay: .5s;
}
.scrollpoint.active {
  opacity: 1;
}

input,textarea,button{
	outline: none;
	font-family: inherit;
	box-shadow: none;
	-webkit-appearance: none;
}
select{
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	-webkit-tap-highlight-color: transparent!important;
	outline: none;
	background: none;
	box-shadow: none;
}

.myinput-control::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.myinput-control:-ms-input-placeholder {
  color: #666;
}
.myinput-control::-webkit-input-placeholder {
  color: #666;
}
.mytransition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.mgn-b10{
	margin-bottom: 10px;
}
.mgn-b15{
	margin-bottom: 15px;
}
.res-mgn-b40{
	margin-bottom: 25px;
}

.header{
	background-color: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.header .navbar{
	margin-bottom: 0;
	border-radius: 0;
	border: none;
}
.header .navbar-default{
	background-color: transparent;
}
.header .logo{
	height: auto;
	overflow: hidden;
}
.header .navbar-brand{
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.header .navbar-brand img{
	height: 30px;
}
.header .navbar-collapse{
	border-top: none;
}
.top-tel{
	float: right;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin-top: 25px;
	margin-left: 20px;
}
.top-tel a{
	display: block;
	color: #000000;
	font-size: 24px;
	line-height: 40px;
}
.top-tel i{
	display: inline-block;
	font-size: 30px;
	margin-right: 5px;
	vertical-align: top;
	line-height: 40px;
}
.top-tel a:hover{
	color: #1900c5;
}
.header .navbar-toggle{
	border: none;
	background-color: transparent;
}
.header .navbar-default .navbar-toggle .icon-bar{
	background-color: #1900c5;
}
.header .navbar-default .navbar-toggle:focus,
.header .navbar-default .navbar-toggle:hover{
	background-color: transparent;
}
.header .navbar-nav{
	margin-top: 0;
}
.header .navbar-default .navbar-nav > li{
	border-bottom: 1px solid #eee;
	text-align: center;
}
.header .navbar-default .navbar-nav > li > a{
	color: #000;
	font-size: 14px;
}
.header .navbar-default .navbar-nav > li.active > a{
	background-color: transparent;
	color: #1900c5;
}
.header .navbar-header{
	border-bottom: 1px solid #eee;
}
.index-public-head{
	color: #05030d;
	line-height: 1;
	font-size: 20px;
}
.index-public-head.text-white{
	color: #fff;
}
.index-public-desp{
	color: #666;
}
.index-public-desp.text-white{
	color: #fff;
}
.bussiness-body {
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	font-size: 0px;
	margin: 0 auto;
}
.bussiness-body .item {
	position: relative;
	display: inline-block;
	width: 16.666%;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
}
.bussiness-body .item1 {
	left: 200px;
	-webkit-transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;
	transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item2 {
	left: 300px;
	-webkit-transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;
	transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item3 {
	left: 400px;
	-webkit-transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;
	transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item4 {
	left: 500px;
	-webkit-transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;
	transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item5 {
	left: 600px;
	-webkit-transition: left 1.1s 0.5s linear, opacity 1.1s 0.5s linear, background 0.3s linear, width 0.3s linear;
	-o-transition: left 1.1s 0.5s linear, opacity 1.1s 0.9s linear, background 0.3s linear, width 0.3s linear;
	transition: left 1.1s 0.5s linear, opacity 1.1s 0.9s linear, background 0.3s linear, width 0.3s linear;
}
.bussiness-body .item.on {
	width: 32.33%;
}
.bussiness-body .item {
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.bussiness-body .item .service {
	display: block;
	height: 390px;
	border: 1px solid #e8e8e8;
	border-width: 1px 0px 1px 1px;
	text-align: center;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.bussiness-body .item.on .service {
	width: 50%;
}
.bussiness-body .item5 .service {
	border-width: 1px 1px 1px 1px;
}
.bussiness-body .item.on .service {
	background-color: #1900c5;
	border-color: #1900c5;
}
.bussiness-body .item .service .content {
	display: block;
	height: 240px;
	margin-top: 46px;
	line-height: 1;
}
.bussiness-body .item .service .content h4 {
	display: block;
	font-size: 18px;
	font-weight: bold;
}
.bussiness-body .item .service .content h4 a {
	color: #000;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.bussiness-body .item.on .service .content h4 a {
	color: #fff;
}
.bussiness-body .item .service .content .icon {
	display: inline-block;
	margin-top: 56px;
}
.bussiness-body .item .service .content .icon i{
	display: inline-block;
	color: #333;
	font-size: 72px;
	line-height: 1;
}
.bussiness-body .item.on .service .content .icon i{
	color: #fff;
}
.bussiness-body .item .service .info {
	padding: 10px 10px 0 10px;
	border-top: 1px dashed #cdcdcd;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.bussiness-body .item.on .service .info {
	color: #fff;
	border-top: 1px dashed #4e94dd;
}
.bussiness-body .item .price {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 100%;
	top: 0;
}
.bussiness-body .item.on .price {
	width: 50%;
	left: 50%;
}
.bussiness-body .item .price ul {
	display: block;
	position: relative;
	z-index: 5;
}
.bussiness-body .item .price ul li {
	display: block;
	height: 76px;
	line-height: 76px;
	border-bottom: 1px solid #565758;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bussiness-body .item .price ul li a {
	display: block;
	padding: 0 20px 0 10px;
	color: #929292;
	font-size: 14px;
	text-align: left;
	cursor: pointer;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bussiness-body .item .price ul li a:hover {
	color: #fff;
}
.bussiness-body .item .price ul li a i {
	display: inline-block;
	float: right;
	margin-left: 10px;
}
.bussiness-body .item .price .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 2;
}
.mb-business-outer{
	height: auto;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.mb-slick-business .item{
	display: flex;
	display: -webkit-flex;
}
.mb-slick-business .item .service,
.mb-slick-business .item .price{
	width: 50%;
	flex: 0 0 50%;
}
.mb-slick-business .item .service{
	padding: 20px 6px;
	background-color: #1900c5;
	color: #fff;
	text-align: center;
}
.mb-slick-business .item .service .content h4{
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 20px;
}
.mb-slick-business .item .service .content h4 a{
	color: #fff;
}
.mb-slick-business .item .service .content .icon{
	color: #fff;
	display: inline-block;
	line-height: 1;
}
.mb-slick-business .item .service .content .icon i{
	font-size: 48px;
}
.mb-slick-business .item .service .info{
	font-size: 12px;
	line-height: 20px;
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px dashed #4e94dd;
	padding-left: 10px;
	padding-right: 10px;
}
.mb-slick-business .item .price{
	background-color: #313131;
}
.mb-slick-business .item .price ul li{
	flex: 1;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	align-content: center;
	border-bottom: 1px solid #565758;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 48px;
	line-height: 48px;
}
.mb-slick-business .item .price ul li:last-child{
	border-bottom: none;
}
.mb-slick-business .item .price ul li a {
	display: block;
	flex: 1;
	padding: 0 10px 0 10px;
	color: #929292;
	font-size: 12px;
	text-align: left;
	cursor: pointer;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mb-slick-business .item .price ul li a:hover {
	color: #fff;
}
.mb-slick-business .item .price ul li a i {
	display: inline-block;
	float: right;
	margin-left: 10px;
}
.mb-slick-business .slick-dots{
	margin-top: 5px;
}
.mb-slick-business .slick-dots li{
	margin: 0;
}
.mb-slick-business .slick-dots li button::before{
	color: #888;
	font-size: 10px;
}
.mb-slick-business .slick-dots li.slick-active button::before{
	color: #1900c5;
}
.section-gray{
	background-color: #f6f6f6;
}
.index-case-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index-case-list li{
	flex: 0 0 100%;
	margin-bottom: 15px;
	height: auto;
	overflow: hidden;
}
.index-case-list li a{
	display: block;
}
.index-case-list li .thumb{
	height: auto;
	overflow: hidden;
	position: relative;
}
.index-case-list li .thumb .pic{
	height: auto;
	overflow: hidden;
}
.index-case-list li .thumb .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.index-case-list li .cover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
	background-color: rgba(0,0,0,.4);
	text-align: center;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0;
	visibility: hidden;
}
.index-case-list li .cover .incover{
	position: relative;
	padding: 10px 5px;
}
.index-case-list li .cover .incover .icon{
	color: #fff;
	line-height: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transform: translateY(-10px);
}
.index-case-list li .cover .incover .icon i{
	font-size: 36px;
	line-height: 1;
}
.index-case-list li .cover .incover .title-sort{
	font-size: 16px;
	color: #fff;
	line-height: 1;
	margin-top: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transform: translateY(10px);
}
.index-case-list li .box{
	background-color: transparent;
}
.index-case-list li .box .title{
	font-size: 16px;
	line-height: 1;
	margin-top: 15px;
}
.index-case-list li .box .info{
	color: #666;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 10px;
}
.index-case-list li:hover .thumb .pic img{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
}
.index-case-list li:hover .cover{
	opacity: 1;
	visibility: visible;
}
.index-case-list li:hover .cover .incover .icon,
.index-case-list li:hover .cover .incover .title-sort{
	transform: translateY(0);
}
.index-news-tabwrap{
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.slick-news-sort{
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}
.slick-news-sort .slick-list{
	text-align: center;
}
.slick-news-sort .slick-list .slick-track{
	display: inline-block;
	text-align: center;
}
.slick-news-sort .item{
	width: 25%;
	padding: 2px;
	max-width: 180px!important;
	text-align: center;
	cursor: pointer;
	color: #000;
	font-size: 0;
	height: auto;
	line-height: 34px;
	border-radius: 20px;
	overflow: hidden;
	float: none;
	display: inline-block;
}
.slick-news-sort .item a{
	display: block;
	text-align: center;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	height: 34px;
	overflow: hidden;
	line-height: 32px;
	border-radius: 20px;
	background-color: #ddd;
	border: 1px solid #ccc;
}
.slick-news-sort .item.slick-current a{
	color: #fff;
	background-color: #1900c5;
	border-color: #1900c5;
}
.slick-news-list{
	height: auto;
	overflow: hidden;
}
.slick-news-list .item{
	height: auto;
	overflow: hidden;
}
.slick-news-list .item .box{
	background-color: #fff;
	padding: 25px 20px;
	margin-bottom: 20px;
}
.slick-news-list .item .box .pic{
	height: auto;
	overflow: hidden;
}
.slick-news-list .item .box .pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.slick-news-list .item .box:hover .pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.slick-news-list .item .box .title{
	text-align: center;
	font-family: 'GothamBold';
	font-size: 14px;
	margin-top: 15px;
	position: relative;
	padding-bottom: 15px;
}
.slick-news-list .item .box .title::after{
	content: '';
	width: 40px;
	height: 2px;
	background-color: #999;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -20px;
}
.slick-news-list .item .box .intro{
	text-align: center;
	margin-top: 15px;
	color: #666;
	font-size: 12px;
	line-height: 30px;
	max-height: 90px;
	overflow: hidden;
}
.slick-news-list .item .box .more{
	text-align: center;
	margin-top: 15px;
	text-transform: uppercase;
	font-size: 14px;
	color: #999;
	-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}
.slick-news-list .item .box:hover .more{
	color: #14a83b;
}
.slick-news-list .slick-dots li button{
	width: 20px;
	height: 5px;
	padding: 0;
	background-color: #b5b5b5;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}
.slick-news-list .slick-dots li button::before{
	content: '';
	font-size: 0;
	width: 0;
	height: 0;
}
.slick-news-list .slick-dots li.slick-active button{
	width: 40px;
	background-color: #14a83b;
}
.index-news-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index-news-list .item{
	flex: 0 0 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
}
.index-news-list .item .title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.index-news-list .item .info{
	color: #333;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
}
.index-news-list .item .shijian{
	margin-top: 15px;
}
.index-news-list .item .shijian i{
	display: inline-block;
	float: right;
	font-size: 24px;
}
.section-team{
	background-image: url(../images/team-bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
}
.index-news-tabitem{
	display: none;
	height: auto;
	overflow: hidden;
	position: relative;
}
.slick-team-outer{
	height: auto;
	overflow: hidden;
	position: relative;
}
.slick-team{
	height: auto;
	overflow: hidden;
}
.slick-team .item{
	padding: 0 15px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.slick-team .item .pic{
	flex: 0 0 150px;
	height: auto;
	overflow: hidden;
}
.slick-team .item .pic img{
	max-width: 100%;
	height: auto;
}
.slick-team .item .team-box{
	flex: 1;
	margin-right: 30px;
}
.slick-team .item .team-box .title{
	color: #fff;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 25px;
}
.slick-team .item .team-box .title span{
	display: inline-block;
	font-size: 16px;
	vertical-align: baseline;
	margin-left: 20px;
}
.slick-team .item .team-box .info{
	color: #fff;
	font-size: 12px;
	line-height: 2;
}
.slick-team-outer .team-arrow{
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
	color: #fff;
	background-color: #180863;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	display: none;
}
.slick-team .slick-dots{
	margin-top: 30px;
}
.slick-team .slick-dots li{
	overflow: hidden;
	width: 16px;
	height: 16px;
}
.slick-team .slick-dots li button{
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	margin: 0;
	position: relative;
}
.slick-team .slick-dots li button::before{
	font-size: 0;
	width: 0;
	height: 0;
}
.slick-team .slick-dots li.slick-active button{
	background-color: #ff0018;
}
.slick-team-outer .team-arrow.arrow-prev{
	left: 0;
}
.slick-team-outer .team-arrow.arrow-next{
	right: 0;
}
.kefu-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	padding: 2px 1.302084vw;
	overflow: hidden;
}
.kefu-list li{
	border: 1px solid #eee;
	height: auto;
	overflow: hidden;
	margin-left: -1px;
	margin-top: -1px;
	flex: 0 0 25%;
}
.kefu-list li a{
	display: block;
}
.kefu-list li img{
	max-width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}
.kefu-list li:hover img{
	transform: scale(1.1);
	opacity: 0.8;
}
.section-lianxi{
	background-image: url(../images/form-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	padding: 0;
}
.catus-outer{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.catus-left{
	flex: 0 0 100%;
	padding: 30px 15px;
	background-color: #1900c5;
}
.catus-right{
	flex: 0 0 100%;
	padding: 30px 15px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.catus-head-cn{
	color: #fff;
	line-height: 1;
	font-size: 24px;
}
.catus-head-en{
	color: #fff;
	line-height: 1;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 20px;
}
.catus-line{
	height: 1px;
	overflow: hidden;
	margin: 30px 0;
}
.catus-line span{
	width: 40%;
	height: 1px;
	background-color: #fff;
	display: block;
	float: left;
}
.catus-hot{
	color: #fff;
	font-size: 18px;
	line-height: 2.2;
}
.catus-hot a{
	color: #fff;
}
.catus-info{
	color: #fff;
	font-size: 16px;
	line-height: 2.3;
}
.catus-info a{
	color: #fff;
}
.catus-fm-outer{
	background-color: #fff;
	padding: 25px 15px;
	flex: 1;
}
.catus-fm-head{
	color: #000;
	font-size: 20px;
	line-height: 1.45;
	padding-left: 9px;
}
.catus-fm-group{
	height: auto;
	overflow: hidden;
	margin: 25px 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.catus-fm-half{
	flex: 0 0 100%;
	padding: 0 9px;
}
.mb-mgn-t25{
	margin-top: 25px;
}
.catus-input{
	display: block;
	width: 100%;
	height: 50px;
	border: 1px solid #bbb;
	line-height: 50px;
	padding: 0 15px;
	color: #666;
	font-size: 14px;
}
.catus-select{
	display: block;
	width: 100%;
	height: 50px;
	border: 1px solid #bbb;
	line-height: 50px;
	padding: 0 15px;
	color: #666;
	background: url(../images/sel-sj.png) no-repeat scroll right center transparent;
}
.catus-fm-btm{
	flex: 0 0 100%;
	padding: 0 9px;
	margin-top: 25px;
}
.catus-fm-textarea{
	flex: 1;
	padding: 0 9px;
}
.catus-textarea{
	display: block;
	width: 100%;
	height: 120px;
	border: 1px solid #bbb;
	padding: 10px 15px;
	color: #666;
	font-size: 14px;
	resize: none;
}
.catus-button{
	display: block;
	width: 100%;
	height: 84px;
	line-height: 84px;
	overflow: hidden;
	text-align: center;
	border: none;
	cursor: pointer;
	background-color: #1900c5;
	color: #fff;
	font-size: 16px;
}
footer{
	padding-top: 30px;
	padding-bottom: 20px;
}
.foot-top{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.foot-top h2{
	margin-top: 0;
	margin-bottom: 0;
	flex: 0 0 100%;
	font-weight: bold;
	font-size: 20px;
}
.foot-nav-list{
	flex: 0 0 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}
.foot-nav-list li{
	flex: 0 0 25%;
	margin-bottom: 8px;
}
.foot-line{
	height: 1px;
	background-color: #ccc;
	overflow: hidden;
	margin: 20px 0;
}
.foot-line2{
	height: 1px;
	background-color: #ccc;
	overflow: hidden;
	margin: 20px 0;
}
.foot-about-outer{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.foot-about-outer .item{
	flex: 0 0 100%;
}
.foot-public-title{
	color: #555;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 25px;
}
.foot-public-title::after{
	content: '';
	width: 34px;
	height: 4px;
	background-color: #1900c5;
	position: absolute;
	left: 0;
	bottom: 0;
}
.foot-about-info{
	color: #777;
	font-size: 13px;
	line-height: 2;
}
.foot-sub-sort{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.foot-sub-sort li{
	flex: 0 0 48%;
	font-size: 13px;
	line-height: 2;
}
.foot-sub-sort li a{
	color: #777;
}
.foot-sub-sort li a:hover{
	color: #1900c5;
}
.item-2{
	margin-top: 20px;
	margin-bottom: 20px;
}
.foot-public-title span.link-open{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	color: #555;
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #555;
	padding: 0 15px;
	font-weight: normal;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.foot-public-title span.link-open.active{
	color: #fff;
	background-color: #555;
}
.foot-link-outer{
	position: relative;
}
.foot-link-list{
	height: auto;
	overflow: hidden;
	display: none;
}
.foot-link-list li{
	float: left;
	margin-right: 15px;
	line-height: 2;
}
.foot-link-list li a{
	color: #555;
}
.foot-link-list li a:hover{
	color: #1900c5;
}
.foot-box{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.copyright{
	color: #333;
	font-size: 14px;
	flex: 0 0 100%;
}
.gover-flag{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	flex: 0 0 100%;
	justify-content: space-between;
}
.gover-flag a{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex: 0 0 100%;
	align-items: center;
	margin-right: 20px;
	margin-top: 15px;
}
.gover-flag a img{
	margin-right: 10px;
}
.gover-flag a span{
	color: #444;
	font-size: 12px;
	line-height: 20px;
}
.about-wrap{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}
.about-content-box,
.about-content-pic{
	padding-left: 20px;
	padding-right: 20px;
	flex: 0 0 100%;
}
.about-content-pic .pic{
	height: 100%;
	overflow: hidden;
}
.about-content-pic .pic img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-intro{
	color: #05030d;
	font-size: 16px;
	line-height: 2;	
}
.about-intro p{
	margin-bottom: 15px;
	margin-top: 0;
}
.section-aside{
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.slide-about{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	height: auto;
	min-height: 260px;
	overflow: hidden;
}
.slide-about img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slide-wrap{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.slide-wrap.about{
	padding-top: 50px;
}
.slide-wrap.case{
	padding-top: 50px;
}
.slide-wrap.seo{
	padding-top: 50px;
}
.slide-wrap h1{
	color: #fff;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
}
.slide-wrap h1 img{
	max-width: 200px;
	height: auto;
}
.slide-wrap h2{
	color: #fff;
	line-height: 1.45;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 16px;
}
.slide-wrap h2 img{
	max-width: 90%;
	height: auto;
}
.slide-wrap.seo.news h2,
.slide-wrap.case.news h2{
	text-align: center;
	padding: 0 15px;
}
.slide-wrap h2.red{
	color: #ff040e;
}
.slide-wrap h3{
	color: #fff;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}
.full-countup{
	background-image: url(../images/about-line.png);
	background-repeat: repeat-x;
	background-position: 50% 50%;
	height: auto;
	overflow: hidden;
	margin-top: -92px;
	position: relative;
}
.countup-list{
	max-width: 1600px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	height: 92px;
	margin: 0 auto;
}
.countup-list li{
	flex: 0 0 20%;
	padding: 20px 10px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-right: 1px solid #5a46ff;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.countup-list li:last-child{
	border-right: none;
}
.countup-list li .number{
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
}
.countup-list li .title{
	display: block;
	font-size: 12px;
	margin-top: 10px;
}
.case-more{
	text-align: center;
	margin-top: 10px;
}
.case-more a{
	display: inline-block;
	color: #fff;
	background-color: #1900c5;
	line-height: 1;
	padding: 20px 40px;
	border-radius: 5px;
}
.slide-publick{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	height: auto;
	min-height: 260px;
	overflow: hidden;
}
.slide-publick img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slide-nav-bar{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.4);
}
.slide-nav-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.slide-nav-list li{
	height: auto;
	overflow: hidden;
	border-right: 1px solid #6c708b;
}
.slide-nav-list li:last-child{
	border-right: none;
}
.slide-nav-list li a{
	color: #fff;
	padding: 0 2.5vw;
	font-size: 12px;
	display: inline-block;
	line-height: 50px;
}
.slide-nav-list li a:hover, .slide-nav-list li a.on{
	background-color: #1900c5;
}
.case-head{
	height: auto;
	overflow: hidden;
	position: relative;
}
.case-head span{
	display: inline-block;
	float: left;
	font-size: 16px;
	line-height: 50px;
	color: #1900c5;
	font-weight: bold;
}
.case-head i{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	float: right;
	cursor: pointer;
	font-size: 24px;
	color: #1900c5;
	margin-top: 5px;
}
.slide-nav-xs{
	height: auto;
	overflow: hidden;
	border-top: 1px solid #ddd;
	display: none;
	padding-bottom: 20px;
}
.slide-nav-xs li{
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 46px;
	border-bottom: 1px solid #ddd;
}
.slide-nav-xs li a{
	display: inline-block;
}
.case-xiangmu{
	height: auto;
	overflow: hidden;
	font-size: 24px;
	position: relative;
	padding-left: 15px;
}
.case-xiangmu::before{
	content: '';
	width: 4px;
	height: 20px;
	background-color: #1900c5;
	position: absolute;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}
.case-in-title{
	font-size: 16px;
	margin-top: 15px;
}
.case-in-brief{
	color: #666;
	font-size: 14px;
	margin-top: 15px;
	line-height: 2;
	margin-bottom: 20px;
}
.case-in-content{
	color: #666;
	font-size: 14px;
	margin-top: 15px;
	line-height: 2;
	margin-bottom: 20px;
}
.case-in-content img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.seo-six{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.seo-six li{
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-bottom: 20px;
	flex: 0 0 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.seo-six li .item{
	flex: 1;
	border: 1px solid #ccc;
	text-align: center;
	padding: 15px 15px 15px 15px;
	background-color: #feffff;
}
.seo-six li .item .num{
	height: auto;
	overflow: hidden;
}
.seo-six li .item .num span{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background-color: #1900c5;
	border-radius: 50%;
}
.seo-six li .item .title{
	color: #000;
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
}
.seo-six li .item .intro{
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	line-height: 2;
}
.seo-six li:hover .item{
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.section-seo{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	background-attachment: fixed;
}
.section-seo.seo-bg1{
	background-image: url(../images/seo-1.jpg);
}
.section-seo.seo-bg2{
	background-image: url(../images/seo-2.jpg);
}
.seo-ad-head{
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
.seo-ad-sml{
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 20px 0;
}
.seo-ad-more{
	text-align: center;
	margin-bottom: 20px;
	height: auto;
	overflow: hidden;
}
.seo-ad-more a{
	display: inline-block;
	color: #fff;
	background-color: #f70909;
	font-size: 14px;
	padding: 10px 25px;
	border-radius: 10px;
}
.seo-eight{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.seo-eight li{
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-bottom: 20px;
	flex: 0 0 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.seo-eight li .item{
	flex: 1;
	border: 1px solid #ccc;
	text-align: center;
	padding: 15px 15px 15px 15px;
	background-color: #feffff;
}
.seo-eight li .item .num{
	height: auto;
	overflow: hidden;
	line-height: 1;
}
.seo-eight li .item .num span{
	display: inline-block;
	color: #1900c5;
	font-size: 48px;
}
.seo-eight li .item .title{
	color: #000;
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
}
.seo-eight li .item .intro{
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 2;
}
.seo-eight li:hover .item{
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.seo-four{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.seo-four li{
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-bottom: 20px;
	flex: 0 0 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.seo-four li .item{
	flex: 1;
	border: 1px solid #ccc;
	text-align: center;
	padding: 15px 15px 15px 15px;
	background-color: #feffff;
}
.seo-four li .item .num{
	height: auto;
	overflow: hidden;
}
.seo-four li .item .num span{
	display: inline-block;
	color: #fff;
	font-size: 30px;
	background-color: #1900c5;
	border-radius: 50%;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.seo-four li .item .title{
	color: #000;
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.seo-four li .item .intro{
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 2;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.seo-four li:hover .item{
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.seo-four li .item:hover .num span{
	transform: rotate(360deg) scale(0.9);
	-webkit-transform: rotate(360deg) scale(0.9);
	-moz-transform: rotate(360deg) scale(0.9);
	-ms-transform: rotate(360deg) scale(0.9);
}
.in-news-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.in-news-list li{
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-bottom: 30px;
	flex: 0 0 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.in-news-list li .inner{
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 25px 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.in-news-list li .inner .pic{
	height: auto;
	overflow: hidden;
}
.in-news-list li .inner .pic a{
	display: block;
	height: 100%;
	overflow: hidden;
}
.in-news-list li .inner .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.in-news-list li .inner .in-content{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 35px;
	position: relative;
	overflow: hidden;
	flex-direction: column;
	
}
.in-news-list li .inner .in-content .title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
}
.in-news-list li .inner .in-content .info{
	font-size: 14px;
	color: #333;
	line-height: 2;
	height: auto;
	overflow: hidden;
}
.in-news-list li .inner .in-content .more{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
.in-news-list li .inner .in-content .more span{
	display: inline-block;
	float: left;
	color: #444;
}
.in-news-list li .inner .in-content .more a{
	display: inline-block;
	float: right;
}
.in-news-list li:hover .inner{
	box-shadow: 0 8px 16px rgba(0,0,0,.15);
}
.in-news-list li:hover .inner .pic img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.public-pages{
	text-align: center;
}
.public-pages .pagination > li > a{
	color: #000;
}
.public-pages .pagination > .active > a{
	background-color: #1900c5;
	color: #fff;
}
.in-path{
	height: auto;
	overflow: hidden;
	line-height: 24px;
	color: #999;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.in-path i{
	display: inline-block;
	margin-right: 6px;
	color: #000;
}
.in-path a{
	display: inline-block;
	margin: 0 5px;
}
.main-news-in{
	height: auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	flex-wrap: wrap;
}
.main-news-left{
	flex: 0 0 100%;
}
.main-news-right{
	flex: 0 0 100%;
	margin-top: 25px;
}
.main-news-title{
	color: #1900c5;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.main-news-other{
	color: #777;
	line-height: 28px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
}
.main-news-other span{
	display: inline-block;
	margin-right: 15px;
}
.main-news-other span i{
	margin-right: 5px;
	font-size: 18px;
	vertical-align: top;
	display: inline-block;
}
.main-news-content{
	margin-top: 15px;
	line-height: 1.8;
}
.main-news-content img{
    max-width: 100%;
    height: auto !important;
}
.main-news-boxrt{
	background-color: #f2f2f2;
	padding: 20px;
}
.main-news-title-tj{
	height: auto;
	overflow: hidden;
	font-size: 18px;
	padding-left: 15px;
	position: relative;
	font-weight: bold;
	margin-bottom: 20px;
}
.main-news-title-tj::before{
	content: '';
	width: 2px;
	height: 20px;
	background-color: #1900c5;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}
.main-news-tjlist{
	height: auto;
	overflow: hidden;
	padding: 0 15px 15px 15px;
	background-color: #fff;
}
.main-news-tjlist li{
	padding: 15px 0;
	background-color: #fff;
	border-bottom: 1px dashed #ddd;
}
.main-news-tjlist li .title{
	font-size: 14px;
	margin-bottom: 10px;
}
.main-news-tjlist li .title a{
	color: #1900c5;
}
.main-news-tjlist li .info{
	color: #666;
	font-size: 12px;
}
.contact-place-outer{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.contact-place-item{
	padding-left: 15px;
	padding-right: 15px;
	flex: 0 0 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}
.contact-place-item:last-child{
	margin-bottom: 0;
}
.contact-place-item .inner{
	flex: 0 0 100%;
	border: 1px solid #ccc;
	padding: 20px 15px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.contact-place-item .inner .title{
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.contact-place-item .inner .info{
	color: #333;
	font-size: 14px;
	line-height: 2;
}
.contact-place-item:hover .inner{
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.contact-place-item:hover .inner .title{
	color: #1900c5;
}
.contact-toby-outer{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.contact-toby-address{
	flex: 0 0 100%;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.contact-toby-howby{
	flex: 0 0 100%;
}
.contact-toby-inner{
	position: relative;
}
.contact-toby-ico{
	height: auto;
	overflow: hidden;
	line-height: 1.25;
	text-align: center;
}
.contact-toby-ico i{
	color: #1900c5;
	font-size: 36px;
}
.contact-toby-company{
	height: auto;
	overflow: hidden;
	text-align: center;
}
.contact-toby-company h2{
	margin-top: 10px;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.contact-toby-company h4{
	font-size: 14px;
}
.contact-toby-bycar{
	height: auto;
	overflow: hidden;
}
.contact-toby-bycar h4{
	font-size: 16px;
}
.contact-toby-bycar p{
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.75;
}
.contact-kefu{
	margin-left: -12px;
	margin-right: -12px;
}
.contact-kefu .item{
	padding: 12px;
	overflow: hidden;
}
.contact-kefu .item .inner{
	background-color: #fff;
	height: auto;
	overflow: hidden;
	padding: 25px 15px;
	text-align: center;
	box-shadow: 0 0 16px rgba(0,0,0,.1);
	border: 1px solid #ccc;
	border-radius: 5px;
}
.contact-kefu .item .inner .pic{
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 15px auto;
	background-color: #1900c5;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.contact-kefu .item .inner .pic img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-radius: 50%;
}
.contact-kefu .item .inner .name{
	font-size: 18px;
}
.contact-kefu .item .inner .tel{
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact-kefu .item .inner .wechat{
	height: auto;
	overflow: hidden;
	border: 1px solid #ccc;
	max-width: 130px;
	margin: 0 auto;
}
.contact-kefu .item .inner .qq-talk{
	margin-top: 20px;
	margin-bottom: 5px;
}
.contact-kefu .item .inner .qq-talk a{
	display: block;
	max-width: 160px;
	margin: 0 auto;
	line-height: 42px;
	border: 1px solid #1900c5;
	border-radius: 24px;
	padding: 0;
	color: #1900c5;
}
.contact-kefu .item .inner .qq-talk a i{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 24px;
}
.contact-kefu .item:hover .inner .pic img{
	transform: scale(1.1);
}
.contact-kefu .item .inner .qq-talk a:hover{
	color: #fff;
	background-color: #1900c5;
}
.contact-kefu .slick-dots li button::before{
	font-size: 12px;
}
.contact-kefu .slick-dots li.slick-active button::before{
	color: #1900c5;
}
.section-web{
	padding: 60px 0;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
}
.section-web.web-bg1{
	background-image: url(../images/web1-bg.jpg);
}
.section-web.web-bg2{
	background-image: url(../images/web2-bg.jpg);
}
.section-web.web-bg3{
	background-image: url(../images/web3-bg.jpg);
}
.section-web.web-bg4{
	background-image: url(../images/web4-bg.jpg);
	padding-bottom: 0;
}
.container-web{
	max-width: 1730px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	padding-left: 15px;
	padding-right: 15px;
}
.web-pic-outer{
	flex: 0 0 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.web-pic{
	height: auto;
	overflow: hidden;
}
.web-pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.web-content-wrap{
	flex: 0 0 100%;
}
.web-content-info{
	height: auto;
	overflow: hidden;
	background-repeat: no-repeat;
}
.web-pad-top{
	padding-top: 10px;
}
.web-pad-left{
	padding-left: 25px;
}
.web-pad-right{
	padding-right: 45px;
}
.line-red{
	background-image: url(../images/line-red.png);
	background-position: 0 0;
	background-size: 60px;
}
.line-blue{
	background-image: url(../images/line-blue.png);
	background-position: 100% 0;
	background-size: 60px;
}
.web-content-word{
	height: auto;
	overflow: hidden;
	color: #000;
}
.web-content-word.white{
	color: #fff;
}
.web-content-word h1{
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 4px;
}
.web-content-word h1 span.red{
	color: #e8312e;
}
.web-content-word h1 span.blue{
	color: #1900c5;
}
.web-content-word h2{
	font-size: 18px;
	line-height: 40px;
	margin-top: 0;
	margin-bottom: 15px;
}
.web-content-word p{
	font-size: 14px;
	line-height: 2;
	margin-bottom: 20px;
}
.web-content-btm{
	height: auto;
	overflow: hidden;
	font-size: 14px;
}
.web-content-btm a{
	color: #fff;
	display: inline-block;
	padding: 10px 35px;
	border-radius: 8px;
	margin-right: 20px;
	margin-bottom: 15px;
}
.web-content-btm a.red{
	background-color: #e8312e;
}
.web-content-btm a.black{
	background-color: #000;
}
.web-content-btm a.blue{
	background-color: #1900c5;
}
.web-service-outer{
	max-width: 1460px;
	margin: -30px auto 0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.web-service-outer .item{
	flex: 0 0 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 0;
	border-bottom: 1px dashed #ccc;
}
.web-service-outer .item:nth-child(9){
	border-bottom: none;
}
.web-service-outer .item .icon{
	flex: 0 0 46px;
	height: auto;
	overflow: hidden;
}
.web-service-outer .item .icon i{
	display: inline-block;
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	border-radius: 50%;
	color: #fff;
	background-color: #1900c5;
	font-size: 24px;
}
.web-service-outer .item .service-main{
	flex: auto;
	padding-left: 15px;
}
.web-service-outer .item .service-main .title{
	color: #000;
	font-size: 20px;
	margin-bottom: 10px;
}
.web-service-outer .item .service-main .info{
	font-size: 14px;
}
.seo-baidu-outer{
	padding: 0 15px;
	margin-top: 10px;
}
.seo-baidu{
	height: auto;
	overflow: hidden;
	border: 2px solid #1900c5;
	border-radius: 5px;
}
.seo-baidu-input{
	background-color: #fff;
	float: left;
	position: relative;
}
.seo-baidu-input input{
	display: block;
	width: 240px;
	padding: 0 60px 0 20px;
	color: #000;
	font-size: 18px;
	height: 46px;
	line-height: 46px;
	border: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.seo-baidu-input i{
	display: inline-block;
	position: absolute;
	color: #000000;
	font-size: 24px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	top: 50%;
	margin-top: -15px;
	right: 15px;
}
.seo-baidu-btm{
	display: block;
	float: left;
	width: 80px;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	color: #fff!important;
	background-color: #1900c5;
	text-align: center;
	font-size: 14px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/*******分页*************/
.page{width:100%;text-align:center;clear:both;height:42px;padding:20px 0;overflow:hidden;}
.page a{padding:6px 12px;border:1px solid #ccc;color:#505050;margin:0 1px;font-size:13px;text-align:center;}
.page .more{border:0;}
.page a:hover{background:#1900c5;border-color:#1900c5;color:#FFF;}
.page .pre{font-weight:600;color:#ff6400;}
.page .next{font-weight:600;color:#ff6400;}
.page .pre:hover{background:#1900c5;border-color:#1900c5;color:#FFF;}
.page .next:hover{background:#1900c5;border-color:#1900c5;color:#FFF;}
.page .more:hover{background:none;color:#505050;}
.page .current{background:#1900c5;border-color:#1900c5;color:#FFF;font-weight:700;}
.page .current:hover{background:#1900c5;border-color:#1900c5;color:#FFF;font-weight:700;}
.page .no_pre{color:#ccc;font-weight:600;}
.page .no_pre:hover{color:#ccc;background:none;border-color:#CCC;}
.page .no_next{color:#ccc;font-weight:600;}
.page .no_next:hover{color:#ccc;background:none;border-color:#CCC;}
.rm-pages{
	padding: 10px;
	text-align: center;
}
.foot-zhanei{
    width: 100%;height: 42px;overflow: hidden;
}
.mb-foot-list2026{
    display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		background-color: #1900c5;
		position:fixed;left: 0;right: 0;bottom: 0;z-index:555;
}
.mb-foot-list2026 li{
    width: 25%;
    font-size: 12px;
}
.mb-foot-list2026 li + li{
    border-left: 1px solid #ddd;
}
.mb-foot-list2026 li a{
    display: block;
    line-height: 42px;text-align: center;color: #fff;
}
@media (min-width: 768px) {
    .mb-foot-list2026,
    .foot-zhanei{
        display: none;
    }
}

/*******************************************/
.dz-banner{
	height: auto;
	overflow: hidden;
}
.dz-banner img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.dz-banner img.pc{
	display: none;
}
.content1260 {
  max-width: 1290px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.dz-head{
	font-size: clamp(20px, 20px + 1.23vw, 40px);
	font-weight: 500;
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.dz-subtit{
	margin: 15px 0;
	color: #999;
	font-size: 14px;
	text-transform: uppercase;
}
.dz-other{
	font-size: 12px;
	color: #666;
}
.dz-other span{
	display: inline-block;
	position: relative;
}

.mini-app-list{
	margin-top: 25px;
	margin-left: -6px;
	margin-right: -6px;
	display: flex;
	flex-wrap: wrap;
}
.mini-app-list li{
	display: flex;
	width: 50%;
	padding: 6px;
	flex-direction: column;
	text-align: center;
}
.mini-app-list li .ico{
	width: 60px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.mini-app-list li .ico img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	transition: 0.5s;
}
.mini-app-list li .ico img.img-1{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.mini-app-list li .title{
	font-size: 16px;
	font-weight: 600;
	margin: 20px 0;
	color: #000;
}
.mini-app-list li p{
	color: #666;
	font-size: 14px;
	line-height: 1.75;
}
.dz-line{
	border-bottom: 1px dashed #e5e5e5;
}

.different-title {
  display: flex;
  align-items: center;
  position: relative;
}

.different-title p {
  line-height: 1.2;
  width: 200px;
  color: #999999;
  margin: 0;
  font-size: 12px;
	padding-left: 4px;
}

.different-title div {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}

.different-content {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.different-content .left {
  width: 100%;
}

.different-content .left h5 {
  display: flex;
  align-items: center;
  position: relative;
  color: black;
  font-size: 16px;
  color: black;
  font-weight: 600;
  text-align: center;
}

.different-content .left h5 span {
  color: #bfbfbf;
  font-size: 12px;
  margin-left: 35px;
  font-weight: normal;
}

.different-content .left h5 img {

 position: absolute;
 top: 20px;
 right: 6px;
 width: 210px;
 min-width: 200px;
}

.different-content .left div {
  margin-top: 30px;
}
.different-content .left div img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.different-content .right {
  width: 100%;
}

.different-content .right section {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: black;
  font-weight: 600;
}

.different-content .right section img {
  margin: 0 20px;
  max-width: 200px;
  height: auto;
}

.different-content .right ul {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

.different-content .right ul li {
  display: flex;
  margin-bottom: 30px;
}

.different-content .right ul li span {

  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: black;
  padding-right: 10px;
  color: #000;
  font-weight: bold;
}
.different-content .right ul li div{
	flex: 1;
}
.different-content .right ul li div img{
	width: 100%;
	height: auto;
	display: block;
}

.why-dzsec{
	background-image: url(/web/static/images/why-banner.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}
.dz-flex-why{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.dz-flex-why .zou{
	display: none;
}
.dz-flex-why .you{
	width: 100%;
	background-image: url(/web/static/images/why-bg.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	padding: 60px 20px;
}
.dz-why-kf{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.dz-list-why{
	height: auto;
	overflow: hidden;
}
.dz-list-why li{
	height: auto;
	overflow: hidden;
}
.dz-list-why li + li{
	margin-top: 20px;
}
.dz-list-why li .why-item-sb{
	display: flex;
}
.dz-list-why li .why-item-sb .why-numsz{
	width: 32px;
	height: 32px;
	background-color: #fff;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dz-list-why li .why-item-sb .txt{
	flex: 1;
	position: relative;
	padding-left: 15px;
}
.dz-list-why li .why-item-sb .txt2{
	flex: 1;
	padding-left: 47px;
}
.dz-list-why li .sbtit{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
}
.dz-list-why li .sbenp{
	color: #d6d5d5;
	font-size: 10px;
	margin-top: 2px;
}
.dz-list-why li .why-item-sb .txt::after{
	content: '';
	width: 16px;
	height: 24px;
	background-image: url(/web/static/images/custom-icon.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) scale(0.8);
}
.dz-list-why li .why-item-sb .txt::before{
	content: '';
	width: 120px;
	height: 0;
	border-top: 1px dashed #9ab9ff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}
.dz-list-why li .sbexpfe{
	margin-top: 10px;
	color: #fff;
	font-size: 12px;
}
.dz-sbfw{
	text-align: center;
	margin-top: 25px;
}
.dz-sbfw span{
	display: inline-block;
	background-color: #cbd3d6;
	font-size: 15px;
	color: #000;
	font-weight: bold;
	line-height: 1.5;
	padding: 10px 25px;
}
.dz-sbtuh{
	margin-top: 40px;
}
.dz-sbtuh img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.dz-banner img.pc{
		display: block;
	}
	.dz-banner img.mb{
		display: none;
	}
	.dz-subtit{
		margin: 25px 0;
	}
	.dz-other{
		font-size: 16px;
	}
	.mini-app-list{
		margin-top: 40px;
	}
	.mini-app-list li{
		width: 25%;
	}
	.mini-app-list li .ico{
		width: 103px;
	}
	.mini-app-list li .ico img.img-1{
		opacity: 1;
		visibility: visible;
	}
	.mini-app-list li .ico img.img-2{
		opacity: 0;
		visibility: hidden;
	}
	.mini-app-list li:hover .ico img.img-1{
		opacity: 0;
		visibility: hidden;
	}
	.mini-app-list li:hover .ico img.img-2{
		opacity: 1;
		visibility: visible;
	}
	.mini-app-list li p{
		padding: 0 15px;
	}
	.different-title div {
		display: block;
	}
	.different-content .left{
		width: 50%;
	}
	.different-content .right{
		width: 42%;
	}
	.different-content .right ul li span{
		font-size: 14px;
	}
	.why-dzsec{
		padding-top: 150px;
		background-size: auto;
	}
	.dz-flex-why .zou{
		display: block;
		width: 28%;
	}
	.dz-flex-why .you{
		width: 58%;
		padding: 150px 60px;
	}
	.dz-why-kf{
		font-size: 30px;
		text-align: center;
		margin-bottom: 90px;
	}
	.why-hd-title{
		color: #dee4e8;
		font-size: 50px;
		width: 360px;
		line-height: 1.5;
		text-align: start;
	}
	.dz-list-why li + li{
		margin-top: 60px;
	}
	.dz-list-why li .why-item-sb .why-numsz{
		width: 65px;
		height: 55px;
		color: #3d79fe;
		font-size: 44px;
	}
	.dz-list-why li .sbtit{
		font-size: 24px;
		margin-top: 2px;
	}
	.dz-list-why li .sbenp{
		margin-top: 10px;
	}
	.dz-list-why li .why-item-sb .txt::before{
		width: 260px;
	}
	.dz-list-why li .why-item-sb .txt2{
		padding-left: 80px;
	}
	.dz-list-why li .sbexpfe{
		font-size: 14px;
		line-height: 1.5;
		color: #d0daff;
		margin-top: 30px;
	}
}
@media (min-width: 992px) {
	.dz-other{
		font-size: 18px;
	}
	.dz-other span{
		padding: 0 80px;
	}
	.mini-app-list{
		margin-top: 60px;
	}
	.mini-app-list li p{
		padding: 0 30px;
	}
	.different-content .right ul li{
		margin-bottom: 40px;
	}
	.different-content .right ul li span{
		font-size: 16px;
		font-weight: normal;
		padding-right: 30px;
	}
	.dz-why-kf{
		font-size: 40px;
	}
	.dz-sbfw span{
		font-size: 20px;
		font-weight: normal;
	}
	.dz-sbtuh{
		margin-top: 80px;
	}
}

/** wps **/

.c {
	clear: both;
}

.tab {}

.tab-hd {
	overflow: hidden;
	zoom: 1;
}

.tab-hd li {
	cursor: pointer;
}

.tab-hd li.active {}

.tab-bd li {
	display: none;
}

.tab-bd li:nth-child(1) {
	display: list-item;
}

.containe_new {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}


.padding_new {
	padding: 4% 0 6%;
	display: flow-root;
}

.containe_new2 {
	width: 1400px;
	margin: 0 auto;
}

.fs48 {
	font-size: 36px;
	font-weight: bold;
	line-height: initial;
}

.fs36 {
	font-size: 36px;
}

.pfnew {
	overflow: hidden;
	width: 100%;
	position: relative;
	padding-top: 75%;
}

.pfnew img {
	transition: all 0.5s ease;
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin: auto;
	z-index: 1;
}

.pfnew:hover img {
	transform: scale(1.1);
}

.list_case_new {}

.list_case_new dt.casen {
	width: 24%;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.list_case_new .casen:nth-child(4n) {
	margin-right: 0px;
}

.list_case_new .casen .pfnew {
	padding-top: 57%;
	border-radius: 5px;
}

.list_case_new .casen .txt {
	background: #f6f6f6;
	border-radius: 5px;
	margin-top: 10px;
	padding: 26px 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
	display: flow-root;
}

.list_case_new .casen .txt h2 {
	line-height: 28px;
	color: #000;
	font-size: 24px;
	display: block;
	width: calc(100% - 80px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list_case_new .casen .txt i {
	line-height: 28px;
	height: 28px;
	width: 60px;
	background: #fff;
	border-radius: 500px;
	text-align: center;
	font-size: 14px;
}

.list_case_new .casen .txt i:hover {
	background: #ff722f;
	color: #fff;
}

.list_case_new .casen .txt .view {
	font-family: 'arial';
}

.list_case_new .casen .txt .p {
	margin-top: 10px;
}

.list_case_new .casen .txt .p .fl {
	width: calc(100% - 80px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.web_new02 {
	background: #f4f5fa;
}

.tit_webn {
	text-align: center;
}

.tit_webn p {
	display: block;
	margin: 15px 0 50px;
}

.web_new02 .tab-hd li {
	width: 20%;
	float: left;
	position: relative;
}

.web_new02 .tab-hd li .tit p {
	width: 260px;
	height: 60px;
	line-height: 60px;
	border-radius: 500px;
	overflow: hidden;
	background: #fff;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.web_new02 .tab-hd li .tit {
	padding: 10px 0;
}

.web_new02 .tab-hd li.active i {
	display: block;
}

.web_new02 .tab-hd li.active .tit p {
	box-shadow: 0 0 15px 0 rgb(255 114 47 / 20%);
	color: #ff722f;
}

.web_new02 .tab-hd li::after {
	content: '';
	width: 96px;
	height: 6px;
	background: url(/web/static/picture/ic19.png) no-repeat center;
	position: absolute;
	left: -48px;
	top: 37px;
	z-index: 1;
}

.web_new02 .tab-hd li:last-child::before {
	content: '';
	width: 96px;
	height: 6px;
	background: url(/web/static/picture/ic19.png) no-repeat center;
	position: absolute;
	right: -48px;
	top: 37px;
	z-index: 1;
}

.web_new02 .tab-hd li.active::after {
	background: url(/web/static/picture/ic20.png) no-repeat center;
}

.web_new02 .tab-bd {
	margin-top: 60px;
}

.web_new02 .tab-bd li .pic {
	max-width: 48%;
}

.web_new02 .tab-bd li .pic img,
.web_new04 .pic img {
	width: 100%;
}

.web_new02 .tab-bd li .box {
	width: 50%;
	max-width: 656px;
	margin-top: 3%;
}

.web_new02 .tab-bd li .box .ic {
	overflow: hidden;
}

.web_new02 .tab-bd li .box .ic img {
	display: block;
	width: 62px;
}

.web_new02 .tab-bd li .box .txt {
	width: calc(100% - 90px);
}

.web_new02 .tab-bd li .box .txt b {
	font-weight: bold;
	line-height: 56px;
	display: block;
}

.web_new02 .tab-bd li .box .txt p {
	line-height: 30px;
	margin: 40px 0;
	font-size: 16px;
}

.web_new02 .tab-bd li .box .txt dt {
	line-height: 30px;
	display: flex;
	width: 48%;
	float: left;
	font-size: 16px;
}

.web_new02 .tab-bd li .box .txt dt:nth-child(2n) {
	float: right;
}

.web_new02 .tab-bd li .box .txt dt i {
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #ff722f;
	margin-top: 12.5px;
	margin-right: 8px;
}

.web_new03 .containe_new {
	overflow: hidden;
}

.web_new03 {
	max-width: 1920px;
	margin: 0 auto;
}

.web_new03 .box {
	position: relative;
}

.web_new03 .swiper-button-next,
.web_new03 .swiper-button-prev {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	background: #f6f6f6 !important;
	opacity: 1 !important;
	overflow: hidden;
	margin-top: 0;
}

.web_new03 .swiper-button-next img,
.web_new03 .swiper-button-prev img {
	margin: 0 auto;
	margin-top: 14.5px;
	display: block;
}

.web_new03 .swiper-button-next {
	right: 4% !important;
}

.web_new03 .swiper-button-prev {
	left: 4% !important;
}

.web_new03 .swiper-button-next:hover,
.web_new03 .swiper-button-prev:hover {
	background: #ff722f !important;
}

.web_new03 .swiper-button-next:hover img,
.web_new03 .swiper-button-prev:hover img {
	transform: translateY(-200px);
	filter: drop-shadow(#fff 0 200px);
}

.web_new04 {
	background: url(/web/static/picture/pic12.jpg) no-repeat left;
	background-size: cover;
	min-height: 700px;
}

.web_new04 .pic {
	max-width: 48%;
	margin-top: 85px;
}

.web_new04 .txt {
	width: calc(100% - 50%);
	max-width: 680px;
	margin-top: 5%;
}

.web_new04 .txt h2 {
	color: #ff722f;
}

.web_new04 .txt .p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin: 30px 0;
}

.web_new04 .txt dl {
	display: grid;
	gap: 35px;
	grid-template-columns: repeat(2, 1fr);
}

.web_new04 .txt dt {
	background: #fff;
	border-radius: 10px;
	padding: 16px 40px 25px 35px;
	box-sizing: border-box;
	display: flow-root;
	position: relative;
}

.web_new04 .txt dt b {
	font-size: 24px;
	font-weight: bold;
	display: block;
	margin-bottom: 6px;
}

.web_new04 .txt dt p {
	line-height: 24px;
	color: #666;
	height: 48px;
	overflow: hidden;
}

.web_new04 .txt dt::after {
	position: absolute;
	top: 32px;
	left: 16px;
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 100%;
	background: #ff722f;
}

.titsy_new {
	position: relative;
	padding-top: 35px;
	margin-bottom: 35px;
}

.titsy_new i {
	display: block;
	width: 477px;
	height: 108px;
	background: url(/web/static/picture/pic18.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: -90px;
	z-index: 1;
}

.titsy_new p {
	font-size: 22px;
	display: block;
	margin-top: 10px;
}

.titsy_new p,
.titsy_new h2 {
	position: relative;
	z-index: 9;
}

@media (max-width: 1700px) {
	.fs48 {
		font-size: 40px;
	}

	.fs36 {
		font-size: 30px;
	}

	.containe_new,
	.containe_new2 {
		max-width: 92%;
	}

	.web_new02 .containe_new2 {
		max-width: 100%;
	}

}

@media (max-width: 1400px) {
	.fs48 {
		font-size: 34px;
	}

	.fs36 {
		font-size: 24px;
	}

	.web_new04 {
		min-height: inherit;
		padding-bottom: 10%;
	}

	.web_new03 .swiper-button-next {
		right: 0 !important;
	}

	.web_new03 .swiper-button-prev {
		left: 0 !important;
	}

	.web_new02 .tab-hd li .tit p {
		width: 90%;
		font-size: 16px;
	}

	.titsy_new p {
		font-size: 20px;
	}

}

@media (max-width: 1200px) {
	.fs48 {
		font-size: 28px;
	}

	.fs36 {
		font-size: 20px;
	}

	.list_case_new .casen .txt h2,
	.web_new04 .txt dt b,
	.fs24 {
		font-size: 20px;
	}

	.web_new02 .tab-bd li .box {
		margin-top: 0;
	}

}

@media (max-width: 1024px) {
	.fs48 {
		font-size: 24px;
	}

	.fs36 {
		font-size: 18px;
	}

	.clenew {
		clear: both;
	}

	.list_case_new .casen .txt h2,
	.web_new04 .txt dt b,
	.fs24 {
		font-size: 18px;
	}

	.list_case_new .casen .txt {
		padding: 15px;
	}

	.list_case_new .casen .pfnew {
		padding-top: 70%;
	}

	.tit_webn p {
		margin-bottom: 25px;
	}

	.web_new02 .tab-hd li {
		width: 32%;
	}

	.web_new02 .tab-bd li .box,
	.web_new02 .tab-bd li .pic,
	.web_new04 .txt,
	.web_new04 .pic {
		width: 100%;
		max-width: 100%;
	}

	.web_new02 .tab-bd li .box .ic img {
		width: 45px;
	}

	.web_new02 .tab-bd li .box .txt {
		width: calc(100% - 60px)
	}

	.web_new02 .tab-bd li .box .txt b {
		line-height: 40px;
	}

	.web_new02 .tab-bd li .box .txt p {
		margin-top: 20px;
	}

	.web_new02 .tab-bd li .box .txt dt {
		font-size: 15px;
	}

	.web_new04 .pic {
		margin-top: 30px;
	}


	.titsy_new p {
		font-size: 16px;
	}

	.titsy_new {
		margin-bottom: 20px;
	}

	.titsy_new i {
		display: none;
	}

	.titsy_new {
		margin-top: 0;
		padding-top: 0;
	}

}

@media (max-width: 820px) {
	.list_case_new .casen .txt h2,
	.web_new04 .txt dt b,
	.fs24 {
		font-size: 16px;
	}

	.list_case_new .casen .txt .p {
		margin-top: 5px;
		font-size: 14px;
	}

	.list_case_new dt.casen {
		width: 100%;
		margin-bottom: 15px;
	}

	.list_case_new .casen .txt {
		margin-top: 5px;
	}

}

@media (max-width: 580px) {

	.fs48 {
		font-size: 18px;
	}

	.fs36 {
		font-size: 16px;
	}

	.padding_new {
		padding: 30px 0 45px;
	}

	.tit_webn p {
		font-size: 14px;
		line-height: 20px;
		margin: 10px 0 20px;
	}

	.web_new02 .tab-hd li .tit p {
		height: 50px;
		line-height: 50px;
		font-size: 15px;
	}

	.web_new02 .tab-hd li {
		width: 50%;
		float: left;
	}

	.web_new02 .tab-hd li:nth-child(2n) {
		float: right;
	}

	.web_new02 .tab-hd li:last-child::before,
	.web_new02 .tab-hd li::after {
		display: none;
	}

	.web_new02 .tab-hd li .tit p {
		width: 100%;
	}

	.web_new02 .tab-hd li .tit {
		padding: 8px;
	}

	.web_new02 .tab-hd li:last-child {
		width: 100%;
	}

	.web_new02 .tab-bd {
		margin-top: 30px;
	}

	.web_new02 .tab-bd li .box .txt p,
	.web_new04 .txt .p {
		font-size: 15px;
		margin: 10px 0 20px;
	}

	.web_new02 .tab-bd li .box .txt dt {
		font-size: 14px;
	}

	.web_new04 .txt dl {
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}

	.web_new04 .txt dt p {
		font-size: 14px;
		line-height: inherit;
		height: auto;
	}

	.web_new04 .txt dt::after {
		width: 6px;
		height: 6px;
		top: 26px;
	}

}

.fl {
  float: left;
}
.fr {
  float: right;
}