/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body,div {
	margin: 0;
	box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

a {
	background-color: transparent
}

a:active,a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,kbd,pre,samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,th {
	padding: 0
}

a,p,ul,li,dd,dt,dl,span,i,h1,h2,h3,h4,h5,h6,p,div {
	text-decoration: none;
	box-sizing: border-box;
	font-size: 14px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-weight: normal;
	color: #333
}

*,*:after,*:before {
	box-sizing: border-box
}

.clearfix:before,.clearfix:after {
	display: table;
	content: ''
}

.clearfix:after {
	clear: both
}

input,textarea {
	border: 1px solid #D1D1D1;
	background: #fff;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
	outline: none
}

a:hover {
	text-decoration: none
}

* {
	font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
	padding: 0;
	word-wrap: break-word;
	word-wrap: break-word
}

body,html {
	overflow-x: hidden;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	background: #eee
}

img {
	display: block;
	max-width: 100%
}

.container {
	margin: 0 auto;
	padding: 0 20px
}

@media only all and (min-width: 1024px) {
	.container {
		padding: 0 20px !important
	}
}

@media only all and (min-width: 1200px) {
	.container {
		max-width: 1000px;
		padding: 0px !important
	}
}

@font-face {
	font-family:'SourceSansPro';src:url("../fonts/SourceSansPro-Regular.ttf")
}

.banner {
	padding-top: 20px
}

.banner .swiper-banner .swiper-slide .kv-text {
	width: 34%;
	height: 340px;
	float: left;
	padding: 4% 3.8% 0;
	background: #000;
	color: #fff
}

@media only all and (max-width: 640px) {
	.banner .swiper-banner .swiper-slide .kv-text {
		width: 100%;
		height: 240px;
		padding: 3.8%
	}
}
@media only all and (max-width: 350px) {
	.banner .swiper-banner .swiper-slide .kv-text {
		height: 250px;
	}
}

.banner .swiper-banner .swiper-slide .kv-text span {
	display: block;
	line-height: 39px;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0.3px
}

@media only all and (max-width: 850px) {
	.banner .swiper-banner .swiper-slide .kv-text span {
		font-size: 24px;
		line-height: 30px
	}
}

@media only all and (max-width: 640px) {
	.banner .swiper-banner .swiper-slide .kv-text span {
		display: inline-block;
		font-size: 24px;
		line-height: 30px
	}
}

.banner .swiper-banner .swiper-slide .kv-text .text {
	margin-top: 12px;
	line-height: 24px;
	font-size: 17px;
	letter-spacing: 0.2px;
	color: #fff
}

@media only all and (max-width: 850px) {
	.banner .swiper-banner .swiper-slide .kv-text .text {
		font-size: 14px;
		line-height: 20px
	}
}

.banner .swiper-banner .swiper-slide .img {
	width: 66%;
	float: right;
	position: relative;
	background: #222;
	height: 340px
}

@media only all and (max-width: 850px) {
	.banner .swiper-banner .swiper-slide .img {
		height: 247px
	}
}

@media only all and (max-width: 640px) {
	.banner .swiper-banner .swiper-slide .img {
		width: 100%;
		height: auto
	}
}

.banner .swiper-banner .swiper-slide .img .copy {
	position: absolute;
	bottom: 10px;
	left: 10px;
	line-height: 13px;
	font-family: SourceSansPro;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(34,34,34,0.5)
}

.banner .swiper-banner .swiper-slide .pc-img {
	display: block;
	height: 100%;
	width: auto
}

@media only all and (max-width: 640px) {
	.banner .swiper-banner .swiper-slide .pc-img {
		display: none;
		height: auto;
		width: 100%
	}
}

.banner .swiper-banner .swiper-slide .mp-img {
	display: none
}

@media only all and (max-width: 640px) {
	.banner .swiper-banner .swiper-slide .mp-img {
		display: block
	}
}

.banner .swiper-banner .swiper-pagination {
	text-align: right;
	padding-right: 20px;
	bottom: 15px
}

@media only all and (max-width: 640px) {
	.banner .swiper-banner .swiper-pagination {
		padding-right: 10px;
		bottom: 10px;
	}
}

.banner .swiper-banner .swiper-pagination span {
	width: 20px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 0;
	opacity: 1;
	background: transparent
}

.banner .swiper-banner .swiper-pagination span:hover {
	opacity: 0.6;
	background: #fff
}

.banner .swiper-banner .swiper-pagination span.swiper-pagination-bullet-active {
	background: #fff
}

.server {
	padding-top: 40px;
	margin-bottom: 30px;
}
.server .index-title{
	display: block;
	margin-bottom: 10px;
}
.server .index-title span .img2,
.cust .index-title span .img2,
.new .index-title span .img2 {
	width: 10px;
	height: auto;
	display: inline-block;
	/* margin-left: 10px; */
}
.server .server-left{
	width: 67%;
	padding: 0;
	padding-right: 16px;
	float: left;
	background: none;
}
.server .server-box {
	position: relative;
	/* padding: 30px 20px 40px; */
	background: #fff;
	margin-bottom: 30px;
}
.server .server-cont .server-box ul{
	padding: 30px 20px 36px;
	background: #fff;
	margin: 0;
}
.server  .server-right {
	width: 33%;
	padding-left: 16px;
	float: right;
	margin-top: 47px;
}
.server .server-right a{
	margin-bottom: 20px;
	display: block;
}
.server .server-right img{
	margin-bottom: 77px;
	height: 330px;
	width: 100%;
}
.server .server-right a:nth-child(2){
  margin-top: 98px;
  margin-bottom: 49px;
}
.server .server-right img:nth-child(2){
	margin-bottom: 28px;
}
.server .server-right img:last-child{
	margin-bottom: 0;
	height: 314.24px;
}
.server .server-right a:nth-child(3) img{
	height: 287px;
}
@media only all and (max-width: 1050px) {
  .server .server-right img:last-child{
    margin-bottom: 0;
    height: 309.24px;
  }
}
@media only all and (max-width: 850px) {
	.server .server-box {
		padding-bottom: 0
	}
	.server .server-cont .server-box{
		width: 100%;
		padding-right: 0;
	}
	.server .server-cont .server-right{
		width: 100%;
		padding-left: 0;
		margin-bottom: 20px;
	}
	.server .server-right a {
		display: inline-block;
		width: 48%;
		margin-right: 1%;
	}
	.server .server-right a:nth-child(2n){
		margin-right: 0;
	}
	.server .server-right a:nth-child(2) {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.server .server-right a:nth-child(3) img{
		height: auto;
	}
}

.server .server-box .sub-index-title {
	line-height: 28px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.2px;
	text-align: center;
	color: #222222
}

.server .server-box .sub-text {
	line-height: 24px;
	opacity: 0.61;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.2px;
	text-align: center;
	color: #222222
}

@media only all and (max-width: 640px) {
	.server .server-box .sub-text {
		font-size: 15px;
		display: none
	}
}

.server .server-box ul {
	font-size: 0;
	margin: 28px -15px 0
}

.server .server-box ul li {
	display: inline-block;
	width: 33.33%;
	padding: 0 15px;
	vertical-align: top
}

@media only all and (max-width: 850px) {
	.server .server-box ul li {
		width: 50%;
		margin-bottom: 39px
	}
	.server .server-left{
		width: 100%;
		padding-right: 0;
	}
	.server .server-right{
		width: 100%;
		padding-left: 0;
	}
	.server .server-right img{
		width: auto;
		height: auto;
		max-width: 100%;
		display: inline-block;
		margin-bottom: 30px;
		margin-right: 30px;
	}
	.server .server-right img:last-child{
		height: auto;
	}
}

@media only all and (max-width: 640px) {
	.server .server-box ul li {
		width: 100%;
		margin-bottom: 39px
	}
}

.server .server-box ul li .img {
	display: block;
	border: 1px solid #dadada;
	background: #dadada
}

@media only all and (max-width: 640px) {
	.server .server-box ul li .img {
		width: auto;
		/* float: right; */
		margin-bottom: 10px
	}
}

.server .server-box ul li .img img {
	width: 100%
}

.server .server-box ul li .server-info {
	margin-top: 18px;
	text-align: left;
}

@media only all and (max-width: 640px) {
	.server .server-box ul li .server-info {
		margin-top: 3px;
		text-align: left
	}
}

@media only all and (max-width: 640px) {
	/* .server .server-box ul li .server-info .title,.server .server-box ul li .server-info .sub-title {
		padding-right: 120px
	} */
}

.server .server-box ul li .server-info .title a,.server .server-box ul li .server-info .sub-title a {
	display: inline-block;
	line-height: 20px;
	color: #006699;
	font-size: 15px;
	text-align: left;
	min-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.server .server-box ul li .server-info .sub-title a {
	font-size: 13px
}

.server .server-box ul li .server-info .text {
	margin-top: 10px
}
.server .server-box ul li .server-info .text a {
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.1px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: left;
}

.server .server-box ul li:hover .server-info .title a,.server .server-box ul li:hover .server-info .sub-title a {
	text-decoration: underline
}

.server .server-box .more {
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 114px;
	height: 39px;
	line-height: 31px;
	margin: 0 auto;
	text-align: center;
	border-radius: 67px;
	background-color: #ffffff;
	border: solid 4px #bcd2dc;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
	color: #006699;
	cursor: pointer;
	transition: all 0.4s
}

.server .server-box .more span {
	color: #006699;
	font-weight: bold;
	transition: all 0.4s
}

.server .server-box .more:hover {
	background: #006699
}

.server .server-box .more:hover span {
	text-decoration: underline;
	color: #fff
}

.server .server-box .more:hover i {
	color: #fff
}

.server .server-box .more:hover i img.more-img2 {
	display: none
}

.server .server-box .more:hover i img.more-img1 {
	display: inline-block
}

.server .server-box .more i {
	margin-left: 5px;
	color: #006699;
	font-weight: bold;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.server .server-box .more i img {
	display: inline-block
}

.server .server-box .more i img.more-img1 {
	display: none
}

.server .server-box .more.active i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.cust .cust-box {
	background: #fff;
	padding: 30px 20px 40px;
	margin-bottom: 40px
}
.cust .index-title,
.new .index-title {
	display: block;
	margin-bottom: 15px;
}
.white-paper .index-title {
	display: block;
	margin-bottom: 18px;
}
.cust .cust-box.swiper1 .swiper-wrapper .swiper-slide {
	/* float: left; */
	display: table;
	width: 25%;
	padding: 5px;
	text-align: center;
}
.cust .cust-box.swiper1 .swiper-button-next,
.cust .cust-box.swiper1 .swiper-button-prev {
	width: 27px;
	height: 28px;
}
@media only all and (max-width: 850px) {
	.cust .cust-box ul li {
		width: 25%
	}
}

@media only all and (max-width: 640px) {
	.cust .cust-box ul li {
		width: 33.33%
	}
	.server .server-box ul li .server-info .text a{
		display: block;
	}
	.server .server-box ul li .server-info .title a,
	.server .server-box ul li .server-info .sub-title a{
		min-height: auto;
		/* overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical; */
	}
}

.cust .cust-box ul li .img {
	display: table-cell;
	vertical-align: middle
}

.cust .cust-box ul li .img img {
	width: 100%;
	margin: 0 auto
}

.cust .cust-box ul li .img .pc-img {
	display: block;
	width: auto;
	height: 87.92px;
}


@media only all and (max-width: 1024px) {
	.cust .cust-box ul li .img .pc-img {
		height: 84.55px;
	}
}

@media only all and (max-width: 768px) {
	.cust .cust-box ul li .img .pc-img {
		height: 78.27px;
	}
}

@media only all and (max-width: 640px) {
	.cust .cust-box ul li .img .pc-img {
		display: none
	}
}

.cust .cust-box ul li .img .mp-img {
	display: none
}

@media only all and (max-width: 640px) {
	.cust .cust-box ul li .img .mp-img {
		display: block;
		height: 105.5px;
		width: auto;
	}
}

.activity .activity-box {
	position: relative;
	background: #fff;
	padding: 30px 20px 40px;
	margin-bottom: 40px
}

@media only all and (max-width: 850px) {
	.activity .activity-box {
		padding-bottom: 0
	}
}

.activity .activity-box ul {
	margin: 0 -17px
}

.activity .activity-box ul li {
	width: 33.33%;
	float: left;
	padding: 0 17px
}

@media only all and (max-width: 850px) {
	.activity .activity-box ul li {
		width: 50%;
		margin-bottom: 39px
	}
}

@media only all and (max-width: 640px) {
	.activity .activity-box ul li {
		width: 100%;
		margin-bottom: 39px
	}
}

.activity .activity-box ul li img {
	float: right;
	width: 75px;
	border: 1px solid #dadada
}

.activity .activity-box ul li h4 a {
	display: block;
	height: 46px;
	font-size: 17px;
	line-height: 23px;
	letter-spacing: 0.2px;
	text-align: left;
	color: #006699
}

.activity .activity-box ul li .time {
	margin-top: 10px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.2px;
	text-align: left;
	color: #666666
}

.activity .activity-box ul li .text {
	margin-top: 10px
}

.activity .activity-box ul li .text a {
	display: block;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.6px;
	text-align: left;
	color: #222222
}

.activity .activity-box ul li:hover h4 a {
	text-decoration: underline
}

.activity .activity-box .more {
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 114px;
	height: 39px;
	line-height: 31px;
	margin: 0 auto;
	text-align: center;
	border-radius: 67px;
	background-color: #ffffff;
	border: solid 4px #bcd2dc;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
	color: #006699;
	cursor: pointer;
	transition: all 0.4s
}

.activity .activity-box .more span {
	font-weight: bold;
	color: #006699;
	transition: all 0.4s
}

.activity .activity-box .more:hover {
	background: #006699
}

.activity .activity-box .more:hover span {
	text-decoration: underline;
	color: #fff
}

.activity .activity-box .more:hover i {
	color: #fff
}

.activity .activity-box .more:hover i img.more-img2 {
	display: none
}

.activity .activity-box .more:hover i img.more-img1 {
	display: inline-block
}

.activity .activity-box .more i {
	display: inline-block;
	margin-left: 5px;
	font-family: '宋体' !important;
	font-size: 13px;
	font-style: normal;
	margin-left: 5px;
	color: #006699;
	font-weight: bold;
	transition: all 0.4s
}

.activity .activity-box .more i img.more-img2 {
	display: inline-block
}

.activity .activity-box .more i img.more-img1 {
	display: none
}

.addimg{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 40px;
}
.addimg .addimg-left{
	width: 67%;
	padding-right: 16px;
	float: left;
}
.addimg .addimg-right{
	width: 33%;
	padding-left: 16px;
	float: right;
}



.news .new {
	position: relative;
	width: 67%;
	float: left;
	padding-right: 16px
}

@media only all and (max-width: 850px) {
	.news .new {
		width: 100%;
		float: none;
		padding: 0
	}
}
@media only all and (max-width: 414px){
	.addimg .addimg-left {
		width: 100%;
		padding-right: 0;
	}
	.addimg .addimg-right{
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
}

.news .new .new-box {
	padding: 28px 20px 42px;
	background: #fff
}

.news .new .new-box li {
	margin-bottom: 27px
}

.news .new .new-box li:last-child {
	margin-bottom: 0
}

.news .new .new-box li .title a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 22px;
	font-size: 17px;
	letter-spacing: 0.2px;
	text-align: left;
	color: #006699
}

.news .new .new-box li .time {
	margin: 4px 0 3px;
	line-height: 18px;
	font-size: 13px;
	color: #666666
}

.news .new .new-box li .text a {
	display: block;
	width: 100%;
	line-height: 21px;
	font-size: 13px;
	color: #222;
	max-height: 63px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.news .new .new-box li:hover .title a {
	text-decoration: underline
}

.news .white-paper {
	position: relative;
	width: 33%;
	float: right;
	padding-left: 16px
}

@media only all and (max-width: 850px) {
	.news .white-paper {
		width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 20px
	}
}

.news .white-paper .white-paper-box {
	padding: 30px 18px 61px;
	background: #fff
}

@media only all and (max-width: 850px) {
	.news .white-paper .white-paper-box {
		font-size: 0;
		padding-bottom: 39px
	}
}

.news .white-paper .white-paper-box li {
	position: relative;
	margin-bottom: 40px
}

@media only all and (max-width: 850px) {
	.news .white-paper .white-paper-box li {
		display: inline-block;
		vertical-align: top;
		width: 47.5%;
		margin: 0;
		margin-bottom: 10px;
		margin-right: 5%
	}
}

@media only all and (max-width: 850px) {
	.news .white-paper .white-paper-box li:nth-child(2n) {
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
	}
}

.news .white-paper .white-paper-box li .img {
	display: block;
	width: 40%;
	float: left
}

.news .white-paper .white-paper-box li .img img {
	/*border: 1px solid #dadada*/
}

.news .white-paper .white-paper-box li .img .img-con {
	border: 1px solid #dadada;
	width: 100%;
	height: 140px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only all and (max-width: 640px) {
	.news .white-paper .white-paper-box li .img .img-con {
		height: 280px;
	}	
}
@media only all and (max-width: 414px) {
	.news .white-paper .white-paper-box li .img .img-con {
		height: 190px;
	}	
}
@media only all and (max-width: 375px) {
	.news .white-paper .white-paper-box li .img .img-con {
		height: 180px;
	}	
}
@media only all and (max-width: 320px) {
	.news .white-paper .white-paper-box li .img .img-con {
		height: 150px;
	}	
}




@media only all and (max-width: 850px) {
	.news .white-paper .white-paper-box li .img {
		width: 32%
	}
}

@media only all and (max-width: 640px) {
	.news .white-paper .white-paper-box li .img {
		width: 100%
	}
}

.news .white-paper .white-paper-box li .paper-info {
	width: 60%;
	float: left;
	padding-left: 3%
}

@media only all and (max-width: 850px) {
	.news .white-paper .white-paper-box li .paper-info {
		width: 66%
	}
}

@media only all and (max-width: 640px) {
	.news .white-paper .white-paper-box li .paper-info {
		width: 100%;
		padding: 15px 0 0
	}
}

.news .white-paper .white-paper-box li .paper-info .style-font {
	display: block;
	line-height: 22px;
	font-size: 17px;
	color: #006699
}

@media only all and (max-width: 640px) {
	.news .white-paper .white-paper-box li .paper-info .style-font {
		font-size: 14px
	}
}

@media only all and (max-width: 640px) {
	.news .white-paper .white-paper-box li .paper-info .pdf {
		display: none
	}
}

.news .white-paper .white-paper-box li .paper-info .time {
	position: absolute;
	bottom: 0;
	left: 43%;
	font-size: 13px;
	color: #666
}

@media only all and (max-width: 850px) {
	.news .white-paper .white-paper-box li .paper-info .time {
		left: 35%
	}
}

@media only all and (max-width: 640px) {
	.news .white-paper .white-paper-box li .paper-info .time {
		display: none
	}
}

.news .white-paper .white-paper-box li:hover .title a {
	text-decoration: underline
}

.news .white-paper .white-paper-box li:hover .pdf a {
	text-decoration: underline
}

.news .white-paper .more i {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.news .more {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 114px;
	height: 39px;
	line-height: 31px;
	margin: 0 auto;
	text-align: center;
	border-radius: 67px;
	background-color: #ffffff;
	/* border: solid 4px #bcd2dc; */
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
	color: #006699;
	cursor: pointer;
	transition: all 0.4s
}

.news .more span {
	font-weight: bold;
	color: #006699;
	transition: all 0.4s
}

/* .news .more:hover {
	background: #006699
} */

/* .news .more:hover span {
	text-decoration: underline;
	color: #fff
} */

/* .news .more:hover i {
	color: #fff
} */

/* .news .more:hover i img.more-img2 {
	display: none
}

.news .more:hover i img.more-img1 {
	display: inline-block
} */

.news .more i {
	display: inline-block;
	margin-left: 5px;
	font-family: '宋体' !important;
	font-size: 13px;
	font-style: normal;
	margin-left: 5px;
	color: #006699;
	font-weight: bold;
	transition: all 0.4s
}

.news .more i img.more-img2 {
	display: inline-block
}

.news .more i img.more-img1 {
	display: none
}

.news .more.active i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}



@media only all and (max-width: 414px) {
	.cust .cust-box1 ul li .img .mp-img {
	    /* width: 110px; */
	    height: 60.6px;
	}
}


@media only all and (max-width: 375px) {
	.cust .cust-box1 ul li .img .mp-img {
	    /* width: 110px; */
	    height: 52.8px;
	}
}

@media only all and (max-width: 360px) {
	.cust .cust-box1 ul li .img .mp-img {
	    /* width: 110px; */
	    height: 49.8px;
	}
}

@media only all and (max-width: 320px) {
	.cust .cust-box1 ul li .img .mp-img {
	    /* width: 110px; */
	    height: 41.3px;
	}
}