.sobtitle { margin-bottom: 20px; padding: 20px 0; height: 30px; line-height: 30px; border-bottom: 1px solid #F1F1F1; }
.sobtitle i.iconfont { margin-right: 10px; color: #1048a0; }
.sobtitle p { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; color: #333333; }
.sobtitle p a { font-size: 14px; color: #333333; }
.nyLeft { width: 245px; }
.leftBox1, .leftBox2 { margin-bottom: 10px; border-bottom: 9px solid #EAEAEA; }
.leftBox1 .title { justify-content: center; align-items: center; width: 100%; height: 102px; font-size: 20px; font-weight: bold; color: #FFFFFF; background: url(../images/bg5.jpg) no-repeat center; }
.leftBox2 .title { justify-content: center; align-items: center; width: 100%; height: 60px; font-size: 20px; font-weight: bold; color: #FFFFFF; background: url(../images/bg5.jpg) no-repeat center; }
.leftBox1 .item { width: 243px; border: 1px solid #DDDDDD; }
.leftBox1 dt { width: 243px; height: 58px; border-top: 1px solid #EAEAEA; }
.leftBox1 dt a { display: block; padding-left: 25px; width: 170px; height: 58px; line-height: 58px; font-size: 16px; color: #333333; }
.leftBox1 dt i { float: right; padding-left: 10px; display: block; width: 38px; height: 58px; line-height: 58px; cursor: pointer; font-size: 20px; color: #1048a0; }
.leftBox1 dd { display: none; background: #F6F6F6; }
.leftBox1 dd p { padding-left: 25px; height: 40px; line-height: 40px; }
.leftBox1 dd p i { font-size: 14px; color: #1048a0; }
.leftBox1 dd p a { font-size: 14px; color: #333333; }
.leftBox1 dt:hover { transition: 0.5s; background: #1048a0; }
.leftBox1 dt:hover a, .leftBox1 dt:hover i { transition: 0.5s; color: #FFFFFF; }
.leftBox1 dl.curr dt { background: #1048a0; }
.leftBox1 dl.curr dt a, .leftBox1 dl.curr dt i { color: #FFFFFF; }
.leftBox2 .conBox2 { padding: 10px; width: 223px; border: 1px solid #DDDDDD; }
.nyRight { width: 920px; }
.pagesDiv { padding-top: 25px; text-align: center; }
.pagination a { display: inline-block; margin: 5px; padding: 5px 12px; border: 1px solid #ccc; line-height: 24px; font-size: 15px; color: #666; text-decoration: none; cursor: pointer; transition: 0.5s; }
.pagination span { display: inline-block; margin: 5px; padding: 5px 12px; border: 1px solid #1048a0; line-height: 24px; font-size: 15px; background-color: #1048a0; color: #FFFFFF; text-decoration: none; cursor: pointer; }
.pagination a:hover { transition: 0.5s; border-color: #1048a0; background-color: #1048a0; color: #FFFFFF; }

/**********************************************************************************************/


/* product */

.nyProlist { width: 100%; }
.nyProlist * { box-sizing: border-box; }
.nyProlist li { margin: 0px 30px 30px 0px; width: 286px; background: #F6F6F6; }
.nyProlist li:nth-child(3n) { margin-right: 0; }
.nyProlist li a { display: block; width: 286px; position: relative; }
.nyProlist li a .item-img { display: flex; align-items: center; justify-content: center; width: 100%; height: 220px; background: #FFFFFF; overflow: hidden; }
.nyProlist li a img { max-width: 100%; max-height: 100%; }
.nyProlist li p { padding: 0 20px; width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyProlist li .proHover { position: absolute; display: flex; justify-content: center; align-items: center; left: 1px; top: 1px; width: 284px; height: 218px; opacity: 0; background: rgba(0, 0, 0, 0); -webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s; }
.nyProlist li .proHover i { font-size: 45px; color: #FFFFFF; }
.nyProlist li:hover { transition: 0.5s; background: #097ada; }
.nyProlist li:hover p { transition: 0.5s; color: #FFFFF0; }
.nyProlist li:hover .proHover { opacity: 1; filter: Alpha(opacity=100); -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; background: rgba(0, 0, 0, 0.3); }

/* nyNewlist */

.nyNewlist { width: 100%; }
.nyNewlist li { padding: 20px; height: 135px; border-bottom: 1px solid #EAEAEA; }
.n-list-l { width: 180px; height: 135px; }
.n-list-r { width: 680px; height: 135px; }
.n-list-r > .title { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-list-r > .mark { height: 30px; line-height: 30px; font-size: 12px; color: #999999; }
.n-list-r > .description { height: 50px; line-height: 25px; font-size: 14px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.n-list-r > .XQ { height: 25px; line-height: 25px; font-size: 14px; color: #999999; }
.nyNewlist li:hover { transition: 0.3s; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.nyNewlist li:hover .n-list-r > .title { transition: 0.3s; color: #1048a0; }
.nyNewlist li:hover .n-list-r > .XQ { transition: 0.3s; color: #FF0000; }
.nyNewShow { width: 100%; }
.nyNewShow .title { padding: 20px 0; font-size: 24px; color: #1048A0; text-align: center; font-weight: bold; border-bottom: 1px solid #CCCCCC; }
.nyNewShow .mark { height: 30px; line-height: 30px; margin-bottom: 10px; text-align: center; }
.nyNewShow .mark span { margin: 0 8px; color: #999999; font-size: 12px; }
.nyNewShow .content { padding: 10px 0 20px; font-size: 14px; }
.nyNewShow .shangxia { padding: 5px 0 20px; line-height: 25px; font-size: 14px; border-top: 1px solid #CCCCCC; }

/**********************************************************************************************/


/* 多图放大镜 */

.small-img { display: flex; align-items: center; justify-content: center; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.magnifier { width: 500px; position: relative; }
.magnifier-container { width: 500px; height: 500px; overflow: hidden; position: relative; border: 1px solid #ddd; }
.move-view { width: 100px; height: 100px; position: absolute; background-image: url('../images/move-box.png'); }
.images-cover { height: 100%; width: 100%; position: relative; }
.images-cover img { position: absolute; }
.magnifier-assembly { height: 92px; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; }
.magnifier-btn { position: absolute; font-family: "宋体"; width: 100%; top: 50%; left: 0; margin-top: -40px; }
.magnifier-btn span { line-height: 80px; height: 80px; width: 20px; background-color: #6e6e6e; color: #fff; display: block; z-index: 9998; text-align: center; font-size: 20px; cursor: pointer; border-radius: 3px; }
.magnifier-btn .magnifier-btn-left { float: left; }
.magnifier-btn .magnifier-btn-right { float: right; }
.magnifier-line { position: relative; overflow: hidden; height: 92px; }
.magnifier-line ul { display: block; font-size: 0; width: 10000%; position: absolute; left: 0; z-index: 9997; }
.magnifier-line li { float: left; width: 100px; cursor: pointer; }
.magnifier-line ul > .active .small-img { border-color: #bbb; }
.small-img { height: 78px; padding: 1px; margin: 5px; overflow: hidden; border: 1px solid #ddd; text-align: center; }
.small-img img { max-width: 100%; max-height: 100%; }
.magnifier-view { width: 100%; height: 100%; position: absolute; right: -105%; top: 0; z-index: 9999; background-color: #fff; display: none; overflow: hidden; }
.magnifier-view img { display: block; }
.animation03 { transition: all 0.3s ease-in 0.1s; -ms-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s; -webkit-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; }
.nyProdec { padding-right: 20px; width: 470px; }
.nyProdec > h1 { width: 100%; height: 50px; line-height: 50px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #CCCCCC; }
.nyProdec > p { height: 35px; line-height: 35px; font-size: 15px; }
.nyProdec > p em { font-size: 24px; }
.nyProdec > div { height: 140px; line-height: 35px; font-size: 15px; }
.nyProdec > a { margin: 10px 0 0 50px; display: block; width: 135px; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #FFFFF0; text-align: center; background: #1048a0; border-radius: 10px; }
.nyProXQ { margin: 20px 0 0; padding: 20px; width: 880px; border-radius: 10px; }
.nyProXQ .title { padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; font-size: 18px; font-weight: bold; color: #1048a0; }
.nyProXQ .content { padding: 15px 0; }
.nyProXQ .shangxia { padding-top: 5px; line-height: 25px; font-size: 14px; border-top: 1px solid #CCCCCC; }
.nygc { margin-top: 30px; }

/**********************************************************************************************/