@charset "UTF-8";

.clearfix:after {
	content   : ".";
	display   : block;
	height    : 0;
	visibility: hidden;
	clear     : both;
}

li {
	list-style-type: none;
}

.clearfix {
	*zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

body {
	color: #2b3242;
}

a {
	color: #2b3242;
}

a:hover {
	color: #dd514c;
}

.am-alert {
	margin-bottom: 0;
}

.m-hd ul,
.m-header-banner ul {
	padding: 0;
}

.m-hd ul li,
.m-header-banner ul li {
	list-style-type: none;
}

a,
a:hover,
.m-partner li img,
.m-partner li img:hover,
.m-contact-infobox,
.m-contact-infobox:hover,
.m-footer .ico i,
.m-footer .ico i:hover,
.m-service-page .ico ul li span,
.m-service-page .ico ul li span:hover,
.m-hd .am-sticky,
.m-service-list li:hover {
	-webkit-filter    : none;
	-webkit-transition: all 0.5s ease;
	-moz-transition   : all 0.5s ease;
	-ms-transition    : all 0.5s ease;
	-o-transition     : all 0.5s ease;
	transition        : all 0.5s ease;
}

[class*=am-u-]+[class*=am-u-]:last-child {
	float: left;
}

.m-images-container section img,
.m-news-container section img {
	max-width: 100%;
	height   : auto;
}

body .max-container {
	/* 效果为全屏 */
	max-width: 100%;
	margin   : 0;
	padding  : 0;
}

.m-hd .am-show-md-up {
	padding: 15px 0;
}

.am-container {
	max-width: 1200px;

}

.header-bg img {
	width     : 100%;
	height    : auto;
	/* height : 400px; */
	min-height: 380px;
}

.am-g-fixed {
	max-width: 1200px;
}

/* 头部 */
.m-hd {
	width           : 100%;
	position        : absolute;
	z-index         : 999;
	/* height       : 130px; */
	/* padding      : 12px 0; */
	background-color: rgba(0, 0, 0, .6);
}

.m-hd ul {
	margin: 0;
}

.m-hd ul li {
	list-style-type: none;
}

.m-hd .am-dropdown-content li a {
	display         : block;
	margin          : 0 2px;
	/* border-bottom: #fff 1px solid; */
}

.m-hd .am-container {
	position: relative;
}


.m-hd .am-sticky {
	background   : #1a1f2a;
	/* padding   : 15px 0; */
	filter       : progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	opacity      : 0.95;
}

.m-hd .am-header a {
	color: #fff;
}

.m-hd .m-nav a {
	color      : #fff;
	font-weight: bold;
}

.m-hd .m-nav a:hover {
	background        : #41474b;
	border-radius     : 2px;
	-webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
	transition        : background-color 300ms ease-out, border-color 300ms ease-out;
}

.m-hd .am-nav>li.am-active>a,
.m-hd .am-nav>li.am-active>a:focus,
.m-hd .am-nav>li.am-active>a:hover {
	color           : #fff;
	background-color: #41474b;
	cursor          : default;
}

.m-hd .am-dropdown-content {
	background: #41474b;
	border    : none;
}

.m-hd .am-dropdown-content>li>a:hover {
	color: #fff;
}

.m-hd .am-dropdown-content:after,
.m-hd .am-dropdown-content:before {
	border: 8px dashed #41474b;
}

.m-hd .am-dropdown-content>.am-active>a,
.m-hd .am-dropdown-content>.am-active>a:focus,
.m-hd .am-dropdown-content>.am-active>a:hover {
	background-color: #d22e3e;
}

.m-logo {
	display                : block;
	float                  : left;
	font-size              : 22px;
	line-height            : 40px;
	width                  : 300px;
	color                  : #fff;
	text-indent            : -9999px;
	background             : url('../images/logo.png') no-repeat left center;
	-webkit-background-size: 239px 40px;
	background-size        : 239x 40px;
	/* margin-right        : 20px; */
}

.m-about li {
	float      : left;
	margin-left: 5px;
}

#r-nav .am-offcanvas-bar {
	width: 200px;
}

#r-nav .logo {
	margin-bottom: 20px;
}

#r-nav p {
	border-bottom : 1px solid #4F4F4F;
	padding-bottom: 20px;
}

/* 头部大banner */
.m-header-banner {
	height                 : 680px;
	-webkit-background-size: cover;
	-moz-background-size   : cover;
	-o-background-size     : cover;
	background-size        : cover;
	background-position    : center;
	background-repeat      : no-repeat;
	padding-top            : 260px;
	color                  : #fff;
}

.m-header-banner h2 {
	font-size  : 50px;
	margin     : 0;
	font-weight: 100;
}

.m-header-banner p {
	font-size: 20px;
}

.m-header-banner nav {
	display: inline-block;
}

.m-header-banner nav li {
	float       : left;
	margin-right: 10px;
	font-size   : 12px;
}

.m-header-banner nav li a {
	color: #fff;
}

.m-header-banner nav li.am-active a {
	font-weight: bold;
}

.m-header-1 {
	height     : 180px;
	padding-top: 145px;
	background : #1a1f2a;
}

