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

/*global css*/
* {
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: none; 	outline: none !important;
}
td, th, div, input, select, textarea, li, ol, dt, dd, h1, h2, h3, h4, h5, h6 {
	font-size: 12px;	color: #333;
}
font, span {	font-size: 12px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
	padding: 0;	margin: 0;
}
h1, h2, h3, h4, h5, h6 {	font-weight: normal;}
li { list-style-type: none;}
img {	border: none;}
/* padding */
.blank15 {	margin: 0px auto;clear: both;height: 15px;font-size: 1px;overflow: hidden;}
.blank20 {	margin: 0px auto;clear: both;height: 20px;font-size: 1px;overflow: hidden;}
.blank25 {	margin: 0px auto;clear: both;height: 25px;font-size: 1px;overflow: hidden;}
/*a*/
a {
	color: #111;	text-decoration: none;
	-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;
}

.index-swiper-image{
	width: 100%;
}
.clean:after, .clean:before {	display: table;	content: '';}
.clean:after {	clear: both;}
.clean {zoom: 1;}

.wrap {max-width: 1600px;	width: 96%;	margin: 0 auto;}
.wrap1100 {max-width: 1100px;	width: 96%;	margin: 0 auto;}
.wrap1170 {	max-width: 1170px;	width: 96%;	margin: 0 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;}
.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 {flex-wrap: wrap; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.inline {display: inline;}
.block {display: block;}
.inline-block {display: inline-block;}
.display-table {width: 100%;	height: 100%;	display: table;}
.table-cell {display: table-cell;}
.hide {	display: none;}
.max-w100 {max-width: 100%;}
.max-w86 {max-width: 86%;}
.max-h100 {max-height: 100%;}
.middle {vertical-align: middle;}
.middle-span {height: 100%;vertical-align: middle;display: inline-block;}
.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;}
.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, 1.1);	-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);	-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.block-992 {display: none;}
.block-768 {display: none;}
.bgf3 {background-color: #f3f3f3;}
.bgf4 {background-color: #f4f4f4;}
.swiper-wrapper .item .trans{
	width: 100% !important;
} 
html, body {min-width: 320px;overflow-x: hidden; background-color: #f8fafc !important;}


#header #menu #nav .nav-item .item-a {	color: rgb(75, 85, 99);}
#header #menu #nav .nav-item .item-a.on, #header #menu #nav .nav-item:hover .item-a {
	color: rgb(75, 85, 99);
}
.nav-item-btn {
	background-color: rgb(22, 163, 74);
	border-radius: 4px;
	padding: 8px 24px;
	font-size: 16px;
	line-height: 1.6;
	color: #fff!important;
}
.nav-item-btn:hover {
	background-color: rgba(22, 163, 74, 0.85)!important;
}
#header #menu #nav .nav-item .sub-nav .sub-item a {	color: #111111 !important;}
#header #menu #nav .nav-item .sub-nav .sub-item a:hover {	color: #111111 !important;}
#header #menu #nav .nav-item .sub-nav .sub-item a:hover {	background-color: #F1F1F1 !important;}

.index-service .service-item .name {color: #111111;}
.products-list .item .main .name a {color: #111111;}


#website {position: relative;z-index: 1;left: 0;margin-top: 64px;}
.web-title-0 {
	font-size: 30px;
	color: #000;
	margin: 20px 0 16px;
	font-weight: 700;
}
.web-title-1 {font-family: Arial;	font-size: 16px;color: rgb(75, 85, 99);	margin-bottom: 40px;}
.category-list a {	line-height: 28px;	font-size: 14px;color: #aaa;	margin-right: 2.5%;}
.category-list a:hover, .category-list .on {color: #111;}
.category-list .line {height: 2px;background-color: #111;}
.editor * {line-height: inline;	font-family: inherit;font-size: inherit;	color: inherit;}
.editor img {	max-width: 100%;}
#header {width: 100%;	height: 65px;	line-height: 65px;	padding: 0 30px;border-bottom: 1px solid transparent;background-color: rgba(255, 255, 255, 1);z-index: 5;	left: 0;top: 0;}


#header[color="White"] #menu #nav .nav-item .item-a {color: #fff;}
#header #logo {	max-width: 50%;	height: 100%;}
#header #logo .img-0 {	z-index: 2;}
#header #logo .logo-1 {	line-height: inherit;	left: 0;	top: 0;	opacity: 0;}
#header #menu {	width: auto;	height: 100%;}
#header #menu #nav {	height: 100%;}

#header #menu #nav .nav-item{display: inline-block;padding:0 16px;position: relative;}
#header #menu #nav .nav-item .item-a {	font-size: 16px; }
#header #menu #nav .nav-item .item-a:hover { 
	color: rgb(22, 163, 74); 
}
/*#header #menu #nav .nav-item .item-a.on , #header #menu #nav .nav-item:hover .item-a{color: #000;}*/
#header #menu #nav .nav-item .sub-nav {width: 180px;margin-left: -90px;background-color: #fff;top: 100%;	left: 50%;display: none;	overflow: hidden;box-shadow: 0 0 4px rgba(0,0,0,.2);}
#header #menu #nav .nav-item .sub-nav .sub-item {height: 63px;	line-height: 63px;border-bottom: 1px solid #f1f1f1;}
#header #menu #nav .nav-item .sub-nav .sub-item a {font-size: 14px;	color: #111; 	padding: 0 20px;}
#header #menu #nav .nav-item .sub-nav .sub-item a:hover {background-color: #f1f1f1;}
/*#header #menu #nav .nav-item .sub-nav .sub-item a:hover{color: #fff;background-color: #000;}*/
#header #menu #nav .nav-item:hover .sub-nav {display: block;}
#header #menu-btn {	font-size: 26px;}
#header #menu .change-lang a {border: 1px solid #777;padding: 7px 5px;display: inline-block;border-radius: 100px;	line-height: 100%;}
#header.on {height: 65px;	line-height: 65px;	background-color: #fff;border-bottom: 1px solid #e7e7e7;}
#header.on #logo .img-0 {opacity: 1;}
#header.on #logo .logo-1 {opacity: 0;}
#header-blank {height: 75px;}
.banner {
	height: 35vw;
}
.banner-mask {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0))
}
.banner-info {
	position: absolute;
	height: 100%;
	z-index: 3;
	left: 18%;
	right: 18%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.banner-text {
	font-size: 72px;
	font-weight: bold;
	margin-bottom: 24px;
	color: #fff;
}
.banner-desc {
	font-size: 20px;
	color: #fff;
	line-height: 1.625;
	margin-bottom: 24px;;
}
.banner .swiper-pagination-bullet-active {
	background: #2E8B57!important;
	transform: scale(1.3);
}
.banner .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
	transform: scale(1);
}

.banner .banner-btn {width: 20px;	height: 40px;top: 50%;	opacity: 0;}
.banner:hover .banner-btn {	opacity: 1;}
/* .banner .prev {background: url(../image/banner-left.png) no-repeat;	left: 30px;}
.banner .next {background: url(../image/banner-right.png) no-repeat;	right: 30px;} */
.index-service {
	padding-top: 50px;
}
.index-service .service-item {
	box-sizing: content-box;
	width: 20%;
	padding: 20px 1.6%;
	margin: 0 0.85% 50px;
	vertical-align: top;
	border-radius: 12px;
    background: #fff;
}
.index-service .service-item-2 {
	box-sizing: content-box;
	width: 40%;
	padding: 20px 4%;
	margin: 0 1% 50px;
	vertical-align: top;
	border-radius: 12px;
    background: #fff;
}
/* .index-service .service-item img{
	width: 64px;
	height: 64px;
} */
/* .index-service .service-item:hover {
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px
} */
.index-service .service-item .ico {	margin-bottom: 20px;overflow: hidden;}
.index-service .service-item .ico img {
	width: 64px;
	height: 64px;
}
.index-service .service-item .name {font-size: 16px;	color: #111;	margin-bottom: 10px;}
.index-service .service-item .brief {line-height: 24px;	font-size: 14px;	color: #aaa;}
.index-service .service-item::before {	left: 50%;}
.index-service .service-item::after {	right: 50%;}
/* .index-service .service-item::before, .index-service .service-item::after {width: 0;	height: 1px;background-color: #ddd;position: absolute;	z-index: 1;	bottom: 0;content: '';} */
/* .index-service .service-item:hover::before, .index-service .service-item:hover::after {width: 50%;} */
.not-list {font-size: 20px;color: #111;}
.products-list {min-height: 430px;overflow-y: hidden;}
.products-list .item {
	height: 300px; 
	width: -moz-calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	width: calc(50% - 40px);
	margin: 20px;
	border-radius: 12px;;
	overflow: hidden;
	background-color: #fff;
}
.products-list .item .main {
	width: 100%;line-height: 22px;background-color: #fff;padding: 20px 25px;left: 0;bottom: -90px;}
.products-list .item .main .left {width: 72%;}
.products-list .item .main .name {font-size: 16px;}
.products-list .item .main .cate {
	font-size: 14px;
	color: #aaa;
}
.products-list .item .product-image{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	width: 100%;
	background-color: #fff;
}
.products-list .item .main .right {line-height: 44px;}
.products-list .item:hover {
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px

}
.products-list .item:hover .main {
	bottom: 0;
}
.index-product .more {	height: 100px;	line-height: 100px;	font-family: Arial;	font-size: 20px;color:#aaa}
.index-item {min-height: 500px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.index-item .mask {width: 100%;	height: 100%;left: 0;top: 0;background-color: #000;	opacity: .60;}
.index-item table {	table-layout: fixed;word-break: break-all;word-wrap: break-word;}
.index-item .box .item .img {padding: 8.1818181818%;-o-border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.index-item .box .item .img img {left: 0;	top: 0;}
.index-item .box .item .info {width: 76.36363636%;}
.index-item .box .item .info .name {font-size: 24px;color: #fff;margin-top: 15px;}
.index-item .box .item .info .title {font-size: 12px;color: #999;margin-top: 5px;}
.index-item .box .item .info .brief {line-height: 24px;	font-size: 14px;	color: #e6e6ff;margin-top: 30px;}
.index-item .button {top: 50%;margin-top: -12px;}
.index-item .prev {left: -10%;}
.index-item .next {right: -10%;}
.index-about .img {width: 50%;padding-top: 31.25%;}
.index-about .img .img-box {width: 100%;height: 100%;top: 0;left: 0;}
.index-about .main {width: 50%;height: 100%;right: 0;top: 0;}
.index-about .main .name {font-size: 28px;color: #111;}
.index-about .main .title {font-family: Arial;font-size: 12px;color: #999;margin-top: 6px;}
.index-about .main .brief {
	width: 80%;
	max-width: 545px;
	line-height: 28px;
	font-size: 14px;
	color: #000;
	margin: 35px auto 40px;
}
.index-about .main .about-more {
	background-color: #fff;
	border: 1px solid rgb(22, 163, 74);
	border-radius: 32px;;
	padding: 8px 24px;
	font-size: 16px;
	line-height: 1.6;
	color: #000;;
	width: 80%;
	max-width: 240px;
	margin: 0 auto;
}
.index-about .main .about-more:hover {
	background-color: rgb(22, 163, 74);
	color: #fff;
}
.index-news {
	width: 96%;
	max-width: 1100px;
	padding-bottom: 50px;
	margin: 0 auto;
	min-height: 454px;
}
.index-news .news-list {
	margin-bottom: 36px;
}
.index-news .news-list .item {	width: 48%;margin: 0 10px;}
.index-news .more {
	font-family: Arial;
	font-size: 16px;
	color: rgb(22,163, 74);
}
.news-list .item .date {
	font-size: 14px;
	color: rgb(136, 136, 136);
}
.news-list .item .title {
	font-size: 24px;
	color: #000;
	margin-top: 20px;
}
.news-list .item .brief {
	min-height: 112px;
	line-height: 28px;
	font-size: 16px;
	color: rgb(136, 136, 136);
	padding-top: 15px;
	border-top: 1px solid #e5e5e5;
	margin-top: 15px;
}
.news-list .item .info {	margin-right: 250px;}
.news-list .item .img {	width: 190px;}
#news.news-list {	min-height: 270px;	margin-top: 60px;}
#news.news-list .item {padding-bottom: 4px;	border-bottom: 1px solid #e5e5e5;	margin-bottom: 60px;}
.newstitem {width: 100%;	height: 181px;float: left;	margin-bottom: 60px}
.newstitem a.newscontent {
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding-bottom: 20px;
	text-align: left;
	position: relative;
	height: 100%;
	display: block;
}
.newstitem a.newscontent::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f1f1f1;
	position: absolute;
	top: 200px;
	left: 0px;
	transition: all 0.6s ease 0s;
	z-index: -10;
	border-bottom: 1px solid #f1f1f1;
}
.newstitem a:hover.newscontent::after {
	top: -40px;
	height: 240px;
	opacity: 1;
	z-index: -10;
	background-color: #fff;
}
.newstitem .news_wrapper {width: auto;height: 160px;top: 0px;left: 0px;position: absolute;}
.newstitem .news_wrapper::before {content: "";display: inline-block;height: auto;vertical-align: middle;}
.newstitem .newsbody {width: 740px;max-width: 99%;display: inline-block;vertical-align: middle;}
.newstitem .newsbody::after {
	content: '查看详细...';
	width: 120px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	margin-top: 22px;
	color: #3d3d3d;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	position: absolute;
	left: 40px;	top: 110px;opacity: 0;transition: all 0.6s ease 0s;font-size: 12px;}
.newstitem a:hover .newsbody::after {
	background-color: rgb(22, 163, 74);
	color: #fff;
	opacity: 1;
}
.newstitem a:hover .newsbody {	margin-left: 40px;}
.newstitem .newsbody .date {
	position: relative;	
	top: 38px;
	font-weight: inherit;
	color: rgb(136, 136, 136);
	margin-bottom: 0;
	display: block;
	padding: 2px!important;
	float: none;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	font-size: 14px!important;
}
.newstitem .newsbody .title {
	font-size: 20px;
	color: #222;
	display: block;
	width: 580px;
	float: none;
	position: relative;
	top: -4px;
}
.newstitem .newsbody .description {
	width: 580px;
	margin-left: 0;
	font-size: 14px;
	line-height: 22px;
	color: #2b2b2b;
	text-align: left;
	height: 42px;
	overflow: hidden;
	margin-top: 20px;
	display: block;
}
.newstitem .newsbody .description::after {margin: 0;position: absolute;left: 0;top: 128px;content: "";width: 0px;height: 32px;background: #3d3d3d;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index: -1;}
.newstitem .newsimg {
	position: absolute;
	top: 0px;
	right: 0;
	transition: all 0.6s ease 0s;
	display: block;
	width: 320px;
	height: 160px;
	background-size: 100%;
	background-position: center;
	border-radius: 20px;;
}
.links { padding: 65px 0 55px;background-color: #f6f6f6;}
.links .main {width: 96%;	max-width: 1100px;	margin: 0 auto;}
.links .box {	width: 87.2727272727%;	margin: 0 auto;}
.links .box .item {	width: 12.5%;}
.links .box .item a {	height: 80px;line-height: 80px;padding:0 5px;}
.links .button {	top: 50%;	margin-top: -12px;}
.links .prev {	left: 0;}
.links .next {	right: 0;}

#products-detail {	margin-top: 100px;	margin-bottom: 100px;}
#products-detail .left {
	width: 25%;
	margin: 0 auto;
}
#products-detail .left .product-info {
	padding-bottom: 40px;
	border-bottom: 1px solid #f6f6f6;
}
#products-detail .left .product-info .name {
	line-height: 38px;
	font-size: 28px;
	color: #000;
}
#products-detail .left .product-info .category {font-size: 14px;color: #aaa;}
#products-detail .left .product-info .brief {
	margin-top: 20px;
	line-height: 2;
	font-size: 16px;
	color: #222;
}
#products-detail .left .similar-list {margin-top: 50px;}
#products-detail .left .similar-list .item {width: calc(100% - 20px);margin-bottom: 10px;}
#products-detail .left .similar-list .item .goods-image{width: 100%;display: flex;align-items: center;justify-content: center;height: 200px;}
#products-detail .right {width: 71.875%;padding: 50px 4.6875%;}
#web-menu {height: 73px;line-height: 72px;border-bottom: 1px solid #e7e7e7;}
#web-menu .item {font-size: 14px;color: #aaa;margin: 0 1%;}
#web-menu .item.on {color: #111;}
.team-list .item {width: 22.1875%;background-color: #f9f9f9;margin-left: 3.75%;margin-bottom: 30px;}
.team-list .item.f4 {margin-left: 0;}
.team-list .item .img {max-height: 300px;}
.team-list .item .info {padding: 7% 8.45%;}
.team-list .item .info .name {font-size: 18px;color: #111;}
.team-list .item .info .title {height: 28px;line-height: 28px;font-size: 14px;color: #999;}
.team-list .item .info .brief {height: 112px;line-height: 28px;font-size: 14px;color: #999;margin-top: 20px;}
.team-list .item:hover {background-color: #2b2b2b;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);-moz-box-shadow: 0 0 10px rgba(0,0,0,.6);-o-box-shadow: 0 0 10px rgba(0,0,0,.6);box-shadow: 0 0 10px rgba(0,0,0,.6);}
.team-list .item:hover .info {padding: 8% 8.45% 6%;}
.team-list .item:hover .info .name {color: #fff;}
.team-list .item:hover .info .title {color: #999;}
.team-list .item:hover .info .brief {color: #818181;}

.info-detail {	margin-top: 100px;	margin-bottom: 100px;}
.info-detail .title {	font-size: 26px;	color: #111;}
.info-detail .infos span {line-height: 28px;	font-size: 14px;	color: #999;margin: 0 10px;}
.info-detail .contents {min-height: 350px;margin-top: 40px;line-height: 30px;	font-size: 14px;	color: #999;	}

.rj-page_detail {	margin-bottom: 190px;}
.rj-page_detail .rj-content {
	min-height: 200px;
	font-size: 16px!important;
	line-height: 35px!important;
	color: #222;
}
.rj-page_detail .rj-content span {
	line-height: 35px!important;
	font-size: 16px!important;
	color: #222;
}
.rj-page_detail .rj-content p {
	line-height: 35px!important;
	font-size: 16px!important;
	background: none!important;
	color: #222;
}
.rj-page_detail .rj-content img{
	max-width: 100%;
	background: none!important;
}

#footer {
	background-color: #111;
	padding: 20px 0;
}

#footer .copyright {	line-height: 30px;	font-size: 14px;	color: #999;	margin-top: 15px;}
#footer a {	color: #999;}
#footer a:hover {	color: #aaa;}

/* 分页类 */
.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: 1330px) {
	.index-item .button {display: none;}
}

@media only screen and (max-width: 991px) {
	.banner-info {display: none;}
	.block-992 {display: block;}
	html.open-menu, body.open-menu {width: 100%;height: 100%;position: fixed;overflow: hidden;} 		/* 导航菜单展开后禁止手机页面滚动 */
	#website {margin-top:0;}
	#website.open-menu {left: -40%;}
	.web-title-0 {font-size: 20px;margin-top: 20px;}
	.web-title-1 {margin-bottom: 20px;}
	#header[id] {height: 50px;line-height: 50px;background-color: #fff;border-bottom: 1px solid #e7e7e7;}
	#header[id] #logo .img-0 {opacity: 1;}
	#header[id] #logo .logo-1 {opacity: 0;}
	#header[id] #menu #nav .nav-item .item-a {color: #111;}
	#header-blank {height: 50px;}
	#header.open-menu {left: -60%;}
	#header #menu.open-menu #nav {right: 0%;z-index: 20;}
	#header #menu #nav {width: 40%;max-width: none;background-color: #fff;border-left: 1px solid #eee;position: fixed;right: -60%;top: 0;overflow-x: hidden;}
	#header #menu #nav .menu-close {width: 100%;height: 50px;line-height: 50px;font-size: 28px;color: #fff;background-color: rgba(50,129,236,0.6);padding-left: 5%;padding-right: 5%;}
	#header #menu #nav .row {position: relative;z-index: 1;}
	#header #menu #nav .nav-item {border-bottom: 1px solid #3281ec; width:100%;display:block;}
	#header #menu #nav .nav-item.on {z-index: 3;}
	#header #menu #nav .nav-item .item-a {height: 45px;line-height: 45px;color:#111 !important;font-size: 16px;padding-left: 7%;padding-right: 7%;margin-left: -15px;margin-right: -15px;display: block;}
	#header #menu #nav .nav-item .sub-nav {width: 60%;border-radius: 0;margin-left: 0;left: auto;right: -60%;top: 50px;bottom: 0;position: fixed;box-shadow: none;display: block;overflow-x: hidden;}
	#header #menu #nav .nav-item .sub-nav.open {right: 0;}
	#header #menu #nav .nav-item .sub-nav .sub-title {height: 45px;line-height: 45px;font-size: 18px;color: #fff;background-color: #111;padding-left: 7%;padding-right: 7%;}
	#header #menu #nav .nav-item .sub-nav .sub-title i {margin-right: 10px;}
	#header #menu #nav .nav-item .sub-nav .sub-item {height: 48px;line-height: 45px;border-bottom: 1px solid #111;}
	#header #menu #nav .nav-item .sub-nav .sub-item a {padding-left: 7%;padding-right: 7%;}
	#header #menu-btn {line-height: 50px;}
	.banner .item img {max-width: 140%;}
	.banner .banner-btn {display: none;}
	.index-service {padding-bottom: 20px;}
	.index-service .service-item {width: 29.333333%;margin: 0 2%;}
	.products-list .item {width: -moz-calc(33.3333% - 20px);width: -webkit-calc(33.3333% - 20px);width: calc(33.3333% - 20px);}
	.index-about .img {display: none;}
	.index-about .main {width: 100%;height: auto;padding: 20px 10px;position: relative;}
	.index-about .main .name {font-size: 20px;}
	.index-about .main .about-more {
		width: 100px;
		font-size: 12px;
	}
	.index-news {padding: 0 0 30px;}
	.index-news .news-list {margin-bottom: 0;}
	.index-news .news-list .item {width: 100%;max-width: none;margin:0;margin-bottom: 20px;	float: none;}

	.links {padding: 25px 0 15px;}
	#products-detail .left .similar-list {display: none;}
	#products-detail .left {width: 100%;}
	#products-detail .left .product-info .name {font-size: 22px;}
	#products-detail .right {width: 100%;}
	.team-list .item[class] {width: 31%;margin-left: 3%;}
	.team-list .item.f3 {margin-left: 0;}
	#footer {padding: 25px 0 40px;}
	#header #menu .change-lang {margin-right: 10px;}
	.floating-box{
		bottom: 20% !important;
		margin-top:0 !important; 
		width: 100px !important;
	}
	.floating-box-item{
		width: 100px !important;
	}
	.floating-box .float-item{
		width: 100px !important;
	}
	.floating-box .float-item .code{
		width: 100px !important;
		height: 100px !important;
	}
	.floating-box .float-item.free .free-img{
		width: 15px !important;
		height: 15px !important;
	}
	.floating-box .float-item.free p{
		font-size: 10px;
	}
	.nav-item-btn {
		display: none!important;
	}
}

@media only screen and (max-width: 768px) {
	.block-768 {display: block;}
	.index-service .flex {flex-wrap: wrap;}
	.index-service .service-item {
		width: 100%;
		padding-bottom: 10px;
		margin: 0 0 20px;
	}
	.index-service .service-item-2 {
		width: 100%;
		padding-bottom: 10px;
		margin: 0 0 20px;
	}
	.index-service .service-item .ico {/*display: none;*/     float: left;    width:30%;    margin-right: 10px;}
	.index-service .service-item .name {margin-bottom: 10px;}
	.products-list .item {width: -moz-calc(50% - 20px);width: -webkit-calc(50% - 20px);width: calc(50% - 20px);}
	.products-list .item .main {display: none;}
	.index-about .main .brief {width: 96%;}
	.news-list .item .img {display: none;}
	.news-list .item .info {margin-right: 0;}
	.info-detail .title {font-size: 20px;}

	.rj-page_detail {margin-bottom: 30px;}
	.nav-item-btn {
		display: none!important;
	}
}

@media only screen and (max-width: 640px) {
	.index-item .box .item .img {padding: 15%;float: none;display: inline-block;}
	.index-item .box .item .info {width: 100%;margin-top: 10px;}
	.newstitem .newsimg{ 
		display:none
	}
	.newstitem .news_wrapper{ width:100%; height:120px}
	.newstitem .newsbody{ width:100%; height:auto}
	.newstitem .newsbody .description{ width:100%}
	.newstitem{ margin-bottom:0; height:120px; border-bottom:1px solid #e5e5e5}
	.newstitem a.newscontent::after{ background:none !important; border-bottom:0}
	.nav-item-btn {
		display: none!important;
	}
}

/*pages*/ 
.pagination-wrapper {margin: 20px 0;text-align: center;}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}

/* 二维码 */
.floating-box {
    position: fixed;
    right: 16px;
    bottom: 40%;
	margin-top: -90px;
    width: 150px;
	border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    z-index: 1000;
}
.floating-box .float-item{
    width: 150px;
    background-color: #fff;
	border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	margin-top: 10px;
	cursor: pointer;
}
.floating-box .float-item.free{
	flex-direction: row;
	padding: 6px 0;
	color: rgb(22, 163, 74);
	font-size: 13px;
	line-height: 1.625;
	text-decoration: underline;
}
.floating-box .float-item.free .free-img{
	width: 30px;
	height: 30px;
	margin-right: 5px;
}
.floating-box .float-item.free p{
	margin: 0;
}
.floating-box .code {
    width: 150px;
    height: 150px;
}