@charset "utf-8";
@font-face{ font-family:DINCOND-BLACKALTERNATE; src:url(../font/DINCOND-BLACKALTERNATE.OTF);}
@font-face{ font-family:DINOT; src:url(../font/DINOT-Bold.otf);}

.zt_container01{padding: 130px 0 55px;float:left;width:100%;background:#F3F3F3}
.zt_container01 .left{width:615px;padding: 28px 0 0; }
.zt_container01 .left h3{font-size: 34px;color:#12151d;font-weight:bold;line-height:42px;position:relative;margin-bottom: 22px; background:url(../images_2020.14/famgkuang.png) right top no-repeat}
.zt_container01 .left h3 font{color: #d3b167;}
.zt_container01 .left h5{font-size:11px;color:#817f80;line-height:14px;height:42px;margin: 0 0 20px;padding: 7px 0;text-transform:  uppercase;}
.zt_container01 .left h4{background: #d3b167;font-size:16px;color:#ffffff;text-align:center;padding: 12px 15px;font-weight:bold;border-radius:18px;margin-bottom: 8px;margin-left: -10px;}
.zt_container01 .left p{font-size: 14px;color: #59595a;line-height:24px;position:relative;padding-right: 20%;}
.zt_container01 .left p:before{content:"";position:absolute;width:82px;height:82px;top:0;right:0;background: #d3b167;border-radius:100%;}
.zt_container01 .left p:after{content:"”";position:absolute;width:82px;height:82px;top:0;right:0;line-height: 132px;text-align:center;font-size: 100px;color:#fff;}
.zt_container01 .right{padding: 0;width: 545px;height: 450px;background:url(../images_2020.14/touying_bg.png) center bottom no-repeat;}
.zt_container01 .right .top_video{ width: 545px;height: 375px;overflow: hidden;}
.zt_container01 .right video{border:#dcdcdc 5px solid;width: 100%;height: 100%;}

.zt_container00 .title{text-align:center;margin-bottom:65px;background:url(../images_2020.14/titbg01.png) center no-repeat;min-height:104px;padding: 45px 0 0;}
.zt_container00 .title h2{background:url(../images_2020.14/yuan_bg.png) center top no-repeat;height:146px;font-size:72px;font-family:DINOT;color: #d3b167;line-height: 108px;}
.zt_container00 .title h3{font-size: 48px;color:#fff;font-weight:bold;margin: 0 0 12px;}
.zt_container00 .title h3 font{color: #d3b167;}
.zt_container00 .title h6{font-size:14px;color:rgba(255,255,255,0.7);width: 30%;display: inline-block;line-height: 18px;}

.zt_container02{background:url(../images_2020.14/zt_container02_bg.jpg) center top no-repeat;padding: 90px 0 0;}
.zt_container02 ul{width: 1200px;padding: 54px 58px;background: #d3b167;overflow: hidden;border-radius: 8px;margin: 0 -12px; position:relative}
.zt_container02 ul:after{content:"";position:absolute;width:400px;height:400px;border:#d3b167 1px dashed;border-radius:50%;left:50%;top:50%;margin-left:-200px;margin-top: -211px;}
.zt_container02 ul:after{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}


.z_service_item {float:left;width:100%; background: #fff; margin-bottom: 60px; position: relative;}
.z_service_item a{ display: block; width: 100%;}
.z_service_item .infobox{ width: 38.5%; float:left;height: 630px; padding: 3.64vw; box-sizing: border-box;}
.z_service_item  .imgbox{ width: 61.5%; float: right;height: 630px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.z_service_item .icon{ height: 42px; overflow: hidden; margin-bottom: 25px;}
.z_service_item  .icon img{ display: block;}
.z_service_item .infobox h3{ font-size:18px; font-weight: bold;}
.z_service_item .infobox h4{ font-family: "en";}
.z_service_item .infobox .line{ display: block; margin: 30px 0; width: 18px; height: 2px; background:#2f318b;}
.z_service_item .infobox .desc{font-size:14px;color:rgba(102,102,102,1);line-height:24px;}
.z_service_item .infobox .desc.l15h{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 15;overflow: hidden;text-overflow:ellipsis;}
.z_service_item.animated .imgbg{animation: zoombig 1s linear forwards;}
.z_service_item:nth-child(even) .imgbox{ right: auto; left: 0;}
.z_service_item:nth-child(even) .infobox{ float: right;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../img/bgs.png) no-repeat center; background-size: cover; background-attachment: fixed; pointer-events: none;}

.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}