/*产品详情页*/
.ny_proxxhead{ background:#fff; position:relative;}
.ny_proxxhead:after{ content:''; display:block; width:50%; height:100%; background:#e9e9e9; position:absolute; right:0; top:0;}
.ny_proxxhead>.w1400{display: -webkit-flex;display: flex;flex-wrap: wrap; position:relative; z-index:2;}
.ny_location {max-width: 50%;color: #fff;overflow: hidden;white-space: nowrap;float: left;text-overflow: ellipsis;font-size: 18px;display: flex;
    display: -webkit-flex; align-items: center;}
.ny_location i {
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  margin: 24px 20px 24px 0;
  float: left;
}
.ny_location i svg {
  display: block;
  width: 18px;
  height: 18px;
  margin: 6px auto;
}

.ny_location a,
.ny_location span {line-height: 80px;color: #fff;font-size: 18px;}
.ny_location span {
  color: rgba(255, 255, 255, 0.25);
}
.ny_location span a{ padding:0;}
.ny_proxxhead .left{width:50%; float:left; padding:30px 50px 50px 0;}
.ny_proxxhead .left .ny_location{ max-width:100%;}
.ny_proxxhead .left .ny_location div{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#bbb; font-size:16px;}
.ny_proxxhead .left .ny_location i{ margin:4px 16px 0 0;border: 1px solid rgba(233, 145, 59, 0.25);}
.ny_proxxhead .left .ny_location a{ color:#777; font-size:16px; display:inline; padding:0;}
.ny_proxxhead .left .ny_location em{background: url(../images/arrow_right02.png) center center no-repeat;background-size:80%; opacity:.8;margin:0 5px;display: inline-block;width: 14px;height: 14px;vertical-align: middle;}
.ny_proxxhead .left .ny_location span{color: #bbb; font-size:16px;display:inline; padding:0;}

.nyProDetail_img{ clear:both;}
#preview { width: 100%;margin: 0;text-align: center;position: relative;}
.list-h li { float: left;}
#spec-n5 {width: 110px;height: 460px;float: left;}
#spec-left {width: 16px;height: 70px;float: left; cursor: pointer; margin-top: 3px;}
#spec-right { width: 16px; height: 70px;float: left; cursor: pointer; margin-top: 3px;}
#spec-list ul li { width: 100%; height: 110px; margin: 0 auto 20px; border-radius: 8px;}
#spec-list ul li:last-child {margin: 0;}
#spec-list ul li p {width: 100%; height: 100%; overflow: hidden; background-color: #fff; border-radius: 8px; border: 1px solid #fff; position: relative;}
#spec-list ul li:hover p { border: 1px solid #004098;}
#spec-list ul li img { display: block; max-width: 100%; max-height: 100%; margin: auto;padding: 0;position: absolute;left: 0; top: 0; right: 0; bottom: 0;
  border-radius: 10px;}
.jqzoom {width:100%;height:460px;position: relative;}
.jqzoom img { display: block;max-width: 100%;max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0;bottom: 0;}
.zoomdiv {display: none;text-align: center;overflow: hidden; background-color: #fff; border: 1px solid #eee; border-radius: 8px; position: absolute; left: 101%; top: 0; z-index: 99;}
.jqZoomPup {
  width: 200px !important;
  height: 200px !important;
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/mask.png) 0 0 repeat;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
  cursor: move;
  transition: all 0s;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
}
#ceshi {display: block;margin: auto; left: 0;top: 0; bottom: 0; right: 0;}
.nyProDetail_img a.videoIco {left: 20px !important;bottom: 20px !important;z-index: 99 !important;}
.Warning {width: 100% !important;height: 100% !important;}

.ny_proxxhead .left dl{ width:100%; margin:20px auto 0; clear:both;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.ny_proxxhead .left dl dd{ width:33.33333%; float:left; font-size:16px; color:#777; padding:0 3%; border-right:1px solid #ddd; text-align:center;}
.ny_proxxhead .left dl dd:last-child{border:0; }
.ny_proxxhead .left dl p{ font-size:18px; font-weight:bold; margin-top:5px;color: #222;}

.ny_proxxhead .right{ width:50%; float:right; padding:80px 0 100px 72px; background:#e9e9e9 url(../images/proxxright_bg.png) right center no-repeat;}
.ny_proxxhead .right .nyProDetail_name{ font-size:36px; font-weight:bold; padding-bottom:20px; position:relative; margin-bottom:30px;}
.ny_proxxhead .right .nyProDetail_name:before{ content:''; display:block; width:100px; height:3px; background:#182f62; position:absolute; left:0; bottom:0;}
.ny_proxxhead .right .nyProDetail_name:after{ content:''; display:block; width:100%; height:1px; background:#e6e6e6; position:absolute; left:0; bottom:2px;}
.ny_proxxhead .right .nyProDetail_ms{ height:90px; margin-bottom:25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ny_proxxhead .right .nyProDetail_ms span{ font-size:16px; font-weight:bold;}
.ny_proxxhead .right .nyProDetail_ms h1{ font-size:16px; color:#777; line-height:30px;display: inline;}
.ny_proxxhead .right .texing p{font-size:16px; font-weight:bold; margin-bottom:18px;}
.ny_proxxhead .right .texing ul li{ width:49%; height:40px; line-height:40px; background:#fff; margin-bottom:15px; padding:0 20px 0 34px; font-size:16px; color:#777;float:left;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; position:relative;}
.ny_proxxhead .right .texing ul li:nth-child(2n){ float:right;}
.ny_proxxhead .right .texing ul li:before{ content:''; display:block; width:4px; height:4px; border-radius:50%; background:#e9913b; position:absolute; top:50%; transform:translateY(-50%); left:20px;}
.ny_proxxhead .right .texing ul li:hover{background:#182f62; color:#fff;}
.ny_proxxhead .right .texing ul li:hover:before{background:#fff;}

.ny_proxxhead .right .xxbtn{margin-top:50px;}
.ny_proxxhead .right .xxbtn a{ width:200px; height:60px; background:#182f62; color:#fff; font-size:18px; float:left;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ny_proxxhead .right .xxbtn a svg{ fill:#fff; width:18px; height:18px; margin-left:17px;}
.ny_proxxhead .right .xxbtn a:nth-of-type(2){ margin-left:20px; background:#e9913b;}
@media (max-width:1680px) {
	.ny_proxxhead .left{padding: 30px 40px 50px 3%;}
	.jqzoom{ height:450px;}
	.ny_proxxhead .right{padding: 80px 3% 90px 60px;}
	.ny_proxxhead .right .nyProDetail_name{ font-size:32px;}
}
@media (max-width:1440px) {
	.ny_proxxhead .left .ny_location{margin-bottom:10px;}
	.jqzoom{ height:400px;}
	.ny_proxxhead .left dl{ width:100%;}
	.ny_proxxhead .left dl p{ margin-top:0;}
	.ny_proxxhead .right{padding: 65px 0 70px 60px;}
	.ny_proxxhead .right .nyProDetail_name{ font-size:28px;}
}
@media (max-width:1200px) {
	.jqzoom{ height:350px;}
	.ny_proxxhead .right{padding: 50px 0 60px 50px;}
	.ny_proxxhead .right .nyProDetail_name{ font-size:24px;}
	.ny_proxxhead .right .xxbtn{ margin-top:40px;}
	.ny_proxxhead .right .xxbtn a{ width:160px; height:50px; font-size:16px;}
	.ny_proxxhead .right .xxbtn a svg{ margin-left:12px;}
}
@media (max-width:1080px) {
	.ny_proxxhead:after{ display:none;}
	.ny_proxxhead>.w1400{ width:100%;}
	.ny_proxxhead .left{ width:100%;padding: 20px 3% 25px;}
	.ny_proxxhead .right{ width:100%;padding: 30px 3% 40px;}
	.ny_proxxhead .right .nyProDetail_name{ padding-bottom:15px; margin-bottom:20px;}
	.ny_proxxhead .right .nyProDetail_ms{ margin-bottom:15px;height: 60px;-webkit-line-clamp: 2;}
	.ny_proxxhead .right .texing ul li{ margin-bottom:10px;}
	.ny_proxxhead .right .xxbtn{ margin-top:20px;}
	
}
@media (max-width:767px) {
	.ny_proxxhead{ margin-top:60px;}
	.ny_proxxhead .left .ny_location{ padding-bottom:0; height:40px;}
	.ny_proxxhead .left .ny_location i{margin: 3px 10px 0 0;}
	.ny_proxxhead .left .ny_location a,.ny_proxxhead .left .ny_location span{ font-size:14px;}
	.ny_proxxhead .left .ny_location div{font-size:14px;}
	.ny_proxxhead .left .ny_location em{ margin:0 4px; background-size:70%;}
	.ny_proxxhead .left dl p{ font-size:16px;}
	.ny_proxxhead .right{ padding:30px 3%;}
	.ny_proxxhead .right .nyProDetail_name{ font-size:20px;margin-bottom: 15px;}
	.ny_proxxhead .right .nyProDetail_ms span{}
	.ny_proxxhead .right .nyProDetail_ms{ height:56px;margin-bottom: 10px;-webkit-line-clamp:2;}
	.ny_proxxhead .right .nyProDetail_ms h1{ font-size:14px; line-height:28px;}
	.ny_proxxhead .right .texing p{margin-bottom: 13px;}
	.ny_proxxhead .right .texing ul li{}
}
@media (max-width:500px) {
	.jqzoom {height: 280px;}
	.ny_proxxhead .right .texing ul li{ width:100%; margin-bottom:7px;}
	.ny_proxxhead .right .xxbtn{ margin-top:15px;}
	.ny_proxxhead .right .xxbtn a{ width:150px; height:44px;}
	.ny_proxxhead .right .xxbtn a:nth-of-type(2){ margin-left:10px;}
	.ny_proxxhead .right .xxbtn a svg{ width:16px; height:16px; margin-left:8px;}
}
@media (max-width:500px) {
	.jqzoom {height: 250px;}
}

/*proxx_nav*/
.proxxy_main{ background:#f8f8f8; padding:85px 0; overflow:hidden;}
.proxx_nav{ overflow:hidden;}
.proxx_nav a{ width:25%;height:70px;background:#fff;float:left;display:flex; display: -webkit-flex;  justify-content:center;align-items:center; font-size:18px;cursor: default;}
.proxx_nav a.on,.proxx_nav a:hover{ background:#182f62; color:#fff;}
.proxx_nav a svg{ width:20px; height:20px; fill:#393939; margin-right:15px; transition: all 0s ease;}
.proxx_nav a svg:nth-of-type(1){ width:22px; height:22px;}
.proxx_nav a.on svg,.proxx_nav a:hover svg{fill:#fff;}
@media (max-width:1680px) {
	.proxxy_main{ padding:60px 0;}
}
@media (max-width:1023px) {
	.proxx_nav a{ height:60px;}
	.proxx_nav a svg{ margin-right:10px;}
}
@media (max-width:820px) {
	.proxxy_main{ padding:40px 0;}
}
@media (max-width:767px) {
	.proxxy_main{ padding:30px 0 15px;}
	.proxx_nav a{ height:50px; font-size:16px;}
	.proxx_nav a svg{ margin-right:5px; width:16px; height:16px;}
	.proxx_nav a svg:nth-of-type(1){width:16px; height:16px;}
}
@media (max-width:500px) {
	.proxx_nav a{ font-size:15px;}
	.proxx_nav a svg{ display:none;}
}

/*proxx_cpjs*/
.proxxy_main .proxx_cpjs{ padding-top:75px;overflow:hidden;}
.xxny_title{ font-size:30px; font-weight:bold;display:flex; display: -webkit-flex;align-items:center;}
.xxny_title svg{ width:28px; height:30px; fill:#e9913b; margin-right:15px;}
.proxxy_main .Indetail_box{ margin-top:30px;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
.proxxy_main .Indetail_box .left{width: calc(100% - 400px); background:#fff; padding:50px; float:left; font-size:16px; color:#555; line-height:30px;    min-height:300px;}
.proxxy_main .Indetail_box .left p{font-size:16px; color:#555; line-height:30px;}
.proxxy_main .Indetail_box .left p,.proxxy_main .Indetail_box .left span,.proxxy_main .Indetail_box .left table,.proxxy_main .Indetail_box .left tr,.proxxy_main .Indetail_box .left td,.proxxy_main .Indetail_box .left video,.proxxy_main .Indetail_box .left img{ width:auto !important; max-width:100% !important;}
.proxxy_main .Indetail_box .right{ width:350px; float:right;}

@media (min-width:1199px) {
#c_detail_wrap #new-div .zoom-caret{display:none !important;}
}
#c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap div,#c_detail_wrap video,#c_detail_wrap embed{height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;}

#c_detail_wrap #new-div{overflow-x: hidden;overflow-y: hidden;width: 100%;position:relative;}
#c_detail_wrap #new-div .zoom-caret{display:block;position: absolute;top: 10px;right: 5px;font-size: 50px;color: #a7a5a5;z-index: 2;padding: 0;margin: 0;opacity: .3;}
#c_detail_wrap #new-div table{transform-origin: left top;border-collapse: collapse;max-width: none!important;width: auto;}
#c_detail_wrap #new-div table td{padding: 3px;border: 1px solid #ccc;}
#c_detail_wrap #new-div table td img{max-width:90% !important;}

#c_detail_wrap #new-div.on{overflow:scroll; width: 100%;}
#c_detail_wrap #new-div.on .zoom-caret{display:none;}

/*设置滚动条样式*/
::-webkit-scrollbar { width:0px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#ddd; width:1px; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#2e89ff;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#2e89ff;}


@media (max-width:1680px) {
	.proxxy_main .proxx_cpjs{padding-top:50px;}
}
@media (max-width:1440px) {
    .xxny_title{ font-size:24px;}
	.xxny_title svg{ margin-right:10px;}
	.proxxy_main .Indetail_box{ margin-top:20px;}
	.proxxy_main .Indetail_box .left{ width: calc(100% - 360px);padding:40px;}
	.proxxy_main .Indetail_box .right{ width:320px;}
}
@media (max-width:1366px) {
	.proxxy_main .Indetail_box .left{ width: calc(100% - 330px);padding:40px;}
	.proxxy_main .Indetail_box .right{ width:300px;}
}
@media (max-width:1200px) {
	.proxxy_main .Indetail_box .left p,.proxxy_main .Indetail_box .left span,.proxxy_main .Indetail_box .left table,.proxxy_main .Indetail_box .left tr,.proxxy_main .Indetail_box .left td,.proxxy_main .Indetail_box .left video,.proxxy_main .Indetail_box .left img{width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: normal;word-break: break-all;   text-wrap: wrap;text-align: justify;}
}
@media (max-width:1080px) {
	.proxxy_main .Indetail_box .left{ width:100%;}
	.proxxy_main .Indetail_box .right{ width:100%; margin-top:20px;}
}
@media (max-width:820px) {
	.proxxy_main .proxx_cpjs{padding-top:40px;}
}
@media (max-width:767px) {
	.proxxy_main .proxx_cpjs{padding-top:30px;}
	.xxny_title{ font-size:20px;}
	.xxny_title svg{ margin-right:5px;}
	.proxxy_main .Indetail_box .left{ padding:30px 20px;}
	.proxxy_main .Indetail_box .left p{font-size:14px;line-height:26px;}
}

/*产品参数*/
.proxxy_main .proxx_two{}
.proxxy_main .proxx_two .mian_box{background:#fff; padding:50px;font-size:16px; color:#555; line-height:30px; margin-top:30px;}
.proxxy_main .proxx_two .mian_box p{font-size:16px; color:#555; line-height:30px;}
.proxxy_main .proxx_two .mian_box p,.proxxy_main .proxx_two .mian_box span,.proxxy_main .proxx_two .mian_box table,.proxxy_main .proxx_two .mian_box tr,.proxxy_main .proxx_two .mian_box td,.proxxy_main .proxx_two .mian_box video,.proxxy_main .proxx_two .mian_box img{ max-width:100% !important;}
@media (max-width:1440px) {
	.proxxy_main .proxx_two .mian_box{ margin-top:20px;padding: 30px;}
}
@media (max-width:1200px) {
	.proxxy_main .proxx_two .mian_box p,.proxxy_main .proxx_two .mian_box span,.proxxy_main .proxx_two .mian_box table,.proxxy_main .proxx_two .mian_box tr,.proxxy_main .proxx_two .mian_box td,.proxxy_main .proxx_two .mian_box video,.proxxy_main .proxx_two .mian_box img{width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: normal;word-break: break-all;   text-wrap: wrap;text-align: justify;}
}
@media (max-width:767px) {
    .proxxy_main .proxx_two .mian_box{padding: 30px 20px;}
}

/*proxx_cpzl*/
.proxx_cpzl{ padding-top:75px;}
.proxx_cpzl ul{ margin-top:30px;}
.proxx_cpzl ul li { margin-bottom: 20px;padding: 20px 120px 20px 40px; border-radius: 8px; background-color: #fff;box-shadow: 0 0 0 rgba(20, 27, 96, 0);position: relative;}
.proxx_cpzl ul li:last-child{ margin-bottom:0;}
.proxx_cpzl ul li:hover {background-color: #182f62; box-shadow: 0 10px 16px rgba(20, 27, 96, .2);}
.proxx_cpzl ul li .nyService_name {display: block;width: 40%;height: 40px;overflow: hidden;line-height: 40px;color: #222;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;padding-left: 40px; position: relative; float: left;}
.proxx_cpzl ul li:hover .nyService_name {color: #fff;}
.proxx_cpzl ul li .nyService_name i {display: block; width: 32px; height: 32px; overflow: hidden; position: absolute; left: 0;top: 4px;}
.proxx_cpzl ul li .nyService_name i svg {display: block; width: 100%; height: 100%;}
.proxx_cpzl ul li .nyService_name i svg path {fill: #e9913b;}
.proxx_cpzl ul li:hover .nyService_name i svg path {fill: #ffffff;}
.proxx_cpzl ul li span { display: block; width: 20%; height: 40px; overflow: hidden;line-height: 40px;color: #999;font-size: 16px;text-align: center;
float: left;}
.proxx_cpzl ul li:hover span {color: rgba(255, 255, 255, .65);}
.proxx_cpzl ul li a.nyService_btn {display: block;width: 40px;height: 40px; overflow: hidden;position: absolute; top: 20px;right: 40px;}
.proxx_cpzl ul li a.nyService_btn i {display: block; width: 100%; height: 100%; overflow: hidden; padding: 11px; border-radius: 50%; background-color: #e9913b;}
.proxx_cpzl ul li:hover a.nyService_btn i {  background-color: #fff;}
.proxx_cpzl ul li a.nyService_btn i svg { display: block;  width: 100%; height: 100%;}
.proxx_cpzl ul li a.nyService_btn i svg path { fill: #ffffff;}
.proxx_cpzl ul li:hover a.nyService_btn i svg path { fill: #182f62;}
/* nyService end */
@media (max-width:1680px) {
	.proxx_cpzl{ padding-top:50px;}
    .proxx_cpzl ul{ margin-top:20px;}
}
@media (max-width:1560px) {
  .proxx_cpzl ul li span {font-size: 15px; }
}

@media (max-width:1440px) {
  .proxx_cpzl ul li .nyService_name {width: 46%;}
  .proxx_cpzl ul li span {width: 18%;}
}
@media (max-width:1366px) {}

@media (max-width:1280px) {
  .proxx_cpzl ul li { padding: 12px 100px 12px 30px;}
  .proxx_cpzl ul li .nyService_name { width: 52%; }
  .proxx_cpzl ul li span { width: 16%; font-size: 14px; }
  .proxx_cpzl ul li a.nyService_btn { top: 12px; right: 30px; }
}
@media (max-width:1080px) {
  .proxx_cpzl ul li {padding: 12px 80px 12px 20px;}
  .proxx_cpzl ul li a.nyService_btn {top: 12px;right: 20px;}
}
@media (max-width:920px) {
  .proxx_cpzl ul li { border-radius: 4px;}
}
@media (max-width:820px) {
	.proxx_cpzl{ padding-top:40px;}
	}
@media (max-width:767px) {
  .proxx_cpzl{ padding-top:30px;}
  .proxx_cpzl ul { margin-bottom: 20px;}
  .proxx_cpzl ul li{ margin-bottom:15px;}
  .proxx_cpzl ul li .nyService_name { width: 100%;}
  .proxx_cpzl ul li span { display: none;}
}
@media (max-width:320px) {
  .nyService { margin: 20px auto;}
  .proxx_cpzl ul li {padding: 12px 64px 12px 12px;}
  .proxx_cpzl ul li a.nyService_btn {top: 12px; right: 12px;}
}

/*proxx_xgcp*/
.proxx_xgcp{ padding-top:75px;}
.proxx_xgcp ul{ margin-top:35px;}
.proxx_xgcp ul li{ background:#fff; padding:35px 30px; overflow:hidden; border-left:3px solid #182f62; transition: all .4s ease;}
.proxx_xgcp ul li p{ width:100%; height:44px; line-height:44px; background:#f8f8f8; padding:0 15px; font-size:18px; text-align:center; color:#222; font-weight:bold; margin-bottom:17px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all .4s ease;}
.proxx_xgcp ul li .ms{ font-size:16px; color:#777; line-height:30px; height:150px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; transition: all .4s ease;}
.proxx_xgcp ul li:hover{background:#182f62;}
.proxx_xgcp ul li:hover p{ background:#e9913b; color:#fff;}
.proxx_xgcp ul li:hover .ms{ color:rgba(255,255,255,.75);}

@media (max-width:1680px) {
	.proxx_xgcp{ padding-top:50px;}
}
@media (max-width:1440px) {
	.proxx_xgcp ul{ margin-top:20px;}
}
@media (max-width:1080px) {
	.proxx_xgcp ul li .ms{height:90px;-webkit-line-clamp: 3;}
}
@media (max-width:820px) {
	.proxx_xgcp{ padding-top:40px;}
}
@media (max-width:767px) {
	.proxx_xgcp{ padding-top:30px;}
	.proxx_xgcp ul li{padding:25px 20px;}
	.proxx_xgcp ul li p{ font-size:16px; padding:0 10px;}
	.proxx_xgcp ul li .ms{ font-size:15px; line-height:26px; height:78px;}
}
@media (max-width:550px) {
}