.uitab-item{
	display: none;
}
#header-fixed{
	width: 1110px;
	position: fixed;
	top: 0;
	display: none;
	background-color: white;
}
.table-con .table-main .table-list {
	position: relative;
	word-break: break-word;
}
.table-con .table-main .table-list tr{
	position:relative;
}
.table-con .table-main .table-column.table-fixed{
	width: 1110px;
	margin-left: -555px;
}
.page-of-green-supply-CITI .table-con .table-main .table-list tr td .brands{
	position: absolute;
	background-color: #fff;
	width: 5.2rem;
	left: 0.6rem;
	box-shadow: 0rem 0rem 0.3rem rgba(0,0,0,0.2);
	border-radius: 0.04rem;
	/* top: 0.7rem; */
	text-align: center;
	padding: 0.1rem 0.1rem;
	display: none;
	z-index: 9;
}
.page-of-green-supply-CITI .table-con .table-main .table-list tr td .brands p {
	text-align:center;
	margin-bottom: 10px;
}
.page-of-green-supply-CITI .table-con .table-main .table-list tr td .brands .arrow{
	display: inline-block;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	top: -0.3rem;
	left: 2.54rem;
}
.page-of-green-supply-CITI .table-con .table-main .table-list tr td .brands .title{
	text-align: center;
}
.page-of-green-supply-CITI .table-con .table-main .table-list tr td .brands .imgSpan{
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	line-height: 0.8rem;
	background-color: #f6f9f4;
	/* margin-bottom: 0.2rem; */
	/* margin-top: 0.1rem; */
	/* margin-right: 0.08rem; */
	text-align: center;
	margin: 0 0 0.1rem 0.1rem;
}
.page-of-green-supply-CITI .table-con .table-main .table-list tr td .brands .imgSpan img{
	width: 0.7rem;
}

.outstanding-brand{
	font-size: 40px;
	line-height: 40px;
	color: #455338;
	text-align: center;
	margin-top: 65px;
}
.brand-introduction{
	margin-top: 66px;
}
.brand-introduction p {
	line-height: 40px;
	margin-top: 20px;
	color: #455338;
	font-size: 18px;
	text-align: justify;
}
.brand-logo{
	width: 91px;
	height: 111px;
	margin: 85px auto 35px;
}
.brand-logo img{
	width: 100%;
	height: 100%;
}
.page-of-green-supply-CITI .table-con .table-main .table-list tr td{
	border-left:none;
	padding-right:0;
	padding-left:0;
	margin:0;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
}
.page-of-green-supply-CITI .table-con .table-main .table-list tr .brandLogo img{
	max-width: 100px!important;
}

.green-banner-font p{display:none;}
.green-banner-font {width:100%;}


.inner,
.page-of-green-supply .wrap{
	width: 1200px;
	margin: 0 auto;
	background: #fff;
}
.flex{
	display: flex;
	align-items: center;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 轮播图 */
.banner-carousel{
	margin-top: 8px;
	width: 100%;
	height: 330px;
	position:relative;
	overflow:hidden;
}
.citi-banner-carousel li, .cati-banner-carousel li{
	width: 470px;
	height: 100%;
	cursor: pointer;
	box-shadow: 2px 0 9px 0 rgba(0, 0, 0, 0.44);
	border-radius: 4px;
	position:absolute;
	top:0;
	display: flex;
	justify-content: space-between;
}
.citi-banner-carousel .banner1, .cati-banner-carousel .banner1{
	left: 0;
	z-index: 6;
	background: #00689D;
	justify-content: center;
}
.citi-banner-carousel .banner2, .cati-banner-carousel .banner2{
	left: 146px;
	z-index: 5;
	background: #9FCC3C;
	color: #6D9020;
}
.citi-banner-carousel .banner3, .cati-banner-carousel .banner3{
	left: 292px;
	z-index: 4;
	background: #478CCE;
	color: #21578B;
}
.citi-banner-carousel .banner4, .cati-banner-carousel .banner4{
	left: 438px;
	z-index: 3;
	background: #DE6441;
	color: #A23E22;
}
.citi-banner-carousel .banner5, .cati-banner-carousel .banner5{
	left: 584px;
	z-index: 2;
	background: #478CCE;
	color: #21578B;
}
.citi-banner-carousel .banner6, .cati-banner-carousel .banner6{
	left: 730px;
	z-index: 1;
	background: #9FCC3C;
	color: #6D9020;
}

.citi-banner-carousel .banner3,
.citi-banner-carousel .banner5{
	background: #58A9FA;
	color: rgba(0,0,0,.3);
}
.citi-banner-carousel .banner2,
.citi-banner-carousel .banner6{
	background: #53CD80;
	color: rgba(0,0,0,.3);
}
.citi-banner-carousel .banner4{
	background: #DFB96C;
	color: rgba(0,0,0,.3);
}

.citi-banner-carousel .banner1 .active,
.citi-banner-carousel .banner2 .active,
.citi-banner-carousel .banner3 .active,
.citi-banner-carousel .banner4 .active,
.citi-banner-carousel .banner5 .active,
.citi-banner-carousel .banner6 .active{
	color: rgba(0,0,0,.3);
}

.cati-banner-carousel .banner1 .active{
	color: #478CCE;
}
.cati-banner-carousel .banner2 .active{
	color: #6D9020
}
.cati-banner-carousel .banner3 .active{
	color: #21578B
}
.cati-banner-carousel .banner4 .active{
	color: #A23E22
}
.cati-banner-carousel .banner5 .active{
	color: #21578B
}
.cati-banner-carousel .banner6 .active{
	color: #52730A
}


.banner-carousel .citi{
	text-align: center;
}
.banner-carousel .citi h2{
	font-size: 80px;
	font-weight: bold;
	color: #FFFFFF;
}
.banner-carousel .citi p{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 36px;
}
.banner-carousel .citi b{
	display: block;
	margin: 28px auto 0;
}

.banner-carousel .citi2{
	width: 146px;
	position: absolute;
	right: 0;
}
.banner-carousel .citi2 h3{
	font-size: 42px;
	font-weight: bold;
	color: #478CCE;
	word-wrap: break-word;
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); 	/* IE 9 */
	-moz-transform:rotate(270deg); 	/* Firefox */
	-webkit-transform:rotate(270deg); /* Safari 和 Chrome */
	-o-transform:rotate(270deg);
}

