h2,h3,h4,h5,p{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
.dise{
	width:100%;
	overflow:hidden;
	background: #F8FAFC;
	padding-bottom:60px;
}

.coban{
	position:relative;
	width:100%;
	overflow:hidden;
}
.cobana{
	position:relative;
	width:100%;
	overflow:hidden;
}
.cobana img{
	width:100%;
	display:block;
}

.cobanb{
	position:absolute;
	width:100%;
	left:0%;
	top:35%;
	overflow:hidden;
}
.cobanb h2{
	width:100%;
	text-align:center;
	font-size:36px;
	line-height:1.2;
	color:#fff;
	overflow:hidden;
}

.cobanb p{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	line-height:2;
	color:#fff;
	margin-top:20px;
	overflow:hidden;
}

.cobanb p a{
	color:#f2f3f7;
}
.cobanb p a:hover{
	color:#1A97CF;
}




.cobanc{
	position:absolute;
	width:100%;
	left:0%;
	bottom:20px;
	overflow:hidden;
}
.cobanc p{
	width:90%;
	max-width:1316px;
	margin:0 auto;
	font-size:14px;
	line-height:1.8;
	color:#fff;
	opacity:0.6;
	overflow:hidden;
}
.cobanc p a{
	color:#fff;
}
.leff{
	width:90%;
	max-width:1316px;
	margin:0 auto;
	overflow:hidden;
}

.lefft{
	width:100%;
	overflow:hidden;
	margin-top:80px;
}

.lefft h2{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:32px;
	line-height:1.2;
	font-weight:bold;
	color:#333;
}

.lefq{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:80px;
}
.lefqq{
	position:absolute;
	width:100%;
	left:100%;
	top:100%;
	overflow:hidden;
	opacity:0;
	transition: all 0.3s ease-out;
}

.lefqq.oub{
	position:relative;
	width:100%;
	left:0%;
	top:0%;
	opacity:1;
	transition: all 0.3s ease-out;
}


.lefql{
	width:15%;
	float:left;
	overflow:hidden;
}
.lefql h2{
	width:100%;
	font-size:32px;
	line-height:1.5;
	color:#333;
	overflow:hidden;
}
.lefql p{
	width:100%;
	font-size:14px;
	line-height:1.8;
	color:#454545;
	overflow:hidden;
	margin-top:20px;
}

.lefqr{
	width:76%;
	float:right;
	overflow:hidden;
	border-radius:12px;
}
.lefqr img{
	width:100%;
	display:block;
    transform:scale(1.0);
	transition:all 0.7s ease-out;
}
.lefqr:hover img{
    transform:scale(1.05);
	transition:all 0.7s ease-out;
}

.lefk{
	width:100%;
	overflow:hidden;
	margin-top:40px;
}

.lefkk{
	position:relative;
	width:16%;
	margin-left:5%;
	overflow:hidden;
	float:left;
	font-size:24px;
	line-height:40px;
	color:#454545;
	cursor:pointer;
	padding-bottom:10px;
	font-weight:bold;
}

.lefkk.cokk{
	color:#1A97CF;
}

.lefkk::before{
	content:"";
	position:absolute;
	left:0%;
	bottom:0%;
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #DEE2E8;
}

.lefkk::after{
	content:"";
	position:absolute;
	left:0%;
	bottom:0%;
	overflow:hidden;
	width:0%;
	border-bottom:1px solid #1A97CF;
	transition: all 0.7s ease-out;
}
.lefkk.cokk::after{
	width:100%;
	transition: all 0.7s ease-out;
}



.lefkk.rok1{
	margin-left:0%;
}



.lanq{
	width:90%;
	max-width:1316px;
	margin:0 auto;
	overflow:hidden;
}

.lanqt{
	width:100%;
	overflow:hidden;
	margin-top:100px;
	text-align:center;
	font-size:32px;
	line-height:1.2;
	font-weight:bold;
	color:#333;
}
.lanqq{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:80px;
}

.lanql{
	position:relative;
	width:15%;
	float:left;
	overflow:hidden;
}
.lanqlq{
	position:absolute;
	top:0%;
	left:0%;
	margin-top:130px;
	width:100%;
	overflow:hidden;
	opacity:0;
	transition: all 0.3s ease-out;
}
.lanqlq.pbu{
	position:relative;
	opacity:1;
	transition: all 0.3s ease-out;
}



.lanqlq h2{
	width:100%;
	font-size:32px;
	line-height:1.5;
	color:#333;
	overflow:hidden;
}
.lanqlq p{
	width:100%;
	font-size:14px;
	line-height:1.8;
	color:#454545;
	overflow:hidden;
	margin-top:20px;
}


.lanqf ul li.piu .shuana{
	 -webkit-animation:kme 1.5s linear 0s infinite;
}
.lanqf ul li.piu .shuanb{
	 -webkit-animation:kme 2s linear 0s infinite;
}
.lanqf ul li.piu .shuanc{
	 -webkit-animation:kme 2.5s linear 0s infinite;
}

@-webkit-keyframes kme{
	 0%{opacity:0.5;}
	 50%{opacity:0.2;}
	 100%{opacity:0.5;}
	 }












.lanqr{
	position:relative;
	width:76%;
	float:right;
	overflow:hidden;
	border-radius:20px;
	border-bottom-right-radius:0px;
}
.lanqrp{
	position:absolute;
	width:100%;
	left:0%;
	top:0%;
	overflow:hidden;
	opacity:0;
	transition: all 0.3s ease-out;
}
.lanqrp img{
	width:100%;
	display:block;
}
.lanqrp.vtr{
	position:relative;
	left:0%;
	top:0%;
	opacity:1;
	transition: all 0.3s ease-out;
}

.lanqf{
	position:absolute;
	width:100%;
	height:100%;
	left:0%;
	top:0%;
	overflow:hidden;
}
.lanqf ul{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.lanqf ul li{
	position:relative;
	width:25%;
	float:left;
	height:100%;
	overflow:hidden;
	cursor:pointer;
}

.lanqf ul li.piu{
	background:rgb(26,151,207,0.4);
}

.lanqf ul li::before{
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	left:0%;
	top:0%;
	background:#fff;
	overflow:hidden;
}

.shuan{
	position:absolute;
	overflow:hidden;
	left:50%;
	top:35%;
	width:58px;
	height:58px;
	margin-left:-29px;
}
.shuana{
	position:relative;
	width:56px;
	height:56px;
	border:1px solid #fff;
	border-radius:28px;
	overflow:hidden;
	opacity:0.3;
}
.shuanb{
	position:relative;
	width:38px;
	height:38px;
	margin-top:-48px;
	margin-left:9px;
	border:1px solid #fff;
	border-radius:21px;
	overflow:hidden;
	opacity:0.5;
}
.shuanc{
	position:relative;
	width:16px;
	height:16px;
	margin-top:-28px;
	margin-left:20.5px;
	border-radius:8px;
	background:#fff;
	overflow:hidden;
	opacity:0.7;
}

.yog{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:40px;
}
.yogf{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0%;
	top:10%;
}
.yogf h2{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:32px;
	line-height:1.2;
	color:#333;
}

.yogf p{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	line-height:1.8;
	color:#333;
	margin-top:20px;
}

.yog img{
	width:100%;
	display:block;
	margin-top:-100px;
}

.sgeh{
	width:100%;
	max-width:1316px;
	margin:0 auto;
	overflow:hidden;
}
.sgeha{
	width:100%;
	overflow:hidden;
	margin-top:100px;
}

.sgeha h2{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:32px;
	line-height:1.2;
	color:#333;
}

.sgeha p{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	line-height:1.8;
	color:#333;
	margin-top:20px;
}

.sgehb{
	width:100%;
	overflow:hidden;
	margin-top:60px;
}
.sgehbl{
	width:48%;
	float:left;
	overflow:hidden;
	background:#fff;
	border-radius:16px;
}
.sgehbx{
	margin:40px;
	overflow:hidden;
}
.sgbar{
	position:relative;
	width:70%;
	float:right;
	overflow:hidden;
	border-radius:16px;
}
.sgbar img{
	width:100%;
	display:block;
	transform:scale(1.0);
	transition:all 0.7s ease-out;
}

.sgbar:hover img{
    transform:scale(1.05);
	transition:all 0.7s ease-out;
}


.sgbal{
	position:relative;
	width:36%;
	margin-right:-6%;
	float:right;
}

.sgbal h2{
	width:100%;
	color:#333;
	font-size:24px;
	line-height:1;
}
.sgbal p{
	width:100%;
	color:#454545;
	font-size:14px;
	line-height:1.8;
	background:rgb(255,255,255,0.92);
	padding:20px 20px 20px 0;
	margin-top:40px;
}

.sgehbr{
	width:48%;
	float:right;
	overflow:hidden;
	background:#fff;
	border-radius:12px;
}


.sgbbl{
	position:relative;
	width:70%;
	float:left;
	overflow:hidden;
	border-radius:12px;
}
.sgbbl img{
	width:100%;
	display:block;
    transform:scale(1.0);
	transition:all 0.7s ease-out;
}

.sgbbl:hover img{
    transform:scale(1.05);
	transition:all 0.7s ease-out;
}


.sgbbr{
	position:relative;
	width:36%;
	margin-left:-6%;
	float:left;
}

.sgbbr h2{
	width:100%;
	color:#333;
	font-size:24px;
	line-height:1;
	text-align:right;
}
.sgbbr p{
	width:100%;
	color:#454545;
	font-size:14px;
	line-height:1.8;
	background:rgb(255,255,255,0.92);
	padding:20px 0px 20px 20px;
	margin-top:40px;
	margin-left:-20px;
}

.tola{
	position:relative;
	width:100%;
	max-width:1316px;
	margin:0 auto;
	margin-top:60px;
}



#kolon{
	width:2600px;
	overflow:hidden;
}
.kbt1{
	margin-left:0px;
	transition: all 0.3s ease-out;
}
.kbt2{
	margin-left:-500px;
	transition: all 0.3s ease-out;
}
.kbt3{
	margin-left:-1000px;
	transition: all 0.3s ease-out;
}
.kbt4{
	margin-left:-1500px;
	transition: all 0.3s ease-out;
}





#kolon ul li{
	position:relative;
	width:380px;
	margin-right:30px;
	float:left;
	overflow:hidden;
	border-radius:12px;
}

