﻿.pro-swiper .imgs img {
	top: 80px;
}

.pro-swiper .left-area {
	left: 19%;
	top: 30%;
}

/*新增样式*/
.area {
	width: 660px;
}

.area p {
	padding: 20px 0;
}

.tabs-has-color {
	background: #01407e;
}

.tabs-has-color .c-tab li {
	border-bottom-color: transparent;
	color: #fff;
}

.tabs-has-color .c-tab li.active-on {
	border-bottom: 3px solid #02c2de;
	color: #42b4dd;
}
/*解决方案*/
.solution, .client {
	background: #f8f9fb;
}

.solution .menu-list .img-box {
	border: 1px solid #e4ecf3;
	background: #fff;
	height: 385px;
	padding: 35px 25px;
}
/*了解详情按钮公用样式*/
.a-btn a {
	display: inline-block;
	padding: 5px 12px;
	border: 1px solid #4cb4e7;
	color: #4cb4e7;
	margin-top: 15px;
}

.solution .img-box .solution-pro {
	margin-top: 40px;
	height: 135px;
	line-height: 135px;
}
/*合作伙伴*/
.friends .media {
	border: 1px solid #e4ecf3;
	padding: 30px;
	margin-bottom: 22px;
}

.friends .media-body, .client .media-body {
	text-align: left;
	padding-left: 15px;
}
/*客户说*/
.client .service-page.webdesign .section3 {
	padding-bottom: 0;
}

.client .media {
	background: #fff;
	color: #757575;
}

.client .media-body .client-text {
	font-size: 16px;
	padding: 20px 25px 45px;
}

.client .media-body>div {
	padding: 10px 25px;
}

.client .client-btn-demo {
	clear: both;
	padding: 40px 0;
	color: #333;
	font-size: 16px;
}

.client-btn-demo .btn-demo {
	padding: 9px 46px;
	background: #4cb4e7;
	/*font-size: 16px;*/
	color: #fff;
	margin-bottom: 15px;
}

.client .col-md-12 {
	padding: 0;
}
/*功能及版本*/
.feature .table {
	margin: 50px 0;
}

.feature .table td p:first-child {
	height: 40px;
}

.feature .table>tbody>tr>td {
	border-top: none;
}

.feature .media {
	border: 1px solid #e4ecf3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.feature .media-body .media-heading {
	height: 100px;
	line-height: 100px;
	color: #fff;
}

.feature .media-body p {
	padding: 10px 18px;
	color: #757575;
}

.feature .media-body .list1 {
	background: #4cb4e7;
}

.feature .media-body .list2 {
	background: #19caeb;
}

.feature .media-body .list3 {
	background: #20e0c8;
}

.feature .list-btn-order {
	margin: 10px;
	font-size: 16px;
	color: #757575;
}

.feature .list-btn-order .btn-order {
	background: transparent;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 1px solid #e0e0e0;
}
/*dwms*/
.friends.dwms .menu-list {
	border: 1px solid #e4ecf3;
	margin-left: -1px;
	margin-bottom: -1px;
	min-height: 173px;
}

.friends.dwms .menu-list:first-child, .friends.dwms .menu-list:nth-child(4),
	.friends.ywms .menu-list:nth-child(2), .friends.ywms .menu-list:nth-child(4)
	{
	background: #f8fcff;
}

.friends.dwms .menu-list .media, .friends.ywms .menu-list .media {
	border: none;
}

.friends.dwms .media-body {
	padding-left: 65px;
}
/*ywms*/
.friends.ywms .menu-list {
	border: none;
}

.friends.ywms .menu-list .media {
	margin-bottom: 0;
}

.friends.ywms .menu-list .media-body {
	padding: 50px;
}

.friends.ywms .menu-list .media-body p {
	margin: 30px 0 20px;
	color: #555;
}
/*twork*/
.twork-solution .media {
	border: 1px solid #ddd;
	padding: 50px;
	height: 190px;
	margin-bottom: 20px;
}

