@import url('https://fonts.googleapis.com/css?family=Raleway');
#banner .slick-slide{position:relative;overflow:hidden}
#banner .slick-slide >a{display:block;position:relative;background-repeat:no-repeat;background-position: 50% 50%;background-size:cover;overflow:hidden;}
.slick-slide a img{width:100%;/* height: 100vh; */}
.slick-slide video,.slick-slide iframe,.slick-slide canvas{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.4);z-index:2}
.slick-slide video,.slick-slide canvas{width:auto;transform:scale(1.4)}
#banner .slick-slide .art{position:absolute;z-index:3;width:500px;top:calc(50% - 150px);left: 90px;display: none;}
#banner .slick-slide .art2{position:absolute;z-index:3;width: 450px;top: calc(50% - 186px);left: 245px;background: #ffffff9c;padding: 20px;border-radius: 15px;}
#banner .slick-slide .art2 ul li b1{
	font-size: 20px;
	line-height:120%;
	font-weight: 600;
	color: #17181d;
	margin-right: 10px;
}
#banner .slick-slide .art2 ul li{
    display: flex;
    margin: 10px 0;
    align-items: center;
    justify-content: space-between;
}
#banner .slick-slide .art2 h3{
	letter-spacing: 0.24em;
	margin-bottom: 2px;
	margin-left: 4px;
	font-size: 27px;
	color: #4b4d57;
}
#banner .slick-slide .art2 h4{
	letter-spacing: 0.39em;
	font-size: 20px;
	margin-top: 2px;
	margin-left: 4px;
	color: #3d465994;
	font-weight: 100;
}
#banner .slick-slide .art2 h2{
	color: #bd3738;
	font-size: 54px;
	font-weight: 900;
}
#banner .slick-slide .art2 ul{
	width: 95%;
	padding-top: 15px;
	margin-left: 5px;
}
#banner .slick-slide .art2 ul li a{
	font-size: 40px;
	line-height:120%;
	float:
	right;
	font-weight: 600;
	color: #193053;
}
#banner .slick-slide h3{
	font-size: 25px;
	line-height:120%;
	letter-spacing: 0.05em;
}
#banner{
	position:relative;
}
#banner .slick-slide h2{font-size: 52px;line-height:110%;color: #a22b2d;}
#banner .slick-slide p{margin-top:40px;font-size:18px;line-height:150%;font-weight: 900;text-align: justify;}
#banner .slick-slide b{display:inline-block;background:rgba(255,255,255,0.71);padding:20px 65px;font-size:16px;line-height:110%;color:#3c3c3c;margin-top:65px;transition:all linear .2s;cursor:pointer}
#banner .slick-slide b:hover{background: rgb(62, 89, 118);color:#fff;}
#banner .slick-dots{bottom: 20px;text-align:left;margin-left:20px;width:28px}
#banner .slick-dots li button:before,#banner .slick-dots li.slick-active button:before{color:#bd3738}
#banner .slick-dots li button:before{text-shadow:0 0 5px #fff,0 0 5px #fff;font-size: 12px;}
#views{width:calc(100% - 90px);margin-left:90px}
#views .RD06 {
	position: absolute;
	z-index: 99;
	right: 20px;
	color: #100f14;
	font-size: 22px;
	margin-top: -145px;
	font-weight: 100;
	animation:
	TestMove2 2s infinite alternate; /*IE*/
	-moz-animation:TestMove2 2s infinite alternate; /*FireFox*/
	-webkit-animation:TestMove2 2s infinite alternate; /*Chrome, Safari*/
	display: none;
}

.RD07{
    position: absolute;
    z-index: 99;
    right: 230px;
    color: #100f14;
    font-size: 24px;
    margin-top: -147px;
    letter-spacing: 0.10em;
    display: none;
}


@keyframes TestMove2{
    from {left:88%;}
    to {left:90%;}
}
@-moz-keyframes TestMove2{
    from {left:88%;}
    to {left:90%;}
}
@-webkit-keyframes TestMove2{
    from {left:88%;}
    to {left:90%;}
}


