.index_case .item {
	position: relative;
	display: block;
	background: #000;
}

.index_case .yx_ImgCover {
	padding-bottom: 70%;
}

.index_case .item .content1 {
	position: absolute;
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, 0.68);
	padding: 0.16rem 10px;
	z-index: 2;
	bottom: 0;
	left: 0;
	transition: all 0.6s;
}

.index_case .item .content1 .yx_Title {
	font-size: 0.16rem;
	color: #fff;
	text-align: center;
}

.index_case .item:hover .yx_ImgCover img {
	transform: scale(1.1);
}

.index_case .item:hover .content1 {
	background:#103d81;
}



.index_case .yx_IPPage .yx_IPPList {
	width: 100%;
	position: relative;
	margin: 0.6rem 0;
	opacity: 0.5;
	transition: all 0.6s;
	cursor: pointer;
}

.index_case .yx_IPPage .yx_IPPList img {
	width: 0.72rem;
	height: auto;
}

.index_case .yx_IPPage .yx_IPPList span {
	font-size: 0.16rem;
	color: #fff;
	padding-left: 0.24rem;
	position: relative;
}

.index_case .yx_IPPage .yx_IPPList span::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	left: 120%;
	width: 0rem;
	background-color: #fff;
	transition: all 0.6s;
}

.index_case .yx_IPPage .yx_IPPList:hover,
.index_case .yx_IPPage .yx_IPPList.active {
	opacity: 1 !important;
}

.index_case .yx_IPPage .yx_IPPList:hover span::after,
.index_case .yx_IPPage .yx_IPPList.active span::after {
	width: 0.72rem !important;
}

.index_case .yx_IPPro {
	width: 100%;
}
.yx_page {
	margin: 1.5vw auto  0; text-align: center;
}
.index_case .yx_InMore,.index_news .yx_InMore{
	border-color:#fff;
	color: #Fff;
}
.index_case  .yx_InMore:hover,.index_news .yx_InMore:hover{
	background: #fff;
	border-color: #fff;
	color: #103d81;	transition: all 0.6s;
}
.index_case  .yx_InMore:hover *,.index_news .yx_InMore:hover *{
	color: #103d81;	transition: all 0.6s;
}
.index_case .yx_IPPro .yx_List {
	background: #fff;
	text-align: center;
	transition: all 0.6s;
width: 100%;
	margin-top: 0.15rem;
	margin-bottom: 0.15rem;
	position: relative;
}



.index_case .yx_IPPro .yx_List:hover::before {
	border-color: #103d81;
}

.index_case .yx_IPPro .yx_List:hover {
	box-shadow: rgba(0, 134, 193, 0.2) 0px 7px 29px 0px;
}

.index_case .yx_IPPro .yx_List:hover .yx_Title {
	color:#fff;
}

.index_case .yx_IPPro .yx_List .yx_ImgContain img {
 width:100%; height:auto;transform: inherit;    position: inherit;top: 0;
    left: 0;    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    right: 0;
    bottom: 0;
}

.index_case .yx_IPPro .yx_List:hover .yx_ImgContain img {
 transform: scale(1.03); transition: all 0.6s;
}

.index_case .yx_IPPro .yx_List .yx_Title {
	text-align: center;
	font-size: 16px;
	transition: all 0.6s;background: #103d81; line-height:50px; color:#fff;
}
.index_case .yx_IPPro .yx_ImgContain {
    padding-bottom: 0%; height:auto;    width: 100%;
    height: 0;
    position: relative;
    padding-top: 100%;
}
.index_case .progressbar {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.85rem;
}
.index_case .progressbar span {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #ddd;
	transition: all 0.6s;
	cursor: pointer;
	margin: 0 6px;
	opacity: 1;
}
.index_case .progressbar span.swiper-pagination-bullet-active {
	background: #103d81;
	width: 1rem;
}
.yx_page span{
	cursor: pointer;
	width: 10px;
	height: 10px;
	background: #103d81;
	margin:0 8px;
	border-radius: 12px;
	transition: all 0.6s;
}
.yx_page span.swiper-pagination-bullet-active{
	width: 48px !important;
	opacity: 1 !important;
}




