// @Author: baiminghui <bai>
// @Date:   2017-07-08T13:53:56+08:00
// @Email:  916402001@qq.com
// @Last modified by:   bai
// @Last modified time: 2017-12-28T17:13:31+08:00



*,*: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;;
}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;}



/*grid grid 12fen栏*/

.pagewap{width:100%;height:100vh;overflow: hidden;}
.cover{width:100%; height:100vh; background: url('../images/coverbg.png') center top no-repeat;background-size: cover;}
#tititem{ width:120px; height:180px; position:absolute; left:50%; margin-left:-53px; top:-3px;  -webkit-transform:perspective(800px) rotateY(0deg) rotateX(-10deg);  transform:perspective(800px) rotateY(0deg) rotateX(-10deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d;background-size: cover;}
.tititemwarp{width:100%; height:54vh;position: relative;}
#tititem div{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/1.jpg) no-repeat; -webkit-box-shadow:0 0 5px 2px rgba(154, 122, 71, 0.6); box-shadow:0 0 5px 2px rgba(154, 122, 71, 0.6); border-radius:5px; color:#fff; text-align:center; font-size:20px;background-size: cover; }

#tititem div span{ position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform: translateY(10px) scale(1,-1); -ms-transform: translateY(10px) scale(1,-1); transform: translateY(10px) scale(1,-1); -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; transform-origin:center bottom; -webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); opacity:0.4;}
 .tit{width:100%;height: 46vh;position: relative;}
 .tit img{height: 93%;
    position: absolute;
    left: 10%;
    bottom: 3%;}
 .yun1{width:80px;position: absolute;left:10%;top:60%;  -webkit-animation: moveright 35s linear infinite;  animation: moveright 35s linear infinite;}
 .yun2{width:60px;position: absolute;right:20%;bottom:5%;-webkit-animation: moveleft 45s linear infinite;animation: moveleft 45s linear infinite;}

 .close{position: fixed;bottom:10px;right:10px;background: #ca1f1e;border-radius: 5px;padding: 5px 10px;border: 2px solid #e5d9c4;color: #fbf0b8;-webkit-box-shadow: 0px 1px 11px #7c6442;box-shadow: 0px 1px 11px #7c6442;}
.mask{position: absolute; top:0px;left:0px;width:100%;height:100vh;overflow: hidden;overflow-y: scroll;background: #f9f7f4;display:none}

.conwarp{ padding:10px;color:#695b42;line-height: 30px;font-size: 16px;padding-bottom: 40px;}
.conwarp h2{ font-size: 26px;line-height: 36px;text-align: center;margin-bottom: 20px;}
.conwarp h3{ font-size: 20px;line-height: 30px;margin:20px auto 10px;text-align: center;font-weight: 600;}
.conwarp h4{ font-size: 16px;line-height: 24px;text-align: center;margin-bottom: 10px}
.conwarp p{ text-indent: 2em;margin-bottom:10px;text-align: justify;}

.rol360{position: absolute;bottom:45px;left:50%;width:180px;margin-left: -90px;padding-top: 60px;text-align: center;color:rgba(84, 67, 46, 0.67);background: url(../images/rol360.png) center 0px no-repeat; }

.copyright{position: absolute;bottom:10px;left:50%;width:300px;margin-left: -150px;font-size: 18px;line-height: 46px;text-align: center;color:#54432e;font-weight: 600;}

.masklist{display:none;background: #ca1f1e;padding-bottom:20px;}
.backbtn{width:50px;position: fixed;bottom:10px;right:10px;z-index: 99;height:50px;display:block;background: #ec9d9b;border-radius: 50%;padding:10px;}
.nexpagecon{width:100%;height:100vh;position: absolute;top:0px;left:0px;background: url(../images/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(../images/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;}

.show{display:block;}
.hidden{display: none}



@-webkit-keyframes moveleft {
    0% {
        /* opacity: 1;
        filter: alpha(opacity=100) */
        -webkit-transform: translate3d(400%,50%,0);
                transform: translate3d(400%,50%,0)
    }

    100% {
        /* opacity: 0; */
        /* filter: alpha(opacity=0); */
        -webkit-transform: translate3d(-600%,-50%,0);
                transform: translate3d(-600%,-50%,0)
    }
}



@keyframes moveleft {
    0% {
        /* opacity: 1;
        filter: alpha(opacity=100) */
        -webkit-transform: translate3d(400%,50%,0);
                transform: translate3d(400%,50%,0)
    }

    100% {
        /* opacity: 0; */
        /* filter: alpha(opacity=0); */
        -webkit-transform: translate3d(-600%,-50%,0);
                transform: translate3d(-600%,-50%,0)
    }
}
@-webkit-keyframes moveright {
    0% {
        /* opacity: 1; */
        /* filter: alpha(opacity=100) */
        -webkit-transform: translate3d(-200%,-150%,0);
                transform: translate3d(-200%,-150%,0)
    }

    100% {
        /* opacity: 0;
        filter: alpha(opacity=0); */
        -webkit-transform: translate3d(600%,60%,0);
                transform: translate3d(600%,60%,0)
    }
}
@keyframes moveright {
    0% {
        /* opacity: 1; */
        /* filter: alpha(opacity=100) */
        -webkit-transform: translate3d(-200%,-150%,0);
                transform: translate3d(-200%,-150%,0)
    }

    100% {
        /* opacity: 0;
        filter: alpha(opacity=0); */
        -webkit-transform: translate3d(600%,60%,0);
                transform: translate3d(600%,60%,0)
    }
}




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

.music .control {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/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(../images/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 */