/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	margin:0 5px;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

#banner-slider{
position:relative;
width:1148px;
height:372px;
margin:0 auto;
}

#banner-slider .slide .text-side{
float:left;
width:468px;
}

#banner-slider .slide .text-side .title{
background-color:#fff;
border:3px solid #ffffff;
margin-bottom:10px;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

#banner-slider .slide .text-side .title h3{
line-height:32px;
}

#banner-slider .slide .text-side .title h3 a{
display:block;
font-family: "Times New Roman", Times, serif;
font-size:29px;
color:#dc9d16;
padding:10px 23px;
font-weight:normal;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#banner-slider .slide .text-side .title:hover{
background-color:#e29d26;
}

#banner-slider .slide .text-side .title:hover h3 a{
color:#fff;
}

#banner-slider .slide .img-side{
float:left;
width:654px;
height:366px;
margin-left:10px;
border:3px solid #ffffff;
overflow:hidden;
}

#banner-slider .slide .img-side img{
	max-width:100%;
}

#banner-slider .slide .text-side .content{
border:3px solid #fff;
height:286px;
background: #1e4d9a;
background: -moz-linear-gradient(45deg, #1e4d9a 0%, #41b19d 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#1e4d9a), color-stop(100%,#41b19d));
background: -webkit-linear-gradient(45deg, #1e4d9a 0%,#41b19d 100%);
background: -o-linear-gradient(45deg, #1e4d9a 0%,#41b19d 100%);
background: -ms-linear-gradient(45deg, #1e4d9a 0%,#41b19d 100%);
background: linear-gradient(45deg, #1e4d9a 0%,#41b19d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4d9a', endColorstr='#41b19d',GradientType=1 );
}

#banner-slider .slide.maitt .text-side .content{
background:#ffe383 url('../../frameimage/newdesign/slider/maitt-logo.png') no-repeat 50% 50%;
background:url('../../frameimage/newdesign/slider/maitt-logo.png') no-repeat 50% 50%, -moz-linear-gradient(top, #ffe383 0%, #e6c36d 100%);
background:url('../../frameimage/newdesign/slider/maitt-logo.png') no-repeat 50% 50%, -webkit-linear-gradient(top, #ffe383 0%,#e6c36d 100%);
background:url('../../frameimage/newdesign/slider/maitt-logo.png') no-repeat 50% 50%, linear-gradient(to bottom, #ffe383 0%,#e6c36d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe383', endColorstr='#e6c36d',GradientType=0 );
}

#banner-slider .slide .text-side .text{
padding:16px 23px 0;
height:calc(100% - 56px);
overflow:hidden;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

#banner-slider .slide .text-side .text p{
color:#ffffff;
font-size:16px;
line-height:20px;
margin:0 0 10px;
}

#banner-slider .slide.maitt .text-side .text p{
color:#0d2f6d;
}

#banner-slider .slide .text-side .text a{
color:#72d9c7;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#banner-slider .slide .text-side .text a:hover{
color:#8defdf;
text-decoration:underline;
}

#banner-slider .slide .text-side .content a.more-btn{
display:inline-block;
color:#fff;
line-height:40px;
font-size:16px;
font-weight:bold;
padding:0 14px 0 31px;
border:2px solid rgba(255,255,255,0.14);
background:rgba(255,255,255,0.14) url('../../frameimage/newdesign/slider/more-icon.png') no-repeat 14px 50%;
float:right;
margin:5px 8px 0 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#banner-slider .slide .text-side .content a.more-btn:hover{
border-color:#fff;
background-color:#e29d26;
}

@media (min-width:511px){
#banner-slider button.slick-next,
#banner-slider button.slick-prev{
position:absolute;
bottom:50%;
width:28px;
height:50px;
margin-bottom:-25px;
border:0;
outline:0;
cursor:pointer;
z-index:1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#banner-slider button.slick-next{
right:-33px;
background:url('../../frameimage/newdesign/slider/next.png') no-repeat 50% 50%;
background-size:23px 41px;
}

#banner-slider button.slick-prev{
left:-33px;
background:url('../../frameimage/newdesign/slider/prev.png') no-repeat 50% 50%;
background-size:23px 41px;
}

#banner-slider button.slick-next:hover,
#banner-slider button.slick-prev:hover{
background-size:28px 50px;
}
}

@media (min-width:850px){
#banner-slider ul.slick-dots{
position:absolute;
bottom:24px;
left:32px;
z-index:2;
}
}

