/*导航*/
.nav_box{
	width: 100%;
	height: 7rem;
	background: #FFFFFF;
	position: sticky;
	top: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 1000;
	-moz-box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.08);
}

.nav{
    width: 1600px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	position: static;
}

.nav_logo{
	width: auto;
	height: 60%;
	position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.nav_logo>a{
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.nav_logo img{
	width: auto;
	height: 100%;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_main{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: static;
	padding-left: 5rem;
}
.nav_menu{
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
	position: static;
}
.nav_menu_item{
    width: auto;
    height: 100%;
	position: static;
	padding: 0 2rem;
}
.nav_menu_item2{
	position: relative;
}
.nav_menu_item>a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	height: 100%;
	position: relative;
	font-size: 1.25rem;
	color: rgba(0,0,0,0.8);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	overflow: hidden;
	padding: 0 0.5rem;
}


.nav_menu_item>a:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	font-size: 0;
	background: var(--OneColor);
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scaleX(0);
}
.nav_menu_item_on>a:after{
	transform: scaleX(1);
}
.nav_menu_item2_hover>a:after{
	transform: scaleX(1);
}

.nav_menu_item>a:hover:after{
	transform: scaleX(1);
}

.nav_menu_item_on>a{
	color: var(--OneColor);
}
.nav_menu_item:hover>a{
	color: var(--OneColor);
}
.nav_menu_item>a span{
	position: relative;
	z-index: 5;
}
.nav_back{
	width: 100%;
	height: 0;
	overflow: hidden;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 100%;
	background: #FFFFFF;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	-moz-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
	border-top: 1px solid rgba(0,0,0,0.05);
}
.nav_back_on{
	height: 13rem;
	opacity: 1;
}
.nav_down{
	position: absolute;
	width: 18rem;
	height: 0;
	overflow: hidden;
	left: calc(50% - 9rem);
	top: 100%;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_menu_item:hover .nav_down{
	opacity: 1;
	height: auto;
}
.nav_downl{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 1.5rem 0;
	padding-bottom: 2rem;
	
	
}

.nav_down_item{
	width: 48%;
	height: auto;
}
.nav_down a{
	display: block;
	width: auto;
	height: auto;
	font-size: 1.125rem;
	color: #656160;
	margin: 1rem 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_down a:hover{
	color: var(--OneColor);
}


.nav_down2_box{
	width: 100%;
	height: 0;
	overflow: hidden;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 100%;
	background: #FFFFFF;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	-moz-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
	border-top: 1px solid rgba(0,0,0,0.05);
}
.nav_menu_item:hover .nav_down2_box{
	opacity: 1;
	height: auto;
}
.nav_down2{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 4rem 5rem;
}
.nav_down2l{
	width: 60%;
	height: auto;
}
.nav_down2lt{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.nav_down2lt_title{
	font-size: 1.375rem;
	font-weight: bold;
	color: #000000;
}
.nav_down2lt_btn a{
	font-size: 1.125rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_down2lt_btn a:hover{
	color: var(--OneColor);
}

.nav_down2lc{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.nav_down2lci{
	width: 47.5%;
	height: auto;
	margin-top: 1.5rem;
}
.nav_down2lci_img{
	width: 100%;
	aspect-ratio: 516/340;
	font-size: 0;
	overflow: hidden;
}
.nav_down2lci_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.nav_down2lci:hover .nav_down2lci_img img{
	transform: perspective(100px) translateZ(2px);
}
.nav_down2lci_title{
	font-size: 1.375rem;
	color: #000000;
	margin-top: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_down2lci:hover .nav_down2lci_title{
	color: var(--OneColor);
}
.nav_down2lci_des{
	font-size: 1.125rem;
	color: #666666;
	margin-top: 0.5rem;
}

.nav_down2r{
	width: 35.5%;
	height: auto;
}
.nav_down2rt_title{
	font-size: 1.375rem;
	font-weight: bold;
	color: #000000;
}
.nav_down2rc{
	width: 100%;
	height: auto;
}
.nav_down2rci{
	width: 100%;
	height: auto;
	margin-top: 1.5rem;
}
.nav_down2rci a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.nav_down2rci_img{
	width: 60%;
	aspect-ratio: 16/9;
	font-size: 0;
	overflow: hidden;
}
.nav_down2rci_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.nav_down2rci:hover .nav_down2rci_img img{
	transform: perspective(100px) translateZ(3px);
}
.nav_down2rcic{
	padding-left: 2rem;
}

.nav_down2rci_title{
	font-size: 1.375rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_down2rci:hover .nav_down2rci_title{
	color: var(--OneColor);
}
.nav_down2rci_btn{
	font-size: 1.125rem;
	color: #002a17;
	margin-top: 1.5rem;
}


.nav_down2rb{
	width: 100%;
	height: auto;
	text-align: right;
	margin-top: 2rem;
}
.nav_down2rb a{
	font-size: 1.125rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_down2rb a:hover{
	color: var(--OneColor);
}

.nav_search{
    width: 25%;
    height: 3rem;
	border: 1px solid rgba(0,0,0,0.1);
    position: relative;
	z-index: 10;
	padding: 0 1rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.nav_search a{
    display: inline-block;
    width: auto;
    height: 60%;
    position: relative;
    z-index: 5;
}
.nav_search svg{
    width: auto;
    height: 100%;
    fill:#000000;
    cursor: pointer;
}
.nav_search form{
    width: calc(100% - 2rem);
	height: auto;
}
.nav_search input{
    width: 100%;
    height: 2.5rem;
    padding: 0 1rem;
    font-size: 1.125rem;
    border: none;
}


.menubtn{
	display: none;
}

/*nbanner*/
.nbanner{
	width: 100%;
	height: calc(100vh - 7rem);
	max-height: 800px;
	position: relative;
}
.nbanner_img{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}
.nbanner_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.nbanner_con{
    position: relative;
    width: 1600px;
    width: var(--mainwidth);
    height: 100%;
	margin: 0 auto;
    z-index: 5;
    left: 0;
    top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.nbanner_con_title{
    font-size: 3.375rem;
    color: #FFFFFF;
}
.nbanner_con_line{
	width: 6rem;
	height: 3px;
	font-size: 0;
	background: var(--OneColor);
	margin-top: 2.5rem;
}
.nbanner_con_ltitle{
	width: 37rem;
	height: auto;
    font-size: 1.375rem;
    color: #FFFFFF;
    margin-top: 2rem;
	line-height: 170%;
}


/*footer*/
.footer_box{
    width: 100%;
    height: auto;
    background:#f9f9f9;
    position: relative;
    overflow: hidden;
	border-top: 2px solid #e6e6e6;
}
.footer{
    width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    padding-top: 5rem;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: flex-start;
}

.footer_logo{
    width: auto;
    height: 5rem;
    font-size: 0;
}
.footer_logo img{
    width: auto;
    height: 100%;
}

.footer_code{
    width: 11rem;
    height: auto;
    font-size: 0;
}
.footer_code img{
    width: 100%;
    height: auto;
}
.footer_code_title{
    font-size: 1rem;
    color: #8c8c8c;
    margin-top: 1rem;
	text-align: center;
}

.footer_item{
    width: auto;
    height: auto;
}
.footer_item_title{
    font-size: 1.25rem;
    color: #000000;
    display: block;
}

.footer_itemc{
	width: auto;
	height: auto;
	margin-top: 1.5rem;
}

.footer_itemc a{
    display: block;
    font-size: 1.125rem;
    color: #666666;
    margin-top: 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.footer_itemc a:hover{
    color: #000000;
}


.footer_bottom{
    width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    text-align: left;
    padding: 2rem 0;
    margin-top: 3rem;
    position: relative;
    z-index: 5;
	font-size: 1.125rem;
    color: rgba(0,0,0,0.5);
	line-height: 150%;
}
.footer_bottom a{
    color: rgba(0,0,0,0.5);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.footer_bottom a:hover{
    color: rgba(0,0,0,1);
}
/*翻页*/

.npage{
    width: 100%;
    height: auto;
    padding: 3rem 0 3rem 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
.npage_as{
    width: 3.5rem;
    height: 3.5rem;
	border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	background: var(--OneColor);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0 1rem;
}
.npage_as svg{
    width: 2rem;
    height: 2rem;
    fill:#ffffff;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.npage_as:hover svg{
    fill:#ffffff;
}

.npage_ac{
    display: inline-block;
    width:2.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 0 0.2rem;
    font-size: 1.375rem;
    font-family: opm;
    color: rgba(0,0,0,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.npage_ac:hover{
    color:var(--OneColor);
}
.npage_acon{
    color:var(--OneColor);
}


/*关于我们*/
.ab_item{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ab_item2{
	flex-direction: row-reverse;
}
.ab_itemr{
	width: 44%;
	height: auto;
	font-size: 0;
}
.ab_itemr img{
	width: 100%;
	height: auto;
}
.ab_iteml{
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ab_iteml2{
	width: 50%;
	height: auto;
}
.ab_iteml_title{
	font-size: 2.375rem;
	color: #000000;
}
.ab_iteml_line{
	width: 7rem;
	height: 2px;
	font-size: 0;
	background: var(--OneColor);
	margin-top: 1.5rem;
}
.ab_iteml_des{
    font-size: 1.375rem;
    color: #000000;
	line-height: 170%;
}
.ab_iteml2_des{
    font-size: 1.375rem;
    color: #000000;
    margin-top: 2rem;
	line-height: 170%;
}

/*估价服务*/
.gj_ys{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.gj_ysc{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
}
.gj_ysci{
	width: 23.5%;
	height: auto;
	background: #f6f6f6;
	padding: 3rem 4rem;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.gj_ysci:hover{
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
}
.gj_ysci_ico{
	width: auto;
	height: 4rem;
	font-size: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.gj_ysci:hover .gj_ysci_ico{
	transform: translateY(-0.3rem);
}
.gj_ysci_ico img{
	width: auto;
	height: 100%;
}
.gj_ysci_title{
	width: auto;
	height: auto;
	font-size: 1.375rem;
	color: #000000;
	margin-top: 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.gj_ysci:hover .gj_ysci_title{
	transform: translateY(-0.3rem);
}
.gj_ysci_des{
	width: auto;
	height: auto;
	font-size: 1rem;
	color: #000000;
	margin-top: 1rem;
	line-height: 170%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.gj_ysci:hover .gj_ysci_des{
	transform: translateY(-0.3rem);
}

.gj_fw{
	width: 100%;
	aspect-ratio: 1920/800;
	max-height: 800px;
	position: relative;
	margin-top: 7rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.gj_fw_title .ab_iteml_title{
	text-align: center;
	color: #FFFFFF;
}
.gj_fw_title .ab_iteml_line{
	margin: 0 auto;
	margin-top: 1.5rem;
}

.gj_fwc{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5rem;
}
.gj_fwci{
	width: 16%;
	height: auto;
}
.gj_fwci_title{
	font-size: 1.75rem;
	color: #FFFFFF;
}
.gj_fwci_des{
	font-size: 1.125rem;
	color: #FFFFFF;
	line-height: 170%;
	margin-top: 3rem;
}

.gj_lc_title{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}

.gj_lc{
	width: 100%;
	height: auto;
	margin-top: 5rem;
	position: relative;
}
.gj_lc:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 4px;
	font-size: 0;
	background: #e5e5e5;
	left: 0;
	z-index: 0;
	top: 7.3rem;
}
.gj_lcc{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	z-index: 5;
}
.gj_lcci{
	width: 20%;
	height: auto;
	
}
.gj_lcci_title{
	font-size: 1.75rem;
	color: #000000;
	text-align: center;
	height: 2.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: translateY(10rem);

}
.gj_lcci_on .gj_lcci_title{
	transform: translateY(0rem);
}
.gj_lcci_ltitle{
	font-size: 1.375rem;
	color: #777777;
	text-align: center;
	height: 2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: translateY(10rem);

}
.gj_lcci_on .gj_lcci_ltitle{
	transform: translateY(0rem);
}
.gj_lcci_dian{
	width: 2rem;
	height: 2rem;
	font-size: 0;
	background: #777777;
	border: 0.5rem solid #777777;
	border-radius: 50%;
	margin: 2rem auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}
.gj_lcci_on .gj_lcci_dian{
	background: #FFFFFF;
	border: 0.5rem solid var(--OneColor);
}
.gj_lcci_des{
	font-size: 1.125rem;
	color: #777777;
	line-height: 170%;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.gj_lcci_on .gj_lcci_des{
	opacity: 1;
}

/*金融服务*/
.jr_lx{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.ab_iteml_ltitle{
	font-size: 1.125rem;
	color: #777777;
	margin-top: 2rem;
}
.jr_lxc{
	width: 100%;
	height: auto;
	margin-top: 3rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.jr_lxcl{
	width: 33%;
	height: auto;
	background: #f6f6f6;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.jr_lxcl_img{
	width: 12rem;
	height: auto;
	font-size: 0;
	margin: 0 auto;
}
.jr_lxcl_img img{
	width: 100%;
	height: auto;
}
.jr_lxcl_title{
	text-align: center;
	font-size: 1.5rem;
	color: #000000;
	margin-top: 3rem;
}
.jr_lxcl_des{
	text-align: center;
	font-size: 1.125rem;
	color: #000000;
	line-height: 170%;
	margin-top: 1rem;
}
.jr_lxcl_btn{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 2rem;
}
.jr_lxcl_btn a{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	height: 3.5rem;
	background: var(--OneColor);
	text-align: center;
	font-size: 1.25rem;
	padding: 0 5rem;
	color: #FFFFFF;
}

.jr_lxcr{
	width: 67%;
	height: auto;
	font-size: 0;
}
.jr_lxcr img{
	width: 100%;
	height: auto;
}


.jr_fw{
	width: 100%;
	aspect-ratio: 1920/800;
	max-height: 800px;
	position: relative;
	margin-top: 7rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.jr_fw_title .ab_iteml_title{
	text-align: center;
	color: #FFFFFF;
}
.jr_fw_title .ab_iteml_line{
	margin: 0 auto;
	margin-top: 1.5rem;
}

.jr_fwc{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5rem;
}
.jr_fwci{
	width: 20%;
	height: auto;
	border-left: 1px solid #FFFFFF;
	padding-left: 3rem;
}
.jr_fwci_title{
	font-size: 1.75rem;
	color: #FFFFFF;
}
.jr_fwci_des{
	font-size: 1.125rem;
	color: #FFFFFF;
	line-height: 170%;
	margin-top: 3rem;
}

/*私人洽谈*/
.sr_ly{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.sr_lyc{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.sr_lyci{
	width: 32.33%;
	height: auto;
	margin-top: 3rem;
	margin-right: 1.5%;
}
.sr_lyci:nth-child(3n){
	margin-right: 0;
}
.sr_lyci_img{
	width: 100%;
	aspect-ratio: 519/271;
	font-size: 0;
}
.sr_lyci_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.sr_lyci_title{
	font-size: 1.75rem;
	color: #000000;
	margin-top: 2rem;
}
.sr_lyci_des{
	font-size: 1.125rem;
	color: #777777;
	margin-top: 1rem;
	line-height: 170%;
}

.sr_lc_title{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}

.sr_lcm_box{
	width: 100%;
	height: auto;
	position: relative;
}
.sr_lcm_box:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	font-size: 0;
	background: #e5e5e5;
	left: 0;
	z-index: 0;
	top: 4.1rem;
}
.sr_lcm{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
	position: relative;
	z-index: 5;
}
.sr_lcmi{
	width: 20%;
	height: auto;
	cursor: pointer;
}
.sr_lcmi_title{
	width: 100%;
	height: auto;
	height: 2.5rem;
	text-align: center;
	font-size: 1.75rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.sr_lcmi_on .sr_lcmi_title{
	opacity: 1;
}

.sr_lcmi_dianb{
	width: auto;
	height: 2.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 0.5rem;
}
.sr_lcmi_dian{
	width: 1.3rem;
	height: 1.3rem;
	font-size: 0;
	background: #777777;
	border: 0.5rem solid rgba(0,0,0,0);
	border-radius: 50%;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}
.sr_lcmi_on .sr_lcmi_dian{
	width: 2rem;
	height: 2rem;
	background: #FFFFFF;
	border: 0.5rem solid var(--OneColor);
}

.sr_lc{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 4rem;
}
.sr_lc_sw{
	width: 85%;
	height: auto;
	margin: 0 auto;
}
.sr_lc_con{
	width: 100%;
	height: auto;
	font-size: 1.25rem;
	color: #777777;
	line-height: 170%;
}
.sr_lc_con img{
	width: 100%;
	height: auto;
}

/*联系我们*/
.lx_box{
	width: 100%;
	height: auto;
	padding-bottom: 7rem;
	background: #f9f9f9;
	padding-top: 2rem;
}
.lx{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lxi{
	width: 47.5%;
	height: 18rem;
	background: #FFFFFF;
	margin-top: 5%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 4rem;
}
.lxil{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.lxil_ico{
	width: 4rem;
	height: 4rem;
	font-size: 0;
	background:var(--OneColor);
	border-radius: 50%;
	overflow: hidden;
}
.lxil_ico img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.lxilc{
	padding-left: 2rem;
}
.lxilc_title{
	font-size: 1.25rem;
	color: #000000;
}
.lxilc_des{
	font-size: 1.25rem;
	color: #000000;
	margin-top: 0.6rem;
}

.lxir{
	width: 12rem;
	height: auto;
}
.lxir_img{
	font-size: 0;
	width: 100%;
	height: auto;
}
.lxir_img img{
	width: 100%;
	height: auto;
}
.lxir_title{
	font-size: 1.125rem;
	color: #8c8c8c;
	margin-top: 0.6rem;
	text-align: center;
}

/*讲座*/
.jz_top{
	width: 100%;
	height: auto;
	padding: 6rem 0;
	background: #f6f6f6;
}
.jz_top_title{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	font-size: 3.375rem;
	color: #000000;
}
.jz{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.jzi{
	width: 49%;
	height: auto;
	margin-top: 4rem;
}
.jzi_img{
	width: 100%;
	aspect-ratio: 786/434;
	font-size: 0;
	overflow: hidden;
}
.jzi_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.jzi:hover .jzi_img img{
	transform: perspective(100px) translateZ(2px);
}
.jzi_title{
	font-size: 1.625rem;
	color: #000000;
	margin-top: 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.jzi:hover .jzi_title{
	color: var(--OneColor);
}
.jzi_des{
	font-size: 1.25rem;
	color: #000000;
	line-height: 170%;
	margin-top: 1rem;
}

/*资讯*/
.new{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.newi{
	width: 32.33%;
	height: auto;
	margin-top: 4rem;
	margin-right: 1.5%;
}
.newi:nth-child(3n){
	margin-right: 0;
}
.newi_img{
	width: 100%;
	aspect-ratio: 516/340;
	font-size: 0;
	overflow: hidden;
}
.newi_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.newi:hover .newi_img img{
	transform: perspective(100px) translateZ(2px);
}
.newi_title{
	width: 90%;
	height: auto;
	background: #092f4b;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	font-size: 1.375rem;
	padding: 2rem 1.5rem;
	color: #FFFFFF;
	margin-top: -3rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	z-index: 5;
}

/*新闻详情*/
.jz_top_title2{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	font-size: 1.125rem;
}
.jz_top_title3{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	font-size: 3.375rem;
	margin-top: 0.6rem;
}
.jz_top_des{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	font-size: 1.125rem;
	color: #666666;
	margin-top: 0.5rem;
}
.snew{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 4rem 0;
}
.snewc{
	width: 65%;
	height: auto;
	font-size: 1.375rem;
	line-height: 170%;
	margin: 0 auto;
}
.snewc img{
	max-width: 100%;
}

.snew_rm{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 3rem;
}

.pm{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.pmi{
	width: 24.25%;
	height: auto;
	margin-top: 3rem;
	margin-right: 1%;
}
.pmi:nth-child(4n){
	margin-right: 0;
}
.pmi_img{
	width: 100%;
	aspect-ratio: 381/392;
	font-size: 0;
	overflow: hidden;
}
.pmi_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.pmi:hover .pmi_img img{
	transform: perspective(100px) translateZ(2px);
}
.pmi_title{
	font-size: 1.375rem;
	color: #000000;
	margin-top: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pmi:hover .pmi_title{
	color: var(--OneColor);
}
.pmi_btn{
	margin-top: 2rem;
	width: 11rem;
	height: auto;
	text-align: center;
	padding: 0.6rem 0rem;
	border: 2px solid #002a17;
	color: #002a17;
	font-size: 1.25rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pmi:hover .pmi_btn{
	color: #FFFFFF;
	background: var(--OneColor);
	border: 2px solid var(--OneColor);
}


/*艺术家*/

.ysjt{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	position: relative;
	margin-top: 4rem;
}
.ysjt_sw{
	width: 100%;
	height: auto;
}
.ysjti{
	width: 100%;
	height: auto;
}

.ysjti_img{
	width: 100%;
	aspect-ratio: 765/446;
	font-size: 0;
	overflow: hidden;
}
.ysjti_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.ysjti:hover .ysjti_img img{
	transform: perspective(100px) translateZ(2px);
}
.ysjti_title{
	width: 90%;
	height: 6rem;
	background: #092f4b;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0rem 2rem;
	margin-top: -3rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	z-index: 5;
}
.ysjti_title_1{
	font-size: 1.375rem;
	color: #FFFFFF;
}
.ysjti_title_2{
	font-size: 1.125rem;
	color: var(--OneColor);
}


.ysjt_btn{
	position: absolute;
	width: 5rem;
	height: 5rem;
	font-size: 0;
	background: rgba(255,255,255,0.5);
	border-radius: 50%;
	top: calc(50% - 2.5rem);
	z-index: 5;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ysjt_btn:hover{
	background: rgba(255,255,255,1);
}
.ysjt_btn svg{
	width: auto;
	height: 55%;
	margin: 0 auto;
	fill:#ffffff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ysjt_btn:hover svg{
	fill:var(--OneColor);
}
.ysjt_btnl{
	left: 2rem;
}
.ysjt_btnr{
	right: 2rem;
}

.ysj{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.ysj_search{
    width: 30rem;
    height: 3.5rem;
	border: 1px solid rgba(0,0,0,0.1);
    position: relative;
	z-index: 10;
}
.ysj_searchf{
    width: 100%;
	height: calc(3.5rem - 2px);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0 1rem;
}
.ysj_searchf a{
    display: block;
    width: 3rem;
    height: auto;
    position: relative;
    z-index: 5;
	font-size: 0;
}
.ysj_searchf a svg{
    width: auto;
    height: 2rem;
    fill:#000000;
    cursor: pointer;
}
.ysj_searchf input{
    width: calc(100% - 3rem);
    height: 2.5rem;
    padding: 0 1rem;
    font-size: 1.125rem;
    border: none;
}


.ysjc{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.ysjci{
	width: 23.875%;
	height: auto;
	margin-top: 4rem;
	margin-right: 1.5%;
}
.ysjci a{
	display: block;
	width: 100%;
	height: auto;
	background: #f6f6f6;
	padding: 3rem 4rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ysjci:hover a{
	-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
	transform: translateY(-0.3rem);
	
}
.ysjci:nth-child(4n){
	margin-right: 0;
}

.ysjci_img{
	width: 100%;
	aspect-ratio: 1/1;
	font-size: 0;
	overflow: hidden;
	border-radius: 50%;
}
.ysjci_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.ysjci:hover .ysjci_img img{
	transform: perspective(100px) translateZ(2px);
}

.ysjci_title{
	font-size: 1.5rem;
	color: #000000;
	text-align: center;
	margin-top: 2.5rem;
}
.ysjci_btn{
	font-size: 1.125rem;
	color: var(--OneColor);
	text-align: center;
	margin-top: 1rem;
}


/*艺术家详情*/
.ysj_top{
	width: 100%;
	height: auto;
	padding: 2.5rem 0;
	background: #f6f6f6;
}
.ysj_topc{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	font-size: 3.375rem;
	color: #000000;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.ysj_topc_img{
	width: 13rem;
	aspect-ratio: 1/1;
	font-size: 0;
	border-radius: 50%;
	overflow: hidden;
}
.ysj_topc_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ysj_topcc{
	padding-left: 2rem;
}
.ysj_topcc_title{
	font-size: 3.375rem;
}
.ysj_topcc_ltitle{
	font-size: 1.375rem;
	margin-top: 0.5rem;
}

.ysj_topc_btn{
	position: absolute;
	width: 13rem;
	height: 3.6rem;
	right: 0;
	top: calc(50% - 1.8rem);
}
.ysj_topc_btn a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 2px solid #002a17;
	font-size: 1.25rem;
	color: #002a17;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ysj_topc_btn a:hover{
	border: 2px solid var(--OneColor);
	background: var(--OneColor);
	color: #FFFFFF;
}

.ysj_zp{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 5rem 0;
}

.ysj_zpc{
	width: 100%;
	height: auto;
	margin-top: 3rem;
	position: relative;
}
.ysj_zpc_sw{
	width: 100%;
	height: auto;
}
.ysj_zpc_sw .swiper-slide{
	width: 100%;
	height: auto;
	padding-bottom: 1rem;
}

.ysj_zpc_sw .swiper-slide a:hover .pmi_img img{
	transform: perspective(100px) translateZ(2px);
}

.ysj_zpc_sw .swiper-slide a:hover .pmi_title{
	color: var(--OneColor);
}

.ysj_zpc_sw .swiper-slide a:hover .pmi_btn{
	color: #FFFFFF;
	background: var(--OneColor);
	border: 2px solid var(--OneColor);
}
.ysj_zpc_btn{
	position: absolute;
	width: auto;
	height: 4rem;
	font-size: 0;
	top: 30%;
	z-index: 5;
	cursor: pointer;
}
.ysj_zpc_btn svg{
	width: auto;
	height: 100%;
	fill:#ffffff;
}
.ysj_zpc_btnl{
	left: 4rem;
}
.ysj_zpc_btnr{
	right: 4rem;
}

.ysj_zj{
	width: 100%;
	height: auto;
	padding: 5rem 0;
	background: #f5f5f5;
}
.ysj_zj_title{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}

.ysj_zjc{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
}
.ysj_zjcl{
	width: 65%;
	height: auto;
	font-size: 1.25rem;
	line-height: 170%;
	padding-right: 3rem;
}
.ysj_zjcr{
	width: 30%;
	height: auto;
	font-size: 0;
}
.ysj_zjcr img{
	width: 100%;
	height: auto;
}

/*艺术流派*/
.yslp{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 4rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.yslpl{
	width: 21.8%;
	height: auto;
}
.yslpl_jg{
	font-size: 1.125rem;
	color: #000000;
}
.yslpl_title{
	width: 100%;
	height: auto;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 1.75rem;
	padding: 1.5rem 0;
	margin-top: 2rem;
}
.yslpl_title2{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.5rem;
}
.yslpl_title2_1{
	font-size: 1.375rem;
	color: #000000;
}
.yslpl_title2_2{
	font-size: 0;
	width: auto;
	height: 2.5rem;
}
.yslpl_title2_2 svg{
	width: auto;
	height: 100%;
	fill:#000000;
}
.yslpl_tag{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.yslpl_tag a{
	display: block;
	width: 20%;
	height: auto;
	color: #000000;
	font-size: 1.375rem;
	margin-top: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.yslpl_tag a:hover{
	color: var(--OneColor);
}
.yslpl_tag a.yslpl_tag_aon{
	color: var(--OneColor);
}

.yslpr{
	width: 74%;
	height: auto;
}

.yslprc{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.yslprci{
	width: 32%;
	height: auto;
	margin-right: 2%;
	margin-top: 3rem;
}
.yslprci:nth-child(3n){
	margin-right: 0;
}
.yslprci_img{
	width: 100%;
	aspect-ratio: 386/213;
	font-size: 0;
	overflow: hidden;
}
.yslprci_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.yslprci:hover .yslprci_img img{
	transform: perspective(100px) translateZ(2px);
}
.yslprci_title{
	font-size: 1.375rem;
	color: #000000;
	margin-top: 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.yslprci:hover .yslprci_title{
	color: var(--OneColor);
}


/*月度新闻*/
.ydxw{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 4rem;
}
.ydxwt{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 5;
}

.ydxwtr{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.ydxwtri{
	width: 11rem;
	height: 3rem;
	border: 1px solid rgba(0,0,0,0.1);
	position: relative;
	margin-left: 1.5rem;
}
.ydxwtrit{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
	cursor: pointer;
}
.ydxwtritl{
	font-size: 1.125rem;
	color: #000000;
}
.ydxwtritr{
	font-size: 0;
	width: auto;
	height: 1rem;
}
.ydxwtritr svg{
	width: auto;
	height: 100%;
	fill:#000000;
}
.ydxwtric{
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #FFFFFF;
	padding: 0rem 0;
	left: 0;
	top: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.ydxwtri:hover .ydxwtric{
	height: auto;
	opacity: 1;
	padding: 1rem 0;
}
.ydxwtric a{
	display: block;
	font-size: 1.125rem;
	color: rgba(0,0,0,0.7);
	margin: 0.5rem 0;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ydxwtric a:hover{
	color: var(--OneColor);
}


.ydxwc{
	width: 100%;
	height: auto;
}

.ydxwci{
	width: 100%;
	height: auto;
	margin-top: 9rem;
}
.ydxwci a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	position: relative;
}

.ydxwci_img{
	position: absolute;
	width: 32%;
	aspect-ratio: 516/340;
	font-size: 0;
	left: 0;
	top: -4rem;
	overflow: hidden;
}
.ydxwci_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.ydxwci a:hover .ydxwci_img img{
	transform: perspective(100px) translateZ(2px);
}

.ydxwcin{
	width: 74.5%;
	aspect-ratio: 1193/332;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 5rem;
	background: #f6f6f6;
}
.ydxwci_data{
	width: 12rem;
	height: auto;
	text-align: center;
	padding-top: 4rem;
}
.ydxwci_data_1{
	font-size: 3.5rem;
	font-family: 'Arial';
	color: #000000;
	line-height: 100%;
}
.ydxwci_data_2{
	font-size: 1.125rem;
	font-family: 'Arial';
	color: #000000;
}
.ydxwcic{
	width: calc(100% - 12rem);
	height: 100%;
	padding: 4rem 0;
	position: relative;
}
.ydxwcic_title{
	font-size: 1.375rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ydxwci a:hover .ydxwcic_title{
	color: var(--OneColor);
}
.ydxwcic_des{
	font-size: 1.125rem;
	color: rgba(0,0,0,0.7);
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	line-height: 170%;
	margin-top: 1rem;
}


.ydxwcic_btn{
	position: absolute;
	left: 0;
	bottom: 3rem;
	width: 11rem;
	height: auto;
	text-align: center;
	padding: 0.6rem 0rem;
	border: 2px solid #002a17;
	color: #002a17;
	font-size: 1.25rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ydxwci a:hover .ydxwcic_btn{
	color: #FFFFFF;
	background: var(--OneColor);
	border: 2px solid var(--OneColor);
}


/*拍卖展示*/
.pm{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding-top: 1rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.pml{
	width: 21.8%;
	height: auto;
}
.pml_item{
	width: 100%;
	height: auto;
	margin-top: 2rem;
}
.pml_item .pml_iteml{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 1rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.pml_itemt{
	font-size: 1.375rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pml_item a:hover .pml_itemt{
	color: var(--OneColor);
}
.pml_item_on .pml_itemt{
	color: var(--OneColor);
}
.pml_itemi{
	font-size: 0;
	width: auto;
	height: 2.2rem;
	cursor: pointer;
}
.pml_itemi svg{
	width: auto;
	height: 100%;
	fill:#000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pml_item a:hover .pml_itemi svg{
	fill: var(--OneColor);
}
.pml_itemi_on svg{
	fill: var(--OneColor);
	transform: rotate(180deg);
}
.pml_sbox{
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pml_sbox_on{
	height: auto;
	opacity: 1;
}
.pml_stitle{
	font-size: 1.375rem;
	color: #000000;
	margin-top: 2rem;
}
.pml_sc{
	width: auto;
	height: auto;
	margin-top: 1.5rem;
}
.pml_sca{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 1rem;
}

.pml_scal{
	width: 1.8rem;
	height: 1.8rem;
	font-size: 0;
	border: 2px solid #aeaeae;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 3px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pml_sca_on .pml_scal{
	border: 2px solid var(--OneColor);
	background: var(--OneColor);
}
.pml_scal svg{
	width: auto;
	height: 100%;
	fill:#ffffff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pml_scar{
	font-size: 1.375rem;
	color: #000000;
	margin-left: 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pml_sca:hover .pml_scar{
	color: var(--OneColor);
}
.pml_sca_on .pml_scar{
	color: var(--OneColor);
}

.pmr{
	width: 74%;
	height: auto;
	padding-top: 3rem;
}
.pmrt{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 5;
}
.pmrto_title{
	font-size: 1.375rem;
}
.pmrto{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.pmrtoc{
	width: 11rem;
	height: 3rem;
	border: 1px solid rgba(0,0,0,0.1);
	position: relative;
	margin-left: 1.5rem;
}
.pmrtoct{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
	cursor: pointer;
}
.pmrtoctl{
	font-size: 1.125rem;
	color: #000000;
}
.pmrtoctr{
	font-size: 0;
	width: auto;
	height: 1rem;
}
.pmrtoctr svg{
	width: auto;
	height: 100%;
	fill:#000000;
}
.pmrtoctrc{
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #FFFFFF;
	padding: 0rem 0;
	left: 0;
	top: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.pmrtoc:hover .pmrtoctrc{
	height: auto;
	opacity: 1;
	padding: 1rem 0;
}
.pmrtoctrc a{
	display: block;
	font-size: 1.125rem;
	color: rgba(0,0,0,0.7);
	margin: 0.5rem 0;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pmrtoctrc a:hover{
	color: var(--OneColor);
}



.pmrc{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.pmrci{
	width: 32%;
	height: auto;
	margin-top: 3rem;
	margin-right: 2%;
	margin-bottom: 2rem;
}
.pmrci:nth-child(3n){
	margin-right: 0;
}

.pmrci a:hover .pmi_img img{
	transform: perspective(100px) translateZ(2px);
}

.pmrci a:hover .pmi_title{
	color: var(--OneColor);
}

.pmrci a:hover .pmi_btn{
	color: #FFFFFF;
	background: var(--OneColor);
	border: 2px solid var(--OneColor);
}

/*拍卖结果*/
.pmjgc{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	
}

/*拍卖详情*/
.pm2_banner{
	width: 100%;
	aspect-ratio: 1920/450;
	font-size: 0;
}
.pm2_banner img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.pm2t{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.pm2t_ltitle{
	font-size: 1.625rem;
	color: #000000;
	margin-top: 3rem;
}
.pm2t_title{
	font-size: 4.125rem;
	color: #000000;
	margin-top: 3rem;
}
.pm2t_tag{
	width: auto;
	height: auto;
	margin-top: 1.5rem;
}
.pm2t_tagi{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 0.5rem;
}
.pm2t_tagi_ico{
	width: auto;
	height: 1.5rem;
	font-size: 0;
}
.pm2t_tagi_ico svg{
	width: auto;
	height: 100%;
	fill:#6a6b73;
}
.pm2t_tagi_title{
	font-size: 1.25rem;
	color: rgba(0,0,0,0.7);
	padding-left: 0.5rem;
}

.pm2mb{
	width: 100%;
	height: auto;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.pm2m{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 3rem;
}
.pm2m a{
	position: relative;
	width: auto;
	height: auto;
	padding: 1.5rem 0;
	font-size: 1.375rem;
	color: #000000;
	margin-right: 6rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pm2m a:hover{
	color: var(--OneColor);
}
.pm2m a.pm2m_aon{
	color: var(--OneColor);
}
.pm2m a:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	font-size: 0;
	background: var(--OneColor);
	left: 0;
	bottom: -1px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scaleX(0);
}
.pm2m a:hover:after{
	transform: scaleX(1);
}
.pm2m a.pm2m_aon:after{
	transform: scaleX(1);
}

.pm2{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 3rem;
}

.pm2c{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.pm2ci{
	width: 23.875%;
	height: auto;
	margin-top: 3rem;
	margin-right: 1.5%;
	margin-bottom: 2rem;
}
.pm2ci:nth-child(4n){
	margin-right: 0;
}

.pm2ci a:hover .pmi_img img{
	transform: perspective(100px) translateZ(2px);
}

.pm2ci a:hover .pmi_title{
	color: var(--OneColor);
}

.pm2ci a:hover .pmi_btn{
	color: #FFFFFF;
	background: var(--OneColor);
	border: 2px solid var(--OneColor);
}


.pm2cpm{
	width: 100%;
	height: auto;
	font-size: 1.375rem;
	line-height: 170%;
	margin: 0 auto;
}
.pm2cpm img{
	max-width: 100%;
}


/*拍卖详情1*/
.spmt{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 3rem;
}
.spmtm{
	width: 11%;
	height: auto;
}
.spmtm_sw{
	width: 100%;
	height: calc(1600px * 0.11 * 155 / 174 * 3 + 40px);
	height: calc(var(--mainwidth) * 0.11 * 155 / 174 * 3 + 40px);
	margin: 1.5rem 0;
}
.spmtm_btn{
	width: 100%;
	height: 2rem;
	background: #f6f6f6;
	font-size: 0;
	text-align: center;
	cursor: pointer;
}
.spmtm_btn_right{
	transform: rotate(180deg);
}
.spmtm_btn svg{
	width: auto;
	height: 2rem;
	margin: 0 auto;
	fill:rgba(0,0,0,0.6);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.spmtm_btn:hover svg{
	fill:var(--OneColor);
}


.spmtmi{
	width: 100%;
	aspect-ratio: 174/155;
	font-size: 0;
	border: 2px solid rgba(0,0,0,0.1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor: pointer;
}
.spmtmi_on{
	border: 2px solid var(--OneColor);
}
.spmtmi img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.spmtb{
	width: 48%;
	height: auto;
}
.spmtb_sw{
	width: 100%;
	height: auto;
}
.spmtb_img{
	width: 100%;
	height: auto;
	font-size: 0;
	cursor: pointer;
}
.spmtb_img img{
	width: 100%;
	height: auto;
}
.spmtr{
	width: 32%;
	height: auto;
	background: #f6f6f6;
	padding:1.8rem 2rem;
}
.spmtr_title{
	font-size: 1.25rem;
	color: rgba(0,0,0,0.6);
}
.spmtr_tag{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 1.5rem;
}
.spmtr_tag a{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	color: rgba(0,0,0,0.5);
	font-size: 1.25rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.spmtr_tag a:hover{
	color: var(--OneColor);
}
.spmtr_tagl svg{
	margin-right: 0.5rem;
}
.spmtr_tagr svg{
	margin-left: 0.5rem;
}
.spmtr_tag a svg{
	width: auto;
	height: 2rem;
	fill:rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.spmtr_tag a:hover svg{
	fill: var(--OneColor);
}
.spmtr_tag span{
	color: rgba(0,0,0,1);
	font-size: 2rem;
}

.spmtr_title2{
	margin-top: 2.5rem;
	font-size: 1.75rem;
	color: #000000;
}
.spmtr_title3{
	margin-top: 0.5rem;
	font-size: 1.25rem;
	color:rgba(0,0,0,0.6);
	padding-bottom: 1rem;
}


.spmb_box{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: #FFFFFF;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
	z-index: -1;
}
.spmb_box_on{
	z-index: 2000;
	opacity: 1;
}

.spmb_close{
	position: absolute;
	width: 3rem;
	height: 3rem;
	font-size: 0;
	z-index: 15;
	top: 2rem;
	right: 2rem;
	cursor: pointer;
}
.spmb_close svg{
	width: 100%;
	height: 100%;
	fill:rgba(0,0,0,0.3);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.spmb_close:hover svg{
	fill:var(--OneColor);
}

.spmb{
	width: auto;
	height: auto;
	font-size: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	user-select: none;
	cursor:grab;
}
.spmb img{
	width: auto;
	height: auto;
	pointer-events:none;
}


.spmsmb{
	width: 100%;
	height: auto;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.spmsm{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 3rem;
}
.spmsm span{
	position: relative;
	width: auto;
	height: auto;
	padding: 1.5rem 0;
	font-size: 1.375rem;
	color: #000000;
	margin-right: 6rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor: pointer;
}
.spmsm span:hover{
	color: var(--OneColor);
}
.spmsm span.spmsm_aon{
	color: var(--OneColor);
}
.spmsm span:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	font-size: 0;
	background: var(--OneColor);
	left: 0;
	bottom: -1px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scaleX(0);
}
.spmsm span:hover:after{
	transform: scaleX(1);
}
.spmsm span.spmsm_aon:after{
	transform: scaleX(1);
}

.spms{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 2rem;
	background: #f6f6f6;
}
.spms_sw{
	width: 100%;
	height: auto;
}
.spms_sw .swiper-slide{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 3rem;
}
.spmsl{
	width: 100%;
	height: auto;
	font-size: 1.125rem;
	line-height: 180%;
}
.spmsr{
	width: 37%;
	height: auto;
	font-size: 0;
}
.spmsr img{
	width: 100%;
	height: auto;
}

/*首页*/
.id_banner{
	width: 100%;
	height: calc(100vh - 7rem);
	position: relative;
}
.id_banner_sw{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}
.id_banner_img{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}
.id_banner_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.id_bannercb{
	width: 1600px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.id_bannerc{
	width: 45%;
	height: auto;
	background: rgba(11,43,67,0.9);
	padding: 3rem 2.5rem;
}
.id_bannerc_title{
	font-size: 1.75rem;
	color: #FFFFFF;
}
.id_bannerc_des{
	font-size: 1.125rem;
	color: #FFFFFF;
	margin-top: 1.3rem;
	line-height: 160%;
}
.id_bannerc_btn{
	margin-top: 1.3rem;
}
.id_bannerc_btn a{
	font-size: 1.125rem;
	color: var(--OneColor);
}

.id_banner_btn{
	position: absolute;
	z-index: 5;
	width: 6rem;
	height: 6rem;
	background: rgba(255,255,255,0.5);
	font-size: 0;
	border-radius: 50%;
	top: calc(50% - 3rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id_banner_btn:hover{
	background: rgba(255,255,255,1);
}
.id_banner_btn svg{
	width: 50%;
	height: auto;
	margin: 0 auto;
	fill:rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id_banner_btn:hover svg{
	fill:rgba(0,0,0,1);
}
.id_banner_btnl{
	left: 1%;
}
.id_banner_btnr{
	right: 1%;
}

.id_pmjg{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding-top: 7rem;
}
.id_pmjgt{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.id_pmjgtr{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.id_pmjgtr span{
	font-size: 0;
	width: 1px;
	height: 1.2rem;
	background: #000000;
	margin: 0 1.2rem;
}
.id_pmjgtr a{
	font-size: 1.25rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id_pmjgtr a:hover{
	color: var(--OneColor);
}

.id_pmjgc{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.pmjgci{
	width: 32%;
	height: auto;
	margin-right: 2%;
	margin-top: 2.5rem;
}
.pmjgci:nth-child(3n){
	margin-right: 0;
}
.pmjgci_img{
	width: 100%;
	aspect-ratio: 516/340;
	font-size: 0;
	overflow: hidden;
}
.pmjgci_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.pmjgci:hover .pmjgci_img img{
	transform: perspective(100px) translateZ(2px);
}
.pmjgci_title{
	font-size: 1.375rem;
	color: #000000;
	margin-top: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.pmjgci:hover .pmjgci_title{
	color: var(--OneColor);
}
.pmjgci_des{
	font-size: 1.125rem;
	color: #666666;
	margin-top: 0.5rem;
}


.id_rmpm{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.id_rmpmi{
	width: 23.5%;
	height: auto;
	margin-right: 2%;
	margin-top: 3rem;
}
.id_rmpmi:nth-child(4n){
	margin-right: 0%;
}

.id_rmpmi a:hover .pmi_img img{
	transform: perspective(100px) translateZ(2px);
}

.id_rmpmi a:hover .pmi_title{
	color: var(--OneColor);
}

.id_rmpmi a:hover .pmi_btn{
	color: #FFFFFF;
	background: var(--OneColor);
	border: 2px solid var(--OneColor);
}



.id_new{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.id_newi{
	width: 49%;
	height: auto;
	margin-top: 2.5rem;
}
.id_newi_img{
	width: 100%;
	aspect-ratio: 786/434;
	font-size: 0;
	overflow: hidden;
}
.id_newi_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: perspective(100px) translateZ(0px);
}
.id_newi:hover .id_newi_img img{
	transform: perspective(100px) translateZ(2px);
}
.id_newi_title{
	font-size: 1.75rem;
	color: #000000;
	margin-top: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id_newi:hover .id_newi_title{
	color: var(--OneColor);
}
.id_newi_des{
	font-size: 1.25rem;
	color: #000000;
	margin-top: 1rem;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	line-height: 160%;
}


/*单页*/
.sdpage{
	width: 1600px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 4rem 0;
}
.sdpagec{
	width: 65%;
	height: auto;
	font-size: 1.25rem;
	line-height: 170%;
	margin: 0 auto;
}
.sdpagec img{
	max-width: 100%;
}

/*客服栏*/
.service{ 
	width:5rem; 
	height: auto; 
	position: fixed; 
	right:0.5%;
	bottom:2%;
	z-index: 500;
}
.service_item{ 
	width:5rem; 
	height:5rem; 
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.05);
	margin-bottom:1rem; 
	cursor:pointer; 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 100;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 0;
}
.service_item:hover{
	background: #0e2a3f;
}

.service_item svg{
	width: auto;
	height: 55%;
	margin: 0 auto;
	fill:#000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.service_item:hover svg{
	fill: #ffffff;
}