/*页首*/
.header-wrapper {
	background     : url(/fcgzy/img/fangchenggang/index-header.png) center center no-repeat;
	background-size: cover;
}

header {
	z-index: 9;
	position: relative;
	height     : 120px;
	line-height: 120px;
}

header .col-16 {
	padding-right: 20px;
}

header .logo img {
	max-width : 100%;
	max-height: 100%;
}

header .col-8 {
	max-height: 120px;
	text-align: right;
}

header .col-8>a {
	margin-right: 10px;
	font-size   : 12px;
}

header .col-8>a>.icon {
	font-size: 26px;
	color    : #999;
}

header .nav-toggle-btn {
	display         : none;
	vertical-align  : middle;
	width           : 22px;
	height          : 19px;
	position        : relative;
	background-color: transparent;
	border          : none;
	cursor          : pointer;
}

header .nav-toggle-btn span {
	position          : absolute;
	left              : 0;
	top               : 8px;
	width             : 100%;
	height            : 3px;
	background-color  : #000;
	opacity           : 1;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

header .nav-toggle-btn:before,
header .nav-toggle-btn:after {
	position                : absolute;
	left                    : 0;
	content                 : '';
	width                   : 100%;
	height                  : 3px;
	background-color        : #000;
	border-radius           : 2px;
	-webkit-transform-origin: left;
	-ms-transform-origin    : left;
	transform-origin        : left;
	-webkit-transform       : rotate(0deg);
	-ms-transform           : rotate(0deg);
	transform               : rotate(0deg);
	-webkit-transition      : all .4s;
	transition              : all .4s;
}

header .nav-toggle-btn:before {
	top: 0;
}

header .nav-toggle-btn:after {
	bottom: 0;
}

header .nav-toggle-btn.active:before {
	-webkit-transform: rotate(47deg);
	-ms-transform    : rotate(47deg);
	transform        : rotate(47deg);
}

header .nav-toggle-btn.active:after {
	-webkit-transform: rotate(-47deg);
	-ms-transform    : rotate(-47deg);
	transform        : rotate(-47deg);
}

header .nav-toggle-btn.active span {
	opacity: 0;
}

header .container {
	/* overflow: visible; */
}

header .social-share .icon-wechat .wechat-qrcode.bottom {
	left: -167px;
}

header .social-share .icon-wechat .wechat-qrcode .help p {
	padding-left: 10px;
}

header .search {
	padding   : 7px 0;
	text-align: right;
}

header .search form {
	display       : inline-block;
	vertical-align: middle;
	width         : 100%;
	max-width     : 430px;
	height        : 40px;
	padding       : 0 0 0 10px;
	border-width        : 1px;
	border-style: solid;
	font-size     : 0;
	background-color: #fff;
	border-radius: 20px;
}

header .search form button,
header .search form input {
	border        : none;
	outline       : none;
	vertical-align: top;
	height        : 37px;
	line-height   : 37px;
	font-size     : 14px;
	margin-right: -4px;
}

header .search form button {
	width           : 72px;
	height  		: 39px;
	text-align      : center;
	color           : #fff;
	cursor          : pointer;
	border-top-right-radius: 19px;
	border-bottom-right-radius: 19px;
	margin-right: -1px;
}
header .search form button i {
	font-size: 20px;
}
header .search form input {
	width        : calc(100% - 76px);
	padding-right: 10px;
	/*border-radius: 19px;*/
}


/*导航栏*/

nav li>a {
	display           : block;
	height            : 46px;
	line-height       : 46px;
	text-align        : center;
	font-size         : 16px;
	-webkit-transition: all .3s;
	transition        : all .3s;
}
nav li>a>span {
	vertical-align: top;
	display: inline-block;
	height: 100%;
	border-bottom: 4px solid transparent;
	-webkit-transition: all .3s;
	transition        : all .3s;
}
nav .col-md-3{
	width: 10.5%;
}
@media (min-width: 767px){
	nav ul.row{
		display: flex;
		justify-content: space-between;
	}
}
nav ul {
	padding-right: 20px;
}

nav .col-md-24 {
	-webkit-backface-visibility: hidden;
	-webkit-transition         : height .4s ease;
	transition                 : height .4s ease;
}


.nav-wrapper {
	position: relative;
}

.nav-wrapper .sub-nav {
	display         : none;
	position        : absolute;
	z-index         : 99999;
	top             : 100%;
	width           : 100%;
	background:#fff;
	border-bottom   : 1px solid #d8d8d8;
	box-shadow      : 0 2px 5px #eee;
}
.nav-wrapper .sub-nav .navbg {
	padding: 25px 0;

}
.nav-wrapper .sub-nav-item {
	display: none;
}

.nav-wrapper .sub-nav .more {
	display            : inline-block;
	width              : 84px;
	height             : 36px;
	line-height        : 36px;
	margin-top         : 30px;
	/* color           : #fff; */
	/* background-color: #b9b9b9; */
	text-align         : center;
}

.nav-wrapper .sub-nav h1 {
	position      : relative;
	padding-bottom: 10px;
}

.nav-wrapper .sub-nav h2 {
	position : relative;
	font-size: 18px;
}

.nav-wrapper .sub-nav p {
	color: #999;
}

.nav-wrapper .sub-nav .col-md-12 h2 a {
	display      : block;
	text-overflow: ellipsis;
	overflow     : hidden;
	white-space  : nowrap;
}

/* .nav-wrapper .sub-nav .col-md-12 h2:before {
	position        : absolute;
	content         : '';
	top             : 50%;
	width           : 6px;
	height          : 6px;
	margin-top      : -3px;
	left            : -15px;
	background-color: #da251e;

} */

.nav-wrapper .sub-nav h1:after {
	position        : absolute;
	content         : '';
	width           : 36px;
	top             : 100%;
	left            : 0;
	height          : 5px;
	background-color: #da251e;
}

.nav-wrapper .sub-nav .gulter-20>div {
	margin-bottom: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
/*页脚*/



footer .sites .row {
	margin: 0 -10px;
}

footer .sites .row>div {
	padding: 0 10px 20px;
}

footer .sites a {
	display         : block;
	padding         : 5px 15px;
	height          : 70px;
	line-height     : 60px;
	text-align      : center;
	font-size       : 0;
	background-color: #fff;
}

footer .sites img {
	max-width     : 100%;
	max-height    : 100%;
	vertical-align: middle;
}

footer .website {
	color           : #fff;
	background-color: #1c3168;
}

footer .website .inner {
	display   : inline-block;
	text-align: center;
}

footer .website .inner p {
	margin-top: 5px;
}

footer .website .link {
	padding-bottom: 15px;
	margin-bottom : 15px;
	padding-top: 10px;
	border-bottom : 1px solid #83807d;
}

footer .website .link a {
	display      : inline-block;
	margin-right : 15px;
	margin-bottom: 10px;
	color        : #fff;
}

footer .website .link a:hover {
	color: #999;
}

footer .website span {
	display      : inline-block;
	margin-right : 15px;
	margin-bottom: 15px;
	color        : #f2f2f2;
}

footer .website span a {
	color: #aaa;
}

footer .website span a:hover {
	color: #fff;
}

footer .website .col-sm-14 {
	padding: 40px 0 30px;
}

footer .website .col-sm-10 {
	text-align: right;
	padding   : 50px 0 30px;
}

footer .friend-links {
	margin-bottom: 40px;
}

footer .friend-links a {
	display: inline-block;
	color  : #666;
}

footer .friend-links span {
	line-height: 16px;
	margin     : 0 15px;
	color      : #ccc;
}

footer .friend-links .container>div {
	margin-bottom: 12px;
	color        : #000;
}

footer .copy-right {
	padding: 8px 10px;
	line-height: 24px;
	text-align: center;
	background-color: #0e1834;
}
footer .copy-right a {
	color: #f2f2f2;
}

.foot_title {
	width         : 72px;
	height        : 19px;
	opacity       : 1;
	font-size     : 18px;
	font-family   : Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
	font-weight   : 400;
	text-align    : left;
	color         : #ffffff;
	line-height   : 32px;
	margin-top    : 20px;
	letter-spacing: 0px;
}

.inner {
	margin: 50px 0 0 20px;
}
/*  脚部链接  最先 */
/* .foot_box {
	display: flex;
}
.foot_box>div {
	flex: 1;
	margin: 10px 10px;
	width: 250px;
	height: 35px;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	background-color: #948a8a;
	text-align: left;
	line-height: 35px;
} .foot_box>div span{
	margin-left: 15px;
} */
footer {
	/* overflow: hidden; */
	background-color: #eee;
}
.foot_box ul {
	margin: 0;
	padding: 0;
}
.foot_box li {
	position: relative;
	float: left;
	width: 200px;
	line-height: 2.5em;
	margin: 10px 8px;
	height: 2.5em;
	text-align: left;
	cursor: pointer;
	background: #7581a0;
	font-size: 16px;
	border-radius: 2px;
}
.foot_box li div {
	position: absolute;
	top: 15px;
	right:15px;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: rgb(223, 215, 215) transparent transparent transparent
}
.foot_box ul::after {
	content: '';
	display: block;
	clear: both;
}
.foot_box li a {
	color:#fff;
	margin-left: 15px;
}
.foot_box li:hover > a {
	color: #535553;
}
.foot_box li .submenu {
	position:absolute;
	margin: 0;
	padding: 0;
	bottom: 2.5em;
	display: none;
	z-index: 99999;
}
.foot_box li .submenu a {
	color: #333;
}
.foot_box li .submenu li:hover a {
	color: #4676f0;
}
.foot_box .submenu li {
	margin: 0;
	background: rgb(255, 251, 251);
}

.foot_box .submenu a {
	display: block;
	width: 100%;
	height: 100%;
}
.foot_box li.active >.submenu,
.foot_box li:hover >.submenu {
	display: block;
	/* z-index: 9999; */
}
.over {
	overflow: visible!important;
}
/*  脚部链接  竣事  */




.to-top {
	position  : fixed;
	width     : 48px;
	height    :48px;
	bottom    : 20px;
	background: url(/fcgzy/img/top.png) center center no-repeat;
	background-size: cover;
}

/* ============== 首页 start ============= */
/*轮播图*/
.banner {
	position: relative;
	height  : calc((100vw - 17px) * (670 / 1900));
}

.banner img {
	width    : 100%;
	max-width: 100%;
	height   : calc((100vw - 17px) * (670 / 1900));
}

.banner .swiper-nav {
	position: absolute;
	z-index : 111;
	bottom  : 3%;
	width   : 100%;
}

.banner .swiper-nav ol {
	text-align: center;
}

.banner .swiper-nav ol li {
	position     : relative;
	display      : inline-block;
	overflow     : hidden;
	width        : 12px;
	height       : 12px;
	line-height  : 3;
	margin-left  : 8px;
	border-radius: 50%;
	border       : none;
	background   : #f4f4f4;
	background   : rgba(255, 255, 255, .4);
	cursor       : pointer;
}

.banner .swiper-nav ol .swiper-visible-switch {
	background: #da251e;
}

/* 新闻轮播图 */

footer .column,
.index .column {
	padding: 40px 0 20px;
}

footer .column .column-name,
.index .column .column-name {
	position     : relative;
	margin-bottom: 25px;
	line-height  : 24px;
	font-size    : 24px;
	font-weight  : bold;
	border-left  : 5px solid #f00;
	text-indent  : 19px;
}

.index .column .column-name .more {
	position           : absolute;
	z-index            : 10;
	right              : 0;
	top                : 50%;
	margin-top         : -8px;
	padding            : 0 4px;
	height             : 17px;
	line-height        : 16px;
	font-size          : 12px;
	font-weight        : normal;
	text-indent        : 0;
	/* background-color: #c5c5c5; */
}

.index .news {
	padding-bottom: 40px;
}

.index .news img {
	width    : 100%;
	max-width: 100%;
	height   : calc((100vw - 17px) * (670 / 1900));
}

.index .banner button,
.index .news .swiper-container button {
	position        : absolute;
	width           : 26px;
	height          : 60px;
	top             : 50%;
	margin-top      : -30px;
	border          : none;
	color           : #fff;
	cursor          : pointer;
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
}

.index .banner button i,
.index .news .swiper-container button i {
	font-size: 24px;
}

.index .banner button.prev,
.index .news .swiper-container button.prev {
	left: 5px;
}

.index .banner button.next,
.index .news .swiper-container button.next {
	right: 5px;
}

.index .column .swiper-slide {
	position: relative;
	width   : 100%;
}

.index .news .swiper-container h2 {
	position        : absolute;
	bottom          : 0;
	left            : 0;
	right           : 0;
	padding         : 0 45px 0 15px;
	margin          : 0;
	font-size       : 16px;
	line-height     : 3em;
	color           : #fff;
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	background      : linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
}

.index .news .swiper-container h2 span {
	position   : absolute;
	right      : 15px;
	font-size  : 12px;
	font-weight: normal;
}

.index .news .swiper-container h2 em {
	margin-right: 2px;
	font-style  : normal;
	font-size   : 16px;
	color       : #f00;

}

.index .libox {
	border-bottom: 1px solid #ddd;
}
.index .libox a {
	opacity: 1;
	font-size: 16px!important;
	font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
	font-weight: 400;
	text-align: left;
	color: #333333;
}
.index .libox .lidesc {
	margin: 0 0 25px;
	width: 100%;
	opacity: 1;
	font-size: 14px;
	font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
	font-weight: 400;
	text-align: left;
	color: #999999;
	text-indent: 24px;
}
.index .download a {
	margin: 15px 0;
}

.index .titlecolor {
	opacity: 1;
	font-weight: 500;
	color: #333333;
}
.index .news .swpier-tab-wrapper {
	font-size: 0;
}

.index .news .swpier-tab-wrapper a {
	position : relative;
	display  : inline-block;
	margin   : 0 20px;
	padding  : 0 0 9px;
	font-size: 18px;
}

.index .news .swpier-tab-wrapper a:focus,
.index .news .swpier-tab-wrapper a:active {
	color: #333;
}

.index .news .news-item-hd {
	position     : relative;
	height       : 40px;
	border-bottom: 1px solid #eaeaea;
}

.index .news .none {
	margin-top: 25px;
}

.index .news .swiper-wrapper {
	list-style-type: none;
}

.index .news .news-item-hd ul {
	width           : 80px;
	height          : 50px;
	background-color: #CCC;
}

.index .column .hd {
	border-bottom: 1px solid #eaeaea;
}
.index .column .hd .tip {
	width     : 130px;
	height    : 40px;
	opacity   : 1;
	background: url(/fcgzy/img/fangchenggang/bg.png);
}

.index .column .hd .tip span {
	width      : 89px;
	height     : 21px;
	opacity    : 1;
	font-size  : 22px;
	font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
	font-weight: 400;
	text-align : left;
	color      : #ffffff;
	line-height: 40px;
	margin-left: 10px;
}

.index .ident {
	position   : absolute;
	top        : 8px;
	left       : 140px;
	width      : 285px;
	height     : 14px;
	opacity    : 1;
	font-size  : 18px;
	font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
	font-weight: 400;
	text-align : left;
	color      : #999999;
}


.index .news-item .deparimg {
	width : 187px;
	height: 124px;
}

.index .news-item .deparimg img {
	width : 100%;
	height: 100%;
}

.index .news-item .deparBox {
	margin-left: 207px;
	height     : 124px;
}

.index .news-item .swiper-slide {
	font-size: 16px;
}

.index .news-item .swiper-slide p {
	height       : 20px;
	/* text-align: center; */
	/* margin    : 0; */
	margin-top   : 15px;
}

.index .sp-line {
	color: #e8e8e8;
	margin: 0 15px;
}
.index .news .desc {
	line-height: 28px;
	font-size: 14px;
	color: #999;
	height: 84px;
}
.index .index-news-list {
	/* margin-top: 30px; */
	padding-top: 10px;
	border-top: 1px dashed #d8d8d8;
}
.index .index-news-list a {
	display: block;
	font-size: 16px;
	padding: 10px 0;
}

.index .news-item .topBox {
	width        : 59px;
	height       : 30px;
	opacity      : 1;
	background   : #fdaf51;
	border-radius: 4px;
	text-align   : center;
	line-height  : 30px;
	color        : #fff;
}

.index .news-item .text {
	opacity    : 1;
	margin-left: 70px;
	line-height: 27px;
	font-size  : 16px;
	font-family: Microsoft YaHei Regular, Microsoft YaHei Regu
}
.index .newimg {
	margin: 30px 0 ;
}
.index .news-item-bd .rowbox>div {
	margin    : 0 0 14px;
}
.index .club {
	width: 40%!important;
	height: 100%;
	background: #000;
	opacity: 1;
	background: linear-gradient(-90deg,#ffae38 0%, #f99639 100%);
	border-radius: 4px;
	margin: 8px;
}
.index .club img {
	width: 100%;
	height: 100%;
}
.index .xuegongtext {
	width: 56px;
	height: 15px;
	margin: 15px auto;
	opacity: 1;
	font-size: 14px;
	font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
	font-weight: 400;
	text-align: center;
	color: #333333;
}
.index .backg {
	background-color: #fff;
}
.index .removedotted {
	margin-top: -20px!important;
	border: 0!important;
}
.index .news-item-bd .rowbox>div img {
	top: 0;
	position: relative;
	width : 100%;
	height: 100%;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.index .news-item-bd .rowbox>div img:hover {
	top: -4px;
	box-shadow: 0px 0px 10px #ccc;
}
.index .special .hd {
	margin-bottom: 30px;
}
.index .fast-icon a{
	display: block;
	text-align: center;
	margin: 0 10px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.index .fast-icon a:hover {
	top: -5px;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.index .fast-icon a > div {
	margin: 2px 0 14px;
}
.index .fast-icon img {
	width: 69px;
	height: 69px;
}
.index .newbox {
	width        : 100%;
	/* height    : 35vh!important; */
	/* background: #000; */
}

/* .index .qqq {
	width: 190px;
	height: 90px;
	background: #000;
} */

.ml {
	margin: 0 5px;
}

.index .news-item .swiper-wrapper img {
	width : 100%;
	height: 100%;
}

.index .news-item .spanleft {
	margin-right: 20px;
}

.index .news .swpier-tab-wrapper a:hover {
	color: #333;
}

.index .news .swpier-tab-wrapper a:not(:last-child):before {
	position        : absolute;
	content         : '';
	width           : 1px;
	height          : 16px;
	top             : 4px;
	right           : -21px;
	background-color: #ececec;
}

.index .news .swpier-tab-wrapper a:first-child {
	margin-left: 0;
}

.index .news .swpier-tab-wrapper a.active {
	color        : #f00;
	border-bottom: 3px solid #f00;
}

.index .news .swpier-tab-wrapper a.active:after {
	position     : absolute;
	content      : '';
	bottom       : 0;
	left         : 50%;
	margin-left  : -2px;
	border       : 4px solid transparent;
	border-bottom: 4px solid #f00;
}

.index .hd {
	position: relative;
}
.index .hd .more {
	position   : absolute;
	z-index    : 10;
	right      : 0;
	top        : 50%;
	margin-top : -8px;
	padding    : 0 4px;
	height     : 17px;
	line-height: 16px;
	font-size  : 14px;
}

.index .news p {
	color      : #666;
	font-size  : 12px;
	height     : 38px;
	line-height: 18px;
	overflow   : hidden;
}
#slideToggleTrans span {
	font-size: 18px;
}
.index .news h3 {
	text-align : center;
	font-size  : 16px;
	font-weight: bold;
	margin-top : 15px;
}

.index .news .detail {
	font-size: 12px;
	color    : #f00;
}

.list .imgbox {
	width: 350px;
	height: 100%;
	margin: 0 auto;
}
.list .imgbox img {
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.index .column .news-item-bd .swiper-slide>a {
	display : block;
	font-size: 16px;
	position: relative;
	padding : 12px 80px 12px 0;
}
.index .news .news-item-bd .swiper-slide>a {
	display : block;
	font-size: 16px;
	position: relative;
	padding : 1.8% 22% 1.8% 0;
}


/* .index .news .news-item-bd .swiper-slide>a:before {
	position        : absolute;
	left            : 0;
	top             : 50%;
	width           : 4px;
	height          : 4px;
	content         : '';
	background-color: #000;
	margin-top      : -2px;
} */
.index .link a {
	background-color: #fff;
}
.index .column .news-item-bd .swiper-slide>a span {
	position: absolute;
	right   : 0;
}
.index .pl20 {
	padding-left: 20px;
}
.index .business {
	padding-bottom  : 30px;
	background-color: #f0f0f0;
}

.index .business .row {
	margin-left : -5px;
	margin-right: -5px;
}

.index .business .row>div {
	padding   : 0 5px 10px;
	text-align: center;
}

.index .business .row .table:before {
	position          : absolute;
	content           : '';
	top               : 0;
	left              : 0;
	width             : 100%;
	height            : 100%;
	background-color  : rgba(0, 0, 0, 0);
	-webkit-transition: all .4s ease-in-out;
	transition        : all .4s ease-in-out;
}

.index .business .row .table {
	position           : relative;
	width              : 100%;
	height             : 100%;
	color              : #fff;
	background-repeat  : no-repeat;
	background-position: center center;
	background-size    : 100% 100%;
	-webkit-transition : all .4s;
	transition         : all .4s;
}

.index .business .table .anim {
	height            : 0;
	overflow          : hidden;
	opacity           : 0;
	margin            : 0 auto;
	-webkit-transition: all .4s ease-in-out;
	transition        : all .4s ease-in-out;
}

.index .business .row .table .bd {
	position          : relative;
	padding-bottom    : 6px;
	margin-bottom     : 10px;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.index .business .row .table .bd:after {
	position          : absolute;
	content           : '';
	top               : 100%;
	left              : 50%;
	margin-left       : -17px;
	width             : 34px;
	height            : 3px;
	background-color  : #fff;
	-webkit-transition: all .4s ease-in-out;
	transition        : all .4s ease-in-out;
}

.index .business .row .table-cell {
	position: relative;
	z-index : 10;
	width   : 100%;
}

.index .business h3 {
	position     : relative;
	font-size    : 20px;
	margin-bottom: .3em;
	font-weight  : bold;
	color        : #fff;
}

.index .business h4 {
	font-size    : 16px;
	font-weight  : bold;
	margin-bottom: .3em;
}

.index .business .table span {
	display    : inline-block;
	line-height: 28px;
	font-size  : 14px;
	margin     : 0 6px;
}

.index .business .table .btn {
	display    : block;
	width      : 168px;
	height     : 44px;
	line-height: 44px;
	font-size  : 16px;
	border     : 1px solid #fff;
	margin     : 20px auto 0;
}

.index .business .table a {
	color: #fff;
}



/* =========== 走进宏桂 start ========== */
.honggui .page-banner .title {
	background-color: #48638c;
}

.honggui .leader .desc {
	width           : 60%;
	margin          : 16px auto 30px;
	padding         : 10px 30px;
	line-height     : 1.75em;
	font-size       : 16px;
	border-left     : 6px solid #d7d7d7;
	background-color: #ececec;
}

.honggui .leader .imgbox a {
	display: block;
	height : 100%;
}

.honggui .leader .imgbox img {
	position: absolute;
	width   : 100%;
	height  : 100%;
	top     : 0;
	left    : 0;
}

.honggui .leader .imgbox .table {
	position          : relative;
	z-index           : 1;
	height            : 100%;
	width             : 100%;
	font-size         : 16px;
	text-align        : center;
	opacity           : 0;
	color             : #fff;
	-webkit-transform : scale(0);
	transform         : scale(0);
	-webkit-transition: all .4s;
	transition        : all .4s;
	background-color  : rgba(255, 0, 0, .4);
}

.honggui .leader .imgbox .icon {
	font-size  : 30px;
	font-weight: bold;
}

.honggui .leader .imgbox p {
	margin-top: 10px;
	text-align: center;
}

.honggui .leader .imgbox:hover .table {
	opacity          : 1;
	-webkit-transform: scale(1);
	transform        : scale(1);
}

.honggui .leader h2 {
	line-height: 80px;
	text-align : center;
	font-size  : 16px;
}

.honggui .intro {
	padding-top: 0;
}

.honggui .intro .bd {
	padding: 80px 0 50px;
}

.honggui .intro p {
	min-height : 160px;
	font-size  : 16px;
	text-indent: 32px;
}

.honggui .intro .detail {
	display           : inline-block;
	color             : #fff;
	font-size         : 18px;
	text-align        : center;
	min-width         : 304px;
	margin-top        : 30px;
	line-height       : 50px;
	background-color  : #da251e;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.honggui .intro .detail:hover {
	background-color: #c7251f;
}

.honggui .intro .logo-lg {
	height    : 100%;
	text-align: right;
}

.honggui .intro .logo-lg img {
	vertical-align    : middle;
	max-width         : 100%;
	margin-right      : 30px;
	border            : 30px solid #fff;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.honggui .intro .logo-lg img:hover {
	box-shadow: 0 0 60px #ddd;
}

.honggui .org {
	padding-bottom  : 50px;
	background-color: #f2f2f2;
}

.honggui .org .row {
	padding: 0 26px;
}

.honggui .org .row>div {
	position: relative;
	padding : 0 26px;
}

.honggui .org .row>div:after {
	content    : '';
	padding-top: 100%;
	box-sizing : border-box;
	display    : block;
	width      : 0;
}

.honggui .org .table {
	height    : 100%;
	width     : 100%;
	text-align: center;
}

.honggui .org .table span {
	display           : inline-block;
	width             : 100px;
	height            : 100px;
	line-height       : 100px;
	text-align        : center;
	border-radius     : 50%;
	border            : 1px solid #da251e;
	-webkit-transition: all .6s;
	transition        : all .6s;
}

.honggui .org .table h4 {
	margin-top   : 10%;
	margin-bottom: 0;
	font-size    : 18px;
}

.honggui .org .table span i {
	font-size         : 52px;
	line-height       : 100px;
	color             : #da251e;
	-webkit-transition: all .6s;
	transition        : all .6s;
}

.honggui .org .row .inner {
	position          : absolute;
	top               : 0;
	left              : 26px;
	bottom            : 0;
	right             : 26px;
	background-color  : #fff;
	-webkit-transition: all .6s;
	transition        : all .6s;
}

.honggui .org .container {
	overflow: visible;
}

.honggui .org .row .inner:hover {
	box-shadow: 0 0 40px #ddd;
}

.honggui .org .row .inner:hover span i {
	color: #fff;
}

.honggui .org .row .inner:hover span {
	background-color: #da251e;
}

.honggui .contact {
	padding-bottom: 50px;
}

.honggui .contact .row {
	margin-left : -50px;
	margin-right: -50px;
}

.honggui .contact .row>div {
	padding: 0 50px;
}

.honggui .contact .hd {
	margin-bottom: 25px;
}

.honggui .contact .info .bd a {
	display      : block;
	position     : relative;
	line-height  : 22px;
	padding      : 1% 25% 1% 25px;
	margin-bottom: 1.2%;
	text-overflow: ellipsis;
	overflow     : hidden;
	white-space  : nowrap;
}

.honggui .contact .info .bd a span {
	position   : absolute;
	line-height: 24px;
	right      : 0;
	top        : 50%;
	margin-top : -12px;
}

.honggui .contact .info .bd a:before {
	position        : absolute;
	content         : '';
	width           : 6px;
	height          : 6px;
	left            : 0;
	top             : 50%;
	margin-top      : -3px;
	background-color: #acacac;
}

.honggui .contact .about .bd span {
	display      : inline-block;
	font-size    : 12px;
	margin-right : 15px;
	margin-bottom: 10px;
}

.honggui .contact .about .bd img {
	width    : 100%;
	max-width: 100%;
}

/*生长历程*/
.honggui-develop .dev-wrapper {
	padding-top : 30px;
	padding-left: 120px;
}

.honggui-develop .dev-wrapper .items {
	position   : relative;
	padding    : 40px 0;
	border-left: 2px solid #da251e;
}

.honggui-develop .dev-wrapper .items:last-child {
	padding-bottom: 0;
}

.honggui-develop .dev-wrapper .items:last-child li:last-child:after {
	position        : absolute;
	z-index         : 1;
	content         : '';
	left            : -13px;
	top             : 50%;
	margin-top      : -4px;
	width           : 4px;
	height          : 100%;
	background-color: #fff;
}

.honggui-develop .dev-wrapper .year {
	position   : absolute;
	right      : 100%;
	top        : -18px;
	height     : 36px;
	width      : 90px;
	line-height: 36px;
	font-size  : 18px;
	color      : #da251e;
	font-weight: bold;
}

.honggui-develop .dev-wrapper .year:after,
.honggui-develop .dev-wrapper li:before {
	position        : absolute;
	z-index         : 10;
	content         : '';
	top             : 50%;
	border-radius   : 50%;
	background-color: #fff;
}

.honggui-develop .dev-wrapper .year:after {
	right     : -7px;
	width     : 16px;
	height    : 16px;
	margin-top: -8px;
	border    : 2px solid #da251e;
}

.honggui-develop .dev-wrapper .items:first-child .year:after {
	width     : 29px;
	height    : 29px;
	border    : none;
	margin-top: -14.5px;
	right     : -14px;
	background: url(/fcgzy/img/icon-time.png) #fff center center no-repeat;
}

.honggui-develop .dev-wrapper ul {
	padding-left: 10px;
}

.honggui-develop .dev-wrapper li {
	position          : relative;
	line-height       : 34px;
	padding           : 0 5px;
	margin-bottom     : 20px;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.honggui-develop .dev-wrapper li:before {
	width     : 8px;
	height    : 8px;
	border    : 1px solid #da251e;
	margin-top: -4px;
	left      : -15px;
}

.honggui-develop .dev-wrapper li:hover {
	background-color: #efefef;
}

.honggui-org .bd img {
	max-width: 100%;
}

/*联系suncitygroup太阳集团*/
.honggui-contact .bd .row:after {
	clear: none;
}

.honggui-contact .bd .row>div {
	position     : relative;
	height       : 120px;
	margin-bottom: 20px;
}

.honggui-contact .bd .row>div:last-child {
	border-right: none;
}

.honggui-contact .bd .row .inner {
	position: absolute;
	top     : 0;
	left    : 0;
	bottom  : 0;
	right   : 0;
	margin: 0;
}
.honggui-contact .bd .row .inner img {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -37px;
	width: 74px;
	height: 74px;
}
.honggui-contact .bd .row .table-cell {
	padding-left: 94px;
}
.honggui-contact .bd .row .table {
	width     : 100%;
	height    : 100%;
}

.honggui-contact .bd .row em {
	display   : block;
	font-size : 14px;
	font-style: normal;
	margin    : 8px 0 5px;
}

.honggui-contact .bd .row p {
	line-height  : 20px;
	color        : #999;
	margin-bottom: 0;
}

.honggui-contact .bd .table img {
	width    : 39px;
	max-width: 100%;
}

.honggui-contact .map-iframe {
	width : 100%;
	height: 450px;
}

/* =========== 走进宏桂 end ========== */


/* =========== 新闻中心 start ========== */
.news-center .page-banner .title {
	background-color: #4f75b3;
}

.news-center .main .name.swiper-tab {
	margin             : 0 29px;
	top                : 0;
	border-bottom-color: #fff;
	cursor             : pointer;
}

.news-center .main .name.swiper-tab:first-child {
	margin-left: 0;
}

.news-center .main .name.swiper-tab.active {
	border-bottom-color: #f00;
}

.news-center .main .hd {
	margin-bottom: 30px;
}

.news-center .main .swiper-slide {
	position: relative;
}

.news-center .main-item-bd,
.news-center .main .news-main-swiper img,
.news-center .main .news-main-swiper {
	height: calc(574px * (451 / 590));
}

.news-center .main .news-main-swiper img {
	width    : 100%;
	max-width: 100%;
}

.news-center .main .news-main-swiper h2 {
	position        : absolute;
	bottom          : 0;
	width           : 100%;
	padding         : 2% 80px 2% 15px;
	line-height     : 30px;
	min-height      : 40px;
	margin-bottom   : 0;
	font-size       : 20px;
	font-family     : 'Arial';
	color           : #fff;
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
}

.news-center .main .news-main-swiper ol {
	z-index    : 10;
	position   : absolute;
	bottom     : 0;
	right      : 0;
	width      : 70px;
	min-height : 40px;
	padding    : 2% 8px 2% 0;
	text-align : right;
	line-height: 30px;
}

.news-center .main .swiper-slide {
	width: 100%;
}

.news-center .main .news-main-swiper ol li {
	display         : inline-block;
	vertical-align  : middle;
	width           : 9px;
	height          : 9px;
	margin          : 0 3px;
	border-radius   : 50%;
	background-color: #a3a0a0;
	cursor          : pointer;
}

.news-center .main .news-main-swiper .swiper-active-switch {
	background-color: #fff;
}

.news-center .main .list p {
	margin-bottom: 0;
	line-height  : 24px;
	height       : 72px;
	overflow     : hidden;
	text-indent  : 28px;
	color        : #999;
}

.news-center .main .list p span {
	color: #f00;
}

.news-center .main .list li {
	padding-bottom: 3.9%;
	margin-bottom : 3.8%;
	border-bottom : 1px dashed #dcdcdc;
}

.news-center .main .list li h2 {
	font-size: 18px;
}

.news-center .main .list li:hover h2 {
	color: #f00;
}

.news-center .activities .hd,
.news-center .special .hd,
.news-center .media .hd,
.news-center .video .hd {
	margin-bottom: 18px;
}

.news-center .media li img {
	width : 199px;
	height: 119px;
}

.news-center .media li h3 {
	font-size: 16px;
}

.news-center .media li.active .title {
	margin-left: 209px;
}

.news-center .media li.active h3 {
	font-size: 18px;
}

.news-center .video .bd {
	height: calc(370px * (243 / 386) + 64px);
}

.news-center .video .swiper-wrapper img {
	width : 100%;
	height: calc(370px * (243 / 386));
}

.news-center .video .swiper-slide {
	position: relative;
}

.news-center .video .swiper-slide:hover h3 {
	color: #f00;
}

.news-center .video .swiper-wrapper .icon-bofang {
	position   : absolute;
	top        : 50%;
	left       : 50%;
	width      : 64px;
	line-height: 64px;
	margin-left: -32px;
	margin-top : -64px;
	color      : #fff;
	font-size  : 64px;
}

.news-center .video h3 {
	line-height  : 24px;
	padding      : 12px 0 8px;
	margin-bottom: 0;
}

.news-center .video span .icon-yanjing {
	color       : #c1c1c1;
	margin-right: 4px;
}

.news-center .video button {
	position        : absolute;
	width           : 26px;
	height          : 60px;
	top             : 50%;
	margin-top      : -62px;
	border          : none;
	color           : #fff;
	cursor          : pointer;
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
}

.news-center .video button i {
	font-size: 24px;
}

.news-center .video button.prev {
	left: 5px;
}

.news-center .video button.next {
	right: 5px;
}

.news-center .list-tab p span {
	color: #f00;
}

.news-center .activities .list-tab p {
	height       : 48px;
	line-height  : 24px;
	text-indent  : 28px;
	margin-bottom: 0;
}

.news-center .activities .list-tab .title {
	margin-left: 0;
}

.news-center .activities h3 {
	font-size: 16px;
}

.news-center .activities .active h3 {
	font-size: 18px;
}

.news-center .special img {
	width             : 100%;
	margin-bottom     : 20px;
	-webkit-transform : scale(1);
	transform         : scale(1);
	-webkit-transition: all .4s ease;
	transition        : all .4s ease;
}

.news-center .special .imgbox:hover img {
	-webkit-transform: scale(1.15);
	transform        : scale(1.15);
}

.news-center .special .imgbox {
	overflow: hidden;
}

/* =========== 新闻中心 end ========== */

/* =========== 营业领域 start ========== */
.business .page-banner .title {
	background-color: #8e7828;
}

.business .page-banner .table {
	background-color: rgba(255, 255, 255, .5);
}

.business .item {
	padding-top   : 70px;
	padding-bottom: 70px;
}

.business .item h3 {
	padding-top  : 12px;
	margin-bottom: 20px;
	font-size    : 18px;
}

.business .item .inner p {
	color        : #999;
	height       : 96px;
	line-height  : 24px;
	margin-bottom: 1.5em;
	overflow     : hidden;
}

.business .item>div {
	padding-bottom: 20px;
}

.business .item>div:hover h3 {
	color: #f00;
}

.business .item .inner {
	padding   : 0 25px;
	border    : 1px solid #e2e2e2;
	border-top: 0;
}

.business .item .more {
	overflow  : hidden;
	margin    : 0 -25px;
	text-align: center;
}

.business .item .more .anim {
	width             : 0;
	line-height       : 35px;
	color             : #fff;
	margin            : 0 auto;
	background-color  : #fff;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.business .item>div:hover .anim {
	width           : 100%;
	background-color: #f00;
}

.business .item img {
	width             : 100%;
	-webkit-transform : scale(1);
	transform         : scale(1);
	-webkit-transition: all .4s ease;
	transition        : all .4s ease;
}

.business .item>div:hover img {
	-webkit-transform: scale(1.15);
	transform        : scale(1.15);
}

.business .item .imgbox {
	overflow: hidden;
}

/* =========== 营业领域 end ========== */

/* =========== 党建事情 start ========== */
.build .page-banner .title {
	background-color: #da251e;
}

.build .dang .info {
	background-color: #da251e;
}

.build .dang .imgbox {
	padding-right: 60px;
}

.build .dang .imgbox img {
	width: 100%;
}

.build .dang .bd {
	margin-top: 27px;
}

.build .dang .imgbox .date {
	width      : 100px;
	height     : 100%;
	padding-top: 20px;
	font-size  : 16px;
}

.build .dang em {
	font-size  : 30px;
	font-weight: bold;
	font-style : normal;
}

.build .dang .bd .info {
	color  : #fff;
	padding: 23px 35px 23px 25px;
}

.build .dang .imgbox .title {
	margin-left: 100px;
}

.build .dang .imgbox h2 {
	font-size     : 18px;
	color         : #fff;
	padding-bottom: 6px;
	border-bottom : 1px solid #eee;
}

.build .dang .imgbox p {
	height     : 66px;
	line-height: 22px;
	color      : #fff;
	overflow   : hidden;
}

.build .dang .items .date {
	line-height: 22px;
	width      : 100px;
	text-align : right;
}

.build .dang .items li {
	margin-bottom: 5%;
	border-bottom: 1px solid #dadada;
}

.build .dang .items h2 {
	padding-bottom: 5%;
	line-height   : 22px;
	font-size     : 16px;
	margin-bottom : 0;
}

.build .dang .items p {
	display    : none;
	overflow   : hidden;
	color      : #999;
	height     : 72px;
	line-height: 24px;
}

.build .dang .items .active h2 {
	color        : #f00;
	font-size    : 18px;
	margin-bottom: 6%;
	border-bottom: 1px solid #dadada;
}

.build .dang .items .active p {
	display: block;
}

.build .dang .items .active-style {
	display: none;
}

.build .dang .items .active .normal-style {
	display: none;
}

.build .dang .items .active .active-style {
	display: inline;
}

.build .dang .items .title {
	margin-right: 100px;
}

.build .dang .items .active .date {
	padding-top: 30px;
	color      : #666;
}

.build .dang-item {
	padding-bottom: 100px;
}

.build .dang-item .hd {
	margin-bottom: 10px;
}

/* =========== 党建事情 end ========== */

/* =========== 人力资源 start ========== */
.hr .page-banner .title {
	background-color: #4f75b3;
}

.hr .culture .bd {
	margin-top: 29px;
	height    : 327px;
	background: url(/fcgzy/img/wenhua-bg.png) right 0 no-repeat;
}

.hr .culture .bd .inner {
	display     : inline-block;
	height      : 100%;
	text-align  : left;
	padding-left: calc(100% - 600px);
}

.hr .culture .bd .table {
	height   : 100%;
	font-size: 18px;
}

.hr .culture .bd li {
	position: relative;
	padding : 20px 0 20px 36px;

}

.hr .culture .bd li:before {
	position        : absolute;
	content         : '';
	width           : 15px;
	height          : 15px;
	left            : 0;
	top             : 50%;
	margin-top      : -7.5px;
	border-radius   : 50%;
	background-color: #2a59a6;
}

.hr .menber .hd {
	margin-bottom: 36px;
}

.hr .menber .row>div {
	position: relative;
	height  : 100%;
}

.hr .menber img {
	width         : 100%;
	vertical-align: middle;
}

.hr .menber .tabel {
	height: 100%;
}

.hr .menber .table>div {
	width: 50%;
}

.hr .menber .table p {
	font-size  : 16px;
	text-indent: 32px;
	line-height: 1.75em;
}

.hr .menber .table>div:first-child {
	padding-right: 10%;
}

.hr .menber .table>div:first-child+div {
	padding-left: 6%;
}

.hr .menber .more {
	margin-top: 40px;
	width     : 304px;

}

.hr .menber {
	padding-bottom: 50px;
}

.hr .menber .detail {
	display           : inline-block;
	color             : #fff;
	font-size         : 18px;
	text-align        : center;
	min-width         : 304px;
	margin-top        : 30px;
	line-height       : 50px;
	background-color  : #da251e;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.hr .menber .detail:hover {
	background-color: #c7251f;
}

.hr .train li img {
	width : 172px;
	height: 101px;
}

.hr .train .hd,
.hr .recruit .hd {
	margin-bottom: 20px;
}

.hr .train li.active .title {
	margin-left: 192px;
}

.hr .train li h3,
.hr .recruit li h3 {
	padding-right: 90px;
	position     : relative;
}

.hr .train li h3 .date,
.hr .recruit li h3 .date {
	position: absolute;
	right   : 0;
}

.hr .train li.active h3 {
	font-size: 16px;
}

.hr .train li.active .date {
	display: none;
}

.hr .recruit {
	padding-bottom: 70px;
}

.hr .train li,
.hr .recruit li {
	padding-top   : 5px;
	padding-bottom: 5px;
}

.hr .train li p {
	text-indent: 28px;
}

.hr .train p span {
	color: #f00;
}

.hr .train li:first-child {
	padding-top: 0;
}

.hr .recruit img {
	max-width    : 100%;
	margin-bottom: 10px;
}

.hr .train li p {
	margin-top : 5px;
	height     : 72px;
	line-height: 24px;
}

/* =========== 人力资源 end ========== */

/* =========== 通知通告 start ========== */
.notice .container {
	overflow: visible;
}

.notice .gulter-20 {
	padding: 90px 0 40px;
}

.notice .gulter-20>div {
	padding-bottom: 20px;
}

.notice .gulter-20 .inner {
	position          : relative;
	height            : 260px;
	padding           : 20px 24px 20px;
	border            : 1px solid #dfdfdf;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.notice .gulter-20 .inner h2 {
	font-size         : 24px;
	font-weight       : bold;
	max-height        : 72px;
	overflow          : hidden;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.notice .gulter-20 .inner p {
	color      : #999;
	line-height: 22px;
	max-height : 66px;
	overflow   : hidden;
}

.notice .gulter-20 .inner span {
	position : absolute;
	left     : 24px;
	bottom   : 20px;
	font-size: 12px;
	color    : #999;
}

.notice .gulter-20 .inner span .icon {
	margin-right: 6px;
}

.notice .gulter-20 .inner:hover {
	box-shadow: 0 3px 6px #ccc;
}

.notice .gulter-20 .inner:hover h2 {
	color: #f00;
}

.notice .more {
	padding-bottom: 90px;
	text-align    : center;
}

.notice .more a {
	display           : inline-block;
	width             : 137px;
	line-height       : 47px;
	font-size         : 16px;
	border            : 1px solid #b9b9b9;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.notice .more a:hover {
	color       : #f00;
	border-color: #f00;
}

/* =========== 通知通告 end ========== */

/* =========== 在线效劳 start ========== */
.service .container {
	overflow: visible;
}

.service .table {
	width           : 100%;
	height          : 100%;
	border-radius   : 4px;
	background-color: #fff;
	border-bottom   : 5px solid #fff;
	box-shadow      : 0 4px 10px #bbb;
}

.service .info {
	position: relative;
	z-index : 100;
	top     : -58px;
}

.service .info>div {
	height       : 180px;
	text-align   : center;
	margin-bottom: 20px;
}

.service .info>div:first-child .table {
	border-bottom-color: #ffba00;
}

.service .info>div:first-child+div .table {
	border-bottom-color: #369614;
}

.service .info>div:last-child .table {
	border-bottom-color: #00c0ff;
}

.service .info>div:last-child {
	margin-bottom: 0;
}

.service .info .type {
	font-size: 24px;
}

.service .info .email {
	font-size : 16px;
	margin-top: 18px;
}

.service .info .clfix {
	padding   : 0 15px;
	text-align: left;
}

.service .info .clfix .label {
	display   : inline-block;
	min-width : 72px;
	float     : left;
	text-align: right;
}

.service .info .clfix>div {
	margin-left: 72px;
}

.service .form {
	position        : relative;
	margin-bottom   : 90px;
	background-color: #f2f2f2;
	box-shadow      : 0 4px 10px #bbb;
}

.service .form:before,
.service .form:after {
	position  : absolute;
	top       : 0;
	left      : 0;
	content   : '';
	width     : 100%;
	height    : 5px;
	background: url(/fcgzy/img/line.jpg) 0 0 repeat-x;
}

.service .form:after {
	bottom: 0;
	top   : auto;
}

.service .form .hd {
	line-height  : 90px;
	text-align   : center;
	font-size    : 24px;
	color        : #da251e;
	border-bottom: 1px solid #dedede;
}

.service .form .bd {
	width  : 620px;
	padding: 0 10px;
	margin : 40px auto 0;
}

.service .form .label {
	width      : 70px;
	line-height: 47px;
	float      : left;
	text-align : right;
	font-size  : 16px;
}

.service .form .form-item {
	margin-bottom: 20px;
}

.service .form .label span {
	position   : relative;
	line-height: normal;
}

.service .form .require .label span:before {
	position: absolute;
	content : '*';
	top     : -2px;
	left    : -10px;
	color   : #f00;
}

.service .form {
	padding-bottom: 170px;
}

.service .form .input {
	margin-left: 80px;
}

.service .form .input input {
	width : 100%;
	height: 47px;
}

.service .form .input input,
.service .form .input textarea {
	display      : block;
	width        : 100%;
	padding      : 10px;
	border       : 1px solid #d5d5d5;
	border-radius: 4px;
	outline      : none;
}

.service .form button[type="submit"] {
	display           : block;
	width             : 100%;
	border            : none;
	line-height       : 47px;
	color             : #fff;
	font-size         : 16px;
	background-color  : #da251e;
	box-shadow        : 0 3px 6px #a41610;
	cursor            : pointer;
	border-radius     : 4px;
	-webkit-transition: all .4s;
	transition        : all .4s;
}

.service .form button[type="submit"]:hover {
	background-color: #a41610;
}

.service .form .bd .ajax-submit-resp {
	display    : none;
	margin     : 10px 0;
	line-height: 40px;
	height     : 40px;
	text-align : center;
}

.service .form .bd .ajax-submit-resp.success {
	color: #13c243;
}

.service .form .bd .ajax-submit-resp.error {
	color: #f00;
}

.service .form .bd .error {
	border-color: #f00;
}

@media(max-width: 667px) {
	.service .form .bd {
		width : 100%;
		margin: 40px auto 0;
	}

	.service .form .bd .ajax-submit-resp {
		position          : fixed;
		margin-top        : 0;
		z-index           : 999;
		top               : 0;
		right             : 0;
		left              : 0;
		color             : #fff;
		-webkit-transition: all .4s;
		transition        : all .4s;
	}

	.service .form .bd .ajax-submit-resp.success {
		background-color: #13c243;
		color           : #fff;
	}

	.service .form .bd .ajax-submit-resp.error {
		background-color: #f00;
		color           : #fff;
	}
}

/* =========== 在线效劳 end ========== */



/* =========== 搜索页 start ========== */
/*.page-search .sites,*/
/*.page-search nav ul.row {*/
/*	display: none;*/
/*}*/

.page-search .header-wrapper {
	margin-bottom: 40px;
	/* border-bottom: 3px solid #da251e; */
}

.page-search .left {
	width: 225px;
}

.page-search .right {
	margin-left   : 285px;
	padding-bottom: 100px;
	min-height: 560px;
}

.page-search nav .search {
	padding    : 40px 0 50px;
	width      : calc(100% - 300px);
	margin-left: 300px;
	text-align : left;
}

.page-search nav .search form {
	max-width: 80%;
	height   : 38px;
}

.page-search nav .search form input {
	height     : 29px;
	line-height: 29px;
}

.page-search nav .search form button {
	width      : 29px;
	height     : 30px;
	line-height: 30px;
}

.page-search .left .items .hd {
	line-height     : 60px;
	margin-bottom   : 18px;
	font-size: 30px;
}

.page-search .left .items {
	margin-bottom: 30px;
}

.page-search .left .items a {
	position: relative;
	display     : block;
	line-height : 45px;
	padding-left: 25px;
	font-size: 16px;
	margin-bottom: 10px;
}
.page-search .left .items a::after {
	font-family: "iconfont";
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	line-height: 20px;
	font-size: 22px;
	color: #fff;
	content: '\e616';
}
.page-search .left .items em {
	font-style: normal;
}

.page-search .right li {
	position: relative;
	padding: 20px 15px;
}

.page-search .right li h3 {
	color    : #333;
	font-size: 18px;
	font-weight: bold;
}

.page-search .right li em {
	font-style: normal;
	color     : #da251e;
}

.page-search .right li p {
	line-height: 24px;
	max-height : 72px;
	overflow   : hidden;
	color      : #666;
}

.page-search .right li .link {
	color: #117b18;
}

.page-search .right li .ft {
	position   : relative;
	color      : #999;
	font-size  : 12px;
	line-height: 20px;
}

.page-search .right li .date {
	position: absolute;
	right   : 0;
	font-size: 16px;
}

.page-search .right li:hover {
	background-color: #f0f0f0;
}

/* =========== 搜索页 end ========== */


/* =========== 党专题 start ========== */

.page-dang {
	padding-top    : 516px;
	padding-top    : calc(100vw * (516 / 1920));
	background     : url(/fcgzy/img/bg-dang-hd.jpg) center 0 no-repeat;
	background-size: 100% auto;
}

.page-dang .today {
	position        : relative;
	display         : block;
	height          : 80px;
	line-height     : 80px;
	padding         : 0 10px 0 80px;
	text-align      : center;
	background-color: #da251e;
	border-radius   : 8px;
	font-size       : 24px;
	font-weight     : bold;
	margin-bottom   : 24px;
}

.page-dang .today a {
	display  : inline-block;
	max-width: 100%;
	color    : #fff;
}

.page-dang .today span {
	position        : absolute;
	width           : 62px;
	height          : 62px;
	line-height     : 22px;
	padding         : 8px;
	top             : 9px;
	left            : 9px;
	font-size       : 20px;
	font-weight     : bold;
	color           : #fff;
	border-radius   : 8px;
	background-color: #ffa311;
}

.page-dang .column .hd {
	position     : relative;
	height       : 78px;
	line-height  : 78px;
	padding-left : 130px;
	color        : #da251e;
	margin-bottom: 24px;
	border-bottom: 3px solid #da251e;
	background   : url(/fcgzy/img/bg-dang-title.png) 0 bottom no-repeat;
}

.page-dang .column .hd .name {
	font-size: 30px;
}

.page-dang .column .hd .more {
	position : absolute;
	right    : 0;
	bottom   : -10px;
	color    : #da251e;
	font-size: 16px;
}

.page-dang .column .hd .more:hover {
	text-decoration: underline;
}

.page-dang .column-shijiu {
	padding-bottom: 50px;
}

.page-dang .column-shijiu .left {
	width           : 500px;
	padding-bottom  : 25px;
	background-color: #da251e;
}

.page-dang .column-shijiu .left img {
	width : 100%;
	height: 334px;
}

.page-dang .column-shijiu .left h2 {
	height     : 105px;
	padding    : 20px 20px 0 20px;
	overflow   : hidden;
	color      : #fff;
	font-size  : 18px;
	line-height: 1.6em;
}

.page-dang .column-shijiu .right {
	margin-left: 550px;
}

.page-dang .column-shijiu .right h2 {
	font-size  : 24px;
	margin     : 20px;
	padding-top: 20px;
	height     : 92px;
	overflow   : hidden;
}

.page-dang .column-shijiu .right h2 a:hover {
	text-decoration: underline;
}

.page-dang .column-shijiu .right h2 a {
	color: #da251e;
}

.page-dang .column-shijiu .right p {
	color   : #666;
	height  : 42px;
	overflow: hidden;
}

.page-dang .column-shijiu ul {
	margin-top : 25px;
	padding-top: 25px;
	border-top : 1px dashed #bfbfbf;
}

.page-dang .column-shijiu li {
	font-size: 18px;
}

.page-dang .list-circle li {
	position: relative;
	padding : 12px 0 12px 36px;
}

.page-dang .list-circle li:before {
	position        : absolute;
	content         : '';
	width           : 9px;
	height          : 9px;
	top             : 50%;
	left            : 0;
	margin-top      : -4.5px;
	border-radius   : 50%;
	background-color: #da251e;
}

.page-dang .column-liangzuo {
	background-color: #f2f2f2;
	padding         : 40px 0;
}

.page-dang .column-liangzuo .row {
	margin-left : -42px;
	margin-right: -42px;
}

.page-dang .column-liangzuo .row>div {
	padding: 0 42px;
}

.page-dang .column-liangzuo li {
	padding-top   : 0;
	padding-bottom: 0;
	margin-bottom : 30px;
}

.page-dang .column-liangzuo li.active img {
	display: none;
	width  : 246px;
	height : 164px;
}

.page-dang .column-liangzuo li.active {
	padding-left: 0;
}

.page-dang .column-liangzuo li.active:before {
	width : 0;
	height: 0;
}

.page-dang .column-liangzuo li.active .info {
	margin-left: 266px;
}

.page-dang .column-liangzuo li h3 {
	font-size    : 16px;
	margin-bottom: 0;
}

.page-dang .column-liangzuo li img,
.page-dang .column-liangzuo li p {
	display: none;
}

.page-dang .column-liangzuo li.active img,
.page-dang .column-liangzuo li.active p {
	display: block;
}

.page-dang .column-liangzuo li p {
	line-height: 24px;
	height     : 72px;
	overflow   : hidden;
	text-indent: 14px;
	color      : #666;
}

.page-dang .column-liangzuo li p span {
	color: #da251e;
}

.page-dang .column-liangzuo li.active {
	padding-bottom: 30px;
	margin-bottom : 30px;
	border-bottom : 1px dashed #bfbfbf;
}

.page-dang .column-liangzuo li.active h3 {
	font-size: 18px;
	color    : #da251e;
	padding  : 10px 0 15px;
}

.page-dang .column-lianzheng .row>div {
	margin-bottom: 20px;
}

.page-dang .column-lianzheng {
	padding: 40px 0 60px;
}

.page-dang .column-lianzheng .inner {
	height            : 200px;
	padding           : 25px;
	background-color  : #f2f2f2;
	-webkit-transition: all .4s ease;
	transition        : all .4s ease;
}

.page-dang .column-lianzheng .inner:hover {
	box-shadow   : 0 3px 15px #ddd;
	border-radius: 6px;
}

.page-dang .column-lianzheng h3 {
	position      : relative;
	padding-bottom: 10px;
	font-size     : 18px;
	color         : #da251e;
}

.page-dang .column-lianzheng h3:before {
	position        : absolute;
	content         : '';
	z-index         : 10;
	bottom          : 0;
	left            : 0;
	width           : 30px;
	height          : 3px;
	background-color: #da251e;
}

.page-dang .column-lianzheng p {
	color      : #666;
	line-height: 24px;
	max-height : 98px;
	overflow   : hidden;
}

.page-dang .column-lianzheng p span {
	color: #da251e;
}

.page-dang .column.column-list .hd {
	line-height: 96px;
	font-size  : 14px;
	color      : #666;
}

.page-dang .column.column-list .hd cite {
	color     : #da251e;
	font-style: normal;
}

.page-dang .column-list .left {
	width: 257px;
}

.page-dang .column-list .left a {
	display         : block;
	height          : 56px;
	line-height     : 56px;
	background-color: #e3e3e3;
	text-align      : center;
	margin-bottom   : 2px;
	font-size       : 16px;
}

.page-dang .column-list .left a:hover {
	color: #da251e;
}

.page-dang .column-list .left a.active:hover,
.page-dang .column-list .left a.active {
	color           : #fff;
	background-color: #da251e;
}

.page-dang .column-list .right {
	margin-left: 300px;
}

.page-dang .column-list .right .list-circle li {
	padding-top   : 0;
	padding-bottom: 0;
	font-size     : 16px;
	line-height   : 36px;
}

.page-dang .column-list .right .list-circle li:before {
	background-color: #e9ded0;
}

.page-dang .column-list .right .list-circle li h3 {
	padding-right: 120px;
	margin-bottom: 0;
}

.page-dang .column-list .right .list-circle li span {
	position: absolute;
	right   : 0;
	top     : 0;
	color   : #666;
}

.page-dang .column-list .right .list-circle li:hover h3,
.page-dang .column-list .right .list-circle li:nth-child(5n - 4) h3 {
	color: #da251e;
}

.page-dang .column-list .right .list-circle li:nth-child(5n) {
	margin-bottom: 30px;
}

.page-dang .column-list .right .list-circle li:nth-child(5n):after {
	position     : absolute;
	content      : '';
	width        : 100%;
	top          : 48px;
	left         : 0;
	border-bottom: 1px dashed #ffba01;
}

.page-dang .column-list h1 {
	text-align : center;
	font-size  : 24px;
	font-weight: bold;
}

.page-dang .column-list p.info {
	color     : #999;
	text-align: center;
}

.page-dang .column-list p.info span {
	display: inline-block;
	margin : 0 10px;
}

.page-dang .column-list .article {
	margin-top: 40px;
	padding   : 40px 0 40px;
	border-top: 1px solid #b1b1b1;
}

.page-dang .column-list .article img {
	max-width: 100%;
}

.page-dang .column-list .sharebox {
	text-align   : right;
	margin-bottom: 40px;
}

.social-share .icon-wechat .wechat-qrcode {
	left: -126px;
}

.social-share .icon-wechat .wechat-qrcode:after {
	left: 71%;
}

.page-dang .social-share .social-share-icon {
	opacity: 0.7;
}

.page-dang .social-share .social-share-icon:hover {
	opacity: 1;
}

.page-dang .social-share .help {
	padding-left: 10px;
}

.page-dang .footer {
	text-align: center;
}

.page-dang .footer .bg {
	height         : calc(100vw * (240 / 1920));
	background     : url(/fcgzy/img/bg-dang-ft.png) center 0 no-repeat;
	background-size: 100% auto;
}

.page-dang .footer .about {
	padding: 40px 0;
}

.page-dang .footer .about span {
	display    : inline-block;
	margin     : 0 10px;
	line-height: 22px;
	color      : #666;
}

.page-dang .footer .about span a {
	color: #666;
}

.page-dang .footer .about span a:hover {
	color: #da251e;
}

.index .pl20 {
	padding-left: 20px;
}

.index .news-item-bd .link>div a {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.index .news-item-bd .link>div a:hover {
	top: -4px;
	box-shadow: 0px 0px 10px #ccc;
}

@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.animated {
	animation-duration: 0.8s;
	animation-fill-mode: both;
}
.fadeIn {
	animation-name: fade;
	animation-direction: normal;
}
.qrimg {
	max-width: 130px;
}

.imgbox {
	margin: 30px auto!important;
}

.list .desc {
	margin-bottom: 30px;
	height: 70px!important;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/* =========== 党专题 end ========== */

/* ====== 侧边栏菜单 start ======= */

.izl_rmenu {
	position:fixed;
	right: 0;
	bottom: 150px;
	padding-bottom: 73px;
	z-index: 99999;
	overflow: visible;
}
.izl_rmenu .btn {
	width: 102px;
	height: 103px;
	cursor: pointer;
	position: relative;
}
.izl_rmenu .btn-wx {
	background-color: #13c243;
	overflow: visible;
}
.izl_rmenu .btn-code {
	background-color: #6da9de;
	overflow: visible;
}
.izl_rmenu p {
	font-size: 18px;
	padding: 0;
	margin: 0;
	text-align: center;
	padding-top: 20px;
	color: #fff;
}
.izl_rmenu .btn-code .code > p:nth-child(2) {
	font-size: 18px;
	padding-top: 5px;
}
.izl_rmenu .btn-wx {
	background-color: #FBB01F;
	overflow: visible;
	text-align: center;
}
.izl_rmenu .btn-wx img{
	padding-top: 20px;
	vertical-align:middle;
}
.izl_rmenu .btn-wx p {
	padding-top: 15px;
}
.izl_rmenu .btn-phone {
	background-color:  #78C340;
	overflow: visible;
	text-align: center;
}
.izl_rmenu .btn-phone p {
	padding-top: 15px;
}
.izl_rmenu .btn-phone img{
	padding-top: 20px;
	vertical-align:middle;
}
.izl_rmenu .btn-wx .wxpic {
	display: none;
	width: 0;
	height: 0;
}
.izl_rmenu .btn-wx:hover > .wxpic {
	/* background: #ccc; */
	display:block;
	position:absolute;
	left: -146px;
	top: 0;
	z-index: 100;
	width: 146px;
	height: 146px;
	background:url(/fcgzy/img/qr.jpg);
	background-size: cover;
	transition:width 2s height 2s;
	-webkit-transition:width 2s height 2s;

}
.izl_rmenu .btn-phone .phone {
	position: absolute;
	display: none;
	width: 160px;
	height: 103px;
	left: -160px;
	top:0px;
	background-color: #75aa4d;
	line-height: 30px;
	text-align: center;
}
.izl_rmenu .btn-phone:hover > .phone {
	display: block;
}
.to-top {
	position  : fixed;
	width     : 102px;
	height    :102px;
	bottom    : 121px;
	right	  : 0!important;
	background:#ccc;
	background-size: cover;
	z-index: 99999;
	text-align: center;
}
.to-top img {
	padding-top: 20px;
	vertical-align:middle;
}
.to-top p {
	padding-top: 15px;
	text-align: center;
	color: #fff;
}
/* ====== 侧边栏菜单 end ======= */

footer .website .row .tel {
	text-decoration: none;
	color: #fff;
}

.nav-wrapper .sub-nav .gulter-20>div a:hover{
	color: #2a50b0;
	background: #fff;
}

.nav-wrapper .sub-nav .navtip {
	position: absolute;
	left: 50px;
	top: 0px;
	width: 110px;
	height: 50px;
	line-height: 50px;

}
.nav-wrapper .sub-nav .navtip span {
	display: block;
	font-size: 20px;
}
.nav-wrapper .sub-nav .ul {
	margin-left: 240px;
	list-style-type: disc;
}
.nav-wrapper .sub-nav .ul li {
	color: #4676f0;
	float: left;
	width: 20%;
	height: 100%;
	margin: 10px 0;
}
/*.nav-wrapper .sub-nav .ul li a {*/
/*	color:#888;*/
/*}*/
.nav-wrapper .sub-nav .tipbox {
	top: 0px;
	right:50px;
	width: 200px;
	height: 160px;

}
.nav-wrapper .sub-nav .tipbox div {
	margin-bottom: 100px ;
	width: 100%;
}
.nav-wrapper .sub-nav .tipbox p {
	padding: 0;
	margin: 0;
	font-size:18px;
	margin: 4px 0;
}
.nav-wrapper .sub-nav .tipbox img {
	width: 100%;
	height: 100%;
}
.izl_rmenu .btn-wx:hover {
	background-color: #ce972b;
}
.izl_rmenu .btn-code:hover {
	background-color: #4c81af;
}
.izl_rmenu .btn-phone:hover {
	background-color: #75aa4d;
}

.no-data {
	color: #777;
	font-size: 20px;
}

.layui-layer-content {
	text-align: unset !important;
}

.welcome-info {
	height: 24px;
	margin-bottom: -24px;
	padding-top: 4px;
	z-index: 9;
}
.welcome-info-left {
	line-height: 20px;
	float: left;
}
.welcome-info-right {
	line-height: 20px;
	float: right;
}
.welcome-info-right > a {
	margin-right: 18px;
}
<!--耗时1762913705.7764秒-->