@charset "UTF-8";


.wapper_02 {
        width: -moz-calc(980px - 0px);  
        width: -webkit-calc(980px - 0px);      
        width: calc(980px - 0px);  
        height: -moz-calc(643px - 0px);
        height: -webkit-calc(643px - 0px);  
        height: calc(643px - 0px);
        margin-left:-moz-calc((100% - 980px)/2);
        margin-left:-webkit-calc((100% - 980px)/2);
        margin-left:calc((100% - 980px)/2);
        margin-top:-moz-calc((-643px + 0px)/2);
        margin-top:-webkit-calc((-643px + 0px)/2);
        margin-top:calc((-643px + 0px)/2);
        overflow:hidden;
        position:absolute;
        z-index:9;
        opacity:0;
        top:-5000px; 
    }
    
    .projectPic_bg {
        position:absolute;
        width: -moz-calc(980px - 0px);  
        width: -webkit-calc(980px - 0px);      
        width: calc(980px - 0px);  
        height: -moz-calc(643px - 0px);
        height: -webkit-calc(643px - 0px);  
        height: calc(643px - 0px);
        margin-left: -moz-calc((-980px - 0px)/2);  
        margin-left: -webkit-calc((-980px - 0px)/2);      
        margin-left: calc((-980px - 0px)/2); 
        margin-top:-moz-calc((-643px + 0px)/2);
        margin-top:-webkit-calc((-643px + 20px)/2);
        margin-top:calc((-643px + 0px)/2);
        top:50%;
        left:50%;
        z-index:10;
        overflow:hidden;
        opacity:1;
        background:url(../image/bg.png) repeat top left;
    }
        .projectPic_bg .close {
            position:absolute;
            width:20px;
            height:26px;
            top:15px;
            right:15px;
            z-index:3;
        }
        .projectPic_bg .pic_center {
            position:absolute;
            width: -moz-calc(980px - 0px);  
            width: -webkit-calc(980px - 0px);      
            width: calc(980px - 0px);  
            height: -moz-calc(643px - 0px);
            height: -webkit-calc(643px - 0px);  
            height: calc(643px - 0px);
            margin-left: -moz-calc((-980px - 0px)/2);  
            margin-left: -webkit-calc((-980px - 0px)/2);      
            margin-left: calc((-980px - 0px)/2); 
            margin-top:-moz-calc((-623px + 0px)/2);
            margin-top:-webkit-calc((-623px + 0px)/2);
            margin-top:calc((-623px + 0px)/2);
            top:-5000px; 
            left:50%;
            overflow:hidden;
            opacity:0;
        }
            .pic_01 {opacity:0;}
            .pic_02 {opacity:0;}
            .pic_03 {opacity:0;}
            .pic_04 {opacity:0;}
            .pic_05 {opacity:0;}
            .pic_06 {opacity:0;}
			.pic_07 {opacity:0;}
            .pic_08 {opacity:0;}
            .pic_09 {opacity:0;}
            .pic_10 {opacity:0;}
			
			.pic_011 {opacity:0;}
            .pic_012 {opacity:0;}
            .pic_013 {opacity:0;}
            .pic_014 {opacity:0;}
            .pic_015 {opacity:0;}
            .pic_016 {opacity:0;}
			.pic_017 {opacity:0;}
            .pic_018 {opacity:0;}
            .pic_019 {opacity:0;}
            .pic_020 {opacity:0;}
			
			.pic_021 {opacity:0;}
            .pic_022 {opacity:0;}
            .pic_023 {opacity:0;}
            .pic_024 {opacity:0;}
            .pic_025 {opacity:0;}
            .pic_026 {opacity:0;}
			.pic_027 {opacity:0;}
            .pic_028 {opacity:0;}
            .pic_029 {opacity:0;}
            .pic_030 {opacity:0;}
			
			.pic_031 {opacity:0;}
            .pic_032 {opacity:0;}
            .pic_033 {opacity:0;}
            .pic_034 {opacity:0;}
            .pic_035 {opacity:0;}
            .pic_036 {opacity:0;}
			.pic_037 {opacity:0;}
            .pic_038 {opacity:0;}
            .pic_039 {opacity:0;}
            .pic_030 {opacity:0;}
            
        .flexslider {
			width: -moz-calc(980px - 0px);  
			width: -webkit-calc(980px - 0px);      
			width: calc(980px - 0px);  
			height: -moz-calc(643px - 0px);
			height: -webkit-calc(643px - 0px);  
			height: calc(643px - 0px);
			margin-left: -moz-calc((-980px - 0px)/2);  
			margin-left: -webkit-calc((-980px - 0px)/2);      
			margin-left: calc((-980px - 0px)/2); 
			margin-top:-moz-calc((-643px + 0px)/2);
			margin-top:-webkit-calc((-643px + 0px)/2);
			margin-top:calc((-623px + 0px)/2);
			top: 50%;
			left: 50%;
			opacity: 1;
			position:absolute;
		}
		.flexslider .slides img {
			height: 500px;
			display: block;
		}
		.flex-control-nav {
			  width: 100%;
			  position: absolute;
			  text-align: center;
			  margin-top:10px;
		}
		.flex-direction-nav .flex-prev {
			left: -50px;
			width:25px;
			height:25px;
			background:url(../image/bg_direction_nav.png);
			background-size:25px 54px;
			text-indent:-9999px;
			font-size:0px;
		}
		.flex-direction-nav .flex-next {
			right: -50px;
			text-align: right;
			width:25px;
			height:25px;
			background:url(../image/bg_direction_nav.png);
			background-position: 0 25px;
			background-size:25px 54px;
			text-indent:-9999px;
			font-size:0px;
		}