@charset "utf-8";

html,body{ height: 100%; position: relative; }

/*参数*/
.imgHide{ display: none; }

.tc_360{ position: relative; width: 100%; height:100%; z-index: 1001; left: 0; top:0; background:#f4f4f4; }
.tc_360 .con{ position: relative; width: 100%; height:100%;  transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background: url(../image/temp/ov.jpg) repeat-y 0 0; background-size: 100% auto; }
/*.tc_360 .con{ position: absolute;  width: 80%; padding:25px; height:auto; left: 50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background: url(../image/temp/ov.jpg) repeat-y 0 0; background-size: 100% auto; }*/
.tc_360 .con .close{ position: absolute; font-size:14px; color:#474747; right: 50px; top:40px; text-transform: uppercase; z-index: 100; font-family: arial; }
.tc_360.on{ visibility: visible; }
.tc_360 .t2{ position: absolute; left: 30px; top:15px; color:#000; font-size:16px; z-index: 10; text-transform: capitalize; }
.tc_360 .con .pad{ border:1px solid #979a9d; overflow: hidden; position: relative; }
.tc_360 .con .pad .bg{ position: relative; z-index: 1; padding-bottom:56.237%  }
.tc_360 .con .pad .threesixty{ position: absolute; width: 100%; height:100%; overflow: hidden; top:0; left: 0;  }

.threesixty_images li.cur{ z-index: 5; visibility: visible; }
.threesixty .threesixty_images img{ z-index:3;  }
.threesixty_images,
.threesixty_images li{ height:100%; position: absolute; width: 100%; left: 0; top:0; background:#f3f3f3; visibility: hidden;}
.threesixty_images .span{ position: absolute; width: 10px; height:10px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#cb0707; border-radius:50%; cursor: pointer; opacity: 0.8; z-index: 5; }
.threesixty_images .span:before{ background:#cb0707; position: absolute; width: 100%; height:100%; border-radius: 50%; left:0; top:0; animation:scl 3s infinite; -webkit-animation:scl 3s infinite; content:""; }
.threesixty_images .span:after{ background:#cb0707; position: absolute; width: 100%; height:100%; border-radius: 50%; left:0; top:0; animation:scl 3s infinite; -webkit-animation:scl 3s infinite; animation-delay:1s; -webkit-animation-delay:1s;  content:""; }

.threesixty_images .s1{ left:45.5%; top:39%;  }
.threesixty_images .s1a{ left:44%; top:41%;  }
.threesixty_images .s1b{ left:47%; top:39%;  }
.threesixty_images .s1c{ left:50.5%; top:41%;  }
.threesixty_images .s1d{ left:38.5%; top:40%;  }

.threesixty_images .s2{ left:60%; top:41.5%;  }
.threesixty_images .s2a{ left:59%; top:41%;  }
.threesixty_images .s2b{ left:61%; top:42.5%;  }
.threesixty_images .s2c{ left:62.5%; top:43.5%;  }
.threesixty_images .s2d{ left:53%; top:39%;  }

.threesixty_images .s3{ left:55%; top:68.5%;  }
.threesixty_images .s3a{ left:49.5%; top:69%;  }
.threesixty_images .s3b{ left:60.5%; top:67%;  }
.threesixty_images .s3c{ left:43.5%; top:67%;  }
.threesixty_images .s3d{ left:65.5%; top:65%;  }


.threesixty_images .s4{ left:41%; top:32%;  }
.threesixty_images .s4a{ left:39%; top:33%;  }
.threesixty_images .s4b{ left:37.5%; top:34%;  }
.threesixty_images .s4c{ left:36.5%; top:35%;  }


@keyframes scl{
0%{ transform:scale(1); opacity: 1; }
100%{ transform:scale(2.5); opacity: 0; }
}
@-webkit-keyframes scl{
0%{ -webkit-transform:scale(1); opacity: 1; }
100%{ -webkit-transform:scale(2.5); opacity: 0; }
}


.tc_dots{ position: fixed; width: 100%; height:100%; top:0; left: 0; z-index: 1002; display: none; }
.tc_dots .close{ position: absolute; width: 100%; height:100%; top:0; left: 0; z-index: 1; }
.tc_dots .con{ width: 260px; min-height:80px; background:#fff; position: absolute; z-index: 5; box-shadow: 0px 1px 8px rgba(0,54,255,0.2); }
.tc_dots .con .i{ float: left; padding:6px 15px 6px 6px; }
.tc_dots .con .i img{ display: block; width: 70px; height:70px; border-radius: 3px; }
.tc_dots .con .p{ font-size:14px; color:#333; padding-top: 20px; overflow: hidden; padding-right: 15px; }

.tc_dots .con .line{ position: absolute; width: 64px; height:35px; left: 247px; top:50px; background:url(../image/temp/ov_3.png) no-repeat center; }

.td2 .con .line{ width: 100px; height:70px; left: -107px; top:23px; background-image:url(../image/temp/ov_4.png); }
.td3 .con .line{ width: 100px; height:70px; left: -104px; top:25px; background-image:url(../image/temp/ov_4.png); }
.td4 .con .line{ width: 100px; height:70px; left: -112px; top:28px; background-image:url(../image/temp/ov_4.png); }

.tc_dots .con .li{ overflow: hidden; }
.tc_dots .con .li + .li{ border-top: 1px solid #ddd; }


@media screen and (max-width: 751px) { 
	.tc_360 .t2{ font-size: 0.24rem; left:0rem; top:0.1rem; right:1.2rem; }
	.threesixty_images .span{ display: none; }
	.nav_bar{ display: none; }
}


.threesixty_images .span{ display: none; }