/*基础CSS*/
html {
	font-size : 14px;
	overflow-x: hidden;
}

li {
	list-style: none;
}

a {
	color: #212529
}

a:hover {
	text-decoration: none;
}

p,
dl,
dt,
dd,
ul {
	margin : 0px;
	padding: 0px;
}

.wap_img {
	display: none !important;
}

.red {
	color: red;
}

.text-secondary a {
	color: #6c757d;
}

.card,
.figure {
	margin: 15px 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding  : 2.6rem 2rem;
	font-size: 1.2rem;
	color    : #676767;
}
@keyframes gradient {
            0% {
                padding: 1.2rem 1.5rem;
            }

            50% {
                padding: 1.6rem 1.5rem;
            }

            100% {
                padding: 2.2rem 1.5rem;
            }
}
@-webkit-keyframes gradient {
            0% {
                padding: 1.2rem 1.5rem;
            }

            50% {
                padding: 1.6rem 1.5rem;
            }

            100% {
                padding: 2.2rem 1.5rem;
            }
}
.navbar-expand-lg .navbar-nav .active .nav-link{
	color        : #fff;
	font-weight  : 600;
	background: linear-gradient(to top, #237357, #39b78b);
}
.nav-link{z-index: 5;position: relative;}
.nav-item{
    position: relative;
}
.nav-item:hover .nav-link{
    color:#fff !important;
}
.nav-item div{position: absolute;
top: 50%;
width: 100%;z-index: 1;
height: 0;
background: linear-gradient(to top, #237357, #39b78b);
transition:top 0.2s,height 0.2s;z-index:3;}
.nav-item:hover div{height:100%;top: 0%;}

.navbar-brand {
	font-size     : 20px;
	padding-top   : 0px;
	padding-bottom: 0px;
}

.shadow-sm-top {
	box-shadow: 0 -.125rem .25rem rgba(0, 0, 0, .075) !important;
}

.navbar {
	background: #FFFFFF !important;
	padding   : 0px;
}

.navbar-text {
	margin-left: 3rem;
}

.navbar-text a {
	display        : block;
	height         : 2.75rem;
	width          : 2.75rem;
	background     : #d1d1d1;
	border-radius  : 50%;
	display        : flex;
	justify-content: center;
	align-items    : center;
}

.navbar-text a:hover {
	background: #237357;
}

.navbar-text a .icon {
	color      : #FFFFFF;
	font-weight: 600;
}

.navbar-expand-lg>.container-top {
	width    : 80%;
	max-width: inherit;
}

.swiper-container .banner-pagination {
	position       : absolute;
	left           : 20%;
	bottom         : 3rem;
	width          : 60%;
	z-index        : 999;
	display        : flex;
	justify-content: space-between;
	align-items    : center;
}

.banner-pagination .swiper-pagination-bullet {
	width       : 1.2rem;
	height      : 1.2rem;
	background  : rgba(255, 255, 255, 0.5);
	margin-right: 2rem;
}

.banner-pagination .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 1);
}

.swiper-container .container_right {
	position       : relative;
	width          : 8rem;
	display        : flex;
	justify-content: space-between;
}

.swiper-container .container_right .swiper-button-bg {
	width          : 40px;
	height         : 40px;
	border-radius  : 50%;
	border         : 2px solid #FFFFFF;
	display        : flex;
	justify-content: center;
	align-items    : center;
	cursor         : pointer;
	opacity        : 0.6;
}

.swiper-container .container_right .swiper-button-bg:hover {
	opacity: 0.9;
}

.swiper-container .container_right .swiper-button-bg .icon {
	color: #FFFFFF;
}

.index-news {
	padding: 6rem 0;
}

.index-news .title {
	padding        : 1rem 0 3rem 0;
	display        : flex;
	width          : 100%;
	justify-content: space-between;
	align-items    : center;
}

.index-news .title-tabs {
	display    : flex;
	align-items: center;
	width      : calc(100% - 36rem);
	margin     : 1rem 0 0 0;
}

