.nav-icon-blue{
	display: none;
}
.top-fixed-box .top-fixed-navbar-toggle{
	display: none;
}
.nav-icon{
	display: inline-block;
}
.i3-container,
.top-container,
body {
	min-width: 888px
}

.i3-container,
.users-box .item,
body {
	position: relative
}

.nav-brand h1 a,
.top-fixed-box .fixed-logo h1 a {
	font-weight: 500;
	color: #222222;
	font-size: 36px
}

.card-box .card .title,
.icon-item .title {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.text-nowrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal!important;
	word-wrap: normal !ie
}

.icon-box2 .option-item,
.users-box .company .company-name {
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal!important
}
.icon-box2 .option-item{
	white-space: normal;
	text-overflow: ellipsis;
	word-wrap: normal!important
}
.hidden {
	overflow: hidden!important
}

.tr {
	text-align: right!important
}

html {
	height: 100%
}

body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: auto
}

.top-container {
	width: 100%;
	height: 35px;
	background: #f5f5f5;
	text-align: right
}

.navbar .main,
.i3-container,
.footer-container,
.container{
	max-width: 1200px;
	margin: 0 auto;
	max-width: 1200px\0;
	max-width: 955px\9;
}

.i3-container:after {
	content: '';
	display: table;
	clear: both
}

.login-box .login-btn,
.login-box span {
	display: inline-block;
	line-height: 32px;
	font-size: 14px;
	color: #222222
}

.login-box {
	float: right;
	margin-top: 24px;
	margin-left: 35px
}

.login-box .login-btn {
	text-align: center;
	height: 32px;
	transition: all .2s linear
}

.login-box .login-btn:hover {
	text-decoration: underline
}

.login-box span {
	margin: 0 4px
}

.users-box,
.users-box .item a.message {
	line-height: 35px
}

.users-box {
	/* display: none; */
	width: 217px;
	float: right;
	margin-top: 21px;
	text-align: right
}

.users-box .item {
	display: inline-block;
	float: left;
	padding: 0 6px;
	color: #222222
}

.users-box .item a {
	color: #222222
}

.users-box .item.company {
	cursor: pointer
}

.users-box i.icon-arrow.active {
	background: url(../../img/gd/index3/icon_arrow_after.png) center center no-repeat
}

.users-box i.icon-arrow {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 7px;
	margin-right: 4px;
	background: url(../../img/gd/index3/icon_arrow.png) center center no-repeat;
	cursor: pointer
}

.users-box a.item span {
	color: #fff
}

.users-box .company .company-name {
	overflow: hidden;
	word-wrap: normal !ie;
	display: inline-block;
	float: left;
	max-width: 110px;
	margin-right: 2px
}

.users-box .m-line {
	color: #fff
}

.users-box i.icon-company {
	display: inline-block;
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 2px
}

.users-box i.icon-arrow-2.active {
	background: url(../../img/gd/icon/icon_arrow_white_after.png) no-repeat
}

.users-box i.icon-arrow-2 {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 7px;
	background: url(../../img/gd/icon/icon_arrow_white.png) no-repeat;
	cursor: pointer
}

.users-box .badge {
	padding: 0 10px;
	border-radius: 8px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	overflow: hidden;
	color: #4879e4!important;
	background: #fff;
	max-width: 50px;
	display: inline-block;
	text-align: center
}

.users-box .user-btn {
	height: 20px;
	padding: 0 10px;
	margin-left: 20px;
	vertical-align: middle;
	border: 1px solid #fff;
	color: #fff;
	transition: all .2s linear
}

.users-box .user-btn:hover {
	background: #fff;
	color: #4879e4
}

.users-box .company-info {
	display: none;
	background: #fff;
	color: #5e5e5e;
	width: 220px;
	position: absolute;
	top: 35px;
	/* left: 100px; */
	height: auto;
	padding: 10px 20px;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	z-index: 1005;
	text-align: left
}

.users-box .company-info i.arr {
	display: inline-block;
	width: 10px;
	height: 8px;
	position: absolute;
	top: -8px;
	left: 20px;
	background: url(../../img/gd/index3/icon_arr.png) no-repeat
}

.header,
.top-fixed-box {
	background: #ffffff;
	width: 100%;
	min-width: 888px
}
.top-fixed-box{
	background: #4879e4;
}
.users-box .company-info p {
	padding: 3px 0;
	font-size: 12px;
	line-height: 20px
}

.users-box .company-info a {
	color: #4879e4;
	margin-right: 20px;
	font-size: 12px
}

.users-box .company-info a:hover {
	text-decoration: underline
}

.header {
	height: 80px
}

.top-fixed-box.fixed {
	top: 0
}

.top-fixed-box {
	position: fixed;
	top: -60px;
	height: 60px;
	z-index: 1006;
	transition: all .5s linear
}

.top-fixed-box .fixed-logo {
	width: 50px;
	float: left;
	line-height: 58px
}

.top-fixed-box .fixed-logo img {
	vertical-align: middle
}

.top-fixed-box .fixed-logo h1 {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle
}

.top-fixed-box .fixed-nav {
	margin-left: 10px;
	height: 58px;
	float: left
}

.top-fixed-box .fixed-nav ul li {
	float: left;
	padding: 0 10px;
	margin: 0 2px;
	position: relative
}

.top-fixed-box .fixed-nav ul li a {
	color: #fff;
	line-height: 58px;
	transition: all .2s linear;
	display: block;
	position: relative
}

.top-fixed-box .fixed-nav ul li:after {
	content: "";
	position: absolute;
	left: -5%;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #fcff00;
	transition: all .3s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	display: none\9
}

.top-fixed-box .fixed-nav li.active:after,
.top-fixed-box .fixed-nav ul li:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	display: block\9
}

.top-fixed-box .search-box {
	width: 292px;
	float: right;
	margin-top: 14px;
	margin-left: 0
}

.top-fixed-box .search-box .search-select {
	border-right-color: #d5d5d5
}

.top-fixed-box .search-box .search-input {
	width: 256px
}

.nav-brand {
	width: 460px;
	margin-top: 16px;
	line-height: 43px;
	float: left
}

.nav-brand h1 {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle
}

.search-box {
	float: right;
	width: 278px;
	height: 32px;
	display: inline-block;
	position: relative;
	/* margin-top: 24px; */
	background: #f1f2f4;
	z-index: 10;
}

.search-box .search-select.active {
	background: url(../../img/gd/index3/icon_arrow_2_after.png) right center no-repeat
}

.search-box .search-select {
	width: 70px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid #ccc;
	background: url(../../img/gd/index3/icon_arrow_2.png) right center no-repeat #f1f2f4;
	cursor: pointer
}
.header .search-box .search-select {
	background: url(../../img/gd/index3/icon_arrow_2.png) right center no-repeat #ffffff;
	border: 1px solid #f5f5f5;
}

.search-box .search-select .name {
	padding-left: 10px;
	line-height: 30px;
	color: #5e5e5e
}

