html,body {
  width: 100%;
  height: 100%;
}
* {}
a {text-decoration: none;color: #333;padding:0;margin:0;}
a:focus{outline:none;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;}
p{padding:0;margin:0;}
iframe,img {border: none;margin: 0; padding:0;}
input,button,select,textarea{outline:none}
img{ vertical-align:middle; max-width:100%;}
img a {border: none;margin: 0px;}

body {line-height: 24px; font-size:12px;color:#333;padding:0;margin:0; min-width:1050px;margin:0px auto; font-family:font-family:"΢ÈíÑźÚ";}
td{ padding:0; margin:0;}
[ripple] {
  z-index: 1;
  position: relative;
  overflow: hidden;
}
[ripple] .ripple {  position: absolute;
  background: #FFFFFF;
  border-radius: 100%;
  -webkit-animation: ripple 1.6s;
          animation: ripple 1.6s;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(40);
            transform: scale(40);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(40);
            transform: scale(40);
    opacity: 0;
  }
}
.tabs{ height:100%; position:relative; overflow:hidden; clear:both;}
.tabs-header { position: absolute; top:0; left:0; width:100%; height:70px;clear:both; z-index:9999; background:#FFF;}
.tabs-header ul { clear:both; overflow:hidden; padding-left:5%; width:90%;}
.tabs-header li { -webkit-transition: 0.3s ease; transition: 0.3s ease; float:left;}
.tabs-header a {  display: block; margin:0 5px; font-size:14px; line-height:70px;height:70px; font-weight:bold; color:#777;}
.tabs-header .active a{ color:#2d2321;}
.logo{ margin:0;}
.logo img{ max-height:100%;}
.tabs-header .active .logo{ border:none;}
.tabs-nav { position: absolute; top:48%; width:100%; left: 0; padding:0; z-index:88888888; color: #FFFFFF;}
.left{ position:absolute; left:5%;}
.right{ position:absolute; right:5%;}
.tabs-nav:before { content: ''; height: 100%;}
.tabs-nav i { border-radius: 100%; cursor: pointer;}
.tabs-content { height:100%; position:relative; overflow:hidden; clear:both;}
.cc{ display: flex;  justify-content:center;  align-items:Center;}

.tabs-content .tab { display: none;  min-height:calc(100%  - 140px); padding:70px 0; color:#FFF;}
.tabs-content .tab.active { display: block;}
.bgcolor1{ background:#4b4a48;}
.bgcolor2{ background:#66bace;}
.bgcolor3{ background:#c75b3a;}
.bgcolor4{ background:#a588bd;}
.bgcolor5{ background:#a1be13;}
.bgcolor6{ background:#91b3c5;}
.bgcolor7{ background:#f39800;}
.bgcolor8{ background:#85c1db;}
.none {display: none;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.hj{ overflow:hidden; clear:both; height:10px;}
.hj2{ overflow:hidden; clear:both; height:20px;}
.pp1{ padding:1% 0;}
.pp2{ padding:2% 0;}
.pp3{ padding:3% 0;}
.clear{ overflow:hidden; clear:both;}
.main{ width:90%; margin:0 auto; min-width:1100px; margin: auto;padding-top:6%; font-size:14px; line-height:2;}
.m_left{ width:49%; float:left; text-align:right;}
.m_right{ width:49%; float:right; text-align:left;}
.nr1_p2{ /*text-transform:uppercase;*/ font-size:24px; font-weight:bold; line-height:32px; color:#dcdddd;}
.nr1_p3{font-weight:bold;}