#kolon ul li:first-child{
	margin-left:0%;
}

#kolon ul li img{
	width:100%;
	display:block;
    transform:scale(1.0);
	transition:all 0.7s ease-out;
}
#kolon ul li:hover img{
    transform:scale(1.05);
	transition:all 0.7s ease-out;
}


#kolon ul li p{
	position:absolute;
	width:100%;
	left:0%;
	top:0%;
	overflow:hidden;
	font-size:15px;
	line-height:60px;
	color:#fff;
	text-indent:30px;
}

.zkonl{
	position:absolute;
	left:20%;
	top:50%;
	margin-top:-30px;
	width:60px;
	height:60px;
	font-size:48px;
	line-height:55px;
	text-indent:9px;
	color:#fff;
	background:#999;
	border-radius:30px;
	opacity:0.8;
	cursor:pointer;
	z-index:1;
}

.zkonl.aa1{
	display:none;
}


.zkonr{
	position:absolute;
	right:20%;
	top:50%;
	margin-top:-30px;
	width:60px;
	height:60px;
	font-size:48px;
	line-height:55px;
	text-indent:12px;
	color:#fff;
	background:#999;
	border-radius:30px;
	opacity:0.8;
	cursor:pointer;
	z-index:1;
}
.zkonr.bb3{
	display:none;
}

