/* CSS Document */

body{ width:100%; margin:0; padding:0;}
img{ outline:none; border:0;}
ul,ol,li{ list-style:none;}
a,a:hover{ text-decoration:none;}
.opacity{ opacity:0;}
.bg{ width:100%; min-height:100%;position:absolute;top:0; left:0; margin:0 auto; padding:0;}
.clear{ clear:both;}
.logo{ padding-top:5%; width:50%; margin:0 auto;}
.top{ width:50%; padding-top:12%; margin:0 auto;}
.top>div{ float:left;}
.line .line01{width: 21%;position: relative;margin-top: 3%;}
.line .line02{ width: 21%;position: relative;margin-top: 4%;}
.title_01{ width: 60%;margin-left: 45%;margin-top: 0%;}

.title_02{ width: 60%; margin:4% auto;}
.title_03,.title_04{ width: 80%; margin:4% auto;}
.title_05{ width: 80%; margin:10% auto;}
.links{ width: 65%;margin: 13% auto;}
.links > div { float: left;width: 27%;}
.marginLeft1{ margin-left:14%;}
.marginLeft2{ margin-left:18%;}

/*邀请函03  start*/
.invitation03_bg{ width:100%; min-height:100%;position:absolute;top:0; left:0; margin:0 auto; padding:0;}
.invitation03_bg ul{ padding:0; margin:0; width:100%; }
.invitation03_bg .text_00{ width:70%; margin:0 auto; padding-top:13%;}
.invitation03_bg .text_000{width:70%; margin:2% auto;}
.invitation03_bg .text_01{ width:80%; margin:6% auto 0%;}
.invitation03_bg .text_02{ width:80%; margin:2% auto; }
.invitation03_bg .text_03{ width:80%; margin:2% auto; }
.invitation03_bg .text_04{ width:80%; margin:1% auto; }
.invitation03_bg .text_05_tel{ width:80%; margin:-1% auto; }
.invitation03_bg .text_06{ width: 64%;position: absolute;bottom: 12%;left: 19.6%; }
.invitation03_bg .text_07{ width: 49%;position: absolute;bottom: 2%;left: 26%;}
/*邀请函03  end*/
/*邀请函04 start*/
.invitation04_bg{ width:100%; min-height:100%;position:absolute;top:0; left:0; margin:0 auto; padding:0;}
.invitation04_bg ul{padding:0; margin:0; width:100%;}
.invitation04_bg .top{ width:50%; padding-top:40%;}
.invitation04_bg .title{ margin-top:5%;}
.invitation04_bg li>div{ float:left;}
.invitation04_bg .line01{width: 7%;margin-left: 3%;}
.invitation04_bg .text01{ width: 76%;margin: 1% 2%;}
.invitation04_bg .line02{width: 7%;margin-right: 3%;}
.invitation04_bg .text02{ width:80%; margin:1.5% auto 0;}
.invitation04_bg .text03{width:80%; margin:1.5% auto 0;}
.invitation04_bg .text04{width:80%; margin:1% auto 0;}
/*邀请函04 end*/
/*动画效果*/
.abig{ -webkit-animation:abig ease-out;animation:abig ease-out;}

@-webkit-keyframes abig {
      0% { -webkit-transform:scale(0,0); opacity:0;}
      100% { -webkit-transform:scale(1,1); opacity:1;}
    }
@keyframes abig {
      0% {-webkit-transform:scale(0,0) ;transform:scale(0,0); opacity:0; }
      100% { -webkit-transform:scale(1,1); transform:scale(1,1); opacity:1;}
	}
