@import url(common.css);

/*common s*/
.SubPage{position: relative;background: #fff;z-index: 1;height: auto !important;height: 1.5rem;min-height: 1.5rem;clear: both;overflow: hidden;padding: 5.729vw 0;}

.SubTop{position: relative;}
.SubTop .SubMenu{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.22rem;z-index: 10;}
.SubTop.detail .SubMenu{position: static;padding: 0.9rem 0 0;transform: translateX(0);}
.SubTop.detail .Place{color: #333;padding: 0.3rem 0 0.1rem;}
.SubTop.detail .Place a{color: #333;}
.SubTop.detail .Place a:After{background: url(../images/arr_gray.svg) no-repeat center center / contain;}

.SubBan{position: relative;overflow: hidden;transition: all 0.5s;z-index: 10;}
.SubBan .w1600{position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);z-index: 10;color: #fff;}
.SubBan .w1600 .en{font-family: "BarlowSemiBold";text-transform: uppercase;}
.SubBan .w1600 aside{font-size:3.125vw;line-height: 1.51;}
.SubBan .img{height: 36.458vw;position: relative;}
.SubBan .img img{width: 100%;transform: scale(1.1);transition: all 5s;position: absolute;left: 0;top: 0;height: 100%;}
.SubBan.on .img img{transform: scale(1);}

.ColName{display: none;line-height: 32px;background-color:#004898;border-radius: 0 0 5px 5px;font-size:16px;color: #fff;padding:0 18px;position: relative;margin-bottom: 5px;}
.ColName i{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}

.SubMenu li{min-width: 11.458vw;padding-bottom: 0.08rem;}
.SubMenu li:not(:last-child){margin-right: 2.24vw;}
.SubMenu li a{background-color: rgba(255,255,255,0.9);border-radius: 5px;padding: 0.2rem 0.35rem;display: block;text-align: center;}
.SubMenu li:hover a,.SubMenu li.onli a{background: linear-gradient(-90deg, #0055a7, #008ad5, #1bc7ff, #0055a7, #0055a7);color: #fff;animation: glowing 5s infinite alternate; background-size: 400% 200%;transition: all 0.5s;}

.Place{color: #fff;text-align: right;}
.Place a{color: #fff;margin-right: 0.26rem;position: relative;}.Place a:hover,.Place span{color: #008ad5;display: inline-block;}
.Place a:After{position: absolute;text-align: center;right: -0.17rem;content: "";width: 7px;height: 10px;top: 50%;transform: translateY(-50%);background: url(../images/arr_white.svg) no-repeat center center/contain;}

.SubTit {padding:0.38rem 0 0.54rem;position: relative;text-align: center;width: 100%;}
.SubTit h2{line-height: 1.15;color: #0055a7;font-size: 0.52rem;position: relative;z-index: 1;font-weight: normal;}
.SubTit .en{width: 100%;line-height: 1.2;color: #aabfca;opacity: 0.2;text-transform: uppercase;font-family: "BarlowSemiBold";font-size: 0.72rem;position: absolute;left: 0;top: 0;}
.SubTit .tdesc{text-align: center;max-width: 10.8rem;margin: -0.1rem auto 0;padding-bottom: 0.4rem;}
.SubTit.white h2{color: #fff;}
.SubTit.white .en{color: #fff;opacity: 0.06;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;}
.SinglePage table{width: 100% !important;text-align: center;}
.SinglePage table img{height: 1.6rem;}
.SinglePage table th{color: #fff;background-color: #148ad3;border-right: 2px solid #82bee5;height: 0.7rem;padding: 0.1rem;font-weight: normal;}
.SinglePage table th:last-child{border-right: 0;}
.SinglePage table td{border-right: 2px solid #f7f8fb;border-bottom: 2px solid #f7f8fb;height: 0.7rem;padding: 0.1rem;}
.SinglePage table td:first-child{border-left: 2px solid #f7f8fb;}
.SinglePage table td:not(:first-child){color: #4b5a65;font-weight: lighter;}
.SinglePage table tbody tr:nth-child(even) td{background-color: #f6f7f9;}
.SinglePage table tbody tr:hover td{background-color: #e0e5ef !important;}

.subNav{width: 100%;margin-bottom: 0.4rem;}
.subNav .item:not(:last-child){margin-right: 2.083vw;}
.subNav .item a{display: inline-block;padding: 0.1rem 0.3rem;border-radius: 5px;background-color: #eee;}
.subNav .item.on a{background-color: #008ad5;color: #fff;}

@media(max-width:768px){
	.SubBan .w1600{display: none;}
	.SinglePage{line-height: 24px !important;}
	.SinglePage:not("table") img{width: auto !important;height: auto !important;}
}
@media(max-width:640px){
	.SubPage{padding-bottom: 0.8rem;}
	.SubTop .SubMenu{position: static;padding-top: 0.2rem;transform: translateX(0);}
	.SubMenu li a{padding: 0.1rem 0.35rem;}
	.SubTit .en{font-size: 0.48rem;}
	.Place a:After{background: url(../images/arr_gray.svg) no-repeat center center / contain;width: 6px;height: 6px;}
	.Place{color: #333;}
	.Place a{color: #333;}

	.SinglePage table td{font-size: 12px;}
	.SinglePage table td, .SinglePage table th{padding:5px;}
	.SinglePage table th{font-size: 14px !important;}
}
/*common end*/


/* 07_联系方式 */
.ContactUs .info{width: 33.12%;}
.ContactUs .item {margin-bottom: 0.4rem;position: relative;}
.ContactUs .item .icon{margin-right: 0.13rem;width: 0.62rem;}
.ContactUs .item dt{padding-bottom: 0.08rem;line-height: 22px;color: #4b5a65;}
.ContactUs .item .txt{flex: 1;padding-bottom: 0.38rem;border-bottom: 1px solid #ebebeb;}
.ContactUs .item:nth-child(1) dd{font-size: 0.19rem !important;}
.ContactUs .ewm{text-align: center;color: #4b5a65;}
.ContactUs .ewm li:not(:last-child){padding-right: 0.4rem;}
.ContactUs .ewm li img{display: block;margin: 0px auto;width: 1.5rem;padding: 0.06rem;border: 1px solid #ebebeb;}
.ContactUs .imgbox{width: 62.5%;}

.ContactMessage{background: #e8eff5 url(../images/messagebg.jpg) no-repeat center bottom/cover;background-attachment: fixed;}
.ContactMessage .form{margin-left: -2.448vw;}
.ContactMessage .item{width: calc(100% / 3 - 2.448vw);margin: 0 0 0.32rem 2.448vw;position: relative;}
.ContactMessage .item label{position: absolute;left: 0.2rem;top: 50%;transform: translateY(-50%);color: #999;transition: all 0.5s;}
.ContactMessage .item .text{width: 100%;background-color: #fff;padding: 0 0.2rem;height: 0.6rem;border-radius: 5px;}
.ContactMessage .item textarea.text{height: 2.18rem;padding: 0.2rem;}
.ContactMessage .item.textarea label{top: 0.2rem;transform: translateY(0);}
.ContactMessage .item .text:focus{box-shadow: 0 0 24px rgba(0,85,167,0.13);}
.ContactMessage .item.auto{width: 100%;}
.ContactMessage .item.btn{padding: 1.458vw 0 0;}
.ContactMessage .item.on label{color: #333;top: -0.18rem;transform: translateY(0);background-color: #008ad5;color: #fff;border-radius: 5px;padding: 0 0.12rem;}

@media(max-width:1024px){
	.ContactUs .info{width: 100%;padding-bottom: 0.45rem;}
	.ContactUs .imgbox{width: 100%;}
}
@media(max-width:640px){
	.ContactUs .item:nth-child(1) dd{font-size: 14px !important;}
	.ContactMessage .item{width: 100%;}
	.ContactMessage .item.on label{top: -14px;line-height: 18px;}
}

/* 新闻动态 */
.NewsFocus{margin-bottom: 3.646vw;}
.NewsFocus .slick-list{box-shadow: 2px 12px 24px rgba(0,85,167,0.13);height:23.438vw;}
.NewsFocus .item{background: #fff url(../images/dian2.png) no-repeat right bottom;}
.NewsFocus .imgbox{width: 50%;padding-top: 23.438vw;border-radius: 5px 0 0 5px;}
.NewsFocus .info{width: 50%;padding: 3.125vw 3.125vw 2vw;}
.NewsFocus .date{color: #0055a7;font-family: "BarlowSemiBold";}
.NewsFocus .tit{margin: 1.875vw 0 0.18rem;line-height: 1.4;}
.NewsFocus .desc{color: #555555;margin-bottom: 3.542vw;}
.NewsFocus .moreBtn{margin: 0;}

.NewsFocus .slick-dots{position: static;text-align: center;}
.NewsFocus .slick-arrow{top: 60%;transform: translateY(0);}
.NewsFocus .slick-next{right: 0.6rem;}
.NewsFocus .slick-prev{left:auto;right: 1.2rem;}

.PhotoNews{margin-left: -1.927vw;}
.PhotoNews .item{width: calc(100% / 3 - 1.927vw);margin: 0 0 4.167vw 1.927vw;background-color: #fff;box-shadow: 2px 2px 24px rgba(0,85,167,0.13);}
.PhotoNews a{display: block;border-radius: 5px;}
.PhotoNews .imgbox{padding-top: 55.99%;border-radius: 5px 5px 0 0;}
.PhotoNews .info{padding: 2.135vw;min-height: 15.417vw;;}
.PhotoNews .date{color: #0055a7;font-family: "BarlowSemiBold";}
.PhotoNews .tit{margin: 1.198vw 0 2.917vw;min-height: 0.72rem;}
.PhotoNews .tag{color: #fff;background-color: rgba(0,138,213,0.9);padding: 0 10px;border-radius: 0.26rem;position: absolute;z-index: 2;right: 0.2rem;top: 0.2rem;display: none;}

.NewsPage{padding-top: 0.5rem;}
.NewsInfo{width: 75.625%;}
.NewsInfo .SinglePage{line-height: 2;color: #333333;}
.NewsInfo .SinglePage p{text-indent: 2em;}
.NewsInfo .SinglePage li{list-style: inside;}
.NewsInfo .SinglePage img{max-width: 8.8rem;display: block;margin: 0px auto;border-radius: 0.1rem;}

.TitleInfo{text-align: center;margin-bottom: 0.35rem;padding-bottom: 0.13rem;border-bottom: 1px solid #eeeeee;}
.TitleInfo .title{font-size: 0.36rem;line-height: 1.58;}
.TitleInfo p span{display: inline-block;color: #777777;}
.TitleInfo p span:not(:last-child){margin-right: 0.5rem;}

.PrevNextInfo{padding: 0.5rem 2.2rem 0 0;margin-top: 0.5rem;border-top: 1px solid #eaeaea;position: relative;}
.PrevNextInfo dl{position: relative;padding-left: 65px;min-height: 36px;line-height: 36px;}
.PrevNextInfo dl:not(:last-child){margin-bottom: 3px;}
.PrevNextInfo dl dt{position: absolute;left: 0;top: 0;color:#555555;}
.PrevNextInfo dl a{color:#555555;}
.PrevNextInfo dl a:hover{color:#008ad5;}
.PrevNextInfo .moreBtn{position: absolute;right: 0;top: 0.52rem;}
.PrevNextInfo .moreBtn span:after{display: none;}
.PrevNextInfo .moreBtn i{font-size: 20px;vertical-align: middle;margin: -4px 0 0 0.22rem;}

.newsRec{margin-top: 0.09rem;width: 14.479vw;}
.newsRec .title{line-height: 1.63;margin-bottom: 0.2rem;}
.newsRec .item{border-bottom: 1px solid #efefef;padding-bottom: 0.22rem;margin-bottom: 0.3rem;}
.newsRec .imgbox{margin-bottom: 0.1rem;border-radius: 5px;padding-top: 56.67%;}
.newsRec .tit{margin-top: 0.04rem;}
.newsRec.fix{position: fixed;top: 1rem;right: 8.333vw;}
.newsRec .slick-dots{text-align: center;margin-top: 0;}

@media(max-width:1024px){
	.NewsFocus .slick-list{height: auto;}
	.NewsFocus .slick-arrow{top: 64%;}
	.NewsInfo .SinglePage img{max-width: 100%;}

	.NewsInfo{width: 100%;}
	.newsRec{position: static !important;width: 100%;margin-top: 0.2rem;}
	.newsRec .item{margin-bottom: 0;}

	.PhotoNews .tit{font-size: 0.2rem;}
	.PhotoNews .item{width: calc(100% / 2 - 1.927vw);}
}
@media(max-width:768px){
	.NewsFocus .imgbox{width: 100%;padding-top: 60%;}
	.NewsFocus .info{width: 100%;}
	.NewsFocus .slick-arrow{display: none !important;}
}
@media(max-width:640px){
	.PhotoNews .item{width: 100%;}
	.PhotoNews .tit{font-size: 16px;}

	.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 .moreBtn{top: -35px;}
}

/* 解决方案 */
.FaList .item:not(:last-child){margin-bottom: 4.167vw;}
.FaList .item .imgbox{width: 69.12%;padding-top: 30.052vw;}
.FaList .item .imgbox:after{height: 21.719vw;width: 16.146vw;right: 0;bottom: 0;content: "";z-index: 10;}
.FaList .item .info{position: absolute;right: 0;bottom: 0;width: 35%;padding:3.3vw;box-shadow: 2px 12px 24px rgba(0,85,167,0.13);
	background: linear-gradient(179deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,1) 83%, rgba(255,255,255,0) 100%);}
.FaList .item .info .tit{line-height: 1.33;}
.FaList .item .info .desc{margin: 1.875vw 0;color: #4b5a65;}
.FaList .item .icon{width: 0.73rem;height: 0.73rem;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-image: linear-gradient(to right, #0056a7 , #0089d4);position: absolute;right: 0.38rem;top: -0.38rem;transition: all 0.5s;}
.FaList .item .icon img{width: 100%;height: 100%;}
.FaList .item .icon span{top: -0.77rem;height: 0.77rem;position: absolute;left: 50%;transform: translateX(-50%);color: #008ad5;font-family: "BarlowSemiBold";}
.FaList .item .icon span:after{left: 50%;bottom: 0;height: calc(100% - 0.3rem);transform: translateX(-50%);border-left: 1px dashed #ebebeb;content: "";position: absolute;}
.FaList .item .info:hover .icon{transform: scale(1.25);background-image: linear-gradient(to left, #0056a7 , #0089d4);}

.FaDetail{text-align: center;padding-bottom: 0.53rem;}
.FaDetail .title{line-height: 1.38;font-weight: normal;}
.FaDetail .text{max-width: 11.4rem;margin: 0.25rem auto 0.49rem;color: #4b5a65;}
.FaDetail .app{text-align: center;color: #4b5a65;}
.FaDetail .app .item{min-width: 20%;padding: 0 0.15rem;}

.PhotoSlider .slick-list{padding: 0 8.021vw !important;}
.PhotoSlider .item {opacity: 0.1;z-index:0;padding-top: 2.031vw;}
.PhotoSlider .item .imgbox{padding-top:29.688vw;}
.PhotoSlider .item.slick-current{opacity: 1;padding-top: 0;}
.PhotoSlider .item.slick-current .imgbox{padding-top:33.802vw;}
.PhotoSlider .arrows{position: relative;height: 0.46rem;margin-top: 0.31rem;}
.PhotoSlider .arrows:before,.PhotoSlider .arrows:after{width: 45%;top: 50%;height: 1px;content: "";position: absolute;background-color: #ebebeb;left: 0;}
.PhotoSlider .arrows:after{right: 0;left: auto;}
.PhotoSlider .arrows .slick-prev{left: 45%;}
.PhotoSlider .arrows .slick-next{right: 44%;}

@media(min-width:1025px){
	.FaList .item a{display: flex;}
	.FaList .item:nth-child(even) .info{right: auto;left: 0;background: linear-gradient(-179deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,1) 83%, rgba(255,255,255,0) 100%);}
	.FaList .item:nth-child(even) .icon{scroll-margin-right: auto;left: 0.38rem;}
	.FaList .item:nth-child(even) a{flex-direction: row-reverse;}
	.FaList .item{padding-bottom: 4.375vw;position: relative;clear: both;}
}
@media(max-width:1024px){
	.FaList .item .imgbox{width: 100%;padding-top: 64%;}
	.FaList .item .info{position: relative;width: 100%;padding-bottom: 6vw;}
}

/* 产品展示 */
.proNav .slider{border-left: 1px solid #e2e2e2;}
.proNav .item{border-right: 1px solid #e2e2e2;flex: 1;width: auto !important;text-align: center;position: relative;}
.proNav .item .ico-rotate {width:0.55rem;height: 0.55rem;margin: 0.21rem auto 0;display: block;}
.proNav .item a{min-height: 9.219vw;padding: 1.9vw 2.188vw 1.563vw;display: block;position: relative;}
.proNav .item:after{bottom: 0;left: 0;width: 100%;height: 0;content: "";position: absolute;background-image: linear-gradient(to top, #ddeefa , #f9fcfe);z-index: -1;transition: all 0.5s;}
.proNav .item:before{bottom: 0;left: 0;width: 100%;content:"";height:0;background:#007cc0;transition: all 0.3s;position: absolute;}
.proNav .item .ti{line-height: 1.93;position: relative;}
.proNav .item .ti:after{position: absolute;content: "";width: 14px;height: 14px;background: url(../images/arr_right.svg) no-repeat center center/contain;right: -14px;top: 50%;transform: translateY(-50%) rotate(45deg);transition: all 0.3s;opacity: 0;}
.proNav .item.on:after,.proNav .item:hover:after{height: 100%;}
.proNav .item.on:before,.proNav .item:hover:before{height: 0.05rem;}
.proNav .item.on .ti:after,.proNav .item:hover .ti:after{transform: translateY(-50%) rotate(0);opacity: 1;right: 0;}

.proNavFix{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 100;text-align: center;width: 80px;}
.proNavFix li{color: #fff;background:#007cc0;border-radius: 5px;}
.proNavFix li:not(:last-child){margin-bottom: 8px;}
.proNavFix li a{color: #fff;background:#007cc0;}
.proNavFix li.active a{background-color: #ffcc00;}

.proPage{background-color: #f6f7f9;padding: 0 0 0.58rem;overflow: hidden;}
.proPage:not(:last-child){margin-bottom: 0.2rem;}
.proPage .w1600:after{width: 43.542vw;height: 72.813vw;left: 0;top: 50%;transform: translateY(-50%);content: "";position: absolute;background: url(../images/dian3.png) no-repeat center center/contain;z-index: -1;}
.proPage .TabNav{text-align: center;position: relative;}
.proPage .TabNav .scroll{border-radius: 5px;background-color: #fff;position: relative;z-index: 2;display: inline-block;position: relative;}
.proPage .TabNav ul{border-radius: 5px;background-color: #fff;position: relative;z-index: 2;display: inline-block;}
.proPage .TabNav li{position: relative;min-height: 1.66rem;}
.proPage .TabNav .item,.proPage .TabNav .itemmore{cursor: pointer;color: #4b5a65;padding: 2.135vw 0.2rem 0.18rem;display: inline-block;vertical-align: top;min-width: 15.667vw;}
.proPage .TabNav .slick-list .itemmore{min-width: auto;}
.proPage .TabNav .icon{border-radius: 50%;width: 0.6rem;height: 0.6rem;margin: 0px auto 0.1rem;border: 1px dashed #e4e4e4;position: relative;}
.proPage .TabNav .icon span{position: absolute;left: 0;top: 0;background-color: #fff;border-radius: 50%;display: -ms-flexbox;  display: flex;-ms-flex-align: center;  align-items: center;-ms-flex-pack: center;  justify-content: center;width: 100%;height: 100%;padding: 5px;z-index: 5;overflow: hidden;}
.proPage .TabNav .icon img{max-height: 100%;background-color: #fff;position: relative;z-index: 1;}
.proPage .TabNav li.on .icon::before,
.proPage .TabNav li.on .icon::after {width: 100%;height: 100%;background-color: #0089d3;position: absolute;left: 0;top: 0;content: '';border-radius: 50%;
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.proPage .TabNav li.on .icon::after {animation-delay: .5s;background-color: #dceff9;}
.proPage .TabNav li.on,
.proPage:not(.proDetail) .on {color: #008ad5;}
.proPage .TabNav li.on a,
.proPage:not(.proDetail) .TabNav .item.on a{color: #008ad5;}
.proPage .TabNav li aside{margin:0px auto;/*display:block;	text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; overflow:hidden;-webkit-line-clamp: 1;*/}

.proPage .TabNav.auto {display: block;width: 100%;}
.proPage .TabNav.auto .scroll{display: block;}
.proPage .TabNav.auto ul{display: block;}
.proPage .TabNav.auto .item{min-width: auto;display: block;}
.proPage .TabNav.addmore .scroll{padding-right: 1.5rem;}
.proPage .TabNav .more{position: relative;color: #008ad5;padding:0;z-index: 10;width: 0.6rem;height: 0.6rem;margin: 0 auto 0;display: block;}
.proPage .TabNav .more span{background-color: #fff;position: relative;z-index:2;width: 0.6rem;height: 0.6rem;border: 1px dashed #e4e4e4;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.proPage .TabNav .more::before,
.proPage .TabNav .more::after {width: 100%;height: 100%;background-color: #0089d3;position: absolute;left: 0;top: 0;content: '';border-radius: 50%;opacity: 0;z-index: -1;
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.proPage .TabNav .more::after {animation-delay: .5s;background-color: #dceff9;z-index: 0;}


.proPage .slick-prev{left: -0.35rem;}
.proPage .slick-next{right: -0.45rem;}
.proPage .TabNav.addmore .slick-next{right: -0.6rem;}

.proPage .TabCon {padding: 4.167vw 0;min-height: 40.198vw;}
.proPage .TabCon .title{font-size: 0.5rem;padding: 0 0 1.563vw;line-height: 1.25;font-weight: normal;}
.proPage .TabCon .model{line-height: 1.86;position: relative;display: inline-block;}
.proPage .TabCon .model:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;content: "";background-color: #333333;}
.proPage .TabCon .imgbox{width: 56%;text-align: center;overflow: visible;}
.proPage .TabCon .imgbox img{width: auto;height: auto;max-width: 70%;margin: 0px auto;-webkit-box-reflect: below -0.4rem -webkit-linear-gradient(transparent 90%,rgba(0,0,0,.2));box-reflect: below -0.4rem linear-gradient(transparent 90%,rgba(0,0,0,.2));}
.proPage .TabCon .info{width: 42%;}
.proPage .TabCon .info .text{padding:1.51vw 0 2.031vw;display: flex;}
.proPage .TabCon .info .text dd{color: #4b5a65;margin-bottom: 0.833vw;padding-right: 0.15rem;width: 50%;display: flex;}
.proPage .TabCon .info .text dd em{min-width: 0.9rem;}
.proPage .TabCon .info .text dd span{flex: 1;}
.proPage .TabCon .info .text dd:nth-child(2n+1){/*width: 45%;padding-right: 0.25rem;*/}
.proPage .TabCon .info .text dd:nth-child(2n+2){/*width: 55%;*/padding-right: 0;}
.proPage .TabCon .info .text dd span{color: #333333;font-weight: normal;margin-left: 0.12rem;}
.proPage .TabCon.fadeIn .imgbox img{animation:fadeInLeftSmall 0.7s 0.3s ease both;-webkit-animation:fadeInLeftSmall 0.7s 0.3s ease both;-moz-animation:fadeInLeftSmall 0.7s 0.3s ease both;}
.proPage .TabCon.fadeIn .title{animation:fadeInDownSmall 0.7s 0.3s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.3s ease both;-moz-animation:fadeInDownSmall 0.7s 0.3s ease both;}
.proPage .TabCon.fadeIn .model{animation:fadeInDownSmall 0.7s 0.5s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.5s ease both;-moz-animation:fadeInDownSmall 0.7s 0.5s ease both;}
.proPage .TabCon.fadeIn .text{animation:fadeInDownSmall 0.7s 0.7s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.7s ease both;-moz-animation:fadeInDownSmall 0.7s 0.7s ease both;}
.proPage .TabCon.fadeIn .moreBtn{animation:fadeInDownSmall 0.5s 0.9s ease both;-webkit-animation:fadeInDownSmall 0.5s 0.9s ease both;-moz-animation:fadeInDownSmall 0.5s 0.9s ease both;}

/* .proPage .TabCon{flex-direction: row-reverse;} */
/* .proPage:nth-child(even) .TabCon .text dd:nth-child(2n+1){width: 59%;}
.proPage:nth-child(even) .TabCon .text dd:nth-child(2n+2){width: 41%;} */
.proPage .w1600:after{left: auto;right: 0;}

.proPage .outNav{bottom: 1.8rem;position: absolute;z-index: 10;width: 100%;justify-content: center;}
.proPage .outNav .item{cursor: pointer;text-align: center;position: relative;}
.proPage .outNav .item.on{color: #008ad5;}
.proPage .outNav .item.on:After{width: 11px;height: 5px;left: 50%;transform: translateX(-50%);bottom: 0;content: "";position: absolute;background: url(../images/arr_top.svg) no-repeat center bottom/contain;bottom: -5px;}
.proPage .outNav .item:not(:first-child){margin-left: 4.167vw;}

.proPage.p2#pro4{padding-bottom: 0;margin: -0.2rem 0 0 0;}

.proDetail.proPage .TabNav {box-shadow: 0 0 10px rgba(0,0,0,0.08);border-radius: 5px;margin-bottom: 0.45rem;}
.proDetail.proPage .TabNav li{min-height:0.86rem;min-width: 12.8vw;vertical-align: middle;}
.proDetail.proPage .TabNav .item{padding: 0.28rem 0;}
.proDetail.proPage .TabNav .itemmore{padding: 0.18rem 0 0.15rem;}
.proDetail.proPage .TabNav .more{margin-top: 0;width: 0.5rem;height: 0.5rem;}
.proDetail.proPage .TabNav .more span{width: 0.5rem;height: 0.5rem;}
.proDetail{background-color: transparent !important;padding-bottom: 0 !important;overflow: visible;}
.proDetail .tabbox ul{display: flex;}
.proDetail .tabbox li.ti{width: 2.6rem;text-align: center;}
.proDetail .tabbox li.desc{flex: 1;}
.proDetail .tabbox .title{color: #fff;background-color: #148ad3;min-height: 0.0rem;padding: 0.1rem;display: flex;align-items: center;justify-content: center;border-bottom: 2px solid #f7f8fb;}
.proDetail .tabbox li{border-bottom: 1px solid #e6eff4;min-height: 0.52rem;padding: 0.1rem;display: flex;align-items: center;justify-content: center;position: relative;text-align: center;}
.proDetail .tabbox ul:nth-child(even){background-color: #edf7ff;}
.proDetail .tabbox .thead li{color: #666;text-align: left;padding-left: 0.3rem;/*justify-content: flex-start;*/}
.proDetail .tabbox .imgbox{padding-top: 1.6rem;width: 100%;}


.proDetail .TabNav {margin-bottom: 0.3rem;}
.proDetail .TabNav .slick-list{padding: 0 0.5rem;}
.proDetail .slick-prev{left: 0;}
.proDetail .slick-next{right: -0.14rem;}

.proDetail  .PrevNextInfo {margin-top: 0;border-top: 0;}

/* .detailBox{flex-direction: row-reverse;} */
.detailBox .titles{width: 100%;color: #fff;padding: 0.11rem;background-image: linear-gradient(to right, #0061b4 , #2a88e2);text-align: center;}
.detailBox .imgRight{width: 44%;padding: 0 0;}
.detailBox .imgRight .imgbox span{position: static;}
.detailBox .imgRight .imgbox img{height: auto;width: 88%;margin: 0px auto;}

/* .detailBox .imgRight .imgbox.ty{-webkit-box-reflect: below -36% -webkit-linear-gradient(transparent 60%, rgba(0, 0, 0, .2));
		box-reflect: below 0px linear-gradient(transparent 60%, rgba(0, 0, 0, .2));} */
.detailBox .imgRight .icon{width: 0.8rem;margin: 0px auto 0.1rem;padding-top: 0.8rem;border: 1px solid #ddd;border-radius: 50%;position: relative;display: none;}
.detailBox .imgRight .icon span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.detailBox .imgRight aside{text-align: center;font-size: var(--f20);}
.detailBox .tabbox{width: 54%;}

.popBox{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0.5);width: 6.5rem;padding: 0.65rem 0.5rem;text-align: center;box-shadow: 0 0 35px rgba(0,0,0,0.25);background-color: #fff;border-radius: 0.2rem;opacity: 0;visibility: hidden;z-index: -1;transition: all 0.5s;}
.popBox .close{position: absolute;right: 0.1rem;top: 0.1rem;cursor: pointer;border-radius: 50%;width: 30px;height: 30px;box-shadow: 0 0 10px rgba(0,0,0,0.08);display: flex;align-items: center;justify-content: center;font-size: 18px;}
.popBox .close:hover{color:#fff;background-color:  #008ad5;}
.popBox a{color: #008ad5;/*margin-left: 0.1rem;*/display: inline-block;}
.popBox.show{opacity: 1;visibility: visible;z-index: 100;transform: translate(-50%,-50%) scale(1);}

@media(max-width:1024px){
	.proPage .TabCon .imgbox{width: 42%;}
	.proPage .TabCon .info{width: 58%;}
	.proPage .outNav{position: static;text-align: center;margin:0.5rem 0 0 0;display: block;height: 0.75rem;overflow-x: auto;white-space: nowrap;overflow-y: hidden;}
	.proPage .outNav li{display: inline-block;}

	.detailBox .imgRight{width: 100%;}
	.detailBox .imgRight .imgbox img{width: 70%;}
	.detailBox .tabbox{width: 100%;}
}
@media(max-width:768px){
	.proPage .TabNav ul .item,.proPage .TabNav ul .itemmore{min-width: 2rem;flex: none !important;padding: 0.25rem 0.15rem;}
	.proPage .TabCon .title{font-size: 20px;padding-bottom: 5px;}
	.proPage .TabCon .model{font-size: 17px;}
	.proDetail .slick-prev{left: -15px;}
 .proDetail .slick-next{right: -20px;}
	.proPage .TabCon .info .text dd{width: 100% !important;}
	.proPage .outNav .item:not(:last-child){margin-right: 0.3rem;}
	.proDetail .TabNav .slick-list{padding: 0 2.604vw;}

}
@media(max-width:640px){
	.proNav {margin: 0.25rem 0;}
	.proNav .item{border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
	.proNav .item .ti{line-height: 1.5;}
	.proPage .TabNav .icon{width: 0.8rem;height: 0.8rem;}

	.proDetail .tabbox li{font-size: 12px;padding: 6px;min-height: 65px;}
	.proDetail .tabbox .slider.scroll{margin-top: -3px;}

	.proPage .TabNav .more{font-size: 12px;width: 0.8rem !important;height: 0.8rem !important;}
	.proPage .TabNav .more span{width: 0.8rem !important;height: 0.8rem !important;}
	.proDetail .PrevNextInfo .moreBtn{top: 0.25rem;}
}
@media(max-width:480px){
	.proPage .TabCon .imgbox{width: 100%;}
	.proPage .TabCon .info{width: 100%;padding-top: 0.25rem;}
	.proPage .TabCon .info .text{padding: 0.2rem 0;}
	.proPage .TabNav .item{padding: 0;}
	.proPage .TabNav li aside{width: 2rem;min-height: 40px;line-height: 20px;}
	.proPage .TabNav .more{margin-top: 0.4rem;}
	.proDetail.proPage .TabNav .more{margin-top: 0.1rem;}
}

/* 关于我们 */
.AboutGroup{background: url(../images/aboutbg.jpg) no-repeat center bottom/cover;}
.AboutGroup .info{width: 44.25%;padding: 2.5vw 0;color: #4b5a65;}
.AboutGroup .info b{font-weight: bold;}
.numList{padding-top: 4.688vw;}
.numList li:nth-child(1){flex: 1;}
.numList li:nth-child(2){flex: 1;}
.numList .num{color: #008ad5;line-height: 0.75rem;min-width: 1.9rem;}
.numList li:last-child .num{min-width:auto;}
.numList .num span{font-size: 3.75vw;font-family: "BarlowSemiBold";display: inline-block;vertical-align: top;}
.numList .num i{font-size: 3.75vw;font-family: "BarlowSemiBold";display: inline-block;vertical-align: top;}
.numList .num em{line-height: 3;display: inline-block;vertical-align: top;}
.numList p{color: #333333;}
.AboutGroup .imgbox{width: 50%;}
.AboutGroup .fourCompany{padding-top: 4.635vw;}
.AboutGroup .fourCompany .title{line-height: 1.52;margin-bottom: 2.135vw;font-weight: normal;color: #008ad5;font-size: 3.75vw;font-family: "BarlowSemiBold";}
.AboutGroup .fourCompany .title i{font-size: 2.8vw;vertical-align:middle;display: inline-block;margin-top: -0.781vw;}
.AboutGroup .fourCompany .title span{font-weight: normal;font-size: 0.2rem;color: #666;}
.AboutGroup .fourCompany ul{margin-left: -0.19rem;}
.AboutGroup .fourCompany .item{width: calc(25% - 0.19rem);margin: 0 0 0.19rem 0.19rem;}
.AboutGroup .fourCompany .item a{height: 1.51rem;text-align: center;background-image: linear-gradient(to bottom, #1862ad , #1893d7);color: #fff;border-radius: 0 0.4rem 0.4rem 0.4rem;transition: all 0.5s;
	display: -ms-flexbox;  
	display: flex;  
	-ms-flex-align: center;  
	align-items: center;  
	-ms-flex-pack: center;  
	justify-content: center;}
.AboutGroup .fourCompany .item:nth-child(even) a{border-radius: 0.4rem 0 0.4rem 0.4rem;}
/* .AboutGroup .fourCompany .item:hover a{transform: scale(1.05);} */

.AboutIndustry{background-color: #17212a;padding: 0;}
.AboutIndustry .SubTit{z-index: 100;}
.AboutIndustry .TabNav{color: #fff;}
.AboutIndustry .TabNav .groupItem{cursor: pointer;padding-top:0.15rem;padding-bottom:0.15rem;padding-left: 0.36rem;position: relative;}
.AboutIndustry .TabNav .groupItem i{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.16rem;height: 0.16rem;border-radius: 50%;background-color: #fff;border: 2px solid #008ad5;}
.AboutIndustry .TabNav .groupItem.slick-current {font-size: 0.24rem;}
.AboutIndustry .TabNav .groupItem.slick-current i{background-color: #008ad5;}

.AboutIndustry .TabCon{width: 100%;position: absolute;left: 0;top: 0;height: 100%;}
.AboutIndustry .TabCon>.slick-list,
.AboutIndustry .TabCon>.slick-list .slick-track{height: 100%;}
.AboutIndustry .TabCon .groupItem{height: 100%;position: relative;}
.AboutIndustry .TabCon .groupItem .imgbox{width: 100%;left: 0;top: 0;height: 100%;position: absolute;}
.AboutIndustry .TabCon .groupItem .imgbox:after{width: 100%;left: 0;top: 0;height: 100%;position: absolute;content: "";filter: blur(6px);background-color: rgba(0,0,0,0.3);}
.AboutIndustry .TabCon .groupItem .imgbox img{width: 100%;left: 0;top: 0;height: 100%;position: absolute;content: "";filter: blur(3px);}
.AboutIndustry .TabCon .groupItem .innerInfo{position: absolute;top: 54%;right: 20.333vw;width: 6.5rem;background-color: rgba(255,255,255,0.54);border-radius: 5px;padding: 2.5vw 2.5vw;z-index: 5;transform: translateY(-50%);}
.AboutIndustry .TabCon .groupItem .innerInfo.on{opacity: 0;visibility: hidden;z-index: -1;}
.AboutIndustry .TabCon .groupItem .icon img{height: 0.5rem;}
.AboutIndustry .TabCon .groupItem .title{font-weight: normal;margin: 0 0 0.05rem;line-height: 1.52;}
.AboutIndustry .TabCon .groupItem .title span{color: #008ad5;}
.AboutIndustry .TabCon .groupItem .item:not(:last-child){border-bottom: 1px dashed #999;padding-bottom: 0.15rem;margin-bottom: 0.15rem;}
.AboutIndustry .TabCon .groupItem .sti{margin: 0 0 0.1rem;}
.AboutIndustry .TabCon .groupItem .slider{max-height: 4rem;overflow-y: auto;}
.AboutIndustry .TabCon .groupItem .slick-arrow{top: auto;transform: translateY(0);bottom: -3.333vw;}
.AboutIndustry .TabCon .groupItem .slick-prev{left: 0;}
.AboutIndustry .TabCon .groupItem .slick-next{left: 4vw;}
.AboutIndustry .TabCon .groupItem .item.slick-current .icon{animation:fadeInDownSmall 0.7s 0.3s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.3s ease both;-moz-animation:fadeInDownSmall 0.7s 0.3s ease both;}
.AboutIndustry .TabCon .groupItem .item.slick-current .title{animation:fadeInDownSmall 0.7s 0.5s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.5s ease both;-moz-animation:fadeInDownSmall 0.7s 0.5s ease both;}
.AboutIndustry .TabCon .groupItem .item.slick-current .sti{animation:fadeInDownSmall 0.7s 0.65s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.65s ease both;-moz-animation:fadeInDownSmall 0.7s 0.65s ease both;}
.AboutIndustry .TabCon .groupItem .item.slick-current .text{animation:fadeInDownSmall 0.7s 0.8s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.8s ease both;-moz-animation:fadeInDownSmall 0.7s 0.8s ease both;}
/* .AboutIndustry .TabCon .groupItem.slick-current .imgbox{animation:fadeInscale 5.8s .3s ease both;-webkit-animation:fadeInscale 5.8s .3s ease both;-moz-animation:fadeInscale 5.8s .3s ease both;} */
.AboutIndustry .TabCon .groupItem.slick-current .innerInfo{animation:fadeIn  0.5s 0.3s ease both;-webkit-animation:fadeIn  0.5s 0.3s ease both;-moz-animation:fadeIn 0.5s 0.3s ease both;}

@media(max-width:1024px){
	.AboutGroup .info{width: 100%;padding:0 0 0.4rem;}
	.AboutGroup .imgbox{width: 100%;}
	.AboutIndustry .TabCon .groupItem .innerInfo{width: 5.5rem;right: 8vw;}
	.numList .num span{font-size: 6.8vw;}
}
@media(min-width:769px){
	.AboutIndustry .w1600{min-height: 50vw;padding-top: 4.896vw;position: static;}
	.AboutIndustry .TabNav{color: #fff;min-height: 36.354vw;position: relative;z-index: 100;width: 3rem;}
	.AboutIndustry .TabNav:After{position: absolute;top: 0.13rem;height: calc(100% - 0.13rem);content: "";left: 0.07rem;background: url(../images/tabeline.png) no-repeat center top;width: 2px;z-index: -1;}
	.AboutIndustry .TabNav .slick-arrow{left: 50%;transform: translateY(0) rotate(90deg);}
	.AboutIndustry .TabNav .slick-prev{top: -0.5rem;left: 0;}
	.AboutIndustry .TabNav .slick-next{bottom: -0.5rem;right: auto;left: 0;top: auto;}
}
@media(max-width:768px){
	.numList .num i,.AboutGroup .fourCompany .title,.AboutGroup .fourCompany .title i{font-size: 0.48rem;}
	.AboutGroup .fourCompany .title i{font-size: 0.38rem;margin-top: -0.1rem;}
	.AboutGroup .fourCompany .title span{font-size: 14px;}
	.AboutGroup .fourCompany ul{font-size: 15px;}
	.AboutIndustry{padding-top: 0.8rem;}
	.AboutIndustry .TabCon{position: relative;top: auto;}
	.AboutIndustry .TabNav{width: 100%;text-align: center;}
	.AboutIndustry .TabNav .slick-list{padding: 0 20px;}
	.AboutIndustry .TabNav .groupItem{padding: 0.2rem 0;}
	.AboutIndustry .TabNav .groupItem.slick-current{font-size: 16px;}
	.AboutIndustry .TabNav .groupItem i{left: 50%;transform: translateX(-50%);top: 0;}
	.AboutIndustry .TabCon .groupItem{padding:  0.6rem 0 0.8rem;}
	.AboutIndustry .TabCon .groupItem .innerInfo{position: relative;margin: 0px auto;right: auto;bottom: auto;min-height: 4.2rem;top: 3.5vw;}
	.AboutIndustry .TabCon .groupItem .text{max-height: 96px;font-size: 14px !important;}
	.AboutIndustry .TabCon .groupItem .text *{font-size: 14px !important;}
	.AboutIndustry .TabCon .groupItem .slick-arrow{bottom: -11.2vw;}
	.AboutIndustry .TabCon .groupItem .slick-next{left: 45px;}
	.AboutIndustry .TabCon .groupItem .imgbox{height: 119%;}
}
@media(max-width:640px){
	.AboutIndustry .TabCon .groupItem .sti{font-size: 14px;}
}
@media(max-width:480px){
	.numList .num span{font-size: 8vw;}
}

/* 公司简介 */
.AboutUs{background: url(../images/aboutbg2.jpg) no-repeat center bottom/cover;}
.AboutUs .numList{padding-bottom: 5.208vw;}
.AboutUs .numList .num {line-height: 0.96rem;}
.AboutUs .numList .num span{font-size: 5.208vw;}
.AboutUs .numList p{color: #777777;}
@media(min-width:1025px){
	.AboutUs .SinglePage{width: 66%;margin: 0px auto;}
	.AboutUs .numList{width: 66%;margin: 0px auto;}
}
@media(max-width:1024px){
	.AboutUs .numList .num span{font-size: 6.8vw;}
	.numList .num em{line-height: 3.5;}
}
@media(max-width:480px){
	.AboutUs .numList .num span{font-size: 8vw;}
	.numList .num em{line-height: 3;}
}

/* 企业文化 */
.AboutCulture{padding-bottom: 0;}
.AboutCulture .item{flex: 1;position: relative;transition: all 0.5s;cursor: pointer;}
.AboutCulture .item .imgbox{padding-top: 41.667vw;}
.AboutCulture .item .imgbox:after{content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;background-color: rgba(21,45,78,0.6);z-index: 0;}
.AboutCulture .item .imgbox:before{content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;background-image: linear-gradient(to right, rgba(21,45,78,0.6) , rgba(21,45,78,0.2));z-index: 1;transition: all 0.5s;}
.AboutCulture .item .info{position: absolute;left: 0%;top: 0%;display: flex;flex-direction: column;align-items: center;z-index: 10;color: #fff;height: 100%;width: 100%;padding: 1.563vw;text-align: center;padding-top:15vw;transition: all 0.5s;}
.AboutCulture .item .info .ti{margin: 0.15rem 0 0.18rem;transition: all 0.5s;}
.AboutCulture .item .info .text{opacity: 0.6;transition: all 0.5s;text-align: center;}
.AboutCulture .item.on .imgbox:after{background-color: rgba(1,57,143,0.28);}
.AboutCulture .item.on .imgbox:before{background-image: linear-gradient(180deg, rgba(21,45,78,0.6) , rgba(21,45,78,0.2));}

@media(min-width:1025px){
	.AboutCulture .item{flex: 1;position: relative;transition: all 0.5s;cursor: pointer;}
	.AboutCulture .item.on {flex: 1.9;}
	.AboutCulture .item.on .info {text-align: left;padding: 4.896vw;}
	.AboutCulture .item.on .info .ti{font-size: 0.3rem;margin: 0;line-height: 1.86;}
	.AboutCulture .item.on .info .text{font-size: 0.24rem;line-height: 1.8;opacity: 1;}
	.AboutCulture .item.on .info .icon img{height: 0.65rem;transition: all 0.5s;}
}
@media(max-width:1024px){
	.AboutCulture .list{display: block;padding-bottom: 0.8rem;}
	.AboutCulture .slick-list{padding: 0 10%;}
	.AboutCulture .list .item{margin: 0 0.15rem;opacity: 0.2;}
	.AboutCulture .list .item.slick-current{opacity: 1;}
	.AboutCulture .item .imgbox{padding-top: 80vw;}
}

/* 企业宣传片 */
.VideoBox .bigVideo{margin: 0px auto 0.2rem;max-width: 12rem;}
.VideoBox .bigVideo .item{position: relative;cursor: pointer;}
.VideoBox .bigVideo .imgbox{padding-top: 56.25%;}
.VideoBox .bigVideo .play{content: "";position: absolute;left: 50%;top: 50%;margin: -0.7rem 0 0 -0.7rem;z-index: 10;background: rgba(0,138,213,0.8) url(../images/play.png) no-repeat center center/contain;width: 1.4rem;height: 1.4rem;border-radius: 50%;animation: turn 3s linear infinite;transition: all 0.5s;}
.VideoBox .bigVideo .play:hover{background-color: rgba(0,138,213,1);animation-play-state: paused;}
.bigVideo .slick-dots{text-align: center;}

.VideoBox .smallVideo .slick-list{margin: 0 -0.09rem;}
.VideoBox .smallVideo .item{padding: 0 0.09rem;cursor: pointer;position: relative;}
.VideoBox .smallVideo .imgbox{padding-top: 1.85rem;}
.VideoBox .smallVideo .imgbox:After{content: "";left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0,0,0,0.36);position: absolute;}
.VideoBox .smallVideo .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;display: flex;align-items: center;justify-content: baseline;color: #fff;}
.VideoBox .smallVideo .info p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.5s;text-align: center;}
.VideoBox .smallVideo .info .play{width: 0.24rem;height: 0.27rem;background: url(../images/play2.svg) no-repeat center center/contain;}
.VideoBox .smallVideo .info .tit{width: 100%;opacity: 0;}
.VideoBox .smallVideo .slick-current .imgbox:After,
.VideoBox .smallVideo .item:hover .imgbox:After{background-image: linear-gradient(to right, #0055a7 , #008ad5);background-color: transparent;opacity: 0.5;}
.VideoBox .smallVideo .slick-current .info .play{transform: translate(-50%,-50%) scale(0);}
.VideoBox .smallVideo .slick-current .info .tit{opacity: 1;}
.VideoBox .smallVideo .item:not(.slick-current):hover .play{transform: translate(-50%,-50%) scale(1.4);}
.VideoBox .smallVideo .slick-prev{left: -0.2rem;}
.VideoBox .smallVideo .slick-next{right: -0.42rem;}
.VideoBox .video_files{padding: 0;border-radius: 0;position: absolute;}

@media(max-width:768px){
	.VideoBox .bigVideo .imgbox{padding-top: 64%;}
}

/* 发展历程 */
.historyBox{background: url(../images/historybg.jpg) no-repeat center bottom/cover;background-attachment: fixed;}
.historyBox .content{max-width: 11.63rem;margin: 0px auto;box-shadow: 0 6px 21px rgba(0,0,0,0.05);}
.historyBox .content .imgbox{width: 50%;padding-top: 3.8rem;border-radius: 5px 0 0 5px;}
.historyBox .TabCon{width: 50%;}
.historyBox .TabCon .item{padding-top: 0.66rem;}
.historyBox .TabCon .info{background: #fff url(../images/dian2.png) no-repeat right bottom/40%;border-radius: 0 5px 5px 0;padding: 6.094vw 2.292vw 0;position: relative;}
.historyBox .TabCon .text{height: 2.42rem;overflow-y: auto;}
.historyBox .TabCon .year{position: absolute;line-height: 1;color: #008ad5;font-size: 8.333vw;font-family: "BarlowSemiBold";top: -5vw;left: 0;}
.historyBox .TabCon .year:After{position: absolute;height: 50%;bottom: -0.16rem;left: 0;width: 9.375vw;content: "";background-color: rgba(255,255,255,0.85);}
.historyBox .TabCon .slick-current .year{animation:fadeInDownSmall 0.3s .3s ease both;-webkit-animation:fadeInDownSmall 0.3s .3s ease both;-moz-animation:fadeInDownSmall 0.5s .3s ease both;}
.historyBox .TabCon .slick-current .imgbox img{animation:fadeInfilter 0.3s .5s ease both;-webkit-animation:fadeInfilter 0.3s .5s ease both;-moz-animation:fadeInfilter 0.3s .5s ease both;}
.historyBox .TabCon .slick-current .text{animation:fadeInDownSmall 0.3s .6s ease both;-webkit-animation:fadeInDownSmall 0.3s .6s ease both;-moz-animation:fadeInDownSmall 0.3s .6s ease both;}

.historyBox .yearTab{margin-top: 0.5rem;position: relative;}
.historyBox .yearTab:after{position: absolute;left: 0;width: 100%;height: 2px;background-color: #dfdfe4;content: "";top: 0.32rem;z-index: -1;}
.historyBox .yearTab .slider{padding:0 1.1rem;font-family: "BarlowSemiBold";color: #333333;}
.historyBox .yearTab .slider .item{cursor: pointer;padding-top: 0.79rem;position: relative;text-align: center;transition: all 0.3s;}
.historyBox .yearTab .slider .item i{position: absolute;left: 50%;top: 0.1rem;transform: translateX(-50%);border-radius: 50%;border: 1px dashed #0055a7;width: 0.5rem;height: 0.5rem;transition: all 0.5s;}
.historyBox .yearTab .slider .item i:After{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.15rem;height: 0.15rem;border-radius: 50%;background-color: #0055a7;content:"";}
.historyBox .yearTab .slider .item.slick-current i{border: 1px dashed #0089d4;background-color: #c0dbee;width: 0.69rem;height: 0.69rem;top: 0;}
.historyBox .yearTab .slider .item.slick-current i:After,
.historyBox .yearTab .slider .item:hover i:After{background-color: #0089d4;}
.historyBox .yearTab .slider .item.slick-current,
.historyBox .yearTab .slider .item:hover {color: #0089d4;font-size: 0.36rem;}
.historyBox .yearTab .slick-arrow{top: 30%;z-index:10;}
.historyBox .yearTab .slick-prev{left: 5%;}
.historyBox .yearTab .slick-next{right: 5%;}

@media(max-width:1024px){
	.historyBox .content .imgbox{padding-top: 3.65rem;}
}
@media(max-width:768px){
	.historyBox .content .imgbox{width: 100%;}
	.historyBox .TabCon{width: 100%;}
	.historyBox .TabCon .info .text{height:auto;padding-bottom: 0.2rem;padding-left: 0.2rem;padding-right: 0.2rem;}
}


/* 企业荣誉 */
.hornorBox{background: url(../images/ryboxbg.jpg) no-repeat center bottom/cover;}
.hornorBox .TabNav{position: relative;width: 38.75%;z-index: 100;}
.hornorBox .TabNav .slick-arrow{left: 50%;transform: translateY(0) rotate(90deg);}
.hornorBox .TabNav .slick-prev{top: -0.5rem;left: 0;}
.hornorBox .TabNav .slick-next{bottom: -0.5rem;right: auto;left: 0;top: auto;}
.hornorBox .TabNav:after{position: absolute;left: 1;top: 0.27rem;width: 1px;height: calc(100% - 0.54rem);content: "";background-color: #d6ecf8;}
.hornorBox .TabNav .item{min-height: 0.6rem;display: flex;align-items: center;padding-left: 0.32rem;position: relative;cursor: pointer;}
.hornorBox .TabNav .item:after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 0;transition: all 0.5s;background-color: #008ad5;content: "";}
.hornorBox .TabNav .item.slick-current{color: #008ad5;font-size: 0.24rem;}
.hornorBox .TabNav .item.slick-current:after{height: 0.2rem;}

.hornorBox .TabCon{width: 58%;text-align: center;}
.hornorBox .imgbox{max-width: 34.583vw;height: 25.521vw;display: inline-block;background: url(../images/rybg.png) no-repeat center center/100% 100%;padding-bottom: 0.18rem;}
.hornorBox .imgbox span{padding: 0.33rem 0.18rem;position: static;}

@media(max-width:768px){
	.hornorBox .TabNav{width: 100%;margin-bottom: 0.8rem;}
	.hornorBox .TabCon{width: 100%;}
	.hornorBox .imgbox{max-width: 6.63rem;	height: 4.9rem;}
	.hornorBox .TabNav .item.slick-current{font-size: 16px;}
	.hornorBox .TabNav .item{min-height: 40px;line-height: 19px;}
}

/* 专利布局 */
.patentBox .slider{margin: 3.125vw 0 0;}
.patentBox .slider .item{perspective: 1000px;position: relative;text-align: center;}
.patentBox .slider .item a{transform: rotateY(18deg) scale(0.8) translateX(-0.76rem);display: block;transition: all 0.5s;}
.patentBox .slider .item .ti{padding-top: 0.35rem;min-height: 0.75rem;opacity: 0;}
.patentBox .slider .item .imgbox{background: url(../images/rybg2.jpg) no-repeat center center/100% 100%;width: 3.96rem;margin: 0px auto;padding-top: 5.14rem;overflow:visible;}
.patentBox .slider .item .imgbox span{left: 0.27rem;top: 0.27rem;width: calc(100% - 0.54rem);height: calc(100% - 0.54rem);}
.patentBox .slider .item.slick-current {z-index: 10;}
.patentBox .slider .item.slick-current a{transform: rotateY(0) scale(1) translateX(-0.45rem);z-index: 10;width: 3.96rem;}
.patentBox .slider .item.slick-current + .item a{transform: rotateY(-18deg) scale(0.8) translateX(-0.35rem);}
.patentBox .slider .item.slick-current + .item {z-index: 2;}
.patentBox .slider .item.slick-current + .item + .item a{transform: rotateY(-18deg) scale(0.8) translateX(-0.42rem);}
.patentBox .slider .item.slick-current + .item + .item + .item a{transform: rotateY(-18deg) scale(0.8) translateX(0.5rem);}
.patentBox .slider .item.slick-current .ti{animation:fadeInUpSmall 0.5s .8s ease both;-webkit-animation:fadeInUpSmall 0.5s .8s ease both;-moz-animation:fadeInUpSmall 0.5s .8s ease both;opacity: 1;}
.patentBox .slider .item.slick-current .imgbox:After{height: 1.823vw;width: 100%;bottom: -1.823vw;left: 0;content: "";position: absolute;background: url(../images/shadow.jpg) no-repeat center bottom/cover;}

@media(min-width:1025px){
	.patentBox .slick-list{padding: 0 21.2% !important;}
}
@media(min-width:769px){
	.patentBox .SinglePage{width: 66%;margin: 0px auto;}
}
@media(max-width:1024px){
	.patentBox .slider .item a{transform: rotateY(18deg) scale(0.7) translateX(-0.5rem);display: block;}
	.patentBox .slider .item.slick-current + .item a {	transform: rotateY(-18deg) scale(0.7) translateX(-0.35rem);}
	.patentBox .slider .item.slick-current + .item + .item a{transform: rotateY(-18deg) scale(0.7) translateX(-0.5rem);}
}
@media(max-width:768px){
	.patentBox .slider .item a{transform: rotateY(18deg) scale(0.7) translateX(-0.5rem);display: block;}
	.patentBox .slider .item.slick-current + .item a {	transform: rotateY(-18deg) scale(0.7) translateX(-1.2rem);}
	.patentBox .slider .item.slick-current a{transform: rotateY(0) scale(1) translateX(-0.85rem);}
}


/* 06_人才理念 */
.hrIdeal{background-position: center bottom;background-size: cover;}
.hrIdeal .w1600{min-height: 42.708vw;}
.hrIdeal article{font-size: 2.708vw;line-height: 1.53;text-align: center;}

.hrDevelop .title{margin-bottom: 2.708vw;line-height: 1.52;font-weight: normal;}
.hrDevelop .item:not(:last-child){margin-bottom: 4.167vw;}
.hrDevelop .item .imgbox {width: 72.56%;}
.hrDevelop .item .imgbox img{height: auto;border-radius: 5px;}
.hrDevelop .item .info {width: 24.37%;}
.hrDevelop .item .icon img{height: 0.5rem;}
.hrDevelop .item .text{margin: 2.344vw 0 2.344vw;color: #333;min-height: 1.81rem;}
.hrDevelop .item .text h3{font-size:0.24rem;margin-bottom: 0.2rem;color: #333;}
.hrDevelop .item .text p{font-weight: normal;font-size: 0.2rem;}
.hrDevelop .item .num{line-height: 1.2;font-size: 10.417vw;color:rgba(0,137,212,0.05);font-family: "BarlowSemiBold";position: relative;}
.hrDevelop .item .num:After{bottom: 0;width: 100%;height: 46%;left: 0;content: "";position: absolute;background: #fff url(../images/dot11.gif) no-repeat 0.1rem bottom/45%;}
.hrDevelop .item:nth-child(even){flex-direction: row-reverse;}

.hrSystem{background-position: center bottom;background-repeat: no-repeat;background-attachment: fixed;}
.hrSystem:after{left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;background-color: rgba(0,0,0,0.5);transition: all 0.5s;}
.hrSystem .title{margin-bottom: 4.844vw;line-height: 1.52;font-weight: normal;color: #fff;}
.hrSystem .list{margin-left: -1.302vw;}
.hrSystem .item{margin: 0 0 0 1.302vw;flex: 1;border-radius: 5px;background-color: rgba(255,255,255,0.88);min-height: 4.21rem;padding: 2.969vw 1.771vw;text-align: center;}
.hrSystem .icon {height: 0.83rem;display: flex;align-items: center;justify-content: center;transition: all 0.5s;}
.hrSystem .icon .ico-rotate{transition: all 0.5s;width: 0.45rem;height: 0.45rem;}
.hrSystem .ti{line-height: 1.33;margin: 0.15rem 0 0.25rem;}
.hrSystem .text{color: #4b5964;}
.hrSystem .item:hover{background: url(../images/hrbg.jpg) no-repeat center center/cover;}
.hrSystem .item:hover,.hrSystem .item:hover .text{color: #fff;}
.hrSystem .item:hover .icon{align-items:flex-start;}
.hrSystem .item:hover .icon .ico-rotate{width: 0.65rem;height: 0.65rem;}
.hrSystem:hover:after{background-color: rgba(0,0,0,0.35);}

.hrJob .title{margin-bottom: 4.844vw;line-height: 1.52;font-weight: normal;}
.hrJob .content{margin-top: -7.448vw;background: url(../images/hr_pbg.jpg) no-repeat center top/100%;}
.hrJob .content .text {color: #4b5964;}
.hrJob .content .text span{color: #008ad5;}
.hrJob .content .item dt{color: #fff;text-align: center;width: 1.4rem;line-height: 0.46rem;background-color: #0055a7;color: #fff;border-radius: 0.46rem;margin-left: 7.083vw;}
.hrJob .content .item{position: relative;z-index: 2;}
.hrJob .content .item dl{min-height: 6.67rem;}
.hrJob .content .item:nth-child(1){text-align: right;width: 45.87%;}
.hrJob .content .item:nth-child(1) dl{padding-top: 7.448vw;}
.hrJob .content .item:nth-child(1) dt{margin-left: 5vw;}
.hrJob .content .item:nth-child(1) p:nth-child(1){margin-right: 21.646vw;color: #0056a8;}
.hrJob .content .item:nth-child(1) p:nth-child(2){margin-right: 18vw;color: #0064b6;}
.hrJob .content .item:nth-child(1) p:nth-child(3){margin-right: 14.8vw;color: #006dc0;}
.hrJob .content .item:nth-child(1) p:nth-child(4){margin-right: 12.2vw;color: #0077ca;}
.hrJob .content .item:nth-child(1) p:nth-child(5){margin-right: 10vw;color: #0084d7;}
.hrJob .content .item:nth-child(1) p:nth-child(6){margin-right: 8.5vw;color: #008de0;}
.hrJob .content .item:nth-child(1) p:nth-child(7){margin-right: 7.3vw;color: #0094e8;}
.hrJob .content .item:nth-child(1) p:nth-child(8){margin-right: 6.5vw;color: #0099ed;}
.hrJob .content .item:nth-child(1) p:nth-child(9){margin-right: 6.5vw;color: #0099ed;}
.hrJob .content .item:nth-child(1) .text{margin-right: 5.365vw;}
.hrJob .content .item:nth-child(1) dd p{line-height: 0.55rem;position: relative;}
.hrJob .content .item:nth-child(1) dd p:before{position: absolute;right: -0.42rem;top: 50%;transform: translateY(-50%);border-radius: 50%;width: 0.07rem;height: 0.07rem;background-color: #0055a7;content: "";transition: all 0.5s;}
.hrJob .content .item:nth-child(1) dd p:hover:before{transform: translateY(-50%) scale(2.8);}

.hrJob .content .item:nth-child(2){flex: 1;text-align: center;padding-top: 2vw;}
.hrJob .content .item:nth-child(2) dl{padding-top: 5.3vw;}
.hrJob .content .item:nth-child(2) dd p{line-height: 0.55rem;}
.hrJob .content .item:nth-child(2) dd p:nth-child(1){color: #005eb0;}
.hrJob .content .item:nth-child(2) dd p:nth-child(2){color: #1170be;}
.hrJob .content .item:nth-child(2) dd p:nth-child(3){color: #006ec1;}
.hrJob .content .item:nth-child(2) dd p:nth-child(4){color: #449cd9;}
.hrJob .content .item:nth-child(2) dd p:nth-child(5){color: #1189d8;}
.hrJob .content .item:nth-child(2) dd p:nth-child(6){color: #0089dd;}
.hrJob .content .item:nth-child(2) dd p:nth-child(7){color: #1197e5;}
.hrJob .content .item:nth-child(2) dd p:nth-child(8){color: #0097eb;}
.hrJob .content .item:nth-child(2) dd p:nth-child(9){color: #119fed;}
.hrJob .content .item:nth-child(2) dd p:nth-child(10){color: #119fed;}
.hrJob .content .item:nth-child(2) dd p:nth-child(11){color: #fff;background-color: #0052a5;border-radius: 0.55rem;margin-top: 0.55rem;}
.hrJob .content .item:nth-child(2) dd p:nth-child(12){color: #0057a9;}
.hrJob .content .item:nth-child(2) dd p:nth-child(13){color: #0069bc;}
.hrJob .content .item:nth-child(2) dd p:nth-child(14){color: #0080d3;}
.hrJob .content .item:nth-child(2) dd p:nth-child(15){color: #0095e8;}
.hrJob .content .item:nth-child(2):after{width: 0.23rem;height: 0.44rem;background: url(../images/arrtop.png) no-repeat center top/contain;display: block;content: "";margin: 0.15rem auto 0;}
.hrJob .content .item:nth-child(2) .outtxt{position: relative;min-height: 0.45rem;}
.hrJob .content .item:nth-child(2) .outtxt span{width: 245px;transform: translateX(-50%);position: absolute;left: 50%;top: 0;}

.hrJob .content .item:nth-child(3){text-align: left;width: 45.87%;}
.hrJob .content .item:nth-child(3) dl{padding-top: 5.2vw;}
.hrJob .content .item:nth-child(3) dt{margin-left: 27.969vw;}
.hrJob .content .item:nth-child(3) p:nth-child(1){margin-left: 22vw;color: #0056a8;}
.hrJob .content .item:nth-child(3) p:nth-child(2){margin-left: 18.3vw;color: #0064b6;}
.hrJob .content .item:nth-child(3) p:nth-child(3){margin-left: 15vw;color: #006dc0;}
.hrJob .content .item:nth-child(3) p:nth-child(4){margin-left: 12.5vw;color: #0077ca;}
.hrJob .content .item:nth-child(3) p:nth-child(5){margin-left: 10.5vw;color: #0084d7;}
.hrJob .content .item:nth-child(3) p:nth-child(6){margin-left: 8.698vw;color: #008de0;}
.hrJob .content .item:nth-child(3) p:nth-child(7){margin-left: 7.396vw;color: #0094e8;}
.hrJob .content .item:nth-child(3) p:nth-child(8){margin-left: 6.554vw;color: #0099ed;}
.hrJob .content .item:nth-child(3) p:nth-child(9){margin-left: 5.977vw;color: #0099ed;}
.hrJob .content .item:nth-child(3) p:nth-child(10){margin-left: 5.6vw;color: #0099ed;}
.hrJob .content .item:nth-child(3) dd p{line-height: 0.53rem;position: relative;}
.hrJob .content .item:nth-child(3) dd p:before{position: absolute;left: -0.42rem;top: 50%;transform: translateY(-50%);border-radius: 50%;width: 0.07rem;height: 0.07rem;background-color: #0055a7;content: "";transition: all 0.5s;}
.hrJob .content .item:nth-child(3) dd p:hover:before{transform: translateY(-50%) scale(2.8);}
.hrJob .content .item:nth-child(3) .text{margin-left: 5.365vw;}

@media(max-width:1024px){
	.hrDevelop .item .imgbox{width: 100%;}
	.hrDevelop .item .info{width: 100%;padding: 0.3rem 0 0 0;}
	.hrDevelop .item .text{min-height: auto;}
	.hrJob .w1600{width: 100%;}
}
@media(max-width:768px){
	.hrSystem .item{width: 100%;flex: none;min-height: auto;padding: 0.25rem;}
	.hrSystem .item:not(:last-child){margin-bottom: 0.2rem;}
	.hrIdeal article{font-size: 16px;}
}
@media(max-width:640px){
	.hrJob .content .item dl{zoom: 0.75}
	.hrJob .content .item:nth-child(2) .outtxt span{top: 44px;}

	.hrDevelop .item .text h3{font-size:18px;}
 .hrDevelop .item .text p{font-size: 16px;}
}

/* 06_招聘信息 */
.HrGroup{position: relative;}
.HrGroup .line{height: 0;width: 68.125vw;left: 17.74vw;transform: rotate(-30deg);position: absolute;top: -0.21rem;background: url(../images/hrline.svg) no-repeat 0px top/cover;display: none;}
.HrGroup .line:after{width: 0.3rem;height: 0.33rem;top: 0;left: 0;transition: all 2s 1s;content: "";position: absolute;background: url(../images/feiji.svg) no-repeat center center/contain;opacity: 0;}
.HrGroup.active .line{animation: linew 3s;animation-fill-mode: forwards;}
.HrGroup.active .line:After{top: 17.292vw;left: 35vw;opacity: 1;}
.HrGroup .item{min-height: 35.417vw;padding: 10vw 0 7.188vw;background-position: center bottom;background-repeat: no-repeat;text-align: center;}
.HrGroup .info{max-width: 4.78rem;color: #fff;margin: 0px auto;}
.HrGroup .icon img{height: 0.76rem;}
.HrGroup .ti{margin-top: 0.28rem;line-height: 2.27;}
.HrGroup .text{min-height: 1rem;margin-bottom: 0.14rem;}
.HrGroup ul.flexbw .item{flex: 1;}
@-webkit-keyframes linew {
	0% {height: 0;}
	100% {height: 47.344vw;}
}
@keyframes linew {
	10% {height: 0;}
	100% {height: 47.344vw;	}
}

.searchHr{padding-bottom: 0.25rem;}
.searchHr select{width: 3.8rem;height: 0.55rem;padding: 0;border-radius: 5px;vertical-align: middle;text-indent: 1.2em;}
.searchHr select:hover{border-color: #ccc;}
.searchHr button{width: 1rem;height: 0.55rem;border-radius: 5px;background: #008ad5 url(../images/ico_so2.svg) no-repeat center center/19px 19px;color: #fff;vertical-align: middle;}
.searchHr button i{display: none;}
.searchHr button:hover{opacity: 0.9;}
.searchHr .seltxt{display: inline-block;}

.seltxt {width: 3.8rem;height: 0.55rem;position: relative; background-image: url(../images/selectarr.svg);background-position: right 10px center;background-repeat: no-repeat;border: 1px solid #dddddd;border-radius: 5px;padding: 0 0.2rem;text-align: left;}
.seltxt p{line-height: 0.48rem;color: #7c7c7c;border-radius: 5px;cursor: pointer;}
.seltxt .hover {position: absolute;top: 100%;left: -1px;width: calc(100% + 2px);padding-top: 0.04rem;visibility: hidden;opacity: 0;transform: translateY(0.3rem);transition: 0.3s;z-index: 10;padding: 0.2rem 0 0.2rem 0;background-color: #fff;border-radius: 0 0 5px 5px;border: 1px solid #dddddd;border-top: 0;}
.seltxt .hover ul {overflow: auto;max-height: calc(((22 / 14* 1em) + 0.1rem)* 8);}
.seltxt .hover li {transition: 0.3s;cursor: pointer;color: #7c7c7c;padding: 0 0.18rem;}
.seltxt .hover li:not(:last-child) {margin-bottom: 0.12rem;}
.seltxt .hover li.on,
.seltxt .hover li:hover{background-color:#faf8f5;color: var(--main-color);}
.seltxt.show {border-bottom: 1px solid #fff;border-radius: 5px 5px 0 0;z-index: 15;}
.seltxt.show p{position: relative;z-index: 11;}
.seltxt.show .hover{visibility: visible;opacity: 1;	transform: translateY(0);box-shadow: 0 5px 40px rgba(196,196,196,1);}

.HrList{padding-bottom: 0.5rem;}
.HrList .thead{background:#0089d4;}
.HrList .thead .cell{height: 0.8rem;color:#fff;}
.HrList .cell{padding-left: 0.34rem;}
.HrList .w1{text-align: left;width: 28%;}
.HrList .w2{width: 24%;}
.HrList .w3{width: 24%;}
.HrList .w4{width: 24%;}
.HrList .item{background:#fff;margin-bottom: 0.2rem;box-shadow: 5px 10px 35px rgba(59,122,190,0.1);}
.HrList .item .cell{height: 0.8rem;}
.HrList .item .info{cursor: pointer;position: relative;}
.HrList .item .info .iconsjt{position: absolute;right: 0.35rem;top: 0.27rem;color: #999999;transition: all 0.5s;}
.HrList .item .info:after{font-size:0.3rem;font-weight:bold;position:absolute;right:0.2rem;top:50%;content:"";transform:translateY(-50%);cursor:pointer;background:url(../images/selectarr.svg) no-repeat center center/contain;width:0.2rem;height:0.2rem;}
.HrList .item.on .info:after{transform:translateY(-50%) rotate(180deg)}
.HrList .item.on .info{color:#008ad5;background-color: #f6f7f9;}
.HrList .item.on .info .cell{height: 1.15rem;}
.HrList .item.on .iconsjt{transform: rotate(180deg);color:#b1702b;}
.HrList .item.on .detail{background-color: #fff;padding: 0.34rem 0.34rem 0.5rem;color: #4b5a65;}
.HrList .detail{position: relative;display: none;}
.HrList .detail .sitem{display: none;}
.HrList .detail .sti{color:#333;padding-top: 0.4rem;}
.HrList .detail .sti:nth-child(2){padding-top: 0;}
.HrList .other{padding-top: 2.865vw;}
.HrList .other p span{display: inline-block;}
.HrList .other p span:not(:last-child){margin-right: 0.46rem;}
.HrList .other p a{color: #008ad5;text-decoration: underline;}
.HrList .other p a:hover{color: #0055a7;}

.JobPop{width: 1025px;z-index: 1000;background:#fff;box-shadow: 0px 5px 20px rgba(0,0,0,0.12);margin:0px auto;position: relative;max-height: 50%;overflow-y: auto;}
.JobPop.auto{max-width: 14.4rem;width: 88%;}
.JobPop *{
 box-sizing:border-box;
 -moz-box-sizing:border-box; /* Firefox */
 -webkit-box-sizing:border-box; /* Safari */ /*设置的区域宽度用百分比固定为父元素的宽度对应的百分百，不会收到padding或是border把盒子撑大*/
 }
 .JobPop *:before,.JobPop *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }
.JobPop .Content{padding:0.5rem;overflow: hidden;}
.JobPop .Content video{display: block;width: 100%;}
.JobPop .toptit{text-align: center;padding-bottom: 0.4rem;}
.JobPop .toptit h1{text-align: center;line-height: 1.73;font-size: 0.3rem;color:#008ad5;}
.JobPop .toptit time i{color:#008ad5;margin-right: 10px;}
.JobPop .mfp-close{width: 0.52rem;height: 0.52rem;line-height: 0.52rem;text-align: center;background:#008ad5;color:#fff !important;opacity: 1;font-size: 0.5rem;}
.JobPop.fix{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 90%;z-index: 1001;display: none;}
.JobPop.fix .singlePage{position: relative;max-height: 80vh;}
.JobPop .close{position: absolute;width: 0.5rem;height: 0.5rem;text-align: center;line-height: 0.5rem;right: 0;top: 0;background-color: #ddd;cursor: pointer;}
.JobPop .close:hover{background-color: #008ad5;color: #fff;}
.popClosebg{content: "";left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;z-index: 1000;display: none;}

.JobForm{  margin:0px 0px 0px -2%;}
.JobForm dl{ width:48%; float:left; margin-left:2%; line-height:0.5rem; margin-bottom:0.4rem; position: relative;}
.JobForm dl dt{position: absolute;left:0;top:5px; text-align:right;width:90px;}
.JobForm dl dd{margin-left:100px;}
.JobForm dl.auto{ width:100%; float:none;}
.JobForm dl.btn dd{margin-left: 0;}
.JobForm .input {background-color:#f8f8f9;width:100%; height:0.56rem; line-height:0.56rem;padding: 0 0.18rem;border-radius: 0.1rem;}
.JobForm .upbtn {position: relative;cursor: pointer;}
.JobForm .upbtn .up{position: absolute;right: 0.2rem;top: 50%;transform: translateY(-50%);}
.JobForm .upbtn .hidefile{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.sendbtn{ cursor:pointer; color:#fff; width:2.4rem; height:0.6rem; background:#008ad5;border-radius: 0.6rem;}

@media(min-width:769px){
	.HrGroup .item:nth-child(even) .w1600{justify-content: flex-end;}
	.HrList .item.on .info{font-size: 0.2rem;}
	.HrList .item.on .info .w1{font-size: 0.24rem;font-weight: normal;}
}
@media(max-width:1024px){
	.JobPop{width: 95%;}
	.JobPop.fix{max-height: 70%;}
	.HrList .detail{padding: 0.5rem;}
 .HrList .detail .sti{font-size: 16px;}
 .HrList .applybtn{position:static;display: inline-block;font-size: 14px;margin-top: 15px;width: 120px;line-height: 35px;}
	.HrList .detail .content{padding: 0.35rem;}
	.HrList .other{position: static;padding-top: 0.2rem;}
}
@media(max-width:768px){
	.HrList .thead .cell{font-size: 15px;padding:10px;}
	.HrList .w2,.HrList .w3{display: none;}
	.HrList .item .w1{padding:10px;font-size: 15px;}
	.HrList .w5{width: 35%;}
	.HrList .detail .sti{padding-top: 0.4rem;}
	.HrList .detail .sitem{display: block;padding-bottom: 0.2rem;}
	.HrList .detail .sitem span{display: block;}
	.HrList .other span{margin: 10px auto 0;}

	.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;}
	.sendbtn {width: 110px;}
	.JobForm .textarea{height: 80px;}
}
.mfp-counter{
    display:none !important;
}