.m-list-header {
	height: 550px;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	.m-header-banner {
		height     : 600px;
		padding-top: 240px;
	}

	.m-header-banner h2 {
		font-size: 46px;
		margin   : 0;
	}

	.m-header-banner p {
		font-size: 20px;
		padding  : 0;
		width    : 70%;
	}

	.m-header-1 {
		height     : 180px;
		padding-top: 145px;
	}
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.m-hd .am-nav>li>a {
		position : relative;
		display  : block;
		padding  : 0.4em;
		font-size: 14px;
	}

	.m-hd .m-about li {
		float      : left;
		margin-left: 5px;
		font-size  : 14px;
	}

	.m-hd .am-btn {
		padding: 0.5em 0.4em;
	}

	.m-header-banner {
		height     : 480px;
		padding-top: 220px;
		text-align : center;
	}

	.m-header-banner h2 {
		font-size: 30px;
		margin   : 0;
	}

	.m-header-banner p {
		font-size: 20px;
		padding  : 0;
		margin   : 30px 0 15px 0;
	}

	.m-header-1 {
		height     : 180px;
		padding-top: 145px;
		text-align : left;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.m-hd {
		height : 50px;
		padding: 0;
	}

	.m-hd .am-nav>li>a {
		position : relative;
		display  : block;
		padding  : 0.4em;
		font-size: 14px;
	}

	.m-hd .m-about {
		display: none;
	}

	.m-hd .m-about li {
		float      : left;
		margin-left: 5px;
		font-size  : 14px;
	}

	.m-hd .am-btn {
		padding: 0.5em 0.4em;
	}

	.m-header-banner {
		height     : 380px;
		padding-top: 120px;
		text-align : center;
	}

	.m-header-banner h2 {
		font-size: 30px;
		margin   : 0;
	}

	.m-header-banner p {
		font-size: 18px;
		padding  : 0;
		margin   : 20px 0 15px 0;
	}

	.m-header-1 {
		height     : 120px;
		padding-top: 75px;
		text-align : left;
	}
}

@media screen and (max-width: 479px) {
	.m-hd {
		height : 50px;
		padding: 0;
	}

	.m-header-banner {
		height     : 380px;
		padding-top: 120px;
		text-align : center;
	}

	.m-header-banner h2 {
		font-size: 30px;
		margin   : 0;
	}

	.m-header-banner p {
		font-size: 14px;
		padding  : 0;
		margin   : 0;
	}

	.m-header-1 {
		height     : 120px;
		padding-top: 75px;
		text-align : left;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.m-logo {
		background             : url('../images/logo.png');
		-webkit-background-size: 239px 40px;
		background-size        : 239px 40px;
		background-repeat      : no-repeat;
	}
}

.am-btn-danger {
	background: #d22e3e;
	border    : 1px solid #d22e3e;
}

.am-btn-danger:hover {
	background: #41474b;
	border    : 1px solid #41474b;
}

.m-home-box {
	/* padding-bottom: 50px; */
}

.m-case-list {
	position: relative;
	z-index : 2;
}

.m-partner {
	position: relative;
	z-index : 2;
}

a {
	position: relative;
	z-index : 2;
}

.m-contact-us {
	position: relative;
	z-index : 2;
}

.m-home-box h2 {
	margin: 36px 0;
}

.m-home-box p {
	margin   : 0 0 20px 0;
	font-size: 14px;
	color    : #737b8a;
}

.m-home-box ul h2 {
	padding: 0;
	margin : 0;
}

.m-mn-box {
	position        : relative;
	background-color: #fff;
	margin-bottom   : 60px;
}

.m-mn-box section h2 {
	margin : 0;
	padding: 0;
}

.m-mn-box section h3 {
	margin : 20px 0 10px 0;
	padding: 0;
}

.m-mn-box section p {
	margin-top: 0;
}

.m-container {
	margin: 0 0 60px 0;
}

.m-container #GaoMap {
	height  : 380px;
	position: relative;
	z-index : 2;
}

.m-contact-page {
	position: relative;
	z-index : 2;
}

.video-play-new {
	width: 100%;

	background-image: {
		../images/video-bg.jpg
	}
}

.video-play-new .player2 iframe {
	position: relative;
	z-index : 2;
	width   : 100%;
	height  : 600px;
}


.video-play .player iframe {
	position  : relative;
	z-index   : 2;
	margin-top: 30px;
	width     : 100%;
	height    : 600px;
}

.video-details {
	max-width    : 1100px;
	margin-bottom: 50px;
}

.video-details h1 {
	margin-top : 20px;
	font-size  : 40px;
	font-weight: 500
}

.video-details h2 {
	margin-top : 40px;
	font-size  : 40px;
	font-weight: 500
}

.video-details p {
	margin-top   : 10px;
	margin-bottom: 20px;
	font-size    : 20px;
	font-weight  : 500
}

/*
 *首页幻灯片
*/
.am-slider-b1 .am-slider-images {
	height                 : 680px;
	-webkit-background-size: cover;
	-moz-background-size   : cover;
	-o-background-size     : cover;
	background-size        : cover;
	background-position    : center;
	background-repeat      : no-repeat;
	color                  : #fff;
}

.am-slider-b1 .am-slider-desc {
	position  : absolute;
	left      : 0;
	top       : 40%;
	right     : 0;
	color     : #ffffff;
	text-align: center;
}

.am-slider-b1 .am-slider-content h2 {
	font-size: 40px;
	margin   : 0;
	padding  : 0;
	color    : #ffffff;
}

.am-slider-b1 .am-slider-content p {
	margin       : 0;
	display      : block;
	word-wrap    : normal;
	text-overflow: ellipsis;
	white-space  : nowrap;
	overflow     : hidden;
	font-size    : 30px;
	color        : #ffffff;
}

.am-slider-b1 .am-slider-title {
	font-weight  : normal;
	margin-bottom: 5px;
	display      : block;
	word-wrap    : normal;
	text-overflow: ellipsis;
	white-space  : nowrap;
	overflow     : hidden;
}

.am-slider-b1 .am-slider-en {
	font-size: 12px;
}

.am-slider-b1 .am-btn {
	margin-top  : 20px;
	margin-right: 10px;
}

.dot {
	height          : 100px;
	background-color: #fff;
}

.dot ul {
	margin         : 0;
	padding        : 0;
	display        : flex;
	justify-content: center;
}

.dot ul li {
	list-style      : none;
	width           : 64px;
	height          : 48px;
	background-color: #fff;
	float           : left;
	margin          : 4px 4px 0;
	background-size : cover;
}

.dot ul li:hover {
	border: #999 solid 1px;
}

#slider3-pager {
	height          : 100px;
	background-color: #fff;
	margin          : 12px 0 0 0;
	padding         : 0;
	display         : flex;
	justify-content : center;
}

#slider3-pager li {
	list-style-type: none;
	width          : 74px;
	height         : 58px;
}