.index-news .title-tabs .title-tabs-list {
	font-size : 1.5rem;
	margin    : 0 2rem;
	cursor    : pointer;
	color     : #666;
	padding   : 0 0 1rem 0;
	box-sizing: border-box;
}


.index-news .title-tabs .active,
.index-news .title-tabs .title-tabs-list:hover {
	color        : #c89d66;
	border-bottom: 2px solid #c89d66;

}

.index-news .title .title-t {
	display    : flex;
	align-items: center;
	color      : #237357;
	font-size  : 2.5rem;
}



.index-news .title .title-t .icon {
	font-size    : 2.5rem;
	font-weight  : 600;
	padding-right: 0.7rem;
}

.index-news .title .title-t .title-t1 {
	margin-top: -0.4rem;
}

.index-news .title .title-more a {
	display    : flex;
	align-items: center;
	border     : 1px solid #c89d66;
	color      : #c89d66;
	padding    : 0.5rem 1rem;
}

.index-news .title .title-more a:hover {
	border: 1px solid #237357;
	color : #237357;
}

.index-news .title .title-more a .icon {
	padding-left: 9px;
	font-size   : 10px;
	padding-top : 2px;
}

.index-news-content-left img {
	width: 100%;
}

.index-news-content-left .item2 {
	height       : 6rem;
	line-height  : 6rem;
	border-bottom: 1px solid #c89d66;
	overflow     : hidden;
}

.index-news-content-left .item2 a {
	font-size: 1.4rem;
	color    : #000000;

}

.index-news-content-left .item3 {
	padding-top    : 1rem;
	display        : flex;
	justify-content: space-between;
}

.index-news-content-left .item3 .item3-desc {
	width      : calc(100% - 100px);
	color      : #808080;
	font-size  : 1rem;
	line-height: 2rem;
}

.index-news-content-left .item3 .item3-date {
	width     : 100px;
	text-align: right;
}

.index-news-content-left .item3 .item3-date .item3-date-1 {
	font-size: 1.5rem;
	color    : #000000;
}

.index-news-content-left .item3 .item3-date .item3-date-2 {
	font-size: 1.2rem;
	color    : #808080;
}

.index-news-content-right {
	flex     : 0 0 55%;
	max-width: 55%;
}

.index-news-content-right .item-list {
	display        : flex;
	justify-content: space-between;
	padding        : 1rem 0;
}

.index-news-content-right .item-list:first-child {
	padding-top: 0px;
}

.index-news-content-right .item-list .item-list-date {
	width       : 130px;
	text-align  : right;
	color       : #000000;
	padding     : 0.9rem 2rem 0.9rem 0;
	border-right: 1px solid #c89d66;

}

.index-news-content-right .item-list .item-list-date .item-list-1 {
	font-size  : 2.5rem;
	line-height: 3.1rem;
}

.index-news-content-right .item-list .item-list-date .item-list-2 {
	font-size: 1.5rem;
}

.index-news-content-right .item-list .item-list-con {
	width      : calc(100% - 150px);
	display    : flex;
	align-items: center;
	flex-wrap  : wrap;
}

.index-news-content-right .item-list .item-list-con .item-list-con1 {
	color    : #000000;
	font-size: 1.4rem;
}

.index-news-content-right .item-list .item-list-con .item-list-con2 {
	color      : #808080;
	font-size  : 1rem;
	line-height: 2rem;
}

.index-business {
	background: url('../image/yw_bg.jpg') center top no-repeat;
	min-height: 30rem;
}

.index-business .title-t {
	display    : flex;
	align-items: center;
	padding    : 8rem 0 1rem 0;
}

.index-business .title-t0 {
	margin: 0.1rem 1rem 0 0;
}

.index-business .title-t1 {
	color    : #237357;
	font-size: 2.4rem;
}

.index-business .title-desc {
	font-size: 1.2rem;
	color    : #000;
}

.index-business .item {
	display  : flex;
	padding  : 6rem 0 11.5rem 0;
	flex-wrap: wrap;
}

.index-business .item-list {
	padding: 4.5rem 0 2.8rem 0;
}

