@charset "UTF-8";

.banner h1 {
	
	padding: 8px 0;
	margin-bottom: 6px;
	color: #fff
}
.banner .box {
	margin-top: -70px;
	box-sizing: border-box
}
.banner .emphasize {
	font-size: 22px;
	margin-bottom: 8px
}
.banner .athor {
	margin-top: 30px
}
.banner .view-detail {
	margin-top: 30px;
	color: #e3e3e3;
	display: block
}
@media screen and (min-width: 1600px) {
	.banner h1 {
	font-size: 36px
}
}

@media screen and (max-width: 768px) {
	.banner {
	min-height: 6.4rem;
	font-size: .3733rem
}
.banner .box {
	bottom: 1.5333rem;
	top: auto;
	padding: 20px 5%;
	margin: 0;
	left: 0;
	width: 100%
}
.banner h1 {
	font-size: .5333rem;
	line-height: .8rem;
	margin-bottom: .2133rem
}
.banner img {
	height: auto;
	width: 100%
}
.banner .emphasize {
	font-size: .3733rem;
	font-weight: 600;
	display: inline
}
.banner .athor {
	margin-top: .5333rem
}
.banner .view-detail {
	font-size: 12px;
	margin-top: .5333rem
}

}

.banner .banner-btn {
	border-radius:50px;
	padding:0 40px;
	display:inline-block;
	color:#fff;
	box-sizing:border-box;
	line-height:34px;
	background:-moz-linear-gradient(left,#0073df 0,#00a5eb 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0073df),color-stop(100%,#00a5eb));
	background:-webkit-linear-gradient(top,#0073df 0,#00a5eb 100%);
	background:-o-linear-gradient(left,#0073df 0,#00a5eb 100%);
	background:-ms-linear-gradient(left,#0073df 0,#00a5eb 100%);
	background:linear-gradient(to right,#0073df 0,#00a5eb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$s,endColorstr=$e,GradientType=1);
	*background:#0073df
}
.banner .banner-btn:hover {
	color:#eee
}
.banner .down-btn {
	border:1px solid #fff;
	border-radius:50px;
	padding:0 40px;
	display:inline-block;
	transition:all .3s;
	background:transparent;
	color:#fff;
	box-sizing:border-box;
	line-height:32px
}
.banner .down-btn:hover {
	background:#454a60;
	border:1px solid #454a60;
	color:#fff
}


.m-btn-3,.banner .m-btn,.framework .down-btn {
	border-radius:50px;
	padding:0 40px;
	display:inline-block;
	color:#fff;
	box-sizing:border-box;
	line-height:34px;
	background:-moz-linear-gradient(left,#cb74ab 0,#626dae 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cb74ab),color-stop(100%,#626dae));
	background:-webkit-linear-gradient(top,#cb74ab 0,#626dae 100%);
	background:-o-linear-gradient(left,#cb74ab 0,#626dae 100%);
	background:-ms-linear-gradient(left,#cb74ab 0,#626dae 100%);
	background:linear-gradient(to right,#cb74ab 0,#626dae 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$s,endColorstr=$e,GradientType=1);
	*background:#cb74ab
}
.m-btn-3:hover,.banner .m-btn:hover,.framework .down-btn:hover {
	color:#eee
}


@media screen and (max-width:768px) {
	.framework .down-btn {
	line-height:.747rem;
	padding:0 .8rem
}
}@media screen and (min-width:415px) and (max-width:768px) {
	.framework .down-btn{
	line-height:.6rem;
	font-size:.267rem
}
}
.framework {
	text-align:center;
	background:#e5ecf2
}
.framework .intro {
	text-indent:28px;
	text-align:left
}
.framework img {
	max-width:880px;
	margin-top:30px;
	width:94%
}
.framework .down-btn {
	margin-top:30px
}
@media screen and (max-width:768px) {
	.framework {
	margin-top:.2667rem
}
.framework img {
	width:100%
}
}

.text-right-pic-left {
	background-size:100% 100%
}
.text-right-pic-left .btn {
	border-radius:50px;
	padding:0 40px;
	display:inline-block;
	color:#fff;
	box-sizing:border-box;
	line-height:34px;
	background:-moz-linear-gradient(left,#0073df 0,#00a5eb 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cb74ab),color-stop(100%,#00a5eb));
	background:-webkit-linear-gradient(top,#0073df 0,#00a5eb 100%);
	background:-o-linear-gradient(left,#0073df 0,#00a5eb 100%);
	background:-ms-linear-gradient(left,#0073df 0,#00a5eb 100%);
	background:linear-gradient(to right,#0073df 0,#00a5eb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$s,endColorstr=$e,GradientType=1);
	*background:#0073df
}
.text-right-pic-left.deep {
	background:#1d2944;
	color:#fff
}
.text-right-pic-left.deep01 {
	background:#f4f4f4;
	color:#00140e
}
.text-right-pic-left .font01 {	
	  font-size:32px;
	 margin-bottom: 40px; 
	 margin-left: 40px;
	 color:#00140e
}

.text-right-pic-left .font02 {
	font-size: 20px;
	margin-left: 20px;
	line-height:300%;
	color:#00140e；	
	background-image: url(../picture/bz.png) ;

}

.text-right-pic-left.deep h2,.text-right-pic-left.deep .h3,.text-right-pic-left.deep .h4 {
	color:#fff
}
.text-right-pic-left.light {
	background:#eff2f4
}
.text-right-pic-left .image,.text-right-pic-left .text {
	display:inline-block;
	vertical-align:middle;
	width:49%
}
.text-right-pic-left .h3 {
	text-align:left;
	color:#626dae;
	margin-bottom:20px
}
.text-right-pic-left .h4 {
	margin-top:10px;
	margin-bottom:0
}
.text-right-pic-left .grid-5-5 .image {
	width:49%
}
.text-right-pic-left .grid-5-5 .text {
	width:49%
}
.text-right-pic-left .grid-4-6 .image {
	width:40%
}
.text-right-pic-left .grid-4-6 .text {
	width:58%
}
.text-right-pic-left .grid-3-7 .image {
	width:30%
}
.text-right-pic-left .grid-3-7 .text {
	width:68%
}
.text-right-pic-left .grid-2-8 .image {
	width:20%
}
.text-right-pic-left .grid-2-8 .text {
	width:78%
}
.text-right-pic-left .grid-8-2 .image {
	width:78%
}
.text-right-pic-left .grid-8-2 .text {
	width:20%
}
.text-right-pic-left .grid-7-3 .image {
	width:68%
}
.text-right-pic-left .grid-7-3 .text {
	width:30%
}
.text-right-pic-left .grid-6-4 .image {
	width:58%
}
.text-right-pic-left .grid-6-4 .text {
	width:40%
}
@media screen and (max-width:768px) {
	.text-right-pic-left .grid-5-5 .image,.text-right-pic-left .grid-4-6 .image,.text-right-pic-left .grid-3-7 .image,.text-right-pic-left .grid-2-8 .image,.text-right-pic-left .grid-8-2 .image,.text-right-pic-left .grid-7-3 .image,.text-right-pic-left .grid-6-4 .image,.text-right-pic-left .grid-7-3 .image,.text-right-pic-left .grid-8-2 .image {
	display:none
}
.text-right-pic-left .grid-5-5 .text,.text-right-pic-left .grid-4-6 .text,.text-right-pic-left .grid-3-7 .text,.text-right-pic-left .grid-2-8 .text,.text-right-pic-left .grid-8-2 .text,.text-right-pic-left .grid-7-3 .text,.text-right-pic-left .grid-6-4 .text,.text-right-pic-left .grid-7-3 .text,.text-right-pic-left .grid-8-2 .text {
	width:100%
}
.text-right-pic-left .grid-5-5 .text img,.text-right-pic-left .grid-4-6 .text img,.text-right-pic-left .grid-3-7 .text img,.text-right-pic-left .grid-2-8 .text img,.text-right-pic-left .grid-8-2 .text img,.text-right-pic-left .grid-7-3 .text img,.text-right-pic-left .grid-6-4 .text img,.text-right-pic-left .grid-7-3 .text img,.text-right-pic-left .grid-8-2 .text img {
	margin-bottom:.2667rem
}
.text-right-pic-left .grid-5-5 .text .h3,.text-right-pic-left .grid-4-6 .text .h3,.text-right-pic-left .grid-3-7 .text .h3,.text-right-pic-left .grid-2-8 .text .h3,.text-right-pic-left .grid-8-2 .text .h3,.text-right-pic-left .grid-7-3 .text .h3,.text-right-pic-left .grid-6-4 .text .h3,.text-right-pic-left .grid-7-3 .text .h3,.text-right-pic-left .grid-8-2 .text .h3 {
	margin-bottom:.2667rem
}
}



.advantage {
	text-align:center
}
.advantage .advantage-content {
	display:flex;
	flex-wrap:wrap
}
.advantage .advantage-item {
	width:28%;
	margin:0 2.4%;
	display:inline-block;
	vertical-align:top;
	background:#eff2f4;
	border:1px solid #eee;
	padding:3%;
	box-sizing:border-box;
	box-shadow:0 0 3px 3px #ddd;
	*min-height:440px
}
.advantage .advantage-item em {
	color:#d04558;
	border:1px dotted #d04558;
	border-radius:50px;
	padding:0 10px;
	font-weight:600;
	font-style:normal;
	margin:20px 0;
	display:inline-block
}
.advantage .advantage-item .icon {
	height:64px;
	margin-bottom:14px
}
.advantage .advantage-item .lis {
	text-align:left;
	margin-bottom:14px
}
@media screen and (max-width:1441px) {
	.advantage .advantage-item {
	padding:2%
}
}@media screen and (max-width:1280px) {
	.advantage .advantage-item {
	min-height:470px
}
}@media screen and (max-width:768px) {
	.advantage .advantage-item {
	width:100%;
	margin:0 0 .8rem;
	min-height:0;
	padding:.5333rem
}
}



.features {
	
	background: #202a3a;
	background-size:100% 100%;
	color:#fff;
	text-align:center
}
.features h2 {
	color:#fff
}
.features .item {
	display:inline-block;
	vertical-align:top;
	width:310px;
	padding:2%;
	box-sizing:border-box
}
.features .item .icon {
	height:60px
}
.features .item h4 {
	background:#d6ae7f;
	border-radius:50px;
	width:180px;
	margin:14px auto 16px;
	padding:3px 0;
	font-weight:400;
	color:#fff
}
.features .down-btn {
	border:1px solid #fff;
	border-radius:50px;
	padding:0 40px;
	display:inline-block;
	transition:all .3s;
	background:transparent;
	color:#fff;
	box-sizing:border-box;
	line-height:32px
}
@media screen and (max-width:768px) {
	.features {
	background:#161e31
}
}

.profile_detail_content {
	text-align:center;
	background:#fff;
	text-align:left
}
.profile_detail_content .content-l,.profile_detail_content .content-r {
	display:inline-block;
	vertical-align:top
}
.profile_detail_content .content-l {
	width:60%;
	padding-right:20px;
	box-sizing:border-box
}
.profile_detail_content .content-r {
	width:39%
}
.profile_detail_content .intro {
	text-indent:28px
}
.profile_detail_content .fontstyle_normal {
	color:#454e68;
	text-align:left;
	font-size:18px;
	margin-top:20px
}
.profile_detail_content .fontstyle_normal strong {
	margin-top:10px;
	display:inline-block
}
@media screen and (max-width:768px) {
	.profile_detail_content .content-l,.profile_detail_content .content-r {
	width:100%;
	padding:0
}
.profile_detail_content .content-l {
	margin-bottom:.8rem
}
.profile_detail_content .fontstyle_normal {
	text-align:center
}
}

.customer {
	text-align:center
}
.customer .customer-item {
	display:inline-block;
	width:30%;
	vertical-align:top;
	min-height:300px;
	max-width:350px;
	margin:0 1.5% 2%;
	position:relative;
	border-bottom:1px dashed #ccc
}
.customer .customer-item .name {
	margin-bottom:10px;
	display:inline-block
}
.customer .customer-item .pic {
	position:absolute;
	left:0;
	top:60px;
	width:100%;
	color:#fff
}
.customer .customer-item .pic .logo {
	max-height:40px;
	max-width:60%;
	margin-bottom:10px;
	display:block;
	margin:6px auto
}
.customer .customer-item .pic b {
	display:inline-block;
	min-width:60%;
	padding:6px 0;
	border-top:1px solid #fff
}
.customer .customer-item .text {
	margin-top:14px;
	line-height:24px;
	padding:0 6px;
	text-align:left
}
.customer .customer-item .view-detail {
	border:1px solid #8e9dae;
	color:#8e9dae;
	border-radius:50px;
	display:inline-block;
	padding:0 30px;
	line-height:26px;
	position:absolute;
	right:50%;
	margin-right:-60px;
	bottom:20px
}
.customer .customer-item .view-detail:hover {
	color:#fff;
	background-color:#454a60;
	border:1px solid #454a60
}
.customer .more-cases-link {
	margin-top:30px
}
@media screen and (min-width:769px) and (max-width:1360px) {
	.customer .customer-item .pic {
	top:50px
}
.customer .customer-item .pic .logo {
	max-height:34px;
	margin-bottom:6px
}
}@media screen and (max-width:768px) {
	.customer .customer-item {
	width:100%;
	padding-bottom:1.3333rem;
	vertical-align:top;
	max-width:340px;
	min-height:0;
	margin:0 0 .8rem
}
.customer .customer-item .view-detail {
	margin:0;
	right:.2667rem
}
.customer .more-cases-link {
	margin-top:.2667rem
}
}



.pro-tags {
	margin:40px auto;
	border-bottom:2px solid #d3dbe2;
	font-size:16px
}
.pro-tags .tags {
	display:inline-block;
	margin-right:30px;
	position:relative;
	z-index:2;
	margin-bottom:-2px;
	padding:0 4px
}
.pro-tags .tags.active {
    border-bottom: 3px solid #009ce9 
}
@media screen and (max-width:768px) {
	.pro-tags {
	margin-top:30px
}
.pro-tags .tags {
	margin-right:2%;
	padding-bottom:.2133rem
}
}



.last-article .last-item:hover img {
	transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1)
}

.main-section {
	width:75%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding-right:4%
}
.main-section hr {
	border-top:0;   height:1px;margin-bottom: 20px;
}


.main-section-1 {
	width: 70%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:1% 2%  1% 2% ;

	background:#fff;

}

.main-section-1 hr {
	border-top:0;   height:1px;margin-bottom: 20px;
}

.main-section-2 {
	width: 70%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:1% 2%  1% 2% ;

	background:#fff;

}
@media screen and (max-width:768px) {
	.main-section {
	width:100%
}
}
.main-section-2 hr {
	border-top:0;   height:1px;margin-bottom: 20px;
}


.last-article {
	color:#97a3b6;
	padding-top:0
}
.last-article .last-item {
	padding:30px 0;
	border-bottom:1px solid #d3dbe2
}
.last-article .last-item:last-child {
	border-bottom:0
}
.last-article .last-item .pic,.last-article .last-item .text {
	display:inline-block;
	vertical-align:top;
	overflow:hidden
}
.last-article .last-item .pic {
	max-width:280px;
	max-height:160px;
	margin-right:2%;
	width:22%
}
.last-article .last-item .pic img {
	width:100%
}
.last-article .last-item .text {
	width:75%
}
.last-article .last-item .article-tag {
	margin:8px 0
}
.last-article .last-item .article-tag .tags {
	border:1px solid #ccc;
	border-radius:4px;
	margin-right:10px;
	display:inline-block;
	line-height:24px;
	padding:0 10px
}
.last-article .last-item .article-tag .tags:hover {
	background:#eee
}
@media screen and (max-width:768px) {
	.last-article.main-section {
	width:100%
}
.last-article .last-item {
	padding:20px 0
}
.last-article .last-item .pic {
	display:none
}
.last-article .last-item .text {
	width:100%;
	line-height:22px
}
}

.aside {
	width:24%;
	display:inline-block;
	vertical-align:top;
	line-height:22px
}
.aside h4 {
	color:#fefefe;
	font-weight:400
}
.aside .lis {
	border-bottom:1px solid #d3dbe2;
	padding:10px 15px;
	display:block
}
.aside .lis:last-child {
	border-bottom:0
}

.aside .hot{
	padding:0px 0px;
	box-sizing:border-box;
	margin-bottom:20px;
	
}
.aside .hotx{
	padding:3px 3px 0px 3px;
	box-sizing:border-box;
	margin-bottom:20px;
}
.aside .hot-tags,.aside .last {
	padding:10px 20px;
	box-sizing:border-box;
	margin-bottom:20px;
	background:#e2e7f1
}
.aside .hot-tags .title {
	margin-bottom:6px
}
.aside .hot-tags .tags {
	border:1px solid #ccc;
	border-radius:4px;
	margin-right:8px;
	margin-top: 4px;
	display:inline-block;
	line-height:24px;
	padding:0px 2px;
	font-size:10px;
}
.aside .hot-tags .tags:hover {
	background:#eee
}

.aside .hot-tags01 {
	padding:0px 0px;
	box-sizing:border-box;
	margin-bottom:20px;
	background:#eef1f3
}
.aside .hot-tags01 .title {
	
	padding:15px 15px;
	font-size:18px;
	background-color: #1f8ceb;
	color:#e4e4e4; 
}
.aside .lis01 {
	border-bottom:1px solid #d3dbe2;
	padding:15px 40px;
	display:block;
	font-size:16px;
}

.aside .lis01:last-child {
	border-bottom:0
}

.aside .lis01:hover{
 color:#fff; 
background-color: #009be9
}



.aside .tags .lis .article {
	display:inline-block;
	float:right;
	width:80%
}
.aside .hot .lis:before {
	content:'';
	display:inline-block;
	width:19%;
	height:48px;
	vertical-align:middle;
	background:url(../images/blog_icon.svg) no-repeat;
	background-size:180px 132px
}
.aside .hot .lis .article {
	display:inline-block;
	float:right;
	width:80%
}
.aside .hot .lis:nth-child(2):before {
	background-position:0 0
}
.aside .hot .lis:nth-child(3):before {
	background-position:-74px 0
}
.aside .hot .lis:nth-child(4):before {
	background-position:-142px 0
}
@media screen and (max-width:768px) {
	.aside {
	display:none
}
}

.aside .blog-subscribe {
	font-size:14px;
	text-align:left
}
.aside .blog-subscribe h2 {
	margin-bottom:14px;
	font-size:18px;
	text-align:left;
	color:#97a3b6
}
.aside .blog-subscribe .subscribe-submit {
	font-size:14px
}
.aside .blog-subscribe .subscribe-input,.aside .blog-subscribe .subscribe-submit {
	height:36px;
	line-height:36px
}
.aside .blog-subscribe .subscribe-tips {
	margin-top:10px
}



.blog-subscribe {
	background:#eef1f3;
	text-align:center;
	font-size:17px;
	color:#98a7b8;
	padding-left:5%;
	padding-right:5%
}
.blog-subscribe .subscribe-content {
	max-width:420px;
	margin:0 auto
}
.blog-subscribe .email-error-tips {
	color:#c80000;
	display:none
}
.blog-subscribe .subscribe-input {
	padding-left:10px;
	border:1px solid #97a3b6;
	line-height:44px;
	height:44px;
	background:transparent;
	width:74%;
	max-width:340px;
	vertical-align:middle;
	box-sizing:border-box
}
.blog-subscribe .subscribe-submit {
	color:#fff;
	background:#434d66;
	line-height:44px;
	width:24%;
	max-width:70px;
	text-align:center;
	font-size:16px;
	display:inline-block;
	margin-left:-2%;
	vertical-align:middle;
	cursor:pointer
}
.blog-subscribe .subscribe-tips {
	margin:20px 0
}
.blog-subscribe .subscribe-success,.blog-subscribe .subscribe-fail {
	display:none
}

.prev-next-page,.m-detail-page .news-bottom {
	border-top:1px solid #ececec;
	color:#999;
	padding:20px 0;
	text-align:right
}
.prev-next-page a,.m-detail-page .news-bottom a {
	color:#999
}
.prev-next-page .back,.m-detail-page .news-bottom .back {
	float:left;
	border:1px solid #999;
	display:inline-block;
	color:#999;
	padding:1px 14px;
	margin-right:20px;
	margin-top:-4px
}
.prev-next-page .back:before,.m-detail-page .news-bottom .back:before {
	content:'';
	display:inline-block;
	width:8px;
	height:8px;
	margin-top:-2px;
	margin-right:2px;
	vertical-align:middle;
	border-top:2px solid #999;
	border-left:2px solid #999;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.prev-next-page .prev,.m-detail-page .news-bottom .prev {
	border-left:#999;
	padding-right:20px;
	margin-right:20px;
	line-height:16px;
	border-right:1px solid #999
}
@media screen and (max-width:768px) {
	.detail-banner .box {
	margin-top:-.8rem
}
.prev-next-page,.m-detail-page .news-bottom {
	padding:.5333rem 0 0
}
.prev-next-page a,.m-detail-page .news-bottom a {
	display:inline-block
}
.prev-next-page .prev,.m-detail-page .news-bottom .prev {
	border-right:0;
	float:left
}
.prev-next-page .doc-title,.m-detail-page .news-bottom .doc-title {
	display:none
}
}


.blog-recommend .recommend-item .tags {
	color:#fff;
	border:1px solid #a9a9a9;
	border-radius:4px;
	display:inline-block;
	padding:0 10px
}

.blog-detail .tags .btn {
	border:1px solid #ccc;
	border-radius:4px;
	margin-right:10px;
	display:inline-block;
	padding:0 10px
}
.blog-detail .tags .btn:hover {
	background:#eee
}



.activity {
	padding:24px 0 0 40px
}
.activity .list {
	margin-left:-.5%
}
.activity .list h4 {
	margin:4px 0
}
.activity .list li {
	display:inline-block;
	vertical-align:top;
	width:31.5%;
	margin:0 .5% 3%;
	cursor:pointer
}
.activity .list li a {
	display:inline-block
}
.activity .list .info {
	padding:20px 30px;
	border:1px solid #D6D6D6;
	border-top:0;
	box-sizing:border-box;
	height:132px;
	position:relative
}
.activity .list .info .time {
	color:#999;
	display:inline-block;
	position:absolute;
	bottom:18px
}
@media screen and (max-width:768px) {
	
.activity {
	padding:.8rem 0 .267rem
}
.activity.m-detail-page {
	padding:.5333rem 0 .267rem
}
.activity.m-detail-page .content {
	margin-bottom:1.067rem
}
.activity .indicators {
	width:100%;
	padding:0 5.2% 16px;
	margin-left:-5.5%
}
.activity .indicators li {
	font-size:14px
}
.activity .list li {
	width:100%;
	margin:0 0 .5333rem
}
.activity .list .info {
	padding:.5333rem
}
.activity .list .info .time {
	margin-top:.2667rem
}
}


.lr-pt {
	background-size:100% 100%
}
.lr-pt.deep {
	background:#eff2f4;
	color:#565d6d;
}
.lr-pt.deep h2,.lr-pt.deep .h3,.lr-pt.deep .h4 {
	color:#565d6d;
}
.lr-pt.light {
	background:#eff2f4
}
.lr-pt .image,.lr-pt .text {
	display:inline-block;
	vertical-align:middle;
	width:49%;
}
.lr-pt .image {
	text-align:center;

.lr-pt .h3 {
	text-align:left;
	color:#626dae;
	margin-bottom:20px
}
.lr-pt .h4 {
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
}
.lr-pt .grid-5-5 .image {
	width:49%
}
.lr-pt .grid-5-5 .text {
	width:49%
}
.lr-pt .grid-4-6 .image {
	width:40%
}
.lr-pt .grid-4-6 .text {
	width:58%
}
.lr-pt .grid-3-7 .image {
	width:30%
}
.lr-pt .grid-3-7 .text {
	width:68%
}
.lr-pt .grid-2-8 .image {
	width:20%
}
.lr-pt .grid-2-8 .text {
	width:78%
}
.lr-pt .grid-8-2 .image {
	width:78%
}
.lr-pt .grid-8-2 .text {
	width:20%
}
.lr-pt .grid-7-3 .image {
	width:68%
}
.lr-pt .grid-7-3 .text {
	width:30%
}
.lr-pt .grid-6-4 .image {
	width:58%
}
.lr-pt .grid-6-4 .text {
	width:40%
}
@media screen and (max-width:768px) {
	.lr-pt .grid-5-5 .image,.lr-pt .grid-4-6 .image,.lr-pt .grid-3-7 .image,.lr-pt .grid-2-8 .image,.lr-pt .grid-8-2 .image,.lr-pt .grid-7-3 .image,.lr-pt .grid-6-4 .image,.lr-pt .grid-7-3 .image,.lr-pt .grid-8-2 .image {
	display:none
}
.lr-pt .grid-5-5 .text,.lr-pt .grid-4-6 .text,.lr-pt .grid-3-7 .text,.lr-pt .grid-2-8 .text,.lr-pt .grid-8-2 .text,.lr-pt .grid-7-3 .text,.lr-pt .grid-6-4 .text,.lr-pt .grid-7-3 .text,.lr-pt .grid-8-2 .text {
	width:100%
}
.lr-pt .grid-5-5 .text img,.lr-pt .grid-4-6 .text img,.lr-pt .grid-3-7 .text img,.lr-pt .grid-2-8 .text img,.lr-pt .grid-8-2 .text img,.lr-pt .grid-7-3 .text img,.lr-pt .grid-6-4 .text img,.lr-pt .grid-7-3 .text img,.lr-pt .grid-8-2 .text img {
	margin-bottom:.2667rem
}
.lr-pt .grid-5-5 .text .h3,.lr-pt .grid-4-6 .text .h3,.lr-pt .grid-3-7 .text .h3,.lr-pt .grid-2-8 .text .h3,.lr-pt .grid-8-2 .text .h3,.lr-pt .grid-7-3 .text .h3,.lr-pt .grid-6-4 .text .h3,.lr-pt .grid-7-3 .text .h3,.lr-pt .grid-8-2 .text .h3 {
	margin-bottom:.2667rem
}
}
.pro-tags .tags.active {
    border-bottom: 3px solid #009ce9 !important;
}