.search-box .search-select .select-box {
	display: none;
	width: 70px;
	position: absolute;
	top: 35px;
	left: -1px;
	border: 1px solid #d3d3d3;
	z-index: 1005;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.search-box .search-select .select-box li {
	background: #fff;
	color: #5e5e5e;
	padding: 5px 0;
	text-indent: 6px
}

.search-box .search-select .select-box li:hover {
	color: #4879e4
}

.search-box .search-select .select-box li.active {
	background: #f5f5f5
}
.search-input-box{
	background: #f1f2f4;
}
.search-box .search-input {
	width: 256px;
	padding-left: 80px;
	padding-right: 10px;
	border: 0;
	outline: 0;
	height: 30px;
	line-height: 30px;
	background: transparent;
}

.search-box i.icon-search,
.top-search-btn {
	width: 35px;
	height: 32px;
	position: absolute;
	cursor: pointer
}

.search-box i.icon-search {
	top: 0;
	right: 0;
	background: url(../../img/gd/index3/icon_search_blue.png) center center no-repeat #f1f2f4;
}
.header .search-box i.icon-search{
	background: url(../../img/gd/index3/icon_search_blue.png) center center no-repeat #ffffff;
}
.top-search-btn {
	display: none;
	top: 14px;
	right: 10px;
	background: url(../../img/gd/index3/icon_search_white.png) center center no-repeat #4879e4
}
.navbar {
	min-height: 40px;
	width: 100%;
	position: relative;
	background: #ffffff
}

.navbar .main {
	max-width: 1200px;
	min-width: 900px;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px\0;
	max-width: 955px\9;
}

.navbar-toggle {
	display: none;
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.navbar-nav>li,
.navbar-nav>li>a {
	position: relative;
	display: block
}

.navbar-toggle .icon-bar,
.top-fixed-navbar-toggle .icon-bar{
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background: #fff
}

.navbar-toggle .icon-bar+.icon-bar,
.top-fixed-navbar-toggle  .icon-bar+.icon-bar{
	margin-top: 4px
}

.navbar-brand {
	margin-right: 30px;
	height: 50px;
	line-height: 45px;
	padding: 0;
	float: left
}

.navbar-brand h1 {
	float: left
}

.navbar-brand a {
	color: #c4c6d4;
	font-size: 24px;
	transition: all .2s linear
}

.navbar-brand a:hover,
.navbar-nav>li>a
{
	color: #222222
}
.navbar-nav>li>a:hover{
	color: #4879e4;
}

.navbar-collapse {
	display: block;
	height: auto;
	padding-bottom: 0;
	float: left;
	width: auto;
	padding-right: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch
}

.nav {
	float: left;
	padding-left: 0;
	list-style: none
}

.navbar-nav>li {
	margin-right: 8px;
	float: left;
	padding: 0 5px
}
.navbar .main .navbar-nav>li{
	margin-right: 25px;
	padding: 0 10px;
}

.navbar-nav>li:last-child {
	margin-right: 0
}

.navbar-nav>li>a {
	font-size: 14px;
	line-height: 40px;
	transition: all .2s linear
}

.navbar-nav>li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	/*background: url(../../img/gd/nav_arrow.png) center center no-repeat;*/
	border-bottom: 2px solid #4879e4;
	transition: all .3s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	display: none\9
}
.top-fixed-box .navbar-nav>li:after{
	border-bottom: 2px solid #ffffff;
}

.index-grid,
.left-grid {
	height: 436px;
	position: relative;
	overflow: hidden
}

.navbar-nav li.active:after,
.navbar-nav li:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	display: block\9
}

.i3-wrap {
	width: 100%;
	min-width: 1000px;
	/* background: #f6f6f6 */
}

.index-grid {
	width: 100%;
	margin-top: 20px
}

.left-grid {
	margin-right: 252px;
	background: #fff
}

.grid-tabs-box {
	width: 100%;
	height: 42px;
	margin-bottom: 30px
}

.grid-tabs-box .tab-item {
	width: 50%;
	float: left;
	text-align: center;
	line-height: 42px;
	position: relative;
	cursor: pointer
}

.grid-tabs-box .tab-item.active {
	background: #4879e4;
	color: #fff
}

.grid-tabs-box .tab-item.active i {
	display: block;
	width: 12px;
	height: 6px;
	background: url(../../img/gd/tab_arrow.png) no-repeat;
	position: absolute;
	left: 50%;
	bottom: -6px;
	margin-left: -6px
}

.grid-tabs-box:after {
	content: '';
	display: table;
	clear: both
}

.main-grid {
	padding: 0 24px;
	position: relative
}

.main-grid .m-next-btn,
.main-grid .m-prev-btn {
	display: block;
	width: 30px;
	height: 100px;
	position: absolute;
	z-index: 11;
	cursor: pointer
}

.main-grid .m-prev-btn {
	background: url(../../img/gd/icon_arrow_prev.png) center center no-repeat;
	left: 20px;
	top: 100px
}

.main-grid .m-prev-btn:hover {
	background: url(../../img/gd/icon_arrow_prev_after.png) center center no-repeat
}

.main-grid .m-next-btn {
	background: url(../../img/gd/icon_arrow_next.png) center center no-repeat;
	right: 12px;
	top: 90px
}

.main-grid .m-next-btn:hover {
	background: url(../../img/gd/icon_arrow_next_after.png) center center no-repeat
}

.icon-item {
	width: 16.6667%;
	height: 155px;
	float: left;
	text-align: center
}

.icon-item .title {
	padding: 18px 10px 0;
	font-size: 14px;
	line-height: 20px;
	height: 58px;
	display: -webkit-box;
	overflow: hidden
}

.icon-item .home-icon-box {
	position: relative;
	width: 82px;
	height: 82px;
	margin: 0 auto;
	cursor: pointer;
	transition: all .2s linear
}

.icon-item .home-icon-box .home-icon {
	display: inline-block;
	width: 82px;
	height: 82px;
	top: 0;
	left: 0;
	z-index: 1
}

.icon-item .home-icon-box .home-icon__after {
	display: block;
	width: 82px;
	height: 82px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(Opacity=0);
	transition: all .2s linear
}

.icon-item .home-icon-box:hover .home-icon__after {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(Opacity=100)
}

.icon-box .swiper-container {
	height: 350px;
	overflow: hidden;
	margin-bottom: 20px
}

.icon-box1 {
	display: block
}

.icon-box2 .option-item {
	display: block;
	height: 22px;
	line-height: 22px;
	margin: 18px 0;
	padding: 0 20px;
	/* overflow: hidden; */
	word-wrap: normal !ie;
	color: #5e5e5e;
	font-size: 15px;
	transition: all .2s linear
}

.n-info .n-list .s-title,
.notice-list .notice-item a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal!important
}

.icon-box2 .option-item:hover {
	color: #4879e4;
}

.right-grid {
	width: 232px;
	height: 436px;
	position: absolute;
	right: 0;
	top: 0
}

.right-grid .notice {
	background: #fff;
	padding: 0 20px;
	margin-top: 10px;
	height: 196px;
	overflow: hidden
}

.right-grid .notice .title {
	position: relative;
	height: 38px;
	line-height: 38px
}

.right-grid .notice .title .title-icon {
	display: inline-block;
	vertical-align: middle
}

.right-grid .notice .title .icon-notice {
	width: 16px;
	height: 16px;
	background: url(../../img/gd/index3/icon_notice.png) no-repeat;
	position: relative;
	top: -2px
}

.right-grid .notice .title .more {
	position: absolute;
	right: 0;
	top: 0;
	color: #4879e4;
	transition: all .2s linear
}

.left-btn,
.right-btn {
	top: 241px;
	cursor: pointer
}

.right-grid .notice .title .more:hover {
	color: #406cc9;
	text-decoration: underline
}

.right-grid .notice .title .more:active {
	color: #385eb0
}

.right-grid .notice .i3-notice-list ul li {
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #e8edf6;
	position: relative
}

.right-grid .notice .i3-notice-list ul li a {
	color: #333;
	transition: all .2s linear
}

.right-grid .notice .i3-notice-list ul li a:hover {
	color: #4879e4
}

.right-grid .notice .i3-notice-list ul li:last-child {
	border-bottom: 0
}

