// @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栏*/

@-webkit-keyframes animation{from{opacity:0; -webkit-transform:scale(1.2) rotateX(45deg);transform:scale(1.2) rotateX(45deg);} to{ }}

@-webkit-keyframes animation2{from{opacity:0; -webkit-transform:scale(1.2) rotateX(45deg);transform:scale(1.2) rotateX(45deg);} to{ }}
body {
   background:#F5DDAA;
   /*-webkit-perspective:1000px;*/
   /*overflow:hidden;*/
}
.cover{width:100%;height:100vh;background:url('../images/mainbg.jpg') center top no-repeat #0b4c0e;position: absolute;top:0px;left:0px;background-size: cover;z-index: 9999;}
.logo{width:80px;position: absolute;top:10px;right:10px;}
.mainwarp{position: absolute;top:50%;left:50%;width:100%;width:350px;margin-left: -175px;margin-top: -250px;}

.mainwarp{opacity: 0;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: scale(2, 2);-ms-transform: scale(2, 2);transform: scale(2, 2);transform: scale(2, 2);-webkit-filter: blur(90px);filter: blur(90px);filter: blur(90px); }
.mainwarp{display:block;-webkit-animation:vanishIn 2s .2s ease both;animation:vanishIn 2s .2s ease both;}
.tip{position: absolute;bottom:0px;left:50%;margin-left: -60px;width:120px; -webkit-animation: scrolldown 2s 2.2s ease both infinite; animation: scrolldown 2s 2.2s ease both infinite;}
.maincon{margin-top:10px;} 
.mainent{margin:50px auto 0px;border:1px solid #fff;width:120px;height:30px;font-size: 22px;line-height: 30px;text-align: center;color:#fff;}
.copy{position: absolute;width:100%;left:0px;bottom:10px;font-size:24px;text-align: center;color:#fff;text-shadow: 5px 2px 9px #000;font-weight: 400}
.slider div p{color:#1c1c1c;position:absolute;bottom:-55px; font-family:Raleway; font-size:16px;}
.slider{
    -webkit-animation:animation ease 1s;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;
    margin: 0 auto;
    /* height:620px; */
    height:100vh;
    width:95%;
    padding:20px 10px 10px;
    top:80px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-perspective:1000px;
            perspective:1000px;
    -webkit-transition:ease-in-out .2s;
    -o-transition:ease-in-out .2s;
    transition:ease-in-out .2s;
    /*-webkit-transform:rotateX(45deg);
    -webkit-transform-style:preserve-3d;
    position:absolute;*/
}
/*.slider:active{ -webkit-transform:rotateZ(10deg);}*/
.slide img { text-align:center;width:100%; height:100%; -webkit-user-drag:none;user-drag:none;-moz-user-drag:none; border-radius:2px; }
.slide .con{position: absolute;top:0px;left:0px;}
.slide{
    -webkit-user-select:none;
    -ms-user-select:none;
        user-select:none;
    -ms-touch-action: none;
        touch-action: none;
    -moz-user-select:none;
    position:absolute;
    /* height:620px; */
    width:95%;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
            box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
    background:#fcfcfc;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    text-align:center;
    /*overflow:hidden;*/
    border:12px white solid;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    /* border-bottom:55px white solid; */
    border-radius:5px;
}
.transition {
    -webkit-transition: cubic-bezier(0,1.95,.49,.73) .4s ;
    -o-transition: cubic-bezier(0,1.95,.49,.73) .4s ;
    transition: cubic-bezier(0,1.95,.49,.73) .4s ;
}
@-webkit-keyframes scrolldown{
    0%, 100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(14px);
                transform: translateX(14px);
        opacity: 1;
    }
}
@keyframes scrolldown{
    0%, 100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(14px);
                transform: translateX(14px);
        opacity: 1;
    }
}
@-webkit-keyframes vanishIn {
    0% {
      opacity: 0;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: scale(2, 2);
              transform: scale(2, 2);
              transform: scale(2, 2);
      -webkit-filter: blur(90px);
              filter: blur(90px);
              filter: blur(90px);
    }

    100% {
      opacity: 1;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
              transform: scale(1, 1);
      -webkit-filter: blur(0px);
              filter: blur(0px);
              filter: blur(0px);
    }
  }
@keyframes vanishIn {
    0% {
      opacity: 0;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: scale(2, 2);
              transform: scale(2, 2);
              transform: scale(2, 2);
      -webkit-filter: blur(90px);
              filter: blur(90px);
              filter: blur(90px);
    }

    100% {
      opacity: 1;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
              transform: scale(1, 1);
      -webkit-filter: blur(0px);
              filter: blur(0px);
              filter: blur(0px);
    }
  }
.slide .con.anim{
    display:block;
   -webkit-animation:fadeInLeftBig 1s .2s ease both;
           animation:fadeInLeftBig 1s .2s ease both;
    }
  
        @-webkit-keyframes fadeInLeftBig{
        0%{opacity:0;
       -webkit-transform:translateX(-2000px);
               transform:translateX(-2000px)}
        100%{opacity:1;
       -webkit-transform:translateX(0);
               transform:translateX(0)}
        }

/*# sourceMappingURL=main.css.map */