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

*{margin:0;padding:0}
html{overflow-x:hidden; font-size:100%;}
body{width:100%;min-width:320px;margin:0 auto;font-family:"Microsoft Yahei"; background:#fffcf5; background-attachment:fixed; background-size:cover; overflow-x:hidden;color:#3a3432; font-size: 1rem}
.wb{background:#fff; margin-bottom:1rem}
img{border:none}
h1,h2,h3{font-weight:400}
a{color:#3a3432;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none；}
input,select,textarea{font-family:"Microsoft Yahei";font-size:1em;outline:0;margin:0;padding:0}
input::-webkit-input-placeholder{color:#a8a8a8!important}
textarea::-webkit-input-placeholder{color:#a8a8a8!important}
input[type=button],input[type=text],input[type=search],input[type=submit],input[type=reset],input[type=date],input[type=time],input[type=number]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
.lt{float:left}
.rt{float:right}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:"Microsoft Yahei";outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
div.clear{font:0 Arial;line-height:0;height:0;overflow:hidden;clear:both}
input[type=button]{
 -webkit-appearance:none;
 outline:none;
}
input {
outline: none;
}
b{ font-weight:normal; }

h3, h4, b, h5, strong{ font-weight:normal; }
a{ }

.wrap{ margin:0 auto; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.wrap img{ max-width:100%; }

.waitbox{position: absolute; width: 100%; height:calc(100% - 6.5rem); left: 0; top: 0;z-index: 1 }

.hpimg img{ width: 100%; display: block }

.phone{ background: #222222; height: 3rem; position: fixed; left: 0; top:0 ; width: 100%; z-index: 998; border-bottom: 0.1rem solid #313131; display:none}
.phone img{ height: 2.5rem; margin: 0.2rem 0 0 1rem}

.nav{ /*position: fixed; left: 2rem; bottom:2rem; right:2rem; box-sizing: border-box; border-radius:3rem; padding: 0.3rem 2rem; box-sizing: border-box; text-align: center; background:rgba(62,62,62, 0.5); color: #fff; z-index: 200*/    position: fixed;
    left: 0rem;
    bottom: 0;
    right: 0rem;
	height:7.5rem;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    text-align: center;
    background:#ffa5ce;
    color: #fff;
    z-index: 200;}
.nav:before{     content: "";
    position: absolute;
    right: 1rem;
    top: -4rem;
    background: url(../images/hwlogo.png) no-repeat center center;
    background-size: 10rem;
    width: 11rem;
    height: 4rem;}	
.nav li{ display: inline-block; float:left; text-align: center;  width: 20%; padding: 0 0.1rem; box-sizing: border-box; height:4rem }
.nav li.lin01{  background:url("../images/navimg1.png") no-repeat center center ; background-size:4rem}
.nav li.lin02{  background:url("../images/navimg2.png") no-repeat center center ; background-size: 4rem}
.nav li.lin03{  background:url("../images/navimg3.png") no-repeat center center ; background-size: 4rem}
.nav li.lin04{  background:url("../images/navimg4.png") no-repeat center center ; background-size: 4rem}
.nav li.lin05{  background:url("../images/navimg5.png") no-repeat center center ; background-size: 4rem}
.nav li span{ display:block; width:100%; height:100%; color:#fff; font-size:1rem; padding-top:4rem; text-align:center; }


.music{ position: absolute; right:1rem; top: 4rem; z-index: 30; }
.music img{ width: 2rem;}



.navr{ position: fixed; left: 0; top: 10%; height:22rem; box-sizing: border-box;bottom: 0; text-align: center; color: #fff; z-index: 998; }
.navr img{ height: 1.8rem; margin-bottom:0.1rem }
.navr li{ width:5rem; height:3.1rem; line-height:3.1rem; display:block; margin-bottom:1rem; background:#00000033; color:#FFF; border-radius:0 0.5rem 0.5rem 0; font-size:1.5rem; font-weight:bold; }
.navr li.active{ color:#c91067}
.navr li a{ display: block; width:100%; height:100%; color:#fff }
.navr li.active a{color:#c91067}

.zindextop{ z-index:10; }

.swiper-slide-active .infinite{ -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;    
	-webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
.imgbox{ display: none; width: 100%; overflow: hidden }
.swiper-slide-active .imgbox{ display: block; }


.bg04{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#fff; }
.bghuxing{ background:#20554a; background-size: 100%; position: absolute; left: 0; top:0; width: 100%; height: 100%;}

.fangda{ width: 6rem; position: absolute; left: 17%; top: 51%; display:none}

.dieshu .fangda{ top:48%;}


.layer{ position: fixed;
    left: 2rem;
    top: 2rem;
    z-index: 999;
    right: 1rem;
    overflow-y: auto;
    bottom: 8rem;
    padding-right: 1rem; display:none; }
.layerclose{ background:url("../images/close2.png") no-repeat left top ; background-size: 100%; width: 3rem; height: 3rem; position: absolute; right: 2rem; top: 1rem; cursor: pointer; z-index:2 }

.layerqyjs{ position: fixed;
    left: 2rem;
    top: 2rem;
    z-index: 999;
    right: 2rem;
    overflow-y: auto;
    bottom: 9rem; line-height:2rem; font-size:1.25rem; line-height:2.25rem;
    padding-right: 1rem; background:url("../images/qiyejieshao.jpg") no-repeat left top ; background-size:27.5rem; font-size:0; padding:2rem; display:none; }
.layercloseqyjs{ background:url("../images/close2.png") no-repeat left top ; background-size: 100%; width: 3rem; height: 3rem; position: absolute; right: 1rem; top: 1rem; cursor: pointer; z-index:2 }
.layerqyjs h3 { text-align:center; padding-bottom:3rem; padding-top:2rem; font-size:2rem; font-size:0;}
.layerqyjs p{ margin-bottom:1rem;}


.huxing01, .huxing02, .huxing03, .huxing04{ position: relative; z-index: 100;}


.frameboxindex{ position:fixed; left:0; top:0; width:100%; height:100%;}


.voice, .voice2{ float: right; margin-right: 1rem; }
.voice img, .voice2 img{ height: 2rem; margin-top: 0.5rem;}

.framebox02, .framebox03, .framebox04, .framebox05{ display: none; }

.loadingbg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998;  background:url("../images/loading.jpg") no-repeat center center #fff; background-size: contain}

.loadingbox{ z-index: 999; background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display:none }

.mianze{ position:absolute; right:1rem; top:1rem; font-size:0.75rem; font-style:italic; z-index:998}

.layerbox span a{ display:block; width:100%; height:100%;}

.links01{ position:absolute; width:9rem; height:9rem; left:0; top:0;}
.links02{ position:absolute; width:9rem; height:9rem; left:0; top:9rem;}
.links03{ position:absolute; width:18rem; height:9rem; left:0; top:18rem;}
.links04{ position:absolute; width:18rem; height:9rem; left:18rem; top:18rem;}
.links05{ position:absolute; width:9rem; height:9rem; left:9.4rem; top:36.5rem;}
.links06{ position:absolute; width:18rem; height:9rem; left:9rem; top:27rem;}
.links07{ position:absolute; width:4.5rem; height:4rem; left:18.5rem; top:37rem;}
.links08{ position:absolute; width:4.5rem; height:4rem; left:23rem; top:37rem;}
.links09{ position:absolute; width:4.5rem; height:4rem; left:18.5rem; top:41rem;}
.links10{ position:absolute; width:4.5rem; height:4rem; left:23rem; top:41rem;}
.links11{  position:absolute; width:9rem; height:9rem; left:0; top:36.5rem;}

.links12{ position:absolute; width:4.5rem; height:4rem; left:0; top:28rem;}
.links13{ position:absolute; width:4.5rem; height:4rem; left:4.5rem; top:32rem;}

.xcxlink{  background:url("../images/xcxlogo.png") no-repeat center center #fff; background-size: 3rem 3rem; width:3.4rem; height:3.4rem; position: fixed; right:2rem; bottom:10rem; z-index:500; cursor:pointer; border-radius:5rem }





.showindexbox00, .showindexbox01, .showindexbox02, .showindexbox03, .showindexbox04{ display: none; }












.loading{
            width: 5rem;
            height: 6rem;
            margin: 0 auto;
            position: fixed; left: 50%; top: 50%; margin-left: -2.5rem; margin-top: -3rem;   
        }
        .loading span{
            display: inline-block;
            width: 0.6rem;
            height: 100%;
            border-radius: 4px;
            background: lightgreen;
            -webkit-animation: load 1s ease infinite;
        }
        @-webkit-keyframes load{
            0%,100%{
                height: 40px;
                background: lightgreen;
            }
            50%{
                height: 70px;
                margin: -15px 0;
                background: lightblue;
            }
        }
        .loading span:nth-child(2){
            -webkit-animation-delay:0.2s;
        }
        .loading span:nth-child(3){
            -webkit-animation-delay:0.4s;
        }
        .loading span:nth-child(4){
            -webkit-animation-delay:0.6s;
        }
        .loading span:nth-child(5){
            -webkit-animation-delay:0.8s;
        }


/*不同设备字体em基准*/
@media screen and (min-width: 320px) and (max-width: 360px){ 
  html{
  	font-size:13.5px;
  }
}
@media screen and (min-width: 360px) and (max-width: 480px){ 
  html{
  	font-size:14.0625px;
  }
}
@media screen and (min-width: 480px) and (max-width: 700px){ 
  html{
  	font-size:22.5px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1000px){ 
  html{
  	font-size:28px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px){ 
  html{
  	font-size:32px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){ 
  html{
  	font-size:40px;
  }
}
@media screen and (min-width: 1400px){ 
  html{
  	font-size:50px;
  }
}