body{
	margin: 0;
	font-family: 'microsoft yahei'; 
}
.roate-container{
	position: relative;
	margin: 0 auto;
	width: 559px;
	height: 623px;
	left: 30px;
	top: -80px;
	background: url(../images/roate-bg.png) no-repeat;
}
.screen-bg{
	position: absolute;
	left: 70px;
	top:220px;
	width: 462px;
	height: 374px;
	background-repeat: no-repeat;
	/*background-image: url(../images/screen-bg.png);*/
	z-index: 99;
}

.roate-item{
	position: absolute;
	left: 0;
	top:0;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	font-size: 0;
	background: url(../images/icon-item.png) no-repeat;
	z-index: 9;
}
.icon-roate-1,.icon-roate-2,.icon-roate-3,.icon-roate-4{
	width: 56px;
	height: 56px;
	background-repeat: no-repeat;
}
/*.icon-roate-1{
	background-image: url(../images/icon-roate-1.png);
}
.icon-roate-2{
	background-image: url(../images/icon-roate-2.png);
}
.icon-roate-3{
	background-image: url(../images/icon-roate-3.png);
}
.icon-roate-4{
	background-image: url(../images/icon-roate-4.png);
}*/
.icon-sq-1{
	width: 54px;
	height: 43px;
	background: url(../images/icon-sq-1.png) no-repeat;
}
.icon-sq-2{
	width: 28px;
	height: 22px;
	background: url(../images/icon-sq-2.png) no-repeat;
}
#roate1{
	height: 70%;
}
#roate2{
	height: 30%;
}
.type9904 .screen-bg{
	background-image: url(../images/bg3.png);
}
.type9904 .icon-roate-1{
	background-image: url(../images/ic_1.png);
}
.type9904 .icon-roate-2{
	background-image: url(../images/ic_2.png);
}
.type9904 .icon-roate-3{
	background-image: url(../images/ic_3.png);
}
.type9904 .icon-roate-4{
	background-image: url(../images/ic_4.png);
}