@media (min-width: 1025px) {
	#banner .slick-slide b a:hover{opacity:.7}
}
@media (max-width: 1440px) {
	#banner .slick-slide .art{top: calc(48% - 100px);left: 70px;}
	#banner .slick-slide h2{font-size:40px}
	#banner .slick-slide b{margin-top:55px}
	#banner .slick-slide p{width: 350px;}
	#banner .slick-slide .art2{right: 0;width: 370px;top: calc(50% - 114px);left: 167px;}
	#banner .slick-slide .art2 ul{width: 75%;}
	#banner .slick-slide .art2 h2{font-size: 36px;}
	#banner .slick-slide .art2 h3{font-size: 18px;}
	#banner .slick-slide .art2 h4{font-size: 16px;letter-spacing: 0.24em;}
	#banner .slick-slide .art2 ul li b1{font-size:16px;}
	#banner .slick-slide .art2 ul li a{font-size: 25px;}
	#views .RD06{
    bottom: 30px;
}
.RD07{
	
margin-top: -65px;
	
right: 200px;
	
color: #3e5976;
	}
}
@media (max-width: 1024px) {
	#banner .slick-slide .art2{
    left: 117px;
    top: calc(50% - 129px);
}
	#views{width:100%;margin-left:0;margin-top:60px}
	#banner .slick-slide .art{left:100px;top:calc(50% - 80px)}
	#banner .slick-slide h2{font-size:34px}
	#banner .slick-slide p{margin-top:30px;font-size:16px}
	#banner .slick-slide b{margin-top:45px;padding:18px 50px}
}
@media (max-width: 768px) {
	#banner .slick-slide >a{
		background-position: 16% 50%;
	}
	#banner .slick-slide .art{width: 350px;top:initial;bottom:50px;}
	#banner .slick-slide img{padding:30px 0;height: 392px;}
	#banner .slick-slide .art{top: calc(35% - 100px);left: 15px;}
	#banner .slick-slide h2{font-size: 28px;}
	#banner .slick-slide b{margin-top: 25px;}
	#banner .slick-slide p{width: 270px;margin-top: 20px;}
	#banner .slick-slide .art2{right: auto;width: 305px;top: calc(42% - 83px);background-color: white;padding: 20px 0px 10px 17px;left: 39px;}
	#banner .slick-slide .art2 ul{width: 85%;}
	#banner .slick-slide .art2 h2{font-size: 33px;}
	#banner .slick-slide .art2 h3{font-size: 16.5px;}
	#banner .slick-slide .art2 h4{font-size: 15px;letter-spacing: 0.22em;}
	#banner .slick-slide .art2 ul li b1{font-size: 15px;}
	#banner .slick-slide .art2 ul li a{font-size: 22px;}
	#views .RD06{
    bottom: 10px;
}
}
@media (max-width: 640px) {
	#banner .slick-slide .art{left:70px;width:calc(100% - 140px)}
	#banner .slick-slide p{margin-top:15px;line-height:130%}
	#banner .slick-slide b{margin-top:30px;padding:15px 40px}
}
@media (max-width: 480px) {
	#banner .slick-slide >a{
    background-position: 97% 50%;
}
	#banner .slick-slide .art{bottom:20px;left: 24px;top: 45px;}
	#banner .slick-slide h2{font-size:24px;background-color: white;padding: 5px 0;}
	#banner .slick-slide p{font-size:13px;width: 150px;}
	#banner .slick-slide b{font-size:13px;margin-top:15px;padding:10px 30px}
	#banner .slick-slide img{padding:50px 0;height: 309px;}
	.RD07{display:none;}
	#banner .slick-slide .art2{
		position:
		relative;
		width: 100%;
		left: 0;
		padding: 0;
		float: unset;
		margin-top: 20px;
	}
	#views .RD06{
		bottom: 26px;
	}
	#banner .slick-slide .art2 h3{
		text-align: center;
	}
	#banner .slick-slide .art2 h2{
		text-align: center;
	}
	#banner .slick-slide .art2 h4{
		text-align: center;
	}
	#banner .slick-slide .art2 ul{
		width: 86%;
		float: unset;
		margin: 0 auto;
	}
}