.twork-solution .media-left a {
	display: inline-block;
	padding: 12px;
	background: #ddd;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
/*bbc*/
.role {
	background: #f7fafc;
}

.role .service-page.webdesign .section3 {
	padding: 0;
}
/*.role .role-group .col-md-4{
    padding: 25px 0;
}
.role .role-group:first-of-type .col-md-4{
    border-bottom: 1px solid #ddd;
}
.role .media-body{
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}
.role .media-body h5{
    font-size: 16px;
    color: #777;
    line-height: 25px;
}
.role .col-md-12.menu-list{
    position: relative;
}
.role .role-middle{
    position: absolute;
    top: 45%;
    width: 30%;
    border: 1px solid #e0e0e0;
}
.role .role-middle h4{
    margin-top: 20px;
    color: #555;

}*/
/*m2b*/
.m2b {
	background: #f8fcff;
}

/*云erp & 直邮BC*/
.text-tip {
	color: #28cdec;
}

.new-layout {
	background: #f7f8fc;
	padding-bottom: 3rem;
}

.new-layout .layout-box {
	background: #fff;
	padding: 30px;
	height: 316px;
}

.new-layout .layout-box .img-icon {
	margin-top: 30px;
}

.layout-box h4 {
	margin: 30px 0;
	color: #555;
}

.layout-box p {
	font-size: 12px;
	color: #757575;
}

.layout-box .bc-img {
	height: 66px;
}

.layout-main .yerp-item {
	padding-bottom: 40px;
}

.layout-main .yerp-icon {
	border-top: 1px solid #eee;
	padding-top: 15px;
}

.layout-main .yerp-icon .col-md-3 {
	border-right: 1px solid #eee;
}

.layout-main .yerp-icon .col-md-3:last-child {
	border-right: none;
}

.layout-main .yerp-icon .col-md-3 span {
	font-size: 16px;
	color: #999;
	padding-left: .8rem;
}

.solve .erp-img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.bc-layout {
	padding-bottom: 3rem;
}

.layout-main .bc-box {
	border: 1px solid #eee;
	height: 284px;
	padding: 12px;
}

.all-box h4 {
	margin: 45px 0 30px 0 !important;
	color: #373d41;
}

.all-box p {
	font-size: 12px;
}

/*手机屏幕*/
@media only screen and (max-width: 435px) {
	.new-swiper .imgs img {
		left: 0 !important;
		top: 75px !important;
		width: 75% !important;
	}
	.new-layout .layout-box .img-icon {
		margin-top: 15px;
	}
	.layout-main .yerp-icon .col-md-3 {
		text-align: left;
		margin-bottom: .8rem;
	}
	.new-layout .layout-box {
		padding: 15px;
		height: 216px;
	}
	.layout-box h4 {
		font-size: 16px;
		margin: 20px 0;
	}
	.yerp-item .layout-box div>img {
		width: 50%;
	}
	/*bc*/
	.layout-main .bc-box {
		height: 200px;
		padding: 12px;
	}
	.all-box h4 {
		margin: 10px 0 15px 0 !important;
	}
}

@media screen and (max-device-width: 320px) {
	.new-swiper .imgs img {
		left: 8% !important;
		width: 65% !important;
	}
	.layout-main .yerp-icon .col-md-3 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.layout-main .yerp-icon .col-md-3 span {
		font-size: 14px;
		padding-left: .5rem;
	}
}
/*bbc手机端样式*/
@media screen and (max-width: 800px) {
	.bbc_improve ul li.col-xs-12 {
		width: 100% !important;
		height: 220px !important;
	}
	.bbc_improve ul li img {
		margin-top: 14px !important;
	}
}

@media only screen and (max-width: 435px) { /*.pro-swiper .imgs img {
        left: -20% !important;
        top: 0px !important;
        width: 120% !important;
    }*/
}