/**
 * Swiper 3.2.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: December 7, 2015
 */
 
.swiper-container {margin: 0 auto; position: relative; z-index: 1;  max-width: 100%;overflow:hidden; width: 100%;}

.swiper-wrapper {position: relative; max-width: 100%; height: 100%; z-index:1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform;}

.swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-slide img{ width: 100%; height: 100%; }

/*.test{
	background: #58a;
	transform:scale(0.9);
	-webkit-transform:scale(0.9);
	height: 160px;
	background: linear-gradient(135deg, transparent 160px, #58a 0);
}*/


.swiper-pagination {position: absolute; bottom: 20px; text-align:center; -webkit-transition: .3s; -moz-transition:.3s; -o-transition: .3s; transition: .3s; -webkit-transform:translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10}

.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-pagination-bullet { width: 20px; height: 20px; display: inline-block; opacity: 1; background: url(../images/point.png); margin: 0 2px;}

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none;appearance: none }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer;}
.swiper-pagination-white .swiper-pagination-bullet { background: url(../images/point.png)}
.swiper-pagination-bullet-active { opacity:1; width: 20px; height: 20px; background: url(../images/pointA.png);}

.swiper-container-vertical>.swiper-pagination {
	right:10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-o-transform: translate(0,-50%);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}


.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {margin: 5px 0; display: block}
.swiper-container-horizontal>.swiper-pagination {bottom: 0px; left: 0; width: 100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 5px}

.pagination {position: absolute; height: 1.2em; width: 100%; bottom: 1em; z-index: 100; text-align: right; text-align: center;}

.pagination1 {position: absolute; height: 1.2em; width: 100%; bottom: 1em; z-index: 100; text-align: right; text-align: center;}
.pagination2 {position: absolute; height: 1.2em; width: 100%; bottom: 1em; z-index: 100; text-align: right; text-align: center;}


#sy-cplist { padding: 30px 0 40px 0;}
/*.sy-cpbox p{ height: 30px; margin-top: 10px; overflow: hidden; line-height: 30px;}
.sy-cpbox .cp-img img{ width: 100%; height: auto; max-width: 100%;}*/
.swiper-container-horizontal>.swiper-pagination{ bottom: 15px;}



.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	background-position: -41px center;
	background-repeat: no-repeat
}

.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	background-position: 0;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	background: url(../images/nav.png) 0 top;
	left: -40px;
	right: auto;
	transition: all .6s
}

/*
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}*/

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	background: url(../images/nav.png) -41px top;
	right: -40px;
	left: auto;
	transition: all .6s
}

/*.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}*/




#sy-ywlist { padding: 30px 0 40px 0;}
#sy-xwlist { padding: 30px 0 60px 0;}
#sy-xwlist1 { padding: 30px 0 60px 0;}
#sy-xwlist2 { padding: 30px 0 60px 0;}

@media screen and (max-width: 480px) {
.pagination {bottom: 1em;}
}