@charset "utf-8";
	.ico-hot {
	position:relative
}
.ico-hot:after {
	content:"";
	display:inline-block;
	width:19px;
	height:17px;
	 
	vertical-align:0;
	margin-left:5px
}
.main-banner {
	height:600px;
	position:relative
}
.main-banner .main-wrap {
	height:100%
}
.main-banner .swiper-container {
	height:100%
}
.main-banner .swiper-slide {
	box-sizing:border-box;
	padding-bottom:133px
}
.main-banner .swiper-pagination-bullet {
	width:30px;
	height:14px;
	border-bottom:2px solid #fff;
	border-radius:0;
	background:0 0
}
.main-banner .swiper-pagination-bullets {
	bottom:150px
}
.main-banner-l {
	width:50%;
	height:100%;
	color:#fff;
	align-items:flex-start
}
.main-banner-l-title {
	font-size:44px;
	margin-bottom:20px
}
.main-banner-l-img {
	margin-bottom:10px
}
.main-banner-l-p {
	font-size:20px;
	margin-bottom:8px
}
.main-banner-l-btn {
	display:inline-block;
	width:176px;
	height:46px;
	line-height:44px;
	border:1px solid #fff;
	text-align:center;
	font-size:18px;
	position:relative;
	box-sizing:border-box;
	margin-top:40px
}
.main-banner-l-btn a {
	position:absolute;
	left:0;
	height:100%;
	width:100%;
	z-index:1
}
.main-banner-l-title-2 {
	font-size:44px;
	color:#2ca6bb;
	margin-bottom:10px
}
.main-banner-years {
	font-size:22px;
	color:#fff;
	background-color:#2c9bbb;
	display:inline-block;
	vertical-align:middle;
	padding:2px 10px;
	position:relative;
	bottom:6px;
	margin-left:6px
}
.main-banner-l-p-2 {
	font-size:20px;
	line-height:32px;
	margin-bottom:20px
}
.main-banner-l-p-2 .nums {
	display:inline-block;
	vertical-align:bottom;
	margin:0 20px
}
.main-banner-l-p-2 .num {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:24px;
	margin-right:-1px;
	border:1px solid #1c889b
}
.main-banner-l-p-s {
	font-size:16px;
	letter-spacing:12px
}
.main-banner-l-btn:hover a {
	background-color:#fff;
	color:#333
}
.main-banner-r {
	width:50%;
	text-align:center;
	height:100%;
	position:relative
}
.main-banner-r img {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:50%;
	transform:translateY(-40%)
}
.main-banner-video {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:600px;
	overflow:hidden;
	text-align:center;
	min-width:1500px;
	margin:0 auto
}
.main-banner-video:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,.7);
	z-index:1
}
.main-banner-video video {
	width:100%;
	position:relative
}
.main-pro {
	height:134px;
	background-color:rgba(255,255,255,.1);
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%;
	z-index:1
}
.main-pro-item {
	width:25%;
	height:134px;
	position:relative
}
.main-pro-item:hover {
	background-color:rgba(255,255,255,.1)
}
.main-pro-item:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	height:100%;
	border-right:1px solid rgba(255,255,255,.08)
}
.main-pro-item:first-child:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	border-right:1px solid rgba(255,255,255,.08)
}
.main-pro-item a {
	display:block;
	width:100%;
	height:100%
}
.main-pro-img {
	width:40%;
	text-align:center;
	height:134px;
	line-height:100px
}
.main-pro-img img {
	display:inline-block;
	vertical-align:middle
}
.main-pro-img svg {
	display:inline-block;
	vertical-align:middle
}
.main-pro-title {
	font-size:20px;
	margin:20px 0 10px
}
.main-pro-title .main-pro-ico {
	margin:0 10px
}
.main-pro-ul {
	padding-left:18px
}
.main-pro-ul li {
	list-style:disc;
	line-height:22px;
	font-size:13px;
	color:#fff
}
.main-title {
	font-size:24px;
	color:#333;
	text-align:center;
	margin:50px 0;
	position:relative
}
.main-title  span{
	font-size:14px;
	color:#666;
	text-align:center;
	 
}


