@keyframes gage{
	  0% {width:0px; }
	  100% {width:100%; }
	}

	
.fadeIn{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;  animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; } 
@keyframes fadeIn {
	  0% {opacity:0;}
	  100% {opacity:1; }
	}

@keyframes openWidth {
	  0% {opacity:0; width:0%;}
	  100% {opacity:1; width:100%;  }
	}

	@keyframes openWidthT {
	  0% {font-size:0px;  width:0%;}
	  100% {font-size:16px;  width:100%;  }
	}


@keyframes openHeight {
	  0% {opacity:0; height:0%;}
	  100% {opacity:1; height:100%;  }
	}

@keyframes fadeIn {
	  0% {opacity:0;}
	  100% {opacity:1; }
	}


@keyframes imgScale {
	0%{transform: scale(1.3);}
	100%{transform:translateY(1);}
}

@keyframes grayscale {
	0%{ filter: grayscale(100%);  }
	100%{filter: grayscale(0%); }
}

@keyframes upDown {
	0%{transform:translateY(10px);}
	50%{transform:translateY(-20px);}
	100%{transform:translateY(10px);}
}

@media (min-width: 992px) {

 body { }

  .main {
		position:relative; 
		z-index: 1;
		word-break: keep-all;
	
	}

.container { padding-left:0px; padding-right:0px;  }
	.main-section01 { position:relative;  }
	.main-section01:after { clear:both; display:table; content:'';  }

	.main-section01 .main-rolling-img { position:absolute; top:0px; lefT:0px; width:100%; height:607px; z-index:-1px; border-bottom: 4px solid transparent;   border-image:linear-gradient(to right, #D62423 , #1B2A75);        border-image-slice: 1; }
	.main-section01 .main-rolling-img li  {width:100%; height:603px;   background-repeat:no-repeat; background-position:center center; z-index:0 !important;   }
	.main-section01 .container  {  min-height:603px; position:relative;  }
	/*.main-section01 .main-text { position:absolute; top:165px; left:50px;  color:#fff;  }*/
	.main-section01 .main-text {  padding-top:165px; padding-left:50px; height:603px;   color:#fff;  }
	.main-section01 .main-text .text {color:#fff; font-size:24px;  font-family: 'Paperozi'; font-weight:500; margin-bottom:40px;  }
	.main-section01 .main-text .text strong  {display:block; font-size:34px; font-weight:700; }
	.main-section01 .main-text .link  { }
	.main-section01 .main-text .link a  {border:1px solid #fff; padding:8px 15px; border-radius:10px; font-size:20px; color:#fff;  }
	.main-section01 .main-text .link a i   {  display:inline-block; margin-left:15px;   }
	.main-section01 .main-rolling-btn   { position:absolute; top:464px; left:50px;   }
	.main-section01 .main-rolling-btn:after   {clear:both; display:table; content:''; }
	.main-section01 .main-rolling-btn div { float:left; color:#fff; margin-right:5px;  }
	.main-section01 .main-rolling-btn div a {  display:inline-block; width:32px; height:32px; border-radius:100%; text-align:center;   background:rgba(0,0,0,0.5); line-height:32px;color:#fff;    }
	.main-section01 .main-rolling-btn div a i {  color:#fff; font-size:15px;   }
	.main-section01 .main-rolling-btn .btn-pager {font-size:15px;   background:rgba(0,0,0,0.5); line-height:32px;height:32px; border-radius:16px; padding:0 15px;  } 
	.main-section01 .main-rolling-btn .btn-pager strong {  font-weight:bold; color:#6BDCFF;  } 
	.main-section01 .main-rolling-btn .gagebar { margin-top:16px;  height:3px; width:86px; position:relative; border-radius:2px; background:rgba(255,255,255,0.5); }
	.main-section01 .main-rolling-btn .gagebar:after { position:absolute; top:0px; width:0px; left:0px;  height:100%; content:''; display:inline-block; background:#2AC4F4; border-radius:2px; }
	.main-section01 .main-rolling-btn .gagebar.active:after {width:100%; transition: all 7s; }
	.main-section01 .main-rolling-img li span { position:absolute; top:464px; color:#fff;  font-size:15px; left:50%; margin-left:-255px;  padding:0 20px;  background:rgba(0,0,0,0.5); line-height:32px;height:32px; border-radius:16px; }

	.main-section01 .service-wrap { padding:50px 18px 0 ; text-align:center;   position:absolute; top:0px;right:0px;  height:603px;  width:93px;  background-image: linear-gradient(to bottom, #D62423, #1B2A75);}
	.main-section01 .service-wrap h3 { color:#fff; font-size:19px; font-weight:700; font-family: 'Paperozi';  margin-bottom:25px; }
	.main-section01 .service-wrap .deapth1 { position:relative;  margin-bottom:25px; }
	.main-section01 .service-wrap .deapth1 a  { display:block; }
	.main-section01 .service-wrap .deapth1 a.active:after { position:absolute; top:50%;  left: -18px; margin-top: -20px; width:7.16px; height:8.28px; background:url(../images/main/angle_right.svg) no-repeat center center; content:''; display:inline-block;    }
	.main-section01 .service-wrap .deapth1 .icon  { width:57px; height:57px; border-radius:100%; border:1px solid rgba(255,255,255,0.5); margin-bottom:10px; color:#fff; font-size:23px; line-height:57px; }
	.main-section01 .service-wrap .deapth1 .text  { font-size:16px; color:#fff;  }
	.main-section01 .service-wrap .deapth1 a:hover .icon,
	.main-section01 .service-wrap .deapth1 a.active .icon  { background:#fff; color:#D52424;  }
	.main-section01 .service-wrap .deapth1 a:hover .text,
	.main-section01 .service-wrap .deapth1 a.active .text  {font-weight:bold; }
	.main-section01 .service-wrap .deapth2-wrap { display:none; position:absolute; top:110px; right:93px;width:260px; border-radius: 15px 0px 0px 15px;  background:rgba(255,255,255,0.7); padding:20px 10px;  }
	.main-section01 .service-wrap .deapth2-wrap#service2{ margin-top:20px; }
	.main-section01 .service-wrap .deapth2-wrap#service3{ margin-top:40px; }
	.main-section01 .service-wrap .deapth2-wrap#service4{ margin-top:60px; }
	.main-section01 .service-wrap .deapth2-wrap:after { clear:both; display:table; content:''; }
	.main-section01 .service-wrap .deapth2-wrap li { float:left; width:50%; padding:10px;  }
	.main-section01 .service-wrap .deapth2-wrap li a ,
	.main-section01 .service-wrap .deapth2-wrap li span { display:flex; width:100px;  color:#555; font-size:15px;  min-width:100px; padding:10px;   height:100px; background:#fff; border-radius:15px;  box-shadow: 0px 0px 7px #00000033;  align-items: center;    justify-content: center; }
	.main-section01 .service-wrap .deapth2-wrap li a:hover,
	.main-section01 .service-wrap .deapth2-wrap li span:hover{
		border:2px solid transparent ;
		border-radius:15px;
		background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#D52424, #1B2A75);
		background-origin:border-box; 
		background-clip:padding-box, border-box;
	}

	.statistics-wrap { float:left; width:calc(100% - 592px);   padding-top:51px; padding-right:54px;  }
	.statistics-wrap h3 { font-size:29px; color:#333; font-weight:700;   margin-bottom:25px;  }
	.statistics-wrap .statistics-tab { margin-bottom:30px;   }
	.statistics-wrap .statistics-tab:after { clear:both; display:table; content:'';   }
	.statistics-wrap .statistics-tab li  { float:left;  margin-right:15px;  }
	.statistics-wrap .statistics-tab li a  {display:block; position:relative;  height:35px; padding:0 10px; line-height:35px; color:#555; font-size:17px; font-weight:bold;   border-radius:10px; }
	.statistics-wrap .statistics-tab li a.active  {color:#fff; background:#1D1D1D; }
	.statistics-wrap .statistics-tab li a.active:after { position:absolute; top:35px; left:50%; margin-left:-4px; width:8px; height:7px; content:''; display:block;  border-top: 7px solid #1D1D1D;    border-left: 4px solid transparent;    border-right: 4px solid transparent; }
	.statistics-wrap .graph-wrap { display:none;  width:100%;  height:309px;/* overflow:auto;*/ }
	.statistics-wrap .graph-wrap .graph { height:100%;  }
	.statistics-wrap .graph-wrap .graph p { height:100%;  }
	.statistics-wrap .graph-wrap canvas {  width:100% !important; height:100% !important ; max-height:100% !important; max-width:100% !important;   min-width: 100% !important	;  }
	.statistics-wrap .graph-wrap#statistics1 { display:block; }

	.main-section01 .quick-link { 
		float:left; 
		width:592px; 
		height:361px; 
		margin-top:120px; 
		border:4px solid transparent ;
		border-radius:26px;
		background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#D52424, #1B2A75);
		background-origin:border-box; 
		background-clip:padding-box, border-box;
		background-color:#fff; 
		z-index:10; 
	}
	.main-section01 .quick-link ul { padding:20px; }
	.main-section01 .quick-link ul:after { clear:both; display:table; content:'';  }
	.main-section01 .quick-link ul li  { floaT:left; width:33.333%; text-align:center;    padding: 20px 0;}
	.main-section01 .quick-link ul li a {  display:block;  }
	.main-section01 .quick-link ul li .logo { margin-bottom:5px; }
	.main-section01 .quick-link ul li .text { font-size:17px; color:#555;  line-height:1.2; }

	.main-section02 {		padding-top: 175px;		padding-bottom: 81px;	}
	.main-section02 .container { position:relative;  }
	.main-section02 h3 { font-weight: 700; font-size:29px;  color: #1D1D1D; margin-bottom:25px; }
	.main-section02 ul { margin:0 -20px;  }
	.main-section02 ul:after { clear:Both; display: table; content: ''; }
	.main-section02 ul li { float:left; width:25%;  padding:0 20px; }
	.main-section02 ul li a { display:block; }
	.main-section02 ul li .img { border-radius:15px;  margin-bottom:18px;  width:100%; padding-top:56%; backgrond-repeat:no-repeat; background-size:cover; background-position:center center;  }
	.main-section02 ul li .text { font-size:19px; color:#1D1D1D; }
	.main-section02 .more { position:absolute; top:0px; right:0px;  }
	.main-section02 .more a { display:inline-block; width:32px; height:32px; border-radius:100%; text-align:center;   background:#fff; line-height:32px;color:#1D1D1D;  border:1px solid #DBDBDB;    }



}/*media (min-width: 992px)*/




@media (min-width: 1600px) {
	.main-section01 .main-rolling-img {  height:690px;}
	.main-section01 .main-rolling-img li  { height:686px;      }
	.main-section01 .main-rolling-img li span {  margin-left:-385px; } 
	.main-section01 .container  {  min-height:686px;  }
	.main-section01 .main-text {  height:686px;   }
	.main-section01:after { position:absolute; top:0px; right:0px; width:calc(50% - 290px); height:100%;   background: rgba(255, 255, 255, 0.6);    backdrop-filter: blur(10px);   -webkit-backdrop-filter: blur(10px);    content:''; display:block; }
	.main-section01 .service-wrap { right:50%; margin-right:-290px; }
	.statistics-wrap {  position:absolute; top:0px; left:50%; margin-left:290px;z-index:10; width:calc(50% - 290px);  float:none;   padding:90px 0 0 50px;}

	.main-section01 .quick-link { 
		position:absolute; 
		bottom:-84px; left:0px;
		width:100%; height:168px;
		border:4px solid transparent ;
		border-radius:26px;
		background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#D52424, #1B2A75);
		background-origin:border-box; 
		background-clip:padding-box, border-box;
		background-color:#fff; 
		z-index:10; 
		float:none; 
		margin:0px; 
	}
.main-section01 .quick-link ul li  { width:16.666%;  padding:0px;  }






}/*media (min-width: 1820px) */







@media (min-width: 992px) and (max-width: 1199px) {

	.main-section01 .main-rolling-img li span {  margin-left:-165px; }
	.statistics-wrap { width:calc(100% - 488px);   padding-right:35px;  }
	.statistics-wrap h3 { font-size:25px;  }
	.statistics-wrap .graph-wrap {  height:240px;  }


	.main-section01 .quick-link { 
		width:488px; 
		height:290px; 
	}


	.main-section01 .quick-link ul { padding:0px 10px; }
	.main-section01 .quick-link ul li  {  padding: 15px 0;}
	.main-section01 .quick-link ul li .logo img { width:139px;  }
	.main-section01 .quick-link ul li .text { font-size:15px; color:#555; }





}/*media (min-width: 992px) and (max-width: 1199px)*/





@media (max-width: 991px) {

	.main {
		z-index: 1;
		word-break: keep-all;

	  }
	  .main a {
		color: #222;
	  }


  	.main .container { padding:0px; max-width:100%;   }



	.main-section01 { position:relative;  }
	.main-section01:after { clear:both; display:table; content:'';  }
	

	.main-section01 .main-rolling-img { position:absolute; top:0px; lefT:0px; width:100%; height:433px; z-index:-1px;  }
	.main-section01 .main-rolling-img li  {width:100%; height:433px;   background-repeat:no-repeat; background-position:center center; z-index:0 !important;   }
	.main-section01 .container  {   position:relative;  }
	/*.main-section01 .main-text { position:absolute; top:165px; left:50px;  color:#fff;  }*/
	.main-section01 .main-text {  padding-top:77px; padding-left:15px; height:433px;   color:#fff;  }
	.main-section01 .main-text .text {color:#fff; font-size:22px;  font-family: 'Paperozi'; font-weight:500; margin-bottom:40px;  }
	.main-section01 .main-text .text strong  {display:block; font-size:34px; font-weight:700; }
	.main-section01 .main-text .link  { }
	.main-section01 .main-text .link a  {border:1px solid #fff; padding:8px 15px; border-radius:10px; font-size:20px; color:#fff;  }
	.main-section01 .main-text .link a i   {  display:inline-block; margin-left:15px;   }
	.main-section01 .main-rolling-btn   { position:absolute; top:345px; left:15px;   }
	.main-section01 .main-rolling-btn:after   {clear:both; display:table; content:''; }
	.main-section01 .main-rolling-btn div { float:left; color:#fff; margin-right:5px;  }
	.main-section01 .main-rolling-btn div a {  display:inline-block; width:32px; height:32px; border-radius:100%; text-align:center;   background:rgba(0,0,0,0.5); line-height:32px;color:#fff;    }
	.main-section01 .main-rolling-btn div a i {  color:#fff; font-size:15px;   }
	.main-section01 .main-rolling-btn .btn-pager {font-size:15px;   background:rgba(0,0,0,0.5); line-height:32px;height:32px; border-radius:16px; padding:0 15px;  } 
	.main-section01 .main-rolling-btn .btn-pager strong {  font-weight:bold; color:#6BDCFF;  } 
	.main-section01 .main-rolling-btn .gagebar { margin-top:16px;  height:3px; width:86px; position:relative; border-radius:2px; background:rgba(255,255,255,0.5); }
	.main-section01 .main-rolling-btn .gagebar:after { position:absolute; top:0px; width:0px; left:0px;  height:100%; content:''; display:inline-block; background:#2AC4F4; border-radius:2px; }
	.main-section01 .main-rolling-btn .gagebar.active:after {width:100%; transition: all 7s; }
	.main-section01 .main-rolling-img li span { position:absolute; top:384px; color:#fff;  font-size:15px;right:15px; padding:0 20px;  background:rgba(0,0,0,0.5); line-height:32px;height:32px; border-radius:16px; }

	.main-section01 .service-wrap { position:relative;background-image: linear-gradient(to right, #D62423, #1B2A75);  padding:20px 15px ;  }
	.main-section01 .service-wrap h3 { color:#fff; font-size:17px; font-weight:700; font-family: 'Paperozi';  margin-bottom:15px;  }
	.main-section01 .service-wrap .deapth1-wrap { text-align:center;  }
	.main-section01 .service-wrap .deapth1-wrap:after { clear:both; display:table; content:'';    }
	.main-section01 .service-wrap .deapth1 { position:relative;  float:left; width:25%; }
	.main-section01 .service-wrap .deapth1 a  { display:block; }
	.main-section01 .service-wrap .deapth1 a.active:after { position:absolute;bottom:-20px;  left: 50%; margin-left: -4.14px; width:8.28px; height:7.16px; background:url(../images/main/angle_up.svg) no-repeat center center; content:''; display:inline-block;    }
	.main-section01 .service-wrap .deapth1 .icon  { width:57px; height:57px;  margin:0 auto; border-radius:100%; border:1px solid rgba(255,255,255,0.5); margin-bottom:10px; color:#fff; font-size:23px; line-height:57px; }
	.main-section01 .service-wrap .deapth1 .text  { font-size:16px; color:#fff;  }
	.main-section01 .service-wrap .deapth1 a:hover .icon,
	.main-section01 .service-wrap .deapth1 a.active .icon  { background:#fff; color:#D52424;  }
	.main-section01 .service-wrap .deapth1 a:hover .text,
	.main-section01 .service-wrap .deapth1 a.active .text  {font-weight:bold; }
	.main-section01 .service-wrap .deapth2-wrap { display:none; position:absolute; background:#fff;top:166px; left:0px; width:100%;    padding:20px 10px;    z-index:10;  }
	.main-section01 .service-wrap .deapth2-wrap:after { clear:both; display:table; content:''; }
	.main-section01 .service-wrap .deapth2-wrap li { float:left; width:33.333%; padding:6px;  }
	.main-section01 .service-wrap .deapth2-wrap li a,
	.main-section01 .service-wrap .deapth2-wrap li span { display:table-cell; vertical-align:middle; text-align:center;  width:500px;  color:#555; font-size:15px;  min-width:100px; padding:10px;   height:100px; background:#fff; border-radius:15px;  box-shadow: 0px 0px 7px #00000033;   }
	.main-section01 .service-wrap .deapth2-wrap li a:hover,
	.main-section01 .service-wrap .deapth2-wrap li span:hover{
		border:2px solid transparent ;
		border-radius:15px;
		background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#D52424, #1B2A75);
		background-origin:border-box; 
		background-clip:padding-box, border-box;
	}

	.statistics-wrap {   padding:51px 15px 0 ; }
	.statistics-wrap h3 { font-size:25px; color:#333; font-weight:700;   margin-bottom:20px;  }
	.statistics-wrap .statistics-tab { margin-bottom:30px;   }
	.statistics-wrap .statistics-tab:after { clear:both; display:table; content:'';   }
	.statistics-wrap .statistics-tab li  { float:left;  margin-right:15px;  }
	.statistics-wrap .statistics-tab li a  {display:block; position:relative;  height:35px; padding:0 10px; line-height:35px; color:#555; font-size:17px; font-weight:bold;   border-radius:10px; }
	.statistics-wrap .statistics-tab li a.active  {color:#fff; background:#1D1D1D; }
	.statistics-wrap .statistics-tab li a.active:after { position:absolute; top:35px; left:50%; margin-left:-4px; width:8px; height:7px; content:''; display:block;  border-top: 7px solid #1D1D1D;    border-left: 4px solid transparent;    border-right: 4px solid transparent; }
	.statistics-wrap .graph-wrap { display:none;  width:100%; overflow:auto; }
	.statistics-wrap .graph-wrap#statistics1 { display:block; }

	.main-section01 .quick-link { 
		margin-left:15px; margin-right:15px; 
		width:calc(100% - 30px); 
		margin-top:55px; 
		border:4px solid transparent ;
		border-radius:26px;
		background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#D52424, #1B2A75);
		background-origin:border-box; 
		background-clip:padding-box, border-box;
		background-color:#fff; 
		z-index:10; 
	}
	.main-section01 .quick-link ul { padding:10px;   }
	.main-section01 .quick-link ul:after { clear:both; display:table; content:'';  }
	.main-section01 .quick-link ul li  { floaT:left; width:33.333%; text-align:center;    padding: 15px 5px;}
	.main-section01 .quick-link ul li a {  display:block;  }
	.main-section01 .quick-link ul li .logo { margin-bottom:10px; }
	.main-section01 .quick-link ul li .logo img { width:100%; }
	.main-section01 .quick-link ul li .text { font-size:15px; color:#555; }



	.main-section02 { padding:45px 15px; }
	.main-section02 .container {}

	.main-section04 .event-wrap  .event-btn .more  { margin-left:5px;  floaT:left; }
	.main-section04 .event-wrap  .event-btn .more a { display:inline-block; width:32px; height:32px; border-radius:100%; text-align:center;   background:#fff; line-height:32px;color:#1D1D1D;  border:1px solid #DBDBDB;    }





}/* media (max-width: 991px) */