/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：Js.AdminBuy.Cn */
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  outline: medium none;
}
li {
  list-style: none;
}
html {
  float: left;
  width: 100%;
}
body {
  float: left;
  position: relative;
  width: 100%;
  font-size: 12px;
  font-family: "微软雅黑";
  line-height: 24px;
  color: #323232;
  -webkit-text-size-adjust: none;
}
#page {
  float: left;
  position: relative;
  width: 100%;
}
#goback {
  float: right;
  display: block;
  width: 60px;
  height: 36px;
  color: #4b83d0;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
}
#goback:hover {
  background: #4b83d0;
  color: #fff;
}
img {
  outline: none;
}
#headerBox2 {
  background: #fff;
  position: fixed;
  border-color: #333;
  top: -80px;
  z-index: 11;
}
#headerBox2 a {
  color: #333;
}
#headerBox2 .line {
  background: #333;
}
.headerBox {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 79px;
  border-bottom: #fff solid 1px;
  z-index: 20;
}
.headerBox .header {
  position: relative;
  margin: 0 auto;
  width: 1140px;
  height: 100%;
}
.headerBox .logo {
  float: left;
  margin-top: 17px;
  outline: medium none;
  img {
    width: 380px;
  }
}

@media screen and (max-width: 960px) {
  .headerBox .logo {
    img {
      width: 150px;
      margin-top: 20px;
    }
  }
}

