/*nyProdetail start*/
.nyProdetail { overflow: hidden; padding: 140px 0 100px;}
.nyProdetail .nyProdetail_main { display: flex;}

.nyProdetail_main .nyProdetail_left { width: 320px;}
.nyProdetail_left .nyProdetail_nav { overflow: hidden; margin-bottom: 25px; padding: 30px; background-color: #fff;}
.nyProdetail_nav dl { position: relative;}
.nyProdetail_nav dl::before { content: ''; display: block; width: 1px; height: calc(100% - 30px); background-color: #ddd; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProdetail_nav dl dd { margin-bottom: 12px;}
.nyProdetail_nav dl dd:last-child { margin-bottom: 0;}
.nyProdetail_nav dl dd a { display: block; height: 40px; line-height: 40px; color: #555; font-size: 18px; font-weight: bold; padding: 0 20px 0 40px; position: relative;}
.nyProdetail_nav dl dd a:hover { color: #04559a;}
.nyProdetail_nav dl dd a::before { content: ''; display: block; width: 9px; height: 9px; background-color: #ddd; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProdetail_nav dl dd a:hover::before { background-color: #04559a;}
.nyProdetail_nav dl dd a i { display: block; width: 20px; height: 20px; overflow: hidden; padding: 4px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProdetail_nav dl dd a:hover i svg path { fill: #04559a;}
.nyProdetail_nav p { overflow: hidden; margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
.nyProdetail_nav p em { display: block; line-height: 32px; color: #222; font-size: 22px; font-weight: bold; font-style: normal; margin-bottom: 10px;}
.nyProdetail_nav p span { display: block; line-height: 30px; color: #777; font-size: 16px;}


.nyProdetail_left .nyProduct_menu { margin-bottom: 25px;}
.nyProduct_menu .nyProMenu_head { overflow: hidden; padding: 30px; background: #04559a url(../images/nyProMenuHead_bg.png) 110% center no-repeat; background-size: 100px 100px; position: relative;}
.nyProMenu_head span { display: block; line-height: 24px; color: #fff; font-size: 18px;}
.nyProMenu_head span::before { content: ''; display: inline-block; width: 30px; height: 1px; background-color: #fff; vertical-align: middle; margin: -2px 10px 0 0;}
.nyProMenu_head p { line-height: 40px; color: #fff; font-size: 32px; font-weight: bold; margin-top: 8px;}
.nyProMenu_head i { display: none; width: 30px; height: 30px; overflow: hidden; padding: 5px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProMenu_list { overflow: hidden; padding: 20px 30px; background-color: #fff;}
.nyProMenu_list ul li { overflow: hidden; padding: 10px 0 9px; border-bottom: 1px dashed #e6e6e6;}
.nyProMenu_list ul li:last-child { border-bottom: 0;}
.nyProMenu_list ul li p { overflow: hidden; padding-right: 40px; position: relative;}
.nyProMenu_list ul li p a { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #222; font-size: 18px; white-space: nowrap; text-overflow: ellipsis;}
.nyProMenu_list ul li:hover p a, .nyProMenu_list ul li.active p a { color: #04559a; font-weight: bold;}
.nyProMenu_list ul li p i { display: block; width: 40px; height: 40px; overflow: hidden; padding: 14px; position: absolute; top: 0; right: 0; cursor: pointer;}
.nyProMenu_list ul li:hover p i svg path, .nyProMenu_list ul li.active p i svg path { fill: #04559a;}
.nyProMenu_list ul li.active p i { transform: scaleY(-1); -webkit-transform: scaleY(-1);}

.nyProMenu_list ul li .nyProduct_scd { display: none; padding: 10px;}
.nyProMenu_list ul li.active .nyProduct_scd { display: block;}
.nyProduct_scd a { display: block; width: 100%; height: 35px; overflow: hidden; line-height: 35px; color: #777; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; padding-left: 20px; position: relative;}
.nyProduct_scd a:hover { color: #04559a;}
.nyProduct_scd a::before { content: ''; display: block; width: 8px; height: 1px; overflow: hidden; background-color: #999; position: absolute; left: 0; top: 50%;}
.nyProduct_scd a:hover::before { background-color: #04559a;}

.nyProdetail_left .nyProduct_article { margin-bottom: 25px;}
.nyProduct_article .nyProArt_head { overflow: hidden; padding: 30px; background: #04559a url(../images/nyProArtHead_bg.png) 110% center no-repeat; background-size: 100px 100px; position: relative;}
.nyProArt_head span { display: block; line-height: 24px; color: #fff; font-size: 18px;}
.nyProArt_head span::before { content: ''; display: inline-block; width: 30px; height: 1px; background-color: #fff; vertical-align: middle; margin: -2px 10px 0 0;}
.nyProArt_head p { line-height: 40px; color: #fff; font-size: 32px; font-weight: bold; margin-top: 8px;}
.nyProArt_list { overflow: hidden; padding: 20px 30px; background-color: #fff;}
.nyProArt_list dl dd { overflow: hidden; padding: 10px 0 9px; border-bottom: 1px dashed #e6e6e6;}
.nyProArt_list dl dd:last-child { border-bottom: 0;}
.nyProArt_list dl dd a { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #222; font-size: 18px; white-space: nowrap; text-overflow: ellipsis;}
.nyProArt_list dl dd:hover a { color: #04559a;}

.nyProdetail_left .nyProdetail_msg { overflow: hidden; margin-bottom: 25px; padding: 30px; background-color: #fff;}
.nyProdetail_msg .tit { margin-bottom: 15px;}
.nyProdetail_msg .tit p { line-height: 30px; color: #222; font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.nyProdetail_msg .tit span { display: block; line-height: 26px; color: #999; font-size: 16px;}

.nyProdetail_msg #ly_msg.ly_msg { margin-bottom: 0 !important;}
.nyProdetail_msg #ly_msg.ly_msg ul { margin: 0 0 -12px !important;}
.nyProdetail_msg #ly_msg.ly_msg ul::after { content: ''; display: block; height: 0; overflow: hidden; clear: both;}
.nyProdetail_msg #ly_msg.ly_msg ul li { width: 100% !important; margin: 0 0 12px !important; float: none !important; clear: none !important; position: relative;}
.nyProdetail_msg #ly_msg.ly_msg ul li:nth-child(2),
.nyProdetail_msg #ly_msg.ly_msg ul li:nth-child(6),
.nyProdetail_msg #ly_msg.ly_msg ul li:nth-child(7) { display: none !important;}
.nyProdetail_msg #ly_msg.ly_msg ul li h4 { display: none !important;}
.nyProdetail_msg #ly_msg.ly_msg ul li h4.xh { display: block !important; width: 10px !important; height: 10px !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; background: url(../images/tb_img1.png) center center no-repeat !important; position: absolute; left: 3px; top: 15px;}
.nyProdetail_msg #ly_msg.ly_msg ul li .msg_ipt1,
.nyProdetail_msg #ly_msg.ly_msg ul li .msg_ipt2,
.nyProdetail_msg #ly_msg.ly_msg ul li .msg_ipt12 { width: 100% !important; height: auto !important;}
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt1 input,
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt2 input,
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt12 input,
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt12 .msg_option { height: 40px !important; line-height: 30px !important; color: #777 !important; font-size: 14px !important; padding: 5px 15px !important; background-color: #f4f4f4 !important; border: 0 !important; outline: none;}
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt0 textarea { height: 90px !important; line-height: 24px !important; color: #777 !important; font-size: 14px !important; padding: 10px 15px !important; background-color: #f4f4f4 !important; border: 0 !important; outline: none; resize: none;}
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt1 input::placeholder,
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt2 input::placeholder,
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt12 input::placeholder,
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt0 textarea::placeholder { color: #777;}
.nyProdetail_msg #ly_msg.ly_msg ul li .c_yzm { width: 100%; margin-right: 0 !important; padding-bottom: 0 !important;}
.nyProdetail_msg #ly_msg.ly_msg .msg_ipt2 input { width: calc(100% - 91px) !important; margin-right: 1px !important;}
.nyProdetail_msg #ly_msg.ly_msg ul li a.yzm_img { width: 90px !important; height: 40px !important; margin: 0 !important; padding: 0 !important;}
.nyProdetail_msg #ly_msg.ly_msg ul li .msg_ipt2>span { line-height: 22px !important; font-size: 14px !important; margin: 10px 0 0 !important;}
.nyProdetail_msg #ly_msg.ly_msg ul li .msg_btn { width: 100% !important;}
.nyProdetail_msg #ly_msg.ly_msg .msg_btn input { width: 100% !important; height: 40px !important; line-height: 40px !important; color: #fff !important; font-size: 14px !important; margin: 0 !important; background-color: #333 !important;}
.nyProdetail_msg #ly_msg.ly_msg .msg_btn input.msg_btn1 { margin: 0 0 12px !important;}
.nyProdetail_msg #ly_msg.ly_msg .msg_btn input.msg_btn1, .nyProdetail_msg #ly_msg.ly_msg .msg_btn input:hover { background-color: #04559a !important;}
.nyProdetail_msg #ly_msg.ly_msg .msg_btn input.msg_btn1:hover { background-color: #c80f2e !important;}


.nyProdetail_main .nyProdetail_right { width: calc(100% - 320px); padding-left: 40px;}
.nyProdetail_tit { margin-bottom: 40px; border-bottom: 1px solid #e6e6e6;}
.nyProdetail_tit p { width: 140px; height: 42px; overflow: hidden; line-height: 42px; color: #fff; font-size: 18px; font-weight: bold; padding: 0 15px; background-color: #04559a; position: relative;}
.nyProdetail_tit p::after { content: ''; display: block; width: 0; height: 0; border-top: 12px solid #fff; border-left: 12px solid transparent; position: absolute; top: 0; right: 0;}
.nyProdetail_tit p i { display: block; width: 14px; height: 14px; margin: 14px 10px 14px 0; float: left; position: relative;}
.nyProdetail_tit p i::before, .nyProdetail_tit p i::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 9px; border-color: transparent transparent transparent #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProdetail_tit p i::before { left: 0; opacity: .45;}
.nyProdetail_tit p i::after { right: 0;}

.nyProdetail_con { overflow: hidden; margin-bottom: 40px; padding: 40px 40px 0; background-color: #fff;}
.nyProdetail_head { display: flex; align-items: center; justify-content: center;}
.nyProdetail_head .nyProdetailHead_img { width: 50%; padding-right: 20px;}
#preview { width:100%; text-align:center; position:relative;}
.list-h li { float:left;}
#spec-n5 { width:100%; height:70px; margin-top:10px;}
#spec-left, #spec-right { width:16px; height:70px; float:left; cursor:pointer; margin-top:3px;}
#spec-list { width:440px; float:left; margin-left:2px; display:inline;}
#spec-list ul li { float:left; display:inline; width:18.8%; height:60px; margin:0 1.5% 0 0;}
#spec-list ul li:last-child { margin:0;}
#spec-list ul li p { width:100%; height:100%; overflow:hidden; background-color:#fff; border:1px solid #e6e6e6; position:relative;}
#spec-list ul li:first-child p { border:1px solid #04559a;}
#spec-list ul li img { display:block; max-width:90%; max-height:90%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}
/*jqzoom*/
.jqzoom { position:relative; width:100%; height:310px; overflow: hidden; border: 1px solid #e6e6e6;}
.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 { z-index:100; position:absolute; top:0; left:0; border:1px solid #eaeaea; display:none; text-align:center; overflow: hidden; left:102% !important; top:0 !important;}
.zoomdiv img { max-width: inherit;}
.jqZoomPup { 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;}
#spec-list { position:relative; width:100%; margin:0;}
#spec-list div { width:100% !important; height:70px !important; margin:0;}
#ceshi { display:block; margin:auto !important; left:0; top:0; bottom:0; right:0;}
.prodetail_img a.videoIco { left:20px !important; bottom:20px !important; z-index:99 !important;}
.Warning { width:100% !important; height:100% !important;}

.nyProdetail_head .nyProdetailHead_text { width: 50%; padding-left: 20px;}
.nyProdetailHead_text .nyProdetailHead_name { overflow: hidden; line-height: 34px; color: #222; font-size: 24px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
.nyProdetailHead_text .nyProdetailHead_ms { max-height: 56px; overflow: hidden; line-height: 28px; color: #222; font-size: 16px; text-indent: -8px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 20px 0;}
.nyProdetailHead_text .nyProdetailHead_ms h1 { display: inline; color: #999; font-size: 16px;}
.nyProdetailHead_text dl { display: flex; flex-wrap: wrap; justify-content: left; overflow: hidden; padding: 14px; background: url(../images/dot01.png) 0 0 repeat;}
.nyProdetailHead_text dl dd { width: 50%; height: 34px; overflow: hidden; line-height: 34px; color: #999; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; position: relative;}
.nyProdetailHead_text dl dd::before { content: ''; display: block; width: 4px; height: 4px; background-color: #04559a; border-radius: 50%; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProdetailHead_text .nyProdetailHead_btn { margin-top: 40px;}
.nyProdetailHead_text .nyProdetailHead_btn a { display: inline-block; vertical-align: top; height: 42px; overflow: hidden; line-height: 42px; color: #fff; font-size: 16px; text-align: center; padding: 0 30px;}
.nyProdetailHead_text .nyProdetailHead_btn a.btn01 { background-color: #04559a; margin-right: 12px;}
.nyProdetailHead_text .nyProdetailHead_btn a.btn01:hover { background-color: #c80f2e;}
.nyProdetailHead_text .nyProdetailHead_btn a.btn02 { background-color: #555;}
.nyProdetailHead_text .nyProdetailHead_btn a.btn02:hover { background-color: #04559a;}

.nyProdetail_intro { margin-top: 40px;}
.nyProdetail_intro .nyProdetail_text { min-height: 300px; overflow: hidden;}
.nyProdetail_text, .nyProdetail_text div, .nyProdetail_text p { line-height: 30px !important; color: #666!important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'sans-serif'!important; font-size: 16px!important;}
.nyProdetail_text div, .nyProdetail_text p { margin-bottom: 15px;}
.nyProdetail_text br { display: none;}
.nyProdetail_text table, .nyProdetail_text tr, .nyProdetail_text td, .nyProdetail_text p, .nyProdetail_text span, .nyProdetail_text div, .nyProdetail_text video, .nyProdetail_text embed { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100%;}
.nyProdetail_text img { display: block; max-width: 100% !important;}
.nyProdetail_text p span, .nyProdetail_text span, .nyProdetail_text p em, .nyProdetail_text em { color: #666 !important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'sans-serif' !important; font-size: 16px !important;}
.nyProdetail_text b { color: #222; font-size: 24px !important; font-weight: bold;}
.nyProdetail_text table { display: block; width: 100% !important; overflow-x: scroll; padding-bottom: 0;  border-collapse: separate; border-spacing: 0; margin: 20px 0;}
.nyProdetail_text table::-webkit-scrollbar { height: 3px;}
.nyProdetail_text table tr th, .nyProdetail_text table tr td { margin: -1px 0 0 -1px; padding: 10px; border: 1px solid #ddd !important; border-right: 0 !important; border-bottom: 0 !important;}
.nyProdetail_text table tr th:last-child, .nyProdetail_text table tr td:last-child { border-right: 1px solid #ddd !important;}
.nyProdetail_text table tr { background-color: #f8f8f8;}
.nyProdetail_text table tr:nth-child(2n) { background-color: #fff;}

.nyProdetail_intro .nyDetail_line { margin-top: 30px; position: relative;}
.nyDetail_line i { display: block; width: 30px; height: 30px; overflow: hidden; margin: 0 auto;}
.nyDetail_line::before, .nyDetail_line::after { content: ''; display: block; width: calc(50% - 40px); height: 1px; background-color: #ccc; position: absolute; top: 50%;}
.nyDetail_line::before { left: 0;}
.nyDetail_line::after { right: 0;}

.nyProdetail_xgcp { overflow: hidden; padding: 40px; background-color: #fff;}
.nyXgcp_swiper { padding-bottom: 40px; position: relative;}
.nyXgcp_swiper .swiper-container { padding-bottom: 6px;}
.nyXgcp_swiper .swiper-slide { position: relative;}
.nyXgcp_swiper .swiper-slide::after { content: ''; display: block; width: 0%; height: 6px; overflow: hidden; background-color: #04559a; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 1; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyXgcp_swiper .swiper-slide:hover::after { width: 100%;}
.nyXgcp_swiper .swiper-slide .lyPro_con { border: 1px solid #ddd; position: relative;}
.nyXgcp_swiper .swiper-slide:hover .lyPro_con { border: 1px solid #bfbfbf;}
.lyPro_con .lyPro_name { padding: 19px; border-bottom: 1px solid #ddd;}
.lyPro_con:hover .lyPro_name { border-bottom: 1px solid #04559a;}
.lyPro_con .lyPro_name a { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px; position: relative;}
.lyPro_con:hover .lyPro_name a { color: #04559a;}
.lyPro_con .lyPro_name a i { display: block; width: 28px; height: 28px; overflow: hidden; background-color: #04559a; border-radius: 50%; position: absolute; top: 1px; right: 1px;}
.lyPro_con .lyPro_name a i::before, .lyPro_con .lyPro_name a i::after { content: ''; display: block; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lyPro_con .lyPro_name a i::before { width: 14px; height: 2px;}
.lyPro_con .lyPro_name a i::after { width: 2px; height: 14px;}
.lyPro_con .lyPro_img { width: 100%; height: 300px; overflow: hidden;}
.lyPro_con .lyPro_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyPro_con:hover .lyPro_img a img { transform: scale(1.1); -webkit-transform: scale(1.1);}

.lyPro_con a.lyPro_view { display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .25); position: absolute; bottom: 110%; left: 0; z-index: 1; transition: all 0.5s; -webkit-transition: all 0.5s;}
.lyPro_con:hover a.lyPro_view { bottom: 0;}
.lyPro_con a.lyPro_view i { display: block; width: 80px; height: 80px; overflow: hidden; padding: 20px; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.nyXgcp_swiper .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important;}
.nyXgcp_swiper .swiper-pagination span { width: 8px; height: 8px; background-color: #04559a; border-radius: 50%; margin: 0 4px; opacity: .25; vertical-align: top;}
.nyXgcp_swiper .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1;}
/*nyProdetail start*/


@media (max-width:1680px) {}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

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

@media (max-width:1366px) {}

@media (max-width:1280px) {}

@media (max-width:1200px) {}

@media (max-width:1080px) {}

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

@media (max-width:920px) {}

@media (max-width:820px) {}

@media (max-width:767px) {}

@media (max-width:390px) {}

@media (max-width:320px) {}