/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* common 公用 */
.gree-wrap {
	width: 1400px;
	margin: 0 auto;
}
.gree-wrap-sml {
	width: 1100px;
	margin: 0 auto;
}
.hd-lock #gree-header {
	background: #fff !important;
	transition: all 0.1s;
}
.navbar-static-top {
	box-shadow: none;
	border-bottom: none;
	background: transparent;
	position: absolute;
	width: 100%;
}
.navbar-noFixed-top {
	position: static;
	border-bottom: 1px solid #eee;
}
.navbar-fixed-top {
	position: fixed;
	top: 0px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background-color: #fff;
	transition: all 0.1s ease;
}
.navbar-bg-normal {
	background-color: #fff;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	transition: all 0.1s;
}
body {
	background-color: #fff;
}
/* banner */
.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: rgba(17,17,17,1);
	opacity: 0.3;
}
.swiper-pagination-bullet-active {
	width: 39px;
	height: 16px;
	background: #999;
	border-radius: 8px;
	opacity: 0.8;
}
/*-- 头部 --*/

#gree-header {
	height: 70px;
}
#logo {
	padding: 17px;
	height: 70px;
	display: block;
	position: relative;
	z-index: 999;
}
#hd-logo {
	width: 142px;
	height: 42px;
	display: inline-block;
	text-indent: -999em;
}
.logo-def {
	background: url(../img/logo/logo.png) no-repeat center center;/*background-size:135px 27px !important;*/
}
.logo-white {
	background: url(../img/logo/logo-white.png) no-repeat center center;/*background-size:135px 27px !important;*/
}
/* 导航 */
.navbar-collapse-gree {
	padding: 10px 0;
	position: relative;
}
.navbar-item {
	font-size: 16px;
	color: #222;
	line-height: 80px;
	position: relative;
}
.navbar-item:hover {
	color: #004098 !important;
}
.navbar-nav li {
	padding: 0 30px;
}
.navbar-nav li a:hover {
	color: #004098;
}
.active a {
	color: #004098;
}
.nav-item-line {
    line-height: 46px;
    font-size: 20px;
    margin: 0 20px;
}
.green-dropdown-toggle {
	padding-right: 25px !important;
	margin: 0 10px;
}
.nav-item-collapse {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	display: block;
	background: url(../img/header/collapse-def.png) no-repeat center center;
	background-size: 20px !important;
}
.open .navbar-item {
}
.open .nav-item-collapse {
	background: url(../img/header/collapse-down-def.png) no-repeat center center;
	background-size: 19px !important;
}
.navbar-item-jump {
	padding-right: 24px !important;
}
.icon-jump {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	display: block;
	background: url(../img/header/jump-def.png) no-repeat center center;
	background-size: 20px !important;
}
.navbar-item-jump:hover .icon-jump {
	background: url(../img/header/jump-hover.png) no-repeat center center;
	background-size: 20px !important;
}
#navbar-search {
	width: 50px;
	text-indent: -999em;
	display: block;
	right: 50px
}
.navbar-search {
	font-size: 16px;
	color: #222;
	line-height: 80px;
	background: url(../img/header/search-def.png) no-repeat center center;
	background-size: 20px !important;
}
#navbar-search, #navbar-lang {
	position: absolute;
	top: 0%;
}
.navbar-lang {
	right: 0px;
	font-size: 18px;
	color: #222;
	line-height: 70px;
}
.navbar-collapse-gree {
}
.green-dropdown-menu {
	margin: 0;
	top: 60px;
	padding: 20px;
	min-height: 300px;
	background: #F3F5F7;
	box-shadow: none;
	border: none;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.open>.green-dropdown-menu {
	display: block !important;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-right: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #6FBA2C;
}
.dropdown-show {
	position: relative;
	display: block;
}
.goShow, .goShow-img {
	width: 240px;
	height: 240px;
	display: block;
	position: relative;
	margin-left: auto;
}
.dropdown-show span {
	position: absolute;
	text-align: center;
	width: 144px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	left: 50%;
	margin-left: -74px;
	bottom: -14px;
	background-color: #000;
	border-radius: 32px;
}
.dropdown-category {
	padding: 0 40px
}
.dropdown-category-list li {
	text-align: center;
	padding: 15px 0;
}
.dropdown-category-list li:hover {
	background-color: #ddd;
}
.dropdown-category-list li a {
	display: block;
}
.dropdown-category-list li a:hover {
	color: #004098 !important;
}
.category-ico {
	width: 64px;
	height: 64px;
	display: block;
	margin: 5px auto;
}
.category-name {
	color: #333;
	font-size: 14px;
}
.dropdown-category-list li a:hover .category-name {
	color: #004098 !important;
	text-decoration: none !important;
	;
}
.dropdown-server {
	padding-left: 20px;
	padding-top: 20px;
}
.dropdown-server-view {
	color: #333;
	position: relative;
    margin-bottom: 20px;
}
.dropdown-server-view::before {
	position: absolute;
	content: "";
	left: -60px;
	top: 0;
	width: 1px;
	height: 226px;
	background: rgba(221,221,221,1);
}
.dropdown-server-view dt {
	font-size: 18px;
	font-weight: 500;
	color: rgba(51,51,51,1);
	line-height: 36px;
	padding-bottom: 20px;
    display: none;
}
.dropdown-server-view dd {
    font-size: 24px;
}
.dropdown-server-view dd a {
	color: #333;
}
.dropdown-jumpGo {
	padding-top: 28px;
}
.jump-serverCenyer {
	color: #004098;
}
.navbar-nav li a.jump-serverCenyer:hover {
	color: #EC5923 !important;
	text-decoration: underline;
}
/* 查询 */
#navbar-nav-search {
	float: right;
}
#navbar-nav-search-result {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: none;
	background-color: #fff;
}
.lockScreen {
	overflow: hidden
}
.dialog-search-box {
	padding: 100px 0;
	margin: 0 auto;
}
.navbar-search-title {
	position: relative;
	font-size: 36px;
	font-weight: 600;
	color: rgba(17,17,17,1);
	line-height: 50px;
	margin-bottom: 20px;
}
.navbar-search-close {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/navSearch/close.png) no-repeat center center;
	background-size: 40px;
	text-indent: -999em;
}
.jumpImg {
	width: 244px;
	height: 117px;
}
.navbar-search-box {
}
.navbar-search-form {
}
.navbar-search-key {
	margin: 0 auto;
	height: 64px;
	background: rgba(255,255,255,1);
	border-radius: 3px;
	border: 1px solid rgba(151,151,151,1);
	position: relative;
	padding: 0 60px;
}
.icon-navbar-search {
	position: absolute;
	left: 0;
	top: 0;
	width: 64px;
	height: 64px;
	display: block;
	background: url(../img/navSearch/search.png) no-repeat center center;
	background-size: 24px;
}
.navbar-search-button {
	border: none;
	text-indent: -999em;
	position: absolute;
	right: 0;
	top: 0;
	width: 64px;
	line-height: 64px;
	display: block;
	background: url(../img/navSearch/enter.png) no-repeat center center;
	background-size: 39px 25px;
}
.navbar-search-txt {
	line-height: 48px;
	width: 100%;
	border: none;
	font-size: 18px;
	padding: 6px;
	outline: none;
}
.navbar-search-button {
}
.navbar-search-suggest {
	padding-top: 40px;
}
.navbar-search-jumpshop {
}
.navbar-search-hotCategory {
}
.navbar-search-hotCategory {
}
.search-hotCategory-tit {
	font-size: 18px;
	font-weight: 600;
	color: rgba(51,51,51,1);
	line-height: 25px;
}
.search-result-list {
}
.result-list {
}
.result-list li {
	padding: 6px 0;
}
.result-list li a {
	color: #333;
}
.navbar-search-suggest-box {
	margin-bottom: 20px;
}
.navbar-search-jumpbuy {
}
.navbar-search-histroy {
}
.dark .logo-def {
	background: url(../img/logo/logo-white.png) no-repeat center center;
}
.dark .navbar-item {
	color: #fff
}
.dark .nav-item-collapse {
	background: url(../img/header/collapse-white.png) no-repeat center center;
	background-size: 20px !important;
}
.dark .open .nav-item-collapse {
	background: url(../img/header/collapse-down-white.png) no-repeat center center;
	background-size: 19px !important;
}
.dark a.navbar-item:hover .icon-jump,  .dark .icon-jump {
	background: url(../img/header/jump-white.png) no-repeat center center;
	background-size: 20px !important;
}
.dark .navbar-search {
	background: url(../img/header/search-white.png) no-repeat center center;
	background-size: 20px !important;
}
.dark .navbar-lang {
	color: #fff;
}
.dark a.navbar-item:hover {
	color: #dedede !important
}
.dark .nav-item-line {
	color: #fff;
}
.navbar-fixed-top .nav-item-line {
	color: #333!important
}
.navbar-fixed-top.lighten a.navbar-item,  .navbar-fixed-top.dark a.navbar-item {
	color: #333!important;
}
.navbar-fixed-top.dark .logo-def {
	background: url(../img/logo/logo.png) no-repeat center center !important;/*background-size:135px 27px !important;*/
}
.navbar-fixed-top.dark .nav-item-collapse {
	background: url(../img/header/collapse-def.png) no-repeat center center !important;
	background-size: 20px !important;
}
.navbar-fixed-top.dark .open .nav-item-collapse {
	background: url(../img/header/collapse-down-def.png) no-repeat center center !important;
	background-size: 19px !important;
}
.navbar-fixed-top.dark a.navbar-item:hover .icon-jump,  .navbar-fixed-top.dark .icon-jump {
	background: url(../img/header/jump-def.png) no-repeat center center !important;
	background-size: 20px !important;
}
.navbar-fixed-top.dark .navbar-search {
	background: url(../img/header/search-def.png) no-repeat center center !important;
	background-size: 20px !important;
}
.navbar-fixed-top.dark .navbar-lang {
	color: #333 !important;
}
.navbar-lang:hover {
	color: #004098 !important
}
/***/
.hd-lock .navbar .nav-item-line,  .hd-lock .navbar a.navbar-item,  .hd-lock .navbar a.navbar-item {
	color: #333!important;
}
.hd-lock .navbar .navbar-lang {
	color: #333 !important;
}
.hd-lock .navbar a.navbar-item:hover {
	color: #004098 !important
}
.hd-lock .navbar .logo-def {
	background: url(../img/logo/logo.png) no-repeat center center !important;/*background-size:135px 27px !important;*/
}
.hd-lock .navbar .nav-item-collapse {
	background: url(../img/header/collapse-def.png) no-repeat center center !important;
	background-size: 20px !important;
}
.hd-lock .navbar .open .nav-item-collapse {
	background: url(../img/header/collapse-down-def.png) no-repeat center center !important;
	background-size: 19px !important;
	;
}
.hd-lock .navbar a.navbar-item:hover .icon-jump,  .hd-lock .navbar .icon-jump {
	background: url(../img/header/jump-def.png) no-repeat center center !important;
	background-size: 20px !important;
}
.hd-lock .navbar .navbar-search {
	background: url(../img/header/search-def.png) no-repeat center center !important;
	background-size: 20px !important;
}
.hd-lock .navbar .navbar-lang {
	color: #333 !important;
}
.icon-jump:hover {
	background: url(../img/header/jump-hover.png) no-repeat center center !important;
	background-size: 20px !important;
}
.navbar-search:hover {
	background: url(../img/header/search-hover.png) no-repeat center center !important;
	background-size: 20px !important;
}
.lighten a.navbar-item:hover,  .dark a.navbar-item:hover {
	color: #004098!important;
}
/*-- 底部 --*/
#gree-ft {
}
/************************ 首页 ************************/
/*-- banner --*/
#gree-banner {
	margin: 0 auto;
}
#swiper-index img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
#swiper-product img {
	display: block;
	;
	width: 100%;
	margin: 0 auto;
}
/*-- 热销产品 --*/
#gree-hotProduct {
	padding: 32px 0;
}
.hotProduct-header {
	text-align: center;
	font-size: 48px;
	font-weight: 600;
	color: rgba(17,17,17,1);
	line-height: 67px;
}
.hotProduct-slogan {
	text-align: center;
	font-size: 32px;
	font-weight: 400;
	color: rgba(102,102,102,1);
	line-height: 45px;
}
.hotProduct-category {
	padding-top: 40px;
}
.hotProduct-category-list {
}
.hotProduct-category-list {
}
.nav-tabs-category {
	display: -webkit-box;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-align: center;
}
.nav-tabs-category li {
	display: block;
	-webkit-box-flex: 1;
}
.nav-tabs-category .nav-tabs-item {
}
.nav-tabs-category .nav-tabs-item a {
	position: relative;
	display: block;
	text-align: center;
	height: 130px;
	padding-top: 28px;
}
.nav-tabs-category .nav-tabs-item a:hover:after, .active.nav-tabs-item a:after {
	position: absolute;
	content: "";
	left: 50%;
	margin-left: -40px;
	bottom: -28px;
	width: 80px;
	height: 2px;
	background: rgba(0,64,152,1);
}
.icon-category {
	width: 64px;
	height: 64px;
	display: block;
	background-size: 64px !important;
	margin: 0 auto 18px auto;
}
.category-type {
	font-size: 18px;
	font-weight: 400;
	color: rgba(51,51,51,1);
	line-height: 27px;
}
.active .category-type {
	font-weight: 600;
	color: #111;
}
.hotProduct-category {
}
.hotProduct-showlist {
	padding: 3px;
}
.hotProduct-showlist li {
}
.hotProduct-lager {
	width: 283px;
	height: 576px;
	overflow: hidden;
	margin-right: 10px;
	position: relative;
}
.hotProduct-lager a {
	display: block;
	position: relative;
	width: 283px;
	height: 576px;
	overflow: hidden;
}
.hotProduct-lager a img {
	width: 283px;
	height: 576px;
}
.hotProduct-normal {
	width: 283px;
	height: 283px;
}
.hotProduct-normal a {
	display: block;
}
.hotProduct-normal-4 {
	width: 283px;
	height: 576px;
	overflow: hidden
}
.hotProduct-normal-2 a, .hotProduct-normal-2 a img {
	width: 283px;
	height: 283px;
}
.hotProduct-normal-3 a, .hotProduct-normal-3 a img {
	width: 283px;
	height: 283px;
}
.hotProduct-normal-4 a, .hotProduct-normal-4 a img {
	width: 283px;
	height: 576px;
}
.hotProduct-itemImg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}
.hotProduct-itemImg img {
	width: 283px;
	height: 283px;
}
.hotProduct-itemName {
}
.hotProduct-normal-2, .hotProduct-normal-3 {
	margin-right: 10px;
}
.hotProduct-normal-5 {
	width: 576px;
	margin-top: -283px;
	margin-left: 293px;
}
.hotProduct-normal-5 a, .hotProduct-normal-5 a img {
	width: 576px;
	height: 283px;
}
.hotProduct-normal-item {
	position: relative;
	width: 282px;
	height: 282px;
	overflow: hidden;
}
.hotProduct-itemName {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 60px;
	font-size: 20px;
	font-weight: 600;
	color: rgba(17,17,17,1);
}
.hotProduct-view-more {
	position: absolute;
	text-align: center;
	bottom: 20px;
	left: 50%;
	margin-left: -74px;
	line-height: 36px;
	width: 148px;
	color: #333;
	font-size: 14px;
	border-radius: 36px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.view-first div img {
	transition: all 2s ease;
}
.view-first .mask {
	opacity: 0;
	background-color: rgba(219,127,8,.7);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.view-first h2 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.view-first p {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear
}
.view-first:hover div img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.view-first .info {
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.view-first:hover .mask {
	opacity: 1
}
.view-first:hover h2, .view-first:hover p, .view-first:hover .info {
	opacity: 1;
	transform: translateY(0)
}
.view-first:hover p {
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s
}
.view-first:hover .info {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-ms-transition-delay: .2s;
	transition-delay: .2s
}
.view-first .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}
.hotProduct-normal-1 .mask-title,  .hotProduct-normal-4 .mask-title {
	top: 75%;
}
.mask-title {
	width: 100%;
	position: absolute;
	top: 55%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: rgba(255,255,255,1);
	margin-bottom: 2px;
}
.mask-title span {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255,255,255,1);
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
/****/
.view-first:hover .shows-title {
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.hotProduct-normal-5 a:hover .mask-title {
	left: 4%;
	width: auto;
	top: 38%;
}
.hotProduct-normal-5 a .mask-title {
	left: 4%;
	width: auto;
	top: 38%;
}
.hotProduct-normal-5 a .hotProduct-view-more-s {
	left: 20%;
}
.hotProduct-normal-5 a:hover .hotProduct-view-more-s {
	left: 20%;
}
.hotProduct-normal-1 .shows-title {
	top: 15%;
}
.hotProduct-normal-1 a:hover .mask-title {
	top: 10%;
}
.hotProduct-normal-1 a .mask-title {
	top: 10%;
}
.hotProduct-normal-4 .shows-title {
	top: 85%;
}
.hotProduct-normal-5 .shows-title {
	left: 20%;
	width: auto;
	top: 50%;
}
.shows-title {
	width: 100%;
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: #111;
	margin-bottom: 2px;
}
.shows-title span {
	font-size: 14px;
	font-weight: 400;
	color: #111;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
/***/

.hotProduct-view-more-s {
	position: absolute;
	text-align: center;
	bottom: 20px;
	left: 50%;
	margin-left: -74px;
	line-height: 36px;
	width: 148px;
	color: #fff;
	font-size: 14px;
	border-radius: 36px;
	border: 1px solid #fff;
	background-color: transparent
}
.hotProduct-normal-item:hover .hotProduct-view-more {
}
.view-more {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 148px;
	color: #333;
	font-size: 14px;
	line-height: 36px;
	border-radius: 36px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.view-more:hover {
	text-decoration: none !important;
	background-color: #fff;
}
.scale-img .scale-img {
	overflow: hidden;
	transition: all 0.5s ease;
}
.scale-img img {
	width: 100%;
	height: auto;
	transition: all 1.5s ease;
}
.scale-img:hover img {
	transform: scale(1.1);
}
.scale-img:hover .scale-text {
	bottom: 20px;
}
.result-list-item-box .scale-img:hover .scale-text {
	bottom: 30px
}
.scale-img .scale-txt-up {
	transition: margin 0.5s ease;
}
.scale-img:hover .scale-txt-up {
	margin-top: -30px;
	transition: all .5s;
	position: absolute;
	width: 100%;
	left: 0px;
}
.scale-text {
	bottom: -100%;
	transition: all .5s;
}
/*-- 新闻 --*/
#gree-news {
	padding-bottom: 0px;
	margin: 0 auto
}
.gree-news {
	padding-top: 32px;
}
.news-header {
	text-align: center;
	font-size: 48px;
	font-weight: 600;
	color: rgba(17,17,17,1);
	line-height: 67px;
}
.news-slogan {
	text-align: center;
	font-size: 32px;
	font-weight: 400;
	color: rgba(102,102,102,1);
	line-height: 45px;
	margin-bottom: 64px;
	position: relative;
}
.news-slogan:after {
	position: absolute;
	content: "";
	width: 40px;
	height: 40px;
	background: url(../img/icon_View@2x.png) center right;
	background-size: 40px;
}
.news-slogan a:hover {
	color: rgba(102,102,102,1);
}
#swiper-index-news.swiper-container {
	padding-bottom: 64px;
}
/*-- 去哪买 --*/
#gree-shopShow {
	min-height: 400px;
}
.gree-shopShow {
	padding-top: 80px;
}
.gree-shopShow-list {
	text-align: center;
}
.gree-shopShow-list li {
	text-align: center;
	position: relative;
}
.gree-shopShow-list li:first-child::after {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	margin-top: -75px;
	width: 2px;
	height: 150px;
	background-color: rgba(217,217,217,0.23);
}
.jumpShop-lager,  .jumpBuy-lager {
	display: block;
}
.jumpShop-lager:hover,  .jumpBuy-lager:hover {
	text-decoration: none;
}
.jumpShop-lager {
}
.jumpBuy-lager {
}
.icon-jumpShop-lager,  .icon-jumpBuy-lager {
	width: 110px;
	height: 110px;
	display: block;
	background-size: 110px !important;
	margin: 0 auto;
}
.icon-jumpShop-lager {
	background: url(../img/jumpbuyshop/mall.png) no-repeat center center;
}
.icon-jumpBuy-lager {
	background: url(../img/jumpbuyshop/address.png) no-repeat center center;
}
.shopShow-tit {
	font-size: 32px;
	font-weight: bold;
	color: rgba(17,17,17,1);
	line-height: 60px;
}
.shopShow-tip {
	font-size: 20px;
	color: rgba(102,102,102,1);
	line-height: 33px;
}
/* 旗舰店 */
#gree-shopbrand {
}
.gree-shopbrand {
	padding: 200px 0;
}
.shopbrand-item {
	text-align: center;
	display: block;
	line-height: 48px;
}
.icon-shopbrand {
	position: absolute;
	width: 48px;
	height: 48px;
	display: inline-block;
	left: 40px;
}
.shopbrand-tmall {
	background: url(../img/brandshop/icon_tmall.png) no-repeat center center;
	background-size: 48px;
}
.shopbrand-jd {
	background: url(../img/brandshop/icon_JD.png) no-repeat center center;
	background-size: 48px;
}
.shopbrand-gome {
	background: url(../img/brandshop/icon_GOME.png) no-repeat center center;
	background-size: 48px;
}
.shopbrand-suning {
	background: url(../img/brandshop/icon_suning.png) no-repeat center center;
	background-size: 48px;
}
.shopbrand-name {
	position: relative;
	padding-left: 60px;
	font-size: 24px;
	font-weight: 500;
	color: rgba(17,17,17,1);
	line-height: 48px;
}
.icon-shopbrand:after {
	position: absolute;
	background: #D9D9D9;
	content: "";
	width: 3px;
	height: 56px;
	top: -3px;
	left: 77px;
}
/*-- 品牌 --*/
#gree-brand {
}
.brand-blank {
	border-top: 1px solid #ddd;
	background-color: #fff;
	min-height: 524px;
	padding-top: 110px;
}
.brand-tit {
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	color: rgba(17,17,17,1);
	line-height: 54px;
	margin-bottom: 60px;
}
.brand-list {
}
.clip-box {
	width: 1140px;
	height: 450px;
}
.clip-box ul {
	width: 1140px;
}
.clip-box ul li {
	width: 140px;
	height: 140px;
	float: left;
	position: relative;
}
.clip-box ul li a {
}
.clip-box ul li .kuang {
	position: absolute;
	width: 140px;
	height: 140px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 1px solid #ddd;
	margin-top: 42px;
	margin-left: 42px;
}
.clip-box ul li .kuang2 {
	left: 5px;
	top: 0px;
	z-index: 4;
}
.kuang-img {
	cursor: pointer;
}
.kuang-img:hover {
	z-index: 3;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	border: 1px solid rgba(217,217,217,1);
}
.kuang-img:hover ~ .text1 .bg .k-img {
	display: none;
	opacity: 0
}
.kuang-img:hover ~ .text1 .bg .k-img-hover {
	opacity: 1
}
.clip-box ul li .text1 {
	text-align: center;
	z-index: 3;
	position: absolute;
	left: 19px;
	top: 70px;
}
.clip-box ul li .text1 .bg {
}
.clip-box ul li {
	margin-right: 89px;
}
.clip-box ul.two li {
	margin-top: -40px;
}
.clip-box ul li:hover .text2 {
	display: block;
}
.k-img-hover {
	opacity: 0
}
.k-img-hover, .k-img {
	width: 197px;
	height: 80px;
	max-width: 197px;
	margin: 0 auto;
}
.noBor:before {
	display: none;
}
/* 底部 */

