.ny_proxxhead{ margin-top:100px;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.ny_proxxhead .left{width:50%; float:left; padding:30px 50px 50px 8.3333335%;}
.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(137, 5, 5, 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 8px;}
.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:80%; 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;}

.ny_proxxhead .right{ width:50%; float:right; padding:80px 8.3333335% 100px 72px; background:#f5f5f5 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:#890505; 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:#890505; position:absolute; top:50%; transform:translateY(-50%); left:20px;}
.ny_proxxhead .right .texing ul li:hover{background:#890505; 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:#890505; 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:#444;}
@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{ margin-top:95px;}
	.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 3% 70px 60px;}
	.ny_proxxhead .right .nyProDetail_name{ font-size:28px;}
}
@media (max-width:1399px) {
	.ny_proxxhead{ margin-top:90px;}
}
@media (max-width:1200px) {
	.ny_proxxhead{ margin-top:85px;}
	.jqzoom{ height:350px;}
	.ny_proxxhead .right{padding: 50px 3% 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:1023px) {
	.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;}
	.ny_proxxhead .right .texing ul li{ margin-bottom:10px;}
	.ny_proxxhead .right .xxbtn{ margin-top:20px;}
	
}
@media (max-width:767px) {
	.ny_proxxhead{ margin-top:125px;}
	.ny_proxxhead .left .ny_location{ padding-bottom:10px;}
	.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 dd,.ny_proxxhead .left dl p{}
	.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: 300px;}
	.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;}
}

/*proxx_nav*/
.proxxy_main{ background:#f8f8f8; padding:85px 0; overflow:hidden;}
.proxx_nav{ overflow:hidden;}
.proxx_nav a{ width:33.333333%;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:#890505; 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;}
}

/*proxx_cpjs*/
.proxxy_main .proxx_cpjs{ padding:75px 0; 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:#890505; 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: 400px;}
.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{ max-width:100% !important;}
.Indetail_box .left table{ width:100%!important;}
.proxxy_main .Indetail_box .right{ width:350px; float:right;}
@media (max-width:1680px) {
	.proxxy_main .proxx_cpjs{ padding:50px 0;}
}
@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;}
	.Indetail_box .left table{ width:100%!important;}
}
@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:40px 0;}
}
@media (max-width:767px) {
	.proxxy_main .proxx_cpjs{ padding:30px 0;}
	.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;}
}

/*proxx_cpzl*/
.proxx_cpzl{ padding-bottom:75px;}
.proxx_cpzl ul{ margin-top:35px;}
.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: #890505; box-shadow: 0 10px 16px rgba(20, 27, 96, .2);}
.proxx_cpzl ul li a.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 a.nyService_name {color: #fff;}
.proxx_cpzl ul li a.nyService_name i {display: block; width: 32px; height: 32px; overflow: hidden; position: absolute; left: 0;top: 4px;}
.proxx_cpzl ul li a.nyService_name i svg {display: block; width: 100%; height: 100%;}
.proxx_cpzl ul li a.nyService_name i svg path {fill: #db1111;}
.proxx_cpzl ul li:hover a.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: #890505;}
.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: #890505;}
/* nyService end */
@media (max-width:1680px) {
	.proxx_cpzl{ padding-bottom: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 a.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 a.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-bottom:40px;}
	}
@media (max-width:767px) {
	.proxx_cpzl{ padding-bottom:30px;}
  .proxx_cpzl ul { margin-bottom: 20px;}
  .proxx_cpzl ul li{ margin-bottom:15px;}
  .proxx_cpzl ul li a.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 ul{ margin-top:35px;}
.proxx_xgcp ul li{ width:23.5%; background:#fff; float:left; margin-right:2%;position:relative;}
.proxx_xgcp ul li:after{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; transform:scale(.9);visibility:hidden;transition: all .5s;-webkit-transition: all .5s;}
.proxx_xgcp ul li:nth-child(4n){ margin-right:0;}
.proxx_xgcp ul li .pic{ display:block;width:100%; height:324px; position:relative; overflow:hidden;}
.proxx_xgcp ul li .pic img{ max-width:90%; max-height:90%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.proxx_xgcp ul li .text{ width:100%; padding:30px; border-top:1px solid #e6e6e6; text-align:center;}
.proxx_xgcp ul li .text p{ font-size:24px; font-weight:bold; margin-bottom:5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.proxx_xgcp ul li .text .name{ font-size:16px; color:#555;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.proxx_xgcp ul li .ly_more{ width:180px;border:2px solid #fff; color:#fff; position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); z-index:2; opacity:0;}
.proxx_xgcp ul li .ly_more i{background: url(../images/jtIco1.png) center center no-repeat;}

.proxx_xgcp ul li:hover:after{transform:scale(1);visibility:inherit;}
.proxx_xgcp ul li:hover .pic{transform: scale(1.1);}
.proxx_xgcp ul li:hover .ly_more{ top:50%; opacity:1;}
@media (max-width:1680px) {
	.proxx_xgcp ul li .ly_more{ width:160px;}
}
@media (max-width:1440px) {
	.proxx_xgcp ul{ margin-top:20px;}
	.proxx_xgcp ul li .pic{height:280px;}
	.proxx_xgcp ul li .text{ padding:20px;}
	.proxx_xgcp ul li .text p{ font-size:20px;}
}
@media (max-width:1366px) {
	.proxx_xgcp ul li .ly_more{ width:140px; border:1px solid #fff;}
}
@media (max-width:1200px) {
	.proxx_xgcp ul li .pic{height:240px;}
	.proxx_xgcp ul li .text p{ font-size:18px; margin-bottom:0;}
}
@media (max-width:1080px) {
	.proxx_xgcp ul li .pic{height:200px;}
}
@media (max-width:820px) {
	.proxx_xgcp ul li .ly_more{ width:128px;}
}
@media (max-width:767px) {
	.proxx_xgcp ul li{ width:48.5%;margin-right:3%; margin-bottom:15px;}
	.proxx_xgcp ul li:nth-child(3n){ margin-right:3%;}
	.proxx_xgcp ul li:nth-child(2n){ margin-right:0;}
	.proxx_xgcp ul li .pic{height:250px;}
	.proxx_xgcp ul li .text p{ font-size:16px;}
	.proxx_xgcp ul li .ly_more{ width:118px;}
}
@media (max-width:550px) {
	.proxx_xgcp ul li{ margin-bottom:10px;}
	.proxx_xgcp ul li .pic{height:200px;}
	.proxx_xgcp ul li .text{ padding:15px 10px;}
	.proxx_xgcp ul li .text .name{ font-size:14px;}
}