.message_olr_list ul li a{
display: flex !important;
align-items: center;
justify-content:center;
}
.message_olr_list{top:auto !important;
bottom:200px;
}
.message_olr_list ul li a img{
width:30px !important;
height: 30px !important;	
}
/*banner*/
.yx_BannerCon {
position: absolute;
top: 80%;
left: 50%;
transform: translate(-50%, -50%);
width: 94%;
max-width: 1720px;
padding: 0 10px;
transition: all 0.6s;
opacity: 0;
}
.yx_BannerCon .yx_Title {
font-size: var(--yx_FS48);
color: #fff;
line-height: 160%;
}
.yx_BannerCon .yx_Summary {
font-size: calc(var(--yx_FS24) - 2px);
color: #fff;
letter-spacing: 5px;
opacity: 0.9;
margin-top: var(--yx_FS14);
}
.active .yx_BannerCon {
opacity: 1 !important;
top: 50% !important;
}
/*first*/
.yx_InYs {
padding: var(--yx_FS60);
}
.yx_InYs .yx_IY_List {
width: 20%;
position: relative;
transition: all 0.6s;
padding: var(--yx_FS24) var(--yx_FS36);
}
.yx_InYs .yx_IY_List:after {
content: '';
display: block;
width: 1px;
height: 80%;
position: absolute;
right: 0;
top: 50%;
background: #f5f5f5;
transform: translateY(-50%);
}
.yx_InYs .yx_IY_List img {
width: 30%;
max-width: 47px;
margin: 0 auto var(--yx_FS24);
transition: all 0.6s;
}
.yx_InYs .yx_IY_List .yx_Tit {
font-size: var(--yx_FS18);
color: #212121;
text-align: center;
}
.yx_InYs .yx_IY_List p {
font-size: var(--yx_FS14);
line-height: 180%;
text-align: center;
color: #999;
padding: 0 var(--yx_FS24);
margin-top: var(--yx_FS14);
}
.yx_InYs .yx_IY_List:hover img {
transform: rotateY(-180deg);
}
.yx_InYs .yx_IY_List:hover {
padding-top: 0px;
}
/*two*/
.yx_Products {
padding: var(--yx_FS72) 0;
background: url(../images/jy_index_bg1.jpg)center center;
background-attachment: fixed;
}
.yx_InTitBox{
margin: var(--yx_FS24) 0 var(--yx_FS36);
}
.yx_InTit .yx_IT_En {
font-size: var(--yx_FS16);
color: #2a2a2a;
line-height: 140%;
letter-spacing: 2px;
text-transform: uppercase;
}
.yx_InTit .yx_IT_Cn {
font-size: var(--yx_FS42);
color: #2a2a2a;
line-height: 140%;
/* font-weight: bold; */
letter-spacing: 2px;
}
.yx_PB_List{
padding-bottom: 20%;
background: #fff;
min-height: 200px;
width:calc(50% - var(--yx_FS16));
margin-bottom:var(--yx_FS36);
}
.yx_PB_List:after{
content: '';
display: block;
width: 100%;
height: 70%;
position: absolute;
bottom: 0;
opacity: 0.65;
transition: all 0.6s;
background: linear-gradient(to bottom,transparent,rgba(0,0,0,6));
}
.yx_PB_List{
background:#f5f5f5;
}
.yx_PBL_Con{
transition: all 0.6s;
position: absolute;
bottom:-10%;
width: 100%;
z-index:3;

width:90%;
left:5%;
}
.yx_PBL_Con .yx_Title{
font-size: var(--yx_FS22);
color: #fff;
line-height: 140%;
margin-bottom: var(--yx_FS16);
}
.yx_PBL_Con .yx_Summary{
font-size: var(--yx_FS14);
color: #fff;
line-height: 180%;
opacity: 0;
transition: all 0.56s;
}
.yx_PB_List:hover:after{
height:100%;
opacity: 1;
}
.yx_PB_List:hover .yx_PBL_Con{
bottom: var(--yx_FS30);
}
.yx_PB_List:hover .yx_Summary{
opacity: 0.65;
}

