@charset "utf-8";
/* CSS Document */

.c-banner {position: relative;}
.c-banner .img-box {overflow: hidden;}
.c-banner img {display: block;width: 100%;object-fit: cover;}
.c-banner .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.c-banner .txt-box.center {text-align: center;}
.c-banner h4 {font-size: 52px;color: #fff;}
.c-banner p {font-size: 26px;color: #fff;line-height: 1.4;margin-top: 20px;}


.n_posWpr{top:0px;position: sticky;width:100%; line-height: 80px; background: #fff; height: 80px; z-index:15;  border-bottom:1px solid #e7e7e7;}

.n_pos{ width:30%;background:#1c4890; padding:0px 1rem; font-size: 16px; align-items: center;}
.n_pos img{ font-size: 20px; color:#fff;}
.n_pos a{ color:#fff;font-size:20px;}

.n_bread{width:70%;position: relative;}
.n_menu{ width:calc(100% - 80px);align-items: center;}
.n_menu_a{position: relative;  display: inline-block; width:20%;color:#333333;text-align:center; font-size: 16px; border-right:1px solid #e7e7e7;}
.n_menu_a:nth-child(5){border-right:none;}
.n_menu_a:hover,.n_menu_a.on{ color: #1c4890; }
.n_Top{width:80px;height:80px; line-height:0;border-left:1px solid #e7e7e7;text-align:center;text-align: center;display: flex;flex-wrap: wrap;position: absolute;right: 0;top: 0;}
.n_Top .triangle{width:10px;height:10px;margin:0 auto;border-top: 10px solid transparent;border-bottom: 10px solid #000000;border-left: 10px solid transparent;border-right: 10px solid transparent;margin-top: 15px;}
.n_Top p{width:100%;margin-top: -10px; color:#000; font-size:13px; font-weight:bold;}
.n_Top:hover .triangle{border-bottom: 10px solid #1c4890;}
.n_Top:hover p{color:#1c4890;}

@media (max-width:769px){
.n_posWpr{top:0px;position: sticky;width:100%;line-height: 50px;background: #fff;height: 100px;z-index:100;border-bottom:1px solid #e7e7e7;}
.n_pos{width:100%;background:#1c4890;padding:0px 1rem;font-size: 16px;align-items: center;height: 50px;}
.n_pos img{ font-size: 16px; color:#fff;}
.n_pos a{ color:#fff;font-size:20px;}

.n_bread{width:100%;position: relative;height: 50px;}
.n_menu{width: calc(100% - 50px);align-items: center;}
.n_menu_a{font-size: 12px;}
.n_menu_a:nth-child(5){border-right:none;}
.n_menu_a:hover,.n_menu_a.on{ color: #1c4890; }

.n_Top{width: 50px;height: 50px;}
.n_Top .triangle{margin-top: 0px; }
.n_Top p{margin-top:0px;}

}



.n_common_en{ font-family:Arial; font-size:0.48rem; color:#999999; font-weight:bold;}
/*************公司介绍************/
.n_about{padding:1.6rem 0px 1.4rem;}
.n_about_box .n_about_L{width:35%;}

.n_about_box .n_about_R{width:63%;}
.n_about_box .n_about_qt{ position:relative;font-size:24px;margin-bottom:50px;padding:0 25px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;text-align:justify;line-height:1.6;}
.n_about_box .n_about_qt:before,.n_about_box .n_about_qt:after{content:'';width:47px;height:47px;position:absolute;
background-size:cover;background-origin:center center;background-repeat:no-repeat;}
.n_about_box .n_about_qt:before{top:0;left:0;background-image:url(../images/qmarks_l.png);}
.n_about_box .n_about_qt:after{bottom:0;right:0;background-image:url(../images/qmarks_r.png);}

.n_about_box .n_about_info{line-height:1.9;font-size:16px; color:#666666;padding:0 25px;text-align:justify;}
.n_about_box .n_about_info>p{line-height:1.9;font-size:16px; color:#666666; margin-bottom:0.15rem;}


@media (max-width:769px){
.n_about_box .n_about_L{width:100%;}
.n_about_box .n_about_R{width:100%;}
}


/*************投资者关系************/
.hmCon2{ height:100vh; position:relative; overflow:hidden}
.hmc2imgs{ position:absolute; left:0; top:0; right:0; bottom:0; background:#08498d;}
.hmc2imgItem{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition:all 0.5s ease-in-out;}
.hmc2imgItem.on{ opacity:1}
.hmc2imgItem .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 3s ease-in-out;}
.hmc2imgItem.on .bgImg{ transform:scale(1);}
.hmc2Layer{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; color:#fff;}
.hmc2Layer .wrap{position:relative; height:100%;}
.hmc2tbox{ padding-top:11.11vh; max-width:720px;}
.hmc2tbox .common_en{ color:#fff; }
.hmc2tbox .common_cn{ color:#fff;}

.hmc2Brands{ position:absolute; left:0px; top:40vh; width:100%; max-width:750px;}
.hmc2Branditem{ position:absolute; transition:all 0.5s ease-in-out; opacity:0; left:0; top:0;}
.hmc2Branditem.on{ opacity:1}

.hmc2Branditem h3{ transition: all 0.6s ease-in-out; display: block; opacity: 0; transform: translateY(50px); font-size: 24px; line-height:1.5; font-weight: normal; margin-bottom:2.5vh;}
.hmc2Branditem strong{ transition: all 0.6s ease-in-out; display: block; opacity: 0; transform: translateY(50px); font-size: 18px; line-height: 2; font-weight: normal;margin-bottom:2.5vh;}

.hmc2Branditem strong span{ margin-left: 36px; display: inline-block; }
.hmc2Branditem p{ transition: all 0.8s ease-in-out; opacity: 0; transform: translateY(50px); font-size: 16px; line-height: 2.25; color:#c4c4c4; }
.hmc2btn{ transition:all 0.8s ease-in-out; display:block; opacity:0; transform:translateY(50px);}
.hmc2btn a{ font-size: 14px; line-height: 48px; color: #FFF; text-align: center; display: inline-block; height: 50px; width: 180px; border: 1px solid #FFF; letter-spacing: 1px; }
.hmc2btn a:hover{ color: #08498d; background: #FFF; transform:translateY(-4px); box-shadow:0 3px 5px rgba(0,0,0,0.1); }
.hmc2Branditem.on h3{ opacity:1; transform:translateY(0); transition-delay:0.1s;}
.hmc2Branditem.on strong{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.hmc2Branditem.on p{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.hmc2Branditem.on .hmc2btn{ opacity:1; transform:translateY(0); transition-delay:0.4s;}

.hmc2Logos{ position:absolute; left:0; bottom:10vh}
.hmc2lg_btn{display:inline-block;width: 1.1rem;text-align:center;position:relative;margin-right:30px;}
.hmc2lg_btn img{position:relative;z-index:2;max-width: 100%;}
.hmc2lg_btn i{height: 1.2rem;width: 1.2rem;position: absolute;z-index:1;left: 50%;bottom:-5px;transform: translate(-50%);opacity:1;transition:all 0.6s ease-in-out;}
.hmc2lg_btn i:after{content: "";background: url(../images/hmc2bor_rnd.png) no-repeat center center;position:absolute;left:0;top:0;width: 1.2rem;height: 1.2rem;animation:radiusRotate 20s linear infinite;background-size:cover;}
.hmc2lg_btn.on i{ opacity:1;}


@media (max-width:1799px){
.hmc2tbox strong{ font-size: 36px; line-height: 52px;}
.hmc2tbox p{ font-size: 16px; line-height: 30px;}
.hmc2Brands{top:39vh;}
.hmc2Branditem strong{ font-size: 22px; line-height: 38px;}
.hmc2Branditem strong span{ font-size: 30px; margin-right: 10px;}
.hmc2Branditem p{ font-size: 16px; line-height: 30px; }
}
@media (max-width:993px){
.hmc2lg_btn{margin-left:-1px;}
}
@media (max-width:769px){
.hmCon2{height:auto; padding-bottom:60px;}
.hmc2Layer{position:relative; z-index:3}
.hmc2tbox{padding-top:50px;}
.hmc2tbox strong{font-size:24px;}
.hmc2tbox p{font-size:15px; line-height:28px;}
.hmc2Brands{position:relative; top:auto; margin-top:80px;}
.hmc2Brands .hmc2Branditem:nth-child(1){position:static;}
.hmc2Logos{position:relative; bottom:auto; margin-top:35px; right:0}
.hmc2Branditem strong{font-size:18px;}
.hmc2Branditem strong span{font-size:24px; margin-right:2px;}
.hmc2Brands{padding-left:0;}
.hmc2Branditem p{font-size:14px; line-height:28px;}
.hmc2Logos {text-align:center;}
.hmc2lg_btn{margin: 0.2rem;/* width: 64px; */}
}

/********合作伙伴**********/
.n_partners_bg { position:relative; background:#fcfbfb; overflow:hidden;}
.partners_btit{ margin-top:1.2rem;}
.partners_btit p{ font-size:16px; color:#333333; line-height:1.8;}

.n_partners_box{align-items: center;}

.n_partners_box .n_partners_L{width:35%;}

.n_partners_box .n_partners_R{width:63%;}




.hmc4lgs{ margin:0 0px;}

.hmc4lgs dd{ margin-top:-1px;}

.hmc4lgs dd span{ display:block; height:1.1rem; position:relative; }

.hmc4lgs dd span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}


.hmc4lgs .slick-prev{background: url(../images/hmc4btn2.png) no-repeat center center;display: inline-block;height:1.1rem;width:1.6rem;position: absolute;left: -1.6rem;top:2.2rem;margin-top: 0px;text-indent: 1000px;white-space: nowrap;overflow: hidden;cursor: pointer;z-index: 1; background-size:cover;}

.hmc4lgs .slick-next{background: url(../images/hmc4btn2.png) no-repeat center center;display: inline-block;height:1.1rem;width:1.6rem;position: absolute;right:calc(33.333% - 1.6rem);bottom:1.1rem;margin-top:0px;text-indent: 1000px;white-space: nowrap;overflow: hidden;cursor: pointer;z-index: 1;transform:rotate(180deg);background-size:cover;}

/*.hmc4lgs .slick-prev:hover,.hmc4lgs .slick-next:hover{background-image:url(../images/hmc4btn.png);}
*/	
	

/*********生产车间***********/
.n_workshop_bg { position:relative; padding:0.8rem 0px; background:#fff; overflow:hidden;}
.n_workshop_bg .common_title{ text-align:center;}
.n_workshop_box{ margin-top:50px;}
.n_workshop_box .swiper-slide a {overflow:hidden; display:block;border-radius: 30px;}
.n_workshop_box .swiper-slide a img{ max-width:100%;}
.n_workshop_box .swiper-pagination {position: relative;margin-top: 0.6rem;}
.n_workshop_box .swiper-pagination-bullet {background: #c2c2c2;margin:0px 10px;width: 14px;height: 14px;opacity: 1;}
.n_workshop_box .swiper-pagination-bullet-active {width: 103px;height: 14px; border-radius:7px;background: #1c4890;}

/*********认证证书**********/
.n_certificate_bg { position:relative; padding:0.8rem 0px; background:#fcfbfb;}
.n_certificate_bg .common_title{ text-align:center;}
.n_certificate_box{ margin-top:50px;}
.n_certificate_box .swiper-slide a {overflow:hidden; display:block;border-radius: 30px; background:#f3f39d; border:5px solid #e7e7e7;}
.n_certificate_box .swiper-slide a img{ max-width:100%;}
.n_certificate_box .swiper-pagination {position: relative;margin-top: 0.6rem;}
.n_certificate_box .swiper-pagination-bullet {background: #c2c2c2;margin:0px 10px;width: 14px;height: 14px;opacity: 1;}
.n_certificate_box .swiper-pagination-bullet-active {width: 103px;height: 14px; border-radius:7px;background: #1c4890;}




/*******产品************/
.n_pro_bg{ position:relative; padding:0.8rem 0px; background:#f3f3f3; overflow:hidden;}
.n_pro_search h3{ font-size:0.36rem; color:#1d1d1f; line-height:1.5; font-weight:normal;}
.n_pro_search .search_form{ margin-top:0.3rem;}
.n_pro_search .search_form .box{position:relative;max-width: 700px; width:100%; display:flex;}

.n_pro_search input { display: inline-block; vertical-align: top; width:70%;max-width: 500px;height: 58px;font-size: 16px;color: #1d1d1f;padding: 0 25px; background:#fff;}
.n_pro_search button { position:relative; overflow:hidden;width:30%;max-width:200px;height: 58px;background: #1d1d1f;cursor: pointer;}
.n_pro_search button:after {position: absolute;content: ""; top: 0; left:0px;z-index: 2;width: 100%;  height: 100%; background-position: center center;background-repeat: no-repeat;background-image: url(../images/search-w.png);}
.n_pro_search button::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #1c4890;left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
.n_pro_search button:hover::before{left:0;}





.n_pro_box{ margin-top:0.8rem;}
.n_pro_box .pro-item {position: relative;flex: 0 0 25%; padding:0.13rem;margin-bottom:10px;transition-duration: .6s;}
.n_pro_box .pro-item::before { content: ""; position: absolute; left: 0; top: 0;z-index: 1; width: 100%; height:100%;background:url(../images/pro_hover.png) left top no-repeat;background-size: contain;transition:all 0.6s;opacity:0;}
.n_pro_box .pro-item:hover::before { opacity:1;}

.n_pro_box .pro-item .box-wrap{ position:relative;display: block;background: #ffffff; border-radius:0.3rem;overflow: hidden;}
.n_pro_box .pro-item .img-wrap { overflow: hidden;position: relative;}
.n_pro_box .pro-item .img-wrap .img-wrap-png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.n_pro_box .pro-item .img-wrap .img-wrap-img {display: block;position: absolute;width: 100%;/*height: 100%;*/z-index: 2;object-fit: cover;transition: all 0.6s ease;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.n_pro_box .pro-cn { position:absolute; bottom:0.3rem; width:100%; left:0;color: #1c4890; opacity:0;line-height:1.5;font-size: 16px; text-align:center;z-index: 2;transition:all 0.6s;}
.n_pro_box .pro-item:hover .pro-cn {opacity:1;}

@media (max-width:1025px){
.n_pro_box .pro-cn {opacity:1;}
}
@media (max-width:769px){
.n_pro_box .pro-item {position: relative;flex: 0 0 50%; padding:0.13rem;margin-bottom:10px;transition-duration: .6s;}

}
@media (max-width:600px){
.n_pro_box .pro-item {position: relative;flex: 0 0 100%; padding:0.13rem;margin-bottom:10px;transition-duration: .6s;}
}

/******底部banner*******/
.f-banner {position: relative;}
.f-banner .img-box {overflow: hidden; height:5.2rem; }
.f-banner img {display: block;width: 100%; height:100%;object-fit: cover;}
.f-banner .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}
.f-banner h4 {font-size:0.6rem;font-family: 'SourceHanSansSC Heavy';}




/***********产品详情*****************/
.n-proxq-bg{width:100%;overflow:hidden;padding:0.8rem 0px;position:relative;}
.pr_con {width:100%;overflow:hidden;position:relative; margin-bottom:0.2rem;}
.pr_con .img {position:relative;width: 45%;overflow:hidden;}

.pc-slide {width:100%;}
.pc-slide .view{ border:1px solid #e7e7e7; border-radius:0.3rem; overflow:hidden;}
.view .swiper-container{ width:100%;overflow:hidden;}
.view .swiper-slide { text-align:center; overflow:hidden;}
.view .swiper-slide img{ width:100%;vertical-align: baseline;}

.view .swiper-slide.img-wrap { overflow: hidden;position: relative;}
.view .swiper-slide.img-wrap .img-wrap-png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.view .swiper-slide.img-wrap .img-wrap-img {display: block;position: absolute;width: auto;max-width: 100%;/*height: 100%;*/z-index: 2;object-fit: cover;transition: all 0.6s ease;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}




.preview {width: 100%;margin-top:0.5rem ;position: relative;}
.preview .swiper-container {width:calc(100% - 70px);margin:0px 35px;}
.preview .swiper-slide {width:1rem;cursor:pointer; margin-right:0.25rem;}

.preview .swiper-slide.img-wrap { overflow: hidden;position: relative;}
.preview .swiper-slide.img-wrap .img-wrap-png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.preview .swiper-slide.img-wrap .img-wrap-img {display: block;position: absolute;width: 100%;/*height: 100%;*/z-index: 2;object-fit: cover;transition: all 0.6s ease;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.preview .swiper-slide.swiper-slide-active{border:1px solid #e7e7e7; border-radius:5px; }

.preview .slide6 {width:1rem;}
.preview .arrow-left {background: url(../images/n_left.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right {background: url(../images/n_right.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}

.preview img {padding: 1px;max-width: 100%;}
.preview .active-nav img {padding: 0;border: 1px solid #1c4890; border-radius:5px;}



.pr_con .txt {max-width: 930px;width:50%;box-sizing:border-box;} 
.pr_con .txt .tit_big { font-size:0.36rem; line-height:1.5;color:#1d1d1f;margin-bottom:0.25rem;}
.pr_con .txt .tit {font-size:18px;line-height:1.5; color:#1d1d1f; margin-bottom:0.25rem;}
.pr_con .txt .pro_info{display:flex; padding:0.5rem 0px;border-top:2px solid #1c4890; border-bottom:2px solid #1c4890;}
.pr_con .txt .pro_info span{width: 96px;font-size: 18px;color:#1d1d1f;line-height:2.25;}
.pr_con .txt .pro_text {width: calc(100% - 96px);}
.pr_con .txt .pro_text p {font-size:16px; color:#1d1d1f; line-height:1.6; margin-bottom:0.25rem;}
.pr_con .txt .pro_call{ margin-top:0.6rem;}
.pr_con .txt .pro_call .pro_tel {position:relative; margin-bottom:10px;font-size:0.3rem;  color:#1d1d1f;}
.pr_con .txt .pro_call .pro_tel span{font-size:18px;margin-right:5px;}
.pr_con .txt .pr_more{margin-top:0.5rem;}

a.blackMore{display: inline-block;height: 3em;line-height: 3;padding: 0 0.6rem;overflow: hidden;border: 1px solid #1d1d1f;background: #1d1d1f;position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;color: #fff;border-radius: 10px;}
a.blackMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;font-size:18px;line-height: 1;}
a.blackMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #fff; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.blackMore:hover::before{left:0;}
a.blackMore:hover span{color:#1c4890;}

a.blueMore{display: inline-block;height: 3em;line-height: 3;padding: 0 0.6rem;overflow: hidden;border: 1px solid #1c4890;background:#1c4890;position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;color: #fff;border-radius: 10px;}
a.blueMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;font-size:18px;line-height: 1;}
a.blueMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #fff; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.blueMore:hover::before{left:0;}
a.blueMore:hover span{color:#1c4890;}



.pr_con .txt .innovate_info{ padding: 0.5rem 0px;border-top: 2px solid #1c4890;font-size:16px; color:#1d1d1f; line-height:2.25;}
.pr_con .txt .innovate_info p {font-size:16px; color:#1d1d1f; line-height:2.25;}
.pro_js{ width:100%; border-radius:20px; overflow:hidden; padding:0.7rem 0.9rem; margin:0.7rem 0px 0px; background:#f2f2f2;}
.pro_js_tit {font-size:0.36rem; color:#333333;line-height: 1.2; font-weight:bold;transition-duration: .5s; position:relative; padding-left:15px; margin-bottom:30px;}
.pro_js_tit:after { content: ""; display: block;width: 5px;height: 100%;line-height: 1px;background: #0462ae;position: absolute;left: 0;top: 0;}
.pro_js .pro_js_info{ margin-top:0.5rem; font-size:16px; line-height:2.25; color:#1d1d1f;}
.pro_js .pro_js_info p{  font-size:16px; line-height:2.25; color:#1d1d1f;}

.n_video_bg{ width:100%; border-radius:20px; overflow:hidden; padding:0.7rem 0.9rem; margin:0.7rem 0px 0px; background:#f2f2f2 url(../images/n_video_bg.png) center top no-repeat; background-size:cover;}

.n_video_box{ margin-top:0.8rem;}
.hmc7item{ width:calc(33.333% - 1rem); margin-right:1rem;margin-bottom:25px;}
.hmc7item:nth-child(3n){ margin-right:0rem;}


.hmc7aBox.scaleImg .overflowHide { height: 6rem; border-radius:0.3rem; }
.hmc7aBox.scaleImg .overflowHide:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:2;}
.hmc7aBox.scaleImg .overflowHide i{ height:112px; width: 112px; position: absolute; z-index: 3; transform: translate(-50%,-50%); top: 50%; left: 50%; background: url(../images/paly_i0.png) no-repeat center center; }
.hmc7aBox.scaleImg .overflowHide i:before{ content: ""; background: url(../images/paly_i1.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;  }
/*.hmc7aBox.scaleImg .overflowHide i:after{ content: ""; background: url(../images/paly_i2.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;}*/
.hmc7aBox.scaleImg:hover .overflowHide i:before{animation: rotate 1.8s linear infinite; }
/*.hmc7aBox.scaleImg:hover .overflowHide i:after{animation: rotate2 1.8s linear infinite;}*/
.hmc7aBox.scaleImg .overflowHide strong{ position:absolute; width:100%; left:0; bottom:0; text-align:center;color:#fff; font-size:16px; line-height:2;z-index:4;}

.mvlayerBg{ height: 100%; width: 100%; position: fixed; z-index: 82; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.8); }
.mvLayer {  width: 100%; transform:translateY(-50%); position: fixed; z-index: 85; left: 0px; top: 50%; }
.mvClose { background: url(../images/mclose.png) no-repeat;font-style: normal; height: 38px; width: 38px; position: absolute; top: -38px; right: 0; cursor: pointer; z-index: 5; background-size:cover;}
.m2mvBox { width: 66%; height: 706px; position: relative; background: #000; margin:0 auto; }


@media (max-width:769px){
.pr_con .img {width: 100%;}
.view .swiper-container { width: 100%; max-width: 700px; height:auto; }
.pr_con .txt {width: 100%; margin-top:30px;}


}


/*************service****************/
.n-service-bg{ position:relative; padding:0.8rem 0px 0.7rem; background:url(../images/n-service-bg.jpg) center bottom no-repeat;}
.commom-title {text-align:center; position:relative; z-index:3;}
.commom-title .commom-title-big{font-size:0.48rem; line-height:1.5;color:#1d1d1f; margin-bottom:0.2rem;}
.commom-title .commom-title-small{font-size:0.18rem;line-height:1.5;color:#1d1d1f;}

.n-service-bg .lxmessage{margin: 0.5rem 0px 0rem;}

.lxmessage {width: 100%;overflow: hidden;position: relative;z-index: 3;margin:0.8rem 0px 1.5rem;}
.lxmessage form {}
.lxmessage .box{width: calc((100% - 0.5rem) / 2);margin-bottom:0.3rem;}
.lxmessage .box:nth-child(5){width: 100%;}
.lxmessage .box .txt {position: relative;/* background: #f7f7f7; *//* border: 1px solid #f7f7f7; */border-radius:10px;overflow: hidden;}
.lxmessage .box input, .lxmessage .box textarea {width: 100%;font-size:18px;color: #1d1d1f;background: #f8f8f8;}
.lxmessage .box input {height:55px;padding: 0  0.2rem;}
.lxmessage .box textarea {height:2.3rem;padding:0.2rem; resize: none;}
.lxmessage .box .code{width: calc(100% - 2rem); margin-right:12px;}
.lxmessage .box a{display: flex; align-items: center;background: #fff;}


.lxmessage .button {position: relative;overflow: hidden;display: block;width: calc((100% - 0.5rem) / 2);height:55px;background: #1d1d1f; border-radius:10px;font-size: 24px;color: #fff;cursor: pointer;}
.lxmessage .button:after {position: absolute;content: "提交"; top: 0; left:0px;z-index: 2;width: 100%; height: 100%;line-height: 53px;font-size: 24px;color: #fff;}
.lxmessage .button::before {content: ""; display: inline-block;position: absolute;z-index: 1; border:1px solid #1d1d1f; background:#fff; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
.lxmessage .button:hover::before{left:0;}
.lxmessage .button:hover:after{color: #1d1d1f;}





.lxmessage .box #code_img{ width:1.2rem;max-height: 55px;}


@media (max-width:767px){
.lxmessage .box{width: calc((100% - 0rem) / 1);margin-bottom:0.3rem;}
.lxmessage .button { width: calc((100% - 0rem) / 1);}
}


/************推荐产品****************/
.n-sell-bg{ position:relative; padding:0.8rem 0px; background:#f7f7f7; border-bottom:1px solid #e4e4e7;}
.n-sell-box{ position:relative;width: 100%; margin-top:0.8rem;}

.n-sell-item .swiper-pagination{ display:none;}
.n-sell-item a{ display:block;}
.n-sell-item .n-sell-img{overflow: hidden; background:#fff; border-radius:0.3rem;position: relative;}
.n-sell-item .n-sell-img .img-wrap-png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.n-sell-item .n-sell-img .img-wrap-img  {display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease;left:0%;top:0%;z-index: 2;}

.n-sell-item .swiper-slide:hover .n-sell-img .img-wrap-img {  -webkit-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);}


.n_pro_box .pro-cn { position:absolute; bottom:0.3rem; width:100%; left:0;color: #1c4890; opacity:0;line-height:1.5;font-size: 16px; text-align:center;z-index: 2;transition:all 0.6s;}
.n_pro_box .pro-item:hover .pro-cn {opacity:1;}


.n-sell-item .n-sell-img img{width: 100%;object-fit: cover;transition: .6s ease;}
.n-sell-item .n-sell-text{width: 100%; font-size:16px; text-align:center; color:#1d1d1f; padding:0.2rem 0px;}
/*.n-sell-item a:hover .n-sell-img img{transform: scale(1.1);}*/
.n-sell-box .swiper-button-next,.n-sell-box  .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 0.45rem;
    height: 0.78rem;
    margin-top: -0.5rem;
    -moz-background-size: 0.45rem 0.78rem;
    -webkit-background-size: 0.45rem 0.78rem;
    background-size: 0.45rem 0.78rem;
}
.n-sell-box  .swiper-button-prev{left: -0.9rem;right: auto;}
.n-sell-box  .swiper-button-next{left: auto;right:  -0.9rem;}

@media screen and (max-width: 768px){
 .n-sell-item { padding-bottom:50px;}
 .n-sell-item .swiper-pagination{ display:block;}
 .n-sell-item .swiper-pagination-bullet-active { opacity: 1;background:#1c4890; width:0.4rem;border-radius:20px;} 
 
 
 .n-sell-box  .swiper-button-prev{left: 0;right: auto;}
.n-sell-box  .swiper-button-next{left: auto;right:  0rem;}

 
}


/************医企创新****************/
.n_innovate_bg{ position:relative; padding:0.8rem 0px; }


.innovate_item {position: relative; margin: 0.3rem 0px;}
.innovate_item .img-box {overflow: hidden; border-radius:0.3rem; min-height:500px;position: relative;}
.innovate_item img {position: absolute;left: 50%;transform: translateX(-50%); max-width: none;width: auto;height: 100%;object-fit: cover;}
.innovate_item .txt-box {position: absolute; width:45%;top: 0;right:5%;bottom: 0; }
.innovate_item h4 {font-size:0.24rem;line-height: 1.2; font-weight:bold;transition-duration: .5s; position:relative; padding-left:15px; margin-bottom:0.3rem;}
.innovate_item h4:after { content: ""; display: block;width: 5px;height: 100%;line-height: 1px;background: #0462ae;position: absolute;left: 0;top: 0;}

.innovate_item .info { margin-top:20px;font-size:16px; line-height:2.25; color:#333333; }
.innovate_item .info p{font-size:16px; line-height:1.6; margin:10px 0px; color:#333333;}

.innovate_item .NewsMore {
    margin-top: 0.3rem;
}

@media screen and (max-width: 767px){
.innovate_item h4 {font-size:18px;}
.innovate_item .txt-box { width: 90%;}
}



/************新闻****************/
.n_news_bg{ position:relative; padding:0.8rem 0px; background:#f3f3f3;}


.m2zrList li{margin-bottom: 0.6rem;background:#fff;border-radius:0.3rem;overflow:hidden;align-items: center;transition: all 0.3s ease;}
.m2zr_aBox{display:block;position:relative;width:32%;}

.m2zr_aBox .img-wrap { overflow: hidden;position: relative;}
.m2zr_aBox .img-wrap .img-wrap-png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.m2zr_aBox .img-wrap .img-wrap-img {display: block;position: absolute;width: 100%;height: 100%;z-index: 2;object-fit: cover;transition: all 0.6s ease;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.m2zr_date{ width:15%; text-align:center;}
.m2zr_date span{ font-size:0.7rem; color:#1c4890; font-family:Arial; font-weight:bold;}
.m2zr_date p{ font-size:0.24rem; color:#333333;}



.m2zr_txt{position:relative;z-index:1;width:45%;}
.m2zr_txt strong{font-size: 0.3rem;line-height: 1.5;display: block;color: #333333;}
.m2zr_txt .span{ position: absolute; line-height: 44px; display: inline-block; left: -648px; top: 52px; font-size: 17px; color: #333; }
.m2zr_txt .span i{ font-style: normal; display: inline-block; font-size: 36px; }
.m2zr_txt p{font-size: 15px;line-height: 1.8;color: #999999;margin-top: 0.3rem;overflow: hidden;margin-bottom: 0.5rem;height: 81px;}


a.NewsMore{display: inline-block;overflow: hidden;padding:0.15rem 0.42rem;background:#f3f3f3;position: relative;transition: 0.6s all ease;-webkit-transition: .6s all ease;color: #fff;border-radius: 20px;}
a.NewsMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;color:#242426;font-size:15px;line-height: 1;font-weight:lighter;}
a.NewsMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background:#1c4890;; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.NewsMore:hover::before{left:0;}
a.NewsMore:hover span{color:#fff;}





.m2zrList li:hover{box-shadow: 0px 0px 0.4rem rgba(0, 0 ,0 , 0.2);}


.mdate{ display:none;}

@media screen and (max-width: 767px){
.m2zr_date{ display:none;}
.m2zr_txt{ width:100%; padding:30px 15px;}
.m2zr_aBox{ width:100%;}
.mdate{ display:block; font-size:16px; margin-top:10px;}
}
/*****详细页*****/
.news-art-main{background: #f9f9f9;margin:0px auto;padding:5%;}
.art-tit h4{text-align: center;font-size: 20px;font-weight: normal;line-height:1.4;padding-bottom:0.2rem;color: #333;}
.art-tit h5{text-align: center;font-size: 14px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding:0.4rem 0px;}
.art-main p{text-indent: 2em;font-size: 0.18rem;line-height:1.9;color: #444;}


.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#c61634;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #c61634;line-height:36px;text-align: center;box-sizing: border-box;color: #c61634;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #c61634;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/***********联系我们***************/
.lx-banner {position: relative;}
.lx-banner .img-box {overflow: hidden;}
.lx-banner img {display: block;width: 100%;object-fit: cover;}
.lx-banner .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.lx-banner .txt-box.center {text-align: center;}
.lx-banner h4 {font-size: 0.48rem;color: #1d1d1f; padding-left:0.4rem;}
.lx-banner .l {font-size: 16px;color: #242426;line-height: 1.8;margin-top: 20px;padding-left:0.4rem;}

.m2lxc2ul{ margin: 20vh 0px 0px; }
.m2lxc2ul li{width:33.333%;float:left;padding: 0 0.4rem;}
.m2lxc2Itm{display:block;position:relative;height: 3rem;padding: 0.6rem 10px 0.2rem;transition:all 0.6s ease-in-out;border-radius: 0.3rem;overflow:hidden;background: #fff;}
.m2lxc2Itm:hover{ transform:translateY(-10px); box-shadow:0 5px 25px rgba(28,152,247,0.3); color:#fff;background:#1c4890;}
.m2lxc2bgs{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2lxc2bgs .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out;}
.m2lxc2bgs .bgImg:nth-child(2){ opacity:0}
.m2lxc2Itm:hover .m2lxc2bgs .bgImg{opacity:0;}
.m2lxc2Itm:hover .m2lxc2bgs .bgImg:nth-child(2){ opacity:1}
.m2lxIcons{position:relative;}
.m2lxc2Ico{width:1.1rem;height:1.1rem;display:block;position:relative;margin: 0 auto;}
.m2lxc2Ico:before{ content: ""; background: url(../images/lx_cbgb.png) no-repeat center center; position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; background-size:cover; }
.m2lxc2Ico:after{content:""; background: url(../images/lx_cbgw.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; opacity:0}
.m2lxc2Ico img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.5s ease-in-out;max-width: 100%;height: auto;width: auto;}
.m2lxc2Ico img:nth-child(2){ opacity:0}

.m2lxc2Itm:hover .m2lxc2Ico:before{ content:""; opacity:0;}
.m2lxc2Itm:hover .m2lxc2Ico:after{ content:""; opacity:1; animation:radiusRotate 10s linear infinite;}
.m2lxc2Itm:hover .m2lxc2Ico img{ opacity:0;}
.m2lxc2Itm:hover .m2lxc2Ico img:nth-child(2){ opacity:1}
.m2lxIcons p{font-size: 18px;line-height: 1.5;margin-top: 10px;text-align: center;}
.m2lxTels{ position:relative;}
.m2lxTels strong{transition: all 0.5s ease-in-out;display: block;color: #333333;font-size: 18px;text-align: center;line-height: 2;}
.m2lxc2Itm:hover .m2lxTels strong,.m2lxc2Itm:hover .m2lxTels p{color:#fff;}


@keyframes radiusRotate {
0% {
	transform:rotate(0deg);
}
100% {
    transform:rotate(360deg);
}
}

.n-lx-bg{ background:#fff;}
.n-lx-bg .lxmessage .box input, .n-lx-bg .lxmessage .box textarea {width: 100%;font-size:18px;color: #1d1d1f;background: #efefef;vertical-align: middle;}



@media screen and (max-width: 768px){
.lx-banner{ padding:30px 0px;}
.lx-banner .img-box {overflow: hidden; position:absolute; width:100%; height:100%;top: 0;}
.lx-banner img {display: block;width: 100%; height:100%;object-fit: cover;}
	
.lx-banner .txt-box {position: relative; top: 0;left: 0; right: 0;bottom: 0;}
.m2lxc2ul {margin: 30px 0px 0px;}

.m2lxc2ul li {  width:100%; float: left; padding: 0 0.4rem; margin-bottom:15px;}
.m2lxc2Itm{display:block;position:relative;height:auto;padding: 0.4rem 10px 0.2rem;}
.m2lxTels strong{font-size: 16px;}
.n_partners_box .n_partners_L {
    width: 100%;padding: 0.8rem 0px;
}
.n_partners_box .n_partners_R {
    width: 100%;
}
}

/********分页*********/
.text-center {text-align: center;}
.pagination{display: inline-block; padding: 0;  border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline-block;margin: 0px 5px;}
.pagination > li > a,
.pagination > li > span{position: relative;float: left;line-height: 0.5rem;color: #4d4d4d;text-decoration: none;background-color: #fff;border: 1px solid #ddd;border-radius: 50%;width: 0.5rem;height: 0.5rem;font-size: 0.2rem;}
.pagination > li .firstPage{font-size: 14px; }
.pagination > li .prePage{font-size: 14px; }
.pagination > li .nextPage{font-size: 14px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{font-size: 14px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2;color: #fff;cursor: default;background-color: #1c4890;border-color: #1c4890;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}