html,body{
	margin: 0px;
	padding: 0px;
	font-size:10px;
	margin:0 auto;
	min-width: 1200px;
	font-family: "微软雅黑";
}
ul,ul li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
a,a:visited,a:link{
	text-decoration:none;
	color: #fff;
}
p{
	margin: 0;
}
.clear{
	clear: both;
}
.img-responsive{
	display: block;
    max-width: 100%;
    height: auto;
}
.center-block{
    display: block;
    margin-right: auto;
    margin-left: auto;
}
/*头部*/
.head{
	width: 100%;
}
.head img{
	width: 100%;
	display: block;
}
.refer{
	
	position: relative;
}
.refer img{
	width: 100%;
	display: block;
}
.refer .main-refer{
    /*width: 56%;*/
	width:1092px;
   margin:0 auto;
   margin-top:60px;
}
.refer .main-refer input{
    width: 100%;
    height: 70px;
    text-indent: 10px;
    line-height: 70px;
    margin-right: 2%;
    color: #767676;
    font-size: 18px;
    margin-bottom: 18px;
    border-radius: 5px;
    border: none;
    outline: none;
    background: #ffffff;
  
}
.refer .main-refer .refer-but{
    width: 100%;

    margin-left: 0%;
    height: 77px;
    line-height: 70px;
    color: #fff;
    background-color: #c51a20;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    box-shadow: 2px 10px 5px #9f131b;
    
}
.refer .main-refer .tips{
	font-size: 14px;
	color: #35301d;
	text-align: right;
}
.gift1,
.gift2,
.gift3,
.gift4,
.gift5,
.full,
.wall,
.bottom-footer{
	width: 100%;
}
.gift1 img,
.gift2 img,
.gift3 img,
.gift4 img,
.gift5 img,
.full img,
.wall img,
.bottom-footer img{
	width: 100%;
	display: block;
}
.gift3{
	position: relative;
}
.wall{
    position: relative;
}
.wall-home{
    position: absolute;
    top: 2%;
    right: 19%;
    width: 20%;
}
.wall-home img{
    width: 100%;
    animation: swing 2.5s linear infinite;
}
.bottom-footer{
	position: fixed;
    bottom: 0;
    left: 0;
    height: 184px;
	display:none;
	z-index:999;
    background:url(/js/zt/qsgq/img/fdbj_02.png) top center no-repeat; width:100%; height:184px; background-size:cover; margin:0 auto;

	
}
.bottom-footer .bottom-box{
    width: 1200px;
    margin: 0 auto;
    height: 184px;
    position: relative;
}
.bottom-box .bottom-img{
    width: 32.8%;
    position: absolute;
      bottom: 0%;
    left:0px;
    /*animation: swing 3s linear infinite;*/
}
.bottom-box .bottom-img img{
    width: 80%;
}
.bottom-footer .main-refer{
    /*width: 45%;
    position: absolute;
    bottom: -3%;
    right: 8%;
	*/
}
.bottom-footer .main-refer input{
    width: 29%;
    height: 50px;
    text-indent: 10px;
    line-height: 50px;
    margin-right: 15px;
    color: #767676;
    font-size: 18px;
    margin-bottom: 18px;
    border-radius: 5px;
    border: none;
    outline: none;
    background: #f2f2f2;
    float: left;
}
.bottom-footer .main-refer .refer-but{ 
    width: 23%;
    float: left;
    margin-left: 20px;
    height: 50px;
    line-height: 50px;
    color: #e62600;
    background:url(/js/zt/qsgq/img/fdan_03.jpg) top center no-repeat;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    animation: living 1s linear infinite;
}
/*动画*/
@keyframes living {
    0%{
        transform: scale(1); 
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes swing {
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  50%,100% {
    transform: rotate(0deg);
  }
}

.s1{ background:#a91315; width:100%; height:101px; margin:0 auto; text-align:center; min-width:1200px;}
.s2{background:url(/js/zt/qsgq/img/s2_02.jpg) top center no-repeat; width:100%; height:691px; margin:0 auto; background-size:cover;}
.picBtnTop{ width:574px; height:357px;  position:relative;  overflow:hidden;  zoom:1;   } 
.picBtnTop .hd{ width:136px;  position:absolute; left:0px;} 
.picBtnTop .hd ul li{ width:136px; padding:0 0 5px 5px;  text-align:center; line-height:0px;  } 
.picBtnTop .hd ul li img{ width:136px; height:111px; border:2px solid #fee8b9; cursor:pointer;  } 
.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; } 
.picBtnTop .hd ul li.on img{ border-color:#f60;  } 
.picBtnTop .bd{ width:426px;  height:348px; position:relative; margin-left:152px;} 
.picBtnTop .bd img{ width:426px; height:348px;  } 
.picBtnTop .bd li{ position:relative; zoom:1; } 
.picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px;  } 
.picBtnTop .bd li .bg{ width:137px; height:42px; position:absolute; left:0; top:0; z-index:1; text-align:center;  background:#000; filter:alpha(opacity=60);opacity:0.6;    } 
.picBtnTop .bd li .title{ width:137px; height:42px; line-height:42px; left:0; top:0; text-align:center; font-size:17px; font-weight:bold;  position:absolute; z-index:2;  } 
.picBtnTop .bd li .title a{ color:#fff;  } 
.s2-box{width:1200px; margin:0 auto; padding-top:130px;}
.s2-box-left{ width:598px; float:left; margin-top:10px; margin-left:15px;}
.s2-box-right{width:507px; margin:0 auto; float:right; margin-right:38px; padding-top:100px;}
.s2-box-right #sub1 input{width:507px; height:70px; background:#fff; line-height:70px; color:#000; font-size:18px; text-indent:20px; margin-bottom:32px; display:block;}
.s2-box-right #sub1 .refer-but{width:317px; height:147px; margin:0 auto; cursor: pointer; background:url(/js/zt/qsgq/img/btn1_03.png) top center no-repeat;}
.s3{width:100%; margin:0 auto;}
.s3 img{display:block; margin:0 auto; width:100%; text-align:center;}
.s3-1{background:url(/js/zt/qsgq/img/s3_02.jpg) top center no-repeat; width:100%; height:1672px; margin:0 auto; background-size:cover; position:relative;}
.s3-1 a{position:absolute; left:50%; bottom:112px; z-index:999; width:310px; height:80px; display:block; margin-left:-155px; cursor: pointer;}
.s4{background:url(/js/zt/qsgq/img/s5_02.jpg) top center no-repeat; width:100%; height:129px; margin:0 auto; background-size:cover;}
.s5{background:url(/js/zt/qsgq/img/s6_02.jpg) repeat-y; width:100%; margin:0 auto; background-size:cover;}
.s6{background:url(/js/zt/qsgq/img/s7_02.jpg) top center no-repeat; width:100%; height:1157px; margin:0 auto; background-size:cover;  position:relative;}
.s6 a{position:absolute; left:50%; bottom:131px; z-index:999; width:310px; height:80px; display:block; margin-left:-155px; cursor: pointer;}
.s7{background:url(/js/zt/qsgq/img/s8_02.jpg) top center no-repeat; width:100%; height:152px; margin:0 auto; background-size:cover;}
.s8{background:url(/js/zt/qsgq/img/s9_02.jpg) top center no-repeat; width:100%; height:1375px; margin:0 auto; background-size:cover; position:relative;}
.s8 a{position:absolute; left:50%; bottom:131px; z-index:999; width:310px; height:80px; display:block; margin-left:-155px; cursor: pointer;}
.s9{background:url(/js/zt/qsgq/img/s10_02.jpg) top center no-repeat; width:100%; height:1344px; margin:0 auto; background-size:cover; position:relative;}
.s9 a{position:absolute; left:50%; bottom:131px; z-index:999; width:310px; height:80px; display:block; margin-left:-155px; cursor: pointer;}
.s10{background:url(/js/zt/qsgq/img/s11_02.jpg) top center no-repeat; width:100%; height:1234px; margin:0 auto; background-size:cover; position:relative;}
.s10 a{position:absolute; left:50%; bottom:131px; z-index:999; width:310px; height:80px; display:block; margin-left:-155px; cursor: pointer;}
.s11{background:url(/js/zt/qsgq/img/s12_02.jpg) top center no-repeat; width:100%; height:987px; margin:0 auto; background-size:cover;}
.s12{background:url(/js/zt/qsgq/img/s13_02.jpg) top center no-repeat; width:100%; height:1273px; margin:0 auto; background-size:cover;}


.warper{ width: 598px; height: 357px;  margin: 0 auto;  }
#wowslider-container1 { zoom: 1; position: relative; max-width: 598px; float:right; z-index: 90; margin-right:1%; }
* html #wowslider-container1 { width: 598px }
#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0%; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important }
#wowslider-container1 .ws_images { position: relative; left: 0%; top: 0; width: 426px; height: 100%; overflow: hidden;  }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none!important }
#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(../images/arrows.png); background-size: 200% }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }
#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size: 2.4em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -36%; top: 5px; width: 136px; height: 100% }
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0;  text-indent: 0;  width:132px; background-color: #fff; border:2px solid #fee8b9; margin-top:2px; margin-bottom:5px;}
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { border:2px solid #b62125;}
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }
@keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}
@-moz-keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}
@-webkit-keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}