/*内页 公共样式*/
.ny-container{
	width: 100%;
	max-width: 1340px;
	padding: 0 10px;
	margin: 0 auto;
}
/*内页banner*/
.nyban{
	height: 600px;
	/*background-attachment: fixed !important;*/
	position: relative;
	z-index: 0;
	background-size: cover !important;
	margin-top: 60px;
}
.nyban:before{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: url(../images/bot.png) repeat center;
    opacity: 0.2;
}
.nyban:after{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(7,16,26,0.5);
}
.bancontent{
	height: 530px;
	display: flex;
	align-items: center;
}
.bancontent .summary h2{
	font-size: 36px;
	color: #fff;
	line-height: 1;
	margin-bottom: 24px;
	text-transform: capitalize;
}
.bancontent .summary p,.bancontent .summary pre{
	font-size: 18px;
	color: #fff;
	line-height: 32px;
	max-width: 700px;
	word-wrap:break-word;word-break:break-all;overflow:hidden;
}
.bancontent .linkbtn{
	display: flex;
	padding: 10px 0;
	margin-top: 50px;
}
.bancontent .linkbtn a{
	margin-right: 30px;
	padding: 0 40px;
	line-height: 60px;
}
.bancontent .linkbtn a:last-child{
	margin-right: 0;
}
/*面包屑导航*/
.bread{
	height: 70px;
	border-top: 1px solid rgba(255,255,255,0.1);
	color: #fff;
	font-family: LDR;
	display: flex;
	align-items: center;
}
.bread i {
	line-height: 20px;
	margin-right: 4px;
	font-size: 18px;
	transform: translateY(1px);
}
.bread  span {
	padding-right: 4px;
	font-family: LDR;
	color: inherit;
}
.bread em {
	padding: 0 4px;
	font-family: LDR;
}
.bread a {
	color: inherit;
	font-family: LDR;
}
.bread a:hover{
	color: #319bd0;
}
/*内页 标题*/
.ny-title-c h2{
	color: #07101A;
	font-size: 48px;
	line-height: 64px;
	margin-bottom: 20px;
	text-align: center;
}
.ny-title-c i{
	display: block;
	width: 50px;
	height: 4px;
	border-radius: 2px;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	margin: 0 auto;
}
.ny-title-c p{
	line-height: 28px;
	text-align: center;
	margin-top: 32px;
}
.ny-title-l h2{
	color: #07101A;
	font-size: 30px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.ny-title-l i{
	display: block;
	width: 50px;
	height: 4px;
	border-radius: 2px;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
}
.ny-title-l p{
	line-height: 28px;
	margin-top: 30px;
}
/*内页 列表分页*/
.pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}
.pagination a.page-item{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	width: 54px;
	margin: 0 5px;
	border: 2px solid #ccc;
	border-radius: 8px;
	font-size: 14px;
	color: #07101A;
}
.pagination a.page-num,
.pagination span.page-num{
	height: 54px;
	width: 54px;
	text-align: center;
	line-height: 50px;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 8px;
	margin: 0 5px;
	font-size: 18px;
    font-family: 'LDR';
    
}
.pagination a i{
	transition: none;
	
}
.pagination a.page-num.page-num-current,
.pagination a:hover{
	border-color: #319BD0 !important;
	background: #319BD0;
	color: #fff;
}
/*内页 详情分页*/
.paging{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 40px -10px 0;
}
.paging a{
	display: flex;
	align-items: center;
}
.paging a i{
	margin: 0 10px;
	display: block;
	width: 50px;
	line-height: 46px;
	height: 50px;
	border-radius: 8px;
	border: 2px solid #dbdbdb;
	text-align: center;
	font-size: 14px;
	color: #07101A;
}
.paging a span{
	display: block;
	margin: 0 10px;
	font-size: 18px;
    font-family: "LDR";
    color: #07101A;
}
.paging a:hover i{
	background: #319BD0;
	border-color: #319BD0;
	color: #fff;
}
.paging a:hover span{
	color: #319BD0;
}
/*内页 地图*/
#mapContainer .info {
	border: 1px solid #ccc;
	width: 420px;
}

#tip {
	height: 30px;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	font-size: 12px;
	right: 10px;
	bottom: 20px;
	border-radius: 3px;
	line-height: 30px;
	border: 1px solid #ccc;
}
div.info-top {
	position: relative;
	background: none repeat scroll 0 0 #F9F9F9;
	border-bottom: 1px solid #CCC;
}
div.info-top div {
	display: block;
	color: #333;
	font-size: 16px;
	line-height: 35px;
	padding: 0 10px;
	text-align: left;
	font-family: 'LDR';
}
div.info-top img {
	position: absolute;
	top: 13px;
	right: 10px;
	transition-duration: 0.25s;
}
div.info-top img:hover {
	box-shadow: 0px 0px 5px #000;
}
div.info-middle {
	font-size: 14px;
	padding: 10px;
	line-height: 22px;
	text-align: left;
	color: #333;
}
div.info-bottom {
	height: 0px;
	width: 100%;
	clear: both;
	text-align: center;
}
div.info-bottom img {
	position: relative;
	z-index: 104;
	left: 46%;
}
/*产品详情放大查看*/
.zm-viewer {
	position: absolute;
	display: none;
	overflow: hidden;
	z-index: 99;
	background: #f0f0f0;
}
.zm-viewer img {
	mix-blend-mode: darken;
	max-width: unset;
	transition: none;
}
.zm-handler {
	position: absolute !important;
	display: none;
	overflow: hidden;
	cursor: crosshair;
	border: none !important;
	background: #f0f0f0;
}
.zm-description {
	display: none;
}