#banner-slider ul.slick-dots li{
float:left;
margin-right:6px;
}

#banner-slider ul.slick-dots li button{
width:16px;
height:16px;
border:0;
outline:0;
background:url('../../frameimage/newdesign/slider/pag-btns.png') no-repeat 1px 2px;
cursor:pointer;
}

#banner-slider ul.slick-dots li button:hover{
background-position: 0px -17px;
}

#banner-slider ul.slick-dots li.slick-active button{
background-position: 1px -36px;
cursor:default;
}

@media (min-width:1061px) and (max-width:1240px){
	#slider-section{
	height: 313px;
	}
	#banner-slider{
	width: 955px;
	height: 307px;
	}
	#banner-slider .slide .text-side{
	width: 380px;
	}
	#banner-slider .slide .img-side{
	width: 549px;
	height: 307px	
	}
	#banner-slider ul.slick-dots{
		bottom:10px;
	}
	#banner-slider .slide .text-side .title h3 a{
		font-size:22px;
		line-height:1.2;
	}
}

@media (max-width:1060px) and (min-width:851px){
	#slider-section{
	height: 251px;
	}
	#banner-slider{
	width: 765px;
	height: 245px;
	}
	#banner-slider .slide .text-side{
	width: 300px;
	}
	#banner-slider .slide .img-side{
	width: 438px;
	height: 245px	
	}
	#banner-slider ul.slick-dots{
		bottom:10px;
	}
	#banner-slider .slide .text-side .title h3 a{
		font-size:20px;
		padding: 5px 8px;
		line-height:1.2;
	}
	#banner-slider .slide .text-side .text{
		padding:5px 8px 0;
	}
	#banner-slider .slide .text-side .text p{
		font-size:15px;
		line-height:1.3;
	}
}
@media (min-width:851px){
	#banner-slider .slide .text-side .title img{
		display:none;
	}
}

@media (max-width:850px){
	#banner-slider ul.slick-dots{
	position:absolute;
top:-32px;
left:0;
right:0;
margin:0 auto;
text-align:center;
z-index:2;	
	}
	#banner-slider ul.slick-dots li{
		float:none;
		display:inline-block;
	}
	#banner-slider{
	width: 575px;
	height:663px;
	}
	#banner-slider .slide{
	border: 3px solid #fff;
	}
	#banner-slider .slide .img-side{
		display:none;
	}
	#banner-slider .slide .text-side{
		float:none;
		width:100%;
		margin:0;
		border:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	#banner-slider .slide .text-side .content{
	border:0;
	position:relative;
	}
	#banner-slider .slide .text-side .title{
	margin:0;
	border:0;
	border-bottom: 3px solid #fff;
	}
	#banner-slider .slide .text-side .title h3{
		border-bottom: 3px solid #fff;
	}
	#banner-slider .slide .text-side .title img{
		max-width:100%;
	}
	#banner-slider .slide .text-side .title h3 a{
		text-align:center;
	}
	#slider-section{
		height:661px;
	}
	#banner-slider .slide .text-side .content a.more-btn{
		position:absolute;
		left:0;
		right:0;
		float:none;
		bottom:12px;
		margin:0 auto;
		width:60px;
	}
}

@media (max-width:685px){
	#slider-section{
		height:556px;
	}
	#banner-slider{
	width: 382px;
	height:556px;
	}
	#banner-slider .slide .text-side .title h3 a{
		font-size:24px;
		line-height:1.3;
	}
	#banner-slider .slide .text-side .text{
		padding:12px 10px 0;
	}
	#banner-slider .slide .text-side .text p{
		line-height:1.3;
	}
}

@media (max-width:510px){
	#banner-slider .slide .text-side .text{
		padding:12px 8px 0;
	}
#banner-slider button.slick-next,
#banner-slider button.slick-prev{
position:absolute;
bottom:17px;
margin:0;
width:44px;
height:44px;
margin:0;
border:2px solid rgba(255,255,255,0.16);
outline:0;
cursor:pointer;
z-index:1;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#banner-slider button.slick-next{
right:18px;
background:rgba(255,255,255,0.16) url('../../frameimage/newdesign/slider/next.png') no-repeat 50% 50%;
background-size:12px 22px;
}

#banner-slider button.slick-prev{
left:18px;
background:rgba(255,255,255,0.16) url('../../frameimage/newdesign/slider/prev.png') no-repeat 50% 50%;
background-size:12px 22px;
}
}

@media (max-width:410px){
	#banner-slider{
	width: 354px;
	}
}