@charset "utf-8";

/*----------------*/

.wms-main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #000;
}

.wms-cont-item {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.wms-content {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.wms-main-title {
	text-align: center;
	font-weight: normal;
	font-size: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

.wms-sub-title img,
.wms-main-title img {
	max-width: 100%;
	display: inline-block;
}

.wms-main-title span,
.wms-main-title em,
.wms-sub-title span,
.wms-sub-title em {
	display: inline-block;
	vertical-align: middle;
}

.wms-main-title span {
	margin-left: 25px;
	margin-right: 25px;
}

.wms-sub-title span {
	margin-left: 20px;
	margin-right: 20px;
}

.wms-img {
	text-align: center;
	position: relative;
	z-index: 1;
}

.wms-img img {
	width: auto;
	max-width: 100%;
}

.wms-sub-title {
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	margin-left: auto;
	margin-right: auto;
}

.wms-intro {
	font-size: 16px;
	line-height: 170%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.wms-btn-group {
	margin: auto;
	text-align: center;
	padding-bottom: 30px;
}

.wms-btn {
	transition: all 0.3s ease-in;
}


/*----------------*/


/*bg-1*/

.wms-bg-1 {
	background-image: url(../RJ-img/bg-1.jpg);
	height: 440px;
}

.wms-bg-1 .wms-main-title {
	padding-bottom: 30px;
}

.wms-btn-apply {
	display: inline-block;
	width: 170px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	border: 2px solid #fff;
	border-radius: 22px;
	margin: auto 25px 15px 25px;
}

.wms-btn-apply:hover {
	color: #1eafa5;
	background: #fff;
}

.wms-btn-case {
	display: inline-block;
	width: 170px;
	height: 40px;
	line-height: 40px;
	color: #1eafa5;
	font-size: 20px;
	border: 2px solid #fff;
	border-radius: 22px;
	margin: auto 25px 15px 25px;
	background: #fff;
}

.wms-btn-case:hover {
	color: #fff;
	background: #1eafa5;
	border: 2px solid #1eafa5;
}


/*bg-2*/

.wms-bg-2 {
	background-color: #fff;
}

.wms-list-2 {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	padding-bottom: 20px;
}

.wms-list-2 li {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px 30px 15px;
}

.wms-list-2 li .wms-sub-title {
	margin-bottom: 30px;
}

.wms-list2-li-01 {
	width: 650px;
	max-width: 650px;
}

.wms-table-wrap {
	overflow: auto;
}

.wms-table,
.wms-table-wrap table {
	border: 1px solid #29a59b;
	font-size: 16px;
	width: 100%;
	white-space: nowrap;
	text-align: left;
	color: #333;
}

.wms-table td,
.wms-table th,
.wms-table-wrap table td,
.wms-table-wrap table th {
	border-bottom: 1px solid #29a59b;
	border-right: 1px solid #29a59b;
	padding: 10px 20px;
}
.wms-table td,
.wms-table-wrap table td{
	padding: 5px 20px;
	font-size: 15px;
}

.wms-table th,
.wms-table-wrap table th {
	color: #fff;
	background: #2eb8ad;
	font-weight: normal;
}

.wms-table tr td:last-child,
.wms-table-wrap table tr td:last-child {
	white-space: normal;
}

.wms-list2-li-02 {
	width: 444px;
	max-width: 444px;
}

.wms-fwgs {
	border-top: 4px solid #c7e7e4;
	background: #f3faf9;
	padding: 40px 25px 25px 25px;
	font-size: 16px;
	line-height: 180%;
	text-align: left;
	min-height: 240px;
}

.wms-btn-green-line {
	display: inline-block;
	width: 136px;
	height: 32px;
	line-height: 32px;
	border: 2px solid #2eb8ad;
	border-radius: 18px;
	text-align: center;
	font-size: 16px;
	color: #2eb8ad;
	margin-bottom: 30px;
}

.wms-btn-green-line:hover {
	background: #2eb8ad;
	color: #fff;
}

.wms-fwgs .wms-sub-title {
	margin-bottom: auto;
	text-align: left;
}

.wms-list-2 li .wms-fwgs .wms-sub-title {
	margin-bottom: 20px;
	text-align: left;
}

.wms-orange {
	color: #fe8900;
	font-size: 36px;
}


/*bg-3*/

.wms-bg-3 {
	background-color: #effefe;
	background-image: url(../RJ-img/bg-3.jpg);
}

.wms-btn-green {
	display: inline-block;
	min-width: 125px;
	height: 40px;
	line-height: 40px;
	border: 2px solid #2eb8ad;
	border-radius: 22px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #2eb8ad;
	padding-left: 30px;
	padding-right: 30px;
}

.wms-btn-green:hover {
	color: #2eb8ad;
	background: none;
}

.wms-list-3 {
	text-align: center;
	font-size: 0;
	overflow: hidden;
}

.wms-list-3 li {
	display: inline-block;
	width: 530px;
	vertical-align: top;
	margin: auto 20px 30px 20px;
	background: #fff;
	box-shadow: 0 10px 10px rgba(71, 192, 183, 0.22);
}

.wms-list-3 li:hover {
	box-shadow: 0 10px 10px rgba(71, 192, 183, 0.52);
}

.wms-case-detail {
	display: block;
}

.wms-li-cont {
	text-align: left;
	padding: 10px 30px;
}

.wms-list-3 li h3 {
	color: #000;
	font-size: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.wms-list-3 li p {
	margin: 10px auto 15px auto;
	font-size: 16px;
	line-height: 180%;
	color: #333;
	height: 57px;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.wms-li-cont .wms-btn-green-line {
	margin-bottom: 10px;
}

.wms-list-3 li:hover p {
	color: #2eb8ad;
}

.wms-relative {
	position: relative;
	z-index: 100;
	height: 40px;
}

.wms-ewm-wrap {
	width: 240px;
	margin: auto;
	left: 50%;
	margin-left: -140px;
	position: absolute;
	bottom: 80px;
	padding: 20px 10px;
	background: #fff;
	display: none;
}

#wms-ewm-close {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	background: #fff url(../RJ-img/close.png) no-repeat center center;
	border-radius: 100%;
}


/*bg-4*/

.wms-bg-4 {
	background-color: #fff;
}

.wms-list-4 {
	width: 880px;
	margin: auto;
}

.wms-list-4:after {
	display: block;
	content: "";
	height: 0;
	line-height: 0;
	clear: both;
}

.wms-list-4 li {
	width: 176px;
	height: 50px;
	position: relative;
	float: left;
	padding-top: 190px;
	padding-bottom: 190px;
}

.wms-bg4-subTitle {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin: 20px auto 40px auto;
}

.wms-time {
	display: inline-block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	padding-right: 16px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left center;
}

.wms-time-01 {
	background-image: url(../RJ-img/li-401.png);
}

.wms-time-02 {
	background-image: url(../RJ-img/li-402.png);
}

.wms-time-03 {
	background-image: url(../RJ-img/li-403.png);
}

.wms-time-04 {
	background-image: url(../RJ-img/li-404.png);
}

.wms-time-05 {
	background-image: url(../RJ-img/li-405.png);
}

.wms-li-4-cont {
	width: 160px;
	height: 123px;
	position: absolute;
	left: 0;
}

.wms-li-4-cont .wms-img {
	width: 113px;
	height: 113px;
	overflow: hidden;
	border-radius: 100%;
	margin-left: auto;
	margin-right: auto;
}

.wms-li-4-pCont {
	height: 20px;
	line-height: 20px;
	color: #333;
	font-size: 16px;
	position: absolute;
	margin: auto;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
}

.wms-li-4-up {
	top: 0;
	padding-bottom: 67px;
}

.wms-li-4-up .wms-img {
	margin-bottom: 10px;
}

.wms-line-circle {
	width: 11px;
	height: 38px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.wms-line-circle:after {
	display: block;
	width: 2px;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 5px;
}

.wms-line-circle:before {
	display: block;
	content: "";
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	border-radius: 100%;
}

.wms-li-4-up .wms-line-circle:before {
	top: 0;
}

.wms-li-4-up .wms-line-circle {
	bottom: 0;
}

.wms-li-4-01 .wms-line-circle:before,
.wms-li-4-01 .wms-line-circle:after {
	background: #8eccff;
}

.wms-li-4-02 .wms-line-circle:before,
.wms-li-4-02 .wms-line-circle:after {
	background: #65c0f0;
}

.wms-li-4-03 .wms-line-circle:before,
.wms-li-4-03 .wms-line-circle:after {
	background: #38b7ce;
}

.wms-li-4-04 .wms-line-circle:before,
.wms-li-4-04 .wms-line-circle:after {
	background: #00ac9e;
}

.wms-li-4-05 .wms-line-circle:before,
.wms-li-4-05 .wms-line-circle:after {
	background: #00ac9e;
}

.wms-li-4-down {
	bottom: 0;
	padding-top: 67px;
}

.wms-li-4-down .wms-img {
	margin-top: 10px;
}

.wms-li-4-down .wms-line-circle {
	top: 0;
}

.wms-li-4-down .wms-line-circle:before {
	bottom: 0;
}

.wms-li-4-down .wms-li-4-pCont {
	bottom: 123px;
}


/*bg-5*/

.wms-bg-5 {
	background-color: #f7f7f7;
}

.wms-list-5 {
	text-align: center;
	font-size: 0;
	overflow: hidden;
}

.wms-list-5 li {
	display: inline-block;
	vertical-align: top;
	width: 382px;
	margin: 0 9px 20px 9px;
	overflow: hidden;
	height: 300px;
}

.wms-list-5 li:hover {
	box-shadow: 0 10px 10px rgba(71, 192, 183, 0.52);
}

.wms-list-5 li a {
	display: block;
	width: 100%;
	overflow: hidden;
	color: #333;
	height: 100%;
}

.wms-list-5 li a:hover {
	background: #fff;
	color: #2eb8ad;
}

.wms-list-5 li .wms-info {
	font-size: 16px;
	line-height: 160%;
	height: 51px;
	margin: 15px 30px;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}


/*bg-6*/

.wms-bg-6 {
	background-image: url(../RJ-img/bg-6.jpg);
	height: 370px;
}

.wms-bg-6 .wms-img {
	padding-top: 120px;
}


/*bg-7*/

.wms-bg-7 {
	background-color: #e6f5fa;
	padding-bottom: 50px;
}
.wms-list-7 li{
	float: left;
	width: 46%;
	margin: 20px 2%;
	position: relative;
	min-height: 175px;
}
.media-img{
	position: absolute;
	top: 0;
	left: 0;
	height: 126px;
	width: 126px;
}
.media-info{
	margin-left: 138px;
}
.media-info h5{
	font-size: 20px;
	color: #000;
	line-height: 24px;
	margin-bottom: 6px;
}
.media-info p{
	font-size: 16px;
	color: #626262;
	line-height: 22px;
}
.media-info a{
	display: block;
	width: 140px;
	height: 31px;
	font-size: 16px;
	color: #22baae;
	border: 2px solid #22baae;
	border-radius: 35px;
	line-height: 31px;
	text-align: center;
	margin-top: 16px;
}
.media-img1{
	background: url(../RJ-img/media1.png) no-repeat left top;
}
.media-img2{
	background: url(../RJ-img/media2.png) no-repeat left top;
}
.media-img3{
	background: url(../RJ-img/media1.png) no-repeat left -215px;
}
.media-img4{
	background: url(../RJ-img/media2.png) no-repeat left -215px;
}
.media-img5{
	background: url(../RJ-img/media1.png) no-repeat left -408px;
}
.media-img6{
	background: url(../RJ-img/media2.png) no-repeat left -408px;
}
.media-img7{
	background: url(../RJ-img/media1.png) no-repeat left -620px;
}
.media-img8{
	background: url(../RJ-img/media2.png) no-repeat left -620px;
}
@media screen and (max-width: 1024px) {
	.wms-cont-item {
		height: auto;
		background-size: cover;
	}
	.wms-content {
		max-width: auto;
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}
	.wms-bg-1 {
		height: 440px;
	}
	.wms-list2-li-02 {
		width: 650px;
		max-width: 650px;
	}
	.wms-list-3 li {
		width: 48%;
		margin: auto 1% 30px 1%;
	}
	.wms-bg-6 {
		height: 370px;
	}
}

@media screen and (max-width: 880px) {
	.wms-list-4 {
		width: 100%;
		margin: auto;
		position: relative;
	}
	.wms-list-4:before {
		display: block;
		content: "";
		width: 4px;
		height: 100%;
		position: absolute;
		left: 78px;
		background-color: #97d0ff;
		background: -webkit-linear-gradient("#97d0ff", "#00ac9e");
		background: -o-linear-gradient("#97d0ff", "#00ac9e");
		background: -moz-linear-gradient("#97d0ff", "#00ac9e");
		background: -mos-linear-gradient("#97d0ff", "#00ac9e");
		background: linear-gradient("#97d0ff", "#00ac9e");
		z-index: 1;
	}
	.wms-list-4 li {
		float: none;
		display: block;
		padding: 0;
		height: 113px;
		margin-bottom: 20px;
		z-index: 5;
		padding-left: 180px;
		width: auto;
	}
	.wms-time {
		position: absolute;
		left: 0;
		top: 31px;
	}
	.wms-li-4-cont {
		position: relative;
		padding-left: 130px;
		padding-top: 0;
		padding-bottom: 0;
		width: auto;
	}
	.wms-li-4-cont .wms-img {
		position: absolute;
		left: 0;
		margin: auto;
	}
	.wms-li-4-pCont {
		position: relative;
		transform: unset;
		text-align: left;
		left: 0;
		transform: translateY(-50%);
		top: 50%;
	}
	.wms-line-circle {
		display: none
	}
	.wms-time-05 {
		background-image: url(../RJ-img/li-405-2.png);
	}
	.wms-list-7 li{
		width: 100%;
		float: none;
		margin: 20px auto;
	}
}

@media screen and (max-width: 768px) {
	.wms-main-title {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.wms-sub-title {
		font-size: 20px;
	}
	.wms-intro {
		font-size: 14px;
	}
	.wms-bg-1{
		height: 300px;
	}
	
	.wms-btn-apply,
	.wms-btn-case,
	.wms-btn-green-line,
	.wms-btn-green{
		height: 34px;
		line-height: 34px;
		font-size: 16px;
		border-radius: 19px;
	}
	
	.wms-list-2 li{
		display: block;
		width: auto;
		max-width: unset;
		padding-left: 0;
		padding-right: 0;
	}
	.wms-list-2 li .wms-sub-title {
    margin-bottom: 15px;
}
	.wms-fwgs{
		font-size: 14px;
		height: auto;
		min-height: unset;
	}
	.wms-fwgs .wms-sub-title{
		font-size: 20px;
	}
	
	.wms-table, .wms-table-wrap table{
		font-size: 14px;
	}
	.wms-table td, .wms-table th, .wms-table-wrap table td, .wms-table-wrap table th{
		padding: 10px;
	}
	
	.wms-list-5 li{
		max-width: 382px;
		width: 48%;
		margin: 0 1% 20px 1%;
		height: auto;
	}
	.wms-li-cont{
		padding: 10px 15px;
	}
	.wms-list-3 li h3{
		font-size: 20px;
	}
	.wms-list-3 li p{
		font-size: 14px;
		line-height: 140%;
		height: 38px;
	}
	
	.wms-bg-6{
		height: 300px;
	}
	.wms-bg4-subTitle{
		font-size: 20px;
	}
	.wms-orange{
		font-size: 28px;
	}
}

@media screen and (max-width: 480px) {
	.wms-main-title em{
		display: none;
	}
	
	.wms-list-3 li{
		display: block;
		width: 100%;
		max-width: 530px;
		margin: auto auto 20px auto;
	}
	.wms-list-5 li{
		display: block;
		width: 100%;
		max-width: 382px;
		margin: auto auto 20px auto;
	}
	.wms-time{
		font-size: 14px;
		width: 120px;
		height: 40px;
		line-height: 40px;
		background-size: 100%;
		padding-right: 10px;
		top: 25px;
	}
	.wms-list-4:before{
		width:2px;
		left:59px;
	}
	.wms-list-4 li{
		height: auto;
		padding-left: 150px;
	}
	.wms-li-4-cont .wms-img{
		width: 80px;
		height: 80px;
		top: 0;
	}
	.wms-li-4-cont{
		padding: 90px 0 10px 0;
		height: auto;
	}
	.wms-li-4-pCont{
		position: relative;
		top: 0;
		left: 0;
		transform: unset;
		font-size: 14px;
		text-align: left;
		white-space: normal;
	}
	.media-img{
		zoom: 0.8;
	}
	.media-info {
	    margin-left: 110px;
	}
}