body{
	font-size:16px;
	width:100%;
	line-height:1.8em;
	overflow-x:hidden;
	/* font-family:"microsoft yahei"; */
}
.container-fluid{
	margin:0;
	padding:0;
}
.inline-block{
	display:inline-block;
}
.flex{
	display:flex;
}
.v-center{
	align-items: center;
}
.h-center{
	justify-content: center;
}
.gray{
	background:#f9f9f9;
}
.clear-pd-mg{
	padding:0;
	margin:0;
}
.clear-mg{
	margin:0;
}
.clear-pd{
	padding:0;
}
.clear-top-bottom{
	padding-top:0;
	padding-bottom:0;
}
.clear-pd-right{
	padding-right:0;
}
.clear-pd-left{
	padding-left:0;
}
a, a:link, a:active{
	color:#000;
	text-decoration:none;
}
a:hover{
	color: red;
	text-decoration:none;
}
.row{padding:0;margin:0;}
.padding-3{
	padding:3rem;
}
.font-2{
	font-size:2rem;
}
.padding-2{
	padding:2rem;
}
.padding-1{
	padding:1rem;
}
.margin-1{
	margin:1rem 0;
}
.margin-2{
	margin:2rem 0;
}
.margin-3{
	margin:3rem 0;
}
.mt-1{
	height: 4rem;
	margin-top:1rem;
}
.mt-2{
	margin-top:2rem;
}

