body{margin:0;}
ul{list-style:none;padding:0;}
a{text-decoration:none;}

h2,h3,h4,h5,p{
	margin:0;
	padding:0;
}



/**/
.lzgta{
	position:relative;
	width:100%;
	overflow:hidden;
}
.lzgtaa{
	position:relative;
	width:100%;
	overflow:hidden;
}
.lzgtaa img{
	width:100%;
	display:block;
}
.lzgtab{
	position:absolute;
	width:100%;
	bottom:0%;
	left:0%;
	overflow:hidden;
}
.lzgtab img{
	width:100%;
	display:block;
}
.lzgtac{
	position:absolute;
	width:100%;
	left:0%;
	top:22%;
	overflow:hidden;
}
.lzgtacx{
	width:90%;
	max-width:1316px;
	margin:0 auto;
	overflow:hidden;
}
.lzgtacl{
	width:45%;
	float:left;
	overflow:hidden;
}
.lzgtacl h2{
	font-size:48px;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
}
.lzgtacl p{
	font-size:28px;
	line-height:1.2;
	color:#fff;
	margin-top:20px;
}
.ca20a{
	width:100%;
	overflow:hidden;
	margin-top:20px;
}
.ca20a ul li{
	width:14%;
	float:left;
	margin-right:5%;
	overflow:hidden;
}
.ca20a ul li img{
	width:100%;
	display:block;
}
.ca20a ul li p{
	width:100%;
	font-size:14px;
	line-height:1.6;
	color:#fff;
	text-align:center;
}
.ca20b{
	width:130px;
	text-align:center;
	line-height:44px;
	color:#1A97CF;
	font-size:15px;
	border:1px solid #1A97CF;
	border-radius:22px;
	margin-top:40px;
}

.lzgtacr{
	width:48%;
	float:right;
	overflow:hidden;
}
.lzgtacr img{
	width:100%;
	display:block;
}

.fave{
	width:100%;
	overflow:hidden;
	background:#000000;
}
.favetit{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:36px;
	line-height:1.2;
	margin-top:100px;
}

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

.favea ul li{
	width:50%;
	overflow:hidden;
	float:left;
	position:relative;
}
.qia{
	position:relative;
	overflow:hidden;
	background:#172030;
}
.ls{
	margin:0px 20px 20px 0px;
}
.rs{
	margin:0px 0px 20px 20px;
}
.lx{
	margin:20px 20px 0px 0px;
}
.rx{
	margin:20px 0px 0px 20px;
}
.qiaa{
	width:100%;
	overflow:hidden;
}
.qiaa img{
	width:100%;
	display:block;
}
.qiab{
	position:absolute;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	overflow:hidden;
}
.qiabx{
	margin:40px;
}
.qiabx h2{
	color:#fff;
	font-size:24px;
	line-height:1.2;
}
.qiabx h3{
	width:80px;
	height:2px;
	overflow:hidden;
	background:#1A97CF;
	margin-top:15px;
}
.qiabx p{
	width:50%;
	color:#fff;
	font-size:14px;
	line-height:1.8;
	margin-top:20px;
}

.vski{
	width:100%;
	overflow:hidden;
	background:#000000;
	padding-bottom:60px;
}
.vskix{
	width:100%;
	max-width:1316px;
	margin:0 auto;
	overflow:hidden;
	margin-top:120px;
}
.vskil{
	width:46%;
	float:left;
	overflow:hidden;
}
.vskila{
	width:100%;
	overflow:hidden;
	font-size:36px;
	color:#fff;
	line-height:1.2;
}
.vskilb{
	width:50px;
	overflow:hidden;
	height:2px;
	background:#1A97CF;
	margin-top:30px;
}
.vskilc{
	width:100%;
	overflow:hidden;
	margin-top:30px;
}

.vskilc table{
	width:100%;
}
.vskilc table tr{
	width:100%;
}

.vskilc table tr td{
	color:#DEE2E8;
	line-height:2;
	font-size:14px;
	padding:5px 10px;
	text-align:center;
	border:1px solid #494D55;
}
.vskilc table tr.xzgz td{
	padding:0px 10px;
	border:none;
}

