﻿@charset "utf-8";







/*弹导页 s*/



.HomePage .auto{max-width: 14.4rem;width: 88%;position: relative;height: 100vh;margin: 0px auto;z-index: 12;}



.HomePage .logo{position: absolute;left: 0;top: 2.55vw;width: 1.04rem;display: none;}



.HomePage .imgbox{height: 100vh;position: absolute;left: 0;top: 0;width: 100%;background: #000;}



.HomePage .imgbox:after{position: absolute;left: 0;bottom:0;z-index: 11;width: 100%;height: 2.4rem;background-image: linear-gradient(to top, rgba(38,37,45,0.5) , rgba(0,0,0,0));content: "";z-index: 1;}



.HomePage .imgbox:before{position: absolute;left: 0;bottom:0;z-index: 11;width: 100%;height: 100%;content: "";z-index: 0;background-color: rgba(49,66,111,0.3);}



.HomePage .text{text-align: center;line-height: 1.6;font-size: 0.4rem;color: #fff;position: absolute;left: 50%;top: 44%;transform: translate(-50%,-50%);width: 100%;font-family: "Alibaba";display: none;}



.HomePage .text span{display: block;}



.HomePage .text span:nth-child(2){text-indent: 1.5em;}

.HomePage .text span:nth-child(2) i{display: block;text-indent: 6.5em;}



.HomePage .bottom{position: absolute;left: 0;width: 100%;bottom: 6.25vw;z-index: 15;}



.HomePage .bottom .play{position: absolute;right: 0;bottom: 0;width: 1.36rem;height: 1.36rem;border-radius: 50%;background-color: #3157a7;cursor: pointer;transition: all 0.5s;}



.HomePage .bottom .play:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;animation: turn 10s linear infinite;background: url(../images/homepage_play.png) no-repeat center center/contain;content: "";}



.HomePage .bottom .play:hover{transform:scale(1.1);}



.HomePage .bottom .enterbtn{width: 2.4rem;line-height: 0.76rem;border-radius: 0.8rem;color: #fff;text-align: center;display: block;margin: 0px auto 0.26rem;font-size: 0.24rem;border: 2px solid #3157a7;background-color: rgba(49,87,167,0.1);transition: all 0.5s;}



.HomePage .bottom .enterbtn i{margin-right: 0.15rem;}



.HomePage .bottom .enterbtn:hover{background: #3157a7;}







@media(max-width:640px){



	.HomePage .logo{width: 80px;}



	.HomePage .text {font-size: 0.34rem;}



	.HomePage .text span:nth-child(2){}



	.HomePage .bottom .enterbtn{font-size: 16px;}



	.HomePage .bottom{bottom: 15vw;}



}



/*弹导页 end*/







/*首页 s*/



.HomeBan{position: fixed; z-index: 1; overflow:hidden;background: url(../images/loading.gif) center center no-repeat;height: calc(100vh - 0.86rem);left: 0;width: 100%;top:0.96rem;transition: all 0.5s;}



.HomeBan .TabCon .item{position:relative;height: calc(100vh - 0.86rem);transition: all 0.3s;z-index: 10;}



.HomeBan .TabCon .item:nth-child(1){z-index: 15;}



.HomeBan .TabCon .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}



.HomeBan .TabCon .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: rgba(10,20,39,0.4);transition: all 0.5s;}



.HomeBan .TabCon .info{position: absolute;left: 8.33vw;top: 14.53vw;color: #fff;max-width: 8.05rem;z-index: 10;}



.HomeBan .TabCon .info h3{line-height: 1.35;font-size: 0.48rem;margin-bottom: 0.4rem;}



.HomeBan .TabCon .item.slick-current h3{animation:fadeInDownSmall 0.5s .3s ease both;-webkit-animation:fadeInDownSmall 0.5s .3s ease both;-moz-animation:fadeInDownSmall 0.5s .3s ease both;}



.HomeBan .TabCon .item.slick-current .desc{animation:fadeInDownSmall 0.5s .5s ease both;-webkit-animation:fadeInDownSmall 0.5s .5s ease both;-moz-animation:fadeInDownSmall 0.5s .5s ease both;}



.HomeBan .TabCon .slick-prev{left: -100px;}



.HomeBan .TabCon .slick-next{right: -100px;}



.HomeBan .TabCon:hover .slick-prev{left: 3%;}



.HomeBan .TabCon:hover .slick-next{right: 3%;}



.HomeBan .TabCon:hover .imgbox:after{backdrop-filter: blur(1px);}



.HomeBan .TabCon .item.slick-current .imgbox{-webkit-animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;}







.HomeBan .TabNav{position: absolute;right: 13.48vw;top: 50%;transform: translateY(-50%);z-index: 10;padding: 0.34rem 0;color: #fff;}



.HomeBan .TabNav .slick-list{height: auto !important;}



.HomeBan .TabNav .slick-track{transform: translate3d(0px, 0px, 0px) !important;height: auto !important;}



.HomeBan .TabNav:after,.HomeBan .TabNav:before{position: absolute;top: 0;height: 0.34rem;content: "";right: 0.31rem;width: 1px;background: rgba(255,255,255,0.39);}



.HomeBan .TabNav:before{top: auto;bottom: 0;}



.HomeBan .TabNav .item{padding: 0.5vw 0;padding-right:0.61rem;line-height: 0.64rem;text-align: right;cursor: pointer;position: relative;cursor: pointer;transition: all 0.5s;width: auto !important;float: none !important;}



.HomeBan .TabNav .item span{width: 0.64rem;height: 0.64rem;right: 0;top: 50%;border-radius: 50%;position: absolute;transform: translateY(-50%);}



.HomeBan .TabNav .item span:after{width: 13px;height: 13px;border-radius: 50%;content: "";position: absolute;background:rgba(255,255,255,0.4);left: 50%;top: 50%;transform: translate(-50%,-50%);}



.HomeBan .TabNav .item span:before{width: 100%;height: 100%;border-radius: 50%;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all 0.5s;border: 3px solid #fff;opacity: 0;}



.HomeBan .TabNav .item:after,.HomeBan .TabNav .item:before{position: absolute;top: 0;height: calc(50% - 10px);content: "";right: 0.31rem;width: 1px;background: rgba(255,255,255,0.39);}



.HomeBan .TabNav .item:before{top: auto;bottom: 0;}



.HomeBan .TabNav .item:hover{font-weight: bold;}



.HomeBan .TabNav .slick-current{padding-right: 0.86rem;font-weight: bold;}



.HomeBan .TabNav .slick-current span:before{opacity: 1;transform: translate(-50%,-50%) scale(1)}



.HomeBan .TabNav .slick-current:after,.HomeBan .TabNav .slick-current:before{height: calc(50% - 0.3rem);}



.HomeBan .TabNav .slick-current span:after,.HomeBan .TabNav .item:hover span:after{background: #fff;}



/* .HomeBan.on2 {height: calc(100vh - 0.7rem);top: 0.7rem;} */







@media(max-width:1024px){



 .HomeBan .slick-arrow{display: none !important;}



	.HomeBan{height: auto;top: 46px;}



	.HomeBan .TabCon .item{height: auto;padding-top: 55.5vw;}



 .HomeBan .TabNav{display: none;}



	.HomeBan .slick-dots{bottom: 0.5rem;}



}



@media(max-width:640px){



	.HomeBan .info h2{font-size: 16px;}



	.HomeBan .info{font-size: 14px;}



	.HomeBan .TabCon .item{height: auto;padding-top: 60vw;}



	.HomeBan .TabCon .info{left: 5%;max-width: 90%;top: 10vw;}



	.HomeBan .TabCon .info h3{font-size: 18px;margin-bottom: 0.2rem;}



	.HomeBan .TabCon .desc{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; overflow:hidden; width:100%;-webkit-line-clamp: 4;}



}







.TitHead{position: relative;margin-bottom: 0.6rem;}



.TitHead h2{line-height: 1.1;font-size: 0.44rem;}



.TitHead p{color: #999999;}



.TitHead .moreBtn{position: absolute;right: 0;top: 0.26rem;}







.MainBox{position: relative;z-index: 1;margin-top: 49.2vw;}



.page{position: relative;z-index: 2;overflow: hidden;padding: 1.2rem 0 1.2rem 0;background: #fff;}







.HomeNews{background: url(../images/homenews_bg.jpg) no-repeat 0 bottom/cover;}



.HomeNews .NewsFocus{width: 45%;float: left;overflow: hidden;}



.HomeNews .NewsFocus .item{position: relative;}



.HomeNews .NewsFocus .imgbox{padding-top: 4.71rem;}



.HomeNews .NewsFocus .info{line-height: 0.64rem;height:0.64rem;position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;background: rgba(49,87,167,0.3);padding: 0 120px 0 0.3rem;color: #fff;}



.HomeNews .NewsFocus .info .tit{flex: 1;}



.HomeNews .NewsFocus .info .date{color: #fff;width: 1.62rem;text-align: right;font-size: 0.2rem;}



.HomeNews .NewsFocus .slick-prev{left: -100px;}



.HomeNews .NewsFocus .slick-next{right: -100px;}



.HomeNews .NewsFocus:hover .slick-prev{left: 3%;}



.HomeNews .NewsFocus:hover .slick-next{right: 3%;}



.HomeNews .NewsFocus .slick-dots{left: auto;right: 0;width:90px;line-height: 0.64rem;background: rgba(0,0,0,0.5);}



.HomeNews .NewsRec{width: 55%;float: right;}



.HomeNews .NewsRec .item{width: 50%;float: left;padding: 0 0 0.2rem 0.4rem;}



.HomeNews .NewsRec .item a{display: block;background-image: linear-gradient(to right, #eef2f8 , #fafbfd);padding: 0.32rem 0.37rem;min-height: 2.25rem;}



.HomeNews .NewsRec .item .tit{margin: 0.07rem 0 0.25rem;min-height: 0.6rem;}







.HomeCulture ul{margin-left: -10px;}



.HomeCulture .item{flex: 1;padding-left: 10px;transition: all 0.5s;position: relative;}



.HomeCulture .item a{display:block;position: relative;}



.HomeCulture .item .info{position: absolute;left: 50%;top:0.7rem;text-align: center;z-index: 10;color: #fff;transition: all 0.5s;width: 0.88rem;margin-left: -0.44rem;}



.HomeCulture .item .info .ti{line-height: 1;width: 40px;margin: 0px auto;transition: all 0.5s;}



.HomeCulture .item .info .desc{display: none;}



.HomeCulture .item .info .desc p span:not(:first-child){margin-left: 0.32rem;}



.HomeCulture .item .icon{width: 0.88rem;height: 0.88rem;border-radius: 50%;text-align: center;line-height: 0.88rem;border: 1px solid rgba(255,255,255,0.2);display: flex;align-items: center;justify-content: center;display: block;margin: 0px auto 0.36rem;}



.HomeCulture .item .icon img{width: 0.45rem;height: 0.45rem;}



.HomeCulture .imgbox{padding-top: 5.7rem;}



.HomeCulture .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 2;}



.HomeCulture .item:nth-child(1) .imgbox:after{background: rgba(27,144,178,0.2);}



.HomeCulture .item:nth-child(2) .imgbox:after{background: rgba(48,93,166,0.4);}



.HomeCulture .item:nth-child(3) .imgbox:after{background: rgba(28,61,115,0.25);}



.HomeCulture .item.on{flex: 3;}



.HomeCulture .item.on .info,.HomeCulture .slick-current .info{left: 0.7rem;width: calc(100% - 1.4rem);text-align: left;margin: 0;}



.HomeCulture .item.on .icon,.HomeCulture .slick-current .icon{margin: 0 0 0.17rem;}



.HomeCulture .item.on .info .ti,.HomeCulture .slick-current .info .ti{width: 100%;line-height: 2.8;}



.HomeCulture .item.on .info .desc,.HomeCulture .slick-current .info .desc{display: block;}



.HomeCulture .item.on .info .desc p,.HomeCulture .slick-current .info .desc p{animation:fadeInDownSmall 0.5s .3s ease both;-webkit-animation:fadeInDownSmall 0.5s .3s ease both;-moz-animation:fadeInDownSmall 0.5s .3s ease both;}







.HomeRD{background: url(../images/homeyf_bg.jpg) no-repeat 0 bottom/cover;}



.HomeRD .info{flex: 1;padding: 0 0.72rem 0 0;}



.HomeRD .tit{margin-bottom: 0.3rem;}



.HomeRD .SinglePage{margin-bottom: 3.9vw;}



.HomeRD .imgbox{width: 45%;}







.HomeService ul{margin: -1.5rem 0.78rem 0;position: relative;z-index: 2;background: rgba(255,255,255,0.92);box-shadow: 0 0 0.38rem rgba(25,31,40,0.2);}



.HomeService .item{flex: 1;text-align: center;position: relative;transition: all 0.5s;}



.HomeService .item a{position: relative;z-index: 2;height: 3rem;}



.HomeService .item .qq{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}



.HomeService .ico{width: 0.71rem;height: 0.71rem;margin: 0px auto 0.25rem;}



.HomeService .tit{line-height: 1.3;}



.HomeService .item:after{position: absolute;left: 50%;bottom: 0;width: 0;content: "";height: 4px;background: #3157a7;transition: all 0.5s;}



.HomeService .item:before{position: absolute;left: 0;bottom: 0;width: 100%;content: "";height: 100%;background: #fff;transition: all 0.5s;opacity: 0;}



.HomeService .item:hover{background: #fff;box-shadow: 0 0 0.38rem rgba(25,31,40,0.2);}



.HomeService .item:hover:after{width: 100%;left: 0;}



.HomeService .item:hover:before{opacity: 1;}



.HomeService .item:hover .tit,{color:#3157a7;}







@media(max-width:1024px){



	.MainBox{margin-top: 60.2vw;}



	.page{padding: 0.7rem 0;}



	.HomeService .item .qq{display: none;}



	.HomeNews .NewsFocus{width: auto;float: none;}



	.HomeNews .NewsFocus .imgbox{padding-top: 64%;}



	.HomeNews .NewsRec{width: auto;float: none;margin: 0.4rem 0 0 -0.2rem;}



	.HomeNews .NewsRec .item{padding-left: 0.2rem;}



	.HomeNews .NewsRec .item a{padding: 0.25rem;}



}



@media(max-width:768px){



	.HomeCulture .slick-list{padding: 0 15%;margin: 0 -10%;}



	.HomeCulture .imgbox{padding-top: 4.65rem;}



	.HomeRD .info{width: 100%;padding: 0 0 0.5rem 0;}



	.HomeRD .imgbox{width: 100%;}







	.HomeService ul{padding: 0.2rem 0;}



	.HomeService .item{flex: none;width: 50%;}



	.HomeService .item a{height: auto;padding: 0.2rem 0;}



}



@media(max-width:640px){



	.TitHead{margin-bottom: 0.45rem;}



	.TitHead h2{font-size: 20px;}



	.HomeNews .NewsFocus .info .date{font-size: 14px;}



	.HomeNews .NewsFocus .info{padding-right: 100px;}



	.HomeNews .NewsRec .item .tit{min-height: 48px;}



	.MainBox{margin-top: 72.5vw;}



	.HomeService ul{margin-left: 0.45rem;margin-right: 0.45rem;}



	.HomeService .item a{font-size: 14px;}



}



/* 首页 end */















/*common s*/



.SubPage{position: relative;z-index: 1;clear: both;overflow: hidden;}



.SubPage .line{height: auto !important;height: 5rem;min-height: 5rem;padding:0.78rem 0;}



.SubPage .line:before{position: absolute;top: 0;height: 100%;width: 1px;content: "";left: 2.39rem;background: #e5e5e5;}



.SubPage.line{height: auto !important;height: 5rem;min-height: 5rem;padding:0.78rem 0;}







.SubBan{position: relative;overflow: hidden;transition: all 0.3s;margin-top:0.96rem;}



.SubBan .info{z-index: 2;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;font-size: 0.64rem;line-height: 2;}



.SubBan .img img{width: 100%;transform: scale(1.1);transition: all 5s;}



.SubBan.on .img img{transform: scale(1);}







.ColName{display: none;line-height: 0.65rem;background-color:#3157a7;border-radius: 0 0 5px 5px;color: #fff;padding:0 18px;position: relative;margin-bottom: 5px;}



.ColName i{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}







.SubMenu{width: 2.39rem;text-align: center;float: left;transition: all 0.5s;position: relative;top: 0;}



.SubMenu li span{display: block;padding-bottom:0;position: relative;background: url(../images/menubg.gif) right top no-repeat;position: relative;}



.SubMenu li span:before{position: absolute;content: "";left: 0;bottom: 2px;width: 0;height:calc(100% - 2px);transition: all 0.5s;background: #3157a7 url(../images/menubg2.gif) right bottom no-repeat;}



.SubMenu li span:After{background: url(../images/menuline.gif) right bottom no-repeat;content: "";height: 2px;width: 100%;position: absolute;bottom: 0;right: 0;z-index: 2;}



.SubMenu li span a{display: block;padding: 0.17rem 0.37rem 0.17rem 0;font-size: 0.2rem;position: relative;z-index: 2;}



.SubMenu li:hover span:before,.SubMenu li.onli span:before{width: 100%;}



.SubMenu li:hover span a,.SubMenu li.onli span a{color: #fff;}



.SubMenu .sub{padding-top: 0.3rem;display: none;}



.SubMenu .sub li{position: relative;padding: 0 0.3rem 0.3rem 0;}



.SubMenu .sub li:not(:last-child):after{position: absolute;bottom: 0.16rem;width: 4px;height: 4px;content: "";background: #999999;left: 41%;border-radius: 50%;transition: all 0.5s;}



.SubMenu .sub li:before{position: absolute;bottom: 0.15rem;right: 0;width: 0;transition: all 0.5s;height: 2px;content: "";background-image: linear-gradient(to right, rgba(0,0,0,0) , #3258a7);}



.SubMenu .sub li a{color: #999999;}



.SubMenu .sub li a i{font-size: 20px;transition: all 0.5s;margin-left: 0;opacity: 0;}



.SubMenu .sub li:hover a,.SubMenu .sub li.active a{color: #3258a7;}



.SubMenu .sub li:hover i,.SubMenu .sub li.active i{opacity: 1;transform: translateX(0.25rem);}



.SubMenu .sub li:hover:before,.SubMenu .sub li.active:before{width: 100%;}



.SubMenu .sub li:hover:after,.SubMenu .sub li.active:after{width: 0;height: 0;}



.SubMenu .li.onli .sub{display: block;}







.SubContent{width: calc(100% - 2.39rem);float: right;padding-left: 3.75%;}







.Place{color: #999999;border-bottom: 1px solid #eaebec;padding: 0.29rem 0 0.21rem;}



.Place .w1600:before{display: inline-block;vertical-align: middle;content: "";width: 16px;height: 16px;background: url(../images/ico_sy.svg) no-repeat center center/contain;margin: -3px 9px 0 0;}



.Place a{color: #999999;display: inline-block;margin-right: 0.34rem;position: relative;}



.Place a:after{position: absolute;right: -0.18rem;top: 50%;transform: translateY(-50%);content: "";width: 3px;height: 3px;border-radius: 50%;background: #d5d6d8;}



.Place a{color: #999999;}



.Place a:hover,.Place span{color: #3157a7;display: inline-block;}



.Place i{vertical-align: middle;font-size: 20px;margin: -4px 9px 0 0;}







.SubTit{margin-bottom: 0.65rem;}



.SubTit .en{color: #3157a7;}



.SubTit h2{font-size: 0.36rem;line-height: 1.69;}



.SubTit .desc{color: #3157a7;line-height: 1.5;margin-top: 0.29rem;}



.SubTit .entitle{position: absolute;left: 0;bottom: 0;font-size: 9.375vw;width: 250%;line-height: 1;z-index: -1;



	text-transform: uppercase;-webkit-text-stroke-color: #f2f3f4;



	-webkit-text-stroke-width: 1px;



	-webkit-text-fill-color: transparent;



	-webkit-background-clip: text;



	background-repeat: no-repeat;font-family: "DINM";}



.SubTit.lineb{border-bottom: 1px solid #e8e8e8;padding-bottom: 0.25rem;}







.SubTit2{padding-bottom: 0.32rem;}



.SubTit2 h2{line-height: 1.42;font-size: 0.28rem;}



.SubTit2 h2:before{display: inline-block;vertical-align: middle;content: "";width: 0.05rem;height: 0.26rem;border-radius: 5px;background: #3157a7;margin-right: 0.19rem;}







.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;}



.SinglePage table{border-bottom: 1px solid #dcdcdc !important;border-right:1px solid #dcdcdc !important;margin: 0.2rem 0;}



.SinglePage table td,.SinglePage table th{padding: 0.2rem 0.15rem !important;border-top: 1px solid #dcdcdc !important;border-left: 1px solid #dcdcdc !important;background-color: #f4f5f7 !important;text-align: center;line-height: 24px;}



.SinglePage table th{background-color: #004898 !important;color:#fff !important;font-size:0.18rem !important;font-weight: normal;}



.SinglePage table p{margin-left: 8px;margin-right: 8px;}



.SinglePage table p:not(:last-child){margin-bottom: 8px;}



.SinglePage p{text-indent: 2em;}







.SinglePage table tr{transition: all 0.3s;}



.SinglePage table tr:hover td{background: #f5eee9;}



.SinglePage table tr:hover{box-shadow: 0 15px 38px rgba(0,0,0,0.1);position: relative;z-index: 1;}







@media(min-width:1025px){



	.SubMenu.fix{position: fixed;left: 8.2vw;top: 0.97rem;z-index: 100;}



}



@media(max-width:1366px){



	.SubMenu.fix{left: 6%;}



}



@media(max-width:1024px){



	.SubPage{padding-bottom: 0.65rem;}



	.SubBan{margin-top: 46px;}



	.SubTit h2{font-size: 0.3rem;}



	.SinglePage table{width: 100% !important;}



	.ColName{display: block;}



	.SubMenu{float: none;width: auto;left: auto !important;padding-bottom: 0.35rem;}



	.SubMenu li span:before{display: none;}



	.SubMenu ul{float: none;clear: both;line-height: 30px;flex-wrap: wrap;display: flex;}



	.SubMenu li{float: none;min-width: 50%;text-align: center;}



	.SubMenu li.onli span a{color: #3157a7;}



	.SubMenu .sub{display: none !important;}



	.SubPage .line:before{display: none;}



	.SubContent{float: none;width: auto;padding-left: 0;}



}



@media(max-width:768px){



	.SubBan .info{font-size: 0.3rem;}



	.SinglePage{line-height: 24px !important;}



	.SinglePage img{width: auto !important;height: auto !important;}



	.SinglePage video{width: 100% !important;display: block; height: auto !important;}



}



@media(max-width:640px){



	.SinglePage table td{font-size: 12px;}



	.SinglePage table td, .SinglePage table th{padding:5px;}



	.SinglePage table th{font-size: 14px !important;}



	.SubTit h2,.SubBan .info{font-size: 20px;}



	.SubMenu li span a{font-size: 15px;}



}



/*common end*/







/* 公司介绍 */



.CompanyProfile{position: relative;padding-bottom: 0.67rem;}



.CompanyProfile .imgbox{width: 59.23%;}



.CompanyProfile .imgbox img{border-radius: 10px;}



.CompanyProfile .info{flex: 1;padding: 0.55rem 0.72rem 0 0;}







.TechnicalStr{padding-top: 1.24rem;}



.TechnicalStr .SubTit .entitle{bottom: -0.4rem;}



.TechnicalStr .info{position: relative;padding-bottom: 1.14rem;}



.TechnicalStr .SubTit{flex: 1;}



.TechnicalStr .text{width: 52.3%;padding: 0.33rem 0.8rem 0 0;}



.TechnicalStr .imgbox img{border-radius: 10px;}



.TechnicalStr.global .info{padding-bottom: 0.8rem;}



.TechnicalStr.global .SubTit{max-width: 3.2rem;position: relative;}



.TechnicalStr.global .SubTit:after{position: absolute;left: 0;bottom: 0;width: 0.64rem;height: 2px;background-color: #3157a7;content: "";}



.TechnicalStr.global .SubTit .desc{margin-top: 0.6rem;}



.TechnicalStr.global .SubTit aside{margin-bottom: 0.25rem;}



.TechnicalStr.global .map{width: 70.76%;text-align: right;}



.PhotoSlider{border-radius: 10px;overflow: hidden;}



.PhotoSlider .slick-list{padding-right: 11.45vw;}



.PhotoSlider .item{position: relative;}



.PhotoSlider .ti{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;color: #fff;text-align: center;width: 90%;}



.PhotoSlider .imgbox{padding-top: 5.2rem;}



.PhotoSlider .imgbox img{border-radius: 0;}



.PhotoSlider .imgbox:After{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: rgba(38,44,58,0.5);content: "";transition: all 0.5s;}



.PhotoSlider .slick-current .imgbox:After{opacity: 0;}



.PhotoSlider .slick-current .ti aside{animation:fadeInUpSmall 0.5s .3s ease both;-webkit-animation:fadeInUpSmall 0.5s .3s ease both;-moz-animation:fadeInUpSmall 0.5s .3s ease both;}



.PhotoSlider .slick-arrow{background-color: transparent;}



.PhotoSlider .slick-arrow i{font-size: 0.3rem;}



.PhotoSlider .slick-prev{left: 4.47vw;}



.PhotoSlider .slick-next{right: 4.47vw;}







.ProductBusiness{flex-direction: row-reverse;padding-bottom: 1.12rem;position: relative;padding-top: 1.24rem;}



.ProductBusiness .imgbox{width: 50%;}



.ProductBusiness .imgbox img{border-radius: 10px;}



.ProductBusiness .info{flex: 1;padding: 0.51rem 0 0 1.2rem;}



.ProductBusiness .SubTit{padding-bottom: 0.45rem;}



.ProductBusiness.value{flex-direction: inherit;}



.ProductBusiness.value .info{padding:0 1.2rem 0 0;}



.ProductBusiness.b2 .info{padding: 0 0 0 1rem;}



.ProductBusiness.b2 .SubTit{padding-bottom: 0;margin-bottom: 0.3rem;}







.ProductBusiness.b3 {padding-top: 0;}



.ProductBusiness.b3 .info{padding: 0 0 0 1rem;}



.ProductBusiness.b3 .SubTit{padding-bottom: 0;margin-bottom: 0.3rem;position: relative;}



.ProductBusiness.b3:not(.norow) .SubTit {padding-left: 0.49rem;}



.ProductBusiness.b3 .SubTit .num{position: absolute;left: 0;top: 0.05rem;color: #3157a7;font-size: 0.28rem;}



.ProductBusiness.b3:not(.norow) .SubTit h2{font-size: 0.24rem;}



.ProductBusiness.b3 .SubTit .desc{margin-top: 0.05rem;}



.ProductBusiness.b3:not(.norow):nth-child(even) {flex-direction: row;}



.ProductBusiness.b3:not(.norow):nth-child(even) .info{padding: 0 1rem 0 0;}



.ProductBusiness .contact{margin-left: -0.12rem;}



.ProductBusiness .contact .item{text-align: center;width: calc(100% / 2 - 0.12rem);margin: 0 0 0.12rem 0.12rem;background-color: #f2f4f7;min-height: 1.75rem;padding: 1.719vw 1.302vw;}



.ProductBusiness .contact .item aside{line-height: 2.41;color: #3157a7;position: relative;}



.ProductBusiness .contact .item aside:after{position: absolute;left: 0;top: -13%;text-align: center;width: 100%;content: "";opacity: 0.06;font-size: 0.6rem;line-height: 1;}



.ProductBusiness .contact .item:nth-child(1) aside:after{content: "01";}



.ProductBusiness .contact .item:nth-child(2) aside:after{content: "02";}



.ProductBusiness .contact .item:nth-child(3) aside:after{content: "03";}



.ProductBusiness .contact .item:nth-child(4) aside:after{content: "04";}



.ProductBusiness:last-child{padding-bottom: 0;}











@media(max-width:768px){



	.CompanyProfile .info,.CompanyProfile .imgbox,.TechnicalStr .SubTit,.TechnicalStr .text,.ProductBusiness .imgbox,.ProductBusiness .info{width: 100%;}



	.TechnicalStr .info{padding-bottom: 0;}



	.CompanyProfile .info,.TechnicalStr .text,.ProductBusiness .info,.ProductBusiness.value .info{padding: 0 0 0.35rem !important;}



	.ProductBusiness.b3 .SubTit h2{font-size: 16px;}







	.TechnicalStr.global .SubTit{max-width:none;padding-bottom: 0.3rem;}



	.TechnicalStr.global .map{width:100%;text-align: center;}



}







/* 发展历程 */



.HistoryTxt{text-align: center;padding: 0.1rem 0 0.56rem;max-width: 10.85rem;margin: 0px auto;}



.HistoryCon{padding: 0.66rem 0 0 0;position: relative;}



.HistoryCon:After{position: absolute;width: 11.52rem;left: -5.5rem;top: 0;height: 140%;background: #f4f4f4;content: "";z-index: -1;}



.HistoryCon .yearAll{line-height: 1.5;left: 2.72rem;top: 0;position: absolute;color: #cacaca;font-size: 7.29vw;font-weight: bold;opacity: 0.7;}



.HistoryCon .groupItem{padding: 0 0 0.67rem 0;position: relative;z-index: 100;}



.HistoryCon .groupItem .yearBox{position: relative;z-index: 100;padding-left: 1.08rem;}



.HistoryCon .groupItem:after{position: absolute;bottom: 0.3rem;left: -4.8%;width: 105%;content: "";height: 1.76rem;background: url(../images/linebg.png);z-index: -1;}



.HistoryCon .groupItem .year{position: absolute;top: -3px;color: #3c60ab;padding-left: 0.29rem;left: -5%;width: 1.72rem;}



.HistoryCon .groupItem .year:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;width: 9px;height: 9px;content: "";background: #3157a7;transition: all 0.5s;}



.HistoryCon .groupItem .year:after{position: absolute;top: 50%;transform: translateY(-50%);right: 0;height:1px;content: "";background: #c3c3c3;width: 0.56rem;}



.HistoryCon .groupItem .text{padding-bottom: 0.26rem;line-height: 24px;position: relative;z-index: 10;max-width: 9.34rem;}



.HistoryCon .groupItem .text p:not(:last-child){margin-bottom: 10px;}



.HistoryCon .groupItem .imglist {padding: 0 0 0 1.08rem;}



.HistoryCon .groupItem .imglist li{margin-bottom: 0.3rem;position: relative;z-index: 10;}



.HistoryCon .groupItem .imglist li:not(:last-child){margin-right: 0.3rem;}



.HistoryCon .groupItem .imglist li{width: 3.05rem;}



.HistoryCon .groupItem .imglist .imgbox{padding-top: 2.03rem;}



.HistoryCon .groupItem .title{color: #fff;display: inline-block;vertical-align: middle;line-height: 1.75;background: #3157a7;padding: 0 0.2rem;margin: 0 0 0.2rem 1.08rem;}



.HistoryCon .groupItem .yearBox:hover .year:before{transform: translateY(-50%) scale(2);}



.HistoryCon .groupItem .yearBox:hover .year{font-weight: bold;}



.HistoryCon .groupItem .yearBox .imglist{padding-left: 0;}







.HornorList{margin: 0 0 0.1rem -0.5rem;}



.HornorList .item{width: 33.333%;padding: 0 0 0.5rem 0.5rem;}



.HornorList .item a{display: block;text-align: center;}



.HornorList .item .info{padding: 0.25rem 0.2rem 0;}



.HornorList .item .imgbox{padding-top: 111%;border-radius: 10px;overflow: visible;background:url(../images/rybg.jpg) no-repeat center bottom/cover;}



.HornorList .item .imgbox span{left: 10%;top: 10%;width: 80%;height: 80%;}



.HornorList .item .imgbox img{object-fit: contain;width: auto;height: auto;max-height: 100%;}



.HornorList .item .imgbox:before{content: "";width: 100%;	height: 0.35rem;border-radius: 10px 10px 0 0;	display: block;top:100%;left:0;position: absolute;z-index: -1;background-image: linear-gradient(to bottom, rgba(220,232,243,0.8) ,rgba(220,232,243,0));}







@media(max-width:1024px){



	.HistoryCon .yearAll{top: 0.35rem;}



	.HistoryCon .groupItem .year:after{width: 0.3rem;right: 0.35rem;}



}



@media(max-width:640px){



	.HistoryCon:After{left: -1rem;}



	.HistoryCon .yearAll{top: 0.6rem;}



	.HistoryCon .groupItem .year{width: 90px;left: -3%;}



	.HistoryCon .groupItem .yearBox{padding-left: 85px;}



	.HistoryCon .groupItem .year:after{right: 0;}



	.HistoryCon .groupItem .title{margin-left: 85px;}



	.HistoryCon .groupItem .imglist li{width: 30%;}



	.HistoryCon .groupItem .imglist li:not(:last-child){margin-right: 3%;}



	.HistoryCon .groupItem .imglist .imgbox{padding-top: 64%;}



	.HistoryCon .groupItem .imglist{padding-left: 85px;}







	.HornorList .item{width: 50%;}



}







/* 产品中心 */



.ProPlace{margin-top: 0.96rem;border-top: 1px solid #e5e5e5;background: #f5f5f5;}



.ProDetail{background: #f9f9f9;border-radius: 10px;margin-bottom: 0.8rem;}



.ProDetail .imgbox{width: 50%;border-radius: 10px 0 0 10px;padding-top: 5.4rem;background: url(../images/probg.jpg) no-repeat center center/cover;overflow: visible;}



.ProDetail .imgbox span{left: 10%;top: 10%;width: 80%;height: 80%;}



.ProDetail .imgbox img{width: auto;height: auto;max-height: 100%;object-fit: contain;}



.ProDetail .info{padding: 0.76rem 0.8rem;flex: 1;}



.ProDetail .title{line-height: 1.66;margin-bottom: 0.39rem;}



.ProDetail .SubTit3{margin-top: 0;}



.SubTit3{padding-bottom: 0.32rem;margin-top: 0.45rem;}



.SubTit3 h3{display: inline-block;width: 3rem;line-height: 2.2;background-image: linear-gradient(to right, #d8deeb , rgba(0,0,0,0));font-weight: normal;}



.SubTit3 h3:before{display: inline-block;vertical-align: middle;width: 3px;height: 0.24rem;background: #3157a7;content: "";margin: -2px 0.15rem 0 0.3rem;}



@media(max-width:1024px){



	.ProPlace{margin-top: 46px;}



	.ProDetail .imgbox{width: 100%;}



	.ProDetail .info{flex: none;padding: 0.5rem;width: 100%;}



}







/* 新闻中心 */



.NewsList{margin-left: -2.6vw;}



.NewsList .item{width: 33.333%;padding: 0 0 2.6vw 2.6vw;}



.NewsList .item a{border-radius: 10px;display: block;}



.NewsList .imgbox{padding-top: 71.25%;border-radius: 10px 10px 0 0;}



.NewsList .info{background: #f4f6f9;min-height: 3.11rem;border-radius: 0 0 10px 10px;padding: 0.3rem;}



.NewsList .date{font-family: "DINM";color: #3157a7;margin-bottom: 0.14rem;}



.NewsList .tit{min-height: 0.72rem;margin-bottom: 0.12rem;}



.NewsList .desc{min-height: 48px;line-height: 24px;margin-bottom: 0.27rem;}



.NewsList .mores{font-weight: bold;}







.NewsList2 .item {padding-bottom: 0.48rem;border-bottom: 1px solid #e5e5e5;margin-bottom: 0.48rem;}



.NewsList2 .item a{border-radius: 10px;}



.NewsList2 .imgbox{width: 30.7%;margin-right: 3.7%;padding-top: 2.85rem;border-radius: 10px;}



.NewsList2 .info{flex: 1;padding: 0.26rem 0 0 0;}



.NewsList2 .date{color: #999999;font-family: "DINM";margin-bottom: 0.25rem;}



.NewsList2 .date span{color: #3157a7;font-size: 0.36rem;padding-right: 0.35rem;position: relative;}



.NewsList2 .date span:after{position: absolute;right: 0.18rem;bottom: 0.04rem;width: 1px;background: #b9b9b9;height: 0.28rem;content: "";transform: rotate(25deg);}



.NewsList2 .tit{margin-bottom: 0.22rem;}



.NewsList2 .desc{min-height: 48px;line-height: 24px;margin-bottom: 0.23rem;}



.NewsList2 .mores{font-weight: bold;}







.NewsInfo .SinglePage p{text-indent: 2em;}



.NewsInfo .SinglePage img{max-width: 8rem;display: block;margin: 0px auto;}







.TitleInfo{text-align: center;padding-bottom: 0.5rem;margin-bottom: 0.5rem;border-bottom: 1px solid #e5e5e5;}



.TitleInfo .title{font-size: 0.4rem;line-height: 1.375;margin-bottom: 0.22rem;font-weight: normal;}



.TitleInfo p span{display: inline-block;margin: 0 0.08rem;}







.PrevNextInfo{padding: 0.38rem 2.2rem 0.25rem 0;margin-top: 0.7rem;border-top: 1px solid #dedede;position: relative;}



.PrevNextInfo dl{position: relative;padding-left: 68px;min-height: 36px;line-height: 36px;}



.PrevNextInfo dl dt{position: absolute;left: 0;top: 0;color:#999999;}



.PrevNextInfo .back{position: absolute;right: 0;top: 0.48rem;width: 140px;line-height: 40px;text-align: center;border-radius: 40px;transition: all 0.3s;background:#3157a7;color: #fff;border-radius: 0.59rem;}



.PrevNextInfo .back i{font-size: 20px;vertical-align: middle;margin: -4px 0 0 6px;}



.PrevNextInfo .back:hover{background-color: #004898;color: #ffffff;border-color: #004898;}







@media(max-width:640px){



	.NewsList .item{width: 50%;}



	.NewsList .tit{min-height: 48px;}







	.NewsList2 .imgbox{width: 100%;margin: 0;padding-top: 64%;}



	.NewsList2 .info{flex: none;width: 100%;}







	.TitleInfo{padding-bottom: 0.35rem;margin-bottom: 0.35rem;}



	.TitleInfo p span{margin: 0 0.2rem;}



	.TitleInfo .title{font-size: 18px;}



	.NewsInfo .SinglePage *{font-size: 14px !important;}



	.PrevNextInfo{padding-right: 0;margin-top: 50px;padding-top: 10px;}



	.PrevNextInfo dl{min-height: 30px;line-height: 30px;}



	.PrevNextInfo .back{top: -35px;width: 120px;line-height: 30px;}



}











/* 加入我们 */



.HrList{margin-top:-0.4rem;padding-bottom: 0.15rem;}



.HrList .item{position: relative;transition: all 0.5s;background: #f5f6fa;border:1px solid #f5f6fa;padding: 0.47rem 0.8rem 0.34rem;border-radius: 10px;margin-bottom: 0.2rem;}



.HrList .item:after{width: 5.24rem;height: 2.93rem;content: "";position: absolute;right: 0;top: 0;background: url(../images/hrbg.jpg) no-repeat center center/contain;z-index: -1;opacity: 0;transition: all 0.5s;}



.HrList .item .ti{cursor: pointer;}



.HrList .item .ti i{transition: all 0.5s;right: 0.8rem;top: 1.3rem;width: 0.6rem;height: 0.6rem;position: absolute;}



.HrList .item .ti i:before,.HrList .item .ti i:After{transition: all 0.5s;width: 100%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #939496;content: "";}



.HrList .item .ti i:After{width: 1px;height: 100%;}



.HrList .item .sti{margin: 0.3rem 0 0.12rem;}



.HrList .item .sti:before{display: inline-block;vertical-align: middle;width: 7px;height: 7px;content: "";background: #3157a7;transform: rotate(45deg);margin-right: 9px;}



.HrList .item .detail{height: 1.62rem;overflow: hidden;}



.HrList .item .city{margin-top: 0.2rem;}



.HrList .item .city i{font-size: 18px;margin-right: 6px;color: #999999;}



.HrList .item .btn{padding-top: 0.2rem;display: none;}



.HrList .item .btn a{margin-right: 0.2rem;width: 120px;line-height: 40px;border-radius: 40px;background: #3157a7;color: #fff;text-align: center;display: inline-block;cursor: pointer;}



.HrList .item .btn a:hover{background-image: linear-gradient(to right, #3157a7 , #25478e);box-shadow: 0 0 10px rgba(49,87,167,0.3);}







.HrList .item:hover {box-shadow: 0 0 15px rgba(0,0,0,0.08);}



.HrList .item:hover .ti i{transform: scale(1.15);}



.HrList .item.on:after{opacity: 1;}#d9dee8



.HrList .item.on{border: 1px solid #d9dee8;}



.HrList .item.on .ti{color: #3157a7;}



.HrList .item.on .ti i:after{height: 0;}



.HrList .item.on .ti i:before{background: #3157a7;}



.HrList .item.on .detail{height: auto;}







.JobPop{font-size: 16px;}



.JobPop .Content{padding:0.5rem;overflow: hidden;}



.JobPop .toptit{text-align: center;line-height: 2.5;border-bottom:1px solid #ddd;font-size: 0.36rem;color:#057ad3;margin:-0.2rem 0 0.4rem;}







 .JobForm{ color:#666666; margin:0px 0px 0px -2%;}



 .JobForm dl{ width:48%; float:left; margin-left:2%; position: relative;}



 .JobForm dl dt{position: absolute;left:0;top:10px; text-align:right;width:90px;}



 .JobForm dl dd{margin-left:100px;}



 .JobForm dl.auto{ width:100%; float:none;}







 .JobForm dd{ padding:10px 0px;}



 .JobForm .input { border:1px solid #dbdbdb; width:100% !important; height:0.4rem; line-height:0.38rem;}



 .JobForm .textarea { border:1px solid #dbdbdb; width:100%; height:1.16rem; line-height:23px;display: block;}



 .JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}



	.JobForm .upbtn {color: #057ad3;}



	.JobForm .upbtn i{transform: rotate(180deg);color: #057ad3;}



	.JobForm button{font-size: 16px;}



 .fancybox-content{width: 12rem !important;}







@media(max-width:1024px){



	.HrList .item .ti i{right: 0.3rem;top: 0.3rem;}



	.JobPop{width: 94%;}



}



@media(max-width:640px){



	.HrList .item .detail{height: 120px;}



	.HrList .item{padding: 0.35rem;}



	.JobForm dl{width: auto;float: none;}



	.JobForm .input{height: 30px;line-height: 28px;}



	.JobForm .btn dd{margin-left: 0;text-align: center;}



	.JobForm dl dt{position: static;width: auto;text-align: left;}



	.JobForm dl dd{margin-left: 0;}



	.JobForm .textarea{height: 80px;}



	.JobPop .toptit{font-size: 18px;}



	.fancybox-slide--iframe{padding: 15px 15px 0 !important;}



	.fancybox-content{width: 90% !important;}



}







/* 创新研发 */



.SinglePage .itemtxt{background: #f0f3f5;padding: 0.7rem;margin: 0.6rem 0;display: flex;justify-content: space-between;color: #666;align-items: center;overflow: hidden;position: relative;flex-wrap: wrap;}



.SinglePage .itemtxt .enbg{position: absolute;left: -2.4rem;bottom: -0.2rem;width: 100%;}



.SinglePage .itemtxt .enbg img{height: 11.45vw;max-width: none;}



.SinglePage .itemtxt .info{width: 62.5%;position: relative;z-index: 2;}



.SinglePage .itemtxt .imgbox{width: 31.78%;overflow: visible;z-index: 2;}



.SinglePage .itemtxt .imgbox img:nth-child(2){position: absolute;left: -2.4rem;bottom: -0.65rem;}



.SinglePage .itemtxt .imgbox img{width: auto;height: auto;display: inline-block;}



.SinglePage.contact .info{width: 45%;}

.SinglePage.contact .info h2{padding-bottom: 10px;}

.SinglePage.contact .info p{margin-top: 10px;text-indent: 0;}

.SinglePage.contact .info i{color: #004898;width: 30px;}

.SinglePage.contact .imgbox{width: 49%;}



.messageBox{background-color: #eff4f9;padding: 1.979vw 3.698vw;margin-bottom: 0.5rem;}

.messageBox .item{margin-top: 0.21rem;width: 46.26%;position: relative;}

.messageBox .item .ipttxt{width: 100%;border-bottom: 1px solid #e6e6e6;height: 0.56rem;back}

.messageBox .item label{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;color: #666666;font-size: var(--f18);font-family: 'harmonyOS_Light';padding: 0.125rem 0;}

.messageBox .item label span{color: #ed1600;}

.messageBox .item:hover .ipttxt{border-bottom: 1px solid #bbbbbb;}

.messageBox .item.auto{width: 100%;}

.messageBox .item.auto label{position: static;display: block;transform: translateY(0);}

.messageBox .item .textarea{position: relative;padding: 0.15rem 0.3rem 0.25rem;background-color: #fff;}

.messageBox .item .textarea textarea{width: 100%;height: 0.9rem;}

.messageBox .item .textarea .count{position: absolute;z-index: 10;right: 0.2rem;bottom: 0;color: #999999;}

.messageBox .item:last-child{padding-top: 0.2rem;}

.messageBox .item.yz{position: relative;}

.messageBox .item.yz img{position: absolute;right: 0;top: 0;height: 0.56rem;}

.sendBtn{width: 1.8rem;height: 0.56rem;color: #fff;background-color: #004898;border-radius: 0.56rem;}

.sendBtn:hover{opacity: 0.9;}



@media(max-width:1024px){



	.SinglePage .itemtxt .imgbox img:nth-child(2){left: 0rem;}



}



@media(max-width:640px){



	.SinglePage .itemtxt{padding: 0.4rem;}



	.SinglePage .itemtxt .imgbox{width: 100%;}



	.SinglePage .itemtxt .imgbox img:nth-child(2){position: static;}



	.SinglePage .itemtxt .info{width: 100%;}



	.SinglePage.contact .info{width: 100%;}

	.SinglePage.contact .imgbox{width: 100%;margin-top: 0.35rem;}



}















#table{border-bottom: 1px solid #dcdcdc !important;border-right:1px solid #dcdcdc !important;width: 100%;margin: 0.5rem auto 0;clear: both;border-collapse: collapse;  



}



#table td,#table th{padding: 0.2rem 0.15rem !important;border-top: 1px solid #dcdcdc !important;border-left: 1px solid #dcdcdc !important;background-color: #f4f5f7 !important;text-align: center;line-height: 24px;}



#table th{background-color: #004898 !important;color:#fff !important;font-size:0.18rem !important;font-weight: normal;}



#table p{margin-left: 8px;margin-right: 8px;}



#table p:not(:last-child){margin-bottom: 8px;}



#table tbody tr:nth-child(odd) td{background-color: #fff !important;}







#canShow{text-align: center;font-size: 0.2rem;padding: 0.5rem 0;}



#canShow:before{content: "\e630";font-family: "iconfont" !important;display: inline-block;margin: 0 0.15rem 0 0;font-size: 0.3rem;color: orange;font-weight: bold;vertical-align: middle;}







@media(max-width:640px){



	#table th{font-size: 14px !important;}



	#table td, #table th{padding: 5px !important;}



	#canShow{font-size: 16px;}



	#canShow:before{font-size: 24px;}



	.JobForm button{flex: none;height: 30px !important;}



}


.hornorTab table td, .hornorTab table th{padding: 0.1rem !important;text-align: center;}
.hornorTab .f_green{color: #42ab4f;}
@media(max-width:768px){
	.hornorTab{white-space: nowrap;overflow-x: auto;}
}