/*产品详细页 banner*/
.nyproxx_ba{ background:#f3f4f6; width:100%; overflow:hidden;}
.nyproxx_ba .w1500{ position:static; transform:none;}
.nyproxx_ba .text{ position:static; margin:36px 0; width:100%;}
.nyproxx_ba .mbxnav,.nybanner .mbxnav a, .nybanner .mbxnav span{ color:#bbb;}
.nyproxx_ba .mbxnav em{background: url(../images/mbxjt2.png) center center no-repeat;}
.nyproxx_ba .proxxzs{ width:100%; padding-bottom:40px;display:flex; display: -webkit-flex; justify-content: space-between;align-items: center;}
.nyproxx_ba .proxxzs .left{ width:40%; float:left;}
.nyproxx_ba .proxxzs .left p{ font-size:60px; line-height:54px;font-family: 'Arial';font-weight: bold;letter-spacing: -2px;}
.nyproxx_ba .proxxzs .left h1{ font-size:20px; color:#999; line-height:30px; display:block; margin-top:40px; min-height:90px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.nyproxx_ba .proxxzs .left .btn{ margin-top:80px;}
.nyproxx_ba .proxxzs .left .btn a{ display:block;width:34%; height:48px; line-height:48px; text-align:center; font-size:18px; float:left; border-radius:30px;display:flex; display: -webkit-flex; justify-content:center;align-items: center;}
.nyproxx_ba .proxxzs .left .btn a.lx{ color:#fff; background:#0032ff; margin-right:15px;}
.nyproxx_ba .proxxzs .left .btn a i{ display:inline-block; width:29px; height:29px; border-radius:50%; background:#fff url(../images/prolxtel.png) center no-repeat; margin-right:13px;}
.nyproxx_ba .proxxzs .left .btn a.ly{ color:#999; border:1px solid #999;}
.nyproxx_ba .proxxzs .left .btn a.ly i{background:#999 url(../images/prolxly.png) center no-repeat;}
.nyproxx_ba .proxxzs .right{width:56%; float:right; text-align:center;}
.nyproxx_ba .proxxzs .right img{ max-width:100%;}
@media (max-width:1500px) {
	.nyproxx_ba .text{ margin:20px 0;}
	.nyproxx_ba .proxxzs .left .btn{ margin-top:60px;}
	.nyproxx_ba .proxxzs .left .btn a{ width:40%;}
}
@media (max-width:1200px) {
	.nyproxx_ba .text{ margin:10px 0;}
	.nyproxx_ba .proxxzs{ padding-bottom:30px;}
	.nyproxx_ba .proxxzs .left{ width:46%;}
	.nyproxx_ba .proxxzs .left p{ font-size:30px; line-height:36px;}
	.nyproxx_ba .proxxzs .left h1{ margin-top:20px; min-height: 60px;-webkit-line-clamp: 2;}
	.nyproxx_ba .proxxzs .left .btn{ margin-top:40px;}
	.nyproxx_ba .proxxzs .left .btn a{ width:46%;font-size:14px;}
	.nyproxx_ba .proxxzs .left .btn a i{ width:24px; height:24px; margin-right:5px;}
	.nyproxx_ba .proxxzs .left .btn a.lx{ margin-right:10px;}
	.nyproxx_ba .proxxzs .right{text-align:right; width:50%;}
}
@media (max-width:767px) {
	.nyproxx_ba .text {margin: 10px 0 25px;}
	.nyproxx_ba .proxxzs{ display:block !important; overflow:hidden;}
	.nyproxx_ba .proxxzs .left{ width:100%; text-align:center;}
	.nyproxx_ba .proxxzs .left h1{ font-size:14px; line-height:24px; min-height:48px;}
	.nyproxx_ba .proxxzs .left .btn{display:flex; display: -webkit-flex;justify-content:center; margin-top:25px; }
	.nyproxx_ba .proxxzs .left .btn a{ width:150px; height:44px;}
	.nyproxx_ba .proxxzs .right{ width:100%; text-align:center; margin-top:20px;}
	.nyproxx_ba .proxxzs .right img{ max-width:80%;}
}
@media (max-width:550px) {
	.nyproxx_ba{ height:auto;}
}


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

.bg-cover{position: absolute;left: 0;top: 4rem; background-repeat: repeat-x; width: 100%;height: 100%;background-position: left top !important;-webkit-animation: play  50s linear infinite;animation: play  50s linear  infinite;}
.tc_shipin p{display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
@media screen and (max-width: 1500px){
	.proxx_video .right{height:600px;}
	.proxx_video .right .mask p{ font-size:50px;}
}
@media screen and (max-width: 1399px){
	.proxx_video .right{height:500px;}
}
@media screen and (max-width: 1200px){
	.proxx_video .right{ height:400px;}
	.proxx_video .right .mask font{ width:80px; height:80px;}
	.proxx_video .right .mask p{ font-size:40px;}
}
@media screen and (max-width: 767px){
	.proxx_video .right{ height:300px;}
	.proxx_video .right .mask font{ width:60px; height:60px;}
	.proxx_video .right .mask p{ font-size:30px;}
}
@media screen and (max-width:550px){
	.proxx_video .right{ height:260px;}
}
@media screen and (max-width:414px){
	.proxx_video .right{ height:200px;}
}

/*产品详情 内容*/
.proxx_content{ padding:100px 0 0;min-height:300px;}
.Headline{ text-align:center; font-size:30px; color:#0e0e0e; font-weight:bold; text-transform:uppercase; margin-bottom:30px;}
.proxx_content .Headline{text-transform: capitalize;}
.proxx_content .proxx_cotbox{ min-height:300px;}
.proxx_content .proxx_cotbox .zsnr{display: -webkit-flex;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;margin-bottom:100px;}
.proxx_content .proxx_cotbox .zsnr:nth-child(2n){flex-direction:row-reverse;}
.proxx_content .proxx_cotbox .zsnr .left{ width:58.4%; height:560px; float:left; border-radius:15px; overflow: hidden;}
.proxx_content .proxx_cotbox .zsnr .left img{width:100%;width: 100%; height: 100%;object-fit: cover;}
.proxx_content .proxx_cotbox .zsnr .right{ width:36.8%;float:right;}
.proxx_content .proxx_cotbox .zsnr .right .bt{ font-size:24px; font-weight:bold; line-height:34px; margin-bottom:10px;}
.proxx_content .proxx_cotbox .zsnr .right .ms{ font-size:14px; color:#666; line-height:24px;}
.proxx_content li{ list-style-type:square;}
.proxx_content li p{}
.proxx_content hr{ border-top:1px solid #ddd; border-bottom:0;}
@media screen and (max-width: 1500px){
	.proxx_content{ padding:80px 0 0;}
	.Headline{font-size:32px; margin-bottom:20px;}
	.proxx_content .proxx_cotbox .zsnr{ margin-bottom:80px;}
}
@media screen and (max-width: 1300px){
	.proxx_content .proxx_cotbox .zsnr .left{height:420px;}
}
@media screen and (max-width: 1200px){
	.proxx_content{ padding:60px 0 0;}
	.Headline{font-size:28px; margin-bottom:20px;}
	.proxx_content .proxx_cotbox .zsnr{ margin-bottom:60px;}
	.proxx_content .proxx_cotbox .zsnr .left{width:45%;height:380px;}
	.proxx_content .proxx_cotbox .zsnr .right{width:52%;}
	.proxx_content .proxx_cotbox .zsnr .right .bt{ font-size:20px; line-height:30px;}
}
@media screen and (max-width:1024px){
	.proxx_content .proxx_cotbox .zsnr .left{height:300px;}
	.proxx_content .proxx_cotbox .zsnr .right .ms{ line-height:20px;}
}
@media screen and (max-width: 767px){
	.proxx_content{ padding:40px 0 20px;}
	.Headline{font-size:20px; line-height:20px;}
	.proxx_content .proxx_cotbox .zsnr{ margin-bottom:20px; display:block !important; overflow:hidden;}
	.proxx_content .proxx_cotbox .zsnr .left{ width:100%;height:auto; border-radius:0;}
	.proxx_content .proxx_cotbox .zsnr .right{ width:100%; margin-top:20px;}
}

/*产品详情 应用领域*/
.proxx_application{ padding:100px 0; background:url(../images/yylybg.jpg) no-repeat; background-size:cover; min-height:300px; overflow:hidden;}
.proxx_application .Headline{text-transform: capitalize; color:#fff;}
.proxx_application .yylybox{ overflow:hidden; position:relative;}
.proxx_application .yylybox ul li{ height:406px; position:relative; overflow:hidden; float:left;}
.proxx_application .yylybox ul li img{ width:100%; height:100%;object-fit: cover; transition: all .7s ease;}
.proxx_application .yylybox ul li:hover img{transform: scale(1.1);}
.proxx_application .yylybox ul li:after{ content:""; display:block; width:100%; height:50%; position:absolute; bottom:0; left:0;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));}
.proxx_application .yylybox ul li font{ font-size:18px; font-weight:bold; color:#fff; position:absolute; left:5%;bottom:38px; z-index:2; display:block; width:80%; border-bottom:1px solid #fff; padding-bottom:12px;}
@media screen and (max-width: 1500px){
	.proxx_application{ padding:80px 0;}
	.proxx_application .yylybox ul li{ height:340px;}
}
@media screen and (max-width: 1200px){
	.proxx_application{ padding:60px 0; min-height:200px;}
	.proxx_application .yylybox ul li{ height:300px;}
	.proxx_application .yylybox ul li font{ font-size:16px;}
}
@media screen and (max-width: 767px){
	.proxx_application{ padding:40px 0;}
	.proxx_application .yylybox ul li{ height:250px;}
}

/*产品详情 产品参数*/
.proxx_parameters{ padding:100px 0;overflow:hidden;}
.proxx_parameters .Headline{text-transform: capitalize;}
.proxx_parameters  .cpcsbox{ min-height:300px;}
.proxx_parameters  .cpcsbox img{ width:100%;}
.proxx_parameters  .cpcsbox .left{ width:46%; float:left;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between; }
.proxx_parameters  .cpcsbox .left .csli{ width:49%; float:left; border:1px solid #ddd; border-radius:5px; padding:4% 3%; margin-bottom:10px;}
.proxx_parameters  .cpcsbox .left .csli:nth-child(2n){ float:right;}
.proxx_parameters  .cpcsbox .left .bt{ font-size:18px; margin-bottom:5px;}
.proxx_parameters  .cpcsbox .left .csvalue{font-size:18px; color:#999;}
.proxx_parameters  .cpcsbox .right{ width:50%; float:right; text-align:right;}
.proxx_parameters  .cpcsbox .right img{ max-width:100%;}
.proxx_parameters .cpcsbox .zldown{ margin-bottom:25px; font-size:20px;}
.proxx_parameters .cpcsbox .zldown a{text-decoration: underline; font-weight:bold;transition: all .4s ease;}
.proxx_parameters .cpcsbox .zldown a:hover{ color:#0032ff;}
@media screen and (max-width: 1500px){
	.proxx_parameters{ padding:80px 0;}
}
@media screen and (max-width: 1200px){
	.proxx_parameters{ padding:60px 0;}
	.proxx_parameters .cpcsbox{min-height:150px;}
	.proxx_parameters .cpcsbox .left{ width:50%;}
	.proxx_parameters .cpcsbox .left .bt{ font-size:16px;}
	.proxx_parameters .cpcsbox .left .csvalue{ font-size:16px;}
	.proxx_parameters .cpcsbox .right{ width:46%;}
}
@media screen and (max-width:767px){
	.proxx_parameters{ padding:40px 0 30px;}
	.proxx_parameters .cpcsbox .left{ width:100%;}
	.proxx_parameters .cpcsbox .right{ display:none;}
}


/*产品详情 新闻*/
.proxx_new{min-height:300px; padding-bottom:100px;}
.proxx_new .Headline{text-transform: capitalize;}
.proxx_new .proxx_newbox{ position:relative;}
.proxx_new .swiper-container4{ position:relative; overflow:hidden;}
.proxx_new ul li{height:274px; padding:40px; float:left; border:1px solid #ddd;transition: all .4s ease;}
.proxx_new ul li:hover{ background:#0032ff;}
.proxx_new ul li .newtop a.pic{ display:block; width:152px; height:152px; border-radius:50%; overflow:hidden; float:left;transition: all .4s ease;}
.proxx_new ul li:hover .newtop a.pic{width:130px; height:130px;}
.proxx_new ul li .newtop a.pic img{ width:100%; height:100%;object-fit: cover;}
.proxx_new ul li .newtop .text{width: calc(100% - 180px);  float:right;transition: all .4s ease;}
.proxx_new ul li:hover .newtop .text{width: calc(100% - 157px);}
.proxx_new ul li .newtop .text a{ font-size:16px; font-weight:bold; line-height:26px; height:52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; transition: all .4s ease;}
.proxx_new ul li:hover .newtop .text a{ color:#fff;}
.proxx_new ul li .newtop .text .ms{ font-size:12px; color:#999; line-height:24px; max-height:72px; margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all .4s ease;}
.proxx_new ul li:hover .newtop .text .ms{ color:rgba(255,255,255,.5);}
.proxx_new ul li .newbottom{ width:100%; margin-top:20px; opacity:0; transition: all .4s ease;}
.proxx_new ul li:hover .newbottom{opacity:1;}
.proxx_new ul li .newbottom a.more{ width:100px; height:31px; border:1px solid rgba(255,255,255,.3); color:#fff; font-size:12px; float:left;display:flex; display: -webkit-flex; justify-content:center;align-items:center; margin-left:26px;transition: all .4s ease;}
.proxx_new ul li .newbottom a.more{ margin-left:15px;}
.proxx_new ul li .newbottom a.more img{ margin-left:12px; width:10px;}
.proxx_new ul li .newbottom .newlogo{width: calc(100% - 180px); float:right;transition: all .4s ease;}
.proxx_new ul li:hover .newbottom .newlogo{width: calc(100% - 157px); }
.proxx_new ul li .newbottom .newlogo img{ max-width:100%;}

.proxx_new .proxx_newbox .swiper-button-prev,.proxx_new .proxx_newbox .swiper-button-next{ width:53px; height:53px; background:#fff url(../images/morejt3.png) center no-repeat; border-radius:50%;transition: all .4s ease;}
.proxx_new .proxx_newbox .swiper-button-prev{ transform:rotate(180deg); left:-75px;}
.proxx_new .proxx_newbox .swiper-button-next{right:-75px;}
.proxx_new .proxx_newbox .swiper-button-prev:hover,.proxx_new .proxx_newbox .swiper-button-next:hover{ box-shadow:0 0 20px #ddd;}
@media screen and (max-width:1500px){
	.proxx_new{padding-bottom:80px;}
}
@media screen and (max-width:1440px){
	.proxx_new .proxx_newbox{ padding:0 75px;}
	.proxx_new .proxx_newbox .swiper-button-prev{ transform:rotate(180deg); left:0;}
    .proxx_new .proxx_newbox .swiper-button-next{right:0;}
}
@media screen and (max-width:1200px){
	.proxx_new{padding-bottom:60px; min-height:150px;}
	.proxx_new .proxx_newbox{ padding:0 55px;}
	.proxx_new .proxx_newbox .swiper-button-prev, .proxx_new .proxx_newbox .swiper-button-next{ width:40px; height:40px; background-size:10px 12px;}
	.proxx_new ul li{ padding:40px 20px;}
}
@media screen and (max-width:767px){
	.proxx_new{padding-bottom:40px;}
	.proxx_new .proxx_newbox{ padding:0;}
	.proxx_new .proxx_newbox .swiper-button-prev, .proxx_new .proxx_newbox .swiper-button-next{ display:none;}
	.proxx_new ul li{ height:auto; padding:20px;}
	.proxx_new ul li .newtop a.pic{ width:100%; height:auto; border-radius:0;}
	.proxx_new ul li .newtop .text{ width:100%; margin-top:20px;}
	.proxx_new ul li .newtop .text a{ height:auto;}
	.proxx_new ul li .newtop .text .ms{ min-height:48px;-webkit-line-clamp: 2;}
	.proxx_new ul li .newbottom{ display:none;}
	
	.proxx_new ul li:hover .newtop a.pic{width:100%; height:auto;}
	.proxx_new ul li:hover .newtop .text{width:100%;}
}