@charset "utf-8";
/* CSS Document */

div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
html{ width:100%;height:100%;}
body{
	width:100%;
	height:100%;
	margin:0 auto;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #000000;
	text-align: left;
	background-color:#ffffff;
	line-height: 26px;
	position:relative;
}
a{color:#333333; text-decoration:none;}
a:hover{text-decoration:none;}
button{margin:0; padding:0;}
ul li{list-style:none;}
img{border:none;}
.mycl{width:0px; height:0px; clear:both; overflow:hidden;}
.newcl{clear:both;}
h1 {font-family:"微软雅黑"; font-size:26px; color:#0057a9; text-align:center;}
p {text-indent:2em;}
img {display:block;}
.heide {height: 30px; background-color: #000000; z-index: 0; position: relative;filter: alpha(opacity=50);opacity: 0.5;
margin-top: -30px;}
.wz {z-index: 1;height: 30px;line-height: 30px;position: relative;text-align: left;
color: #FFFFFF;text-align: center;margin-top: -30px;}
.wz a, .wz a:visited {color: #FFFFFF;}

.all{ width:640px; height:100%; margin:0 auto; position:relative}

.t_30 {height:30px;}
.container {width:1000px; margin:0 auto; padding-top:20px;}

.bg_l {background:#c3f5ff; width:640px;  height:100%; position:absolute; top:0px; left:0px; z-index:50;}
.bg_01 {width:640px;background:url(20181225_bg_01.jpg) no-repeat;background-size:cover; height:100%; position:absolute; top:0px; left:0px; z-index:30;}

.bg_h {height:14900px; width:640px; overflow:hidden;background:url(20181225_bg_h.jpg); background-size:cover}
.bg_h22 {height:14900px; width:640px; position:relative; background:none;}
.bg_m {height:410px; width:640px; background:url(20181225_bg_m.jpg) no-repeat;}

.sc_01 {width:640px; height:409px; position:absolute; bottom:0px; cursor:pointer}
.sc_01 img {width:640px; height:409px;}

.sc_02 {width:605px; height:157px; position:absolute; top:80px; left:20px;}
.sc_02 img {width:605px; height:157px;}

.sc_03 {width:183px; height:319px; position:absolute; top:1597px; left:60px; z-index:15;}
.sc_03 img {width:183px; height:319px;}
.sc_04 {width:228px; height:236px; position:absolute; top:1680px; left:380px; z-index:15;}
.sc_04 img {width:228px; height:236px;}
.sc_05 {width:304px; height:337px; position:absolute; top:1580px; left:150px; z-index:13;}
.sc_05 img {width:304px; height:337px;}
.sc_06 {width:345px; height:199px; position:absolute; top:2330px; left:150px; z-index:15;}
.sc_06 img {width:345px; height:199px;}
.sc_07 {width:330px; height:207px; position:absolute; top:2380px; left:260px; z-index:13;}
.sc_07 img {width:330px; height:207px;}
.sc_08 {width:181px; height:95px; position:absolute; top:3070px; left:0px; z-index:15;}
.sc_08 img {width:181px; height:95px;}
.sc_09 {width:181px; height:95px; position:absolute; top:3390px; right:0px; z-index:15;}
.sc_09 img {width:181px; height:95px;}
.sc_10 {width:573px; height:432px; position:absolute; top:3000px; left:0px; z-index:13;}
.sc_10 img {width:573px; height:432px;}
.sc_11 {width:368px; height:95px; position:absolute; top:4050px; left:140px; z-index:22;}
.sc_11 img {width:368px; height:95px;}
.sc_12 {width:486px; height:275px; position:absolute; top:4410px; right:0px; z-index:15;}
.sc_12 img {width:486px; height:275px;}
.sc_13 {width:294px; height:189px; position:absolute; top:4480px; right:90px; z-index:15;}
.sc_13 img {width:294px; height:189px;}
.sc_14 {width:344px; height:353px; position:absolute; top:5120px; right:130px; z-index:13;}
.sc_14 img {width:344px; height:353px;}
.sc_15 {width:134px; height:134px; position:absolute; top:5220px; left:110px; z-index:15;}
.sc_15 img {width:134px; height:134px;}
.sc_16 {width:134px; height:134px; position:absolute; top:5090px; left:160px; z-index:15;}
.sc_16 img {width:134px; height:134px;}
.sc_17 {width:134px; height:134px; position:absolute; top:5090px; left:340px; z-index:15;}
.sc_17 img {width:134px; height:134px;}
.sc_18 {width:134px; height:134px; position:absolute; top:5220px; left:410px; z-index:15;}
.sc_18 img {width:134px; height:134px;}
.sc_19 {width:640px; height:297px; position:absolute; top:5780px; left:0px; z-index:12;}
.sc_19 img {width:640px; height:297px;}
.sc_20 {width:188px; height:61px; position:absolute; top:6000px; right:-188px; z-index:15;}
.sc_20 img {width:188px; height:61px;}
.sc_21 {width:293px; height:89px; position:absolute; top:6020px; left:-300px; z-index:15;}
.sc_21 img {width:293px; height:89px;}
.sc_22 {width:552px; height:321px; position:absolute; top:6540px; left:40px; z-index:15;}
.sc_22 img {width:552px; height:321px;}
.sc_23_1 {width:117px; height:82px; position:absolute; top:6510px; left:0px; z-index:15;}
.sc_23_1 img {width:117px; height:82px;}
.sc_23_2 {width:117px; height:82px; position:absolute; top:6580px; right:0px; z-index:15;}
.sc_23_2 img {width:117px; height:82px;}
.sc_24 {width:464px; height:437px; position:absolute; top:7240px; right:30px; z-index:15;}
.sc_24 img {width:464px; height:437px;}
.sc_25 {width:198px; height:165px; position:absolute; top:8040px; right:80px; z-index:15;}
.sc_25 img {width:198px; height:165px;}
.sc_26 {width:522px; height:283px; position:absolute; top:8090px; right:70px; z-index:15;}
.sc_26 img {width:522px; height:283px;}
.sc_27 {width:405px; height:529px; position:absolute; top:8810px; right:70px; z-index:15;}
.sc_27 img {width:405px; height:529px;}
.sc_28 {width:640px; height:615px; position:absolute; top:9720px; right:0px; z-index:15;}
.sc_28 img {width:640px; height:615px;}
.sc_29 {width:432px; height:311px; position:absolute; top:11320px; right:100px; z-index:15;}
.sc_29 img {width:432px; height:311px;}
.sc_30 {width:566px; height:32px; position:absolute; top:11660px; right:38px; z-index:15;}
.sc_30 img {width:566px; height:32px;}
.sc_31 {width:355px; height:303px; position:absolute; top:11860px; right:0px; z-index:15;}
.sc_31 img {width:355px; height:303px;}
.sc_32 {width:595px; height:339px; position:absolute; top:12220px; right:22px; z-index:15;}
.sc_32 img {width:595px; height:339px;}
.sc_33 {width:538px; height:300px; position:absolute; top:12620px; right:55px; z-index:15;}
.sc_33 img {width:538px; height:300px;}
.sc_34 {width:380px; height:367px; position:absolute; top:12920px; right:125px; z-index:15;}
.sc_34 img {width:380px; height:367px;}
.sc_35 {width:465px; height:240px; position:absolute; top:13320px; right:85px; z-index:15;}
.sc_35 img {width:465px; height:240px;}
.sc_36 {width:524px; height:240px; position:absolute; top:13620px; right:55px; z-index:15;}
.sc_36 img {width:524px; height:240px;}
.sc_37 {width:396px; height:237px; position:absolute; top:13920px; right:125px; z-index:15;}
.sc_37 img {width:396px; height:237px;}
.sc_38{width:581px; height:311px; position:absolute; top:14220px; right:25px; z-index:15;}
.sc_38 img {width:581px; height:311px;}
.sc_39{width:164px; height:164px; position:absolute; top:168px; right:239px; z-index:15;}
.sc_39 img {width:164px; height:164px;}

.sc_pit {width:69px; height:73px; position:absolute; z-index:10;}
.sc_pit img {width:69px; height:73px;}

.gf_01 {width:338px; height:120px; position:absolute; right:30px; top:40px; z-index:20;}
.gf_01 img {width:338px; height:120px;}
.gf_02 {width:381px; height:328px; position:absolute; right:80px; top:930px; z-index:20;}
.gf_02 img {width:381px; height:328px;}
.gf_03 {width:298px; height:346px; position:absolute; right:140px; top:3760px; z-index:20;}
.gf_03 img {width:298px; height:346px;}
.gf_04 {width:200px; height:250px; position:absolute; right:140px; top:8860px; z-index:20;}
.gf_04 img {width:200px; height:250px;}
.gf_05 {width:640px; height:458px; position:absolute; right:0px; top:10800px; z-index:20;}
.gf_05 img {width:640px; height:458px;}
.gf_06 {width:311px; height:284px; position:absolute; left:20px; top:11700px; z-index:20;}
.gf_06 img {width:311px; height:284px;}
.gf_ld {width:150px; height:30px; position:absolute; left:250px; top:340px; z-index:60;}
.gf_ld img {width:150px; height:30px;}

.ln_01 {width:377px; height:0px; overflow:hidden; position:absolute; right:190px; top:30px; z-index:5;}
.ln_01 img {width:377px; height:706px;}
.ln_02 {width:518px; height:0px; overflow:hidden; position:absolute; right:54px; top:730px; z-index:5;}
.ln_02 img {width:518px; height:626px;}
.ln_03 {width:528px; height:0px; overflow:hidden; position:absolute; right:38px; top:1330px; z-index:5;}
.ln_03 img {width:528px; height:760px;}
.ln_04 {width:521px; height:0px; overflow:hidden; position:absolute; right:65px; top:2080px; z-index:5;}
.ln_04 img {width:521px; height:674px;}
.ln_05 {width:524px; height:0px; overflow:hidden; position:absolute; right:15px; top:2780px; z-index:5;}
.ln_05 img {width:524px; height:728px;}
.ln_06 {width:522px; height:0px; overflow:hidden; position:absolute; right:55px; top:3520px; z-index:5;}
.ln_06 img {width:522px; height:677px;}
.ln_07 {width:487px; height:0px; overflow:hidden; position:absolute; right:30px; top:4220px; z-index:3;}
.ln_07 img {width:487px; height:604px;}
.ln_08 {width:527px; height:0px; overflow:hidden; position:absolute; right:17px; top:4820px; z-index:3;}
.ln_08 img {width:527px; height:723px;}
.ln_09 {width:522px; height:0px; overflow:hidden; position:absolute; right:57px; top:5550px; z-index:3;}
.ln_09 img {width:522px; height:675px;}
.ln_10 {width:528px; height:0px; overflow:hidden; position:absolute; right:52px; top:6200px; z-index:3;}
.ln_10 img {width:528px; height:780px;}
.ln_11 {width:528px; height:0px; overflow:hidden; position:absolute; right:75px; top:7000px; z-index:3;}
.ln_11 img {width:528px; height:780px;}
.ln_12 {width:561px; height:0px; overflow:hidden; position:absolute; right:30px; top:7800px; z-index:3;}
.ln_12 img {width:561px; height:1603px;}
.ln_13 {width:537px; height:0px; overflow:hidden; position:absolute; right:30px; top:9400px; z-index:3;}
.ln_13 img {width:537px; height:1154px;}

.cd_01 {width:496px; height:229px; position:absolute; right:30px; top:700px; z-index:5;}
.cd_01 img {width:496px; height:229px;}
.cd_02 {width:495px; height:233px; position:absolute; right:110px; top:1310px; z-index:5;}
.cd_02 img {width:495px; height:233px;}
.cd_03 {width:496px; height:229px; position:absolute; right:30px; top:2060px; z-index:5;}
.cd_03 img {width:496px; height:229px;}
.cd_04 {width:495px; height:233px; position:absolute; right:90px; top:2730px; z-index:5;}
.cd_04 img {width:495px; height:233px;}
.cd_05 {width:496px; height:229px; position:absolute; right:20px; top:3510px; z-index:5;}
.cd_05 img {width:496px; height:229px;}
.cd_06 {width:495px; height:208px; position:absolute; right:80px; top:4180px; z-index:5;}
.cd_06 img {width:495px; height:208px;}
.cd_07 {width:495px; height:251px; position:absolute; right:80px; top:4780px; z-index:5;}
.cd_07 img {width:495px; height:251px;}
.cd_08 {width:496px; height:229px; position:absolute; right:22px; top:5520px; z-index:5;}
.cd_08 img {width:496px; height:229px;}
.cd_09 {width:495px; height:251px; position:absolute; right:95px; top:6180px; z-index:5;}
.cd_09 img {width:495px; height:251px;}
.cd_10 {width:496px; height:257px; position:absolute; right:45px; top:6970px; z-index:5;}
.cd_10 img {width:496px; height:257px;}
.cd_11 {width:495px; height:300px; position:absolute; right:95px; top:7760px; z-index:5;}
.cd_11 img {width:495px; height:300px;}
.cd_12 {width:496px; height:261px; position:absolute; right:25px; top:8560px; z-index:5;}
.cd_12 img {width:496px; height:261px;}
.cd_13 {width:495px; height:309px; position:absolute; right:105px; top:9380px; z-index:5;}
.cd_13 img {width:495px; height:309px;}
.cd_14 {width:496px; height:210px; position:absolute; right:35px; top:10550px; z-index:5;}
.cd_14 img {width:496px; height:210px;}

.biaoti{ display:none}

.bg_b {width:640px; height:900px; position:absolute; right:0px; bottom:0px; z-index:5;}
.bg_b img {width:640px; height:900px;}

.bt_01 {width:200px; height:60px; position:absolute; right:70px; bottom:140px; z-index:5;}
.bt_01 img {width:200px; height:60px;}
.bt_02 {width:200px; height:60px; position:absolute; left:70px; bottom:140px; z-index:5;}
.bt_02 img {width:200px; height:60px;}

.fx_bg {background:url(fx03.png) no-repeat center top; background-size:cover; width:640px; height:1008px; position:absolute; top:0px; left:0px; z-index:100;display:none}

.pl_bt {width:55px; height:55px; position:fixed; right:30px; top:30px; z-index:99}





/*旋转*/
#runame{ text-align:center;}
.rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite
}
.rotate2 {
    -webkit-animation: rotating 5s linear infinite;
    -moz-animation: rotating 5s linear infinite;
    -o-animation: rotating 5s linear infinite;
    animation: rotating 5s linear infinite
}
 
@-webkit-keyframes rotating {
    from { -webkit-transform: rotate(0) }
    to { -webkit-transform: rotate(360deg) }
}
 
@keyframes rotating {
    from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}
@-moz-keyframes rotating {
    from { -moz-transform: rotate(0) }
    to { -moz-transform: rotate(360deg) }
}


/*小幅度摇摆*/
.yaobai{
animation: rotate_zx 3s infinite linear;
-webkit-animation: rotate_zx 3s infinite linear;
}
@-webkit-keyframes rotate_zx {
	0% {-webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(15deg);}
	100% {-webkit-transform: rotate(0deg);}
}

@keyframes rotate_zx {
	0% {-webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(15deg);}
	100% {-webkit-transform: rotate(0deg);}
}


/*抖动*/
.scaleout22{
cursor:pointer;
animation: scaleout 2s infinite;
-webkit-animation: scaleout 2s infinite;
}
@-webkit-keyframes scaleout {
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  8% {transform: scale3d(1.05, 1.05, 1.05);}
  16% {transform: scale3d(.9, .9, .9);}
  24% {opacity: 1;transform: scale3d(1.01, 1.01, 1.01);}
  32% {transform: scale3d(.97, .97, .97);}
  40% {opacity: 1;transform: scale3d(1, 1, 1);}	
  to {opacity: 1;transform: scale3d(1, 1, 1);}	
}
@keyframes scaleout {
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  8% {transform: scale3d(1.05, 1.05, 1.05);}
  16% {transform: scale3d(.9, .9, .9);}
  24% {opacity: 1;transform: scale3d(1.01, 1.01, 1.01);}
  32% {transform: scale3d(.97, .97, .97);}
  40% {opacity: 1;transform: scale3d(1, 1, 1);}	
  to {opacity: 1;transform: scale3d(1, 1, 1);}	
}


/*变大变小*/
.daxiao{
cursor:pointer;
animation: dax 3s infinite linear;
-webkit-animation: dax 3s infinite linear;
}
@-webkit-keyframes dax {
  0% {opacity: 1;transform: scale3d(1, 1, 1);}
  50% {opacity: 1;transform: scale3d(1.3, 1.3, 1.3);}
  100% {opacity: 1;transform: scale3d(1, 1, 1);}	
}
@keyframes dax {
  0% {opacity: 1;transform: scale3d(1, 1, 1);}
  50% {opacity: 1;transform: scale3d(1.3, 1.3, 1.3);}
  100% {opacity: 1;transform: scale3d(1, 1, 1);}	
}