/************************************************************************************************************
 *
 * @ Version 1.0.2
 * @ Parallax slider
 * @ Date 03. 24. 2016
 * @ Author PIGNOSE
 * @ Licensed under MIT.
 *
 ***********************************************************************************************************/

.pignose-parallaxslider{display:block;width:100%;margin:0 auto;overflow:hidden}
.pignose-parallaxslider,.pignose-parallaxslider *{box-sizing:content-box;-o-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
.pignose-parallaxslider .slide-visual{width:1000px;height:450px;margin:0 auto;position:relative}
.pignose-parallaxslider .slide-visual .slide_tint{position:absolute;top:0;z-index:50;width:2000px;height:100%;background-color:#000;opacity:.5;filter:alpha(opacity=60);-ms-filter:alpha(opacity=60)}
.pignose-parallaxslider .slide-visual .slide_tint.left{right:1000px}.pignose-parallaxslider .slide-visual .slide_tint.right{left:1000px}
.pignose-parallaxslider .slide-visual .slide-group{margin:0;padding:0;list-style:none}
.pignose-parallaxslider .slide-visual .script-wrap{width:800px;height:80px;padding:4px;position:absolute;bottom:30px;right:100px;}
.pignose-parallaxslider .slide-visual .script-wrap .script-inner{overflow:hidden;position:relative}
.pignose-parallaxslider .slide-visual .script-wrap .script-tint{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#fff;opacity:.6;filter:alpha(opacity=60);-ms-filter:alpha(opacity=60)}
.pignose-parallaxslider .slide-visual .script-wrap .slide-pagination{width:100%;position:absolute;left:0;bottom:0;padding:15px 20px;z-index:60;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.pignose-parallaxslider .slide-visual .script-wrap .slide-pagination .btn-page{display:inline-block;width:8px;height:8px;margin:0 2px;border-radius:50%;border:1px solid #fff;text-indent:-10000px;overflow:hidden;-moz-transition:background-color .3s ease;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}
.pignose-parallaxslider .slide-visual .script-wrap .slide-pagination .btn-page.on,.pignose-parallaxslider .slide-visual .script-wrap .slide-pagination .btn-page:focus,.pignose-parallaxslider .slide-visual .script-wrap .slide-pagination .btn-page:hover{background-color:#fff}
.pignose-parallaxslider .slide-visual .script-wrap .slide-controller{position:absolute;left:0;bottom:84px;width:100%;text-align:center;z-index:60}
.pignose-parallaxslider .slide-visual .script-wrap .slide-controller a{display:inline-block;margin:0 20px;opacity:.6;filter:alpha(opacity=60);-ms-filter:alpha(opacity=60);-moz-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.pignose-parallaxslider .slide-visual .script-wrap .slide-controller a:focus,.pignose-parallaxslider .slide-visual .script-wrap .slide-controller a:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100)}
.pignose-parallaxslider .slide-visual .script-wrap .script-group{margin:0;padding:0;position:relative;list-style:none;z-index:50;overflow:hidden}.pignose-parallaxslider .slide-visual .script-wrap .script-group li{float:left}

.banner{ display:none;}
@media (max-width: 999px) {

.pignose-parallaxslider .slide-visual .script-wrap{display:none;}
.pignose-parallaxslider .slide-visual .script-wrap img{ display:none;}




}

@media (max-width: 600px) {
.cd{display:none;}

*{
	            margin: 0;
	            padding: 0;
	            list-style-type: none;
	        }
	        .banner{
	            width: 100%;
	            /*height: 560px;*/
	            /*background: black;*/
	            /*子绝父相*/
	            position: relative;
	            /*超出部分全部隐藏，解决横向滚动条*/
	            overflow: hidden; display:block;
	        }
	        .banner ul{
	            position: absolute;
	        }
	        .banner ul li{
	            /*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
	            width: 100%;
	            height: 400px;
	            float: left;
	            background:  no-repeat center center;
	        }
	        /*.banner ul li:nth-child(1){*/
	            /*background: url('./1.jpg') no-repeat center center;*/
	        /*}*/
	        /*.banner ul li:nth-child(2){*/
	            /*background: url('./2.jpg') no-repeat center center;*/
	        /*}*/
	        /*.banner ul li:nth-child(3){*/
	            /*background: url('./3.jpg') no-repeat center center;*/
	        /*}*/
	        .banner ol{
	            /*width: 60px;*/
	            height: 20px;
	            position: absolute;
	            left:50%;
	            /*margin-left: -40px;*/
	            bottom: 10px;
	            padding: 0 px;
	            border-radius: 0px;
	        }
	        .banner ol li{
	            width: 10px;
	            height: 10px;
	            float: left;
	            margin: 5px 3px;
	            background: rgba(255,255,255,0.5);
	            border-radius: 50%;
	            cursor: pointer;
	        }
	        .banner ol .current{
	            background: rgba(255,255,255,1);
	        }
	        .banner i{
	            width: 168px;
	            height: 20px;
	            position: absolute;
	            top: 50%;
	            margin-top: 0px;
	            cursor: pointer;
	            border-radius: 5px;
	            display: none;
	        }



}