.title-center{
	text-align: center;
}
.m-left-2{
	margin-left:2rem;
	display:inline-block;
}
.m-left-4{
	margin-left:4rem;
	display:inline-block;
}
.mb-1{
	margin-bottom:1rem;
}
.mb-2{
	margin-bottom:2rem;
}
.mt-10{
	margin-top:10rem;
}
.bg-gray{
	background-color:#F9F9F9;
}
hr{margin:0;padding:0;}
.font-size-12{
	font-size:12px;
}
.clearfix{*zoom:1;clear:both;float:none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.header{
	padding-top:2rem;
}
.none{
	display:none;
}
.logo{
	text-align:center;
}
.logo img{
	width:80%;
}
.menu .menu-item{
	border-bottom:2px solid #fff;
	height:7rem;
	line-height:7rem;
	font-size:1.6rem;
}
.menu .menu-item a{
	font-size:1.6rem;
}
.menu .menu-item.active{
	border-bottom:2px solid #CB4C3C;
	position:relative;
}
.menu .menu-item > a{
	display:block;
	text-align:center;
}
.menu .menu-item.active > a{
	color:#CB4C3C;
}

.sub-menu{
	position:absolute;
	width:100%;
	left:0px;
	top:9rem;
	align-items: center;
	background:rgba(222, 40, 23, .8);
	height:7rem;
	line-height:7rem;
	z-index: 999;
}
.sub-menu a{
	padding:0 2vw;
	color:#fff;
}

.carousel-caption-item {
	width:14%;
	float:left;
	margin-right:0.3%;
	background:#fff;
}
.carousel-caption-item:last-child{
	margin:0;
}
.carousel-caption-item img{
	width:100%;
}
.carousel-caption-item .carousel-item-text{
	padding:1rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color:#CB4C3C;
	color:#fff;
	font-size:1.2rem;
	text-align:center;
}
.carousel-caption-item .carousel-item-text span{
	display:inline-block;
}
.carousel-control{
	width:5%;
}
.carousel-control.left{
	background:none;
	right:50px;
	height:50px;
	top:-60px;
	left: auto;
}
.carousel-control.right{
	background:none;
	height:50px;
	top:-60px;
}
.news-row{
	margin-bottom:2rem;
}
.section-news{
	background-color:#F9F9F9;
	padding-top:3rem;
}
.section-news .left img{
	width:100%;
	height:300px;
	object-fit:contain;
}
.section-news .right img{
	width:100%;
	height:150px;
	object-fit: cover;
}
.news-title{
	margin-bottom:2rem;
}
.section-news .left{
}
.section-news .right{
	padding-left:0;
}
.short-line{
	height:2px;
	width:5rem;
	border-bottom:.2rem solid #CB4C3C;
	margin:0 auto;
	margin-bottom:2rem;
	float:none;
}
.ext-title{
	
}
.section-middle{
	
}
.section-middle .tag-change{
	background-image:url(../images/fair.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
}
.section-middle .tag-change .tag-change-bg{
	background:rgba(0, 0, 0, .6);
}
.section-middle .tag-change-menu{
	height:6rem;
	line-height:6rem;
	text-align:center;
}
.section-middle .tag-change-menu > div{
	background:#fff;
	color:#000;
}
.section-middle .tag-change-menu .active{
	background:none;
	color:#fff;
}

.tag-change-menu > div{
	padding:0;
	margin:0;
}
.tag-icon{
	text-align:center;
	background:#fff;
	padding:4% 2%;
	margin-right:4%;
	min-height:12rem;
	font-size:1.2rem;
}
.tag-icon img{
	width:40%;
	min-height:8rem;
	object-fit: contain;
}
.tag-change-content{
	padding-top:1rem;
	height:28rem;
}

.case-process{
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
	background-image:url(../images/casebg.png);
	height:34rem;
	padding:0;
}
.mask{
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .6);
}
.case-title{
	padding-top:8rem;
	font-size:2rem;
	color:#fff;
	text-align:center;
}
.case_search{
	width:25rem;
	margin:0 auto;
}
.case_search input{
	display:inline-block;
	height:3.2rem;
	line-height:3.2rem;
	width:20rem;
	font-size:1.2rem;
	padding-left:2rem;
	float:left;
	border:0;
	border-radius:3px 0 0 3px;
}
.case_search button{
	float:left;
	border:0;
	background-image:url(../images/s.png);
	background-repeat:no-repeat;
	background-position:3rem center;
	background-size:30% auto;
	text-indent:-9999px;
	height:3.2rem;
	background-color:#fff;
	width:5rem;
	border-radius:0 3px 3px 0;
}
.lawer-summary {
	text-align:center;
}
.lawer-left img{
	width:100%;
	height:30rem;
	object-fit: cover;
}
.lawer-ext{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	align-content: center;
	align-items: center;
	height:30rem;
	background:#fff;
}
.lawer-ext div{
	width:100%;
	text-align:center;
	margin:1rem 0;
}
.lawer-ext .lawer-title{
	color:#CB4C3C;
	font-size:2rem;
	text-align:center;
}
.lawer-ext .lawer-link{
	width:60%;
	text-align:center;
	margin:0 auto;
	padding:.5rem .8rem;
	border:1px solid #333;
	font-size:12px;
}
.footer{
	font-size:1.2rem;
	margin-top:6rem;
	background-color:#DADADA;
}
.footer-menu{
	background-color:#F9F9F9;
	padding:4rem 2rem;
	font-size:12px;
}
.footer-menu .col-md-3{
	width:20%;
	line-height:2;
}
.footer ul{
	list-style:none;
	padding:0;
}
.footer li{
	list-style:none;
}
.footer .bt-menu-category{
	font-size:1.6rem;
	margin-bottom:2rem;
}

.footer-right{
	padding:4rem;
	line-height:2
}
.copy{
	line-height:2rem;
	padding:2rem;
}

.copy img{
	width:30px;
}

/*
bussiness
*/
.bn-main{
}
.bn-category-name{
	background-color: #CB4C3C;
	color:#fff;
	text-align:center;
}
.bn-menu{
	background-color:#F9F9F9;
	height:6rem;
	line-height:6rem;
	margin-bottom:4rem;
}
.bn-menu > div{
	text-align:center;
}
.bn-menu .active{
	background:rgb(190,100,90);
	color:#fff;
}
.bn-menu .active a{
	color:#fff;
}
.bn-desc{
	margin-top:5rem;
	background-image:url(../images/bn_bg.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	padding:5rem 0;
}
.bn-desc-title{
	text-align:center;
	height:5rem;
	line-height:5rem;
	font-size:3rem;
	font-weight:bold;
}
.bn-desc-content{
	width:80%;
	margin:0 auto;
	text-align:center;
	line-height:1.8;
}
.tpl-item{
	background:url(../images/fly.png) no-repeat 80% top;
	padding:4rem 0;
	border:1px solid #dadada;
	margin-bottom:2rem;
}
.tpl-name{
	background:#F9F9F9;
	padding:2rem;
	text-align:center;
}
.bn-content {
	text-align:center;
}
.bn-content > div{
	display:inline-block;
	padding:.5rem 2rem;
	cursor:pointer;
	background:#f9f9f9;
	color:#333;
	margin:0 2rem 2rem 1rem;
	border-radius:5px;
}
.bn-content > div.active{
	color:#fff;
	font-weight:bold;
	background:#CB4C3C;
}
.border-gray{
	border:1px solid #DADADA;
	border-radius:5px;
}

.bn-diy-content{
	background: #f9f9f9;
}
.bn-diy-content-red{
	border-color:#CB4C3C;
}

.bn-form{
	padding:3rem;
	background:#f9f9f9;
}
.about-exprience{
	height:2rem;
	line-height:2rem;
}

.exprience-title{
	z-index:999;background:#fff;padding-right:10px;display:inline-block;
}

/**about*/
.profession-item{
	color:#fff;
}
.profession-gray{
	color:#000;
}
.profession-item .title{

}
.profession-item.profession-red{
	background:#CB4C3C;
}
.profession-item.profession-red a{
	color:#fff;
}
.right-border{
	border-right:1px solid #dadada;
}
.profession-item .left-short-line span{
	display:inline-block;
	width:30px;
	border-bottom:1px solid #fff;
	height:10px;
}
.left-red-short-line span{
	display:inline-block;
	width:30px;
	border-bottom:1px solid #CB4C3C;
	height:10px;
}
.profession-gray .left-short-line span{
	border-bottom:1px solid #CB4C3C;
}

.profession-item .more span{
	padding:1% 8%;
	font-size:1rem;
	display:inline-block;
	border:1px solid #fff;
}


.profession-gray .more span{
	background:#BAA460;
	color:#fff;
}


/*team*/

.team .menu{
}
.team .menu > div{
	padding:5px 20px;
	color:#000;
	margin:0;
	border:1px solid #999;
}
.team .menu > div.active{
	background:#CB4C3C;
	color:#fff;
	border:1px solid #CB4C3C;
}

.team .lawer-item{
	margin:2rem 0;
	position:relative;
}

.team .lawer-desc{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	background:rgba(0, 0, 0, .8);
	margin:0 15px;
	color:#fff;
	display:none;
	width:calc(100% - 3rem);
	text-align:center;
}
.team .lawer-item:hover .lawer-desc{
	display:block;
}
.team .lawer-desc span{
	display:block;
	margin:10%;
	border:1px solid #BAA460;
	height:80%;
	display:flex;
	align-items: center;
	padding:10%;
}
.team .lawer-item img{
	width:100%;
	height:100%;
	object-fit: contain;
}
.team .tag-change-content{
	height:auto;
}


.news-list .desc{
	position:relative;
	line-height:20px;max-height:40px;overflow:hidden;
}
.color-gray{
	color:#999;
}


.party .lawer-item{
	background: #CB4C3C;
	padding:2rem;
	color:#fff;
	text-align:center;
	width:24%;
	margin-right:1%;
	aspect-ratio: 0.66;
}
.party .lawer-name .star{
	color:#ffff00;
	font-weight:bold;
	display:inline-block;
	padding:0 5px;
	font-size:16px;
}
.party-activity .item{
	margin-bottom:2rem;
	position:relative;
}
.party-activity .item:before{
	content: '';
	width:6px;
	height:6px;
	border-radius:100%;
	background:#dadada;
	position:absolute;
	right:0px;
	top:calc(50% - 2px);
	margin-right:-18px;
}
.party-activity .item:after{
	position:absolute;
	content:'';
	border-bottom:1px solid #dadada;
	right:0px;
	top:50%;
	width:15px;
	display:block;
	height:1px;
	margin-right:-15px;
	z-index:0;
}
.party-activity .item-right:before{
	left:0px;
	margin-left:-18px;
	top:calc(50% - 2px);
}
.party-activity .item-right:after{
	left:0px;
	margin:0;
	margin-left:-15px;
}

.part-union .item{
	display:flex;
	align-items: center;
	padding:4rem 2rem;
}
.part-union .item-1{
	border-radius:0 0 20px 0;
}
.part-union .item-2{
	border-radius:0 0 0 20px;
}
.part-union .item-3{
	border-radius:0 20px 0 0;
}
.part-union .item-4{
	border-radius:20px 0 0 0;
}
.red{
	background: #CB4C3C;
	color:#fff;
}

/*process*/
.process .circle{
	width:150px;
	height:150px;
	background:#E0CF9A;
	color:#333;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	margin:0 auto;
}


.process-line .item{
	margin-bottom:2rem;
	position:relative;
}
.process-line .item:before{
	content: '';
	width:12px;
	height:12px;
	border-radius:100%;
	background:#dadada;
	position:absolute;
	right:0px;
	top:0px;
	margin-right:-22px;
}
.process-line .item:after{
	position:absolute;
	content:'';
	border-bottom:1px solid #dadada;
	right:0px;
	top:6px;
	width:12px;
	display:block;
	height:1px;
	margin-right:-9px;
	z-index:0;
}
.process-line .item-right:before{
	left:0px;
	margin-left:-21px;
	background:#CB4C3C;
}

.process-line .dot-gray:before{
	background:#999;
}
.process-line .item-right:after{
	left:0px;
	margin:0;
	margin-left:-9px;
}
.visiable-hide{
	visibility: hidden;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #CB4C3C;
    border-color: #CB4C3C;
}
.pagination>li>a, .pagination>li>span {
	color:#000;
}
.mobile-menu{
	width:100vw;
	height:100vh;
	position:fixed;
	left:0px;
	top:5rem;
	background:#fff;
	z-index:9999;
}
.mobile-menu .left-menu{
	width:50%;
	float:left;
	font-size:1.8rem;
	padding-top:4rem;
}
.mobile-menu .left-menu > div{
	text-align:left;
	padding-left:20px;
	height:5rem;
	line-height:5rem;
	position:relative;
}
.mobile-menu .left-menu > div ul{
	position:absolute;
	left:100%;
	top:0px;
	width:100%;
	list-style:none;
	padding-left:20px;
	height:100vh;
	background:#f9f9f9;
	padding-top:3rem;
	display:none;
}
.mobile-menu .left-menu > div:hover ul{
	display:block;
	font-size:1.6rem;
}
.mobile-menu .left-menu > div ul li{
	list-style:none;
}
.mobile-menu .left-menu .active{
	background:#f9f9f9;
}
.mobile-menu .left-menu div:hover{
	background:#f9f9f9;
}
.menu-icon:hover .mobile-menu{
	display:block;
}
.archive-content img{
	width:100%;
	margin:0 auto;
	display:block;
}

.archive-content a:link{
	color: #0000ff;
	text-decoration: underline;
}

.archive-content a:active{
	color: #0000ff;
	text-decoration: underline;
}

.archive-content a:hover{
	color: #0000ff;
	text-decoration: underline;
}

.archive-content a:visited{
	color: #0000ff;
	text-decoration: underline;
}

.concern span{
	position:relative;
	display:inline-block;
}
.concern span .show-pic{
	position:absolute;
	left:0px;
	top:-105px;
	width:100px;
	display:none;
}
.concern span .show-wechat{
	left:-34px;
}
.concern span .show-weibo{
	left:-66px;
}

.concern span:hover .show-pic{
	display:block;
}
.area .profession-item{
	padding:6%;
	margin:2% 0;
}
@media screen and (min-width: 1024px) {
    .bd-diy-content{
		width:49%;margin-right:1%;
	}
	.part-union .item {
		height:200px;
	}
	.consultant-item{
		margin-bottom:2rem;
	}
	.profession-item .more span{
		font-size:14px;
	}
}
@media screen and (min-width: 1200px) {
	body{
		font-size:16px;
	}
	.header{
		width:1200px;
		margin:0 auto;
	}
	.tpl-name{
		height: 12rem;
	}
	
	.col-md-1{
		width:0;
		display:none;
	}
	.col-md-5{
		width:48%;
		margin:1%;
	}
	.col-md-10{
		width:100%;
		padding:0;
	}
	.bn-main .bn-menu .col-md-10{
		width:83%;
	}
	.photo img{
		width:360px;
		height:280px;
		object-fit: contain;
	}
	.section-middle{
		margin-top:2%;
	}
	.section-middle > .col-md-6{
		padding:0;
		margin:1% 0 1% 2%;
		width:49%;
	}
	.section-middle > .col-md-6:nth-child(1){
		margin:1% 0;
	}
	.section-middle .tag-change-content{
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.section-middle .tag-change-content.none{
		display:none;
	}
	.fix1200{
		width:1200px;
		margin:0 auto;
	}
}

@media screen and (max-width: 768px) {
.party .lawer-item {
	width:100%;
}
.news-row .news-row-right{
	padding:0;
}
.lawer-ext{
	height:auto;
	padding:20px 0;
}
.bn-diy-content-red{
	margin-top:2rem;
}
.process-line .item{
	padding:0;
}
.mt-10{
	margin-top:2rem;
}

.news-row .news-row-right .news-title{
	margin:2rem 0;
}
.profession-item{
	padding:2rem 0;
}
.process .gray .col-md-6{
	padding:0;
}
.process .gray .col-xs-12{
	padding:0;
}

.tag-icon{height:22rem;}
video{width:100%;}
.footer{
	margin-top:0;
}
.footer-right{
	padding:2rem;
}
}