#slider3-pager li img {
	width           : 74px;
	height          : 58px;
	background-color: #fff;
	float           : left;
	background-size : cover;
}

.am-slider-b1 .am-direction-nav,
.am-slider-b1 .am-pauseplay {
	/* display: none; */
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	.am-slider-b1 .am-slider-images {
		height: 480px;
	}

	.am-slider-b1 .am-slider-desc {
		top: 40%;
	}

	.am-slider-b1 .am-direction-nav,
	.am-slider-b1 .am-pauseplay {
		/* display: none; */
	}

	.video-play-new .player2 iframe {
		position  : relative;
		z-index   : 2;
		margin-top: 20px;
		width     : 100%;
		height    : 500px;
	}

	.video-play .player iframe {
		position  : relative;
		z-index   : 2;
		margin-top: 20px;
		width     : 100%;
		height    : 500px;
	}

}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.am-slider-b1 .am-slider-images {
		height: 480px;
	}

	.am-slider-b1 .am-slider-desc {
		top: 200px;
	}

	.am-slider-b1 .am-slider-content h2 {
		font-size: 40px;
	}

	.am-slider-b1 .am-slider-content p {
		font-size: 24px;
	}

	.am-slider-b1 .am-btn {
		margin-top: 10px;
	}

	.am-slider-b1 .am-direction-nav,
	.am-slider-b1 .am-pauseplay {
		/* display: none; */
	}

	.video-play-new .player2 iframe {
		position     : relative;
		z-index      : 2;
		margin-top   : 10px;
		margin-bottom: 10px;
		width        : 100%;
		height       : 450px;
	}

	.video-play .player iframe {
		position     : relative;
		z-index      : 2;
		margin-top   : 10px;
		margin-bottom: 10px;
		width        : 100%;
		height       : 450px;
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.am-slider-b1 .am-slider-images {
		height: 280px;
	}

	.am-slider-b1 .am-slider-desc {
		text-align: center;
		top       : 35%;
	}

	.am-slider-b1 .am-slider-content h2 {
		font-size: 20px;
	}

	.am-slider-b1 .am-slider-content p {
		font-size: 14px;
	}

	.am-slider-b1 .am-btn {
		margin-top: 10px;
	}

	.am-slider-b1 .am-direction-nav,
	.am-slider-b1 .am-pauseplay {
		/* display: none; */
	}

	.video-play-new .player2 iframe {
		position     : relative;
		z-index      : 2;
		margin-top   : 10px;
		margin-bottom: 10px;
		width        : 100%;
		height       : 400px;
	}

	.video-play .player iframe {
		position     : relative;
		z-index      : 2;
		margin-top   : 10px;
		margin-bottom: 10px;
		width        : 100%;
		height       : 400px;
	}

}

@media screen and (max-width: 479px) {
	.am-slider-b1 .am-slider-images {
		height: 280px;
	}

	.am-slider-b1 .am-slider-desc {
		text-align: center;
		top       : 110px;
	}

	.am-slider-b1 .am-slider-content h2 {
		font-size: 20px;
	}

	.am-slider-b1 .am-slider-content p {
		font-size: 14px;
	}

	.am-slider-b1 .am-btn {
		margin-top: 10px;
	}

	.am-slider-b1 .am-direction-nav,
	.am-slider-b1 .am-pauseplay {
		/* display: none; */
	}

	.video-play-new .player2 iframe {
		position     : relative;
		z-index      : 2;
		margin-top   : 10px;
		margin-bottom: 10px;
		width        : 100%;
		height       : 250px;
	}

	.video-play .player iframe {
		position     : relative;
		z-index      : 2;
		margin-top   : 10px;
		margin-bottom: 10px;
		width        : 100%;
		height       : 250px;
	}

}

.m-case-list li {
	margin-top    : 0;
	margin-bottom : 0;
	padding-bottom: 5px;
}

.m-case-list li figure {
	margin-bottom: 0;
	position     : relative;
	z-index      : 1;
	display      : inline-block;
	overflow     : hidden;
	/* background: #000; */
	text-align   : center;
	cursor       : pointer;
}

.m-case-list li .video-con {
	margin-bottom: 0;
	position     : relative;
	z-index      : 1;
	display      : inline-block;
	overflow     : hidden;
	/* background: #000; */
	text-align   : center;
	cursor       : pointer;
	width        : 100%;
}

.m-case-list li .video-con img {
	width: 100%;
}

.m-case-list li .video-con .play {
	width   : 100%;
	height  : 100%;
	position: absolute;
	top     : 0;
	left    : 0;
}

.m-case-list li .video-con .play-cover-left {
	width           : 50%;
	height          : 100%;
	position        : absolute;
	background-color: rgba(0, 0, 0, .4);
	top             : 0;
	left            : 0;
	transform       : translateX(-100%);
	transition      : all 1s;
	-moz-transition : all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari and Chrome */
	-o-transition: all 1s;
	/* Opera */
}

.m-case-list li .video-con .play-cover-right {
	width           : 50%;
	height          : 100%;
	position        : absolute;
	background-color: rgba(0, 0, 0, .4);
	top             : 0;
	right           : 0;
	transform       : translateX(100%);
	transition      : all 1s;
	-moz-transition : all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari and Chrome */
	-o-transition: all 1s;
	/* Opera */
}

.m-case-list li .video-con .play .play-icon {
	width             : 60px;
	height            : 60px;
	position          : absolute;
	top               : 50%;
	left              : 50%;
	margin-left       : -30px;
	margin-top        : -30px;
	transform         : translateY(100px);
	opacity           : 0;
	/* background     : url('../images/play.png') no-repeat; */
	/* background-size: cover; */

	background-color: rgba(0, 0, 0, .3);
	border-radius   : 50%;
	display         : flex;
	justify-content : center;
	align-items     : center;
}

.m-case-list li .video-con .play .play-icon i {
	font-size: 30px;
	color    : #fff
}

.m-case-list li .video-con:hover .play .play-cover-left {
	transform: translateX(0);
	opacity  : 1;
}