.section { position: relative; }
#section1 { background-image: url(../images/bg1.jpg);}
#section2 { background-image: url(../images/bg2.jpg);}
#section3 { background-image: url(../images/bg3.jpg);}
#section4 { background-image: url(../images/bg4.jpg);}
#section5 { background-image: url(../images/bg5.jpg);}
#section6 { background-image: url(../images/bg6.jpg);}
.sjbtn{ position: absolute; bottom: 20px; left: 50%; margin-left: -11px; }
/*第一部分*/
.bt img{ display: block; width: 70%; margin: 0 auto;/*opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;*/ }
.p1-btn { text-align: center; margin-top: 60px;display: flex;justify-content: center; }
.p1-btn a { display: inline-block; margin: 0 20px;-webkit-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out; transition:all 0.7s ease-out;}
.p1-btn a img { display: inline-block;max-width: 345px;width: 100%; }
.p1-btn a:hover {transform: scale(1.1);}
/*第二部分*/
.titleTxt{ color: #fff; text-align: center; font-size: 30px; }
.xtgn_cont{ margin-top: 30px; }
.xtgn_r { background: url(../images/kbg.png) center no-repeat; width: 40%; max-width: 356px; height: 100%; background-size: 100% 100%; padding-top: 30px; margin-right: 200px; }
.xtgn_txt{ padding-left: 40px; line-height: 24px; margin-top: 20px; }
.xtgn_txt a { color: #fcd186; font-size: 18px; padding-right: 20px; display: block; }
.xtgn_txt p { color: #fff; font-size: 16px; }
.xtgn_l{ max-width: 795px;width: 50%; height: 100%; }
@keyframes rotate{
	0%{
		transform:rotateX(0deg) rotateY(0deg);
	}
	100%{
		transform:rotateX(360deg) rotateY(360deg);
	}
}
.wrap{
	perspective: 1000px; /* 视图距元素的距离 相当于摄像机 */
	height: 100%;
	padding-left: 30%;
	padding-top: 120px;
}
.cube{
	width:200px;
	height:200px;
	position:relative;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	transform-style:preserve-3d; /* 默认flat 2D */
	transform:rotateX(-30deg) rotateY(-70deg);
	animation:rotate 20s infinite linear; /*播放时间 播放次数为循环 缓动效果为匀速 */
}
.cube > div{
	width:100%;
	height:100%;
	border:1px solid #fff;
	position:absolute;
	background-color:#feaa19;
	opacity:.6;
	transition:transform 0.4s ease-in;
}
.cube .out-front{
	transform: translateZ(100px);
}
.cube .out-back{
	transform: translateZ(-100px) rotateY(180deg);
}
.cube .out-left{
	transform: translateX(-100px) rotateY(-90deg);
}
.cube .out-right{
	transform: translateX(100px) rotateY(90deg);
}
.cube .out-top{
	transform: translateY(-100px) rotateX(90deg);
}
.cube .out-bottom{
	transform: translateY(100px) rotateX(-90deg);
}
.cube > span{
	display:block;
	width:100px;
	height:100px;
	border:1px solid #fff;
	background-color:#644919;
	position:absolute;
	top:50px;
	left:50px;
}
.cube p { padding-left:10px; padding-right:10px;}
.cube .in-front{
	transform: translateZ(50px);
}
.cube .in-back{
	transform: translateZ(-50px) rotateY(180deg);
}
.cube .in-left{
	transform: translateX(-50px) rotateY(-90deg);
}
.cube .in-right{
	transform: translateX(50px) rotateY(90deg);
}
.cube .in-top{
	transform: translateY(-50px) rotateX(90deg);
}
.cube .in-bottom{
	transform: translateY(50px) rotateX(-90deg);
}
.wrap:hover .out-front{
	transform: translateZ(200px);
}
.wrap:hover .out-back{
	transform: translateZ(-200px) rotateY(180deg);
}
.wrap:hover .out-left{
	transform: translateX(-200px) rotateY(-90deg);
}
.wrap:hover .out-right{
	transform: translateX(200px) rotateY(90deg);
}
.wrap:hover .out-top{
	transform: translateY(-200px) rotateX(90deg);
}
.wrap:hover .out-bottom{
	transform: translateY(200px) rotateX(-90deg);
}
.titles{ font-size:18px; padding-top:66px; }
.txts{ font-size:14px; margin-top:10px;}
/*第三部分*/
.ball_m{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.single{ max-width: 260px; margin: 50px 70px 0 70px; }
.single .ball{width:178px;height:178px; padding-top: 49px; margin:0 auto;background:url(../images/qiu.png) no-repeat center center;cursor:pointer;display:block;position:relative; text-align: center; }
.single .ball img { display: inline-block; width: 91px; height: 76px;}
.single .ball:after { content: ''; position: absolute; width: 164px; height: 164px; border-radius: 50%; box-shadow: 0 0 1px 2px rgba(255,255,255,0.8); top: 50%; left: 50%; margin-top: -82px; margin-left: -82px; z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
@-webkit-keyframes halo { 0% { opacity: 0;-webkit-transform: scale(0.1); }
	50% {opacity: 1; }
	100%{opacity: 0;-webkit-transform: scale(1.2); } }
@-moz-keyframes halo {0% { opacity: 0; -moz-transform: scale(0.1); }
	50% { opacity: 1; }
	100%{ opacity: 0; -moz-transform: scale(1.2); } }
@-ms-keyframes halo {0% { opacity: 0; }
	50% { opacity: 1; }
	100%{opacity: 0; } }
@-o-keyframes halo {0% { opacity: 0; -o-transform: scale(0.1); }
	50% {opacity: 1; }
	100%{ opacity: 0;-o-transform: scale(1.2); } }
@keyframes halo {0% { opacity: 0; transform: scale(0.1); }
	50% {opacity: 1; }
	100%{opacity: 0;transform: scale(1.2); } }
.single p { color: #fff; text-align: center; font-size: 18px; margin-top: 15px; }
/*第四部分*/
.flexitem {
	display: flex;
	width: 90%;
	justify-content: center;
}
.r_box{ width: 32%; height: 250px; margin-top: 5px; }
.r_box1{ background: #ffffff; }
.r_box2 { background: #fceed5; }
.rf_box1{ transition:all 1s; opacity:0;margin-left:-30px; }
.active .rf_box1 { opacity:1; transition-delay:0.7s; margin-left:0px; }
.rf_box2{ transition:all 1s; opacity:0;margin-left:-50px; }
.active .rf_box2 { opacity:1; transition-delay:0.9s; margin-left:3px; }
.rf_box3{ transition:all 1s; opacity:0;margin-left:-150px; }
.active .rf_box3 { opacity:1; transition-delay:0.9s; margin-left:3px; }
.r_box a{ display: block; padding-top: 51px; height: 100%; width: 100%; text-align: center; }
.r_box a img { display: inline-block; transition:all 1s;}
.r_box a p { color: #2d2e2f; font-size: 18px; margin-top: 20px; }
.r_box a:hover img { transform: scale(1.1); }
/*第五部分*/
.kc_titleTxt{ position: absolute; top: 150px; left: 50%; margin-left: -100px; width: 200px; }
.kc_box{ position: absolute; z-index: 2; left: 50%; top: 230px; width: 269px; height: 288px; background: #fff; }
.kc_box1{ margin-left: -851px; transition:all 1s; opacity:0; }
.active .kc_box1 { margin-left: -575px; opacity:1; transition-delay:0.7s; }
.kc_box2{ margin-left: -403px; transition:all 1s; opacity:0; }
.active .kc_box2 { margin-left: -277px; opacity:1; transition-delay:0.7s; }
.kc_box3{ margin-left:195px; transition:all 1s; opacity:0; }
.active .kc_box3 { margin-left: 20px; opacity:1; transition-delay:0.7s; }
.kc_box4{ margin-left:645px; transition:all 1s; opacity:0; }
.active .kc_box4 { margin-left: 317px; opacity:1; transition-delay:0.7s; }
.kc_pic{ width: 269px; height: 179px; overflow: hidden; }
.kc_pic img { display: block;width: 269px; height: 179px; transition: all 0.6s;}
.kc_pic:hover img { transform: scale(1.1); }
.kc_cont{ padding: 0 10px; }
.kc_name{ font-size: 18px; padding-top: 14px; }
.kc_name a{ color: #121212; }
.kc_info{ margin-top: 7px; }
.kc_info span { color: #157fc4; font-weight: bold; }
.kc_author{ margin-top: 10px; }
.kc_author .blod { color: #157fc4; font-weight: bold; }
.kc_more{ position: absolute; bottom:83px; left: 50%; width: 224px; height: 49px; background: transparent; border: 2px solid #fff; margin-left: -112px; border-radius: 6px;-moz-box-shadow:0px 0px 14px #fff; -webkit-box-shadow:0px 0px 14px #fff; box-shadow:0px 0px 14px #fff;  }
.kc_more a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 49px; font-size: 16px; color: #fff; }
/*第六部分*/
.hz_box{ max-width: 380px;width: 30%; height: 245px; background: #fff; border-radius: 15px;-moz-box-shadow:0px 0px 14px #ffffff; -webkit-box-shadow:0px 0px 14px #ffffff; box-shadow:0px 0px 14px #ffffff; transition:all 1s;  }
.hzbox-2 { transition:all 2s; opacity:0.5; top: 120px;  }
.active .hzbox-2{ top: 265px; opacity:1; transition-delay:1.1s;}
.hzbox-1 { transition:all 2s; opacity:0.5; top: 120px;  }
.active .hzbox-1{ top: 265px; opacity:1; transition-delay:1.1s;}
.hzbox-3 { transition:all 2s; opacity:0.5; top: 120px;  }
.active .hzbox-3{top: 265px; opacity:1; transition-delay:1.1s;}
.hz_pic{ padding-top: 50px; text-align: center; }
.hz_name{ text-align: center; font-size: 18px; color: #2d2e2e; margin-top: 20px; }
.hz_txt{  color: #8c9091;text-align: center; margin-top: 10px; }

/*add*/
.hzbox{width: 80%;height: 245px;position: absolute;left: 0;right: 0;margin: auto;display: flex;justify-content: space-between;transition:all 2s; opacity:0.5; top: 120px;}
.active .hzbox{top: 285px;opacity:1; transition-delay:1.1s;}

/*通知公告*/
.advice{ background: url(../images/adbg.png) repeat; width: 100%; position: absolute; left: 0; top: 86px; height: 40px;}
.adMore{ color: #fff; line-height: 40px; }
.adLft{ background: url(../images/advice.png) left center no-repeat; width: 900px; height: 40px; padding-left: 40px; }
.siteWidth{ width:900px; margin:0 auto;   }
.column{ overflow:hidden; }
#topBar{ height:40px; line-height:40px; overflow:hidden;  }
#topBar a{  color:#fff; margin-right: 5px;  }
#topBar em{ display: inline-block; background: #f5a108; color: #fff; padding:0 6px; height: 20px; line-height: 20px; border-radius: 3px; font-style: normal; font-size: 12px; }