@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;}
body{
	width:640px;
	margin:0 auto;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #000000;
	text-align: left;
	background-color:#ffffff;
	line-height: 26px;
}
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; text-align:Justify;text-justify:inter-ideograph;}
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;}

.t_10 {height:10px;}
.t_30 {height:30px;}
.t_90 {height:120px;}
.t_120 {height:120px;}

.bg_01 {background:url(20181123_bg_01.jpg) no-repeat center top; height:1080px; position:relative; width:640px; overflow:hidden}
.bg_02 {background:url(20181123_bg_02.jpg) no-repeat center top; height:1080px; position:relative; width:640px; overflow:hidden}
.bg_03 {background:url(20181123_bg_03.jpg) no-repeat center top; height:1080px; position:relative; width:640px; overflow:hidden}
.bg_04 {background:url(20181123_bg_04.jpg) no-repeat center top; height:1080px; position:relative; width:640px; overflow:hidden}


.im_ld {position:absolute; top:300px; left:250px;}
.im_ld img {width:158px; height:38px;}
.im_pt {position:absolute; top:190px; left:270px;}
.im_pt img {width:118px; height:81px;}

.im_top{position:absolute; top:0px; left:0px; z-index:1;}
.b2_pt01 {width:323px; height:280px; position:absolute; right:-160px; bottom:30px; display:none}
.b2_pt01 img {width:323px; height:280px;}
.b2_pt02 {width:313px; height:245px; position:absolute; left:-160px; top:290px; display:none}
.b2_pt02 img {width:313px; height:245px;}
.b2_pt03{ width:300px; height:45px;position:absolute; top:537px; left:162px;}
.b2_pt03_input{width:300px; height:45px; border:none; font-size:30px;}
.b2_cld {width:640px; height:370px; position:absolute; left:0px; bottom:0px; display:none;}
.b2_cld img {width:640px; height:370px;}
.b2_bt {width:319px; height:83px; position:absolute; left:156px; top:600px; text-align:center; font-size:20px; color:#ffffff; line-height:50px;}
.b2_bt a {color:#ffffff;}
.b2_bt img {width:319px; height:83px;}

.gz_bg {background:url(20181123_gz_bg.png) no-repeat center top; width:100%; height:1080px; position:absolute; top:0px; left:0px; z-index:98; display:none}
.gz_box {width:520px; margin:0 auto; padding-top:420px; font-size:20px; line-height:40px;}
.gz_box p {text-indent:2em; padding-top:10px;}
.gz_bt {width:205px; margin:0 auto; padding-top:30px;}
.gz_bt img {width:205px; height:53px;}

.fx_bg {background:url(fx02.png) no-repeat center top; width:100%; height:1080px; position:absolute; top:0px; left:0px; z-index:99;display:none}

.rs_img {width:640px; height:1080px; margin:0 auto;}
.rs_img img {width:640px; height:1080px;}
.rs_name {font-size:20px; padding-left:60px;}
.rs_box {padding-top:40px; font-size:16px; width:520px; height:60px; margin:0 auto;}
.sc_bt {float:left; padding-left:55px; padding-top:20px;}
.sc_bt img {width:205px; height:53px;}

.dt_box {width:620px; height:340px; position:absolute; bottom:25px; left:10px;}
.dt_tm {text-align:center; font-size:30px; line-height:60px; height:60px; padding-left:30px;}
.dt_tm span {float:right; font-size:14px; padding-right:20px;}
.dt_qu {font-size:18px; line-height:30px; padding:30px; padding-bottom:15px; /*height:100px;*/}
.dt_as li {float:left; font-size:20px; padding-left:30px; padding-bottom:15px; height:40px;}
.dt_as li input{ padding-left:10px;}


.sc_bt3 {width:205px; margin:0 auto;}
.sc_bt3 img {width:205px; height:53px;}

.piece_np {width:272px; height:270px; position:absolute; left:174px; top:50px;}
.piece_np img {width:272px; height:270px;}

.piece_nd {width:233px; height:188px; position:absolute; left:360px; top:142px;}
.piece_nd img {width:233px; height:188px;}

.piece_sz {width:148px; height:87px; position:absolute; left:386px; top:282px;}
.piece_sz img {width:148px; height:87px;}

.piece_fz {width:171px; height:142px; position:absolute; left:336px; top:320px;}
.piece_fz img {width:171px; height:142px;}

.piece_pt {width:52px; height:59px; position:absolute; left:496px; top:396px;}
.piece_pt img {width:52px; height:59px;}

.piece_pti {width:136px; height:88px; position:absolute; left:332px; top:402px;}
.piece_pti img {width:136px; height:88px;}

.piece_qz {width:181px; height:198px; position:absolute; left:244px; top:378px;}
.piece_qz img {width:181px; height:198px;}

.piece_xm {width:64px; height:69px; position:absolute; left:274px; top:518px;}
.piece_xm img {width:64px; height:69px;}

.piece_zz {width:161px; height:228px; position:absolute; left:154px; top:478px;}
.piece_zz img {width:161px; height:228px;}

.piece_ly {width:235px; height:250px; position:absolute; left:27px; top:352px;}
.piece_ly img {width:235px; height:250px;}

.np_ly {width:100px; height:73px; position:absolute; left:10px; top:372px;}
.np_ly img {width:100px; height:73px;}

.piece_sm {width:276px; height:230px; position:absolute; left:94px; top:214px;}
.piece_sm img {width:276px; height:230px;}

.logo{ width:106px; height:21px; position:absolute; left:15px; top:15px; z-index:2}
.logo img{}

.pl_bt {width:55px; height:55px; position:absolute; right:15px; top:15px; z-index:2}
.pl_bt img {width:55px; height:55px;}
.pl_gz {width:55px; height:55px; position:absolute; right:85px; top:15px;}
.pl_gz img {width:55px; height:55px;}

.piece_bg {background:url(20181123_piece_bg.png) no-repeat center top; width:100%; height:1080px; position:absolute; top:0px; left:0px;}

.tx_box {width:570px; margin:0 auto; padding-top:300px;}
.tx_tl {text-align:center; font-size:30px; line-height:60px; height:60px;}
.tx_ra {width:500px; height:460px; overflow:auto; margin:0 auto; font-size:20px; margin-top:40px; line-height:50px;}

.bt_co {width:205px; height:53px; line-height:46px; margin:0 auto;background:url(20181123_gz_bt.jpg) no-repeat center top; font-family:'微软雅黑'; font-size:32px; text-align:center}
.bt_co img {width:205px; height:53px;}

.nw_tm {text-align:center; font-size:30px; line-height:60px; height:60px; padding-left:30px; background:url(20181204_nw_bd_top.png);}
.nw_tm span {float:right; font-size:14px; padding-right:20px;}
.nw_mid {background:#ffffff;}
.nw_bot {height:35px; background:url(20181204_nw_bd_bot.png) no-repeat;}


.np_np {width:134px; height:97px; position:absolute; left:156px; top:66px;}
.np_np img {width:134px; height:97px;}
.np_nd {width:112px; height:97px; position:absolute; left:500px; top:142px;}
.np_nd img {width:112px; height:97px;}
.np_fz {width:84px; height:77px; position:absolute; left:460px; top:332px;}
.np_fz img {width:84px; height:77px;}
.np_pt {width:92px; height:101px; position:absolute; left:530px; top:382px;}
.np_pt img {width:92px; height:101px;}
.np_pti {width:76px; height:101px; position:absolute; left:420px; top:402px;}
.np_pti img {width:76px; height:101px;}
.np_qz {width:74px; height:98px; position:absolute; left:210px; top:402px;}
.np_qz img {width:74px; height:98px;}
.np_sm {width:115px; height:83px; position:absolute; left:310px; top:302px;}
.np_sm img {width:115px; height:83px;}
.np_sm {width:115px; height:83px; position:absolute; left:33px; top:232px;}
.np_sm img {width:115px; height:83px;}
.np_sz {width:94px; height:81px; position:absolute; left:320px; top:272px;}
.np_sz img {width:94px; height:81px;}
.np_xm {width:76px; height:56px; position:absolute; left:310px; top:562px;}
.np_xm img {width:76px; height:56px;}
.np_zz {width:101px; height:73px; position:absolute; left:90px; top:572px;}
.np_zz img {width:101px; height:73px;}


.dt{ display:none}

/*旋转*/
#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
}
 
@-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) }
}

