body{background:#1e1e1e;color:#a5a5a5;}
	*{margin: 0;padding: 0;text-decoration: none;list-style: none;font-family: "PingFang SC", "Heiti SC", "Microsoft YaHei", sans-serif;}
	   
        @font-face {
	        font-family: FZ;
	        src: url("/font/fz.ttf");
        }       
    
	 @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.3; /*设置不透明度*/
                } 
            33% { 
                opacity: 1; 
            } 
            66% { 
                opacity: 1; 
            } 
            100% { 
                opacity: 0.3; 
            } 
        } 
        @keyframes fadeInAnimation4 { 
            0% { 
              margin:-50% 0 0 -50%; width:200%; opacity: 0; /*设置不透明度*/
            } 
            33% { 
              margin:0;  width:100%;opacity: 1;
            } 
            66% { 
              margin:0;  width:100%;opacity: 1;
            } 
            100% { 
              margin:-50% 0 0 -50%; width:200%; opacity: 0; /*设置不透明度*/
            } 
        }     
        @keyframes fadeInAnimation5 { 
            0% { 
                opacity: 0; margin-left:90px/*设置不透明度*/
            } 
            100% { 
                opacity: 1;margin-left:80px
            } 
        } 
         @keyframes fadeInAnimation6 { 
            0% { 
                opacity: 0; margin-left:110px/*设置不透明度*/
            } 
            100% { 
                opacity: 1;
                /*margin-left:100px*/
                margin-left: 0;
            } 
        } 
         @keyframes fadeInAnimation7 { 
            0% { 
                opacity: 0; margin-left:230px/*设置不透明度*/
            } 
            100% { 
                opacity: 1;margin-left:220px
            } 
        } 
         @keyframes fadeInAnimation8 { 
            0% { 
                margin-top:250px
                /*设置不透明度*/
                /*margin-top: 100px;*/
            } 
           50% { 
               margin-top:0px
            } 
            100% { 
               margin-top:0px
            } 
        } 
          @keyframes fadeInAnimation9 { 
            0% { 
                opacity: 0; 
            } 
            100% { 
                opacity: 1;
            } 
        } 
.alert{
    display: none;
}
.gst{webkit-animation: fadeInAnimation9 6s 0s Linear;
  animation:fadeInAnimation9 3s 0s Linear;font-size:13px}