.yx_PB_List:hover img{
transform: scale(1.1);
}

.yx_Pro .yx_PBL_Con{
position:absolute;
bottom: 0;
}
.yx_Pro{
padding: var(--yx_FS72) 0 var(--yx_FS24);
}
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
padding: var(--yx_FS14) var(--yx_FS48);
text-decoration: none;
position: relative;
font-size: var(yx_FS14);
color: #333;
}
.btn12 {
border: 1px solid #d0d0d0;
position: relative;
color: #666;
overflow: hidden;
-webkit-transition: all .6s;
transition: all .6s;
}
.btn12:hover {
color: #fff;
border-color: var(--yx_Grad);
}
.btn12 .bgsqr1, .btn12 .bgsqr2 {
background: var(--yx_Grad);
position: absolute;
top: 50%;
top: 0\9;
content: '';
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.6s;
transition: all 0.6s;
opacity: 0.5;
}
.btn12 .bgsqr1 {
left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.btn12 .bgsqr2 {
right: -20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.btn12:hover .bgsqr1 {
-webkit-animation: criss-cross-left .8s both;
animation: criss-cross-left .8s both;
width: 375px\9;
height: 375px\9;
opacity: 1;
}
.btn12:hover .bgsqr2 {
-webkit-animation: criss-cross-right .8s both;
animation: criss-cross-right .8s both;
width: 375px\9;
height: 375px\9;
opacity: 1;
}
.btn12 span {
position: relative;
z-index: 1;
}
@-webkit-keyframes criss-cross-left {
0% {
left: -20px
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left {
0% {
left: -20px
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -20px
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@media only screen and (max-width:768px){
.yx_PB_List{
width:100%;
padding-bottom:80%;
}
}

/*About*/
.yx_About{
padding: var(--yx_FS72) 0;
}
.yx_About .yx_Width{
display:flex;
align-items:center;
}
.yx_ALeft{

width:45%;
}
.yx_ALEn{
font-size: var(--yx_FS72);
line-height: 120%;
color: var(--yx_Grad);
}
.yx_ALCn{

font-size: var(--yx_FS24);
line-height: 180%;
margin-bottom: var(--yx_FS24);
}
.yx_About .yx_Con{
font-size: var(--yx_FS14);
line-height: 200%;
color: #666;
max-width: 80%;
}
.yx_About .btn{
margin-top:var(--yx_FS48);
}
.yx_About .yx_AImg{
width:55%;
}
.yx_About .yx_AImg img{
width:100%;
height:auto;

}
@media only screen and (max-width:768px){
.yx_ALeft{
width:100%;
}
.yx_About .yx_Con{
width:100%;
}
.yx_About .yx_AImg{
width:100%;

}

}

/*case*/
.yx_Case{	
background:#212121;
display: grid; 
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
grid-template-rows: 1fr 1fr; 
gap: 0px 0px; 
grid-template-areas: 
"f1 f1 f2 f2 f2 f3 f3 f3"
"t1 t1 t1 t2 t2 t2 t3 t3"; 
}
.yx_CTit{
width: 80%;
margin: 20% 10% 0;
/* height: 450px; */
position: relative;
grid-area: f1;
}
.yx_CTit .yx_IT_En{
color:#fff;
}
.yx_CTit .yx_IT_Cn{
color:#fff;
}
.yx_CTit p{
font-size: var(--yx_FS14);
line-height: 180%;
margin:var(--yx_FS36) 0 var(--yx_FS18);
color:rgba(255,255,255,0.55);
}

.yx_CTit .btn{
background: #333;
border-color: #333;
margin-top: var(--yx_FS48);
}
.yx_CList{
height:450px;
}
.yx_CList:nth-child(2) { grid-area: f2;}
.yx_CList:nth-child(3) { grid-area: f3;}
.yx_CList:nth-child(4) { grid-area: t1; }
.yx_CList:nth-child(5) { grid-area: t2;}
.yx_CList:nth-child(6) { grid-area: t3;}

.yx_CList .yx_CLCon{
position:absolute;
width:80%;
top:50%;
left:50%;
opacity: 1;
transform:translate(-50%,-50%);
text-align:center;
transition: all 0.6s;
}
.yx_CList img{
opacity:0.55;
}
.yx_CList:hover img{
transform:scale(1.1);
opacity:1;
}
.yx_CList:hover .yx_CLCon{
top:80%;
opacity: 0;
}
.yx_CList .yx_Title{
font-size:var(--yx_FS22);
color:#fff;
text-align:center;
}
.yx_CList .yx_Summary{
font-size:var(--yx_FS14);
text-align:center;
line-height:200%;
margin:var(--yx_FS18) 0 var(--yx_FS36)；
}
.yx_CList .yx_M{
font-size:var(--yx_FS18);
color:#fff;
width:var(--yx_FS60);
height:var(--yx_FS60);
text-align:center;
line-height:var(--yx_FS60);
border:1px solid #fff;
border-radius: 50%;
display:block;
margin:0 auto;
}

/*News*/
.yx_News{
padding:var(--yx_FS72) 0;
}
.newListBox{
margin-bottom:var(--yx_FS36);
}
.newListBox .yx_List{
position:relative;
background:#F7F7F7;
overflow:hidden;
width:31%;
transition:all 0.6s;
}
.newListBox .yx_NOne .yx_ImgCover{
padding-bottom:65%;
width:calc(100% - 20px);
margin:10px auto 0;
}
.newListBox .yx_OLCon{
position:absolute;
bottom:-65%;
background:#f7f7f7;
height:100%;
width:100%;
padding:5% 10%;
transition:all 0.6s;
}
.newListBox .yx_Time span{
font-size:var(--yx_FS16);
color:var(--yx_Color);
transition:all 0.6s;
}
.newListBox .yx_Time p{
font-size:14px;
color:#999;
transition:all 0.6s;
}
.newListBox .yx_Time i{
padding-right:8px;
transition:all 0.6s;
}
.newListBox .yx_Tit{
font-size:var(--yx_FS18);
line-height:180%;
color:#2a2a2a;
margin:var(--yx_FS24) 0 0;
transition:all 0.6s;
}
.newListBox .yx_Sum{
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
font-size:var(--yx_FS14);
line-height:280%;
margin:var(--yx_FS30) 0 var(--yx_FS72);
color:rgba(255,255,255,0.7);
transition:all 0.6s;
opacity: 0;
}
.newListBox .newLinkBox{
font-size:var(--yx_FS18);
color:#fff;
display:flex;
align-items:center;
transition:all 0.6s;
}
.newListBox .newLinkBox .yx_iconfont{
width:var(--yx_FS45);
height:var(--yx_FS45);
display:block;
text-align:center;
line-height:var(--yx_FS45);
border-radius:50%;
background:#fff;
color:var(--yx_Color);
font-size:var(--yx_FS16);
margin-left:var(--yx_FS24);
transition:all 0.6s;
}
.newListBox  .yx_TList{
width:calc(100% - 20px);
position:relative;
padding-bottom:var(--yx_FS22);
margin-bottom:var(--yx_FS22);
border-bottom:1px solid #eee;
transition:all 0.6s;
}
.newListBox .yx_TList:last-child{
margin-bottom:0px !important;
padding-bottom:0 !important;
border-width:0px !important;
}
.newListBox .yx_TList .yx_ImgCover{
width:45%;
padding-bottom:32%;
}
.newListBox  .yx_TLCon{
width:50%;
margin-left:5%;
}
.newListBox .yx_Title{
font-size:var(--yx_FS18);
color:#2a2a2a;
transition:all 0.6s;
}
.newListBox  .yx_NThree .yx_Summary{
color:#999;
font-size:var(--yx_FS14);
line-height:200%;
margin:12px 0 var(--yx_FS24);
transition:all 0.6s;
}
.newListBox .new_More{
position:relative;
height:1px;
width:var(--yx_FS24);
display:block;
background:#2A2A2A;
transition:all 0.6s;
}
.newListBox .new_More em{
width:1px;
bottom:0px;
right:1px;
display:block;
position:absolute;
transform:skewX(30deg);
height:8px;
background:#2A2A2A;
transition:all 0.6s;
}
.newListBox .yx_NThree{
background:transparent;
width:32%;
}
@media only screen and (min-width:769px){

.newListBox .yx_NOne:hover{
box-shadow:0 0 8px rgba(0,0,0,0.1);
}
.newListBox .yx_NOne:hover .yx_OLCon{
background:var(--yx_Color);
bottom:0px;
padding-top:16%;
}
.newListBox .yx_NOne:hover .yx_Sum{

	opacity: 1;
}
.newListBox .yx_NOne:hover .yx_Tit{
color:#fff;
}
.newListBox .yx_NOne:hover .yx_Time p{
color:rgba(255,255,255,0.7);
}
.newListBox .yx_TList:hover .yx_ImgContain img{
transform:translate(-50%,-50%) scale(1.1);
}
.newListBox .yx_TList:hover .new_More{
background:var(--yx_Color);
width:var(--yx_FS36);
}
.newListBox .yx_TList:hover .new_More em{
background:var(--yx_Color);
}
.newListBox .yx_TList:hover .yx_Title{
color:var(--yx_Color);
}
.newListBox .newLinkBox:hover .yx_iconfont{
margin-left:var(--yx_FS36);
}
.newListBox .yx_List:hover .yx_Time span{
color:#fff;
opacity:0.6;
}
}
@media only screen and (max-width:768px){

.newListBox .yx_List{
width:100% !important;
margin-bottom:18px;
}
.newListBox .yx_OLCon{
position:inherit;
bottom:0px;
}
.newListBox .yx_Sum{
display:none;
}
.newListBox .newLinkBox{
color:#2a2a2a;
font-size:0px;
}
.newListBox .newLinkBox .yx_iconfont{
background:var(--yx_Color);
color:#fff;
margin:14px 0 0;
}
}

/*Partner*/
.yx_Partner{
padding-bottom: var(--yx_FS72);
}
.yx_Partner .yx_ImgContain{	
height:180px;
width:20%;
}
.yx_Partner .yx_ImgContain img{
max-height: 50%;
max-width:60%;
}
.yx_Partner .yx_ImgContain:hover img{
transform:translate(-50%,-50%) scale(1.1);
opacity:0.95;
}

@media only screen and (max-width:768px){
.yx_About .yx_Con{
width: 100% !important;
}
.yx_Case{    display: block;}
.yx_ALeft{

	margin-bottom:var(--yx_FS48);
}
.yx_CTit{

	width:100% !important;
height: auto;

}
.yx_CTit{
margin:0 !important;
	padding: var(--yx_FS48) 8% var(--yx_FS60);	
}
.newListBox .yx_TList{

	width:100%;
}
.yx_CList{
width: 100%;
height: 80vw;
max-width: 500px;
}
.yx_BannerCon .yx_Title{

font-size:24px;
}
.yx_BannerCon .yx_Summary{font-size:14px;}
.yx_Partner .yx_ImgContain{
height: 0;
padding-bottom: 80px;
width: calc(100%/3);
}

.yx_Partner .yx_ImgContain img {
max-height: 55%;
max-width: 80%;
}
.yx_InYs .yx_IY_List{
width:50% !important;
padding: var(--yx_FS16) 0;
}
.yx_InYs .yx_IY_Lis:after{

height:40%;
}
.yx_InYs .yx_IY_List:nth-child(2):after{
displsy:none ！important；

}
.yx_InYs .yx_IY_List:nth-child(4):after{
displsy:none ！important；

}
.yx_InYs .yx_IY_List:nth-child(5){

	display:none !important;
}
}