/*产品中心*/
.lyNy_Pro { width: 100%; background: #f7f8fb; padding:80px 0; overflow: hidden; }
.lyNyPro_left { width:294px; float: left; overflow: hidden; margin: 0; }
.lyNyPro_left .cp_type { margin: 0; background: #fff; border-radius: 10px;}
.lyNyPro_left .cp_type .hd { text-align: center; background-color: #314793; padding: 15px; display: none; }
.lyNyPro_left .cp_type .hd p { height: 40px; line-height: 40px; font-size: 28px; font-weight: bold; color: #fff; }
.lyNyPro_left .cp_type .hd span { display: block; height: 20px; line-height: 20px; font-size: 14px; color: rgba(255,255,255,.45); text-transform: uppercase; }
.lyNyPro_left .cp_type .bd ul li { position: relative; }
.lyNyPro_left .cp_type .bd ul li:after { content: ""; width: 90%; margin: 0 auto; background: #e8ecf1; height: 1px; display: block; }
.lyNyPro_left .cp_type .bd ul li:last-child:after { display: none; }
.lyNyPro_left .cp_type .bd ul li p { height:70px; line-height:70px; padding: 0 0 0 20px; }
.lyNyPro_left .cp_type .bd ul li p i.pIco { display: block; float: left; width:22px; height:22px; overflow: hidden; margin: 22px auto 0; padding: 0; position: relative;}
.lyNyPro_left .cp_type .bd ul li p i.pIco img { max-width:100%; max-height:100%; display: block; position: absolute; left: 0; top: 0; }
.lyNyPro_left .cp_type .bd ul li.on p i.pIco img, .lyNyPro_left .cp_type .bd ul li:hover p i.pIco img { bottom: 0; top: inherit; display:none;}
.lyNyPro_left .cp_type .bd ul li p i.pIco img.hover{ display:none;}
.lyNyPro_left .cp_type .bd ul li.on p i.pIco img.hover, .lyNyPro_left .cp_type .bd ul li:hover p i.pIco img.hover { display:block;}

.lyNyPro_left .cp_type .bd ul li p a { display: block; width: 65%; padding: 0 0 0 8px; overflow: hidden; line-height:70px; color: #222; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; }
.lyNyPro_left .cp_type .bd ul li p span { display: block; width: 20%; height: 100%; background: url(../images/mulu01.png) center center no-repeat; cursor: pointer; float: right; }
.lyNyPro_left .cp_type .bd ul li div { display: none; padding:20px 10%; }
.lyNyPro_left .cp_type .bd ul li.on div{ display:block !important;}
.lyNyPro_left .cp_type .bd ul li div a { display: block; height:30px; line-height: 30px; color: #999; font-size: 14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/jt09.png) left center no-repeat; padding-left:15px;}
.lyNyPro_left .cp_type .bd ul li p:hover, .lyNyPro_left .cp_type .bd ul li.on p { background-color: #0058c4; background: linear-gradient(to right, #0058c4, #01b4fe); }
.lyNyPro_left .cp_type .bd ul li:first-child p:hover, .lyNyPro_left .cp_type .bd ul li:first-child.on p { border-radius: 10px 10px 0 0; }
.lyNyPro_left .cp_type .bd ul li p:hover a, .lyNyPro_left .cp_type .bd ul li.on p a { color: #fff; }
.lyNyPro_left .cp_type .bd ul li p:hover span { background: url(../images/mulu04.png) center center no-repeat; opacity: 1; }
.lyNyPro_left .cp_type .bd ul li.on p span { background: url(../images/mulu03.png) center center no-repeat; opacity: 1; }
.lyNyPro_left .cp_type .bd ul li div a:hover { color:#0189e1;}
.cp_type .bd ul li .type1 { display: none; }
.cp_type .bd ul li .type1 a { width: 80%; display: block; height: 55px; line-height: 55px; color: #666; font-size: 15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/jt2.png) 32px center no-repeat; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.cp_type .bd ul li .type1 span { display: block; width: 20%; height: 55px; background: url(../images/mulu01.png) center center no-repeat; cursor: pointer; float: left; }
.cp_type .bd ul li .type1 span.cur { background: url(../images/mulu02.png) center center no-repeat; }
.cp_type .bd ul li .type2 { display: none; padding: 0 !important; }
.cp_type .bd ul li .type2 a { width: 100%; padding-left: 85px !important; background: url(../images/ico11.png) 65px center no-repeat !important; color: #999 !important; font-size: 14px !important; font-weight: normal !important; height: 30px !important; line-height: 30px !important; }
.cp_type .bd ul li .type1 a:hover { color: #0058c4; }
.cp_type .bd ul li .type2 a:hover { color: #0058c4;}

.lyNyPro_Right { width: calc(100% - 340px); float: right; }
.lyNyPro_Search { width: 100%; }
.lyNyPro_Search .sr { width: calc(100% - 60px); -webkit-width: calc(100% - 50px); -moz-width: calc(100% - 50px); -o-width: calc(100% - 50px); float: left; height: 50px; line-height: 50px; color: #bbb; border: 0; border-right: 0; padding-left: 30px; outline: none; border-radius: 10px 0 0 10px; background: #fff; font-size: 14px; }
.lyNyPro_Search input::placeholder{ color:#bbb;}
.lyNyPro_Search .tj { width: 60px; height: 50px; float: left; outline: none; border: 0; background: #fff url(../images/foot_ss.png) center center no-repeat; border-radius: 0 10px 10px 0; }
.lyNyPro_Keywords { width: 100%; padding: 15px 30px 20px; }
.Pro_KeyTit { width:75px; float: left; color: #222; font-size: 14px; font-weight: bold; height: 32px; line-height: 32px; }
.Pro_KeyTit img { display: inline-block; margin: -2px 5px 0 0; }
.Pro_Key_list ul li { display: inline-block; width: auto; }
.Pro_Key_list a { display: inline-block; width: auto; height: 32px; overflow: hidden; line-height: 32px; color: #999; font-size: 14px; padding: 0 15px; vertical-align: middle; }
.Pro_Key_list i { display: inline-block; width: 1px; height: 16px; overflow: hidden; background-color: #ddd; margin: 0 5px 10px; padding: 0; vertical-align: middle; }
.Pro_Key_list a:hover, .Pro_Key_list a.MenuOn { color: #0189e1; }
.Pro_Key_list ul li:last-child i { display: none; }
.lyNyPro_Right .lyNyPro_list { width: 100%; height: auto; min-height: 240px; margin: 0; padding: 0; }
.lyNyPro_Right .lyNyPro_list ul{ min-height:300px; overflow:hidden;}
.lyNyPro_list ul li { width: 31.333%; height: auto; overflow: hidden; margin: 0 3% 35px 0; padding: 35px; background-color: #fff; float: left; position: relative; border-radius: 10px; }
.lyNyPro_list ul li:nth-child(3n+3) { margin-right: 0; }
.lyNyPro_list ul li .nyPro_Text { width: 100%; height: auto; margin: 0 auto 10px; padding: 0 0 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.lyNyPro_list ul li .nyPro_Text a.nyProName { display: block; width: 100%; height: 32px; overflow: hidden; line-height: 32px; text-align:center;font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 0; }
.lyNyPro_list ul li .nyPro_Text p { font-size:14px; color:#999; text-align:center;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; height:21px;}
.lyNyPro_list ul li .nyPro_Img { width: 100%; height: 245px; overflow: hidden; margin: 0 auto; padding: 0; }
.lyNyPro_list ul li .nyPro_Img a.nyProImg { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; position: relative; }
.lyNyPro_list ul li .nyPro_Img a.nyProImg img { display: block; max-width: 100%; max-height: 100%; overflow: hidden; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.lyNyPro_list ul li:hover .nyPro_Img a.nyProImg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.lyNyPro_list ul li .nyPro_More { width:96px; height:28px; margin:20px auto 0;border-radius:4px; background: #fff;display: flex; display: -webkit-flex;justify-content: center;align-items: center; position:relative;}
.lyNyPro_list ul li .nyPro_More:after{content:""; position:absolute; border-radius:11px;top:-1px; bottom:-1px; left:-1px; right:-1px; z-index:-1; background:linear-gradient(to right, #0074d1, #3ca9f4) no-repeat; border-radius:5px;}
.lyNyPro_list ul li .nyPro_More span{position: relative;color: #3ca9f4; font-size:14px;}
.lyNyPro_list ul li .nyPro_More span:before{content: attr(text);position: absolute; z-index: 10;color:#0074d1;-webkit-mask:linear-gradient(to right, #0074d1 40%, transparent);}
.lyNyPro_list ul li .nyPro_More img{ margin-left:8px;}
.lyNyPro_list ul li a.nyProView { display: block; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; left: 0; bottom: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; background: -webkit-linear-gradient(to right, rgba(0,90,197,0.6), rgba(1,180,254,0.6)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(to right, rgba(0,90,197,0.6), rgba(1,180,254,0.6)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(to right, rgba(0,90,197,0.6), rgba(1,180,254,0.6)); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, rgba(0,90,197,0.6), rgba(1,180,254,0.6)); }
.lyNyPro_list ul li a.nyProView img { display: block; width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.lyNyPro_list ul li:hover a.nyProView { bottom: 0; }
.ny_page { margin-top: 20px; }
.ny_page a { background: #fff; }
 @media (max-width: 1440px) {
.lyNy_Pro { padding: 50px 0; }
.lyNyPro_list ul li .nyPro_Text p { font-size: 13px; }
.lyNyPro_left .cp_type .bd ul li p i.pIco{ width:22px; height:22px;}
.lyNyPro_left .cp_type .bd ul li div { padding: 20px 20px 20px 24px; }
.cp_type .bd ul li .type2 a { padding-left: 75px !important; background: url(../images/ico11.png) 60px center no-repeat !important; font-size: 14px !important; padding-right: 20px !important; }
.cp_type .bd ul li .type1 span { height: 45px; }
.lyNyPro_Search .sr { height: 52px; line-height: 52px; font-size: 15px; padding-left: 30px }
.lyNyPro_Search .tj { height: 52px; }
.lyNyPro_Keywords { padding: 10px 20px 20px; }
.Pro_Key_list a {padding: 0 10px; margin:0; }
.lyNyPro_list ul li { padding:20px; margin: 0 3% 25px 0; }
.lyNyPro_list ul li .nyPro_Text a.nyProName { font-size: 16px; }
.lyNyPro_list ul li .nyPro_Text { padding: 0 0 10px; }
.lyNyPro_list ul li .nyPro_Img { height: 220px; }
.lyNyPro_list ul li .nyPro_More { margin-top: 15px; }
.lyNyPro_list ul li .nyPro_More a { font-size: 15px; }
.lyNyPro_list ul li a.nyProView img{ width:54px; height:54px;}
}
@media (max-width: 1366px) { 
  .lyNyPro_left{ width:254px;}
  .lyNyPro_left .cp_type .bd ul li p a{ font-size:15px;}
  .lyNyPro_Right {width: calc(100% - 290px);}
  .lyNyPro_list ul li .nyPro_Img { height: 210px; }
}
@media (max-width: 1080px) {
	 .lyNy_Pro { padding:40px 0; }
.lyNyPro_Search .sr { height: 45px; line-height: 45px; font-size: 14px; padding-left: 25px }
.lyNyPro_Search .tj { height: 45px; }
.lyNyPro_Keywords { padding: 10px 20px 20px; }
.Pro_KeyTit { font-size: 14px; }
.Pro_Key_list a { font-size: 14px; padding: 0 8px; margin: 0 0 5px; }
.Pro_Key_list i { margin: 0 5px 5px; }
.lyNyPro_list ul li { padding: 25px; margin: 0 3% 20px 0; }
.lyNyPro_list ul li .nyPro_Text a.nyProName { font-size: 15px; }
.lyNyPro_list ul li .nyPro_Img { height: 190px; }
.lyNyPro_list ul li .nyPro_More { margin-top: 10px; }
.lyNyPro_list ul li .nyPro_More a { font-size: 14px; }
.lyNyPro_list ul li .nyPro_More a img { width: 23px; }
}
 @media (max-width: 1024px) {
.lyNyPro_Right { width: 100%; }
.lyNyPro_Search .sr { height: 45px; line-height: 45px; font-size: 14px; padding-left: 25px }
.lyNyPro_Search .tj { height: 45px; }
.lyNyPro_Keywords { padding: 10px 20px 20px; display:none;}
.Pro_KeyTit { font-size: 14px; }
.Pro_Key_list a { font-size: 14px; padding: 0 8px; margin: 0 0 5px; }
.Pro_Key_list i { margin: 0 5px 5px; }
.lyNyPro_list ul li { padding: 25px; margin: 0 3% 20px 0; }
.lyNyPro_list ul li .nyPro_Text a.nyProName { font-size: 15px; }
.lyNyPro_list ul li .nyPro_Img { height: 180px; }
.lyNyPro_list ul li .nyPro_More { margin-top: 20px; }
.lyNyPro_list ul li .nyPro_Text p { font-size: 12px; margin: 0 0 5px 0; }
.lyNyPro_left { width: 100%; }
.lyNyPro_left .cp_type { margin: 0 0 20px; }
.lyNyPro_left .cp_type .hd { background-color: #0058c4; background: url(../images/jt23.png) 95% center no-repeat, linear-gradient(to right, #0058c4, #01b4fe); padding: 10px 20px; text-align: left; overflow: hidden; display: block; border-radius: 10px 10px 0 0; }
.lyNyPro_left .cp_type .hd.on { background-color: #0058c4; background: url(../images/jt24.png) 95% center no-repeat, linear-gradient(to right, #0058c4, #01b4fe); }
.lyNyPro_left .cp_type .hd span { display: block; font-style: italic; float: left; height: 40px; line-height: 40px; }
.lyNyPro_left .cp_type .hd p { padding: 0; display: block; font-size: 20px; float: left; min-width: 82px; margin: 0 10px 0 0; }
.lyNyPro_left .cp_type .bd { display: none;padding: 20px; }
.lyNyPro_left .cp_type .bd ul li:after{ width:100%;}
.lyNyPro_left .cp_type .bd ul li p { height: 50px; line-height: 50px; padding: 0 0 0 10px; }
.lyNyPro_left .cp_type .bd ul li p a {line-height: 50px; }
.lyNyPro_left .cp_type .bd ul li p i.pIco{margin: 14px auto 0;}
.lyNyPro_left .cp_type .bd ul li p span{ width:15%;}
.lyNyPro_left .cp_type .bd ul li:first-child p:hover, .lyNyPro_left .cp_type .bd ul li:first-child.on p{ border-radius:0;}
.lyNyPro_left .cp_type .bd ul li div {padding: 20px;}

.lyNyPro_Right .lyNyPro_list{ margin-top:20px;}
}
 @media (max-width: 920px) {
.lyNyPro_list ul li { padding: 20px }
.lyNyPro_list ul li .nyPro_Img { height: 180px; }
}
 @media (max-width: 767px) {
.lyNy_Pro { padding: 30px 0; }
.lyNyPro_Right { width: 100%; }
.lyNyPro_Search .sr { height: 40px; line-height: 40px; font-size: 14px; padding-left: 20px }
.lyNyPro_Search .tj { height: 40px; }
.lyNyPro_Keywords { display: none; }
.lyNyPro_list ul li { width: 100%; padding: 25px 20px; margin: 0 3% 20px 0; }
.lyNyPro_list ul li .nyPro_Text a.nyProName { font-size: 15px; }
.lyNyPro_list ul li .nyPro_Img { height: 180px; }
.lyNyPro_list ul li .nyPro_More a { font-size: 14px; }
.lyNyPro_list ul li .nyPro_More a img { width: 22px; }
.lyNyPro_left { width: 100%; }
.lyNyPro_left .cp_type { margin: 0 0 20px; }
.lyNyPro_left .cp_type .hd { background-color: #0058c4; background: url(../images/jt23.png) 95% center no-repeat, linear-gradient(to right, #0058c4, #01b4fe); padding: 10px 20px; text-align: left; overflow: hidden; display: block; border-radius: 10px 10px 0 0; }
.lyNyPro_left .cp_type .hd.on { background-color: #0058c4; background: url(../images/jt24.png) 95% center no-repeat, linear-gradient(to right, #0058c4, #01b4fe); }
.lyNyPro_left .cp_type .hd span { display: block; font-style: italic; float: left; height: 40px; line-height: 40px; }
.lyNyPro_left .cp_type .hd p { padding: 0; display: block; font-size: 20px; float: left; min-width: 82px; margin: 0 10px 0 0; }
.lyNyPro_left .cp_type .bd { display: none;padding: 20px; }
.lyNyPro_left .cp_type .bd ul li p { height: 50px; line-height: 50px; padding: 0 0 0 10px; }
.lyNyPro_left .cp_type .bd ul li p a {line-height: 50px; }
.lyNyPro_left .cp_type .bd ul li:first-child p:hover, .lyNyPro_left .cp_type .bd ul li:first-child.on p{ border-radius:0;}
}

/*产品详细页*/
/*产品详细页面包屑*/
.proxxmbx{ width:100%; background:#eaebef; padding:22px 0; overflow:hidden; position:relative; margin-top:90px;}
.proxxmbx:after{ content:""; display:block; width:100%; height:30%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .02) 3%, rgba(0, 0, 0, 0)); left:0; top:0; position:absolute;}
.proxxmbx .ny_location{width: calc(100% - 200px); float:left; color:#777; font-size:14px; padding:0;}
.proxxmbx .ny_location span{ color:#777; font-size:14px; padding:0;}
.proxxmbx .ny_location .navhone{ margin-right:8px;}
.proxxmbx .ny_location a{color:#777; padding:0;transition: all .4s ease;}
.proxxmbx .ny_location a:hover{color:#0189e1;}
.proxxmbx .ny_location em{background: url(../images/jt29.png) center center no-repeat;}
.proxxmbx .fhlb{ display:block; width:130px; height:41px; background:#fff; border-radius:5px; float:right; font-size:14px; color:#333;display:flex; display: -webkit-flex; justify-content:center;align-items:center;transition: all .4s ease;}
.proxxmbx .fhlb:hover{ box-shadow:0 0 15px rgba(0,0,0,.05);}
.proxxmbx .fhlb img{ margin-right:9px;transition: all .4s ease;}
.proxxmbx .fhlb:hover img{margin-right:14px;}
@media (max-width:1200px) {
	.proxxmbx{margin-top:80px;}
 }
@media (max-width: 767px) {
	 .proxxmbx{ padding:13px 0; margin-top:60px;}
	 .proxxmbx .ny_location{ width:100%; border-bottom:0; display:block;white-space:inherit;}
	 .proxxmbx .ny_location em{ width:6px;margin:0 5px;}
	 .proxxmbx .fhlb{ display:none;}
 }
.nyproxx_box{ position:relative; overflow:hidden;}
.nyproxx_box .ny_main1{position:relative; z-index:9; padding:70px 0;}
.procanvas{ width: 100%; height: 100%;position: absolute; top: 0;left: 0;z-index: 2;}

/*产品详情 开始*/
.pro_detail_main { width:100%; height:auto; margin: 0 auto;position: relative;}
.pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; float: left;}
.pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;}
.pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pro_detail_main .pro_detail_text {width:52.3%;float:right;position:relative;}
.pro_detail_main .pro_detail_text .xxproname{ font-size:30px; font-weight:bold; margin-top:35px;}
.pro_detail_main .pro_detail_text ul{ width:100%; margin-top:15px; overflow:hidden; padding-bottom:20px;border-bottom:1px solid #eee;}
.pro_detail_main .pro_detail_text ul li{ float:left; color:#bbb; font-size:14px; margin-right:5%; margin-bottom:10px; padding-left:17px; background:url(../images/yuanico.png) left no-repeat;}
.pro_detail_main .pro_detail_text ul li span{ border-bottom:1px solid #bbb;}
.pro_detail_main .pro_detail_text h1{ display:block; margin:30px 0;font-size:16px; color:#777; line-height:32px; max-height:96px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pro_detail_main .pro_detail_text .cpzsbtn{ width:100%; padding-top:35px;border-top:1px solid #eee;}
.pro_detail_main .pro_detail_text .libtn{ float:left; height:48px; padding:0 4%;border-radius:10px;display:flex; display: -webkit-flex; justify-content:center;align-items:center; margin-left:3%; position:relative; background:#fff;}
.pro_detail_main .pro_detail_text .libtn:after{ content:""; position:absolute; border-radius:11px;top:-1px; bottom:-1px; left:-1px; right:-1px; z-index:-1; background:linear-gradient(to right, #0074d1, #3ca9f4) no-repeat;}
.pro_detail_main .pro_detail_text .libtn:first-child{ margin-left:0; border:0;background: #0189e1; background: linear-gradient(to right, #0074d1, #3ca9f4) no-repeat; color:#fff;}
.pro_detail_main .pro_detail_text .libtn span{ position:relative; color:#3ca9f4;}
.pro_detail_main .pro_detail_text .libtn span:before{content: attr(text);position: absolute; z-index: 10;color:#0074d1;-webkit-mask:linear-gradient(to right, #0074d1 40%, transparent);}
.pro_detail_main .pro_detail_text .libtn img{ margin-right:10px;}
.pro_detail_main .pro_detail_text .libtn:last-child{ font-weight:bold;}

/**产品详情页产品图片切换**/
.prodetail_img { width:42.7%;border:1px solid #e6e6e6; border-radius:16px; background:#fff;padding:0 48px;float:left;}
#preview { width:100%;text-align:center; position:relative;}
.list-h li { float:left;}
#spec-n5 { width:100%;border-top:1px solid #eee;padding:0 70px; position:relative; overflow:hidden;}
#spec-left { width:16px; height:80px; float:left; cursor:pointer; margin-top:3px;}
#spec-right { width:16px; height:80px; float:left;cursor:pointer; margin-top:3px;}
#spec-list {float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li { float:left; display:inline; padding:0; width:60px;height:60px;}
#spec-list ul li:last-child { margin:0;}
#spec-list ul li p { width:100%; height:100%; overflow:hidden; border-radius:5px;position:relative;}
#spec-list ul li:hover p { border:1px solid #0189e1;}
#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;}
#spec-n5 .swiper-button-prev,#spec-n5 .swiper-button-next{ width:26px; height:26px; border-radius:50%;background:url(../images/jt21.png) center no-repeat; background-size:cover;position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:0; transition: all .4s ease;}
#spec-n5 .swiper-button-next{ left:auto; right:0;background:url(../images/jt21.png) center no-repeat; transform:translateY(-50%) rotate(180deg);background-size:cover;}
/*jqzoom*/
.jqzoom { position:relative; width:100%; height:300px;margin: 15px 0;overflow:hidden;}
.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 { background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; position:absolute; left:102%!important; top:0!important; z-index:999;}
.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:20px 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 {position:absolute;z-index:9;width:52px;height:52px;left:32px;bottom:24px;background:url(https://public.mtnets.com/images/public/video.png) no-repeat 0 0;}
.videoItem {width:100%;height:100%;position:absolute;z-index:990;top:0;left:0;background: #010001;}
.videoItem a {position:absolute;width:36px;height:36px;top:0px;right:0px;z-index:11;background:url(https://public.mtnets.com/images/public/video.png) no-repeat -56px 0;}
.Warning {text-align:center;font-size:14px;font-family:microsoft yahei;line-height:27px;color:#fff;width:606px;height:400px;background-color:#000;margin:0 auto;}
.Warning b {display:inline-block;width:30px;height:27px;margin:12px;margin:150px 0 20px 0;background:url("https://public.mtnets.com/images/public/waring.png") no-repeat;}

@media (max-width: 1440px) {
	.nyproxx_box .ny_main1{ padding:50px 0;}
	.pro_detail_main .pro_detail_text .xxproname{ font-size:26px;}
	
	#spec-n5{ padding:0 40px;}
 }
@media (max-width: 1080px) {
	.nyproxx_box .ny_main1{ padding:40px 0;}
	.pro_detail_main .pro_detail_text{ width:53.8%;}
	.pro_detail_main .pro_detail_text .xxproname{ font-size:22px;margin-top: 25px;}
	.pro_detail_main .pro_detail_text ul{ padding-bottom:10px;}
	.pro_detail_main .pro_detail_text h1{ margin:20px 0; font-size:15px;}
	.pro_detail_main .pro_detail_text .libtn{ font-size:15px;}
	
	.prodetail_img{ padding:0 30px;}
	.jqzoom{ height:250px;}
}
@media (max-width: 880px) {
	.prodetail_img{ width:100%;}
	.jqzoom{ height:320px;}
	.zoomdiv{ display:none !important;}
	
	.pro_detail_main .pro_detail_text{ width:100%;}
	.pro_detail_main .pro_detail_text .xxproname{ font-size:20px;}
	.pro_detail_main .pro_detail_text h1{ font-size:14px; line-height:24px; max-height:48px;-webkit-line-clamp:2;}
	.pro_detail_main .pro_detail_text .cpzsbtn{ padding-top:20px;}
}
@media (max-width:767px) {
	.nyproxx_box .ny_main1{ padding:30px 0;}
	.jqzoom{ height:280px;}
	
	.pro_detail_main .pro_detail_text .xxproname{ font-size:18px;margin-top: 20px;}
	.pro_detail_main .pro_detail_text .cpzsbtn{ padding-top:0; border:0;}
}
@media (max-width:600px) {
	.jqzoom{ height:230px;}
	
	.pro_detail_main .pro_detail_text .libtn{ margin-left:0; margin-right:15px;}
	.pro_detail_main .pro_detail_text .libtn:first-child{ display:none;}
	.pro_detail_main .pro_detail_text .libtn img {margin-right: 7px;}
	
	.cpxx_qhtab p{height:50px;}
	#spec-n5{ padding:0 35px;}
}
@media (max-width:390px) {
   .prodetail_img{padding: 0 20px;}
   #spec-list ul li p{ border:0 !important; background:#f1f2f6;}
}

/*产品内容 切换按钮*/
.cpxx_qhtab{ background:#f7f8fb; border-radius:10px; overflow:hidden; margin-bottom:45px; position:relative; z-index:3;}
.cpxx_qhtab p{ width:16.67%;height:80px; float:left; font-size:18px; color:#555;display:flex; display: -webkit-flex; justify-content:center;align-items:center; border-radius:10px; position:relative;}
.cpxx_qhtab p:after{ content:""; display:block; width:1px; height:20px; background:#e6e6e6; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.cpxx_qhtab p img{ margin-right:12px;}
.cpxx_qhtab p img:nth-of-type(2){ display:none;} 
.cpxx_qhtab p.on,.cpxx_qhtab p:hover{background: #0189e1; background: linear-gradient(to right, #0074d1, #3ca9f4) no-repeat; color:#fff;}
.cpxx_qhtab p.on:after,.cpxx_qhtab p:hover:after{ display:none;}
.cpxx_qhtab p.on img,.cpxx_qhtab p:hover img{ display:none;} 
.cpxx_qhtab p.on img:nth-of-type(2),.cpxx_qhtab p:hover img:nth-of-type(2){ display:block;} 
@media (max-width:1440px) {
	.cpxx_qhtab{margin-bottom:35px;}
	.cpxx_qhtab p{ height:70px;}
}
@media (max-width:1023px) {
	.cpxx_qhtab p{ width:20%; height:60px; font-size:16px;}
	.cpxx_qhtab p:last-child:after{ display:none;}
}
@media (max-width:767px) {
	.cpxx_qhtab{margin-bottom:20px;}
	.cpxx_qhtab p{ font-size:15px;}
	.cpxx_qhtab p img,.cpxx_qhtab p img:nth-of-type(2){ display:none !important;} 
}
@media (max-width:550px) {
	.cpxx_qhtab p{ font-size:14px; height:50px;}
}
@media (max-width:413px) {
	.cpxx_qhtab p{ width:33.333%;}
}
.xxcontent{ position:relative; overflow:hidden; z-index:3;}
.xxcontent .tong{ display:none; min-height:200px; position:relative; z-index:3; margin-bottom:70px;}
.xxcontent .tong.on{ display:block;}
.xxcontent .tong.first p,.xxcontent .tong.first span,.xxcontent .tong.first img,.xxcontent .tong.first table,.xxcontent .tong.first tr,.xxcontent .tong.first td,.xxcontent .tong.first video{ max-width:100%!important; line-height:32px; font-family:微软雅黑, Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif !important;}
.xxcontent .tong.first table,.xxcontent .tong.first tr,.xxcontent .tong.first td{border:1px solid #ddd!important; border-collapse: collapse;}
.xxcontent .tong.first td{ padding:5px 10px !important;}
@media (max-width:1440px) {
	.xxcontent .tong{ margin-bottom:50px;}
	.xxcontent .tong.first p,.xxcontent .tong.first span,.xxcontent .tong.first img,.xxcontent .tong.first table,.xxcontent .tong.first tr,.xxcontent .tong.first td,.xxcontent .tong.first video{ width:auto !important; height:auto !important; max-width:100%!important; line-height:28px; font-size:15px;}
	.xxcontent .tong.first table{ width:100% !important;}
}
@media (max-width:1080px) {
	.xxcontent .tong{ margin-bottom:40px;}
}
@media (max-width:767px) {
	.xxcontent .tong{ margin-bottom:30px;}
}
/*应用领域*/
.xxcontent .third ul{ width:100%; overflow:hidden;}
.xxcontent .third ul li{ width:22.9%; height:376px; float:left; margin-right:2.8%; margin-bottom:25px; position:relative; overflow:hidden;}
.xxcontent .third ul li:nth-child(4n){ margin-right:0;}
.xxcontent .third ul li .pic{ width:100%; height:100%; border-radius:16px; display:block;overflow:hidden; position:relative;}
.xxcontent .third ul li .pic img{max-width:100%; max-height:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;transition: all .6s ease;}
.xxcontent .third ul li p{ display:block; position:absolute; bottom:0; left:0; width:80%; height:60px; padding:0 12%;display:flex; display: -webkit-flex; justify-content:start;align-items:center; background:rgba(255,255,255,.9); border-radius:0 16px 0 0;transition: all .4s ease;}
.xxcontent .third ul li p img{ width:20px; margin-right:10px;}
.xxcontent .third ul li p img:nth-of-type(2){ display:none;}
.xxcontent .third ul li p a{width: calc(100% - 30px); overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block;transition: all .4s ease;}
.xxcontent .third ul li:hover .pic img{transform: scale(1.1);}
.xxcontent .third ul li:hover p{background:rgba(1,137,225,.9); background: linear-gradient(to right, rgba(0,116,209,.9), rgba(60,169,244,.9)) no-repeat;}
.xxcontent .third ul li:hover p img{ display:none;}
.xxcontent .third ul li:hover p img:nth-of-type(2){ display:block;}
.xxcontent .third ul li:hover p a{ color:#fff;}
@media (max-width:1440px) {
	.xxcontent .third ul li{ height:320px;}
	.xxcontent .third ul li p{width:90%; padding:0 8%;}
}
@media (max-width:1199px) {
	.xxcontent .third ul li{ height:300px;}
	.xxcontent .third ul li p{ height:50px;}
}
@media (max-width:1023px) {
	.xxcontent .third ul li{ width:49%; margin-right:2%; margin-bottom:20px;}
	.xxcontent .third ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width:767px) {
	.xxcontent .third ul li{ width:48.5%; margin-right:3%;margin-bottom:15px;}
}
@media (max-width:550px) {
	.xxcontent .third ul li{ height:230px;}
	.xxcontent .third ul li p img,.xxcontent .third ul li:hover p img:nth-of-type(2){ display:none;}
}

/*咨询留言*/
.xxcontent .fourth .order_tit{ font-size:24px; padding-left:25px; position:relative; margin-bottom:35px;}
.xxcontent .fourth .order_tit:after{ content:""; width:4px; height:35px;background: #0189e1;background: linear-gradient(to bottom, #0074d1, #3ca9f4) no-repeat; display:block; position: absolute; left:0; top:50%; transform:translateY(-50%);}
.xxcontent .fourth ul li.msg_ipt { width: 32%; overflow: hidden; margin: 0 2% 22px 0; padding: 0; float: left; position:relative; }
.xxcontent .fourth ul li.msg_ipt:nth-child(3n) { margin-right: 0; }
.xxcontent .fourth ul li.msg_ipt:after{content:"*";display:inline-block;font-size:18px;color:#ff0000;position: absolute;top: 16px;left: 15px;}
.xxcontent .fourth ul li.msg_tara {width: 100%;margin: 0 auto 35px;float: inherit;}
.xxcontent .fourth ul li.msg_btn {width: 100%;margin: 0 auto;float: inherit;}
.xxcontent .fourth ul li.msg_ipt input,.xxcontent .fourth ul li.msg_ipt select {display: block;width: 100%;height: 50px;overflow: hidden;line-height: 50px;color: #999;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;margin: 0;padding: 0 25px;border:1px solid #eee;outline: none;border-radius:7px;}
.xxcontent .fourth ul li.msg_tara textarea { display: block; width: 100%; height: 160px; overflow: hidden; line-height: 30px; color: #888; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 20px;border:1px solid #eee; border-radius: 7px; outline: none; resize: none; }
.xxcontent .fourth ul li.msg_btn input {display: inline-block;width: 150px;height:50px;overflow: hidden;line-height: 50px;color: #fff;font-size: 16px; font-weight:bold; border-radius:10px;text-overflow: ellipsis;white-space: nowrap;margin: 0 auto;padding: 0;border: 0;outline: none;cursor: pointer;}
.xxcontent .fourth ul li.msg_btn input.MsgBtn1 {background: #0189e1; background: linear-gradient(to right, #0074d1, #3ca9f4) no-repeat;margin: 0 25px 0 0;}
.xxcontent .fourth ul li.msg_btn input.MsgBtn2{ background:#93989e;}
.xxcontent .fourth ul li.msg_ipt select option { color: #222; }
.xxcontent .fourth ul li.msg_ipt select { background: url(../images/jt24.png) no-repeat 95% center transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.xxcontent .fourth ul li.msg_ipt:before{content:"*";display:inline-block;font-size:18px;color:#ff0000;position: absolute;top: 18px;left: 24px; display:none;}
.xxcontent .fourth ul li:nth-child(3):before{ display:none;}
select::-ms-expand {display: none;}
 input::placeholder {
 color:#888;
}
 input::-moz-placeholder {
 color:#888;
}
 input:-ms-input-placeholder {
color:#888;
}
 input::placeholder {
color:#888;
}
::-webkit-input-placeholder {
color:#888;
}
.xxcontent .fourth ul li.msg_ipt.msg_ipt2{ position:relative;}
.xxcontent .fourth ul li.msg_ipt.msg_ipt2 a { position: absolute; top: 0; right: 3%; height: 100%;}
.xxcontent .fourth ul li.msg_ipt.msg_ipt2 a img{width: 80px;height: 30px; margin-top:10px;}
@media (max-width:1199px) {
	.xxcontent .fourth .order_tit{ font-size:20px; margin-bottom:20px; padding-left:15px;}
	.xxcontent .fourth .order_tit:after{ height:25px;}
	.xxcontent .fourth ul li.msg_ipt { width: 48.5%; margin-right:3%; margin-bottom:15px;}
	.xxcontent .fourth ul li.msg_ipt:nth-child(3n) {margin-right:3%;}
	.xxcontent .fourth ul li.msg_ipt:nth-child(2n) {margin-right:0;}
	.xxcontent .fourth ul li.msg_ipt input, .xxcontent .fourth ul li.msg_ipt select{ font-size:14px; height:44px; line-height:44px;}
	.xxcontent .fourth ul li.msg_tara{ margin-bottom:25px;}
	.xxcontent .fourth ul li.msg_tara textarea { font-size:14px;height: 120px;}
	.xxcontent .fourth ul li.msg_ipt.msg_ipt2 a{ right:8px;}
	.xxcontent .fourth ul li.msg_ipt.msg_ipt2 a img{ margin-top:7px;}
	.xxcontent .fourth ul li.msg_btn input{ font-size:14px; height:44px; line-height:44px; width:120px;}
	.xxcontent .fourth ul li.msg_btn input.MsgBtn1{ margin-right:15px;}
}
@media (max-width:767px) {
    .xxcontent .fourth ul li.msg_btn {display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
	.xxcontent .fourth ul li.msg_btn input{ margin:0;}
}
@media (max-width:600px) {
	.xxcontent .fourth ul li.msg_ipt { width:100%; margin-right:0%; margin-bottom:10px;}
	.xxcontent .fourth ul li.msg_ipt:nth-child(3n) {margin-right:0;}
}

/*相关产品*/
.xxcontent .five ul li { width:23.5%; height: auto; overflow: hidden; margin: 0 2% 25px 0; padding: 35px; background-color: #fff; float: left; position: relative; border-radius: 10px; border:1px solid #eee;}
.xxcontent .five ul li:nth-child(4n) { margin-right: 0; }
.xxcontent .five ul li .nyPro_Text { width: 100%; height: auto; margin: 0 auto 10px; padding: 0 0 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.xxcontent .five ul li .nyPro_Text a.nyProName { display: block; width: 100%; height: 32px; overflow: hidden; line-height: 32px; text-align:center;font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 0; }
.xxcontent .five ul li .nyPro_Text p { font-size:14px; color:#999; text-align:center;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.xxcontent .five ul li .nyPro_Img { width: 100%; height: 245px; overflow: hidden; margin: 0 auto; padding: 0; }
.xxcontent .five ul li .nyPro_Img a.nyProImg { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; position: relative; }
.xxcontent .five ul li .nyPro_Img a.nyProImg img { display: block; max-width: 100%; max-height: 100%; overflow: hidden; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.xxcontent .five ul li:hover .nyPro_Img a.nyProImg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.xxcontent .five ul li .nyPro_More { width:96px; height:28px; margin:20px auto 0;border-radius:4px; background: #fff;display: flex; display: -webkit-flex;justify-content: center;align-items: center; position:relative;}
.xxcontent .five ul li .nyPro_More:after{content:""; position:absolute; border-radius:11px;top:-1px; bottom:-1px; left:-1px; right:-1px; z-index:-1; background:linear-gradient(to right, #0074d1, #3ca9f4) no-repeat; border-radius:5px;}
.xxcontent .five ul li .nyPro_More span{position: relative;color: #3ca9f4; font-size:14px;}
.xxcontent .five ul li .nyPro_More span:before{content: attr(text);position: absolute; z-index: 10;color:#0074d1;-webkit-mask:linear-gradient(to right, #0074d1 40%, transparent);}
.xxcontent .five ul li .nyPro_More img{ margin-left:8px;}
.xxcontent .five ul li a.nyProView { display: block; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; left: 0; bottom: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; background: -webkit-linear-gradient(to right, rgba(0,90,197,0.6), rgba(1,180,254,0.6)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(to right, rgba(0,90,197,0.6), rgba(1,180,254,0.6)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(to right, rgba(0,90,197,0.6), rgba(1,180,254,0.6)); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, rgba(0,90,197,0.6), rgba(1,180,254,0.6)); }
.xxcontent .five ul li a.nyProView img { display: block; width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.xxcontent .five ul li:hover a.nyProView { bottom: 0; }
@media (max-width: 1440px) {
	.xxcontent .five ul li { padding: 25px;}
	.xxcontent .five ul li a.nyProView img{ width:54px; height:54px;}
}
@media (max-width: 1199px) {
	.xxcontent .five ul li .nyPro_Text a.nyProName{ font-size:15px;}
	.xxcontent .five ul li .nyPro_Img{ height:210px;}
}
@media (max-width: 1023px) {
	.xxcontent .five ul li{ width:49%;margin: 0 2% 20px 0;}
	.xxcontent .five ul li:nth-child(2n) { margin-right: 0; }
}
@media (max-width:550px) {
	.xxcontent .five ul li{ padding:20px;margin: 0 2% 15px 0;}
	.xxcontent .five ul li .nyPro_Text a.nyProName{ font-size:14px;}
	.xxcontent .five ul li .nyPro_Img{ height:170px;}
}

/*郑重承诺*/
.xxpromise{ margin-bottom:80px; position:relative; z-index:3;}
.xxpromise ul{ overflow:hidden; margin-top:40px;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.xxpromise ul li{ width:23.5%; float:left; margin-right:2%; padding:34px; border-radius:16px; background:#f7f8fb; text-align:center; position:relative;}
.xxpromise ul li:nth-child(4n){ margin-right:0;}
.xxpromise ul li:after{ content:""; display:block; width:95%; height:95%; border-radius:16px;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);background: #0189e1;background: linear-gradient(to right, #0074d1, #3ca9f4) no-repeat; opacity:0;transition: all .4s ease;}
.xxpromise ul li em{ display:inline-block; width:104px; height:82px; background:url(../images/cnico1.png) center no-repeat; background-position:0 0; margin:5px 0 10px; position:relative; z-index:3;}
.xxpromise ul li:nth-of-type(2) em{background:url(../images/cnico2.png) center no-repeat;background-position:0 0;}
.xxpromise ul li:nth-of-type(3) em{background:url(../images/cnico3.png) center no-repeat;background-position:0 0;}
.xxpromise ul li:nth-of-type(4) em{background:url(../images/cnico4.png) center no-repeat;background-position:0 0;}
.xxpromise ul li p{ font-size:16px; color:#555;position:relative; z-index:3;transition: all .4s ease;}

.xxpromise ul li:hover:after{opacity:1;width:100%; height:100%;}
.xxpromise ul li:hover p{ color:#fff;} 
.xxpromise ul li:hover em{background-position:-104px 0; }
@media (max-width:1440px) {
	.xxpromise{ margin-bottom:50px;}
	.xxpromise ul{ margin-top:30px;}
}
@media (max-width:1080px) {
	.xxpromise{ margin-bottom:40px;}
	.xxpromise ul{margin-top:25px;}
	.xxpromise ul li{ width:49%; margin-bottom:20px;padding: 15px 25px 20px;}
	.xxpromise ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width:767px) {
	.xxpromise{ margin-bottom:30px;}
	.xxpromise ul{margin-top:20px;}
	.xxpromise ul li{margin-bottom:15px; padding:25px;}
	.xxpromise ul li em{ transform:scale(.8); margin:0;}
}
@media (max-width:550px) {
	.xxpromise ul li em{ transform:scale(.7);}
	.xxpromise ul li{margin-bottom:10px; padding:20px;}
	.xxpromise ul li p{ font-size:15px;}
}