/*****************************
* PHPwork官方网址： ruanjiesoft.com
* PHPwork官方QQ： 1980572700
* 不得使用本软件用于非法用途，不得违反国家法律。
*************************************/


/* 动画放大 */
div.rj-animate{overflow: hidden; }
div.rj-animate img{width: 100%;transition: 1s;}
div.rj-animate img:hover{transform:scale(1.1);transition: 2s;}


/* ** banner */
.rj-banner { max-height: 320px; margin-top: 80px;}

.rj-banner .title {	padding-top: 170px;}
/* .rj-banner .title.active {	padding-top: 120px; transition: 1.5s;} */
.rj-banner .title p {color: #606060; font-size: 36px;	text-align: center; line-height: 50px; letter-spacing: 5px;}
.rj-banner .title p.rj-tip { font-size: 20px; letter-spacing: 3px;}

/* 分页 */
.rj-page{clear:both;margin: 10px 0;padding-top:15px;text-align:center;}
.rj-page span,.rj-page a{display: inline-block;vertical-align: middle; margin: 0 -1px 5px 0;padding: 0 15px; height: 28px;
							line-height: 28px;border: 1px solid #eee;background-color:#fff;color: #333;font-size: 12px;}
.rj-page input{margin: 0 10px;	padding: 0 3px;	height: 30px;border-radius: 2px;border: 1px solid #eee;
				vertical-align: top;color: #333;line-height: 30px;background-color: #fff;outline: none;}


/********************/
/* 页头 */
/* 页头 导航*/
.rj-header {width: 100%; height: 80px; box-shadow: 0 3px 3px 0 rgba(204, 204, 204,0.8);
			position: fixed; left: 0; top: 0; z-index: 999;
			background: #FFF;overflow: hidden; transition: 0.3s;
		}
.rj-header.index {background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);}
.rj-header .layui-container {	position: relative; transition: all 400ms ease-out;}
.rj-header .nav-logo {height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
.rj-header .nav-list {display: inline-block; height: 80px;}
.rj-header .nav-list button {width: 25px; height: 30px;border: none; position: absolute; top: 30px; right: 15px;
								background-color: transparent; outline: none; cursor: pointer;
							}
.rj-header .nav-list button span {	display: block; width: 25px; height: 2px;margin-bottom: 6px;
									background: #2db5a3; transition: 0.5s;
								}
.rj-header .nav-list button span.spa1 { transform: rotate(45deg);}
.rj-header .nav-list button span.spa3 { transform: rotate(-45deg) translate(5px, -5px);}
.rj-header .layui-nav {	width: 100%; position: absolute; top: 80px; right: 0;
							color: #000; background: transparent;
						}
.rj-header .layui-nav .layui-nav-item {	display: block; line-height: 60px;}
.rj-header .layui-nav * { font-size: 18px;}
.rj-header .layui-nav .layui-nav-item a { padding: 0 0; color: #000;}
.rj-header .layui-nav-bar,
.rj-header .layui-nav .layui-this:after { height: 2px; background-color: #2db5a3;}
.rj-header .layui-nav .layui-this a,
.rj-header .layui-nav .layui-nav-item a:hover {	color: #2db5a3;}

/* 页脚 */
.rj-footer { padding-bottom: 70px; background: #5e6664;}
.rj-footer .rj-link { padding-top: 50px; padding-bottom: 40px; text-align: center;}
.rj-footer .rj-link a { color: #ccc; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.rj-footer .rj-link a:hover { color: #eee; transition: 0.3s;}

.rj-footer .rj-contact , .rj-footer .rj-contact a{ color: #FFF;}
.rj-footer .rj-contact .contact-top { padding-top: 20px; line-height: 30px;}
.rj-footer .rj-contact .contact-bottom { line-height: 35px;}



/********************/
/* 首页 */
/* 首页 轮播 */
.rj-index_slide{ padding-top: 80px;}
.rj-index_slide .swiper-slide img { display: block;  width: 100%; aspect-ratio: 3/1; object-fit: cover; }
.swiper-button-next,.swiper-button-prev { color: rgba(255, 255, 255,0.8) !important; }
@media screen and (max-width: 768px) {
	.rj-index_slide .swiper-slide img { aspect-ratio: 16/8;}
	.swiper-button-next,.swiper-button-prev { color: rgba(255, 255, 255,0.4) !important; }
}

/* 首页 产品*/
.rj-index_goods { clear: both; padding-bottom: 50px;}
.rj-index_goods p { color: #aaa; line-height: 28px;}
.rj-index_goods p.title { padding-top: 50px;color: #484848; font-size: 24px; text-align: center; line-height: 100px;}
.rj-index_goods p.title span { color: #2db5a3;}
.rj-index_goods .rj-item { border: 1px solid #DEDEDE; padding: 30px 36px 0; text-align: center; transition: 0.3s;}
.rj-index_goods .rj-item p.label { font-size: 18px; color: #4a4a4a; line-height: 46px; padding-top: 6px;}
.rj-index_goods .rj-item a { font-size: 14px; color: #a1d8cb; line-height: 68px;}
.rj-index_goods .rj-item:hover { box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.rj-index_goods .rj-item img { transition: 2s; width: 100%;}
.rj-index_goods .rj-item img:hover { transform: rotateY(180deg);}

/* 首页 服务 */
.rj-index_service {	background: #f8f8f8;}
.rj-index_service p.title {	color: #484848; font-size: 24px; text-align: center; line-height: 100px;}
.rj-index_service p.title span { color: #2db5a3;}
.rj-index_service .rj-item { display: flex; justify-content: space-between;background: #FFF; }
.rj-index_service .rj-item .content-left { width: 45%;overflow: hidden;}
.rj-index_service .rj-item .content-left img {width: 100%; transition: 2s;}
.rj-index_service .rj-item .content-left img:hover { transform: scale(1.2, 1.2); transition: 2s;}
.rj-index_service .rj-item .content-right {width: 55%; height: 100%; box-sizing: border-box; padding: 58px 40px 0 48px;
									transition: 0.3s; overflow: hidden;
									}
.rj-index_service .rj-item .content-right p { color: #aaa; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.rj-index_service .rj-item .content-right p.label {	font-size: 20px; color: #4a4a4a;}
.rj-index_service .rj-item .content-right span { display: block; width: 50px; height: 2px;
													background: #2cb6a1; margin-bottom: 23px;
												}
.rj-index_service .rj-item .content-right:hover { box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.rj-index_service .service-more { padding-top: 50px; padding-bottom: 80px; text-align: center;}
.rj-index_service .service-more a {	padding: 10px 60px; font-size: 15px; line-height: 46px;
									color: #FFF; background: #7fd3c6; border-radius: 3px;
								}


/* ** 产品分类页 */
.rj-banner.rj-goods_category_banner { background: url(../image/nav_img1.jpg) no-repeat center top; background-size: cover;}

.rj-goods_list { padding: 30px 0 75px 0;}
.rj-goods_list .rj-item { padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.rj-goods_list .rj-item .content-img { text-align: center;overflow: hidden;}
.rj-goods_list .rj-item .content-img img { max-width: 100%; transition: 2s;}
.rj-goods_list .rj-item .content-img img:hover { transform: scale(1.2, 1.2); transition: 2s;}
.rj-goods_list .rj-item .label { color: #565656; font-size: 24px; line-height: 70px; }
.rj-goods_list .rj-item .detail { padding-bottom: 20px; min-height: 100px; font-size: 16px; line-height: 28px; color: #aaa;}
.rj-goods_list .rj-item a { color: #a0d2cc; font-size: 16px; line-height: 38px;
							padding: 10px 18px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;
						}
/* *** 产品 详情页*/
.rj-goods_detail {margin: 120px 0 30px;}
.rj-goods_detail img { max-width: 100%;}
.rj-goods_detail h2.rj-title {padding: 20px;text-align: center;font-size: 28px;font-weight: normal;}
.rj-goods_detail p.rj-img{ text-align:center;margin-bottom:15px;}
.rj-goods_detail .rj-content{ min-height:300px;}


/* ** 文章 动态 分类列表页 */
.rj-banner.news {background: url(../image/nav_img3.jpg) no-repeat center top; background-size: cover;}

.rj-article_list { padding: 70px 0 80px 0;}
.rj-article_list .rj-item>div { padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.rj-article_list .rj-item a{display: flex; justify-content: space-between;}
.rj-article_list .rj-item .news-img { display: inline-block; width: 30%; vertical-align: top;overflow: hidden;}
.rj-article_list .rj-item .news-img img { width: 100%; transition: 2s;}
.rj-article_list .rj-item .news-img img:hover { transform: scale(1.2, 1.2); transition: 2s;}
.rj-article_list .rj-item .news-panel { display: inline-block; width: 68%;vertical-align: top; padding-left: 10px; box-sizing: border-box;}
.rj-article_list .rj-item .news-panel strong {	display: block; color: #555; font-size: 20px; font-weight: normal; 
										line-height: 26px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;
									}
.rj-article_list .rj-item .news-panel p.detail { color: #aaa; line-height: 24px;}
.rj-article_list .rj-item .news-panel p.read-push {	color: #aaa; padding-top: 5px;}

/* ** 文章 案例 分类列表页 */
.rj-banner.case { background: url(../image/nav_img2.jpg) no-repeat center top; background-size: cover;}

.rj-article_list_case {padding: 30px 0 75px;}
.rj-article_list_case .rj-item { margin: 0 auto;padding: 50px 0 20px; border-bottom: 1px solid #eee; text-align: center;}
.rj-article_list_case .rj-item .case-img { border: 1px solid #e2e2e2; overflow: hidden;}
.rj-article_list_case .rj-item .case-img img { width: 100%; transition: 2s;}
.rj-article_list_case .rj-item .case-img img:hover { transform: scale(1.2, 1.2); transition: 2s;}
.rj-article_list_case .rj-item p.lable { padding-top: 10px; font-size: 20px; line-height: 60px; }
.rj-article_list_case .rj-item p.tip { color: #aaa; }
.rj-article_list_case .rj-item p { line-height: 32px; color: #555;}

/* *** 文章 详情页*/
.rj-article_detail {margin: 120px 0 30px;}
.rj-article_detail img {max-width: 100%;}
.rj-article_detail h2.rj-title {padding: 20px;text-align: center;font-size: 28px;font-weight: normal;}
.rj-article_detail p.rj-img{ text-align:center;margin-bottom:15px;}
.rj-article_detail .rj-content{ min-height:300px;}
.rj-article_detail .pushtime { color: #686868; line-height: 80px; text-align: right;}


/* ***  单页 */
.rj-banner.rj-page_detail_banner { background: url(../image/nav_img4.jpg) no-repeat center top;background-size: cover;}
.rj-page_detail { margin: 10px;}
.rj-page_detail img{ max-width: 100% !important;height: auto !important;}
.rj-page_detail h2.rj-title{margin:50px 0 30px;font-size:28px;text-align:center;}
.rj-page_detail p.rj-img{ text-align:center;margin-bottom:15px;}
.rj-page_detail .rj-content{ min-height:300px;padding: 10px;background-color:rgba(255,255,255,0.8);}



@media screen and (max-width: 480px) {
	/* 首页 服务 */
	.rj-index_service .rj-item .content-right { padding: 10px 10px 0 10px; }
	.rj-index_service .rj-item .content-right p { line-height: 24px; }

	.rj-article_list .rj-item .news-panel p.read-push { font-size: 12px; }

	.rj-article_list_case .rj-item { padding-top: 60px; }
	.rj-article_list_case .rj-item p.lable { padding-top: 10px;font-size: 18px;line-height: 48px; }
	.rj-article_list_case .rj-item p { font-size: 12px;line-height: 20px;color: #505050; }

	.rj-goods_list .rj-item .detail { min-height: auto; }

}


/*小屏幕*/
@media screen and (min-width: 768px) {
	/* 页头 */
	.rj-header { max-height: 80px; }
	.rj-header .nav-list button { display: none; }
	.rj-header .layui-nav {margin: 0; padding: 0 5px; width: auto; border-radius: 0;	position: absolute; top: 0;	}
	.rj-header .layui-nav .layui-nav-item { display: inline-block; margin: 0 53px; line-height: 80px; }

	/* 首页 产品*/
	.rj-index_goods p.title { font-size: 32px; }
	/* 首页 服务 */
	.rj-index_service p.title { font-size: 32px; }

	/* ** 产品 分类页 */
	.rj-goods_list .rj-item .content-img { text-align: left; }
	
	/* ** 文章 动态 分类列表页 */
	.rj-article_list .rj-item .news-panel strong{ padding: 10px 0;}
	.rj-article_list .rj-item .news-panel p.read-push { padding-top: 0; position: absolute; bottom: 40px; }

	/* ** 文章 案例 分类列表页 */
	.rj-article_list_case .rj-item { width: 90%; }

}

@media screen and (min-width: 768px) and (max-width: 992px) {
	/* 页头 */
	.rj-header .layui-nav .layui-nav-item { margin: 0 33px; }
	/* 首页 服务 */
	.rj-index_service .rj-item .content-right { padding: 10px 10px 0 15px; }
	.rj-index_service .rj-item .content-right span { margin-bottom: 20px; }
	.rj-index_service .rj-item .content-right p { line-height: 28px;}

	/* ** 产品分类页 */
	.rj-goods_list .rj-item div.right { padding-left: 20px; }
	.rj-goods_list .rj-item .label { line-height: 40px; margin-top: 0; }
	.rj-goods_list .rj-item .detail { padding-bottom: 10px; }
	
}


/*大屏幕*/
@media screen and (min-width: 992px) {
	/* ** 产品分类页 */
	.rj-goods_list .rj-item div.right { padding-left: 0; }

	.rj-article_list .rj-item .news-img { width: 30%; }
	.rj-article_list .rj-item .news-panel { width: 69%; }
	.rj-article_list_case .rj-item.center { margin-right: 3%;  margin-left: 3%; }

	/* ** 文章 案例 分类列表页 */
	.rj-article_list_case .rj-item { width: 80%; }

}

/*超大屏幕*/
@media screen and (min-width: 1200px) {
	.rj-article_list .rj-item .news-img { width: 35%; }
	.rj-article_list .rj-item .news-panel {width: 64%;}

}

@media screen and (min-width: 1300px) {
	.layui-container {	width: 1200px; padding: 0;}
	/* 页头 */
	.rj-header .nav-logo {position: absolute; top: 0; left: 0; }

	.layui-col-space80 { margin: -40px; }
	.layui-col-space80>* { padding: 40px; }
}