@charset "utf-8";
/* CSS Document */
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.4; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; letter-spacing: 1px; background: #000;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none;}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #333; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333; opacity: 1}

/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.clear{ width: 100%; height: 0;overflow: hidden; overflow: hidden; clear: both; }


.btn_cs{ width: 30px; height: 30px; position: fixed; left: 0; top: 0; background: #01bac9; z-index: 99999999;display: none;}


/*预加载*/
.content_body{overflow:auto; height: 100%; width: 100%;}
.load_body{ width: 100%; height: 100%; overflow: hidden; position: absolute;} 
.load{ position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; z-index: 5000; background: #fff;}
.load.on{top:-100%; transition: all 0.6s cubic-bezier(.8,.02,1,.92);}
.load .icon{ width: 300px; height: 200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.load .icon .logo{ background: url(../images/zhwb/logo_img1.svg) no-repeat center; width: 100%; height: 100px; margin-bottom: 18px;    color: #000;text-align: center;line-height: 100px;font-size: 18px;font-family:Arial; letter-spacing: 0px;}
.load .icon .heng{ height:15px; width: 80px; background: #000; margin: 0 auto; animation:loadi1 2s infinite ease-out; transform-origin: left top;}
@keyframes loadi1{
	0% { transform: scale(1,1); transform-origin: right top;}
	20% { transform: scale(0,1); transform-origin: right top;}
	30% { transform: scale(0,1); transform-origin: left top;}
	50% { transform: scale(1,1); transform-origin: left top;}
	100% { transform: scale(1,1); transform-origin: left top;}
}

/* 头部 */
.header{width: 100%; position: absolute; left: 0; top: 0; z-index: 999; border-bottom:1px solid rgba(255,255,255,0.1);}
.right_nav{ width: 43px; position: fixed; right: 20px; z-index: 1000; bottom: 110px; cursor: pointer;border-radius: 6px; overflow: hidden;}

.right_ul{  position: fixed; right: 30px; z-index: 1000; top: 50%; transform: translateY(-50%); }
.right_ul li{ padding-bottom: 30px;}
.right_ul a{ line-height: 16px; display: block; text-align: right; position: relative; padding: 0 18px 0 0; font-size: 12px; color: #666;}
.right_ul a::after{content: ""; position: absolute; width: 1px; height: 1px; right: 6px; top: 50%; transform: translate(50%,-50%); border: 2px solid #fff;background: #fff; border-radius: 50%; opacity: 0.3; }
.right_ul a::before{content: ""; position: absolute; width: 1px; height: 30px; right: 6px; top: 100%; opacity: 0.4; background: #666; }
.right_ul li:last-child a:before{display: none;}

.right_ul a.one,
.right_ul a:hover{font-size: 14px; color: #fff;}
.right_ul a.one:after,
.right_ul a:hover:after{ width: 8px; height: 8px; opacity: 1;background: none;}




/*公用模块*/
.main{overflow: hidden;}
.main .h2{ text-align: center; font-size: 80px; font-weight: bold; margin: 0 auto;  }
.main .h2 span{ display: inline-block;color: transparent; -webkit-background-clip: text;background-clip: text; background-size: 200%; position: relative;}
.main .h2 span b{position: absolute; width: 390px; height: 390px; background: url(../images/zhwb/part1_pic1.png) no-repeat; right: -150px; top: -160px;}
.main .heng{ width: 34px; height: 6px; margin: 30px auto 0 auto; background: #b0b0b0;}
.main .zhaiyao{ max-width: 960px; font-size: 20px; line-height: 1.8; color: #999999; text-align: center; margin: 30px auto 0 auto;}
.main .h3{ color: #0adadc; text-align: center; font-size: 60px; font-weight: bold; margin: 0 auto;  }
.main .zhaiyao2{ max-width: 960px; font-size: 20px; line-height: 1.8; color: #666; text-align: center; margin: 30px auto 0 auto;}

/* 瓶子 */
.pingzi_box{ width: 236px; height: 383px; position: fixed; left: 50%; top:50%; transform: translate(-50%,-50%);   z-index: 90; pointer-events: none;}
.pingzi{ width: 100%; height:  100%; position:absolute; left:0; top:0;transform: scale(0.8);}
.pingzi .pz{ width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.pingzi .pz1{background: url(../images/zhwb/pingzi1.png) no-repeat bottom; top: auto; bottom: 0; background-size:100% auto; z-index: 40; }
.pingzi .pz2{background: url(../images/zhwb/pingzi2.png) no-repeat; background-size:100% auto; z-index: 20; opacity: 0;}
.pingzi .pz3{background: url(../images/zhwb/pingzi3.png) no-repeat bottom; top: auto; bottom: 0; background-size: 100% auto; z-index: 30; height: 0; position: absolute; }

/* .pingzi .pz1{ top: auto; bottom: 0;  z-index: 40; }
.pingzi .pz1 .xl{ width: 100%; height:  100%; position:absolute; left:0; top:0; display: none;}
.pingzi .pz1 .xl1{background: url(../images/zhwb/pingzi/1.png) no-repeat bottom; background-size:100% auto;display: block;}
.pingzi .pz1 .xl2{background: url(../images/zhwb/pingzi/2.png) no-repeat bottom; background-size:100% auto; }
.pingzi .pz1 .xl3{background: url(../images/zhwb/pingzi/3.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl4{background: url(../images/zhwb/pingzi/4.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl5{background: url(../images/zhwb/pingzi/5.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl6{background: url(../images/zhwb/pingzi/6.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl7{background: url(../images/zhwb/pingzi/7.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl8{background: url(../images/zhwb/pingzi/8.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl9{background: url(../images/zhwb/pingzi/9.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl10{background: url(../images/zhwb/pingzi/10.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl11{background: url(../images/zhwb/pingzi/11.png) no-repeat bottom; background-size:100% auto;}
.pingzi .pz1 .xl12{background: url(../images/zhwb/pingzi/12.png) no-repeat bottom; background-size:100% auto;}
 */






/* 第1部分 */
.home_part1{ position: relative; z-index: 100; height: 1200px; box-sizing: border-box;} 
.home_part1_bg{ position: fixed; top: 0; width: 100%; height: 100%; left: 0; pointer-events: none;}
.home_part1_bg .con{ padding-top: 330px; position: relative; z-index: 20;}
.home_part1 .h2{ transform: translateY(-30px); opacity: 0;}
/* .home_part1 .h2 span{ background-image: linear-gradient(to right,#005bbb 0%,#12c9f6 10%,#01bac9 20%,#62eec7 30%,#f28f1a 40%, #fecc71 50%,#f28f1a 60%,#62eec7 70%,#01bac9 80%,#12c9f6 90%, #005bbb 100%); background-size: 500%; background-position:0% 0%;} */

.home_part1 .h2 b{ transform: translate(-40px,40px) scale(0.8); opacity: 0; transform-origin: left bottom;}
.home_part1 .heng{ transform: translateY(20px); opacity: 0;}
.home_part1 .zhaiyao{ transform: translateY(30px); opacity: 0;}
.home_part1_bg svg{ position: absolute; width: 100%; height:100%; left: 0; top: 0; z-index: 10;}
.home_part1_bg svg text{ font-weight: bold; font-size: 80px;}
.home_part1.on .h2{transform: translate(0); opacity: 1; transition: all 1s 0.2s ease-out;}
.home_part1.on .h2 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part1.on .h2 b{transform: translate(0) scale(1); opacity: 1; transition: all 1.4s 0.2s ease-out;}
.home_part1.on .heng{ transform: translate(0); opacity: 1; transition: all 1s 0s ease-out;}
.home_part1.on .zhaiyao{ transform: translate(0); opacity: 1; transition: all 1s 0.2s ease-out;}

/* 第2部分-工作范围 */
.home_part2{ position: relative; height:1800px;}
.home_part2 .img{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; }
.home_part2 .con{ position: relative; z-index: 20; top: 30px;}
/* .home_part2 .h2 span{ background-image: linear-gradient(to right,#005bbb 0%,#12c9f6 10%,#01bac9 20%,#62eec7 30%,#f28f1a 40%, #fecc71 50%,#f28f1a 60%,#62eec7 70%,#01bac9 80%,#12c9f6 90%, #005bbb 100%); background-size: 500%; background-position:0% 0%;} */
.home_part2 .h2 span{  background-image: linear-gradient(to right,#005bbb 0%,#12c9f6 20%,#01bac9 40%,#62eec7 60%,#01bac9 80%,#12c9f6 100%); background-size: 500%; background-position:0% 0%;}



.home_part2 .img .bg{ position: absolute; width: 100%; height: 100%; z-index: 3; left: 0; top: 0; background: url(../images/zhwb/part1_bg2.jpg) no-repeat center; background-size: cover;}
.home_part2 .img::after{ content: ""; position: absolute; width: 100%; height: 100%; z-index: 10; background-image: linear-gradient(to bottom,#000 25%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 80%,#000 100%); left: 0; top: 0;}
.home_part2 .img::before{ content: ""; position: absolute; width: 100%; height: 100%; z-index: 10; background-image: linear-gradient(to left,#000 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,#000 100%);  left: 0; top: 0;}
.home_part2 .img .img_bg{ position: absolute; width: 100%; height: 100%; z-index: 12; background:#000; left: 0; top: 0; opacity: 0;}
.home_part2 .con{ transform: translateY(50px); opacity: 0; }

.home_part2.on .h2 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part2.on .con{ transform: translateY(0); opacity: 1;transition: all 1s ease-out;}

/* 第3部分-素材采集 */
.home_part3 {}
.home_part3_bg{ position: relative;  padding-top: 100px;}
.home_part3 .con{width: 100%; height:1100px; position: relative;}
.home_part3 .con_bg{ height:100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 10; }
.home_part3 .con .bg2{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/zhwb/part3_bg1.jpg) no-repeat center; background-size: 100% 100%; z-index: 1; opacity: 0; transform: scale(2.6);}
.home_part3 .con .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; }
.home_part3 .con .deng{ position: absolute;  transform: translate(-50%,-50%);}
.home_part3 .con .deng .deng_pic{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-size: contain !important;}
.home_part3 .con .deng1{ width: 30%; padding-top: 28%; left: 36%; top: 61%;}
.home_part3 .con .deng1 .deng_pic{ background: url(../images/zhwb/part3_deng1a.png) no-repeat center;}
.home_part3 .con .deng2{ width: 28.3%;padding-top: 25.5%;left: 64%;top: 61%;}
.home_part3 .con .deng2 .deng_pic{background: url(../images/zhwb/part3_deng2a.png) no-repeat center;}
.home_part3 .con .deng3{width:  22.6%; padding-top: 17%;  left: 78%; top: 54%;}
.home_part3 .con .deng3 .deng_pic{background: url(../images/zhwb/part3_deng3a.png) no-repeat center;}
.home_part3 .con .deng4{ width: 22.6%;padding-top: 17%;left: 22%;top: 54%;}
.home_part3 .con .deng4 .deng_pic{background: url(../images/zhwb/part3_deng4a.png) no-repeat center;}
.home_part3 .con .nr{ width: 1200px; margin: 0 auto; height: 100%; position: relative; overflow: hidden; z-index: 30; }
.home_part3 .con .huan{ width: 100%;height: 345px; top: 65%; position: absolute;background: url(../images/zhwb/part3_ys1.png) no-repeat center; background-size: contain; z-index: 10;}
.home_part3 .con .zhuozi_box{ position: absolute; width: 513px;height: 372px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 20;}
.home_part3 .con .zhuozi{ position: absolute; width: 100%;height:100%; top:93%; left:0;background: url(../images/zhwb/part3_ys2.png) no-repeat center; background-size:contain;}
.home_part3 .con .zhuozi_jb{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;background-image: linear-gradient(transparent, #000, #000); }
.home_part3 .con .quan_bg{ width: 420px; height: 420px; margin: 260px auto 0 auto; position: relative; z-index: 50;}
.home_part3 .con .quan{ width: 100%; height: 100%;box-shadow: 0 0 24px #fff inset; border-radius: 50%; position: absolute; box-shadow: 0 0 24px #fff inset; border-radius: 50%;}
.home_part3 .con .btn{ width: 120px; height: 120px; position: absolute; margin: -60px 0 0 -60px; cursor: pointer;background: no-repeat center; background-size: contain;}
.home_part3 .con .btn.btn1{background-image: url(../images/zhwb/part3_btn1.png); top: 50%; left: 0; }
.home_part3 .con .btn.btn2{background-image: url(../images/zhwb/part3_btn2.png); top: 0; left: 50%;}
.home_part3 .con .btn.btn3{background-image: url(../images/zhwb/part3_btn3.png); top: 50%; left:100%;}
.home_part3 .con .btn.btn4{background-image: url(../images/zhwb/part3_btn4.png); top: 100%; left: 50%;}

.home_part3 .con .quan{ transition:transform 1s ;}
.home_part3 .con .btn{ transition:transform 1s ;}
.home_part3 .con .quan.quan1{transform: rotate(0); transition:transform 0s ;}
.home_part3 .con .quan.quan1 .btn{transform: rotate(0);transition:transform 0s ;}
.home_part3 .con .quan.quan2{transform: rotate(90deg);}
.home_part3 .con .quan.quan2 .btn{transform: rotate(-90deg);}
.home_part3 .con .quan.quan3{transform: rotate(180deg);}
.home_part3 .con .quan.quan3 .btn{transform: rotate(-180deg);}
.home_part3 .con .quan.quan4{transform: rotate(270deg);}
.home_part3 .con .quan.quan4 .btn{transform: rotate(-270deg);}
.home_part3 .con .quan.quan5{transform: rotate(360deg);}
.home_part3 .con .quan.quan5 .btn{transform: rotate(-360deg);}

.home_part3 .con .wz{ position: relative; height: 300px; margin-top: 60px; width: 100%;}
.home_part3 .con .wz .txt{ opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; transform: translateY(30px); transition: all 1s;}
.home_part3 .con .wz .tit1{ font-size: 36px; color: #fff;}
.home_part3 .con .wz .tit2{ font-size: 16px; color: #999999; line-height: 2.25; padding-top: 15px;}
.home_part3 .con .wz1 .txt:nth-child(1){ opacity: 1; transform: translateY(0);}
.home_part3 .con .wz2 .txt:nth-child(2){ opacity: 1; transform: translateY(0);}
.home_part3 .con .wz3 .txt:nth-child(3){ opacity: 1; transform: translateY(0);}
.home_part3 .con .wz4 .txt:nth-child(4){ opacity: 1; transform: translateY(0);}
.home_part3 .h2{ transform: translateY(30px); opacity: 0; }
.home_part3 .h2 span{ background-image: linear-gradient(to right,#12c9f6 0%, #005bbb 20%, #fecc71 40%,#f28f1a 60%,#62eec7 80%,#01bac9 100%); background-size: 500%; background-position:0% 0%;}
.home_part3 .zhaiyao{ transform: translateY(30px); opacity: 0; position: relative; z-index: 10;}

.home_part3.on .h2{ transform: translate(0); opacity: 1; transition: all 1s 0.4s ease-out;}
.home_part3.on .h2 span{ background-position:100% 0%; transition: all 1s 1s ease-out;}
.home_part3.on .zhaiyao{ transform: translate(0); opacity: 1; transition: all 1s 0.6s ease-out;}
.home_part3 .con .bg{ opacity:1; transform: scale(1); transform-origin: top; transition: all 0.6s;}
.home_part3 .con .huan{ opacity: 0; transform: scale(2); transition: all 0.6s;}
.home_part3 .con .zhuozi{ opacity: 0; transform:translateY(20%); transform-origin: center -42%;}
.home_part3 .con .quan_bg{ opacity: 0; transform:rotate(-180deg) scale(2); transition: all 0.6s;}
.home_part3 .con .wz{ opacity: 0;transform: translate(30px); transition: all 0.6s; }
.home_part3 .con.on .bg{ opacity: 1; transform: scale(1); transition: all 1s ease-out;}
.home_part3 .con.on .huan{ opacity: 1; transform: scale(1); transition: all 0.8s 0.2s ease-out;}
.home_part3 .con.on .quan_bg{ opacity: 1; transform:rotate(0) scale(1); transition: all 1.2s 0.2s ease-out;}
.home_part3 .con.on .wz{ opacity: 1;transform: translate(0); transition: all 0.8s 0.2s ease-out;}

/* 第4部分-设计制作 */
.home_part4 { position: relative; pointer-events: none;}
.home_part4 .bg{ position: absolute; width: 100%; padding-top: 100%; left: 0; top:0; background: url(../images/zhwb/part4_yuan1.png) no-repeat center ; background-size: contain; opacity: 1; transform: translate(0,-50%); }
.home_part4 .con_an{ height: 1000px; width: 100%; position: absolute;left: 0; top: 400px;}
.home_part4 .con_an .li_0a{ position: fixed; width: 75.6%; height: 100%; left:12.2%; top:0; transform: translateY(100%); z-index: 20; }
.home_part4 .con_an .li_0_bg{ position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; background: url(../images/zhwb/part4_pic_bg.png) no-repeat center; background-size: 100% auto;  z-index: 10;}
.home_part4 .con_an .li_0{ width: 29.49%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 20;}
.home_part4 .con_an .li_0 img{ width: 100%;}

.home_part4 .h2{ transform: translateY(30px); opacity: 0; }
.home_part4 .h2 span{ background-image: linear-gradient(to right,#005bbb 0%, #12c9f6 20%, #01bac9 40%,#62eec7 60%,#fecc71 80%,#f28f1a 100%); background-size: 500%; background-position:0% 0%;}
.home_part4 .zhaiyao{ transform: translateY(30px); opacity: 0; position: relative; z-index: 10;}
.home_part4.on .h2{ transform: translate(0); opacity: 1; transition: all 1s 0.4s ease-out;}
.home_part4.on .h2 span{ background-position:100% 0%; transition: all 1s 1s ease-out;}
.home_part4.on .zhaiyao{ transform: translate(0); opacity: 1; transition: all 1s 0.6s ease-out;}

.home_part4 .con{ position: fixed; width: 100%; height: 100%; left: 0; top:0;}
.home_part4 .list{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);  box-sizing: border-box; position: relative;}
.home_part4 .list .ul_bg{ position: absolute; width: 100%; height: 200%; left: 0; bottom:-30%; background: url(../images/zhwb/part4_yuan2.png) no-repeat center bottom ; opacity: 0;}
.home_part4 .list .li{ width: 20%; float: left; padding: 0 2%; box-sizing: border-box;}
.home_part4 .list .pic{ position: relative; }
.home_part4 .list .pic::before{ content: ""; position: absolute; width: 100%; height: 60%; left: 0; top: 0; box-shadow: 0px 0 112px #003063; }
.home_part4 .list .pic img{ width: 100%; position: relative; z-index: 10;}
.home_part4 .list .tit{ text-align: center; font-size: 32px; font-weight: bold; color: #fff; padding: 30px 0 20px 0;} 
.home_part4 .list .tit2{ text-align: center; font-size: 16px; line-height: 1.875; color: #999;} 
.home_part4 .list .li3{ margin-top:4%; z-index: 50; position: relative;}
.home_part4 .list .li2,
.home_part4 .list .li4{ margin-top: 8%;}

.home_part4 .list .li{ transform: translateY(1000px) scale(1.2);}
.home_part4 .list .li3 .pic{ opacity: 0;}
.home_part4 .list.on .tit,
.home_part4 .list.on .tit2{ transition: all 1s 1s;}
.home_part4 .list.on2 .li{ margin-top: -10%; transition: all 0.6s 0s;}
.home_part4 .list.on2 .li1{ transform: translateX(200%) !important;}
.home_part4 .list.on2 .li2{ transform: translateX(100%) !important;}
.home_part4 .list.on2 .li4{ transform: translateX(-100%) !important;}
.home_part4 .list.on2 .li5{ transform: translateX(-200%) !important;}
.home_part4 .list.on2 .tit,
.home_part4 .list.on2 .tit2 {opacity: 0 !important;  transition: all 0.6s 0s;}

/* 第5部分-场景体验 */
.home_part5{ height:8000px;  width: 100%; pointer-events: none;  box-sizing: border-box;}
.home_part5 .h2{ position: relative; z-index: 20; margin-top: 800px;}
.home_part5 .zhaiyao2{ max-width: 840px;}
.home_part5 .bg_txt{ text-align: center; position: absolute; top: 50px; width: 80%; z-index: 50; left: 10%;}
.home_part5 .tit{ left: 0; top: 0; opacity: 0; position: absolute; width: 100%; font-size:50px; font-weight: bold; color: #fff; transform: translateX(0);}
.home_part5 .zhaiyao{ font-size: 16px; font-weight: 400; margin-top: 20px;}
.home_part5 .tit1{ opacity: 1;}
.home_part5 .tit2{ opacity:0; transform: translateX(100%);}
.home_part5 .bg{  opacity: 0; width: 100%; height: 100%; position: fixed; left: 0; top: 0; pointer-events: auto; padding-top: 0; box-sizing: border-box;}
.home_part5 .bg .bg_con{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.home_part5 .bg .bg_con1{opacity: 1; z-index: 10;}
.home_part5 .bg .bg_con2{opacity: 0; z-index: 15; visibility:hidden; }
.home_part5 .bg .bg_con3{opacity: 0; z-index: 20; visibility:hidden;}
.home_part5 .bg .bg_con4{opacity: 0; z-index: 25; visibility:hidden;}
.home_part5 .bg .bg_con5{opacity: 0; z-index: 30; visibility:hidden;}
.home_part5 .bg .bg_con .btn{ width: 180px; height: 180px; position: absolute; left: 50%; top: 50%; margin: -90px 0 0 -90px;   background: url(../images/zhwb/part5_btn1.png) no-repeat;background-size: contain; border-radius: 50%;  cursor: pointer; z-index: 10000;animation:home_part5_btn 3s infinite ease-out;}
@keyframes home_part5_btn{
	0% { transform: scale(0.9); opacity: 0.4; }
	60% { transform: scale(1); opacity: 1;}
	100% { transform: scale(0.9); opacity: 0.4;}
}
.home_part5 .bg .bg_con1 .pic_bg{ display: none;}
.home_part5 .video_bg{ width: 100%; height:100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.home_part5 .video_bg video{ width: 100%; height:100%; object-fit: cover;}
.home_part5 .video_bg::after{ content: ""; position: absolute; width: 100%; height: 100%; z-index: 10; background-image: linear-gradient(to bottom,#000 15%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 80%,#000 100%); left: 0; top: 0; }
.home_part5 .pic_bg{ width: 100%; height:100%; position: absolute; top: 0; left: 0; overflow: hidden; background: no-repeat center ; background-size: cover;}
.home_part5 .pic_bg::after{ content: ""; position: absolute; width: 100%; height: 100%; z-index: 10; left: 0; top: 0; background-image: linear-gradient(to bottom,#000 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 80%,#000 100%); background-color: rgba(0, 0, 0, 0.4);}
.home_part5_video{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1200; background: #000; display: none;}
.home_part5_video video{ position: absolute; width: 100%; height: 100%; z-index: 50;}
.home_part5_video .x{ width: 50px; height: 50px; position: absolute; right:60px; top: 60px;cursor: pointer;  z-index: 100;}
.home_part5_video .x svg{ width:50px;}

/* 第6部分-线下整合交付-场景序列帧 */
.home_part6{}
.home_part6 .house_con{ position: fixed; width: 100%; height: 100%; background: #000; z-index: 200; top: 0; left: 0; visibility: hidden; opacity: 0;}
.home_part6 .title{ padding-top: 30px;}  
.home_part6 .group_3d{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.home_part6 .group_3d .sequence{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20;}
.home_part6 .group_3d canvas{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20;}
.home_part6 .group_3d .sequence .pic{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: no-repeat center; background-size: cover; display: none; }
.home_part6 .group_3d .sequence .pic:first-child{ display: block;}
.home_part6 .house_bg {position: absolute;top:0;left:0;width: 100%; height:100%;z-index: 15;}
.home_part6 .house_pic {position: absolute;top: 0%;left: 0%;width: 100%; height: 100%; background: url(../images/zhwb/sequence/sequence30.png) no-repeat center; z-index: 10; background-size: 100% 100%;}
.home_part6 .house_list{ position: absolute; width: 0; height: 0; left: 50%; top: 50%; z-index: 20;  }
.home_part6 .house_list .li{ position: absolute;}
.home_part6 .house_list .tit{ font-size: 18px; color: #fff; line-height: 60px; text-align: center;}
.home_part6 .house_list .pic{ width: 240px;}
.home_part6 .house_list .pic img{ width: 100%;}
.home_part6 .house_list .li::after{ content: ""; position: absolute; background: no-repeat; }
.home_part6 .house_list .li1{ right:300px; bottom: 200px; transform-origin: 200% 200%;}
.home_part6 .house_list .li1::after{ width: 407px; height: 157px; top: 100%; left: 0;  background-image: url(../images/zhwb/part6_spic1_a.png);}
.home_part6 .house_list .li2{ right:450px; bottom: -60px; transform-origin: 300% center;}
.home_part6 .house_list .li2::after{ width: 550px; height: 48px; bottom: 0; left: 0;   background-image: url(../images/zhwb/part6_spic2_a.png);}
.home_part6 .house_list .li3{ right:290px; top: 180px; transform-origin: 200% -100%;}
.home_part6 .house_list .li3::after{ width: 408px; height: 260px; bottom: 0; left: 0;   background-image: url(../images/zhwb/part6_spic5_a.png);}
.home_part6 .house_list .li4{ left:400px; bottom: 190px; transform-origin: -160% 200%;}
.home_part6 .house_list .li4::after{ width: 506px; height: 127px; top: 100%; right: 0;   background-image: url(../images/zhwb/part6_spic4_a.png);}
.home_part6 .house_list .li5{ left:500px; bottom: -110px; transform-origin: -180% center;}
.home_part6 .house_list .li5::after{ width: 613px; height: 103px; bottom:0; right: 0;   background-image: url(../images/zhwb/part6_spic3_a.png);}
.home_part6 .house_list .li6{ left:360px; top: 270px; transform-origin: -100% -200%;}
.home_part6 .house_list .li6::after{ width: 633px; height: 276px; bottom:0; right: 0;   background-image: url(../images/zhwb/part6_spic6_a.png);}

.home_part6 .title{ transform: translateY(-50px); opacity: 0; transition: all 1s;} 
.home_part6 .house_pic{ transform: scale(0.6); }
.home_part6 .group_3d canvas{ display: block;}
.home_part6 .house_list .li{  transform: scale(0.6); opacity: 0; transition: all 1s;}
.home_part6 .house_con.on .house_pic{transform: scale(1); filter: drop-shadow(0 0 80px rgba(67,144,225,1)); }
.home_part6 .house_con.on .group_3d canvas{ display: none;}
.home_part6 .house_con.on .house_list .li1{ transition-delay: 0.15s;}
.home_part6 .house_con.on .house_list .li2{ transition-delay: 0.3s;}
.home_part6 .house_con.on .house_list .li3{ transition-delay: 0.45s;}
.home_part6 .house_con.on .house_list .li4{ transition-delay: 0.9s;}
.home_part6 .house_con.on .house_list .li5{ transition-delay: 0.75s;}
.home_part6 .house_con.on .house_list .li6{ transition-delay: 0.6s;}
.home_part6 .house_con.on .title{ transform: translateY(0); opacity: 1;}
.home_part6 .house_con.on .house_list .li{ transform: scale(1); opacity: 1;}

/* 第7部分-云上展厅 */
.home_part7{ position: relative; z-index: 100; overflow: hidden;}

.home_part7 .title{ position: relative; margin-top:32%}
.home_part7 .list{ position: absolute; top: 0; height: 100%; display: flex; width: 124%; left: -12%; }
.home_part7 .list .li{ flex: 1; padding:0 2.5%; box-sizing: border-box;}
.home_part7 .list .li img{ width: 100%; margin: 30px 0;}
.home_part7 .list .li .img_phone{display: none;}
.home_part7 .list .li1{margin-top: 14%;}
.home_part7 .list .li2{margin-top: 11%;}
.home_part7 .list .li3{margin-top: 40%;}
.home_part7 .list .li4{margin-top: 39%;}
.home_part7 .list .li5{ margin-top: 14%;}
.home_part7 .list .li6{margin-top: 0;}



/* 第8部分-方案优势 */
.home_part8{ height: 900px; position: relative;}
.home_part8_bg{ position: fixed; width: 100%; height: 100%; left: 0; top: 100%; box-sizing: border-box; display: table;}
.home_part8 .box_bg{ vertical-align: middle;display:table-cell;}
.home_part8 .bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/zhwb/part8_bg1.jpg) no-repeat center; background-size: cover; opacity: 0;}
.home_part8 .bg::after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-image: linear-gradient(to bottom,#000 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,#000 100%);  z-index: 2; }
.home_part8 .bg::before{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.9); z-index: 1; }
.home_part8 .h2{ position: relative; z-index:10 ;}
.home_part8 .h2 span{  background-image: linear-gradient(to right,#f28f1a 0%,#f9b44e 10%,#fecd72 20%,#62eec7 30%,#12c9f6 40%, #005bbb 50%,#12c9f6 60%,#62eec7 70%,#fecd72 80%,#f9b44e 90%, #f28f1a 100%); background-size: 500%; background-position:0% 0%;}
.home_part8.on .h2 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part8 .list_bg{ position: relative; z-index: 10; padding-top: 100px; width: 100vw;}
.home_part8 .list{ width: 3300px; display: flex; height: 500px; transform: translateX(10%);}
.home_part8 .li{ flex: 1; background: rgba(0,80,150,0.2); border:4px solid #1eb9e1; border-radius: 20px; padding: 90px 60px 0 60px ; box-sizing: border-box; margin:0 20px;} 
.home_part8 .li .tit{ font-size: 46px; font-weight: bold; color: #fff;}
.home_part8 .li .txt{ font-size: 24px; color: rgba(255,255,255,0.5); padding-top: 30px;}

/* 第9部分-产业联盟 */
.home_part9{ position: relative; z-index: 20; overflow: hidden; }
.home_part9 .h2{ position: relative; z-index:10 ;}
.home_part9 .h2 span{  background-image:linear-gradient(to right, #005bbb 0%,#005bbb 10%,#12c9f6 20%,#01bac9 30%,#62eec7 40%,#f28f1a 50%, #fecc71 60%,#f28f1a 70%,#62eec7 80%,#01bac9 90%,#12c9f6 100%); background-size: 500%; background-position:0% 0%;}
.home_part9.on .h2 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part9 .title{ position: absolute; width: 100%; top: 10%;}
.home_part9 .title .l{ width: 50%; float: left; padding-top: 50px;}
.home_part9 .title .r{ width: 50%; float: left;padding-top: 20px;}
.home_part9 .h3{ float: right; padding-right: 200px;max-width: 55%; font-size: 50px; position: relative; z-index:10 ; text-align: left;}
.home_part9 .h3 span{ background-image: linear-gradient(to right,#f28f1a 0%,#f9b44e 10%,#fecd72 20%,#62eec7 30%,#12c9f6 40%, #005bbb 50%,#12c9f6 60%,#62eec7 70%,#fecd72 80%,#f9b44e 90%, #f28f1a 100%); background-size: 500%; background-position:0% 0%;}
.home_part9.on .h3 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part9 .zhaiyao2{ float: left; padding-left: 240px;max-width:60%; text-align: left; margin: 0; }
.home_part9 .zs{ position: fixed; width: 100%; height: 100%; top: 100%; left: 0; overflow: hidden;}
.home_part9 .zs .pic{ position: absolute; left: 50%; top: 20%; transform: translate(-50%,-50%) scale(0.7); width: 340px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.76); z-index: 10;}
.home_part9 .zs .pic img{ width: 100%;}
.home_part9 .zs .yuan{position: absolute; left: 50%; top: 0; transform: translate(-50%,180px); width: 460px; height: 460px; border:75px solid #005bbb; border-radius: 50%; z-index: 5; box-sizing: border-box;}
.home_part9 .nr_box{ position: fixed; width: 100%; height: 100%; left: 0; top: 0;}
.home_part9 .nr{ width: 886px; margin: 0 auto; color: #fff; line-height: 1.86; position: relative; left: 170px; top: 100%;}
.home_part9 .nr .tit{ font-size: 38px; font-weight: bold;}
.home_part9 .nr .txt{ font-size: 30px;  padding-top: 50px;}
.home_part9 .nr .txt span{ color: #ffc757;}
.home_part9 .nr .tit2{ font-size: 30px; font-weight: bold; padding: 180px 0 40px 0;}
.home_part9 .nr .logo{ overflow: hidden;}
.home_part9 .nr .logo img{ width:25% ; padding: 0 2px 33px 0; float: left; box-sizing: border-box; }

/* 第10部分-合作模式 */
.home_part10{ height: 900px; position: relative;}
.home_part10 .bg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/zhwb/part10_bg1.jpg) no-repeat center;filter: blur(0); background-size: cover; opacity: 1; background-attachment: fixed; z-index: 0; visibility: hidden;}
.home_part10 .h2{ position: relative; z-index:10 ; padding-top: 5%;}
.home_part10 .h2 span{  background-image:  linear-gradient(to right,#005bbb 0%,#12c9f6 10%,#01bac9 20%,#62eec7 30%,#f28f1a 40%, #fecc71 50%,#f28f1a 60%,#62eec7 70%,#01bac9 80%,#12c9f6 90%, #005bbb 100%); background-size: 500%; background-position:0% 0%;}
.home_part10.on .h2 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part10 .list{display: flex; position: relative; z-index: 10; padding:10% 5% 0 5% ;height: 340px; }
.home_part10 .li{ flex: 1; background: rgba(0,91,187,0.2);border-radius: 20px; padding: 3% 3% 0 3% ;  box-sizing: border-box; margin:0 16px;} 
.home_part10 .li .tit{ font-size: 30px; color: #fff;padding-top: 30px;}
.home_part10 .li .txt{ font-size: 18px; color: rgba(255,255,255,0.5); padding-top: 30px;}

.home_part10 .li{opacity: 0; transition:all 1s;}
.home_part10 .li.li1{ transform: translate(-6%,4%); }
.home_part10 .li.li2{ transform: translate(-4%,4%);}
.home_part10 .li.li3{ transform: translate(4%,4%); }
.home_part10 .li.li4{ transform: translate(6%,4%);}
.home_part10.on .li{ transform: translate(0); opacity: 1; }

/* 第11部分-合作案例（大案例） */
.home_part11{ position: relative;}
.home_part11 .h2{ position: relative; z-index:10 ; padding-top: 50px;}
.home_part11 .h2 span{  background-image:linear-gradient(to right, #005bbb 0%,#005bbb 10%,#12c9f6 20%,#01bac9 30%,#62eec7 40%,#f28f1a 50%, #fecc71 60%,#f28f1a 70%,#62eec7 80%,#01bac9 90%,#12c9f6 100%); background-size: 500%; background-position:0% 0%;}
.home_part11.on .h2 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part11 .anli{ position: fixed; width: 100%; height: 100%; left: 0; top:100%;}
.home_part11 .anli .svg_txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20;}
.home_part11 .anli .svg_txt text{ font-weight: bold; font-size: 120px; letter-spacing: 5px;}
.home_part11 .anli .svg_txt .line_tit{stroke-width:1;stroke:#808080;}
.home_part11 .anli .svg_txt .txt{ font-size: 35px; color: #fff; position: absolute; top: 63%; width: 100%; text-align: center; left: 0;}
.home_part11 .anli .svg_txt .txt img{ margin-top: 20px;}
.home_part11 .anli .pic_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: no-repeat center; background-size: cover; z-index: 5;}
.home_part11 .anli .pic_bg .after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; opacity: 0; }
.home_part11 .anli .pic_bg .before{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: linear-gradient(to bottom, transparent 50%,#000 100%); z-index: 2;  }
.home_part11 .anli .pic_bg .title{ position: absolute; width: 100%; text-align: center; padding-top: 5%; color: #fff; z-index: 10;}
.home_part11 .anli .pic_bg .tit{ font-size: 60px; font-weight: bold;}
.home_part11 .anli .pic_bg .txt{ font-size: 20px; line-height: 1.8; padding-top: 30px; max-width: 830px; margin: 0 auto;}
.home_part11 .anli .pic_bg .icon{ font-size: 20px; padding-top: 30px;}
.home_part11 .anli .pic_list{ position: absolute; width: 100%; bottom: 5%; left: 0; z-index: 10;  z-index: 10;}
.home_part11 .anli .list{ width: 3300px; display: flex; transform: translateX(5%);}
.home_part11 .anli .li{ flex: 1; border-radius: 10px; box-sizing: border-box; margin:0 20px; overflow: hidden;} 
.home_part11 .anli .li img{ width: 100%;}

.home_part11 .anli1{}
.home_part11 .anli1 .svg_txt .line_tit{ transform: translateX(-120px);}
.home_part11 .anli1 .pic_bg{background-image: url(../images/zhwb/part11_1_bg.jpg);}
.home_part11 .anli1 .list{ width: 3300px;}
.home_part11 .anli2{}
.home_part11 .anli2 .svg_txt .line_tit{ transform: translateX(-80px);}
.home_part11 .anli2 .pic_bg{background-image: url(../images/zhwb/part11_2_bg.jpg);}
.home_part11 .anli2 .list{ width: 2200px;}
.home_part11 .anli3{}
.home_part11 .anli3 .svg_txt .line_tit{ transform: translateX(-70px);}
.home_part11 .anli3 .pic_bg{background-image: url(../images/zhwb/part11_3_bg.jpg);}
.home_part11 .anli3 .list{ width: 3850px;}
.home_part11 .anli4{}
.home_part11 .anli4 .svg_txt .line_tit{ transform: translateX(-120px);}
.home_part11 .anli4 .pic_bg{background-image: url(../images/zhwb/part11_4_bg.jpg);}
.home_part11 .anli4 .list{ width: 2200px;}
.home_part11 .anli5{}
.home_part11 .anli5 .svg_txt .line_tit{ transform: translateX(-70px);}
.home_part11 .anli5 .pic_bg{background-image: url(../images/zhwb/part11_5_bg.jpg);}
.home_part11 .anli5 .list{ width: 2750px;}



/* 第12部分-合作案例（更多案例） */
.home_part12{ position: relative;}
.home_part12_bg{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: 0; visibility: hidden;}
.home_part12 .svg_txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20; }
.home_part12 .svg_txt text{ font-weight: bold; font-size: 80px; letter-spacing: 5px;}
.home_part12 .svg_txt .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; }
.home_part12 .svg_txt .txt span{opacity: 0; transform: scale(10);font-weight: bold; font-size: 80px; letter-spacing: 5px; display: inline-block; }
.home_part12 .svg_txt .txt .s1{ transform-origin: 150% center;}
.home_part12 .svg_txt .txt .s2{ transform-origin: 50% center;}
.home_part12 .svg_txt .txt .s3{ transform-origin: 0% center;}
.home_part12 .svg_txt .txt .s4{ transform-origin: -50% center;}
.home_part12 .list_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20;}
.home_part12 .list{ width: 100%; height: 100%;  display: flex;flex-flow: column; z-index: 10; }
.home_part12 .list .li_box{ flex: 1; display: flex;}
.home_part12 .list .li{ flex: 1; margin: 4px; background: no-repeat center; background-size: cover; border-radius: 10px; opacity: 0; visibility: hidden;}

.home_part12 .list.on .li1{ transition: all 0.6s 0.32s;}
.home_part12 .list.on .li2{  transition: all 0.6s 0s;}
.home_part12 .list.on .li3{ transition: all 0.6s 0.56s;}
.home_part12 .list.on .li4{ transition: all 0.6s 0.4s;}
.home_part12 .list.on .li5{ opacity: 0;}
.home_part12 .list.on .li6{ transition: all 0.6s 0.24s;}
.home_part12 .list.on .li7{ transition: all 0.6s 0.08s;}
.home_part12 .list.on .li8{ transition: all 0.6s 0.16s;}
.home_part12 .list.on .li9{ transition: all 0.6s 0.48s;}
.home_part12 .list.on .li{opacity: 1; visibility: visible;}

/* 第13部分-合作伙伴 */
.home_part13{ position: relative; z-index: 20; display: table; box-sizing: border-box;}

.home_part13 .box_bg{ vertical-align: middle;display:table-cell;}
.home_part13 .h2{ position: relative; z-index:10 ;}
.home_part13 .h2 span{  background-image: linear-gradient(to right,#f28f1a 0%,#f9b44e 10%,#fecd72 20%,#62eec7 30%,#12c9f6 40%, #005bbb 50%,#12c9f6 60%,#62eec7 70%,#fecd72 80%,#f9b44e 90%, #f28f1a 100%); background-size: 500%; background-position:0% 0%;}
.home_part13.on .h2 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part13 .list_bg{ padding-top: 100px;}
.home_part13 .list{ width: 100%; overflow: hidden;}
.home_part13 .list .li_box{  width: 100%;}
.home_part13 .list .li{ padding: 45px 0; height: 136px;  box-sizing: border-box; text-align: center;}
.home_part13 .list .li img{ max-height: 46px; max-width:240px;}
.home_part13 .swiper-wrapper{ transition-timing-function: linear; }
.home_part13 .swiper-container{ width: 100vw;}


/* 第14部分-联系方式 */
.home_part14{ position: relative; z-index: 20; padding-bottom: 200px; }
.home_part14 .h2 span{  background-image:  linear-gradient(to right,#005bbb 0%,#12c9f6 10%,#01bac9 20%,#62eec7 30%,#f28f1a 40%, #fecc71 50%,#f28f1a 60%,#62eec7 70%,#01bac9 80%,#12c9f6 90%, #005bbb 100%); background-size: 500%; background-position:0% 0%;}
.home_part14.on .h2 span{ background-position:100% 0%; transition: all 2s ease-out;}
.home_part14 .btn{ padding-top: 70px;}
.home_part14 .btn a{display: block; margin: 0 auto; width: 220px; height: 54px; line-height: 54px; color: #000000; font-weight: bold; font-size: 20px; text-align: center; border-radius: 40px; background-image:linear-gradient(to right, #01bac9 0%,#62eec7 20%,#fecc71 40%,#fecc71 60%,#62eec7 80%,#01bac9 100%); background-size: 300%; background-position:0% 0%; transition: all 0.6s ease-out;}
.home_part14 .btn a:hover{ background-position:100% 0%;}


/* .home_part14 .list_bg{ width: 1000px; margin: 0 auto; padding: 60px 0 0 0; overflow: hidden;}
.home_part14 .list_bg .li{ width: 50%; float: left; padding:40px 0 0 130px; box-sizing: border-box;}
.home_part14 .list_bg .tit{ color: #666; font-size: 18px; font-weight: 600;}
.home_part14 .list_bg .txt{ color: #fff; font-size: 24px; font-weight: bold;}
 */


/* 第14部分-底部 */
.footer{ background: #1a1a1a; border-top:1px solid #313131; font-size: 12px; line-height: 1.8; padding: 20px 0; text-align: center; color: #666666; position: relative; }



/* 小PC-1920以下 */
@media screen and (max-width:1800px) {

	.home_part7 .zhaiyao2{ max-width: 700px; }
	.home_part7 .zhaiyao2 br{ display: none; }

}

/* 小PC-1680以下 */
@media screen and (max-width:1600px) {

	.main .h2{ font-size: 70px;}
	.main .h3{ font-size: 50px;}
	.main .heng{ margin-top: 20px;}
	.main .zhaiyao{ font-size: 18px; margin-top: 20px;}
	.main .zhaiyao2{ font-size: 18px; margin-top: 20px;}
	
	.pingzi_box{ width: 180px; height: 292px;}

	.home_part1_bg svg text{ font-size: 70px;}
	.home_part1_bg .con{ padding-top: 230px;}

	.home_part2 .con{ top: 20px;}

	.home_part3 .con .zhuozi_box{ width: 391px; height: 284px;}
	.home_part3 .con .quan_bg{ margin-top:30vh; width: 320px; height: 320px; }
	.home_part3 .con .btn{ width: 90px; height: 90px; margin: -45px 0 0 -45px;}
	.home_part3 .con .wz{margin-top: 40px;}
	.home_part3 .con .wz .tit1{ font-size: 30px;}

	.home_part5 .bg_txt{ top: 30px;}
	.home_part5 .tit{ font-size: 40px;}

	.home_part6 .house_list{ transform: scale(0.9);}


	.home_part7 .title{ margin-top: 28%;}
	.home_part7 .list{ width: 120%; left: -10%;}
	.home_part7 .zhaiyao2{ max-width: 500px;}

	.home_part8 .list{ width: 2600px; height: 400px;}
	.home_part8 .list_bg{ padding-top: 80px;}
	.home_part8 .li{ padding: 60px 40px 0 40px;}
	.home_part8 .li .tit{ font-size: 36px;}
	.home_part8 .li .txt{ font-size: 20px; padding-top: 20px;}

	.home_part9 .h3{ font-size: 40px;}
	.home_part9 .zs .pic{ width: 300px;}
	.home_part9 .nr .tit{ font-size: 32px;}
	.home_part9 .nr .txt{ font-size: 26px; padding-top: 40px;}
	.home_part9 .nr .tit2{ font-size: 26px;}

	.home_part10 .h2{ padding-top: 3%;}
	.home_part10 .list{ padding-top: 8%; height: 300px; }
	.home_part10 .li .icon img{ height: 65px;}
	.home_part10 .li .tit{ font-size: 26px; padding-top: 20px;}
	.home_part10 .li .txt{ font-size: 16px; padding-top: 20px;}

	.home_part11 .anli .svg_txt text{ font-size: 90px;}
	.home_part11 .anli .svg_txt .txt{ font-size: 26px;}
	.home_part11 .anli .svg_txt .txt img{margin-top: 10px;}
	.home_part11 .anli .pic_bg .tit{font-size: 50px;}
	.home_part11 .anli .pic_bg .txt{font-size: 18px; padding-top: 20px;}
	.home_part11 .anli .pic_bg .icon{ padding-top: 20px;}

	.home_part11 .anli .li{ margin: 0 10px;}
	.home_part11 .anli1 .svg_txt .line_tit{ transform: translateX(-100px);}
	.home_part11 .anli1 .list{ width: 2538px;}
	.home_part11 .anli2 .svg_txt .line_tit{ transform: translateX(-80px);}
	.home_part11 .anli2 .list{ width: 1692px;}
	.home_part11 .anli3 .svg_txt .line_tit{ transform: translateX(-60px);}
	.home_part11 .anli3 .list{ width: 2961px;}
	.home_part11 .anli4 .svg_txt .line_tit{ transform: translateX(-90px);}
	.home_part11 .anli4 .list{ width: 1692px;}
	.home_part11 .anli5 .svg_txt .line_tit{ transform: translateX(-50px);}
	.home_part11 .anli5 .list{ width: 2115px;}

	.home_part12 .svg_txt .txt span{ font-size: 70px;}

}


/* 小PC-1440以下 */
@media screen and (max-width:1400px) {

	.main .h2{ font-size: 60px;}
	.main .h3{ font-size: 40px;}

	.home_part1_bg svg text{ font-size: 60px;}
	.home_part1_bg .con{ padding-top: 200px;}

	.home_part3 .con .quan_bg{ width: 300px; height: 300px; }
	.home_part3 .con .wz{margin-top: 30px;}
	.home_part3 .con .wz .tit1{ font-size: 26px;}

	.home_part4 .list .tit{ font-size: 26px; padding: 20px 0 10px 0;}
	.home_part4 .list .tit2{ font-size: 14px; line-height: 1.8;}

	.home_part5 .bg_txt{ top: 20px;}
	.home_part5 .tit{ font-size: 36px;}
	.home_part5 .zhaiyao{ font-size: 14px; margin-top: 10px;}

	.home_part6 .house_list{ transform: scale(0.7);}

	.home_part7 .list .li{ padding: 0 3%;}

	.home_part8_bg{ }
	.home_part8 .list{ width: 2000px; height: 360px;}
	.home_part8 .list_bg{ padding-top: 50px;}
	.home_part8 .li{ padding: 40px 30px 0 30px;}
	.home_part8 .li .tit{ font-size: 30px;}
	.home_part8 .li .txt{ font-size: 18px;}

	.home_part9 .h3{ font-size: 36px;}
	.home_part9 .zs .pic{ width: 260px; top: 30%;}
	.home_part9 .nr{ width: 800px;}
	.home_part9 .nr .tit{ font-size: 28px;}
	.home_part9 .nr .txt{ font-size: 22px; padding-top: 30px;}
	.home_part9 .nr .tit2{ font-size: 22px;}

	.home_part10 .list{ padding-top: 5%; }

	.home_part11 .anli .svg_txt text{ font-size: 80px;}
	.home_part11 .anli .svg_txt .txt{ font-size: 24px;}
	.home_part11 .anli .svg_txt .txt img{margin-top: 10px;}
	.home_part11 .anli .pic_bg .txt{ max-width: 700px;}
	.home_part11 .anli .pic_bg .tit{font-size: 40px;}
	.home_part11 .anli .pic_bg .txt{font-size: 16px; padding-top: 15x;}
	.home_part11 .anli .pic_bg .icon{ padding-top: 15px;}
	.home_part11 .anli .li{ margin: 0 10px;}
	.home_part11 .anli1 .list{ width: 2280px;}
	.home_part11 .anli2 .list{ width: 1520px;}
	.home_part11 .anli3 .list{ width: 2660px;}
	.home_part11 .anli4 .list{ width: 1520px;}
	.home_part11 .anli5 .list{ width: 1900px;}
	
}

/* ipad-横 */
@media screen and (max-width:1200px) {

	.home_part3 .con .nr{ width: 800px;}
	.home_part3 .con .quan_bg{ margin-top: 30%;}
	.home_part7{ padding-top: 20%; box-sizing: border-box;}
	.home_part7 .zhaiyao2{ max-width: 400px;}
	.home_part7 .list .li{ padding: 0 2%;}
	.home_part7 .list{ top: 20%;}
	.home_part9 .zs .yuan{border: 60px solid #005bbb;}
	.home_part9 .zhaiyao2{ max-width: 50%;}
	.home_part9 .nr{ width: 600px;}
	.home_part13{ padding: 180px 0;}
	.home_part13 .list_bg{ padding-top: 60px;}
	.home_part13 .list .li{ padding: 30px 0;}
	.home_part13 .list .li img {max-height: 24px;	max-width: 160px;	}
	.home_part14{ padding-bottom: 200px;}
}

/* ipad-竖 */
@media screen and (max-width:1002px) {

	.main .h2{ font-size: 50px;}
	.main .zhaiyao{ max-width: 100%; padding-left: 40px; padding-right: 40px; box-sizing: border-box;}
	.main .zhaiyao2{ max-width: 100%; padding-left: 40px; padding-right: 40px; box-sizing: border-box;}

	.pingzi_box{ width: 140px; height: 227px;}

	.home_part1_bg .con{ padding-top: 46%;}
	.home_part1_bg svg text{ font-size: 50px;}

	.home_part2 .con{ top: 80px;}
	.home_part2 .img .bg{ background-size: 180% auto;}
	.home_part3 .con .bg2{ background-size:120% 56%;}
	.home_part3 .con .nr{ width: 600px;}
	.home_part3 .con .quan_bg{ margin-top: 70%; width: 220px; height: 220px; }
	.home_part3 .con .btn{ width: 60px; height: 60px; margin: -30px 0 0 -30px;}
	.home_part3 .con .wz .tit1{ font-size: 22px;}
	.home_part3 .con .deng1{top: 56%; left: 33%;}
	.home_part3 .con .deng2{ top: 56%; left: 67%;}
	.home_part3 .con .deng3{ top: 54%; left: 81%;}
	.home_part3 .con .deng4{ top: 54%; left: 20%;}
	.home_part3 .con .zhuozi_box{width: 303px;height: 220px;}
	.home_part3 .con .huan{ height: 200px; top: 60%;}

	.home_part4 .list .tit{ font-size: 18px;}
	.home_part4 .list .tit2{ font-size: 12px;}

	.home_part5 .bg_txt{ top: 80px;}
	.home_part5 .video_bg video{object-fit: contain;}
	.home_part5 .pic_bg{ background-size: contain;}

	.home_part6 .title{ padding-top: 80px;}
	.home_part6 .group_3d canvas{ height: 56vw; top: 50%; transform: translateY(-50%); }
	.home_part6 .house_pic{ background-size: 100% auto;}
	.home_part6 .house_list .pic{ width: 180px;}
	.home_part6 .house_list .tit{ font-size: 14px;}
	.home_part6 .house_list .li1{ right: 260px;}
	.home_part6 .house_list .li2{ right: 300px;}
	.home_part6 .house_list .li4{ left: 260px; bottom: 160px;}
	.home_part6 .house_list .li5{ left: 300px;}
	.home_part6 .house_list .li6{ left: 280px;}
	.home_part6 .house_list .li2::after{ width: 200%;}
	.home_part6 .house_list .li4::after{ width: 240%;}
	.home_part6 .house_list .li5::after{ width: 320%;}
	.home_part6 .house_list .li6::after{ width: 320%;}

	.home_part7 .zhaiyao2{ max-width: 43%;}
	.home_part7 .list .li{ padding: 0 1%;}
	.home_part7{ padding-top: 40%;}

	.home_part8_bg{}

	.home_part9 .title{ top: 2%;}
	.home_part9 .title .l{ padding-top: 40px;}
	.home_part9 .h3{ font-size: 32px; padding-right: 20px; max-width: 90%; }
	.home_part9  .zhaiyao2{ padding-left: 20px; padding-right: 20px;}
	.home_part9 .zs .pic{ top: 25%;}
	.home_part9 .zs .pic{ width: 200px;}
	.home_part9 .nr{ width: 450px; left: 100px;}
	.home_part9 .nr .tit{ font-size: 22px;}
	.home_part9 .nr .txt{ font-size: 18px; padding-top: 20px;}
	.home_part9 .nr .tit2{ font-size: 18px; padding: 140px 0 30px  0;}
	.home_part9 .nr .logo img{padding-bottom: 20px;}

	.home_part10 .list{ padding: 5% 2% 0 2%; height: 230px;}
	.home_part10 .li{ margin: 0 10px; padding: 2%;}
	.home_part10 .li .icon img{ height: 50px;}
	.home_part10 .li .tit{ font-size: 20px;}
	.home_part10 .li .txt{ font-size: 14px; padding-top: 10px;}

	.home_part11 .h2{ padding-top: 80px;}
	.home_part11 .anli .svg_txt text{ font-size: 60px;}
	.home_part11 .anli1 .svg_txt .line_tit {transform: translate(-65px,-7px);}
	.home_part11 .anli2 .svg_txt .line_tit {transform: translate(-45px,-7px);}
	.home_part11 .anli3 .svg_txt .line_tit {transform: translate(-35px,-7px);}
	.home_part11 .anli4 .svg_txt .line_tit {transform: translate(-65px,-7px);}
	.home_part11 .anli5 .svg_txt .line_tit {transform: translate(-35px,-7px);}
	.home_part11 .anli .svg_txt .txt{ top: 58%; font-size: 20px;}
	.home_part11 .anli .svg_txt .txt img{ max-height: 40px;}
	.home_part11 .anli .pic_list{ bottom: 10%;}
	.home_part11 .anli .pic_bg .title{ padding-top: 20%;}
	.home_part11 .anli1 .list{ width: 1920px;}
	.home_part11 .anli2 .list{ width: 1280px;}
	.home_part11 .anli3 .list{ width: 2240px;}
	.home_part11 .anli4 .list{ width: 1280px;}
	.home_part11 .anli5 .list{ width: 1600px;}



	.home_part13{ padding: 160px 0;}

	.home_part14{padding-bottom: 300px; }
	.home_part14 .list_bg{ width: 100%;}
	.home_part14 .list_bg .li{ padding-left: 40px;}
	.home_part14 .list_bg .tit{ font-size: 16px;}
	.home_part14 .list_bg .txt{ font-size: 20px;}
}

/* 手机 */
@media screen and (max-width:758px) {


	.load .icon{ height: 140px;}

	.right_nav{ width: 36px; right: 10px; bottom: 10px;}
	.right_nav img{ width: 100%;}
	.right_ul{ display:none;}

	.main .h2{ font-size: 38px;}
	.main .h3{ font-size: 28px;}
	.main .heng{ width: 28px; height: 4px; margin-top: 10px;}
	.main .zhaiyao{ font-size: 14px; margin-top: 10px; padding-left: 15px; padding-right: 15px; line-height: 1.6;}
	.main .zhaiyao br{ display: none;}
	.main .zhaiyao2{ font-size: 14px;line-height: 1.6; padding-left: 15px; padding-right: 15px; margin-top: 10px;}
	.main .zhaiyao2 br{ display: none;}

	.pingzi_box{ width: 100px; height: 162px; }
	
	.home_part1_bg .con{ padding-top: 65vw;}
	.home_part1_bg svg text{ font-size: 38px;}

	.home_part2 .con{ top: 70px;}
	.home_part2 .img .bg{ background-size: 220% auto;}

	.home_part3 .con .zhuozi_box{ width: 216px;height: 157px;}
	.home_part3 .con .nr{ width: 100%;}
	.home_part3 .con .quan_bg{ width: 180px; height: 180px; margin-top: 40vh;}
	.home_part3 .con .quan{	box-shadow: 0 0 10px #fff inset;}

	.home_part3 .con .wz .tit1{ font-size: 18px;}
	.home_part3 .con .wz .tit2{ font-size: 14px; padding-top: 10px; line-height: 2;}
	.home_part3 .con .deng1{ width: 45%; padding-top: 42%; left: 25%; top: 62%; z-index: 2;}
	.home_part3 .con .deng2{ width: 42.45%;padding-top: 38.25%;left: 75%;top: 64%; z-index: 2;}
	.home_part3 .con .deng3{ width: 33.9%;padding-top: 25.5%;  left: 78%; top: 54%; z-index: 1;}
	.home_part3 .con .deng4{ width: 33.9%;padding-top: 25.5%;left: 22%;top: 54%; z-index: 1;}

	.home_part4 .con_an .li_0a{ width: 130%; left: -15%; }
	.home_part4 .list{ height: 100%; position: absolute;}
	.home_part4 .list .tit{ font-size: 16px; padding: 8px 0 4px 0;}
	.home_part4 .list .tit2{ font-size: 10px;}
	.home_part4 .list .li{ width: 33.3%; height: 40%;position: absolute; margin-top: 4% !important;    padding: 0 1.5%;}
	.home_part4 .list .li1{ left: 0; top: 0;}
	.home_part4 .list .li2{ left: 0; top: 50%;}
	.home_part4 .list .li3{ left: 33.3%; top: 29%; }
	.home_part4 .list .li4{ right: 0; top: 50%;}
	.home_part4 .list .li5{ right: 0; top: 0;}


	.home_part5 .tit{font-size: 28px;}
	.home_part5 .bg_txt{ width: 100%; left: 0;}
	.home_part5 .bg .bg_con1 .pic_bg{ display: block;}
	.home_part5 .bg .bg_con1 .video_bg{ display: none;}
	.home_part5 .bg .bg_con .btn{ width: 90px; height: 90px; margin: -45px 0 0 -45px; }
	.home_part5 .pic_bg::after{ background-color: rgba(0, 0, 0, 0.2);}
	.home_part5_video video{ object-fit: contain;}

	.home_part6 .title{ padding-top: 50px;}
	.home_part6 .house_list .pic{ width: 140px;}
	.home_part6 .house_list .tit{ font-size: 12px; line-height: 30px;}
	.home_part6 .house_list .li::after{  background-size: contain;}
	.home_part6 .house_list .li1{ right:100px; bottom: 100px;}
	.home_part6 .house_list .li1::after{ width: 180%;}
	.home_part6 .house_list .li2{ right:120px; bottom: -40px;}
	.home_part6 .house_list .li2::after{ width: 180%; background-position-y: bottom;}
	.home_part6 .house_list .li3{ right:120px; top:80px}
	.home_part6 .house_list .li3::after{ width: 200%; background-position-y: bottom;}
	.home_part6 .house_list .li4{ left:100px; bottom: 60px;}
	.home_part6 .house_list .li4::after{ width: 180%;}
	.home_part6 .house_list .li5{ left:120px; bottom: -80px;}
	.home_part6 .house_list .li5::after{ width: 180%; background-position-y: bottom;}
	.home_part6 .house_list .li6{ left:120px; top:120px}
	.home_part6 .house_list .li6::after{ width: 260%; background-position-y: bottom;}

	.home_part7{ padding-top: 40%;}
	.home_part7 .zhaiyao2{ max-width: 50%; padding: 0; }
	.home_part7 .title{ margin-top: 16%;}
	.home_part7 .list .li .img_phone{display: block;}
	.home_part7 .list .li img{ margin: 10px 0;}
	.home_part7 .list .li.li1{ margin-top: 2%; }
	.home_part7 .list .li.li2{display: none;}
	.home_part7 .list .li.li3{ margin-top: 50%; }
	.home_part7 .list .li.li3 img{display: none;}
	.home_part7 .list .li.li3 .img_phone{display: block;}
	.home_part7 .list .li.li4{ margin-top: 52%; }
	.home_part7 .list .li.li4 img{display: none;}
	.home_part7 .list .li.li4 .img_phone{display: block;}
	.home_part7 .list .li.li5{display: none;}

	.home_part8 .list{ width: 1200px; height: 300px; transform: translateX(5%);}
	.home_part8 .li{ padding: 20px 15px 0 15px; border: 2px solid #1eb9e1; border-radius: 10px; margin: 0 10px;}
	.home_part8 .li .tit{ font-size: 20px;}
	.home_part8 .li .txt{ font-size: 14px; padding-top: 10px;}

	.home_part9 .title{ position: relative; overflow: hidden; padding: 30px 0;}
	.home_part9 .title .l{ float: none; width: 100%; padding: 0;}
	.home_part9 .title .r{ float: none; width: 100%; padding-top: 10px;}
	.home_part9 .h3{ padding: 0 15px; max-width: 100%; box-sizing: border-box;}
	.home_part9 .zs{ top: 0%; position: relative; height: 100vh;}
	.home_part9 .zs .pic{ top: 0; width: 300px; left: 50% !important; transform: translate(-50%,0%) scale(0.7);}
	.home_part9 .zs .yuan{ transform: translate(-50%,120px);}
	.home_part9 .nr_box{ position: relative;}
	.home_part9 .nr{ width: 100%; padding: 0 15px; left: 0; box-sizing: border-box; top: 0;}
	.home_part9 .nr .tit{ font-size: 18px;}
	.home_part9 .nr .txt{ font-size: 14px; padding-top: 10px;}
	.home_part9 .nr .tit2{ font-size: 14px; padding: 40px 0 10px 0;}
	.home_part9 .nr .logo img{ padding-bottom: 5px;}

	.home_part10 .list{ display: block;}
	.home_part10 .li { width: 48%; margin:1%; float: left; box-sizing: border-box; border-radius: 10px; padding: 10px;}
	.home_part10 .li .icon img{ height: 40px;}
	.home_part10 .li .tit{ font-size: 18px; padding-top: 15px;}
	.home_part10 .li .txt{ padding-top: 10px;}

	.home_part11 .anli .svg_txt text{ font-size: 36px;}
	.home_part11 .anli .svg_txt .txt{ font-size: 16px;}
	.home_part11 .anli .svg_txt .txt img{max-height: 30px;}
	.home_part11 .anli .svg_txt .line_tit{ display: none;}
	.home_part11 .anli1 .svg_txt .line_tit{ transform: translate(-42px,-4px);}
	.home_part11 .anli2 .svg_txt .line_tit{ transform:translate(-28px,-4px);}
	.home_part11 .anli3 .svg_txt .line_tit{ transform: translate(-23px,-4px);}
	.home_part11 .anli4 .svg_txt .line_tit{ transform: translate(-42px,-4px);}
	.home_part11 .anli5 .svg_txt .line_tit{ transform: translate(-23px,-4px);}
	.home_part11 .anli .pic_bg .title{ padding: 20% 15px 0 15px; box-sizing: border-box;}
	.home_part11 .anli .pic_bg .tit{ font-size: 30px;}
	.home_part11 .anli .pic_bg .txt{ font-size: 14px;}
	.home_part11 .anli .pic_bg .icon img{max-height: 30px;}
	.home_part11 .anli .li{ margin: 0 5px;    border-radius: 8px;}
	.home_part11 .anli1 .list{ width: 1560px;}
	.home_part11 .anli2 .list{ width: 1040px;}
	.home_part11 .anli3 .list{ width: 1820px;}
	.home_part11 .anli4 .list{ width: 1040px;}
	.home_part11 .anli5 .list{ width: 1300px;}


	.home_part12 .svg_txt .txt span{ font-size: 38px;transform: scale(2);}


	.home_part13{ padding: 120px 0;}
	.home_part13 .list .li{ height: 80px; }
	.home_part13 .list .li img{ max-width: 140px;}

	.home_part14{ padding: 120px 0;}
	.home_part14 .btn{ padding-top: 50px;}
	.home_part14 .list_bg{ padding-top: 20px;}
	.home_part14 .list_bg .li{ width: 100%; float: none; padding-top: 30px;}



}