*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ol,ul{
    list-style-type: none;
}
a{
    text-decoration: none;
}
@font-face {
  font-family: "bb4171";
  src: url("bb4171.woff2") format("woff2"),
       url("bb4171.woff") format("woff"),
       url("bb4171.ttf") format("truetype"),
       url("bb4171.eot") format("embedded-opentype"),
       url("bb4171.svg") format("svg");
}



.langcn{display: block;}
.langen{display: none;}
.fullPage{
    width: 100%;
    height: auto;
    position: relative;
    left:0;
    right:0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.full-box{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top:0;
}
.full-box .full{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.full-nav{
    position: absolute;
    right:30px;
    top:50%;
    display: none;
}
/* ----------------------nav 和 嵌套nav-------------------------- */
.full-nav>li,
.nest-full-nav>li
{
    width: 15px;
    height: 15px;
    background: #9d9d9d;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.full-nav>li{
    margin-top: 15px;
    position: relative;
}
.nest-full-nav>li{
    float: left;
    margin-left: 15px;
    position: relative;
}
.full-nav>li:first-child,
.nest-full-nav>li:first-child{
    margin: 0;
}
.full-nav>li.active,
.nest-full-nav>li.active{
    background: #2B542C;
}
.full-nav>li:hover,
.nest-full-nav>li:hover{
    opacity: 0.6;
}
/*============================嵌套full=========================*/
.nest-full-box{
    position: absolute;
    left: 0;
    top: 0;
}
.nest-full-box .nest-full{
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.nest-full-nav{
    position: absolute;
    bottom: 50px;
    left: 50%;
    display: none;
}
/*-----------------------左右按钮-------------------- */
.full-btn{
    width: 80px;
    height: 80px;
    background: #000;
    color: white;
    font-size: 26px;
    text-align: center;
    line-height: 80px;
    position: absolute;
    top:50%;
    margin-top:-40px;
    cursor: pointer;
    opacity: .6;
    display: none;
}
.btn-left{
    left:80px;
}
.btn-right{
    right:80px;
}
/*---------------------------nav tips-----------------------*/
.tip-box{
    position: absolute;
    right: 18px;
    top: -5px;
    width: 140px;
    height: 30px;
    font-size: 12px;
    display: none;
}
.tip-content{
    float: right;
    width:auto;
    height: 25px;
    line-height: 25px;
    border:1px #000 solid;
    padding:0 10px;
    background: #000;
    color: #ffffff;
    opacity: .8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.san{
    float: right;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #000;
    border-bottom: 8px solid transparent;
    margin-top:4px;
    opacity: .8;
}
/*---------------------------header-----------------------*/
.header{
    width: 100%;
    height:auto;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    z-index:1991620;
}
.header ul{
    float: right;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-right: 100px;
}
.header ul li{
    float: left;
    padding:15px 10px;
    text-align: center;

}
.header ul li a{
    display: inline-block;
    width: 100%;
    color: #fff;
}
/*---------------------------footer-----------------------*/
.footer{
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    background: #000;
    color: #fff;
    text-align: center;
}
body{font-size: 14px; line-height: 30px;}
#textDiv21{
            width: 500px;
            position: absolute;
            left: 50%;bottom:-200px;
            margin-left:-250px;
        }
        #textDiv42{
            width: 600px;
            position: absolute;
            left: 50%;bottom:-200px;
            margin-left:-300px;
        }
		
		
	html,
	body {
	  position: relative;
	  height: 100%;
	  font-family: 'bb4171';
	}
	
	body {
	  background: #eee;
	  
	  font-size: 14px;
	  color: #000;
	  margin: 0;
	  padding: 0; max-width: 640px;
	}
	
	.swiper-container {
	  width: 100%;
	  height: 100%;
	}
	
	.swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  /* background: #fff; */
	
	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}	
		
		
		
		
		
		
		
		.header{height: 60px; background: #fff; border-bottom: 1px #000 solid;}
		.logo{width: 150px; padding-left: 20px;}
		.logo img{width: 100%;}
		.fullbo{ padding: 20px; text-align: justify; text-indent:30px }
		
	.fullt1{background: url(../images/p_big1.png)  no-repeat;background-position: center;} 
	#t2{display: block;width: 100%; margin-left: 0px; opacity: 1;}
	#t2 video{width: 100%;}
	.t3piss{height: 50%; margin-top: 16%; }
	#t3,#t4{  width: 100%; position: relative;
    height: 100%;}
	.t4boximg{height: 32%; margin-bottom: 1px;   }
	.t4boximg img{height: 100%;}
	.dowebok { font-size: 0;}
	.dowebok img { margin-left: 10px; vertical-align: top; }
	
	
	#dplayerbox{top: 38%;
	    transform: translate(0%, -50%); height: 370px; display: block; position: absolute; width: 100%;}
		.Vertical6{height: 100%; position: relative;}
		.Vertical6 img{  display: block; width: 100%;top: 50%;
	    transform: translate(0%, -50%);}
		.t4boximgq { 
    height: 60%; overflow: auto; margin-top: 40%;
    padding:10px 20px 10px 20px;
    font-size: 14px;
    text-indent: 24px;
    text-align: left; }
		.t4boximgq  .swiper-slide{ }
		
		 .parallax-bg {
		      position: absolute;
		      left: 0;
		      top: 0;
		      width: 100%;
		      height: 100%;
		    /*  -webkit-background-size: cover;
		      background-size: cover; */
			  background-repeat: no-repeat;
			  background-size: auto 100%;
		      background-position: center;
		    }
			.parallax-bg1{height: 1680px; background-size: 100% 100%;}
			.bgbox{background-image:url(../images/bgbox.png);
			background-repeat: no-repeat;
			background-size: 100% 100%;
			background-position: center;
			}
			.page1next{width: 120px; height: 73px; left: 50%; bottom: 0px; transform: translate(-50%,0%); position: absolute;}
			.page1next img{width: 100%;}
			.page1{width: 100%; height: 100%; position: relative;}
			
			.fullbox{width: 100%; height: 100%; position: relative;}
			.ta_top{width: 100%; height: 74px; position: absolute; line-height: 37px; letter-spacing: 2px;
			font-family: 'bb4171';
			 color: #fff;
			  text-stroke:1px #4c4c4c;
			    -webkit-text-stroke: 1px #4c4c4c; font-size: 24px;
			 top: 9%; left: 50%; transform: translate(-50%,0%); background: url(../images/pagetitle1.png) no-repeat ;   background-position: center}
			.ta_top img{width: 100%;}
			
	.ta_ce{width: 79px; height: 30px; position: absolute;bottom: 20px; right: 10px; display: none;}
	.ta_ce span{width: 39px; height: 30px; display: inline-block;float: left; margin: 0; padding: 0;}
	.ta_ce_c{background: url(../images/cnen.png) no-repeat;background-position: 0 0;}
	.ta_ce_e{background: url(../images/cnen.png) no-repeat;background-position: -41px 0;}
	.gai{background-image: url(../images/bg.png); display: none;
    transform: translate3d(0px, -78%, 0px);
    transition-duration: 0ms;position: absolute; 
	/* z-index: 9999; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;}
	.swiper-slideb img{width: 100%;}
	
	.t4boximgq{}
	
	.ta_right{width: 224px; height: 30px; position: absolute;bottom: 16px; left: 10px; background: url(../images/right.png) no-repeat;
	background-size: contain;
	}
	
	
	.pageanext{width: 120px;
    height: 30px;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%,0%);
    position: absolute;}
	.pageanext img{width: 100%;}
	
	
	.pagebnext{width: 120px; display: none;z-index: 9999;
	height: 30px;
	left: 50%;
	top: 6px;
	transform: translate(-50%,0%);
	position: absolute;}
	.pagebnext img{width: 100%;}
	
	.zhuan{width: 300px; height: 300px; margin: 0 auto;}
	.zhuan1{width: 260px; height: 260px; padding: 40px; background: linear-gradient(#000,#5a5054,#000); border-radius: 130px;}
	.zhuan2{width: 180px; height: 180px;  background:url(../images/zhuan.png); border-radius: 90px;}
	.turn1{
	      animation:turn 30s linear infinite;      
	    }
	.turn2{
	      animation:turn 20s linear infinite;      
	    }	
	@keyframes turn{
	      0%{-webkit-transform:rotate(0deg);}
	      25%{-webkit-transform:rotate(90deg);}
	      50%{-webkit-transform:rotate(180deg);}
	      75%{-webkit-transform:rotate(270deg);}
	      100%{-webkit-transform:rotate(360deg);}
	    }	
		
		
		.swiper-containerwz {
      width: 100%;
      height:100%;;
    }
.swiper-slidewz1 {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
    .swiper-slidewz {
        font-size: 14px;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px;
		display: block; text-align: left;
    }
	 
	.w100{width: 100%;}