  
    .section-wrap .section .titlez
    {
        left:0;
   	    -moz-transition: -moz-transform 1s ease;
        -webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		position: relative;
		width: 35%; 
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        
        color:#fff;
        font-size:2em;
        text-align:left;
        background-color:rgba(0,0,0,0.4);
        padding:0.2em;
        border-radius:5px 0px 0px 5px;}
    .section-wrap .section .titlez p{padding:0 2%;opacity:0}
    .section-wrap .section .titlez.active .tit{
        
        opacity:1;
    transform:translateY(-25px);
    -webkit-transform:translateY(-25px);
    transition:all 2s cubic-bezier(0.86,0,0.8,1);
    -webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);
    }
    .section-wrap .section .titley{
        right:0px;
        -moz-transition: -moz-transform 1s ease;
        -webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		position: relative;
		width: 35%; 
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        color:#fff;
        font-size:2em;
        text-align:justify;
        background-color:rgba(0,0,0,0.4);
        padding:0.2em;
        border-radius:0px 5px 5px 0px;
    }
    .section-wrap .section .titley_1_1{
        right:5%;
        -moz-transition: -moz-transform 1s ease;
        -webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		position: relative;
		min-width: 345px; 
        width: auto;
        
        position:absolute;
        top: 50%; 
        height: 150px; 
        margin-top: -75px;      
        color:#fff;
        font-size:1.8em;
        text-align:justify;
    }
     .section-wrap .section .titley_1{
        right:0px;
        -moz-transition: -moz-transform 1s ease;
        -webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		position: relative;
		width: 345px; 
        position:absolute;
        top: 20%;       
        color:#fff;
        font-size:2em;
        text-align:justify;
    }
    
    .section-wrap .section .titleb{
        left:0px;
        bottom:0px;
        -moz-transition: -moz-transform 1s ease;
        -webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
        transform: translateY(-2%);
		position: relative;
		width: 99%; 
        position:absolute;
        color:#fff;
        font-size:2em;        
        text-align:justify;
        background-color:rgba(0,0,0,0.4);
        padding-left:0.2em;
        padding-top:0.2em;
        padding-bottom: 0.5em;
        padding-right: 0.2em;
        border-radius:0px 5px 5px 0px;
    }
    .section-wrap .section .titlet{
        margin-left:10%;
        margin-top:70px;
        text-align: center; 
		width: 80%; 
        color:#666;
        font-size:2em; 
        display: block;       
        text-align:justify;       
        padding-left:0.2em;
        padding-top:0.2em;
        padding-bottom: 0.5em;
        padding-right: 0.2em;
        border-radius:0px 5px 5px 0px;
    }
    .section-wrap .section .titlet H2{text-align: center;color:#333;}
    .section-wrap .section .titlet .tit{text-align: center;color:#666;}
    .section-wrap .section .titleb p{padding:0 2%;opacity:0}
    .section-wrap .section .titleb.active .tit{
        opacity:1;
    transform:translateY(-2%);
    -webkit-transform:translateY(-2%);
    transition:all 2s cubic-bezier(0.86,0,0.8,1);
    -webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);
        
    }
    .section-wrap .section .titley p{padding:0 2%;opacity:0}
    .section-wrap .section .titley.active .tit{
        opacity:1;
    transform:translateY(-25px);
    -webkit-transform:translateY(-25px);
    transition:all 2s cubic-bezier(0.86,0,0.8,1);
    -webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);
        
    }
    
    
     .section-wrap .section .titlec{
       position: absolute;top:50%;margin-top:-150px;width: 100%;height:220px;text-align: center;color: #fff;
    }
    .section-wrap .section .titlec h3{
        font-size: 40px;font-weight: normal;line-height: 82px;height: 82px;margin: 0 0 10px;font-family: "Microsoft YaHei",Arial;
    }
    .section-wrap .section .titlec p{
        margin-top: 40px;        
    }
    .section-wrap .section .titlec p div{
        font-family: "Microsoft YaHei",Arial;
        font-size: 20px;
    }
    .section-wrap .section .titlec p img{
        width: 80px;height: 80px;cursor:pointer;
    }
   
     .section-wrap .section-1{width:100%;height:100%;background-color: #000;position: relative;}
     .section-wrap .section-1 .bgimg{width: 100%;position:absolute;}     
   /** ,.section-wrap .section-2,.section-wrap .section-3,.section-wrap .section-4,.section-wrap .section-6,.section-wrap .section-7
   .section-wrap .section-1{background:url(images/h/top_1.jpg)no-repeat;width:100%;height:100%;background-position-x: center;background-color: #000;
    background-size:100% auto;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/h/top_1.jpg',sizingMethod='scale');}
   **/
    .section-wrap .section-2{
        background:url(images/h/top4.png)no-repeat;
        width:100%;height:100%;background-position-x: center;background-color: #000;
    background-size:100% 100%;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/h/top4.png',sizingMethod='scale');
    }
    .section-wrap .section-3
    {background:url(images/h/top3.jpg)no-repeat;width:100%;height:100%;background-position-x: center;background-color: #000;
    background-size:100% 100%;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/h/top3.jpg',sizingMethod='scale');}
    .section-wrap .section-4{background:url(images/h/top2.jpg)no-repeat;width:100%;height:100%;background-position-x: center;background-color: #000;
    background-size:100% 100%;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/h/top2.jpg',sizingMethod='scale');}
    .section-wrap .section-5{background:#ffffff;width:100%;height:100%;color: #000;}
    .section-wrap .section-6{background:url(images/n_5.jpg)no-repeat;width:100%;height:100%;background-size:100% 100%;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/n_4.jpg',sizingMethod='scale');}
    .section-wrap .section-7{background:url(images/n_6.jpg)no-repeat;width:100%;height:100%;background-size:100% 100%;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/n_4.jpg',sizingMethod='scale');} 
  /**n_5.jpg .section-wrap .section-6{
           width:100%;	min-height: 100%; 
        	background: #f5f6f7; 
            text-align: center;    
        }**/
     .section-wrap  .content{
         -moz-transition: -moz-transform 1s ease;
        -webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		position: relative;
		width: 42%; 
        position:absolute;
        top: 50%;
        left:50%;
        transform: translateY(-50%) translateX(-50%);
        font-size: 100%;
        letter-spacing: 0.025em;
        color: #39454b;        
        line-height: 1.75em;
     } 
     .section-wrap  .content h2{
        color: #39454b;
        font-size: 4em;
        text-align: center;
         padding-bottom:0.2em;      
                    
     }
     .section-wrap  .content p{
         font-size: 2em;
        display: block;
        margin: 1em 0 0 0;
        padding: 0 0 0.5em 0;
     }
    .put-section-0{       
        
        }
        
        
        .put-section-1{transform:translateY(-100%);-webkit-transform:translateY(-100%);}
        .put-section-2{transform:translateY(-200%);-webkit-transform:translateY(-200%);}
        .put-section-3{transform:translateY(-300%);-webkit-transform:translateY(-300%);}
        .put-section-4{transform:translateY(-400%);-webkit-transform:translateY(-400%);}
        .put-section-5{transform:translateY(-500%);-webkit-transform:translateY(-500%);}
        .arrow{opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#F00;border:5px solid #F00;cursor:pointer;overflow:hidden;}.arrow:hover{animation-play-state:paused;-webkit-animation-play-state:paused;}@keyframes arrow{%0,%100{bottom:10px;opacity:1;}50%{bottom:50px;opacity:.6}}
    @-webkit-keyframes arrow{%0,%100{bottom:10px;opacity:1;}50%{bottom:50px;opacity:.6}}
    
    
    
    
/**imdex**/   
ul.abeamCss{margin:0px;width:100%;
text-align: left;height:325px;white-space: nowrap;overflow-y:hidden; overflow-x: hidden;
}
.abeamCss li{
    list-style:none;
    width: 25%; 
    display: inline-block;
    height: 300px;    
    color: #666;
}
.abeamCss li .imgdiv{
    width: 100%;
    height:150px;
    background-size: 150px 150px;
    background-repeat: no-repeat; 
    background-position: center;    
}
.abeamCss li .txtdiv h2{
    text-align: center;
    font-size: 22px;
    color: #2d3033;
}
.abeamCss li .txtdiv p{
    text-align: center;
        font-size: 14px;
    line-height: 22.4px;
    color: #6c7279;
}
.fullvideo {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    display: none;
}
.fullvideo-body {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 9999;
    background: rgba(0,0,0,0.1);
}
.fullvideo-main {    
    padding: 0px;
}
.video {
    background: rgba(0,0,0,0.1);
    width: 100%;    
    overflow: hidden;
}
.video video {
    width: 100%;
    height: auto;
    
}
.fullvideo-close {
    display: block;
    width: 36px;
    height: 36px;
    border: 0px solid #fff;
    position: absolute;
    right: -50px;
    top: 0;

}
.ico-close {
    width: 36px;
    height: 36px;
    background-image: url("images/h/imgclose.png");
    background-repeat: no-repeat;
    background-size: 36px 36px;    
    display: inline-block;
    vertical-align: middle;
}