.m-case-list li .video-con:hover .play .play-cover-right {
	transform: translateX(0);
	opacity  : 1;
}

.m-case-list li .video-con .play .play-icon:hover {
	background-color: rgba(0, 0, 0, 1);
}

.m-case-list li .video-con:hover .play .play-icon {
	transition     : all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari and Chrome */
	-o-transition: all 1s;
	/* Opera */
	transform: translateY(0);
	opacity  : 1;

}

.m-case-list li .video-con .video-tiele {
	width          : 100%;
	position       : absolute;
	top            : 0;
	left           : 0;
	text-align     : left;
	padding-left   : 10px;
	font-size      : 18px;
	font-weight    : 600;
	line-height    : 36px;
	color          : #fff;
	transform      : translateY(-40px);
	opacity        : 0;
	transition     : all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari and Chrome */
	-o-transition: all 1s;
	/* Opera */
}

.m-case-list li .video-con:hover .video-tiele {
	transform: translateY(0);
	opacity  : 1;
}

.m-case-list li figure img {
	position: relative;
	display : block;
}

.m-case-list li figure figcaption {
	padding-left               : 10px;
	color                      : #fff;
	text-transform             : uppercase;
	font-size                  : 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility        : hidden;
}

.m-case-list li figure figcaption::before,
.m-case-list li figure figcaption::after {
	pointer-events: none;
}

.m-case-list li figure figcaption {
	position: absolute;
	top     : -30px;
	left    : 0;
}

.m-case-list li figure figcaption:hover h4 {
	transform: translateY(20px)
}

.m-case-list li figure a {
	z-index    : 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size  : 0;
	opacity    : 0;
}

.m-case-list li figure h3 {
	word-spacing: -0.15em;
	font-weight : 300;
}

.m-case-list li figure h3 span {
	font-weight: 800;
}

.m-case-list li figure h3,
.m-case-list li figure p {
	margin: 0;
}

.m-case-list li figure p {
	letter-spacing: 1px;
	font-size     : 68.5%;
}

figure.effect-lily img {
	width             : -webkit-calc(100% + 50px);
	width             : calc(100% + 50px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition        : opacity 0.35s, transform 0.35s;
	background        : url('../images/loading.gif') 50% 50% no-repeat;
}

figure.effect-lily figcaption {
	top       : 0;
	bottom    : auto;
	text-align: left;
}

figure.effect-lily h3,
figure.effect-lily p {
	-webkit-transform: translate3d(0, 40px, 0);
	transform        : translate3d(0, 40px, 0);
}

figure.effect-lily h3 {
	-webkit-transition: -webkit-transform 0.35s;
	transition        : transform 0.35s;
}

figure.effect-lily p {
	color             : rgba(255, 255, 255, 0.6);
	opacity           : 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition        : opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover figure.effect-lily:hover h3,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0);
	color            : #fff;
}

figure.effect-lily:hover img {
	opacity: .4;
}

figure.effect-lily:hover p {
	-webkit-transition-delay   : 0.05s;
	transition-delay           : 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration        : 0.35s;
}

.m-cat-nav {
	border-bottom   : 1px solid #E9E9E9;
	/* margin-bottom: 40px; */
}

.m-cat-nav ul li {
	float          : left;
	list-style-type: none;
	margin-right   : 20px;
	padding-top    : 20px;
}

.m-cat-nav ul li.am-active a {
	color: #dd514c;
}

.m-cat-nav p {
	font-size    : 12px;
	margin-bottom: 60px;
}

/* 联系我们 */
.m-contact {
	background: url('../images/home-bg.jpg') 100% 0 no-repeat;
background-size: 100% 100%;	/* padding: 36px 0 60px 0; */
	color: #fff;
}

.m-contact p {
	color: #fff;
}

.m-contact-us {
	padding: 40px 0;
}

.m-contact-us span {
	padding-top: 10px;
}

.m-contact-us .am-btn {
	width: 100%;
}

.m-contact-infobox {
	border       : 1px solid #D8D8D8;
	background   : #fff;
	border-radius: 5px;
	padding      : 40px 0;
	text-align   : center;
}

.m-contact-infobox:hover {
	border    : 1px solid #0d121b;
	background: #1a1f2a;
	color     : #fff;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.m-contact-us {
		text-align: center;
	}
}

@media screen and (max-width: 479px) {
	.m-contact-us {
		text-align: center;
	}
}

/* 图片模块 */
.m-images-container {
	margin-top   : -30px;
	border-radius: 3px;
}

.m-images-container section {
	padding: 30px;
}

.m-images-container section p {
	margin-bottom: 2rem;
}

.m-images-show {
	height     : 400px;
	padding-top: 150px;
	background : #1a1f2a;
}

.m-images-show hgroup h1 {
	font-size    : 58px;
	line-height  : 68px;
	font-weight  : normal;
	margin-bottom: 30px;
}

.m-images-show hgroup p {
	width    : 100%;
	font-size: 26px;
	margin   : 0;
}

.m-images-show hgroup ul {
	margin   : 0;
	font-size: 14px;
	display  : inline-block;
}

.m-images-show hgroup ul li {
	float         : left;
	margin-right  : 5px;
	padding-bottom: 30px;
}

