#ny_main { padding-bottom: 40px; }
.nyBanner { display: flex; align-items: center; height: 400px; overflow: hidden; }
.sobtitle { margin-bottom: 20px; padding: 20px 0; height: 70px; line-height: 30px; border-bottom: 1px solid #F1F1F1; }
.sobtitle i.iconfont { margin-right: 10px; color: #5697d9; }
.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: 235px; border: 5px solid #5697d9; }
.nav-left-1 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 120px; color: #FFFFFF; background: #5697d9; }
.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 20px; width: 100%; height: 40px; background: #5697d9; 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: 16px; 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: #5697d9; 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: #5697d9; }
.nav-left-2 > li.open .menu-1 i { transform: rotate(90deg); color: #5697d9; }
.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 #5697d9; line-height: 24px; font-size: 15px; background-color: #5697d9; color: #FFFFFF; text-decoration: none; cursor: pointer; }
.pagination a:hover { transition: 0.5s; border-color: #5697d9; background-color: #5697d9; color: #FFFFFF; }

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


/* product */

.nyProlist { width: 100%; }
.nyProlist li { margin: 0px 30px 30px 0px; width: 286px; height: 260px; background: #F6F6F6; }
.nyProlist li:nth-child(3n) { margin-right: 0; }
.nyProlist li a { display: block; width: 286px; height: 260px; position: relative; }
.nyProlist li a img { position: relative; z-index: 999; }
.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: 213px; 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: #5697d9; }
.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: 175px; 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%; }
.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: #5697d9; }
.nyNewlist li:hover .n-list-r > .XQ { transition: 0.3s; color: #FF0000; }
.nyNewShow { width: 100%; }
.nyNewShow .title { padding: 20px 0; font-size: 24px; color: #5697d9; 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; }

/**********************************************************************************************/
/* 产品 */
.nyRight .item {
	background: #fff;
	width: 100%;
	padding: 25px 0 18px 18px;
	border: 1px solid #d2d2d2;
	position: relative;
	left: -16px;
	clear: both;
	box-sizing: initial;
	}

.nyRight .item li {
	width: 205px;
	min-height: 196px;
	margin-right: 30px;
	padding: 0 0 42px 236px;
	position: relative;
	float: left;
	box-sizing: initial;
}	

.nyRight .item li:nth-child(2n){
	margin-right: 0;
}

.nyRight .item h2 {
	margin: 0 0 14px;
	padding: 0 0 12px 4px;
	line-height: 100%;
	border-bottom: 1px solid #d9d9d9;
	font-size: 16px;
}
		
.nyRight .item img {
	border: 3px solid #ced8e1;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	object-fit: cover;
	width: 225px;
	height: 214px;
}		
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}		
.nyRight .item .col li {
	background-position: 2px -91px;
	width: auto;
	min-height: 100%;
	height: auto;
	margin: 0 0 13px 5px;
	padding: 0 0 0 8px;
	line-height: 100%;
	float: left;
	width: 88px;
	background-image: url(../images/misc.png);
	background-repeat: no-repeat;
}			
.nyRight .item a {
	background: none;
	padding: 0;
	line-height: 100%;
	color: #317fcc;
	font-size: 13px;
	display: inline;
}
		
.nyRight {
					border: 1px solid #ced8e1;
				}

				.nyRight .prol-t {
					display: flex;
					justify-content: space-evenly;
					align-items: center;
					border-bottom: 1px solid #CED8E1;
					padding: 15px 0 20px 0;
				}

				.nyRight .prol-t>div {
					width: 40%;
				}

				.nyRight .prol-t .kv {
					width: 40%;
					border: 3px solid #ced8e1;
				}
				.nyProlist .item1{
					line-height: 150%;
					color: #333;
					font-size: 20px;
					padding: 20px 10px 10px 10px;
				}
				.nyProlist table {
				    margin-bottom: 9px;
				    width: 100%;
					line-height: 160%;
				}
				.nyProlist table th{
					background: #5697d9;
					padding: 0 0 13px;
					border-width: 1px 1px 0;
					border-color: #558ec3 #ddd;
					border-style: solid;
					color: #fff;
					font-size: 15px;
					text-align: center;
					vertical-align: top;
				}
				.nyProlist table .level {
				    border-left: 1px solid #558ec3;
					width: 11%;	
				}
				
				.nyProlist table .num{
					    width: 13%;
				}
				
				.nyProlist table th .top {
				   
				    padding: 15px 0 0;
				    display: block;
				}
				.nyProlist table th.last {
				    border-right-color: #558ec3;
				}
				.nyProlist table th img {
					max-width: 100%;
				    margin: -5px 0 0 3px;
				    vertical-align: middle;
				}
				
				.nyProlist table td {
				    background: #fff;
				    padding: 12px 15px 15px;
				    line-height: 160%;
				    border: 1px solid #ddd;
				    color: #444;
				    font-size: 13px;
				    font-family: Arial,Helvetica,'PMingLiU','新細明體',sans-serif;
				    vertical-align: top;
					text-align: center;
				}
				
				.nyProlist table td .dl {
				    width: 28%;
				    padding-right: 0;
				}
				
				.nyProlist table .dl ul {
				    position: relative;
				    z-index: 0;
				}
				.nyProlist table .dl li {
				    margin: 0 8px 5px 0;
				    float: left;
				    position: relative;
					width: auto;
					height: auto
				}
				.nyProlist table .dl li a{
					width: auto;
					height: auto;
					background: url(../images/btn-dl_pdf.png) 0 0 no-repeat;
					font-weight: normal;
					display: block;
					background-position: right -25px;
					padding-right: 3px;	
				}
				.nyProlist table .dl li a:hover{
					background-position: right -75px;
					text-decoration: none;
				}
				
				
				.nyProlist table .dl li a span {
				    padding: 7px 6px 6px 10px;
				    line-height: 100%;
				    color: #666;
				    font-size: 14px;
				    word-break: keep-all;
					background: url(../images/btn-dl_pdf.png) 0 0 no-repeat;
					font-weight: normal;
					display: block;
					
				}
				.nyProlist table .dl li a:hover span {
				    background-position: 0 -50px;
				    color: #fff;
				}