.vskilc ul{
	width:100%;
	overflow:hidden;
	border-top:1px solid #494D55;
}
.vskilc ul li{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #494D55;
}
.bvva{
	position:relative;
	width:35%;
	float:left;
	overflow:hidden;
	color:#DEE2E8;
	line-height:60px;
	font-size:14px;
	text-indent:40px;
}
.bvva::before{
	content:"";
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	border:2px solid #1A97CF;
	left:0%;
	top:50%;
	margin-top:-5px;
}
.bvvb{
	position:relative;
	width:65%;
	float:left;
	overflow:hidden;
}
.bvvb p{
	position:relative;
	margin-left:2px;
	margin-right:0px;
	overflow:hidden;
	border-left:1px solid #494D55;
	color:#fff;
	font-size:15px;
	line-height:1;
	text-indent:40px;
	margin-top:22px;
}

.vskild{
    width: 130px;
    text-align: center;
    line-height: 44px;
    color: #1A97CF;
    font-size: 15px;
    border: 1px solid #1A97CF;
    border-radius: 22px;
    margin-top: 30px;
}
.vskild:hover{
    color: #fff;
	background:#1A97CF;
}
.ca20b:hover{
    color: #fff;
	background:#1A97CF;
}

.vskir{
	width:44%;
	float:right;
	overflow:hidden;
	}

.mska{
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:1;
}
.mskaa{
	position:relative;
	width:100%;
	overflow:hidden;
}
.lust{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:16px;
	background:#172030;
}
.lust img{
	width:100%;
	display:block;
}
.lust p{
	position:absolute;
	width:90%;
	left:8%;
	top:5%;
	overflow:hidden;
	color:#fff;
	font-size:20px;
	line-height:1.2;
}



.mskaa .swiper-container-horizontal>.swiper-pagination {
    bottom: 5%;
    width: 90%;
	left:8%;
}

.mskaa .swiper-pagination {
    text-align: left;
}

.mskaa .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 3px;
}

.mskaa .swiper-pagination-bullet {
    width:30px;
    height: 6px;
    display: inline-block;
    background: #c2c2c2;
    border-radius:3px;
    opacity: 1;
}

.mskaa .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width:30px;
	background: #c2c2c2;
	position:relative;
}

.mskaa .swiper-pagination-bullet-active::before{
    content:"";
	width:0px;
	height:6px;
	background:#1A97CF;
	border-radius:3px;
	display:block;
-webkit-animation:ggegr 5.0s linear 0s infinite;
}

@-webkit-keyframes ggegr{
	  0%{width:0px;}
     100%{width:30px;}
	 }

.mskab{
	position:absolute;
	width:90px;
	overflow:hidden;
	bottom:5%;
	right:8%;
	z-index:2;
}
.mskaba{
	position:relative;
	width:100%;
	overflow:hidden;
}
.mskabb{
	position:relative;
	width:100%;
	overflow:hidden;
	height:2px;
	background:#28394F;
    margin-top:5px;	
}
.mskabc{
	width:100%;
	overflow:hidden;
	color:#28394F;
	font-size:72px;
	line-height:1;
	font-weight:bold;
	margin-top:5px;		
}

.lues{
	width:100%;
	overflow:hidden;
	color:#28394F;
	font-size:72px;
	line-height:1;
	font-weight:bold;
	background:#172031;
}
.vzshu{
	width:100%;
	overflow:hidden;
	background:#000000;
}
.vzshua{
	width:100%;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	line-height:1.2;
	margin-top:100px;
	color:#fff;
}

.vzshub{
	width:100%;
	max-width:700px;
	margin:0 auto;
	margin-top:40px;
	overflow:hidden;
}

.vzshubl{
	width:45%;
	float:left;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:15px;
	line-height:45px;
	border:1px solid #1A97CF;
	border-radius:10px;
}
.vzshubr{
	width:45%;
	float:right;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:15px;
	line-height:45px;
	border:1px solid #1A97CF;
	border-radius:10px;
}
.bkn{
	position:relative;
	width:100%;
	overflow:hidden;
	background:url(../img/sdi.png);
	background-size:100%;
	background-position:bottom center;
}

.bknx{
	position:relative;
	width:100%;
	max-width:1600px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:150px;
}

.bknx img{
	width:100%;
	display:block;
}

.bknf{
	position:absolute;
	width:35%;
	overflow:hidden;
	bottom:150px;
	right:10%;
}

.bknf img{
	width:100%;
	display:block;
}

.bkna{
	position:absolute;
	width:14%;
	height:37%;
	overflow:hidden;
	top:20%;
	left:16%;
}

.bknb{
	position:absolute;
	width:14%;
	height:37%;
	overflow:hidden;
	top:9%;
	left:34%;
}