.right-grid .intro {
	width: 100%;
	height: 232px;
	background: #fff
}

.right-grid .intro a,
.right-grid .intro ul li {
	height: 48px;
	width: 100%;
	line-height: 48px
}

.right-grid .intro ul li.intro-1 a {
	border-left: 4px solid #7493e7
}

.right-grid .intro ul li.intro-1 a:hover {
	background: #7493e7;
	border-color: #7493e7
}

.right-grid .intro ul li.intro-2 a {
	border-left: 4px solid #ff9e69
}

.right-grid .intro ul li.intro-2 a:hover {
	background: #ff9e69;
	border-color: #ff9e69
}

.right-grid .intro ul li.intro-3 a {
	border-left: 4px solid #38ca72
}

.right-grid .intro ul li.intro-3 a:hover {
	background: #38ca72;
	border-color: #38ca72
}

.right-grid .intro ul li.intro-4 a {
	border-left: 4px solid #f6658a
}

.right-grid .intro ul li.intro-4 a:hover {
	background: #f6658a;
	border-color: #f6658a
}
.right-grid .intro ul li.intro-6 a {
	border-left: 4px solid #f4ea2a
}

.right-grid .intro ul li.intro-6 a:hover {
	background: #f4ea2a;
	border-color: #f4ea2a
}

.right-grid .intro ul li:last-child {
	border-bottom: 0
}

.right-grid .intro a {
	border-bottom: 1px solid #e8edf6;
	background: #fff;
	color: #333;
	font-size: 14px;
	display: table;
	transition: all .2s linear
}

.right-grid .intro a .intro-icon {
	display: table-cell;
	width: 62px;
	background-repeat: no-repeat;
	background-position: 20px center;
	vertical-align: middle
}

.right-grid .intro a span {
	display: table-cell;
	line-height: 20px;
	vertical-align: middle
}

.right-grid .intro a .icon-hot {
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	height: 16px;
	background: url(../../img/gd/icon/icon_hot.png) left center no-repeat
}

.left-btn i,
.right-btn i {
	display: block;
	margin-top: 15px
}

.right-grid .intro a:hover {
	color: #fff
}

.right-grid .intro a:hover .icon-intro-1 {
	background-image: url(../../img/gd/index3/icon_intro_1_after.png)
}

.right-grid .intro a:hover .icon-intro-2 {
	background-image: url(../../img/gd/index3/icon_intro_2_after.png)
}

.right-grid .intro a:hover .icon-intro-3 {
	background-image: url(../../img/gd/index3/icon_intro_3_after.png)
}

.right-grid .intro a:hover .icon-intro-4 {
	background-image: url(../../img/gd/index3/icon_intro_4_after.png)
}

.right-grid .intro a:hover .icon-intro-5 {
	background-image: url(../../img/gd/index3/icon_intro_5_after.png)
}

.right-grid .intro a:hover .icon-hot {
	background: url(../../img/gd/icon/icon_hot_active.png) left center no-repeat
}

.icon-intro-1 {
	background-image: url(../../img/gd/index3/icon_intro_1.png)
}

.icon-intro-2 {
	background-image: url(../../img/gd/index3/icon_intro_2.png)
}

.icon-intro-3 {
	background-image: url(../../img/gd/index3/icon_intro_3.png)
}

.icon-intro-4 {
	background-image: url(../../img/gd/index3/icon_intro_4.png)
}

.icon-intro-5 {
	background-image: url(../../img/gd/index3/icon_intro_5_after.png)
}

.icon-intro-6{
	background-image: url(../../img/gd/index3/icon_intro_6_after.png)
}
.right-grid .intro a:hover .icon-intro-6{
	background-image: url(../../img/gd/index3/icon_intro_6.png)
}

.left-btn {
	position: absolute;
	left: 0;
	width: 20px;
	height: 40px;
	background: url(../../img/gd/index3/b_bg_3.png)
}

.left-btn i {
	width: 7px;
	height: 12px;
	margin-left: 6px;
	background: url(../../img/gd/index3/banner_left.png) no-repeat
}

.left-btn:hover,
.right-btn:hover {
	background: url(../../img/gd/index3/b_bg_6.png)
}

.right-btn {
	position: absolute;
	right: 244px;
	width: 20px;
	height: 40px;
	background: url(../../img/gd/index3/b_bg_3.png)
}

.right-btn i {
	width: 7px;
	height: 12px;
	margin-left: 7px;
	background: url(../../img/gd/index3/banner_right.png) no-repeat
}

.banner-container {
	width: 100%;
	height: 260px
}

.banner-container .i3-banner {
	width: 100%;
	height: 260px;
	background-size: cover;
	background-position: center center
}

.banner-container .prev-btn {
	display: none;
	position: absolute;
	left: 0;
	top: 110px;
	width: 24px;
	height: 40px;
	background: url(../../img/gd/index3/b_bg_3.png);
	cursor: pointer
}

.banner-container .prev-btn i {
	width: 7px;
	height: 12px;
	display: block;
	margin-top: 15px;
	margin-left: 8px;
	background: url(../../img/gd/index3/banner_left.png) no-repeat
}

.banner-container .next-btn:hover,
.banner-container .prev-btn:hover {
	background: url(../../img/gd/index3/b_bg_6.png)
}

.banner-container .next-btn {
	display: none;
	position: absolute;
	right: 0;
	top: 110px;
	width: 24px;
	height: 40px;
	background: url(../../img/gd/index3/b_bg_3.png);
	cursor: pointer
}

.banner-container .next-btn i {
	width: 7px;
	height: 12px;
	display: block;
	margin-top: 15px;
	margin-left: 9px;
	background: url(../../img/gd/index3/banner_right.png) no-repeat
}

.pagination {
	position: absolute;
	z-index: 20;
	bottom: 15px;
	width: 100%;
	text-align: center;
	padding: 0
}

.banner-container .swiper-pagination-switch {
	display: inline-block;
	width: 20px;
	height: 6px;
	background: #fff;
	border-radius: 0;
	margin: 0 5px;
	opacity: .5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(Opacity=50);
	cursor: pointer
}

.banner-container .swiper-active-switch {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(Opacity=100)
}

.bg-h_icon_2 {
	background: url(../../img/gd/icon/index_icon.png) -109px -9px
}

.bg-h_icon_2_after {
	background: url(../../img/gd/icon/index_icon.png) -409px -9px
}

.bg-h_icon_3 {
	background: url(../../img/gd/icon/index_icon.png) -9px -109px
}

.bg-h_icon_3_after {
	background: url(../../img/gd/icon/index_icon.png) -109px -109px
}

.bg-h_icon_4 {
	background: url(../../img/gd/icon/index_icon.png) -209px -9px
}

.bg-h_icon_4_after {
	background: url(../../img/gd/icon/index_icon.png) -209px -109px
}

.bg-h_icon_5_after {
	background: url(../../img/gd/icon/index_icon.png) -9px -209px
}

.bg-h_icon_5 {
	background: url(../../img/gd/icon/index_icon.png) -109px -209px
}

.bg-h_icon_6 {
	background: url(../../img/gd/icon/index_icon.png) -209px -209px
}

.bg-h_icon_8 {
	background: url(../../img/gd/icon/index_icon.png) -309px -9px
}

.bg-h_icon_6_after {
	background: url(../../img/gd/icon/index_icon.png) -309px -109px
}

.bg-h_icon_9_after {
	background: url(../../img/gd/icon/index_icon.png) -309px -209px
}

.bg-h_icon_8_after {
	background: url(../../img/gd/icon/index_icon.png) -9px -309px
}

.bg-h_icon_9 {
	background: url(../../img/gd/icon/index_icon.png) -109px -309px
}

