/* iweb32-style02
 *
 * Copyright 2016, TANK
 * 2016 / 10 / 19
 */

/* main banner */
#main-banner { overflow: hidden; position: relative; }
#main-banner .rslides_tabs { position: absolute; width: 100%; text-align: center; bottom: 44px; z-index: 100; }
#main-banner .rslides_tabs li { margin: 0 5px; display: inline-block; }
#main-banner .rslides_tabs li a { width: 55px; height: 5px; background: #fff; display: block; text-indent: -999999px; opacity: .5; }
#main-banner .rslides_tabs li:hover a, #main-banner .rslides_tabs li.rslides_here a { opacity: 1; }

/* banner */
#banner .slick-slider { margin: 0; }
#banner {position: relative;background-color: #fffbf2;margin-top: 70px;}
#banner .photo {position: relative;width: calc((100% / 1) - 0px);height: 100%;background: no-repeat 50% / cover;}


#banner .slick-prev{left: 40px;background: none;z-index: 50;}
#banner .slick-prev:before{content: url(/images/40/arrow-left.png);}
#banner .slick-prev:before{content:"";position:absolute;top:calc(50% + 3px);right: 9px;width: 42px;height: 1px;background-color: #fff;-webkit-transition:all 0.3s;transition:all 0.3s}
#banner .slick-prev::after{content:"";position:absolute;top: calc(50% - 10px);left: -26px;border-style:solid;border-width: 0px 14px 14px 0px;border-color: #fff0 #fff0 #ffffff #fff0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 0.3s;transition:all 0.3s}
#banner .slick-next{right: 0;background: none;}
#banner .slick-next:before{content:"";position:absolute;top:calc(50% + 3px);right: 20px;width: 42px;height:1px;background-color: #fff;-webkit-transition:all 0.3s;transition:all 0.3s}
#banner .slick-next::after{content:"";position:absolute;top: calc(50% - 10px);right: 20px;border-style:solid;border-width: 0 0px 14px 14px;border-color: transparent transparent transparent #fff;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 0.3s;transition:all 0.3s}


/* scrollBtn */
#scrollBtn {position: absolute;margin-left: -15px;padding-bottom: 70px;width: 20px;text-transform: uppercase;text-align: center;letter-spacing: 2px;font-size: 13px;color: #ffffff;bottom: 10px;left: 5%;z-index: 1;animation: godown 1s infinite linear;-webkit-animation: godown 1s infinite linear;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
#scrollBtn::before {position: absolute;margin-left: -.5px;width: 1px;height: 70px;background: linear-gradient(to top, transparent 32%, #ffffff12 0, #ffffff96 66%, transparent 0, transparent 100%) 50% 100% / 1px 300% no-repeat;top: 70px;left: 46%;-webkit-animation: 2.3s scrollBtnAni linear both infinite;animation: 2.3s scrollBtnAni linear both infinite;content: "";}

@-webkit-keyframes scrollBtnAni { 0% { background-position-y: 100%; } 100% { background-position-y: 0; } }
@keyframes scrollBtnAni { 0% { background-position-y: 100%; } 100% { background-position-y: 0; } }

@media screen and (max-width:1160px) {
	#banner {margin-top: 60px;}
	#banner .photo img {
    width: 100vw;
    height: 70vh;
    object-fit: cover;
}
	#scrollBtn { display: none; }
}
@media screen and (max-width:960px) {
	#main-banner ul li img { height: 37vh; }
	a.photo { overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; }
	#banner .photo {}
	#banner .photo img {
    height: 50vh;
}
}
@media screen and (max-width:640px) {
	#main-banner .rslides_tabs { display: none; }
	#banner .photo img {
    height: 50vh;
}
}
@media screen and (max-width:480px) {
	#main-banner ul li img { height: 24vh; }
	#banner .photo img {
    height: 27vh;
}
}