/* Reset*/
body, div, h1, h2, h3, h4, h5, h6, form, img, ul, ol, li, dl, dt, dd, p, tr, th, td {
  margin: 0;
  padding: 0;
}
body {
  font: 12px/1.5 'Microsoft Yahei', tahoma, '\5b8b\4f53', sans-serif;
  color: #777986;
  min-width: 1540px;
  max-width: 1920px;
  margin: 0 auto;
  background: #eee url("../image/bg.png");
}
html, body {
  overflow-x: hidden;
}
li {
  list-style: none;
}
em, i {
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img {
  border: 0;
  vertical-align: top;
}
a {
  color: #646981;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #e36623;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  clear: both;
  margin: 20px 0;
  width: 100%;
  font-size: 16px;
}
table th {
  font-weight: 600;
  height: 36px;
  background-color: #e8e2d5;
  border: 1px solid #c9c2b0;
  padding: 0 10px;
  min-width: 117px;
}
table th:nth-child(1) {
  min-width: 50px;
}
table td {
  height: 40px;
  padding:8px 10px;
  border: 1px solid #D9D9D9;
  background: #FFF;
}
table td:nth-child(-n+4):nth-child(n+1) {
    text-align: center;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.ti {
  text-indent: -999em;
}
.hid {
  display: none;
}
.underline {
  text-decoration: underline;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.w1200 {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.w1428 {
  max-width: 1428px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#top {
  width: 100%;
  height: 42px;
  line-height: 42px;
  background: url(../image/top_bg.png) repeat-x;
}
#top .fl {
  _width: 245px;
  height: 42px;
}
#top .fr {
  _width: 250px;
  height: 42px;
}
#top .fr a {
  display: inline-block;
  padding: 0 8px;
}
.top_logo {
  width: 245px;
  height: 42px;
  display: block;
  background: url(../image/top_logo.png) no-repeat;
  text-indent: -9999px;
}
/*Wrapper & Bg reset*/
.wrapper { /*background: #eeeeee;*/ overflow: hidden;
}
.banner-container {
  top: 0;
  left: 0;
  width: 100%;
  height: 620px;
  overflow: hidden;
  background: url("../image/banner.jpg") no-repeat center top;
  border-bottom: 5px solid #000;
}
.banner-container .banner-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner-container .slider-pic {
  width: 500%;
}
.banner-container .slider-pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-container .slider-pic .pic-lnk {
  width: 20%;
}
.flash-box {
  top: 0;
}
.banner-content {
  top: 0;
  left: 442px;
  width: 1226px;
  height: 100%;
}
.main-slogan {
  display: block;
  margin-top: 136px;
  margin-left: 48px;
}
.main-slogan .title {
  line-height: 1;
  font-weight: lighter;
  font-size: 40px;
  color: #fff;
}
.main-slogan .desc {
  margin-top: 16px;
  line-height: 1;
  font-size: 16px;
  color: #fff;
}
.main-slogan .date {
  display: inline-block;
  margin-top: 15px;
  padding: 0 12px;
  border-radius: 99px;
  background-color: rgba(255, 255, 255, .2);
  line-height: 20px;
  font-size: 14px;
  color: #b0b2b2;
}
.banner-container .new-nav2 {
  display: inline-block;
  top: 268px;
  left: 48px;
  box-sizing: border-box;
  width: 140px;
  height: 31px;
  border: 1px solid #878d8d;
  border-radius: 99px;
  line-height: 29px;
  font-size: 16px;
  color: #b0b2b2;
  text-align: center;
}
.banner-container .new-nav2:hover {
  background-color: #e4712c;
  border-color: #e4712c;
  color: #fff;
}
.banner-container .slider-switcher {
  display: none;
  bottom: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  padding-left: 442px;
  width: 100%;
  height: 44px;
  background-color: #1b1e28; /* overflow-y: scroll; */
}
.banner-container .switcher-btn {
  margin: 0;
  min-width: 217px;
  height: 44px;
  line-height: 44px;
  border: none;
  border-radius: 0;
  font-size: 16px;
  color: #5d687c;
  text-align: center;
  background: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner-container .switcher-btn.switcher-on {
  background: url(../image/br_active.jpg) no-repeat;
  background-size: 100% auto;
  background-position: top center;
  color: #fff;
}
.banner-container .person {
  bottom: 0;
  right: 0;
  width: 686px;
}
.banner-container .person img {
  height: auto;
}
.spr {
  background: url(../image/spr.png) no-repeat;
}
/*Transition Reset*/
.opacTrans {
  -o-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.colorTrans {
  -o-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.bgPosTrans {
  -o-transition: background-position 0.5s ease-in-out;
  -moz-transition: background-position 0.5s ease-in-out;
  -webkit-transition: background-position 0.5s ease-in-out;
  -ms-transition: background-position 0.5s ease-in-out;
  transition: background-position 0.5s ease-in-out;
}
.allTrans {
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*Left Side*/
.lside-bg {
  position: relative;
  margin-left: 240px;
  float: left;
  width: 192px;
  z-index: 99; /*background: url(../image/lside_rp.jpg) repeat;*/ padding-bottom: 10000px;
  margin-bottom: -10000px;
  top: 630px;
}
.lside {
  width: 192px; /* margin-left: 192px; */ background: url(../image/lside_bg.jpg) no-repeat;
  min-height: 490px;
}
.lside strong{display:none}
.head{
  width: 100%;
  height: 85px;
  background: rgba(0,0,0,0.9);
  z-index: 9999;
}
.logo {
  height: 120px;
  width: 0.190px;
  display: block;
  text-indent: -9999px;
}
/*Navigation*/
.nav{
  padding-top: 23px;
  margin-right: 100px;
}
.nav ul li{
  width: 118px;
  width: 132px;
  height: 36px;
  margin: 0 17px;
  float: left;
}
.nav ul li a{
  display: block;
  width: 118px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: url("../image/nav_bg.png") no-repeat;
  color: #FFF;
  transition: all 0.3s ease-in-out
}
.nav ul li a:hover,.nav ul li a.currclass{
  background: url("../image/nav_hover.png") no-repeat;
}
.lside .lside-top {
  width: 192px;
  height: 344px;
  background-image: url(../image/lside_top.png);
  overflow: hidden;
  padding-top: 33px;
}
.download, .open-game, .pay-game {
  width: 192px;
  height: 88px;
  display: block;
  overflow: hidden;
  text-align: center;
  transition: all 0.1s ease-in-out;
}
a.download:hover , a.open-game:hover , a.pay-game:hover {
  margin-top:-2px;
  margin-bottom:2px;
}
.open-game, .pay-game {
  margin: 0;
  height: 85px;
}
.download .down-icon, .open-game .open-icon, .pay-game .pay-icon {
  display: block;
  top: 0;
  left: 0;
  width: 96px;
  height: 88px;
  background-position: 0 20px;
}
.download .down-text, .open-game .open-text, .pay-game .pay-text {
  margin-left: 96px;
  width: 98px;
  height: 88px;
  background-position: -96px 20px;
}
.open-game .open-icon {
  background-position: 0 -62px;
}
.open-game .open-text {
  background-position: -96px -62px;
}
.pay-game .pay-icon {
  background-position: 0 -360px;
}
.pay-game .pay-text {
  background-position: -96px -360px;
}
.download:hover i, .open-game:hover i, .pay-game:hover i {
  opacity: 0;
}
.download:hover div, .open-game:hover div, .pay-game:hover div {
  -webkit-transform: translateX(-29px);
  transform: translateX(-29px);
}
.top-lnk {
  width: 96px;
  height: 86px;
  float: left;
}
.tlnk-icon {
  display: block;
  margin: 15px auto 0;
  width: 30px;
  height: 30px;
}
.tlnk-icon.tlnk-1 {
  background-position: -14px -161px;
}
.tlnk-icon.tlnk-2 {
  background-position: -106px -161px;
}
.tlnk-text p {
  margin-top: 4px;
  line-height: 1;
  font-size: 14px;
  color: #31333f;
  text-align: center;
}
.tlnk-text span {
  display: block;
  padding-left: 20px;
  width: 100%;
  line-height: 1;
  font-size: 12px;
  color: #af5d36;
  font-variant: small-caps;
  font-weight: normal;
}
.top-lnk:hover {
  background-color: rgba(255, 255, 255, .1);
}
.top-lnk:hover .tlnk-icon {
  opacity: 0;
}
.top-lnk:hover .tlnk-text {
  transform: translateY(-16px);
  -webkit-transform: translateY(-16px);
}
.btn-rp {
  width: 100%;
  height: 100%;
  background: url(../image/btn_rp.png) repeat;
  top: 0;
  left: 0;
  z-index: 8;
}
.fast-lnk-1 {
  height: 95px;
  border-bottom: 3px solid #d25d1e;
  background-color: #f2782f;
  width: 192px;
  display: block;
  overflow: hidden;
}
.fast-lnk-1:hover {
  background-color: #f6903c;
  border-bottom: 3px solid #e07628;
}
.flnk-icon-1 {
  width: 50px;
  height: 50px;
  display: block;
  margin: 10px auto 0;
  background-position: -100px -304px;
}
.flnk-text-1 {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #36313f;
  text-align: center;
  display: block;
}
.fast-lnk-1:hover .flnk-icon-1 {
  margin-top: -12px;
  opacity: 0;
}
.fast-lnk-1:hover .flnk-text-1 {
  font-weight: bold;
  color: #563028;
}
.fast-lnk {
  width: 192px;
  display: block;
}
.fast-lnk {
  height: 87px;
  background-image: url('../image/navbar_line.png');
  background-position: 0 -14px;
  text-align: center;
}
.fast-lnk.flnk-6 {
  height: 64px;
}
.fast-lnk.flnk-6:hover {
  background-image: url(../image/side_ecenter_active.png);
}
.fast-lnk.flnk-6 .flnk-icon {
  margin-top: 8px;
  opacity: 1;
}
.fast-lnk.flnk-6 .flnk-text p {
  margin-top: 20px;
  color: #36313f !important;
}
.fast-lnk.flnk-6 .flnk-text span {
  color: #433942 !important;
}
.flnk-icon {
  width: 50px;
  height: 50px;
  float: left;
  overflow: hidden;
  margin: 17px 0 0 28px;
  /*opacity: 0.5;*/
  filter: alpha(opacity=50);
  position: relative;
  z-index: 11;
}
.ficon-1 {
  background-position: 0 -304px;
}
.ficon-2 {
  background-position: -50px -304px;
}
.ficon-3 {
  background-position: -100px -304px;
}
.ficon-4 {
  background-position: -150px -304px;
}
.flnk-text {
  float: left;
  position: relative;
  z-index: 11;
  margin-left: 14px;
  text-align: left;
}
.fast-lnk .flnk-text p {
  margin-top: 29px;
  line-height: 1;
  font-size: 14px;
  color: #888a96;
}
.fast-lnk .flnk-text span {
  margin-top: 9px;
  line-height: 1;
  font-size: 12px;
  color: #676d81;
  font-variant: small-caps;
  font-weight: normal;
}
.flnk-text-sub {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  float: left;
  position: relative;
  z-index: 11;
}
.fast-lnk:hover, .fast-lnk.active {
  background: #2e7b8d;
  color: #a5f8ff;
}
.fast-lnk:hover .flnk-icon, .fast-lnk.active .flnk-icon {
  margin-left: 8px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.fast-lnk:hover .flnk-text, .fast-lnk.active .flnk-text {
  font-weight: bold;
  text-align: center;
}
.fast-lnk:hover .flnk-text p, .fast-lnk.active .flnk-text p {
  color: #fff;
}
.fast-lnk:hover .flnk-text span, .fast-lnk.active .flnk-text span {
  color: #82cadd;
}
.fast-lnk:hover .flnk-cover, .fast-lnk.active .flnk-cover {
  background: #2a7589;
  opacity: 1;
  filter: alpha(opacity=100)
}
.flnk-5{
    display: none;
}
.flnk-5:hover .flnk-text-sub {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
  font-weight: bold;
}
.flnk-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #d25d1e;
  left: 0;
  top: 0;
}
.ficon-5 {
  opacity: 1;
}
.flnk-5:hover .flnk-cover {
  opacity: 0;
}
.lside-lnks {
  width: 192px;
  overflow: hidden;
  background: url(../image/navbar_line.png);
}
.lside-lnks li {
  float: left;
  width: 94px;
  height: 100px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #383a48;
}
.lside-lnk {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lside-lnk:hover {
  background: #2e7b8d
}
.lside-lnk:hover .lside-icon {
  margin-top: -12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.lside-lnk:hover .llnk-name {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.lside-icon {
  width: 50px;
  height: 50px;
  margin: 13px auto 0;
  display: block;
  opacity: 0.5;
  filter: alpha(opacity=50)
}
.licon-1 {
  background-position: 0 -304px;
}
.licon-2 {
  background-position: -50px -304px;
}
.licon-3 {
  background-position: -100px -304px;
}
.licon-4 {
  background-position: -150px -304px;
}
.llnk-name {
  display: block;
  height: 26px;
  line-height: 26px;
  color: #888a96;
  font-size: 14px;
  text-align: center;
}
.coop-lnks {
  width: 159px;
  padding: 24px 0 0 27px;
  overflow: hidden
}
.coop-lnks li {
  float: left;
  width: 34px;
  height: 34px;
  margin: 0 19px 22px 0;
  display: inline;
}
.coop-lnk {
  display: block;
  width: 100%;
  height: 100%;
}
.cooplnk-bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #958980;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.cooplnk-icon {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50)
}
.coopicon-add {
  background-position: -170px -454px;
}
.coopicon-1 {
  background-position: 0 -454px;
}
.coopicon-2 {
  background-position: -34px -454px;
}
.coopicon-3 {
  background-position: -68px -454px;
}
.coopicon-4 {
  background-position: -102px -454px;
}
.coopicon-5 {
  background-position: -136px -454px;
}
.coopicon-6 {
  background-position: 0 -488px;
}
.coopicon-7 {
  background-position: -34px -488px;
}
.coopicon-8 {
  background-position: -68px -488px;
}
.coopicon-9 {
  background-position: -102px -488px;
}
.coop-lnk:hover .cooplnk-icon {
  opacity: 1;
  filter: alpha(opacity=100)
}
.coop-lnk:hover .cooplnk-bg {
  background: #4c6695;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotateY(180deg);
}
.coopmedia {
  margin: 0 auto;
  width: 180px;
  border: 3px solid #3d4050;
  height: 23px;
  line-height: 23px;
  color: #464853;
  font-family: '\5b8b\4f53', tahoma;
  text-indent: 21px;
}
.coop-list {
  width: 186px;
  border: 3px solid #3a3543;
  border-top: 0;
  background: #2e7b8d;
  top: 26px;
  left: -6px;
  display: none;
}
.coop-link {
  width: 180px;
  display: block;
  margin: 0 auto;
  color: #49bbd6;
  height: 29px;
  line-height: 29px;
  text-indent: 20px;
  border-bottom: 1px dashed #3891a6;
}
.coop-list li:last-child .coop-link {
  border: none;
}
.coop-link:hover {
  background: #266b7d;
  color: #affffa;
}
.arrow-icon {
  width: 11px;
  height: 6px;
  background-position: -192px 0;
  float: right;
  margin: 9px 7px 0 0;
  display: inline;
}
.coopmedia:hover .coop-list {
  display: block
}
.suggest-box {
  margin: 20px 0 0 25px;
  overflow: hidden;
  display: block;
}
.suggest-title {
  font-size: 16px;
  color: #c25521;
  height: 40px;
  line-height: 40px;
}
.suggest-text {
  line-height: 20px;
  color: #515565;
}
.suggest-text em {
  float: left;
  width: 35px;
  color: #8f97b4;
  height: 20px;
}
/*Main Content*/
.main {
  padding-top: 630px;
  position: relative;
  overflow: hidden;
}
/*Honor Link*/
.honor-link {
  width: 196px;
  height: 46px;
  right: 0;
  top: 0;
  background-position: 0 -552px;
  z-index: 10;
}
.honor-link:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
/*Grid System*/
.grid-main {
  width: 1226px;
  overflow: hidden;
  padding-left: 10px;
}
.grid-main.one {}
.grid-main-btm {
  margin-bottom: 60px; /* margin-right: 181px; */
}
.grid3x2 {
  width: 608px;
  height: 312px;
  float: left;
  margin: 0 0 10px 10px;
  display: inline;
  overflow: hidden;
}
.grid2x2 {
  width: 402px;
  height: 312px;
  float: left;
  margin: 0 0 10px 10px;
  display: inline;
  overflow: hidden;
}
.grid2x1 {
  width: 402px;
  height: 104px;
  float: left;
  margin: 0 0 10px 10px;
  display: inline;
  overflow: hidden;
}
.grid1x2 {
  width: 196px;
  height: 312px;
  float: left;
  margin: 0 0 10px 10px;
  display: inline;
  position: relative;
  overflow: hidden;
}
.grid5x2 {
  width: 1020px;
  height: 312px;
  float: left;
  padding: 0 0 10px 10px;
  display: inline;
  position: relative;
  overflow: hidden;
}
.grid6x2 {
  width: 1226px;
  height: 312px;
  float: left;
  margin: 0 0 10px 0;
  display: inline;
  position: relative;
  overflow: hidden;
}
.inner-grid {
  margin-left: 0;
}
.grid-video {
  margin-left: 0;
}
/*Content*/
/*Ad Slider*/
.sliders {
  overflow: hidden;
  margin-left: 0;
}
.sliders-hd {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100px;
  height: 30px;
}
.sliders-tab {
  width: 50px;
  height: 30px;
  float: left;
  background-color: #2a2a2a;
  color: #7b7b7b;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}
.sliders-tab:hover, .sliders-tab-on {
  background-color: #c35522;
  color: #ffbb85;
}
.act-slider {
  overflow: hidden;
  height: 100%;
}
.slider-pic {
  width: 400%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3; /*background:#fff;*/
}
.act-slider .slider-pic {
  width: 600%;
}
.pic-lnk {
  float: left;
  width: 100%;
  height: 100%;
  width: auto;
}
.act-slider .pic-lnk {
  background-size: cover;
}
.act-slider .title-wrap {
  padding: 15px 0 0 18px;
}
.act-slider .title-wrap .title {
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: 1px solid #433d4e;
  line-height: 55px;
  font-weight: bold;
  font-size: 40px;
  color: #e36623;
}
.act-slider .title-wrap .desc {
  margin-top: 15px;
  line-height: 1;
  font-size: 16px;
  color: #75798f;
  letter-spacing: 8px;
}
.act-slider .btn {
  top: 184px;
  left: 18px;
  display: inline-block;
  padding: 0 34px;
  border: 1px solid #b0bbe6;
  border-radius: 99px;
  line-height: 30px;
  font-size: 16px;
  color: #b0bbe6;
}
.act-slider .pic-lnk .btn:hover {
  background-color: #b0bbe6;
  color: #2e2b37;
}
.act-slider .pic-lnk .person {
  top: 0;
  right: 0;
  width: 267px;
}
.slider-switcher {
  height: 15px;
  bottom: 23px;
  left: 21px;
  z-index: 6;
}
.switcher-btn {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  box-sizing: border-box;
  margin: 2px 9px 0 0;
  float: left;
  display: inline;
  overflow: hidden;
  z-index: 7;
  cursor: pointer;
}
.switcher-on {
  width: 10px;
  height: 10px;
  background: #fff;
}
.act-slider .pic-lnk {
  width: 402px !important;
  cursor: pointer;
}
.act-slider .pic-lnk img {
  display: block;
  width: 100%;
}
.slider-switcher.grid-slider {
  height: 7px;
  bottom: 86px;
  left: auto;
  right: 12px;
}
.recommend .slider-switcher.grid-slider {
  bottom: 10px;
}
.grid-slider .switcher-btn {
  width: 7px;
  height: 7px;
  margin-right: 5px;
  margin-top: 0;
}
.grid-slider .switcher-on {
  width: 7px;
  height: 7px;
}
.commu-lnks .switcher-btn {
  background: #c3c2c7;
}
.commu-lnks .switcher-on {
  border: 1px solid #c3c2c7;
  background: none;
}
/*News Mod*/
/*.news {
  background: #fff;
}*/
.news-tab {
  padding: 0 13px;
  box-sizing: border-box;
  height: 56px;
  background: #fff;
  width: 100%;
  overflow: hidden;
}
.tab-list {
  margin: 3px auto 0;
  width: 366px;
  height: 49px;
  border-bottom: 1px solid #ebebeb;
}
.tab-list li {
  position: relative;
  float: left;
  margin-right: 4px;
  width: 51px;
  height: 50px;
}
.tab-list .tab-more {
  width: 24px;
  float: right;
}
.tab-lnk {
  width: 50px;
  color: #3f3d3d;
  text-align: center;
  font-size: 16px;
  line-height: 48px;
  display: inline-block;
  font-weight: bold;
}
.tab-link:hover, .tlink-on,.mt-tabpage-item-cur {
  color: #e36623 !important;
  border-bottom: 2px solid #e36623;
}
.more-link {
  margin: 13px auto 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 6px; /* border:1px solid #dfe0e1; */ -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  background-position: -117px -523px;
}
.tab-list li .dot {
  top: 7px;
  right: 3px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #ff0000;
  border-radius: 99px;
}
.news-con {
  width: 376px;
  margin: 12px auto; /* overflow: hidden; */ /*display: none;*/
}
.news-con-hid {
  height: 178px;
  padding-top: 10px;
}
.news-date {
  float: right;
}
.news-list {
  /*width: 100%;*/
  /*box-sizing: border-box;*/ /* font-family:'\5b8b\4f53'; */ /*padding-right: 6px;*/
}
.news-list li {
  float: left;
  width: 100%;
}
.news-lnk {
  line-height: 26px;
  display: block;
  color: #4d4c4c;
  white-space: nowrap;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  width: 100%;
  font-size: 14px;
  text-overflow: ellipsis;
}
.news-hot .news-lnk, .item-0 .news-lnk {
  margin-top: -6px;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #e36623;
  text-align: center;
}
.item-0 .news-lnk span {
  display: none;
}
.strategy-news .tab-list {
  width: 100%;
}
.strategy-news .tab-list li {
  width: auto;
}
.strategy-news .tab-list li .tab-lnk {
  width: 95px;
}
.strategy-news .news-con {
  padding: 0 13px;
  box-sizing: border-box;
  width: 100%;
}
/* activity */
.activity {
  background-color: #fff;
      border-top: 5px solid #f2782f;
}
.activity:hover {
  box-shadow: 0 0 5px rgba(8, 25, 32, 0.2);
}
.activity a {
  /*display: block;*/
  max-width: 100%;
}
.activity-img {
  padding: 2px;
  width: 192px;
  height: 236px;
  overflow: hidden;
}
.activity-img img {
  display: block;
  width: 100%;
}
.activity .title {
  margin: 15px 18px 0;
  line-height: 1;
  font-size: 16px;
  color: #2e2a36;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activity .desc {
  margin: 10px 18px 0;
  line-height: 1;
  font-size: 12px;
  color: #9c9b9e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activity .label {
  position: absolute;
  display: inline-block;
  top: 227px;
  left: 12px;
  padding: 0 10px;
  height: 20px;
  border-radius: 99px;
  background-color: #e4712c;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
}
.activity.strategy, .activity.lzq {
  margin-left: 0;
}
.activity .label-name {
  display: block;
  margin: 15px auto 0;
  width: 169px;
  height: 39px;
  border: 1px solid #6b6c76;
  border-radius: 4px;
  line-height: 39px;
  font-weight: bold;
  font-size: 18px;
  color: #31333f;
  text-align: center;
}
.activity:hover .label-name {
  background-color: #e4712c;
  border-color: transparent;
  color: #fff;
}
.hd-slider {
  width: 196px;
  height: 312px;
}
.hd2-slider {
  width: 402px;
  height: 104px;
}
.ac-xf {
  display: none;
}
/* ecenter */
.ecenter {
  margin-left: 0;
}
.ecenter .pic-lnk {
  display: block;
  padding: 18px 0 0 18px;
  /*box-sizing: border-box;*/
  width: 402px;
  height: 104px;
  background: url(../image/ecenter.jpg);
}
.ecenter .pic-lnk .title {
  line-height: 1;
  font-weight: bold;
  letter-spacing: 4px;
  font-size: 22px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ecenter .pic-lnk .desc {
  margin-top: 8px;
  line-height: 1;
  font-size: 14px;
  color: #f2c1ac;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pic-lnk .btn {
  display: inline-block;
  margin-top: 9px;
  padding: 0 12px;
  border: 1px solid #fff;
  border-radius: 99px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
}
.recommend .pic-lnk .btn {
  margin-left: 18px;
}
.pic-lnk .btn:hover {
  background-color: #fff;
  color: #e4712c;
}
.pic-lnk .person {
  right: 18px;
  bottom: 18px;
  width: 129px;
  height: 98px;
}
/* recommend */
.recommend {}
.recommend .recommend-wrap {
  display: block;
  width: 402px;
  height: 100%;
  background-size: cover;
  overflow: hidden;
  background: url(../image/tj_bg_1.jpg);
}
/*.recommend-wrap::before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #2f2b39, transparent);
  background: -webkit-linear-gradient(left, right, #2f2b39, transparent);
  background: -moz-linear-gradient(left, right, #2f2b39, transparent);
  background: -o-linear-gradient(left, right, #2f2b39, transparent);
  background: -ms-linear-gradient(left, right, #2f2b39, transparent);
  pointer-events: none;
}*/
.recommend .label {
  position: absolute;
  display: inline-block;
  z-index: 3;
  top: 3px;
  left: 0;
  padding: 0 9px 0 4px;
  width: auto;
  height: 18px;
  line-height: 18px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  background-color: #e4712c;
  font-size: 12px;
  color: #fff;
}
.recommend .title {
  position: relative;
  z-index: 3;
  margin: 36px 0 0 18px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 4px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend .desc {
  position: relative;
  z-index: 3;
  margin: 8px 0 0 18px;
  line-height: 1;
  font-size: 14px;
  color: #acacaf;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend .person {
  display: block;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 133px;
}
/* notice */
.notice-container {
  margin: 0 0 10px 10px;
  width: 1226px;
  height: 76px;
  background-color: #cfced1;
  text-align: center;
  font-size: 0;
}
.notice-container a.notice-link {
  display: block;
  width: 100%;
  height: 100%;
}
.notice-container .person {
  display: inline-block;
  width: 94px;
}
.notice-container .desc {
  display: inline-block;
  margin-left: 28px;
  font-weight: lighter;
  line-height: 76px;
  font-size: 26px;
  color: #666;
}
.notice-container .btn {
  display: inline-block;
  margin: 28px 0 0 15px;
  width: 23px;
  height: 23px;
  background-position: -133px -660px;
  vertical-align: top;
}
.notice-container .close {
  display: block;
  top: 28px;
  right: 32px;
  width: 23px;
  height: 24px;
  background-position: -161px -660px;
  cursor: pointer;
}
/*Version*/
.version {}
.version-lnks {
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.version-lnk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
.version-lnk-on {
  z-index: 4;
  display: block;
}
.version-tabs {
  left: 0;
  top: 0;
  height: 38px;
  width: 100%;
  color: #31333f;
  font-size: 13px;
  line-height: 38px;
  z-index: 5;
  overflow: hidden;
  padding: 0 2px;
}
.version-tabs span {
  float: left;
  font-size: 12px;
  color: #c7c6c8;
}
.version-tab {
  float: left;
  height: 38px;
  cursor: pointer;
  width: 44px;
  text-align: center;
}
.version-tab-last {
  width: 48px;
}
.version-tab:hover, .version-tab-on {
  color: #c25521;
}
.grid-tip {
  left: 0;
  top: 0;
  background: #327e92;
  color: #8de5eb;
  height: 26px;
  line-height: 26px;
  padding: 0 4px;
  z-index: 5;
}
/*  */
/*Guide & News*/
.grid-title {
  height: 50px;
  overflow: hidden;
}
.search-field {
  float: right;
  width: 390px;
  height: 29px;
  margin-top: 15px;
}
.input-submit {
  cursor: pointer;
  background-position: -139px -522px;
  width: 65px;
  height: 29px;
  float: right;
  border: 0;
}
.search-input {
  float: right;
  background: #fff;
  border: 1px solid #e3e6ed;
  width: 311px;
  line-height: 27px;
  height: 27px;
  text-indent: 10px;
  margin-right: 8px;
  display: inline;
}
.title-left {
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #31333f;
}
.title-left:hover {
  color: #c25521;
}
.icons {
  float: left;
  width: 22px;
  height: 22px;
  margin: 13px 2px 0 0;
  display: inline;
}
.icon-new {
  background-position: 0 -522px;
}
.icon-sns {
  background-position: -22px -522px;
}
.icon-ver {
  margin-right: 16px;
  background-position: -21px -522px;
}
.ctitle-en {
  font-size: 12px;
  font-variant: small-caps;
  color: #bcbcbd;
  padding-left: 5px;
  font-weight: normal;
}
.grid-full {
  overflow: hidden;
  margin-bottom: 16px;
}
.guide-box {
  border: 1px solid #e3e6ed;
  height: 302px;
  background: #f8f8f8;
  float: left;
}
.gbox-on {
  background: #fff;
}
.guide-pic {
  float: left;
  width: 125px;
  height: 302px;
  overflow: hidden;
  position: relative;
  cursor: pointer
}
.guide-pic-img {
  position: absolute;
  left: 50%;
  margin-left: -62px;
  top: 0;
}
.gpic-cover {
  width: 100%;
  height: 64px;
  top: 21px;
  left: 0;
  background: #f8f8f8;
  opacity: 0.6;
  filter: alpha(opacity=60)
}
.gbox-on .gpic-cover {
  display: none;
}
.guide-pic:hover {
  background: #fff;
}
.guide-pic:hover .gpic-cover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.guide-content {
  float: left;
  padding: 20px 0 20px 23px;
  overflow: hidden;
  display: none;
}
.guide-content .news-list {
  width: 379px;
  height: 156px;
}
.guide-pics {
  height: 96px;
  overflow: hidden;
  margin-top: 10px;
}
.guide-pics li {
  float: left;
  margin-right: 8px;
  display: inline;
}
.guide-pics .nobord {
  margin: 0;
}
.guide-lnk {
  display: block;
  width: 184px;
  height: 96px;
}
/*Community*/
.commu-lnks {
  border: 1px solid #e3e6ed;
  width: 190px;
  height: 302px;
  background: #fff; /* height: 136px; */ /* overflow: hidden; */
}
.commu-lnk {
  width: 100%;
  display: block;
  overflow: hidden;
}
.commu-lnk:hover .commu-btn {
  background: #c25521;
  border: 1px solid #d48864;
  color: #fff;
}
.commulnk-pic {
  display: block;
}
.commu-name {
  height: 50px;
  padding-left: 15px;
  line-height: 50px;
  font-family: '\5b8b\4f53';
  color: #b6b7b7;
}
.commu-btn {
  height: 36px;
  line-height: 36px;
  margin-left: 15px;
  display: block;
  border: 1px solid #ced0d5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 158px;
  text-align: center;
  font-size: 13px;
  color: #36313f;
}


.prev-box {
  position: absolute;
  top: 36px;
  left: 0;
  width: 98px;
  height: 225px;
  border-left: 1px solid #31333f;
  border-right: 1px solid #31333f;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.next-box {
  position: absolute;
  top: 36px;
  right: 10px;
  width: 98px;
  height: 225px;
  border-left: 1px solid #31333f;
  border-right: 1px solid #31333f;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.prev-box:hover, .next-box:hover {
  border-color: #e4712c;
}
.career-name-cn {
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -14px;
  width: 28px;
  font-size: 18px;
  color: #31333f;
  text-align: center;
  line-height: 1.2;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.career-name-cn.on {
  -webkit-animation: slideBot .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;
  animation: slideBot .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;
}
.career-name-en {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -7px;
  width: 14px;
  font-size: 12px;
  color: #31333f;
  word-break: break-all;
  text-align: center;
  line-height: 1;
  letter-spacing: 3px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.career-name-en.on {
  -webkit-animation: slideTop .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;
  animation: slideTop .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;
}
.prev-box:hover .career-name-cn, .next-box:hover .career-name-cn, .prev-box:hover .career-name-en, .next-box:hover .career-name-en {
  color: #e4712c;
}
.prev-next-icon {
  position: absolute;
  top: 50%;
  margin-top: -27px;
  width: 52px;
  height: 52px;
  background: #eee;
  border: 1px solid #31333f;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.prev-box:hover .prev-next-icon, .next-box:hover .prev-next-icon {
  border-color: #e4712c;
  background: #e4712c;
}
.prev-box:hover .prev-next-icon i, .next-box:hover .prev-next-icon i {
  background: #fff;
}
.prev-box:hover .prev-next-icon em, .next-box:hover .prev-next-icon em {
  border-bottom-color: #fff;
}
.prev-icon {
  right: -27px;
}
.next-icon {
  left: -27px;
}
.prev-next-icon i {
  position: absolute;
  top: 50%;
  margin-top: 0;
  width: 30px;
  height: 1px;
  background: #31333f;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.prev-icon i {
  left: 12px;
}
.next-icon i {
  left: 12px;
}
.prev-next-icon em {
  position: absolute;
  top: 24px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: none;
  border-bottom: 4px solid #31333f;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.prev-icon em {
  left: 6px;
  transform: rotate(-90deg);
}
.next-icon em {
  right: 6px;
  transform: rotate(-270deg);
}
@media screen and (max-width: 1460px) {}
@-webkit-keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(300px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes slideTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes slideTop {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slideBot {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes slideBot {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*视频弹窗*/
.popup {
  width: 800px;
  height: 450px;
  background: #000;
}
.pop-v {
  width: 800px;
  height: 450px;
}
.close-btn {
  position: absolute;
  top: 0;
  right: -50px;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .8);
  font-size: 48px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
/* career++ */
/*Footer*/
.footer {
  width: 100%;
  background: #20222c;
  height: 128px;
  padding: 20px 0;
}
.footer-main {
  width: 1000px;
  margin-left: 204px;
  overflow: hidden;
}
.foot-logo {
  float: left;
  width: 315px;
  height: 85px;
  margin-top: 10px;
}
.license a {
  color: #4c4c4c;
}
.foot_dark {
  background-color: #000000;
}
.foot_cpright {
  width: 1040px;
  margin: 0 auto;
  padding: 30px 20px !important;
  color: #a5a5a5 !important;
}
.foot_cpright a {
  color: #a5a5a5 !important;
}
.foot_lefts {
    float: left;
    display: inline;
}
.foot_ieg_logo {
    float: left;
    width: 300px;
    height: 35px;
    text-indent: -999em;
    overflow: hidden;
    margin: 10px 0 0 10px;
    background: url("../image/foot-dark.png");
}
.foot_cpright .foot_lefts a {
  margin-top: 32px !important;
}
.foot_links {
    display: inline;
    float: right;
    width: 682px;
    list-style: none;
  line-height: 22px;
}
.guide-box {
  width: 542px;
  margin-right: 14px;
}
.grid-content {
  overflow: hidden;
  float: none;
}
.guide-pics li {
  width: 50% !important;
  margin-right: 0;
}
.guide-content .news-list {
  width: auto;
}
.guide-slide {
  float: left;
  width: 542px;
  height: 302px;
  margin-right: 14px;
  border: 1px solid #e3e6ed;
  overflow: hidden
}
.guide-slide .slider-pic {
  width: 500%
}
.guide-slide .slider-pic img {
  width: 542px !important
}
.guide-slide .slider-switcher {
  width: 100%;
  height: 34px;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.guide-slide .switcher-btn {
  width: 20%;
  text-align: center;
  color: #545758;
  margin: 0;
  border: 0;
  height: 34px;
  line-height: 34px;
  border-radius: 0;
  position: relative;
  z-index: 1;
}
.guide-slide .switcher-on {
  background-color: #d03600;
  color: #fff;
}
.guide-slide .switcher-on:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -24px;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-color: transparent transparent #d03600 transparent;
  border-style: solid;
  border-width: 12px 9px;
}
.guide-videoshow {
  float: left;
  width: 323px;
  height: 304px;
  background: url(/static/2022/css/static/images/lb-video.jpg) no-repeat;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.guide-videoshow .video-play {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin: -27px 0 0 -27px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(208, 54, 0, 0.8);
}
.guide-videoshow .video-play:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 14px 21px;
  width: 0;
  height: 0;
  margin: -14px 0 0 -7px;
}
.grid-lzq {
  float: left;
  width: 100%;
  height: 312px;
}
.grid-lzq .news-tab {
  background-color: transparent;
  height: 50px;
  /*border-bottom: 1px solid #e2e2e2;*/
}
.grid-lzq .tab-list {
  width: 100%;
  margin: 0 auto;
}
.grid-lzq .tab-list li {
  width: 100px;
}
.grid-lzq .tab-list li.tab-more {
  width: auto;
}
/*.grid-lzq .tab-lnk {
  line-height: 43px;
  font-weight: normal;
}*/
.grid-lzq .tab-lnk.tab-lnk-on {
  border-bottom: 2px solid #e36623;
}
.grid-lzq .news-con {
  width: calc(100% + 10px);
  height: 249px;
  /*padding: 17px 13px 0;*/
}
.grid-lzq .item {
  float: left;
  width: 50%;
  line-height: 20px;
}
.grid-lzq .item a {
  display: block;
  color: #545758;
  padding-right: 100px;
  overflow: hidden;
}
.grid-lzq .item .cont {
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.grid-lzq .item .date {
  float: right;
  margin: 0 -80px 0 0;
}
.grid-lzq .grid-content {
  overflow: initial;
}
.grid-lzq .new-item {
  position: relative;
  margin: 0 10px 11px 0;
  float: left;
  width: 231px;
  height: 249px;
  background-color: #fff;
}
.grid-lzq .new-item:last-child {
  margin-right: 0;
}
.grid-lzq .new-item:hover {
  box-shadow: 0 0 5px rgba(8, 25, 32, 0.2);
}
.grid-lzq .new-item .new-link {
  display: block;
  width: 100%;
  height: 100%;
}
.grid-lzq .new-item .new-img {
  margin: 2px;
  width: 100%;
  height: 181px;
  overflow: hidden;
}
.grid-lzq .new-item .new-img img {
  display: block;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  width: 100%;
  height: 100%;
}
.grid-lzq .new-item .flag-detail {
  display: block;
  top: 172px;
  left: 10px;
  padding-left: 10px;
  width: 61px;
  height: 24px;
  background-position: -132px -690px;
  line-height: 20px;
  font-size: 12px;
  color: #5c5c5c;
}
.grid-lzq .new-item:hover .flag-detail {
  background-position: -132px -715px;
  color: #fff;
}
.grid-lzq .new-item:hover .new-img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.grid-lzq .new-item .flag-play {
  display: block;
  top: 172px;
  left: 72px;
  width: 36px;
  height: 26px;
  background-position: -132px -721px;
}
.grid-lzq .new-item .title {
  margin: 16px 12px 0;
  display: block;
  line-height: 1;
  font-size: 14px;
  color: #5c5c5c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-lzq .new-item .desc {
  margin: 8px 12px 0;
  display: block;
  line-height: 1;
  font-size: 12px;
  color: #cacaca;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*foot*/
#footer {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #000;
  color: #FDFDFD;
  overflow: hidden;
}
.foot_logo {
  width: 325px;
  float: left;
  margin-left: 0.20px;
}
.foot_logo a {
  display: block;
  width: 325px;
  height: 40px;
  text-indent: -9999px;
  background: url(../image/foot-dark.png) no-repeat;
  margin-top: 50px;
}
.copyright {
  width: 480px;
  float: left;
  padding-top: 15px;
  padding-left: 20px;
}
.copyright span {
  width: 100%;
  height: 33px;
  float: left;
}
.copyright p {
  width: 100%;
  line-height: 22px;
  float: left;
  margin: 0;
  font-size: 14px;
  color: #b28b63;
}
.service {
  width: 280px;
  padding-top: 15px;
  margin-right: 20px;
}
.service span {
  width: 280px;
  height: 33px;
  float: left;
}
.service p {
  width: 280px;
  line-height: 24px;
  float: left;
  margin: 0;
  font-size: 14px;
  color: #b28b63;
}
.bannerblock {
  margin-right: -14px;
}
.bannerblock a {
  float: left;
  width: 30%;
  margin-right: 3%;
  height: 132px;
  overflow: hidden;
}
.bannerblock a img {
  display: block;
  vertical-align: middle;
}
.tab-lnk-on {
  color: #e36623;
}
.linkblock {
  height: 304px;
  float: left;
  margin-right: 14px;
}
.linkblock a {
  display: block;
  height: 100%
}
.linkblock-1 {
  width: 276px;
  background: url(/static/2022/css/static/images/lb-brand.jpg) no-repeat;
}
.linkblock-2 {
  width: 254px;
}
.linkblock-2 a {
  display: block;
  height: 48px;
  line-height: 24px;
  color: #fff;
  padding: 28px 20px 16px 20px;
  margin-bottom: 14px;
  background: url(/static/2022/css/static/images/lb-brand-parts.jpg) no-repeat;
}
.linkblock-2 .read {
  background-position: 0 0;
}
.linkblock-2 .animation {
  background-position: 0 -92px;
}
.linkblock-2 .cartoon {
  background-position: 0 -184px;
  margin-bottom: 0;
}
.linkblock-2 .hd {
  font-family: Didot;
  font-size: 18px;
}
.linkblock-2 .des {
  display: inline-block;
  font-size: 14px;
  background-color: #bc3e01;
  padding: 0 14px;
}
.linkblock-2 .cartoon .des {
  background-color: #e7a61b
}
.linkblock-3 {
  width: 323px;
  margin-right: 0;
  background: url(/static/2022/css/static/images/lb-lzq.jpg) no-repeat;
}
@media screen and (max-width:1840px) {
  .grid-full {
    padding-right: 560px;
    overflow: hidden;
  }
  .grid-news {
    float: left;
    width: 100%;
  }
  .grid-pics {
    margin: 0 -560px 0 0;
    float: right;
  }
  .grid-show {
    display: none;
  }
  .linkblock-2 {
    margin-right: 0;
  }
}
/*For Media Queries*/
@media screen and (min-width: 1920px) {
  .lside-bg {
    margin-left: calc((100% - 1920px) / 2 + 240px);
  }
  .banner-content {
    margin-left: calc((100% - 1920px) / 2);
  }
  .banner-container .slider-switcher {
    padding-left: calc((100% - 1920px) / 2 + 440px);
  }
  .banner-container .switcher-btn {
    min-width: 245px;
  }
}
@media screen and (max-width: 1840px) {
  .banner-content {
    margin-left: -159px;
    width: 1018px;
  }
  .banner-container .slider-switcher {
    padding-left: 282px;
  }
  .banner-container .switcher-btn {
    min-width: 245px;
  }
  .lside-bg {
    margin-left: 80px;
  }
  .grid-main {
    width: 1232px;
  }
  .guide-pic {
    width: 98px;
  }
  .version-box {
    width: 1232px;
  }
  .inner-grid {
    margin-left: 0;
  }
  .commu-video {
    display: none;
  }
}
@media screen and (max-width: 1620px) {
  .banner-content {
    margin-left: -190px;
    width: 1018px;
  }
  .banner-container .slider-switcher {
    padding-left: 252px;
  }
  .banner-container .switcher-btn {
    min-width: 245px;
  }
  .lside-bg {
    margin-left: 50px;
  }
  .grid-main {
    width: 1232px;
  }
  .version-box {
    width: 1232px;
  }
  .foot_cpright {
    margin-left: 320px;
  }
  .commu-video {
    display: none;
  }
}
@media screen and (max-width: 1460px) {
  .banner-content {
    margin-left: -179px;
    width: 1018px;
  }
  .banner-container .slider-switcher {
    padding-left: 262px;
  }
  .banner-container .switcher-btn {
    min-width: 202px;
  }
  .lside-bg {
    margin-left: 60px;
  }
  .grid-main {
    width: 1029px;
  }
  .ac-2, .ac-4 {
    display: none;
  }
  .recommend.re-2 {
    width: 196px;
  }
  .recommend.re-2 .recommend-wrap {
    width: 192px;
  }
  .notice-container {
    width: 1018px;
  }
  .grid5x2 {
    width: 822px;
  }
  .guide-pic {
    width: 73px;
  }
  .version-box {
    width: 1029px;
  }
  .foot_cpright {
    margin-left: 175px;
  }
  .community {
    margin-left: 0;
  }
  .commu-video {
    display: block;
  }
  .grid-video {
    display: none;
  }
  .weapon {
    margin-left: 0;
  }
  
  /* career-- */
}
@media screen and (max-width: 1386px) {
  .banner-content {
    margin-left: -220px;
    width: 1018px;
  }
  .banner-container .slider-switcher {
    padding-left: 220px;
  }
  .banner-container .switcher-btn {
    min-width: 202px;
  }
  .lside-bg {
    margin-left: 20px;
  }
  .grid-main {
    width: 1029px;
  }
  .ac-2, .ac-4 {
    display: none;
  }
  .recommend.re-2 {
    width: 196px;
  }
  .recommend.re-2 .recommend-wrap {
    width: 192px;
  }
  .guide-pic {
    width: 73px;
  }
  .version-box {
    width: 1029px;
  }
  .foot_cpright {
    margin-left: 120px;
  }
  .community {
    margin-left: 0;
  }
  .commu-video {
    display: block;
  }
  .grid-video {
    display: none;
  }
  .weapon {
    margin-left: 0;
  }
}
@media screen and (max-width: 1300px) {
  .lside-bg {
    margin-left: 20px;
  }
  .grid-main {
    width: 1029px;
  }
  .ac-2, .ac-4 {
    display: none;
  }
  .guide-pic {
    width: 73px;
  }
  .version-box {
    width: 1029px;
  }
  .foot_cpright {
    margin-left: 204px;
  }
  .hz-plank .hz-item {
    margin: 0px 22px;
  }
}
@media screen and (max-width: 1044px) {
  .banner-container {
    min-width: 158px;
  }
  .banner-container .slider-switcher {
    padding-left: 202px;
  }
  .lside-bg {
    margin-left: 0px;
  }
  .grid-main {
    width: 814px;
  }
  .ac-1, .ac-2, .re-2, .ac-3, .ac-4 {
    display: none;
  }
  .ac-xf {
    display: block;
  }
  .notice-container {
    width: 814px;
  }
  .strategy-news {
    width: 402px;
  }
  .guide-pic {
    width: 73px;
  }
  .grid5x2 {
    width: 608px;
  }
  .version-box {
    width: 814px;
  }
  .hz-plank .hz-item {
    margin: 0 20px;
  }
  .foot_cpright {
    margin-left: 204px;
  }
}
.pic-lnk.active .main-slogan, .pic-lnk.active .title-wrap {
  -webkit-animation: 1s .2s cubic-bezier(.22, .4, .5, .96) both moveUp;
  animation: 1s .2s cubic-bezier(.22, .4, .5, .96) both moveUp;
}
.pic-lnk.active .new-nav2, .pic-lnk.active .btn {
  -webkit-animation: 1s .3s cubic-bezier(.22, .4, .5, .96) both moveUp;
  animation: 1s .3s cubic-bezier(.22, .4, .5, .96) both moveUp;
}
@keyframes moveUp {
  0%, 20% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.recommend .pic-lnk.active .title, .recommend .pic-lnk.active .desc {
  -webkit-animation: 1s .2s cubic-bezier(.22, .4, .5, .96) both moveUp2;
  animation: 1s .2s cubic-bezier(.22, .4, .5, .96) both moveUp2;
}
@keyframes moveUp2 {
  0%, 20% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.pic-lnk.active .person {
  -webkit-animation: 1s .6s cubic-bezier(.22, .4, .5, .96) both moveLeft;
  animation: 1s .6s cubic-bezier(.22, .4, .5, .96) both moveLeft;
}
@keyframes moveLeft {
  0%, 20% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/*new*/
#girl{
  position: absolute;
  right: 0px;
  z-index: 9999;
  width: 238px;
  top: 750px;
}
@media screen and (max-width: 1750px) { 
#girl{
  display:none;
}
}
#flt-bottom {
  background: url(../image/xjj-1.png);
  width: 238px;
  height: 768px;
}
#flt-bottom:hover {
  background: url(../image/xjj-2.png);
  -webkit-transition: all 1s linear;
  cursor:pointer;
}
.mt-tabpage-count {
	position: relative;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.tab1{margin: 12px 13px;height: 230px;	overflow: hidden;}
.tabc1{width: 376px;height: 250px;}
.tab2{margin: 12px 13px;height: 230px;	overflow: hidden;}
.tabc2{width: 1212px;height: 250px;}
.tab3{margin: 12px 13px; width: 370px!important; height: 230px;	overflow: hidden;}
.tabc3{width: 372px;height: 250px;}

/*zhiye*/
.zhiye{
  background:#FFF url(../image/zhiye.png) no-repeat right bottom;
}
.renwu .news-con{
  margin: 0 auto;
}
.grid3x2 .tab-list div a{
  padding: 0 8px;
}
.grid6x2 .tab-list div a{
  width: 95px;
}
.r6_1 {
  width: 65px;
  float: left;
  margin: 15px 10px 0 10px;
  line-height: 30px;
  text-align: center;
}
.r6_1 img {
  padding-bottom: 5px;
}
.r6_1 a:hover, .r7_1 a:hover, .r7_2 a:hover {
  color: #e36623;
}
.r7 {
  width: 135px;
  float: left;
  display: inline;
  text-align: center;
  margin: 0 5px;
}
.r7_1 {
  width: 120px;
  border: 1px solid #6b6c76;
  border-radius: 15px;
  line-height: 29px;
  text-align: center;
  margin: 8px auto 5px;
}
.r7_2 {
  width: 135px;
  float: left;
  font-family: "宋体";
  font-size: 12px;
  line-height: 25px;
  color: #221b18;
  text-decoration: none;
}

.r8_1{    width: 99%;
border: 1px solid #6b6c76;
border-radius: 15px;
line-height: 22px;
text-align: center;
margin: 7px auto 3px;}
.r8_2 {
overflow: hidden;
width: 95%;
margin: 0 auto;
font-size: 13px;
}
.r8_2 dl{
width: 100%;
overflow: hidden;
line-height: 24px;
border-bottom: 1px solid #f5f5f5;
text-align: center;
}
.r8_2 dt,.r8_2 dd{
float:left;
width: 20%;
}
.r8_2 dt{
/*font-family: "宋体";*/
color: #f2782f;
text-align: left;
padding-left: 5%;

width: 15%;
}
.r8_2 dt:after{
content:"→";
padding-right: 5%;
float: right;
}
.r8_2 dd{
float:left;
}
.icp a{
    color: #333;
}

/*焦点图*/
.focus{ position:relative; width:402px; height:312px; background-color: #FFF; float: left;}  
.focus img{ width: 402px; height: 312px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#e4722b;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 30px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:5px; right:5px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#e4722b;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:30px;height:64px;background: url(../image/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:-5px -5px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-45px -5px;  cursor:pointer;}  
.focus .prev:hover{  background-position:-5px -79px; }  
.focus .next:hover{  background-position:-45px -79px;}