/*关于我们 公司介绍*/
.nygsjs{ padding:80px 0 100px; overflow:hidden; background:url(../images/webp/abmap.webp) center no-repeat;}
.Headline{ text-align:center; font-size:30px; color:#0e0e0e; font-weight:bold; text-transform:uppercase; margin-bottom:30px;}
.nygsjs .Headline{ text-transform:capitalize;}
.nygsjs .cont{ width:80%; margin:0 auto;}
.nygsjs .cont,.nygsjs .cont p{ font-size:20px; line-height:36px; text-align:center;}
.nygsjs .cont img,.nygsjs .cont table,.nygsjs .cont tr,.nygsjs .cont td,.nygsjs .cont video{height: auto !important; max-width: 100% !important; max-height: 100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: normal;word-break: break-all;   text-wrap: wrap;text-align: justify;}
.nygsjs .data{ width:88%; margin:0 auto;margin-top:70px;}
.nygsjs .data ul li{ width:33.333333%; float:left; text-align:center;}
.nygsjs .data ul li p{ font-size:60px;line-height:80px; font-weight:bold; color:#222;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.nygsjs .data ul li p i{ font-style:normal;font-size:60px;font-weight:bold; color:#222;}
.nygsjs .data ul li p sup{ font-weight:normal; font-size:26px;}
.nygsjs .data ul li span{ font-size:18px; color:#666;}
@media screen and (max-width: 1500px){
	.nygsjs{ padding:80px 0;background: url(../images/webp/abmap.webp) bottom no-repeat;}
	.Headline{font-size:32px; margin-bottom:20px;}
	.nygsjs .Headline{margin-bottom: 30px;}
	.nygsjs .cont{ width:90%;}
	.nygsjs .cont, .nygsjs .cont p{ font-size:18px;}
}
@media screen and (max-width: 1200px){
	.nygsjs{ padding:60px 0;}
	.Headline{font-size:28px; margin-bottom:20px;}
	.nygsjs .Headline{ margin-bottom:20px;}
	.nygsjs .cont, .nygsjs .cont p{ font-size:16px; line-height:34px;}
	.nygsjs .data{ width:100%;margin-top:40px;}
	.nygsjs .data ul li p,.nygsjs .data ul li p i{ font-size:50px; line-height:70px;}
	.nygsjs .data ul li span{ font-size:16px;}
}
@media screen and (max-width: 767px){
	.nygsjs{ padding:40px 0;}
	.Headline{font-size:20px; line-height:20px;}
	.nygsjs .Headline { margin-bottom:10px;}
	.nygsjs .cont{ width:100%;}
	.nygsjs .data{margin-top:30px;}
	.nygsjs .data ul li p,.nygsjs .data ul li p i{ font-size:40px; line-height:60px;}
	.nygsjs .data ul li span{ font-size:14px;}
}
@media screen and (max-width:550px){
	.nygsjs .data{ display:none;}
}

/*关于我们 视频*/
.nyab_video .right{ width:100%; height:100%;position:relative;}
.nyab_video .right img {width: 100%; height:100%;transition: all .6s ease;object-fit: cover;}
.nyab_video .right .mask{ position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; transition:.5s; text-align:center; opacity:1; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.nyab_video .right .mask font{ display:block; width:102px; height:102px; transition:.5s; border-radius:50%; background:url(../images/webp/play.webp) center no-repeat; background-size: contain; margin:0 auto; opacity:0.7; position: relative;}
.nyab_video .right .mask font:before,.nyab_video .right .mask font:after { content: ""; width: 100%;height: 100%; position: absolute;top: 0;
left: 0;border-radius: 50%; border: 1px solid #fff;-webkit-transform: scale(.9);-moz-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9); transition: 1.5s; opacity: 0.1;}
.nyab_video .right .mask font:hover:before{ opacity: .5;-webkit-transform: scale(1.3); -moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}
.nyab_video .right .mask font:hover:after{ opacity: .3;-webkit-transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7);transform: scale(1.7);}
.tc{ display:none;transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999;transition:.5s;}
.tc .j_tab{ table-layout: fixed;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{box-sizing:border-box;z-index:999;display: block;position:relative;transform: translateY(-3rem);transition: all 0.5s ease-out;-webkit-transform: translateY(-3rem);-moz-transform: translateY(-3rem); -ms-transform: translateY(-3rem);-o-transform: translateY(-3rem);}
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{ width:90%; max-width: 800px; margin:0 auto; background:none;}
.tc_shipin #my-video{ position:relative; height: 0;}
.tc_shipin #my-video video{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:0; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{ object-fit:fill;}
.vjs-poster{ background-size: cover !important;}

.bg-cover{position: absolute;left: 0;top: 4rem; background-repeat: repeat-x; width: 100%;height: 100%;background-position: left top !important;-webkit-animation: play  50s linear infinite;animation: play  50s linear  infinite;}

@-webkit-keyframes play {
    from {
        background-position: 0% 0;
    }
    to {
        background-position: 100% 0;
    }

}

@keyframes play {
    from {
        background-position: 0% 0;
    }
    to {
        background-position: 100% 0;
    }
}



@-webkit-keyframes jello {

    from, 11.1%, to { -webkit-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}

@-moz-keyframes jello {

    from, 11.1%, to { -moz-transform: none; transform: none }

    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}

@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}


@media screen and (max-width: 1200px){
	.nyab_video .right{ height:400px;}
	.nyab_video .right .mask font{ width:80px; height:80px;}
}
@media screen and (max-width: 767px){
	.nyab_video .right{ height:300px;}
	.nyab_video .right .mask font{ width:60px; height:60px;}
}
@media screen and (max-width:550px){
	.nyab_video .right{ height:220px;}
}

/*关于我们 发展历程*/
.abny_history{ background:#f2f2f2 url(../images/webp/historybg.webp) bottom no-repeat; padding:100px 0 120px; overflow:hidden;background-size: 100%;}
.abny_history .historybt{ position:relative;}
.abny_history .Headline{text-transform: capitalize; text-align:left; width:70%; float:left;}
.abny_history .swiper-container2{width:100%; overflow:hidden;}
.abny_history .ulli{ height:336px;border-radius:15px; background:#fff url(../images/webp/hislibg.webp) bottom no-repeat;background-size: 100%; padding:35px 40px; position:relative;transition: all .4s ease;}
.abny_history .ulli:after{ content:""; display:block; width:50%; height:7px; background:#0032ff; position: absolute; left:50%; transform:translateX(-50%); bottom:0; opacity:0;transition: all .4s ease;}
.abny_history .ulli .year{ width:144px; height:58px; line-height:58px; text-align:center; font-size:36px; font-weight:bold;border-radius:30px; border:1px solid rgba(40,82,252,.2); margin-bottom:25px; transition: all .4s ease;}
.abny_history .ulli .cont{font-size:16px; color:#666; line-height:28px; max-height:168px;overflow-y: auto; padding-right: 10px;}
.abny_history .ulli .cont p{font-size:16px; color:#666; line-height:28px;}
.abny_history .historybt .swiper-button-prev, .abny_history .historybt .swiper-button-next{ width:44px; height:44px; border:1px solid #bfbfbf; background:url(../images/webp/qhjt01.webp) center no-repeat; margin-top:25px;}
.abny_history .historybt .swiper-button-prev{ right:54px; left:auto;}
.abny_history .historybt .swiper-button-next{ transform:rotate(180deg); right:0;}
.abny_history .historybt .swiper-button-prev:hover, .abny_history .historybt .swiper-button-next:hover{border:1px solid #0032ff;background:#0032ff url(../images/webp/qhjt02.webp) center no-repeat;}

.abny_history .ulli:hover{ box-shadow:0 20px 15px #ddd;}
.abny_history .ulli:hover .year{ color:#0032ff;}
.abny_history .ulli:hover:after{ width:100%; opacity:1;}
@media screen and (max-width: 1500px){
	.abny_history{ padding:80px 0;}
	.abny_history .Headline{ line-height:56px;}
	.abny_history .historybt .swiper-button-prev, .abny_history .historybt .swiper-button-next{ margin-top:0;}
}
@media screen and (max-width: 1200px){
	.abny_history{ padding:60px 0;}
	.abny_history .Headline{ line-height:56px;}
	.abny_history .ulli{ padding:30px;}
	.abny_history .ulli .year{width:120px; height:46px; line-height:46px;font-size:30px;}
	.abny_history .historybt .swiper-button-prev, .abny_history .historybt .swiper-button-next{ width:38px; height:38px;}
	.abny_history .historybt .swiper-button-prev{ right:48px;}
}
@media screen and (max-width: 1200px){
	.abny_history{ padding:40px 0;}
	.abny_history .Headline{ line-height:32px;}
	.abny_history .historybt .swiper-button-prev, .abny_history .historybt .swiper-button-next{ width:32px; height:32px;}
	.abny_history .historybt .swiper-button-prev{ right:37px;}
}

/*关于我们企业文化*/
.ab_culture{ background:#fbfbfb; padding:80px 0 100px; overflow:hidden;}
.ab_culture .Headline{text-transform: capitalize; text-align:left;}
.ab_culture ul{ width:100%;}
.ab_culture ul li{ width:31.5%; height:642px; margin-right:2.75%; background:#fff; border-radius:15px; overflow:hidden; float:left; position:relative;}
.ab_culture ul li:nth-child(3n){ margin-right:0;}
.ab_culture ul li>img{ width:100%; height:100%;object-fit: cover;}
.ab_culture ul li .text{ width:80%;position:absolute; bottom:50px; left:50%; transform:translateX(-50%); padding:8%; background:rgba(255,255,255,.9); border-radius:15px; text-align:center;transition: all .4s ease;}
.ab_culture ul li .text p{ font-size:32px; font-weight:bold;transition: all .4s ease;}
.ab_culture ul li .text span{ display:block; font-size:16px; color:#666; line-height:28px; height:112px;overflow-y: auto; margin-top:20px;transition: all .4s ease;}

.ab_culture ul li:hover .text{ background:rgba(0,50,255,.9); padding-bottom:10%;}
.ab_culture ul li:hover .text p{ color:#fff;}
.ab_culture ul li:hover .text span{color:rgba(255,255,255,.9);}
@media screen and (max-width: 1500px){
	.ab_culture{padding:60px 0 80px;}
	.ab_culture .Headline{ margin-bottom:30px;}
	.ab_culture ul li{height:550px;}
	
}
@media screen and (max-width: 1200px){
	.ab_culture{padding:50px 0 60px;}
	.ab_culture .Headline{ margin-bottom:20px;}
	.ab_culture ul li{height:500px;}
	.ab_culture ul li .text p{ font-size:26px;}
	.ab_culture ul li .text span{ margin-top:10px;}
	
}
@media screen and (max-width:1023px){
	.ab_culture ul li{height:450px;}
	.ab_culture ul li .text{ bottom:30px;}
	.ab_culture ul li .text p{ font-size:24px;}
	.ab_culture ul li .text span{ margin-top:5px;}
}
@media screen and (max-width:880px){
	.ab_culture ul li{height:380px;}
}
@media screen and (max-width: 767px){
	.ab_culture{padding:30px 0 40px;}
	.ab_culture ul li{ width:100%; height:350px; margin-right:0; margin-bottom:15px;}
	.ab_culture ul li .text{ bottom:50%; left:50%; transform:translate(-50%,50%); padding:5%;}
	
}
@media screen and (max-width: 550px){
	.ab_culture ul li{height:300px;}
}