.bg-h_icon_10 {
	background: url(../../img/gd/icon/index_icon.png) -209px -309px
}

.bg-h_icon_10_after {
	background: url(../../img/gd/icon/index_icon.png) -309px -309px
}

.bg-h_icon_11_after {
	background: url(../../img/gd/icon/index_icon.png) -9px -9px
}

.bg-h_icon_12_after {
	background: url(../../img/gd/icon/index_icon.png) -409px -109px
}

.bg-h_icon_11 {
	background: url(../../img/gd/icon/index_icon.png) -409px -209px
}

.bg-h_icon_13_after {
	background: url(../../img/gd/icon/index_icon.png) -409px -309px
}

.bg-h_icon_13 {
	background: url(../../img/gd/icon/index_icon.png) -9px -409px
}

.bg-h_icon_12 {
	background: url(../../img/gd/icon/index_icon.png) -109px -409px
}

.bg-h_icon_7 {
	background: url(../../img/gd/icon/index_icon.png) -209px -409px
}

.bg-h_icon_7_after {
	background: url(../../img/gd/icon/index_icon.png) -309px -409px
}

.bg-h_icon_14_after {
	background: url(../../img/gd/icon/index_icon.png) -409px -409px
}

.bg-h_icon_16 {
	background: url(../../img/gd/icon/index_icon.png) -509px -9px
}

.bg-h_icon_15 {
	background: url(../../img/gd/icon/index_icon.png) -509px -109px
}

.bg-h_icon_14 {
	background: url(../../img/gd/icon/index_icon.png) -509px -209px
}

.bg-h_icon_1_after {
	background: url(../../img/gd/icon/index_icon.png) -509px -309px
}

.bg-h_icon_1 {
	background: url(../../img/gd/icon/index_icon.png) -509px -409px
}

.bg-h_icon_15_after {
	background: url(../../img/gd/icon/index_icon.png) -9px -509px
}

.bg-h_icon_16_after {
	background: url(../../img/gd/icon/index_icon.png) -109px -509px
}

.i3-title .i3-title-icon,
.notice-title .notice-title-icon {
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle
}

.section {
	margin-top: 15px
}

.h3-title {
	font-size: 30px;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	border-left: 4px solid #4879e4;
	position: relative
}

.h3-title .more {
	color: #4879e4;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2s linear
}

.h3-title .more:hover {
	color: #406cc9;
	text-decoration: underline
}

.h3-title .more:active {
	color: #385eb0
}

.i3-title.type2 {
	color: #fff;
	border-bottom: 0
}

.i3-title,
.notice-list .notice-item,
.notice-title .title {
	border-bottom: 1px solid #e8edf6
}

.i3-title {
	height: 70px;
	width: 100%;
	line-height: 70px;
	font-size: 24px;
	color: #4879e4;
	position: relative
}

.i3-title .i3-title-icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-left: 32px;
	margin-right: 16px;
	position: relative;
	top: -2px
}

.i3-title .icon-purchase {
	background-image: url(../../img/gd/index3/icon_purchase.png)
}

.i3-title .icon-zx {
	background-image: url(../../img/gd/index3/icon_zx.png)
}

.i3-title .icon-manage {
	background-image: url(../../img/gd/index3/icon_manage.png)
}

.i3-title .icon-run {
	background-image: url(../../img/gd/index3/icon_run.png)
}

.i3-title .more {
	color: #333;
	position: absolute;
	right: 26px;
	top: 0;
	transition: all .2s linear
}

.i3-title .more:hover {
	color: #4879e4;
	text-decoration: underline
}

.swiper-box {
	height: 265px;
	overflow: hidden
}

.notice-box {
	padding: 0 30px
}

.notice-box .notice-list {
	padding: 0
}

.notice-list {
	padding: 0 30px;
	height: 50px
}

.notice-list .notice-item {
	padding: 16px 0
}

.notice-list .notice-item b {
	font-size: 16px
}

.notice-list .notice-item a {
	display: block;
	width: 100%;
	color: #333;
	word-wrap: normal !ie;
	height: 20px;
	transition: all .2s linear
}

.notice-list .notice-item p {
	height: 20px
}

.notice-list .notice-item p span {
	color: #e93113
}

.notice-list .notice-item a:hover {
	color: #4879e4;
	text-decoration: underline
}

.notice-list .notice-item a.text-link {
	color: #4879e4
}

.notice-list .col-xs-4 {
	padding-right: 30px
}

.notice-title .title {
	height: 46px;
	width: 100%;
	line-height: 46px;
	font-size: 18px;
	color: #333;
	position: relative;
}

.notice-title .notice-title-icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-left: 0;
	margin-right: 12px
}

.notice-title .icon-publicArchives{
	background-image: url(../../img/gd/index3/icon_publicArchives.png)
}

.notice-title .icon-notice {
	background-image: url(../../img/gd/index3/icon_notice2.png)
}

.notice-title .icon-record {
	background-image: url(../../img/gd/index3/icon_record.png)
}

.notice-title .icon-black {
	background-image: url(../../img/gd/index3/icon_black.png)
}

.m-count {
	margin-top: 20px;
	border-radius:5px;
	background-color: #ffffff;
	margin-bottom: 50px;
	padding-top:20px;
}

.m-count .tabs {
	padding: 0 30px
}

.m-count .tabs .fl {
	margin-top: 30px;
	width: 74%
}

.m-count .tabs .fl .i-tabs {
	padding: 0 10px
}

.m-count .tabs .fr {
	width: 35%;
	text-align: right
}

.m-count .tabs .i-tabs {
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	display: inline-block;
	border-radius: 3px;
	color: #34363B;
	cursor: pointer;
	border: 1px solid #DFDFDF;
}

.m-count .tabs .i-tabs.active {
	background: #3B77EC;
	color: #FFFFFF;
}

.m-count .count-box {
	margin-top: 36px
}

.m-count .count-box .count-i {
	float: left;
	margin-bottom: 30px;
	text-align: center;
	border-right: 1px solid #DFDFDF;
}

.m-count .count-box .count-i i {
	display: block;
	width: 100%;
	text-align: center;
	color: #34363B;
	font-size: 48px
}

.m-count .count-box .count-i span {
	display: block;
	width: 100%;
	text-align: center;
	color: #34363B;
	font-size: 16px;
	margin-top: 5px
}

.m-count .count-box .model-1 i,
.m-count .count-box .model-1 span {
	color: #ffe036
}

.m-count .count-box .model-5 {
	border-right: 0
}

i.icon-server {
	display: inline-block;
	width: 14px;
	height: 12px;
	vertical-align: middle;
	background: url(../../img/gd/index3/icon_server.png) no-repeat
}

.n-info:last-child {
	border-bottom: 0
}

.n-info {
	border-bottom: 1px solid #e8edf6;
	padding: 20px 0
}

.n-info .n-title {
	margin-bottom: 10px;
	height: 16px;
	line-height: 16px;
	padding-left: 5px;
	border-left: 6px solid #4879e4;
	color: #4879e4;
	font-size: 16px;
	position: relative
}

.n-info .n-title .more {
	position: absolute;
	right: 0;
	top: 0;
	color: #919191;
	transition: all .2s linear
}

.n-info .n-title .more:hover {
	color: #406cc9;
	text-decoration: underline
}

.n-info .n-title .more:active {
	color: #385eb0
}

.n-info .n-list {
	line-height: 38px;
	position: relative;
	margin-bottom: 10px
}

.n-info .n-list .s-title {
	width: 124px;
	position: absolute;
	left: 0;
	top: 0;
	word-wrap: normal !ie;
	vertical-align: top
}