/*内页 产品分类*/
.nyprocate{
	background: url(../images/proBg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.nyprocate .procatelist ul li a{
	width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nyprocate .procatelist ul li:nth-child(2n){
	background: rgba(105,174,100,0.2);
}
.nyprocate .procatelist ul li:nth-child(2n+1){
	background: rgba(49,155,208,0.1);
}
.nyprocate .procatelist ul li a .content{
	width: calc(100% - 620px);
}
.nyprocate .procatelist ul li a .content h2{
	font-size: 42px;
	margin-bottom: 20px;
	color: #07101A;
}
.nyprocate .procatelist ul li a .content p{
	line-height: 28px;
}
.nyprocate .procatelist ul li a .content span{
	width: 220px;
	line-height: 56px;
	margin-top: 40px;
}
.nyprocate .procatelist ul li a .pic{
	width: 540px;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.nyprocate .procatelist ul li a .pic span{
	font-size: 40px;
	font-family: LDB;
	color: #fff;
	position: absolute;
	left: 20px;
	top: 10px;
	text-transform: uppercase;
}
.nyprocate .procatelist ul li:nth-child(2n+1):hover .content h2{
	color: #319BD0;
}
.nyprocate .procatelist ul li:nth-child(2n):hover .content h2{
	color: #1f2b90;
}
.nyprocate .procatelist ul li:hover .content p{
	color: #07101A;
}
.nyprocate .procatelist ul li:hover .pic span{
	color: #07101A;
}
/*内页 产品列表*/
.inner-prolist {
    margin-top: 160px;
}
.inner-prolist .bread {
    color: #333;
    border-top: none;
    border-bottom: 1px solid #dbdbdb;
}
.innerprolist{
	padding: 70px 0 90px;
}
.innerprolist .ny-container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.innerprolist .left {
    width: 340px;
    position: sticky;
    top: 100px;
}
.innerprolist .left .sideprocate .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	position: relative;
}
.innerprolist .left .sideprocate .top:before{
	content: "";
	width: 50px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, #319bd0, #1f2b90);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.innerprolist .left .sideprocate .top{
	transition: all 0.4s;
}
.innerprolist .left .sideprocate .top h2{
	font-size: 28px;
	color: #07101A;
}
.innerprolist .left .sideprocate .top i{
	display: none;
}
.innerprolist .left .sideprocate .bottom ul li{
	margin-top: 25px;
}
.innerprolist .left .sideprocate .bottom ul li h3{
	font-size: 20px;
	color: #07101A;
	margin-bottom: 12px;
}
.innerprolist .left .sideprocate .bottom ul li h4{
	font-size: 15px;
	color: #808080;
	line-height: 25px;
	padding-left: 20px;
	margin-top: 4px;
	position: relative;
}
.innerprolist .left .sideprocate .bottom ul li h4:before{
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #999;
	position: absolute;
	left: 0;
	top: 7px;
	transition: all 0.4s;
}
.innerprolist .left .sideprocate .bottom ul li h4:after{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #319BD0;
	position: absolute;
	left:3px;
	top: 10px;
	transition: all 0.4s;
	opacity: 0;
}
.innerprolist .left .sideprocate .bottom ul li h3:hover,
.innerprolist .left .sideprocate .bottom ul li h3.on{
	color: #319BD0;
}
.innerprolist .left .sideprocate .bottom ul li h4:hover,
.innerprolist .left .sideprocate .bottom ul li h4.on{
	color: #07101A;
}
.innerprolist .left .sideprocate .bottom ul li h4:hover:before,
.innerprolist .left .sideprocate .bottom ul li h4.on:before{
	border-color: #319BD0;
}
.innerprolist .left .sideprocate .bottom ul li h4:hover:after,
.innerprolist .left .sideprocate .bottom ul li h4.on:after{
	opacity: 1;
}
.innerprolist .right {
    width: calc(100% - 390px);
}
.innerprolist .right .top{
	background: url(../images/proBan.jpg) no-repeat center;
	background-size: cover;
	position: relative;
    z-index: 0;
    color: #fff;
    padding: 40px 50px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}
.innerprolist .right .top:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: url(../images/bot.png) repeat center;
    opacity: 0.2;
}
.innerprolist .right .top:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(7,16,26,0.85);
}
.innerprolist .right .top h2{
	font-size: 36px;
}
.innerprolist .right .top .summary{
	line-height: 28px;
	margin-top: 20px;
}
.innerprolist .right .bottom {
	margin-top: 20px;
}
.innerprolist .right .bottom ul{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -10px;
}
.innerprolist .right .bottom ul li{
	width: calc((100% - 60px) / 3);
	background: #FFFFFF;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	border-radius: 4px;
	margin: 10px;
	overflow: hidden;
}
.innerprolist .right .bottom ul li a{
	display: block;
	padding-bottom: 40px;
	height: 100%;
}
.innerprolist .right .bottom ul li .content{
	text-align: center;
	padding: 0 0px;
}
.innerprolist .right .bottom ul li .content h3{
	font-size: 16px;
	color: #07101A;
	line-height: 3; margin-bottom:5px;
}
.innerprolist .right .bottom ul li .content p{
	font-size: 15px;
	line-height: 24px;
	margin: 10px 0 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3 ;
	-webkit-box-orient:vertical;
}
.innerprolist .right .bottom ul li .content span{
	font-family: LDR;
	font-size: 14px;
	line-height: 42px;
	width: 120px;
	margin: 0 auto;
}
.innerprolist .right .bottom ul li .pic{
	overflow: hidden;
}
.innerprolist .right .bottom ul li .pic img{
	width:100%;
}

.innerprolist .right .bottom ul li:hover .content h3{
	color: #319BD0;
}
.innerprolist .right .bottom ul li:hover .pic img{
	transform: scale(1.05);
}
/*内页 产品详情*/
.inner-prodetails{
	margin-top: 160px;
}
.inner-prodetails .bread {
    color: #333;
    border-top: none;
    border-bottom: 1px solid #dbdbdb;
}
.innerprodetails{
	padding: 70px 0 90px;
}
.prodetails{
	background: #FFFFFF;
	box-shadow: 0 0 80px 0 rgba(0,0,0,0.1);
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}
.prodetails:before {
    content: "";
    width: 100%;
    height: 8px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg, #319bd0, #1f2b90);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.prodetails .summary{
	padding: 60px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.prodetails .summary .left{
	width: calc(100% - 670px);
}
.prodetails .summary .left .title h2 {
	font-size: 36px;
	color: #07101A;
	line-height: 48px;
}
.prodetails .summary .left .title p {
	margin-top: 25px;
	line-height: 28px;
	font-family: LDR;
}



.prodetails .summary .left .cp_dec h2{
	font-size: 20px;
	color: #319bd0;
	padding: 15px 0 10px;
	text-transform: capitalize;
}
.prodetails .summary .left .cp_dec p{
	line-height: 28px;
	margin-bottom: 5px;
	color: #333;
}


.prodetails .summary .left .conBtn{
	display: flex;
	align-items: center;
	margin-top: 40px;
	justify-content: space-between;
}
.prodetails .summary .left .conBtn a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc((100% - 20px) / 3);
	line-height: 50px;
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
}
.prodetails .summary .left .conBtn a i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-right: 10px;
}
.prodetails .summary .left .conBtn a span{
	font-family: LDR;
}
.prodetails .summary .right {
	width: 590px;
	height: 490px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
	overflow: hidden;
}
.prodetails .summary .right .swiper-slide img {
	display: block;
	width: 100%;
	mix-blend-mode: darken;
}
.prodetails .summary .right .big_pic_container {
	position: relative;
	overflow: hidden;
	width: calc(100% - 100px);
	margin: 0;
	border-radius: 4px;
}
.prodetails .summary .right .big_pic_container ul li {
	background: #f0f0f0;
	overflow: hidden;
}
.prodetails .summary .right .big_pic_container ul li img.imagezoom {
	display: block;
	height: 100%;
	mix-blend-mode: darken;
	object-fit: contain;
}
.prodetails .summary .right .small_pic_container {
	width: 90px;
	margin: 0;
	position: relative;
}
.prodetails .summary .right .small_pic_container .swiper-slide {
	transition: all 0.3s;
	opacity: 0.4;
	cursor: pointer;
	background: #f0f0f0;
	border-radius: 4px;
}
.prodetails .summary .right .small_pic_container .swiper-slide-thumb-active {
	opacity: 1;
}
.prodetails .summary .right .swiper-button-prev,
.prodetails .summary .right .swiper-button-next {
	position: absolute;
	right: 0;
	width: 90px;
	z-index: 10;
	margin: 0;
	top: auto;
	bottom: auto;
	height: 32px;
	background: linear-gradient(90deg, rgba(49,155,208,0.9) , rgba(105,174,100,0.9));
	transition: all 0.4s;
	opacity: 0;
	color: #fff;
	font-size: 14px;
}
.prodetails .summary .right .swiper-button-prev {
	top: -32px;
	border-radius: 4px 4px 0 0;
}
.prodetails .summary .right .swiper-button-next {
	bottom: -32px;
	border-radius: 0 0 4px 4px;
}
.prodetails .summary .right:hover .swiper-button-prev {
	top: 0;
	opacity: 1;
}
.prodetails .summary .right:hover .swiper-button-next {
	bottom: 0;
	opacity: 1;
}
.prodetails .details{
	padding: 0 60px;
    border-bottom: 2px solid #eaeaea;
}
.prodetails .details .details-title{
	border-radius: 4px;
	background: #f2f2f2;
}
.prodetails .details .details-title span{
	font-weight: normal;
	font-family: LDM;
	font-size: 24px;
	line-height: 60px;
}
.prodetails .details .content{
	padding: 15px 0 20px;
}
.prodetails .details .content h1{
	font-size: 26px;
	color: #319bd0;
	padding: 5px 0 5px;font-family: "LDM";
	text-transform: capitalize;
}
.prodetails .details .content h2{
	font-size: 22px;
	color: #319bd0;
	padding: 10px 0 10px;
	text-transform: capitalize;
}
.prodetails .details .content h3{
	font-size: 20px;
	color: #58ad53;
	padding: 5px 0 15px;
	text-transform: capitalize;
}
.prodetails .details .content p{
	line-height: 28px;
	margin-bottom: 5px;
	color: #333;
}
.prodetails .details .content p img{
	width: auto;
	margin: 10px auto;
	max-width: 100%;
}
.prodetails .details .content table{
	margin: 5px 0;
	width: 100%;
}
.prodetails .details .content table tr td{
	border: 1px solid #dbdbdb;
	padding: 15px 10px;
	text-align: center;
	background: #f7fcff;
	color: #4c4c4c;
}
.prodetails .details .content table tr:nth-child(2n) td{
	background: #f6fff9;
}
.prodetails .details .content table tr td:first-child{
	color: #333;
	text-transform: capitalize;
}

