html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
body {width: 100%;height: 100%;font-size: 16px; color: #000;line-height: 24px;background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;width: 100%;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i,strong {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #000;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}

.container{
  position: relative;
  width: 1150px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .container{
    position: relative;
    width: 900px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1680px) {
  .container{
    position: relative;
    width: 1440px;
    margin: 0 auto;
  }
}

.head {
  width: 100%;
  background-color: #ffffff;
  color: #333333;
  font-size: 16px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  z-index: 999;
}

.head-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.logo {
  flex: 3;
  text-align: center;
}
.logo img {
  width: 229px;
  height: 52px;
}

.navigation {
  display: flex;
  align-items: center;
  flex: 7;
  padding-left: 10px;
}

.navigation li a {
  margin: auto 25px;
  height: 40px;
  padding: 25px 0 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  color: #000000;
}

/*
.navigation li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0s;
  height: 100%;
  border-bottom: 3px solid #0D4CDE;
  transition: width .3s ;
} */

/* .navigation li a:hover::before {
  width: 100%;
  top: 0;
  left: 0;
  transition-delay: 0.2s;
  border-bottom-color: #0D4CDE;
} */
.navigation li{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.navigation li .line{
  width: 0%;
  height: 3px;
  background-color: #0D4CDE;
}
.navigation li:hover .line{
  width: 80%;
  height: 3px;
  background-color: #0D4CDE;
  animation: widthAnimate .5s;
}

@keyframes widthAnimate {
  0%{width: 0%;}
  100%{width: 80%;}
}


.navigation li a:active {
  background: #fff;
  color: #0D4CDE;
}

.navigation li a:hover~li:before {
  left: 0;
}

.navigation .active a {
  color: #0D4CDE;
}

.navigation .active a::after{
  transition: width .3s;
  content: '';
  display: block;
  width: 10px;
  height: 3px;
  background-color: #ED1731;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 2px;

}

.contact-us{
  width: 100%;
  height: 516px;
  background: #212229;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*padding-left: 288px;
  padding-right: 288px;*/
  box-sizing: border-box;
}
.contact-us-box{
  /*width: 100%;*/
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.contact-us-left{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-us-left .Logo{
  width: 72px;
  height: 72px;
  margin-top: 71px;
  margin-bottom: 20px;
}
.company-name{
  font-size: 26px;
  color: white;
  font-weight: bold;
}
.contact-left-line{
  width: 394px;
  height: 1px;
  border: 1px solid #474957;
  margin-top: 30px;
}
.company-desc{
  width: 380px;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #CCCFE8;
  margin-top: 30px;
}
.contact-us-title{
  font-size: 18px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 49px;
  margin-bottom: 27px;
}
.contact-us-right-item{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.contact-us-right{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bottom-icon{
  width: 32px;
  height: 32px;
  margin-right: 20px;
}
.right-msg{
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #CCCFE8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.right-msg div{
  margin-top: 8px;
  margin-bottom: 8px;
}
.bottom-line{
  width: 100%;
  height: 1px;
  background-color: #474957;
  margin-top: 30px;
}
.bottom-big-space{
  width: 208px;
  height: 208px;
  margin-top: 93px;
  /*margin-left: 138px;*/
  background-color: white;
}
.Links{
  width: 90%;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.links-left{
  margin-right: 30px;
  font-size: 18px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #FFFFFF;
  width: 120px;
}
.links-right{

}

.links-right a{
  width: 110px;
  display: inline-block;
}

.links-content{
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #CCCFE8;
  margin-left: 20px;
}
.ICP{
  width: 100%;
  height: 57px;
  background-color: white;
  text-align: center;
  line-height: 57px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}

.ICP a{
  color: #666666;
}

.select-nav{
  color: #0D4CDE!important;
}

.caseBg-img-text{
  font-size: 48px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #212229;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.caseBg-img-text2{
  font-size: 48px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.pager{
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  /*margin-bottom: 58px;*/
  margin: 50px 0px;
}
.pager-item-first,.pager-item-last{
  width: 40px;
  height: 40px;
}
.pager-item{
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 6px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #CCCCCC;
  text-align: center;
  line-height: 40px;
  margin-right: 8px;
  margin-left: 8px;
}
.pager-item.selected{
  background: #0D4CDE;
  color: white;
}

.connect {
  position: fixed;
  z-index: 100;
  right: 0;
  top: 20%;
  transition: all .5s ease 0s;
}

.connect.connect-none {
  right: -130px;
}

.connect.connect-none .connect-left {
  background-position: 0 0;
}

.connect-left {
  width: 35px;
  *width: 30px;
  height: 130px;
  float: left;
  margin-top: 40px;
  background: url(../img/connect.png) no-repeat -30px 0 #fa7d68;
  cursor: pointer;
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}

.connect-right {
  background: #fa7d68;
  width: 125px;
  float: right;
  border-radius: 5px 0 0 5px;
  padding: 5px 0 5px 5px;
}

.connect-right-box {
  background: #fff;
  border-radius: 5px 0 0 5px;
}

.connect-right-box ul {
  margin: 0px;
  list-style: none inside;
  padding: 0px;
}

.connect-right-box li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 0 15px;
  margin: 0px;
  font-size: 12px;
  font-family: "Microsoft YaHei", "微软雅黑";
}

.connect-right-box li:nth-last-child(1){
  border-bottom: none;
  width: 100px;
  height: 100px;
}

.connect-right-box li:nth-last-child(2){
  border-bottom: none;
}

.connect-right-box li.title {
  color: #bbbbbb;
  font-size: 14px;
}

.connect-right-box li.title a {
  color: #333333;
  font-size: 12px;
}

.connect-right-box li.title a:hover {
  color: #fa7d68;
  font-size: 12px;
}

.connect-right-box li.title span {
  color: #333333;
  font-size: 12px;
}

.connect-right-box li.second-last {
  color: #333333;
  font-size: 14px;
}

.connect-right-box li.last {
  color: #333333;
  font-size: 14px;
}

.connect-right-box li i {
  margin-right: 10px;
}

.connect-right-box li i.ico-qq {
  background: url(../img/connect.png) no-repeat 0 -260px;
  width: 15px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}