*,*:before,*:after{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}body{
	text-align:left;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font:14px/24px 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;-webkit-font-smoothing:antialiased;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,th,td{
	margin:0;
	padding:0;
	outline: 0;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}audio,canvas,video{
	display:inline-block;
	*display:inline;
	*zoom:1;
}h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}table,fieldset,img,a img{
	border:0;
}ul,ol,li,dl,dd,dt{
	list-style:none outside none;
}table{
	border-collapse:collapse;
	border-spacing:0;
}em,strong,th{
	font-style:normal;
	font-weight:normal;
}b,strong{
	font-weight:600;
}audio,canvas,progress,video{
	display:inline-block;
	vertical-align:baseline;
}img{
	width:auto\9;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
a,a:link,a:visited{
	text-decoration:none;

	display: inline-block;
}a:hover{
	text-decoration:none;

}a,a:focus{
	outline:0;
}
input,select,form img,button{
	vertical-align:middle;
}iframe{
	overflow:hidden;
}small{
	font-size:80%;
}svg:not(:root){
	overflow:hidden;
}hr{
	-webkit-box-sizing:content-box;
	        box-sizing:content-box;
	height:0;
}mark{
	color:#000;
	background:#ff0;
}small{
	font-size:80%;
}sub,sup{
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;
}sup{
	top:-.5em;
}sub{
	bottom:-.25em;
}img{
	border:0;
}svg:not(:root){
	overflow:hidden;
}figure{
	margin:1em 40px;
}img{
	vertical-align:middle;
}.fl{
	float:left;
	display:inline;
}.fr{
	float:right;
	display:inline;
}
.LRwarpFl{
	float:left;
	display:inline;
}
.LRwarpFr{
	float:right;
	display:inline;
}
.pcfl,.ModuleFl{
	float:left;
	display:inline;
}.pcfr,.ModuleFr{
	float:right;
	display:inline;
}
.mobfl{
	float:left;
	display:inline;
}.mobfr{
	float:right;
	display:inline;
}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.clearfix:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

* html .clearfix {
    zoom:1}
.blank,.blank5,.blank1,.blank10,.blank20,.blank30{
	clear:both;
	display:block;
	font-size:1px;
	visibility:hidden;
	height:-1px;
	line-height:0;
}.blank5{
	height:5px;
}.blank10{
	height:10px;
}.blank20{
	height:20px;
}.blank30{
	height:30px;
}.blank1{
	height:1px;
}
.disno{
	display:none;
}
.pcdisno{
	display:none;
}
.mbdisno{
	display:none;
}
.show{display:block;}


.pagewarp{position: relative;width:100%;height:100vh;background: #001e52;overflow: hidden;}
#box {width: 200px;height: 200px;margin:45vh auto 0;position: relative;-webkit-transform:perspective(800px) rotateY(64deg) rotateX(7deg);transform:perspective(800px) rotateY(64deg) rotateX(7deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:8;}
#box.boxAnim{-webkit-animation: 20s spin linear infinite;}
#box div{width:100%;height:100%;position: absolute;top:0;left: 0;background-size:cover; -webkit-box-shadow:0 0 200px #5fbcff;opacity: 1;}
.tit{position:absolute;top:3.5vh;left:0;width:100%;z-index: 9;}
.tit img{width:100%;}
.bgpng{position:absolute;bottom:0;left:0;width:100%;z-index: 9;}
.bgpng img{width:100%;}

.front{-webkit-transform:translateZ(100px);transform:translateZ(100px);background: url(http://www.cchlw.cn/cczf/a5.jpg);}
.front a{display:block;width:100%;height:100%;cursor: pointer; z-index: 99999;position: relative;}
.back{-webkit-transform:translateZ(-100px);transform:translateZ(-100px);background: url(http://www.cchlw.cn/cczf/a1.jpg);}
.left{-webkit-transform:translateX(-100px) rotateY(90deg);transform:translateX(-100px) rotateY(90deg);background: url(http://www.cchlw.cn/cczf/a2.jpg);}
.right{-webkit-transform:translateX(100px) rotateY(90deg);transform:translateX(100px) rotateY(90deg);background: url(http://www.cchlw.cn/cczf/a3.jpg);}
.top{-webkit-transform:translateY(-100px) rotateX(90deg);transform:translateY(-100px) rotateX(90deg);background: url(http://www.cchlw.cn/cczf/a4.jpg);}
.bottom{-webkit-transform:translateY(100px) rotateX(90deg);transform:translateY(100px) rotateX(90deg);background: url(http://www.cchlw.cn/cczf/a6.jpg);}
.mask,.maskitem{
    width:100%;height:100vh;background: #001e52;overflow: hidden;
}
.mask{display:none;background:#fff; z-index: 9999;position: absolute;top:0px;left: 0px;}
.maskitem{display:none;color:#fff;text-align: center;overflow-y:scroll;position: relative;}
.backbtn{width:50px;position: fixed;bottom:10px;right:10px;z-index: 99;height:50px;display:block;background: #001e52;border-radius: 50%;padding:10px;}
.tip{width:200px;position: absolute;bottom:10px;left:50%;margin-left: -100px;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); -webkit-animation: scaletip 3s linear 0s infinite alternate; animation: scaletip 3s linear 0s infinite alternate; z-index:22;}

.nexpagecon{width:100%;height:100vh;position: absolute;top:0px;left:0px;background: url(http://www.cchlw.cn/cczf/nexpagecon.jpg) center bottom no-repeat scroll;z-index: 8888;background-size: cover;display: none;}
.nextpagebtn{width:100%;height:130px;position: absolute;right:0px;bottom:0px;background:url(http://www.cchlw.cn/cczf/nextpagebtn.png) right bottom no-repeat;z-index: 33;background-size:24%;-webkit-animation: fyAni 1s linear forwards infinite alternate;animation: fyAni 1s linear forwards infinite alternate;}


.active{display: block;}
@-webkit-keyframes fyAni{
	0% {
		-webkit-transform: translate3d(8px,5px,2px);
		        transform: translate3d(8px,5px,2px);
	}

	100% {
		-webkit-transform: translate3d(0px,0px,0px);
		        transform: translate3d(0px,0px,0px);
	}
}
@keyframes fyAni{
	0% {
		-webkit-transform: translate3d(8px,5px,2px);
		        transform: translate3d(8px,5px,2px);
	}

	100% {
		-webkit-transform: translate3d(0px,0px,0px);
		        transform: translate3d(0px,0px,0px);
	}
}
@-webkit-keyframes scaletip
{
    0%
    {
        -webkit-transform:  scale(.8)  ;
                transform:  scale(.8)  ;
        /* opacity: .6; */
    }
    100%
    {
        -webkit-transform:  scale(1) ;
                transform:  scale(1) ;
        /* opacity: 1; */
    }
}
@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform:  rotateX(0deg) rotateY(0deg);
                transform:  rotateX(0deg) rotateY(0deg);
    }
    50%
    {
        -webkit-transform:  rotateX(180deg) rotateY(180deg);
                transform:  rotateX(180deg) rotateY(180deg);
    }

    100%
    {
        -webkit-transform: rotateX(360deg) rotateY(360deg);
                transform: rotateX(360deg) rotateY(360deg);
    }
}



.music {position: absolute;
    width: 2rem;
    height: 2rem;
    left: .5rem;
    top: .5rem;
    z-index: 999
}

.music .control {
    width: 2.5rem;
    height: 2.5rem;
    background: url(http://www.cchlw.cn/sy/music.gif) center center no-repeat;
    background-size: contain
}

.music.stopped .control {
    background: 0 0
}

.music .control .control-after {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.75rem;
    margin-left: -.75rem;
    background: url(http://www.cchlw.cn/sy/music_off.png) center center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotate2d 1.2s linear infinite;
    animation: rotate2d 1.2s linear infinite;
    z-index: -1
}

.music.stopped .control .control-after {
    -webkit-animation: none;
    animation: none
}
@-webkit-keyframes rotate2d {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate2d {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/*# sourceMappingURL=main.css.map */