.gs{overflow:hidden;height:40vh}
/*.gsn{webkit-animation: fadeInAnimation8 9s 0s infinite linear;animation:fadeInAnimation8 9s 0s infinite linear;font-size:13px}*/
.gsn{webkit-animation: fadeInAnimation8 20s 0s infinite linear;animation:fadeInAnimation8 20s 0s infinite linear;font-size:13px}
.mlw{overflow:hidden;height:61vh;margin-top:4vh;height:55vh;}
.mln{webkit-animation: fadeInAnimation8 20s 0s Linear Infinite;animation:fadeInAnimation8 20s 0s Linear Infinite;}
.mln p span{font-size:2.1vh}
.td{overflow:hidden;}
.tdn{webkit-animation: fadeInAnimation8 20s 0s Linear Infinite;animation:fadeInAnimation8 20s 0s Linear Infinite;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{ text-decoration:none;}

.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;}
.loadimg{width:100%;border-bottom:1px solid #69634e;overflow:hidden;/padding:25px 0 20px 0;height:68px;display:flex;align-items: center;
}
	.top{width:1360px;/*margin:1.8vh auto;*/margin:0 auto;display: flex;
    justify-content: space-between;
    align-items: center;}
	/*.logoimg{width:70vh}*/
	.logoimg{width:27.75%;margin-top:-10px;}
	.logoimg p{color:#d5c872;margin:0 0 0 10px;font-size:20px;float:left;line-height: 47px;font-weight: 400;}
	.logoimg img{float: left;}
	.logoimg{}
	.top ul{float:right;/*padding-top:10px;*/display:flex;align-items:flex-end;/*height:68px;*/}
	.top ul li{float:left;margin:0px 0 0 0;position: relative;/border:1px solid #D5C872;overflow: hidden;text-align: center;height:25px;width:70px;display: flex;
    justify-content: center;
    align-items: flex-end;}
	.top ul li a{display:blcok;padding: 0px;color:#d5c872;text-align: center;position:absolute;width:70px;top:0;left:0;transition: all 0.5s;/font-weight: 800;font-size:18px}
	.top ul li a p{height:25px;line-height:25px;/*font-weight:900*/}
	.top ul li a span{display:block;color:#fff;height:25px;line-height:25px;/*font-weight:900*/}
	.top ul li:hover a{top:-25px}
.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}
.links ul li a{color:#9e9877;padding:0 10px 0 0}
.topm{display:none}
.zj{height:600px}
.bannerbox1{display:none}
.beian{display:none}
.contant .conl{width:50%;border-right:1px solid #69634e;float:left;overflow:hidden}
.contant .conl img{width:100%;webkit-animation: fadeInAnimation4 25s 0s infinite;
  animation:fadeInAnimation4 25s 0s infinite;}
.contant .conr{width:49.9%;float:right}
.contant .conr .luoling{width:50%;margin-bottom:20px}
.contant .conr .luoling img{width:100%}
.contant .cr{width:80%;margin:0 auto;text-align:center}
.contant .listc{width:100%;display:flex;border-bottom:1px solid #69634e}
.contant .listc li{flex:1;transition:all .5s}
.contant .listc li a{color:#d5c872;font-size:3vh;padding:10px;display:block;transition:all .5s;border-bottom:3px solid #1e1e1e}
.contant .listc li:hover a{border-bottom:3px solid #69634e;color:#fff}
.hy{height:500px;display:flex;justify-content:space-between;align-items:center;}
.contanta{width:100%;background:url(../images/bg.jpg) no-repeat center bottom;background-size:100% 100%;padding:50px 0 0 0;overflow:hidden;
min-height:78.6vh;
    /*min-height: 88vh;*/
}
.cona{margin:0 auto;}
.contanta .conal{/*width:49%;*/width:52%;float:left;padding:0 1% 0 0}
.contanta .conr{/*width:49%;*/width:45%;float:right;padding:0 0 0 1%}
.contanta .cl .clt{color:#a5a5a5;height:65.2vh;height:59.2vh;}
.contanta .cr .crimg{/width:80%;display:block;margin:0 0 0 50px;animation: fadeInAnimation5 ease 2s; 
            animation-iteration-count: 1; 
            animation-fill-mode: forwards;height:61vh}
.contanta .cr .crimg1{animation: fadeInAnimation6 ease 2s; 
            animation-iteration-count: 1; 
            animation-fill-mode: forwards;/*margin:0 0 0 5vw;*/display:block;animation-delay:.3s;opacity:0}
.contanta .cr .crimg2{animation: fadeInAnimation7 ease 2s; 
            animation-iteration-count: 1; 
            animation-fill-mode: forwards;margin:0 0 0 5vw;display:block;animation-delay:.6s;opacity:0}
.contanta .listc{width:85%;display:flex;border-bottom:1px solid #69634e;/*height:49px0*/;position:relative}
.contanta .listc li a{color:#d5c872;padding:9px 15px;display:block;transition:all .5s;/border-bottom:3px solid #1e1e1e;font-size:3vh}
.contanta .listc li:hover{border-bottom:3px solid #69634e;color:#fff}
.gaoliang{color:#fff!important}
.contanta .zuanshi{position:relative;width:118px;height:78px;/right:-4.1vw!important;top:-0.78vh}
.contanta .zuanshi img:nth-child(1){position:absolute;left:0;top:0;z-index:2}
.contanta .zuanshi img:nth-child(2){position:absolute;left:0;top:0;z-index: 1;webkit-animation: fadeInAnimation3 4s 0s infinite;
  animation:fadeInAnimation3 4s 0s infinite;}
.contanta .zuanshi img{width:100%}
.navb{width:100%}
.meilitu {width:100%;text-align: center;}
.meilitu img{display:block;/width:40%;margin:50px auto 0 auto}
.Cooldog_content{margin:0 auto}
.cl .imgn{width:270px;margin:40px auto 0;position:relative}
.cl .imgn .imgp{position:absolute;left:0;top:0px;z-index:99;width:100%}
.contanta .cr{color:#a5a5a5}
.contanta .tit{text-align: center;font-size:3vh; color:#959595;font-weight:300;}
.contanta .tit span{margin-right:15px;font-size:4vh;
    /*background-image:-webkit-linear-gradient(bottom,#bca81d,#fbfcd3); */
    /*-webkit-background-clip:text; */
    /*-webkit-text-fill-color:transparent;*/
    
    /*background-image:-moz-linear-gradient(bottom,#bca81d,#fbfcd3); */
    /*-moz-background-clip:text; */
    /*-moz-text-fill-color:transparent;*/
    /*background-image:-ms-linear-gradient(bottom,#bca81d,#fbfcd3); */
    /*-ms-background-clip:text; */
    /*-ms-text-fill-color:transparent;*/
    /*background-image:-o-linear-gradient(bottom,#bca81d,#fbfcd3); */
    /*-o-background-clip:text; */
    /*-o-text-fill-color:transparent;*/
    /*background-image:linear-gradient(bottom,#bca81d,#fbfcd3); */
    /*background-clip:text; */
    /*text-fill-color:transparent;*/
    color: #d5c872;
    
}
    .proimg{margin-top:30px;margin-top:10px;}
.album3 ul{overflow:hidden;display:flex;align-items:center;margin:0 -10px;}
.album3 ul li{padding:0 10px;box-sizing:border-box;width:25%;overflow:hidden;}
.album3 ul li .pic{display:flex;justify-content: center;align-items: center;}
.album3 ul li .pic img{width:100%;height:100%;object-fit:contain;display:block;height:370px;}
.album3 ul li a{
    display: block;
}
.album3 ul li p{
    text-align:center;
    padding-top:10px;
    box-sizing:border-box;
    position: absolute;
    bottom:-50px;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    -o-display:flex;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(68,68,68,0.5);
    font-size:20px;
    color:#fff;
    width:100%;
    text-align: center;
    transition:all .5s;
    height:50px;
}
.album3 ul li a:hover p{bottom:0%;margin-bottom:0;transition: all .5s}
.album3 .link{
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-top: 66px;*/
    margin-top: 22px;
}
.album3 .zuanshi{
    margin: 0;
    top: 0;
    /*width: 240px;*/
}
.proimg .tc {overflow:hidden;height:460px;justify-content:space-between;display:flex;}    
.proimg .tc li .huazhou{position:absolute;bottom:0;margin:0px 0;width:100%;left:0}
  @keyframes fadeInAnimation10 { 
            0% { 
                height: 10px; 
            } 
            15% { 
                height: 440px;
            } 
            75% { 
                height: 440px;
            } 
            100% { 
                height: 10px;
            } 
        } 
  @keyframes fadeInAnimation11 { 
            0% { 
                height: 10px; 
            } 
            15% { 
                height: 10px; 
            } 
            30% { 
                height: 440px;
            }
            75% { 
                height: 440px;
            } 
            100% { 
                height: 10px;
            } 
        }
  @keyframes fadeInAnimation12 { 
            0% { 
                height: 10px; 
            } 
            30% { 
                height: 10px; 
            } 
            45% { 
                height: 440px;
            } 
            75% { 
                height: 440px;
            } 
            100% { 
                height: 10px;
            } 
        } 
  @keyframes fadeInAnimation13 { 
            0% { 
                height: 10px; 
            } 
            45% { 
                height: 10px; 
            } 
            60% { 
                height: 440px;
            } 
            75% { 
                height: 440px;
            } 
            100% { 
                height: 10px;
            } 
        } 
   @keyframes fadeInAnimation14 { 
            0% { 
                height: 10px; 
            } 
            15% { 
                height: 360px;
            } 
            75% { 
                height: 360px;
            } 
            100% { 
                height: 10px;
            } 
        } 
  @keyframes fadeInAnimation15 { 
            0% { 
                height: 10px; 
            } 
            15% { 
                height: 10px; 
            } 
            30% { 
                height: 360px;
            }
            75% { 
                height: 360px;
            } 
            100% { 
                height: 10px;
            } 
        }
  @keyframes fadeInAnimation16 { 
            0% { 
                height: 10px; 
            } 
            30% { 
                height: 10px; 
            } 
            45% { 
                height: 360px;
            } 
            75% { 
                height: 360px;
            } 
            100% { 
                height: 10px;
            } 
        } 
  @keyframes fadeInAnimation17 { 
            0% { 
                height: 10px; 
            } 
            45% { 
                height: 10px; 
            } 
            60% { 
                height: 360px;
            } 
            75% { 
                height: 360px;
            } 
            100% { 
                height: 10px;
            } 
        }       
.proimg .tc li  .tcd{width:326px;height:10px;background:url(../images/bg2.png) no-repeat center top;text-align: center;margin-top:20px;background-size:100%;position:relative;overflow:hidden;transition:all 2s}
.proimg .tc .huazhouw:nth-child(1) .tcd{webkit-animation: fadeInAnimation10 20s 0s infinite linear;animation:fadeInAnimation10 20s 0s infinite linear;}
.proimg .tc .huazhouw:nth-child(2) .tcd{webkit-animation: fadeInAnimation11 20s 0s infinite linear;animation:fadeInAnimation11 20s 0s infinite linear;}
.proimg .tc .huazhouw:nth-child(3) .tcd{webkit-animation: fadeInAnimation12 20s 0s infinite linear;animation:fadeInAnimation12 20s 0s infinite linear;}
.proimg .tc .huazhouw:nth-child(4) .tcd{webkit-animation: fadeInAnimation13 20s 0s infinite linear;animation:fadeInAnimation13 20s 0s infinite linear;}

.proimg .tc li{width:326px;height:440px;margin-right:18px;float:left;}
.proimg .tc li:hover .tcd{height:440px}
.proimg .tc li:nth-child(4){margin-right:0;}
.proimg .tc li img{margin:35px 0 16px 0;width:85%}
.proimg .tc li p{color:#000;font-size:18px}
.buling{margin:90px auto;right:0!important}
.prodb{width:1250px;margin:30px auto;position: relative;padding:55px 0 0 0}
.prodb .callbacks_container{width:1150px;margin:0 auto!important;height:430px!important}
.prodb .imgp{width:1250px;position:absolute;top:0;left:0;z-index:99}
.videob{    position: relative;z-index: 800;width:480px;margin:0 auto 15px auto;text-align: center;background:url(../images/hd.gif) no-repeat left top}
.videob p{color:#d5c872;font-size:12px;}
.videob .playa img{margin-left:79px}
.shipin{width:900px;height:530px;position:fixed;z-index: 900;display: none;}
.proavideo{width:900px;height:530px;}
.closev{position:absolute;right:10px;top:15px;z-index:901}
.closev img{width:100px}
  video:focus {
outline: -webkit-focus-ring-color auto 0px;
}
.blackToTop{
    position: relative;
    width: 118px;
    height: 78px;
    margin: 0 auto;
    bottom: 0;
    /*padding-top: 60px;*/
    padding-top: 25px;
}
.blackToTop img:nth-child(1){
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.blackToTop img:nth-child(2){
    position: absolute;
    bottom: 0;
    left: 0;
    animation: fadeInAnimation3 4s 0s infinite;
    z-index: 5;
}
/*视频页*/
.options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    max-width: 1400px;
    height: 470px;
	margin:30px auto;
}
.jj{margin:0!important;right: 0vw!important;position:absolute!important}
.yjzs{margin:0px auto!important}

@media screen and (max-width: 718px) {
    .options {
        min-width: 520px;
    }

    .options .option:nth-child(5) {
        display: none;
    }
}

@media screen and (max-width: 638px) {
    .options {
        min-width: 440px;
    }

    .options .option:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 558px) {
    .options {
        min-width: 360px;
    }

    .options .option:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 478px) {
    .options {
        min-width: 280px;
    }

    .options .option:nth-child(2) {
        display: none;
    }
}

.options .option {
    position: relative;
    overflow: hidden;
    min-width: 100px;
    margin: 5px;
    background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
    background-size: auto 120%;
    background-position: center;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option:nth-child(1) {
    --defaultBackground: #ED5565;
}

.options .option:nth-child(2) {
    --defaultBackground: #FC6E51;
}

.options .option:nth-child(3) {
    --defaultBackground: #FFCE54;
}

.options .option:nth-child(4) {
    --defaultBackground: #2ECC71;
}

.options .option:nth-child(5) {
    --defaultBackground: #5D9CEC;
}

.options .option:nth-child(6) {
    --defaultBackground: #AC92EC;
}

.options .option.active {
    flex-grow: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    /max-width: 600px;
    margin: 0px;
    border-radius: 3px;
    background-size: auto 100%;position:relative
    /*&:active {
     transform:scale(0.9);
  }*/
}

/*.options .option.active .shadow {*/
/*    -webkit-box-shadow:  inset -100px 0px  1000px -15px #000;*/
/*    -moz-box-shadow:  inset -100px 0px  1000px -15px #000;*/
/*    -ms-box-shadow: inset -100px 0px  1000px -15px #000;*/
/*    -o-box-shadow: inset -100px 0px  1000px -15px #000;*/
/*    box-shadow: inset -100px 0px  1000px -15px #000;*/
/*}*/

.options .option.active .label {
    top: 00px;
    right: 20px;
}

.options .option.active .label .info>div {
    left: -50px;
    opacity: 1;top:20px
}

.options .option:not(.active) {
    flex-grow: 1;
    border-radius: 3px;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}

/*.options .option:not(.active) .shadow {*/
/*    /bottom: -40px;*/
/*    -webkit-box-shadow: inset 0 -120px 0px -120px black;*/
/*    -moz-box-shadow: inset 0 -120px 0px -120px black;*/
/*    -ms-box-shadow: inset 0 -120px 0px -120px black;*/
/*    -o-box-shadow: inset 0 -120px 0px -120px black;*/
/*    box-shadow: inset 0 -120px 0px -120px black;*/
/*}*/

.options .option:not(.active) .label {
    bottom: 10px;
    left: 10px;
}

.options .option:not(.active) .label .info>div {
    left: -10px;top:25px;
    opacity: 1;
}
.options .option:not(.active) .label .num {
    right: -40px!important;top:-17px!important;
    opacity: 1;
}
.options .option:not(.active) .label .icon {
    right: -100px!important;bottom:15px
}

.options .option .shadow {
    position: absolute;
    bottom: 0px;
    /left: 0px;
    right: 0px;
    height: 100%;
    width:100%;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option .label {
    /display: flex;
    position: absolute;
    right: 0px;
    height: 100%;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option .label .icon {
    position:absolute;
    bottom:30px;
    /min-width: 40px;
    /max-width: 40px;
    height: 40px;right:10px;
    border-radius: 100%;
    
    color: var(--defaultBackground);
}

.options .option .label .info {
    /display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    color:#c0c0c0;height:100%;
    /white-space: pre;
}

.options .option .label .info>div {
    position: relative;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
}

.options .option .label .info .main {
    font-weight: normal;
    font-size: 22px;
}

.options .option .label .info .sub {
    transition-delay: .1s;font-size:9px
}
.options .option .label .info .num {
    position:relative;font-size:30px;right:0px;top:-21px;font-family:FZ
}
.video_yj{width:100%;height:100%}
.shipin_yj{width:100%;height:100%;position:absolute;z-index: 99;display:none}
/*视频页结束*/
.dsvideo{overflow:hidden;}
.dsvideo ul{overflow:hidden}
  .dsvideo ul li{float:left;width:24.5%;height:24vh;overflow:hidden;position:relative;margin-right:0.3%;background:none;margin-bottom:20px;border-radius:10px;    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;transition:all .5s;
      
  }
  .dsvideo ul li:nth-child(5),
  .dsvideo ul li:nth-child(6),
  .dsvideo ul li:nth-child(7),
  .dsvideo ul li:nth-child(8){
      margin-bottom: 10px;
  }
    
  .dsvideo ul li:nth-child(4n){margin-right:0}
  .dsvideo ul li img:nth-child(1){width:100%;position:absolute;top:0;}
  .dsvideo ul li img:nth-child(2){width:80px;top:6vh;left:185px;position:absolute;z-index: 9;top:0;right:0;left:0;bottom:0;margin:auto;}
  .dsvideo ul li p{display:block;width:100%;text-align:center;font-size:12px;line-height:30px;background:rgba(255,255,255,0.8);color:#000000;position:absolute;bottom:0;z-index:10;left:0;white-space: nowrap;}
  .dsvideo ul li:hover{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}
    
    .radio ul{overflow:hidden;display:flex;justify-content:center;}
  .radio ul li{float:left;width:437px;height:290px;overflow:hidden;position:relative;margin-right:24px;background:none;margin-bottom:20px;border-radius:10px; transition:all .5s}
  .radio ul li:nth-child(3n){margin-right:0}
  .radio ul li img:nth-child(1){width:100%;position:absolute;top:0;height:100%;opacity:0.5}
  .radio ul .activer{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}
     .radio ul li:not(.activer) {  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
    .radio audio{position: absolute;bottom:0;left:0;width:100%;}
.radio ul li p{display:block;width:100%;text-align:center;font-size:24px;line-height:245px;color:#fff;position:absolute;bottom:100;z-index:10;left:0}
.titl{text-align:left!important;margin:50px 0 0 50px}
.proimg .jz ul li{float:left;width:25%;text-align: center;}
.proimg .jz ul li img{transition: all .5s;}
@keyframes jz1 {0% {width:250px;margin:30px auto}20% {width:336px;margin:-40px auto} 40% {width:250px;margin:30px auto}75% {width:250px;margin:30px auto}100% {width:250px;margin:30px auto}} 
@keyframes jz2 {0% {width:227px;margin:80px auto}20% {width:227px;margin:80px auto} 40% {width:320px;margin:20px auto}60% {width:227px;margin:80px auto}100% {width:227px;margin:80px auto}} 
@keyframes jz3 {0% {width:195px;margin:50px auto}15% {width:195px;margin:50px auto} 40% {width:195px;margin:50px auto}60% {width:300px;margin:-20px auto}80% {width:195px;margin:50px auto}100% {width:195px;margin:50px auto}} 
@keyframes jz4 {0% {width:270px;margin:180px auto 0 auto}60% {width:270px;margin:180px auto 0 auto} 80% {width:343px;margin:65px auto 0 auto}100% {width:270px;margin:180px auto 0 auto}100% {width:270px;margin:180px auto 0 auto}} 

.proimg .jz .playul .play1 img{margin:30px auto;transition:all 2s;width:250px;webkit-animation: jz1 20s 0s infinite linear;animation:jz1 20s 0s infinite linear;}
.proimg .jz .playul .play2 img{margin:80px auto;transition:all 2s;width:227px;webkit-animation: jz2 20s 0s infinite linear;animation:jz2 20s 0s infinite linear;}
.proimg .jz .playul .play3 img{margin:50px auto;transition:all 2s;width:195px;webkit-animation: jz3 20s 0s infinite linear;animation:jz3 20s 0s infinite linear;}
.proimg .jz .playul .play4 img{margin:180px auto 0 auto;transition:all 2s;width:270px;webkit-animation: jz4 20s 0s infinite linear;animation:jz4 20s 0s infinite linear;}
.proimg .jz ul .play1 img{margin:30px auto;transition:all 1s;width:250px;}
.proimg .jz ul .play2 img{margin:80px auto;transition:all 1s;width:227px;}
.proimg .jz ul .play3 img{margin:50px auto;transition:all 1s;width:195px;}
.proimg .jz ul .play4 img{margin:180px auto 0 auto;transition:all 1s;width:270px;}
.proimg .jz ul .play1 img:hover{width:336px!important;margin:-40px auto!important}
.proimg .jz ul .play2 img:hover{margin:20px auto;width:320px}
.proimg .jz ul .play3 img:hover{width:300px;margin:-20px auto}
.proimg .jz ul .play4 img:hover{width:343px;margin:65px auto 0 auto}
.proimg .jz{position: relative;padding:20px 0;height:530px}
.proimg .jz .titl{position:absolute;bottom:-30px;left:10px;width:985px}
.proimg .jz .titl p{float:right}
.proimg{/overflow:hidden}
 @keyframes play1 { 
            0% { 
                margin:60px auto;width:156px;
            } 
            100% { 
                margin:40px auto;width:176px;
            } 
        } 

 @keyframes play2 { 
            10% { 
                margin:20px auto;width:256px;
            } 
            100% { 
                margin:0px auto;width:273px;
            } 
        } 
 @keyframes play3 { 
            0% { 
                margin:100px auto;width:112px;
            } 
            100% { 
                margin:80px auto;width:132px;
            } 
        } 
 @keyframes play4 { 
            10% { 
                margin:200px auto;width:186px;
            } 
            100% { 
                margin:180px auto 0 auto;width:206px;
            } 
        } 


.proimg .yz{position:relative;}
.proimg .ys ul{
            
            display: flex;
            justify-content: space-around;
        }
.proimg .yz .yzz{position:absolute;transform:rotate(45deg);width:280px;height:280px;overflow: hidden;}
.proimg .yz .yzz img{transform:rotate(-45deg);margin:-60px 0 0 -60px;width:400px;transition:all .5s}
.proimg .yz .play1{left:311px;top:63px}
.proimg .yz .play3{left:708px;top:63px}
.proimg .yz .play2{left:510px;top:260px}
.yz .titl{width:280px;height:280px;position:absolute;top:211px;left:63px;transform:rotate(45deg);border:1px solid #585858}
.yz .titn{transform:rotate(-45deg);margin:101px 0 0 -10px;text-align: center;}
.yz .titn p{font-size:15px}
.zuanshiyz{position:absolute;transform:rotate(-45deg);width:280px!important;height:280px!important;border:1px solid #585858;top:151px!important;left:367px!important}
.zuanshin{transform:rotate(45deg);width:140px;margin:115px 0 0 105px}
.proimg .yz .yzz:hover img{width:190%;margin:-95px 0 0 -95px}
.bz ul{text-align: center;margin:0 auto;width:100%;display:flex;}
.bz ul li{width:33.33%;height:580px;position: relative;}
.bz ul li .bzz{height:290px;position: absolute;background:#7c7c7c;color: #b0b0b0;width:100%;text-align: center;line-height: 290px;font-size:24px}
.bz ul li .bzzp{height:290px;width:380px;position: absolute;width:100%;overflow:hidden;}
.bz ul li .bzzp img{width:auto;height:100%;}
.bz ul .play1 .bzz{top:0;left:0;z-index: 9;transition:all 1s}
.bz ul .play1 .bzzp{top:290px;left:0;z-index: 1;transition:all 1s}
.bz ul .play3 .bzz{top:0;left:0;z-index: 9;transition:all 1s}
.bz ul .play3 .bzzp{top:290px;left:0;z-index: 1;transition:all 1s}
.bz ul .play2 .bzz{top:290px;left:0;z-index: 9;transition:all 1s}
.bz ul .play2 .bzzp{top:0px;left:0;z-index: 1;transition:all 1s}
.bz ul .play2 .titl{margin:0 auto;text-align: center!important;line-height: 290px;}
.bz{overflow:hidden}
.bz ul .play1:hover .bzz{top:290px}
.bz ul .play1:hover .bzzp{top:0}
.bz ul .play1:hover .bzzp1{opacity:0}
.bz ul .play3:hover .bzz{top:290px}
.bz ul .play3:hover .bzzp{top:0}
.bz ul .play3:hover .bzzp1{opacity:0}
.bz ul .play2:hover .bzz{top:0}
.bz ul .play2:hover .bzzp{top:290px}
.bz ul .play2:hover .bzzp1{opacity:0}
.bzzp1{position:absolute;top:0;left:0;z-index:2;opacity:1;transition:all 1s}
.bzzp2{position:absolute;top:0;left:0;z-index:1;opacity:1;transition:all 1s}
.proimg .yr{;margin:0 auto;display:flex;justify-content:space-between;}
.proimg .yr .yr1{width:435px;margin:0 0 0 0;float:left} 
.proimg .yr .yr2{width:410px;margin:0 0 0 0;float:left;height:500px} 
.proimg .yr .yr3{width:435px;margin:0 0px 0 0;float:left} 
.proimg .yr1img{width:435px;height:300px;overflow:hidden;position: relative;}
.proimg .yr1img img{width:100%;opacity: .6;transition: all .5s;}
.proimg .yr2img{width:410px;height:498px;overflow:hidden;position: relative;}
.proimg .yr2img img{width:100%;opacity: .6;transition: all .5s}
.proimg .yr3img{width:435px;height:300px;overflow:hidden;position: relative;}
.proimg .yr3img img{width:100%;opacity: .6;transition: all .5s}
.proimg .yr1img:hover img{opacity: 1;}
.proimg .yr2img:hover img{opacity: 1;}
.proimg .yr3img:hover img{opacity: 1;}
.proimg .yr .yr2 .tit{text-align: left;font-size:16px;margin-top:50px}
.proimg .yr .zuanshi{top:-157px;right:-130px!important}
.proimg .yr .yr1img p{position: absolute;bottom:-50px;display:flex;justify-content:center;align-items:center;background:rgba(68,68,68,0.5);font-size:20px;color:#fff;width:100%;text-align: center;transition:all .5s;height:50px}
.proimg .yr .yr1img:hover p{bottom:0%; transition: all .5s}
.proimg .yr .yr3img p{position: absolute;bottom:-50px;display:flex;justify-content:center;align-items:center;background:rgba(68,68,68,0.5);font-size:20px;color:#fff;width:100%;text-align: center;transition:all .5s;height:50px}
.proimg .yr .yr3img:hover p{bottom:0%; transition: all .5s}
.proimg .yr .yr2img p{position: absolute;bottom:-50px;display:flex;justify-content:center;align-items:center;background:rgba(68,68,68,0.5);font-size:20px;color:#fff;width:100%;text-align: center;transition:all .5s;height:50px;}
.proimg .yr .yr2img:hover p{bottom:0%;margin-bottom:0;transition: all .5s}
.proimg .zj{/overflow: hidden;}
.proimg .zj .zjl{width:400px;float:left;position:relative;height:85.9vh}
.proimg .zj .zjr{width:850px;float:right;position:relative;}
.proimg .zj .tit{text-align: left;font-size:17px;margin:150px 0 0 0}
.proimg .llzjbtn{width:320px;position:fixed;bottom:8vh;height:180px;margin-bottom:45px}
.anniuimg{display:block;position:absolute;bottom:0}
.proimg .zj .zjl .llzjm{position:absolute;bottom:0;width:222px;height:180px;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);/position:relative;right:0px;transition:all .5s}
.llzjm2{display: none;}
.cona .proimg .zj .zjl .zjzs{position:absolute!important;bottom:0;margin:0;top:120px!important;right:-130px!important;z-index:999}
.proimg .zj .llzjm img{width:100%;position:absolute;right:0;bottom:0}
.proimg .zj .zjl .zuanshi{right:-200px!important;top:-150px!important}
.proimg .zjr .zjrimg{position:absolute;width:109vh;height:85.9vh;right:-100px;background-size:100% 100%!important}
.proimg .zjr .zjr1{background:url(../images/zj2.png) no-repeat ;}
.proimg .zjr .zjr2{background:url(../images/zj1.png) no-repeat ;}
.proimg .zjr .zjr2{display:none}
.zjr2show{display:block!important}
.proimg .zjrimg li{position:absolute;}
.proimg .zjrimg  img{position:absolute;z-index: 1;width:100%}
.proimg .zjrimg p{position:absolute;z-index:2;color:#fff;width:100%;text-align: center;font-size:22px;align-self: center;display:block;width:80%;line-height:30px;margin:0 10%}
/*.zjrimg2  p{text-align:left!important;text-indent:10px}*/
.zjrimg2  p{
    top: 25%;
    width: 100%!important;
    margin: 0!important;
}
.zjrimg3  p{
    top: 45%;
}
.zjrimg1{top:0;left:11.2vh;width:41.8vh;height:38vh;display: flex;}
.zjrimg2{top:0;left:52.6vh;width:40vh;height:37vh;display: flex;}
.zjrimg3{top:15.1vh;right:0px;width:48.7vh;height:44.7vh;display: flex;}
.zjrimg4{bottom:0px;right:10.9vh;width:43vh;height:40.4vh;display: flex;}
.zjrimg5{bottom:0;left:16.8vh;width:41vh;height:40.8vh;display: flex;}
.zjrimg6{top:22.8vh;left:0px;width:48.46vh;height:44.2vh;display: flex;}
.zjrimg li {transition:all .5s}
.zjrimg li .zjimg{opacity:0;transition:all .5s;display: flex;}
.zjrimg li:hover .zjimg{opacity: 1;}
.proimg .hyl{/width:238px;float:left;}
.proimg .hyl .tit{text-align: left;}
.proimg .hyr{position:absolute;right:0;
         transform: scale(0.8);}
.proimg .hyrimg{
    display: flex;
}
.proimg .hyrimg li .hyimg{width:155px;height:100px;border:3px solid #fff;overflow:hidden;margin:13px 7px}
.proimg .hyrimg li .hyimg img{width:100%;transition:all .5s}
.proimg .hyrimg li .hyimg:hover img{opacity: .5;transform:scale(1.1)}
.proimg .hyrimg li{float:left}
.proimg .hyrimg .hyimg4{perspective: 1250px; /* 透视视图 */}
.proimg .hyrimg .hyimg4 .hyimg{-webkit-transform: rotateY(-45deg);transform: rotateY(-45deg);width:58vh;height:19.5vh}
.proimg .hyrimg .hyimg4 .hyimg img{height:100%}
.proimg .hyrimg .hyimg3{perspective: 1930px; margin:5.8vh -16.5vh 0 0}
.proimg .hyrimg .hyimg3 .hyimg{-webkit-transform: rotateY(-45deg);transform: rotateY(-45deg);width:39vh;height:15.5vh}
.proimg .hyrimg .hyimg3 .hyimg img{height:100%}
.proimg .hyrimg .hyimg2{perspective: 2400px; margin:8vh -8vh 0 0}
.proimg .hyrimg .hyimg2 .hyimg{-webkit-transform: rotateY(-30deg);transform: rotateY(-30deg);width:24vh;height:13.96vh}
.proimg .hyrimg .hyimg2 .hyimg img{height:100%}
.proimg .hyrimg .hyimg1{perspective: 1900px; margin:8vh -3.5vh 0 0}
.proimg .hyrimg .hyimg1 .hyimg{-webkit-transform: rotateY(25deg);transform: rotateY(25deg);width:23vh;height:13.96vh;position:relative;}
.proimg .hyrimg .hyimg p{display:none;position:absolute;/*top:0;*/right:0;left:0;bottom:0;margin:auto;transition:all .5s;font-size:16px;color:#fff;}
.proimg .hyrimg .hyimg:hover p{display:flex;justify-content:center;align-items:center;}
.proimg .hyrimg .hyimg1 .hyimg img{height:100%}
.proimg .hyrimg .bigimg{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);perspective:10px!important;display:none;position:fixed;z-index:999;opacity:1!important;top:0;left:0;width:500px!important;height:auto!important}
.proimg .ys ul li{width:20%;float:left;text-align: center;}
.proimg .ys ul li .ysimg{position:relative;transition:all .5s; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.proimg .ys ul li .ysimg img{width:100%;background:url(../images/ysimgbg.png) no-repeat center;padding:7px;display: block;background-size:270px;margin:0 auto;transition: all .5s;}
.proimg .ys ul li .ysimg:hover img{transform:scale(1.1);background-size:333px;}
.proimg .ys ul li .ysimg:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
.proimg .ys ul li .ysimg1{left:-20px;top:-12px;}

.proimg .ys ul li .ysimg2{left:-32px;top:205px}

.proimg .ys ul li .ysimg3{left:0px;top:80px}

.proimg .ys ul li .ysimg4{left:18px;top:205px}

.proimg .ys ul li .ysimg5{right:-20px!important;left:auto!important;top:-12px}
/*
.proimg .ys ul li .ysimg1:hover{left:-45px;top:-42px}
.proimg .ys ul li .ysimg2:hover{left:-57px;top:190px}
.proimg .ys ul li .ysimg4:hover{left:-7px;top:180px}
.proimg .ys ul li .ysimg3:hover{left:-25px;top:50px}
.proimg .ys ul li .ysimg5:hover{right:-15px!important;left:auto!important;top:-37px}*/
/* @keyframes ys1 { 
            0% { 
                margin:200px auto;width:186px;
                -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);
            } 
            100% { 
                margin:200px auto;width:186px;
                -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);
            } 
        } 


.proimg .ys .ysimg1 img{webkit-animation: ys1 4s 0s infinite;
  animation:ys1 4s 0s infinite;}*/
.lyr{width:525px;padding:100px 0 0 100px;}
.foot {height:5vh;background:#272727;/*position: relative;bottom:0;position:absolute;*/width:100%}
.foot .footn{width:100%;margin:0 auto;text-align: right;}
.contant{overflow:hidden;height:85.9vh;}
.foot .footn img{margin:2vh 0 0 0}
.mehu{color:#fff!important}
.zjtit{margin:300px 0 0 0!important}
@media screen and (max-width:1200px) and (min-width:769px){
    .contant{overflow:hidden;height:85.9vh;}
    /*.contanta{opacity:0;}*/
    
    .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%;
    }
    .loadimg{
        position: relative;
        z-index: 99999;
    }
    .callbacks_container{
        height: 55vh!important;
    }
}


@media screen and (min-width:1441px){
    .cona{width:1360px}
}
@media screen and (min-width:1700px){
    .proimg .hyr{
    }
    
}
@media screen and (min-width:1600px){
    .cona{width:1500px}
    .proimg .hyr{
         transform: scale(0.8);
    }
    
}
@media screen and (min-width: 1200px)and (max-width: 1550px) {
    
    
    /*
    .proimg .ys ul li .ysimg:hover img{width:240px;background-size:270px;}
.proimg .ys ul li .ysimg:hover{left:05px;top:0px; -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
.proimg .ys ul li .ysimg2:hover{left:-25px;top:180px}
.proimg .ys ul li .ysimg3:hover{left:10px;top:70px!important}
.proimg .ys ul li .ysimg4:hover{left:10px;top:180px}
.proimg .ys ul li .ysimg5:hover{right:10px!important;left:auto!important;top:-10px}
    
    
    
    .proimg .ys ul li .ysimg{left:15px;top:30px}
    .proimg .ys ul li .ysimg5{right:15px!important}
    .proimg .ys ul li:nth-child(3){margin-top:20px}
    .proimg .ys ul li .ysimg2{top:205px;left:-35px}
    .proimg .ys ul li .ysimg3{top:96px}
     .proimg .ys ul li .ysimg4{top:205px;left:19px}
    .proimg .ys ul li{width:20%}
    .proimg .ys ul li .ysimg img{width:190px;background-size: 215px;}*/
    .proimg .yr .yr1{width:385px;}
    .proimg .yr .yr2{width:380px;}
    .proimg .yr .yr3{width:385px;}
      .proimg .yr .yr1img{height:37vh}
      .proimg .yr .yr3img{height:37vh}
    .proimg .yr1img{width:385px;}
    .proimg .yr3img{width:385px;}
    .proimg .yr2img{width:380px;height:60vh}
    .proimg .yr .zuanshi{top:-157px!important}
    
@keyframes jzx1 {
    0% {width:190px;margin:30px auto}
    20% {width:230px;margin:0px auto} 
    40% {width:190px;margin:30px auto}
    75% {width:190px;margin:30px auto}
    100% {width:190px;margin:30px auto}
        
} 
@keyframes jzx2 {
    0% {width:160px;margin:80px auto}
    20% {width:160px;margin:80px auto} 
    40% {width:200px;margin:60px auto}
    60% {width:160px;margin:80px auto}
    100% {width:160px;margin:80px auto}
    
} 
@keyframes jzx3 {
    0% {width:135px;margin:50px auto}
    15% {width:135px;margin:50px auto} 
    40% {width:135px;margin:50px auto}
    60% {width:175px;margin:30px auto}
    80% {width:135px;margin:50px auto}
    100% {width:135px;margin:50px auto}
    
} 
@keyframes jzx4 {
    0% {width:210px;margin:100px auto 0 auto}
    60% {width:210px;margin:100px auto 0 auto} 
    80% {width:240px;margin:80px auto 0 auto}
    100% {width:210px;margin:100px auto 0 auto}
    100% {width:210px;margin:100px auto 0 auto}
    
} 
.proimg .jz .playul .play1 img{animation:jzx1 20s 0s infinite linear;}
.proimg .jz .playul .play2 img{animation:jzx2 20s 0s infinite linear;}
.proimg .jz .playul .play3 img{animation:jzx3 20s 0s infinite linear;}
.proimg .jz .playul .play4 img{animation:jzx4 20s 0s infinite linear;}
.proimg .jz ul .play1 img{width:190px!important;margin:30px auto!important;transition:all 1s;}
.proimg .jz ul .play2 img{width:160px!important;margin:80px auto!important;transition:all 1s}
.proimg .jz ul .play3 img{width:135px!important;margin:50px auto!important;transition:all 1s}
.proimg .jz ul .play4 img{width:210px!important;margin:100px auto 0 auto!important;margin:180px auto 0 auto;transition:all 1s;}
.proimg .jz ul .play1 img:hover{width:230px!important;margin:0px auto!important}
.proimg .jz ul .play2 img:hover{width:200px!important;margin:60px auto!important}
.proimg .jz ul .play3 img:hover{width:175px!important;margin:30px auto!important}
.proimg .jz ul .play4 img:hover{width:240px!important;margin:80px auto 0 auto!important}
    .prodb .callbacks_container{width:1050px!important;height:315px!important}
.proimg .jz{height:370px;padding:0}
.proimg .yz .yzz{width:230px;height:230px;}
.proimg .yz .play1{top:46px;left:347px}
.proimg .yz .play2{top:210px;}
.proimg .yz .play3{top:46px;left:674px}
.yz .titl{width:230px;height:230px;top:158px;left:133px}
.zuanshiyz{width:230px!important;height:230px!important;top:98px!important;left:352px!important}
.zuanshin{margin:92px 0 0 76px}

.proimg .jz .titl{left:10px;width:770px}
    .proimg .tc .huazhouw:nth-child(1) .tcd{webkit-animation: fadeInAnimation14 20s 0s infinite linear;animation:fadeInAnimation14 20s 0s infinite linear;}
.proimg .tc .huazhouw:nth-child(2) .tcd{webkit-animation: fadeInAnimation15 20s 0s infinite linear;animation:fadeInAnimation15 20s 0s infinite linear;}
.proimg .tc .huazhouw:nth-child(3) .tcd{webkit-animation: fadeInAnimation16 20s 0s infinite linear;animation:fadeInAnimation16 20s 0s infinite linear;}
.proimg .tc .huazhouw:nth-child(4) .tcd{webkit-animation: fadeInAnimation17 20s 0s infinite linear;animation:fadeInAnimation17 20s 0s infinite linear;}
.proimg .tc li:hover .tcd{height:360px}
.proimg .tc li img{width:78%}
.proimg .tc{height:380px}
    .yrzs{    top: -97px!important;}
    .bz ul li{width:33.333%;float:left;height:400px;position: relative;}
    .bz ul li .bzz{width:100%!important}
.bz ul li .bzz{height:200px;position: absolute;background:#7c7c7c;color: #b0b0b0;width:100%;text-align: center;line-height: 200px;font-size:24px}
.bz ul li .bzzp{height:200px;position: absolute;width:100%}
.bz ul li .bzzp img{width:auto;height:100%;}
.bz ul .play1 .bzz{top:0;left:0;z-index: 9;transition:all 1s}
.bz ul .play1 .bzzp{top:200px;left:0;z-index: 1;transition:all 1s}
.bz ul .play3 .bzz{top:0;left:0;z-index: 9;transition:all 1s}
.bz ul .play3 .bzzp{top:200px;left:0;z-index: 1;transition:all 1s}
.bz ul .play2 .bzz{top:200px;left:0;z-index: 9;transition:all 1s}
.bz ul .play2 .bzzp{top:0px;left:0;z-index: 1;transition:all 1s}
.bz ul .play2 .titl{margin:0 auto;text-align: center!important;line-height: 200px;}
.bz{overflow:hidden}
.bz ul .play1:hover .bzz{top:200px}
.bz ul .play1:hover .bzzp{top:0}
.bz ul .play1:hover .bzzp1{opacity:0}
.bz ul .play3:hover .bzz{top:200px}
.bz ul .play3:hover .bzzp{top:0}
.bz ul .play3:hover .bzzp1{opacity:0}
.bz ul .play2:hover .bzz{top:0}
.bz ul .play2:hover .bzzp{top:200px}
.bz ul .play2:hover .bzzp1{opacity:0}
.contanta .zuanshi{/margin: 30px auto!important;}
.proimg .zj .zjl .zjzs{/margin:-9vh auto 0 !important;position:absolute;top:auto!important}
.proimg .hyrimg .hyimg3{perspective:1500px}
.proimg .hyrimg .hyimg4{perspective: 1355px;}
    .zjtit{margin:100px 0 0 20px!important}
    .proimg .llzjbtn{position:absolute;bottom:5vh;left:20px}
    
    .cona{width:1200px}
    .shenghuo{width:1039px}
    .proimg .hyl{
        width: 221px;
    }
    .proimg .hyr{
        /*width: calc(100% - 251px);*/
        width:calc(100% - 340px);
        display: flex;
         /*transform: scale(1);*/
         transform: scale(0.9);
    }
    .proimg .hyrimg{
       
    }
    .proimg .tc li{width:290px;}
    /*.proimg .tc li .tcd{width:290px}*/
    .proimg .tc li .tcd{width:100%;}
    .dsvideo ul li{height:27vh;}
    /*.dsvideo ul li img:nth-child(2){left:160px}*/
    .radio ul li{width:390px;}
    .proimg{margin-top:10px}
    .contant{height: 82.4vh}
    .options{margin:30px auto;height:350px}
    .dszs{margin:30px auto!important}
    .jzzs{top:-85px!important}
    .hy{display:flex;
        justify-content: space-between;
        align-items: center;
    }
    .yszs{top:-150px!important;top:-121px!important;}
    .meilitu img{margin:20px auto 0 186px;}
    .lyr{padding: 0px 0 0 100px;}
    .proimg .zjr .zjrimg{right:0}
    .cl .imgn{margin:60px auto 0}
    .contanta{min-height: 85vh!important;padding:3vh 0 0 0;margin:0 auto}
    .prodb{padding:0px 0 0 0;width:1220px;}
    .prodb .imgp{top:-50px;;width:1160px;left:30px;}
    .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:0 auto;}
    /*.top{margin: 1.8vh auto}*/
    /*.logoimg img{height:5vh;margin:2.5vh 0 0 0}*/
    .logoimg p{font-size:16px;line-height:10vh;}
    .top{width:1200px;display:flex;justify-content:space-between;align-items:center;}
    .top ul li a{font-size:16px;/*font-size:2.3vh;line-height:9vh;*/padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;}
    .top ul li{/*height:9vh;*/width:65px;display:flex;justify-content:center;align-items:flex-end;}
    /*.top ul li a p{height:9vh}*/
    /*.top ul li a span{height:9vh}*/
    /*.top ul li:hover a{top:-9vh}*/
    .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("../images/b1.jpg") center no-repeat;
    background-size:cover;
}
.bannerbox1 ul li.sec-li{
    background: url("../images/b2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox1 ul li.third-li{
    background: url("../images/3.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox1 ul li .img1{
    position: absolute;
}
/*banner-01*/
.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*/
.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*/
.banner3-011{
    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-021{
    position: absolute;
    top: 227px;
    left: 50%;
    /*margin-left: -305px;*/
    width: 610px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-031{
    position: absolute;
    top: 283px;
    width:214px;
    left: 50%;
    /*margin-left: -107px;*/
    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;
}
/*.loadimg{padding:0 0 20px 0!important}*/



}
.imgMo{
    background: background:rgba(0,0,0,0.7);
    position: fixed;
    top: 20vh;
    left: 50%;
    margin-left: -300px;
    z-index: 999;
    display: none;
    justify-content: center;
    align-items: center;
}
.imgMo .box{
    background: #fff;
    width: 600px;
    box-sizing: box-sizing;
    padding: 15px;
}
.imgMo .box .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.imgMo .box .title h3{
    font-size: 18px;
}
.imgMo .box .title span{
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.imgMo .box .images{
    padding: 15px 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.imgMo .box .images img{
    max-height: 100%;
    max-width: 100%;
}
.light{position:fixed;top:0;left:0;z-index:-1;width:100%}
    .light img{width:100%;position:fixed;top:0;left:0;
            webkit-animation: fadeInAnimation3 4s 0s infinite;
  animation:fadeInAnimation3 4s 0s infinite;}
  .loadimg{
      position: relative;
      z-index: 1;
  }
@media screen and (max-width: 1200px) {
   
   .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;}
    
}
.td p{
    font-size: 14px;
    line-height: 2em;
}
@media screen and (max-height: 640px) {
    .cl .imgn .imgp{
        height: 300px;
    }
    .cl .imgn .callbacks img{
        width: auto !important;
        height: 300px !important;
    }
}