/*********征**************/
.n-wus-box{}
.n-wus-box ul{ display: flex;flex-wrap:wrap;margin-left: -1%;}
.n-wus-box li{ float:left; width:32.333%;margin-left: 1%;text-align:center;padding:5px; margin-bottom:5px;background:#f2f2f2;-webkit-transition:.5s;transition:.5s;}
.n-wus-box li .icons{display:inline-block;background:#023793;-webkit-transition:.5s;transition:.5s;border-radius:6px;}
.n-wus-box li .icons img{width:100%;display:block}
.n-wus-box li h4{ font-size:18px; margin:10px 0px; color:#319bd0;}
.prodetails .details .content .n-wus-box li p{ font-size:14px; line-height:2;position:relative; text-align:center;}
/*********征**************/
.n-adv-box ul{ display: flex;flex-wrap:wrap;margin-left: -1%;}
.n-adv-box li{float:left;width:32.3333%;margin-left: 1%;text-align:center;padding: 15px 5px 5px;margin-bottom:5px;background:#f2f2f2;-webkit-transition:.5s;transition:.5s;}
.n-adv-box li .icons{display:inline-block;-webkit-transition:.5s;transition:.5s;}
.n-adv-box li .icons img{width:100%;display:block;max-width: 80px;}
.n-adv-box li .icons .icon2{display:none}
.n-adv-box li h4{ font-size:18px; margin:10px 0px;color:#319bd0;}
.n-adv-box li p{ font-size:14px; line-height:2;padding-left: 20px;position:relative; text-align:left;}
.n-adv-box li p::before { content: "●";position: absolute;left: 0;top:0px;font-size: 12px; line-height: inherit;color: #023793;}

.prodetails .details .content .n-adv-box li h3{ font-size:14px; line-height:2;padding-left: 20px;position:relative; text-align:left;color: #444;font-family: "LDL";}


/*********征**************/
.n-ref-box ul{display: flex;margin-left: -1%;flex-wrap: wrap;}
.n-ref-box li{float:left;width: 15.666%;margin-left: 1%;text-align:center;padding:30px 5px;-webkit-transition:.5s;transition:.5s;}
.n-ref-box li .icons{display:inline-block;-webkit-transition:.5s;transition:.5s;}
.n-ref-box li h4{ font-size:18px; margin:5px 0px;}
.prodetails .details .content .n-ref-box li p{ font-size:14px; line-height:2;padding-left: 20px;position:relative;}










.prodetails .detailsinfo{
	padding: 30px 60px 40px;
}
.proInquiry{
	padding: 75px 0 90px;
	background: url(../images/texture.png) center;
}
.proInquiry .inquiry {
	margin-top: 45px;
}
.proInquiry .inquiry dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.proInquiry .inquiry dl dd{
	width: calc((100% - 60px) / 3);
	background: #FFFFFF;
	border-radius: 30px;
	margin-bottom: 30px;
}
.proInquiry .inquiry dl dd input{
	display: block;
	width: 100%;
	line-height: 60px;
	padding: 0 20px;
	font-size: 16px;
	color: #07101A;
}
.proInquiry .inquiry dl dd.textarea{
	width: 100%;
	
}
.proInquiry .inquiry dl dd.textarea textarea{
	display: block;
	width: 100%;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 28px;
	height: 180px;
}
.proInquiry .inquiry dl dt{
	width: 100%;
}
.proInquiry .inquiry dl dt button{
	display: block;
	width: 100%;
	line-height: 60px;
	font-size: 16px;
	color: #FFFFFF;
	font-family: LDR;
	cursor: pointer;
}
.prohot{
	padding: 75px 0 90px;
}
.prohot .hotproduct{
	padding: 45px 0 0;

}
.prohot .hotproduct ul{
	align-items: stretch;
}
.prohot .hotproduct ul li{
	background: #FFFFFF;
	border-radius: 4px;
	overflow: hidden;
}
.prohot .hotproduct ul li a{
	display: block;
	padding-bottom: 40px;
	height: 100%;
	background: #f5f5f5;
}
.prohot .hotproduct ul li .content{
	text-align: center;
	padding: 0 20px;
}
.prohot .hotproduct ul li .content h3{
	font-size: 16px;
	color: #07101A;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2 ;
	-webkit-box-orient:vertical;
}
.prohot .hotproduct ul li .content p{
	font-size: 15px;
	line-height: 25px;
	margin: 10px 0 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3 ;
	-webkit-box-orient:vertical;
}
.prohot .hotproduct ul li .content span{
	font-family: LDR;
	font-size: 15px;
	line-height: 45px;
	width: 160px;
	margin: 0 auto;
}
.prohot .hotproduct ul li .pic{
	overflow: hidden;
}
.prohot .hotproduct ul li .pic img{
    mix-blend-mode: darken;
}
.prohot .hotproduct ul li:hover .content h3{
	color: #319BD0;
}
.prohot .hotproduct ul li:hover .pic img{
	transform: scale(1.05);
}
.prohot .hotproduct .swiper-pagination{
	position: unset;
	font-size: 0;
	margin-top: 45px;
}
.prohot .hotproduct .swiper-pagination span{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #319BD0;
	margin:0 10px;
	background: none;
	opacity: 1;
	position: relative;
}
.prohot .hotproduct .swiper-pagination span:before{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #319BD0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	transition: all 0.3s;
	opacity: 0;
}
.prohot .hotproduct .swiper-pagination span.swiper-pagination-bullet-active:before{
	transform: translate(-50%,-50%) scale(1);
	opacity: 1;
}
/*内页 ODM*/
.odm-about{
	padding: 80px 0 90px;
}
.odm-about .applicable{
	display: flex;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	margin-top: 40px;
}
.odm-about .applicable .left,
.odm-about .applicable .right{
	width: 50%;
}
.odm-about .applicable .left{
	background: url(../images/odmBg1.jpg) no-repeat center;
	background-size: cover;
	display: flex;
	align-items: center;
	padding: 0 30px;
}
.custom-item {
	padding-top: 15px;
}
.custom-item h2{
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 5px;
}
.custom-item li{
	line-height: 28px;
	position: relative;
	padding-left: 20px;
	margin-top: 15px;
}
.custom-item li i{
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #319BD0;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}
.custom-item li i:before{
	content: "";
	width: 6px;
	height: 6px;
	background: #319BD0;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.odm-about .applicable .right{
	overflow: hidden;
}
.odm-about .applicable .right img{
	width: 100%;
	object-fit: cover;
	height: 580px;
}
.odm-about .applicable:hover .right img{
	transform: scale(1.1);
}
.odm-about .custom-fa{
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	border-radius: 0 0 6px 6px;
	display: flex;
	align-items: flex-start;
	align-items: stretch;
	padding: 20px 0;
}
.odm-about .custom-fa li{
	width: calc(100% / 3);
	display: flex;
	justify-content: center;
	border-right: 1px solid rgba(255,255,255,0.2);
}
.odm-about .custom-fa li .content{
	padding: 0 5px;
	text-align: center;
	color: #fff;
}
.odm-about .custom-fa li .content h3{
	font-size: 24px;
}
.odm-about .custom-fa li .content h2{
	font-size: 42px;
	margin: 15px 0;
}
.odm-about .custom-fa li .content h4{
	font-size: 20px;
}
.odm-about .custom-fa li .content p{
	line-height: 1.8;
	margin-top: 10px;
	font-size: 14px;
}
.odm-issue{
	overflow: hidden;
	position: relative;
	height: 700px;
	display: flex;
	align-items: center;
}
.odm-issue .bg1{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 40%;
	overflow: hidden;
	height: 100%;
}
.odm-issue .bg1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.odm-issue:hover .bg1 img{
	transform: scale(1.1);
}
.odm-issue .bg2{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	width: 60%;
	overflow: hidden;
	height: 100%;
	background: url(../images/odmBg2.jpg) no-repeat center;
	background-size: cover;
}
.odm-issue .ny-container{
	position: relative;
	z-index: 1;
}
.odm-issue .ny-container .right{
	display: flex;
	justify-content: flex-end;
}
.odm-issue .ny-container .right .content{
	width: 60%;
	padding-left: 60px;
}
.odm-offer{
	padding: 75px 0 90px;
}
.odm-offer .offer-list ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 30px;
}

.odm-offer .offer-list ul li{
	width: calc((100% - 30px) / 3);
	padding: 40px 30px 20px;
	background: #319bd0;
	border-radius: 4px;
	margin-top: 15px;
	height: 300px; position:relative;
}

.odm-offer .offer-list ul li:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);}

.odm-offer .offer-list ul li:nth-child(2n){
	background: #1f2b90;
}
.odm-offer .offer-list ul li i{
	display: flex;position: relative;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border-radius: 50%;
	height: 90px;
	width: 90px;
	margin: 0 auto 30px;
}
.odm-offer .offer-list ul li p{
	color: #FFFFFF;position: relative;
	text-align: center;
	line-height: 28px;
	font-size: 20px;
	font-weight: bold;
}
.odm-part{
	background: url(../images/odmBg3.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
    z-index: 0;
	padding: 75px 0 90px;
}
.odm-part:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: url(../images/bot.png) repeat center;
    opacity: 0.2;
}
.odm-part:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(7,16,26,0.3);
}
.odm-part .ny-title-c h2{
	color: #fff;
}
.odm-part .partlist{
	margin-top: 45px;
}

.odm-part .partlist table{
	text-align: center;
    width: 100%;
    color: #fff;
    line-height: 1.8;
    font-size: 16px;
}
.odm-part .partlist table td{
	border:1px solid #fff; padding:5px;
}


.odm-part .partlist dl{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.odm-part .partlist dl dd{
	width: calc((100% - 75px) / 4);
	background: #FFFFFF;
	border-radius: 30px 4px 4px;
	padding: 0px 0px 40px 0;
	position: relative;
	overflow: hidden;
}
.odm-part .partlist dl dd:before{
	content: "";
	width: calc(100% - 80px);
	height: 6px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	transition: all 0.4s;
}
.odm-part .partlist dl dd .pic{
	overflow: hidden;
	border-radius: 0 0 30px 0;
}
.odm-part .partlist dl dd .pic img{
	width: 100%;
	height: 260px;
	object-fit: cover;
}
.odm-part .partlist dl dd .content{
	padding: 30px 0 0 40px;
}
.odm-part .partlist dl dd .content h2{
	color: #07101A;
	font-size: 24px;
}
.odm-part .partlist dl dd .content ul{
	padding-top: 10px;
}
.odm-part .partlist dl dd .content ul li{
	margin-top: 0;
}
.odm-part .partlist dl dd:hover:before{
	width: 100%;
}
.odm-part .partlist dl dd:hover .pic img{
	transform: scale(1.1);
}
.odm-process{
	background: url(../images/odmBg4.jpg) no-repeat center;
	background-size: cover;
	padding: 75px 0 90px;
}
.odm-process .list{
	position: relative;
}
.odm-process .processodm{
	margin-top: 45px;
}
.odm-process .processodm ul{
	align-items: stretch;
}
.odm-process .processodm ul li{
	background: #fff;
	padding: 0 30px 30px 0;
	border-radius: 4px 4px 60px 4px;
}
.odm-process .processodm ul li .content{
	position: relative;
}
.odm-process .processodm ul li .content h2{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	color: #07101A;
	padding-left: 30px;
}
.odm-process .processodm ul li .content i{
	display: block;
	text-align: right;
	font-size: 120px;
	color: #f9f9f9;
	font-family: LDM;
}
.odm-process .processodm ul li .pic{
	border-radius: 0 4px 40px 0;
	overflow: hidden;
}
.odm-process .processodm ul li .pic img{
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.odm-process .processodm ul li:hover .pic img{
	transform: scale(1.1);
}
.odm-process .processodm ul li:hover .content h2{
	color: #319BD0;
}
.odm-process .processodm ul li:hover .content i{
	color: #fff;
	text-shadow: 0px 0px 1px #666;
}
.odm-process .processodm .swiper-pagination{
	position: unset;
	font-size: 0;
	margin-top: 45px;
}
.odm-process .processodm .swiper-pagination span{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #319BD0;
	margin:0 10px;
	background: none;
	opacity: 1;
	position: relative;
}
.odm-process .processodm .swiper-pagination span:before{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #319BD0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	transition: all 0.3s;
	opacity: 0;
}
.odm-process .processodm .swiper-pagination span.swiper-pagination-bullet-active:before{
	transform: translate(-50%,-50%) scale(1);
	opacity: 1;
}
.odm-process .list .swiper-button-prev,
.odm-process .list .swiper-button-next{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	color: #fff;
	top: 155px;
	margin-top: 0;
}
.odm-process .list .swiper-button-prev{
	left: -100px;
}
.odm-process .list .swiper-button-prev i{
	margin-right: 3px;
}
.odm-process .list .swiper-button-next i{
	margin-left: 3px;
}
.odm-process .list .swiper-button-next{
	right: -100px;
}
.odm-range{
	padding: 75px 0 90px;
}
.odm-range .list ul{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 45px;
}
.odm-range .list ul li{
	width: calc((100% - 60px) / 3);
}
.odm-range .list ul li .pic{
	border-radius: 4px;
	overflow: hidden;
}
.odm-range .list ul li .pic img{
	width: 100%;
	height: 320px;
	object-fit: cover;
}
.odm-range .list ul li h2{
	font-size: 24px;
	color: #07101A;
	text-align: center;
	margin-top: 20px;
}
.odm-range .list ul li:hover .pic img{
	transform: scale(1.03);
}
.odm-range .list ul li:hover h2{
	color: #319BD0;
}
.odm-faq{
	overflow: hidden;
	position: relative;
	display: flex;
    align-items: center;
}
.odm-faq .bg1{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	width: 50%;
	overflow: hidden;
	height: 100%;
}
.odm-faq .bg1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.odm-faq:hover .bg1 img{
	transform: scale(1.1);
}
.odm-faq .bg2{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 50%;
	overflow: hidden;
	height: 100%;
	background: url(../images/odmBg5.jpg) no-repeat center;
	background-size: cover;
}
.odm-faq .ny-container{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 75px 10px 90px;
}
.odm-faq .ny-container .left{
	width: 50%;
	padding-right: 60px;
}
.odm-faq .list{
	border-top: 4px solid #07101a;
	margin-top: 35px;
}
.odm-faq .list li{
	padding: 24px 0;
	border-bottom: 2px solid #ccc;
}
.odm-faq .list li .top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	cursor: pointer;
}
.odm-faq .list li .top h2{
	width: calc(100% - 40px);
	font-size: 18px;
	color: #07101A;
	line-height: 28px;
}
.odm-faq .list li .top i{
	display: block;
	width: 24px;
	height: 24px;
	border-radius:50%;
	background: #07101A;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	margin-top: 2px;
}
.odm-faq .list li .bottom{
	display: none;
	line-height: 28px;
	padding-top: 16px;
}
.odm-faq .list li.on .top h2{
	color: #319BD0;
}
.odm-faq .list li.on .top i{
	background: #319BD0;
	transform: rotate(180deg);
}
.odm-faq .ny-container .right a{
	display: block;
	width: 360px;
	line-height: 85px;
	font-size: 24px;
	text-align: center;
	border-radius: 4px;
}
.odm-market{
	padding: 75px 0 110px;
	background: url(../images/marketBg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.odm-market .list ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.odm-market .list ul li{
	width: calc((100% - 40px) / 2);
	color: #fff;
	padding: 32px 40px;
	border-radius: 15px 15px 15px 0;
	margin-top: 40px;
	font-size: 18px;
	line-height: 30px;
	font-family: LDR;
	position: relative;
	z-index: 0;
}
.odm-market .list ul li:nth-child(1),
.odm-market .list ul li:nth-child(4),
.odm-market .list ul li:nth-child(5){
	background: #319BD0;
}
.odm-market .list ul li:nth-child(2),
.odm-market .list ul li:nth-child(3),
.odm-market .list ul li:nth-child(6){
	background: #78b673;
}
.odm-market .list ul li:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: -1;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 46px 56px 0 0;
    border-color: transparent;
}
.odm-market .list ul li:nth-child(1):before,
.odm-market .list ul li:nth-child(4):before,
.odm-market .list ul li:nth-child(5):before{
	border-top-color: #319BD0;
}
.odm-market .list ul li:nth-child(2):before,
.odm-market .list ul li:nth-child(3):before,
.odm-market .list ul li:nth-child(6):before{
	border-top-color: #78b673;
}
/*内页 OEM*/

.oem-about{
	padding: 90px 0;
}
.oem-about .ny-container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.oem-about .left{
	width: calc(100% - 540px);
}
.oem-about .left h3{
	font-size: 32px;
	line-height: 48px;
	color: #07101A;
	margin-top: 25px;
}
.oem-about .right{
	width: 470px;
	position: relative;
}
.oem-about .right .pic{
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.oem-about .right .pic:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	opacity: 0.9;
}
.oem-about .right .pic img{
	width: 100%;
	height: 230px;
	object-fit: cover;
}
.oem-about .right .content{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.oem-about .right .content h3{
	font-size: 28px;
	margin-bottom: 30px;
}
.oem-about .right .content dl{
	display: flex;
	align-items: flex-end;
}
.oem-about .right .content dl i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	border: 2px solid #fff;
}
.oem-about .right .content dl dt{
	font-size: 80px;
	font-family: LDM;
	line-height: 84px;
	margin: 0 16px;
}
.oem-about .right .content dl dd{
	font-size: 32px;
	font-family: LDM;
	padding-bottom: 5px;
}
.oem-about .right:hover .pic img{
	transform: scale(1.1);
}
.oem-adv{
	padding: 90px 0;
	background: url(../images/oemBg1.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.oem-adv dl dd{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.oem-adv dl dd .content{
	width: calc(50% - 60px);
}
.oem-adv dl dd .content .custom-item{
	margin-top: 10px;
}
.oem-adv dl dd .pic{
	width: 50%;
	overflow: hidden;
}
.oem-adv dl dd .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.oem-adv dl dd:hover .pic img{
	transform: scale(1.1);
}
.oem-adv dl dd.adv1 .pic{
	border-radius: 0 100px 100px 0;
}
.oem-adv dl dd.adv1 .pic img{
	height: 540px;
}

.oem-adv dl dd.adv2{
	flex-direction: row-reverse;
}
.oem-adv dl dd.adv2 .pic{
	border-radius: 100px 0 0 100px;
}
.oem-adv dl dd.adv2 .pic img{
	height: 960px;
}
.oem-adv dl dd.adv3 .pic img{
	height: 860px;
}
.oem-adv dl dd.adv3 .pic{
	border-radius: 0 100px 100px 0;
}
.oem-reason{
	padding: 75px 0 90px;
}
.oem-reason .list{
	margin-top: 35px;
}
.oem-reason .list ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.oem-reason .list ul li{
	width: calc((100% - 10px) / 2);
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 150px;
	border-radius: 4px;
	color: #fff;
	margin-top: 10px;
	padding: 0 30px;
}
.oem-reason .list ul li i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #fff;
}
.oem-reason .list ul li p{
	width: calc(100% - 120px);
	line-height: 28px;
}
.oem-process{
	padding: 75px 0 90px;
	background: url(../images/oemBg2.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	z-index: 0;
}

.oem-process:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;


    z-index: -1;
    background: url(../images/bot.png) repeat center;
    opacity: 0.2;
}
.oem-process:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(7,16,26,0.8);
}

.oem-process .list{
	position: relative;
}
.oem-process .processoem{
	margin-top: 45px;
}
.oem-process .processoem ul{
	align-items: stretch;
}
.oem-process .processoem ul li{
	background: #fff;
	padding: 0 30px 30px 0;
	border-radius: 4px 4px 60px 4px;
}
.oem-process .processoem ul li .content{
	position: relative;
	z-index: 0;
	padding: 30px 0 30px 30px;
	height: 210px;
}
.oem-process .processoem ul li .content h2{
	width: 100%;
	font-size: 18px;
	color: #07101A;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.oem-process .processoem ul li .content p{
	line-height: 28px;
}
.oem-process .processoem ul li .content i{
	position: absolute;
	right: 30px;
	bottom: 0;
	z-index: -1;
	display: block;
	text-align: right;
	font-size: 120px;
	color: #f9f9f9;
	font-family: LDM;
}
.oem-process .processoem ul li .pic{
	border-radius: 0 4px 40px 0;
	overflow: hidden;
}
.oem-process .processoem ul li .pic img{
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.oem-process .processoem ul li:hover .pic img{
	transform: scale(1.1);
}
.oem-process .processoem ul li:hover .content h2{
	color: #319BD0;
}
.oem-process .processoem ul li:hover .content i{
	color: #fff;
	text-shadow: 0px 0px 1px #666;
}
.oem-process .processoem .swiper-pagination{
	position: unset;
	font-size: 0;
	margin-top: 45px;
}
.oem-process .processoem .swiper-pagination span{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #fff;
	margin:0 10px;
	background: none;
	opacity: 1;
	position: relative;
}
.oem-process .processoem .swiper-pagination span:before{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	transition: all 0.3s;
	opacity: 0;
}
.oem-process .processoem .swiper-pagination span.swiper-pagination-bullet-active:before{
	transform: translate(-50%,-50%) scale(1);
	opacity: 1;
}
.oem-process .list .swiper-button-prev,
.oem-process .list .swiper-button-next{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	color: #fff;
	top: 185px;
	margin-top: 0;
	z-index: 10;
}
.oem-process .list .swiper-button-prev{
	left: -100px;
}
.oem-process .list .swiper-button-prev i{
	margin-right: 3px;
}
.oem-process .list .swiper-button-next i{
	margin-left: 3px;
}
.oem-process .list .swiper-button-next{
	right: -100px;
}
.oem-faq{
	padding: 90px 0;
}
.oem-faq .ny-container{
	display: flex;
    align-items: center;
	justify-content: space-between;
}
.oem-faq .left{
	width: calc(100% - 660px);
}
.oem-faq .list{
	border-top: 4px solid #07101a;
	margin-top: 35px;
}
.oem-faq .list li{
	padding: 24px 0;
	border-bottom: 2px solid #ccc;
}
.oem-faq .list li .top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	cursor: pointer;
}
.oem-faq .list li .top h2{
	width: calc(100% - 40px);
	font-size: 18px;
	color: #07101A;
	line-height: 28px;
}
.oem-faq .list li .top i{
	display: block;
	width: 24px;
	height: 24px;
	border-radius:50%;
	background: #07101A;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
}
.oem-faq .list li .bottom{
	display: none;
	line-height: 28px;
	padding-top: 16px;
}
.oem-faq .list li.on .top h2{
	color: #319BD0;
}
.oem-faq .list li.on .top i{
	background: #319BD0;
	transform: rotate(180deg);
}
.oem-faq .right{
	width: 580px;
	overflow: hidden;
	position: relative;
	border-radius: 100px 6px 6px;
}
.oem-faq .right img{
	height: 620px;
	width: 100%;
	object-fit: cover;
}
.oem-faq .right a{
	display: block;


	width: 100%;
	background: linear-gradient(90deg, rgba(49,155,208,0.95) , rgba(105,174,100,0.95));
	text-align: center;
	color: #FFFFFF;
	font-family: LDR;
	padding: 25px 0;
	font-size: 28px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.oem-faq .right:hover img{
	transform: scale(1.1);
}
/*内页 discover*/
.ny-discover{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.discover-right{
	width: 360px;
	position: sticky;
	top: 100px;
}
.discover-left{
	width: calc(100% - 410px);
}
.discover-left .discoverlist li{
	border-bottom: 1px solid #dbdbdb;
	margin-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
.discover-left .discoverlist li:first-child{
	margin-top: 0;
}
.discover-left .discoverlist li:before{
	content: "";
	width: 0;
	height: 1px;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1;
	transition: all 0.4s;
}
.discover-left .discoverlist li .pic{
	overflow: hidden;
	border-radius: 4px;
}
.discover-left .discoverlist li .pic img{
	height: 520px;
	object-fit: cover;
	width: 100%;
}
.discover-left .discoverlist li .content{
	padding-top: 20px;
}
.discover-left .discoverlist li .content h2{
	font-size: 28px;
    line-height: 42px;
    color: #07101A;
}
.discover-left .discoverlist li .content p{
	line-height: 28px;
	margin: 10px 0 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3 ;
	-webkit-box-orient:vertical;
}
.discover-left .discoverlist li .sitebtn1 {
    width: 200px;
    line-height: 56px;
    transition: all 0.4s ease 0s;
}
.discover-left .discoverlist li:hover:before{
	width: 100%;
}
.discover-left .discoverlist li:hover .pic img{
	transform: scale(1.1);
}
.discover-left .discoverlist li:hover .content h2{
	color: #319BD0;
}

.discover-left .details {
    box-shadow: 0 0 80px 0 rgb(0 0 0 / 10%);
    background: #FFFFFF;
    border-radius: 6px;
    position: relative;
}
.discover-left .details:before{
	content: "";
    width: 100%;
    height: 8px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg, #319bd0, #1f2b90);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.discover-left .details .content {
    padding: 40px 50px 30px;
    border-bottom: 2px solid #eaeaea;
}
.discover-left .details .content h2{
    font-size: 32px;
    color: #07101A;
    line-height: 48px;
    padding-bottom: 15px;
}
.discover-left .details .content p {
    line-height: 26px;
    padding: 5px 0;
}
.discover-left .details .content p img{
	border-radius: 4px;
	margin: 10px auto;
}
/*详情底部信息*/
.detailsinfo {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 30px 50px 40px;
}
.detailsinfo .keyword{
	width: calc(100% - 170px);
}
.detailsinfo .keyword span{
	display: block;
	font-family: LDR;
	color: #07101A;
	margin-bottom: 16px;
	font-size: 16px;
}
.detailsinfo .keyword h3{
	font-size: 16px;
}
.detailsinfo .social{
	flex-wrap: wrap;
	width: 150px;
}
.detailsinfo .social span{
	display: block;
	width: 100%;
	font-family: LDR;
	color: #07101A;
	margin-bottom: 16px;
	font-size: 16px;
}
.detailsinfo .social a{
	color: #fff;
	margin-right: 10px;
}
.detailsinfo .social a:last-child{
	margin-right: 0;
}
/*详情评论*/
.comment{
	margin-top: 60px;
}
.comment h2{
	font-size: 36px;
	color: #07101A;
	line-height: 1;
	margin-bottom: 30px;
}
.comment form dd{
	margin-bottom: 20px;
}
.comment form dd input{
	display: block;
	width: 100%;
	line-height: 52px;
	border: 1px solid #e5e5e5;
	background: #f5f7f7;
	border-radius: 30px;
	font-size: 16px;
	color: #333;
	padding: 0 20px;
}
.comment form dd textarea{
	display: block;
	width: 100%;
	line-height: 28px;
	border: 1px solid #e5e5e5;
	background: #f5f7f7;
	border-radius: 28px;
	font-size: 16px;
	color: #333;
	padding: 10px 20px;
	height: 160px;
}
.comment form dt{
	width: 185px;
	margin-top: 30px;

}
.comment form dt button{
	display: block;
	line-height: 54px;
	width: 100%;
	font-family: LDR;
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}
.comment form dd input:focus,
.comment form dd textarea:focus{
	border-color: #319BD0;
}

/*内页 discover 右侧公共样式*/
.sidebg{
	background: #FFFFFF;
	border-radius: 40px 6px 6px;
	box-shadow: 0 0 80px 0 rgba(0,0,0,0.1);
	position: relative;
	padding: 40px 40px 50px;
	margin-top: 40px;
}
.sidebg:first-child{
	margin-top: 0;
}
.sidebg:before{
	content: "";
    width: 100%;
    height: 8px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg, #319bd0, #1f2b90);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.sidebg h2{
	font-size: 28px;
	color: #07101A;
}
/*内页 discover 右侧分类*/
.sidecate dl dd {
	margin-top: 16px;
}
.sidecate dl dd:nth-child(2){
	margin-top: 30px;
}
.sidecate dl dd a{
	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	background: #07101A;
	border-radius: 40px;
	height: 64px;
	padding: 0 30px;
}
.sidecate dl dd a:before{
	content: "";
    width: 100%;
    height: 100%;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s;
}
.sidecate dl dd a h3{
	color: #fff;
	font-size: 18px;
}
.sidecate dl dd a i{
	width: 30px;
	height: 30px;
	line-height: 32px;
	background: #319BD0;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	padding-left: 1px;
}
.sidecate dl dd.on a,
.sidecate dl dd:hover a{
	background: #fff;
}
.sidecate dl dd.on a:before,
.sidecate dl dd:hover a:before{
	opacity: 1;
}
.sidecate dl dd.on a i,
.sidecate dl dd:hover a i{
	background: #fff;
	color: #319BD0;
}
/*内页 discover 右侧产品*/
.sidepro ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}
.sidepro ul li .pic{
	width: 80px;
	height: 80px;
	background: #f0f0f0;
	overflow: hidden;
	border-radius: 4px;
	transition: all 0.4s;
}
.sidepro ul li .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: darken;
}
.sidepro ul li .content{
	width: calc(100% - 100px);
}
.sidepro ul li .content h3{
	font-size: 16px;
	color: #07101a;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2 ;
	-webkit-box-orient:vertical;
}
.sidepro ul li .content h4{
	line-height: 30px;
	color: #808080;
	font-size: 14px;
	font-family: LDL;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sidepro ul li .pic:hover{
	border-color: #319BD0;
}
.sidepro ul li .pic:hover img{
	transform: scale(1.05);
}
.sidepro ul li .content h3:hover{
	color: #319bd0;
}
.sidepro ul li .content h4:hover{
	color: #07101A;
	text-decoration: underline;
}
/*内页 discover 右侧新闻*/
.sidenews ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}
.sidenews ul li .pic{
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 4px;
}
.sidenews ul li .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sidenews ul li .content{
	width: calc(100% - 100px);
}
.sidenews ul li .content h3{
	font-size: 16px;
	color: #07101A;
	line-height: 24px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sidenews ul li .content span{
	display: block;
	margin-top: 6px;
	color: #808080;
	font-size: 14px;
	line-height: 24px;
}
.sidenews ul li .content span i{
	color: #319bd0;
	transform: translateY(-1px);
}
.sidenews ul li:hover .pic img{
	transform: scale(1.05);
}
.sidenews ul li:hover .content h3{
	color: #319BD0;
}

/*内页 discover 右侧视频*/
.sidevideo ul li{
	margin-top: 30px;
}
.sidevideo ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sidevideo ul li a .pic{
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
}
.sidevideo ul li a .pic .play{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: rgba(7,16,26,0.3);
	color: #fff;
	font-size: 14px;
	transition: all 0.4s;
}

.sidevideo ul li a .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sidevideo ul li a h3{
	width: calc(100% - 100px);
	font-size: 18px;
	color: #07101A;
	line-height: 26px;
	font-family: LDR;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.sidevideo ul li:hover a .pic .play{
	background: rgba(7,16,26,0.6);
}
.sidevideo ul li:hover a h3{
	color: #039AE3;
}
/*内页 discover 右侧方案、案例*/
.sidesolution ul li,
.sidecase ul li{
	margin-top: 30px;
}
.sidesolution ul li a,
.sidecase ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sidesolution ul li a .pic,
.sidecase ul li a .pic{
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 4px;
}
.sidesolution ul li a .pic img,
.sidecase ul li a .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sidesolution ul li a h3,
.sidecase ul li a h3{
	width: calc(100% - 100px);
	font-size: 18px;
	color: #07101A;
	line-height: 26px;
	font-family: LDR;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.sidesolution ul li:hover .pic img,
.sidecase ul li:hover .pic img{
	transform: scale(1.05);
}
.sidesolution ul li:hover a h3,
.sidecase ul li:hover a h3{
	color: #039AE3;
}
/*内页 视频，方案，案例列表*/
.nyvideolist,
.nycaselist,
.nysolutionlist{
    padding: 90px 0;
}
.videolist li .pic{
	position: relative;
	z-index: 0;
}
.videolist li .pic:before{
	content:"";
	width: 100%;
	height: 100%;
	background: rgba(7,16,26,0.2);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.4s;
}
.videolist li .pic .play{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%,-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 4px solid #fff;
}
.videolist li .pic .play i{
	font-size: 24px;
    color: #fff;
    margin-left: 6px;
}
.videolist li:hover .pic:before{
	background: rgba(7,16,26,0.5);
}
/*内页 视频，方案，案例详情*/
.nyvideo,
.nysolution,
.nycase{
    padding: 90px 0;
}
.videodetails .content p video{
	display: block;
	width: 100%;
	margin: 10px 0;
	border-radius: 4px;
}
/*内页 新闻列表*/
.nynewslist{
	padding: 90px 0;
}
.newslist li .content dl{
	display: flex;
	align-items: stretch;
	margin:5px 0 10px;
}
.newslist li .content dl dd{
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.newslist li .content dl dd i{
	color: #319BD0;
	font-size: 14px;
}
.newslist li .content dl dd span{
	color: #808080;
	padding-left: 8px;
}
/*内页 新闻详情*/
.inner-news{
	margin-top: 160px;
}
.nynews{
	padding: 70px 0 90px;
}
.inner-news .bread{
	color: #333;
	border-top: none;
	border-bottom: 1px solid #dbdbdb;
}
.newsdetails .pic{
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}
.newsdetails dl{
	padding: 0 50px;
	display: flex;
	align-items: stretch;
	margin-top: 30px;
}
.newsdetails dl dd{
	display: flex;
    align-items: center;
    margin-right: 30px;
}
.newsdetails dl dd i {
    color: #319BD0;
    font-size: 14px;
}
.newsdetails dl dd span {
    color: #808080;
    padding-left: 8px;
}
.newsdetails .content{
	padding: 20px 50px 30px !important;
}

/*内页 关于我们*/
.nyabout .profile{
	padding: 90px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nyabout .profile .left{
	width: calc(100% - 540px);
}
.nyabout .profile .left .ny-title h2{
	text-align: left;
}
.nyabout .profile .left .ny-title i{
	margin: 0;
}
.nyabout .profile .left .content{
	margin-top: 40px;
}
.nyabout .profile .left .content p{
	line-height: 28px;
	margin-bottom: 10px;
}
.nyabout .profile .left .content p:last-child{
	margin-bottom: 0;
}
.nyabout .profile .right{
	width: 460px;
	position: relative;
	overflow: hidden;
	border-radius: 80px 6px 6px;
	cursor: pointer;
}
.nyabout .profile .right img{
	/* height: 540px; */
	width:100%;
	object-fit: cover;
}
.nyabout .profile .right .playbg{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border: 3px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.nyabout .profile .right .playbg i{
	font-size: 20px;
	color: #fff;
	margin-left: 4px;
}
.nyabout .profile .right:hover img{
	transform: scale(1.1);
}
.nyabout .aboutmv{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999999;
	width: 100%;
	height: 100%;
	background: rgba(7,16,26,0.9);
	display: flex;
	align-items: center;
	justify-content: center;
}
.nyabout .aboutmv video{
	display: block;
	width: 60%;
}
.nyabout .aboutmv .mvclose{
	position: absolute;
	right: 80px;
	top: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
}
.nyabout .aboutmv .mvclose i{
	font-size: 24px;
	transform: translateY(-1px);
}
.nyabout .vision{
	background: url(../images/vision.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nyabout .vision:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	opacity: 0.9;
}
.nyabout .vision .content{
	text-align: center;
	color: #fff;
	padding: 70px 0;
}
.nyabout .vision .content h4{
	width: 200px;
	margin: 0 auto;
	line-height: 46px;
	border-radius: 30px;
	background: #07101A;
}
.nyabout .vision .content h2{
	margin: 25px auto 20px;
	font-size: 56px;
	line-height: 70px;
	text-transform: capitalize;
}
.nyabout .vision .content h3{
	font-size: 18px;
	line-height: 32px;
}
.nyabout .plan{
	background: url(../images/planBg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	padding: 250px 0 90px;
	margin-top: -160px;
}
.nyabout .plan .ny-container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nyabout .plan .left{
	width: calc(100% - 860px);
}
.nyabout .plan .left h3{
	font-size: 64px;
}
.nyabout .plan .left h4{
	font-size: 26px;
	color: #07101A;
	padding: 10px 0 20px;
}
.nyabout .plan .left p{
	line-height: 28px;
	margin-top: 10px;
}
.nyabout .plan .left a{
	width: 240px;
	line-height: 60px;
	margin: 40px 0 15px;
}
.nyabout .plan .right{
	width: 800px;
}
.nyhistory{
	padding: 75px 0 90px;
}
.nyhistory .history{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nyhistory .history .left{
	width: 620px;
}
.nyhistory .history .left .ny-title h2{
	text-align: left;
}
.nyhistory .history .left .ny-title i{
	margin: 0;
}
.nyhistory .history .left .ny-title p{
	text-align: left;
}
.nyhistory .history .left .pic{
	border-radius: 4px;
	overflow: hidden;
	margin-top: 30px;
}
.nyhistory .history .left .pic{
	
}
.nyhistory .history .left .pic img{
	width: 100%;
	object-fit: cover;
	height: 330px;
}
.nyhistory .history .right{
	width: calc(100% - 700px);
}
.nyhistory .history .right ul{


	position: relative;
}
.nyhistory .history .right ul:before{
	content: "";
	width: 1px;
	height: 100%;
	background: #CCCCCC;
	position: absolute;
	top: 0;
	left: 83px;
}
.nyhistory .history .right ul li{
	display: flex;
	align-items: flex-start;
	margin-top: 30px;
}
.nyhistory .history .right ul li:first-child{
	margin-top: 10px;
}
.nyhistory .history .right ul li h2{
	color: #07101A;
	font-size: 24px;
	width: 90px;
	padding-right: 25px;
	position: relative;
}
.nyhistory .history .right ul li h2:before{
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	border: 2px solid #ccc;
	position: absolute;
	right: 0;
	top: 9px;
}
.nyhistory .history .right ul li p{
	line-height: 28px;
	width: calc(100% - 90px);
	padding-left: 20px;
	padding-top: 1px;
}
.nyteam .top{
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	padding: 75px 0 50px;
}
.nyteam .top .ny-title-c h2{
	color: #fff;
}
.nyteam .top .ny-title-c i{
	background: #fff;
}
.nyteam .bottom .pic1{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.nyteam .bottom .pic1 dd{
	width:550px;
	overflow: hidden;
}
.nyteam .bottom .pic1 dt{
	width: calc(100% - 1100px);
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	overflow: hidden;
}
.nyteam .bottom .pic1 img{
	height: 640px;
	object-fit: cover;
	width: 100%;
}
.nyteam .bottom .pic2{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.nyteam .bottom .pic2 li{
	width: calc((100% - 1px) / 2);
	margin-top: 1px;
	overflow: hidden;
}
.ny-honor{
	padding: 75px 0 90px;
}
.ny-honor .content{
	text-align: center;
	padding: 20px 0 40px;
}
.ny-honor .content p{
	line-height: 28px;
	margin-top: 10px;
}
.honor-list{
	margin: -10px;
}
.ny-honor #animated-thumbnails-gallery-honor {
	display: flex;
	height: auto !important;
	flex-wrap: wrap;
}
.ny-honor #animated-thumbnails-gallery-honor li{
	display: block;
    width: calc(100% / 5) !important;
    position: unset;
    height: auto !important;
    padding: 10px;
    cursor: pointer;
}

.ny-honor .honor-list .swiper-pagination {
    position: unset;
    margin-top: 30px;
    font-size: 0;
}


/*内页 联系方式*/
.nycontact{
	background: url(../images/conBg1.jpg) no-repeat center #fff;
	background-attachment: fixed;
    background-size: cover;
    padding: 90px 0;
}
.nycontact .coninfo{
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 0 80px 0 rgba(0,0,0,0.1);
	padding: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nycontact .coninfo .left{
	width: 420px;
	border-radius: 8px;
	overflow: hidden;
	background: url(../images/conBg2.jpg) no-repeat center #fff;
	background-size: cover;
	position: relative;
	z-index: 0;
	padding: 40px 50px;
	display: flex;
}
.nycontact .coninfo .left:before{
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #319bd0, #1f2b90);
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	opacity: 0.95;
}
.nycontact .coninfo .left .title h2{
	font-size: 24px;
	color: #FFFFFF;
	line-height: 1;
}
.nycontact .coninfo .left .title i{
	display: block;
	width: 40px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	margin: 20px 0 15px;
}
.nycontact .coninfo .left .title h3{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 26px;
}
.nycontact .coninfo .left .details{
	margin: 15px 0 30px;
}
.nycontact .coninfo .left .details li{
	border-bottom: 1px dashed #fff;
	padding: 18px 0;
	display: flex;
	align-items: center;
	color: #fff;
}
.nycontact .coninfo .left .details li i{
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
}

.nycontact .coninfo .left .details li dl dd,
.nycontact .coninfo .left .details li dl a{
	display: block;
	margin-top: 3px;
	color: #fff;
	font-family: "LDR";
	font-size: 18px;
}
.nycontact .coninfo .left .details li dl a:hover{
	text-decoration: underline;
}
.nycontact .coninfo .left .social{
	justify-content: center;
}
.nycontact .coninfo .left .social a{
	margin: 0 5px;

}
.nycontact .coninfo .right .title h2{
	font-size: 36px;
	color: #07101A;
}
.nycontact .coninfo .right .title i{
	display: block;
	width: 40px;
	height: 2px;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	border-radius: 2px;
	margin: 20px 0 15px;
}
.nycontact .coninfo .right{
	width: calc(100% - 480px);
	margin-top: -10px;
}
.nycontact .coninfo .right .title h3{
	color: #666;
	font-size: 16px;
}
.nycontact .coninfo .right .feedback{
	margin-top: 40px;
}
.nycontact .coninfo .right .feedback dl{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nycontact .coninfo .right .feedback dl dd{
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
}
.nycontact .coninfo .right .feedback dl dd:nth-child(5){
	width: 100%;
	margin-bottom: 30px;
}
.nycontact .coninfo .right .feedback dl dd input{
	display: block;
	width: 100%;
	line-height: 58px;
	border: 1px solid #e5e5e5;
	background: #f5f7f7;
	padding: 0 20px;
	border-radius: 30px;
	font-size: 16px;
}

.nycontact .coninfo .right .feedback dl dd textarea{
	display: block;
	width: 100%;
	line-height: 24px;
	border: 1px solid #e5e5e5;
	background: #f5f7f7;
	padding: 12px 20px;
	border-radius: 30px;
	font-size: 16px;
	height: 180px;
	line-height: 28px;
}
.nycontact .coninfo .right .feedback dl dd input:focus,
.nycontact .coninfo .right .feedback dl textarea:focus{
	border-color: #319BD0;
}
.nycontact .coninfo .right .feedback dl dt{
	width: 180px;
}
.nycontact .coninfo .right .feedback dl dt button{
	display: block;
	width: 100%;
	line-height: 56px;
	color: #FFFFFF;
	font-family: LDR;
	font-size: 16px;
	cursor: pointer;
}
.nymap .line{
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	height: 4px;
}
.nymap #mapContainer{
	height: 500px;
}
/*内页 FAQ*/
.nyfaq{
	padding: 90px 0;
	background: #fff;
}
.nyfaq .faqlist ul li{
	margin-top: 30px;
}
.nyfaq .faqlist ul li:first-child{
	margin-top: 0;
}
.nyfaq .faqlist ul li .top{
	background: #f5f7f7;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
	position: relative;
	z-index: 0;
	border-radius: 4px;
	overflow: hidden;
	transition: all 0.4s;
	cursor: pointer;
}
.nyfaq .faqlist ul li .top:before{
	content: "";
	background: linear-gradient(90deg, #319bd0, #1f2b90);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0;
	transition: all 0.4s;
}
.nyfaq .faqlist ul li .top h3{
	color: #07101a;
	font-size: 20px;
	line-height: 32px;
	padding: 24px 0;
}
.nyfaq .faqlist ul li .top i{
	color: #319bd0;
}
.nyfaq .faqlist ul li .bottom{
	background: #f5f7f7;
	padding: 30px;
	display: none;
}
.nyfaq .faqlist ul li .bottom p{
	line-height: 28px;
	color: #333;
}
.nyfaq .faqlist ul li .top.on{
	border-radius: 4px 4px 0 0;
}
.nyfaq .faqlist ul li .top.on:before{
	opacity: 1;
}
.nyfaq .faqlist ul li .top.on h3{
	color: #fff;
}
.nyfaq .faqlist ul li .top.on i{
	color: #fff;
	transform: rotate(90deg);
}

/*内页 搜索列表*/
.inner-search{
	margin-top: 160px;
}
.serachkey{
	padding: 80px 0;
	background: linear-gradient(90deg, #319bd0, #1f2b90);
}
.serachkey .ny-container{
	display: flex;
	align-items: center;
	justify-content: center;
}
.serachkey span{
	display: block;
	font-size: 48px;
	line-height: 64px;
	max-width: 1000px;
	margin: 0 auto;
	font-family: LDR;
}
.nysearch{
	padding: 90px 0;
}
.searchlist ul li{
	padding-bottom: 40px;
	border-bottom: 1px solid #dbdbdb;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}
.searchlist ul li:first-child{
	margin-top: 0;
}
.searchlist ul li .pic{
	background: #f5f5f5;
	width: 400px;
	height: 280px;
	border-radius: 4px;
	overflow: hidden;
}
.searchlist ul li .pic img{
	mix-blend-mode: darken;
    object-fit: cover;
    height: 100%;
    margin: 0 auto;
    width: auto;
}
.searchlist ul li .pic:hover img{
	transform: scale(1.1);
}
.searchlist ul li .content{
	width: calc(100% - 450px);
}
.searchlist ul li .content h3{
	font-size: 28px;
	color: #07101A;
	line-height: 42px;
}
.searchlist ul li .content p{
	line-height: 28px;
	margin: 10px 0 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.searchlist ul li .content span{
	display: block;
	color: #07101A;
	font-family: LDR;
}
.searchlist ul li .content span a{
	color: #319BD0;
	font-family: LDR;
}
.searchlist ul li .content span a:hover{
	text-decoration: underline;
}
.searchlist ul li .sitebtn1{
	width: 160px;
	font-family: LDL;
	line-height: 46px;
	margin: 40px 0 10px;
}
.searchlist ul li .content h3:hover{
	color: #319BD0;
}





.about-box-02 { background-color: #fafafa; padding-top: 60px;padding-bottom: 60px;}
.public-title {margin-bottom: 40px; color: #000000; line-height: 1.4;font-size:36px; text-align: center;}

.about-box-02 .main-cont{ display:flex;}
.about-box-02 .box-w{ width:20%;position: relative; min-height: 1px;padding-right: 5px; padding-left:5px;}
.about-box-02 .box-s {
    height: 120px;
    background-color: #ffffff;
    box-shadow: 0 0 16px 0 rgb(15 100 174 / 12%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    transition: all 0.5s;
}

.about-box-02 .box-s .box-icon {
  margin-right: 20px;
}
.about-box-02 .box-s .box-icon img {
  display: block;
}
.about-box-02 .box-s .box-txt .title-s {
  color: #000000;
  font-size: 24px;
  /* margin-bottom: 10px; */
}
.about-box-02 .box-s .box-txt .txt-s {
  color: #666666;
  font-size: 16px;
}
.about-box-02 .box-s:hover {
  transform: scale(1.05);
}

/********标题**************/
.hmc2m { line-height: 55px; position: relative; padding-left: 14px; display: inline-block; margin-bottom:30px; }
.hmc2m span { font-size: 22px; color: #023793; font-weight:bold; display: inline-block; position: relative; z-index: 2; transition: all 0.5s ease-in-out; }
.hmc2m i { height: 55px; width: 55px; position: absolute; left: 0px; top: 0px; display: block; transition: all 0.5s ease-in-out; }
.hmc2m i:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;border: 1px dashed #023793;animation: rotate 8s linear infinite;}
.hmc2m:hover i:after { animation: rotate 8s linear infinite; }
.hmc2m:hover i { transform: scale(1.2); }
.hmc2m:hover span { transform: translateX(5px); }

@keyframes rotate{
from{transform: rotate(0deg)}

to{transform: rotate(360deg)}

}

/***********产品图***************/
.n-pic-bg{ background:#fff; padding:60px 0px; overflow:hidden;}
.n-pi-tit{ font-size:14px; line-height:2; color:#333;text-align: center;}
.n-pi-tit .box-icon{ width:100%; text-align:center;}
.n-pi-tit .box-icon img{ display:inline-block;}
.n-pi-tit p{ padding:10px 0px; text-align:center;font-size: 18px; font-weight:bold;}

/***********适用场景**************/
.n-scene-box{background:#fff; margin-top:30px; overflow:hidden;}
.n-scene-box ul{ display: flex;margin-left: -1%;}
.n-scene-box li{float:left;width:24%;margin-left: 1%;text-align:center;padding: 10px 10px;background:#f9f9f9;-webkit-transition:.5s;transition:.5s;}
.n-scene-box li .icons{display:inline-block;background:#023793;-webkit-transition:.5s;transition:.5s;}
.n-scene-box li .icons img{width:100%;display:block;}
.n-scene-box li .icons .icon2{display:none}
.n-scene-box li h4{font-size:18px;line-height: 1.5;}
.n-scene-box li p{font-size:14px;line-height: 1.5;}

.n-scene-box li:hover{background:#3284be!important;color:#fff}
.n-scene-box li:hover .icons{background:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
/***********适用场景**************/
.n-gong-box{background:#fff; margin-top:10px; overflow:hidden;}
.n-gong-box ul{ display: flex;margin-left: -1%;}
.n-gong-box li{float:left;width:24%;margin-left: 1%;text-align:center;padding: 10px 10px;background:#f9f9f9;-webkit-transition:.5s;transition:.5s;}
.n-gong-box li .icons{display:inline-block;background:#023793;-webkit-transition:.5s;transition:.5s;}
.n-gong-box li .icons img{width:100%;display:block;}
.n-gong-box li .icons .icon2{display:none}
.n-gong-box li h4{font-size:18px;line-height: 1.5;}
.n-gong-box li p{font-size:14px;line-height: 1.5;}

.n-gong-box li:hover{background:#3284be!important;color:#fff}
.n-gong-box li:hover .icons{background:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}




.n-dian-box{ padding:30px 00px;display: flex; align-items: center; justify-content: space-between;}
.n-dian-box .left{width: 40%;}
.n-dian-box .left p{ font-size:20px; margin:25px 0px; line-height:1.5;}
.n-dian-box .left p span{ font-size:14px; display:block;}

.n-dian-box .right {
    width: 60%;
    position: relative;
    overflow: hidden;
    border-radius: 80px 6px 6px;
    cursor: pointer;
}





@media (max-width: 769px){
.n-ref-box li {
    float: left;
    width: 32.3333%;
    margin-left: 1%;
    text-align: center;
    padding: 15px 5px;
    -webkit-transition: .5s;
    transition: .5s;
}


.n-wus-box li {
    float: left;
    width: 49%;
    margin-left: 1%;
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
    background: #f2f2f2;
    -webkit-transition: .5s;
    transition: .5s;
}
.about-box-02 .box-s {
    justify-content: left;
}
.about-box-02 .main-cont{ display:flex; flex-wrap:wrap;}
.about-box-02 .box-w{ width:100%;position: relative; min-height: 1px;padding-right: 5px; padding-left:5px; margin-bottom:10px;}



.n-scene-box ul{ display: flex;margin-left: -1%; flex-wrap:wrap;}
.n-scene-box li{float:left;width:49%;margin-left: 1%; margin-bottom:10px;text-align:center;padding: 10px 10px;background:#f9f9f9;-webkit-transition:.5s;transition:.5s;}


.n-gong-box ul{ display: flex;margin-left: -1%;flex-wrap:wrap;}
.n-gong-box li{float:left;width:49%;margin-left: 1%;text-align:center;margin-bottom:10px;padding: 10px 10px;background:#f9f9f9;-webkit-transition:.5s;transition:.5s;}





.n-dian-box{ padding:30px 00px;display: flex; align-items: center; justify-content: space-between;flex-wrap:wrap;}
.n-dian-box .left{width: 100%;}
.n-dian-box .left p{ font-size:20px; margin:25px 0px; line-height:1.5;}
.n-dian-box .left p span{ font-size:14px; display:block;}

.n-dian-box .right {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 80px 6px 6px;
    cursor: pointer;
}


}





.planbox-sec7 {padding-bottom: 0;}
.planbox-sec7 .cont { width: 100%; position: relative;}
.planbox-sec7 .cont .planbox7_cont .item {width: 100%;}
.planbox-sec7 .cont .planbox7_cont .item .img { width: 100%; position: relative; top: 0;left: 0; height: 660px;}
@media (max-width: 767px) { .planbox-sec7 .cont .planbox7_cont .item .img { position: absolute;  top: 0;  left: 0; height: 100%;}}
.planbox-sec7 .cont .planbox7_cont .item .img img { width: 100%; height: 100%;object-fit: cover;}
.planbox-sec7 .cont .planbox7_cont .item .img:after { content: "";display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: #000;opacity: 0.3;}
.planbox-sec7 .cont .planbox7_cont .item .font { position: absolute; top:100px; left:calc(10% + 360px); z-index: 3; max-width: 900px; color: #fff; width: 100%;}
@media (max-width: 1199px) { 
 .planbox-sec7 .cont .planbox7_cont .item .font { width: 890px;}
}
@media (max-width: 991px) { 
 .planbox-sec7 .cont .planbox7_cont .item .font { width: 900px; }
}
@media (max-width: 767px) {
 .planbox-sec7 .cont .planbox7_cont .item .font { left: 0; padding: 30px 20px;width: 100%; top: 0%; position: relative;}
}
.planbox-sec7 .cont .planbox7_cont .item .font .tit { font-size:30px; margin-bottom: 26px;}
@media (max-width: 991px) {
  .planbox-sec7 .cont .planbox7_cont .item .font .tit {
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
  }
}
@media (max-width: 767px) {
  .planbox-sec7 .cont .planbox7_cont .item .font .tit {
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 576px) {
  .planbox-sec7 .cont .planbox7_cont .item .font .tit {
    margin-bottom: 0.6rem;
    font-size: 1.2rem;
  }
}
.planbox-sec7 .cont .planbox7_cont .item .font .text {font-size: 16px; font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #ffffff;opacity: 0.92;}
.planbox-sec7 .cont .planbox7_cont .item .font .text table td{ border:1px solid #fff; text-align:center; padding:5px 10px;}



@media (max-width: 1440px) {
  .planbox-sec7 .cont .planbox7_cont .item .font .text {
    font-size: 14px;
    line-height: 24px;
  }
}
.planbox-sec7 .cont .planbox7_cont .item .font .x-gg-a1 .x-gg-div {
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .planbox-sec7 .cont .planbox7_cont .item .font .x-gg-a1 .x-gg-div {
    margin-top: 22px;
  }
}
.planbox-sec7 .f_nav {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  display: flex;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(0, 0, 0, 0.35);
  width: 320px;
  left: 180px;
  padding: 80px 0;
}
@media (max-width: 1919px) {
  .planbox-sec7 .f_nav {
    left: 120px;
  }
}
@media (max-width: 991px) {
  .planbox-sec7 .f_nav {
    left: 20px;
  }
}
@media (max-width: 767px) {
  .planbox-sec7 .f_nav {
    display: none;
  }
}
.planbox-sec7 .f_nav .planbox7_nav {
  margin: 0;
  height: auto;
  width: 100%;
}
.planbox-sec7 .f_nav .planbox7_nav .swiper-wrapper {
  height: auto;
  align-items: flex-start;
}
.planbox-sec7 .f_nav .planbox7_nav .swiper-wrapper .swiper-slide {
  height: 100%;
}
.planbox-sec7 .f_nav .planbox7_nav .item {
  cursor: pointer;
  width: 100%;
  line-height: 56px;
  align-items: center;
  padding: 0 25px;
  color: #fff;
  font-size: 16px;
}
@media (max-width: 1440px) {
  .planbox-sec7 .f_nav .planbox7_nav .item {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .planbox-sec7 .f_nav .planbox7_nav .item {
    font-size: 14px;
    line-height: 70px;
  }
}
.planbox-sec7 .f_nav .planbox7_nav .item i {
  display: none;
  width: 40px;
  margin-right: 20px;
  overflow: hidden;
}

.planbox-sec7 .f_nav .planbox7_nav .item i img {
  float: left;
  width: 100%;
}
.planbox-sec7 .f_nav .planbox7_nav .swiper-slide-thumb-active .item {
  background: #036eb8;
}

/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;margin-top: 20px; padding-top:20px;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}

.innerprolist .right .bottom  .pagination li{width:auto;margin: 0px;border-radius: 0px;}
.innerprolist .right .bottom  .pagination li a{padding-bottom:0px;padding: 6px 12px;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #121385; border-color: #121385;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}






/***********视频***************/
.n_video_bg{position:relative; padding:80px 0px;}
.dsNone{display:none}
.dsBlock{display:block}

.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bgImg img{display:none!important;}
.mNoBgImg{background:none!important;}
.mNoBgImg img{display:inline-block;}
.overflowHide{overflow:hidden;position:relative;z-index:0}
.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}
.scaleImg:hover .bgImg{transform:scale(1.1);}
.scaleImg img{transition:all 0.5s ease;}
.scaleImg:hover img{ transform:scale(1.1);}
.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}

.hmc7item{ width:33.333%;padding:0 12px; margin-bottom:25px;}
.hmc7aBox.scaleImg .overflowHide { height: 310px; }
.hmc7aBox.scaleImg .overflowHide:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:2;}
.hmc7aBox.scaleImg .overflowHide i{ height: 80px; width: 80px; position: absolute; z-index: 3; transform: translate(-50%,-50%); top: 50%; left: 50%; background: url(../images/paly_i0.png) no-repeat center center; }
.hmc7aBox.scaleImg .overflowHide i:before{ content: ""; background: url(../images/paly_i1.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;  }
.hmc7aBox.scaleImg .overflowHide i:after{ content: ""; background: url(../images/paly_i2.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;}
.hmc7aBox.scaleImg:hover .overflowHide i:before{animation: rotate 1.8s linear infinite; }
.hmc7aBox.scaleImg:hover .overflowHide i:after{animation: rotate2 1.8s linear infinite;}
.hmc7aBox.scaleImg .overflowHide strong{ position:absolute; width:100%; left:0; bottom:0; text-align:center;color:#fff; font-size:16px; line-height:2;z-index:4;}


.mvlayerBg{ height: 100%; width: 100%; position: fixed; z-index: 82; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.8); }
.mvLayer {  width: 100%; transform:translateY(-50%); position: fixed; z-index: 85; left: 0px; top: 50%; }
.mvClose { background: url(../images/m2mvClose.png) no-repeat; height: 38px; width: 38px; position: absolute; top: -38px; right: 0; cursor: pointer; z-index: 5; }
.m2mvBox { width: 66%; height: 706px; position: relative; background: #000; margin:0 auto; }


#mPPmv{position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
}