.banner-carousel .number{
	width: 324px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.banner-carousel .number h4{
	font-size: 20px;
	line-height: 22px;
}
.banner-carousel .number strong{
	font-size: 96px;
	font-family: Arial;
	font-weight: bold;
	line-height: 98px;
}
.banner-carousel .number p{
	font-size: 20px;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
}

.banner-carousel .up h4{
	margin-bottom: 30px;
}
.banner-carousel .up p{
	margin-top: 10px;
}
.banner-carousel .up p:first-of-type{
	margin-top: 0;
}

.banner-carousel .down h4{
	margin-top: 35px;
}
.banner-carousel .down p{
	margin-bottom: 15px;
}
.banner-carousel .down p:last-of-type{
	margin-bottom: 0;
}

.banner-carousel .banner-title{
	width: 146px;
	text-align: center;
	padding-top: 90px;
}
.banner-carousel .banner-title h3{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 30px;
	min-height: 60px;
}
.banner-carousel .banner-title b{
	display: block;
	margin: 70px auto 0;
}

.banner-carousel .citi-bg{
	width: 100%;
	height: 100%;
	background: url(../images/pages/citicati/citi-icon10.png) no-repeat;
}
.citi-banner-carousel .icon1{
	width: 100px;
	height: 19px;
	background: url(../images/pages/citicati/citi-icon1.png) no-repeat;
	background-size: 100%;
}
.citi-banner-carousel .icon2{
	width: 80px;
	height: 80px;
	background: url(../images/pages/citicati/citi-icon2.png) no-repeat;
	background-size: 100%;
}
.citi-banner-carousel .icon3{
	width: 80px;
	height: 80px;
	background: url(../images/pages/citicati/citi-icon3.png) no-repeat;
	background-size: 100%;
}
.citi-banner-carousel .icon4{
	width: 80px;
	height: 80px;
	background: url(../images/pages/citicati/citi-icon4.png) no-repeat;
	background-size: 100%;
}
.citi-banner-carousel .icon5{
	width: 80px;
	height: 80px;
	background: url(../images/pages/citicati/citi-icon5.png) no-repeat;
	background-size: 100%;
}
.citi-banner-carousel .icon6{
	width: 80px;
	height: 80px;
	background: url(../images/pages/citicati/citi-icon6.png) no-repeat;
	background-size: 100%;
}

.cati-banner-carousel .icon1{
	width: 100px;
	height: 19px;
	background: url(../images/pages/citicati/cati-icon1.png) no-repeat;
	background-size: 100%;
}
.cati-banner-carousel .icon2{
	width: 72px;
	height: 72px;
	background: url(../images/pages/citicati/cati-icon2.png) no-repeat;
	background-size: 100%;
}
.cati-banner-carousel .icon3{
	width: 68px;
	height: 74px;
	background: url(../images/pages/citicati/cati-icon3.png) no-repeat;
	background-size: 100%;
}
.cati-banner-carousel .icon4{
	width: 74px;
	height: 74px;
	background: url(../images/pages/citicati/cati-icon4.png) no-repeat;
	background-size: 100%;
}
.cati-banner-carousel .icon5{
	width: 75px;
	height: 75px;
	background: url(../images/pages/citicati/cati-icon5.png) no-repeat;
	background-size: 100%;
}
.cati-banner-carousel .icon6{
	width: 75px;
	height: 75px;
	background: url(../images/pages/citicati/cati-icon6.png) no-repeat;
	background-size: 100%;
}

.citi-banner-carousel .banner5 p{
	margin-bottom: 5px;
}
.citi-banner-carousel .banner5 h4{
	margin-top: 0;
}
.cati-banner-carousel .banner-title h3{
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* 搜索 */
.page-of-green-supply-CITI .reg-panel{
	padding: 60px 45px 35px;
}
.CITI-index-intro,.search-panel{
	padding: 0 48px;
}
.CITI-index-intro h4{
	font-size: 24px;
	font-weight: bold;
	color: #1A1A1A;
	line-height: 36px;
	text-align: center;
	margin-bottom: 40px;
}
.CITI-index-intro p,
.CITI-introduce-search{
	font-size: 16px;
	color: #1A1A1A;
	line-height: 24px;
	margin-top: 15px;
	text-align: center;
}
.CITI-introduce-search{
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.CITI-introduce-search a{
	font-size: 16px;
}
.CITI-introduce-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}
.CITI-introduce-btn a{
	display: block;
	background: #53CD80;
	color: #fff;
	font-size: 16px;
	width: 224px;
	line-height: 40px;
	margin-right: 48px;
	text-align: center;
	font-weight: bold;
}
.CITI-introduce-btn a:last-of-type{
	margin-right: 0;
}
.cati-container .CITI-introduce-btn a{
	background: #DE6441;
}
.search-panel{
	margin-top: 40px;
}

.page-of-green-supply-CITI .search-panel .button-primary{
	background: #DFB96C;
	border-radius: 0 4px 4px 0;
}
.page-of-green-supply-CITI .CITI-introduce-btn a:hover{
	background: #58A9FA;
	color: #fff;
}

.CATI .cati-container .search-panel .button-primary{
	background: #DE6441;
}
.CATI .CITI-introduce-btn a:hover,
.CATI .cati-container .search-panel .button-primary:hover{
	background: #437ede;
	color: #fff;
}

.page-of-green-supply-CITI .search-panel .button-primary:hover{
	background: #53CD80;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header .selectContainer .scree-btn{
	display: none;
	height: 50px!important;
	width: 150px;
	margin-left: 20px;
}

/* CITI表格 */
.page-of-green-supply-CITI .uitab-wrap .uitab-header ul li{
	font-size: 18px;
	color: #999;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header ul li.current{
	color: #9FCC3C;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header ul li a{
	display: block;
	font-size: 18px;
	line-height: 56px;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header ul li span{
	background: #9FCC3C;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header .scree-btn{
	color: #596477;
	font-size: 16px;
	height: 40px!important;
	line-height: 40px;
	margin-top: 10px;
}

.divtitle{
	color: #fff;
	padding: 8px;
	line-height:15px;
	font-size:12px;
}
.table-con .table-main .table-column table thead th{
	color: #666;
}
#tableList thead tr:first-of-type th,
#header-fixed thead tr:first-of-type th{
	color: #fff;
	font-weight: bold;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a{
	color: #333;
	font-weight: bold;
}
#tableList tbody tr td:not(:nth-child(-1n+2)){
	color: #333;
	font-weight: bold;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip{
	color: #333;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box{
	margin-top: 0;
	color: #1A1A1A;
	font-size: 12px;
	font-weight: normal;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box .rel{
	margin-top: 1px;
	padding: 10px 0;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box label{
	line-height: 18px;
	top: 10px;
	margin-left: 8px;
	text-align: left;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .con{
	line-height: 18px;
}


/* CATI表格 */
.page-of-green-supply-CITI.CATI .cati-container .uitab-wrap .uitab-header ul li.current{
	color: #DE6441;
}
.page-of-green-supply-CITI.CATI .cati-container .uitab-wrap .uitab-header ul li span{
	background: #DE6441;
}

.page-of-green-supply-CITI.CATI .cati-container .table-main .table-column table{
	border-top: 2px solid #FCE3B9;
}
.page-of-green-supply-CITI.CATI .cati-container .table-main .table-column table thead th{
	background-color: #FDEBCD!important;
	color: #282012!important;
	font-weight: bold!important;
}
.page-of-green-supply-CITI.CATI .cati-container .table-main .table-list tr td{
	position: relative;
	background-color: #fff!important;
	border-color: transparent!important;
	line-height: 22px;
	height: 57px;
	padding: 0;
}
.page-of-green-supply-CITI.CATI .cati-container .table-con .table-main .table-list tr:nth-child(even) td{
	background-color: rgba(247, 185, 81, 0.15)!important;
}
.page-of-green-supply-CITI.CATI .table-con .table-main .table-list tr td .brands{
	left: 50%;
	transform: translate(-50%, 18px);
}
.page-of-green-supply-CITI.CATI .cati-container .table-main .table-list tr td .brands .imgSpan{
	background-color: rgba(247, 185, 81, 0.15)!important;
}

.notes{
	margin-top: 0.2rem;
	line-height: 20px;
	text-align: right;
	font-size: 12px;
	color: #596477;
	opacity: .7;
}

/* 分页 */
.page-of-green-supply-CITI .pager-wrap{
	margin: .6rem 0 0;
}
.pagination-wrap .pagination .sizes{
	margin-top: -0.34rem;
}
.pager-wrap .select-small{
	height: .4rem;
}