/*.yx_NewProduct {
	position: relative;
}

.yx_NewProduct .boxLeft {
	width: 20%;
	padding: 60px 2% 60px 0;
}

.yx_NewProduct .boxLeft article {
	position: -webkit-sticky;
	position: sticky;
	top: 84px;
	max-height: 84vh;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

.yx_NewProduct .boxLeft article .item {
	margin-bottom: 1.25rem;
}

.yx_NewProduct .boxLeft article .item a {
	display: block;
	font-size: 2rem;
	color: #000;
	line-height: 240%;
	box-sizing: border-box;
	padding: 1rem 1.6rem;
}

.yx_NewProduct .boxLeft article .active a {
	background:#333;
	color: #fff;
}

.yx_NewProduct .boxLeft article::-webkit-scrollbar {
	width: 1px;
	height: 2px;
}

.yx_NewProduct .boxLeft article::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background: rgba(201, 24, 25, 0.2);
}

.yx_NewProduct .boxLeft article::-webkit-scrollbar-track {
	border-radius: 2px;
	background: #f9f9f9;
}

.yx_NewProduct .boxRight {
	width: 100%;
	padding-top: 60px;
	padding-bottom:60px;margin-bottom: 60px;
}

.yx_NewProduct .item a {
	display: block;
}

.yx_NewProduct .item a .content1 {
	position: relative;
	padding-bottom: 85%;
	background: #fff;
	border: 1px solid #eee;
}

.yx_NewProduct .item a .content1 .img {
	opacity: 0;
	transition: 0.4s;
}

.yx_NewProduct .item a .content1 .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.yx_NewProduct .item a .content1 p {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.yx_NewProduct .item a .content1 p img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.yx_NewProduct .item a .content2 {
	margin-top: 1rem;
}

.yx_NewProduct .item a .content2 .left h5 {
	font-size: 16px;
	color: #000;
	line-height: 180%;
	transition: 0.4s;
}

.yx_NewProduct .item a .content2 .left h6 {
	margin-top: 1rem;
	font-size: 14px;
	color: #888;
	line-height: 200%;
}

.yx_NewProduct .item a .content2 .right {
	display: flex;
	align-items: center;
}

.yx_NewProduct .item a .content2 .right div {
	font-size: 14px);
	color: #333;
}

.yx_NewProduct .item a .content2 .right div img {
	margin-left: 0.625rem;
	height: 22px;
}

.yx_NewProduct .item a:hover .content1 .img {
	opacity: 1;
}

.yx_NewProduct .item a:hover .content1 p {
	opacity: 0;
}

.yx_NewProduct .item a:hover .content2 .left h5 {
	color: #333;
}*/
.flexBetween {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.yx_flexWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hy_pro .box .boxLeft {
	width: 40%;
	padding: 10px;
	background: #fff;
	position: relative;
	z-index: 6;
}

.hy_pro .box .boxLeft .yx_ImgContain {
	width: 100%;
	padding-bottom: 85%;
}

.hy_pro .box .boxLeft img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.yx_ImgContain img {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    transition: all 0.6s;
}
.yx_ImgContain, .yx_ImgCover {
    position: relative;
    height: 0;
    overflow: hidden;
}
.hy_pro .box .boxLeft .mySwiper {
	margin-top: 10px;
	width: 84%;
	padding: 0 10px;
}

.hy_pro .box .boxLeft .mySwiper .swiper-slide {
	cursor: pointer;
	box-sizing: border-box;
}

.hy_pro .box .boxLeft .mySwiper .swiper-slide-thumb-active {
	border: 1px solid #333;
}

.hy_pro .box .boxLeft .banner2 {
	position: relative;
}

.hy_pro .box .boxLeft .banner2 .button p {
	position: absolute;
	top: 50%;
	z-index: 6;
	cursor: pointer;
	height: 100%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	width: 26px;
	transition: all 0.6s;
	color: #fff;
	font-size: 20px;
}

.hy_pro .box .boxLeft .banner2 .button p:hover {
	background:#333;
	color: #fff;
}

.hy_pro .box .boxLeft .banner2 .button p span {
	color: #000;
	transition: 0.4s;
	font-size:20px;
}

.hy_pro .box .boxLeft .banner2 .button p span:hover {
	color: #fff;
}

.hy_pro .box .boxLeft .banner2 .button .prev {
	left: 0;
}

.hy_pro .box .boxLeft .banner2 .button .next {
	right: 0;
}

.hy_pro .box .boxRight {
	width: 57.5%;
	box-sizing: border-box;
	padding: 50px;
	background-color: #fff;
	transition: all 0.6s;
}

.hy_pro .box .yx_BackBtn {
	margin-top: 20px;
	padding-left:15px;
}

.hy_pro .box .yx_BackBtn a {
	display: inline-block;
	background: #e67817;
	color: #fff;
	font-size: 18px;
	padding: 10px 50px;
	transition: all 0.6s;    border-radius: 10px;
}

.hy_pro .box .yx_BackBtn:hover a {
	background:#33;
}

.yx_Content {
    padding: 20px;margin-top: 20px;
}

.yx_Content .title {
	font-size: 26px;
	text-align: center;
}

.yx_Content .box {
	font-size: 16px;
	line-height:2;
}

.yx_Content .box img {
	max-width: 100% !important;
	height: auto !important;
}

.yx_Content .box video {
	height: auto !important;
	max-width: 100% !important;
	width: 768px !important;
}

.hy_pro .box .boxRight .content1 {
color:#333;
	font-size: 22px;
	padding-bottom:20px;
	border-bottom: 1px solid #ccc;
}

.hy_pro .box .boxRight .content2 {
	margin-top: 20px;
}

.hy_pro .box .boxRight .content2 br {
	display: none;
}

.hy_pro .box .boxRight .content2 p {

	position: relative;
	padding-left:20px;

	font-size: 16px;
	color: #000;
	line-height:2;
}

.hy_pro .box .boxRight .content2 p::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #888888;
}

.hy_pro1 {
	padding-bottom:80px;
}

.hy_pro1 .title {
	text-align: center;
}
.yx_DTableCon{ padding:20px;}
.yx_ProDetailContent .yx_DTableTit span.yx_Active {
    background: #e67817 !important;
    color: #fff;    border-radius: 10px;
}
.yx_ProDetailContent .yx_DTableTit span {
    display: inline-block;
    padding: 18px 28px;
    font-size: 18px;
    color: #060606;
    transition: all 0.6s;
    cursor: pointer;
}
.yx_ProDetailContent .yx_DTableTit {
    background: #f5f5f5;
    margin-bottom: 36px;
}