<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.section{ width:100%; height:100%; position:relative; overflow:hidden;}
.logo{ float:left; position:relative;transition: all 0.5s ease;}
.logo img{ display:block; max-width:100%;}
.linn{ display:block; max-width:100%; opacity:1;}
.linm{ position:absolute; left:0; top:0; opacity:0;}

.on1 .logo{ opacity:0;}
.cd-nav-trigger {
  position: fixed;
  display: inline-block;
}

.cd-nav-trigger {
  top: 33px;
  right: 34px;
  height: 44px;
  width: 44px;
  z-index: 5;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  box-shadow:0px 0px 10px rgba(223,221,175,0.75);
  border-radius:100px;
}
@media(max-width:1024px){
.cd-nav-trigger{ top:25px;}	
}
@media(max-width:414px){
.cd-nav-trigger{ right:15px;}	
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  z-index: 10;
  box-shadow:0px 0px 5px #fef6de;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
  box-shadow:0px 0px 5px #fef6de;
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
	border:2px solid #fff;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger::after {
 /* background-color: #ffb441;*/
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
  box-shadow:0px 0px 0px #fff;
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.loo{ width:100%; height:auto; overflow:hidden; margin-bottom:80px;}
.loo img{ display:block; margin:0 auto;}
.bpoo{ width:64%; height:auto; margin:0 auto;}
.bpoo1{ width:64%; height:auto; margin:0 auto; display:none;}
.boem{ float:left; width:12.5%; height:auto;}
.boem h2{ line-height:24px; margin-bottom:15px;}
.boem h2 a{ color:#fef6de; font-size:20px; font-weight:bold;}
.boem p{ line-height:28px;}
.boem p a{ font-size:16px; color:#ababab;font-family:"Microsoft YaHei" }
.boem p a:hover{ color:#fff;}
.boem h2 a:hover{ color:#fe5700;}
.boem img{ display:block; max-width:100%; margin:0 auto;}
.boem1 h2 a{ color:#fe5700}
.begod{ position:relative; width:100%; padding-top:10px;transition: all 0.5s ease;}
.begod:after{ content:''; position:absolute; left:0; top:0; border-top:2px solid #ababab; width:60px; height:2px;transition: all 0.5s ease;}
.begod:before{ content:''; position:absolute; left:0; top:0; border-top:2px solid #e45106; width:0px; height:2px; z-index:1;transition: all 0.5s ease;}
.begod:hover:before{ width:60px; border-top:2px solid #e45106;}

.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height:100%;
  width: 100%;
  padding:280px 0 0 0 ;
    margin:0 auto;
  z-index: 3;
  background:url(../images/bg2.jpg) no-repeat center center; background-size:cover;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
  margin: 1.6em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
@media(max-width:1366px){
.cd-primary-nav{ padding-top:200px;}	
}
@media(max-width:1024px){
.cd-primary-nav{ padding-top:100px;}
.loo{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.bpoo{ width:100%; height:auto; margin:0 auto; padding:0 30px; display:none;}
.bpoo1{ width:100%; height:auto; margin:0 auto; padding:0 30px; display:block;}
.boem{ float:left; width:14.28%; height:auto;}
.boem h2{ line-height:24px;}
.boem h2 a{ color:#fef6de; font-size:18px;}
.boem p{ line-height:28px;}
.boem p a{ font-size:14px; color:#fef6de; }	
}
@media(max-width:414px){
.cd-primary-nav{ padding-top:100px;}
.loo{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.bpoo{ width:100%; height:auto; margin:0 auto; padding:0 30px; display:none;}
.bpoo1{ width:100%; height:auto; margin:0 auto; padding:0 30px; display:block;}
.boem{ float:left; width:33.33%; height:138px !important; margin-bottom:20px; min-height:138px !important;}
.boem h2{ line-height:24px; text-align:left;}
.boem h2 a{ color:#fef6de; font-size:18px;}
.boem p{ line-height:28px; text-align:left;}
.boem p a{ font-size:14px; color:#fef6de; }	
.boem:last-child{ width:40%;}
}

.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  background:rgba(0,0,0,0.8);
}

.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
  background-color: #000;
}

.cd-content {
  /* just some dummy content */
  padding: 80px 0;
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  z-index: 1;
}
.cd-content .cd-intro {
  height: 200px;
  padding-top: 4.6em;
}
.cd-content h1 {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
.cd-content p {
  line-height: 1.5;
  color: #a76500;
}
@media only screen and (min-width: 768px) {
  .cd-content .cd-intro {
    height: 250px;
    padding-top: 6em;
  }
  .cd-content h1 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .cd-content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8;
  }
}
.footer{ width:100%; height:auto; overflow:hidden; background:#000;}
.fotter_t{ width:86%; margin:0 auto; height:auto; overflow:hidden; padding:60px 0 40px 0; border-bottom:1px solid #999999}
.fotter_t1{ display:none;}
.fotter_t ul{ float:left; margin-right:80px;}
.fotter_t ul.qcbj{ margin-right:0px;}
.fotter_t li{ line-height:24px;color:#515151; font-size:14px;font-family:"Microsoft YaHei";}
.fotter_t li h2 a{ display:block; color:#515151; font-size:18px; font-family:"SimHei"; font-weight:bold;}
.fotter_t li a{ color:#515151; font-size:14px; font-family:"Microsoft YaHei";}
.fotter_t li a:hover{ color:#fff;}
.fotter_t li h2 a:hover{ color:#fe5700;}
.fotter_t li.booz h2 a{ color:#fe5700;}

.fotter_t li img{ display:block; margin:0 auto; max-width:100%; margin-bottom:10px;}
.fotter_t li p{ line-height:24px; font-size:14px; text-align:center;}
.fotter_b{ clear:both; width:86%; margin:0 auto; line-height:53px;}
.fotter_b span{ display:block; float:left; color:#999999; font-size:14px;}
.fotter_b em{ display:block; float:right; color:#999999; font-size:14px;}
.fotter_b em a{ color:#999999; font-size:14px;}
.fotter_t ul.rodb{ margin-right:238px;}

@media(max-width:1680px){
.fotter_t ul{ float:left; margin-right:60px;}
.fotter_t ul.rodb{ margin-right:170px;}	
}
@media(max-width:1600px){
.fotter_t ul{ float:left; margin-right:50px;}	
.fotter_t ul.rodb{ margin-right:170px;}
}
@media(max-width:1440px){
.fotter_t ul{ float:left; margin-right:47px;}
.fotter_t ul.rodb{ margin-right:140px;}
.fotter_t{ width:92%;}	
.fotter_b{ width:92%;}
}
@media(max-width:1366px){
.fotter_t ul{ float:left; margin-right:38px;}
.fotter_t ul.rodb{ margin-right:130px;}
.fotter_t{ width:92%;}	
.fotter_b{ width:92%;}
}
@media(max-width:1280px){
.fotter_t ul{ float:left; margin-right:29px;}
.fotter_t ul.rodb{ margin-right:120px;}
.fotter_t{ width:92%;}	
.fotter_b{ width:92%;}
}
@media(max-width:1024px){
.fotter_t ul{ float:left; margin-right:0; width:25%; margin-bottom:10px;}
.fotter_t{ width:100%; padding:30px 30px; display:none;}	
.fotter_t1{ display:block; padding:30px 30px;}
.fotter_b{ width:100%; padding:0 30px;}
}
@media(max-width:414px){
.fotter_t ul{ float:left; margin-right:0; width:50%; margin-bottom:10px;}
.fotter_t{ width:100%; padding:30px 30px; display:none;}	
.fotter_t1{ display:block; padding:30px 15px;}	
.fotter_b{ width:100%; padding:15px 15px; overflow:hidden; line-height:30px;}
.fotter_b em{ display:block; width:100%;}
.fotter_t li a,.fotter_t li{ font-size:12px;}
}


.controls {
  width: 500px;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  display:none;
}


.lgon{ width:323px; margin:0 auto; overflow:hidden; margin-bottom:110px; position:relative;}
.lgon img{ position:relative; z-index:11;}
.lceo{ width:1009px; margin:0 auto; height:139px; position:relative; margin-bottom:40px; overflow:hidden;}
.bogbb{ width:1009px; margin:0 auto; height:139px; position:relative; z-index:111; margin-bottom:40px; overflow:hidden;/*animation: zifadeInUpced 5s linear both infinite;*/}
.bogbb img{ display:block;}

.booonb{ width:100%; height:139px;animation: zifadeInUpce2 2s linear both infinite; overflow:hidden;}

.bo1gg{ width:0px; overflow:hidden; position:absolute; left:0; bottom:0; cursor:pointer; overflow:hidden;animation: zifadeInUpce1 6s 0.2s linear both infinite;}

.booee{ width:1009px; height:auto; margin:0 auto; position:relative;}
.booee .progress-bar {
	width:100%;
  display: block;
  height:10px;

  background: linear-gradient(500deg, #000, #000 17%, #fff 34%, #000 51%, #fff 68%, #000 85%, #000);
  background-size: 300% 100%;
  -webkit-animation: progress-animation 10s linear infinite;
          animation: progress-animation 10s linear infinite;
		  position:absolute; left:0; bottom:0;
}

/*
.lgon:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width:106px;
 height:106px;
 top: 14px;
 left:14px;
 border-radius:100px; margin:0 auto;
 background:url(../images/logo1.png) no-repeat center top;
animation: ripple 2s infinite cubic-bezier(0, 0, 0.2, 1);
z-index:99
}*/

@keyframes ripple {
	            0% {
	                transform: scale(0);
	                opacity: 1;
	            }
	            80% {
	                transform: scale(1);
	            }
	            100% {
	                opacity: 0;
	            }
}
.leco_1{ position:absolute; left:0; bottom:0; cursor:pointer}
.leco_1 img{ display:block;}
.leog_q{width:0px;overflow:hidden;position:absolute;left:0;top:0;transform-origin:20% 40%;}
.leco_1:hover .leog_q{width:100%;animation: zifadeInUpce 1s linear both;}
.leco_2{ position:absolute; left:129px; bottom:0; cursor:pointer}
.leco_2 img{ display:block;}
.leco_2:hover .leog_q{width:100%;animation: zifadeInUpce 1s ease both;}
.leco_3{ position:absolute; left:304px; bottom:0; cursor:pointer}
.leco_3 img{ display:block;}
.leco_3:hover .leog_q{width:100%;animation: zifadeInUpce 1s ease both;}
.leco_4{ position:absolute; left:444px; bottom:0; cursor:pointer}
.leco_4 img{ display:block;}
.leco_4:hover .leog_q{width:100%;animation: zifadeInUpce 1s ease both;}
.leco_5{ position:absolute; left:490px; bottom:0; cursor:pointer}
.leco_5 img{ display:block;}
.leco_5:hover .leog_q{width:100%;animation: zifadeInUpce 1s ease both;}
.leco_6{ position:absolute; left:570px; bottom:0; cursor:pointer}
.leco_6 img{ display:block;}
.leco_6:hover .leog_q{width:100%;animation: zifadeInUpce 1s ease both;}
.leco_7{ position:absolute; left:627px; bottom:0; cursor:pointer}
.leco_7 img{ display:block;}
.leco_7:hover .leog_q{width:100%;animation: zifadeInUpce 1s ease both;}
.leco_8{ position:absolute; left:853px; bottom:0; cursor:pointer}
.leco_8 img{ display:block;}
.leco_8:hover .leog_q{width:100%;animation: zifadeInUpce 1s ease both;}
.leco_9{ position:absolute; left:901px; bottom:0; cursor:pointer}
.leco_9 img{ display:block;}
.leco_9:hover .leog_q{width:100%;animation: zifadeInUpce 1s ease both;}

.dlun{ width:98px; height:33px; margin:0 auto; border:1px solid #fef6de; border-radius:50px; text-align:center; line-height:31px;transition: all 0.5s ease;position: relative;z-index: 999999999;}
.dlun a{ display:block; width:100%; color:#fef6de; font-size:14px;}
.dlun:hover{ box-shadow:0px 0px 10px rgba(223,221,1755,0.9); border:1px solid #fff}
.booa{ width:100%; height:auto; position:relative; margin-bottom:30px; display:none;}
.booa img{ display:block; margin:0 auto; max-width:100%;}
.booa em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
@media(max-width:1024px){
.lceo{ width:90%; margin:0 auto; height:265px; position:relative; margin-bottom:40px; display:none;}	
.leco_1{ width:11.11%;}
.booa{ width:95%; height:auto; position:relative; margin:0 auto; margin-bottom:30px; display:block;}
.booa img{ display:block; margin:0 auto; max-width:100%;}
.booa em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;transition: all 0.5s ease;}
.booa:hover em{ opacity:1;}
.bogbb{ width:393px; height:91px; margin:0 auto; margin-bottom:30px;}
.bogbb img{ display:block; margin:0 auto; max-width:100%;}
.bo1gg{ height:91px; background:url(../tu/tu48_2.png) no-repeat left center;}
.bo1gg img{height:91px; display:none;}
}

@media(max-width:414px){
.lceo{ width:90%; margin:0 auto; height:265px; position:relative; margin-bottom:40px; display:none;}	
.leco_1{ width:11.11%;}
.booa{ width:95%; height:auto; position:relative; margin:0 auto; margin-bottom:30px; display:block;}
.booa img{ display:block; margin:0 auto; max-width:100%;}
.booa em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;transition: all 0.5s ease;}
.booa:hover em{ opacity:1;}
.bogbb{ width:393px; height:91px; margin:0 auto; margin-bottom:30px;}
.bogbb img{ display:block; margin:0 auto; max-width:100%;}
.bo1gg{ height:91px; background:url(../tu/tu48_2.png) no-repeat left center;}
.bo1gg img{height:91px; display:none;}
}
@media(max-width:375px){
.lceo{ width:90%; margin:0 auto; height:265px; position:relative; margin-bottom:40px; display:none;}	
.leco_1{ width:11.11%;}
.booa{ width:95%; height:auto; position:relative; margin:0 auto; margin-bottom:30px; display:block;}
.booa img{ display:block; margin:0 auto; max-width:100%;}
.booa em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;transition: all 0.5s ease;}
.booa:hover em{ opacity:1;}
.bogbb{ width:356px; height:82px; margin:0 auto; margin-bottom:30px;}
.bogbb img{ display:block; margin:0 auto; max-width:100%;}
.bo1gg{ height:82px; background:url(../tu/tu48_3.png) no-repeat left center;}
.bo1gg img{height:91px; display:none;}
}

@media(max-width:360px){
.lceo{ width:90%; margin:0 auto; height:265px; position:relative; margin-bottom:40px; display:none;}	
.leco_1{ width:11.11%;}
.booa{ width:95%; height:auto; position:relative; margin:0 auto; margin-bottom:30px; display:block;}
.booa img{ display:block; margin:0 auto; max-width:100%;}
.booa em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;transition: all 0.5s ease;}
.booa:hover em{ opacity:1;}
.bogbb{ width:342px; height:79px; margin:0 auto; margin-bottom:30px;}
.bogbb img{ display:block; margin:0 auto; max-width:100%;}
.bo1gg{ height:79px; background:url(../tu/tu48_3.png) no-repeat left center;}
.bo1gg img{height:91px; display:none;}
}


.fbo{ position:absolute; right:31px; top:100px; z-index:9999; width:48px; text-align:center;}
.fbo span{ display:block;width:48px; height:48px; background:url(../tu/fazu.png) no-repeat center center; margin-bottom:0px; }
.fbo a{ display:block; width:100%; height:auto; text-align:center; font-size:14px; color:#fff; font-family: "SOURCEHANSANSCN-REGULAR_1";}
.fbo:hover span{ background:url(../tu/fazu1.png) no-repeat center center;}
.fbo em{ display:block; width:100%; height:auto; text-align:center; font-size:14px; color:#fff; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-top:-5px;}
@media(max-width:414px){
.fbo{ position:absolute; right:12px; top:130px;}	
}

/*

canvas {
	width:100%;height:auto;
	display:inline-block;
	vertical-align:baseline;
	position:absolute;
	z-index:-1
	}
	
.canvaszz{ 
	width:100%;
	height:100%;
	position:absolute;
	z-index:10;
	filter:alpha(opacity=1);  
    -moz-opacity:0.4;  
     -khtml-opacity: 0.4;  
     opacity: 0.4;
	-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);background-color: #000;background-position: bottom right;background-repeat: repeat-x;height: 100%;right: 0;position:absolute;top: 0;background-size: 2250px auto;width:2750px; height:100%;
	}*/

.subo{ width:36px; height:36px; position:fixed; right:100px; top:40px; z-index:999;animation:subo 1.2s infinite;pointer-events:none;}

@media(max-width:1024px){
.subo{ top:33px;}	
}






canvas#canvas {
  display: block;
 margin:0 auto;
 width:50%; position:absolute; left:0; right:0; bottom:35%;

}




</pre></body></html>