@charset "utf-8"; 
.navmo .moup ul li .sub, .navmo .moub .topBtn .icon { height: 62px; }

.contactA { padding:100px 0 110px; }
.location2 { padding: 10px 0; }
.location2 p,.location2 p a,.location2 p span { color:#555; }
.color7e { color:#7e7e7e; }
.contactA-c p:nth-child(n+2) { margin-top:10px; }
.color95 { color:#959595; }
.contactA-b a { display:inline-block; transition:all 0.5s; padding: 15px 40px; border:1px solid #cacaca; }
.contactA-b a span { transition:all .05s; display:inline-block; padding-right: 20px; background: url(../images/address.svg) no-repeat right center; }
.contactA-b a:hover { background: #CB9755; border-color:#CB9755; }
.contactA-b a:hover span { color:#fff; background: url(../images/address2.svg) no-repeat right center; }
.contactA-e ul li { float:left; width: 100px; margin-right:30px; text-align:center; }
.contactA-e .img { border:1px dashed #dedede; }
.contactA-e ul li:last-child { margin-right:0; }
.contactA-b { width: 35%; border-right:1px solid #d8d8d8; }
.contactA-a { display:flex; flex-wrap:wrap; }
.contactA-f { padding-top:30px; float:right; width: 65%; padding-left:9vw; }
.contactA-g ul li { float:left; width: calc(33.3333% - 8px); margin-right: 12px; margin-bottom:20px; }
.contactA-g ul li:nth-child(n+4) { width: calc(50% - 6px); }
.contactA-g ul li:nth-child(n+6) { width: 100%; }
.contactA-g ul li:nth-child(n+6),.contactA-g ul li:nth-child(3),.contactA-g ul li:nth-child(5) { margin-right:0; }
.contactA-g ul li input { font-size:16px; color:#000; padding-left: 10px; width: 100%; height: 64px; border:1px solid #d8d8d8; }
.contactA-g ul li textarea { height: 180px; padding-top: 10px; font-size:16px; color:#000; padding-left: 10px; width: 100%; border:1px solid #d8d8d8; }
.contactA-g .layui-btn { font-size:16px; width: auto; height: auto; line-height: 1; padding: 16px 40px; border-radius:0; background: #CB9755; }

@media(max-width: 1600px){
    .contactA { padding: 5vw 0 6vw; }
    .contactA-g ul li input { height: 52px; }
    .contactA-f { padding-left: 7vw; }
}
@media(max-width: 1100px){
    .contactA { padding: 50px 0; }
    .contactA-g ul li input { height: 52px; }
    .contactA-f { padding-left: 0; width: 100%; }
    .contactA-g ul li textarea { height: 120px; }
    .contactA-b { width: 100%; border:none; }
}
@media(max-width: 600px){
    .contactA-g ul li,.contactA-g ul li:nth-child(n+4) { width: 100%; margin-right:0; margin-bottom:15px; }
}

#map { width: 100vw; height: 80vh; }
.contactB { padding-bottom: 120px; }
.contactB-a { position: absolute; width: 20%; height: 100%; top:0;background: #fff; z-index: 1000000; }
.contactB-aR { right:0; }
.contactB-aL { left:0; }
.contactB-b .t { font-size: 20px; color:#333; }
.contactB-b .c { font-size: 16px; color:#666; margin-top:10px; }
@media(max-width: 1900px){
    .contactB { padding-bottom: 6vw; }
}
@media(max-width: 1100px){
    .contactB { padding-bottom: 0 !important; }
}



.casesA-b ul { display:flex; flex-wrap:wrap; }
.casesA-b ul li { width: calc(50% - 10px); float:left; }
.casesA-b ul li:nth-child(2n) { margin-left:20px; } 
.casesA-b ul li:nth-child(n+3) { margin-top:80px; } 
.casesA-b ul li a { display:block; }
.casesA-b .t { margin-top:20px; }
.fyq a { border:1px solid #cacaca; transition:all 0.5s; display:inline-block; margin: 0 5px; padding:12px 20px; font-size:16px; color:#555; }
.fyq a:hover,.fyq a.cur { color:#fff; background: #CB9755; border-color:#CB9755; }

@media(max-width: 1900px){
    .casesA-b ul li:nth-child(n+3) { margin-top: 4vw; } 
}
@media(max-width: 1100px){
    .casesA-b .t { margin-top:10px; }
    .casesA-b ul li:nth-child(n+3) { margin-top: 25px; } 
    .fyq a { padding: 6px 14px; margin: 0 3px; }
}
@media(max-width: 500px){
    .casesA-b ul li { width: 100%; }
    .casesA-b ul li:nth-child(2n) { margin-left:0px; } 
    .casesA-b ul li:nth-child(n+2) { margin-top: 25px; } 
}




.products { padding-top: 100px; }
.productsC { position: relative; z-index: 11; background: #fff; }
.productsA-b { width: 20%; border-right: 1px solid #d8d8d8; }
.productsA-c ul li { padding-bottom: 20px; border-top:1px solid #d8d8d8; }
.productsA-c ul li a.topT { display:block; padding: 20px 28px 0 0; }
.productsA-c .topT span { display:block; background: url(../images/xiala1.svg) no-repeat right center; }
.productsA-c .topT.cur span { background: url(../images/xiala2.svg) no-repeat right center; }
.productsA-d { display:none; }
.productsA-d a:nth-child(1) { margin-top: 20px; }
.productsA-d a { padding-left: 26px; background: url(../images/selecta.svg) no-repeat left center; margin-top:10px; display:block; }
.productsA-d a.cur { background: url(../images/selectb.svg) no-repeat left center; }
.productsA-e { float:right; width: 80%; padding-left:2.5vw; }
.productsA-f .inp { padding-left:12px; font-size: 16px; width: 400px; height: 54px; border:1px solid #cacaca; }
.productsA-f .layui-btn { font-size:0; position: absolute; width: 54px; height: 54px; top:0; right:0; background: url(../images/searchbtn.svg) no-repeat center; }
.productsB ul,.productsA-a { display:flex; flex-wrap:wrap; }
.productsB ul li {text-align:center; background: #f0f0f0; float:left; width: calc(33.3333% - 12px); margin-right: 18px; }
.productsB ul li:nth-child(3n) { margin-right: 0; }
.productsB ul li:nth-child(n+4) { margin-top: 40px; }
.productsB-a .img1 { position: relative; transition:all 0.5s; z-index: 3; opacity: 0; width: 100%; height: 26vw; overflow: hidden; }
.productsB-a .img2 { transition:all 0.5s; z-index: 1; position: absolute; top: 3vw; left:50%; transform:translateX(-50%); overflow: hidden; width: 50%; }
.productsB-a .t { transition:all 0.5s; width: 100%; z-index: 4; position: absolute; left:0; bottom: 0; line-height:80px; }
.productsB-a .t2 { opacity:0; }
.productsB ul li a { cursor: url(../images/curbg.ico), pointer; }
/*.productsB ul li:hover .t,.productsB ul li a.video .t { color:#fff; opacity:0; }
.productsB ul li:hover .t2,.productsB ul li a.video .t2 { opacity:1; background:#cb9755; }*/


.productsB ul li a.video .productsB-a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%,-50%) scale(1);
    transition: all .5s;
    z-index: 9;
    background: url(../images/visowoee.svg)no-repeat center center/cover;
}

.productsB ul li:hover a.video .productsB-a:before{
    transform: translate(-50%,-50%) scale(.8);
}

.productsB ul li:hover .t { color:#fff; opacity:0; }
.productsB ul li:hover .t2 { opacity:1; background:#cb9755; }
.productsB ul li:hover .img1,.productsB ul li a.video .img1 { opacity: 1; }
.colorYellow { color:#CB9755; }
.productsB { padding-bottom:150px; }
.productsB-c span { cursor: pointer; transition:all 1s; display:inline-block; padding: 16px 40px; border:1px solid #CB9755; }
.productsB-c span i { height: 19px; line-height: 19px; display:inline-block; padding-right:30px; position: relative; }
.productsB-c span i:after { z-index: 5; position: relative; content:''; transition:all 1s; width: 19px; height: 19px; background: url(../images/circle.svg) no-repeat center/cover; position: absolute; top:0; right:0; animation: rotateAnimation 2s linear infinite;   }
/*.productsB-c span:hover i:after { transform:rotate(360deg); background: url(../images/circle2.svg) no-repeat center/cover; }*/
/*.productsB-c span:hover { background: #CB9755; color:#fff; }*/
@keyframes rotateAnimation {  
  from {  
    transform: rotate(0deg); /* 开始时旋转角度为0度 */  
  }  
  to {  
    transform: rotate(360deg); /* 结束时旋转角度为360度，即完成一圈旋转 */  
  }  
}  
.productsA-f .prob { position: absolute; left: -80px; top: 50%; transform:translateY(-50%); }
.productsA-f .prob img { vertical-align:top; }
.productsA-f .prob { height: 16px; line-height: 1.1; }

@media(max-width:1900px){
    .products { padding-top: 5vw; }
    .productsB { padding-bottom: 8vw; }
    .productsB-a .t { line-height:4.16666vw; }
    .productsB ul li:nth-child(n+4) { margin-top: 2vw; }
}
@media(max-width:1500px) {
    .productsB ul li a.video .productsB-a:before { width:50px; height:50px; }
}
@media(max-width:1100px){
    .products { padding-top: 50px; }
    .productsB { padding-bottom: 50px; }
    .productsA-f .inp { width: 300px; max-width: 100%; }
    .productsA-f { margin-left: 80px; max-width: calc(100% - 80px); }
    .productsA-f form { max-width: 100%; }
    .productsB-a .t { line-height:60px; }
    .productsB ul li { width: 100%; margin-right: 0; margin-bottom:20px; }
    .productsB ul li:nth-child(3n) { margin-right: 12px; }
    .productsB ul li:nth-child(2n) { margin-right: 0; }
    .productsB ul li:nth-child(n+3) { margin-top: 20px; }
    .productsA-e { width: 100%; padding-left:0; }  
    .productsA-c ul li a.topT { padding-right:0; }
    .productsB-a .img2 { top: 6vw; }
    .productsB-a .img1 { height: auto; }
    .productsA-b { overflow-y:scroll; position: fixed; transition:all 1s; width: calc(100vw - 100px); background: #fff; z-index: 1000; padding: 100px 20px 20px; left: -100vw; top:0; height: 100%; }
    .productsA-b.cur { left:0; z-index: 10; }
    .productsB-c span { padding: 12px 30px;}

    .bgBox { width: 100%; height: 100%; position: fixed; left:0; top:0; transition: all 0.1s; z-index: -1; }
    .bgBox.cur { z-index: 5; background: rgba(0,0,0,0.8); }

}



.WhatisitC .tizoenpot ul { display:flex; flex-wrap:nowrap; }



/*.slogan { margin-top: 60px; }*/
.slogan .sloganA { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.slogan .sloganA-a { position: relative; width: 100%; height: 100vh; background: #FAFAFA; }
.slogan .sloganA-b { position: relative; width: 100%; height: 100vh; }
.slogan .sloganA-e,.slogan .indexA-b { position: relative; height: 100vh; }
.slogan .font46 { font-size: 46px; }
.slogan .indexA-b { padding-top:5vw; width: 32vw; }
.slogan .sloganA-d { width: 54.7%; position: absolute; right:0; top:0; height: 100vh; }
.slogan .sloganA-f { position: absolute; left: -70px; top: 50%; transform:translateY(-50%); text-align:center; background: #CB9755; }
.slogan .sloganA-f2 { width: 140px;height: 140px; position: relative; }
.slogan .sloganA-f2 .t,.sloganA-f2 .et { position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 100%; text-align:center; }
.slogan .sloganA-f2 .t { z-index: 2; }
.slogan .sloganA-f2 .et { color: #CB9755; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1), 1px -1px 0 rgba(255, 255, 255, 0.1), -1px 1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1); }
.slogan .indexA-b .num { position: absolute; left:0; bottom: 3vw; color: #fafafa; text-shadow: -1px -1px 0 rgba(203, 151, 85, 0.2), 1px -1px 0 rgba(203, 151, 85, 0.2), -1px 1px 0 rgba(203, 151, 85, 0.2), 1px 1px 0 rgba(203, 151, 85, 0.2); }
.font135 { font-size: 135px; }
.fixTop .sloganA-a { position: fixed; left:0; top:0; }
@media(max-width: 1900px){
    .font46 { font-size: 2.31vw; }
    .font135 { font-size: 7vw; }
}
@media(max-width: 1600px){
    .slogan .sloganA-f { left: -60px; }
    .slogan .sloganA-f2 { width: 120px;height: 120px; }
}
@media(max-width: 1400px){
    .slogan .sloganA-f { left: -50px; }
    .slogan .sloganA-f2 { width: 100px;height: 100px; }
}
@media(max-width: 1100px){
    .font46 { font-size: 24px; }
    .font135 { font-size: 50px; }
    .sloganA-a,.sloganA-b,.sloganA-e,.slogan .indexA-b,.sloganA-d,.sloganA { height: auto; }
    .sloganA-d { position: relative; width: 100%; }
    .fixTop .sloganA-a { position: sticky; left:0; top:0; }
    .slogan .indexA-b { width: 100%; padding: 50px 0 100px; }
    .slogan .indexA-b .num { bottom:25px; }
    .sloganA-f { top: -30px; left: 50%; transform:translateX(-50%); }
    .sloganA-f2 { width: 80px; height: 60px; }

}




.indexA-d:after { height: 70%!important; }

.WhatisitA video { height: 75vh!important; }


.tisheiwioe { position:fixed; top:50%; left:50%; z-index:999; background:#fff; font-size:16px; color:#000; box-shadow: 0 0 5px rgba(0,0,0,.2); transform: translate(-50%,-50%);width: 250px;
    text-align: center;
    line-height: 100px; display:none; }

@media(max-width: 1100px){
    .WhatisitA video { height: auto!important; }
    
     .mainMd { position:initial; }
    .slogan .sloganA-b { height:auto; width:100%; position:relative; }
    .slogan .sloganA { height:auto; }
    .slogan .sloganA-a { height:auto; position:initial; }
    .fixTop .sloganA-a {
        position: initial;
    }
    .slogan .sloganA-d { height:auto; width:100%; position:relative; background:none !important; }
    .slogan .s {
        display: none;
    }
    .slogan .sloganA-f {
        display: none;
    }
    .slogan .sloganA-e, .slogan .indexA-b {
        height: auto;
    }
    .slogan .font46 { font-size:25px; }
    .homeBoxNews {
        position: relative;
        z-index: 99;

    }
}