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

/* ** 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.scroll {background: rgba(255, 255, 255, 0.95) !important; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05); transition: 0.3s} */
.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 .footer-web { padding-top: 50px; padding-bottom: 40px; text-align: center;}
.rj-footer .footer-web a { color: #ccc; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.rj-footer .footer-web 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%;  height: 500px; 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 { height: 200px; }
	.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 .content { border: 1px solid #DEDEDE; padding: 30px 36px 0; text-align: center; transition: 0.3s;}
.rj-index_goods .content p.label { font-size: 16px; color: #4a4a4a; line-height: 46px; padding-top: 6px;}
.rj-index_goods .content a { font-size: 14px; color: #a1d8cb; line-height: 68px;}
.rj-index_goods .content:hover { box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.rj-index_goods .content img { transition: 2s; width: 100%;}
.rj-index_goods .content 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 .content { position: relative;}
.rj-index_service .content .content-left {	width: 50%;overflow: hidden;}
.rj-index_service .content .content-left img {width: 100%; transition: 2s;}
.rj-index_service .content .content-left img:hover { transform: scale(1.2, 1.2); transition: 2s;}
.rj-index_service .content .content-right {
										width: 50%; height: 100%; box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px;
										position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;
									}
.rj-index_service .content .content-right p {	color: #aaa; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.rj-index_service .content .content-right p.label {	font-size: 16px; color: #4a4a4a;}
.rj-index_service .content .content-right span { display: block; width: 50px; height: 2px;
													background: #2cb6a1; margin-bottom: 23px;
												}
.rj-index_service .content .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: 18px; line-height: 46px;
									color: #FFF; background: #7fd3c6; border-radius: 3px;
								}


/* ** 产品分类页 */
.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 .content { padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.rj-goods_list .content .content-img { text-align: center;overflow: hidden;}
.rj-goods_list .content .content-img img { max-width: 100%; transition: 2s;}
.rj-goods_list .content .content-img img:hover { transform: scale(1.2, 1.2); transition: 2s;}
.rj-goods_list .content .label {	color: #565656; font-size: 24px; line-height: 78px; margin-top: 32px;}
.rj-goods_list .content .detail {font-size: 16px; line-height: 28px; color: #aaa; padding-bottom: 30px;}
.rj-goods_list .content a { color: #a0d2cc; font-size: 16px; line-height: 38px;
							padding: 10px 11px 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:500px;}


/* ** 文章 动态 分类列表页 */
.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 .content>div { padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.rj-article_list .content .news-img {	display: inline-block; width: 30%; vertical-align: top;overflow: hidden;}
.rj-article_list .content .news-img img {	max-width: 90%; transition: 2s;}
.rj-article_list .content .news-img img:hover { transform: scale(1.2, 1.2); transition: 2s;}
.rj-article_list .content .news-panel { display: inline-block; width: 69%;vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.rj-article_list .content .news-panel strong {	display: block; color: #555; font-size: 18px; font-weight: normal; 
										line-height: 26px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;
									}
.rj-article_list .content .news-panel p.detail { color: #aaa; line-height: 24px;}
.rj-article_list .content .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 .content {margin: 0 0.5%;width: 48%;padding-top: 120px; padding-bottom: 20px; border-bottom: 1px solid #eee; text-align: center;}
.rj-article_list_case .content.even { margin-left: 2%;}
.rj-article_list_case .content .case-img { border: 1px solid #e2e2e2; overflow: hidden;}
.rj-article_list_case .content .case-img img { width: 100%; transition: 2s;}
.rj-article_list_case .content .case-img img:hover { transform: scale(1.2, 1.2); transition: 2s;}
.rj-article_list_case .content p.lable { padding-top: 10px; font-size: 20px; line-height: 60px; }
.rj-article_list_case .content p.tip { color: #aaa; }
.rj-article_list_case .content 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:500px;}
.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:500px;padding: 10px;background-color:rgba(255,255,255,0.8);}



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

	.rj-article_list .content .news-panel p.read-push { font-size: 12px; }
	.rj-article_list_case .content { padding-top: 60px; }
	.rj-article_list_case .content p.lable { padding-top: 10px;font-size: 18px;line-height: 48px; }
	.rj-article_list_case .content p { font-size: 12px;line-height: 20px;color: #505050; }

}


/*小屏幕*/
@media screen and (min-width: 768px) {
	/* 页头 */
	.rj-header { max-height: 80px; }
	/* .nav.index { background: rgba(255, 255, 255, 0.8); } */
	.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: 36px; }
	/* 首页 服务 */
	.rj-index_service p.title { font-size: 36px; }

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

}

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

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


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

	.rj-article_list .content .news-img { width: 20%; }
	.rj-article_list .content .news-panel { width: 79%; }
	.rj-article_list_case .content { width: 31%; }
	.rj-article_list_case .content.even { margin-left: 0; }
	.rj-article_list_case .content.center { margin-right: 3%;  margin-left: 3%; }

}

/*超大屏幕*/
@media screen and (min-width: 1200px) {
	.rj-article_list .content .news-img { width: 35%; }
	.rj-article_list .content .news-panel {width: 64%;}
	.rj-article_list .content:nth-child(odd) {padding-right: 20px; }
	.rj-article_list .content:nth-child(even) {	padding-left: 20px; }

}

@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; }
}