.index-business .item-list:hover {
	opacity: 0.9;
}

.index-business .item-list .icon {
	width          : 130px;
	height         : 130px;
	display        : flex;
	justify-content: center;
	align-items    : center;
	margin         : 0 auto;
	border-radius  : 50%;
}

.index-business .item-list .icon img {
	display           : block;
	-webkit-transition: 0.3s;
	transition        : 0.3s;
}

.index-business .item-list .icon:hover img {
	display          : block;
	-webkit-transform: rotate(45deg);
	transform        : rotate(45deg);
}

.index-business .item-list .txt {
	margin        : 0 auto;
	text-align    : center;
	color         : #ffffff;
	font-size     : 1.8rem;
	padding       : 2rem 0 0 0;
	letter-spacing: 0.2rem;
}

.index-business .item-list:nth-child(1) {
	background: #237357;
}


.index-business .item-list:nth-child(2) {
	background: #ffffff;
}

.index-business .item-list:nth-child(3) {
	background: #2da87d;
}

.index-business .item-list:nth-child(4) {
	background: #66c2a2;
}

.index-business .item-list:nth-child(1) .icon {
	background: #4f8f79;
}

.index-business .item-list:nth-child(2) .icon {
	background: #237357;
}

.index-business .item-list:nth-child(3) .icon {
	background: #57b997;
}

.index-business .item-list:nth-child(4) .icon {
	background: #85ceb5;
}

.index-business .item-list:nth-child(2) .txt {
	color: #237357;
}

.index-about .title .title-t {
	display    : flex;
	align-items: center;
	color      : #237357;
	font-size  : 2.5rem;
}


.index-about {
	background: url('../image/about_bg.png') center 8.4rem no-repeat;
	min-height: 30rem;
	padding   : 6rem 0 0 0;
}

.index-about .title .title-t .icon {
	font-size    : 3.3rem;
	padding-right: 0.7rem;
}

.index-about .title .title-t .title-t1 {
	margin-top: -0.4rem;
}

.index-about .content {
	width  : 35rem;
	padding: 5rem 0;
}

.index-about .content .content-title {
	font-size: 1.6rem;
	color    : #000;
}

.index-about .content .content-txt {
	padding: 1.2rem 0;
}

.index-about .content .content-txt p {
	line-height: 2.2rem;
	font-size  : 1.1rem;
	color      : #000;
	text-indent: 2em;
}

.index-about .content .content-more {
	display   : inline-block;
	margin-top: 2rem;
}

.index-about .content .content-more a {
	display    : flex;
	align-items: center;
	border     : 1px solid #c89d66;
	color      : #c89d66;
	padding    : 0.1rem 1rem;
}

.index-about .content .content-more a:hover {
	border: 1px solid #237357;
	color : #237357;
}

.footer {
	background    : #237357;
	border-top    : 0.5rem solid #c89d66;
	padding-bottom: 5rem;
}

.footer .footer-top {
	border-bottom: 1px solid #edbc63;
	width        : 100%;
	padding      : 5rem 0;
}

.footer .footer-top img {
	display: block;
}

.footer .footer-center {
	display        : flex;
	justify-content: space-between;
	padding        : 4rem 0;
}

.footer .footer-center .txt {
	text-align: center;
	color     : #ffffff;
	font-size : 1.2rem;
	padding   : 1rem 0 0 0;
}

.footer .footer-center-r {
	display        : flex;
	justify-content: space-between;
	width          : calc(100% - 25rem);
}

.footer .footer-center-r a {
	display   : block;
	text-align: center;
}

.footer .footer-center-r .item-list-t a {
	color    : #ffffff;
	font-size: 1.4rem;
}

.footer .footer-center-r .item-list-c {
	margin-top: 1.7rem;
}

.footer .footer-center-r .item-list-c a {
	color      : #cdcdcd;
	line-height: 2.8rem;
	font-size  : 1.1rem;
}
.footer .footer-center-r .item-list-c a:hover {
	color      : #edbc63;
}
.footer-contact {
	color: #ffffff;
}

