/* CSS Document */
.nqProdetail{ padding:70px 0 100px; overflow:hidden;}
.nqProdetail .nqProdetail_left{ width:23.5%; float:left;}
.nqProdetail_left .nqProdetail_Menu{ width:100%; background:#fff; padding:35px 30px;}
.nqProdetail_Menu ul li{ width:100%;}
.nqProdetail_Menu ul li + li{ margin-top:30px;}
.nqProdetail_Menu ul li:last-child {padding-bottom: 40px;border-bottom: 1px solid #ddd; margin-bottom:40px;}
.nqProdetail_Menu ul li a{ display:block; font-size:18px; font-weight:bold; color:#555; position:relative; padding-left:30px;}
.nqProdetail_Menu ul li a:before{content: "";width: 12px;height: 12px;border-radius: 50%;background-color: #ddd;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-top: -2px;}
.nqProdetail_Menu ul li a:after{content: "";width: 1px;height: 52px;background-color: #ddd;position: absolute;left: 5px;bottom: -42px;}
.nqProdetail_Menu ul li a i{ display:block; width:22px; height:22px; float:right; margin-top:2px;}
.nqProdetail_Menu ul li:last-child a:after{ display:none;}
.nqProdetail_Menu ul li:hover a,.nqProdetail_Menu ul li.active a{ color:#bb1723;}
.nqProdetail_Menu ul li:hover a:before,.nqProdetail_Menu ul li.active a:before{background-color: #bb1723;}
.nqProdetail_Menu .nqProdetail_lxfs b{ display:block; font-size:22px; color:#222; margin-bottom:15px;}
.nqProdetail_Menu .nqProdetail_lxfs p{ font-size:18px; color:#777; line-height:30px;}

.nqProdetail_Order{ width:100%; background:#fff; padding:35px 30px; margin-top:20px;}
.nqProdetail_Order .nqProdetailOrder_tit b{ display:block; font-size:22px; color:#222;}
.nqProdetail_Order .nqProdetailOrder_tit p{ font-size:16px; color:#999; margin:5px 0 10px;}
.nqProdetail_Order #ly_msg.ly_msg { width: 100%!important; height: auto!important; margin: 0 auto!important; padding: 0!important; }
.nqProdetail_Order #ly_msg.ly_msg h3 { display: none!important; }
.nqProdetail_Order #ly_msg.ly_msg ul { width: 100%!important; overflow: hidden!important; margin: 0 auto!important; padding: 0!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li h4, .nqProdetail_Order #ly_msg.ly_msg ul li h4.xh { display: none!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li { width: 100%!important; height: auto!important; overflow: hidden!important; line-height: inherit!important; color: inherit!important; font-size: inherit!important; margin: 0 0 10px!important; padding: 0!important; clear: inherit!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(1), .nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(3), .nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(5) { width: 100%!important; margin: 0 0 10px 0!important; float: left!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(2), .nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(4), .nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(6) { width: 100%!important; float: right!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li:last-child { margin: 20px auto 0!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt1, .nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt12, .nqProdetail_Order #ly_msg.ly_msg ul li .msg_tara { width: 100%!important; height: auto!important; margin: 0!important; padding: 0!important; position:relative; }
.nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt1 input, .nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt12 input, .nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt2 input, .nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { display: block!important; width: 100%!important; height: 40px!important; line-height: 40px; color: #666!important; font-size: 14px!important; margin: 0!important; padding: 0 20px!important; background-color: #fff8f9!important; border: 0!important; outline: none!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li .c_yzm { margin: 0 10px 0 0!important; padding: 0!important; float: left!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt2 { width: 100% !important; }
.nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt2 input { width:120px!important; margin: 0 10px 0 0!important; float: left!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li a.yzm_img { display: block!important; width: 120px!important; height: 40px!important; margin: 10px 0!important; padding: 0!important; float: left!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt2>span { line-height: 24px!important; color: #999!important; font-size: 14px!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li .msg_tara textarea, .nqProdetail_Order #ly_msg.ly_msg ul li .msg_ipt0 textarea { display: block!important; width: 100%!important; height:90px!important; line-height: 30px; color: #aaa; font-size: 14px!important; margin: 0!important; padding: 15px 20px!important; background-color: #fff8f9!important; border: 0!important; outline: none!important; resize: none!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li .msg_btn { width: 100%!important; height: auto!important; overflow: hidden!important; margin: 0!important; padding: 0!important; float: inherit!important; }
.nqProdetail_Order #ly_msg.ly_msg .msg_btn input { width: 100%!important; height: 40px!important; overflow: hidden!important; line-height: 40px!important; color: #fff!important; font-size: 16px!important; text-align: center!important; background-color: #bb1723!important; margin: 0!important; padding: 0!important; border: none!important; cursor: pointer!important; float: right; }
.nqProdetail_Order #ly_msg.ly_msg .msg_btn input:hover { background-color: #a9111c!important; }
.nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(6), .nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(7),.nqProdetail_Order #ly_msg.ly_msg ul li:last-child .msg_btn input:last-child{ display: none; }
.nqProdetail_Order .ms{ font-size:14px; color:#999; text-align:center; margin-top:15px;}
.nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(1) .msg_ipt1:before,.nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(2) .msg_ipt1:before, .nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(3) .msg_ipt1:before, .nqProdetail_Order #ly_msg.ly_msg ul li:nth-child(4) .msg_ipt1:before{  content:"*"; display:block; font-size:14px; color:#ff0000; position:absolute; left:8px; top:11px;}
/*修改placeholder的默认颜色*/
::-webkit-input-placeholder {
 color: #999;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}

.nqProdetail_right{ width:76.5%; float:right; padding-left:3%;}
.nqProdetail_right .nqProdetail_Main{ width:100%; background:#fff; padding:35px; overflow:hidden;}
.nqProdetail_Main .nqProdetail_Img {width: 47%;height: auto;margin: 0;padding: 0;float: left;}
#preview { width: 100%; margin: 0; text-align: center; position: relative; }
.list-h li { float: left; }
#spec-n5 { width: 100%; height: 68px; padding-top: 10px; overflow: hidden; }
#spec-left { width: 16px; height: 88px; float: left; cursor: pointer; margin-top: 3px; }
#spec-right { width: 16px; height: 88px; float: left; cursor: pointer; margin-top: 3px; }
#spec-list { width: 440px; float: left; overflow: hidden; margin-left: 2px; display: inline; }
#spec-list ul { }
#spec-list ul li {float: left;display: inline;padding: 0;width: 18.4%;height: 58px;margin: 0 2% 0 0;}
#spec-list ul li:nth-child(5) { margin: 0; }
#spec-list ul li p { width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; background-color: #fff; border: 1px solid #e5e5e5; position: relative;  }
#spec-list ul li:hover p { border: 1px solid #124b53; }
#spec-list ul li img { display: block; max-width: 92%; max-height: 94%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
/*jqzoom*/
.jqzoom { position: relative; width: 100%; height: 310px; overflow: hidden; padding: 0; background-color: #fff;  }
.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: 1px; left: 0px; background: url(i/loading.gif) #fff no-repeat center center; border: 1px solid #eaeaea; display: none; text-align: center; overflow: hidden; left: 102%!important; top: 0!important; }
.zoomdiv img{ max-width:inherit;}
.bigimg { }
.jqZoomPup { width: 200px!important; height: 200px!important; z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; 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; }
.nqProdetail_Img a.videoIco { left: 20px!important; bottom: 20px!important; z-index: 99!important; }
.Warning { width: 100%!important; height: 100%!important; }
.nqProdetail_Main .nqProdetail_Text {width: 53%;height: auto;padding: 20px 0 0 50px;float: right;}
.nqProdetail_Text .nqProdetail_Name {width: 100%;height: auto;min-height: 40px;overflow: hidden;line-height: 40px;color: #222;font-size: 24px;font-weight: bold;position: relative;margin: 0 auto 24px;padding: 0 0 15px;border-bottom: 1px solid #e6e6e6;}
.nqProdetail_Text .nqProdetail_Ms { width: 100%; height: auto; overflow: hidden;}
.nqProdetail_Text .nqProdetail_Ms span { color: #222; font-size: 16px;}
.nqProdetail_Text .nqProdetail_Ms p { width: 100%; height: auto; max-height: 56px; overflow: hidden; line-height: 28px; color: #999; font-size: 16px; word-break: break-all; text-align: justify; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 auto; padding: 0; }
.nqProdetail_Text .nqProdetail_Tags { width: 100%;margin:25px 0 45px; background:#fff url(../images/ico10.png) repeat; padding:20px 25px;}
.nqProdetail_Tags dl dd { width:50%; height: 35px; overflow: hidden; line-height: 35px; color: #999; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; padding-right:10px;float: left; }
.nqProdetail_Tags dl dd:nth-child(2n+2){ padding-right:0;}
.nqProdetail_Tags dl dd i { display: block; width: 4px; height: 4px; margin: 14px 10px 14px 0; padding: 0; background:#bb1723; border-radius: 50%; float: left; }
.nqProdetail_Btm a { display: block; width: 142px; height: 42px; line-height:42px; overflow: hidden; margin: 0 15px 0 0; background-color: #bb1723; float: left; text-align:center; color:#fff; font-size:16px; }
.nqProdetail_Btm a i { display:inline-block; width:18px; height:18px; margin:0 10px -4px 0; }
.nqProdetail_Btm a.Btn02 { margin: 0;background-color: #555; }
.nqProdetail_Con{ width:100%; background:#fff; padding:15px 35px 50px; overflow:hidden;}
.nqProdetail_intro{ margin-bottom:30px;}
.nqProdetail_tit{ width:100%; height:42px; line-height:42px; border-bottom:1px solid #e6e6e6; overflow:hidden; margin-bottom:30px;}
.nqProdetail_tit span{ display:block; width:140px; text-align:center; height:100%; background:#bb1723; font-size:18px; font-weight:bold; color:#fff; position:relative;}
.nqProdetail_tit span img{ display:inline-block; margin: 16px 10px 0 0;}
.nqProdetail_tit span:after{ content:""; display:block;width: 0;height: 0;border-left: 10px solid transparent;border-top: 10px solid #fff; position:absolute; right:0; top:0;}
.nqProdetailText{ min-height:300px;width:100%; overflow:hidden; line-height: 30px; color: #777; font-size: 16px;}
.nqProdetailText p,.nqProdetailText p span, .nqProdetailText span, .nqProdetailText p em, .nqProdetailText em { color:#777!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:16px!important; line-height:30px !important;}


.nqProdetail_Pro{ margin-top:40px; padding:50px 35px; overflow:hidden; background:#fff;}
.nqProdetail_Pro .swiper-container{ padding-bottom:40px;}
.nqProdetail_Pro .swiper-slide{ border:1px solid #e6e6e6;}
.nqProdetail_Pro .swiper-slide .nqPro_Img{ width:100%; height:230px; position:relative; overflow:hidden;}
.nqProdetail_Pro .swiper-slide .nqPro_Text{ width:100%; padding:25px; overflow:hidden; text-align:center;}
.nqProdetail_Pro .swiper-slide .nqPro_Text a.nqPro_Name{ display:block; font-size:18px; color:#222; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin-bottom:10px;}
.nqProdetail_Pro .swiper-slide .nqPro_Text p{ font-size:16px; color:#999; margin:5px 0 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nqProdetail_Pro .swiper-slide .nqPro_Text p i{ display:inline-block; width:20px; height:20px; margin:0 7px -3px 0;}
.nqProdetail_Pro .swiper-slide .nqPro_Text a.nqPro_btn{ display:block; width:120px; height:42px; line-height:42px; color:#bb1723; text-align:center; border:1px solid #bb1723; border-radius:5px; margin:0 auto;}
.nqProdetail_Pro .swiper-slide .nqPro_Text a.nqPro_btn i{ width:18px; height:18px; display:inline-block; margin:0 0 -4px 7px;}
.nqProdetail_Pro .swiper-slide:hover{ border:1px solid #bb1723;}
.nqProdetail_Pro .swiper-slide:hover .nqPro_Text a.nqPro_Name{color:#bb1723;}
.nqProdetail_Pro .swiper-slide:hover .nqPro_Text a.nqPro_btn{background:#bb1723; color:#fff;}
.nqProdetail_Pro .swiper-slide:hover .nqPro_Text a.nqPro_btn i svg path { fill: #fff; }
.nqProdetail_Pro .swiper-slide:hover .nqPro_Img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.nqProdetail_Pro .swiper-pagination { height: 8px; bottom:0 !important; }
.nqProdetail_Pro .swiper-pagination span { width: 8px; height: 8px; margin: 0 5px !important; border:0; vertical-align: top; background:#bb1723; opacity: .25; }
.nqProdetail_Pro .swiper-pagination span.swiper-pagination-bullet-active { opacity:1; }