.m-images-show .am-animation-fade {
	-webkit-animation-duration: .4s;
	animation-duration        : .4s;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	.m-images-show {
		height     : 400px;
		padding-top: 15 0px;
	}
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.m-images-show {
		height     : 300px;
		padding-top: 130px;
	}

	.m-images-show hgroup h1 {
		font-size  : 48px;
		line-height: 48px;
	}

	.m-images-show hgroup p {
		width    : 100%;
		font-size: 16px;
		margin   : 0;
	}

	.m-images-show hgroup ul {
		margin   : 0;
		font-size: 12px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.m-images-show {
		height     : 300px;
		padding-top: 110px;
	}

	.m-images-show hgroup h1 {
		font-size  : 28px;
		line-height: 28px;
	}

	.m-images-show hgroup p {
		width    : 100%;
		font-size: 14px;
		margin   : 0;
	}

	.m-images-show hgroup ul {
		margin   : 0;
		font-size: 12px;
	}
}

@media screen and (max-width: 479px) {
	.m-images-show {
		height     : 200px;
		padding-top: 70px;
		text-align : center;
	}

	.m-images-show hgroup h1 {
		font-size  : 28px;
		line-height: 28px;
	}

	.m-images-show hgroup p {
		width    : 100%;
		font-size: 14px;
		margin   : 0;
	}

	.m-images-show hgroup ul {
		margin   : 0;
		font-size: 12px;
	}
}

/* 文章模块 */
.m-news article {
	margin-bottom: 80px;
	position     : relative;
}

.m-news h3 {
	font-size: 28px;
}

.m-news-date {
	font-family : arial;
	color       : #999;
	border-right: 1px solid #e9e9e9;
}

.m-news-date span {
	display  : block;
	font-size: 40px;
	color    : #333;
}

.m-news-data {
	padding-bottom: 30px;
}

.m-news-data span {
	color       : #aaa;
	margin-right: 20px;
}

.m-news-desc {
	color   : #2b3242;
	height  : 100px;
	overflow: hidden;
}

.m-news-container {
	margin-top           : 60px;
	margin-bottom        : 60px;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
	border-radius        : 3px;
	background           : #fff;
}

.m-news-container header {
	background   : #1a1f2a;
	border-radius: 3px 3px 0 0;
	color        : #fff;
	padding      : 20px;
}

.m-news-container header a {
	color: #fff;
}

.m-news-container header span {
	margin-right: 10px;
}

.m-news-container section {
	padding: 40px 20px 20px;
}

.m-news-container section .com a {
	color: #dd514c;
}

/* 服务内容 */
.m-services {
	background: #fff;
	/* padding: 40px 0 40px 0; */
	color     : #1a1f2aff;
}

.m-service-container {
	margin  : 0 0 60px 0;
	position: relative;
	z-index : 2;
}

.m-service-container .am-pagination {
	margin-top: 20px;
}

.m-service-container .am-pagination .am-active a {
	background  : #DD514E;
	border-color: #dd514c;
}

.m-service-list li {
	margin-bottom: 30px;
	padding      : 15px;
	border       : 1px solid #fff;

}

.m-service-list li:hover {
	background   : #d22e3e;
	border       : 1px solid #d22e3e;
	border-left  : 10px solid #41474b;
	color        : #fff;
	margin-bottom: 30px;
}

.m-service-list-icon {
	font-size : 50px;
	text-align: center;
}

/** 网站欣赏列表 **/
.m-web-list figure {
	background: #fff;
}

.m-web-list figure h3 {
	margin: 0;
}

.m-web-list figure figcaption {
	padding: 10px;
}

.m-list article {
	margin-bottom: 60px;
}

/** 相关网站 **/
.m-web-relevantdesc {
	font-size: 12px;
	height   : 40px;
	overflow : hidden;
}

/* tag */
.m-item {
	margin-top: 60px;
}

.m-item article .thumbnail {
	height  : 200px;
	overflow: hidden;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.m-contact-us {
		text-align: center;
	}
}

@media screen and (max-width: 479px) {
	.m-contact-us {
		text-align: center;
	}
}

/* 协助伙伴 */
.m-partner li img {
	border        : 1px solid #E9E9E9;
	-webkit-filter: grayscale(1);
}

.m-partner li img:hover {
	border: 1px solid #737b8a;
}

.m-partner p {
	margin: 0 0 30px 0;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.m-contact-us {
		text-align: center;
	}
}

@media screen and (max-width: 479px) {
	.m-contact-us {
		text-align: center;
	}
}

/*返回顶部*/
.m-top-cbbfixed {
	position  : fixed;
	right     : 10px;
	transition: bottom ease .3s;
	bottom    : -85px;
	z-index   : 3;
	cursor    : pointer;
}

.m-top-cbbtn {
	width           : 40px;
	height          : 40px;
	display         : block;
	background-color: #d22e3e;
}

.m-top-go {
	transition: background-color ease .3s;
	margin-top: 1px;
}

.m-top-go:hover {
	background-color: #41474b;
}

.m-top-goicon {
	float     : left;
	margin    : 14px 0 0 9px;
	width     : 23px;
	height    : 12px;
	background: url('../images/side-icon02.png');
}

.m-top-weixin {
	background: #333;
}

.m-top-weixin div {
	background              : url('../images/weixin.png');
	width                   : 194px;
	height                  : 199px;
	position                : absolute;
	left                    : -194px;
	top                     : -115px;
	opacity                 : 0;
	transform               : scale(0);
	-webkit-transform       : scale(0);
	transform-origin        : 100% 70%;
	-webkit-transform-origin: 100% 70%;
	transition              : transform ease .3s, opacity ease .3s;
	-webkit-transition      : all ease .3s;
	display                 : none\0;
	*display                : none;
}

.m-top-weixin:hover div {
	display          : block;
	transform        : scale(1);
	-webkit-transform: scale(1);
	opacity          : 1;
	*display         : block;
}

.m-top-weixin-icon {
	float     : left;
	margin    : 12px 0 0 11px;
	width     : 18px;
	height    : 18px;
	background: url('../images/side-icon01.png');
}

/* 网站底部 */
.m-footer {
	background: #1a1f2a;
	padding   : 60px 0 0 0;
	color     : #555d6d;
	font-size : 14px;
}

.m-footer a {
	color: #555d6d;
}

.m-footer a:hover {
	color: #d22e3e;
}

.m-footer ul {
	list-style-type: none;
	padding        : 0;
	margin         : 0;
}

.m-footer section h2 {
	font-size    : 16px;
	margin-bottom: 20px;
}

.m-footer i {
	margin-left: 10px;
}

.m-footer-container,
.m-footer-flink {
	padding-bottom: 60px;
}

.m-footer-subnav a,
.m-footer-flink a {
	margin-right: 10px;
}

.m-footer-bottom {
	background: #0d121b;
	font-size : 12px;
	padding   : 30px 0;
	color     : #555d6d;
}

.m-container-news {
	margin         : 0 0 0px 0;
	text-decoration: underline;
}

.news-time {
	float: right;
}

.news-contant {
	max-width: 1200px;
}

/* 关于我们 */
.about-we .about-left {}

.about-we .about-right img {
	width : 100%;
	height: auto;
}

.m-home-box .am-container .title-h {
	margin           : 40px 0 40px;
	padding-bottom   : 5px;
	line-height      : 30px;
	display          : inline-block;
	/* border-bottom : 1px solid #fff */
}

.am-container .title-h::after {
	content            : "";
	/* position        : absolute;
	bottom             : 28px;
	left               : 50%;
	transform          : translateX(-50%); */
	display            : block;
	margin             : 0 auto;
	width              : 2em;
	height             : .1em;
	background-color   : gray;

}

.m-case-list .photo {
	display        : flex;
	justify-content: center;
	transition     : background 0.3s ease-out
}

.m-case-list .photo .photo-bg {
	width     : 380px;
	height    : 480px;
	background: url(../images/photo2.jpg) no-repeat;
}

.m-case-list .photo .photo-bg:hover {
	background: url(../images/photo1.jpg) no-repeat;
}

.m-case-list .photo .photo-bg2 {
	width     : 380px;
	height    : 480px;
	background: url(../images/photo3.jpg) no-repeat;
}

.m-case-list .photo .photo-bg2:hover {
	background: url(../images/photo4.jpg) no-repeat;
}

.m-case-list .photo .photoka-bg {
	width     : 80%;
	height    : 480px;
	background: url(../images/photo6.jpg) no-repeat;
	background-size: 100%;
}

.m-case-list .photo .photoka-bg:hover {
	background: url(../images/photo5.jpg) no-repeat;
	background-size: 100%;
}

/* 我们的服务 */
.read-more-hover a:hover {
	/* color: gray; */
	color   : #000;
}

.m-home-box .fuwu-we li {
	display        : flex;
	justify-content: center;
}

.m-home-box .fuwu-we p {
	margin     : 0;
	line-height: 30px;
	color      : #fff;
}

.m-home-box .fuwu-we .fuwu-we-left {
	width                      : 44px;
	height                     : 44px;
	text-align                 : center;
	display                    : inline-block;
	vertical-align             : middle;
	-webkit-transform          : perspective(1px) translateZ(0);
	transform                  : perspective(1px) translateZ(0);
	box-shadow                 : 0 0 1px transparent;
	position                   : relative;
	overflow                   : hidden;
	background                 : transparent;
	-webkit-transition-property: color;
	transition-property        : color;
	-webkit-transition-duration: 0.3s;
	transition-duration        : 0.3s;
}

.m-home-box .fuwu-we .fuwu-we-left:before {
	content                           : "";
	position                          : absolute;
	z-index                           : -1;
	top                               : 0;
	left                              : 0;
	right                             : 0;
	bottom                            : 0;
	background                        : #e7e7e7;
	border-radius                     : 100%;
	-webkit-transform                 : scale(0);
	transform                         : scale(0);
	-webkit-transition-property       : transform;
	transition-property               : transform;
	-webkit-transition-duration       : 0.3s;
	transition-duration               : 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function        : ease-out;
}

.m-home-box .fuwu-we .fuwu-we-li:hover .fuwu-we-left:before {
	-webkit-transform: scale(2);
	transform        : scale(2);
}

.m-home-box .fuwu-we .fuwu-we-li:hover .fuwu-we-left i {
	color: #000;
}

.read-more {
	display          : inline-block;
	vertical-align   : middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform        : perspective(1px) translateZ(0);
	box-shadow       : 0 0 1px transparent;
	position         : relative;
	overflow         : hidden;
}

.read-more:before {
	content                           : "";
	position                          : absolute;
	z-index                           : -1;
	left                              : 0;
	right                             : 100%;
	bottom                            : 0;
	background                        : #e7e7e7;
	height                            : 4px;
	-webkit-transition-property       : right;
	transition-property               : right;
	-webkit-transition-duration       : 0.3s;
	transition-duration               : 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function        : ease-out;
}

.read-more:hover:before,
.read-more:focus:before,
.read-more:active:before {
	right: 0;
}

.m-home-box .fuwu-we .fuwu-we-right {
	margin-left: 22px;
}

.m-home-box .fuwu-we .fuwu-we-left img {
	width : 100%;
	height: auto;
}

.m-home-box .fuwu-we .fuwu-we-left .fa {
	line-height: 44px;
	font-size  : 20px;

}

/* 服务流程 */
.m-home-box .flow li {
	display        : flex;
	justify-content: center;
}

.m-home-box .flow p {
	margin     : 0;
	line-height: 30px;
	color      : #000;
}

.read-more-flow {
	display          : inline-block;
	vertical-align   : middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform        : perspective(1px) translateZ(0);
	box-shadow       : 0 0 1px transparent;
	position         : relative;
	overflow         : hidden;
}

.read-more-flow:before {
	content                           : "";
	position                          : absolute;
	z-index                           : -1;
	left                              : 0;
	right                             : 100%;
	bottom                            : 0;
	background                        : #000;
	height                            : 4px;
	-webkit-transition-property       : right;
	transition-property               : right;
	-webkit-transition-duration       : 0.3s;
	transition-duration               : 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function        : ease-out;
}

.read-more-flow:hover:before,
.read-more-flow:focus:before,
.read-more-flow:active:before {
	right: 0;
}

.m-home-box .flow .flow-left {
	width                      : 50px;
	height                     : 50px;
	/* margin-top              : 6px; */
	text-align                 : center;
	display                    : inline-block;
	vertical-align             : middle;
	-webkit-transform          : perspective(1px) translateZ(0);
	transform                  : perspective(1px) translateZ(0);
	box-shadow                 : 0 0 1px transparent;
	position                   : relative;
	overflow                   : hidden;
	background                 : transparent;
	-webkit-transition-property: color;
	transition-property        : color;
	-webkit-transition-duration: 0.3s;
	transition-duration        : 0.3s;
}

.m-home-box .flow .flow-left:before {
	content                           : "";
	position                          : absolute;
	z-index                           : -1;
	top                               : 0;
	left                              : 0;
	right                             : 0;
	bottom                            : 0;
	background                        : #999;
	border-radius                     : 100%;
	-webkit-transform                 : scale(0);
	transform                         : scale(0);
	-webkit-transition-property       : transform;
	transition-property               : transform;
	-webkit-transition-duration       : 0.3s;
	transition-duration               : 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function        : ease-out;
}

.m-home-box .flow .flow-li:hover .flow-left:before {
	-webkit-transform: scale(2);
	transform        : scale(2);
}

.m-home-box .flow .flow-li:hover .fuwu-we-left i {
	color: #000;
}

/* .m-home-box .flow .flow-left {
	width     : 44px;
	height    : 44px;
	margin-top: 6px;
} */

.m-home-box .flow .flow-right {
	margin-left: 22px;
}

.m-home-box .flow .flow-left img {
	width    : 100%;
	/* height: auto; */
}

/* 联系我们 */
.lixi::after {
	content            : "";
	/* position        : absolute;
	bottom             : 28px;
	left               : 50%;
	transform          : translateX(-50%); */
	display            : block;
	margin             : 6px auto;
	width              : 2em;
	height             : .1em;
	background-color   : gray;
}

/* 弹窗 */
.video-modal {
	top             : 50%;
	left            : 50%;
	transform       : translate(-50%, -50%);
	width           : 80%;
	height          : 80%;
	position        : fixed;
	/* top          : 50%;
	left            : 50%;
	margin-left     : -500px;
	margin-top      : -300px; */
	z-index         : 10000;
	background-color: #fff;
	overflow        : auto;
	display         : none;
}

.video-modal .video-title {
	margin-left: 20px;
	margin-top : 10px;
}

.video-modal .video-play {

	justify-content: center;
}

.video-modal-cover {
	position        : fixed;
	top             : 0;
	left            : 0;
	width           : 100%;
	height          : 100%;
	background-color: rgba(0, 0, 0, .6);
	z-index         : 9999;
	display         : none;
}

#modal-close {
	width              : 44px;
	height             : 44px;
	line-height        : 34px;
	font-size          : 32px;
	text-align         : center;
	color              : #ccc;
	/* background-color: aqua; */
	cursor             : pointer;
	transition         : background 0.2s ease-out;
}

