| 1 |
- @charset "utf-8";.header,body{background-color:#fff}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}body{font-family:"Microsoft YaHei","微软雅黑",MicrosoftJhengHei}li,ul{list-style:none}img{vertical-align:top;border:0}a:link,a:visited{text-decoration:none}.advisory .contact li .adct.ct_1 p a:hover,.backTopBtn span:hover,.footer .f_email a:hover{text-decoration:underline}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.clearfix:after{content:"";display:block;height:0;clear:both}.clearfix{zoom:1}.fl{float:left}.fr{float:right}.header .nav,.header .nav a,.header .nav ul li{float:left;position:relative}.bk{border:1px solid red}.w1024,.wrap{width:1024px;margin:0 auto}.hide{display:none}.scale7{transform:scale(.7)}.scale5{transform:scale(.5)}body img{-webkit-user-select:none;-ms-user-select:none;user-select:none}.header *{transition:all .3s}.header{width:100%;height:74px;font-size:14px;z-index:111;position:fixed;left:0;right:0;top:0;transition:height .4s;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);box-shadow:1px 1px 7px #777;-moz-box-shadow:1px 1px 7px #777;-webkit-box-shadow:1px 1px 7x #777;}.header.fixed{height:40px}.header .logo{float:left;width:144px;height:44px;margin-top:15px}.header .logo a{display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;background:url(http://www.tz812.com/static/default/images/logo.png) no-repeat;background-size:144px 44px;outline:0}.header.fixed .logo{height:34px;margin-top:3px}.header.fixed .logo a{background-size:111px 34px}.header .nav{margin-left:36px}.header .nav a{display:block;padding:0 25px;color:#465058;font-size:12px;height:74px;line-height:74px;z-index:11}.header .nav a .caret{position:relative;top:-2px}.header .nav a:hover,.header .nav li.current a{color:#4EC2EA}.header .nav .smenu{display:none;position:absolute;left:2px;top:74px;width:117px;opacity:0;transform:translateY(30px);transition:all .5s}.header .nav .smenu.inview{opacity:1;transform:translateY(0)}.header .nav .smenu::before{content:" ";display:block;border-left:1px solid #51C1E9;border-top:1px solid #51C1E9;width:10px;height:10px;background:#fff;position:absolute;top:4px;left:50%;transform:translateX(-50%) rotate(45deg);z-index:115}.header .nav .smenu .mspace{height:9px;background:0 0}.header .nav .smenu .mtm{width:117px;height:39px;text-align:center;border:1px solid #51C1E9;border-top:0;background:#fff}.header .nav .smenu .mtm:nth-of-type(2){border-top:1px solid #51C1E9}.header .nav .smenu .mtm a{width:100%;padding:0;color:#465058;display:block;height:39px;line-height:39px;white-space:nowrap}.header .nav .smenu .mtm a:hover{color:#4EC2EA}.header.fixed .nav a{height:40px;line-height:40px}.header.fixed .nav .smenu{top:40px}.header.fixed .nav .smenu .mtm a{padding:0;width:117px;height:39px;line-height:39px}.header .info{float:right;width:auto}.header .info .user{float:right;margin-top:24px}.header.fixed .user{margin-top:8px}.header .info .lgBtn{display:inline-block;font-size:12px;color:#465058;line-height:100%;padding:6px 10px;border-radius:3px;background-color:#fff;transition:all .2s}.header .info .lgBtn.active,.header .info .lgBtn:hover{background-color:#4EC2EA;color:#fff}.backTopBtn,.footer{background-color:#fff}.footer{position:relative;height:520px}.footer .frlink{padding:27px 0 0;overflow:hidden;text-align:center}.footer .frlink h1{font-size:14px;font-weight:400;color:#000}.footer .frlink .linkbox{line-height:1;padding:16px 0 0}.footer .frlink .linkbox a{padding:0 19px;color:#333;white-space:nowrap}.footer .frlink .linkbox a:hover{color:#4EC2EA}.footer .frlink .linkbox span{color:#D4D4D4}.footer .contact-nav{width:100%;margin:0 auto;padding-top:43px;text-align:center;line-height:1;overflow:hidden}.footer .contact-nav a{color:#121212;font-size:14px;padding:0 33px;white-space:nowrap}.footer .contact-nav a:hover{color:#4EC2EA}.footer p{text-align:center;font-size:12px;color:#121212;line-height:27px}.footer .tele2{margin-top:40px}.footer .tele2 strong{font-family:arial;font-size:24px;font-weight:400}.footer .f_email a{color:#121212;font-size:14px;letter-spacing:.5px}.footer .wechat{width:200px;height:200px;margin:20px auto 0}.backTop{width:96px;position:absolute;left:50%;top:0;margin:-40px 0 0 -48px;height:40px;overflow:hidden;z-index:100}.backTopBtn{width:100%;height:96px;color:#121212;border-radius:50%;text-align:center;cursor:pointer;margin-top:1px}.backTopBtn img{margin-top:10px}.backTopBtn span{margin-top:3px;color:#676767;font-size:12px;display:block}.advisory{position:fixed;left:50%;bottom:20%;margin-left:560px;width:88px;height:352px;background:url(../images/bg_advisory.png) no-repeat;z-index:1000;animation:waggles 12s .1s infinite linear}.advisory .contact{padding-top:209px}.advisory .contact li{border-top:1px solid #fff;margin-top:1px;height:33px;text-align:left;position:relative}.advisory .contact li.first{height:37px;line-height:37px;margin-top:0;border-top:0}.advisory .contact li.first a{height:37px;line-height:37px;border-radius:6px 6px 0 0;overflow:hidden}.advisory .contact li.last{background-color:#7BCDF3;overflow:hidden;border-radius:0 0 6px 6px;height:45px}.advisory .contact li.last a{height:45px}.advisory .contact li a{display:block;height:33px;line-height:33px;color:#fff;font-size:13px}.advisory .contact li a:hover{background-color:#38A5D8}.advisory .contact li i{display:block;float:left;width:19px;height:19px;background:url(../images/bg_advisory_contact.png) no-repeat}.advisory .contact li .qq{background-position:0 0;margin:10px 8px 0 14px}.advisory .contact li .wechat{background-position:0 -31px;margin:7px 8px 0 14px}.advisory .contact li .phone{background-position:0 -62px;margin:7px 8px 0 14px}.advisory .contact li .btop{float:none;margin:0 auto;position:relative;top:8px;width:34px;height:28px;background-position:0 bottom}.advisory .contact li .adct{position:absolute;color:#fff;top:0;display:none}.advisory .contact li .adct .cwrap{border-radius:5px;background:#38A5D8}.advisory .contact li .adct.ct_1{width:105px;left:-107px;padding:0 2px 0 0}.advisory .contact li .adct.ct_1 p{font-size:13px}.advisory .contact li .adct.ct_1 p i{margin:10px 8px 0 10px}.advisory .contact li .adct.ct_1 p a{line-height:33px}.advisory .contact li .adct.ct_2{text-align:center;padding:0 2px 0 0;width:90px;left:-92px}.advisory .contact li .adct.ct_2 .cwrap img{padding-top:3px}.advisory .contact li .adct.ct_2 .cwrap p{height:26px;line-height:22px;font-size:14px;text-align:center}.advisory .contact li .adct.ct_3{width:136px;left:-138px;padding:0 2px 0 0}#intro,#scene{width:100%;overflow:hidden;position:relative}.advisory .contact li .adct.ct_3 p{font-size:13px;line-height:33px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advisory .contact li .adct.ct_3 p i{margin:7px 5px 0 9px}#intro{height:663px;padding-top:74px;margin-bottom:50px}#scene{height:625px;background:#4EC2EA}.wave_wrap{position:relative;left:50%}.wave_3 .wave_wrap{bottom:-360px;margin-left:-1647px;opacity:.95;filter:alpha(opacity=95);animation:wave 10s .1s infinite linear}.wave_2 .wave_wrap{bottom:-320px;margin-left:-1690px;animation:wave 13s .1s infinite linear}.wave_1 .wave_wrap{bottom:-290px;margin-left:-1657px;animation:wave 19s .1s infinite linear}.slogan .wave_wrap{margin-left:-293px;bottom:-120px;animation:wave 6.11111s .1s infinite linear}.slogan .wave_wrap img{animation:slogan 6.11111s .1s infinite alternate cubic-bezier(.455,.03,.515,.955)}@keyframes slogan{0%{transform:translate3d(4%,0,0)}100%{transform:translate3d(-4%,0,0)}}@keyframes wave{0%{transform:rotateZ(0) translate3d(0,10%,0) rotateZ(0)}100%{transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)}}.cloud_1 .wave_wrap{bottom:-50px;margin-left:350px;width:400px;animation:cloud 9.5s infinite alternate cubic-bezier(.455,.03,.515,.955)}.cloud_2 .wave_wrap{bottom:-180px;margin-left:-470px;width:400px;animation:cloud 15.5s .6s infinite alternate cubic-bezier(.455,.03,.515,.955)}@keyframes cloud{0%{transform:rotateZ(30deg) translate3d(0,0,0) rotateZ(-30deg)}50%{transform:rotateZ(-60deg) translate3d(10%,25%,0) rotateZ(60deg)}}.arrow{width:22px;height:66px;position:absolute;bottom:110px;left:50%;margin-left:-10px;transform-origin:50% top;background:url(../images/floater_arrow.png) no-repeat;animation:swing 2s infinite alternate cubic-bezier(.455,.03,.515,.955)}@keyframes swing{0%{transform:rotateZ(10deg)}100%{transform:rotateZ(-10deg)}}.floater .wave_wrap{width:184px;height:227px;margin-left:300px;bottom:-220px;transform-origin:70% 100%;animation:floater 4s .1s infinite alternate cubic-bezier(.455,.03,.515,.955)}@keyframes floater{0%{transform:translate3d(10%,0,0) rotateZ(5deg)}100%{transform:translate3d(-10%,0,0) rotateZ(-5deg)}}
|