.footer-contact .item-list {
	display    : flex;
	align-items: center;
}

.footer-contact .icon {
	font-size   : 2rem;
	margin-right: 0.5rem;
}

.footer-contact .txt {
	font-size: 1.2rem;
}

.footer-contact .item-list:nth-child(2) .txt {
	font-size : 2rem;
	font-style: italic;
}

/*在线客服*/
.online {
	position: fixed;
	bottom  : 150px;
	right   : 10px;
	width   : 60px;
	z-index : 999;
	color   : #999;
}

.online a {
	color: #666;
}

.online a:hover {
	text-decoration: none;
}

.online dl {
	background   : #27a8e1;
	padding      : 10px 5px;
	margin-bottom: 1px;
	position     : relative;
}

.online dl dd {
	color     : #fff;
	text-align: center;
	font-size : 12px;
	cursor    : pointer;
}

.online dl dd i {
	font-size: 25px;
}

.online dl:hover {
	background: #1781bd;
}

.online dl dt {
	position   : absolute;
	top        : 0px;
	right      : 60px;
	background : #fff;
	border     : 1px solid #ccc;
	z-index    : 9999;
	display    : none;
	padding    : 10px 15px;
	font-weight: normal;
}

.online dl dt h3 {
	display       : block;
	font-size     : 16px;
	color         : #666;
	border-bottom : 1px solid #ccc;
	padding-bottom: 5px;
}

.online dl dt h3 i {
	margin-right: 5px;
}

.online dl dt h3 span {
	float : right;
	cursor: pointer;
}

.online dl dt input {
	border       : 1px solid #ccc;
	border-radius: 5px;
	margin-top   : 15px;
	height       : 40px;
	line-height  : 40px;
	padding      : 3px 5px;
	width        : 100%;
}

.online dl dt button {
	margin       : 10px 0;
	border       : none;
	border-radius: 5px;
	width        : 100%;
	font-size    : 18px;
	height       : 40px;
	line-height  : 40px;
	background   : #28a7e1;
	color        : #fff;
	cursor       : pointer;
}

/* 顶部搜索 */
#alert {
	z-index      : 2;
	border       : 1px solid rgba(0, 0, 0, .2);
	width        : 598px;
	height       : auto;
	border-radius: 6px;
	box-shadow   : 0 5px 15px rgba(0, 0, 0, .5);
	background   : #fff;
	z-index      : 1000;
	position     : fixed;
	left         : 50%;
	top          : 15%;
	margin-left  : -299px;
	display      : none;
}

.model-head {
	padding      : 15px;
	color        : #73879C;
	border-bottom: 1px solid #e5e5e5;
}

.close {
	padding    : 0;
	cursor     : pointer;
	background : 0 0;
	border     : 0;
	float      : right;
	font-size  : 14px !important;
	font-weight: 700;
	text-shadow: 0 1px 0 #fff;
	opacity    : 0.4;
	margin-top : 5px;
}

#close:hover {
	cursor: pointer;
	color : #000;
}

#mask {
	position  : fixed;
	top       : 0;
	left      : 0;
	height    : 100%;
	width     : 100%;
	background: #000;
	opacity   : 0.3;
	display   : none;
	z-index   : 1;
	overflow  : hidden;
}

.model-content {
	position: relative;
	padding : 10px 5px 5px 5px;
}

#flowDiv input {
	border       : 1px solid #e1e1e1;
	border-radius: 5px;
	height       : 40px;
	line-height  : 40px;
	padding      : 3px 5px;
	width        : 100%;
	display      : block;
	background   : #f1f1f1;
}



.foot-btn {
	width     : 100%;
	height    : 58px;
	border-top: 1px solid #ddd;
	padding   : 10px 10px;
	margin-top: 10px;
}

/*.flowListBox .for-cur strong
{
	font-weight: 900;
}*/
.successs {
	text-align: center;
	padding   : 20px 0 60px 0;
}

.successs h3 {
	padding  : 20px;
	font-size: 25px;
}

