@charset "utf-8";
/*CSS通用重置样式*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;list-style:none; text-decoration:none;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {font-size:12px;color:#333;background:#FFF;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle;}
.clearfix:before,.cf:before,.clearfix:after,.cf:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after,.cf:after{clear:both;}
.clearfix,.cf{zoom:1;}
html{_text-overflow:ellipsis;} /*���IE6��ͼƬ����*/ 
iframe{display:block;}

ol, ul {list-style: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

* {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    position: relative;
    height: 100%;
}

ul,
li {
    padding: 0;
    margin: 0
}

body {
    background: #eee;
    color: #000;
    margin: 0;
    padding: 0;
}

.container {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}

.wrapper {
    position: relative;
    display: flex;
    height:100%;
}

.wrapper>li {
    position: relative;
    height: 100%;
}

.swiper-slide {
	 text-align: center;
    /* font-size: 18px; */
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
}


.cxgx {width:20%;
    line-height: 32px;
    position: absolute;
    left: 5%;
    top: 36%;
    font-size: 16px;
    color:#ce4e1b;   
}

#page1 {}

#page2 {}
.picula {    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
     height:100%; padding-left:10% ;width:90%; position: absolute; left:108px;}
.lpic { height:86%; float:left; margin-left:20px;}
.piculb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    background: url(../images/bg_03.jpg) repeat-x left;
    background-size: contain;
    align-items: center;
    height:100%;
    width:100%;
  
    left:0px;
    }

#page3 { width:100%; height:100%; background:url(../images/bg_03.jpg) repeat-x left;
background-size:cover;
}
#page4 { width:110%; height:100%; background:url(../images/bg_03.jpg) repeat-x left;
    background-size:cover;
    }
.foota {width:200px; height:200px;z-index:9999999999999999;}
.imga {width:70%;position:absolute;left: 11%;top: 17%;}

.imgb { width:25%;position:absolute; right:-20%; top:30%; z-index: 999;}
.logoa {width:20%;position:absolute;left: 73%;bottom: 3%;}

.loading {
  width: 100%;
  height: 100%;
  background: #000000 url("../images/loading.gif?v=1") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.desc img {width: 100%;}
.link { width:100%; height:100%;    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;}
.music {
  position: absolute;
  top: 6%;
  right: 3%;
  margin: auto;
  width: 7.1%;
  height: 12.5%;
  background: url("../images/music.png?v=1") no-repeat;
  background-size: cover;
  z-index: 100;
}
.music.animate{
  -webkit-animation: music 2s linear infinite;
}
@keyframes music{
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}


.sharetip {width:100%; height:100%;background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0; z-index: 555 ; display: none}
.sharetip img { width: 100%; }

  .sharebut {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 40%;
    top: 79%;
    width: 22%;
    height: 35px;
    background:#e39404;
    color:#fff;
    line-height: 35px;
    font-size: 13px;
    }
.bg-img { position: relative;}
.returne {
        position: absolute;
        top: 12%;
        left: 36%;
        width: 240px;
        display: block;
        }
.kik { z-index: -1;}
.fotmin{width:50%;line-height: 34px;position:absolute;left: 26%;top: 37%;font-size: 18px;text-shadow: 0px 1px 0px #e5e5ee;-webkit-mask-image: -webkit-gradient(linear, left top,left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)));font-weight: bold;}