#gree-ft {
	background-color: #E9EBEE;
	padding: 50px 0 20px 0;
}
.grer-ft-nav {
}
.ft-nav-list-box {
	width: 11.1%;
	padding-left: 50px;
}
.ft-nav-tit {
	white-space: nowrap;
	font-size: 16px;
	font-weight: 500;
	color: rgba(17,17,17,1);
	line-height: 22px;
}
.ft-nav-list {
	padding-top: 32px;
	padding-bottom: 40px;
}
.ft-nav-item {
	color: #111;
}
.ft-nav-item li a {
	font-weight: 400;
	color: rgba(17,17,17,1);
	line-height: 24px;
	white-space: nowrap;
}
.ft-nav-item li a:hover {
	color: #004098;
}
.grer-ft-other {
	line-height: 35px;
	padding-top: 20px;
}
.icon-wechat, .icon-weibo {
	width: 24px;
	height: 24px;
	display: inline-block;
	background-size: 24px;
	margin-right: 20px;
	margin-top: 5px;
}
.icon-wechat span, .icon-weibo span {
	display: none;
}
.icon-wechat {
	background: url(../img/footer/wechat.png) no-repeat center center;
}
.icon-weibo {
	background: url(../img/footer/weibo.png) no-repeat center center
}
.grer-ft-tel {
	font-size: 12px;
	color: #111;
	;
}
.grer-ft-link {
}
.grer-ft-link a {
	margin: 0 4px;
	font-size: 12px;
	color: #111;
}
.companyLink-dropdown {
	min-width: 160px;
	background: #E9EBEE;
	padding: 10px;
	text-align: left;
	border-radius: 2px;
	border: 1px solid rgba(17,17,17,1);
	position: relative;
}
.companyLink-list {
	height: 300px;
	overflow: auto;
}
.companyLink .dropdown-menu {
	right: -60px;
	left: auto;
}
.companyLink-dropdown-list li {
	border-bottom: 1px solid #eee;
}
.companyLink-dropdown-list li a {
	white-space: nowrap;
	color: #111;
	;
	padding: 5px 10px;
	display: block;
}
.companyLink-dropdown-list li a:hover {
	background-color: #f8f8f8;
	text-decoration: none;
}
.icon-dropdown-arr {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 16px;
	height: 16px;
	display: block;
	background: url(../img/footer/dropdown-arrow.png) no-repeat center center;
	background-size: 16px;
}
.ft-baian {
	line-height: 24px;
	text-align: center;
	padding-top: 30px;
}
.ft-baian a {
	color: #666;
	margin: 0 4px;
}
.gree-popup {
	width: 100%;
	height: 100%;
	position: relative;
}
.gree-open {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	background: #fff;
	padding: 40px 60px;
	border-radius: 10px;
}
.gree-layer {
	width: 100%;
	position: fixed;
	height: 100%;
	background: rgba(136, 136, 136, 0.68);
	z-index: 999;
	top: 0px;
	left: 0px;
}
.none {
	display: none;
}
#gree-header-about {
	height: 54px;
	border-bottom: 1px solid #ccc;
	position: fixed;
	top: 68px;
	width: 100%;
	background: #ffff;
	z-index: 999;
}
.header-about-nav {
}
.about-nav {
}
.about-nav .about-nav-list {
	float: left;
	position: relative;
	height: 50px;
	z-index: 3;
}
span.about-nav-item {
	color: #111;
	display: block;
	line-height: 50px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 600;
}
.about-nav-item {
	color: #111;
	display: block;
	line-height: 50px;
	padding: 0 20px;
	font-size: 14px;
}
.cur a.about-nav-item, .cur a.about-nav-item:hover, a.about-nav-item:hover {
	color: #004098;
	font-weight: 600;
	text-decoration: none;
}
#about-nav-sub .about-nav-item {
	background: url(../img/about/icon_Dropdownarrow.png) no-repeat right center;
}
#about-nav-drop {
	display: none;
	z-index: 5;
	position: absolute;
	top: 50px;
	left: 10px;
	min-width: 112px;
	min-height: 120px;
	background-color: #fff;
	border-top: 2px solid #004098;
	background: rgba(255,255,255,1);
	box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15);
}
.open #about-nav-drop {
	display: block;
}
#about-nav-sub2 .about-nav-item {
	background: url(../img/about/icon_Dropdownarrow.png) no-repeat right center;
}
#about-nav-drop2 {
	display: none;
	z-index: 5;
	position: absolute;
	top: 50px;
	left: 10px;
	min-width: 112px;
	min-height: 120px;
	background-color: #fff;
	border-top: 2px solid #004098;
	background: rgba(255,255,255,1);
	box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15);
}
.open #about-nav-drop2 {
	display: block;
}
.about-nav-dropList {
}
.about-nav-dropList li {
}
.about-nav-dropList li a {
	height: 40px;
	padding: 5px 10px;
	display: block;
	line-height: 30px;
	font-size: 13px;
	white-space: nowrap
}
.about-nav .line {
	float: left;
	position: relative;
	width: 10px;
	height: 50px;
}
.about-nav .line:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 14px;
	display: block;
	width: 1px;
	height: 24px;
	background: rgba(34,34,34,1);
}
.loading {
	background: url(../img/loading.gif) no-repeat center center;
	background-size: 30px;
}
.swiper-slide-video .loading {
	width: 100%;
	min-height: 500px;
	position: absolute;
	left: 0;
	top: 0
}
.category-typelever-box .loading {
	height: 78px;
}
.category-result-list .loading {
	height: 500px;
}
.tab-pane-s .loading {
	height: 400px;
}
#category_info .loading {
	height: 585px;
}
.about-newInfo-list .loading {
	height: 350px
}
.no-news {
	padding: 100px 0;
}
.no-news p {
	color: #999;
	text-align: center;
}
#sale-loading .loading {
	height: 500px;
}
#server-tab .loading {
	height: 500px;
	width: 500px;
	margin: 0 auto;
}
#server-info .loading {
	height: 500px;
}
#category-result-list-news .loading {
	height: 360px;
}
#year-histroy-list-result .loading {
	height: 500px;
}
#rongy-listShow .loading {
	height: 500px;
}
#document-list .loading {
	height: 280px;
}
.city-list .loading {
	min-height: 280px;
}
.city_list_info .loading {
	height: 280px;
}
.navbar-nav li#about-nav {
	position: static;
}
.navbar-nav li#about-nav2 {
	position: static;
}
#about-nav-dropBox {
	display: none;
	z-index: 5;
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: -5px 1px 5px 0px rgba(0,0,0,0.15)
}
.open-about #about-nav-dropBox {
	display: block;
}
.no-data {
	padding: 100px 0;
	text-align: center;
}
.no-data p {
	color: #999;
	font-size: 30px;
}
#tec-listShow .no-data {
	padding-top: 150px;
}
.pt20 {
	padding-top: 20px;
}
.pt60 {
	padding-top: 60px;
}
#gree-news-banner {
	margin: 0 auto;
	;
}
.swiper-slide {
	text-align: center;
}
.swiper-slide img {
	display: block;
	margin: 0 auto;
}
.swiper-pagination-news {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.dropup-s {
	float: left;
}
.dropup:hover .dropdown-menu {
	display: block;
}
.dropup-sns {
	background: #fff;
	padding: 10px;
	border: none;
	border-radius: 4px;
	box-shadow: none;
}
.sns-wx:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 210px;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
	border-top-width: 8px;
	border-top-color: #fff;
}
.wx-qcode-info {
	width: 1000px;
}
.wx-qcodelist {
	color: #333;
	font-size: 12px;
	float: left;
	width: 140px;
	text-align: center;
}
.wx-qcodelist img {
	width: 120px;
	height: 120px;
}
.sns-wb {
	height: 100px;
	width: 200px;
}
.sns-wb:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 100px;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
	border-top-width: 8px;
	border-top-color: #fff;
}
.video1 {
	z-index: 2;
	object-fit: cover;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 900px;
}
.bannervideo-info {
	opacity: 0;
	z-index: 3;
	width: 500px;
	color: #fff;
	font-size: 24px;
	position: absolute;
	left: 50%;
	bottom: 140px;
	margin-left: -250px;
}
.bannervideo-info-show {
	opacity: 1 !important;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear
}
.bannervideo-view-show {
	opacity: 1 !important;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear
}
.bannervideo-data {
	font-size: 12px;
	font-weight: 400;
	color: rgba(255,255,255,1);
	line-height: 17px;
	z-index: 3;
	color: #fff;
	position: absolute;
	left: 10px;
	width: 1170px;
	left: 50%;
	margin-left: -585px;
	bottom: 10px;
	text-align: left;
}
.bannervideo-view {
	opacity: 0;
	z-index: 3;
	position: absolute;
	left: 50%;
	bottom: 60px;
	margin-left: -88px;
	font-size: 16px;
	font-weight: 500;
	line-height: 48px;
	width: 168px;
	height: 48px;
	border-radius: 48px;
	border: solid 1px #fff;
	outline: 0;
	background: 0;
	color: #fff;
	display: inline-block;
	-webkit-transition: all ease .8s;
	transition: all ease .8s;
	cursor: pointer;
	text-align: center
}
.bannervideo-view:hover {
	color: #fff!important;
	background: #000!important;
	border: solid 1px #000!important
}
.bannervideo-view:focus {
	color: #fff!important;
	background: #000!important;
	border: solid 1px #000!important
}
.player {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 100px;
	right: 100px;
	z-index: 9999;
	padding: 10px;
	border-radius: 22px;
	width: 44px;
	height: 44px;
	cursor: pointer;
	margin-top: 17px;
	text-indent: -999rem;
}
.unsound {
	background: #000 url("../img/unsound.png") no-repeat center;
	background-size: 22px;
}
.sound {
	display: none;
	background: #000 url("../img/yessound.png") no-repeat center;
	background-size: 22px;
}
#gree-need {
	position: fixed;
	z-index: 100;
	top: 200px;
	width: 100%;
}
#gree-need .container {
	margin: 0 auto !important;
}
.my-need {
	float: right;
	display: block;
	width: 56px;
	height: 56px;
	background: rgba(255,255,255,1);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.14);
	border-radius: 3px;
	text-align: center;
}
.my-need:hover {
	box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.14);
}
.my-need-box {
	padding: 5px 0;
}
.my-need-box p {
	color: #666;
	font-size: 12px;
	padding: 5px 0 0 0;
}
.icon-need {
	margin: 0 auto;
	display: block;
	width: 24px;
	height: 24px;
	background: url("../img/icon_my-needs.png") no-repeat center;
	background-size: 24px;
}
.brand-list-box ul li {
	padding: 10px 0;
}
.brand-list-box ul li.nobor .brand-item-box::after, .brand-list-box ul li:nth-of-type(6n) .brand-item-box::after {
	display: none;
}
.brand-item-box::after {
	position: absolute;
	content: "";
	right: 0px;
	top: 15px;
	width: 1px;
	height: 50px;
	background: rgba(221,221,221,1);
	z-index: 1;
}
.brand-item-box {
	display: block;
}
a.brand-item-box:hover {
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}