.card-box .card .price,
.n-info .n-list .n-item a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal!important
}

.n-info .n-list .n-main {
	margin-left: 134px;
	border-bottom: 1px dashed #ced9eb;
	vertical-align: top;
	margin-bottom: 10px
}

.n-info .n-list .n-item {
	padding: 0 10px
}

.n-info .n-list .n-item a {
	color: #919191;
	transition: all .2s linear;
	display: block;
	width: 100%;
	word-wrap: normal !ie
}

.top-area-list,
.top-inlet2 {
	display: inline-block;
}

.n-info .n-list .n-item a:hover {
	color: #4879e4;
	text-decoration: underline
}

.top-inlet2 {
	text-align: left;
	width: 76px;
	padding:5px 0px;
	cursor: pointer;
	background-image: url(../../img/gd/icon/icon-arrow.png);
	background-size: 12px 6px;
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: 15px;
	transition: all .2s linear
}

.top-area-list {
	position: relative;
	top: 25px;
	border: 1px solid #CCCCCC;
	padding-right: 15px;
	margin-left: 20px;
}

.top-area-list .area-box {
	display: none;
	width: 500px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: 30px;
	left: 0px;
	z-index: 11;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.top-area-list .area-box .area-title {
	padding: 12px 24px 10px 24px
}

.top-area-list .area-box .area-title span {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 30px;
	height: 30px;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 400
}

.top-area-list .area-box .area-title a {
	font-size: 16px;
	color: #4879e4
}

.top-area-list .area-box .area-title a:hover {
	color: #4879e4
}

.top-area-list .area-box .area-list {
	/*padding: 10px*/
}

.top-area-list .area-box .area-list li {
	display: block;
	float: left;
	padding: 0 3px;
	height: 24px;
	line-height: 24px;
	margin: 10px 6px;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	border-radius: 3px
}

.top-area-list .area-box .area-list li:hover {
	color: #4879e4
}

.top-area-list .area-box .area-list li.active {
	color: #fff;
	background: #4879e4
}

.top-area-list .area-box .area-bottom {
	padding: 10px 25px;
	text-align: right
}

.top-area-list .area-box .area-bottom a {
	color: #4879e4;
	text-decoration: underline;
	font-size: 16px
}
.area-city-data-wrap{
    display: block;
    position: relative;
    padding:0px 24px;
}
.area-city-data-wrap .area-city-title{
    float: left;
    line-height: 24px;
    margin: 10px 6px 10px 0px;
    font-weight: 700;
}
.area-city-data-wrap .area-city-data{
    width: 400px;
}
.area-city-data-wrap .area-city-title,
.area-city-data-wrap .area-city-data{
    display: inline-block;
    font-size: 16px;
    position: relative;
}
.area-city-data-wrap .area-item-wrap{
    height: 48px;
}
.area-city-data-wrap .area-item-wrap .area-city-title{

}
.area-city-data-wrap .area-city-item-wrap .area-city-title{
    height: 176px;
}


.grid-swiper .swiper-slide {
	width: 100%
}

.card-container {
	margin: 20px 0px 0
}

.card-box {
	padding: 0 6px
}

.card-box .card {
	display: block;
	background: #fff;
	overflow: hidden
}

.card-box .card a:active,
.card-box .card a:hover {
	color: #4879e4
}

.card-box .card .main {
	padding: 10px 16px
}

.card-box .card .card-img {
	width: 100%;
	height: 150px;
	text-align: center;
	overflow: hidden;
	position: relative
}

.card-box .card .card-img img {
	transition: all .3s linear
}

.card-box .card .card-img .cut-down-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	line-height: 26px;
	height: 26px;
	background: #000;
	opacity: .6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	filter: alpha(Opacity=60)
}

.card-box .card .card-img .cut-down {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	text-align: center;
	width: 100%;
	line-height: 26px;
	height: 26px;
	color: #fff
}

.card-box .card .card-img .cut-down span {
	color: #e93113;
	margin-left: 5px
}

.card-box .card i.flag {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0
}

.card-box .card i.flag-1 {
	background: url(../../img/gd/index3/icon_flag_1.png) no-repeat
}

.card-box .card i.flag-2 {
	background: url(../../img/gd/index3/icon_flag_2.png) no-repeat
}

.card-box .card i.flag-3 {
	background: url(../../img/gd/index3/icon_flag_3.png) no-repeat
}

.card-box .card i.flag-4 {
	background: url(../../img/gd/index3/icon_flag_4.png) no-repeat
}

.card-box .card .img-title {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	color: #fff;
	text-align: left
}

.agency-box,
.agency-rate-score .rate-bg {
	position: relative
}

.card-box .card .img-title i {
	display: inline-block;
	width: 28px;
	height: 24px;
	margin-left: 16px;
	margin-right: 8px;
	position: relative;
	top: 3px
}

.card-box .card .title {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #444;
}

.card-box .card .price {
	color: #F76F67;
	font-weight: 500;
	font-size: 20px;
	word-wrap: normal !ie;
	padding:15px 0px;
}

