.wrap_products { z-index: 3; padding-bottom: 50px }
.wrap_products li, .wrap_products ul { list-style: none }
.wrap_products .sub_nav { width: 1306px; margin: 0 auto; position: relative; padding-top: 20px; margin-bottom: 40px }
.wrap_products .navbar { height: 90px; width: 100%; position: absolute; left: 0; top: -70px; background: #fff }
.wrap_products .navbar .category { cursor: pointer; display: block; width: 220px; float: left; padding-top: 26px; padding-left: 40px; font-size: 16px; color: #5a5a5a; text-decoration: none; text-align: left; height: 64px; position: relative }
.wrap_products .navbar .category:hover { color: #9a0e14 }
.wrap_products .navbar .category:hover .st { color: #996a6c }
.wrap_products .navbar .category .st { margin-top: 10px; font-size: 12px; font-size: 10px\0; -webkit-transform: scale(.83); -ms-transform: scale(.83); transform: scale(.83); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; color: #a0a0a0 }
.wrap_products .navbar .category .icon { position: absolute; right: 25px; top: 22px; width: 22px; height: 22px }
.wrap_products .navbar .category .icon-0 { background: 50% url(../images/icon-1.png) no-repeat }
.wrap_products .navbar .category .icon-1 { background: url(../images/icon-2.png) no-repeat }
.wrap_products .navbar .category .icon-2 { background: url(../images/icon-3.png) no-repeat }
.wrap_products .navbar .category .icon-3 { background: url(../images/icon-4.png) no-repeat }
.wrap_products .navbar .category .icon-4 { background: url(../images/icon-5.png) no-repeat }
.wrap_products .navbar .category .border { position: absolute; left: 0; bottom: 0; width: 260px; height: 2px }
.wrap_products .navbar .active { color: #9a0e14 }
.wrap_products .navbar .active .st { color: #996a6c }
.wrap_products .navbar .active .border { background: #9a0e14 }
.wrap_products .navbar .active .border em { width: 9px; height: 3px; position: absolute; display: block; left: 50%; bottom: -3px; background: url(../images/pro-bor.png) no-repeat }
.wrap_products .navbar i { display: block; width: 1px; height: 40px; background: #f6f6f6; float: left; margin-top: 25px }
.wrap_products .line { width: 100%; height: 12px; background: 0 bottom url(../images/nav-line.png) repeat-x }
.wrap_products .line_r { right: -12px; background: 0 bottom url(../images/line-r.png) no-repeat }
.wrap_products .line_l, .wrap_products .line_r { position: absolute; top: -70px; width: 12px; height: 102px }
.wrap_products .line_l { left: -6px; background: 0 bottom url(../images/line-l.png) no-repeat }
.wrap_products .tags_panel li { width: 20%; float: left; text-align: center; padding-top: 11px }
.wrap_products .tags_panel li a { font-size: 14px; color: #818181; text-decoration: none; display: block }
.wrap_products .tags_panel li a span { display: block }
.wrap_products .tags_panel li a em { display: block; margin: 8px auto 0; height: 2px; width: 26px; background: #fff }
.wrap_products .tags_panel li a:hover { color: #101010 }
.wrap_products .tags_panel li a:hover em { background: #9a0e14 }
.wrap_products .tags_panel .active a { color: #101010 }
.wrap_products .tags_panel .active a em { background: #9a0e14 }
.hide { display: none; }
.clearfix:after, .clearfix:before { content: ""; display: table }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }

.proList { width: 1300px; margin: 0 auto; }
.proList li { float: left; width: 300px; text-align: center; padding: 10px 30px 25px 0px; }
.proList li:nth-of-type(4n) { padding-right: 0; }
.proList li .div1 { line-height: 30px; padding: 0px 0px 5px 0px; height: 250px; overflow: hidden; }
.proList li .div1 a { color: #1894a3; font-size: 15px; }
.proList li .div1 a b { font-weight: normal; }
.proList li .div1 .proimg { width: 100%; height: 230px; display: flex; align-items: center; justify-content: center; }
.proList li .div1 .proimg img { width: 100%; height: 100%; object-fit: contain; }
.proList li .div2 { line-height: 25px; border-top: 1px solid #f3f3f3; padding: 5px 0px 0px 0px; }
.proList li .div2 strong { color: #494a4a; font-weight: normal; float: left; text-align: left; text-indent: 1em; }
.proList li .div2 span { color: #7f7e7f; }
.proList li .div2 p { width: 120px; margin: 5px auto; height: 28px; line-height: 28px; background: url('../images/index_33.gif') no-repeat center center; }
.proList li .div2 p a { color: #FFFFFF; }
.proList li .div2 p b { font-weight: normal; }

.nyProShow { margin: 0 auto; width: 1300px; }

/* ¶àͼ·Å´ó¾µ */

.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%; display: flex; align-items: center; justify-content: center; position: relative; }
.images-cover img { width: 100%; height: 100%; object-fit: contain; 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: 630px; }
.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 { line-height: 35px; font-size: 15px; }
.nyProdec > p em { font-size: 20px; }
.nyProdec > div { line-height: 30px; 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; }