.headerBox .nav {
  float: right;
  line-height: 79px;
}
.headerBox .nav li {
  float: left;
  height: 79px;
  overflow: hidden;
  width: auto;
  padding: 0 20px;
  background: url(../images/bg_nava.png) right center no-repeat;
  text-align: center;
}
.headerBox .nav li.lastli {
  background: none;
}
.headerBox .nav li a {
  margin-top: -79px;
  display: block;
  color: #fff;
  font-size: 16px;
  height: 158px;
}
.headerBox .line {
  position: absolute;
  top: 77px;
  left: 344px;
  width: 32px;
  height: 2px;
  background: #fff;
}
#footerBox {
  float: left;
  width: 100%;
  background: #eeeeee;
  margin-top: 20px;
  z-index: 21;
}
#footerBox .copy {
  clear: both;
  line-height: 34px;
  text-align: center;
  color: #999999;
  background: #222222;
  font-size: 12px;
}
#footerBox .copy a {
  color: #999;
}
#footerBox .copy a:hover {
  color: #fff;
}
#footerBox .footermap {
  margin: 0 auto;
  padding: 16px 0 10px 0;
  width: 1140px;
  overflow: hidden;
}
#footerBox .footermap ul {
  float: left;
  width: 22.5%;
}
#footerBox .footermap ul.column5 {
  width: 85px;
}
#footerBox .footermap ul h1 {
  width: 85px;
  background: url(../images/bg_footermaph.jpg) repeat-x left bottom;
}
#footerBox .footermap ul h1 a {
  color: #666;
  font-size: 12px;
}
#footerBox .footermap ul li a {
  color: #999999;
  font-size: 12px;
}
#footerBox .footermap ul a:hover {
  text-decoration: underline;
}
.footerbox {
  position: absolute;
  bottom: 0px;
  height: 0px;
  z-index: 1000;
}
.footerhover {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  cursor: pointer;
}
#bannerin {
  position: relative;
  float: left;
  width: 100%;
  height: 439px;
  overflow: hidden;
}
#bannerin img {
  /*position: absolute;*/
  /*top: 0px;*/
  /*left: 50%;*/
  /*margin-left: -960px;*/
  width: 100%;
}
#bannerin a.wfEditorMode {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 1;
}
#bannerin .text {
  position: absolute;
  top: 240px;
  left: 50%;
  margin-left: -480px;
  width: 1140px;
}
#bannerin .text h1 {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
}
#bannerin .text .line {
  margin: 10px 0 3px 0;
  width: 245px;
  height: 1px;
  background: #fff;
}
#bannerin .text .line1 {
  width: 285px;
}
#bannerin .text p {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
#breadcrumbs {
  float: left;
  margin-bottom: 55px;
  width: 100%;
  height: 53px;
  border-bottom: #333333 1px solid;
}
#breadcrumbs ul {
  margin: 0 auto;
  position: relative;
  width: 1140px;
  padding-top: 20px;
  height: 34px;
}
#breadcrumbs ul li {
  float: left;
}
#breadcrumbs ul li.lastli {
  border-right: #333333 1px solid;
}
#breadcrumbs ul li a {
  display: block;
  padding: 0 9px;
  height: 14px;
  border-left: #333333 1px solid;
  font-size: 14px;
  line-height: 14px;
  color: #323232;
}
#breadcrumbs ul .iconbread {
  position: absolute;
  bottom: -7px;
  width: 18px;
  height: 8px;
  background: url(../images/icon_breadcrumb.png);
}
.pageBox {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.yiiPager {
  float: right;
}
.yiiPager .first,
.yiiPager .last {
  display: none;
}
.yiiPager li {
  float: left;
}
.yiiPager .previous,
.yiiPager .next {
  margin-left: 6px;
  width: 60px;
  height: 25px;
  background: url(../images/bg_pagebt1.png);
  text-align: center;
}
.yiiPager .previous a,
.yiiPager .next a {
  font-size: 11px;
  color: #fff;
}
.yiiPager .previous:hover,
.yiiPager .next:hover {
  background: url(../images/bg_pagebt1.png) bottom left;
}
.yiiPager .page a {
  margin-left: 6px;
  display: block;
  width: 27px;
  height: 25px;
  background: url(../images/bg_pagel3.png);
  color: #fff;
  text-align: center;
}
.yiiPager .page a:hover {
  background: url(../images/bg_pagel3.png) bottom left;
}
/*首页*/
.banners {
  position: relative;
  width: 100%;
  height: 802px;
  overflow: hidden;
}
.banners .banner {
  /*position: absolute;*/
  /*top: 0px;*/
  /*left: 50%;*/
  /*margin-left: -1140px;*/
  /*width: 1920px;*/
  width: 100% !important;
  margin-left: 0 !important;
  height: 802px;
}
.banners .banner .fss-wrapper {
  float: left;
}
.banners .banner .item {
  position: relative;
  float: left;
  width: 1920px;
}
.banners .banner .item .text {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 5;
}
.banners .banner .item .text img {
  margin-bottom: 28px;
  width: 35%;
}
.banners .banner .item .text a {
  display: block;
  margin: 180px auto 0 auto;
  width: 303px;
  height: 61px;
  line-height: 61px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background: url(../images/bg_bannermore.png) no-repeat center center;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.banners .banner .item .text a:hover {
  color: #4b83d0;
}
.banners .slidebtn {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 75px;
  background: url(../images/slidebtn.png);
  z-index: 10;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.banners .slidebtn.o {
  -webkit-animation: arrowlx 1.5s infinite;
  -moz-animation: arrowlx 1.5s infinite;
  -o-animation: arrowlx 1.5s infinite;
  -ms-animation: arrowlx 1.5s infinite;
  animation: arrowlx 1.5s infinite;
}
.hometitle {
  float: left;
  width: 100%;
  text-align: center;
  background: none;
}
.hometitle h1 {
  margin: 8% 0 0px 0;
  font-weight: bold;
  font-size: 58px;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  background: none;
}
.hometitle h2 {
  margin-top: 20px;
  display: inline-block;
  +display: inline;
  zoom: 1;
  font-size: 24px;
  font-weight: bold;
  border-bottom: #666666 1px solid;
  line-height: 44px;
  background: none;
}
.homeabout .hometitle a,
.homenews .hometitle a {
  color: #333;
}
.homebusiness .hometitle a {
  display: block;
  color: #fff;
  line-height: 50px;
}
.homebusiness .hometitle h2 {
  border-bottom: #ffffff 1px solid;
}
.homeabout {
  float: left;
  width: 100%;
  background: #cecece url(../images/bg_homeabout.jpg) no-repeat center center;
}
.homeabout .aboutin {
  margin: 0 auto;
  width: 1140px;
  text-align: center;
}
.homeabout .aboutin .tip {
  margin: 36px 0 20px 0;
  padding: 0 10px;
  display: inline-block;
  +display: inline;
  zoom: 1;
  border-bottom: #b1b1b1 1px solid;
  line-height: 37px;
  font-size: 24px;
  color: #999999;
}
.homeabout .aboutin p {
  font-size: 14px;
  color: #999;
}
.homeabout .aboutin ul {
  margin: 0 auto;
  width: 866px;
}
.homeabout .aboutin ul li {
  float: left;
  margin: 4.5% 26px 140px 0;
  overflow: hidden;
  width: 197px;
  height: 200px;
}
.homeabout .aboutin ul li.lastli {
  margin-right: 0px;
}
.homeabout .aboutin ul li .liin {
  width: 197px;
  height: 200px;
  background: url(../images/bg_homeabout.png) no-repeat center center;
  text-align: center;
}
.homeabout .aboutin ul li .liin .nummer .data {
  margin-top: 42px;
  display: inline-block;
  +display: inline;
  zoom: 1;
  border-bottom: #fff 1px solid;
  font-weight: bold;
  font-size: 36px;
  color: #fff;
  line-height: 68px;
}
.homeabout .aboutin ul li .liin .nummer .wenzi {
  margin-top: 6px;
  color: #fff;
}
.homeabout .aboutin ul li .liin .nummer .wenzi span {
  display: block;
  font-size: 14px;
}
.homebusiness {
  float: left;
  width: 100%;
  background: #5b76a3 url(../images/bg_homebusiness.jpg) no-repeat top center;
}
.homebusiness ul {
  margin: 0 auto 144px auto;
  padding-top: 3%;
  width: 1140px;
  overflow: hidden;
}
.homebusiness ul .left {
  float: left;
}
.homebusiness ul .right {
  float: right;
}
.homebusiness ul li {
  position: relative;
  width: 469px;
  overflow: hidden;
  cursor: pointer;
}
.homebusiness ul li img {
  width: 100%;
  float: left;
}
.homebusiness ul li .hover {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/bg_homeaboutcover.png);
  text-align: center;
}
.homebusiness ul li .hover span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.homebusiness ul li .hover span.en {
  padding-top: 44%;
  font-size: 36px;
}
.homebusiness ul li .hover span.cn {
  margin-top: 2%;
}
.homebusiness ul .left .en {
  background: url(../images/honorbg1.png) no-repeat center 42px;
}
.homebusiness ul .right .en {
  background: url(../images/honorbg2.png) no-repeat center 42px;
}
.homenews {
  float: left;
  width: 100%;
  background: #cecece url(../images/bg_homeabout.jpg) no-repeat center center;
}
.homenews .news {
  float: left;
  margin-top: 3.5%;
  width: 100%;
}
.homenews .news ul {
  margin: -10px auto;
  width: 1140px;
  overflow: hidden;
  cursor: pointer;
}
.homenews .news ul li {
  float: left;
  margin-bottom: 3.5%;
  width: 45%;
  min-height: 122px;
}
.homenews .news ul li .time {
  display: block;
  width: 98px;
  height: 36px;
  line-height: 36px;
  background: #4b83d0;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.homenews .news ul li .title {
  padding-top: 10px;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.homenews .news ul li .title:hover {
  color: #4b83d0;
}
.homenews .news ul li .content {
  color: #999;
  display: block;
  height: 48px;
}
.homenews .news ul li .content:hover {
  color: #4b83d0;
}
.homenews .morebtn {
  display: block;
  margin: 0px auto 115px auto;
  width: 150px;
  height: 45px;
  background: #333333;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.homenews .morebtn:hover {
  background: #4b83d0;
  color: #fff;
}
.homebottom {
  width: 100%;
  float: left;
}
.homecontact {
  position: relative;
  float: left;
  margin-bottom: -20px;
  width: 100%;
  overflow: hidden;
  background: url(../images/bg_homecontact.jpg) no-repeat center center;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.homecontact .hometitle {
  float: none;
  width: 1140px;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 200px;
  margin: 36px 0 0 -480px;
}
.homecontact h1 a {
  color: #fff;
  font-size: 46px;
}
.homecontact h2 a {
  color: #fff;
  font-size: 20px;
}
.homecontact h2 {
  border-bottom: #fff 1px solid;
}
.homecontact .bg {
  position: absolute;
  top: 0;
  left: 50px;
  margin: 0 0 0 -1140px;
}
.homecontact .contact {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -480px;
  width: 1140px;
  height: 100%;
}
.homecontact .title {
  position: absolute;
  left: -16%;
  bottom: 60%;
}
.homecontact .title h3 {
  font-size: 36px;
  font-weight: bold;
}
.homecontact .title h3 a {
  color: #fff;
}
.homecontact .title span {
  margin-top: 8px;
  display: block;
  height: 3px;
  width: 105px;
  background: #fff;
}
.homecontact .icon {
  position: absolute;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 100;
}
.homecontact .icon img {
  -webkit-animation: arr 1.5s infinite;
  -moz-animation: arr 1.5s infinite;
  -o-animation: arr 1.5s infinite;
  -ms-animation: arr 1.5s infinite;
  animation: arr 1.5s infinite;
}
/*.homecontact .icon1{top:50%;left:50%;margin-left:-511px;margin-top:135px;}*/
.homecontact .icon1 {
  top: 61%;
  left: 23.3%;
}
.homecontact .icon2 {
  top: 28%;
  left: 54%;
}
.screen {
  position: fixed;
  left: 0px;
  top: 0px;
  background: url(../images/bg_hover.png);
  z-index: 100;
  height: 100%;
  width: 100%;
}
.screen .screenin {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -279px 0 0 -442px;
  width: 884px;
  height: 0px;
  overflow: hidden;
}
.screen .screenin .screenBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.screen .screenin .screenBox img {
  width: 100%;
  height: 100%;
}
.screen .screenin .screenBox ul {
  position: absolute;
  top: 130px;
  left: 0px;
  width: 100%;
  height: 42%;
}
.screen .screenin .screenBox ul li {
  margin-bottom: 56px;
  padding-left: 55px;
  width: 30%;
  float: left;
  color: #333;
  height: 73px;
  font-size: 14px;
}
.screen .screenin .screenBox ul li .title {
  font-weight: bold;
  font-size: 18px;
}
.screen .screenin .screenBox ul li .line {
  width: 100%;
  height: 1px;
  background: #333;
}
.screen .screenin .screenBox ul li.list1 {
  background: url(../images/icon_homeadd.png) no-repeat left 7px;
}
.screen .screenin .screenBox ul li.list2 {
  background: url(../images/icon_hometel.png) no-repeat left 7px;
}
.screen .screenin .screenBox ul li.list3 {
  background: url(../images/icon_homefax.png) no-repeat left 7px;
}
.screen .screenin .screenBox ul li.list4 {
  background: url(../images/icon_homeemail.png) no-repeat left 7px;
}
.screen .screenin .screenBox .map {
  position: absolute;
  left: 3%;
  top: 6%;
  width: 94%;
  height: 88%;
}
.screen .screenin .screenBox .close {
  position: absolute;
  right: 22px;
  bottom: 17px;
  width: 26px;
  height: 27px;
  background: url(../images/bg_close.jpg);
  cursor: pointer;
}
/*内页*/
#main {
  margin: 0 auto;
  width: 1140px;
  clear: both;
}
.pagetitle {
  /* float: left; */
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.pagetitle h1 {
  font-weight: bold;
  font-size: 24px;
  color: #323232;
}
.pagetitle h2 {
  display: inline-block;
  display: inline;
  zoom: 1;
  font-size: 18px;
  color: #323232;
  border-bottom: #323232 1px solid;
  line-height: 44px;
}
.applyBox {
  float: left;
  width: 100%;
  margin-top: 22px;
}
.applyBox li {
  margin-bottom: 30px;
}
.applyBox li h3 {
  border-bottom: #969696 1px solid;
  line-height: 38px;
  cursor: pointer;
}
.applyBox li h3 .title {
  padding-bottom: 9px;
  font-size: 16px;
  color: #4b83d0;
  border-bottom: #4b83d0 2px solid;
}
.applyBox li h3 .more {
  float: right;
  margin-top: 14px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/icon_morejian.png);
}
.applyBox li h3 .more1 {
  background: url(../images/icon_morejian1.png);
}
.applyBox li h3 .time {
  float: right;
  color: #969696;
  margin-right: 34px;
}
.applyBox li .text {
  display: none;
  margin: 22px auto 0 auto;
  width: 86%;
  font-size: 14px;
}
.applyBox li .text strong {
  font-weight: bold;
}
.contactBox {
  float: left;
  width: 100%;
  margin-top: 65px;
}
.contactBox .contact {
  width: 100%;
  float: left;
}
.contactBox .contact ul {
  float: left;
  width: 100%;
}
.contactBox .contact ul li {
  margin: 0 0 38px 0;
  width: 100%;
}
.contactBox .contact ul li.list1 {
  background: url(../images/icon_people.png) no-repeat left 14px;
}
.contactBox .contact ul li.list2 {
  background: url(../images/icon_tel.png) no-repeat left 12px;
}
.contactBox .contact ul li.list3 {
  background: url(../images/icon_fax.png) no-repeat left 14px;
}
.contactBox .contact ul li.list4 {
  background: url(../images/icon_email.png) no-repeat left 9px;
}
.contactBox .contact ul li.list5 {
  background: url(../images/icon_ps.png) no-repeat left 14px;
}
.contactBox .contact ul li.list6 {
  background: url(../images/icon_add.png) no-repeat left 8px;
}
.contactBox .contact ul li p {
  padding-left: 34px;
  line-height: 22px;
  width: 80% !important;
}
.contactBox .contact ul li .line {
  margin-left: 34px;
  display: block;
  height: 1px;
  background: #969696;
}

.contactBox .contact ul ul {
  display: grid;
  gap:30px;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .contactBox .contact ul ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .contactBox .contact ul li{
    width: 100% !important;
  }
}

.contactBox .contact img {
  float: right;
}
.contactBox .map {
  float: left;
  width: 100%;
  height: 310px;
}
.contactBox .blocktitle {
  float: left;
  width: 100%;
}
.contactBox h5 {
  margin: 66px auto 40px auto;
  width: 138px;
  height: 28px;
  border: #323232 1px solid;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
}
.contactBox .formbox {
  width: 100%;
  float: left;
}
.contactBox .inputrow {
  float: left;
  width: 31%;
  margin-right: 3.5%;
  height: 33px;
}
.contactBox .input-address {
  margin-right: 0px;
}
.contactBox .inputrow.error input {
  border: red 1px solid;
}
.contactBox .inputrow input {
  width: 96%;
  text-indent: 6px;
  line-height: 33px;
  border: #bfbfbf 1px solid;
  color: #999;
  height: 33px;
}
.contactBox .input-message {
  width: 100%;
  height: auto;
}
.contactBox .inputrow textarea {
  margin-top: 30px;
  width: 98.7%;
  height: 208px;
  text-indent: 6px;
  line-height: 33px;
  border: #bfbfbf 1px solid;
  color: #999;
}
.contactBox .submit {
  width: 100%;
  float: left;
  margin: 30px 0 60px 0;
  text-align: center;
}
.contactBox .submit .submit1 {
  display: inline-block;
  +display: inline;
  zoom: 1;
  background: #4b83d0;
  height: 36px;
  width: 258px;
  border: 0px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.activityBox {
  float: left;
  width: 100%;
}
.activityBox h3 {
  margin-top: 35px;
  border-bottom: #969696 1px solid;
  line-height: 38px;
}
.activityBox h3 a {
  padding-bottom: 7px;
  font-size: 16px;
  color: #4b83d0;
  border-bottom: #4b83d0 3px solid;
}
.activityBox .des {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.activityBox .des .img {
  float: left;
  width: 25%;
  margin-right: 20px;
}
.activityBox .des .img img {
  width: 100%;
}
.activityBox .des .text {
  font-size: 14px;
  color: #969696;
  line-height: 28px;
}
.activityBox .iconBox {
  margin-top: 50px;
  float: left;
  width: 100%;
}
.activityBox .iconBox li {
  float: left;
  width: 15.4%;
  text-align: center;
  margin: 0 8%;
}
.activityBox .iconBox li .img {
  width: 100%;
}
.activityBox .iconBox li .img img {
  width: 100%;
}
.activityBox .iconBox li h4 {
  padding-top: 18px;
  font-size: 18px;
  color: #4b83d0;
}
.activityBox .iconBox li p {
  font-size: 16px;
  color: #3e3a39;
}
.activityBox .activity {
  float: left;
  margin-top: 75px;
  width: 100%;
}
.activityBox .activity li {
  float: left;
  padding: 2%;
  padding-bottom: 0;
  margin-bottom: 40px;
  width: 44.8%;
  border: #e2e2e2 1px solid;
}
.activityBox .activity li .img {
  display: block;
  width: 100%;
  overflow: hidden;
}
.activityBox .activity li .img img {
  width: 100%;
  -webkit-transition: all 0.8s ease-in;
  -moz-transition: all 0.8s ease-in;
  -o-transition: all 0.8s ease-in;
  -ms-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}
.activityBox .activity li .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -mz-transform: scale(1.1);
  transform: scale(1.1);
}
.activityBox .activity li .title {
  font-size: 14px;
  line-height: 50px;
  color: #333;
  text-align: center;
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.activityBox .activity li .title:hover {
  color: #4b83d0;
}
.socialBox {
  float: left;
  width: 100%;
}
.socialBox .des {
  float: left;
  width: 100%;
  margin-top: 32px;
  font-size: 14px;
  color: #323232;
}
.socialBox ul {
  margin: 70px 0 60px 0;
  float: left;
  width: 100%;
}
.socialBox ul li {
  position: relative;
  float: left;
  width: 48%;
  margin-bottom: 40px;
  cursor: pointer;
}
.socialBox ul li .img {
  width: 100%;
}
.socialBox ul li .img img {
  width: 100%;
}
.socialBox ul li .hover {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  background: url(../images/bg_socialhover.png);
  color: #fff;
}
.socialBox ul li .title {
  display: block;
  padding: 0 6%;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
.socialBox ul li .text {
  padding: 0 6%;
  font-size: 14px;
}
.socialBox ul li .slidebtn {
  position: absolute;
  bottom: 12px;
  right: 30px;
  width: 28px;
  height: 25px;
  background: url(../images/icon_slideleft.png);
}
.socialBox ul li a.wfEditorMode {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
.businessBox {
  float: left;
  width: 100%;
  text-align: center;
}
.businessBox .text {
  display: inline-block;
  +display: inline;
  zoom: 1;
  margin: 70px 0 100px 0;
  font-size: 14px;
  text-align: left;
}
.businessBox .text strong {
  color: #4b83d0;
}
.businessBox .text .business {
  position: relative;
}
.businessBox .text .business img {
  width: 100%;
}
.businessBox .text .business .line,
.businessBox .text .business .wenzi,
.businessBox .text .business .btn {
  position: absolute;
  top: 0px;
  left: 0px;
}
.businessBox .text .business .btn {
  -webkit-animation: btn 1.5s infinite;
  -moz-animation: btn 1.5s infinite;
  -o-animation: btn 1.5s infinite;
  -ms-animation: btn 1.5s infinite;
  animation: btn 1.5s infinite;
}
.memberBox {
  float: left;
  width: 100%;
  margin-top: 80px;
  position: relative;
}
.memberBox .member {
  float: left;
  margin: 0 15px;
  width: 100%;
}
.memberBox .member .memberlist {
  position: relative;
  margin: 0 2.5% 30px 2.6%;
  float: left;
  width: 181px;
  height: 160px;
  cursor: pointer;
}
.memberBox .member .memberlist .img {
  position: relative;
  width: 179px;
  height: 115px;
  border: #959595 1px solid;
  overflow: hidden;
}
.memberBox .member .memberlist .img .hover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/bg_bluehover.png);
}
.memberBox .member .memberlist .img img {
  width: 100%;
  -webkit-transition: all 0.8s ease-in;
  -moz-transition: all 0.8s ease-in;
  -o-transition: all 0.8s ease-in;
  -ms-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}
.memberBox .member .memberlist .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -mz-transform: scale(1.1);
  transform: scale(1.1);
}
.memberBox .member .memberlist:hover {
  border-color: #000;
}
.memberBox .member .memberlist h2 {
  margin-top: 10px;
  font-size: 13px;
  color: #333;
  text-align: center;
}
.memberBox .leftBtn {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  left: 0px;
  width: 20px;
  height: 52px;
  background: url(../images/btn_left.png);
  cursor: pointer;
  z-index: 10;
}
.memberBox .rightBtn {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  right: 0px;
  width: 20px;
  height: 52px;
  background: url(../images/btn_right.png);
  cursor: pointer;
  z-index: 10;
}
.memberBox .leftBtn:hover,
.memberBox .rightBtn:hover {
  background-position: bottom center;
}
.memberBox .member .memberlist a.wfEditorMode {
  position: absolute;
  top: 20px;
  right: 0px;
  z-index: 10;
}
.memberdetail {
  float: left;
  width: 100%;
  margin-bottom: 55px;
}
.memberdetail h1 {
  margin-bottom: 35px;
  color: #4b83d0;
  font-weight: bold;
  font-size: 20px;
}
.memberdetail p {
  font-size: 14px;
  color: #727171;
}
.memberdetail p img {
  width: 100%;
}
.resourceBox {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 80px;
}
.resourceBox .title {
  width: 100%;
  margin-top: 35px;
  height: 34px;
  background: url(../images/bg_resource.jpg);
}
.resourceBox .title h3 {
  margin: 0 auto;
  width: 156px;
  height: 32px;
  border: #323232 solid 1px;
  font-size: 20px;
  color: #323232;
  line-height: 32px;
  background: #fff;
}
.resourceBox .text {
  margin-top: 26px;
  text-align: center;
  font-size: 14px;
  color: #969696;
}
.resourceBox h4 {
  margin-top: 30px;
  display: inline-block;
  +display: inline;
  zoom: 1;
  font-size: 18px;
  color: #323232;
  border-bottom: 1px #323232 solid;
  line-height: 36px;
}
.resourceBox table {
  width: 100%;
  margin-bottom: 10px;
}
.resourceBox table.tablefirst {
  margin-top: 30px;
}
.resourceBox table.tablelast {
  margin-bottom: 60px;
}
.resourceBox table.tablezui {
  margin-top: 30px;
}
.resourceBox table tr {
  background: #e1e9f5;
}
.resourceBox table td {
  width: 20%;
  text-align: left;
  font-size: 14px;
  color: #292929;
  padding: 5px 0 5px 35px;
}
.resourceBox table td.th {
  color: #fff;
  text-align: center;
  background: #4b83d0;
  font-size: 16px;
  text-indent: 0px;
  padding: 5px 0;
}
.resourceBox p.bule {
  color: #4b83d0;
  font-size: 16px;
}
.resourceBox .resource {
  width: 100%;
  margin-top: 30px;
}
.resourceBox .resource .member {
  margin: 0 7px;
  width: 176px;
  height: 304px;
  float: left;
}
.resourceBox .resource .member1 {
  height: 150px;
}
.resourceBox .resource .memberlist {
  position: relative;
  float: left;
  margin-top: 1px;
  margin-bottom: 20px;
  width: 176px;
  border: #ccc 1px solid;
}
.resourceBox .resource .memberlist .hover {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}
.resourceBox .resource .memberlist img {
  width: 100%;
}
.resourceBox .resource .memberlist a.wfEditorMode {
  position: absolute;
  top: 20px;
  right: 0px;
}
.resourceBox .resource .icon {
  display: inline-block;
  +display: inline;
  zoom: 1;
}
.resourceBox .resource .icon a {
  float: left;
  margin: 0 3px;
  display: block;
  width: 10px;
  height: 10px;
  background: url(../images/bg_icon.png) no-repeat left bottom;
  text-indent: 20px;
  overflow: hidden;
}
.resourceBox .resource .icon a.selected {
  background: url(../images/bg_icon.png) no-repeat left top;
}
.researchBox {
  float: left;
  width: 100%;
}
.researchBox .des {
  float: left;
  width: 100%;
  margin-top: 32px;
  font-size: 14px;
  color: #323232;
  line-height: 28px;
}
.researchBox .research {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.researchBox .research li {
  float: left;
  width: 29.5%;
  margin: 0 2.2% 30px 0;
  padding: 1%;
  padding-bottom: 0px;
  border: #e1e1e1 1px solid;
}
.researchBox .research li a {
  display: block;
  color: #333;
  padding: 4px 0;
}
.researchBox .research li a.img {
  width: 100%;
  overflow: hidden;
}
.researchBox .research li a.img img {
  width: 100%;
  -webkit-transition: all 0.8s ease-in;
  -moz-transition: all 0.8s ease-in;
  -o-transition: all 0.8s ease-in;
  -ms-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}
.researchBox .research li a.img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -mz-transform: scale(1.1);
  transform: scale(1.1);
}
.researchBox .research li a.title {
  padding: 8px 0;
  font-size: 14px;
  color: #3e3a39;
  height: 42px;
  overflow: hidden;
}
.aboutBox {
  /* float: left; */
  width: 100%;
  font-size: 14px;
  line-height: 28px;
  color: #969696;
}
.aboutBox .des {
  margin: 32px 0 0 0;
  text-align: center;
  color: #4b83d0;
}
.aboutBox .about {
  margin: 50px 0 90px 0;
  float: left;
  width: 100%;
}
.aboutBox .about .img {
  float: left;
  width: 31%;
}
.aboutBox .about .img img {
  width: 100%;
}
.aboutBox .about .img h3 {
  padding-top: 10px;
  text-align: center;
  color: #4b83d0;
  font-size: 18px;
  font-weight: bold;
}
.aboutBox .about .img h4 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #4b83d0;
  font-size: 18px;
  border-bottom: #969696 1px solid;
}
.aboutBox .about .text {
  float: right;
  width: 63%;
}
.aboutBox .about .text p {
  font-size: 14px;
  line-height: 28px;
  color: #969696;
}
.companyBox {
  float: left;
  width: 100%;
}
.companyBox .des {
  float: left;
  width: 100%;
  margin-top: 32px;
  text-align: center;
  font-size: 14px;
  color: #4b83d0;
}
.companyBox .company {
  margin: 40px 0 75px 0;
  float: left;
  width: 100%;
}
.companyBox .company .img {
  float: right;
  margin-left: 24px;
  width: 40%;
}
.companyBox .company .img img {
  width: 100%;
}
.companyBox .company p {
  font-size: 14px;
  line-height: 28px;
  color: #969696;
}
.companyBox .imglistbox {
  float: left;
  width: 100%;
}
.companyBox .imglistbox .bigimg {
  float: left;
  width: 75%;
  height: 100%;
}
.companyBox .imglistbox .bigimg li {
  float: left;
  overflow: hidden;
}
.companyBox .imglistbox .bigimg li img {
  width: 100%;
}
.companyBox .imglistbox .smallimg {
  float: right;
  width: 23.5%;
}
.companyBox .imglistbox .smallimg li {
  margin-bottom: 12px;
  overflow: hidden;
  width: 100%;
}
.companyBox .imglistbox .smallimg img {
  float: left;
  width: 100%;
}
.companyBox .caroufredsel_wrapper {
  height: 379px !important;
}
#smallslider {
  top: 0px !important;
}
.processBox {
  float: left;
  width: 100%;
}
.processBox .process {
  float: left;
  padding-bottom: 20px;
  margin: 25px 0 80px 0;
  width: 100%;
  background: url(../images/bg_process.jpg) repeat-y left top;
}
.processBox .process li {
  float: left;
  width: 100%;
  cursor: pointer;
}
.processBox .process li .year {
  float: left;
  display: table;
  margin-left: 18px;
  width: 77px;
  height: 78px;
  background: url(../images/bg_processyear.png) no-repeat left bottom;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
}
.processBox .process li .year a {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
.processBox .process li .year span {
  font-size: 12px;
}
.processBox .process li.list0 {
  margin-top: 30px;
}
.processBox .process li .text {
  margin-top: 35px;
  float: left;
  border-top: #c8c8c8 1px solid;
  padding: 0 20px;
  color: #c8c8c8;
  font-size: 14px;
}
.processBox .process li h3 {
  padding-top: 16px;
  color: #c8c8c8;
}
.processBox .process li.active .year {
  background: url(../images/bg_processyear.jpg) no-repeat left top;
}
.processBox .process li.active h3 {
  color: #4b83d0;
}
.processBox .process li.active .text {
  border-color: #4b83d0;
  color: #4b83d0;
}
.honorBox {
  width: 100%;
  float: left;
}
.honorBox .honor {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 35px;
}
.honorBox .honor h3 {
  margin: 40px 0;
  display: inline-block;
  +display: inline;
  zoom: 1;
  width: 142px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  text-align: center;
  border: #323232 1px solid;
  color: #323232;
}
.honorBox .honor .text {
  margin-bottom: 42px;
  font-size: 14px;
  color: #3e3a39;
}
.honorBox .honor .imgBox {
  position: relative;
  padding: 18px 0;
  margin: 0 auto;
  border-top: #c8c8c8 1px solid;
  border-bottom: #c8c8c8 3px solid;
  height: 197px;
  width: 92.7%;
}
.honorBox .honor .imgBox .item {
  float: left;
  margin: 0 5px;
  padding: 16px;
  width: 252px;
  height: 167px;
  border: #c8c8c8 1px solid;
}
.honorBox .honor .imgBox .item img {
  width: 100%;
}
.honorBox .honor .imgBox .prev {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  left: -35px;
  width: 20px;
  height: 52px;
  background: url(../images/btn_left.png);
  cursor: pointer;
}
.honorBox .honor .imgBox .next {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  right: -35px;
  width: 20px;
  height: 52px;
  background: url(../images/btn_right.png);
  cursor: pointer;
}
.honorBox .honor .imgBox .prev:hover,
.memberBox .next:hover {
  background-position: bottom center;
}
.cultureBox {
  float: left;
  width: 100%;
  padding: 60px 0;
}
.cultureBox .culture {
  margin: 0 auto;
  width: 1140px;
  overflow: hidden;
}
.cultureBox .culture .img {
  float: left;
  width: 48%;
  text-align: center;
}
.cultureBox .culture .text {
  float: right;
  width: 45%;
  color: #666;
  font-size: 14px;
  line-height: 28px;
}
.cultureBox .culture h3 {
  padding-bottom: 16px;
  font-weight: bold;
  font-size: 18px;
  color: #323232;
}
.cultureBox .culture2 .img,
.cultureBox .culture4 .img {
  float: right;
}
.cultureBox .culture .text span {
  display: block;
  font-size: 18px;
  color: #4b83d0;
  margin-bottom: 16px;
}
.cultureBox .culture .text strong {
  color: #4b83d0;
  font-weight: bold;
}
.cultureBox .culture1 .img {
  margin-top: 35px;
}
.cultureBox .culture3 .img {
  margin-top: 50px;
}
.cultureBox .culture4 .img {
  margin-top: 24px;
}
.cultureBox .culture a.wfEditorMode {
  margin-top: 20px;
}
.newsBox {
  float: left;
  width: 100%;
}
.newsBox .newstab {
  float: left;
  width: 100%;
  border-bottom: #dcdcdc 1px solid;
  height: 29px;
}
.newsBox .newstab a {
  float: left;
  display: block;
  margin-left: 10px;
  width: 98px;
  height: 30px;
  background: url(../images/bg_newstab.png) no-repeat left top;
  color: #fff;
  line-height: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.newsBox .newstab a.current {
  background-position: left bottom;
}
.newsBox .newstab a:hover {
  background-position: left bottom;
}
.newsBox .news {
  width: 100%;
  float: left;
  margin: 20px 0 26px 0;
  position: relative;
}
.newsBox .news .newsinner {
  width: 1140px;
  float: left;
}
.newsBox .news .newsinner .itemnew {
  width: 32%;
  display: inline-block;
  margin-bottom: 30px;
  border-bottom: #cecece 1px solid;
}
.newsBox .news .newsinner .itemnew .picture-item__inner {
  width: 100%;
}
.newsBox .news .newsinner .itemnew .picture-item__inner img {
  width: 100%;
  aspect-ratio: 3 / 2;
}
.newsBox .news .newsinner .itemnew .time {
  padding-top: 10px;
  color: #323232;
}
.newsBox .news .newsinner .itemnew .time:hover {
  color: #4b83d0;
}
.newsBox .news .newsinner .itemnew .title {
  font-size: 14px;
  color: #323232;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsBox .news .newsinner .itemnew .title:hover {
  color: #4b83d0;
}
.newsBox .news .newsinner .itemnew .content {
  color: #b2b2b2;
  /* 限制高度，超出部分省略号显示 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 50px;
}
.newsBox .news .newsinner .itemnew .content:hover {
  color: #4b83d0;
}
.newsBox .news .newsinner .itemnew .more {
  display: block;
  margin-top: 10px;
  padding: 4px 20px;
  width: 50px;
  color: #c7c7c7;
  border-top: #cecece 1px solid;
  border-bottom: #cecece 1px solid;
}
.newsBox .news .newsinner .itemnew .more:hover {
  color: #4b83d0;
  border-color: #4b83d0;
}
.newsBox .news .newsinner .itemnew a {
  display: block;
  overflow: hidden;
}
.newsBox .news .newsinner .itemnew .text {
  padding: 10px;
  padding-top: 0px;
  border-left: #cecece 1px solid;
  border-right: #cecece 1px solid;
}
.newsBox .news .newsinner .shuffle__sizer {
  position: absolute;
  width: 33.5%;
  opacity: 0;
  visibility: hidden;
}
.picture-item__inner {
  opacity: 0;
  transform: translate(0, 220px);
}
.picture-item__inner--transition {
  transition: all 0.6s ease;
}
.itemnew .picture-item__inner {
  height: 103%;
}
.itemnew.in .picture-item__inner {
  opacity: 1;
  transform: translate(0, 0);
}
.newsdetail {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  color: #999;
}
.newsdetail h3 {
  margin: 50px 0 10px;
  font-size: 16px;
  text-align: center;
  color: #4b83d0;
}
.newsdetail h4 {
  margin-bottom: 20px;
  text-align: center;
  color: #4b83d0;
}
/*.picture-item__inner {
    opacity: 0;
    transform: translate(0, 220px);
}
.picture-item__inner--transition {
    transition: all .6s ease;
}
.itemnew.in .picture-item__inner {
    opacity: 1;
    transform: translate(0, 0);
}

.itemnew .picture-item__inner {
    height: 100%;
    overflow: hidden;
}

.newsinner .shuffle__sizer{  
    position: absolute;
    width: 330px;
    opacity: 0;
    visibility: hidden;
}

.itemnew.in .picture-item__inner img{
    width:100%;
}*/

/*.itemnew.in .picture-item__inner img{width:100%;-webkit-transition:all 0.8s ease-in;-moz-transition:all 0.8s ease-in;-o-transition:all 0.8s ease-in;-ms-transition:all 0.8s ease-in;transition:all 0.8s ease-in;}
.itemnew.in .picture-item__inner:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-mz-transform:scale(1.1);transform:scale(1.1);}*/

/*#news .newslist .newsimglist .item .picture-item__inner{float:left;padding:0 16px 15px 0;border-right:1px solid #D2D2D2;}
#news .newslist .newsimglist .item .newsimg{float:left;width:100%;margin-bottom:20px;}
#news .newslist .newsimglist .item .newsimg img{width:100%;}
#news .newslist .newsimglist .shuffle__sizer{position:absolute;width:25.7%;opacity: 0;visibility: hidden;}

.picture-item__inner--transition {
    transition: all .6s ease;
}
.item.in .picture-item__inner {
    opacity: 1;
    transform: translate(0, 0);
}

.item .picture-item__inner {
    height: 100%;
    overflow: hidden;
}*/

/*honor弹出*/
div.pp_default .pp_top,
div.pp_default .pp_bottom,
div.pp_default .pp_nav,
.pp_gallery {
  display: none !important;
}
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right {
  background: none;
}
div.pp_pic_holder {
  background: #fff;
  padding: 20px 130px 0 130px;
  margin-left: -130px;
}
.ppttt {
  display: none;
}
div.pp_default .pp_description {
  line-height: 50px;
  font-size: 14px;
}
a.pp_next {
  margin-right: -149px;
}
a.pp_previous {
  margin-left: -143px;
}
@-webkit-keyframes arrowlx {
  0% {
    bottom: 30px;
    opacity: 1;
  }
  100% {
    bottom: 20px;
    opacity: 0;
  }
}
@-moz-keyframes arrowlx {
  0% {
    bottom: 30px;
    opacity: 1;
  }
  100% {
    bottom: 20px;
    opacity: 0;
  }
}
@-ms-keyframes arrowlx {
  0% {
    bottom: 30px;
    opacity: 1;
  }
  100% {
    bottom: 20px;
    opacity: 0;
  }
}
@-o-keyframes arrowlx {
  0% {
    bottom: 30px;
    opacity: 1;
  }
  100% {
    bottom: 20px;
    opacity: 0;
  }
}
@keyframes arrowlx /* Safari 和 Chrome */ {
  0% {
    bottom: 30px;
    opacity: 1;
  }
  100% {
    bottom: 20px;
    opacity: 0;
  }
}
@-webkit-keyframes arr {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes arr {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes arr {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.5);
  }
  100% {
    -o-transform: scale(1);
  }
}
@-mz-keyframes arr {
  0% {
    -mz-transform: scale(1);
  }
  50% {
    -mz-transform: scale(1.5);
  }
  100% {
    -mz-transform: scale(1);
  }
}
@keyframes arr {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes btn {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0px;
  }
}
@-moz-keyframes btn {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0px;
  }
}
@-o-keyframes btn {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0px;
  }
}
@-mz-keyframes btn {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0px;
  }
}
@keyframes btn {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .banners .banner .item .text img {
    width: 30% !important;
  }
  .banners .banner {
    width: 100% !important;
    margin-left: -50%;
  }
  .image-wrapper img {
    width: 100% !important;
  }
  .hometitle h2 {
    font-size: 20px !important;
  }
  .homeabout .aboutin .tip {
    font-size: 18px !important;
    margin-top: 18px !important;
    padding-bottom: 10px;
  }
  .homeabout .aboutin ul li .liin {
    background-size: contain;
    width: 100% !important;
    height: 145px !important;
  }
  .homeabout .aboutin ul li {
    margin: 20px 0 0 0 !important;
    height: auto !important;
    margin-left: 0 !important;
    width: 50% !important;
  }
  .homeabout .aboutin ul li .liin .nummer .data {
    margin-top: 30px !important;
    font-size: 22px !important;
    line-height: 38px !important;
  }
  .hometitle h1 {
    font-size: 30px !important;
    margin-top: 60px;
  }
  .homebusiness ul {
    width: 100% !important;
  }
  .homebusiness ul li {
    width: 60%;
    float: inherit !important;
    margin-left: 20% !important;
  }
  .homebusiness ul li .hover {
    background-size: cover;
  }
  .hometitle h2 {
    margin-top: 0 !important;
  }
  .homebusiness ul .left .en {
    background-size: 20%;
  }
  .homebusiness ul li .hover span.en {
    font-size: 20px !important;
  }
  .homebusiness ul .right .en {
    background-size: 20%;
  }
  .homenews .morebtn {
    margin: 40px auto 0 !important;
  }
  .homenews .news ul li .content {
    overflow: hidden;
  }
  .headerBox {
    height: 55px !important;
  }
  .headerBox .logo {
    margin-top: 0 !important;
  }
  .headerBox .header {
  }
  #footerBox.footerbox1 .footermap ul {
    width: 20% !important;
  }
  #footerBox.footerbox1 .footermap ul.column1 {
    margin-left: 0 !important;
  }
  #footerBox.footerbox1 .footermap ul.column4 {
    margin-left: 0 !important;
  }
  .homenews .news {
    margin-top: 38px !important;
  }
  #footerBox.footerbox1 .copy {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .homecontact .hometitle {
    display: none;
  }
  .screen .screenin {
    width: 100% !important;
    left: 50% !important;
    margin: -60% 0 0 -50% !important;
  }
  .screen .screenin .screenBox ul li {
    margin-left: 5% !important;
    float: inherit !important;
    width: 70%;
    margin-bottom: 10px !important;
  }
  .screen .screenin .screenBox ul {
    top: 70px !important;
  }
  #footerBox .footermap ul {
    width: 20% !important;
  }
  #footerBox .footermap ul h1 {
    width: 100% !important;
  }
  #bannerin {
    height: 200px !important;
  }
  #bannerin .text {
    top: 55% !important;
  }
  #bannerin .text h1 {
    font-size: 24px !important;
    text-align: center;
  }
  .newsBox .news .newsinner .itemnew .content {
    line-height: 22px;
    height: 44px;
    overflow: hidden;
  }
  .pagetitle {
    margin-bottom: 0 !important;
    margin-top: 20px;
  }
  #breadcrumbs {
    margin-bottom: 0 !important;
  }
  .newsdetail h3 {
    margin-top: 30px !important;
  }
  .contactBox .contact ul li p {
    width: 100% !important;
    box-sizing: border-box;
  }
}

.lang-switcher {
  position: absolute;
  right: 50px;
  top: 30px;
  z-index: 100;
}

.current-lang {
  cursor: pointer;
  padding: 5px;
  border-radius: 3px;
  transition: background-color 0.3s;
}

.current-lang:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.lang-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  min-width: 120px;
  display: none;
  margin-top: 5px;
}

.lang-dropdown.show {
  display: block;
}

.lang-dropdown li {
  list-style: none;
  margin: 0;
}

.lang-dropdown li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  color: #333;
  text-decoration: none;
  transition: background-color 0.3s;
}

.lang-dropdown li a:hover {
  background-color: #f5f5f5;
}

@media (max-width: 1024px) {
  .lang-switcher {
    right: 56px;
    top: 18px;
  }
  
  .lang-dropdown {
    right: -10px;
  }
}