.bknc{
	position:absolute;
	width:14%;
	height:37%;
	overflow:hidden;
	top:25%;
	left:53%;
}
.bknd{
	position:absolute;
	width:14%;
	height:37%;
	overflow:hidden;
	top:18%;
	left:71%;
}


.gouk{
	position:relative;
	width:100%;
	height:5000px;
	background:#000;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    overflow: visible;
}

.goukh{
	background:#000;
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    width: 100%;
}


.gouk h2{
	position:relative;
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:36px;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	margin-top:40px;
}
.gouk p{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:100px;
	color:#8E9093;
	font-size:14px;
	line-height:1.2;
	text-align:center;
	margin-top:20px;
}

.gouka{
	width:100%;
	overflow:hidden;
	background:#000;
	padding-bottom:60px;
}
.goukas{
	width:100%;
	margin-top:100px;
}
.rksl{
	position:relative;
	width:100%;
	overflow:hidden;
}

.rksn11{
	position:relative;
	width:264.5%;
	margin-left:0%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn12{
	position:relative;
	width:264.5%;
	margin-left:-8.225%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn13{
	position:relative;
	width:264.5%;
	margin-left:-16.45%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn14{
	position:relative;
	width:264.5%;
	margin-left:-24.675%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn15{
	position:relative;
	width:264.5%;
	margin-left:-32.9%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn16{
	position:relative;
	width:264.5%;
	margin-left:-41.125%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn17{
	position:relative;
	width:264.5%;
	margin-left:-49.35%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn18{
	position:relative;
	width:264.5%;
	margin-left:-57.575%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn19{
	position:relative;
	width:264.5%;
	margin-left:-65.8%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn110{
	position:relative;
	width:264.5%;
	margin-left:-74.025%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn111{
	position:relative;
	width:264.5%;
	margin-left:-82.25%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn112{
	position:relative;
	width:264.5%;
	margin-left:-90.475%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn113{
	position:relative;
	width:264.5%;
	margin-left:-98.7%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn114{
	position:relative;
	width:264.5%;
	margin-left:-106.925%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn115{
	position:relative;
	width:264.5%;
	margin-left:-115.15%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn116{
	position:relative;
	width:264.5%;
	margin-left:-123.375%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn117{
	position:relative;
	width:264.5%;
	margin-left:-131.6%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn118{
	position:relative;
	width:264.5%;
	margin-left:-139.825%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn119{
	position:relative;
	width:264.5%;
	margin-left:-148.05%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn120{
	position:relative;
	width:264.5%;
	margin-left:-156.275%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn121{
	position:relative;
	width:264.5%;
	margin-left:-164.5%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
/**/


.rksn221{
	position:relative;
	width:264.5%;
	margin-left:0%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn220{
	position:relative;
	width:264.5%;
	margin-left:-8.225%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn219{
	position:relative;
	width:264.5%;
	margin-left:-16.45%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn218{
	position:relative;
	width:264.5%;
	margin-left:-24.675%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn217{
	position:relative;
	width:264.5%;
	margin-left:-32.9%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn216{
	position:relative;
	width:264.5%;
	margin-left:-41.125%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn215{
	position:relative;
	width:264.5%;
	margin-left:-49.35%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn214{
	position:relative;
	width:264.5%;
	margin-left:-57.575%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn213{
	position:relative;
	width:264.5%;
	margin-left:-65.8%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn212{
	position:relative;
	width:264.5%;
	margin-left:-74.025%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn211{
	position:relative;
	width:264.5%;
	margin-left:-82.25%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn210{
	position:relative;
	width:264.5%;
	margin-left:-90.475%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn29{
	position:relative;
	width:264.5%;
	margin-left:-98.7%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn28{
	position:relative;
	width:264.5%;
	margin-left:-106.925%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn27{
	position:relative;
	width:264.5%;
	margin-left:-115.15%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn26{
	position:relative;
	width:264.5%;
	margin-left:-123.375%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn25{
	position:relative;
	width:264.5%;
	margin-left:-131.6%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn24{
	position:relative;
	width:264.5%;
	margin-left:-139.825%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}

.rksn23{
	position:relative;
	width:264.5%;
	margin-left:-148.05%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn22{
	position:relative;
	width:264.5%;
	margin-left:-156.275%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
.rksn21{
	position:relative;
	width:264.5%;
	margin-left:-164.5%;
	overflow:hidden;
	margin-bottom:20px;
	transition: all 2s ease-out;
}
/**/






.rksnn{
	position:relative;
	width:100%;
	overflow:hidden;
}

.rksnn ul li{
	position:relative;
	width:12%;
	float:left;
	overflow:hidden;
	margin-left:0.444%;
	border-radius:24px;
}

.rksnn ul li img{
	width:100%;
	display:block;
}
.rksnn ul li p{
	position:absolute;
	width:100%;
	font-size:15px;
	left:0%;
	bottom:30px;
	text-indent:30px;
	text-align:left;
	color:#fff;
}





/**/
@media only screen and (max-width:1350px) {

.vskix {
    width:90%;
}

}

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

.vskil {
    width:90%;
	margin-left:5%;
}
.vskir {
    width: 90%;
	float:left;
	margin-left:5%;
	margin-top:40px;
}


.lzgtacl h2 {
    font-size:24px;
}
.lzgtacl p {
    font-size:16px;
}

.ca20a ul li p {
    font-size: 12px;
}

.ca20b {
    width: 130px;
    line-height:40px;
    font-size: 14px;
    border-radius: 20px;
    margin-top:30px;
}

.favea ul li {
    width:100%;
    overflow: hidden;
    float: left;
    position: relative;
}

.ls, .lx, .rs, .rx{margin:20px 0px 0px 0px;}

.rksnn ul li {
    border-radius:12px;
}

}

@media only screen and (max-width:800px) {
.ca20b {
    display:none;
}

.rksnn ul li {
    border-radius:10px;
}


}

@media only screen and (max-width:500px) {
.lzgtacl h2 {
    font-size: 15px;
}
.lzgtacl p {
    font-size: 12px;
}

.ca20a{
	display:none;
}
.favetit {
    font-size:24px;
    margin-top:60px;
}
.favea {
    margin-top:20px;
}

.qiabx {
    margin:20px;
}

.qiabx h2 {
    font-size:15px;
}
.qiabx h3 {
    width: 50px;
    margin-top: 10px;
}
.qiabx p {
    font-size: 12px;
	margin-top:10px;
}
.vskix {
    margin-top:60px;
}
.vskila {
    font-size:24px;
}

.lust p {
    font-size:15px;
}

.mskaa .swiper-pagination-bullet {
    width:20px;
    height: 4px;
    border-radius:2px;
}

.mskaa .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #c2c2c2;
	position:relative;
}

.mskaa .swiper-pagination-bullet-active::before{
    content:"";
	width:100%;
	height:4px;
	background:#1A97CF;
	border-radius:2px;
	display:block;
-webkit-animation:ggeg 5.0s linear 0s infinite;
}

@-webkit-keyframes ggeg{
	  0%{width:0px;}
     100%{width:20px;}
	 }

.lues {
    font-size:48px;
}
.mskabc {
    font-size:48px;
}
.mskab {
    width:58px;
}

.vzshua {
    font-size:24px;
    margin-top:60px;
}

.vzshub {
    width:90%;
}

.vzshubl {
    font-size:14px;
    line-height: 40px;
}
.vzshubr {
    font-size:14px;
    line-height: 40px;
}

.gouk h2 {
    font-size:24px;
}
.goukas {
    margin-top:40px;
}


.rksnn ul li {
    border-radius:6px;
}


}

.lsswp{
	position:relative;
	width:100%;
	overflow:hidden;
}
.lsswpx{
	position:relative;
	width:100%;
	overflow:hidden;
}


.lsswpx .swiper-container-horizontal>.swiper-pagination-bullets, .lsswpx .swiper-pagination-custom, .lsswpx .swiper-pagination-fraction {
    bottom: 30px;
    left: 0;
    width: 100%;
}




.lsswpx .swiper-pagination-bullet {
    width: 50px;
    height:3px;
    display: inline-block;
    background: #acacac;
    opacity: .4;
	border-radius:0px;
}
.lsswpx .swiper-pagination-bullet-active {
    opacity: 1;
    /*background: #007aff;*/
	background: #acacac;
}

.lsswpx .swiper-pagination-bullet-active::before{
    content:"";
	width:100%;
	height:3px;
	background:#007aff;
	display:block;
-webkit-animation:ggeg 5s linear 0s infinite;
}

@-webkit-keyframes ggeg{
	  0%{width:0px;}
     100%{width:50px;}
	 }




















	 
	 