#modal-close:hover {
	background-color: #ccc;
	color           : #fff;
}

/* 轮播图添加 */
.slider {
	position: relative;
}

.rslides {
	position  : relative;
	list-style: none;
	overflow  : hidden;
	width     : 100%;
	padding   : 0;
	margin    : 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position                   : absolute;
	display                    : none;
	width                      : 100%;
	left                       : 0;
	top                        : 0;
}

.rslides li:first-child {
	position: relative;
	display : block;
	float   : left;
}

.rslides img {
	display: block;
	height : auto;
	float  : left;
	width  : 100%;
	border : 0;
}

.rslides_tabs {
	z-index   : 999;
	padding   : 0.3em 5em;
	margin-top: 6px;
	text-align: center;
}

.rslides_tabs li {
	display   : inline-block;
	margin    : 0 2px;
	list-style: none;
}

.rslides_tabs li:first-child {
	margin-left: 0;
}

.rslides_tabs .rslides_here a {
	color      : #fff;
	font-weight: bold;
}

#slider3-pager a {
	display: inline-block;
}

#slider3-pager img {
	float  : left;
	display: block;
}

.rslides_tabs a {
	border-bottom: 4px solid #ddd;
}

#slider3-pager .rslides_here a {
	background   : transparent;
	border-bottom: 4px solid #ffb500;
}

