p,li,ul,dt,dl,dd,a,blockquote,body,h1,h2,h3,h4,h5,h6{padding:0px; margin:0px; text-decoration:none; font-size:14px;list-style-type:none;font-family:'微软雅黑'; color:#484848;}
a,span,label,b{ font-size:14px;}
a{ text-decoration:none;}
ul,li{text-decoration:none; list-style-type:none;}
img{ border:0px; vertical-align:bottom;}
input,select,textarea{ outline:none;}
.clear{ clear:both;}
.over{ overflow:hidden; zoom:1;}
.dw{ position:absolute;}
.jz{ position:absolute; width:100%; text-align:center;}
.none{ display:none;}
.l{ float:left;}
.r{ float:right;}
a:hover{ color:#2280e1; text-decoration:none;}
li,div,input, textarea, button, a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
li:focus,div:focus,input:focus, textarea:focus, button:focus, a:focus{ outline:none;}
.img1{ width:100%;}
.img2{ height:100%;}
.img3{ width:100%; height:100%;}
.indexcontent{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.quanbuxinxi{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; background:url(../images/bg13.png) no-repeat center center;}
.bg{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.bg2{ position:absolute; bottom:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.sucai3{ position:absolute; top:0px; width:58%; left:40%;}
.logoer{ top:50px; left:50px;}
.yishubiao{ top:45%; margin-top:-165px;}
.zxwenan{ top:80%;}
.yishubiao2{ top:150px; left:145px;}
.zxwenan2{ top:60%;}
.zxwenan3{ top:45%;}
.zxwenan4{ top:60%;}
.Partnerimg{ top:160px; height:60%;}
.zxwenan5{ bottom:50px;}
.yishubiao5{ top:190px;}

.Partnerimg_1x{ position:absolute; top:250px; width:1096px; height:800px; left:50%; margin-left:-596px; overflow:hidden; zoom:1;}
.Partnerimg_1x ul li{ float:left; width:190px; height:104px; margin:5px; overflow:hidden;}
.Partnerimg_1x ul li img{ position:absolute; width:190px; height:104px;}
.Partnerimg_1x ul li img:nth-child(1){ opacity:1}
.Partnerimg_1x ul li img:nth-child(2){ opacity:0;}
.Partnerimg_1x ul li:hiver img:nth-child(1){ opacity:0}
.Partnerimg_1x ul li:hover img:nth-child(2){  opacity:1}

.zxwenan5_1{ top:160px;}
.yishubiao5_1{ top:190px;}


.sucai1_1{ width:100%; bottom:0px; height:100%; left:0%;}
.sucai1_1 img{ position:absolute; width:100%; bottom:0px; right:0px;}
.yishubiao6{ right:20px; top:150px; width:17%;}
.zxwenan6_1{ left:10%; bottom:50px;}
.zxwenan6_2{ left:40%; bottom:50px;}
.jiantouxx{ bottom:15px;}
.navimg{ background:url(../images/ico1.png) no-repeat; width:23px; height:21px;}
.active .navimg{ background:url(../images/ico1_1.png) no-repeat;}
.navimg:hover{ background:url(../images/ico1_1.png) no-repeat;}

.xx8{ right:8%; height:66%; top:17%;}
.active .xx8{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:0.5s;}	

.xx10{ right:5%; height:74%; top:13%;}
.active .xx10{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:0.5s;}	

/*.active .bg{
	-webkit-animation: yasuo 0.8s;
	animation: yasuo 0.8s;
 	opacity:0;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
	}
	
	*/
.active .bg{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:0.5s;}	
.active .sucai2{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1s;}
.active .sucai3{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.2s;}
.active .logoer{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.7s;}
.active .yishubiao{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.7s;}
.active .yishubiao img{-webkit-animation-name:tada;animation-name:tada;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2s;}
.active .zxwenan{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.3s;}
.jiantouxx img{-webkit-transform:translateX(0%); -webkit-animation:yidong 0.2s linear 0.1s infinite alternate;}
.active .jiantouxx{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:3s;}
.active .yishubiao2{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.7s;}
.active .yishubiao2 img{-webkit-animation-name:tada;animation-name:tada;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2s;}
.active .zxwenan2 p:nth-child(1){-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.3s;}
.active .zxwenan2 p:nth-child(2){-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}
.active .zxwenan3 p:nth-child(1){-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.3s;}
.active .zxwenan3 p:nth-child(2){-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}
.active .zxwenan4 p:nth-child(1){-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.3s;}
.active .zxwenan4 p:nth-child(2){-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}
.active .zxwenan5{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:3s;}
.active .Partnerimg{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.3s;}
.active .yishubiao5{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}
.active .sucai1_1{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1s;}
.active .zxwenan6_1{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.3s;}
.active .zxwenan6_2{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.7s;}
.active .yishubiao6{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}
@-webkit-keyframes yidong{
	0%{ -webkit-transform:translate(0px,-10px);
	}
	100%{
	-webkit-transform:translate(0px,0px); 
	}
}
@-webkit-keyframes yasuo{
	0%{ -webkit-transform: scale(2); opacity:0;}
	100%{ -webkit-transform: scale(1); opacity:1;}
} 
.navlist{ position:absolute; top:15px; right:50px; z-index:99;}
.navlist ul li{ float:left; padding:0px 15px; border-right:1px solid #fff; height:10px; line-height:10px; margin-top:5px;}
.navlist ul li h2 a{ display:block; height:30px; text-align:center; float:left; width:60px; font-size:12px; color:#fff; padding-bottom:30px;}
.navlist ul li h2 a:nth-child(2){ display:none;}

.navlist ul li h2 a span{ display:block; width:60px; font-size:12px; color:#fff;}
.navlist ul li:nth-child(1){ height:21px; line-height:21px; margin-top:0px; border:none;}
.navlist ul li:nth-child(6){border:none;}
.active .navlist{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:3.5s;}
.navlist ul li:hover h2 a{ color:#e4c83f;}
.navlist ul li.active h2 a{ color:#e4c83f;}
.navlist ul li.active h2 a span{ color:#666;}


.navlist ul li p a:nth-child(2){ display:none;}


.xiala1xinxi{ position:absolute; top:30px; width:180px; padding-left:20px; height:115px; line-height:38px; right:240px; background:url(../images/bg7.png); border-radius:8px; z-index:99; display:none;}
.xiala1xinxi p a{ color:#fff; font-size:12px;}
.xiala1xinxi p:hover a{ color:#e4c83f;}

.xiala2xinxi{ position:absolute; top:30px; width:180px; padding-left:20px; height:115px; line-height:38px; right:70px; background:url(../images/bg7.png); border-radius:8px; z-index:99; display:none;}
.xiala2xinxi p a{ color:#fff; font-size:12px;}
.xiala2xinxi p:hover a{ color:#e4c83f;}

.xiala3xinxi{ position:absolute; top:30px; width:180px; padding-left:20px; height:115px; line-height:38px; right:160px; background:url(../images/bg7.png); border-radius:8px; z-index:99; display:none;}
.xiala3xinxi p a{ color:#fff; font-size:12px;}
.xiala3xinxi p:hover a{ color:#e4c83f;}


.xinzengbutton{ bottom:80px; right:20%;}
.xinzengbutton a{ margin:10px; color:#fff;font-style: italic ;}
.xinzengbutton a.rrrrr{ color:#fed818;}

.active .xinzengbutton{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}

.xinzengbutton2{ bottom:70px; right:20%;}
.xinzengbutton2 span{ margin:10px; color:#fff; font-weight:bold; font-size:16px;}
.xinzengbutton2 span.rrrrr{ color:#fed818;}
.xinzengbutton3{ bottom:20px; right:20%; background:url(../images/bg14.png); height:40px; line-height:40px; border-radius:5px; padding:0 20px;}
.xinzengbutton3 span{ margin:10px; color:#fff; font-size:14px;}
.xinzengbutton3 span.rrrrr{ color:#fed81a;}




.active .xinzengbutton2{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}
.active .xinzengbutton3{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}

.lunbocontent{ position:absolute; top:20%;  width:100%; height:60%;}
.lunbocontent2{ position:absolute; top:20%;  width:100%; height:60%; display:none;}
.lunbocontent3{ position:absolute; top:20%;  width:100%; height:60%; display:none;}
.lunbocontent4{ position:absolute; top:20%;  width:100%; height:60%; display:none;}
.lunbocontent5{ position:absolute; top:20%;  width:100%; height:60%; display:none;}
.lunbocontent6{ position:absolute; top:20%;  width:100%; height:60%; display:none;}
.lunbocontent7{ position:absolute; top:20%;  width:100%; height:60%; display:none;}
.lunbocontent8{ position:absolute; top:20%;  width:100%; height:60%; display:none;}
.lunbocontent9{ position:absolute; top:20%;  width:100%; height:60%; display:none;}

/*.active .lunbocontent{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}*/
.active .quanbuxinxi{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.5s;}
.shipincontent{ position:absolute; width:1000px; height:600px; left:50%; top:150px; margin-left:-500px;}


    .swiper-container {
      width: 100%;
      height: 100%;
    }
	 .swiper-container2 {
      width: 100%;
      height: 100%;
    }
	 .swiper-container3 {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* 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;
    }
	



.logo3d{ position:absolute; top:50px; left:50px; z-index:99;}
@keyframes rotate{
	0%{
		transform:rotateX(0deg) rotateY(0deg);
	}
	100%{
		transform:rotateX(360deg) rotateY(360deg);
	}
}
.wrap{
	perspective: 400px; /* 视图距元素的距离 相当于摄像机 */
}
.cube{
	width:60px;
	height:60px;
	position:relative;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	line-height:60px;
	transform-style:preserve-3d; /* 默认flat 2D */
	transform:rotateX(-30deg) rotateY(-70deg); 
	animation:rotate 20s infinite linear; /*播放时间 播放次数为循环 缓动效果为匀速 */
}
.cube > div{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#333;
	opacity:.6;
	transition:transform 0.4s ease-in;
}
.cube .out-front{
	transform: translateZ(30px);
}
.cube .out-back{
	transform: translateZ(-30px) rotateY(180deg);
}
.cube .out-left{
	transform: translateX(-30px) rotateY(-90deg);
}
.cube .out-right{ 
	transform: translateX(30px) rotateY(90deg);
}
.cube .out-top{
	transform: translateY(-30px) rotateX(90deg);
}
.cube .out-bottom{
	transform: translateY(30px) rotateX(-90deg);
}