/*抖动*/
.scaleout{
cursor:pointer;
animation: scaleout 5s infinite;
-webkit-animation: scaleout 5s infinite;
}
@-webkit-keyframes scaleout {
    /*0%{ -webkit-transform: scale(1.0)}
	80%{-webkit-transform: scale(1.0)}
	90% { -webkit-transform: scale(1.05)}
    100% {-webkit-transform: scale(1.0)}
  from, 4%, 8%, 12%, 16%, 20%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }*/
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  2% {transform: scale3d(1.1, 1.1, 1.1);}
  4% {transform: scale3d(.9, .9, .9);}
  6% {opacity: 1;transform: scale3d(1.03, 1.03, 1.03);}
  8% {transform: scale3d(.97, .97, .97);}
  10% {opacity: 1;transform: scale3d(1, 1, 1);}	
  to {opacity: 1;transform: scale3d(1, 1, 1);}	
}
@keyframes scaleout {
    /*0%{ -webkit-transform: scale(1.0)}
	80%{-webkit-transform: scale(1.0)}
	90% { -webkit-transform: scale(1.05)}
    100% {-webkit-transform: scale(1.0)}
  from, 4%, 8%, 12%, 16%, 20%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }*/
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  2% {transform: scale3d(1.1, 1.1, 1.1);}
  4% {transform: scale3d(.9, .9, .9);}
  6% {opacity: 1;transform: scale3d(1.03, 1.03, 1.03);}
  8% {transform: scale3d(.97, .97, .97);}
  10% {opacity: 1;transform: scale3d(1, 1, 1);}	
  to {opacity: 1;transform: scale3d(1, 1, 1);}	
}


/*小幅度摇摆*/
.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);}
}