html{width: 100%;font-size: 10px;scroll-behavior: smooth;}
@media screen and (max-width:1720px) {html{font-size: 9px;}}
@media screen and (max-width:1520px) {html{font-size: 8px;}}
@media screen and (max-width:1320px) {html{font-size: 7px;}}
@media screen and (max-width:1199px) {html{font-size: 8px;}}

html{width: 100%;}
body{overflow-x:hidden;position: relative;font-size: 1.6rem; background: #fff; font-family: "Arial","Microsoft Yahei"; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;pointer-events: none;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 5rem;}
.pd50{padding: 0 5rem;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}


@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-BOLD.OTF);
}
@font-face {
	font-family: MONOTON;
	src: url(../fonts/MONOTON-REGULAR.TTF);
}



.h-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);}
.h-header>div{display: flex;align-items: center;min-height: 10rem;transition: .45s;}
.h-header.active>div{min-height: 8rem;}
.h-logo{width: 22.5rem;display: block;margin-right: auto;}
.h-logo img{display: block;width: 100%;}
.h-nav{display: flex;}
.h-nav .li{position: relative;margin-right: 4rem;}
.h-nav .li>a{display: block;line-height: 4rem;border-radius: 2rem;padding: 0 2rem;font-size: 1.8rem;color: #FFFFFF;}
.h-nav .li.active>a,.h-nav .li:hover>a{background: #0A57A3;}
.h-lang{display: flex;align-items: center;justify-content: center;height: 3rem;border-radius: 1.5rem;border: 1px solid #FFFFFF;padding: 0 1rem;}
.h-lang img{display: block;width: 1.5rem;margin-right: 0.5rem;}
.h-lang span{display: block;font-size: 1.6rem;color: #FFFFFF;line-height: 1;}
.h-lang:hover{border-color: #0A57A3;background-color: #0A57A3;}


.wap_header{width: 100%; height: 7rem; padding: 0 1.2rem; display: none; justify-content: space-between; align-items: center; position: fixed; left: 0; top: 0; z-index: 9999;box-sizing: border-box;background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);}
.wap_header .toggle{display: block; width: 3rem; height: 2.4rem; position: relative; z-index: 6;margin-left: 2rem;}
.wap_header .toggle i{display: block; width: 3rem; height: 0.2rem; background: #333; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 1rem;}
.wap_header .toggle i:nth-of-type(3){top: 2rem;}
.wap_header .toggle.on i{background: #000;}
.wap_header .toggle.on i:nth-of-type(1){top: 0.8rem; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 0.8rem; transform: rotate(-45deg);}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 30rem; background: #fff; height: 100vh; padding: 5.6rem 0 2rem 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 7rem); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 2rem; line-height: 4rem; font-size: 1.8rem; position: relative;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 7rem; line-height: 7rem; display: block; padding-right: 3rem; font-size: 2rem; color: #333;}
.wap_header .nav ul li a:active  {color: #005BAC !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 3rem; height: 7rem; font-size: 1.6rem; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: #005BAC; transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 2rem !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666; height: 6rem; line-height: 6rem; font-size: 1.6rem;}
.wap_header .nav ul li ul li i{top: -1rem;}
.wap_header .logo{position: relative;height: 4rem;margin-right: auto;}
.wap_header .logo img{height: 100%;}


/* index start */

.indA{display: flex;align-items: center;justify-content: center;width: 15rem;height: 5rem;padding: 1rem;background: #004EA2;border-radius: 2.5rem;transition: .3s;}
.indA span{display: block;line-height: 1;font-size: 1.6rem;color: #FFFFFF;text-align: center;width: 100%;}
.indA i{display: block;width: 3rem;height: 3rem;border-radius: 50%;flex-shrink: 0;background-color: #FFFFFF;background-image: url(../images/iconRight1.png);background-size: 0.5rem;background-repeat: no-repeat;background-position: center;}
.indA:hover{transform: translateY(-0.5rem);box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 78, 162, .5);}
.indA.white{background: #FFFFFF;}
.indA.white span{color: #004EA2;}
.indA.white i{background-color: #004EA2;background-image: url(../images/iconRight2.png);}
.indA.white:hover{transform: translateY(-0.5rem);box-shadow: 0 0.5rem 0.5rem 0 rgba(255, 255, 255, .3);}

.indTitle{text-align: center;position: relative;margin-bottom: 4rem;}
.indTitle .atit{font-weight: bold;font-size: 4.8rem;color: #0A57A3;line-height: 1;position: absolute;bottom: 10%;left: 0;width: 100%;}
.indTitle .btit{font-family: Monoton;font-size: 10rem;color: #004EA2;line-height: 1;opacity: 0.1;}
.indTitle.white .atit{color: #FFFFFF;}
.indTitle.white .btit{color: #FFFFFF;}


.mySwiperBannerPC{display: block;}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner{position: relative;overflow: hidden;height: 100%;}
.BannerItem{height: 100%;width: 100%;position: relative;}
.BannerItem .img{height: 100%;background: #000;}
.BannerItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0.8;}
.BannerItem .desc{display: block;position: absolute;top: 0;bottom:0;left: 0;right:0;width: 100%;z-index: 9;}
.BannerItem .desc>div{display: flex;height: 100%;flex-direction: column;justify-content: center;}
.BannerItem .desc .atit{position: relative;font-size: 2.2rem;color: #FFFFFF;line-height: 1.35;}
.BannerItem .desc .atit:after{content: "";display: block;position: absolute;top: 50%;right: 100%;width: 7rem;height: 0.2rem;margin-top: -0.1rem;margin-right: 1rem;background: #FFFFFF;}
.BannerItem .desc .btit{font-weight: bold;font-size: 4.8rem;color: #FFFFFF;line-height: 1.35;margin: 4rem 0 14rem;}
.swiper-slide-active .BannerItem .desc .atit {animation: bannerupB .8s ease both;animation-delay:100ms;}
.swiper-slide-active .BannerItem .desc .btit {animation: bannerupB .8s ease both;animation-delay:400ms;}
.swiper-slide-active .BannerItem .desc .ctit {animation: bannerupB .8s ease both;animation-delay:700ms;}
@keyframes bannerupT {0% {transform: translateY(-6rem);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannerupB {0% {transform: translateY(6rem);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.mySwiperBanner .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 5rem;}
.mySwiperBanner .swiper-pagination-bullet{display: block;width: 1rem;height: 1rem;background: #FFFFFF;border-radius: 50%;opacity: 0.5;position: relative;transition: .3s;margin: 0 1rem!important;}
.mySwiperBanner .swiper-pagination-bullet::after{content: "";display: block;width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid #FFFFFF;position: absolute;top: -0.6rem;left: -0.6rem;opacity: 0;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet-active{opacity: 1;}
.mySwiperBanner .swiper-pagination-bullet-active::after{opacity: 1;}



.sec1{background: url(../images/sec1Bg.jpg) center/cover;}
.indAbout{display: flex;align-items: center;}
.indAbout .desc{width: 50%;padding-right: 5rem;}
.indAbout .desc .atit{font-weight: bold;font-size: 3rem;color: #000000;line-height: 1.35;margin-bottom: 2rem;}
.indAbout .desc .btit{font-size: 1.5rem;color: #333333;line-height: 1.35;text-indent: 2em;}
.indAbout .desc .btit p{margin-bottom: 1rem;}
.indAbout .imgs{width: 50%;position: relative;}
.indAbout .imgs img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}

.indNumBox{display: flex;justify-content: space-around;margin-top: 5rem;}
.NumItem{text-align: center;}
.NumItem p{display: flex;align-items: center;justify-content: center;font-family: DIN;font-weight: bold;font-size: 4.8rem;color: #0A57A3;fill: #0A57A3;line-height: 0;}
.NumItem p em{font-size: 6rem;}
.NumItem span{display: block;font-size: 1.6rem;color: #333333;line-height: 1.2;margin-top: 4.65rem;}



.mySwiperHonor{position:relative;overflow: hidden;}
.mySwiperHonor .swiper-slide{width: 420px;transition: .3s;}
.mySwiperHonor img{display: block;width: 100%;}
.mySwiperHonorText{position:relative;overflow: hidden;max-width: 72rem;margin: 2rem auto 0;text-align: center;}
.mySwiperHonorText .atit{font-weight: bold;font-size: 2.4rem;color: #000000;line-height: 1.35;}
.mySwiperHonorText .btit{font-size: 1.8rem;color: #333333;line-height: 1.5;margin-top: 1.2rem;}



.sec3{position: relative;background: linear-gradient(0deg, rgba(10, 87, 163, .8) 0%, rgb(90 130 159 / 0%) 100%);
}}
.sec3 .indTitle{position: absolute;top: 10rem;left: 0;width: 100%;z-index: 99;pointer-events: none;}
.ysBox{display: flex;flex-wrap: wrap;height: 100%;transition: .3s;background-position: center;background-size: cover;}
.ysItem{display: flex;width: 25%;flex-direction: column;justify-content: center;align-items: center;text-align: center;padding: 2rem;position: relative;}
.ysItem1{content: "";opacity: 0;display: block;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(10, 87, 163, .9) 0%, rgba(0,131,225,0) 100%);transition: .3s;position:absolute;top: 0;left: 0;}
.ysItem+.ysItem1{content: "";display: block;width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);}
.ysItem .atit{width: 100%;margin: 0 auto;position: relative;z-index: 9;}
.ysItem .atit img{height:255px;width: 100%;display: block;}
.btit{font-size: 2rem;color: #FFFFFF;line-height:1.35;margin: 3rem 0 2rem;position: relative;z-index: 9;}
.ctit{font-size: 1.6rem;color: #FFFFFF;line-height: 2;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition: .3s;position: relative;z-index: 9;}
.ysItem .dtit{margin-top: 8.5rem;opacity: 0;transition: .3s;position: relative;z-index: 9;}
.ysItem.active .ctit{/*height: 12.5rem;*/}
.ysItem.active .dtit{opacity: 1;}
.ysItem.active::after{opacity: 1;}
.product-li li .btit{font-size:1.9rem;color:#333;margin:5px 0;font-weight: 550}
.product-li li .ctit{font-size:1.5rem;color:#9c9c9c}

.mySwiperHZKH{position: relative;overflow: hidden;}
.mySwiperHZKH .img{background: linear-gradient(45deg, #C6DCFD 0%, #EDF2FF 40%);}
.mySwiperHZKH .swiper-slide:nth-of-type(odd) .img{background: linear-gradient(-90deg, #E4EFFF, #FBFCFF);}
.mySwiperHZKH .img img{display: block;width: 100%;transition: .4s;}
.mySwiperHZKH .img:hover img{transform: scale(1.05);}
.mySwiperHZKH.border {padding: 1px;}
.mySwiperHZKH.border .img{background: none!important;background: #ffffff;border-bottom: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;}
.mySwiperHZKH.border [data-swiper-row="0"] .img{border-top: 1px solid #E1E1E1;}
.mySwiperHZKH.border [data-swiper-column="0"] .img{border-left: 1px solid #E1E1E1;}

.hzkhBox .swiper-pagination{display: block;width: 100%;display: flex;align-items: center;justify-content: center;bottom: -5rem;left: 0;}
.hzkhBox .swiper-pagination-bullet{display: block;width: 1rem;height: 1rem;background: #E1E1E1;border-radius: 50%;transition: .3s;margin: 0 0.5rem!important;}
.hzkhBox .swiper-pagination-bullet-active{background: #0A57A3;}


.fp-tableCell{}
.f-footer,.f-footer .fp-tableCell{height: auto!important;}
.h-footer{background: #0A57A3;}
.foot1{padding: 5rem 0;}
.foot1>div{display: flex;}

.f-info{width: 35rem;flex-shrink: 0;}
.f-logo{display: block;width: 22.5rem;margin-bottom: 3rem;}
.f-logo img{display: block;width: 100%;}
.infoItem{display: flex;align-items: center;font-size: 1.6rem;color: #FFFFFF;line-height: 1.2;margin-top: 1.7rem;}
.infoItem img{display: block;margin-right: 1rem;}
.shareBox{display: flex;flex-wrap: wrap;margin: 2rem -1rem -1rem;}
.shareItem{display: flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;background: #FFFFFF;border-radius: 50%;margin: 1rem;position: relative;}
.shareItem img{display: block;width: 2rem;}
.shareItem .ewm{position: absolute;bottom: 100%;left: 50%;margin-left: -7.5rem;width: 15rem;background: #fff;text-align: center;font-size: 1.2rem;opacity: 0;visibility: hidden;transition: .3s;}
.shareItem .ewm img{width: 100%;}
.shareItem .ewm p{line-height: 1.2;padding: 0.5rem 0;}
.shareItem:hover .ewm{visibility: visible;opacity: 1;margin-bottom: 1rem;}

.f-nav{width:100%;display: flex;justify-content: space-around;border: 1px solid #1E73C7;border-top: none;border-bottom: none;padding: 0 5rem;margin: 0 5rem;}
.f-nav .dt{margin: 1.7rem 0 3.7rem;}
.f-nav .dt a{display: block;font-size: 2rem;color: #FFFFFF;line-height: 1.35;}
.f-nav .dd a{display: block;font-size: 1.6rem;color: #FFFFFF;line-height: 1.35;opacity: 0.7;}
.f-nav .dd+.dd{margin-top: 1.4rem;}

.f-message{width: 35rem;flex-shrink: 0;}
.f-message form{display: flex;flex-wrap: wrap;margin: -0.5rem;}
.f-message .int{display: block;width: calc(50% - 1rem);margin: 0.5rem;height: 4rem;background: #FFFFFF;padding: 0 1.2rem;font-size: 1.6rem;color: #666;}
.f-message .textarea{width:100%;height: 12rem;background: #FFFFFF;padding: 1rem 1.2rem;margin: 0.5rem;font-size: 1.6rem;color: #666;}
.f-message .submit{display: block;margin: 0.5rem;width:100%;height: 5rem;background: #FFFFFF;font-size: 1.6rem;color: #0A57A3;text-align: center;cursor: pointer;transition: .3s;}
.f-message .submit:hover{transform: translateY(-0.2rem);}

.foot2{padding: 1.5rem 0;border-top: 1px solid rgba(255,255,255,.1);}
.foot2>div{display: flex;align-items: center;}
.foot2 .f2r{margin-left: auto;font-size:1.5rem}
.foot2 a,.foot2 span{margin:0 10px;font-size: 1.5rem;color: #ffffff;line-height: 3.2rem;opacity: 0.7;}
.foot2 span a{opacity: 1;}
.yqlj_box{position: relative;display: block;}
.yqlj{display: flex;flex-direction: row-reverse;background: #0A57A3;}
.yqlj span{display: block;height: 5rem;line-height: 4.8rem;color: #ffffff;border: 1px solid #004B96;box-sizing: border-box;padding: 0 1.8rem 0 5rem;background: url(../images/yqlj.png) no-repeat;background-position: 1.5rem 1.4rem;font-size: 1.6rem;opacity: .7;background-size: 2rem;}
.yqlj i.jt{display:block;height: 5rem;width: 5rem;margin: 0;background: url(../images/downjt.png) no-repeat #004B96;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;background-size: 1rem;}
.yqlj_list{display: none;position: absolute;width: 100%;bottom: 5.1rem;left: 0;background: #0A57A3;text-align: center;border: 1px solid #004B96;}
.yqlj_list a{display: block;color: #FFFFFF;height: 5rem;line-height: 5rem;}
.yqlj_list a:hover{color: #fff;}
.h-footer a:hover{opacity: 1;}


.section.active .indTitle{animation: fadeInUp .8s .3s ease both;}
.section.active .indAbout .desc{animation: fadeInLeft .8s .5s ease both;}
.section.active .indAbout .imgs{animation: fadeInRight .8s .7s ease both;}
.section.active .indNumBox{animation: fadeInUp .8s .9s ease both;}
.section.active .honorBox{animation: fadeInUp .8s .5s ease both;}
.section.active .ysItem:nth-of-type(1){animation: fadeInUp .8s .5s ease both;}
.section.active .ysItem:nth-of-type(2){animation: fadeInUp .8s .6s ease both;}
.section.active .ysItem:nth-of-type(3){animation: fadeInUp .8s .7s ease both;}
.section.active .ysItem:nth-of-type(4){animation: fadeInUp .8s .8s ease both;}
.section.active .ysItem:nth-of-type(5){animation: fadeInUp .8s .9s ease both;}
.section.active .ysItem:nth-of-type(6){animation: fadeInUp .8s 1s ease both;}
.section.active .hzkhBox{animation: fadeInUp .8s .5s ease both;}


@media screen and (max-width:1720px) {
	.w1520{width: 1320px;}
	.mySwiperHonor .swiper-slide{width: 320px;}
}
@media screen and (max-width:1520px) {
	.w1520{width: 1120px;}
	.mySwiperHonor .swiper-slide{width: 240px;}
	.indTitle .atit{font-size: 3.5rem;}
	.indTitle .btit{font-size: 8rem;}
}
@media screen and (max-width:1320px) {
	.w1520{width: 1020px;}
}
@media screen and (max-width:1199px) {
	.h-header{display: none;}
	.wap_header{display: flex;background:#fff;}
	.w1520{width: 100%;padding: 0 3rem;}
	.content_box{padding-top: 7rem;}
	
	.indTitle {margin-bottom: 3rem;}
	
	.BannerItem .desc .atit:after{position: relative;top: 0;right: 0;margin-top: 1rem;}
	.indNumBox{margin-top: 3rem;}
	.NumItem p{font-size: 4rem;}
	.NumItem p em{font-size: 5rem;}
	
	.sec3 .indTitle{top: 0rem;}
	.ysItem{padding: 12rem 2rem 5rem;}
	.ysItem .btit{margin: 2rem 0 2rem;}
	
	.f-nav{display: none;}
	.f-message{margin-left: auto;}
	.foot2 .f2r{display: none;}
	
	
}
@media screen and (max-width:900px) {
	.indAbout{flex-wrap: wrap;}
	.indAbout .desc{width: 100%;padding-right: 0;}
	.indAbout .imgs{display: none;}
}
@media screen and (max-width:768px) {
	.mySwiperBannerPC{display: none;}
	.mySwiperBannerWAP{display: block;}
	.w1520{width: 100%;padding: 0 1rem;}
	
	.indTitle .btit{font-size: 3rem;}
	
	.indAbout .desc .btit{margin-bottom: 2rem;}
	.indAbout .desc .btit p{display: none;}
	.indAbout .desc .btit p:nth-of-type(1),.indAbout .desc .btit p:nth-of-type(2){display: block;}
	.indAbout .imgs{display: block;width: 100%;height: 25vh;}
	.videoPlay{zoom: .75;}
	.indNumBox{flex-wrap: wrap;margin-top: 1rem;}
	.NumItem{margin: 1rem 0;}
	.NumItem p{font-size: 3rem;}
	.NumItem p em{font-size: 4rem;}
	.NumItem span{margin-top: 0.3rem;}
	
	.ysItem{width: 50%;padding: 2rem 1rem 2rem;}
	.ysItem .atit{max-width: 100%;}
	.ysItem .btit{font-size: 2rem;transition: .3s;}
	.ysItem.active{width: 70%;}
	.ysItem.active .btit{font-size: 3rem;}
	
	.foot1>div{flex-wrap: wrap;}
	.f-info{width: 100%;}
	.f-message{display: none;}
	
	.foot2 .f2l{display: flex;flex-wrap: wrap;justify-content: center;}
	.foot2 a, .foot2 span{line-height: 1.5;display: inline-block;}
	
}

/* index end */





/* inside-Page Start */
.nyBanner{position: relative;}
.nyBanner .atit{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;font-weight: bold;font-size: 4rem;color: #FFFFFF;line-height: 1.35;transform: translateY(-50%);}
.nyBanner .img{height: 100%;width: 100%;}
.nyBanner .img img{height: 100%;width: 100%;object-fit: cover;object-position: center;}
.bannerBar{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.2);border-top: 1px solid rgba(255,255,255,0.5);}
.bannerBar>div{display: flex;height: 6rem;align-items: center;}
.barNav{display: flex;}
.barNav a{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;color: #FFFFFF;height: 8rem;min-width: 25rem;border-right: 1px solid rgba(255,255,255,0.5);border-left: 1px solid rgba(255,255,255,0.5);}
.barNav a+a{margin-left: -1px;}
.barNav a i{display: block;width: 0.5rem;height: 0.5rem;background: #FFFFFF;margin-right: 1rem;}
.barNav a.active,.barNav a:hover{background: #0A57A3;border-color: #0A57A3;}
.barNav a.active+a,.barNav a:hover+a{border-left-color: #0A57A3;}

.mbx{color:#fff;display: flex;align-items: center;justify-content: center;margin: auto 0 auto auto;}
.mbx .home{display: block;width: 2rem;margin: 0;}
.mbx img{display: block;margin: 0 2rem;}
.mbx a,.mbx span{display: block;line-height: 1;color: #FFFFFF;opacity: 1;margin: 0 8px;}
.mbx a:hover{opacity: 1;}



.whiteBg{background: #ffffff;padding-bottom: 10rem;overflow: hidden;}
.greyBg{background: #F8F8F8;padding-bottom: 10rem;overflow: hidden;}

.nyTitle{font-weight: bold;font-size: 3.5rem;color: #0A57A3;line-height: 1.5;text-align: center;padding: 0rem 0 4rem;}
.nyTitle.black{color: #000000;}

.typeList1{display: flex;flex-wrap: wrap;margin: -1.5rem -2.5rem;}
.typeItem1{display: flex;width: calc(50% - 5rem);margin: 1.5rem 2.5rem;box-shadow: 0 0 5rem 0 rgba(0,0,0,0.1);transition: .3s;}
.typeItem1 .img{width: 35rem;}
.typeItem1 .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.typeItem1 .desc{width: calc(100% - 35rem);padding: 3rem;display: flex;flex-direction: column;justify-content: center;}
.typeItem1 .desc p{display: block;font-weight: bold;font-size: 3rem;color: #333333;line-height: 1.35;}
.typeItem1 .desc span{display: block;font-size: 1.8rem;color: #333333;line-height: 2.8rem;margin-top: 1.8rem;}
.typeItem1:hover{transform: translateY(-0.5rem);}

.maxImg img{display: block;max-width: 100%;margin: 0 auto;}


.btBox{margin-top: -5rem;}
.btBox+.btBox{margin-top: 0;}
.btBox .btTit{font-weight: bold;font-size: 3.6rem;line-height: 1.35;color: #333333;padding: 5rem 0 4rem;}
.btSelList{display: flex;}
.btSel{display: block;width: 100%;background: #D6D6D6;text-align: center;padding: 3rem 1rem 2.5rem;cursor: pointer;transition: .3s;}
.btSel img{width: 5rem;display: block;margin: 0 auto 1rem;transition: .3s;}
.btSel p{display: block;font-size: 1.8rem;color: #000000;line-height: 1.35;transition: .3s;}
.btSel:nth-of-type(2){background: #D2D2D2;}
.btSel:nth-of-type(3){background: #DDDDDD;}
.btSel:nth-of-type(4){background: #E7E7E7;}
.btSel:nth-of-type(5){background: #EAEAEA;}
.btSel:nth-of-type(6){background: #EDEDED;}
.btSel.active{background: #0A57A3;}
.btSel.active img{filter: invert(100%);}
.btSel.active p{color: #ffffff;}

.mySwiperBtImgs,.mySwiperBtDetail{position: relative;overflow: hidden;}
.mySwiperBtImgs{height: 100%;}
.btSwiperBox{display: flex;margin-top: 2rem;background: #ffffff;}
.btBox:nth-of-type(odd) .btSwiperBox{flex-direction: row-reverse;}
.btSwiperBox .imgs{width: 60%;position: relative;}
.btSwiperBox .imgs .img{width: 100%;height: 100%;}
.btSwiperBox .imgs .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.btSwiperBox .detail{width: 40%;}
.btSwiperBox .detail .desc{padding: 7.5rem 5rem;}
.btSwiperBox .detail .desc .line{display: block;height: 1px;width: 100%;background: #E1E1E1;border-left: 7rem solid #0A57A3;margin: 2.5rem 0 2.8rem;}
.btSwiperBox .detail .desc .atit{font-weight: bold;font-size: 3.6rem;color: #0A57A3;line-height: 1.2;}
.btSwiperBox .detail .desc .btit{font-size: 1.8rem;color: #333333;line-height: 1.55;}
.btSwiperBox .detail .desc .btit p+p{margin-top: 2.8rem;}
.btSwiperBox .detail .desc .ctit{margin-top: 6rem;}

.btSwiperBox .swiper-pagination{display: flex;bottom: 2.5rem;right: 5rem;}
.btSwiperBox .swiper-pagination .swiper-pagination-bullet{display: flex;align-items: center;justify-content: center;width: auto;height: auto;background: none;font-family: DIN;font-weight: bold;font-size: 1.4rem;color: #FFFFFF;transition: .3s;opacity: 0.5;margin-left: 3rem;position: relative;}
.btSwiperBox .swiper-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 100%;top: 50%;display: block;width: 0rem;height: 1px;background: #FFFFFF;transition: .3s;margin-left: 0.5rem;}
.btSwiperBox .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.btSwiperBox .swiper-pagination .swiper-pagination-bullet-active::after{width: 1rem;}
.btSwiperBox .swiper-prev,.btSwiperBox .swiper-next{display: block;width: 1.3rem;height: 2.5rem;background-image: url(../images/iconRight4.png);background-size: 100%;background-repeat: no-repeat;top: 50%;margin-top: -1.25rem;position: absolute;z-index: 999;cursor: pointer;transition: .3s;}
.btSwiperBox .swiper-prev.swiper-button-disabled,.btSwiperBox .swiper-next.swiper-button-disabled{opacity: 0.7;cursor: no-drop;}
.btSwiperBox .swiper-prev{left: 5rem;transform: rotate(180deg);}
.btSwiperBox .swiper-next{right: 5rem;}



.ptBox{display: flex;background: #F8F8F8;margin-bottom: 3rem;}
.ptBox .desc{width: 50%;padding: 8rem 5rem;}
.ptBox .desc .atit{display: inline-block;font-weight: bold;font-size: 3.6rem;line-height: 1.2;color: #0A57A3;border-bottom: 1px solid #0A57A3;padding-bottom: 1.5rem;}
.ptBox .desc .btit{font-size: 1.8rem;color: #333333;line-height: 1.55;margin: 4.6rem 0 5rem;}
.ptBox .desc .btit span{color: #0A57A3;}
.ptBox .desc .ctit{}
.ptBox .img{width: 50%;position: relative;}
.ptBox .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}


.ptList{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.ptItem{display: block;width: calc(25% - 3rem);margin: 1.5rem;background: #FFFFFF;box-shadow: 0 0 5rem 0 rgba(0,0,0,0.1);}
.ptItem .img img{display: block;width: 100%;}
.ptItem .desc{text-align: center;padding: 2.5rem 3rem 3rem;}
.ptItem .desc p{display: block;font-weight: bold;font-size: 2.4rem;color: #333333;}
.ptItem .desc i{display: block;width: 2rem;height: 0.2rem;background: #0A57A3;margin: 1.9rem auto;}
.ptItem .desc span{display: block;font-size: 1.8rem;color: #333333;line-height: 1.55;}

.zszcItem{position: relative;display: flex;padding: 5rem;}
.zszcItem:nth-of-type(odd) .desc{margin-left: auto;}
.zszcItem+.zszcItem{margin-top: 3rem;}
.zszcItem .img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.zszcItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.zszcItem .desc{background: #FFFFFF;position: relative;z-index: 9;width: 43%;min-height: 50rem;padding: 7rem 5rem 5rem;}
.zszcItem .desc .atit{font-weight: bold;font-size: 3.6rem;color: #0A57A3;line-height: 1.35;}
.zszcItem .desc .line{display: block;width: 100%;height:1px;background: #E1E1E1;border-left: 7rem solid #0A57A3;margin: 2rem 0 2.5rem;}
.zszcItem .desc .btit{font-size: 1.8rem;color: #333333;line-height: 1.5;}
.zszcItem .desc .btit p+p{margin-top: 3rem;}


.zdyTable{background: #ffffff;}
.zdyTable table{width: 100%;text-align: center;}
.zdyTable th{background: #0A57A3;font-weight: bold;font-size: 2.4rem;color: #FFFFFF;line-height: 1.5;padding: 1.68rem 1rem;}
.zdyTable th+th{border-left: 0.2rem solid #fff;}
.zdyTable td{border: 1px solid #E1E1E1;font-size: 1.8rem;line-height: 1.5;color: #333333;padding: 2rem 1rem;}
.zdyTable td+td{border-left-width: 0.2rem;}

.messageBox{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.messageBox .int33{width: calc(33.333% - 3rem);}
.messageBox .int50{width: calc(50% - 3rem);}
.messageBox .int{display: block;margin: 1.5rem;background: #FFFFFF;border: 1px solid #E1E1E1;padding: 0 3rem;font-size: 1.6rem;color: #333;height: 6rem;}
.messageBox .textarea{display: block;border: 1px solid #E1E1E1;background: #FFFFFF;height: 16rem;width: 100%;margin: 1.5rem;padding: 2rem 3rem;font-size: 1.6rem;color: #333;}
.messageBox .submit{width: 48rem;height: 8rem;background: #0A57A3;font-size: 2.2rem;color: #FFFFFF;font-weight: bold;margin: 3.5rem auto 0;cursor: pointer;transition: .3s;}
.messageBox .submit:hover{transform: translateY(-0.5rem);}

#wrap {
    width: 100%;
    height: 600px;
    margin: 30px 0;
}
.BMap_bubble_title {
    font-size: 18px;
    padding-top: 25px;
    padding-bottom: 40px;
    padding-left:20px;
}
.btit p{margin-bottom:10px}
.BMap_bubble_content {
    padding-top: 30px;
    padding-left:20px;
}
.factoryVideo{display: flex;margin-top: 10rem;}
.factoryVideo .fvL{width: 60%;position: relative;}
.factoryVideo .fvL img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.factoryVideo .fvR{width: 40%;border: 1px solid #D5D5D5;border-left: none;}
.factoryVideo .fvR img{display: block;width: 100%;}


.factoryList{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.factoryItem{display:block;width: calc(25% - 3rem);margin: 1.5rem;}
.factoryItem .img{overflow: hidden;}
.factoryItem .img img{display: block;width: 100%;transition: .5s;}
.factoryItem p{display: block;background: #F8F8F8;height: 5rem;line-height: 5rem;text-align: center;padding: 0 1rem;font-size: 1.8rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.factoryItem:hover .img img{transform: scale(1.06);}


.hzTypeList{display: flex;justify-content: center;margin-top: -1rem;}
.hzType{display: flex;align-items: center;font-size: 1.8rem;color: #333333;line-height: 1.2;}
.hzType+.hzType{margin-left: 4rem;}
.hzType i{display: block;width: 1.4rem;height: 1.4rem;border-radius: 50%;margin-right: 1.5rem;}

.hzList{display: grid;grid-template-columns: repeat(9,1fr);gap: 2rem;margin-top: 3rem;}
.hzItem{display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;height: 15rem;border-radius: 2rem;background: #14AA48;}
.hzItem.blue{background: #0A57A3;}
.hzItem::after{content: "";width: 0;height: 0;border-top: 1.5rem solid transparent;border-bottom: 1.5rem solid transparent;border-left: 1.5rem solid #fff;position: absolute;left: -1px;top: 50%;margin-top: -1.5rem;}
.hzItem:first-child::after{display: none;}
.hzItem img{display: block;width: 5rem;}
.hzItem p{display: block;font-size: 1.8rem;color: #FFFFFF;line-height: 1.2;margin-top: 2rem;}


.hzysList{display: flex;flex-wrap: wrap;margin: -2.5rem;}
.hzysItem{display: block;width: calc(33.333% - 5rem);margin: 2.5rem;background: #F8F8F8;}
.hzysItem .img img{display: block;width: 100%;}
.hzysItem .desc{text-align: center;padding: 2.5rem 3rem 4rem;}
.hzysItem .desc p{display: block;font-weight: bold;font-size: 2.4rem;color: #333333;}
.hzysItem .desc i{display: block;width: 2rem;height: 0.2rem;background: #0A57A3;margin: 1.9rem auto;}
.hzysItem .desc span{display: block;font-size: 1.8rem;color: #333333;line-height: 1.55;}


.rcTit{display: flex;background: #0A57A3;padding-right:6.5rem;text-align: center;}
.rcTit span{display: block;width: 20%;font-size: 1.8rem;color: #FFFFFF;line-height: 2rem;padding: 2.5rem;}
.rcTit i{display: block;width: 2rem;flex-shrink: 0;margin-left: 5rem;}
	
.rcItem{background: #ffffff;padding-right:6.5rem;border: 1px solid #E1E1E1;border-top: none;transition: .3s;}
.rcItem:hover{background: #F8F8F8;}
.rcInfo{display: flex;align-items: center;cursor: pointer;text-align: center;}
.rcInfo span{display: block;width: 20%;font-size: 1.6rem;color: #333333;line-height: 2.2rem;padding: 2.5rem;}
.rcInfo i{display: block;position: relative;width: 2rem;height: 0.2rem;background: #0A57A3;flex-shrink: 0;margin-left: 5rem;}
.rcInfo i::after{content: "";display: block;position: absolute;width: 2rem;height: 0.2rem;background: #0A57A3;left: 0%;top: 0;transform: rotate(90deg);transition: .3s;}
.rcItem.active .rcInfo i::after{transform: rotate(0deg);}

.rcDetails{display: none;padding: 0.5rem 10rem 4rem;font-size: 1.4rem;line-height: 2.4rem;color: #666666;}
.rcDetails strong{font-weight: normal;color: #333;}


.moreType1{display: flex;align-items: center;justify-content: center;width: 15rem;height: 5rem;border-radius: 2.5rem;border: 1px solid #0A57A3;font-size: 1.6rem;color: #0A57A3;margin: 5rem auto 0;}
.moreType1:hover{transform: translateY(-1rem);background-color: #0A57A3;color: #ffffff;}


.contactBox{display: flex;background: #f3f0f0;min-height: 50rem;}
.contactBox .ctInfo{width: 50%;padding: 8.5rem 5rem 10rem;}
.contactBox .ctInfo .atit{display: inline-block;font-weight: bold;font-size: 2.8rem;line-height: 1.2;color: #0A57A3;border-bottom: 1px solid #0A57A3;padding: 1.5rem 0;}
.contactBox .ctInfo .btit{font-size: 1.8rem;color: #333333;line-height: 1.35;margin: 4.5rem 0 4rem;}
.contactBox .ctInfo .btit p+p{margin-top: 1.5rem;}
.contactBox .ctInfo .ctit{}
.contactBox .shareItem{border: 1px solid #0A57A3;background: none;}
.contactBox .ctMap{width: 50%;}




@media screen and (max-width:1199px) {
	.nyBanner{margin-top:60px}
	.nyBanner .atit{font-size:2.6rem}
	.bannerBar>div{height: 7rem;}
	.barNav a{min-width: 15rem;height: 7rem;}
	.nyTitle{padding: 3rem 0 3rem;font-size:3.5rem}
	
	.typeItem1 .img{width: 30rem;}
	.typeItem1 .desc{width: calc(100% - 30rem);}
	.typeItem1 .desc span{height: auto;}
	
}
@media screen and (max-width:900px) {
	.typeItem1 .desc{padding: 3rem 2rem;}
	
	.typeList1{margin: -1.5rem -1.5rem;}
	.typeItem1{width: calc(50% - 3rem);margin: 1.5rem;}
	.typeItem1 .img{width: 25rem;}
	.typeItem1 .desc{width: calc(100% - 25rem);}
	
	.btSwiperBox .detail .desc {padding: 6rem 4rem;}
	
	
	.ptBox .desc {width: 50%;padding: 5rem 4rem;}
	.ptBox .desc .btit{margin: 4rem 0 4rem;}
	.ptItem{width: calc(50% - 3rem);}
	.zszcItem .desc{width: 60%;padding: 5rem 3rem 5rem;min-height: auto;}
	
	
	.hzList{margin-top: 1.5rem;gap: 1rem;}
	.hzItem{height: 13rem;}
	.hzItem img{width: 4rem;}
	.hzItem p{margin-top: 1rem;}
	
	.hzysList{margin: -1.5rem;}
	.hzysItem{width: calc(33.333% - 3rem);margin: 1.5rem;}
	
}
@media screen and (max-width:768px) {
	.contactBox .ctMap{display: none}
	#wrap{display: none}
	.product-li li{width:100%}
	.bannerBar .w1520{padding: 0;}
	.bannerBar>div{height: auto;}
	.mbx{display: none;}
	.barNav a{min-width: 12rem;}
	.messageBox{    margin: 0;
    padding: 0 5px;}
	.typeList1{margin: -1rem;}
	.typeItem1{flex-direction: column;width: calc(50% - 2rem);margin: 1rem;}
	.typeItem1 .img{width: 100%;}
	.typeItem1 .desc{width: 100%;padding: 2rem 1.5rem;}
	.typeItem1 .desc span{margin-top: 0.5rem;}
	
	.btSelList{flex-wrap: wrap;}
	.btSel{width: 50%;padding: 2rem 1rem 1.5rem;}
	.btSel img{width: 4rem;}
	.btSwiperBox{display: block;}
	.btSwiperBox .imgs{width: 100%;}
	.btSwiperBox .detail{width: 100%;}
	.btSwiperBox .detail .desc {padding: 4rem 2rem;}
	.btSwiperBox .detail .desc .btit p+p {margin-top: 1.5rem}
	.btSwiperBox .detail .desc .ctit {margin-top: 4rem;}
	
	.btSwiperBox .swiper-prev{left: 2rem;}
	.btSwiperBox .swiper-next{right: 2rem;}
	
	.ptBox{flex-direction: column;}
	.ptBox .desc{width: 100%;padding: 4rem 2rem;}
	.ptBox .desc .btit {margin: 3rem 0 3rem;}
	.ptBox .img{width: 100%;}
	
	.ptList{margin: -1rem;}
	.ptItem {width: calc(50% - 2rem);margin: 1rem;}
	.ptItem .desc{padding: 2.5rem 1rem 2rem;}
	.ptItem .desc span{line-height: 1.35;}
	
	.zszcItem .desc{width: 100%;}
	.zszcItem{padding:3rem;}
	.zszcItem .desc .btit p+p {margin-top: 1.5rem;}
	.zszcItem .desc {padding: 4rem 3rem 4rem;}
	
	.messageBox form{margin: -0.5rem;}
	.messageBox .int{margin: 0.5rem;height: 7rem;padding: 0 2rem;}
	.messageBox .int33{width: 100%;}
	.messageBox .int50{width: calc(50% - 1rem);}
	.messageBox .textarea{margin: 0.5rem;padding: 1.5rem 2rem;height: 14rem;}
	.messageBox .submit{height: 7rem;margin: 1.5rem auto 0;}
	
	.factoryVideo{flex-wrap: wrap;}
	.factoryVideo .fvL{width: 100%;}
	.factoryVideo .fvR{width: 100%;border-left:1px solid #D5D5D5;border-top: none;}
	.factoryVideo .fvR img{max-width: 60rem;margin: 0 auto;}
	
	.factoryList{margin: -1rem;}
	.factoryItem{width: calc(50% - 1rem);margin: 0.5rem;}
	
	.hzmsBox{display: flex;flex-wrap: wrap;margin: -0.75rem;}
	.hzTypeList{width: 100%;margin-bottom: 2rem;}
	.hzList{width: calc(25% - 1.5rem);display: block;margin: 0 0.75rem;}
	.hzItem{margin-bottom: 0.5rem;}
	.hzItem::after{margin-top: 0;top: -1px;left: 50%;margin-left: -1.5rem;border-top: 1.5rem solid #fff;border-bottom: none;border-left: 1.5rem solid transparent;border-right: 1.5rem solid transparent;}
	
	.hzysList{display: block;margin: 0;}
	.hzysItem{width: 100%;margin: 0;}
	.hzysItem+.hzysItem{margin-top: 2rem;}
	
/* 	.rcTit{padding-right: 0;}
	.rcTit span{padding: 2.5rem 0.5rem;}
	.rcTit i{margin: 0 2rem;}
	.rcItem{padding-right: 0;}
	.rcInfo span{padding: 1.5rem 0.5rem;}
	.rcInfo i{margin: 0 2rem;} */
	
	.rcList{border-top: 1px solid #E1E1E1;}
	.rcTit{display: none;}
	.rcItem{padding: 0;}
	.rcInfo{display: flex;flex-wrap:wrap;padding: 3rem 5rem 1.5rem 2rem;position: relative;}
	.rcInfo span{text-align: left;width: auto;padding: 0.5rem 1rem;background: #f2f2f2;margin-right: 1rem;margin-bottom: 1rem;min-width: 5rem;text-align: center;}
	.rcInfo span:nth-of-type(1){font-size: 2.2rem;line-height: 1.3;font-weight: bold;color: #333;width: 100%;padding: 0;background: none;margin-bottom: 1rem;text-align: left;}
	.rcInfo i{margin: 0;position: absolute;right: 2rem;top: 50%;}
	
	.rcDetails{padding: 0.5rem 2rem 3rem;font-size: 1.6rem;line-height: 3rem;}
	.contactBox{display: block;}
	.contactBox .ctInfo{width: 100%;padding: 4rem 2rem 5rem;}
	.contactBox .ctMap{width: 100%;height: 60vh;}
	
	
}
/* inside-Page End */










.ptjsBox{display: flex;}
.ptjsBox .desc{width:40%;}
.ptjsBox .desc h1{font-size:3rem;font-size:3rem;line-height: 2;font-weight:bold;margin-bottom:10px}
.ptjsBox .desc .atit{font-size: 2.4rem;color: #0a57a3;font-weight: bold;margin-bottom: 2rem;}
.ptjsBox .desc .btit{font-size: 1.5rem;color: #333333;line-height: 1.3;}
.ptjsBox .desc .btit p+p{margin-top: 2rem;}
.ptdtBox{width:60%;display: flex;padding-left: 6rem;align-items: center;}
.ptdtBox .map{width: calc(100% - 30rem);padding-right: 1.5rem;position: relative;}
.ptdtBox .map img{display: block;width: 100%;}
.ptdtBox .ptdtPoint{position: absolute;width: 1px;height: 1px;text-align: center;cursor: pointer;}
.ptdtBox .ptdtPoint .city{position: absolute;width: 6rem;height: 6rem;bottom: -1.5rem;left: -3rem;}
.ptdtBox .ptdtPoint span{display: block;font-size: 2rem;color: #FFFFFF;font-weight: bold;text-shadow: 1px 2px #333;}
.ptdtBox .ptdtPoint .icon{width: 2rem;margin: 0 auto;}
.ptdtBox .ptdtPoint .line{display:block;transition: 0s;position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #0C4B81;transform-origin: 0 0;}
.ptdtBox .ptdtPoint.active .line{width: 30rem;transition: .5s;}

.ptdtBox .ptdtList{width: 30rem;position: relative;z-index: 9;}
.ptdtBox .ptdtItem{background: linear-gradient(90deg, #0C4B81 0%, #2164A3 100%);border-radius: 1rem;padding: 1rem;}
.ptdtBox .ptdtItem .img{border-radius: 1rem;overflow: hidden;}
.ptdtBox .ptdtItem .img img{display: block;width: 100%;}
.ptdtBox .ptdtItem .ptdtDesc{padding: 1.5rem 1.5rem 3.5rem;}
.ptdtBox .ptdtItem .atit{font-size: 2rem;color: #FFFFFF;font-weight: bold;}
.ptdtBox .ptdtItem .btit{font-size: 1.4rem;color: #FFFFFF;line-height: 1.3;}
.ptdtBox .ptdtItem .btit p+p{margin-top: 1.2rem;}
.ptdtBox .ptdtItem .line{display: block;height: 1px;width: 100%;background: #FFAE00;margin: 1.5rem 0 1.8rem;}

.mySwiperptdt{position: relative;overflow: hidden;}


.xsec1{position: relative;}
.ptjs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ptjs img,.ptjs video{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.xsec1 .indTitle{padding-top: 10rem;}



.xsec2{padding-bottom:100px;background: url(../images/xsec2Bg.jpg) center/cover;}
.cultureList{display: flex;flex-wrap: wrap;margin: -2.5rem;}
.cultureItem{width: calc(33.333% - 5rem);text-align: center;margin: 2.5rem;border: 1px solid rgba(255, 255, 255, .5);background: rgba(0,0,0,.2);padding: 10rem 4rem 8rem;}
.cultureItem .atit{}
.cultureItem .btit{font-size: 2.4rem;color: #FFFFFF;margin: 2rem 0 2rem;}
.cultureItem .ctit{line-height:2;font-size: 1.6rem;color: #FFFFFF;}




.xsec3{margin-top:100px;background: url(../images/xsec3Bg.jpg) center/cover;}
.mySwiperFactory{position:relative;overflow: hidden;}
.mySwiperFactory .swiper-slide{padding-bottom:50px;transition: .3s;}
.mySwiperFactory img{height:270px;display: block;width: 100%;}
.mySwiperFactory p{display:block;font-weight: bold;font-size: 1.8rem;text-align: center;padding: 1rem;opacity: 1;transition: .3s;}
.mySwiperFactory .swiper-slide-active p{opacity: 1;}

.line1{
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
}
.line2{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xsec4{background: url(../images/xsec4Bg.jpg) center/cover;}
.busBox{display: flex;justify-content: center;}
.busMap img{display: block;max-width: 100%;}
.busPoint{position: absolute;width: 1px;height: 1px;cursor: pointer;}
.busPoint .icon{width: 30px;position: absolute;bottom: 0;left: -15px;}
.busPoint .icon img{display: block;width: 100%;}
.busPoint.active  .icon{animation: updown 1s infinite ease;}
@keyframes updown{
	0%{transform: translateY(-0.5rem);}
	50%{transform: translateY(0.5rem);}
	100%{transform: translateY(-0.5rem);}
}
.mySwiperBus{position: relative;overflow: hidden;display: none;}

.busPoint .desc{position: absolute;bottom: 52px;right: -4.5rem;padding:2rem;background: #FFFFFF;border-radius: 2rem;box-shadow: 0 0 3rem 0 rgba(0,78,162,0.1);transform: translateY(20px);opacity: 0;visibility: hidden;transition: .5s;z-index:9;}
.busPoint.active .desc{transform: translateY(0);opacity: 1;visibility: visible;}
.busPoint .desc::after{content: "";border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:1rem solid #fff;position: absolute;bottom: -1rem;right: 3.5rem;}
.busPoint .desc b{font-size: 17px;}
.busPoint .desc p{font-size: 14px;white-space: nowrap;}


.section.active .ptjsBox .desc{animation: fadeInUp .8s .4s ease both;}
.section.active .ptdtBox{animation: fadeInUp .8s .5s ease both;}
.section.active .cultureItem:nth-of-type(1){animation: fadeInUp .8s .4s ease both;}
.section.active .cultureItem:nth-of-type(2){animation: fadeInUp .8s .5s ease both;}
.section.active .cultureItem:nth-of-type(3){animation: fadeInUp .8s .6s ease both;}
.section.active .cultureItem:nth-of-type(4){animation: fadeInUp .8s .7s ease both;}
.section.active .mySwiperFactory{animation: fadeInUp .8s .4s ease both;}
.section.active .busBox{animation: fadeInUp .8s .4s ease both;}


@media screen and (max-width:1024px){
	.ptdtBox{display: none;}
	.ptjsBox .desc{width: 100%;}
	
	.cultureList{margin: -1.5rem;}
	.cultureItem{width: calc(33.333% - 3rem);margin: 1.5rem;}
	.cultureItem .atit{zoom: .75;}
	.mySwiperFactory .swiper-slide{width: 600px;}
	
	.busPoint .icon{zoom: .75;}
	.busPoint .desc{bottom:42px;}
	
}
.contact{padding:80px 0}
@media screen and (max-width:768px){
	.ptjsBox .desc .btit p+p{margin-top: 1.5rem;}
	
	.cultureList{margin: -1rem;}
	.cultureItem{width: calc(50% - 2rem);margin: 1rem;padding: 4rem 2rem 3rem;}
	.cultureItem:nth-of-type(3){width: 100%;}
	.cultureItem .btit{margin: 2rem 0 1rem;}
	.mySwiperFactory .swiper-slide{width: 90%;}
	
	.busPoint .desc{display:none;}
	.mySwiperBus{display:block;margin-top: 5rem;}
	.mySwiperBus .busPoint{position: relative;width: 100%;height: auto;}
	.mySwiperBus .busPoint .desc{position: relative;bottom: 0;left: 0;transform: translateY(0);display: block;opacity: 1;visibility:visible;}
	.section.active .mySwiperBus{animation: fadeInUp .8s .5s ease both;}
	
}
.desc p{
	line-height: 2;
  text-indent: 2em;
}
.sec1{margin-bottom: 60px;
    padding-bottom: 80px;}
.sec3 {margin-bottom:100px;padding-bottom:40px}
.h-header.active{background: #9c9c9c}
.homeBoxC { padding:2vw 0 5vw; background: #f5f5f5; }
.homeBoxC-a { width: auto; float:right; right:0; position: absolute; top:50%; transform:translateY(-50%); }
.homeBoxC-c { border-bottom: 3px solid #0A57A3; float:left; width: calc(33.3333% - 14px); border-radius:3px; overflow: hidden; background: #fff; margin-right:20px; }
.homeBoxC-e { border-bottom: 3px solid #0A57A3; float:left; width: calc(66.66% - 14px); border-radius:3px; overflow: hidden; background: #fff; }
.homeBoxC-c .tag,.homeBoxC-e .topT { position: relative; padding-left: 15px; font-size:16px;color:#0A57A3; }
.homeBoxC-c .tag:before,.homeBoxC-e .topT:before { content:''; background: #0A57A3; border-radius:50%; width: 5px; height: 5px; position: absolute; left: 3px; top:50%; transform:translateY(-50%); }
.homeBoxC-c .t { font-weight:550;margin:12px 0 5px; font-size: 20px; color:#324655; }
.homeBoxC-d .con { padding:20px 25px 30px; }
.homeBoxC-d .con .c { font-size:15px; color:#324655; line-height: 1.6; margin: 10px 0 30px; }
.mainSmall { font-size: 15px;color:#324655; display:inline-block; padding-right:16px; background: url(../img/small1.png) no-repeat right center;}
.homeBoxC-b { display: flex; flex-wrap:wrap; margin-top:50px; }
.homeBoxC-e { padding:1.5vw 1.5vw 1vw; }
.homeBoxC-e a { display: block; padding:1.5vw 0; }
.homeBoxC-e ul li:nth-child(n+2) { border-top:1px solid #dedede; }
.homeBoxC-e a .d {     font-size: 16px;
    margin: 3px 0 0px;
    color: #9c9c9c;
    line-height: 2; }
.homeBoxC-e a .t {font-weight:550; font-size: 20px; line-height: 1.6; color:#324655; }

.homeBoxC-c .img { overflow: hidden; }
.homeBoxC-c .img img { width:100%;height:370px;transition: all 0.3s; }
.homeBoxC-c:hover .img img { transform:scale(1.03); }

.homeBoxC-c .homeBoxC-d .t,.homeBoxC-c:hover .homeBoxC-d .d { color:#0A57A3; }
.homeBoxC-e ul li:hover a .t { color:#0A57A3; text-decoration:underline; }
.homeBoxC-e ul li:hover a .d { color:#0A57A3; }

@media(max-width: 1500px){
    .homeBoxC-e a .t,.homeBoxC-c .t { font-size:17px; }
}
@media(max-width: 1300px){
    .homeBoxC-e a .t,.homeBoxC-c .t { font-size:18px; }
}
@media(max-width: 1100px){
    .homeBoxC { padding: 40px 0 50px; }
    .homeBoxC-c,.homeBoxC-e { width: 100%; margin-right:0; }
    .homeBoxC-c { margin-bottom: 20px; }
    .homeBoxC-d .con { padding: 16px 12px 20px; }
    .homeBoxC-e { padding: 16px 12px 10px; }
    .homeBoxC-d .con .c { margin: 8px 0 20px; }
    .homeBoxC-e a { padding: 20px 0; }
    .homeBoxC-e a .d { margin-bottom: 12px;font-size:14px }
}

.new_a{
    padding: 80px 0;
}
.new_a .new_a_01{
    width: 83.33%;
    margin: 0 auto;
}
.new_a .new_a_01 ul li{
    padding: 30px 0 50px;
    position: relative;
}
.new_a .new_a_01 ul li .sj{
    float: left;
    font-size: 20px;
    color: rgb(10 87 163);
    line-height: 25px;
    width: 10%;
}
.new_a .new_a_01 ul li .bt{
    float: left;
    font-size: 16px;
    color: rgba(50,70,85,0.7);
    position: relative;
    padding-left: 10px;
    width: 10%;
}
.new_a .new_a_01 ul li .bt:after{
    content: "";
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    background: #6f7d88;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.new_a .new_a_01 ul li .sev{
    float: left;
    width: 73%;
}
.new_a .new_a_01 ul li .sev .bt1{
    font-size: 20px;
    color: #324655;
    font-weight:550;
    margin-bottom: 15px;
    display: inline-block;
}
.new_a .new_a_01 ul li .sev .bt2{
    font-size: 16px;
    color: #9c9c9c;
    margin-bottom: 30px;
    line-height: 2;
}
.new_a .new_a_01 ul li .sev .an{
    margin-top: 40px;
}
.sev a{}
.new_a .new_a_01 ul li .sev .an .an1{
    font-size: 15px;
    color: #324655;
    display: block;
    position: relative;
    width: 165px;
}
.new_a .new_a_01 ul li .sev .an .an1 span{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    transition: all 0.5s;
}
.new_a .new_a_01 ul li:hover .sev .an .an1 span{
    left: 22px;
    transition: all 0.5s;
    color:#324655;
}
.new_a .new_a_01 ul li .sev .an .an1 i{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:1px solid #65747f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.new_a .new_a_01 ul li:hover .sev .an .an1 i{
    width: 100%;
    border-radius: 40px;
    transition: all 0.5s;
}
.new_a .new_a_01 ul li:hover .sev .an .an1 i:after{
    right: 23px;
}
.new_a .new_a_01 ul li .sev .an .an1 i:after{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background: #0A57A3;
    border-radius: 50%;
}
.new_a .new_a_01 ul li:hover .sev .an .an1 i:before{
    right: 27px;
}
.new_a .new_a_01 ul li .sev .an .an1 i:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #65747f;
    top: 50%;
    transform:translateY(-50%);
    right: 50%;
}
.new_a .new_a_01 ul li .img{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /*display: none;*/
    width: 15%; transition: all 0.6s;
}
.new_a .new_a_01 ul li .img img{width:100%;height:178px}
.new_a .new_a_01 ul li{
    border-bottom: 1px solid #eeeeee;
}
/*.new_a .new_a_01 ul li:hover .img{
    display: block;
    width: 300px;
}
.new_a .new_a_01 ul li:hover .sev .bt2{
    width: 75%;
}
.new_a .new_a_01 ul li:hover  .sev .bt1 a{
    color: #0A57A3;
    border-bottom: 1px solid #0A57A3;
}*/
.new_a .new_a_01 ul li:hover .bt {
    color: #0A57A3;
}
.new_a .new_a_01 ul li:hover .bt:after{
    background: #0A57A3;
}
.new_a .new_a_01 ul li:hover {
    border-bottom: 3px solid #0A57A3;
}
.pagebar { padding:10px 0 0 0px; overflow:hidden; clear:both}
.pagebar .pagination #pages {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  flex-wrap: wrap;
}
.pagination #pages li {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 3px; line-height:100%
}
.pagination #pages span {
    font-size: 12px;
}
.pagination #pages a:hover {
 
}
#pages li{width: auto;margin:5px;padding:0}
.pagination #pages li.active {
  color: #fff;
  background: #0a57a3;
  border: 1px solid #0a57a3;
}
.news{padding:80px 0}
.news .news_01 .bt1{
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
}
.news .news_01 .rq{
    font-size: 16px;
    color: rgba(50,70,85,0.7);
    position: relative;
    padding-left: 20px;
}
.news .news_01 .rq:after{
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/news_01.png);
}
.news .news_02{
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-top: 30px;
    padding: 38px 0;
    line-height: 2;
    font-size:14px;
}
.news .news_02 p{
    font-size: 15px;
    color: #444;
    line-height: 2;
    margin-bottom:10px;
}
.news .news_03{
    padding: 50px 0 0;
    position: relative;
}
.news .news_03 .bt{
    font-size: 16px;
    color: #324655;
    line-height: 1.8;
    margin-bottom: 10px;
}
.news .news_03 .bt a:hover{
    color: #0A57A3;
}
.news .news_03 .an{
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.news .news_03 .an .an1{
    font-size: 15px;
    color: #324655;
    display: block;
    position: relative;
    width: 180px;
}
.news .news_03 .an .an1 span{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 70px;
}
.news .news_03 .an .an1 i{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:2px solid #dadee0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.news .news_03 .an:hover .an1 i{
    width: 100%;
    border-radius: 40px;
    transition: all 0.5s;
}
.news .news_03 .an:hover .an1 span {
    color:#324655;padding-left:0;
}
.news .news_03 .an:hover .an1 i:after{
    right: 22px;
}
.news .news_03 .an .an1 i:after{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background: #0A57A3;
    border-radius: 50%;
}
.news .news_03 .an .an1 i:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background: #98a2aa;
    top: 50%;
    transform:translateY(-50%);
    right: 25px;
}
.product-list {
  float: right;
    width: 74%;
}
.pro{padding:80px 0;background: #fff;display: flex;justify-content: space-between;}
.product-li li {
  position: relative;
  width: 31.66%;
  float: left;
  margin-right: 2.51%;
  margin-bottom: 60px;
  background: #f6f6f6;
}
.product-li li:nth-child(3n+3) {
  margin-right: 0;
}
.product-li li a:hover figure {
  background: #fff;
}
.product-li li a:hover figure:before {
  transform: scaleX(1);
}
.product-li li a:hover figure:after {
  transform: scaleY(1);
  transition-delay: 0.4s;
}
.product-li li a:hover figure i:before {
  transform: scaleX(1);
  transition-delay: 0.8s;
}
.product-li li a:hover figure i:after {
  transform: scaleY(1);
  transition-delay: 1.2s;
}
.product-li li a:hover figure img {
  transform: scale(1.05);
}
.product-li li figure {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
  transition: 0.58s;
}
.product-li .info{padding:0 20px 20px}
.product-li li figure:before {
  position: absolute;
  left: 0;
  top: 0;
  background: #6cccdc;
  content: "";
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  transition: 0.4s;
  transform-origin: left top;
  z-index: 2;
  transform: scaleX(0);
}
.product-li li figure:after {
  position: absolute;
  right: 0;
  top: 0;
  background: #6cccdc;
  content: "";
  width: 2px;
  height: 100%;
  box-sizing: border-box;
  transition: 0.4s;
  transform-origin: left top;
  transform: scaleY(0);
}
.product-li li figure i:before {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #6cccdc;
  content: "";
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  transition: 0.4s;
  transform-origin: right top;
  transform: scaleX(0);
}
.product-li li figure i:after {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #6cccdc;
  content: "";
  width: 2px;
  height: 100%;
  box-sizing: border-box;
  transition: 0.4s;
  transform-origin: left bottom;
  transform: scaleY(0);
}
.product-li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width:90%;
  height:240px;
  margin: auto;
  transition: 0.5s;
}
.product-li li span {
  display: block;
  margin-top: 24px;
  text-align: center;
  line-height: 1;
  color: #333333;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-views {
  position: relative;
  width: 100%;
  padding: 82px 4.583% 0px;
  max-height: calc(100vh - 134px);
  box-sizing: border-box;
  z-index: 1;
  margin-bottom: 100px;
  margin-top: 40px;
}
.product-ww .prize-prev {
  display: none !important;
}
.product-introduct {
  float: left;
  width: 45%;
  padding-top: 3vw;
}
.product-introduct-top strong {
  display: block;
  margin-bottom: 30px;
  line-height: 2;
  color: #242c39;
  font-size: 30px;
}
.product-introduct-top p {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.product-shopping {
  margin-top: 8vw;
}
.product-shopping p {
  color: #666666;
  font-size: 14px;
}
.shopping-list {
  margin-top: 26px;
  display: flex;
  display: -webkit-flex;
}
.shopping-list li {
  margin-right: 14px;
}
.shopping-list li a {
  display: block;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  border: 1px solid #d0d0d0;
  border-radius: 50%;
  color: #999999;
  font-size: 24px;
}
.shopping-list li a:hover {
  color: #c40101;
}
.shopping-list li:last-child a:hover {
  color: #09bb07;
}
.proudct-max {
  position: absolute;
  left: 75%;
  top: 65%;
  margin-left: -16vw;
  margin-top: -16vw;
  width: 26vw;
  height: 26vw;
  background: #f3f0f0;
  border-radius: 50%;
}
.product-sli-item {
  float: left;
  height: 26vw;
  position: relative;
  width: 100%;
  text-align: center;
}
.product-sli-item.slick-current img {
  transform: scale(1);
  opacity: 1;
}
.product-sli-item b {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -27px;
  top: 50%;
  margin-top: -27px;
  z-index: 5;
  font-size: 54px;
  color: #333;
  line-height: 1;
  font-weight: normal;
  cursor: pointer;
  transition: 0.5s;
}
.product-sli-item b:hover {
  color: #6cccdc;
}
.product-sli-item .newsVidoe {
  border-radius: 50%;
}
.product-sli-item img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  opacity: 1;
  transform: scale(0.7);
  transition: 0.8s 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.product-min {
  position: absolute;
  right: 5.625%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 10;
}
.product-min .probtn {
  display: block;
  margin: auto;
  width: 58px;
  height: 58px;
  border: 1px solid #b1b1b1;
  border-radius: 50%;
  text-align: center;
  line-height: 58px;
  color: #303948;
  font-size: 18px;
  cursor: pointer;
  transition: 0.45s;
}
.product-min .probtn:hover {
  background: #6cccdc;
  border-color: #6cccdc;
  color: #fff;
}
.product-swiper-min {
  margin: 23px 0 19px;
}
.product-min-item {
  cursor: pointer;
  margin-bottom: 4px;
}
.product-min-item:hover figure:before,
.product-min-item.slick-current figure:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.product-min-item figure {
  display: block;
  position: relative;
  width: 109px;
  height: 111px;
  background: #f6f6f6;
}
.but {
        background-image: linear-gradient(#0a57a3, #004b96);
    box-shadow: 0 0 1px #ffff00;
    border-radius: 3px;
    color: #fff;
    display: block;
    overflow: hidden;
    width: 240px;
    line-height: 40px;
    text-align: center;
}
.product-introduct-top p strong{display: inline-block;}
.product-min-item figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #6cccdc;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s;
}
.product-min-item figure img {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  max-width: 70%;
  max-height: 70%;
}
.product-detaul {
  padding: 20px 0 0;
}
.proitems li {
  margin-bottom: 52px;
  background: #fafafa;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.proitems li:last-child {
  margin-bottom: 0;
}
.proitems li:nth-child(2n+2) {
  flex-direction: row;
  -webkit-flex-direction: row;
}
.proitems li:nth-child(2n+2) .product-vietext {
  margin-left: 0;
  margin-right: 6.5%;
}
.proitems li figure {
  display: block;
  width: 50%;
  line-height: 1;
}
.proitems li figure img {
  display: block;
  width: 100%;
  height: auto;
}
.product-vietext {
  width: 36.666%;
  margin-left: 6.5%;
}
.product-vietext strong {
  display: block;
  margin-bottom: 32px;
  line-height: 1.2;
  color: #2d313d;
  font-size: 28px;
}
.product-vietext p {
  color: #666666;
  font-size: 16px;
}
.leval-menu-flex {
  position: sticky;
  left: 0;
  top: 70px;
  height: 80px;
  background: #f3f0f0;
  text-align: center;
  z-index: 40;
}
.leval-list {
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 100%;
}
.leval-list li {
  position: relative;
  z-index: 3;
  margin-right: 64px;
}
.leval-list li:before {
  content: "";
  width: 0;
  height: 3px;
  background: #0a57a3;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.product-item-info{
	font-size:14px;
	color:#444;
	line-height: 2;
}
.parameter {
  padding-top: 0px;
}
.guarantees{margin-bottom:80px}
.parameter-list {
 padding-bottom:190px;
}
.parameter-list li {
  display: flex;
  display: -webkit-flex;
  padding: 20px 12px;
  border-bottom: 1px solid #eee;
  width: 48%;
  margin: 0 1%;
  float: left;
}
.parameter-list li span {
  display: block;
  width: 158px;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
}
.parameter-list li p {
  flex: 1;
  -webkit-flex: 1;
  font-size: 16px;
  color: #333333;
}
.staff-tt {
    display: block;
    line-height: 1;
    margin: 30px 0;
    text-align: left;
    color: #242c39;
    padding-bottom: 15px;
    font-size: 24px;
    border-bottom: 2px solid #0a57a3;
}
.leval-list li:hover,
.leval-list li.active {
  color: #fff;
}
.leval-list li:hover:before,
.leval-list li.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.leval-list li:last-child {
  margin-right: 0;
}
.leval-list li.active a,
.leval-list li:hover a {
  color: #2c3441;
}
.leval-list li a {
  display: inline-block;
  position: relative;
  z-index: 3;
  color: #333333;
  font-size: 18px;
  padding: 0 2px;
}
.about{padding:80px 0}
.info .ab1_desc{font-size:15px;color:#444}
@media screen and (max-width:768px) {

	.product-introduct{width:100%}
	.proudct-max{top:100%;margin-top:0;width:100%;height:100%;left:0;margin-left:0;background: none;}
	.prodetil{padding: 0 15px;}
	.product-sli-item img{transform: scale(1);}
	.homeBoxC-c .img img{height:auto}
	.product-sli-item{height:100%}
	.product-views{padding-top:0}
	.product-li li figure{height:290px}
	.product-introduct-top p{font-size:15px}
	.product-li li figure img{height:250px}
	.news .news_01 .bt1{font-size:20px;}
	.staff-tt{font-size:20px}
	.parameter-list li span{font-size:15px}
	.parameter-list li p{font-size:15px}

	.parameter-list li{padding:12px;width:100%;margin:0}
	.news .news_03 .an{top:130%}
	.new_a .new_a_01{width:100%}
	.product-introduct-top strong{font-size:24px;margin-bottom:10px}
	.new_a .new_a_01 ul li{padding:30px 15px 50px}
	.new_a .new_a_01 ul li .sj{width: 20%;line-height:2}
	.product-li li{width:100%;margin-bottom:20px}
	.pro{    flex-wrap: wrap;padding:40px 0}
	.mySwiperFactory p{font-size:2rem}
	.product-list,.c-left-box{width:100% !important}
  .new_a .new_a_01 ul li .img{display: none}
  .new_a{padding:40px 0}
  .ysItem .atit img{height:auto}
  .Banner{margin-top:60px}
  .proudct-max {
    width: 80vw;
    height: 80vw;
  }
  .product-ww {
      position: relative;
  }
  .proudct-max {
    position: relative;
    width: 50vw;
    height: 50vw;
    left: 0;
    top: 0;
    margin: auto;
  }
  .ptjsBox .desc .atit{font-size:2.4rem}
  .ptjsBox .desc .btit{font-size:14px;line-height:1.5}
  .new_a .new_a_01 ul li .sev{width:80%}
  .new_a .new_a_01 ul li .sev .bt1{font-size:17px}
  .new_a .new_a_01 ul li .sev .bt2{font-size:14px}
  .contact{padding:40px 0}
  .new_a .new_a_01 ul li .sev .an .an1 i{width:30px;height:30px}
}
.mainMd {
    position: absolute;
    left: 0;
    top: -72px;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.relative{position: relative;}
.gybt .b {
    color: #0a57a3;
    font-size:20px;
}
.gybt .d {
    color: #292b2b;
    margin-top: 20px;
    font-size:36px;
    font-weight: 500;
}
.admin_title {
    width: 100%;
    margin: 0 auto 40px;
    padding: 0
}

.admin_title span {
    display: block;
    width: 100%;
    height: 48px;
    overflow: hidden;
    line-height: 48px;
    color: rgba(40,40,40,0.1);
    font-size: 44px;
    font-weight: bold;
    text-align: center;
    text-transform: Uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    padding: 0
}

.admin_title p {
    width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #303030;
    font-size: 30px;
    text-align: center;
    margin: 0 auto 10px;
    padding: 0
}

.admin_title i {
    display: block;
    width: 350px;
    height: 23px;
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    position: relative
}

.admin_title i:before {
    content: "";
    width: 150px;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 50%
}

.admin_title i:after {
    content: "";
    width: 150px;
    height: 1px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 50%
}
#pro,#case,#news{padding-bottom: 60px}
.admin_title i img {
    width: 23px
}

#pro .btit{color:#333;font-weight: 550}
#pro .ctit{color:#9c9c9c}
#case .btit{background:#0a57a3;margin:0;padding:10px;font-size:18px}
.aboutb {padding:80px 0 50px}
.aboutb img{width: 100%}
.aboutA { padding: 80px 0 0;  }
.aboutA-b .con p{margin-bottom:10px; color:#444;}
.aboutA-b { float: left; width: 55%; position: relative; left:0; }
.aboutA-b .con {margin:25px 0 0; line-height:2;font-size: 15px;color:#324655; line-height: 1.6; }
.aboutA-c { margin-top:9%;position: relative; z-index: 2; float: right; width: 40%; }
.aboutA-b .con .c1 { font-size:22px; }
.aboutA-b .con .c2 p { margin-top:10px; }
.imgA { border-radius:12px; overflow: hidden; }

@media(max-width: 1700px){
    .aboutA-b .con { font-size:18px; }
    .aboutA-b .con .c1 { font-size:20px; }
}
@media(max-width: 1500px){
    .aboutA-b .con { font-size:14px; }
    .aboutA-b .con .c1 { font-size:18px; }
}
#news .homeBoxC-e ul li:nth-child(n+2){border:none}
#news .homeBoxC-e ul li:nth-child(n+3){border-top: 1px solid #dedede;}
#news .homeBoxC-e{width: 100%;margin-bottom:60px}
#news .homeBoxC-e ul li{width:48%;margin:0 1%;float:left}
.img p{color:#fff;
    padding: 8px;
    text-align: center;}
.f-message .img{width:46%;float:left;margin:0 2%}
.nyBanner h1,.nyBanner h2{margin-top:20px;font-size:2.2rem;line-height: 2}
@media(max-width: 1100px){
	.aboutb{padding:20px 0}
	.imgA img{width:100%;height:auto !important }
    .imgA { border-radius:6px;}
    .aboutA { padding: 40px 15px 50px; }
    .aboutA-b .con { margin-top:10px; }
    .aboutA { padding-bottom: 50px; }
    .aboutA-c { margin-top: 20px; width: 100%; position: relative; right:0; top:0; transform: translateY(0); }
    .aboutA-b { width: 100%; position: relative; top:0; transform: translateY(0); }
}
.aboutC { padding:2vw 0 4vw; }
.aboutC-b { margin-top:40px; }
.aboutC-b ul li { border:1px solid #dedede; border-radius:6px; float:left; width: calc(10% - 15px); margin-right:18px; }
.aboutC-b ul li img { transition: all 0.3s; width:100%}
.aboutC-b ul li:hover img { transform:scale(0.9); }
.aboutC-b ul li:nth-child(9n) { margin-right:0; }
.aboutC-b ul li:nth-child(n+10) { margin-top: 18px; }
@media(max-width: 1500px){
    .aboutC-b { margin-top:30px; }
}
@media(max-width: 1100px){
	.gybt .d{font-size:24px}
    .aboutC { padding:40px 15px 50px; }
    .aboutC-b { margin-top:20px; }
    .aboutC-b ul li { width: calc(33.3333% - 4px); margin-right: 6px; }
    .aboutC-b ul li:nth-child(5n) { margin-right:6px; }
    .aboutC-b ul li:nth-child(3n) { margin-right:0; }
    .aboutC-b ul li:nth-child(n+4) { margin-top: 6px; }
}
.h-nav .li .subnav {
    background: #fff;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
    height: auto;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 110%;
    width: 120px;
    z-index: 199;
}
.h-nav .li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
.h-nav .li:hover .subnav {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.h-nav .li .subnav a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    height: 40px;
    padding: 0;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    background: #fff;
    text-align: center;
}
.h-nav .li .subnav a:hover {
    color: #333;
    background: #e1e1e1;
}
.nav ul li .abox a {
    display: block;
    font-size: 14px;
    color: #9c9c9c;
}
@media(max-width: 1100px){
	.foot2 a, .foot2 span{font-size:14px}
	.nyBanner .img{height:200px}
	.nyBanner h1, .nyBanner h2{font-size:16px}
	.ptjsBox .desc h1{font-size:20px}
}
@media(max-width: 768px){
	.sider{display:none}
}