#ny_main { padding-bottom: 40px; }
.nyBanner { display: flex; align-items: center; height: 400px; overflow: hidden; }
.sobtitle { margin-bottom: 20px; padding: 20px 0; height: 30px; line-height: 30px; border-bottom: 1px solid #F1F1F1; }
.sobtitle i.iconfont { margin-right: 10px; color: #0E6FDA; }
.sobtitle p { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; color: #333333; }
.sobtitle p a { font-size: 14px; color: #333333; }
.nav-left { width: 225px; border: 5px solid #0E6FDA; }
.nav-left-1 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 120px; color: #FFFFFF; background: #0E6FDA; }
.nav-left-1 .p1 { font-size: 35px; font-weight: bold; }
.nav-left-1 .p2 { padding-top: 10px; font-family: arial; font-size: 12px; text-transform: uppercase; }
.nav-left-2 { padding: 5px; float: left; width: 100%; box-sizing: border-box; }
.nav-left-2 > li { float: left; position: relative; margin: 10px 0; width: 100%; }
.nav-left-2 > li .menu-1 { padding: 0 10px; width: 100%; height: 40px; background: #0E6FDA; border-radius: 10px; box-sizing: border-box; transition: all ease-in-out .5s; }
.nav-left-2 > li .menu-1 a { line-height: 40px; font-size: 14px; color: #FFFFFF; }
.nav-left-2 > li .menu-1 i { display: flex; justify-content: center; align-items: center; float: right; margin: 11px 0; width: 18px; height: 18px; font-size: 14px; border-radius: 50%; color: #0E6FDA; background: #FFFFFF; cursor: pointer; transition: all ease-in-out .5s; }
.nav-left-2 > li .menu-2 { display: none; width: 100%; height: auto; }
.nav-left-2 > li .menu-2 a { display: block; padding-left: 25px; height: 34px; line-height: 34px; font-size: 14px; color: #393939; border-bottom: 1px solid #EEEEEE; }
.nav-left-2 > li.open .menu-1 { background: #0E6FDA; }
.nav-left-2 > li.open .menu-1 i { transform: rotate(90deg); color: #0E6FDA; }
.nyRight { width: 920px; z-index: 999; position: relative; }
.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 #0E6FDA; line-height: 24px; font-size: 15px; background-color: #0E6FDA; color: #FFFFFF; text-decoration: none; cursor: pointer; }
.pagination a:hover { transition: 0.5s; border-color: #0E6FDA; background-color: #0E6FDA; color: #FFFFFF; }

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


/* product */

.nyProlist { width: 100%; }
.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: 100%; position: relative; }
.nyProlist li .img { width: 100%; height: 270px; background: #F6f6F6; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.nyProlist li .img img { max-width: 100%; max-height: 100%; }
.nyProlist li p { padding: 0 20px; width: 246px; 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: 270px; 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: #0E6FDA; }
.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 { display: flex; justify-content: center; align-items: center; width: 180px; height: 135px; border: 1px solid #ccc; overflow: hidden }
.n-list-l img { max-width: 100%; max-height: 100%; }
.n-list-r { width: 100%; 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: #0E6FDA; }
.nyNewlist li:hover .n-list-r > .XQ { transition: 0.3s; color: #FF0000; }
.nyNewShow { width: 100%; }
.nyNewShow .title { padding: 20px 0; font-size: 24px; color: #0E6FDA; 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 .down { padding: 10px 0 20px; font-size: 14px; }
.nyNewShow .down a { padding-left: 20px; display: block; }
.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; }
.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 { width: 380px; }
.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: #072D9A; border-radius: 10px; }
.nyProXQ { margin: 20px 0 0; padding: 20px; width: 880px; border-radius: 10px; }
.nyProXQ .title { padding: 15px; border-bottom: 1px solid #CCCCCC; font-size: 18px; font-weight: bold; color: #072D9A; }
.nyProXQ .content { padding: 15px; }
.nyProXQ .content img, .nyProXQ .content table, .nyProXQ .content iframe { max-width: 100% !important; }
.nyProXQ .shangxia { padding-top: 10px; line-height: 25px; font-size: 14px; border-top: 1px solid #CCCCCC; }
.table_form img { cursor: pointer; }
.submitTable { width: 95%; border: 0; }
.submitTable td { height: 54px; }
.submitTable img { cursor: pointer; vertical-align: middle; }
.in { height: 32px; line-height: 32px; border: 1px solid #999999; }
.incode { height: 21px; line-height: 21px; border: 1px solid #999999; }
.lanyuds { height: 30px; font-size: 12px; }
.lanyuds2 { height: 30px; font-size: 13px; color: #00000F; font-weight: bold; }
.txtinput { width: 140px; border: 1px solid #999999; height: 19px; color: #666; line-height: 19px; font-size: 12px; padding-left: 3px; }
.InputBorder { width: 98%; border: solid 1px #8A8484; padding: 2px; font-size: 12px; }
.form-txt { font-size: 12px; color: #333333; line-height: 20px; }
.table01 { table-layout: fixed; }
.button_submit3 { color: #fff; font-weight: normal; cursor: pointer; height: 25px; width: 100px; font-weight: bold; background-color: #072D9A; border: 1px solid #072D9A; border-radius: 5px; margin-right: 10px; }
.button_submit4 { color: #fff; font-weight: normal; cursor: pointer; height: 25px; width: 90px; font-weight: bold; background-color: #072D9A; border: 1px solid #072D9A; border-radius: 5px; }

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