.zkonr:hover, .zkonl:hover{
	background:#1A97CF;
}




.hazi{
	position:absolute;
	width:100%;
	top:50%;
	text-align:Center;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	line-height:2;
}

.udrg{
	position:relative;
	width:100%;
	overflow:hidden;
	letter-spacing:0.15em;
	padding-bottom:140px;
}



.udrgf{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(/nnyy/img/fzydbg.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment:fixed;
    z-index:1;	
}

.udrgfa{
	position:relative;
	z-index:2;
}

.udrgfaa{
	width:100%;
	margin-top:140px;
}
.udrgfaa h2{
	text-align:center;
	font-size:36px;
	color:#fff;
	font-weight:bold;
}
.udrgfaa p{
	text-align:center;
	font-size:18px;
	color:#fff;
	margin-top:30px;
}

.udrgfab{
	position:relative;
	width:90%;
	max-width:750px;
	margin:0 auto;
	margin-top:100px;
	background:rgb(255,255,255,0.9);
	overflow:hidden;
	border-radius:10px;
}


.udrgfab::before{
	content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    background: #C1C7CC;
    left:38%;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}



.udrgfaba{
	position:relative;
	width:38%;
	overflow:hidden;
}

.udrgfabb{
	position:absolute;
	width:62%;
	height:100%;
	right:0%;
	top:0%;
	float:right;
	overflow:hidden;
}
.udrgfabbn{
	position:relative;
	width:80%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}


.udrgfabbna{
	position:absolute;
	width:100%;
	left:0%;
	top:10%;
	overflow:hidden;
	z-index:2;
}

.udrgfabbna p{
	color:#8E9093 ;
	font-size:20px;
}
.udrgfabbna h2{
	color:#030813;
	font-size:24px;
	margin-top:20px;
	font-weight:bold;
}

.udrgfabbnb{
	position:absolute;
	width:100%;
	left:0%;
	bottom:10%;
	overflow:hidden;
	z-index:2;
	display:flex;
	gap:40px; 
}
.udrgfabbnba{
	position:relative;
	text-indent:26px;
	line-height:2;
}


.udrgfabbnba::before{
	content:"";
	position:absolute;
	width:24px;
	height:24px;
	background:url(/nnyy/img/vbgnn.webp)no-repeat  center center / cover;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}




.udrgfabbnba a{
	font-size:18px;
	color:#8E9093;
}
.udrgfabbnba a:hover{
	color:rgb(0,126,196,1);
}

















@media screen and (max-width:1316px){

.lanql {
    width:100%;
}

.lanqlq {
    position:relative;
    top:0%;
    left: 0%;
    margin-top:20px;
    width: 100%;
    opacity: 1;
}

.lanqlq h2 {
    font-size:24px;
}

.lanqlq p {
    margin-top:10px;
}

.lanqr {
    width:100%;
	margin-top:40px;
}
.lanqf{
	display:none;
}


	 
}

@media screen and (max-width:796px){

.cobanb {
    top:30%;
}
.cobanb h2 {
    font-size:18px;
}
.cobanb p {
   display:none;
}

.cobanc{
   display:none;
}
.lefft {
    margin-top:40px;
}
.lefft h2 {
    font-size:24px;
}
.lefq {
    margin-top:40px;
}
.lefql {
    width:100%;
}
.lefql h2 {
    font-size:20px;
}

.lefqr {
    width:100%;
    margin-top:20px;
}

.lefkk {
    font-size: 14px;
	line-height:1.8;
}


.lanqq {
    margin-top:40px;
}
.lanqt {
    font-size:24px;
}

.lanqlq h2 {
    font-size: 20px;
}
.yog img {
    margin-top:0px;
}

.yogf{
    position:relative;
	width:90%;
	margin-left:5%;
	margin-top:20px;
    left: 0%;
    top: 0%;
}

.yogf h2 {
    font-size:20px;
}
.sgeha {
    margin-top:60px;
}
.sgeha h2 {
    font-size:24px;
}

.sgehbl {
    width:100%;
}
.sgehbr {
    width:100%;
    margin-top:20px;
}
.sgbal {
    width:100%;
    margin-right:0%;
	margin-top:20px;	
}
.sgbar {
    width:100%;
}

.sgbal h2 {
    font-size:18px;
}

.sgbal p {
    font-size: 14px;
    line-height: 1.8;
    padding:0;
    margin-top:10px;
}

.sgbbl{
    width:100%;
}

.sgbbr {
    width:100%;
    margin-left:0%;
	margin-top:20px;	
}

.sgbbr h2 {
    font-size:18px;
	text-align:left;
}

.sgbbr p {
    font-size: 14px;
    line-height: 1.8;
    padding:0;
    margin-top:10px;
	margin-left:0px;
}

.zkonl, .zkonr{
	display:none;
}

#kolon {
    width:100%;
}
#kolon ul{
    width:104%;
	margin-left:-2%;
}
#kolon ul li{
    width:47%;
	float:left;
	margin-left:2%;
	margin-right:auto;
	margin-top:10px;
}
#kolon ul li:first-child {
    margin-left:2%;
}

	 
}