.a,.newItem .info p,.productInfo .swiper-slide .info .synopsis { display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;}

.nbanner { /*height: 420px; background-size: 100% auto*/}
.nbanner.big { height: 680px; position: relative;}
/*.nbanner.big img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;;}*/

.w1440 { margin: 0 auto; overflow: hidden; width: 1440px;}

.newItem,.newItem .info,.aboutBox,.contactList,.productInfo .swiper-slide {display: -webkit-flex; display: flex;}

.newItem { margin-top: 40px;}
.newItem .img { flex: 0 0 280px; overflow: hidden;}
.newItem .img img { transition: all .3s;}
.newItem .info { flex: 1;  margin-left: 30px;  border-bottom: solid 1px #dedede;}
.newItem .info .l { float:left; width:960px} 
@media only screen and (max-width: 750px) {
.newItem .info .l { float:left; width:auto} 
}
.newItem .info .r { flex: 0 0 180px;text-align: right; float:right} 
.newItem .info h2 {margin: 20px auto; font-size: 20px; font-weight: bold;}
.newItem .info p {line-height: 30px; color: #666; -webkit-line-clamp:3;}
.newItem .info .r .date { margin: 20px auto; color: #666;}
.newItem .info .r .date span {font-size: 20px; font-weight: bold;}
.newItem .info .r a {color: #cc0005;}
.newItem:hover img { transform: scale(1.05);}
.newItem:hover .info h2 a {color: #e43c43;}

.aboutBox .img1{ flex: 0 0 480px;}
.aboutBox .info1 { padding: 0 140px; color: #fff; background-color: #fd7a00;}
.aboutBox .info1 h2 { margin-top: 70px; font-size: 30px;}
.aboutBox .info1 p,.aboutBox .info2 p { margin-top: 30px; line-height: 30px;}
.aboutBox .img2 { flex: 0 0 960px;}
.aboutBox .info2 { flex: 1; overflow: hidden; background-color: #f2f2f2;}
.aboutBox .info2 h2 {  font-size: 30px;}
.aboutBox .info2 .scroll { overflow-y: scroll; margin: 40px auto; width: 800px; height: 520px;;;}
.aboutBox .info2 .scroll::-webkit-scrollbar {display:none}
.qywh {padding: 0 240px; height: 600px; background-image: url('../images/a3.jpg'); background-repeat: no-repeat; }
.qywh h2 { margin: 60px auto 20px; font-size: 30px;}
.qywh p { margin-top: 50px;}

.aboutBox:nth-of-type(2n) { flex-direction: row-reverse;}
.aboutBox .img{ flex:1;}
.aboutBox .img img { width: 100%;}
.aboutBox .info {flex:1;  color: #333; background-color: #fff;}
.aboutBox .info h2 { margin-top: 30px; font-size: 30px;}
.aboutBox .info p { line-height: 30px; margin-top: 20px;}
.aboutBox .info .scroll { overflow-y: scroll; margin: 40px auto;padding: 0 80px; max-height: 480px;}
.aboutBox .info .scroll::-webkit-scrollbar {display:none}

.map { /*height: 540px; background: url('../images/map.jpg') center center no-repeat;*/}

#contactList { padding: 30px 0; background: url('../images/j1.jpg') center center no-repeat;}
.contact h1,.jxhz h1,.jmlc h1 { margin: 20px auto; text-align: center; font-size: 42px;}
.contact .line,.jxhz .line,.jmlc .line{ margin: 0 auto 60px; width: 50px; border: solid 2px #dc7725;}
.contactList { margin-bottom: 30px;}
.contactList .item {flex: 1; padding: 0 50px; text-align: center; border-right: solid 1px #dedede;}
.contactList .item span { display: block; font-size: 32px;}
.contactList .item h2 {margin: 10px auto; font-size: 18px; font-weight: bold;}
.contactList p {line-height: 30px; color: #666;}
.contactList p a { display: inline-block; margin: 0 5px;}
.contactList p a:hover{color: #e43c43;}

.product-Info-nav { width: 1420px; margin: 60px auto 40px;}
.product-List .item { text-align: center; line-height: 50px;}
.product-List .item .img { margin: 0 auto; width: 160px; height: 160px;}
.product-List .item.swiper-slide-thumb-active .img { border: solid 2px #e43c43;}

.productInfo .swiper-slide .img { flex: 1;}
.productInfo .swiper-slide .info {  flex: 1;  line-height: 30px; background-color: #f5f5f5;}
.productInfo .swiper-slide .info .box { padding: 0 70px;}
.productInfo .swiper-slide .info h2 { margin-top: 30px; font-size: 34px;}
.productInfo .swiper-slide .info .synopsis {margin-top: 20px;-webkit-line-clamp:3;}
.productInfo .swiper-slide .info .details {margin-top: 20px; height: 150px;overflow-y: scroll;}
.productInfo .swiper-slide .info .imgList { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; margin-top: 30px; height: 160px; overflow-y: scroll; text-align: center;}
.productInfo .swiper-slide .info .imgList .img { height: 130px;}

.product-next,.product-prev { top: auto; bottom: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; background-image: none; background-color: #f5f5f5;}
.product-prev {left: 50%; transform: translateX(-100%); }
.product-next { left: 50%; transform: translateX(0);}
.product-next span,.product-prev span  { display: inline-block; font-size: 28px;}
.product-next span { transform: rotate(-180deg)}
.product-next:hover,.product-prev:hover { background-color: #e43c43;}
.product-next:hover span,.product-prev:hover span { color: #fff;}

.product-Info-nav { width: 1420px; margin: 60px auto 40px;}
.product-List {justify-content: space-between; flex-wrap: wrap;}
.product-List .item { flex: 0 0 160px; text-align: center; line-height: 50px;}

.product-List .item .img { margin: 0 auto; width: 160px; height: 160px;}
.product-List .item.swiper-slide-thumb-active .img { border: solid 2px #e43c43;}

.productInfo { flex-direction: column;}
.productInfo .swiper-slide:nth-of-type(2n) { flex-direction: row-reverse;}
.productInfo .swiper-slide .img { flex: 1;}
.productInfo .swiper-slide .info {  flex: 1;  line-height: 30px; background-color: #f5f5f5;}
.productInfo .swiper-slide .info .box { padding: 0 70px;}
.productInfo .swiper-slide .info h2 { margin-top: 30px; font-size: 34px;}
.productInfo .swiper-slide .info .synopsis {margin-top: 20px;-webkit-line-clamp:3;}
.productInfo .swiper-slide .info .details {margin-top: 20px; height: 150px;overflow-y: scroll;}
.productInfo .swiper-slide .info .imgList { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; margin-top: 30px; height: 160px; overflow-y: scroll; text-align: center;}
.productInfo .swiper-slide .info .imgList .img { height: 130px;}




.jxhz h1 { margin-top: 20px;;}
.jxhz .line { margin-bottom: 40px;;}
.jxhz-grid { display: grid; grid-template-columns: 720px 720px; width: 1440px; margin: 0 auto; }
.jxhz-flex {  display: -webkit-flex; display: flex; justify-content: space-between; background-color: #f5f5f5; line-height: 30px; }
.jxhz-flex:nth-of-type(3),.jxhz-flex:nth-of-type(4) { flex-direction: row-reverse;}
.jxhz-flex .img { flex: 0 0 360px; height: 360px;}
.jxhz-flex .info { flex: 1; padding: 20px 30px; }
.jxhz-flex .info h2 { font-size: 18px; font-weight: bold; color: #e67011;}
.jxhz-flex .info .line { margin: 20px 0; width: 20px; height: 3px; background-color: #333;;}
.jxhz-flex .info p { margin-bottom: 10px; color: #666;}


.jmlc { margin-top: 50px;}
.jmlc h1 { margin-top: 50px; color: #fff;}
.jmlc { position: relative; width: 100%; height: 500px; background: url('../images/jxhz-bg.jpg') top center no-repeat; }
.jmlc-box { width: 1440px; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: space-between;}
.jmlc-box .item { z-index: 10; flex: 0 0 120px; text-align: center; font-size: 16px; color: #fff; cursor: pointer;}
.jmlc-box .item .round { margin-bottom: 26px; width: 120px; height: 120px; border:dashed 1px #f5f5f5; border-radius: 50%; transition: all .3s;}
.jmlc-box .item .round div {transition: all .3s; position: relative; margin: 5% auto; width: 90%; height: 90%; background-color: #dedede; border-radius: 50%;}
.jmlc-box .item .round div span {transition: all .3s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; background-image: url('../images/jxhz-icon.png');}
.jmlc-box .item:nth-of-type(2) .round div span { background-position: -50px 0; }
.jmlc-box .item:nth-of-type(3) .round div span { background-position: -100px 0; }
.jmlc-box .item:nth-of-type(4) .round div span { background-position: -150px 0; }
.jmlc-box .item:nth-of-type(5) .round div span { background-position: -200px 0; }
.jmlc-box .item:nth-of-type(6) .round div span { background-position: -250px 0; }
.jmlc-box .item:nth-of-type(7) .round div span { background-position: -300px 0; }

.jmlc-box .item:hover .round { border: dashed 1px transparent;}
.jmlc-box .item:hover .round div { border:dashed 1px #fff;}
.jmlc-box .item:hover .round div span {transform: rotateY(180deg)}
.jmlc-box::after { position: absolute; top: 50%; left: 15%; display: block; width: 70%; height: 0; content: ''; border-top:dashed 1px #f5f5f5;  z-index: 9;}