.agency-box .main .title,
.card-box .card .company-name {
	word-wrap: normal!important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.card-box .card .company-name {
	word-wrap: normal !ie;
	color: #b9b9b9;
	margin-bottom: 5px
}
.card-box .card .main-time{
	background: #F5F5F5;
}

.card-box .card .time {
	color: #b9b9b9
}

.purchase-swiper-container .card-box .card .time {
	color: #34363B;
}

.card-box .card:hover .card-img img {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.agency-container {
	width: 100%;
	padding: 30px 10px 10px;
	background: #fff;
	margin-top: 20px
}

.agency-box {
	width: 90%;
	height: 82px;
	margin: 0 auto 20px
}

.agency-box .main {
	margin: 0 20px
}

.agency-box .main .title {
	display: block;
	word-wrap: normal !ie;
	font-size: 14px;
	color: #444;
	transition: all .2s linear
}

.agency-box .main .title:active,
.agency-box .main .title:hover {
	color: #4879e4
}

.agency-box .main .intro {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal!important;
	word-wrap: normal !ie;
	color: #b9b9b9;
	font-size: 14px
}

.agency-box .main .agency-rate-score:after {
	display: table;
	content: '';
	clear: both
}

.agency-rate-score {
	margin-top: 12px
}

.agency-rate-score .rate {
	display: block;
	width: 19px;
	height: 18px;
	float: left;
	margin-right: 6px
}

.agency-rate-score .rate-complete {
	background: url(../../img/gd/index3/rate_red_full.png) no-repeat
}

.agency-rate-score .rate-bg,
.agency-rate-score .rate-empty {
	background: url(../../img/gd/index3/rate_red_empty.png) no-repeat
}

.agency-rate-score .rate-complete-img {
	width: 19px;
	height: 18px;
	background: url(../../img/gd/index3/rate_red_full.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0
}

.agency-rate-score .score-num {
	color: #e93113;
	font-size: 16px
}

.footer a,
.footer span {
	display: inline-block;
	color: #7e7f7f
}

.manage-main {
	background: #fff;
	margin-top: 20px
}

.footer {
	width: 100%;
	padding: 25px 0 70px;
	background: #f1f2f4;
	border-top: 1px solid #dedfe0;
}

.footer span {
	margin-right: 27px
}

.footer a {
	margin-left: 55px
}

.footer a:hover {
	text-decoration: underline;
	color: #7e7f7f
}

.footer-container {
	max-width:1200px;
	width: 100%;
	margin: 0 auto;
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%
}

/* 另外一个版本 */
.i4-wrap{
	width: 100%;
	min-width: 1000px;
	/*background: #e5e5e5;*/
}
.banner-index-grid{
	height: 420px;
	padding:10px 0px;
}
.banner-main-grid{}
.banner-title-wrap{
	float: left;
}
.banner-user-wrap{
	position: absolute;
	top:10px;
	height: 400px;
	width: 285px;
	right: 0;
	background-image:url(../../img/gd/index5/login_bg.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	padding:40px 20px;
}
.banner-user-info-wrap{

}
.banner-login-user-info .banner-user-name{
	font-size: 16px;
	color: #34363B;
	text-align: center;
	line-height:20px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 30px;
}
.banner-login-user-info .banner-user-orgCode{
	font-size: 14px;
	color: #34363B;
	text-align: center;
	margin-top:5px;
}
.banner-login-user-info .banner-user-op{
	margin-top: 20px;
	text-align: center;
}
.banner-login-user-info .banner-user-op .exclusiveBtn{
	width: 200px;
}
.banner-login-user-info .banner-user-op .login-out-btn{
	display: block;
	margin-top: 8px;
}
.i4-title-wrap{
	border-bottom: 2px solid #34363B;
	display: block;
	padding-top: 30px;
	padding-bottom: 10px;
	position: relative;
	margin: 0 8px;
}

.i4-title-wrap .i4-title{
	font-size: 22px;
	color: #34363B;
	display: inline-block;
	font-weight: 700;
	height: 30px;
}
.i4-title-wrap .i4-title-op{
	color: #999999;
	text-align: right;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 10px;
}
.i4-card-container{
	margin: 20px  0;
}
.service-type-wrap .service-type-item{
	background-color: #f1f2f3;
	margin: 10px;
	line-height:40px;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000000;
	padding:0px 20px;
    /*box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);*/
}
.service-type-wrap .service-type-item:hover{
	background-color: #3B77EC;
	color: #FFFfff;
}
.service-type-wrap .service-type-op {
	text-align: center;
	display: block;
	background-color: #f1f2f3;
	margin: 10px 8px;
}
.service-type-wrap .service-type-op img{
	height: 30px;
	width: 30px;
	margin: 0 auto;
}
.purchase-notice .card-box .card{
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
	border:1px solid #F5F5F5;
}
.purchase-notice .card-box .card.purchase-notice-item:hover{
	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.12);
}
.purchase-notice .purchase-service-type{
	font-size: 16px;
	color: #34363B;
	font-weight: 700;
}
.purchase-notice .purchase-swiper-container{
	width: 100%;
	height: 410px;
}
.purchase-notice-item{
	height: 360px;
	position: relative;
}
.purchase-notice-item .main-time{
	width: 100%;
	bottom: 0;
	position: absolute;
}
.purchase-notice-item .xfl{
    font-size: 16px;
}
.purchase-notice .col-xs-3{
	padding-bottom:55px;
	width: 25%;
}
.purchase-notice .m-next-btn, .purchase-notice .m-prev-btn{
	display: block;
	width: 30px;
	height: 100px;
	position: absolute;
	z-index: 11;
	cursor: pointer;
}
.purchase-notice .m-prev-btn {
	background: url(../../img/gd/index3/icon_arrow_prev.png) center center no-repeat;
	left: 20px;
	top: 100px
}

.purchase-notice .m-prev-btn:hover {
	background: url(../../img/gd/index3/icon_arrow_prev_after.png) center center no-repeat
}

.purchase-notice .m-next-btn {
	background: url(../../img/gd/index3/icon_arrow_next.png) center center no-repeat;
	right: 12px;
	top: 90px
}

.purchase-notice .m-next-btn:hover {
	background: url(../../img/gd/index3/icon_arrow_next_after.png) center center no-repeat
}
.purchase-notice .pagination{
	bottom: 0px;
}
.bid-result-notice td i.icon{
	width: 13px;
	height: 13px;
	background: url(../../img/gd/index5/zxgg_icon.png) center center no-repeat;
	vertical-align: text-top;
	display: inline-block;
	_zoom:1;
	_display: inline;
	*display: inline;
}
.bid-result-notice-table{
	width: 100%;
}
.bid-result-notice-table thead th{
	padding:0px 0px 10px 0px;
	color: #AAAAAA;
}
.bid-result-notice-table tbody td{
	padding:10px 0px;
	color: #34363B;
}
.bid-result-notice-table tbody tr:hover{
	/*background: #F1F2F3;*/
}
.bid-result-notice-table tbody tr:hover td,
.bid-result-notice-table tbody tr:hover td a{
	color: #3B77EC;
}

.bid-result-notice-table a{
	color:#000000;
}
.bid-result-notice-table a:hover{
	color:#3B77EC;
}

.enter-archives-wrap{

}
.enter-archives-item{
	margin-bottom: 10px;
}
.enter-archives-info-wrap{
	border:1px solid #F5F5F5;
	border-top: 4px solid #4293F4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
	height: 130px;
	padding:0px 20px;
}
.enter-archives-info-wrap:hover{
	box-shadow: 0 6px 24px 0 rgba(0,0,0,0.12);
}
.enter-archives-wrap .archives-name{
	font-size: 16px;
	color: #34363B;
	margin-top: 20px;
	font-weight: 700;
	line-height:30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.enter-archives-wrap .archives-service-type{
	color: #34363B;
	line-height:30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.enter-archives-wrap .archives-time{
	color: #999999;
	margin-top:15px;
}
.enter-archives-wrap .archives-icon{
	height: 36px;
	width: 32px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../../img/gd/index5/rzgg_icon.png) no-repeat;
	background-size: 100% 100%;
}
.enter-archives-wrap .card-box{
    margin:0 6px;
    padding:0px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
}
.enter-archives-wrap .card-box:hover{
	box-shadow: 0px 8px 24px 0 rgba(0,0,0,0.12);
}
.supervise-content-wrap{
	padding:0px 10px;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
	border:1px solid #F5F5F5;
	height: 269px;
}
.supervise-wrap{
	margin-bottom: 30px;
}
.supervise-wrap .card-box .card .notice-title{
	position: relative;

}
.supervise-wrap .card-box .card .title{
	height: 33px;
	line-height: 30px;
	font-weight: 700;
	position: relative;
	border-bottom:1px solid #F5F5F5;
	display: inline-block;
}
.supervise-wrap .more{
	color: #999999;
	font-weight: 100;
}
.supervise-content-wrap .title-icon{
	position: absolute;
	bottom: 0px;
	background: #E1B512;
	height: 2px;
	width: 110px;
	left: -10px;
}
.supervise-wrap a,
.supervise-wrap a:active,
.supervise-wrap a:hover,
.supervise-wrap a:visited{
    color: #000000;
}
.supervise-wrap .more{
    padding-right: 18px;
    position: relative;
    color: #999999;
}
.supervise-wrap .more:after{
    content: '';
    background: url(../../img/gd/index5/title-more_normal.png) no-repeat;
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 18px;
    margin-top: 5px;
}
.supervise-wrap .more:hover{
    color: #3B77EC;
}
.supervise-wrap .more:hover:after{
    background: url(../../img/gd/index5/title-more_hover.png) no-repeat;
}
.blackListAgent .supervise-content-wrap .title-icon{
    background: #E1B512;
}
.badRecord .supervise-content-wrap .title-icon{
	background: #CA3921;
}
.agentDishonestWarning .supervise-content-wrap .title-icon{
    background: #EB8514;
}
.supervise-wrap .supervise-content-wrap .swiper-slide{
	width: 100%;
}
.supervise-wrap .swiper-title-wrap{
	color: #AAAAAA;
	padding:5px 0;
}
.supervise-wrap .swiper-content-wrap,
.supervise-wrap .swiper-container{
	height: 200px;
}
.supervise-wrap .supervise-item-data{
	height: 40px;
	line-height: 40px;
}
.supervise-wrap .data-title{
	color: #34363B;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.supervise-wrap .data-num{
	font-size: 22px;
	color: #E1B512;
	text-align: center;
}
.supervise-wrap .badRecord .data-num{
	color: #EB8514;
}

.supervise-wrap .data-num,
.supervise-wrap .data-time{
	text-align: center;
}
.supervise-wrap .card-box{
    padding: 0;
    margin: 2px 6px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);
}
.run-enter-item-wrap{
	text-align: center;
	color: #FFFFFF;
}
.run-enter-item-wrap .title{
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}
.run-enter-item-wrap .num{
	font-size: 48px;
	color: #FFFFFF;
	text-align: center;
}
.run-info-wrap .run-op{

}
.run-info-wrap{
	margin-bottom: 20px;
	background-color: #4293F4;
	background-image: url(../../img/gd/index5/run_info_bg.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.i3-banners{
	height: 420px;
}

.bpagination{
	position: absolute;
	z-index: 20;
	bottom: 15px;
	width: 100%;
	text-align: center;
	padding: 0;
}
.banner-user-img-wrap{
	text-align: center;
}
.banner-user-img-wrap .banner-user-img{
	background-image:url(../../img/gd/index5/user_icon_bg.png);
	width: 80px;
	height: 80px;
	margin: 0px auto;
}
.m-count .tabs .form-item{
	margin-bottom: 0px;
}
.m-count .tabs .run-op{
	padding-top: 10px;
}
.m-count .tabs .run-op .form-item__label-tiny .form-item__label{
	display: none;
}
.m-count .tabs  .run-op .active .yearSel-select{
	background: url(../../img/gd/index3/icon_arrow.png) right center no-repeat transparent;
	background-position: 50px 12px;
}
.run-title{
	padding-top:20px;
	font-size: 22px;
	color: #ffffff;
}
.run-title .title-icon{
	height: 3px;
	margin-top:2px;
	background:#ffffff;
	width: 88px;
}
.i4-title-op .more{
	padding-right: 18px;
	position: relative;
	color: #999999;
}
.i4-title-op .more:after{
	content: '';
	background: url(../../img/gd/index5/title-more_normal.png) no-repeat;
	position: absolute;
	z-index: 2;
	width: 18px;
	height: 18px;
}
.i4-title-op .more:hover{
	color: #3B77EC;
}
.i4-title-op .more:hover:after{
	background: url(../../img/gd/index5/title-more_hover.png) no-repeat;
}

.right-tool-bar-wrap{
	position: fixed;
	_position:absolute;
	top:15%;
	margin: 0;
	z-index: 1992;
	right: 0;
}
.right-tool-bar-content-wrap{
	background: #FFFFFF;
	border: 1px solid #ffffff;
	box-shadow: 0 0 0.75rem 0 rgba(9,41,77,.1);
}
.right-tool-bar-content-wrap .tool-li{
	height: 50px;
	width: 55px;
	padding: 10px 2px;
}
.right-tool-bar-content-wrap .tool-title{
	font-size: 10px;
	color: #6C6C6C;
	text-align: center;
	width: 100%;
}
.right-tool-bar-content-wrap i{
	width: 13px;
	height: 14px;
	background-size: 100%;
	display: block;
	background-size: 100%;
	display: block;
	background-position: 50% 50%;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 3px;
}
.right-tool-bar-content-wrap .tool-li:hover{
	background: #3B77EC;
}
.right-tool-bar-content-wrap .tool-li:hover .tool-title{
	color:#ffffff;
}

.right-tool-bar-content-wrap .tool-icon-1{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_3.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-1{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_3.png);
}
.right-tool-bar-content-wrap .tool-icon-2{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_2.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-2{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_2.png);
}
.right-tool-bar-content-wrap .tool-icon-3{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_3.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-3{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_3.png);
}
.right-tool-bar-content-wrap .tool-icon-4{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_2.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-4{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_2.png);
}
.right-tool-bar-content-wrap .tool-icon-5{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_5.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-5{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_5.png);
}
.right-tool-bar-content-wrap .tool-icon-6{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_6.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-6{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_6.png);
}
.right-tool-bar-content-wrap .tool-icon-7{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_7.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-7{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_7.png);
}
.right-tool-bar-content-wrap .tool-icon-8{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_8.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-8{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_8.png);
}
.right-tool-bar-content-wrap .tool-icon-9{
	background-image: url(../../img/gd/index5/ks_nav_icon_normal_9.png);
}
.right-tool-bar-content-wrap .tool-li:hover .tool-icon-9{
	background-image: url(../../img/gd/index5/ks_nav_icon_hover_9.png);
}
.right-tool-bar-content-wrap  .tool-title{
	display: block;
}
.banner-no-login-user-info .login-btn{
	margin-top:20px;
}
.banner-no-login-user-info .login-btn button{
	width: 200px;
	margin-top: 10px;
}
.banner-no-login-user-info .banner-user-op{
	margin-top: 80px;
	text-align: center;
}
.banner-no-login-user-info .banner-user-op .msg{
	font-size: 14px;
	color: #8C93A3;
}
.banner-user-wrap .banner-user-op .zswy{
	width: 200px;
}
.banner-user-wrap .banner-user-op .login-out-btn .btn{
	width: 200px;
	background-color: #ffffff;
	border: 1px solid #f1f2f3;
}
.banner-no-login-user-info .banner-user-op .enter-op-wrap i{
	margin:0 10px;
}
.banner-no-login-user-info .banner-user-op .enter-op-wrap a{
	color: #3B77EC;
}
.banner-title-wrap .banner-title{
	padding-top: 100px;
	padding-left: 50px;
	font-size: 28px;
	color:#ffffff;
}
.agentSubject-all-catalog-wrap{
	width:120px;
	/*display: inline-block;*/
	display: none;
	float: left;
	text-align: center;
	background: #8CC0FE;
	margin-right: 20px;
}
.agentSubject-all-catalog-wrap a{
	display:block;
	line-height: 40px;
	font-weight: 700;
    color: #fff;
    font-size: 16px;
}
.agentSubject-all-catalog-wrap .catalog-name a img
{
	width: 16px;
	height: 16px;
}
.agentSubject-catalog-type-wrap .catalog-type-name a img{
	width: 14px;
	height: 10px;
}
.agentSubject-all-catalog-wrap .catalog-name a img,
.agentSubject-catalog-type-wrap .catalog-type-name a img{
	margin-right:5px;
}
.agentSubject-all-catalog-wrap .catalog-name li{
	padding:0px 5px 0px 10px;
	text-align: left;
}
.banner-agentSubject-wrap{
	display: none;
}
.banner-left-grid{
	width:120px;
	height: 100%;
	float: left;
	position: relative;
}
.agentSubject-catalog-type-wrap{
	width: 120px;
	height: 420px;
	position: absolute;
	overflow-y: auto;
	top:-10px;
	background-color: #5891EB;
}
.agentSubject-catalog-type-wrap ul{
	margin:0px auto 20px auto;
}
.agentSubject-catalog-type-wrap li{
	padding: 11px 5px 10px 11px;
	line-height: 20px;
	text-align: left;
}
.agentSubject-catalog-type-wrap li:hover{
	background-color: #fff;
}
.agentSubject-catalog-type-wrap li a{
	color: #fff;
	display: block;
}
.agentSubject-catalog-type-wrap li:hover a{
	color:#3B77EC;
}
.agentSubject-catalog-type-wrap .catalog-type-name{
	text-align: center;
}
.agentSubject-data-info-wrap{
	display: none;
}
.agentSubject-data-item-wrap{
	display: none;
	position: absolute;
	height: 420px;
	top:-10px;
	z-index: 9;
	padding:30px 20px;
	background: #fff;
}
.agentSubject-data-info-wrap .agentSubject-item-icon{
	width: 10px;
    height: 11px;
    background: url(../../img/gd/index5/zxgg_icon.png) center center no-repeat;
    vertical-align: text-top;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    *display: inline;
    vertical-align: middle;
    margin-right: 10px;
}
.agentSubject-data-info-wrap a{
	display: block;
	color:#000;
}
.agentSubject-data-info-wrap a:hover{
	color:#3B77EC;
}
.agentSubject-data-info-wrap .item-wrap{
	padding:28px 10px;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background: #fff
}
.bid-result-notice .bid-result-th-1{
	width: 500px;
}
.bid-result-notice .bid-result-th-2{
	width: 400px;
}
.bid-result-notice .bid-result-th-3{
	width: 180px;
}
.bid-result-notice .bid-result-th-1 div{
	width: 445px;
}
.bid-result-notice .bid-result-th-2 div {
	width: 300px
}

.footer .jiucuoImg {
	width: 110px;
	height: 55px;
	margin-top: 10px;
	position: absolute;
	right: 190px;
	top: -20px;
	display: block;
	margin-bottom: 10px;
}
@media screen and (min-width:1599px) {
	.navbar .main,
	.i3-container,
	.footer-container,
	.container{
		width: 1200px;
		padding: 0 0
	}
	.right-tool-bar-content-wrap  .tool-title{
		display: block;
	}
	.right-tool-bar-content-wrap .tool-li{
		width: 55px;
		height: 50px;
	}
}
@media screen and (max-width: 1599px) {
	.navbar .main,
	.i3-container,
	.footer-container,
	.container{
		width: 1140px;
	}

	.right-tool-bar-content-wrap .tool-title {
		display: block;
	}

	.right-tool-bar-content-wrap .tool-li {
		width: 55px;
		height: 50px;
	}
}

@media screen and (max-width: 1280px) {
	.footer .jiucuoImg {
		right: 130px;
	}
}

@media screen and (max-width: 1199px) {
	.navbar .main,
	.i3-container,
	.footer-container,
	.container {
		width: 1024px;
	}

	.top-fixed-box .search-box {
		display: none
	}
	.top-fixed-box .top-search-btn {
		display: block
	}
	.search-box {
		width: 292px
	}

	.search-box .search-input {
		width: 256px
	}

	.right-tool-bar-content-wrap .tool-title {
		display: none;
	}

	.right-tool-bar-content-wrap .tool-li {
		width: 20px;
		height: 35px;
	}

	.footer .jiucuoImg {
		right: 130px;
	}
}

@media screen and (max-width: 1024px) {
	.footer .jiucuoImg {
		right: 98px;
	}
}


@media (max-width: 928px) {
	.navbar .main,
	.i3-container,
	.footer-container,
	.container {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
	.i3-container{
		padding: 0px 3px;
	}
	.nav-icon-blue{
		display: block;
	}
	.nav-icon{
		display: none;
	}
	.header, .top-fixed-box{
		min-width: 100%;
	}
	.top-fixed-box .fixed-nav{
		width: 100%;
		display: none;
		margin-left: -5px;
	}
	.top-fixed-box  .navbar-nav{
		background: #000000;
	}
	.top-fixed-box .fixed-nav ul li{
		width: 100%;
	}
	.top-fixed-box .top-fixed-navbar-toggle{
		display: block;
		padding: 2px 10px;
		margin-top: 20px;
		position: absolute;
		right: 0px;
		margin-right: 10px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.header h1 a{
		display: none;
	}
	.nav-brand{
		width: 100%;
		line-height: 25px;
	}
	.header .top-area-list,
	.header .search-box{
		display: none;
	}
	.header{
		height: 60px;
	}
	.navbar{
		min-height: 0px;
	}
	.header,
	.navbar{
		background: #4879e4;
	}
	.navbar .navbar-toggle{
		display: block;
		padding: 2px 10px;
		margin-top: 0px;
		position: absolute;
		top: -40px;
		right: 0px;
	}
	.navbar .navbar-collapse{
		display: none;
	}
	.i3-container, .top-container, body,
	.i3-wrap,
	.i4-wrap{
		min-width: 100%;
	}
	.i4-title-wrap{
		padding-top: 15px;
	}
	.banners-contenxt-warp{
		display: none;
	}
	.purchase-notice .col-xs-3{
		width: 100%;
		padding-lef: 0px;
		padding-right: 0px;
	}
	.purchase-notice .card-img,
	.purchase-notice .card-img img{
		width: 100%;
	}
	.col-xs-3{
		width: 100%;
		padding-lef:5px;
		padding-right:5px;
	}
	.col-xs-4{
		width:100%;
	}
	.right-tool-bar-wrap{
		display: none;
	}
	.supervise-content-wrap .col-xs-3{
		width: 45%;
	}
	.supervise-content-wrap .col-xs-9{
		width: 54%;
	}
	.run-info-container .col-xs-4{
		width:50%;
	}
	.run-info-container .col-xs-3{
		width:50%;
	}
	.run-info-container  .tabs{
		display: none;
	}
	.footer-container{
		padding: 0 5px;
	}
	.banners-wrap,
	.banner-user-wrap,
	.banner-title-wrap,
	.banner-index-grid{
		display: none;
	}
	.navbar-collapse {
		display: none;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		position: absolute;
		z-index: 99;
		top: 0px;
		background: #000;
	}
	.navbar-collapse .navbar-nav>li {
		width: 100%;
		display: block;
		margin: 0;
		padding: 0 18px;
		position: relative;
	}
	.navbar-collapse .navbar-nav>li>a {
		position: relative;
		display: block;
		color: #fff;
		font-size: 16px;
		line-height: 20px;
		padding: 15px;
	}
	.bid-result-notice .bid-result-th-1{
		width: 100%;
	}
	.bid-result-notice .bid-result-th-2{
		display: none;
	}
	.bid-result-notice .bid-result-th-3{
		display: none;
	}
	.bid-result-notice .bid-result-th-1 div{
		width: 280px;
	}
	.service-type-wrap .col-xs-3{
		width: 50%;
		padding: 0px 1px 0px 5px;
	}
	.service-type-wrap .service-type-item{
		margin: 5px 5px 0px 0px;
		padding: 0px 8px;
	}
	.service-type-wrap .service-type-op{
		margin: 10px 5px 10px 5px;
	}

	.run-enter-item-wrap .num,
	.m-count .count-box .count-i i {
		font-size: 20px;
	}

	.footer-container .text-right {
		text-align: left;
	}

	.footer a {
		margin-left: 0;
	}

	.footer .jiucuoImg {
		position: relative;
		top: 0px;
		right: 0px;
	}

	.footer {
		padding: 25px 10px 20px 10px;
	}

	.purchase-notice .purchase-swiper-container {
		height: 390px;
	}

	.swiper-active-switch {
		width: 8px !important;
		height: 8px !important;
		border-radius: 6px !important;
		margin: 0 3px !important;
	}
	.swiper-pagination-switch{
		width: 8px !important;
		height: 8px !important;
		border-radius: 6px !important;
		margin: 0 3px !important;
	}
	.run-enter-wrap .col-xs-4{
		width: 33.33333333%;
	}
	.m-count{
		margin-bottom: 16.6px;
	}
}