a.rslides_nav.rslides1_nav.prev {
	position      : absolute;
	left          : 0%;
	color         : #fff;
	top           : 36%;
	z-index       : 9999;
	text-transform: uppercase;
	font-weight   : 400;
	letter-spacing: 1px;
	font-family   : 'Montserrat', sans-serif;
}

a.rslides_nav.rslides1_nav.next {
	right         : 0%;
	position      : absolute;
	color         : #fff;
	top           : 36%;
	z-index       : 9999;
	text-transform: uppercase;
	font-weight   : 400;
	letter-spacing: 1px;
	font-family   : 'Montserrat', sans-serif;
}


/*-- responsive-mediaqueries --*/

@media (max-width:1440px) {
	.rslides_tabs li {
		display: inline-block;
		margin : 0 4px;
		width  : 8%;
	}

	#slider3-pager img {
		float  : left;
		display: block;
		width  : 100%;
	}
}

@media (max-width:1366px) {
	.rslides_tabs li {
		display: inline-block;
		margin : 0 4px;
		width  : 8%;
	}
}

@media (max-width:1080px) {
	.rslides_tabs li {
		display: inline-block;
		margin : 0 2px;
		width  : 8%;
	}
}

@media (max-width:900px) {
	.rslides_tabs li {
		display: inline-block;
		margin : 0 1px;
		width  : 8%;
	}

	.range-list ul li {
		width: 33.33% !important;
	}

}

@media (max-width:768px) {
	.rslides_tabs a {
		border-bottom: 2px solid #ddd;
	}

	#slider3-pager .rslides_here a {
		background   : transparent;
		border-bottom: 2px solid #ffb500;
	}
}

@media (max-width:667px) {
	.rslides_tabs li {
		display: inline-block;
		margin : 0 1px;
		width  : 8%;
	}

	.rslides_tabs {
		z-index   : 999;
		padding   : 0.3em 1em;
		margin-top: 6px;
	}

	a.rslides_nav.rslides1_nav.prev,
	a.rslides_nav.rslides1_nav.next {
		font-size: 0.9em;
	}

	.agile_banner_text_info {
		top : 32%;
		left: 30%;
	}
}

