.indexban{position:relative;overflow:hidden}
.indexban .textbox{position:absolute;top:50%;margin-top:-97px;left:50%;margin-left:-37.5vw;z-index:2}
.indexban .img img{width:100%}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:100%;bottom:40px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:14px;height:14px;background-color:#fff;opacity:1;margin:0 8px;position:relative}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#00a0e9}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:38px;height:38px;position:absolute;top:50%;margin-top:-19px;left:50%;margin-left:-19px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0.2);stroke-width:1}
.circle-chart__circle{stroke-linecap:square;fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:2;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 6s linear reverse;-moz-animation:circle-chart-fill 6s linear reverse;-webkit-animation:circle-chart-fill 6s linear reverse;-ms-animation:circle-chart-fill 6s linear reverse}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 5.5s linear reverse;-webkit-animation:circle-chart-fill 5.5s linear reverse;-ms-animation:circle-chart-fill 5.5s linear reverse}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}
.homepro{padding:110px 0 118px;background-color:#f4f4f4}
.homepro .pagetitle .cntitle, .homepro .pagetitle .entitle{text-align:center}
.homepronav{margin:32px 0 40px}
.homepronav .swiper-wrapper{text-align:center;display:block}
.homepronav .swiper-slide{width:auto;color:#666;font-size:16px;margin:0 23px;line-height:56px;border-bottom:2px solid #f4f4f4;display:inline-block;vertical-align:middle;cursor:pointer;transition-property:revert;-webkit-transition-property:revert;-o-transition-property:revert;transition-property:revert}
.homepronav .swiper-slide.cur, .homepronav .swiper-slide:hover{border-bottom-color:#00a0e9;color:#00a0e9}
.homeprolist{display:none;position:relative}
.homeprolist.cur{display:block}
.homeprolist .img img{width:100%}
.homeprolist .box{display:block;background-color:#fff;padding:45px 50px}
.homeprolist .textbox{margin-top:35px}
.homeprolist .title{color:#000;font-size:18px;font-weight:bold;text-align:center;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homeprolist .text{color:#999;text-align:center;margin-top:8px;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.homeprolist .box:hover{box-shadow:0px 5px 20px 0px rgba(0,0,0,0.05)}
.homeprolist .box:hover .title{color:#00a0e9}
.homeprolist .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.homeprolist .swiper-button-next, .homeprolist .swiper-button-prev{width:56px;height:56px;background-color:#f4f4f4;border:1px solid #e2e2e2;margin-top:-28px;opacity:1;background-size:6px 11px}
.homeprolist .swiper-button-next:hover,
.homeprolist .swiper-button-prev:hover{background-color:#00a0e9;border-color:#00a0e9}
.homeprolist .swiper-button-prev{background-image:url(../image/culleft.png);left:calc(-2.08vw + -56px)}
.homeprolist .swiper-button-prev:hover{background-image:url(../image/culleft_cur.png)}
.homeprolist .swiper-button-next{background-image:url(../image/culright.png);right:calc(-2.08vw + -56px)}
.homeprolist .swiper-button-next:hover{background-image:url(../image/culright_cur.png)}
.homenews{padding:104px 0 116px}
.homenewsbtn{margin-top:20px}
.homenewsbtn .swiper-button-next, .homenewsbtn .swiper-button-prev{width:56px;height:56px;position:static;margin-top:0;background-color:#fff;border:1px solid #e2e2e2;opacity:1;background-size:6px 11px}
.homenewsbtn .swiper-button-next:hover,
.homenewsbtn .swiper-button-prev:hover,
.homenewsbtn .list:hover{background-color:#00a0e9;border-color:#00a0e9}
.homenewsbtn .swiper-button-prev{background-image:url(../image/culleft.png);margin-right:10px}
.homenewsbtn .swiper-button-prev:hover{background-image:url(../image/culleft_cur.png)}
.homenewsbtn .swiper-button-next{background-image:url(../image/culright.png);margin-right:10px}
.homenewsbtn .swiper-button-next:hover{background-image:url(../image/culright_cur.png)}
.homenewsbtn .list{width:56px;height:56px;background-color:#fff;border:1px solid #e2e2e2;background-image:url(../image/homenewlist.png);background-repeat:no-repeat;background-position:center center;background-size:15px 15px;display:block}
.homenewsbtn .list:hover{background-image:url(../image/homenewlist_cur.png)}
.homenewsslide{margin-top:58px}
.homenewsslide .swiper-container{padding-right:1px}
.homenewsslide .swiper-wrapper{padding-right:1px}

@media (min-width:1024px){
    
}

@media (max-width:1620px){

}

@media (max-width:1440px){
	.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
	.homepro{padding:80px 0 88px}
	.homeprolist .box{padding:30px 35px}
	.homeprolist .swiper-button-next, .homeprolist .swiper-button-prev{width:40px;height:40px}
	.homeprolist .swiper-button-prev{left:calc(-1.5vw + -40px)}
	.homeprolist .swiper-button-next{right:calc(-1.5vw + -40px)}
	.homepronav .swiper-slide{font-size:15px;line-height:50px;margin:0 15px}
	.homenews{padding:75px 0 85px}
	.homenewsbtn{margin-top:15px}
	.homenewsslide{margin-top:45px}
}

@media (max-width:1280px){
	.homeprolist .swiper-button-prev{left:calc(-1vw + -30px)}
	.homeprolist .swiper-button-next{right:calc(-1vw + -30px)}
	.homepronav .swiper-slide{font-size:14px;line-height:44px;margin:0 10px}
}

@media (max-width:1024px){
	.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
	.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;margin:0 6px}
	.homepro{padding:30px 0}
	.homepronav{margin:12px 0 25px}
	.homepronav .swiper-wrapper{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
	.homepronav .swiper-slide{line-height:26px;margin:0}
	.homeprolist .box{padding:15px}
	.homeprolist .title{font-size:16px;height:22px;line-height:22px}
	.homeprolist .text{line-height:1.4;height:38px}
	.homeprolist .swiper-button-next, .homeprolist .swiper-button-prev{display:none}
	.homeprolist{padding-bottom:28px}
	.homeprolist .swiper-pagination{width:100%;bottom:0;text-align:center}
	.homeprolist .swiper-pagination-bullet{margin:0 3px;background-color:#fff;opacity:1}
	.homeprolist .swiper-pagination-bullet-active{background-color:#00a0e9}
	.homenews{padding:25px 0}
	.homenewsbtn{margin-top:13px}
	.homenewsbtn .swiper-button-next, .homenewsbtn .swiper-button-prev{width:30px;height:30px;background-size:4px 8px;margin-right:6px}
	.homenewsbtn .list{width:30px;height:30px;background-size:10px}
	.homenewsslide{margin-top:20px}
}

.pagetitle .cntitle{font-size:46px;line-height:58px;color:#000;font-weight:bold}
.pagetitle .entitle{font-size:24px;line-height:36px;color:#00a0e9;font-family:Arial}

@media (max-width:1620px){
    .pagetitle .cntitle{font-size:40px;line-height:52px}
	.pagetitle .entitle{font-size:22px;line-height:34px}
}

@media (max-width:1440px){
    .pagetitle .cntitle{font-size:32px;line-height:42px}
	.pagetitle .entitle{font-size:18px;line-height:28px}
}

@media (max-width:1280px){
    .pagetitle .cntitle{font-size:26px;line-height:36px}
	.pagetitle .entitle{font-size:16px;line-height:26px}
}

@media (max-width:1024px){
    .pagetitle .cntitle{font-size:18px;line-height:26px}
    .pagetitle .entitle{font-size:14px;line-height:20px}
}

.about{padding:120px 0}
.aboutbox{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.aboutbox .textbox{width:50%;padding-right:6.25vw}
.aboutbox .img{width:50%}
.aboutbox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.aboutbox .title{margin:24px 0;color:#000;font-size:30px}
.aboutbox .text{color:#666;line-height:2.143}
.aboutbox .more{width:160px;height:58px;display:block;text-align:center;margin-top:55px;border:2px solid #00a0e9;color:#00a0e9;text-align:center;line-height:54px}
.aboutbox .more span{font-weight:bold;color:#00a0e9;font-size:22px;display:inline-block;vertical-align:top;margin-left:16px}
.aboutbox .more:hover{background-color:#00a0e9;color:#fff}
.aboutbox .more:hover span{color:#fff}
.culture{padding:90px 0 118px}
.culbtn .swiper-button-prev, .culbtn .swiper-button-next{width:56px;height:56px;border:1px solid #e2e2e2;position:static;margin-top:0;background-size:auto;opacity:1}
.culbtn .swiper-button-prev{background-image:url(../image/culleft.png)}
.culbtn .swiper-button-prev:hover{background-color:#00a0e9;background-image:url(../image/culleft_cur.png)}
.culbtn .swiper-button-next{background-image:url(../image/culright.png);margin-left:10px}
.culbtn .swiper-button-next:hover{background-color:#00a0e9;background-image:url(../image/culright_cur.png)}
.culturebox{width:100%;margin-top:60px}
.culturebox .swiper-container{width:100%}
.culturebox .swiper-slide{border:1px solid #ececec;cursor:pointer}
.culturebox .swiper-slide .sellbox{flex-direction:column;height:100%}
.culturebox .img{width:100%}
.culturebox .textbox{width:100%;height:210px;background-color:#fff}
.culturebox .textbox .bigbox{width:100%;background-color:#fff;padding:46px 58px 35px 46px;position:absolute;bottom:0;left:0;background-image:url(../image/culbg.jpg);background-repeat:no-repeat;background-position:right 30px bottom;background-size:auto}
.culturebox .title{color:#000;font-size:24px}
.culturebox .line{width:14px;height:2px;background-color:#00a0e9;margin:12px 0 10px}
.culturebox .box{height:74px;overflow:hidden}
.culturebox .item{padding-left:20px;position:relative}
.culturebox .item:after{content:"";width:8px;height:8px;border:2px solid #e0e0df;border-radius:8px;position:absolute;top:8px;left:0;box-sizing:border-box}
.culturebox .item p{color:#666;line-height:1.714}
.culturebox .item h3{color:#666;line-height:1.714;font-size:16px}
.culturebox .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
/* .culturebox .swiper-slide:hover .box{height:138px;}
.culturebox .swiper-slide:hover .box .items{overflow-y:auto} */
.honor{padding:90px 0 100px}
.honoritems{margin:50px 0 20px}
.honoritem{width:23.125%;margin-right:2.5%;margin-bottom:38px}
.honoritem:nth-of-type(4n){margin-right:0}
.honoritem .box{height:100%;border:1px solid #e7e7e7;padding:20px 25px 35px;background-color:#fff}
.honoritem .box img{width:100%}
.honoritem .textbox{margin-top:10px}
.honoritem .title{color:#666;font-size:16px;text-align:center}
.honoritem:hover .box{border-color:#fff;box-shadow:2.5px 4.33px 20px 0px rgba(14, 5, 10, 0.1);transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px)}
.honoritem:hover .title{color:#00a0e9;font-weight:bold}
.honoritem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
@media (max-width:1440px){
    .about{padding:80px 0}
	.aboutbox .textbox{padding-right:4vw}
	.aboutbox .title{font-size:22px;margin:12px 0}
	.aboutbox .text{line-height:2}
	.culture{padding:65px 0 85px}
	.culturebox{margin-top:45px}
	.culturebox .textbox{height:179px}
	.culturebox .title{font-size:20px}
	.culturebox .textbox .bigbox{padding:30px 42px 25px 30px}
	.honor{padding:65px 0 80px}
	.honoritems{margin:35px 0 10px}
	.honoritem{margin-bottom:25px}
}

@media (max-width:1024px){
    .about, .culture, .honor{padding:45px 0}
	.aboutbox .textbox{width:100%;padding-right:0}
	.aboutbox .img{width:100%;margin-top:25px}
	.aboutbox .title{font-size:18px;margin:10px 0}
	.aboutbox .text{line-height:1.8}
	.culturebox{margin-top:25px}
	.culbtn .swiper-button-prev, .culbtn .swiper-button-next{width:36px;height:36px}
	.culturebox .swiper-slide .img img{width:100%}
	.culturebox .textbox{height:auto;flex:1}
	.culturebox .textbox .bigbox{position:relative;height:100%;padding:25px 20px;background-size:80px auto}
	.culturebox .box{height:auto}
	.culturebox .title{font-size:16px}
	.culturebox .line{margin:8px 0 6px}
	.culturebox .swiper-container{padding-bottom:4px}
	.culturebox .swiper-slide{height:auto}
	.honoritems{margin:25px 0}
	.honoritem{width:48%;margin-right:4%;margin-bottom:20px}
	.honoritem:nth-of-type(2n){margin-right:0}
	.honoritem .box{padding:10px 5px 15px}
	.honoritem .title{font-size:14px}
	.aboutbox .more{width:110px;height:36px;line-height:34px;border-width:1px}
	.aboutbox .more span{margin-left:6px;font-size:18px;vertical-align:middle}
}

.product{padding:86px 0 120px}
.prodtop .pagetitle .cntitle,
.prodtop .pagetitle .entitle{text-align:center}
.prodnav{text-align:center;margin-top:54px}
.prodnavlist{min-width:120px;padding:0 20px;height:44px;border-radius:44px;line-height:42px;display:inline-block;vertical-align:middle;background-color:#f4f4f4;border:1px solid #efefef;margin:0 8px}
.prodnavlist.cur, .prodnavlist:hover{background-color:#00a0e9;border-color:#00a0e9;color:#fff}
.proditems{margin:60px 0 20px}
.proditem{width:23.125%;margin-right:2.5%;margin-bottom:38px;display:block}
.proditem:nth-of-type(4n){margin-right:0}
.proditem .box{border:1px solid #e7e7e7;padding:45px 50px;background-color:#fff}
.proditem .img img{width:100%}
.proditem .textbox{margin-top:35px}
.proditem .title{color:#000;font-size:18px;font-weight:bold;text-align:center;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proditem .text{color:#999;text-align:center;margin-top:8px;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.proditem:hover .box{border-color:#fff;box-shadow:2.5px 4.33px 20px 0px rgba(14, 5, 10, 0.1);transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px)}
.proditem:hover .title{color:#00a0e9;font-weight:bold}
.proditem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.cont1{padding-top:96px}
#map{width:100%;height:550px;overflow:hidden}
#map .contmapimg{width:100%;height:100%;object-fit:cover}
.cont2{padding:68px 0 50px;border-bottom:1px solid #f2f2f2}
.cont2 .title{color:#000;font-size:30px;font-weight:bold;text-align:center}
.cont2 .text{color:#666;font-size:16px;text-align:center;margin-top:20px}
.cont3{padding:60px 0 115px}
.cont3 .list{width:20%}
.cont3 .list .icon{width:60px;margin:0 auto}
.cont3 .list .textbox{margin-top:15px}
.cont3 .list .title{color:#000;font-size:18px;font-weight:bold;text-align:center}
.cont3 .list .text{color:#666;text-align:center;margin-top:6px}
.cont3 .list:hover .icon{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg)}

@media (max-width:1440px){
    .product{padding:65px 0 90px}
	.prodnav{margin-top:35px}
	.proditem{margin-bottom:25px}
	.proditems{margin:40px 0 20px}
	.proditem .box{padding:30px 35px}
	.cont1{padding-top:70px}
	.cont2{padding:45px 0 30px}
	.cont3{padding:40px 0 80px}
}

@media (max-width:1024px){
    .product{padding:45px 0}
    .prodnav{margin-top:25px}
    .proditem{width:48%;margin-right:4%;margin-bottom:20px}
	.proditem:nth-of-type(2n){margin-right:0}
    .proditems{margin:20px 0 25px}
    .proditem .box{padding:20px 10px}
	.proditem .title{font-size:16px;height:24px;line-height:24px}
	.proditem .text{font-size:12px;line-height:1.6;margin-top:5px;height:38px}
	.proditem .textbox{margin-top:15px}
	.prodnavlist{min-width:106px;padding:0 10px;height:34px;line-height:32px;margin:8px 0}
	.cont1{padding-top:45px}
	.cont2{padding:30px 0}
	.cont3{padding:30px 0 20px}
	#map{height:300px}
	.cont2 .title{font-size:18px}
	.cont2 .text{font-size:14px;margin-top:6px}
	.cont3 .list{width:50%;margin-bottom:25px}
	.cont3 .list .icon{width:40px}
	.cont3 .list .title{font-size:15px}
	.cont3 .list .textbox{margin-top:10px}
	.cont3 .list .text{font-size:13px;margin-top:2px}
}

.prodetlf{width:calc(100% - 348px);padding:92px 80px 14.58vw 0;border-right:1px solid #ededed}
.prodetlftop .cntitle{color:#00041a;font-size:30px;font-weight:bold}
.prodetlftop .entitle{color:#666;margin-top:15px}
.prodetimg{margin:35px 0;border:1px solid #efefef}
.prodetbot .list{margin-bottom:25px}
.prodetbot .list .name{color:#00a0e9;font-weight:bold;font-size:18px}
.prodetbot .list .text{color:#666;margin-top:10px;line-height:2.143}
.prodetplay{width:120px;height:44px;background-color:#00a0e9;display:block;line-height:44px;color:#fff;border-radius:44px;padding-left:44px;background-image:url(../image/proplay.png);background-repeat:no-repeat;background-position:left 20px center}
.prodetlr{width:348px;padding:96px 0 0 80px}
.prodetlrtop{padding-bottom:8px;border-bottom:1px solid #ededed;position:relative}
.prodetlrtop:after{content:"";width:30px;height:2px;background-color:#00a0e9;position:absolute;bottom:0;left:0}
.prodetlrtop .title{color:#000;font-size:18px;font-weight:bold}
.prodetrec{margin:30px 0}
.prodetrecitem{margin-bottom:30px;border:1px solid #efefef;padding:25px 24px;display:block;background-color:#fff}
.prodetrecitem:hover{border-color:#fff;box-shadow:2.5px 4.33px 20px 0px rgba(14, 5, 10, 0.1);transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px)}
.prodetrecitem .title{color:#666;font-size:16px;text-align:center;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prodetrecitem .textbox{margin-top:22px}
.prodetrecitem:hover .title{color:#00a0e9;font-weight:bold}
.prodetrecitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prodetsharelist{width: calc((100% - 10px) / 2);height:44px;border-radius:44px;cursor:pointer;line-height:42px;border:1px solid #ededed;font-size:12px;padding-left: 40px;background-repeat:no-repeat;background-position: left 2px center;background-size:44px auto;}
.prodetsharelist[data-wx]{background-image:url(../image/footwx_cur.png);margin-right: 2px;}
.prodetsharelist[data-wx]:hover{background-image:url(../image/footwx.png)}
.prodetsharelist[data-wb]{background-image:url(../image/footwb_cur.png)}
.prodetsharelist[data-wb]:hover{background-image:url(../image/footwb.png)}
.prodetsharelist:hover{background-color:#00a0e9;border-color:#00a0e9;color:#fff}
.w1280{width:1280px;margin:0 auto;max-width:100%}
.news{padding:100px 0 120px}
.newsitem{margin-bottom:20px}
.newsitem{width:33.33%;display:block;border:1px solid #efefef;border-right:none;margin-bottom:40px;background-color:#fff}
.newsitem:nth-of-type(3n){border-right:1px solid #efefef}
.newsitem .img img{width:100%}
.newsitem .textbox{padding:46px 46px 80px 50px}
.newsitem .date{color:#00a0e9;font-weight:bold;font-family:Arial}
.newsitem .title{color:#000;font-size:18px;margin:20px 0 68px;font-weight:bold;line-height:28px;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.newsitem .morebox{width:106px;border-bottom:2px solid #ededed;padding-bottom:12px;position:relative}
.newsitem .morebox:after{content:"";width:27px;height:2px;background-color:#00a0e9;position:absolute;left:0;bottom:-2px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.newsitem .morebox .more{transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.newsitem .morebox .more span{color:#000;font-weight:bold;font-size:16px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem:hover .title, .newsitem:hover .morebox .more, .newsitem:hover .morebox .more span{color:#00a0e9}
.newsitem:hover .morebox:after{width:100%}
.newdettop .title{color:#00041a;font-size:30px;font-weight:bold}
.newdettop .other{margin-top:20px}
.newdettop .other .list{color:rgba(0,4,26,0.65);margin-right:20px}
.newdettop .other .list:nth-last-of-type(1){margin-right:0}
.newdetcont{padding:30px 0;border-bottom:1px solid #ededed;border-top:1px solid #ededed;margin:32px 0}
.newdetcont p{color:#666;line-height:2.143}
.newsdetlf{padding-bottom:100px}
.newdetlr .prodetrecitem{border:none;padding:0;border-bottom:1px solid #ededed}
.newdetlr .prodetrecitem .textbox{padding-bottom:24px}
.newdetlr .prodetrecitem .title{text-align:left;height:44px;-webkit-line-clamp:2}
.newdetlr .prodetrecitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newdetlr .prodetrecitem:hover .title{color:#00a0e9;font-weight:bold}
.newpagers{width:calc(100% - 270px)}
.newpagerslist .name{width:60px;color:#00a0e9;font-weight:bold}
.newpagerslist .text{display:block;width:calc(100% - 60px);color:#666}
.newpagerslist a.text:hover{color:#00a0e9}
.newpagerslist:nth-of-type(1){margin-bottom:12px}
.newdetbot .return{width:120px;height:44px;display:block;border:1px solid #00a0e9;text-align:center;line-height:42px;color:#00a0e9}
.newdetbot .return:hover{background-color:#00a0e9;color:#fff;border-radius:44px}
.recruit{padding:90px 0 100px}
.recruititems{margin:54px 0 60px;border-top:1px solid #f2f2f2}
.recruititem{padding:54px 0 58px;border-bottom:1px solid #f2f2f2}
.recruititem .left{width:440px}
.recruititem .left .name{color:#000;font-size:24px;font-weight:bold}
.recruititem .left .line{width:19px;height:3px;background-color:#00a0e9;margin-top:14px}
.recruititem .cen{width:calc(100% - 600px);padding:0 40px}
.recruititem .cen .list{margin-bottom:40px}
.recruititem .cen .list .name{color:#000;font-size:16px;font-weight:bold}
.recruititem .cen .list .text{color:#666;line-height:2.143;margin-top:8px}
.recruititem .cen .hidebox{display:none}
.recruititem .cen .more{width:160px;height:44px;border:1px solid #00a0e9;color:#00a0e9;text-align:center;line-height:42px;cursor:pointer}
.recruititem .cen .more:hover{background-color:#00a0e9;color:#fff}
.recruititem .right{width:160px}
.recruititem .right .title{color:#666;text-align:right}
.recruititem .right .text{color:#00a0e9;margin-top:10px;text-align:right}
.recruititem .right .date{color:#666;margin-top:46px;text-align:right}

@media (max-width:1440px){
    .prodetlftop .cntitle, .newdettop .title{font-size:24px}
	.w1280{width:82vw}
	.prodetlf{padding:70px 60px 17.58vw 0}
	.prodetlr{padding:72px 0 0 60px}
	.prodetrecitem{margin-bottom:20px}
	.news{padding:75px 0 90px}
	.newsitem .textbox{padding:30px 30px 55px 35px}
	.newsitem .title{margin:15px 0 45px}
	.recruit{padding:70px 0 80px}
	.recruititem{padding:34px 0 38px}
	.recruititems{margin:40px 0 45px}
	.recruititem .left{width:300px}
	.recruititem .cen{width:calc(100% - 420px)}
	.recruititem .right{width:120px}
	.newsdetlf{padding-bottom:70px}
}

@media (max-width:1280px){
	.w1280{width:84vw}
}

@media (max-width:1024px){
    .w1280{width:100%;padding:0 30px}
	.prodetlf{width:100%;padding:45px 0 0 0;border-right:none}
	.prodetlftop .cntitle, .newdettop .title{font-size:18px}
	.prodetlftop .entitle{margin-top:8px}
	.prodetimg{margin:25px 0}
	.prodetbot .list .name{font-size:16px}
	.prodetbot .list .text{line-height:1.6}
	.prodetplay{width:102px;height:30px;line-height:30px;padding-left:35px;background-position:left 13px center;font-size:12px;background-size:12px auto}
	.prodetlr{width:100%;padding:30px 0 45px 0}
	.prodetrecitem{padding:15px 15px 20px}
	.prodetrecitem .img img{width:100%}
	.prodetrecitem .title{font-size:14px;line-height:20px;height:20px}
	.prodetsharelist{width:calc((100% - 80px) / 2);padding-left:15%;background-position:left 10% center}
	.prodetsharelist[data-wx]{margin-right:80px}
	.news, .recruit{padding:45px 0}
	.newsitem{margin-bottom:20px}
	.newdettop .other{margin-top:10px}
	.newdettop .other .list{font-size:12px;margin-right:15px}
	.newdetcont{margin:25px 0;padding:25px 0}
	.newdetcont p{line-height:1.8}
	.newpagers{width:100%}
	.newpagerslist:nth-of-type(1){margin-bottom:6px}
	.newdetbot .return{width:90px;height:34px;line-height:32px;margin-top:20px}
	.recruititem{padding:20px 0}
	.recruititems{margin:25px 0}
	.recruititem .left{width:100%}
	.recruititem .left .name{font-size:18px}
	.recruititem .left .line{width:14px;height:2px;margin-top:6px}
	.recruititem .cen{width:100%;padding:10px 0}
	.recruititem .cen .list .text{line-height:1.8}
	.recruititem .cen .list{margin-bottom:15px}
	.recruititem .cen .more{width:120px;height:34px;line-height:32px}
	.recruititem .right{width:100%;margin-top:15px}
	.recruititem .right .top{float:left}
	.recruititem .right .date{float:right;margin-top:0}
	.recruititem .right .title{text-align:left;float:left;margin-right:10px}
	.recruititem .right .text{float:left;margin-top:0}
	.newsdetlf{padding-bottom:30px}
}

@media (max-width:768px){
    .w1280{padding:0 15px}
	.newsitem{width:100%}
	.newsitem .textbox{padding:25px 20px}
	.newsitem .title{margin:5px 0 20px;font-size:16px;line-height:24px;height:48px}
	.newsitem .morebox{width:80px;padding-bottom:6px}
}

/* 2021.04.20新增 */
.message{padding:110px 0}
.message .form{margin-top:55px}
.message .list{width:31%;margin-right:3.5%;margin-bottom:30px}
.message .list:nth-of-type(3n){margin-right:0}
.message .list.last{width:100%}
.message .list .name{font-size:16px;color:#666}
.message .list .name span{color:#ae0913}
.message .list input{width:100%;height:56px;border:1px solid #d2d2d2;padding:0 15px}
.message .list textarea{width:100%;height:130px;padding:10px 15px;border:1px solid #d2d2d2}
.message .list .input{margin-top:8px}
.messsel{position:relative;margin-top:8px}
.messseltop{width:100%;height:56px;line-height:54px;border:1px solid #d2d2d2;padding:0 15px;cursor:pointer}
.messselitems{width:100%;max-height:130px;overflow-y:auto;background-color:#fff;border:1px solid #d2d2d2;border-top:none;box-shadow:0px 6px 24px 0px rgba(0,0,0,0.04);position:absolute;top:76px;left:0;z-index:-1;opacity:0;visibility:hidden}
.messselitems::-webkit-scrollbar{width:4px}
.messselitems::-webkit-scrollbar-thumb{background-color:var(--color);border-radius:4px}
.messselitems::-webkit-scrollbar-track{background-color:#f4fff9}
.messselitem{color:#999;padding:0 15px;height:38px;line-height:38px;cursor:pointer}
.messselitem:hover{color:#00a0e9}
.messsel.cur .messselitems{top:55px;z-index:9;opacity:1;visibility:visible}
.messbtn{width:300px;height:56px;font-size:16px;background-color:#00a0e9;color:#fff;text-align:center;line-height:56px;cursor:pointer}


@media (max-width:1440px){
    .message{padding:80px 0}
	.message .form{margin-top:40px}
}

@media (max-width:1024px){
    .message{padding:40px 0}
	.message .form{margin-top:20px}
	.message .list{width:100%;margin-right:0;margin-bottom:20px}
	.message .list input{height:40px}
	.messseltop{height:40px;line-height:38px}
	.message .list .name{font-size:14px}
	.message .list textarea{height:100px}
	.messbtn{width:140px;height:40px;line-height:40px;margin:0 auto}
}

@media (max-width:1440px){
    
}
@media (max-width:1024px){
    
}