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

.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;
}



@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%;
}

	 
}