﻿@charset "utf-8";
/*banner*/
.xyin-banner{position: relative;}
.banner{width:100%;position:relative;overflow:hidden;z-index:0;}
.banner .swiper-slide{overflow: hidden;}.banner .swiper-slide img{width: 100%;display:block;}
.banner .tip{position: absolute;width: 100%;bottom: 0;text-align: right;padding: 20px 0;height: 47px;z-index: 3;background: rgba(255,255,255,.29);}
.banner .tip span{width: 33px;height: 7px;margin: 0 5px;display: inline-block;cursor: pointer;background: #fff;opacity: 1;border-radius: 5px;transition: all .5s;outline: none;}
.banner .tip span.swiper-pagination-bullet-active{background: #ffc800;}
.banner .btn_prev,.banner .btn_next{width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px;background: url(../images/xyin-banner-jt.png) no-repeat;background-color: rgba(0, 0, 0, 0.3);z-index: 5;opacity: 0;}
.banner .btn_prev{background-position: 0 0;left: 7.8125%;}
.banner .btn_next{background-position: -60px 0;right: 7.8125%;}
.banner:hover .btn_prev,.banner:hover .btn_next{opacity: 1;}
.banner .btn_prev:hover,.banner .btn_next:hover{background-color: rgba(0, 0, 0, 0.5);}
#pc-banner.banner .tip span:last-child{margin-right: 3%;}
.xyin-banner .news_bg{position: absolute;left: 0;bottom: -18px;width: 100%;height: 65px;z-index: 9;}
.xyin-banner .news_bg:before{content: " ";  position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: #ffc800;}
.xyin-banner .news_bg .container{position: relative;height: 100%;padding-top: 18px;padding-bottom: 18px;}
.xyin-banner .news_bg .container:before{content: " ";  position: absolute;top: 0;left: 0;width: 70%;height: 100%;background: #ffc800;}
.xyin-banner .news_bg h3{position: relative;float: left;color: #fff;font-size: 18px;line-height: 30px;}
.xyin-banner .news_bg .list{float: left;width: 50%;padding-right: 5%;height: 30px;}
.xyin-banner .news_bg .list .swiper-wrapper{float: left;width: 95%;}
.xyin-banner .news_bg .list .swiper-slide{position: relative;color: #0d0d0d;font-size: 18px;line-height: 30px;overflow: hidden;}
.xyin-banner .news_bg .list .swiper-slide a{float: left;color: #fff;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xyin-banner .news_bg .list .swiper-slide span{float: right;color: #fff;opacity: .54;}
.xyin-banner .news_bg .list #btn{position: absolute;right: 0;color: #fff;font-size: 24px;text-align: center;}
.xyin-banner .news_bg .list #btn i{width: 20px;line-height: 30px;margin-left: 10px;background: rgba(0,0,0,.1);cursor: pointer;transition: all .5s;}
.xyin-banner .news_bg .list #btn i:hover{background: rgba(0,0,0,.3);}
#mob-banner{display: none;}
#mob-banner.banner .tip{text-align: center;padding: .1rem 0;height: auto;}
#mob-banner.banner .tip span{width: .28rem;height: .06rem;margin: 0 .05rem;}
@media (max-width: 990px){#pc-banner,.news_bg{display: none;}
#mob-banner{display: block;}}
/*首页标题*/
.index-tit{position: relative;margin-bottom: .2rem;}
.index-tit .en{color: #e7e7e7;font-size: .35rem;line-height: .35rem;height: .225rem;font-family: "Impact";text-transform: uppercase;overflow: hidden;opacity: .1;}
.index-tit .cn{color: #fff;font-size: .19rem;letter-spacing: .03rem;margin-top: .025rem;}
.index-tit p{position: absolute;right: 0;bottom: 0;color: #fff;font-size: .09rem;line-height: .19rem;opacity: .9;}
@media screen and (max-width: 990px){
.index-tit{text-align: center;}
.index-tit p{position: relative;}}
@media screen and (max-width: 768px){
.index-tit .en{font-weight: bold;}}
/*首页标题*/
.index-head{position: relative;text-align: center;}
.index-head .en{position: relative;color: #212121;font-size: .35rem;line-height: .35rem;height: .225rem;font-family: "Impact";text-transform: uppercase;overflow: hidden;opacity: .1;}
.index-head .cn{color: #343434;font-size: .19rem;letter-spacing: .03rem;margin-top: .025rem;}
.index-head p{color: #181c3e;font-size: .09rem;line-height: .19rem;}
@media screen and (max-width: 1024px){
.index-head{text-align: center;}}
@media screen and (max-width: 768px){
.index-head .en{font-weight: bold;}
.index-head .en:after{height: 52%;}
.index-head .cn:before, .index-head .cn:after{width: 30%;}}
/*关于我们*/
.index-about{position: relative;padding: .25rem 0;background: #fff;line-height: 1;}
.index-about *{transition: all .5s;}
.index-about .bg{position: absolute!important;left: 50%;top: 0;max-width: 1920px;width: 100%;height: 100%;transform: translateX(-50%);-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;pointer-events: none!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.index-about-contain{position: relative;display: flex;flex-wrap: wrap;background: #fff;box-shadow: 0 0 10px 5px rgb(0 0 0 / 23%);}
.index-about-contain>div{width: calc( 100% / 2);}
.index-about-contain .intro{padding: .225rem;}
.index-about-contain .intro h3{color: #333;font-size: .16rem;display: inline-block;padding-bottom: .05rem;border-bottom: .015rem solid #ffc800;}
.index-about-contain .intro h3:after{content: " ";position: absolute;left: 0;width: 105px;height: 4px;background: #e14141;display: none;}
.index-about-contain .intro p{color: #929292;font-size: .11rem;margin-top: .175rem;}
.index-about-contain .intro .imax{margin-top: .15rem;font-size: .1rem;color: #454545;line-height: .2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-align: justify;}
.index-about-contain .intro a{display: inline-block;width: .7rem;color: #fff;font-size: .08rem;line-height: .2rem;text-align: center;border-radius: .025rem;background: #ffc800;margin-top: .25rem;}
.index-about .number{width: 100%;padding-top: .275rem;display: flex;flex-wrap: wrap;}
.index-about .number li{width: calc( 100% / 4);color: #0e4986;text-align: center;}
.index-about .number li p{color: #454545;font-size: .1rem;padding-top: .125rem;}
.index-about .number li h3{display: inline-block;font-size: .28rem;line-height: .25rem;font-family: "Impact";}
.index-about .number li b{display: inline-block;font-size: .2rem;line-height: .15rem;font-family: "Impact";vertical-align: top;margin-left: .05rem;}
.index-about-contain .videoBox{position: relative;}
.index-about-contain .videoBox .img{position: relative;display: block;width: 100%;height: 100%;}
.index-about-contain .videoBox .img > img{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;border: 1px solid #fff;object-fit: cover;}
@media screen and (max-width: 990px){
.index-about-contain{display: block;}
.index-about-contain .intro{width: 100%;text-align: center;}
.index-about-contain .videoBox{width: 100%;}
.index-about-contain .videoBox .pic{padding-bottom: 68.1876%;}
.index-about-contain .intro .imax{display: block;}
.index-about .number{padding-top: 0;}
.index-about .number li{width: calc( 100% / 2);padding-top: .2rem;}
.index-about .number li h3{font-weight: bold;}}
/*产品中心*/
.index-pro{position: relative;padding: .3rem 0;line-height: 1;background: #f1f1f1;}
.index-pro *{transition: all .5s;}
.index-pro .bg{position: absolute!important;left: 50%;top: 0;max-width: 1920px;width: 100%;height: 100%;transform: translateX(-50%);-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;pointer-events: none!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.index-pro ul{margin-top: .1rem;}
.index-pro ul li{position: relative;float:left;width: 23.5%;margin-top: 1%;margin-right: 2%;}
.index-pro ul li:nth-child(4n){margin-right: 0;}
.index-pro ul li a .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.index-pro ul li a .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;transition: all .5s;}
.index-pro ul li a p{color: #454545;font-size: 16px;line-height: .165rem;text-align: center;padding: .1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-pro ul li a:hover .img img{transform:scale(1.1, 1.1);}
@media screen and (max-width: 768px){
.index-pro ul li,.index-pro ul li:nth-child(3n){float:left;width: 49%;}
.index-pro ul li:nth-child(2n){margin-right: 0;}}
/*行业应用*/
.index-industry{position: relative;padding-top: .3rem;line-height: 1;}
.index-industry *{transition: all .5s;}
.index-industry ul{max-width: 1920px;margin: auto;margin-top: .2rem;}
.index-industry ul li{position: relative;float: left;width: 200px;}
.index-industry ul li .img{height: 650px;}
.index-industry ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.index-industry ul li .info1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;color: #fff;text-align: center;flex-direction: column;align-items: center;justify-content: center;background: linear-gradient(transparent, rgba(0,0,0,.8));}
.index-industry ul li .info1 h3{display: inline-block;overflow: hidden;width: 100%;font-size: 24px;font-weight: bold;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
.index-industry ul li .info1 span{font-size: 16px;margin-top: 10px;}
.index-industry ul li .info1 a{position: absolute;bottom: 15%;color: #fff;}
.index-industry ul li .info2{visibility:hidden;opacity:0;position: absolute;left:0;bottom:0;width: 100%;display: flex;justify-content: space-between;align-items: center;color: #fff;padding: .2rem .2rem;background: rgba(255,200,0,.8);}
.index-industry ul li .info2 .con{width:calc(100% - 150px)}
.index-industry ul li .info2 h3{display: inline-block;overflow: hidden;width: 100%;font-size: 24px;font-weight: bold;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
.index-industry ul li .info2 p{display: inline-block;overflow: hidden;width: 100%;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;margin-top: 5px;}
.index-industry ul li .info2 a{width:135px;line-height: 40px;color: #fff;text-align: center;border:1px solid #fff}
.index-industry ul li .info2 a:hover{color: #ffc800;background:#fff}
.index-industry ul li.cur{width: calc(100% - 800px);}
.index-industry li.cur .info1{visibility:hidden;opacity:0}
.index-industry li.cur .info2{visibility:visible;opacity:1}
@media screen and (max-width: 1270px){
.index-industry ul li,.index-industry ul li.cur{width: 20%;}
.index-industry li.cur .info1{visibility: visible;opacity: 1;}
.index-industry li.cur .info2{visibility: hidden;opacity: 0;}}
@media screen and (max-width: 990px){
.index-industry ul{padding: 0 2%;}
.index-industry ul li,.index-industry ul li.cur{width: 100%;margin-bottom: 3%;}
.index-industry ul li .img{height: auto;}}
/*新闻中心*/
.index-news{padding: .3rem 0;line-height: 1;}
.index-news *{transition: all .5s;}
.index-news .news-box{position: relative;margin-top: .2rem;width: 100%;padding-top: 35%;}
.index-news .news-box:after{content: " ";position: absolute;top: 0;left: 50%;margin-left: -1px;width: 2px;height: 100%;background: #dcdcdc;}
.index-news .left{float: left;width: 50%;height: 100%;position: absolute;left: 0;top: 0;padding-right: 4%;}
.index-news .left .img{width: 100%;padding-top: 54.1%;position: relative;overflow: hidden;}
.index-news .left .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: cover;}
.index-news .right{float: right;width: 50%;height: 100%;position: absolute;right: 0;top: 0;padding-left: 4%;}
.index-news .left dl{position: relative;width: 100%;}
.index-news dl{position: absolute;top: 0;width: 94%;height: 28.6%;overflow: hidden;background: #f1f1f1;}
.index-news .right dl:nth-child(2n){top: 50%;transform: translateY(-50%);}
.index-news .right dl:last-child{top: auto;bottom: 0;margin-bottom: 0}
.index-news dl dt{position: absolute;float: left;width: 16.5%;height: 100%;font-family: Arial;color: #3c3c3c;font-size: 16px;font-weight: inherit;text-align: center;padding: 3% 0;border-right: 2px solid #e6e6e6;}
.index-news dl dt b{display: block;font-size: 46px;}
.index-news dl dt font{position: absolute;width: 100%;left: 0;bottom: 0;line-height: .24rem;padding-bottom: 5%;background: #e6e6e6;}
.index-news dl dd{padding: 3.7%;padding-left: 0;margin-left: 20%;}
.index-news dl dd h3{display: block;color: #454545;font-size: 20px;line-height: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news dl dd p{color: #8c8c8c;font-size: 16px;line-height: 26px;text-align: justify;padding-top: 2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} 
@media screen and (max-width: 1400px){
.index-news .left li .txt h3{font-size: 17px;}
.index-news .left li .txt span{font-size: 17px;}
.index-news .left li .txt p{font-size: 15px;line-height: 24px;}
.index-news dl dt{font-size: 16px;}
.index-news dl dt b{font-size: 44px;}
.index-news dl dt font{line-height: .2rem;}
.index-news dl dd h3{font-size: 18px;line-height: 28px;}
.index-news dl dd p{font-size: 15px;line-height: 24px;}}
@media screen and (max-width: 1270px){
.index-news .left li .txt h3{font-size: 16px;}
.index-news .left li .txt span{font-size: 16px;}
.index-news .left li .txt p{font-size: 14px;line-height: 22px;}
.index-news dl dt{font-size: 15px;width: 18.5%;padding: 2% 0;}
.index-news dl dt b{font-size: .21rem;}
.index-news dl dt font{line-height: .18rem;}
.index-news dl dd{margin-left: 22%;padding: 3%;padding-left: 0;}
.index-news dl dd p{font-size: 14px;line-height: 22px;padding-top: 1%;}}
@media screen and (max-width: 990px){
.index-news .news-box{padding: 0;margin-top: .2rem;}
.index-news .news-box:after{display: none;}
.index-news .left,.index-news .right{position: relative;width: 100%;padding: 0;float: none;}
.index-news .left li{position: relative;}
.index-news .left li:last-child{float: right;}
.index-news .left li .txt h3{font-size: .13rem;}
.index-news .left li .txt span{font-size: .13rem;}
.index-news .left li .txt p{font-size: .11rem;line-height: .17rem;}
.index-news .right dl,.index-news .left dl{position: relative;width: 100%;margin-top: 2.5%;}
.index-news .right dl:nth-child(2n){transform: translateY(0%);}
.index-news dl dt{font-size: .12rem;padding: 3% 0;}
.index-news dl dt b{font-size: .26rem;}
.index-news dl dt font{line-height: .24rem;}
.index-news dl dd h3{font-size: .13rem;line-height: .2rem;}
.index-news dl dd p{font-size: .11rem;line-height: .17rem;}}
/*久隆国际*/
.index-gj{position: relative;padding: .3rem 0;background: #f1f1f1;line-height: 1;}
.index-gj *{transition: all .5s;}
.index-gj-contain{display: flex;flex-wrap: wrap;}
.index-gj-contain>div{width: calc( 100% / 2);}
.index-gj-contain .intro{padding-left: 3%;}
.index-gj-contain .intro .tit span{display: block;color: #212121;font-family: "Impact";font-size: .47rem;line-height: .4rem;opacity: .1;}
.index-gj-contain .intro .tit h3{position: absolute;top: 50%;right: 0;font-size: .19rem;transform: translateY(-50%);}
.index-gj-contain .intro .imax{margin: .25rem 0;font-size: .09rem;color: #454545;line-height: .16rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-align: justify;}
.index-gj .number{width: 100%;display: flex;flex-wrap: wrap;}
.index-gj .number li{width: calc( 100% / 3 - 2%);text-align: center;margin-right: 3%;border: 1px solid #1a1a53;border-radius: .025rem;background: #fff;}
.index-gj .number li:last-child{margin-right: 0;}
.index-gj .number li img{width: .25rem;}
.index-gj .number li h3{display: inline-block;color: #434343;font-size: .1rem;line-height: .4rem;margin-left: .05rem;vertical-align: middle;}
.index-gj-contain .videoBox{position: relative;}
.index-gj-contain .videoBox .img{position: absolute;top: 50%;display: block;width: 100%;height: auto;transform: translateY(-50%);}
.index-gj-contain .videoBox .img > img{width: 100%;height: 100%;object-fit: cover;}
@media screen and (max-width: 1400px){
.index-gj-contain .intro .tit span{font-size: .4rem;line-height: .32rem;}
.index-gj-contain .intro .imax{margin: .2rem 0;}}
@media screen and (max-width: 1270px){
.index-gj-contain .intro .tit span{font-size: .36rem;line-height: .3rem;}
.index-gj-contain .intro .tit h3{font-size: .16rem;}
.index-gj-contain .intro .imax{margin: .15rem 0;font-size: .07rem;line-height: .15rem;}
.index-gj .number li img{width: .2rem;}
.index-gj .number li h3{font-size: .08rem;line-height: .3rem;margin-left: .025rem;}}
@media screen and (max-width: 990px){
.index-gj-contain .intro .tit{text-align: center;}
.index-gj-contain .intro .tit span{font-size: .35rem;font-weight: bold;line-height: .35rem;height: .225rem;text-transform: uppercase;overflow: hidden;}
.index-gj-contain .intro .tit h3{position: relative;font-size: .19rem;letter-spacing: .03rem;margin-top: .025rem;transform: translateY(0);}
.index-gj-contain{display: block;}
.index-gj-contain>div{width: 100%;}                              
.index-gj-contain .intro{padding-left: 0;}
.index-gj-contain .videoBox .img{position: relative;top: auto;transform: translateY(0);}
.index-gj-contain .intro .imax{font-size: .1rem;line-height: .2rem;}
.index-gj .number li img{width: .25rem;}
.index-gj .number li h3{font-size: .1rem;line-height: .35rem;margin-left: .05rem;}}
/*合作伙伴*/
.index-partner{position: relative;padding: .3rem 0;line-height: 1;}
.index-partner *{transition: all .5s;}
.index-partner ul{margin-top: .1rem;}
.index-partner ul li{position: relative;float:left;width: 23.5%;margin-top: 2%;margin-right: 2%;}
.index-partner ul li:nth-child(4n){margin-right: 0;}
.index-partner ul li a .img{display: block;width: 100%;padding-top: 32.83%;position: relative;overflow: hidden;border: 1px solid #024184;}
.index-partner ul li a .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;transition: all .5s;}
.index-partner ul li a:hover .img img{transform:scale(1.1, 1.1);}
@media screen and (max-width: 768px){
.index-partner ul li,.index-partner ul li:nth-child(3n){float:left;width: 49%;}
.index-partner ul li:nth-child(2n){margin-right: 0;}}