.for-cur:last-child {
	background-color: #C96;
	border          : 2px solid #C96;
}


.contentList {
	display: none;
}

@media only screen and (max-width: 1580px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding  : 2.4rem 1.5rem;
		font-size: 1.1rem;
		color    : #676767;
	}

	.navbar-text {
		margin-left: 2rem;
	}

	.navbar-text a {
		display        : block;
		height         : 2.5rem;
		width          : 2.5rem;
		background     : #d1d1d1;
		border-radius  : 50%;
		display        : flex;
		justify-content: center;
		align-items    : center;
	}
}

@media only screen and (max-width: 1350px) {
	html {
		font-size: 13px;
	}

}

@media only screen and (max-width: 1250px) {
	html {
		font-size: 12px;
	}

}

@media only screen and (max-width: 1200px) {
	html {
		font-size: 11px;
	}

	.pc_img {
		width  : 98%;
		display: block;
	}
}

@media only screen and (max-width: 990px) {
	html {
		font-size: 10px;
	}

	.navbar {
		padding: 0.5rem 0rem;
	}

	#navbarNav {
		padding: 1rem 0;
	}

	.navbar-text {
		display: none;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding  : 0.8rem 0.5rem;
		font-size: 1rem;
		color    : #676767;
	}




}

@media only screen and (max-width: 800px) {
	.navbar-expand-lg>.container-top {
		width        : 100%;
		padding-right: 15px;
		padding-left : 15px;
		margin-right : auto;
		margin-left  : auto;
	}

	.index-news {
		padding: 3rem 0;
	}

	.index-news-content-right .item-list .item-list-date {
		width: 90px;
	}

	.index-news-content-right .item-list .item-list-con {
		width: calc(100% - 110px);
	}

	.swiper-container .banner-pagination {
		bottom: 2rem;
	}

	.banner-pagination .container_left {
		width          : 100%;
		display        : flex;
		justify-content: center;
	}

	.banner-pagination .swiper-pagination-bullet {
		width       : 0.8rem;
		height      : 0.8rem;
		background  : rgba(255, 255, 255, 0.5);
		margin-right: 1rem;
	}

	.banner-pagination .swiper-pagination-bullet-active {
		background: rgba(255, 255, 255, 1);
	}

	.banner-pagination .container_right {
		display: none !important;
	}

	.index-business .item-list .icon {
		width : 12rem;
		height: 12rem;
	}

	.index-business .item-list .icon img {
		width : 7rem;
		height: 7rem;
	}

	.index-news-content-right {
		flex      : 0 0 100%;
		max-width : 100%;
		margin-top: 2rem;
	}

	.index-business .title-t {
		padding: 5rem 0 1rem 0;
	}

	.index-business .item {
		padding: 4rem 0 6rem 0;
	}

	.index-business .item-list .txt {
		font-size: 1.6rem;
	}

	.index-about {
		padding: 4rem 0 0 0;
	}

	.index-about .content {
		width  : 100%;
		padding: 3rem 0;
	}

	.index-about .content .content-title {
		font-size: 2rem;
		color    : #000;
	}

	.index-about .content .content-txt p {
		line-height: 3rem;
		font-size  : 1.4rem;
		color      : #000;
		text-indent: 2em;
	}

	.footer-center-r {
		display: none !important;
	}

	.footer .footer-center {
		justify-content: center;
	}

	.footer-contact .item-list {
		justify-content: center;
	}

	.index-news .title {
		padding        : 1rem 0 6rem 0;
		display        : flex;
		width          : 100%;
		justify-content: space-between;
		align-items    : center;
		position       : relative;
		margin-bottom  : 2rem;
	}

	.index-news .title-tabs {
		display        : flex;
		align-items    : center;
		width          : calc(100% - 0rem);
		margin         : 1rem 0 0 0;
		position       : absolute;
		left           : 0px;
		bottom         : 0px;
		justify-content: space-around;
	}

	.pc_img {
		display: none !important;
	}

	.wap_img {
		display: block !important;
		margin : 0 auto;
	}
}