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

/* @import url(nav.css); */
#header #menu #nav .nav-item .item-a {color: #333333 !important;}
#header #menu #nav .nav-item .item-a.on, #header #menu #nav .nav-item:hover .item-a {color: #1e2084 !important;}
#header #menu #nav .nav-item .item-a.on, #header #menu #nav .nav-item:hover .item-a, #header #menu-btn:hover {color: #1e2084 !important;}
/* @import url(index_show.css); */
.rj-category > a:hover, .rj-category > .on {color: #1e2084 !important;}
#index-about .main .see-more:hover {background-color: #1e2084 !important;}
/* @import url(footer_nav.css); */
#footer .footer-nav .item .item-sub-title a {color: #555555 !important;}
#footer .footer-nav .item .item-sub-title a:hover {color: #555555 !important;}


.wrap {max-width: 1600px;width: 96%;margin: 0 auto;}
.wrap1200 {max-width: 1200px;width: 96%;margin: 0 auto;}
.wrap1596 {max-width: 1596px;width: 96%;margin: 0 auto;}
.max-limit {max-width: 1920px;margin-left: auto;margin-right: auto;}
.fl {float: left;}
.fr {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-over {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.inherit {line-height: inherit;font-size: inherit;color: inherit;}
.over {overflow: hidden;}
.nowrap {white-space: nowrap;}
.fz0 {font-size: 0;}
.nowrap.fz0 {letter-spacing: -5px;}
.nowrap.fz0 * {letter-spacing: normal;}
.relative {position: relative;z-index: 1;}
.absolute {position: absolute;z-index: 1;}
.fixed {position: fixed;z-index: 1;}
.flex {display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-wrap {-webkit-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}

.inline {display: inline;}
.block {display: block;}
.none {display: none;}
.inline-block {display: inline-block;}
.hide {display: none;}
.max-w100 {max-width: 100%;}
.max-h100 {max-height: 100%;}
.middle {vertical-align: middle;}
.border-box {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.content-box {-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
.category a {margin: 0 13px;line-height: 36px;color: #444444;font-size: 16px;text-decoration: none;}
.category a.cur {color: #1e2084;border-bottom: 2px solid #1e2084;}
.trans {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
.trans-internal::before, .trans-internal::after {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
.scale:hover .scale-img {
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.block-992 {display: none;}

.banner .item img {left: 0;}
.banner .prev {left: 5%;}
.banner .next {right: 5%;}
.banner .banner-btn {font-size: 48px;color: #fff;top: 48%;opacity: 0;}
.banner:hover .banner-btn {opacity: .8;}

.web-title {margin-bottom: 10px;}
.web-title .title-0 {font-size: 22px;color: #353535;}

.rj-category {margin-bottom: 3%;z-index: 2;}
.rj-category > a {
	margin: 0 0.5%;padding: 0 15px;border: 1px solid #fff;
	line-height: 25px;font-size: 14px;color: #333;
}
/*.rj-category > a::before{width: 10px;height: 10px;border: 1px solid #7d7d7d;border-radius: 100%;margin-right: 10px;display: inline-block;content: '';}*/
.rj-category > a:hover, .rj-category > .on {color: #1e2084;border: 1px solid #1e2084;border-radius: 8px;}
.rj-category > .on::before {border-color: #f37463;}
.editor {line-height: 24px;font-size: 14px;color: #777;}
.editor * {max-width: 100%;font-family: inherit;font-size: inherit;color: inherit;color: inherit;}

.no-list {line-height: 34px;font-size: 24px;padding: 50px 5%;text-align: center;}

html, body {min-width: 320px;overflow-x: hidden;}

#website {position: relative;z-index: 1;left: 0;}
#header {width: 100%;height: 100px;padding: 0 20px;z-index: 5;left: 0;top: 0;background-color: #fff;}
#header #logo {height: 100px;max-width:270px;max-height: 100px;line-height: 100px;}
#header #logo a{display:inline-block;}
#header #logo img{width:100%;}
#header #menu {width: auto;height: 100%;}
#header #menu #nav {max-width: 830px;height: 100%;width: 70%;}
#header #menu #nav .nav-item {width: 12%;display: inline-block;}
#header #menu #nav .nav-item .item-a {line-height: 100px;font-size: 16px;color: #333333;}
#header #menu #nav .nav-item .item-a.on, #header #menu #nav .nav-item:hover .item-a {color: #1e2084;}
#header #menu #nav .nav-item .sub-nav {
	width: 220px;top: 100%;left: 50%;
	border-radius: 5px;margin-left: -110px;box-shadow: 0 0 10px rgba(0,0,0,.2);
	display: none;overflow: hidden;background-color: #fff;
}
#header #menu #nav .nav-item .sub-nav .sub-item {height: 63px;line-height: 63px;border-top: 1px solid #f1f1f1;}
#header #menu #nav .nav-item .sub-nav .sub-item:first-child {border-top: 0;}
#header #menu #nav .nav-item .sub-nav .sub-item a {font-size: 14px;color: #777;}
#header #menu #nav .nav-item .sub-nav .sub-item a:hover {color: #fff;background-color: #f26e5c;}
#header #menu #nav .nav-item:hover .sub-nav {display: block;}

#header #menu-btn {line-height: 100px;font-size: 26px;}

#header-blank {height: 100px;}
#products .products-title {line-height: 34px;color: #555555;}
#products .products-list .item {width: 25%;display: none;}
#products .products-list .item.swiper-slide {display: block;}
#products .products-list .item .name {
	text-align: center;left: 0px;bottom: 0px;
	line-height: 30px;font-size: 18px;color: #000;font-size: 16px;margin:0 8px;
}
#products .opt {margin: 30px auto 0;width: 80%;max-width: 250px;height: 14px;line-height: 14px;}
#products .opt .arrow {width: 15px;height: 100%;background-repeat: no-repeat;}
#products .opt .arrow-left {background-image: url(../image/arrow-left-0.jpg);background-position: 21% center;}
#products .opt .arrow-right {background-image: url(../image/arrow-right-0.jpg);background-position: 79% center;}
#products .opt .more {
	margin: 0 24%;width: 14px;height: 100%;
	line-height: inherit;font-size: 12px;color: #3a3a3a;
}

#products .list-item {width: 31.66%;margin-left: 1.5%;margin-bottom: 2.5%;vertical-align: top;}

#products .list-item .list-item-wrap {
	min-height: 162px;padding: 4.23%;
	border: 1px solid #e6e6e6;border-top: none;
}
#products .list-item .list-item-name {max-height: 50px;line-height: 50px;}
#products .list-item .list-item-name a {color: #333;font-size: 16px;text-decoration: none;}
#products .list-item .list-item-brief {height: 50px;line-height: 25px;color: #888888;}

#products .list-item .list-item-set {width: 30%;line-height: 28px;color: #888888;}

#products .process-wrap {padding: 30px 0;}
#products .process-wrap .process-title {line-height: 40px;color: #444444;font-size: 18px;border-bottom: 1px solid #dfdfdf;}
#products .process-wrap .process-item {color: #444444;font-size: 14px;}
#products .process-wrap .process-arrow {width: 2.5%;margin: 0 3%;}
#products .path {line-height: 43px;color: #555555;}
#products .path a {color: #555555;text-decoration: none;}
#products .detail-box {padding: 1.666% 2.08333%;border: 1px solid #e9e9e9;}
#products .img {width: 52.1739%;max-width: 600px;}
#products .img .big-imgs {margin-bottom: 3.33333%;}
#products .img .small-img .fa-angle-left {color: #b7b7b7;left: 0;top: 15%;}
#products .img .small-img .fa-angle-right {color: #b7b7b7;right: 0;top: 15%;}
#products .img .small-img .small-img-wrap {width: 89.33%;margin: 0 auto;}
#products .img .small-img .small-img-wrap .small-img-item {width: 25%;border: 1px solid #e9e9e9;}
#products .right-info {width: 41.739%;}
#products .right-info .name {color: #333;line-height: 26px;font-size: 22px;}
#products .right-info .brief {color: #555;line-height: 24px;font-size: 14px;}
#products .right-info .price {line-height: 40px;}
#products .right-info .price span {color: #f53400;font-size: 28px;}
#products .right-info .price del {color: #555555;font-size: 14px;}
#products .right-info .preorder {
	width: 39.16%;max-width: 188px;background: #f53400;border-radius: 4px;
	line-height: 54px;text-align: center;font-size: 22px;color: #fff;
}
#products .des-wrap {border: 1px solid #e9e9e9;}
#products .des-wrap .card-wrap {/* background: #e9e9e9; */}
#products .des-wrap .card-wrap .card {
	width: 11.6%;min-width: 85px;border-top: 3px solid #e9e9e9;
	line-height: 61px;text-align: center;color: #333333;font-size: 16px;cursor: pointer;
}
#products .des-wrap .card-wrap .card.on {color: #1e2084;border-top-color: #1e2084;background: #fff;}
#products .des-wrap .des {min-height: 300px;padding: 15px;line-height: 24px;}
#info .category a {margin: 0 13px;line-height: 36px;color: #444444;font-size: 16px;text-decoration: none;}
#info .category a.cur {color: #1e2084;border-bottom: 2px solid #1e2084;}
#info .list-line {border-bottom: 1px dashed #c3c3c3;padding: 2% 14px;}
#info .list-line .list-line-img {width: 16%;min-width: 120px;}
#info .list-line .list-line-info {width: 67%;padding: 0 30px;}
#info .list-line .list-line-info .title {line-height: 36px;}
#info .list-line .list-line-info .title a {color: #333333;font-size: 16px;text-decoration: none;}
#info .list-line .list-line-info .brief {line-height: 24px;color: #555555;}
#info .list-line .list-line-date {width: 10%;padding-top: 15px;padding-left: 30px;}
#info .list-line .list-line-date .md {color: #888888;font-size: 16px;}
#info .list-line .list-line-date .y {margin: 4px 0;color: #888888;font-size: 16px;}
#info .list-line .list-line-date .more {width: 32.17%;}
#info .info-detail {line-height: 24px;}
#article .article_item {margin-bottom: 30px;padding-top: 30px;}

#article .article_item .article-detail { min-height: 400px;line-height: 24px;font-size: 14px; }
#article .article_item .article-detail img {max-width: 100%;}

#article .submit {
	width: 130px;margin: 0 10px;border: none;border-radius: 10px;
	line-height: 38px;color: #fff;font-size: 16px;background: #0ea2e0;
}
#article .reset {
	width: 130px;margin: 0 10px;border: none;border-radius: 10px;
	line-height: 38px;color: #fff;font-size: 16px;background: #a1a1a1;
}
#index-about { min-height: 150px;background: #f2f2f2;}
#index-about .about-img {width: 50%;}
#index-about .main {width: 50%;height: 100%;right: 0px;top: 0px;}
#index-about .main .brief {line-height: 180%;color: #555555;font-size: 14px;}
#index-about .main .see-more {
	width: 145px;margin: 0 auto;border-radius: 5px;
	color: #fff;line-height: 36px;background: #1e2084;
}
#index-news .border {border: 1px solid #e9e9e9;}
#index-news .item {width: 50%;}
#index-news .item .main {width: 50%;padding: 4.375% 3.125%;}
#index-news .item .news-date {color: #1e2084;font-size: 16px;text-align:right;}
#index-news .item .news-title {margin: 12px 0;max-height: 48px;overflow: hidden;line-height: 20px;}
#index-news .item .news-title a {font-size: 14px;color: #000;text-decoration: none;}
#index-news .item .news-brief {line-height: 18px;color: #555555;display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        min-height:54px;
}
#index-news .item .img {width: 50%;max-width: 400px;height:13vw;background-color:#eee;}
#index-news .item .img img{width:100%;height:100%;object-fit:contain;}
#index-news .item .img::after {
	width: 0;height: 0;position: absolute;z-index: 1;top: 50%;
	border-top: 9px solid transparent;border-bottom: 9px solid transparent;
	content: '';
}
#index-news .item .img.left::after {border-right: 9px solid #fff;right: 0;}
#index-news .item .img.right::after {border-left: 9px solid #fff;left: 0;}
#index-news .see-more {
	margin: 0 auto;width: 150px;
	line-height: 35px;text-decoration: none;
	color: #555555;font-size: 14px;
	border: 1px solid #e6e6e6;border-radius: 5px;
}
#footer .footer-nav {min-height: 200px;padding-top: 30px;background: #efefef;}
#footer .footer-nav .item {width: 70%;}
#footer .footer-nav .item .item-title {line-height: 30px;padding-left: 25px;color: #333333;font-size: 14px;}
#footer .footer-nav .item .item-sub-title {max-height: 30px;padding-left: 32px;line-height: 30px;font-size: 14px;overflow: hidden;}
#footer .footer-nav .item .item-sub-title a {color: #555555;font-size: 14px;}
#footer .footer-nav .tel-item {width: 20%;}
#footer .footer-nav .tel-item .tel {color: #333333;font-size: 26px;text-align: right;}
#footer .footer-nav .tel-item .tel i {font-size: 24px;}
#footer .footer-nav .tel-item .sub-tel {line-height: 24px;color: #444444;font-size: 14px;text-align: right;}
#footer .copyright {padding: 10px;background: #444444;line-height: 200%;text-align: center;}
#footer .copyright * {color: #fff;}

/* 分页类 */
.rj-page{margin: 10px 0;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 .layui-laypage-skip{margin-left: 10px;	margin-right: 0;padding: 0;border: none;color: #999;}
.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;}


@media only screen and (max-width: 1280px) {
	#index-about .main .blank20, #index-about .main .blank25 {display: none;}
	#index-about .main .see-more {height: 26px;line-height: 26px;margin-top: 10px;}
	#index-news .item .main {padding: 2%;}
	#index-news .item .news-date {font-size: 13px;}
	#index-news .item .news-title {margin: 5px 0;}
	#footer .footer-nav .tel-item .tel {font-size: 20px;}
}


@media only screen and (max-width: 992px) {
	.hide-992 {display: none;}
	.block-992 {display: block;}
	html.open-menu, body.open-menu {width: 100%;height: 100%;position: fixed;overflow: hidden;}
	/* 导航菜单展开后禁止手机页面滚动 */
	#header {height: 70px;line-height: 70px;}
	#header #logo {height: 70px;max-width:270px;line-height: 70px;}
	#header.open-menu {left: -60%;}
	#header #menu.open-menu #nav {right: 0%;z-index: 20;}
	#header #menu:hover #nav {
		-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;
		-ms-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;
		transition: all 300ms ease 0s;
	}
	#header #menu #nav {
		width: 60%;max-width: none;
		background-color: #fff;
		border-left: 1px solid #eee;
		position: fixed;right: -60%;top: 0;
		overflow-x: hidden;
		-webkit-align-items: flex-start;-moz-align-items: flex-start;
		-ms-align-items: flex-start;-o-align-items: flex-start;
		align-items: flex-start;
		-webkit-align-content: flex-start;-moz-align-content: flex-start;
		-ms-align-content: flex-start;-o-align-content: flex-start;
		align-content: flex-start;
	}
	#header #menu #nav .menu-close {
		width: 100%;height: 70px;
		line-height: inherit;font-size: 28px;color: #fff;
		background-color: #777;
		padding-left: 5%;padding-right: 5%;
	}
	#header #menu #nav .row {position: relative;z-index: 1;}
	#header #menu #nav .nav-item {width: 100%;border-bottom: 1px solid #ccc;text-align: left;}
	#header #menu #nav .nav-item.on {z-index: 3;}
	#header #menu #nav .nav-item .item-a {
		display: block;height: 45px;padding-left: 7%;padding-right: 7%;
		line-height: 45px;font-size: 16px;
	}
	#header #menu #nav .nav-item .sub-nav {
		display: block;width: 60%;margin-left: 0;
		position: fixed;left: auto;right: -60%;top: 60px;bottom: 0;
		box-shadow: none;overflow-x: hidden;border-radius: 0;
	}
	#header #menu #nav .nav-item .sub-nav.open {right: 0;}
	#header #menu-btn {line-height: 70px;}
	.banner {width: 150%;margin-left: -25%;}
	.web-title .title-0 {font-size: 16px;}
	#products .products-list {max-width: 960px;margin: 0 auto;}
	#index-about .about-img {display: none;}
	#index-about .main {width: 100%;padding-top: 2%;padding-bottom: 2%;position: relative;}
	#index-news .border {width: 96%;border: 0;}
	#index-news .item {width: 100%;padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 10px;float: none;}
	#index-news .item .main {float: left;}
	#index-news .item .news-brief {max-height: 72px;overflow: hidden;}
	#index-news .item .img {float: right;text-align: right;height:auto;}
	#index-news .item .img::before, #index-news .item .img::after {display: none;}
	#products .list-item {width: 49%;margin-left: 2%;}
	#products .list-item .list-item-wrap {min-height: 0;}
	#products .list-item .list-item-name {height: 30px;line-height: 30px;}

	#products .list-item .list-item-set {display: none;}

	#products .f2 {margin-left: 0;}
	#products .process-wrap .process-item {width: 33.3333%;margin-bottom: 2.5%;}
	#products .process-wrap .process-arrow {display: none;}
	#products .img {width: 100%;margin: 0 auto 2%;float: none;}
	#products .right-info {width: 100%;margin: 0 auto;float: none;}
	#products .right-info .name {font-size: 18px;}
	#products .right-info .price span {font-size: 20px;}
	#products .right-info .preorder {width: 100px;line-height: 30px;font-size: 16px;}
	#products .des-wrap .card-wrap .card {line-height: 40px;font-size: 14px;}


	#info .category a {font-size: 14px;}
	#info .list-line .list-line-img {display: none;}
	#info .list-line .list-line-info {width: 85%;padding: 0 4% 0 0;}
	#info .list-line .list-line-date {padding: 0;margin-top: 3px;float: right;}
	#info .list-line .list-line-date .md {font-size: 16px;}
	#info .list-line .list-line-date .more {display: none;}
	#footer .footer-nav .item {width: 100%;margin-bottom: 2%;vertical-align: top;float: none;display: inline-block;}
	#footer .footer-nav .item .item-title {padding-left: 0;}
	#footer .footer-nav .item .item-sub-title {padding-left: 10px;}

	#footer .footer-nav .tel-item {width: 100%;margin-top: 10px;float: none;}
	#footer .footer-nav .tel-item .tel, #footer .footer-nav .tel-item .sub-tel {text-align: left;}

}