/*苹果4样式*/
@media screen and (max-height: 480px) {
.logo{ padding-top:3%; width:50%; margin:0 auto;}
.top{ width:50%; padding-top:6%; margin:0 auto;}
.line { width: 60%;position: absolute;top: 21%;left: 27%;}
.line .line01{width: 21%;position: relative;margin-top: 3%;}
.line .line02{ width: 21%;position: relative;margin-top: 3.3%;}

.line .line03{ width: 2%;position: relative;margin-top: -8.5%;margin-left: 3%;}
.line .line04{ width: 2.1%;position: relative;margin-top: -15%;margin-left: 9%;}
.line .line05{width: 2%;position: relative;margin-top: -17.5%;margin-left: 15%;}
.title_05{ width: 80%; margin:5% auto;}
.links{ width: 65%;margin: 8% auto;}
/*邀请函03  start*/
.invitation03_bg .text_00{ width:65%; margin:0 auto; padding-top:6%;}
.invitation03_bg .text_000{width:65%; margin:2% auto 2%;}
.invitation03_bg .text_01{ width:75%; margin:3% auto 0%;}
.invitation03_bg .text_02{ width:75%; margin:1% auto; }
.invitation03_bg .text_03{ width:75%; margin:1% auto; }
.invitation03_bg .text_04{ width:75%; margin:0% auto; }
.invitation03_bg .text_05_tel{ width:75%; margin:-1% auto; }
.invitation03_bg .text_06{ width: 60%;position: absolute;bottom: 13%;left: 19.6%; }
.invitation03_bg .text_07{ width: 45%;position: absolute;bottom: 2%;left: 26%;}
/*邀请函03  end*/
/*邀请函04 start*/
.invitation04_bg{ width:100%; min-height:100%;position:absolute;top:0; left:0; margin:0 auto; padding:0;}
.invitation04_bg ul{padding:0; margin:0; width:100%;}
.invitation04_bg .top{width: 46%;padding-top: 32%;}
.invitation04_bg .title{ margin-top:5%;}
.invitation04_bg li>div{ float:left;}
.invitation04_bg .line01{width: 5%;margin-left: 15%;}
.invitation04_bg .text01{ width: 56%;margin: 0% 2%;}
.invitation04_bg .line02{width: 5%;}
.invitation04_bg .text02{ width:70%; margin:1.5% auto 0;}
.invitation04_bg .text03{width:70%; margin:1.5% auto 0;}
.invitation04_bg .text04{width:70%; margin:1% auto 0;}
/*邀请函04 end*/

}
/*苹果5样式*/
@media screen and (min-height: 481px)  and (max-height: 550px) {
.line { width: 55%;position: absolute;top: 22%;left: 27%;}
.line .line03{ width: 2%;position: relative;margin-top: -10%;margin-left: 3%;}
.line .line04{ width: 2.5%;position: relative;margin-top: -18%;margin-left: 9%;}
.line .line05{width: 2%;position: relative;margin-top: -21%;margin-left: 16%;}

}
/*三星，华为，小米样式*/
@media screen and (min-height: 551px)and (max-height: 600px) {
.line { width: 65%;position: absolute;top: 21%;left: 27%;}
.line .line03{ width: 2%;position: relative;margin-top: -9%;margin-left: 3%;}
.line .line04{ width: 2.5%;position: relative;margin-top: -16%;margin-left: 9%;}
.line .line05{width: 2%;position: relative;margin-top: -17.5%;margin-left: 15.5%;}

}
/*苹果6样式*/
@media screen and (min-height: 601px) and (max-height: 620px){
.line { width: 67%;position: absolute;top: 22%;left: 27%;}
.line .line03{ width: 1.8%;position: relative;margin-top: -9%;margin-left: 3.6%;}
.line .line04{ width: 2%;position: relative;margin-top: -16%;margin-left: 9%;}
.line .line05{width: 1.8%;position: relative;margin-top: -17%;margin-left: 14.5%;}

}
@media screen and (min-height: 621px){
.line { width: 67%;position: absolute;top: 22%;left: 27%;}
.line .line03{ width: 2%;position: relative;margin-top: -10.8%;margin-left: 3%;}
.line .line04{ width: 2%;position: relative;margin-top: -14.3%;margin-left: 9%;}
.line .line05{width: 2%;position: relative;margin-top: -14.2%;margin-left: 15.5%;}

}