@charset "utf-8";
/* CSS Document */
/**common**/
*{ margin:0; padding:0;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:16px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i { font-weight:normal; font-style:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}

/*产品详情 开始*/
/*产品导航*/
@font-face {
  font-family: "iconfont"; /* Project id 2019670 */
  src: url('../font/iconfont.woff2?t=1645420580486') format('woff2'),
       url('../font/iconfont.woff?t=1645420580486') format('woff'),
       url('../font/iconfont.ttf?t=1645420580486') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconxiajiantou:before {content: "\e63c";}
.iconyoujiantou:before {content: "\e63a";}
.iconzuo:before {content: "\e60e";}
.iconjiantou:before {content: "\e63b";}

.product-center {
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding-bottom: 20px;
}
.product-center-mobile {
  display: none;
}
/* pc端样式 */
.product-center .product-center-list {
  margin-top: 10px;
}
.product-center .product-center-list .swiper-product .swiper-slide {
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  width: auto;
  cursor: pointer;
  padding: 16px 55px 0 55px;
}
.product-center .product-center-list .swiper-container-free-mode>.swiper-wrapper {
  padding-bottom: 12px;
}
.product-center .product-center-list .swiper-product .product-active {
  color: #035f9c;
}
.product-center .product-center-list .swiper-product .product-active::after {
  content: "";
  width: 100%;
  height: 9px;
  position: absolute;
  top: 61px;
  right: 0;
  background: url(../images/ai-line.png) no-repeat;
  transform:rotate(180deg);
  background-position: center;
}
.product-center .product-center-list .swiper-product .swiper-slide:hover {
  color: #035f9c;
}
.product-center .product-center-list .swiper-product .product-content {
  display: none;
  position: relative;
  border-top:2px solid #035f9c;
}
.product-center .product-center-list .swiper-product .product-content .ul-box {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
}
.product-center .product-center-list .swiper-product .product-content .ul-box li {
  width: 14.2%;
  font-size: 15px;
  line-height: 40px;
  padding: 0 5px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.product-center .product-center-list .swiper-product .product-content .ul-box li a {
  color: #222;
  transition: all 0.3s;
}
.product-center .product-center-list .swiper-product .product-content .ul-box li a:hover {
  color: #035f9c;
}
.product-center .product-center-list .swiper-product .product-content .slide-content-active {
  display: block;
}
.product-center .product-center-list .swiper-product .product-prev,
.product-center .product-center-list .swiper-product .product-next {
  background-image: none;
  font-size: 20px;
  font-weight: 600;
  color: #666;
  z-index: 9;
}
.product-center .product-center-list .swiper-product .product-prev:hover,
.product-center .product-center-list .swiper-product .product-next:hover {
  color: #035f9c;
}
.product-center .product-center-list .swiper-product .product-prev:focus,
.product-center .product-center-list .swiper-product .product-next:focus {
  outline: none;
}
.product-center .product-center-list .swiper-product .product-prev {
  position: absolute;
  top: 16px;
  left: 0;
  padding-right: 35px;
}
.product-center .product-center-list .swiper-product .product-next {
  position: absolute;
  top: 16px;
  right: 0;
  left: auto;
  padding-left: 35px;
}
.product-center .product-center-list .swiper-product .pc-product-disable {
  display: none;
}
@media screen and (max-width: 1440px) {
  .product-banner {
    height: 310px;
  }
  .product-banner .search-cnt .input-box {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .clearfix {
    padding-bottom: 0;
  }
  .product-wrap h2 {
    margin: 40px 0;
  }
  .product-banner .search-cnt .search-title {
    font-size: 24px;
    line-height: 32px;
  }
  .product-center .product-center-list .swiper-product .swiper-slide {
    font-size: 16px;
    padding: 16px 24px 0 24px;
  }
  .product-center .product-center-list .swiper-product .product-content .ul-box li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .product-center-list {
    display: none;
  }
  .product-center-mobile {
    display: block;
    margin-top: 30px;
  }
  .product-center {
    padding: 0 0 10px 0;
  }
  .product-center .img-box {
    height: 120px;
  }
  .product-center-mobile .mobile-ul li .title-box {
    background-color: #fff;
    box-shadow: 0px 0px 10px 5px 
      rgba(51, 51, 51, 0.05);
    padding: 14px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
  }
  .product-center-mobile .mobile-ul li .title-box .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin-right: 15px;
  }
  .product-center-mobile .mobile-ul li .title-box .iconfont {
    font-size: 20px;
    line-height: 26px;
  }
  .product-center-mobile .mobile-list {
    background-color: #f5f5f5;
    padding: 20px 35px;
  }
  .product-center-mobile .mobile-list li {
    margin-bottom: 15px;
  }
  .product-center-mobile .mobile-list li a {
    color: #222;
    font-size: 15px;
    line-height: 26px;
  }
  .product-center-mobile .mobile-ul .mobile-active .title {
    color: #035f9c;
  }
  .product-center-mobile .mobile-ul .mobile-active .iconfont {
    transform: rotate(180deg);
    -webkit-transform: rotate(180eg);
  }
}
.content{font-size:16px; line-height: 36px;}
.content img{max-width: 100%; height: auto !important;}
.ly_NyProDetail {padding: 8% 0 1%;background: url(../images/pro_det_t_bg.jpg) no-repeat center center / cover;}
.ly_NyProDetail .lyNyProDetail_con { width:100%; overflow:hidden; margin:0 auto; padding:20px 40px 40px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.lyNyProDetail_con .lyNyProDetail_ConTit { margin:0 auto 30px; padding:0; border-bottom:1px solid #ceddee;}
.lyNyProDetail_ConTit p { width:100px; height:60px; font-size:22px; overflow:hidden; line-height:60px; color:#0d5198; text-align:center; margin:0 0 -1px; padding:0; border-bottom:2px solid #0d5198;}

.lyNyProDetail_ConText { width:100%; overflow:hidden; line-height: 28px; color: #555; font-size: 14px; margin:0 auto; padding:0;}
.lyNyProDetail_ConText p {}
.lyNyProDetail_ConText img, .lyNyProDetail_ConText table, 
.lyNyProDetail_ConText tr, .lyNyProDetail_ConText td, 
.lyNyProDetail_ConText p, .lyNyProDetail_ConText span, 
.lyNyProDetail_ConText div, .lyNyProDetail_ConText video, .lyNyProDetail_ConText embed {max-width:100% !important;max-height: 100%; line-height: 30px; color: #333; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;}
.lyNyProDetail_ConText table,.lyNyProDetail_ConText tr, .lyNyProDetail_ConText td, .lyNyProDetail_ConText p, .lyNyProDetail_ConText span{width: auto !important;}
.NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#333!important;}
.lyNyProDetail_ConText table tr td p { text-indent:0!important;}
.lyNyProDetail_ConText p b { font-weight:bold;}
.lyNyProDetail_ConText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;}


.pro_detail_main {width:86%; height:auto; margin: 0 auto 40px; padding: 40px;position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eee; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.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:55%; min-height:500px; overflow: hidden; margin: 0; padding: 0 0 80px; float: right; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; font-weight: bold;color: #fff; font-size: 32px; text-align: justify; margin: 0 auto; padding: 0;}
.pro_detail_text .jyms { width:100%; height:160px; overflow:hidden; margin:20px auto 40px; }
.pro_detail_text .jyms p { width:100%; height:120px; overflow:hidden; line-height:30px; color:#fff; font-size:16px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;}
.pro_detail_text ul { width:100%; margin: 0 auto; padding: 0;}
.pro_detail_text ul li { width:100%; line-height: 32px; color: #fff; font-size: 16px; text-align: justify; text-overflow: ellipsis; margin:10px 0; padding: 0; float:left;}
.pro_detail_text ul li img.dot { display:block; width:16px; height:16px; overflow:hidden; margin:12px 10px 12px 0; padding:0; float:left;}
.pro_detail_text ul li img.star { display:inline-block; vertical-align:middle; margin:-4px 0 0 0;}
.pro_detail_text ul li span { color:#fff;}
.pro_detail_text .pro_detail_btn { width:100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position:absolute; left:0; bottom:0;}
.pro_detail_btn a { display:block; width: 48%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 22px; text-align: center; margin: 0; padding: 0; float: left;}
.pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #0d5198;}
.pro_detail_btn a.prodtl_btn2 { float:left; background-color: #828689;}
.pro_detail_btn a.prodtl_btn1:hover { background-color: #023973;}
.pro_detail_btn a.prodtl_btn2:hover { background-color: #444648;}

/**产品详情页产品图片切换**/
.prodetail_img { width:38.6%; height: 500px; margin: 0; padding: 0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
#preview { width:100%; margin:0; text-align:center; position:relative;}
.list-h li { float:left;}
#spec-n5 { width:14%; height:auto; padding-top:0; overflow:hidden; 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 { 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:100%; height:76px; margin:0 auto 9px;}
#spec-list ul li:last-child { margin:0;}
#spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #dfdfdf; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
#spec-list ul li:hover p { border:1px solid #1f71c2;}
#spec-list ul li img { display:block; width:94%; height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
/*jqzoom*/
.jqzoom { position:relative; width:85%; height:500px; overflow:hidden; padding:0; border:1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; float:right;}
.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(../images/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;}
.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;}
.prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;}
.Warning { width:100%!important; height:100%!important;}
@media screen and (max-width:1199px) and (min-width:1080px) {
	.pro_detail_main { width:100%;}
	.prodetail_img { width:45%; position:inherit;float: left;}
	#preview, #spec-n5, #spec-list, .jqzoom {}
	.pro_detail_main .pro_detail_text { width:52%;}
	.pro_detail_text .pro_detail_btn { width:100%;}
	.zoomdiv { left:104%!important;}	
}


@media screen and (width:1600px){
	.ly_NyProDetail { max-width:inherit; padding:0 40px;}
}
@media screen and (min-width:1440px) and (max-width:1599px) {
	.ly_NyProDetail { max-width:inherit; padding:0 40px;}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
	.ly_NyProDetail { max-width:inherit; padding:0 40px;}
	.prodetail_img { height:480px;}
	.jqzoom { height:480px;}
	#spec-list ul li {height: 113.25px;}
	.pro_detail_main .pro_detail_text { min-height:480px;}
	.pro_detail_text .jyms { margin:20px auto 30px;}
}
@media screen and (min-width:1280px) and (max-width:1359px) {
	.ly_NyProDetail { max-width:inherit; padding:0 40px;}
	.prodetail_img { height:440px;}
	.jqzoom { height:440px;}
	#spec-list ul li {height: 103.25px;}
	.pro_detail_main .pro_detail_text { min-height:440px;}
	.pro_detail_text .jyms { margin:20px auto;}
	.pro_detail_text .jyms p { font-size:15px;}
	.pro_detail_text ul li { margin:5px 0;}
	.pro_detail_text .pro_detail_btn { height:50px;}
	.pro_detail_btn a { height:50px; line-height:50px; font-size:18px;}
}
@media screen and (min-width:1200px) and (max-width:1279px) {
	.ly_NyProDetail { max-width:inherit; padding:0 40px;}
	.prodetail_img { height:410px;}
	.jqzoom { height:410px;}
	#spec-list ul li {height:74.75px;}
	.pro_detail_main .pro_detail_text { min-height:410px; padding:0 0 70px;}
	.pro_detail_text h1 { font-size:30px;}
	.pro_detail_text .jyms { height:auto; margin:20px auto;}
	.pro_detail_text .jyms p { height: 90px; font-size:15px; -webkit-line-clamp: 3;}
	.pro_detail_text ul li { margin:5px 0;}
	.pro_detail_text .pro_detail_btn { height:50px;}
	.pro_detail_btn a { height:50px; line-height:50px; font-size:18px;}
}
@media screen and (min-width:1080px) and (max-width:1199px) {
	.ly_NyProDetail { max-width:inherit; padding:0 40px;}
	.prodetail_img { width:100%; height:480px; float:inherit;}
	.jqzoom { height:480px;}
	#spec-list ul li {height: 89px;}
	.pro_detail_main .pro_detail_text { width:100%; min-height: inherit; float:inherit; margin:30px auto 0; padding:0 0 70px;}
	.pro_detail_text h1 { font-size:30px;}
	.pro_detail_text .jyms { height:auto; margin:20px auto;}
	.pro_detail_text .jyms p { height: 90px; font-size:15px; -webkit-line-clamp: 3;}
	.pro_detail_text ul li { margin:5px 0;}
	.pro_detail_text .pro_detail_btn { height:50px;}
	.pro_detail_btn a { height:50px; line-height:50px; font-size:18px;}
	.zoomdiv,.jqZoomPup { display:none !important;}
}
@media screen and (min-width:1024px) and (max-width:1079px) {
	.ly_NyProDetail { max-width:inherit; padding:0 40px;}
	.prodetail_img { width:100%; height:480px; float:inherit;}
	.jqzoom { height:480px;}
	#spec-list ul li {height: 89px;}
	.pro_detail_main .pro_detail_text { width:100%; min-height: inherit; float:inherit; margin:30px auto 0; padding:0 0 70px;}
	.pro_detail_text h1 { font-size:30px;}
	.pro_detail_text .jyms { height:auto; margin:20px auto;}
	.pro_detail_text .jyms p { height: 90px; font-size:15px; -webkit-line-clamp: 3;}
	.pro_detail_text ul li { margin:5px 0;}
	.pro_detail_text .pro_detail_btn { height:50px;}
	.pro_detail_btn a { height:50px; line-height:50px; font-size:18px;}
	.zoomdiv,.jqZoomPup { display:none !important;}
}
@media screen and (max-width:1023px) and (min-width:768px) {
	.ly_NyProDetail { max-width:inherit; padding:0 40px;}
	.pro_detail_main { padding:20px;}
	.prodetail_img { width:100%; height:440px; float:inherit;}
	.jqzoom { height:440px;}
	#spec-list ul li {height: 81px;}
	.pro_detail_main .pro_detail_text { width:100%; min-height: inherit; float:inherit; margin:20px auto 0; padding:0 0 70px;}
	.pro_detail_text h1 { line-height:36px; font-size:28px;}
	.pro_detail_text .jyms { height:auto; margin:20px auto;}
	.pro_detail_text .jyms p { height: 90px; font-size:15px; -webkit-line-clamp: 3;}
	.pro_detail_text ul li { margin:0;}
	.pro_detail_text .pro_detail_btn { height:50px;}
	.pro_detail_btn a { height:50px; line-height:50px; font-size:18px;}
	.zoomdiv,.jqZoomPup { display:none !important;}
	.ly_NyProDetail .lyNyProDetail_con { padding:0 20px 20px;}
	.lyNyProDetail_ConTit p { width:90px; }
	.lyNyProDetail_con .lyNyProDetail_ConTit { margin:0 auto 20px;}
	.lyNyProDetail_ConText p { margin:0 auto 10px;}
}
@media (max-width: 767px) {
	.pro_detail_main{width:  100%;}
	.ly_NyProDetail { max-width:inherit; margin:0px auto; padding:4%;}
	.pro_detail_main { margin:0 auto 20px; padding:0px;}
	.prodetail_img { width:100%; height:auto; float:inherit;}
	.jqzoom { width:100%; height:300px; float:inherit;}
	#spec-n5 { width:100%; float:inherit; margin:6px 0 0;}
	#spec-list ul li { width:18.4%; height: 70px; margin:0 2% 0 0;}
	#spec-list ul li:nth-child(5) { margin:0;}
	.pro_detail_main .pro_detail_text { width:100%; min-height: inherit; float:inherit; margin:20px auto 0; padding:0 0 70px;}
	.pro_detail_text h1 { line-height:32px; font-size:24px;}
	.pro_detail_text .jyms { height:auto; margin:20px auto; }
	.pro_detail_text .jyms p { height: 72px; line-height:24px; font-size:14px; -webkit-line-clamp: 3;}
	.pro_detail_text ul li { width:100%; margin:0; font-size:15px;}
	.pro_detail_text .pro_detail_btn { height:50px;}
	.pro_detail_btn a { height:50px; line-height:50px; font-size:18px;}
	.zoomdiv,.jqZoomPup { display:none !important;}
	.ly_NyProDetail .lyNyProDetail_con { padding:0 20px 20px;}
	.lyNyProDetail_ConTit p { width:90px; }
	.lyNyProDetail_con .lyNyProDetail_ConTit { margin:0 auto 20px;}
	.lyNyProDetail_ConText img, .lyNyProDetail_ConText table, .lyNyProDetail_ConText tr, .lyNyProDetail_ConText td, .lyNyProDetail_ConText p, .lyNyProDetail_ConText span, .lyNyProDetail_ConText div, .lyNyProDetail_ConText video, .lyNyProDetail_ConText embed { font-size:14px; line-height:28px;}
	.lyNyProDetail_ConText p { margin:0 auto 10px;}
}
@media (max-width: 375px) {
	.jqzoom { height:329px;}
	#spec-list ul li { height: 60px;}
	.pro_detail_text h1 { line-height:30px; font-size:22px;}
}
@media (max-width: 320px) {
	.jqzoom { height:200px;}
}


/*1440 外观设置*/
@media screen and (min-width: 1300px) and (max-width: 1450px){
.ly_NyProDetail {padding:80px 0 10px;}
.pro_detail_text .jyms {margin: 20px auto 10px;height: auto;}
#spec-list ul li {height: 60px;}
.jqzoom {height: 366px;}
}