body{background:#1e1e1e;}
	*{margin: 0;padding: 0;text-decoration: none;font-family: "PingFang SC", "Heiti SC", "Microsoft YaHei", sans-serif;}
	 @keyframes fadeInAnimation { 
            0% { 
                opacity: 0; /*设置不透明度*/
               bottom:0
            } 
            100% { 
                opacity: 1; bottom:50px
            } 
        } 
     @keyframes fadeInAnimation2 { 
            0% { 
                opacity: 0; /*设置不透明度*/
               bottom:0
            } 
            100% { 
                opacity: 1; bottom:20px
            } 
        } 
         @keyframes fadeInAnimation3 { 
            0% { 
                opacity: 0; /*设置不透明度*/
                } 
            50% { 
                opacity: 1; 
            } 
            100% { 
                opacity: 0; 
            } 
        } 
        .alert{
    display: none;
}

@media screen and (max-width:1200px) and (min-width:769px){
    .alert{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        text-align: center;
        margin: auto;
        font-size: 100px;
        color: #d5c872;
        padding: 10px;
        box-sizing: border-box;
        border-radius:10px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../images/bgn.jpg) #1e1e1e no-repeat center top;
        background-size: 100% 113%;
    }
    
}

	ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{ text-decoration:none;}

.left{ float: left;}
.right{ float: right;}
.clearfix{ zoom:1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.bannerbox{
    /height: 900px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.bannerbox{
    width: 100%;
    position: relative;
    height: 900px;
	background: url(../images/index_bg.png) no-repeat center / cover;
}
.bannerbox ul{
    position: relative;
}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 900px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li.fst-li{
    /*background: url("../images/b1.jpg") center no-repeat;*/
    background-size: cover;
}
.bannerbox ul li.sec-li{
    /*background: url("../images/b2.jpg") center no-repeat;*/
    background-size: cover;
}
.bannerbox ul li.third-li{
    background: url("../images/3.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li .img1{
    position: absolute;
}
/*banner-01*/
.baner-01-a{
    width: 15.6vw;
    /*height: 165px;*/
    height: 93px;
    position: absolute;
    top: 39vh;
    left: 13vw;
    /margin-left: -163px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-a img{width:100%}
.baner-01-b{
    width: 752px;
    height: 65px;
    top: 350px;
    left: 58%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-c{
    width:69vw;
    /width: 1340px;
    /height: 65px;
    bottom:0;
    /left: 115%;
    position: absolute;
    margin-left: 340px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-c img{width:100%}
.baner-01-d{
    width: 650px;
    /height: 65px;
    top:400px;
    left: 93%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-d p,.baner-01-e p{color:#d5c872;/*font-size:28px*/font-size:22px;}
.baner-01-e{
    width: 650px;
    /height: 65px;
    bottom:0px;
    left: 90%;
    position: absolute;
    /margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    /*top: 53vh!important;*/
    /*top: 50.5vh!important;*/
    top: 45vh!important;
}
.banerzx1{position:absolute;transform: rotate(-50deg);left:-256px;bottom:-465px;overflow:hidden;/*width:600px;*/height:850px;width:500px;background:#242424}
.banerzx1 img{transform: rotate(50deg);width:100%;/*margin:190px 0 0 330px;*/margin:307px 0 0 321px;}
.banerys1{position:absolute;transform: rotate(-52deg);right:-256px;top:-468px;overflow:hidden;/*width:600px;*/height:850px;width:500px;background:#242424}
.banerys1 img{transform: rotate(52deg);width:100%;/*margin:220px 0 0 -258px;*/margin:215px 0 0 -231px;}
.banerzx2{position:absolute;transform: rotate(-50deg);left:-256px;bottom:-465px;overflow:hidden;/*width:600px;*/height:850px;width:500px;background:#242424}
.banerzx2 img{transform: rotate(50deg);width:100%;/*margin:190px 0 0 330px;margin:295px 0 0 265px;
        margin: 333px 0 0 300px;*/margin:324px 0 0 288px;
    }
.banerys2{position:absolute;transform: rotate(-52deg);right:-256px;top:-468px;overflow:hidden;/*width:600px;*/height:850px;width:500px;background:#242424}
.banerys2 img{transform: rotate(52deg);width:100%;/*margin:220px 0 0 -258px;margin:212px 0 0 -235px*/margin:224px 0 0 -235px;}
/*banner2*/
.banner2-03 p,.banner2-04 p{color:#d5c872;/*font-size:28px*/font-size:22px;}
.banner2-02{
    width:15.6vw;
    height: 93px;
    position: absolute;
    top: 39vh;
    left: 13vw;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-02 img{width:100%}
.banner2-01{
    top: 540px;
    position: absolute;
    left: 21%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*.banner2-03{
    top: 400px;
    left: 240px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}*/
.banner2-04{
    /*top: 46vh;*/
    /*top: 53vh;*/
    /*top: 50.5vh!important;*/
    top: 45vh!important;
    left: 600px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-05{
    width:69vw;
    /height: 65px;
    bottom:0px;
    left: 340px;
    position: absolute;
    /margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-05 img{width:100%}
/*banner3*/
.banner3-01{
    position: absolute;
    top: 138px;
    width: 720px;
    height: 73px;
    left: 50%;
    /*margin-left: -310px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-02{
    position: absolute;
    top: 227px;
    left: 50%;
    /*margin-left: -305px;*/
    width: 610px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-03{
    position: absolute;
    top: 283px;
    width:214px;
    left: 50%;
    /*margin-left: -107px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-04{
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 479px;
    margin-left: -239px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.nav{width:100px;height:14px;position:absolute;bottom:10px;right:20px;z-index: 2; left: 50%;margin-left: -50px}
.nav dl dd{list-style-type:none;width:12px;height:12px;float:left;margin-right:5px;cursor:pointer;
    border:1px solid #fff;}
.nav dl .bg{background:#ff7300;width:14px;height:14px;border:none;}
	.top{
    margin: 5vh auto;
    position: absolute;
    z-index: 999;
    left: 2%;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;}
	.logoimg p{color:#d5c872;margin:0 0 0 10px;font-size:18px;float:left;line-height:2.44vw;font-weight: 800;white-space: nowrap;}
	.logoimg img{float: left;
    /*webkit-animation: fadeInAnimation3 4s 0s infinite;*/
    /*animation:fadeInAnimation3 4s 0s infinite;*/
	}
	
	.logoimg{float: left;display:flex;align-items:center;width:30%;}
	.top ul{margin-left:100px;}
	.top ul li{float:left;margin:0px 0 0 0;position: relative;/border:1px solid #D5C872;overflow: hidden;text-align: center;height:25px;width: 3.5vw;}
	.top ul li a{display:block;padding: 0px;color:#d5c872;text-align: center;position:absolute;width: 4vw;top:0;/*top:3px;*/left:0;transition: all 0.5s;/font-weight: 800;font-size:18px}
	.top ul li a p{height:25px;line-height:25px;/*height:26px;font-weight:900;line-height:26px;*/}
	.top ul li a span{display:block;color:#fff;height:25px;line-height:25px;/*height:26px;font-weight:900;line-height:26px;*/}
	.top ul li:hover a{top:-26px}
.links{position:absolute;/bottom:50px;right:50px;z-index: 900;animation: fadeInAnimation ease 4s; 
            animation-iteration-count: 1; 
            animation-fill-mode: forwards; }
.links ul li{float:left;color:#9e9877;font-size:1.7vh}
.links ul li a{color:#9e9877;padding:0 10px 0 0;font-size:1.7vh}
.topm{display:none}
.callbacks_container{display:none}
.bannerbox1{display:none}
.beian{display:none}
/*@media screen and (min-width: 1200px)and (max-width: 1440px) {
    .links ul li{font-size:12px}
    .links ul li a{font-size:12px}
    .baner-01-c1{width:400px}
    .baner-01-a1{width:250px}
    .baner-01-d1 p, .baner-01-e1 p{font-size:20px}
    .top{margin:30px auto}
    .logoimg img{width:130px;}
    .logoimg p{font-size:16px;line-height:38px;}
    .top{width:1080px}
    .top ul li a{font-size:12px}
    .top ul li{height:40px;width:65px;}
    .top ul li:hover a{top:-32px}
    .bannerbox{display:none}
    .bannerbox1{display:block}
    .bannerbox1{
    /height: 900px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.containt-div1{
    width: 1024px;
    position: relative;
    height: 900px;
}
.bannerbox1 ul{
    position: relative;
}
.bannerbox1 ul li{
    list-style: none;
    width: 100%;
    height: 900px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox1 ul li.fst-li{
    background: url("/template/pc/skin/img/b1.jpg") center no-repeat;
    background-size:cover;
}
.bannerbox1 ul li.sec-li{
    background: url("/template/pc/skin/img/b2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox1 ul li.third-li{
    background: url("/template/pc/skin/img/3.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox1 ul li .img1{
    position: absolute;
}

.baner-01-a1{
    width: 230px;
    height: 165px;
    position: absolute;
    top: 370px;
    left: 39%;
    margin-left: -163px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-a1 img{width:100%}
.baner-01-b1{
    width: 700px;
    height: 65px;
    top: 390px;
    left: 58%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-b1 img{width:100%}
.baner-01-c1{
    width: 420px;
    /height: 65px;
    bottom:0;
    left: 105%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-c1 img{width:100%}
.baner-01-d1{
    width: 650px;
    /height: 65px;
    top:230px;
    left: 93%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-d1 p,.baner-01-e1 p{color:#d5c872;font-size:20px}
.baner-01-e1{
    width: 650px;
    /height: 65px;
    bottom:290px;
    left: 90%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.banner2-031 p,.banner2-041 p{color:#d5c872;font-size:20px}
.banner2-021{
    width:230px;
    height: 93px;
    position: absolute;
    top: 370px;
    left: 24%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-021 img{width:100%}
.banner2-011{
    top: 440px;width:700px;
    position: absolute;
    left: 21%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-011 img{width:100%}
.banner2-031{
    top: 270px;
    left: 56.5%;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-041{
    top: 300px;
    left: 52.5%;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-051{
    width: 390px;
    /height: 65px;
    bottom:0px;
    left: 105%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-051 img{width:100%}

.banner3-011{
    position: absolute;
    top: 138px;
    width: 720px;
    height: 73px;
    left: 50%;
   
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-021{
    position: absolute;
    top: 227px;
    left: 50%;
   
    width: 610px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-031{
    position: absolute;
    top: 283px;
    width:214px;
    left: 50%;
    
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-041{
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 479px;
    margin-left: -239px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
}*/
.light{
    position:fixed;
    top:0;
    left:0;
    z-index:1;
    width:100%;
}
.light img{
    /*width:100%;*/
    width: 81%;
    position:fixed;
    top:0;
    left:0;
    webkit-animation: fadeInAnimation3 4s 0s infinite;
    animation:fadeInAnimation3 4s 0s infinite;
}
  @media screen and (max-width: 1400px) {
      .top{
          left: 15px;
          /*width: 62.5vw;*/
          /*width: 63.5vw;*/
          width: 69.5vw;
         display: flex;
         justify-content: left;
      }
      .top ul{
          /*margin-left: 30px;*/
          margin-left: 87px;
          display: flex;
      }
      .top ul li{
          width: 50px;
      }
      .top ul li a{
          /*font-size: 14px;*/
          font-size: 16px;
          width: 40px;
      }
      .logoimg{
          /*transform: scale(0.8);*/
          /*width:50%;*/
          width: 37.5%;
          margin-top: -10px;
      }
      
      
  }
@media screen and (max-width: 992px) and (max-height:1024px){
    .contanta{
        overflow: visible;
        height: 100vh;
    }
    .alert{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /*body{transform: rotate(90deg);transform-origin: bottom left;position: absolute;top: -100vw;height: 100vw; width: 100vh;}*/
    .top {display:none}
    .topm{position:absolute;z-index:999;display:block;padding:1rem 2%;width:96%;}
    .topm .logoimg{width:30%;float:left}
    .topm .logoimg img{width:90%;float:left}
    .topm p{font-size:0.8rem;float:left;line-height:1.9rem}
    .topm ul{width:100%;position:fixed;z-index:1000;left:100%;background:rgba(0,0,0,0.8);top:0;padding:100px 0 0 0;height:100%}
    .topm ul li{width:100%;;text-align:center}
    .topm ul li a{color:#fcfdd6;font-size:1rem;padding:0.8rem 0;display:block;border-bottom:1px solid #222;margin:0 20px}
    .topm .nemu1{float:right;width:1.5rem;padding:0.7rem 0.2rem 0 0}
    .topm .nemu1 img{width:100%}
    .close{font-size:3rem;color:#fff;width:100%;text-align:center; transform: rotate(45deg);font-weight:100;width:3rem;height:3rem;border-radius:4rem;border:1px solid #fff;line-height:3rem;margin:1rem auto}
    .links{display:none;bottom:20px!important;position:fixed;margin:0 auto;animation: fadeInAnimation2 ease 4s; 
            animation-iteration-count: 1; 
            animation-fill-mode: forwards;right:0;width:70%;text-align:center;padding:0 15%}
            .links ul{margin:0 auto;overflow:hidden;}
    .bannerbox,.bannerbox1{display:none}
    .callbacks_container{display:block}
    .beian{display:block;position:absolute;bottom:10px;padding:0 0 0 10px;z-index:999;color:#8d8d8d;font-size:0.8rem;}
    .light{position:fixed;top:0;left:0;z-index:666;width:100%}
    .light img{width:100%;position:fixed;top:0;left:0;
            webkit-animation: fadeInAnimation3 4s 0s infinite;
  animation:fadeInAnimation3 4s 0s infinite;}
    
}