.footer1,.k7 { display:none}

.Inner_banner{position: relative;z-index: 0;}

.info10 { font-size:14px;width: 450px; height: 30px; line-height: 30px;  text-align: center;  margin: 15px auto 25px; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}

.ej_bt{ font-size: var(--yx_FS54); color:#333333; text-align:center;line-height:1.2; font-weight:bolder; margin:0px auto 0; padding:0px 0 10px }



.cp-40{padding-top: 1rem;}

.accordion .yx_icon{ float:right}



.accordion{width: 100%;max-width: 360px;margin: 0 auto ;background: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.accordion .link{cursor: pointer;display: block;padding: 15px 5px 15px 5px; width:95%; margin:0 auto;color: #4D4D4D;font-size: 14px;font-weight: 700;border-bottom: 1px solid #CCC;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

.accordion li:last-child .link{border-bottom: 0;}

.accordion li i{position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

.accordion li i.fa-chevron-down{right: 12px;left: auto;font-size: 16px;}

.accordion li.open .link{color: var(--yx_Color)}

.accordion li.open i{color: var(--yx_Color);}

.accordion li.open i.fa-chevron-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

/** * Submenu -----------------------------*/

 .submenu{display: none;width:95%; margin:0 auto; padding:10px 0;background: #f5f5f5;font-size: 14px;} 

 .submenu li{} 

.submenu a{display: block; font-size:14px;text-decoration: none;color: #333;padding:6px 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;} 

.submenu a:hover{background:var(--yx_Color);color: #FFF;}

/*https://www.jq22.com*/



.cpk1{ width: 90%; margin: 0 auto;display: table; }

 .cp-l{ width: 230px; float: left;border: 1px solid #c5c5c5;border-radius:15px;}

 .cp-bt{ background:#0081c3; text-align: center; line-height: 1; padding:10% 0; color:#fff; font-size:var(--yx_FS24); border-radius:15px 15px 0 0;}

 .cp-r{width:calc(100% - 230px - 40px); float: right}

/*---------cp-nav---------*/

.mcd-menu{list-style: none;padding:5% 6% 8%; box-sizing: border-box; margin: 0;}

.mcd-menu li{position: relative;}

.mcd-menu li a{display: block;font-size: 15px;text-decoration: none;padding: 0;color: #777;text-align: left;height: 42px; line-height: 42px; position: relative;border-bottom: 1px solid #EEE;/* ==*/}

.mcd-menu li a i{float: left;font-size: 16px;margin: 0 10px 0 0;/* ==*/}





.mcd-menu li:hover > a,.mcd-menu li.on a{color: #0670fc;}

.mcd-menu li a.active{position: relative;color: #0670fc;border:0;box-shadow: 0 0 5px #DDD;-moz-box-shadow: 0 0 5px #DDD;-webkit-box-shadow: 0 0 5px #DDD;/* ==*/border-left: 4px solid #0670fc;border-right: 4px solid #0670fc;margin: 0 -4px;/* ==*/}

.mcd-menu li a.active:before{content: "";position: absolute;top: 42%;left: 0;border-left: 5px solid #0670fc;border-top: 5px solid transparent;border-bottom: 5px solid transparent;/* ==*/}

/* ==*/

.mcd-menu li a.active:after{content: "";position: absolute;top: 42%;right: 0;border-right: 5px solid #0670fc;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}

/* ==*/@-webkit-keyframes moveFromTop{from{opacity: 0;-webkit-transform: translateY(200%);-moz-transform: translateY(200%);-ms-transform: translateY(200%);-o-transform: translateY(200%);transform: translateY(200%);}

to{opacity: 1;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}}

@-webkit-keyframes moveFromLeft{from{opacity: 0;-webkit-transform: translateX(200%);-moz-transform: translateX(200%);-ms-transform: translateX(200%);-o-transform: translateX(200%);transform: translateX(200%);}

to{opacity: 1;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);}}

@-webkit-keyframes moveFromRight{from{opacity: 0;-webkit-transform: translateX(-200%);-moz-transform: translateX(-200%);-ms-transform: translateX(-200%);-o-transform: translateX(-200%);transform: translateX(-200%);}

to{opacity: 1;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);}}

.mcd-menu li ul,

.mcd-menu li ul li ul{position: absolute;height: auto;min-width: 200px;padding: 0;margin: 0;background: #FFF;opacity: 0;visibility: hidden;transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;-moz-transition: all 300ms linear;-webkit-transition: all 300ms linear;z-index: 1000;left:200px;top: 0px;border-left: 4px solid #0670fc;}

.mcd-menu li ul:before{content: "";position: absolute;top: 25px;left: -9px;border-right: 5px solid #0670fc;border-bottom: 5px solid transparent;border-top: 5px solid transparent;}

.mcd-menu li:hover > ul,

.mcd-menu li ul li:hover > ul{display: block;opacity: 1;visibility: visible;left:220px;}

.mcd-menu li ul li a{padding:6px 10px; line-height: 30px;  text-align: left;border: 0;border-bottom: 1px solid #EEE;/* ==*/height: auto;/* ==*/ font-size: 14px}

.mcd-menu li ul li a i{font-size: 16px;display: inline-block;margin: 0 10px 0 0;}

.mcd-menu li ul li ul{left: 230px;top: 0;border: 0;border-left: 4px solid #0670fc;}

.mcd-menu li ul li ul:before{content: "";position: absolute;top: 15px;left: -9px;/* ==*/border-right: 5px solid #0670fc;border-bottom: 5px solid transparent;border-top: 5px solid transparent;}

.mcd-menu li ul li:hover > ul{top: 0px;left: 200px;}

.mcd-menu li a.search{padding: 10px 10px 15px 10px;clear: both;}



.wap-cp-nav .MobileMain{ position: inherit}





.lx_k{ width:90%; display:table; margin:0 auto; padding:0}

.lx_bt{font-size:20px; color:#333333; text-align: center; padding: 20px 0 35px; width: 100%; display:table; line-height: 2}

.lx{ width:100%; display:table; padding:0 0 20px}

.lx dt{ width:23.5%; height:150px; margin:0 2% 0 0; padding:25px 25px 25px 20px; box-sizing:border-box; float:left; border:1px solid #d9d9d9; line-height: 1.8; font-size:18px;background:#fff; color:#888888;}

.lx dt i{width:60px; height: 60px; float: left; margin-right:15px;}

.lx dt:nth-child(4){margin:0 0 0 0;}

.lx dt h1{font-size:var(--yx_FS24); color: #888;float: right;width:calc(100% - 75px); padding: 6px 0 0  }



.lx dt h1 p{color: #333; line-height: 1.5;font-size:var(--yx_FS22); }

.lx_t{ display:table; border:3px solid #e4e4e4; margin:0 auto; width:100%; box-sizing:border-box; }

.lx_t img{ width: 100%; display:table;}





/*.Inner_banner::after{content: '';display: block;width: 187px;height: 100%;background: url(../images/hx.png) bottom center no-repeat;background-size: contain;position: absolute;bottom: -1px;left: 50%;z-index: 1;transform: translateX(-50%);}*/

.Inner_banner .yx_BannerS{width: 17px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 4;height: auto;}

.Inner_banner .yx_BannerS img{width: 100%;height: auto;}

.Inner_banner .img{padding-bottom: 30%;background: #000;}

.Inner_banner .img img{width: 100%;opacity: 0.68;}

.Inner_banner .position{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding-top: 2%;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.Inner_banner .position .box{color: #fff;}

.Inner_banner .position .box h5{font-size: var(--yx_FS45);text-align: center;font-weight: bold !important;text-transform: capitalize; padding:2% 0 0}

.ab-nav{ display: table; margin: 0 auto; text-align: center; padding: 30px 0 0}

.ab-nav a{ min-width: 150px; border: 1px solid #fff; color: #fff; line-height: 42px; padding: 0 30px; border-radius: 25px; display: inline-block; margin: 0 15px}

.ab-nav a:hover,.ab-nav a.btn1{ background: #fff; color: #333}

.ab-bt1{ font-size: var(--yx_FS38); text-align: center; font-weight: bold}

.wrap-n .big_data>div .top .counter{ color: #0670fc}

.Inner_banner .position .box h6{font-size: 0.20rem;margin-top: 0.24rem;text-align: center;text-transform: uppercase;letter-spacing: 2px;}

.yx_NPage{position: relative;z-index: 2;background: #f7f7f7;}

.yx_NPage .yx_MbxBox{font-size: var(--yx_FS16);color: #999;bottom: 5%;}

.yx_NPage .yx_ProMbx{padding: 0.28rem 0;}

.yx_NPage .yx_MbxBox a{color: #999;margin: 0 6px;display: inline-block;}

.yx_NPage .yx_MbxBox .yx_icon{font-size: 0.2rem;display: inline-block;margin-right: var(--yx_FS14);color: var(--yx_Color);}

.yx_NpagePc{position: relative;border-radius: 4px;min-height: 0.75rem;padding: 0.18rem 0;}

.yx_NpagePc ul li{margin-right: 0.14rem;}

.yx_NpagePc ul li a{font-size: var(--yx_FS18);line-height: 200%;padding: 0.12rem 0.3rem;position: relative;display: inline-block;text-transform: capitalize;background: #fff;border-radius: 0.1rem;transition: all 0.6s;}

.yx_NpagePc ul li a:hover,

.yx_NpagePc ul li a.active{color: #fff !important;background-color: var(--yx_Color) !important;}

.yx_NContent{font-size: var(--yx_FS16);line-height: 200%;color: #666;width: 100%;overflow: hidden;min-height: 10px;;margin-top: 0.36rem;}

.yx_NpageMo{background: #f7f7f7;padding: var(--yx_FS16);border-radius: 4px;position: sticky;top: 140px;border-top: 5px solid var(--yx_Color);}

.yx_PT_Link{color: #2a2a2a;font-size: var(--yx_FS18);display: inline-block;}

.yx_PageTit{position: relative;line-height: 240%;display: flex;align-items: center;justify-content: space-between;width: 100%;font-size: var(--yx_FS18);font-weight: bold;cursor: pointer;border-bottom: 1px solid #eee;padding: var(--yx_FS14) 0;margin: 0px;}

.yx_PageTit .yx_icon{transform: translateY(-50%);font-size: 14px;line-height: 100%;height: auto;position: absolute;top: 50%;right: 0px;width: var(--yx_FS30);height: var(--yx_FS30);transition: all 0.6s;display: flex;align-items: center;cursor: pointer;justify-content: center;}

.yx_PPBox .yx_PPBox2{display: none;}

.yx_PPBox .yx_PPBox3{display: none;}

.yx_PPList{position: relative;padding: 1% 0;}

.yx_PPBox2 .yx_PT_Link2{display: flex;align-items: center;justify-content: left;width: 100%;}

.yx_PPBox2 .yx_PT_Link2 em{display: block;width: 12px;height: 12px;border: #fff 1px solid;cursor: pointer;flex-shrink: 0;margin-right: 5%;padding: 2px;position: relative;}

.yx_PPBox2 .yx_PT_Link2 span{font-weight: normal;font-size: 15px}

.yx_PPBox2 .yx_PageTit{padding: 5px 0 5px;border: none !important;}

.yx_PPBox3{padding-left: var(--yx_FS36);}

.yx_PT_Link3{font-size: var(--yx_FS14);line-height: 160%;font-weight: normal;}

.yx_PT_Link.yx_Click{color: var(--yx_Color) !important;}

.yx_PT_Link.yx_Click em{border-color: var(--yx_Color) !important;background: var(--yx_Color) !important;}

.yx_NpageMo .yx_PPBox2{display: none;}

.yx_NpageMo .yx_PPBox3{display: none;}



@media screen and (max-width:1025px){

.lx dt{ width: 49%;  margin: 0 2% 3% 0;}

.lx dt:nth-child(2n){margin: 0 0% 3% 0;}

.yx_List4{display: block;width: calc((100% - (var(--yx_FS36)*1)) / 2) !important;margin-right: var(--yx_FS36) !important;margin-bottom: var(--yx_FS30) !important;}



.yx_List4:nth-child(3n){margin-right: var(--yx_FS36) !important;}

.yx_List4:nth-child(2n){margin-right: 0 !important;}

}

@media screen and (min-width:993px){.yx_NpageMo{display: none !important;}}

@media screen and (max-width: 992px){

.info10{ width: inherit;    font-size: 12px; display: table; padding: 0 10px}

.cp-r{ width: 100%}

.wap-cp-nav .HeaderMobile .box{    padding: 8px 5%; box-sizing: border-box}

.wap-cp-nav .MobileMain{ background:#f7f7f7}

.wap-cp-nav .HeaderMobile .box .button{ width: 100%; display: table}

.wap-cp-nav .yy1{ float: left}

.wap-cp-nav .yx_icon{ float: right}

.wap-cp-nav .HeaderMobile .box .button .menu{ margin-left: 0; width: 100%;height: 40px;}

.menu_btn1{ width: 100%; height: 40px; line-height: 40px;}

.wap-cp-nav .MobileNav .box{padding: 20px 0 2rem;}

	

.Inner_banner .img{padding: 0px;height: 70vw;}

.Inner_banner .box{padding-top: 50px;}

.yx_NpageMo{display: block !important;}

.yx_NpagePc{display: none !important;}

.yx_NpageMo .yx_MoPageBtn{font-size: var(--yx_FS16);color: #fff;width: 100%;display: flex !important;align-items: center;justify-content: space-between;background: var(--yx_Color);border-radius: 0px;padding: 14px calc(3% + 10px);}

.yx_NpageMo .yx_MoPageBtn i{color: #fff;font-size: 14px !important;}

.yx_NpageMo .yx_PPTCon{position: fixed;background: #fff;width: 100%;height: 100%;z-index: 99;top: 0;padding: 60px 0 var(--yx_FS36);left: 100%;transition: all 0.8s;overflow: auto;}

.yx_PPBox2 .yx_PT_Link2 em{width: 10px;height: 10px;margin-right: 14px;}

.yx_NpageMo>ul{width: 100%;}

.yx_NpageMo .yx_MoPageClose{font-size: 18px;color: #fff;width: 30px;height: 30px;display: block !important;margin: 0 0 0 auto;background: #2a2a2a;line-height: 30px;text-align: center;}

.yx_NpageMo .yx_PPBox2{background: #fafafa;}

.yx_NpageMo .yx_PageTit{font-size: 16px;font-weight: normal;position: relative;line-height: 240%;display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 16px 12px;}

.yx_NpageMo{padding: 0px;border-radius: 0px;background: transparent;border: none;}}

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

.yx_Nnews .box{margin-top: 0.72rem;}

.yx_Nnews .box .banner .swiper-wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.yx_Nnews .box .yx_List4{width: 32%;margin-right: 2%;margin-bottom: 2%;background: #f7f7f7;-webkit-box-sizing: border-box;box-sizing: border-box;}

.yx_Nnews .box .yx_List4:nth-child(3n){margin-right: 0;}

.yx_Nnews .box .yx_List4 a{display: block;}

.yx_Nnews .box .yx_List4 a .content0{padding: 0.36rem 0.28rem 0.32rem 0.28rem;}

.yx_Nnews .box .yx_List4 a .yx_Time{font-size: var(--yx_FS14);color: #999;margin-bottom: 0.12rem;}

.yx_Nnews .box .yx_List4 a .content1{font-size: 0.2rem;color: #fff;line-height: 0.3rem;}

.yx_Nnews .box .yx_List4 a .content2{margin-top: 0.2rem;font-size: var(--yx_FS14);color: #666;line-height: 0.28rem;}

.yx_Nnews .box .yx_List4 a .content2 p span{display: inline-block;margin-right: 0.1rem;}

.yx_Nnews .box .yx_List4 a .content2 p span:last-child{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;flex: 1;}

.yx_Nnews .box .yx_List4 a .content3{margin-top: 0.45rem;}

.yx_Nnews .box .yx_List4 a .content3 p{width: 0.34rem;line-height: 0.34rem;text-align: center;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background: #fff;}

.yx_Nnews .box .yx_List4 a .content3 p i{font-size: var(--yx_FS14);font-weight: bold;color: var(--yx_Color);-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

.yx_Nnews .box .yx_List4 a .content4{overflow: hidden;padding-bottom: 65%;}

.yx_Nnews .box .yx_List4 a .content4 img{width: 100%;height: 100%;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

.yx_Nnews .box .yx_List4 a:hover .content1{color: var(--yx_Color);}

.yx_Nnews .box .yx_List4 a:hover .content3 p{background: var(--yx_Color);}

.yx_Nnews .box .yx_List4 a:hover .content3 p i{color: #fff;}

.yx_Nnews .box .yx_List4 a:hover .content4 img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.yx_NnewsDetail ul{font-size: var(--yx_FS14);color: #999;margin: var(--yx_FS16) 0 0;}

.yx_NnewsDetail .yx_Sum{padding: 0.24rem;width: 100%;background: #f7f7f7;font-size: var(--yx_FS14);color: #666;margin: 0.24rem 0;}

.yx_NnewsDetail .index_title .content1{font-size: 0.3rem;}

.yx_NnewsDetail .yx_DetailBtn{padding: 0.12rem 0.3rem;font-size: var(--yx_FS16);color: var(--yx_Color);transition: all 0.6s;border: 1px solid var(--yx_Color);}

.yx_NnewsDetail .yx_DetailBtn:hover{background: var(--yx_Color);color: #fff;}

.yx_NewsRelated{background-color: #f7f7f7;}

.yx_NewsRelated .yx_List4>a{background-color: #fff;}

/*albumlist*/.yx_VideoList{background: #f8f8f8;}

.yx_VContent{padding: var(--yx_FS24) var(--yx_FS18);}

.yx_VContent .yx_Title{font-size: var(---yx_FS18);}

.yx_VContent .yx_Summary{font-size: var(--yx_FS14);line-height: 200%;margin-top: 14px !important;color: #999;}

.yx_VideoList .yx_ImgCover{cursor: pointer;padding-bottom: 56%;background: #fff;display: block;}

.yx_VideoList .yx_ImgCover .yx_icon{cursor: pointer;transition: all 0.6s;font-size: var(--yx_FS72);color: #fff;position: absolute;top: 100%;left: 50%;transform: translate(-50%, -50%);z-index: 9;opacity: 0;}

.yx_VideoList:hover .yx_ImgCover .yx_icon{top: 50%;opacity: 1;}

.yx_VideoList:hover .yx_ImgCover img{transform: scale(1.1);opacity: 0.65;}

.hy_productNew .box .list .banner{margin-top: 3rem;}

.hy_productNew .box .list .banner .swiper-slide{width: 32%;margin-right: 2%;margin-bottom: 1.6rem;}

.hy_productNew .box .list .banner .swiper-slide:nth-child(3n){margin-right: 0;}

.hy_productNew .box .list .yx_List3{background: #fff;border: 1px solid #eee;transition: all 0.6s;}

.hy_productNew .box .list .yx_List3 a{display: block;}

.hy_productNew .box .list .yx_List3 a .content1{padding-bottom: 55%;text-align: center;}

.hy_productNew .box .list .yx_List3 a .content2{font-size: 1.5rem;color: #fff;text-align: center;}

.hy_productNew .box .list .yx_List3 a .content3{font-size: 1rem;color: var(--yx_Color);text-align: center;padding: 1rem 0 0;}

.hy_productNew .box .list .yx_List3:hover .yx_ImgCover img{transform: scale(1.1);}

.hy_productNew .box .list .yx_List3:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.hy_productNew .box .list .yx_List3 a .content3 img{margin-left: 0.625rem;}

.hy_productNew .box .list .yx_List3 a .content4{display: flex;align-items: center;height: 7.8125rem;border-top: 1px solid #ddd;}

.hy_productNew .box .list .yx_List3 a .content4>div{margin: auto;width: 100%;}

.hy_productNew .box .list .yx_List3 a:hover .content2{color: var(--yx_Color);}

.hy_productNew .box .list .yx_List3 a:hover .content3{display: block;}

.hy_productNew .box .list .page{margin-top: 3.25rem;}

.hy_productNew .box .list .page>p{width: 3rem;height: 3rem;line-height: 3rem;text-align: center;border-radius: 50%;border: 1px solid #a1aebf;transition: 0.4s;cursor: pointer;color: var(--yx_CTwo);}

.hy_productNew .box .list .page>p:hover{border: 1px solid var(--yx_Color);background: var(--yx_Color);}

.hy_productNew .box .list .page>p:hover span{color: #fff;}

.hy_productNew .box .list .page .cen p span{margin: 0 5px;}

/*honor*/.yx_HonorList{background: #f5f5f5;padding: var(--yx_FS14) var(--yx_FS14) var(--yx_FS18);transition: all 0.6s;cursor: pointer;border-radius: 0.24rem;}

.yx_HonorList .yx_ImgContain{width: 100%;padding-bottom: 76%;background: #fff;border-radius: 0.2rem;}

.yx_HonorList .yx_ImgContain img{max-width: 90%;max-height: 90%;}

.yx_HonorList .yx_Title{font-size: var(--yx_FS16);color: #666;text-align: center;padding: var(--yx_FS22) 0 0;transition: all 0.6s;}

.yx_HonorList:hover .yx_ImgContain img{transform: translate(-50%, -50%) scale(0.9);}

.yx_HonorList:hover .yx_Title{color: var(--yx_Color);}

.yx_HonorList:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.yx_BigBox{position: fixed;top: 0%;left: 50%;transform: translate(-50%, 0%);width: 100%;height: 100%;display: none;z-index: 99999999;background: rgba(0, 0, 0, 0.75);}

.yx_BigBox .yx_BigContent{background: #fff;padding: var(--yx_FS18);border-radius: 10px;box-shadow: 0 0 16px rgb(0 0 0 / 50%);position: absolute;top: 50%;left: 50%;z-index: 9;transform: translate(-50%, -50%);}

.yx_BigBox .yx_Img img{width: auto;max-width: 80vw;max-height: 80vh;height: auto;}

.yx_BigClose{position: absolute;right: 3%;top: 3%;background: #2a2a2a;width: 36px;height: 36px;font-size: 18px;color: #fff;display: flex;align-items: center;justify-content: center;}

/*pageBox*/.my-4 .pagination{display: flex;width: 100%;margin: var(--yx_FS36) 0 0;justify-content: center;align-items: center;}

.my-4 .pagination>a{font-size: var(--yx_FS14);color: #666;border: 1px solid #eee;padding: 10px;margin: 0 6px;border-radius: 36px;display: inline-block;transition: all 0.6s;}

.my-4 .pagination .page-num{width: var(--yx_FS42);text-align: center;padding: 10px 0;}

.my-4 .pagination .page-num-current{background: var(--yx_Color) !important;color: #fff !important;}

.my-4 .pagination>a:hover{background-color: var(--yx_Color);color: #fff;}

/*news*/.news_box1 .yx_Width{box-sizing: border-box;}

.news_box1 .yx_Width .content1{text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 0.3rem;}

.news_box1 .yx_Width .content1 h5{font-size: 0.28rem;}

.news_box1 .yx_Width .content1 h6{font-size: var(--yx_FS16);color: #666;margin-top: 0.3rem;}

.news_box1 .yx_Width .content2{padding: 0.4rem 0 0;min-height: 360px;}

.news_box1 .yx_Width .content2 p{font-size: var(--yx_FS16) !important;color: #666;line-height: 200%;text-align: justify;}

.news_box1 .yx_Width .content2 p img,

.news_box1 .yx_Width .content2 img{max-width: 100% !important;margin: auto;height: auto !important;}

.news_box2{margin-top: 0.5rem; margin-bottom: 0.5rem}

.news_box2 .box{border-top: 1px solid #ddd;padding-top: 0.36rem;}

.news_box2 .box .item a{width: 0.6rem;height: 0.6rem;line-height: calc(0.6rem - 2px);border: 1px solid #ddd;display: inline-block;margin: 0;transition: 0.4s;border-radius: 50%;text-align: center;}

.news_box2 .box .item a span{font-weight: bold;}

.news_box2 .box .item a:hover{border: 1px solid var(--yx_Color);background: var(--yx_Color);border: 1px solid transparent;color: #fff;}

.news_box2 .box .go{display: flex;align-items: center;}

.news_box2 .box .go a{display: inline-block;width: 126px;line-height: 42px;border-radius: 21px;background: var(--yx_Color);color: #fff;text-align: center;}

.hy_news_info{padding-bottom: 0.6rem;}

/*product*/.yx_ProMbx .boxRight{padding: var(--yx_FS24) 0;}

.yx_NewProduct{position: relative;}

.yx_NewProduct .boxLeft{width: 20%;padding: var(--yx_FS60) 2% var(--yx_FS60) 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: #fff;line-height: 240%;box-sizing: border-box;padding: 1rem 1.6rem;}

.yx_NewProduct .boxLeft article .active a{background: var(--yx_Color);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: 80%;padding-top: var(--yx_FS60);padding-bottom: var(--yx_FS60);}

.yx_NewProduct .item a{display: block;background: #fff;padding:0;position: relative;transition: all 0.6s;border-radius: 0.24rem;}



.yx_NewProduct .item a:hover{background: #fff;box-shadow: none;}

.cp-40{padding-top: 0.5rem;}

.yx_NewProduct .item a .content1{position: relative;padding-bottom: 76%;border-radius: 0.18rem;background-color: #4a4a4a;}

/*.yx_NewProduct .item a .yx_ImgCover::after{background-color: #000;content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.6s;opacity: 0;}

.yx_NewProduct .item a:hover .yx_ImgCover::after{opacity: 0.01;}*/

.yx_NewProduct .item a:hover .yx_ImgCover img{transform: scale(1.1);opacity: 1;}

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

.yx_NewProduct .item a .content2{margin-top: var(--yx_FS16);text-align: center;}

.yx_NewProduct .item a .content2 .left h5{font-size: var(--yx_FS18);color: #2a2a2a;width: 90%;margin-left: 5% !important;line-height: 220%;transition: 0.4s;}

.yx_NewProduct .item a .content2 .right{display: flex;align-items: center;justify-content: center;margin: 0.12rem 0 var(--yx_FS14);}

.yx_NewProduct .item a .content2 .right>div{display: inline-block;border-radius: 36px;border: 2px solid var(--yx_Color);padding: 0.1rem 0.2rem;transition: all 0.6s;}

.yx_NewProduct .item a .content2 .right *{font-size: var(--yx_FS14);color: var(--yx_Color);}

.yx_NewProduct .item a .content2 .right .yx_icon{color: var(--yx_Color);transition: all 0.6s;}

.yx_NewProduct .item a:hover .right>div{background-color: var(--yx_Color);color: #fff;}

.yx_NewProduct .item a:hover .right>div *{color: #fff !important;}

.yx_NewProduct .item a .yx_ImgCover .yx_icon{width: 0.68rem;height: 0.68rem;border-radius: 50%;background: var(--yx_Color);font-size: 0.24rem;color: #fff;text-align: center;position: absolute;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%);line-height: 0.68rem;opacity: 0;transition: all 0.6s;}

.yx_NewProduct .item a:hover .yx_ImgCover .yx_icon{opacity: 1 !important;}

.yx_NewProduct .item a .content2 .right div img{margin-left: 0.24rem;height: var(--yx_FS22);transition: all 0.6s;}

.yx_NewProduct .item a:hover .content2 .right div img{transform: translateX(30px);}

.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: var(--yx_Color);}

.yx_ProPageTwo{background: #f7f7f7;padding: var(--yx_FS16);border-radius: 4px;position: sticky;top: 140px;border-top: 5px solid var(--yx_Color);}

.yx_PT_Link{color: #2a2a2a;font-size: var(--yx_FS18);display: inline-block;}

.yx_PageTit{position: relative;line-height: 240%;display: flex;align-items: center;justify-content: space-between;width: 100%;font-size: var(--yx_FS18);font-weight: bold;cursor: pointer;border-bottom: 1px solid #eee;padding: var(--yx_FS14) 0;margin: 0px;}

.yx_PageTit a:hover{color: var(--yx_Color);}

.yx_PageTit .yx_icon{transform: translateY(-50%);font-size: 14px;line-height: 100%;height: auto;position: absolute;top: 50%;right: 0px;width: var(--yx_FS30);height: var(--yx_FS30);transition: all 0.6s;display: flex;align-items: center;cursor: pointer;justify-content: center;}

.yx_PPBox .yx_PPBox2{display: none;}

.yx_PPBox .yx_PPBox3{display: none;}

.yx_PPList{position: relative;padding: 1% 0;}

.yx_PPBox2 .yx_PT_Link2{display: flex;align-items: center;justify-content: left;width: 100%;}

.yx_PPBox2 .yx_PT_Link2 em{display: block;width: 12px;height: 12px;border: #fff 1px solid;cursor: pointer;flex-shrink: 0;margin-right: 5%;padding: 2px;position: relative;}

.yx_PPBox2 .yx_PT_Link2 span{font-weight: normal;font-size: 15px}

.yx_PPBox2 .yx_PageTit{padding: 5px 0 5px;border: none !important;}

.yx_PPBox3{padding-left: var(--yx_FS36);}

.yx_PT_Link3{font-size: var(--yx_FS14);line-height: 160%;font-weight: normal;}

.yx_PT_Link.yx_Click{color: var(--yx_Color) !important;}

.yx_PT_Link.yx_Click em{border-color: var(--yx_Color) !important;background: var(--yx_Color) !important;}

.yx_ProPageTwo .yx_PPBox2{display: none;}

.yx_ProPageTwo .yx_PPBox3{display: none;}

.yx_content{min-height: 500px;}

/*wuneirong*/.yx_Nobody{border: 1px solid #F1F2F4;padding: var(--yx_FS42) var(--yx_FS24);border-radius: 12px;transition: all .24s ease-in-out;}

.yx_Nobody .yx_NoContent{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;margin-bottom: var(--yx_FS24);transition: all .24s ease-in-out;display-radio: flex;}

.yx_Nobody:hover{border-color: transparent;box-shadow: 0 12px 64px rgba(0, 44, 109, .12);}

.yx_Nobody .yx_NoSvg{width: 20%;height: auto;font_radio: 1;display-radio: 1;margin-left: auto;margin-right: auto;max-width: 200px;}

.yx_Nobody .yx_NoSvg svg{margin: 0;width: 100% !important;height: 100% !important;}

.yx_Nobody .yx_NoTitle{font_radio: 2;display-radio: 1;opacity: 1;line-height: 2;text-align: center;margin-top: var(--yx_FS18);font-size: var(--yx_FS18);}

/*product*/.hy_pro{padding-top: 0.3rem !important;}

.hy_pro .box .boxLeft{width: 40%;padding: 10px;background: #fff;position: relative;z-index: 4;border-radius: 4px;}

.hy_pro .box .boxLeft .yx_ImgContain{width: 100%;padding-bottom: 85%;border: 1px solid #eee;border-radius: 0.36rem;}

.hy_pro .box .boxLeft .yx_ImgCover{width: 100%;padding-bottom: 100%;border: 1px solid #eee;border-radius: 0.24rem;}

.hy_pro .box .boxLeft .yx_ImgContain img{width: 100%;height: 100%;object-fit: contain;}

.hy_pro .box .boxLeft .mySwiper{margin-top: 10px;width: calc(100% - (var(--yx_FS38)*2));padding: 0 10px;}

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

.hy_pro .box .boxLeft .mySwiper .swiper-slide-thumb-active{border: 1px solid var(--yx_Color);}

.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: var(--yx_FS38);transition: all 0.6s;color: #666;border-radius: 0.16rem;font-size: var(--yx_FS22);}

.hy_pro .box .boxLeft .banner2 .button p:hover{background: var(--yx_Color);color: #fff;}

.hy_pro .box .boxLeft .banner2 .button p .yx_icon{color: #666;transition: 0.4s;font-size: var(--yx_FS24);}

.hy_pro .box .boxLeft .banner2 .button p .yx_icon: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: 58%;box-sizing: border-box;padding: 0.32rem;border-radius: 4px;background-color: #fff;transition: all 0.6s;}

.hy_pro .box .yx_BackBtn{margin-top: var(--yx_FS42);padding-left: var(--yx_FS18);}

.hy_pro .box .yx_BackBtn a{display: inline-block;background: var(--yx_Color);color: #fff;font-size: var(--yx_FS18);padding: var(--yx_FS16) var(--yx_FS36);transition: all 0.6s;border-radius: 0.36rem;}

.hy_pro .box .yx_BackBtn:hover a{background: var(--yx_CTwo);}

.yx_Content{padding: 0.5rem 0 0;}

.yx_Content .title{font-size: 0.24rem;text-align: center;}

.yx_Content .box{font-size: var(--yx_FS16);line-height: 200%;overflow: hidden;}

.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{font-weight: bold;font-size: 0.36rem;padding: var(--yx_FS16) 0;padding-bottom: 0.22rem;border-bottom: 1px solid #ccc;}

.hy_pro .box .boxRight .content2{margin-top: 0.24rem;}

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

.hy_pro .box .boxRight .content2 p{position: relative;padding-left: var(--yx_FS18);font-size: var(--yx_FS16);color: #999;line-height: 200%;}

.hy_pro .box .boxRight .content2 p::after{content: '';position: absolute;top: 1.02rem;left: 0;width: 0.625rem;height: 0.625rem;border-radius: 50%;}

.yx_ProDContent{padding: var(--yx_FS16);border: 1px solid #eee;margin-top: var(--yx_FS16)}

.yx_ProDContent .yx_PDCTitle{display: block;color: #060606;margin: var(--yx_FS24) 0 var(--yx_FS18);font-weight: bold;text-align: center;font-size: var(--yx_FS30);}

.text-secondary{font-size: var(--yx_FS16);}

.yx_ProDContent .lian-about-contact-message-from{width: 100%;padding: 0 2%;margin-top: var(--yx_FS36)}

.yx_ProDContent .message-from-item .input-1{padding: 14px 0;}

.yx_ProDContent .send-2{color: #fff;text-align: center;margin: var(--yx_FS30) auto 0;}

.yx_ProDContent .send-2 a{color: #fff;}

.yx_proD{padding-left: 0.24rem;display: flex;align-items: center;margin-top: var(--yx_FS24);font-size: var(--yx_FS16);transition: all 0.6s;}

.yx_proD:hover{color: var(--yx_Color);}

.yx_proD .yx_icon{font-size: var(--yx_FS18);color: var(--yx_Color);margin-right: var(--yx_FS24);}

.yx_proDBox{padding: 0.2rem 0;margin-top: 0.2rem;border-bottom: 1px dashed #eee;border-top: 1px dashed #eee;}

.yx_ProImg{padding-bottom: 100% !important;}

.yx_ProDetailContent table{width: 100%;}

.yx_ProDetailContent table td{border: 1px solid #eee;font-size: var(--yx_FS16);padding: 5px var(--yx_FS14);width: auto;}

.yx_ProDetailContent table tr:nth-child(1){text-align: center;font-weight: bold;}

.yx_ProDetailContent table tr:nth-child(1){background: var(--yx_Color);color: #fff;}

.yx_ProDetailContent table tr:nth-child(1) *{color: #fff;}

.yx_ProDetailContent table tr:nth-child(2n){background: #fafafa;}

.yx_ProDetailContent h3{font-size: var(--yx_FS30);margin-top: var(--yx_FS24) !important;line-height: 200%;border-bottom: 1px solid #eee;margin-bottom: var(--yx_FS24) !important;}

.yx_ProDetailContent .yx_DTableTit{background: #f5f5f5;border-radius: 0.36rem;margin-bottom: var(--yx_FS36);}

.yx_ProDetailContent .yx_DTableTit span{display: inline-block;padding: var(--yx_FS18) var(--yx_FS48);font-size: var(--yx_FS18);color: #060606;transition: all 0.6s;cursor: pointer;}

.yx_ProDetailContent .yx_DTableTit span.yx_Active{background: var(--yx_Color) !important;color: #fff;border-radius: 0.36rem;}

@media only screen and (max-width:768px){.yx_ProDetailContent table{display: block;overflow: auto;}

.hy_content .box .item .bot a,.hy_content .box .item .bot{font-size: 14px;line-height: 200%;}

.Inner_banner .yx_BannerS,.Inner_banner::after{display: none !important;}}

.hy_product{background: #f8f8f8;padding-bottom: 1rem;margin-top: 0.55rem;}

.hy_product .box .list .title{font-size: 0.42rem;text-align: center;}

.hy_product .box .list .banner{margin-top: 0.32rem;}

.hy_product .box .list .banner .item{background: #fff;border: 0.2rem solid #fff;border-radius: 0.36rem;}

.hy_product .box .list .banner .item a{display: block;}

.hy_product .box .list .banner .item a .content1{padding-bottom: 55%;text-align: center;border-radius: 0.26rem;}

.hy_product .box .list .banner .item a .content2{font-size: 0.2rem;color: #2a2a2a;text-align: center;}

.hy_product .box .list .banner .item a .content3{font-size: var(--yx_FS16);color: var(--yx_Color);text-align: center;padding: var(--yx_FS16) 0 0;}

.hy_product .box .list .banner .item a .content3 img{margin-left: var(--yx_FS16);height: var(--yx_FS24);}

.hy_product .box .list .banner .item:hover .yx_ImgCover img{transform: scale(1.1);}

.hy_product .box .list .banner .item a .content4{display: flex;align-items: center;padding: 0.24rem 0px 0.1rem;background-color: #fff;}

.hy_product .box .list .banner .item a .content4>div{margin: auto;}

.hy_product .box .list .banner .item a:hover .content2{color: var(--yx_Color);}

.hy_product .box .list .banner .item a:hover .content3{display: block;}

.hy_product .box .list .page{margin-top: 0.42rem}

.hy_product .box .list .page>p{width: 0.42rem;height: 0.42rem;line-height: 0.42rem;text-align: center;border-radius: 50%;border: 1px solid #a1aebf;transition: 0.4s;cursor: pointer;color: var(--yx_CTwo);}

.hy_product .box .list .page>p:hover{border: 1px solid var(--yx_Color);background: var(--yx_Color);}

.hy_product .box .list .page>p:hover span{color: #fff;}

.hy_product .box .list .page .cen p span{margin: 0 5px;}

/*news*/.hy_news .item{display: block;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

.hy_news .item .yx_Year{display: block;font-size: 0.42rem;line-height: 120%;font-weight: bold;color: #fff;transition: all 0.6s;}

.hy_news .item .yx_Time{font-size: 0.14rem;color: #999;position: absolute;z-index: 2;left: 0.24rem;bottom: 0.6rem;transition: all 0.6s;}

.hy_news .item span{color: #fff;}

.hy_news .item .yx_ImgCover{overflow: hidden;padding-bottom: 75%;background-color: #222;border-radius: 0.24rem;}

.hy_news .item .yx_ImgCover img{width: 100%;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;opacity: 0.65;}

.hy_news .item .content2{font-size: 0.16rem;color: var(--yx_Color);}

.hy_news .content1{padding: 0.24rem;border-radius: 0.24rem;background-color: #F7F7F7;transform: translateY(-36px);transition: all 0.6s;}

.hy_news .item:hover .content1{background-color: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.hy_news .item .content3{font-weight: 500;font-size: 0.22rem;line-height: 0.35rem;margin-top: 0.24rem;color: #000;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;padding-bottom: 0.18rem;}

.hy_news .item .content4{font-size: 0.14rem;line-height: 200%;color: #999;margin: 0.16rem 0 0.36rem;}

.hy_news .item .yx_icon{display: flex;justify-content: center;align-items: center;border-radius: 50%;background: var(--yx_Color);font-size: 0.14rem;color: #fff;width: 0.3rem;height: 0.3rem;transition: all 0.6s;margin-top: 0.24rem;}

.hy_news .item .yx_flex{padding: 0.18rem 0;margin: 0.2rem 0;color: #999;position: relative;font-size: 0.14rem;transition: all 0.6s;border-top: 1px solid rgba(0, 0, 0, 0.05);}

.hy_news .item .yx_flex:before{content: '';display: block;width: 0;top: -1px;height: 1px;background: #ccc;position: absolute;transition: all 0.6s;}

.hy_news .item:hover .yx_flex::before{width: 100%;}

.hy_news .item:hover .yx_icon{background-color: var(--yx_CTwo);}

.hy_news .item:hover .yx_ImgCover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.hy_news .item:hover .yx_Tit{color: var(--yx_Color);}

/*Contact*/.hy_content .title{font-size: 0.42rem;text-align: center;}

.hy_content .box .item .top{border-bottom: 1px solid #ddd;line-height: 200%;align-items: flex-end;padding-bottom: var(--yx_FS14);}

.hy_content .box .item .top .left{font-size: var(--yx_FS16);color: #666;}

.hy_content .box .item .top .right{width: var(--yx_FS48);height: var(--yx_FS48);border-radius: 50%;background: var(--yx_Color);font-size: var(--yx_FS16);color: #fff;text-align: center;line-height: var(--yx_FS48);}

.hy_content .box .item .bot{font-size: var(--yx_FS16);color: #666;padding-top: var(--yx_FS16);line-height: 200%;}

.hy_content .box .item .bot a,

.hy_content .box .item .bot{display: block;width: 100%;font-size: var(--yx_FS24);color: #2a2a2a;font-weight: bold;}

.hy_content .box .item .bot a:hover{color: var(--yx_Color);}

.hy_content1{background: #f7f7f7;}

.hy_content1 .box .item{width: 31%;margin-right: 3.5%;}

.hy_content1 .box .item:last-child{margin-right: 0;}

.hy_content1 .box .item .content1{overflow: hidden;}

.hy_content1 .box .item .content1 img{width: 100%;transition: 0.4s;}

.hy_content1 .box .item:hover .content1 img{transform: scale(1.1);}

.hy_content1 .box .item .content2{color: #222;margin-top: 0.42rem;}

.hy_content1 .box .item .content3{margin-top: 0.24rem;font-size: var(--yx_FS18);color: #999;line-height: 0.42rem;}

.hy_content1 .box .item .content3 p{position: relative;padding: 0.1rem 0;}

.hy_content1 .box .item .content3 p:last-child span{position: absolute;top: 0;left: 0;display: inline-block;}

.hy_content2 .title{font-size: 0.42rem;text-align: center;margin-bottom: 0.36rem;}

.hy_content2 .box .boxLeft{width: 50%;}

.hy_content2 .box .boxLeft .item input{display: block;width: 100%;box-sizing: border-box;border: 1px solid #ddd;font-size: var(--yx_FS16);height: 0.5rem;padding: 0 var(--yx_FS18);border-bottom: 0;}

.hy_content2 .box .boxLeft .item:last-child input{border-bottom: 1px solid #ddd;}

.hy_content2 .box .boxRight{width: 50%;}

.hy_content2 .box .boxRight textarea{display: block;width: 100%;box-sizing: border-box;border: 1px solid #ddd;font-size: var(--yx_FS16);padding: 0.24rem var(--yx_FS18);border-left: 0;height: 100%;}

.hy_content2 .box1 input{font-size: var(--yx_FS16);display: block;width: 1.2rem;line-height: 0.42rem;height: 0.42rem;color: #fff;background: var(--yx_Color);border-radius: var(--yx_FS18);text-align: center;border: 0;cursor: pointer;}

.yx_ContentRgiht{box-sizing: border-box;width: 45% !important;max-width: none !important;border-radius: 0 0.36rem 0.36rem 0;overflow: hidden;}

.yx_ContentRgiht img{width: 100%;height: 100%;object-fit: cover;}

.yx_ContentLeft{width: 55%;box-sizing: border-box;background: #f7f7f7;border-radius: 0.36rem 0 0 0.36rem;padding: 0.42rem 0.36rem 0.4rem;}

@media screen and (max-width:768px){.yx_ContentRgiht{width: 100% !important;padding-left: 0%;border-radius: 0 0 0.36rem 0.36rem;}

.hy_pro .box .boxLeft,.hy_pro .box .boxRight{width: 100% !important;}

.yx_ContentLeft{width: 100%;border-radius: 0.36rem 0.36rem 0 0;}

.hy_news .box .main1{display: none !important;}

.hy_news .box .main2 .item{width: 100% !important;margin-right: 0 !important;}

.yx_ContentLeft>div{width: 100% !important;margin: var(--yx_FS16) 0 !important;}

.yx_NewProduct .boxLeft{display: none !important;}

.yx_NewProduct .boxRight{width: 100% !important;}}

/*message*/.yx_MessageBox .yx_MeList{list-style: none;margin: 0;padding: 0;border: 1px solid #eee;position: relative;background: #fff;padding: 5px 0;position: relative;display: flex;width: 100%;border-radius: 0.36rem;margin-bottom: var(--yx_FS24);}

.yx_MessageBox .yx_MeContent textarea{background: none;box-sizing: border-box;border: none;line-height: 200%;padding: var(--yx_FS14);font-size: var(--yx_FS16);color: #666;transition: all .4s ease;width: 100%;min-height: 160px;}

.yx_MessageBox .yx_flexWrap .yx_MeList{    padding: 0 0 0 15px;width: calc((100% - var(--yx_FS24))/2);align-items: center;position: relative;}

.yx_MessageBox .yx_flexWrap .yx_MeList img{position: absolute;right: 3%;top: 50%;transform: translateY(-50%);height: 42px;object-fit: contain;}

.yx_MessageBox .yx_MeList span{width: 100px;font-size: var(--yx_FS16);color: #999;text-align: left;padding-left: 1.2vw;position: relative;}

.yx_MessageBox .yx_MeList span.bt::before,

.yx_BotMessage .yx_MeList span.bt::before{content: '*';color: red;font-size: 12px;left: 0.5vw;position: absolute;}

.yx_MessageBox .yx_MeList input{background: none;box-sizing: border-box;border: none;line-height: 240%;padding: 10px;width: calc(100% - 100px);font-size: var(--yx_FS16);color: #666;transition: all .4s ease;}

.yx_MessageBox .yx_MeBtn{display: block;position: relative;text-align: center;width: 3.6rem;height: auto;padding: var(--yx_FS16) 0;line-height: 240%;background: var(--yx_Color);margin: auto;margin-top: 3%;font-size: var(--yx_FS16);border: none;cursor: pointer;color: #fff;transition: all 0.6s;border-radius: 0.36rem;}

.yx_MessageBox .yx_MeBtn:hover{background: var(--yx_CTwo);}

@media only screen and (max-width:768px){.yx_NPage .yx_Width{width: 100% !important;padding: 0 !important;}

.yx_MessageBox .yx_MeBtn{width: 100%;}

.yx_MessageBox .yx_MeBtn{width: 60%;    border-radius: 0.5rem;    line-height: 120%;}

.yx_MessageBox .yx_MeList{width: 100% !important;margin-bottom: 12px;}

.yx_MessageBox .yx_MeList span{width: 60px;}

.yx_MessageBox .yx_MeList input{padding: 6px;width: calc(100% - 60px);}

.index_case .yx_CaseBList{flex-wrap: wrap;}

.yx_InTitCase{top: 5%;}

.index_case .yx_CBImg{width: 70%;margin: 10vw auto;}

.index_case .index_title{/*width: 100%;*/}

.index_case .yx_CaseContent .yx_Title,.index_case .yx_CaseContent .yx_Summary{text-align: center;margin-left: auto;margin-right: auto;}

.index_case .yx_CaseContent .yx_Title{margin-top: 0px;}

.index_case .yx_InM{margin-left: auto !important;margin-right: auto !important;}}

.yx_Search{width: min(6rem, 80vw);margin: auto;position: relative;}

.yx_Search form{width: 100%;border: 0;font-size: 16px;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;}

.yx_Search form input{width: calc(100% - 100px);border: none;font-size: var(--yx_FS16);padding: 0.24rem 0;color: #666;background: #f2f2f2;padding-left: 0.24rem;background-color: none;}

.yx_Search form button{border: none;width: 100px;background: #fafafa;font-size: var(--yx_FS16);display: inline-block;padding: 0.24rem 0;text-align: center;transition: all 0.6s;}

.yx_Search form button:hover{background: var(--yx_Color);color: #fff;}

@media only screen and (max-width:1366px){.index_header .box .logo a p{display: none !important;}

.index_header .box .logo{width: auto !important;}}

@media only screen and (max-width:992px){.index_header .yx_Width{display: none !important;}

.boxTlogo .botLogo img{height: 48px !important;}

.boxTlogo{padding-top: 0px;align-items: center;}

.chanh .zhec{ }

.chanh .zhec a{    padding:25% 10% 20%;}

.chanh .zhec a h3{ font-size:0.2rem}

.chanh .zhec a img{ width:0.8rem; height:0.8rem}

.chanh .zhec a p{font-size: 0.12rem; font-weight: 100; line-height: 0.24rem;     margin:5px auto 0;   height: 0.72rem; overflow:hidden}

.chanh .zhec.hit a{ background:none}

.chanh .zhec.hit a h2,.chanh .zhec a h2{ display:none}

.chanpk{ padding:1.2rem 0 0.4rem;}

.ctit{ padding-top:0.5rem;font-size: 0.26rem; }



.lx dt{ width: 100%;  margin: 0 auto 2%; height: auto;padding: 20px 0.4rem 25px ;}

.lx dt:nth-child(2n){margin: 0 auto 2%;}

.lx dt i{ width: 50px; height: 50px;}

.lx dt i img{ width: 100%}

.lx_bt{ font-size: 15px;}

.hy_content2{padding-bottom: 2rem;}

}



@media only screen and (max-width:768px){.index_header .box .logo{width: auto !important;}

.index_about .yx_ia_Right,.index_about .yx_ia_Left{width: 100%;}

.index_equipment .yx_eqLeft,.index_equipment .yx_eqRight{width: 100%;padding: 0px;}

.index_equipment .yx_eqLeft,.index_about .yx_ia_Right{margin-bottom: 0.48rem;}

.index_equipment .yx_eqLeft .content3{-webkit-line-clamp: 2;}

.index_equipment .eq_Width>div{padding-right: 0px;}

.index_equipment .eq_Width{width: 100% !important;padding-left: calc(3% + 10px) !important;padding-right: calc(3% + 10px) !important;padding-bottom: 0.6rem !important;}

.index_equipment .eq_Width:nth-child(2){padding-top: 0px !important;}

.index_about .yx_ia_Left .con{font-size: 14px;}

.index_equipment .yx_eqBtn>div{width: 40px;height: 40px;line-height: 40px;font-size: 14px;}

.index_case .yx_IPPro .yx_List{width: calc((100% - 0.2rem)/2);}

.index_case .yx_IPPage{display: none !important;}

.index_news .new_Width{padding-left: 0px;}

.Inner_banner .position .box h5{font-size: 0.42rem;}

.HeaderMobile .box .button .menu .menu_btn .yy{    right: 0.9rem;}

.index_title .content0 img{ height:5px;}

}



/*new about*/.z_tanchuang{position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 100;}

.z_tanchuang .tbox{display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

.z_tanchuang .tbox .modal{background: white;padding: 30px;display: block;border-radius: 5px;position: relative;width: 80%;max-width: 1200px;max-height: 96%;margin: 0 auto;box-sizing: border-box;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;font-size: 16px;color: #2a2a2a;border-radius: 50%;background: #fff;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;transition: all 0.5s;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;max-height: 67vh;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto;}

.z_tanchuang .tbox .modal .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

.z_tanchuang.one{transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal{transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out{transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal{animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

@keyframes unfoldIn{0%{transform: scaleY(0.005) scaleX(0);}

50%{transform: scaleY(0.005) scaleX(1);}

100%{transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn{0%{transform: scale(0);}

100%{transform: scale(1);}}

@keyframes zoomOut{0%{transform: scale(1);}

100%{transform: scale(0);}}

@keyframes unfoldOut{0%{transform: scaleY(1) scaleX(1);}

50%{transform: scaleY(0.005) scaleX(1);}

100%{transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn{0%{transform: scale(0);}

100%{transform: scale(1);}}

@-webkit-keyframes zoomOut{0%{transform: scale(1);}

100%{transform: scale(0);}}

@-webkit-keyframes unfoldOut{0%{transform: scaleY(1) scaleX(1);}

50%{transform: scaleY(0.005) scaleX(1);}

100%{transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn{0%{transform: scaleY(0.005) scaleX(0);}

50%{transform: scaleY(0.005) scaleX(1);}

100%{transform: scaleY(1) scaleX(1);}}

@keyframes zhuan{from{transform: translate(-50%, -50%) rotate(0deg) scale(1);}

to{transform: translate(-50%, -50%) rotate(360deg) scale(1);}}

.yx_Company1 .btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.22rem;height: 1.22rem;cursor: pointer;}

.yx_Company1 .btn img{position: relative;z-index: 2;width: 100%;height: 100%;}

.yx_Company1 .btn:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.8);background: url(../images/ab_btnbj.png)no-repeat center;background-size: cover;width: 1.8rem;height: 1.8rem;transition: all 0.5s;opacity: 0;}

.yx_Company1 .btn:hover:after{transform: translate(-50%, -50%) scale(1);opacity: 1;animation: zhuan 3s linear infinite;-webkit-animation: zhuan 3s linear infinite;}

.yx_Company1 .yx_CLeft{width: 45%;}

.yx_Company1 .yx_CRight{width: 45%;padding-bottom: 37%;border-radius: 0.72rem;}

.yx_Company1 .yx_CLeft .yx_Title{font-size: var(--yx_FS42);color: #2a2a2a;font-weight: bold;}

.yx_Company1 .yx_CLeft .yx_Summary{font-size: var(--yx_FS16);line-height: 200%;color: #999;margin-top: var(--yx_FS36);-webkit-line-clamp: 10;}

.yx_Company1 .big_data{width: 100%;margin-top: var(--yx_FS72);}

.yx_Company1 .big_data .ite .top{font-size: var(--yx_FS18);color: var(--yx_Color);font-weight: bold;}

.yx_Company1 .big_data .ite .top .counter{font-size: var(--yx_FS48);font-weight: bold;}

.yx_Company1 .big_data .ite .bot{font-size: var(--yx_FS14);color: #999;text-align: center;}

.yx_Company2{background: url(../images/aboutbg3.jpg);background-attachment: fixed;background-size: cover;padding: 0.78rem 0 1.4rem;}

.yx_Company2 .yx_ProBox > div{width: 100%;}

.yx_Company2 .yx_ProBox{margin: var(--yx_FS48) 0 var(--yx_FS36);}

.yx_wenhuaimg{width: 70%;padding-right: 8%;}

.yx_wenhuaimg .yx_List{position: relative;width: 31%;}

.yx_wenhuaimg .yx_List img{opacity: 0.58;}

.yx_wenhuaimg .yx_List .yx_lcon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;text-align: center;}

.yx_wenhuaimg .yx_lcon .yx_icon{font-size: var(--yx_FS48);color: var(--yx_Color);}

.yx_wenhuaimg .yx_lcon p{font-size: var(--yx_FS18);text-align: center;line-height: 220%;color: #fff;display: block;margin-top: 24px;}

.yx_wenhuaimg .yx_List:nth-child(2){transform: translateY(0.6rem);}

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

.yx_wenhuaimg .yx_ImgCover{border-radius: 0.24rem;padding-bottom:180% ;background-color: #222;}

.yx_Company2 .yx_wenhuacon{width: 30%;}

.yx_Company2 p{font-size: var(--yx_FS16);line-height: 200%;color: #666;}

.yx_ccon{margin-top: var(--yx_FS36);}

.yx_Company2 .yx_PList{background: #222;width: 20%;position: relative;transition: all 0.6s;border-radius: 0.24rem;overflow: hidden;}

.yx_Company2 .yx_Img{position: relative;height: 30vw;max-height: 500px;transition: all 0.6s;width: 100%;overflow: hidden;}

.yx_Company2 .yx_Img img{position: absolute;left: 0;height: 100%;width: 100%;object-fit: cover;opacity: 0.65;transition: all 0.6s;}

.yx_Company2 .yx_ConBox{padding: var(--yx_FS60) var(--yx_FS42);top: 0;left: 0;width: 100%;height: 100%;position: absolute;transition: all 0.6s;box-sizing: border-box;}

.yx_Company2 .yx_Title{color: #fff;font-size: var(--yx_FS36);line-height: 100%;text-align: center;transition: all 0.6s;}

.yx_Company2 .yx_Summary{font-size: 14px;color: rgba(255, 255, 255, 0.75);line-height: 200%;margin: var(--yx_FS22) 0 var(--yx_FS30);transition: all 0.6s;-webkit-line-clamp: 10;max-height: 0px;overflow: hidden;}

.yx_Company2 .yx_Tit{font-size: calc(var(--yx_FS72)* 1.4);position: absolute;bottom: 0;right: 0;line-height: 100%;-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);color: transparent;font-weight: bold;transform: translateX(100%);opacity: 0;transition: all 0.6s;}

.yx_Company2 .cateSlink{display: block;width: var(--yx_FS42);height: var(--yx_FS42);line-height: calc(var(--yx_FS42) - 4px);text-align: center;color: #fff;background: var(--yx_Color);border-radius: var(--yx_FS42);font-size: var(--yx_FS18);position: relative;border: 2px solid var(--yx_Color);transition: all 0.6s;}

.yx_Company2 .cateSlink span{display: inline-block;position: absolute;font-size: 14px;opacity: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.6s;width: 80px;text-align: center;}

.yx_Company2 .cateSlink em{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.6s;}

@media only screen and (min-width: 769px){.yx_Company2 .yx_PActive{width: calc(100% - 60% - 30px);}

.yx_Company2 .yx_PActive .yx_Img img{width: 100%;opacity: 0.25;}

.yx_Company2 .yx_PActive .yx_Tit{transform: translateX(0%);opacity: 1;}

.yx_Company2 .yx_PActive .yx_ConBox{padding: var(--yx_FS60) var(--yx_FS42);}

.yx_Company2 .yx_PActive .yx_Title{text-align: left;}

.yx_Company2 .yx_PActive .yx_Summary{font-size: var(--yx_FSFive);color: rgba(255, 255, 255, 0.9);max-width: 80%;-webkit-line-clamp: 10;max-height: 300px;}

.yx_Company2 .yx_PActive .cateSlink{width: 140px;background: transparent;color: var(--yx_Color);}

.yx_Company2 .yx_PActive .cateSlink span{opacity: 1;}

.yx_Company2 .yx_PActive .cateSlink em{opacity: 0;transform: translateX(-100px);}



}

@media only screen and (max-width: 768px){

/*wrap-n*/

.ab-nav a{ font-size: 14px; width: auto; padding: 0 0.3rem; margin: 0 5px; line-height: 0.52rem; height: 0.52rem;        min-width: inherit;}



.yx_Company2 .yx_flex{flex-wrap: Wrap;}

.yx_Company2 .yx_PList{width: 100%;margin-bottom: var(--yx_FS22);}

.yx_Company2{padding: 1rem 0;}

.yx_Company2 .yx_Img{height: 58vw;}

.yx_wenhuaimg .yx_List{width: 100%;transform: translate(0) !important;margin-bottom: 24px;}

.yx_wenhuaimg .yx_List .yx_ImgCover{padding-bottom: 60%;}

.yx_wenhuaimg{width: 100%;padding: 0px;}

.yx_Company2 .yx_wenhuacon{width: 100%;}}

.yx_Company4 .yx_flexWrap{margin-top: 0.48rem;justify-content: space-between;}

.yx_Company4 .yx_ImgContain{width: 18%;padding-bottom: 10%;margin: 0.18rem 0;}

@media only screen and (max-width: 768px){.yx_Company4 .yx_ImgContain{width: 31%;padding-bottom: 15%;}

.yx_Company2 .yx_Title{text-align: left;}

.yx_Company2 .yx_Summary{max-height: 300px;}

.yx_InFour .yx_InMore{margin-top: 30px;}}

.yx_Company3{overflow: hidden;background-color: #fafafa;}

.yx_Company2 .yx_Width .list i{font-size: var(--yx_FS24);border: 1px solid #fff;width: var(--yx_FS60);height: var(--yx_FS60);line-height: var(--yx_FS60);border-radius: 50%;text-align: center;margin: 0 auto;display: block;color: var(--yx_Color);background: #fff;transform: translateY(-50%);}

.yx_Company2 .yx_Width .list p{font-size: var(--yx_FS18);color: #ffff;font-weight: bold;text-align: center;}

.yx_Company3 .yx_SwiperHonor{overflow: hidden;padding-top: 0.6rem !important;}

.yx_Company3 .yx_HonorList{padding: var(--yx_FS16);border: 1px solid rgba(238, 238, 238, 1);position: relative;overflow: hidden;}

.yx_Company3 .yx_HonorList:before{content: '';display: block;width: 200%;height: 200%;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.3);position: absolute;z-index: 2;filter: blur(100px);background: var(--yx_Color);opacity: 0;transition: all 0.6s;}

.yx_Company3 .yx_HonorList .yx_icon{position: absolute;top: 50%;left: 50%;curosr: pointer;z-index: 3;width: var(--yx_FS72);height: var(--yx_FS72);max-width: 65px;max-height: 65px;border-radius: 50%;background: #fff;transition: all 0.6s;color: var(--yx_Color);opacity: 0;display: flex;align-items: center;cursor: pointer;justify-content: center;font-size: var(--yx_FS22);transform: translate(-50%, -50%) scale(0.6);}

.yx_Company3 .yx_HonorList:hover::before{transform: translate(-50%, -50%) scale(1);opacity: 0.8;filter: blur(0px);}

.yx_Company3 .yx_HonorList:hover .yx_ImgContain img{filter: blur(5px);}

.yx_Company3 .yx_HonorList:hover .yx_ImgContain .yx_icon{transform: translate(-50%, -50%) scale(1);opacity: 1;}

.yx_Company3 .yx_ImgContain{padding-bottom: 132%;overflow: visible;}

.yx_Company3 .yx_ImgContain img{max-width: 90%;max-height: 90%;}

.yx_Company3 .yx_SwiperBtn{border: 1px solid #e5e5e5;font-size: var(--yx_FS16);color: #666;transition: all 0.6s;width: var(--yx_FS60);height: var(--yx_FS60);line-height: calc(var(--yx_FS60) - 2px);text-align: center;border-radius: 50%;margin: 0 var(--yx_FS18);cursor: pointer;}

.yx_Company3 .yx_SwiperBtn:hover{background: var(--yx_Color);color: #fff;border-color: var(--yx_Color);}

.yx_Company3 .swiper-pagination{position: relative;width: auto;text-align: center;}

.yx_Company3 .swiper-pagination span{width: 12px;height: 12px;border-radius: 50%;background: #e0e0e1;margin: 0 8px;border: 2px solid #e0e0e1;transition: all 0.6s;opacity: 1;}

.yx_Company3 .swiper-pagination-bullet-active{background: #fff !important;border-color: var(--yx_Color) !important;}

.yx_Company3 .yx_Title{font-size: var(--yx_FS42);color: #2a2a2a;font-weight: bold;margin-bottom: 0.42rem;text-align: center;}

.yx_Company3 .yx_flex{margin-top: var(--yx_FS48) !important;}

.yx_TeContent{margin-top: var(--yx_FS42);}

.yx_Te1 .yx_List4{width: 100%;display-radio: flex;border-style: solid;border-width: 1px;padding: var(--yx_FS60) var(--yx_FS36) var(--yx_FS72);border-color: #eee;cursor: pointer;transition: all 0.6s;text-align: center;}

.yx_Te1 .yx_List4:hover{border-color: transparent;transform: translateY(15px);box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.yx_Te1 .yx_List4 .yx_icon{font-size: var(--yx_FS48);color: #999;transition: all 0.6s;}

.yx_Te1 .yx_List4:hover .yx_icon{color: var(--yx_Color);}

.yx_Te1 .yx_List4 .yx_Title{font-size: var(--yx_FS30);text-align: center;margin: var(--yx_FS24) 0 var(--yx_FS14);}

.yx_Te1 .yx_List4 p{font-size: var(--yx_FS14);line-height: 200%;color: #999;}

.yx_Te2{background-color: #f7f7f7;}

.yx_Te2 .yx_Te2List{background: #fff;margin-bottom: var(--yx_FS30);display: flex;flex-wrap: wrap;align-items: center;transition: all 0.6s;}

.yx_Te2 .yx_Te2List:hover{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.yx_Te2 .yx_Te2List .yx_ImgCover{width: 30%;padding-bottom: 25%;}

.yx_Te2 .yx_Te2List:hover .yx_ImgCover img{transform: scale(1.1);}

.yx_Te2 .yx_Te2List .yx_Te2c{width: 70%;padding: 0 8%;}

.yx_Te2 .yx_Te2List .yx_Te2c .yx_Title{font-size: var(--yx_FS24);font-weight: bold;margin-bottom: var(--yx_FS24);}

.yx_Te2 .yx_Te2List .yx_Te2c p{font-size: var(--yx_FS16);color: #666;line-height: 200%;}

@media screen and (max-width:768px){.yx_Company1 .yx_CLeft{width: 100%;padding-right: 0px;}

.yx_InMore{width: 125px;}

.big_data>div .top .counter{line-height: 0.45rem;    font-size: 0.45rem;}

.more a{ font-size:13px; line-height: 0.54rem; height: 0.54rem; padding: 0 30px;}

.chanh .zhec{ width:50%}

.chanh .zhec a{    padding:5% 10% 2%;}

.chanh .zhec a h3{ font-size:0.25rem}

.chanh .zhec a p{font-size: 0.14rem; font-weight: 100; line-height: 0.24rem;     margin:5px auto 0;   height: 0.72rem; overflow:hidden}

.chanh .zhec.hit a{ background:none}

.chanh .zhec.hit a h2,.chanh .zhec a h2{ display:none}

.chanpk{ padding:1.2rem 0 0.4rem;}

.ctit{ padding-top:0.5rem;font-size: 0.26rem; }



.chanpk{ display: none}

.k7{ background: url("../images/bj666.jpg") no-repeat center bottom #0566fc; display:table; width:100%;padding:0 0 0.8rem}

.bt1{ font-size:0.3rem; text-align: center;color: #fff; line-height: 0.54rem;    font-weight: bold; padding: 0.4rem 0 0}

.yw{ width:90%; background:#fff; border-radius:5px; display:table; margin:0.4rem auto 0.1rem; padding:0.1rem 0 0.3rem; }

.yw_w{ font-size:14px; text-align:center; color:#fff; line-height:1.4; margin:0 auto 0.5rem}

.yw li{ width:50%; padding: 0 5%;  float:left; display:table; text-align:center; box-sizing:border-box}

.yw li a{ width:100%;  display:table;color:#000;}

.yw li a i{ width:90px; height:90px; display:table; margin:0.4rem auto 0.1rem;}

.yw li a span{ font-size:17px;  line-height:1rem; display:table; width:100%}

.yw li a img{ width: 1rem; height: 1rem;}

.yw li a h3{ font-size:0.24rem; color: #333; margin: 0 0 5px 0; padding: 0 0 5px;}

.yw li a p{ font-size: 0.15rem; color: #868686; line-height: 0.25rem; height:0.75rem; overflow: hidden}



.chanh .zhec a img{ width:1rem; height:1rem; margin:0 auto 0}

.index_news .box .banner .swiper-slide .item .content3{ padding-top:0}

.index_news .box .banner .swiper-slide .item .content4{margin: 0.1rem 0 0.26rem;}

.z_footer_share>a{ width:38px; height:38px;    margin-left: 0.14rem; line-height:38px;}

.index_footer .box .boxTop{ display:none}

.index_footer .box .boxBo{ margin-top: 0rem;}

.index_footer{ display:none}

/*footer*/

.footer1 { display:block; background:var(--yx_Color);position:fixed; bottom:0; width:100%; z-index:5000;}

.footer1 ul li { float:left; width:33.3333%; text-align:center;vertical-align: sub;}

.footer1 ul li a { display: block; font-size: 0.16rem; color: #fff; padding:0; box-sizing:border-box;vertical-align: sub;}

.footer1 ul li .fo1 { line-height:0.8rem; height:0.8rem; display: inline-block; background:url(../images/ico11.png) 0rem center no-repeat; padding-left:.4rem;  font-size: 14px; color: #fff; background-size:0.3rem 0.6rem;   }

.footer1 ul li .fo2 { line-height:0.8rem; height:0.8rem; display: inline-block; background:url(../images/ico22.png) 0rem center no-repeat; padding-left:.4rem;  font-size: 14px; color: #fff; background-size:0.3rem 0.6rem;   }

.footer1 ul li .fo3 { line-height:0.8rem; height:0.8rem; display: inline-block; background:url(../images/ico44.png) 0rem center no-repeat; padding-left:.4rem;  font-size: 14px; color: #fff; background-size:0.3rem 0.6rem;   }







.yx_Company1 .yx_CRight{width: 100%;padding-bottom: 78%;margin-top: var(--yx_FS30);}

.yx_Te2 .yx_Te2List .yx_ImgCover{width: 100%;padding-bottom: 45%;}

.yx_Te2 .yx_Te2List .yx_Te2c{width: 100%;padding: var(--yx_FS24) 5% var(--yx_FS36);}

.yx_Company2 .yx_Width .list{width: 32%;margin-right: 0px !important;}

.yx_Company2 .yx_flexWrap{justify-content: space-between;}

.yx_Company2 .yx_Width .list p{font-size: var(--yx_FS16);}

.yx_Company3 .swiper-pagination{display: none !important;}

.yx_Company3 .yx_ImgContain{padding-bottom: 75%;}

.hy_content .box .item .bot a,.hy_content .box .item .bot{font-size: var(--yx_FS18) !important;}}

.yx_J1Con .yx_JLeft{width: 45%;}

.yx_J1Con .yx_JLeft .yx_ImgCover{padding-bottom: 68%;}

.yx_J1Con .yx_JRight{width: 55%;padding-left: 7%;}

.yx_J1Con .yx_JRight .yx_Title{font-size: var(--yx_FS42);font-weight: bold;line-height: 200%;}

.yx_J1Con .yx_JRight .yx_JRCont p{font-size: var(--yx_FS16);line-height: 200%;color: #666;margin-top: var(--yx_FS24);margin-bottom: var(--yx_FS16);}

.yx_Join2{background: url(../images/yx_join2bg.jpg);background-attachment: fixed;background-size: cover;display: flex;flex-wrap: wrap;}

.yx_J2List{width: 25%;border-right: 1px solid rgba(255, 255, 255, 0.1);display: flex;align-items: center;justify-content: center;padding: 14vw 5% 16vw;cursor: pointer;transition: all 0.6s;}

.yx_J2List:hover{backdrop-filter: url(filters.svg#filter) blur(4px) saturate(150%);background: rgba(229, 103, 17, 0.8);}

.yx_J2List:hover .yx_J2Con{transform: translateY(20px);}

.yx_J2Con{transition: all 0.6s;}

.yx_J2List .yx_Title{font-size: var(--yx_FS36);color: #fff;text-align: center;}

.yx_J2List em{display: block;width: var(--yx_FS30);height: 2px;background-color: #fff;margin: var(--yx_FS14) auto var(--yx_FS24);}

.yx_J2List p{font-size: var(--yx_FS16);transition: all 0.6s;text-align: center;line-height: 200%;color: rgba(255, 255, 255, 0.7);}

.yx_Join3 .yx_TeContent{justify-content: space-between;}

.yx_Join3 .yx_J3List{background: #f7f7f7;transition: all 0.6s;width: calc((100% - var(--yx_FS42))/2);}

.yx_Join3 .yx_J3List .yx_ImgCover{padding-bottom: 45%;}

.yx_Join3 .yx_J3List:hover .yx_ImgCover img{transform: scale(1.1);}

.yx_Join3 .yx_J3List:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.yx_Join3 .yx_J3List .yx_J3c{padding: var(--yx_FS24) var(--yx_FS24) var(--yx_FS36);}

.yx_Join3 .yx_J3List .yx_J3c .yx_Title{font-size: var(--yx_FS24);color: #2a2a2a;position: relative;line-height: 180%;padding-left: var(--yx_FS24);}

.yx_Join3 .yx_J3List .yx_J3c .yx_Title:before{content: "";display: block;width: 5px;height: 5px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: var(--yx_Color);}

.yx_Join3 .yx_J3List .yx_J3c p{font-size: var(--yx_FS16);color: #999;padding-left: var(--yx_FS24);line-height: 200%;}

.yx_Join4 .yx_J4List{transition: all 0.6s;cursor: pointer;background: #f7f7f7;padding: 0 var(--yx_FS24) var(--yx_FS36);}

.yx_Join4 .yx_J4List:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.yx_Join4 .yx_J4List span{display: block;margin: 0 auto;transform: translateY(-50%);width: 0.9rem;}

.yx_Join4 .yx_J4List span img{width: 100%;height: auto;}

.yx_Join4 .yx_J4List p{font-size: var(--yx_FS22);color: #2a2a2a;transition: all 0.6s;text-align: center;font-weight: bold;}

.yx_Join4 .yx_J4List:hover p{color: var(--yx_Color);}

.yx_Join4 .yx_flexWrap{margin-top: 1rem;}

.yx_Join4 .yx_JMList{transition: all 0.6s;}

.yx_Join4 .yx_JMList span{display: flex;align-items: center;justify-content: center;width: 1.2rem;flex-wrap: wrap;height: 1.2rem;border-radius: 50%;color: #fff;text-align: center;background-color: var(--yx_Color);font-size: var(--yx_FS18);transition: all 0.6s;cursor: pointer;}

.yx_Join4 .yx_JMList span .yx_icon{font-size: 0.48rem;color: #fff;}

.yx_Join4 .yx_JMList p{font-size: var(--yx_FS16);color: #666;text-align: center;margin-top: var(--yx_FS16);}

.yx_Join4 .yx_JMList:hover span{background-color: var(--yx_CTwo);transform: rotateY(-180deg);}

.yx_Join5{background: #f7f7f7 !important;}

.yx_Join5 .index_title .content1{color: #2a2a2a;}

.yx_Join5 .yx_Stel{color: #2a2a2a;}

.yx_Join5 .yx_Stel .yx_icon{background-color: var(--yx_Color);color: #fff;}

@media screen and (max-width:768px){.yx_J1Con .yx_JRight,.yx_J1Con .yx_JLeft{width: 100%;padding: 0PX;}

.yx_J1Con .yx_JRight{margin-top: VAR(--yx_FS30);}

.yx_J2List{width: 100%;border-bottom: 1px soild rgba(255, 255, 255, 0.1);}

.yx_Join3 .yx_J3List{width: 100%;margin-bottom: var(--yx_FS30);}

.yx_Join4 .yx_J4List{margin-bottom: 70px !important;}

.yx_Join4 .yx_JMList{width: 25%;margin-bottom: var(--yx_FS30);}

.yx_Join4 .yx_JMList *{text-align: center;margin-left: auto;margin-right: auto;}

.index_service .yx_MapBox{display: none !important;}

.yx_SerLeft{width: 100%;}

.yx_InMessage{width: 100%;}

.widgets{display: none !important;}}

/*end*//*case*/.yx_lCase .yx_lCaselist{border-radius: 0.3rem;background: #f7f7f7;position: relative;padding-bottom: 15px;transition: all 0.6s;}

.yx_lCase .yx_lCaselist .yx_ImgCover{border-radius: 4px;padding-bottom: 68%;display: block;border-radius: 0.24rem;width: calc(100% - 0.3rem);margin: 0.15rem 0.15rem 0;}

.yx_lCase .yx_lCaselist .yx_VContent{font-size: var(--yx_FS18);text-align: center;color: #2a2a2a;/*margin: var(--yx_FS18) 0;*/}

.yx_lCase .yx_lCaselist:hover   .yx_VContent{ color: #0670fc}

.yx_lCase .yx_lCaselist .yx_M{position: absolute;left: 50%;width: 140px;border-radius: 50px;background: var(--yx_Color);color: #fff;font-size: var(--yx_FS14);padding: 14px 0;z-index: 2;bottom: -48px;opacity: 0;transform: translateX(-50%);transition: all 0.6.s;}

.yx_lCase .yx_lCaselist:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.yx_lCase .yx_lCaselist:hover .yx_M{bottom: -22px;opacity: 1;}

.yx_lCase .yx_lCaselist .yx_M:hover{background: var(--yx_CTwo);}

.yx_lCase .yx_lCaselist:hover .yx_ImgCover img{transform: scale(1.1);}

.yx_lCase .yx_lCaselist:hover .yx_ImgCover img{transform: scale(1.1);}

/*end*/@media only screen and (max-width:1024px){.nav_right{display: none;}}

@media only screen and (max-width:960px){.index_header.inner{display: none;}

.HeaderMobile .box .button .search{display: none !important;}}

@media only screen and (max-width:768px){.yx_IOCBox,.yx_IOImg{width: 100%;position: relative;right: auto;}

.yx_InOne .yx_IOMore{top: auto;bottom: 8%;right: 8%;left: auto;}

.yx_InOne .yx_IOMore a{min-width: 100px;min-height: 100px;}

.yx_InOne{padding-bottom: calc(var(--yx_FS72)*1.2);}

.yx_InThree .yx_InCase{width: 100%;}

.yx_InThree .yx_InCImgBox{width: 100%;margin: 42px auto;height: 0;padding-bottom: 68%;}

.yx_InThree .yx_InCImgBox .dotBox{display: none;}

.yx_InThree .yx_InCImg .yx_ImgCover{width: 100%;padding-bottom: 68%;border-radius: 4px;}}

/*面包屑样式*/.sideBar{position: fixed;right: 0;bottom: 560px;transform: translateY(-50%);z-index: 998;display: block !important}

.side1 a,

.side1 img,

.side1 i,

.side1 span{display: block}

.side1 img{margin: 0 auto}

.side1 i{margin: 10px auto;width: 1px;height: 20px;background: #fff;transition: all 0.5s ease}

.side1 span{color: #fff;font-size: 14px;writing-mode: vertical-lr;margin: 0 auto;letter-spacing: 2px}

.side1:hover{background: #e72731}

.side1:hover a img{animation: jitter 0.5s}

.side{height: 60px;position: absolute;transition: all 0.5s}

.side a{display: block;height: 60px;font-size: 0;position: relative;}

.side i,

.side span{display: inline-block;vertical-align: middle;height: 100%;line-height: 60px}

.side i{width: 60px;text-align: center;background: var(--yx_Color);transition: all 0.3s;font-size: var(--yx_FS24);color: #fff;}

.side i svg{width: 32px !important;margin: 0;font-size: 0px;position: absolute;top: 50%;transform: translate(-50%, -50%);height: 32px !important}

.side i path{fill: #fff}

.side i img{vertical-align: middle}

.side span{text-align: center;line-height: 60px;background: var(--yx_Color);font-size: var(--yx_FS16);color: #fff;transition: all 1s}

.side2{top: 0px;right: -220px;width: 280px;}

.side2 span{width: 220px;}

.side3{right: -220px;width: 280px;top: 61px}

.side3 span{width: 220px}

.side4{right: -140px;width: 200px;top: 122px}

.side4 span{width: 140px}

.side5{right: -140px;width: 200px;top: 183px;z-index: 3;cursor: pointer}

.yx_sideImg{position: absolute;width: 140px;height: 140px;background: #fff;top: 100%;right: 0;}

.side5 span{width: 140px;font-size: var(--yx_FS16);}

.qcodePic{width: 100%;position: absolute;top: 60px;left: 0;display: none;z-index: 99;text-align: center;background: #fff;border: 1px solid #e5e5e5}

.qcodePic img{width: 100%}

.side5:hover .qcodePic{display: block}

.side6{right: 0px;font-size: var(--yx_FS28);top: 244px;cursor: pointer}

.side6 span{width: 90px;font-size: 14px}

.side:hover{right: 0}

.side:hover i{background: var(--yx_Color);}

.wxPic{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999;display: none}

.wxPic img{width: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}

.yx_lCDetail .yx_lCDLeft{width: 40%;padding: var(--yx_FS24);background: #f7f7f7;position: relative;z-index: 4;border-radius: 0.36rem;}

.yx_lCDetail .yx_ImgCover{width: 100%;padding-bottom: 78%;border-radius: 0.24rem;background-color: #fff;}

.yx_lCDetail .box .yx_lCDLeft .mySwiper{margin-top: 10px;width: calc(100% - (var(--yx_FS38)*2));padding: 0 10px;}

.yx_lCDetail .box .yx_lCDLeft .mySwiper .swiper-slide{cursor: pointer;box-sizing: border-box;border-radius: 0.24rem;}

.yx_lCDetail .box .yx_lCDLeft .mySwiper .swiper-slide-thumb-active{border: 1px solid var(--yx_Color);border-radius: 0.24rem;}

.yx_lCDetail .box .yx_lCDLeft .banner2{position: relative;}

.yx_lCDetail .box .yx_lCDLeft .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: rgba(0, 0, 0, 0.05);width: var(--yx_FS38);transition: all 0.6s;color: #999;border-radius: 0.24rem;font-size: var(--yx_FS18);}

.yx_lCDetail .box .yx_lCDLeft .banner2 .button p:hover{background: var(--yx_Color);color: #fff;}

.yx_lCDetail .box .yx_lCDLeft .banner2 .button p:hover . yx_icon{color: #fff !important;}

.yx_lCDetail .box .yx_lCDLeft .banner2 .button p .yx_icon{color: #666;transition: 0.4s;font-size: var(--yx_FS24);}

.yx_lCDetail .box .yx_lCDLeft .banner2 .button p .yx_icon:hover{color: #fff;}

.yx_lCDetail .box .yx_lCDLeft .banner2 .button .prev{left: 0;}

.yx_lCDetail .box .yx_lCDLeft .banner2 .button .next{right: 0;}

.yx_lCDetail .yx_lCDRight{width: 58%;padding: var(--yx_FS30) 0 0 4%;}

.yx_lCDetail .yx_lCDRight .yx_Tit{font-size: var(--yx_FS36);font-weight: bold !important;}

.yx_lCDetail .yx_lCDRight .yx_Sum{background: #fafafa;border-radius: 4px;padding: var(--yx_FS24);font-size: var(--yx_FS14);line-height: 200%;color: #999;margin: var(--yx_FS18) 0 var(--yx_FS30);}

.yx_lCDetail .yx_PB li{padding: var(--yx_FS16) var(--yx_FS24);border-bottom: 1px solid rgba(0, 0, 0, 0.05);font-size: var(--yx_FS16);}

.yx_lCDetail .yx_PB li .yx_icon{font-size: var(--yx_FS18);color: var(--yx_Color);display: inline-block;margin-right: 16px;}

.yx_lCDetail .yx_PB{margin-bottom: var(--yx_FS72);}

.yx_lCDetail .yx_M{margin-bottom: var(--yx_FS60);padding: var(--yx_FS14) var(--yx_FS54);border-radius: 50px;background: var(--yx_Color);font-size: var(--yx_FS16);background-color: #dcdcdc;color: #999;transition: all 0.6s;}

.yx_lCDetail .yx_M:nth-child(2){background: var(--yx_Color);color: #fff;margin-left: 24px;}

.yx_lCDetail .yx_M:hover{background: var(--yx_CTwo);color: #fff;}

.yx_ConWh .yx_List3{background: #000;position: relative;border-radius: 4px;cursor: pointer;}

.yx_ConWh .yx_List3 .yx_ImgCover{padding-bottom: 100%;opacity: 0.68;}

.yx_ConWh .yx_List3 .yx_CWContent{width: 100%;position: absolute;bottom: 0;padding: var(--yx_FS60) 5%;z-index: 2;text-align: center;}

.yx_ConWh .yx_List3 .yx_CWContent .yx_icon{font-size: var(--yx_FS48);color: #fff;display: inline-block;margin: 0 auto var(--yx_FS16);}

.yx_ConWh .yx_List3 .yx_CWContent span{font-size: var(--yx_FS30);color: #fff;display: block;margin-bottom: var(--yx_FS24);}

.yx_ConWh .yx_List3 .yx_CWContent p{font-size: var(--yx_FS14);line-height: 180%;color: rgba(255, 255, 255, 0.68);}

.yx_ConWh .yx_List3 .yx_ImgCover:after{content: '';display: block;width: 100%;bottom: 0;position: absolute;left: 0;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.68), transparent);}

.yx_ConWh .yx_List3:hover .yx_ImgCover img{transform: scale(1.1);opacity: 0.8;}

.yx_cc2{background: #f5f5f5;}

.yx_cc2 .yx_flexWrap{flex-direction: row-reverse;}

.yx_cc2 ul{padding-left: 24px;}

.yx_cc2 li{font-size: var(--yx_FS16);line-height: 240%;color: #666;list-style-type: disc;}

@media only screen and (max-width:768px){.yx_lCDetail .yx_lCDLeft,.yx_lCDetail .yx_lCDRight{width: 100%;}

.yx_lCDetail .yx_lCDRight{padding-left: 0px;padding-right: 0px;}}

/*join*/.yx_Join1 .yx_JoinLeft{width: 55%;}

.yx_Join1 .yx_JoinLeft p{font-size: var(--yx_FS16);line-height: 200%;color: #666;}

.yx_Join1 .yx_JoinRight{width: 40%;}

.yx_Join2{background: url(../images/joinbg.jpg);background-size: cover;background-attachment: fixed;position: relative;background-position: center center;}

.yx_Join2 .yx_JoinLeft{width: 50%;}

.yx_Join2 .yx_JoinLeft *{color: #fff;}

.yx_Join2 .yx_JoinRight{width: 45%;}

.yx_Join2 .yx_flexWrap{flex-direction: row-reverse;}

.yx_Join3 .yx_Jlist{padding: var(--yx_FS24) var(--yx_FS36);background: #f5f5f5;margin-bottom: var(--yx_FS30);transition: all 0.6s;display: flex;flex-wrap: wrap;cursor: pointer;border: 1px solid #eee;border-radius: 4px;align-items: center;}

.yx_Join2 .yx_JoinLeft p{color: rgba(255, 255, 255, 0.5);}

.yx_Join3 .yx_Jlist .left{width: calc(100% - 180px);padding-right: 8%;}

.yx_Join3 .yx_Jlist .right{width: 180px;padding: 0 0;height: 48px;line-height: 48px;border-radius: 50px;background: var(--yx_Color);color: #fff;font-size: var(--yx_FS14);display: block;transition: all 0.6s;text-align: center;}

.yx_Join3 .yx_Jlist .content1{font-size: var(--yx_FS24);font-weight: bold;color: #2a2a2a;}

.yx_Join3 .yx_Jlist ul{margin-top: var(--yx_FS18);}

.yx_Join3 .yx_Jlist ul li{font-size: var(--yx_FS14);color: #666;margin-right: 24px;display: flex;min-width: 160px;}

.yx_Join3 .yx_Jlist ul li span{width: 50px;font-weight: bold;}

.yx_Join3 .yx_Jlist ul li p{width: calc(100% - 50px);}

.yx_Join3 .yx_Jlist:hover{background-color: #fafafa;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.yx_Join3 .yx_Jlist:hover .right{background-color: var(--yx_CTwo);}

.yx_Join3 .yx_JlistBox{margin-top: var(--yx_FS24);}

.joinTel .yx_icon{font-size: var(--yx_FS22);color: #fff;margin-right: 16px;line-height: 36px;}

.joinTel p,

.joinTel a{font-size: var(--yx_FS16);color: #fff;}

.joinTel p{margin-right: var(--yx_FS30);line-height: 36px;align-items: center;border-radius: 36px;background: var(--yx_Color);padding: 10px 36px 10px 24px;color: #fff;cursor: pointer;}

@media only screen and (max-width:768px){.joinTel p{width: 100%;margin: 5px 0;padding: 6px 24px 6px 16px;}

.yx_Join3 .yx_Jlist{flex-wrap: wrap !important;width: 100% !important;}

.yx_Join3 .yx_Jlist .left{width: 100% !important;}

.yx_Join3 .yx_Jlist .left ul{flex-wrap: wrap;margin-bottom: 24px;}

.yx_Join3 .yx_Jlist .left ul li{display: block !important;width: 100%;line-height: 200%;}

.yx_Join3 .yx_Jlist .right{width: 120px !important;height: 40px !important;line-height: 40px !important;}}

/*end*/