@media (max-width:600px) {
	.rslides_tabs li {
		display: inline-block;
		margin : 0 1px;
		width  : 8%;
	}

	.rslides_tabs {
		padding   : 0.2em 0.5em;
		margin-top: 4px;
	}

	.agile_banner_text_info {
		top : 30%;
		left: 28%;
	}
}

@media (max-width:568px) {
	.rslides_tabs li {
		display: inline-block;
		margin : 0 0px;
		width  : 8%;
	}

	.rslides_tabs {
		padding   : 0.2em 1.6em;
		margin-top: 4px;
	}

	.range-list ul li {
		width: 50% !important;
	}
}

@media (max-width:414px) {
	.rslides_tabs {
		padding   : 0.2em 0.3em;
		margin-top: 4px;
	}
}

@media (max-width:384px) {
	.rslides_tabs {
		padding   : 0.2em 1.6em;
		margin-top: 4px;
	}

	.rslides_tabs li {
		display: inline-block;
		margin : 0 1px;
		width  : 7%;
	}

	a.rslides_nav.rslides1_nav.prev,
	a.rslides_nav.rslides1_nav.next {
		font-size: 0.7em;
		top      : 64%;
	}
}

@media (max-width:320px) {
	.rslides_tabs li {
		display: inline-block;
		margin : 0 0px;
		width  : 7%;
	}
}

a.rslides_nav.rslides1_nav {
	display: none;
}

/*-- stats --*/

.w3layouts_stats_left {
	text-align: center;
}

.w3layouts_stats_left p {
	font-size     : 3em;
	font-weight   : 100;
	letter-spacing: 2px;
	color         : #ffffff;
	margin        : 0.1em 0 0.1em 0;
}

.w3layouts_stats_left h3 {
	font-size     : 1em;
	color         : #062d20;
	letter-spacing: 3px;
	margin        : 0;
	font-weight   : 600;
}

.w3layouts_stats_left i {
	font-size: 2.5em;
	color    : #fff;
}

.w3l_stats_bottom_grid_left img {
	margin: 0 auto;
}

.stats {
	text-align: center;
	background: rgba(255, 255, 255);

}

.agile_inner_info_stats {
	margin-top: 2em;
}

.stats .stats-bg {
	padding         : 2.4em 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.stats .stats-bg p {
	margin-bottom: 0;
}

.stats .stats-bg h3 {
	margin     : 0;
	line-height: 2em;
}

.stats .counter,
.stats .fa {
	font-size: 30px;
	color    : #fff;
}

/*-- //stats --*/
.video-nav {
	display        : flex;
	justify-content: center;
}

.video-nav li a {
	color        : #fff;
	padding-right: 16px;
	font-style   : 18px;
}

.video-nav li a:hover {
	color: gray;
}

/* .video-nav  .actvie a{
	color: red !important;
} */
.actvie{
	/* color: red !important; */
}

.contact-ul li div {
	line-height: 30px;
}

.contact-ul li .mr18 {
	margin-right: 18px
}

.contact-ul li .mr6 {
	margin-right: 6px
}

.contact-ul .li1 {
	margin-bottom: 50px;
}

/* 效果 */
.pagelist {
	margin-top   : 30px;
	margin-bottom: 60px;
	padding      : 0;
}

/* .pagelist {
	margin-top   : 30px;
	margin-bottom: 60px;
	padding      : 0;
}

.pagelist li {
	margin-right  : 6px;
	background    : none;
	margin        : 6px 5px 0;
	padding-top   : 0px;
	padding-bottom: 0 !important;
	border        : 1px solid rgba(255, 255, 255, 0.15);
	display       : block !important;
	visibility    : inherit !important;
}

.pagelist li a {
	color      : #fff;
	display    : block;
	padding    : 0 10px;
	line-height: 26px;
	font-size  : 14px;
}

.pagelist li:hover {
	background-color: #fff;
}

.pagelist li:hover a {
	color: #000
} */

.button-feny {
	display        : flex;
	justify-content: center;
	margin-bottom  : 30px
}

.button-feny-box:hover {
	background-color: #fff;
}

.button-feny-box {
	padding: 10px 30px;
	border : 2px solid #fff;
}

.button-feny-box:hover a {
	color: #000
}

.button-feny a {
	color      : #fff;
	font-size  : 16px;
	font-weight: bold;

}

.team_agile._icons ul li {
	list-style  : none;
	display     : inline-block;
	margin-right: 10px;
}

.team_agile._icons ul li a {
	position: relative;
	z-index : 2;
}

.team_agile._icons ul li a i.fa {
	height            : 32px;
	width             : 32px;
	background        : none;
	line-height       : 31px;
	color             : #fff;
	transition        : 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition   : 0.5s all;
	-o-transition     : 0.5s all;
	-ms-transition    : 0.5s all;
	border            : 1px solid #24262d;
	font-size         : 16px
}

.team_agile._icons ul li a i.fa:hover {
	color : #ffb500;
	border: 1px solid #ffb500;
}

/* nav */
.services-breadcrumb {
	padding   : 1em 0;
	background: #f5f5f5;
	text-align: center;
}

.agile_inner_breadcrumb {
	padding: 0 4em;
}

ul.w3_short {
	text-align: left;
	margin    : 0;
	padding   : 0;
}

ul.w3_short li {
	display       : inline-block;
	text-transform: uppercase;
	color         : #030408;
	font-size     : 0.9em;
	font-weight   : 500;
	letter-spacing: 2px;
	font-family   : "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
}

.services-breadcrumb ul li span {
	padding: 0 1.5em;
}




.range-list {
	/*padding: 2rem 30rem;*/
}
.range-list ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;	
}


.range-list ul li {
	width: 14.28%;
	margin-bottom: 15px;
}
.range-list ul li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.range-list ul li a img {
	width: 42px;
	height: 40px;
}

.range-list ul li a:hover div {
	/*color: #4B5054;*/
}



.range-list ul li .ch {
	margin-top: 5px;
	font-size: 20px;
	text-align: center;
}
.range-list ul li .en {
	font-size: 16px;
	text-align: center;
}