.main-title:before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	bottom:-19px;
	left:50%;
	transform:translateX(-50%);
	border:6px solid;
	border-color:#b02c27 transparent transparent
}
.main-title:after {
	content:"";
	position:absolute;
	width:52px;
	height:3px;
	background-color:#b02c27;
	bottom:-8px;
	left:50%;
	transform:translateX(-50%)
}
.items {
	padding:30px 0
}
.items-service .item {
	width:390px;
	flex:1;
	border:1px solid #ededed;
	border-left:none;
	height:166px;
	padding:40px 0 0;
	align-items:flex-start;
	position:relative
}

.bgf7f8fa{background:#f7f8fa;}

.items-service .item:first-child {
	border-left:1px solid #ededed
}
.items-service .item:before {
	content:"";
	position:absolute;
	right:-22px;
	top:50%;
	transform:translateY(-50%);
	width:0;
	height:0;
	border:11px solid;
	border-color:transparent transparent transparent #ededed;
	z-index:1
}
.items-service .item:after {
	content:"";
	position:absolute;
	right:-20px;
	top:50%;
	transform:translateY(-50%);
	width:0;
	height:0;
	border:11px solid;
	border-color:transparent transparent transparent #fff;
	z-index:1
}
.items-service .item:nth-child(2):after {
	border-left-color:#f7f8fa
}
.items-service .item:last-child:after,.items-service .item:last-child:before {
	display:none
}
.items-service .img-block {
	margin:0 40px;
	display:inline-block!important;
}
.items-service .img-block .img-a {
	display:none
}
.items-service .item-block {
	display:inline-block!important;
	flex:1
}
.items-service .item-title {
	font-size:20px;
	color:#333;
	margin-bottom:20px
}
.items-service .item-p {
	font-size:16px;
	color:#666;
	margin:12px 0;
	background:url(../fonts/img-items-service-mark.svg) no-repeat left center;
	padding-left:18px
}
.items-service a:hover .item-p {
	text-decoration:underline
}
.items-apply-block {
	height:400px;
	background-color:#373d41
}
.items-apply .item {
	flex:1;
	text-align:center;
	position:relative;
	height:400px;
	background:no-repeat center;
	background-size:100% auto
}
.items-apply .item a {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0
}
.items-apply .item:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,.6);
	transition:all .4s cubic-bezier(.4,0,.2,1)
}
.items-apply .item:hover:before {
	background-color:rgba(32,176,159,.9)
}
.items-apply .item-1 {
	background-image:url(../fonts/b718b033331f4dcd8a4cade879cfef6b.html)
}
.items-apply .item-3 {
	background-image:url(../fonts/7357a4d4bd9a4c898698af4a08522901.html)
}
.items-apply .item-title {
	font-size:20px;
	font-weight:700;
	color:#fff;
	padding:20px 0;
	position:relative
}
.items-apply .item-title:before {
	content:"";
	position:relative;
	display:block;
	width:20px;
	border-bottom:2px solid #fff;
	margin:0 auto 20px;
	transition:all .4s cubic-bezier(.4,0,.2,1)
}
.items-apply .item:hover .item-title:before {
	opacity:0;
	margin-bottom:0
}
.items-apply .item .img-block {
	position:relative;
	margin-top:120px;
	transition:all .4s cubic-bezier(.4,0,.2,1)
}
.items-apply .item:hover .img-block {
	margin-top:80px
}
.items-apply .item-p-block {
	position:relative;
	transition:all .4s cubic-bezier(.4,0,.2,1);
	opacity:0;
	margin-top:10px
}
.items-apply .item:hover .item-p-block {
	display:block;
	opacity:1;
	margin-top:0
}
.items-apply .item-p {
	color:#fff;
	font-size:16px;
	margin-bottom:5px
}
.items-case .flex-row {
	justify-content:space-between;
	margin-top:-1px
}
.items-case .item {
	display:inline-block;
	width:296px;
	height:90px;
	margin:0;
	flex:1;
	margin-left:-1px;
	position:relative;
	border:1px solid #eee;
	transition:all .3s ease
}
.items-case .item:hover {
	z-index:1;
	border-color:#b02c27
}
.items-case .item a {
	display:block;
	height:100%
}
.items-case .item img {
	height:60px;
	transition:all .3s ease;
	position:absolute;
	
	top:50%;
	left:50%;
    	
	transform:translate(-50%,-50%)
}
.items-case .item .img-b {
	opacity:0;
	visibility:hidden
}
.items-case .item:hover .img-a {
	opacity:0;
	visibility:hidden
}
.items-case .item:hover .img-b {
	opacity:1;
	visibility:visible
}
.items-note {
	height:60px;
	
	padding:0px 0 30px 0;
}
.items-note .item-p {
	text-align:center;
	color:#333;
	font-size:16px;
	line-height:30px
}
.items-note .item-p span{font-size:40px; color:#b02c27; }
.items-branch .main-title {
	margin:20px 0 0;
	z-index:1
}
.map {
	width:100%;
	height:100%;
	position:relative
}
.map-dot {
	position:absolute;
	text-align:center;
	font-size:12px;
	cursor:pointer
}
.map-dot:after {
	content:"";
	display:block;
	width:8px;
	height:8px;
	margin:0 auto;
	background-color:#01b7bd;
	border-radius:50%
}
.map-dot.cur:after,.map-dot:hover:after {
	width:10px;
	height:10px
}
.map-dot.cur:before {
	content:"";
	position:absolute;
	left:50%;
	bottom:-3px;
	transform:translateX(-50%);
	width:14px;
	height:14px;
	border-radius:50%;
	border:1px solid #01b7bd;
	animation:dot 4s infinite
}
@keyframes dot {
	0% 100% {
	transform:translateX(-50%) scale(1);
	opacity:1
}
50% {
	transform:translateX(-50%) scale(1.5);
	opacity:.1
}
}.map-dot.beijing:after {
	width:13px;
	height:12px;
	border-radius:0;
	background:url(../images/c1246008e6254b5fb5b2660cf952b92a.html) no-repeat center
}
.map-dot.beijing.cur:before,.map-dot.beijing.cur:hover:before {
	display:none
}
.beijing {
	left:585px;
	top:220px
}
.tianjin {
	left:604px;
	top:234px
}
.heilongjiang {
	left:676px;
	top:106px
}
.jilin {
	left:696px;
	top:167px
}
.liaoning {
	left:660px;
	top:196px
}
.shanxi {
	left:540px;
	top:276px
}
.hebei {
	left:575px;
	top:254px
}
.shandong {
	left:610px;
	top:284px
}
.shanxi1 {
	left:502px;
	top:312px
}
.henan {
	left:562px;
	top:316px
}
.anhui {
	left:605px;
	top:334px
}
.jiangsu {
	left:646px;
	top:316px
}
.sichuan {
	left:425px;
	top:354px
}
.chongqing {
	left:495px;
	top:364px
}
.hubei {
	left:555px;
	top:359px
}
.shanghai {
	left:668px;
	top:341px
}
.zhejiang {
	left:655px;
	top:379px
}
.fujian {
	left:625px;
	top:428px
}
.jiangxi {
	left:595px;
	top:402px
}
.guangdong {
	left:575px;
	top:466px
}
.hunan {
	left:545px;
	top:409px
}
.guangxi {
	left:506px;
	top:461px
}
.guizhou {
	left:484px;
	top:424px
}
.yunnan {
	left:405px;
	top:462px
}
.branch-map {
	position:relative;
	margin-bottom:30px
}
.branch-map-l {
	width:849px;
	height:575px;
	position:relative
}
.branch-map-data {
	position:absolute;
	box-sizing:border-box;
	width:448px;
	border:1px solid #01b7bd;
	box-shadow:0 0 2px 2px #e9e9e9;
	background-color:#fff;
	padding:10px 30px;
	z-index:1;
	display:none
}
.branch-map-data:before {
	content:"";
	position:absolute;
	left:-16px;
	top:50%;
	transform:translateY(-50%);
	width:0;
	height:0;
	border:8px solid;
	border-color:transparent #01b7bd transparent transparent
}
.branch-map-data:after {
	content:"";
	position:absolute;
	left:-15px;
	top:50%;
	transform:translateY(-50%);
	width:0;
	height:0;
	border:8px solid;
	border-color:transparent #fff transparent transparent
}
.branch-map-data-title {
	border-bottom:1px solid #eee
}
.branch-map-data-title p {
	font-size:18px;
	color:#333;
	line-height:28px;
	display:inline
}
.branch-map-data-title span {
	font-size:12px;
	color:#666;
	line-height:20px;
	padding-left:10px
}
.branch-map-data-info {
	max-height:236px;
	overflow-y:auto
}
.data-branch {
	border-bottom:1px dashed #eee;
	padding:6px 0;
	box-sizing:border-box
}
.data-branch:last-child {
	border:none
}
.data-branch p {
	font-size:12px;
	color:#999;
	line-height:20px
}
.data-branch .data-name {
	font-size:14px;
	color:#666;
	line-height:normal;
	margin-bottom:5px
}
.items-news {
	background-color:#f5f5f5;
	padding-bottom:100px
}
.items-news a:hover {
	color:#b02c27
}
.items-news .items-news-block {
	justify-content:space-between
}
.items-news .items-news-block .item {
	float:left;	
	max-width:371px
}
.items-news .items-news-block .item a {
	color:#666
}
.items-news .items-news-block .item:hover a {
	color:#b02c27
}
.items-news .items-news-block .img-block {
	overflow:hidden
}
.items-news .items-news-block .img-block img {
	transition:all .3s ease
}
.items-news .items-news-block .item:hover .img-block img {
	transform:scale(1.1)
}
.items-news .item-title-block {
	border:1px solid #eee;
	border-top:none;
	background-color:#fff;
	height:50px;
	line-height:50px;
	padding:0 15px;
	margin:0 auto;
	box-sizing:border-box
}
.items-news .item-title-block .item-title {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	text-align:justify
}
.items-news .items-news-list {
	background-color:#fff;
	border:1px solid #eee;
	margin-top:20px;
	padding:20px 0;
	display:inline-block;
}
.items-news .items-news-list a{
	width:28%; 
	float:left;
	margin:5px 20px;
	overflow-y:hidden;
	height:20px;
}


.items-news .items-news-list .item {
	margin:5px 20px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	width:1000px
}
.items-news .items-news-list .item a {
	color:#999
}
.items-news .items-news-list .item a:hover {
	color:#b02c27
}
.items-our {
	padding-bottom:70px
}
.items-our .contents .content {
	display:none
}
.items-our .contents .content>.flex-row {
	justify-content:space-between
}
.items-our .tabs {
	margin:40px 0 30px;
	    border: 1px solid #e5e5e5;
}
.items-our .tabs .tab {
	flex:1;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:24px;
	background-color:#f5f5f5;
	box-sizing:border-box;
	border-right:none;
	position:relative;
	cursor:default
}
.items-our .tabs .tab:last-child {
	
}
.items-our .tabs .tab.cur {
	background-color:#f5f5f5;
	color:#333;
}
.items-our .tabs .tab.cur:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border:11px solid;
	border-color:#e5e5e5 transparent transparent transparent;
	bottom:-22px;
	left:50%;
	transform:translateX(-50%);
	transition:all .3s ease
}
.items-our .item {
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	width:280px;
	height:103px;
	transition:all .3s ease
}
.items-our .item:hover {
	box-shadow:0 4px 10px 0 rgba(0,0,0,.1)
}
.items-our .img-block {
	margin:0 0px 0 30px;
}
.items-our .item-title {
	font-size:18px;
	color:#333
}
.items-our .item-p {
	font-size:12px;
	color:#999;
	margin-top:10px
}
#branchs-container {
	margin:50px 0
}
#branchs-container .branch-title {
	font-size:16px;
	padding:0 10px 5px;
	margin-bottom:5px;
	border-bottom:1px solid #ddd;
	font-family:'Microsoft Yahei',PingFangSC,sans-serif
}
#branchs-container .branch-title-em {
	font-size:12px;
	color:#666;
	line-height:20px;
	padding-left:10px
}
#branchs-container .branch-list {
	font-size:12px;
	width:100%;
	font-family:'Microsoft Yahei',PingFangSC,sans-serif
}
#branchs-container .branch-list>li {
	margin:0 10px 5px;
	padding-bottom:5px;
	border-bottom:1px dashed #ddd;
	line-height:20px
}
#branchs-container .branch-name {
	color:#b02c27;
	margin-bottom:5px
}
#branchs-container .branch-address {
	color:#666;
	white-space:normal;
	word-break:break-all
}
#branchs-container .branch-url {
	color:#666
}
#branchs-container .branch-col-2 {
	overflow:hidden;
	width:500px
}
#branchs-container .branch-col-2>li {
	float:left;
	width:calc(50% - 20px)
}
#branchs-container .branch-col-3 {
	overflow:hidden;
	width:700px
}
#branchs-container .branch-col-3>li {
	float:left;
	width:calc(33.3333% - 20px)
}
#branchs-container .branch-col-2>li:nth-child(2n+1),#branchs-container .branch-col-3>li:nth-child(3n+1) {
	clear:left
}