@font-face {

  font-family: lack-regular;

  src: url("../font/lack-regular.otf");

}



* {

  font-size: 16px;

  font-family: lack-regular;

}

body{width: 100%;
/* max-width: 1920px; */
margin: 0 auto;}

.header {position: fixed;top: 0;width: 100%;/* max-width: 1920px; */margin: auto;background-image: url(../img/index/header_bg.png);background-repeat: no-repeat;background-size: cover;z-index: 1000;}

.header2 {

  position: fixed;

  top: 0;

  width: 100%;

  max-width: 1920px;

  margin: auto;

  background-color: #ffffff;

  z-index: 1000;

}

.header2 *{

  color: #000000 !important;

}

.header2 .head-contact a{

  border: 1px solid #000000;

}

.header2 .header-body .header-list .header-nav-item {

  height: 56px;

  line-height: 56px;

}


/*
.header-body {

  width: 95%;

  max-width: 1820px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.header-body .header-logo {

  flex-shrink: 0;

  font-size: 0;

}

.header-body .header-logo p{

  font-size: 14px;

  color: #ffffff;

  line-height: initial;

}

.header-body .header-list {

  display: flex;

  justify-content: center;

  gap: 35px;

}



.header-body .header-list .header-nav-item {

  height: 55px;

  line-height: 55px;

}



.header-body .header-list .header-nav-item-lk {

  color: #ffffff;

  font-size: 13px;

}





.header-body .header-right .head-search{

  cursor: pointer;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}

.header-body .head-searchbox{

  position: relative;

}

.header-body .head-searchbox .headersear-box1 {

  opacity: 1 !important;

  visibility: visible !important;

  top: 100%;

  z-index: 999;

  transform: translateY(-10px);

}



.header-body .head-searchbox .headersear-box {

  position: absolute;

  top: calc(100% + 10px);

  right: 0;

  width: 300px;

  display: flex;

  justify-content: center;

  background-color: #ffffff;

  box-shadow: 0 0 5px 2px #eeeeee;

  opacity: 0;

  visibility: hidden;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -ms-transition: 0.5s;

}

.header-body .head-searchbox .headersear-box form {

  width: 100%;

  margin: 15px;

  line-height: initial;

}

.header-body .head-searchbox .headersear-box .headersear-boxmain {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 5px;

  border-bottom: solid 1px rgba(255, 255, 255, 0.6);

}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-btn {

  background: none;

  padding: 0 5px;

}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-btn span {

  font-size: 18px;

  color: #333;

}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-inp {

  width: 210px;

  font-size: 14px;

  color: #333;

  background: none;

}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-clo {

  cursor: pointer;

}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-clo span {

  font-size: 22px;

  color: #333;

}

.head-contact a{

  display: block;

  font-size: 12px;

  color: #ffffff;

  padding: 6px 19px;

  border: 1px solid #ffffff;

  border-radius: 5px;

  position: relative;

}

.head-contact a::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: -1px;

  z-index: -1;

  background: #435c96;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.head-contact a:hover {

  color: #fff !important;

  border: 1px solid transparent;

}

.head-contact a:hover:before {

  width: 100%;

  border: 1px solid #435c96;

}



.header-body .header-right {

  display: flex;

  align-items: center;

  gap: 30px;

}

.head-language {

  color: #ffffff;

  font-size: 12px;

}

.head-language .fa{

  font-size: 16px;

}

.head-language .language-box{

  display: none;

}

.header-body .header-cont {

  padding: 0 15px;

  height: 100px;

  line-height: 100px;

  background-color: #0092fc;

  color: #ffffff;

}



.header-body .header-cont:hover {

  color: #ffffff;

 

}



.header-body .header-langs select,

.header-body .header-langs option {

  border: none;

}
*/
.header{background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.6),rgba(0,0,0,0));transition:.3s;width:100%}
.header.is_header {background:white;transition:.3s;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header.insides{background:white;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.header-body {
  width: 95%;
  max-width: 1820px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-body .header-logo {
  width:210px;
  
 }
.header.is_header .header-body .header-logo p,.header.insides .header-body .header-logo p{border-left:2px solid black}
.header-body .header-logo p{padding-left:10px;border-left:2px solid white;margin-left:10px}
.header-body .header-list {
  display: flex;
  justify-content: center;
  gap: 35px;
}

.header-body .header-list .header-nav-item {
  height: 55px;
  line-height: 55px;
}

.header-body .header-list .header-nav-item-lk {
  color: #ffffff;
  font-size: 13px;
  position:relative
}
.header-body .header-list .header-nav-item-lk:after{content:"";position:absolute;background-color:#435c96;width:0;left:0;;height:2px;;bottom:-3px;;transition:.1s}
.header-body .header-list .header-nav-item-lk:hover:after {width:100%;transition:.1s}
.header.is_header .header-body .header-list .header-nav-item-lk:after{background-color:#435c96;}
.header-body .header-right .head-search {
  cursor: pointer;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-body .header-right .s-content{position:absolute;}
.header-body .header-right .s-content{position: absolute;background: #fff;top: 100%;left: 0;padding:30px 0;text-align: center;width: 100%;display: none;overflow: hidden;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;;transition: top 0.36s;}
.header-body .header-right  .s-content form>div{font-size: 0;line-height: 1;position:relative}

.header-body .header-right  .s-content input{height: 50px;outline: none;vertical-align: middle;font-size: 16px;color:black}
.header-body .header-right .s-content .inpt3{padding-left: 20px;border:1px solid #d2d2d2;font-size: 18px;width: 45%;border-radius:5px 0 0 5px}
.header-body .header-right .s-content .inpt3::-webkit-input-placeholder {color: #b6b6b6;font-size:15px}
.header-body .header-right .s-content .inpt3:-moz-placeholder {color: #b6b6b6;font-size:15px}
.header-body .header-right .s-content .inpt3::-moz-placeholder {color: #b6b6b6;font-size:15px}
.header-body .header-right .s-content .inpt3:-ms-input-placeholder {color: #b6b6b6;font-size:15px}
.header-body .header-right .s-content .inpt4{cursor:pointer;width: 69px;;border-radius:0 5px 5px 0;background: #435c96 url(../img/index/search.png)no-repeat center center;border:none;position:absolute;height:100%}
.header-body .header-list .header-nav-item{}
.header-body .header-list .header-nav-item:hover dl.pro_dl{display:block}
.header-body .header-list .header-nav-item dl.pro_dl {position:absolute;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);;display:none;;top:100%;left:50%;transform:translateX(-50%);width:100%;margin:0;padding:0;background:#FFF;transition:none;}
.header-body .header-list .header-nav-item dl.pro_dl>ul{max-width:1300px;margin:0 auto;line-height:normal;padding:25px 0 10px}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li{display:flex;align-items: center;margin:0 0 15px}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li>a{font-size:13px;font-weight:bold;color:black;position:relative;padding-left:30px}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li>a:hover{color:#435c96}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li:nth-child(1)>a:after{position:absolute;content:"";background:url(../img/i1.png) 0 0 no-repeat;width:21px;height:21px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li:nth-child(2)>a:after{position:absolute;content:"";background:url(../img/i2.png) 0 0 no-repeat;width:22px;height:20px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li:nth-child(3)>a:after{position:absolute;content:"";background:url(../img/i3.png) 0 0 no-repeat;width:22px;height:22px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li:nth-child(4)>a:after{position:absolute;content:"";background:url(../img/i4.png) 0 0 no-repeat;width:18px;height:19px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}

.header-body .header-list .header-nav-item dl.pro_dl>ul>li:nth-child(5)>a:after{position:absolute;content:"";background:url(../img/i5.png) 0 0 no-repeat;width:19px;height:19px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li:nth-child(6)>a:after{position:absolute;content:"";background:url(../img/i6.png) 0 0 no-repeat;width:16px;height:15px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li:nth-child(7)>a:after{position:absolute;content:"";background:url(../img/i7.png) 0 0 no-repeat;width:18px;height:18px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}

.header-body .header-list .header-nav-item dl.pro_dl>ul>li>a:after{}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li>i{font-size:13px;;font-weight:bold;color:black;margin:0 10px}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li .item a{font-size:13px;color:#333333;margin:0 7px}
.header-body .header-list .header-nav-item dl.pro_dl>ul>li .item a:hover{color:#435c96}

.header-body .header-list .header-nav-item dl.join_dl {position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.2);;top:100%;left:50%;transform:translateX(-50%);;width:200px;;margin:0;padding:0;background:#FFF;;transition:none;display:none;border-radius:5px}

.header-body .header-list .header-nav-item dl.join_dl dd>a {font-size:13px;line-height:normal;color:#464545;display:block;padding:10px 5px;text-transform:capitalize;text-align:center;position:relative;border-radius:5px}
.header-body .header-list .header-nav-item:hover dl.join_dl{display:block}
.header-body .header-list .header-nav-item dl.join_dl dd>a:hover{color:#464545bd}
.header-body .head-searchbox {
 
}

.header-body .head-searchbox .headersear-box1 {
  opacity: 1 !important;
  visibility: visible !important;
  top: 100%;
  z-index: 999;
  transform: translateY(-10px);
}

.header-body .head-searchbox .headersear-box {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 300px;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 0 5px 2px #eeeeee;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}

.header-body .head-searchbox .headersear-box form {
  width: 100%;
  margin: 15px;
  line-height: initial;
}

.header-body .head-searchbox .headersear-box .headersear-boxmain {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-btn {
  background: none;
  padding: 0 5px;
}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-btn span {
  font-size: 18px;
  color: #333;
}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-inp {
  width: 210px;
  font-size: 14px;
  color: #333;
  background: none;
}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-clo {
  cursor: pointer;
}

.header-body .head-searchbox .headersear-box .headersear-boxmain .headersear-clo span {
  font-size: 22px;
  color: #333;
}

.head-contact a {
  display: block;
  font-size: 12px;
  color: #ffffff;
  padding: 6px 19px;
  background-color:#435c96;
  border-radius: 5px;
  position: relative;
}
.head-contact a:hover{ background-color:#435596;}
/* .head-contact a::before {
  border-radius: 5px;
  width: 0;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -1px;
  z-index: -1;
  background: #435c96;
  -webkit-transition: width .3s;
  transition: width .3s;
} */

/* .head-contact a:hover {
  color: #fff !important;
  border: 1px solid transparent;
} */

.head-contact a:hover:before {
  width: 100%;
  border: 1px solid #435c96;
}

.header-body .header-right {
  display: flex;
  align-items: center;
  gap: 30px;
}

.head-language{position:relative}
.head-language a{
  color: #ffffff;
  font-size: 14px;
  
}

/* .head-language a { font-size: 14px;margin:0 8px;}
.head-language:after{content:"";position:absolute;background:white;width:2px;height:60%;transform:translate(-50%,-50%);top:50%;left:50%;}

.header.is_header .head-language:after,.header.insides .head-language:after{background-color:black} */
.head-language  a i {
 font-size: 14px;font-weight:bold;color:white;
}

.head-language .language-box {
  display: none;
  position:absolute;
  left:50%;
  transform:translate(-50%);
  width:110%;
  background-color:white;
  box-shadow:0 0 12px rgba(0,0,0,0.2);
  padding:4px 3px;
  text-align:center
}
.head-language .language-box a{color:black;font-size:14px;font-weight:normal;}
.header-body .header-cont {
  padding: 0 15px;
  height: 100px;
  line-height: 100px;
  background-color: #0092fc;
  color: #ffffff;
}

.header-body .header-cont:hover {
  color: #ffffff;
  /* background-color: #000000; */
}

.header-body .header-langs select,
.header-body .header-langs option {
  border: none;
}

.qidai{height:100vh;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.qidai h2{font-size:40px;color:black}
.navbar-toggle {

  position: relative;

  float: right;

  padding: 9px 10px;

  margin-top: 8px;

  margin-right: 15px;

  margin-bottom: 8px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

  border-color: #ddd;

  cursor: pointer;

  display: none;

}



.navbar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  border-radius: 1px;

  background-color: #888;

}



.navbar-toggle .icon-bar+.icon-bar {

  margin-top: 4px;

}



.header-body .head-mo {

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  width: 100%;

  max-height: 330px;

  overflow-y: auto;

  background-color: #fff;

  box-shadow: 0 3px 7px 1px #eeeeee;

  z-index: 999;

}

.header-body .head-mo .head-mo-list{

  margin: 0 auto;

  max-width: 1200px;

  padding: 0 30px;

}

.header-body .head-mo .head-mo-list .header-nav-item{

  border-top: 1px solid #eeecec;

}

.header-body .head-mo .head-mo-list .header-nav-item .header-nav-item-lk{

  font-size: 18px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.header-body .head-mo .head-mo-list .header-nav-item .header-nav-item-lk .header-nav-item-icon{

  transition: all 0.3s ease-in-out;

}

.header-body .head-mo .head-mo-list .header-nav-item .header-nav-item-lk .header-nav-item-icon.tr{

  transform: rotate(180deg);

}

.header-body .head-mo .head-mo-list .header-nav-item .nav-item-se{

  display: none;

  padding-left: 20px;

}

.header-body .head-mo .head-mo-list .header-nav-item .nav-item-se .head-item2 .nav-item-se2{

  padding-left: 20px;

}

.header-body .head-mo .head-mo-list .header-nav-item .nav-item-se .head-item2 .nav-item-se2 .head-item3-a{

  font-size: 14px;

}

.header-body .head-mo li a {

  display: block;

  height: 40px;

  line-height: 40px;

}

/* index */

.index-nav-tt{

  text-transform: uppercase;

  font-size: 32px;

  line-height: 56px;

  color: #ffffff;

  text-align: left;

}

.index-nav-a{

  display: block;

  max-width: 180px;

  border: 1px solid #fff;

  border-radius: 5px;

  color: #fff;

  padding: 10px 28px;

  margin-top: 40px;

  position: relative;

  z-index: 1;

}

.index-nav-a::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: -1px;

  z-index: -1;

  background: #fff;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.index-nav-a:hover {

  color: #000;

 

}

.index-nav-a:hover:before {

  width: 100%;

  border: 1px solid #fff;

}

.index-ab-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.index-ab-body .index-ab-l{

  width: 46%;

}

.index-ab-body .index-ab-r{

  width: 52%;

}

.index-ab-r .index-ab-tit{

  font-size: 40px;

  margin-bottom: 30px;

}

.index-ab-body .index-ab-r .index-ab-btn{

  margin-top: 85px;

}

.index-ab-body .index-ab-r .index-ab-btn a{

  position: relative;

  display: inline-block;

  padding: 0 27px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  border: 1px solid #000;

  border-radius: 5px;

  color: #000;

  margin-right: 45px;

}

.index-ab-body .index-ab-r .index-ab-btn a::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: -1px;

  z-index: -1;

  background: #000;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.index-ab-body .index-ab-r .index-ab-btn a:hover {

  color: #fff;

 

}

.index-ab-body .index-ab-r .index-ab-btn a:hover:before {

  width: 100%;

  border: 1px solid #000;

}



.index-app-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding: 60px 40px 35px;

  background-color: #f5f5f7;

  border-radius: 15px;

}

.index-app-tit{

  font-size: 40px;

}

.index-app-body .index-app-wrap{

  display: flex;

  flex-wrap: wrap;

  margin-top: 40px;

}

.index-app-body .index-app-wrap .index-app-wrap-item{

  width: 22.9%;

  border-radius: 15px;

  background-color: #fff;

  margin-right: 30px;

  margin-bottom: 30px;

}

.index-app-body .index-app-wrap .index-app-wrap-item:nth-of-type(4n){

  margin-right: 0;

}

.index-app-body .index-app-wrap .index-app-wrap-item .index-app-imginfo{

  padding: 35px 25px 20px;

}

.index-app-body .index-app-wrap .index-app-wrap-item .index-app-imginfo .index-app-imginfo-tit{

  margin-bottom: 60px;

}

.index-app-body .index-app-wrap .index-app-wrap-item .index-app-imginfo .index-app-a{

  color: #bdbcbc;

  text-decoration: underline;

}

.index-app-body .index-app-wrap .index-app-wrap-item .index-app-imginfo .index-app-a:hover{

  color: #000;

}

.index-pc-body{

  width: 95%;

  max-width: 1200px;

  margin: 110px auto;

}

.index-pc-body .index-pc-tit{

  text-align: center;

  font-size: 40px;

}

.index-pc-body .index-pc-wrap{

  margin-top: 35px;

  display: flex;

  flex-wrap: wrap;

  gap: 13px;

}

.index-pc-body .index-pc-wrap .index-pc-item{

  width: 19%;

 




}
.index-pc-body .index-pc-wrap .index-pc-item a{ padding: 15px;

  display: flex;

  align-items: center;
  
  background-color: #f5f5f7;  gap: 10px;}
.index-pc-body .index-pc-wrap .index-pc-item span{

  font-size: 14px;

}

.index-pc-body .index-pc-wrap2{

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin-top: 50px;

}

.index-pc-body .index-pc-wrap2 .index-pc-wrap2-item{

  width: 27%;

  display: flex;

  align-items: center;

  gap: 20px;

}

.index-pc-body .index-pc-wrap2 .index-pc-wrap2-line{

  width: 1px;

  height: 43px;

  background-color: #666666;

  margin: 0 55px;

}

.index-pc-body .index-pc-wrap2 .index-pc-wrap2-cont .index-pc-wrap2-item-tit{

  font-size: 20px;

  margin-bottom: 10px;

}

.index-pc-body .index-pc-wrap2 .index-pc-wrap2-cont .index-pc-wrap2-item-text{

  font-size: 14px;

  color: #4e4c4c;

}





.index-prod-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.index-prod .index-prod-tit{

  text-align: center;

  font-size: 40px;

  margin-bottom:40px;

}

.index-prod-body .index-prod-wrap{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.index-prod-body .index-prod-wrap .index-prod-item{

  width: 22%;

  padding: 30px 20px;

  text-align: center;

}

.index-prod-body .index-prod-wrap .index-prod-item:hover{

  box-shadow: 5px 5px 10px 3px #ebebeb;
  border-radius:7px

}

.index-prod-body .index-prod-wrap .index-prod-item:hover .index-prod-item-info a{

  background-color: #000;

  color: #ffffff;

}

.index-prod-body .index-prod-wrap .index-prod-item .index-prod-item-info .index-prod-item-info-p1{

  font-size: 14px;

  margin-bottom: 5px;
  height:48px;line-height:24px

}

.index-prod-body .index-prod-wrap .index-prod-item .index-prod-item-info .index-prod-item-info-p2{

  font-size: 14px;

  color: #666666;

  margin-bottom: 35px;

}

.index-prod-body .index-prod-wrap .index-prod-item .index-prod-item-info a{

  display: inline-block;

  font-size: 14px;

  height: 44px;

  line-height: 44px;

  padding: 0 20px;

  border: 1px solid #000;

  border-radius: 5px;

}

.index-exprod{

  width: 95%;

  max-width: 1850px;

  margin: 0 auto;

  position: relative;

}
.index-exprod video{width:100%}
.index-exprod .index-exprod-a{

  position: absolute;

  left: 125px;

  bottom: 60px;

}

.index-exprod .index-exprod-a a{

  position: relative;

  display: inline-block;

  height: 44px;

  line-height: 44px;

  border-radius: 5px;

  text-align: center;

  padding: 0 30px;

  background-color: #fff;

  color: #000;

  z-index: 1;

}

.index-exprod .index-exprod-a a::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: 0;

  z-index: -1;

  background: #000;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.index-exprod .index-exprod-a a:hover {

  color: #fff;

}

.index-exprod .index-exprod-a a:hover:before {

  width: 100%;

}

.index-pro{

  width: 95%;

  max-width: 1200px;

  margin: 115px auto 0;

}

.index-pro .index-pro-tit{

  text-align: center;

  font-size: 40px;

  margin-bottom: 50px;

}

.index-pro .index-pro-body{

  display: flex;

  justify-content: space-between;

}

.index-pro .index-pro-body .index-pro-item{

  width: 48%;

  position: relative;

  border-radius: 15px;

  padding: 60px 0 35px 15px;

  background-color: #f5f5f7;

}

.index-pro .index-pro-body .index-pro-item .index-pro-item-tit{

  font-size: 20px;

  text-transform: uppercase;

  margin-bottom: 20px;

}

.index-pro .index-pro-body .index-pro-item .index-pro-item-text{

  max-width: 500px;

  margin-bottom: 70px;

}

.index-pro .index-pro-body .index-pro-item a{

  position: relative;

  display: inline-block;

  height: 44px;

  line-height: 44px;

  border-radius: 5px;

  text-align: center;

  padding: 0 30px;

  border: 1px solid #000;

  color: #000;

  z-index: 1;

}

.index-pro .index-pro-body .index-pro-item a::before{

  border-radius: 4px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  

 height:100%;
 left:0;

  z-index: -1;

  background: black;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.index-pro .index-pro-body .index-pro-item a:hover {

  color: #fff;

  border: 1px solid black;

}

.index-pro .index-pro-body .index-pro-item a:hover:before {

  width: 100%;

}

.index-pro .index-pro-body .index-pro-item .index-pro-item-img{

  position: absolute;

  right: 0;

  bottom: 0;

}

.index-pro .index-pro-atf{

  width: 100%;

  margin-top: 40px;

  height: 84px;

  line-height: 84px;

  padding: 0 40px;

  background-color: #000;

  border-radius: 42px;

}

.index-pro-atf{

  display: flex;

  justify-content: space-between;

}

.index-pro-atf .index-pro-atf-tt{

  font-size: 24px;

  color: #fff;

}

.index-pro-atf .index-pro-atf-a{

  color: #fff;

  text-decoration: underline;

}

.index-rd{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.index-rd .index-rd-l{

  width: 44%;

}

.index-rd .index-rd-r{

  width: 52%;

}

.index-rd .index-rd-r .index-rd-r-tit{

  font-size: 40px;

  margin-bottom: 40px;

}

.index-rd .index-rd-r a{

  display: inline-block;

  padding: 0 26px;

  height: 44px;

  line-height: 44px;

  border-radius: 5px;

  text-align: center;

border: 1px solid #000;

  margin-top: 40px;



  position: relative;

  z-index: 1;

}

.index-rd .index-rd-r a::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: 0;

  z-index: -1;

  background: black;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.index-rd .index-rd-r a:hover {

  color: #fff;

}

.index-rd .index-rd-r a:hover:before {

  width: 100%;

}



.index-news-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.index-news-body .index-news-tit{

  font-size: 40px;

  margin-bottom: 40px;

  text-align: center;

}

.index-news-body .index-news-info{

  font-size: 15px;

  color: #555555;

  margin-bottom: 40px;

  text-align: center;

}

.index-news-body .index-news-wrap{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-bottom: 80px;

}

.index-news-body .index-news-wrap .index-news-item{

  width: 31%;

  padding: 25px 20px;

  border-radius: 15px;

  border: 2px solid #f6f6f7;

}

.index-news-body .index-news-wrap .index-news-item .index-news-item-info{

  color: #817d7d;

  margin-top: 20px;

  padding-bottom: 25px;

  border-bottom: 1px solid transparent;

}

.index-news-body .index-news-wrap .index-news-item:hover .index-news-item-info{

  color: #000;

  border-bottom: 1px solid #999999;

}

.index-news-body .index-news-wrap .index-news-item .index-news-item-date{

  font-size: 12px;

  color: #817d7d;

  margin-top: 12px;

}

.new-position {

  width: 100%;

  height: 56px;

  line-height: 56px;

  margin-top: 56px;

  background-color: #000000;

}

.new-position .new-positionbody{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  color: #ffffff;

}

.new-position .new-positionbody a{

  font-size: 14px;

}

.newdetail{

  width: 95%;

  max-width: 1200px;

  margin: 90px auto 140px;

}
.newdetail h2 {font-size:36px;color:#333;text-align:center;}
.newdetail .met_infos {padding:15px 0 35px;font-size:14px;color:#585858;text-align:center;}
.newdetail .met_infos span {display:inline-table;margin:0 10px;}
.newdetail .met_infos span a {font-size:14px;color:#585858}
.newdetail .newdetail-box{

  margin-top: 50px;

}

.index-partner .index-partner-tit{

  font-size: 40px;

  margin-bottom: 50px;

  text-align: center;

}

.index-partner .index-partner-wrap{

  display: flex;

}

.index-partner .index-partner-wrap .index-partner-l{

  width: 50%;

  padding: 90px 55px 128px 160px;

  background-color: #f5f5f7;

}

.index-partner .index-partner-wrap .index-partner-l .index-partner-list{

  display: flex;

  gap: 44px;

  flex-wrap: wrap;

  margin-top: 55px;

}

.index-partner .index-partner-wrap .index-partner-r{

  width: 50%;

  font-size: 0;

}

.index-partner .index-partner-wrap .index-partner-l a{

  display: inline-block;

  padding: 0 26px;

  height: 44px;

  line-height: 44px;

  border-radius: 5px;

  text-align: center;

border: 1px solid #000;

  margin-top: 87px;



  position: relative;

  z-index: 1;

}

.index-partner .index-partner-wrap .index-partner-l a::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: 0;

  z-index: -1;

  background: #000;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.index-partner .index-partner-wrap .index-partner-l a:hover {

  color: #fff;

}

.index-partner .index-partner-wrap .index-partner-l a:hover:before {

  width: 100%;

}





.index-Specifylink{

  background-color: #f7f9fa;

}

.index-Specifylink-body{

  width: 95%;

  max-width: 1320px;

  margin-top: 150px;

  margin-left: auto;

  margin-right: auto;

  padding-top: 65px;

  padding-bottom: 65px;

  display: flex;

  text-align: center;

}

.index-Specifylink-body .index-Specifylink-item{

  width: 50%;

}

.index-Specifylink-body .index-Specifylink-send{

  width: 1px;

  height: 118px;

  background-color: #888888;

}

.index-Specifylink-body .index-Specifylink-item-tit{

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 8px;

}

.index-Specifylink-body .index-Specifylink-item-p{

  font-size: 15px;

  color: #666666;

  margin-bottom: 20px;

}

.index-Specifylink-body .index-Specifylink-item-link{

  display: inline-block;

  width: 120px;

  max-width: 120px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 15px;

  color: #373737;

  border: 1px solid #000000;

  border-radius: 5px;

  position: relative;

  z-index: 1;

}

.index-Specifylink-body .index-Specifylink-item-link::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: -1px;

  z-index: -1;

  background: #435c96;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.index-Specifylink-body .index-Specifylink-item-link:hover {

  color: #fff;

  border: 1px solid transparent;

}

.index-Specifylink-body .index-Specifylink-item-link:hover:before {

  width: 100%;

  border: 1px solid #435c96;

}

/* foot */

.footer{

  position: relative;

  padding: 60px 0 30px;

  background-color: #0f0f0f;

}

.footer-body .footer-tit{

  font-size: 40px;

  color: #ffffff;

  text-align: center;

  margin-bottom: 40px;

}

.footer-body .footer-atf{

  display: flex;

  justify-content: space-around;

  padding-bottom: 40px;

  border-bottom: 1px solid #555555;

}

.footer-body .footer-atf *{

  color: #ffffff;

}

.footer-body .footer-atf .footer-atf-l{

  display: flex;

  gap: 10px;

}
.footer-body .footer-atf .footer-atf-l a{display: flex;

  gap: 10px;}
.footer-body .footer-atf .footer-atf-l .footer-atf-tbox .footer-atf-tit{

  font-size: 24px;

  text-decoration: underline;

  margin-bottom: 10px;

}

.footer-body .footer-atf .footer-atf-l .footer-atf-tbox p{

  font-size: 14px;

}

.footer-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.footer-body .footer-logo{

  padding-top: 25px;

  padding-bottom: 15px;
  width:250px

}

.footer-body .footer-logo p{

  font-size: 14px;

  color: #fff;

  line-height: normal;

}



.footer-body .footer-wrap{

  display: flex;

  margin-bottom: 65px;

}

.footer-body .footer-wrap .footer-lisbox{

  width: 25%;

}

.footer-body .footer-wrap .footer-lisbox .footer-list-tit{

  font-size: 14px;

  color: #fff;

  margin-bottom: 15px;

}

.footer-body .footer-wrap .footer-list{

  margin-bottom: 25px;

}

.footer-body .footer-wrap .footer-list .footer-list-item{

  margin-bottom: 15px;

}

.footer-body .footer-wrap .footer-list .footer-list-item a{

  color: rgba(255, 255, 255, .4);

  font-size: 12px;

}

.foot-bot .foot-bot-top{

  display: flex;

  justify-content: space-between;

  padding-bottom: 10px;

  border-bottom: 1px solid #6a6767;

}

.foot-bot .foot-bot-top .foot-bot-atf{
display:none;
  color: #888888;

  font-size: 12px;

}

.foot-bot .foot-bot-top .foot-bot-atf a{

  color: #888888;

  font-size: 12px;

}

.foot-bot .foot-bot-top .foot-bot-atf span{

  padding: 0 10px;

  color: #888888;

  vertical-align: middle;

}

.foot-bot .foot-bot-top .foot-bot-apf a{

  margin-left: 15px;

}

.foot-bot .foot-bot-top .foot-bot-apf a i{

font-size:16px;color:#888888

}

.foot-bot .foot-bot-bot{

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-top: 10px;

}

.foot-bot .foot-bot-bot .foot-bot-text{

  display: flex;

  gap: 55px;

}

.foot-bot .foot-bot-bot *{

  color: #888888;

  font-size: 12px;

}

.top-btn {
  position: fixed;
  bottom: 30px;
  right: 20px;
  width: 27px;
  height: 27px;
  text-align: center;
  background: #000;
  cursor: pointer;
}

/* about */

.jumbotron{

  height: 744px;

}

.jumbotron .container{width: 95%;height: 100%;max-width: 1200px;height: 300px;margin: 0 auto;padding-top: 240px;padding-bottom: 260px;text-align: center;}

.jumbotron .container .nav-tt{

  color: #ffffff;

  font-size: 36px;

  line-height: 60px;

  font-weight: bold;

  margin-bottom: 10px;

}

.jumbotron .container .nav-tt2{

  font-size: 22px;

  color: #ffffff;

}



.about-ab-body{

  width: 95%;

  max-width: 1200px;

  margin: 140px auto 0;

}

.about-ab-body .about-ab-tit{

  font-size: 30px;

  font-weight: bold;

  line-height: 42px;

  margin-bottom: 5px;

  text-align: center;

}

.about-ab-body .about-ab-tit2{

  font-size: 20px;

  position: relative;

  padding-bottom: 30px;

  margin-bottom: 25px;

  text-align: center;

}

.about-ab-body .about-ab-tit2::after{

  content: '';

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: 60px;

  height: 3px;

  background-color: #000000;

}

.about-ab-body .about-ab-text{

  font-size: 15px;

  margin-bottom: 20px;

}

.about-ab-body .about-abicon{

  margin: 40px 260px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.about-ab-body .about-abicon .abico-l{

  width: 1px;

  height: 40px;

  background-color: #555555;

}

.about-zz-body{

  width: 95%;

  max-width: 1320px;

  margin: 120px auto 0;

}

.about-tit{

  font-size: 30px;

  margin-bottom: 25px;

}

.about-tit-text{

  font-size: 15px;

  color: #555555;

}

.about-zz-wrap{

  margin-top: 45px;

  padding-top: 70px;

  padding-left: 60px;

  padding-right: 60px;

  padding-bottom: 25px;

  background-color: #f5f6f7;

  display: flex;

  justify-content: space-between;

}

.about-zz-wrap-l .about-zz-wrap-tit{

  font-size: 20px;

  font-weight: bold;

  padding-bottom: 25px;

  margin-bottom: 50px;

  position: relative;

}

.about-zz-wrap-l .about-zz-list{

  display: flex;

  gap: 50px;

}

.about-zz-list .about-zz-list-item{

  margin-bottom: 13px;

} 

.about-zz-wrap-l .about-zz-wrap-tit::after{

  position: absolute;

  content: '';

  display: block;

  bottom: 0;

  left: 0;

  width: 60px;

  height: 1px;

  background-color: #000;

}

.about-fz-body{

  width: 95%;

  max-width: 1200px;

  margin: 140px auto 150px;

  text-align: center;

}

.about-fz-list{

  margin-left: 80px;

  display: flex;

  gap: 100px;

  /* width: 1740px; */

  overflow-x: scroll;

  -webkit-overflow-scrolling: touch;

  padding-bottom: 30px;

  margin-bottom: 150px;

}

.about-fz-list .about-fz-item{

  width: 290px;

  flex-shrink: 0;

}

.about-fz-list .about-fz-item:first-child{

  width: auto;

}

.about-fz-list .about-fz-item .about-fz-item-tit{

  font-size: 24px;

  color: #999999;

  margin-bottom: 10px;

  /* font-family: 'Impact'; */

}

.about-fz-list .about-fz-item .about-fz-item-cont{

  font-size: 18px;

}

.about-fz-list::-webkit-scrollbar{

  height: 2px;

}

.about-fz-list::-webkit-scrollbar-track{

  border-radius: 2.5px;

  background-color: #dddddd;

}

.about-fz-list::-webkit-scrollbar-thumb{

  border-radius: 2.5px;

  background-color: #666666;

}



.about-zy-body{

  width: 95%;

  max-width: 1200px;

  margin: 140px auto 0;

  text-align: center;

}

.about-zy .about-tit{

  font-size: 32px;

}

.about-zy .about-tit-text{

  font-size: 15px;

}

.about-zy-body .about-zy-list{

  display: flex;

  justify-content: space-between;

  gap: 10px;

  margin: 65px 50px 0;

}

.about-zy-body .about-zy-list .about-zy-item p{

  font-size: 13px;

  text-align: center;

  margin-top: 15px;

}

.about-ab-main{

  width: 100%;

  max-width: 1200px;

  margin: 105px auto 88px;

}

.about-ab-main *{

  color: #ffffff;

}

.about-ab-main .about-ab-list{

  display: flex;

}

.about-ab-main .about-ab-list .about-ab-item{

  width: 25%;

  padding-top: 44px;

  padding-bottom: 30px;

  padding-left: 40px;

}

.about-ab-main .about-ab-list .about-ab-item:nth-of-type(odd){

  background-color: #3f3e3e;

}

.about-ab-main .about-ab-list .about-ab-item:nth-child(1){

  border-top-left-radius: 15px;

  border-bottom-left-radius: 15px;

}

.about-ab-main .about-ab-list .about-ab-item:nth-child(2){

  background-image: linear-gradient(to top, rgba(180, 210, 255, 1), rgba(63, 62, 62, 1));;

}

.about-ab-main .about-ab-list .about-ab-item:nth-child(4){

  border-top-right-radius: 15px;

  border-bottom-right-radius: 15px;

  background-image: linear-gradient(to bottom, rgba(63, 62, 62, 1), rgba(180, 210, 255, 1));;

}

.about-ab-main .about-ab-list .about-ab-item-num1{

  color: #fff;

  position: relative;

  padding-bottom: 20px;

  font-size: 52px;

  font-weight: bold;

  /* font-family: Arial; */

}

.about-ab-main .about-ab-list .about-ab-item-num{

  font-size: 52px;

  font-weight: bold;

}

.about-ab-main .about-ab-list .about-ab-item-num1::after{

  position: absolute;

  bottom: 0;

  left: 0;

  content: '';

  display: block;

  width: 33px;

  height: 3px;

  background-color: #a6a6a6;

}

.about-ab-main .about-ab-list p{

  color: #ffffff;

  font-size: 15px;

  margin-top: 30px;

}

.about-ab-zd{

  display: flex;

  flex-wrap: wrap;

  gap: 28px;

  justify-content: center;

}

.about-ab-zd .about-ab-zd-item{

  min-width: 350px;

  height: 45px;

  line-height: 45px;

  font-size: 15px;

  text-align: center;

  border-radius: 5px;

  border: 1px solid #000;

}

.about-deve{

  margin-top: 140px;

  background-image: url(../img/about/about_adv.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 69px;

  padding-bottom: 60px;

}

.about-deve .about-deve-body{

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

}

.about-deve .about-deve-tit{

  font-size: 32px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 35px;

}

.about-deve .about-deve-text{

  font-size: 15px;

  /* font-family: Arial; */

  margin-bottom: 45px;

}

.ul-tabs-cont .li-cont-item {

  overflow: hidden;

  position: relative;

  display: flex;

}

.ul-tabs-cont .li-cont-item .tabs-tit:nth-of-type(odd) {

  width: 8%;

  position: relative;

  letter-spacing: 0;

  border-right: 1px solid #3f3e3e;

  box-sizing: border-box;

}

.ul-tabs-cont .li-cont-item .tabs-tit:nth-of-type(even) {

  position: relative;

  letter-spacing: 0;

  margin-left: 30px;

}

.ul-tabs-cont .li-cont-item .titles {

  font-size: 18px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  /* font-family: Arial; */

}

.ul-tabs-cont .li-cont-item .printToImg {

  top: 5px;

  left: calc(8% - 7px);

}

.ul-tabs-cont .li-cont-item:nth-of-type(1) .printToImg {

  top: 0 !important;

}

.ul-tabs-cont .li-cont-item .printToImg {

  position: absolute;

}

.ul-tabs-cont .solidCircle {

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #3f3e3e;

  position: relative;

}

.ul-tabs-cont .tabs-cont {

  width: 8%;

  height: 55px;

  line-height: 55px;

  border-right: 1px solid #3f3e3e;

}







.about-zy-gz{

  width: 100%;

  max-width: 1010px;

  margin: 55px auto 0;

  display: flex;

  gap: 15px;

}

.about-zy-gz .about-zy-gz-item{

  width: 290px;

  color: #ffffff;

  font-size: 15px;

  padding: 15px 0;

  border-radius: 5px;

  background-color: rgba(255, 255, 255, .3);

}

.about-model-body{

  width: 95%;

  max-width: 1600px;

  margin: 140px auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

}




 .about-model-body-r .about-model-body-r-tit{

  font-size: 30px;

}

 .about-model-body-r .about-model-item{

  margin-bottom: 50px;

}
 .about-model-body-r  .about-tit-text{margin-bottom:20px}
 .about-model-body-r .about-model-item .about-model-item-tbox{

  cursor: pointer;

}

.about-model-body-r .about-model-item:nth-last-of-type(3){

  margin-top: 70px;

}

 .about-model-body-r .about-model-item span{

  font-size: 18px;

  padding-right: 20px;

}

 .about-model-body-r .about-model-item .fa{

  font-size: 23px;

  vertical-align: bottom;

}

 .about-model-body-r .about-model-item-info{display: none;font-size: 15px;color: #555555;margin-top: 20px;}

.xz{transform: rotate(180deg);}

.about-made{

  padding-top: 88px;

  padding-bottom: 78px;

  background-color: #f5f6f7;

}

.about-made-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  text-align: center;

}

.about-made-body .about-made-wrap{

  margin-left: 110px;

  margin-right: 110px;

  margin-top: 65px;

}

.about-made-body .about-made-wrap .about-made-wrap-img{

  display: none;

}

.bottom{

  color: #000000 !important;

  border-bottom: 2px solid #000000;

}

.about-made-body .about-made-wrap-tit{

  display: flex;

  margin-left: 110px;

  margin-right: 110px;

  margin-top: 65px;

  border-bottom: 1px solid #dddddd;

}

.about-made-body .about-made-wrap-tit .about-made-wrap-tit-l{

  width: 50%;

  text-align: center;

  padding-bottom: 20px;

  font-size: 20px;

  color: #666666;

}

.about-made-body .about-made-wrap-info{

  text-align: center;

  font-size: 15px;

  margin-top: 45px;

}

.about-made-body .about-made-wrap-info .about-made-wrap-info-p{

  display: none;

  font-size: 15px;

  color: #555555;

}

.about-video{

  width: 95%;

  max-width: 1200px;

  margin: 140px auto;

}
.about-certificate{width: 95%;

  max-width: 1200px;

  margin: 100px auto;}
/* .about-certificate .swiper-container{padding:8px 0 }
.about-certificate .swiper-wrapper {}
.about-certificate  .swiper-slide{padding:10px;}
.about-certificate a{
  font-size:0;
  box-shadow: 0 0 10px 5px rgb(171,165,165,.5);
  display:block;
  
  } */
 
.mKeBanner,.mKeBanner div{text-align:center;}
.imageflow img{ box-shadow: 0 0 8px 1px rgb(171 165 165 / 70%)}
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:1200px; margin:0 auto}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.image_show {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  background: rgba(0, 0, 0, .6);
  z-index: 999
}

.image_bigger {
  display: block;
  margin: auto;
  width: 30%
}

.image_show .close {
  position: absolute;
  top: 35px;
  right: 25px;
  color: #f1f1f1;
  font-size: 60px;
  font-weight: bold;
  transition: .3s
}

.about-zs-body{

  width: 95%;

  max-width: 1515px;

  margin: 150px auto 50px;

  text-align: center;

}

.about-zs .imgbox {
  position: relative
}

.about-zs .imgbox h2 {
  position: absolute;
  right: 22%;
  top: 34%;
  z-index: 2;
  width: 60px;
  height: 60px;
  background-color: #435c96;
  border-radius: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 12px;
  color: white
}

.about-zs .imgbox h2:after {
  content: '';
  position: absolute;
  background: rgba(67, 92, 150, .5);
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: -1;
  border-radius: 100%
}

.about-zs .imgbox #echartsMap {
  height: 900px;
  width: 100%;
}
.about-zs .imgbox #echartsMap>div,.about-zs .imgbox #echartsMap canvas{width:100% !important}



.jumbotron2{

  margin-top: 56px;

}

.jumbotron2 .container2{

  width: 95%;

  max-width: 1200px;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

}

.jumbotron2 .container2 .nav-tt{

  color: #ffffff;

  font-size: 60px;

  /* font-family: Arial; */

}

/* News */

.new-body{

  width: 95%;

  max-width: 1200px;

  display: flex;

  justify-content: space-between;

  margin: 130px auto 140px;

}

.new-body *{

  /* font-family: Arial !important; */

}

.new-body .new-body-l{

  width: 21%;

}

.new-body .new-body-l .new-body-l-list .new-body-l-list-li a{

  width: 100%;
display:block;
  height: 60px;

  line-height: 60px;

  font-size: 18px;

  padding-left: 20px;

  background-color: #f7f7f7;

  cursor: pointer;

}

.new-body .new-body-l .new-body-l-list .new-body-l-list-li.news-active a{

  background-color: #fff;

  border-right: 2px solid #e50018;

}

.new-body .new-body-r{

  width: 74%;

}



.new-body .new-body-r .new-body-r-cont .new-body-r-tit{

  width: 100%;

  font-size: 18px;

  font-weight: bold;

  padding: 25px 0 13px 20px;

  border-bottom: 1px solid #e7e7e7;

}

.new-body .new-body-r .new-body-r-list{

  display: flex;

  flex-wrap: wrap;

}

.new-body .new-body-r .new-body-r-list .new-body-r-list-item{

  width: 47%;

  margin-right: 48px;

  margin-top: 48px;

}

.new-body .new-body-r .new-body-r-list .new-body-r-list-item:nth-of-type(2n){

  margin-right: 0;

}

.new-body .new-body-r .new-body-r-list .new-body-r-list-item:hover{

  box-shadow: 0 0 12px 3px #f8f8f8;

}

.new-body .new-body-r .new-body-r-list .new-body-r-list-item:hover .new-body-r-list-item-info{

  background-color: #fff;

}

.new-body .new-body-r .new-body-r-list .new-body-r-list-item .new-body-r-list-item-info{

  padding: 25px 15px 15px 15px;

  background-color: #f8f8f8;

}

.new-body .new-body-r .new-body-r-list .new-body-r-list-item .new-body-r-list-item-info .new-body-r-list-item-tit{

  font-size: 18px;

  font-weight: bold;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin-bottom: 25px;
  height:42px

}

.new-body .new-body-r .new-body-r-list .new-body-r-list-item .new-body-r-list-item-info .new-body-r-list-item-text{

  font-size: 14px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  margin-bottom: 35px;

}

.new-body .new-body-r .new-body-r-list .new-body-r-list-item .new-body-r-list-item-info .new-body-r-list-item-date{

  color: #959595;

  text-align: right;

}

/* service */

.service-first{

  margin-top: 150px;

}

.service-top {

  text-align: center;

  margin-bottom: 50px;

}

.service-tit{

  font-size: 32px;

  margin-bottom: 20px;

}



.service-first .service-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  background-image: url(../img/service/service_01.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  padding: 139px 90px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.service-first .service-body .service-text1{

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 15px;

}

.service-first .service-body .service-text2{

  font-size: 15px;

  color: #ffffff;

  margin-bottom: 15px;

}

.service-first .service-body .service-text3{

  font-size: 14px;

  color: #ffffff;

}

.service-first .service-body .service-body-l{

  max-width: 50%;

}

.service-first .service-body .service-body-r{

  width: 30%;

  color: #ffffff;

  font-size: 32px;

}

.service-second{

  margin-top: 150px;

}

.service-second .service-body{

  width: 95%;

  max-width: 1560px;

  margin-left: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.service-body .service-text1,.service-body .service-text1 strong{

  font-size: 32px;

  margin-bottom: 50px;

}

.service-body .service-text2{

  font-size: 18px;

  margin-bottom: 20px;

}

.service-body .service-a1{

  display: inline-block;

  padding: 0 46px;

  line-height: 40px;

  height: 40px;

  font-size: 14px;

  text-align: center;

  color: #ffffff;

  background-color: #000000;

  border: 1px solid #000000;

  border-radius: 5px;

  margin-top: 20px;

  margin-right: 30px;

}

.service-body .service-a1:hover{

  background-color: #ffffff;

  color: #000000;

}

.service-body .service-a2{

  display: inline-block;

  padding: 0 46px;

  line-height: 40px;

  height: 40px;

  font-size: 14px;

  text-align: center;

  background-color: #ffffff;

  border: 1px solid #000000;

  border-radius: 5px;

}

.service-body .service-a2:hover{

  color: #ffffff;

  background-color: #000000;

}

.service-body .service-body-l{

  width: 33%;

}

.service-third{

  margin-top: 150px;

}

.service-third .service-body{

  width: 95%;

  max-width: 1560px;

  margin-right: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.service-fourth{

  margin-top: 150px;

}

.service-fourth .service-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  background-image: url(../img/service/service_04.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  padding: 139px 90px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.service-fourth .service-body .service-text1{

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 40px;

}

.service-fourth .service-body .service-text3{

  font-size: 14px;

  color: #ffffff;

}

.service-fourth .service-body .service-body-r{

  max-width: 45%;

}

.service-fourth .service-body .service-body-l{

  width: 35%;

  text-align: right;

  color: #ffffff;

  font-size: 32px;

}

.service-fifth{

  margin-top: 150px;

  margin-bottom: 150px;

  background-image: url(../img/service/service_05.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  padding: 140px 90px;

}

.service-fifth .service-body{

  width: 95%;

  max-width: 870px;

  margin: 0 auto;

  text-align: center;

}

.service-fifth .service-text1,.service-fifth .service-text1 strong{

  font-size: 32px;

  color: #ffffff;

  margin-bottom: 70px;

}

.service-fifth .service-text2{

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 25px;

}

.service-fifth .service-a{

  position: relative;

  display: inline-block;

  padding: 0 40px;

  line-height: 40px;

  height: 40px;

  font-size: 14px;

  text-align: center;

  background-color: #ffffff;

  border-radius: 5px;

  margin-top: 40px;

  z-index: 1;

}

.service-fifth .service-a::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: -1px;

  z-index: -1;

  background: #435c96;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.service-fifth .service-a:hover {

  color: #fff;

  border: 1px solid transparent;

  background-color: transparent;

}



.service-fifth .service-a:hover:before {

  width: 100%;

  border: 1px solid #435c96;

}

.join-top{

  height: 56px;

  line-height: 56px;

  background-color: #000000;

  margin-top: 56px;

}

.join-top .join-top-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.join-top .join-top-body .join-top-body-l{

  font-size: 18px;

  color: #ffffff;

}



.join-top .join-top-body .join-top-body-r a{

  font-size: 14px;

  color: #ffffff;

  padding-left: 20px;

}



.join-jumbotron .container2{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding-top: 190px;

  padding-bottom: 190px;

}

.join-jumbotron .container2 .nav-tt{

  color: #ffffff;

  font-size: 52px;

  padding-bottom: 80px;

}

.join-jumbotron .container2 .nav-tt strong{

  font-size: 60px;

  color: #ffffff;

}

.join-jumbotron .join-a{

  display: inline-block;

  font-size: 22px;

  padding: 16px 75px;

  text-align: center;

  background-color: rgba(255, 255, 255, .6);

  border-radius: 30px;

  margin-right: 30px;

}

.join-company{

  margin-top: 150px;

  margin-bottom: 150px;

}

.join-company .join-company-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.join-company .join-company-body .join-company-body-item{

  width: 49%;

  background-color: #fafafa;

  padding: 40px 0 37px 15px;

  border-radius: 5px;

}

.join-company .join-company-body .join-company-body-item .join-company-tit{

  font-size: 24px;

  margin-bottom: 35px;

}

.join-company .join-company-body .join-company-lis{

  font-size: 14px;

  margin-bottom: 25px;

}

.join-company .join-company-body .join-company-lis strong{

  font-size: 14px;

  font-weight: bold;

}

.join-bg{

  background-image: url(../img/join/join_03.jpg);

  background-repeat: no-repeat;

  background-size: cover;

}

.join-model .join-model-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding-top: 60px;

  padding-bottom: 30px;

}

.join-model .join-model-body .join-model-tit{

  text-align: center;

  font-size: 36px;

}

.join-model .join-model-body .join-model-list{

  padding-top: 45.5%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.join-model .join-model-body .join-model-list .join-model-list-item{

  width: 26%;

}

.join-model .join-model-body .join-model-list p{

  color: #ffffff;

}

.join-model .join-model-body .join-model-list-line{

  width: 1px;

  height: 40px;

  background-color: #fff;

}

.join-bg2{

  background-image: url(../img/join/join_02.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: bottom center;

}

.join-work{

  margin-top: 150px;

  margin-bottom: 120px;

}

.join-work .join-work-tit{

  font-size: 36px;

  text-align: center;

  margin-bottom: 60px;

}

.new{

  margin-top: 100px;

  margin-bottom: 150px;

}

.new .new-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.new-active{

  background-color: #000000;

  color: #ffffff;

}

.new-body-top{

  display: none;

  text-align: right;

  padding-bottom: 30px;

  border-bottom: 1px solid #dddddd;

}

.new-body-top .new-body-nav{

  display: inline-block;

  width: 180px;

  padding: 9px 0;

  text-align: center;

  border: 1px solid #000000;

  font-size: 15px;

  border-radius: 5px;

  margin-left: 30px;

}

.new-body-top .new-body-nav:hover{

  color: #ffffff;

  background-color: #000000;

}

.new-body-top .new-body-nav.new-active{

  position: relative;

}

.new-body-top .new-body-nav.new-active::after {

  content: "";

  display: inline-block;

  width: 15px;

  height: 15px;

  border: 1px solid #dddddd;

  border-color: #dddddd #dddddd transparent transparent;

  -webkit-transform: rotate( -45deg);

  transform: rotate( -45deg);

  position: absolute;

  left: 0;

  right: 0;

  bottom: -39.7px;

  margin: auto;

  background-color: #fff;

}

.new-body-wrap{

  margin-top: 85px;

}

.new-body-wrap .news-list{

  display: flex;

  gap: 30px;

}

.new-body-wrap .news-list .news-item:hover{

  box-shadow: 0 0 8px 2px #eeeeee;

}

.new-body-wrap .news-list .news-info{

  padding: 15px 0 20px 25px;

}

.new-body-wrap .news-list .news-info .news-tit{

  font-size: 16px;

  margin-bottom: 20px;

}

.new-body-wrap .news-list .news-info .news-date{

  font-size: 14px;

  color: #959595;

}

.new-body-wrap .news-list2{

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin-top: 40px;

}

.new-body-wrap .news-list2 .news-item2{

  width: 32%;

  margin-right: 2%;

  margin-bottom: 40px;

}

.new-body-wrap .news-list2 .news-item2:hover{

  box-shadow: 0 0 8px 2px #eeeeee;

}

.new-body-wrap .news-list2 .news-item2:nth-of-type(3n){

  margin-right: 0;

}

.new-body-wrap .news-list2 .news-item2 .news-imgbox img{

  border-radius: 5px;

}

.new-body-wrap .news-list2 .news-info2{

  padding: 15px 0 20px 25px;

}

.new-body-wrap .news-list2 .news-info2 .news-tit2{

  font-size: 16px;

  margin-bottom: 20px;

}

.new-body-wrap .news-list2 .news-info2 .news-date2{

  font-size: 14px;

  color: #959595;

}

.new-detail{

  margin-top: 56px;

}

.new-detail-top{

  width: 100%;

  height: 56px;

  line-height: 56px;

  background-color: #000000;

}

.new-detail-top .new-detail-top-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  color: #ffffff;

  font-size: 18px;

}

.new-detail-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.new-detail-body .new-detail-position{

  margin-top: 25px;

  margin-bottom: 50px;

  font-size: 14px;

}

.new-detail-body .new-detail-wrap{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-bottom: 150px;

}

.new-detail-body .new-detail-wrap .new-detail-tit{

  font-size: 32px;

  margin-bottom: 40px;

}

.new-detail-body .new-detail-author{

  font-size: 14px;

  margin-bottom: 20px;

}

.new-detail-body .new-detail-author strong{

  font-size: 14px;

  margin-left: 30px;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-l{

  width: 66%;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-r{

  width: 32%;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-l .new-detail-line{

  width: 100%;

  height: 1px;

  background-color: #dddddd;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-l .new-detail-cont{

  padding-right: 8%;

  padding-top: 65px;

  padding-bottom: 65px;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-l .new-detail-page{

  font-size: 14px;

  color: #454545;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-l:first-child .new-detail-page{

  margin-bottom: 15px;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-l .new-detail-page a{

  font-size: 14px;

  color: #454545;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-r .new-detail-wrap-r-tit{

  font-size: 24px;

  margin-bottom: 30px;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-r .new-detail-wrap-r-item .imgbox img{

  border-radius: 5px;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-r .new-detail-wrap-r-info{

  padding: 15px 0 20px 25px;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-r .new-detail-wrap-r-info .new-detail-wrap-r-bt{

  font-size: 16px;

  margin-bottom: 20px;

}

.new-detail-body .new-detail-wrap .new-detail-wrap-r .new-detail-wrap-r-info .new-detail-wrap-r-date{

  font-size: 14px;

  color: #959595;

}


.my-4 {

  max-width: 1200px;

  margin: 0 auto;

  text-align: center;

}



.my-4 .pagination a {

  /* font-family: MSYH; */

  display: block;

  font-size: 14px;

}



.my-4 .pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}



/* .page-link.page-jt{

  width: 26px;

} */



.page-link {

  height: 26px;

  line-height: 26px;

  /* background-color: #eaeaea; */

}



.page-link.page-first,.page-link.page-lest{

  padding: 0 10px;

  background-color: #eaeaea;

}



.page-num {

  width: 26px;

  height: 26px;

  line-height: 26px;

}



.page-num.page-num-current {

  background-color: #e50018;

  color: #ffffff;

}

.top-pic{

  margin-top: 56px;

}


.top-pic .container{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding-top: 169px;

  padding-bottom: 169px;

}

.top-pic .nav-tt{

  max-width: 650px;

  font-size: 43px;

  color: #ffffff;

  font-weight: bold;

}

.intelligent-body{

  width: 95%;

  max-width: 1200px;

  margin: 150px auto;

}

.intelligent-tit{

  font-size: 36px;

  text-align: center;

}

.intelligent-info{

  margin-bottom: 35px;

  text-align: center;

}

.intelligent-item{

  margin-bottom: 150px;

  text-align: center;

}

.intelligent-body .intelligent-item .intelligent-item-wrap{

  display: flex;

  gap: 20px;

  margin-top: 20px;

}

.intelligent-body .intelligent-item .intelligent-item-wrap .intelligent-item-wrap-item{

  position: relative;

}

.intelligent-body .intelligent-item .intelligent-item-wrap .intelligent-item-wrap-item .intelligent-item-info{

  position: absolute;

  top: 50px;

  left: 50px;

  right: 50px;

  text-align: center;

}

.intelligent-item-wrap-item .intelligent-item-info .intelligent-item-p1{

  font-size: 25px;

  font-weight: bold;

  padding-bottom: 20px;

}

.intelligent-item-wrap-item .intelligent-item-info .intelligent-item-p2{

  font-size: 15px;

}

.intelligent-item2{

  margin-bottom: 150px;

  text-align: center;

}

.intelligent-item2 .imgbox{

  margin-top: 130px;

}



/* contact */

.contact{

  margin-top: 100px;

  margin-bottom: 150px;

}

.contact .contact-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.contact-active{

  background-color: #000000;

  color: #ffffff;

}

.contact-body-top{

  display: none;

  text-align: right;

  padding-bottom: 30px;

  border-bottom: 1px solid #dddddd;

}

.contact-body-top .contact-body-nav{

  display: inline-block;

  width: 180px;

  padding: 9px 0;

  text-align: center;

  border: 1px solid #000000;

  font-size: 15px;

  border-radius: 5px;

  margin-left: 30px;

}

.contact-body-top .contact-body-nav:hover{

  color: #ffffff;

  background-color: #000000;

}

.contact-body-top .contact-body-nav.contact-active{

  position: relative;

}

.contact-body-top .contact-body-nav.contact-active::after {

  content: "";

  display: inline-block;

  width: 15px;

  height: 15px;

  border: 1px solid #dddddd;

  border-color: #dddddd #dddddd transparent transparent;

  -webkit-transform: rotate( -45deg);

  transform: rotate( -45deg);

  position: absolute;

  left: 0;

  right: 0;

  bottom: -39.7px;

  margin: auto;

  background-color: #fff;

}

.contact-body-wrap{

  margin-top: 85px;

  display: flex;

  justify-content: space-between;

}

.contact-body-wrap .contact-body-wrap-l{

  width: 50%;

  padding-right: 55px;

}

.contact-body-wrap .contact-body-wrap-l .contact-l-company{

  font-size: 32px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 45px;

  /* font-family: Arial; */

}

.contact-body-wrap .contact-body-wrap-l .contact-l-company2{

  font-size: 18px;

  /* font-family: Arial; */

}

.contact-body-wrap .contact-body-wrap-l .contact-l-info {
  margin-top: 60px;
}

.contact-body-wrap .contact-body-wrap-l .contact-l-info * {
  font-size: 20px;
}

.contact-body-wrap .contact-body-wrap-l .contact-l-info div {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin-bottom: 15px;
}
.contact_share {padding:50px 0 0 }
.contact_share ul li{margin-bottom:10px}
.contact_share ul li a{display:flex;align-items: center;}
.contact_share ul li a i{width:30px;height:30px;border-radius:100%;background-color:black;color:white;text-align:center;line-height:30px}
.contact_share ul li a p{font-size:16px;color:black;margin-left:10px}
.contact-body-wrap .contact-body-wrap-r{

  width: 50%;

  padding: 70px 50px;

  border-radius: 5px;

  background-color: #f5f6f7;

}

.contact-body-wrap .contact-body-wrap-r *{

  /* font-family: Arial; */

}

.message-line1{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.message-line1 .message-item{

  width: 49%;

  margin-bottom: 20px;

  border-radius: 5px;

}

.message-line1 .message-item textarea{

  width: 100%;

  height: 160px;

}



.message-line{

  width: 100%;

  margin-bottom: 20px;

}

.message-line .message-item .message-lab{

  display: block;

  font-size: 16px;

  margin-bottom: 20px;

}

.message-line .message-inp{

  width: 100%;

  height: 45px;

  line-height: 45px;

  padding-left: 15px;

  background: #ffffff;

}

.message-line .message-inp::placeholder{

  color: #000000;

  opacity: .5;

}

.message-line .message-textarea{

  width: 100%;

  height: 160px;

  padding-left: 15px;

  padding-top: 15px;

  background: #ffffff;

}

.message-line .message-item textarea::placeholder{

  color: #000000;

  opacity: .5;

}

.message-line .message-sub{

  font-size: 15px;

  padding: 10px 53px;

  border-radius: 6px;

  background-color: #000000;

  color: #ffffff;

  cursor: pointer;

}

.message-box .message-check{

  width: 18px;

  height: 18px;

  display: inline-block;

  border-radius: 5px;

  background-color: #ffffff;

  margin-right: 10px;

  margin-top: 7px;

  flex-shrink: 0;

}

.message-box{

  display: flex;

  margin-bottom: 30px;

}

.message-box p{

  font-size: 15px;

  line-height: 30px;

}

/* download */

.download{

  margin-top: 56px;

}

.download-detail-top{

  width: 100%;

  height: 56px;

  line-height: 56px;

  background-color: #000000;

}

.download-detail-top .download-detail-top-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  color: #ffffff;

  font-size: 18px;

}

.download-body-top{

  width: 95%;

  max-width: 1200px;

  margin: 60px auto 70px;

  padding-bottom: 30px;

  border-bottom: 1px solid #dddddd;

}

.download-body-top .download-body-nav{

  display: inline-block;

  width: 180px;

  padding: 9px 0;

  text-align: center;

  border: 1px solid #000000;

  font-size: 15px;

  border-radius: 5px;

  margin-right: 30px;

}

.download-body-top .download-body-nav.download-active{

  position: relative;

}

.download-body-top .download-body-nav.download-active::after {

  content: "";

  display: inline-block;

  width: 15px;

  height: 15px;

  border: 1px solid #dddddd;

  border-color: #dddddd #dddddd transparent transparent;

  -webkit-transform: rotate( -45deg);

  transform: rotate( -45deg);

  position: absolute;

  left: 0;

  right: 0;

  bottom: -39.7px;

  margin: auto;

  background-color: #fff;

}

.download-active{

  background-color: #000000;

  color: #ffffff;

}

.download-position{

  width: 95%;

  max-width: 1200px;

  margin: 25px auto 50px;

}

.download-position a{

  color: #666666;

  font-size: 14px;

}

.download-titbox{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.download-titbox div{

  font-size: 32px;

  margin-bottom: 10px;

} 

.download-list{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.download-list .download-list-item{

  width: 48%;

  border: 1px solid #dddddd;

  border-radius: 5px;

  padding: 40px 60px;

  display: flex;

  align-items: center;

  gap: 40px;

  margin-bottom: 55px;

}

.download-list .download-list-item .download-tit{

  font-size: 18px;

  margin-bottom: 30px;

}

.download-list .download-list-item a{

  display: block;

  width: 150px;

  height: 40px;

  line-height: 40px;

  font-size: 15px;

  background-color: #ffffff;

  border: 1px solid #000000;

  text-align: center;

  border-radius: 5px;

}

.download-list .download-list-item:hover{

  background-color: #f5f6f7;

  border: 1px solid #f5f6f7;

}

.download-list .download-list-item:hover a{

  background-color: #000000;

  color: #ffffff;

}

.download-contact{

  width: 100%;

  box-shadow: 0 0 3px 1px #f5f6f7;

}

.download-contact .download-contact-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding-top: 35px;

  padding-bottom: 30px;

  display: flex;

  justify-content: space-between;

}

.download-contact .download-contact-body .download-contact-l{

  display: flex;

}

.download-contact .download-contact-body .download-contact-l .imgbox{

  margin-right: 15px;

}

.download-contact .download-contact-body .download-contact-r{

  display: flex;

  align-items: center;

}

.download-contact .download-contact-body .download-contact-r p{

  text-align: right;

}

.download-contact .download-contact-body .download-contact-r .download-a{

  display: block;

  width: 160px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 5px;

  color: #ffffff;

  font-weight: bold;

  background-color: #435596;

  margin-left: 15px;

}


.solution{

  margin-top: 140px;

}

.solution *{

  /* font-family: Arial !important; */

}

.solution-first{

  background-image: url(../img/service/solutions_bg.jpg);

  background-repeat: no-repeat;

  background-position: top left;

  padding-top: 110px;

}

.solution-first .solution-first-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding-bottom: 140px;

}

.solution-first-cont {

  width: 50%;

  margin-left: auto;

}

.solution-first-cont .solution-first-tip{

  padding-left: 60px;

  margin-bottom: 30px;

}

.solution-first-cont .solution-first-title{

  font-size: 32px;

  margin-bottom: 20px;

}

.solution-first-cont p{

  font-size: 18px;

}

.solution-first-cont .solution-first-text{

  margin-bottom: 30px;

}

.solution-first-cont .solution-first-text2{

  margin-top: 30px;

}

.solution-first-cont .solution-first-a{

  display: inline-block;

  max-width: 180px;

  padding: 0 40px;

  height: 40px;

  line-height: 40px;

  font-size: 15px;

  text-align: center;

  color: #fff;

  border-radius: 6px;

  margin-top: 50px;

  margin-left: 60px;

  background-color: #000;

}

.solution-first .solution-first-wrap{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.solution-first-wrap .solution-wrap-title{

  font-size: 32px;

  padding-bottom: 80px;

  text-align: center;

  text-transform: uppercase;

}

.solution-first-wrap .solution-first-wrap-list{

  display: flex;

  flex-wrap: wrap;

}

.solution-first-wrap-list .solution-first-wrap-item{

  width: 47.5%;

  padding: 40px 20px;

  margin-right: 60px;

  margin-bottom: 60px;

  border-radius: 15px;

  box-shadow: 1px 1px 11px 5px #eeeeee;

  background-color: #fff;

}

.solution-first-wrap-list .solution-first-wrap-item:nth-of-type(2n){

  margin-right: 0;

}

.solution-first-wrap-list .solution-first-wrap-item .imgbox{

  margin-bottom: 25px;

}

.solution-first-wrap-list .solution-first-wrap-item .solution-first-wrap-item-tit{

  font-size: 28px;

  margin-bottom: 25px;

}

.solution-first-wrap-list .solution-first-wrap-item .solution-first-wrap-item-text{

  line-height: 30px;

}

.solution-second{

  margin: 140px auto;

}

.solution-second{

  height: 811px;

  background-image: url(../img/service/solutions_bg2.jpg);

  background-position: right;

  background-repeat: no-repeat;

}

.solution-second .solution-second-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding-top: 105px;

  padding-bottom: 120px;

}

.solution-second .solution-second-body .solution-second-tit{

  font-size: 32px;

  margin-bottom: 50px;

}

.solution-active{

  color: #ffffff;

  background-color: #000000;

}

.solution-top {

  margin-bottom: 50px;

}

.solution-top .solution-top-item{

  max-width: 320px;

  text-align: center;

  padding: 9px 40px;

  font-size: 15px;

  border: 1px solid #000000;

  border-radius: 5px;

  cursor: pointer;

  margin-bottom: 30px;

}

.solution-content .solution-cont{

  display: none;

}

.solution-content .solution-cont .solution-cont-wrap p{

  font-size: 18px;

  margin-bottom: 20px;

}

.solution-content .solution-cont .solution-cont-wrap .solution-cont-wrap-tit{

  font-size: 32px;

  margin-bottom: 20px;

}

.solution-third{

  padding-top: 106px;

  padding-bottom: 105px;

  background-image: url(../img/service/solutions_bg3.jpg);

  background-position: left;

  background-repeat: no-repeat;

}

.solution-third .solution-third-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.solution-third .solution-third-body .solution-third-tit{

  font-size: 32px;

  margin-bottom: 20px;

  text-align: right;

  text-transform: uppercase;

}

.solution-third .solution-third-body .solution-third-cont{

  width: 55%;

  margin-left: auto;

}

.solution-third .solution-third-body p{

  line-height: 30px;

  text-align: right;

  margin-bottom: 20px;

}

.solution-fourth{

  margin: 140px auto;

  padding: 90px 0 100px;

  background-color: #f5f6f7;

}

.solution-fourth .solution-fourth-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.solution-fourth .solution-fourth-body .solution-fourth-tit{

  font-size: 32px;

  text-transform: uppercase;

  text-align: center;

  margin-bottom: 50px;

}

.solution-fourth .solution-fourth-body .solution-fourth-list{

  display: flex;

  flex-wrap: wrap;

}

.solution-fourth .solution-fourth-body .solution-fourth-list .solution-fourth-item{

  width: 31%;

  padding: 40px 35px 30px 20px;

  margin-right: 40px;

  border-radius: 15px;

  background-color: #fff;

}

.solution-fourth .solution-fourth-body .solution-fourth-list .solution-fourth-item:nth-of-type(3n){

  margin-right: 0;

}

.solution-fourth .solution-fourth-body .solution-fourth-list .solution-fourth-item .solution-fourth-item-tit{

  font-size: 24px;

  margin-bottom: 30px;

}

.solution-fourth .solution-fourth-body .solution-fourth-list .solution-fourth-item p{

  margin-bottom: 50px;

}

.solution-fourth .solution-fourth-body .solution-fourth-list .solution-fourth-item a{

  color: #9f9f9f;

  font-size: 14px;

}

.solution-fourth .solution-fourth-body .solution-fourth-list .solution-fourth-item:hover{

  background-color: #000;

  color: #ffffff;

}

.solution-fourth .solution-fourth-body .solution-fourth-list .solution-fourth-item:hover a{

  color: #ffffff;

}

.solution-fifth{

  padding-top: 106px;

  padding-bottom: 105px;

  background-image: url(../img/service/solutions_bg4.jpg);

  background-position: right;

  background-repeat: no-repeat;

}

.solution-fifth .solution-fifth-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.solution-fifth .solution-fifth-body .solution-fifth-tit{

  font-size: 32px;

  margin-bottom: 40px;

  text-align: left;

  text-transform: uppercase;

}

.solution-fifth .solution-fifth-body .solution-fifth-cont{

  width: 55%;

  margin-left: auto;

}

.solution-fifth .solution-fifth-body p{

  line-height: 30px;

  text-align: left;

  margin-bottom: 20px;

}

.solution-top .solution-top-item2{

  max-width: 260px;

  text-align: center;

  padding: 9px 40px;

  font-size: 15px;

  border: 1px solid #000000;

  border-radius: 5px;

  cursor: pointer;

  margin-bottom: 30px;

}

.solution-content2 .solution-cont2{

  display: none;

}

.solution-content2 .solution-cont2 .solution-cont-wrap p{

  font-size: 18px;

  margin-bottom: 10px;

}

.solution-content2 .solution-cont2 .solution-cont-wrap .solution-cont-wrap-tit{

  font-size: 32px;

  margin-bottom: 20px;

}



.solution-sixth{

  margin-top: 140px;

  margin-bottom: 140px;

  padding-top: 106px;

  padding-bottom: 105px;

  background-image: url(../img/service/solutions_bg5.jpg);

  background-position: left;

  background-repeat: no-repeat;

}

.solution-sixth .solution-sixth-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.solution-sixth .solution-sixth-body .solution-sixth-tit{

  font-size: 32px;

  margin-bottom: 20px;

  text-align: right;

}

.solution-sixth .solution-sixth-body .solution-sixth-cont{

  width: 55%;

  margin-left: auto;

}

.solution-sixth .solution-sixth-body p{

  line-height: 30px;

  text-align: right;

  margin-bottom: 20px;

}

.solution-active2{

  color: #ffffff;

  background-color: #000000;

}


.afs *{

  /* font-family: Arial; */

}

.afs-first{

  margin: 140px auto;

  padding-top: 90px;

  padding-bottom: 90px;

  background-image: url(../img/service/afs_01.jpg);

  background-position: left;

  background-repeat: no-repeat;

}

.afs-first .afs-first-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.afs-first .afs-first-body .afs-first-cont{

  width: 50%;

  margin-right: auto;

}

.afs-first .afs-first-body .afs-first-cont .afs-first-title{

  font-size: 32px;

  margin-top: 30px;

}

.afs-first .afs-first-body .afs-first-cont p{

  margin-top: 30px;

  line-height: 30px;

}

.afs-second-body .afs-second-wrap{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  margin-top: -140px;

  padding: 70px 50px 50px;

  border-radius: 15px;

  background-color: #fff;

  text-align: center;

  position: relative;

  box-shadow: 5px 5px 10px 3px #ebebeb;

}

.afs-second-body .afs-second-wrap .afs-second-title{

  font-size: 32px;

  margin-top: 30px;

  margin-bottom: 20px;

}

.afs-second-body .afs-second-wrap .afs-second-list{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding: 0 40px;

  margin-top: 40px;

}

.afs-second-body .afs-second-wrap .afs-second-list .afs-second-list-item{

  min-width: 220px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 5px;

  margin-bottom: 35px;

  border: 1px solid #000;

}

.afs-second-body .afs-second-wrap .afs-second-list .afs-second-list-item:hover{

  color: #ffffff;

  background-color: #000;

}

.afs-second-wrap{

  width: 95%;

  max-width: 1200px;

  margin: 140px auto;

}

.afs-second-wrap .afs-second-wrap-tit{

  font-size: 32px;

  margin-bottom: 20px;

}

.afs-second-wrap .afs-second-wrap-cont{

  font-size: 18px;

}

.afs-third .afs-third-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.afs-top .afs-top-item{

  max-width: 330px;

  text-align: center;

  padding: 10px 40px;

  font-size: 15px;

  border: 1px solid #000000;

  border-radius: 5px;

  cursor: pointer;

  margin-bottom: 30px;

}

.afs-content .afs-cont{

  display: none;

}

.afs-content .afs-cont .afs-cont-flexbox{

  display: flex;

}

.afs-top .afs-top-item.afs-active{

  color: #ffffff;

  background-color: #000;

}

.afs-content .afs-cont .afs-cont-wrap{

  width: 50%;

  padding-top: 70px;

}

.afs-content .afs-cont .imgbox{

  width: 50%;

  text-align: right;

}

.afs-content .afs-cont .afs-cont-wrap p{

  font-size: 16px;

  margin-bottom: 20px;

}

.afs-content .afs-cont .afs-cont-wrap .afs-cont-wrap-tit{

  font-size: 32px;

  margin-bottom: 20px;

}

.afs-fourth-body{

  width: 95%;

  max-width: 1200px;

  margin: 140px auto;

  display: flex;

  align-items: center;

}

.afs-fourth-body .imgbox{

  width: 50%;

}

.afs-fourth-body .afs-cont-wrap{

  width: 50%;

  text-align: right;

}

.afs-fourth-body .afs-cont-wrap .afs-fourth-tip{

  margin-bottom: 35px;

}

.afs-fourth-body .afs-cont-wrap .afs-cont-wrap-tit{

  font-size: 32px;

  margin-bottom: 20px;

}

.afs-fourth-body .afs-cont-wrap p{

  font-size: 16px;

  margin-bottom: 20px;

}

.afs-fifth{

  height: 811px;

  margin-bottom: 140px;

  padding-top: 120px;

  padding-bottom: 60px;

  background-repeat: no-repeat;

  background-image: url(../img/service/afs_05.jpg);

  background-position: top right;

}

.afs-top {

  margin-bottom: 50px;

}

.afs-fifth .afs-fifth-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.afs-fifth .afs-fifth-body .afs-fifth-tit{

  font-size: 32px;

  margin-bottom: 50px;

}

.afs-top .afs-top-item2{

  max-width: 260px;

  text-align: center;

  padding: 9px 40px;

  font-size: 15px;

  border: 1px solid #000000;

  border-radius: 5px;

  cursor: pointer;

  margin-bottom: 30px;

}

.afs-top .afs-top-item2.afs-active2{

  color: #ffffff;

  background-color: #000;

}

.afs-content2 .afs-cont2{

  display: none;

}

.afs-content2 .afs-cont2 .afs-cont-wrap{

  width: 74%;

}

.afs-content2 .afs-cont2 .afs-cont-wrap p{

  font-size: 18px;

  margin-bottom: 20px;

}

.afs-content2 .afs-cont2 .afs-cont-wrap .afs-cont-wrap-tit{

  font-size: 32px;

  margin-bottom: 20px;

}












































































.bc-body{

  width: 95%;

  max-width: 1600px;

  margin: 120px auto 0;

}

.bc-wrap1{

  width: 95%;

  max-width: 1320px;

  margin: 0 auto;

}

.bc-tit{

  font-size: 18px;

  margin-bottom: 30px;

}

.bc-tit2{

  font-weight: bold;

  font-size: 32px;

  color: #88bcee; 

  margin-bottom: 30px;

}

.bc-wrap2 .bc-wrap2-text{

  width: 95%;

  max-width: 1320px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  gap: 80px;

}

.bc-wrap2 .bc-wrap2-box{

  padding: 60px 0;

  background-color: #eeeeee;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

}

.bc-wrap2 .bc-wrap2-text .bc-wrap2-text-l{

  font-size: 24px;

  font-weight: bold;

}

.bc-wrap2 .bc-wrap2-text .bc-wrap2-text-c{

  width: 1px;

  height: 60px;

  background-color: #cccccc;

}

.bc-wrap2 .bc-wrap2-text .bc-wrap2-text-r p{

  color: #555555;

}

.bc-body .bc-flex{

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.bc-body .bc-item{

  width: 32.5%;

  position: relative;

}

.bc-body .bc-item .bc-item-text{

  position: absolute;

  left: 0;

  right: 0;

  top: 30%;

  margin: auto;

  text-align: center;

}

.bc-body .bc-item .bc-item-text .bc-item-text-p1{

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 10px;

}

.bc-body .bc-item .bc-item-text .bc-item-text-p2{

  font-size: 30px;

  font-weight: bold;

  color: #ffffff;

}

.bc-body .bc-item:hover .bc-item-text-p3{

  opacity: 1;

}

.bc-item-text-p3{

  position: absolute;

  left: 0;

  right: 0;

  top: 60%;

  opacity: 0;

  transition: all 0.3s ease-in-out;

  color: #ffffff;

  font-size: 14px;

  text-align: center;

}

.bc-title{

  margin-bottom: 40px;

  text-align: center;

  font-size: 36px;

}

.bc-body .bc-item2{

  width: 48.75%;

  position: relative;

}

.bc-body .bc-item2 .bc-item2-box{

  width: 100%;

  padding: 20px 40px;

  position: absolute;

  z-index: 2;

  left: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background-color: #f7f7f7;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

}

.bc-body .bc-item2 .bc-item2-box .bc-item2-box-line{

  display: block;

  width: 2px;

  height: 15px;

  background-color: #e50018;

}

.bc-body .bc-item2 .bc-item2-box .bc-item2-box-tit{

  font-size: 18px;

}

.bc-body .bc-item2 .bc-item2-box .bc-item2-box-date{

  font-size: 14px;

  color: #666666;

}

.bc-body .bc-item2 .bc-item2-box .bc-item2-box2{

  display: flex;

  align-items: center;

  gap: 10px;

}

.bc-a{

  position: relative;

  display: block;

  width: 206px;

  padding: 10px 50px;

  font-size: 15px;

  text-align: center;

  border-radius: 5px;

  border: 1px solid #000000;

  margin-top: 55px;

  margin-bottom: 150px;

  margin-left: auto;

  margin-right: auto;

}



.bc-a::before{

  border-radius: 5px;

  width: 0;

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: -1px;

  z-index: -1;

  background: #435c96;

  -webkit-transition: width .3s;

  transition: width .3s;

}

.bc-a:hover {

  color: #fff;

  border: 1px solid transparent;

}



.bc-a:hover:before {

  width: 100%;

  border: 1px solid #435c96;

}

.bc-body .bc-item2 .bc-mask{

  display: none;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0.5;

  background-color: #000000;

  border-radius: 5px;

  z-index: 1;

}

.bc-body .bc-item2:hover .bc-mask{

  display: block;

}

.bc-body .bc-item2:hover .bc-item2-box *{

  color: #ffffff;

}

.bc-body .bc-item2:hover .bc-item2-box{

  background-color: transparent;

}

.bc-body .bc-item2:hover .bc-item2-box .bc-item2-box-line{

  display: none;

}

.bc-body .bc-item2:hover .bc-icon{

  display: block;

}

.bc-body .bc-item2 .bc-icon{

  display: none;

  position: absolute;

  top: 45%;

  right: 2%;

  z-index: 1;

}

.bodytop{

  margin-top: 56px;

}

.culture-top{

  width: 100%;

  height: 56px;

  background-color: #000000;

}

.culture-top .culture-top-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  line-height: 56px;

  display: flex;

  justify-content: space-between;

}

.culture-top .culture-top-body span{

  font-size: 18px;

  color: #ffffff;

}

.culture-top .culture-top-body .culture-top-r a {

  font-size: 14px;

  color: #ffffff;

  padding-left: 20px;

}

.culture .culture-position{

  width: 95%;

  max-width: 1200px;

  margin: 25px auto 50px;

}

.culture .culture-positionbody {

  font-size: 14px;

}

.culture-active{

  background-color: #000000;

  color: #ffffff;

}

.culture-body .culture-body-tbox{

  display: none;

  border-bottom: 1px solid #dddddd;

}

.culture-body .culture-body-top{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  text-align: right;

  padding-bottom: 30px;

}

.culture-body .culture-body-top .culture-top-r a{

  color: #ffffff;

}

.culture-body-top .culture-body-nav{

  display: inline-block;

  width: 180px;

  padding: 9px 0;

  text-align: center;

  border: 1px solid #000000;

  font-size: 15px;

  border-radius: 5px;

  margin-left: 30px;

}

.culture-body-top .culture-body-nav.culture-active{

  position: relative;

}

.culture-body-top .culture-body-nav.culture-active::after {

  content: "";

  display: inline-block;

  width: 15px;

  height: 15px;

  border: 1px solid #dddddd;

  border-color: #dddddd #dddddd transparent transparent;

  -webkit-transform: rotate( -45deg);

  transform: rotate( -45deg);

  position: absolute;

  left: 0;

  right: 0;

  bottom: -40px;

  margin: auto;

  background-color: #fff;

}

.culture-body-wrap{

  margin-top: 100px;

}

.culture-body-wrap .culture-body-content{

  display: none;

}

.culture-body-wrap .culture-body-flex{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.culture-body-wrap .culture-body-content .culture-body-content-item{

  width: 48%;

  margin-bottom: 120px;

}

.culture-body-wrap .culture-body-content .culture-body-content-item .culture-body-content-item-text{

  display: flex;

  align-items: center;

  gap: 25px;

  padding: 20px 50px;

  background-color: #ededed;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

}

.culture-body-wrap .culture-body-content .culture-body-content-item .culture-body-content-item-text .tit{

  width: 14%;

  font-size: 20px;

  font-weight: bold;

}

.culture-body-wrap .culture-body-content .culture-body-content-item .culture-body-content-item-text .line{

  width: 1px;

  height: 40px;

  background-color: #cccccc;

}

.culture-body-wrap .culture-body-content .culture-body-content-item .culture-body-content-item-text .mshu{

  font-size: 14px;

  color: #555555;

}


.service-stit{margin-bottom: 20px;font-size: 16px;}

.service-bot{

  margin-top: 150px;

  padding: 114px 0;

  background-image: url(../img/service/project_04.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  height: 705px;

}

.service-bot .service-bot-body *{

  color: #ffffff;

}

.service-bot .service-bot-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  align-items: center;

}

.service-bot .service-bot-body .service-bot-body-l{

  width: 50%;

  font-size: 32px;

}

.service-bot .service-bot-body .service-bot-body-r{

  width: 50%;

}

.service-bot .service-bot-body .service-bot-body-r .service-bot-tit{

  font-size: 18px;

}

.service-bot .service-bot-body .service-bot-body-r .service-bot-text{

  display: none;

  font-size: 14px;

  line-height: 26px;

  margin-top: 30px;

  margin-bottom: 25px;

}

.product-top{

  width: 100%;

  height: 56px;

  background-color: #000000;

}

.product-top .product-top-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  line-height: 56px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.product-top .product-top-body .prod-tit{

  color: #ffffff;

  font-size: 18px;

}

.product-top .product-top-body .product-top-db{

  cursor: pointer;

}

.product-top .product-top-body .product-top-db span{

  font-size: 12px;

  color: #ffffff;

}

.product-top .product-top-body .product-top-db img{

  vertical-align: middle;

}

.product .product-position{

  width: 95%;

  max-width: 1200px;

  margin: 25px auto 50px;

}

.product .product-positionbody {

  font-size: 14px;

}

.product-active{

  background-color: #000000;

  color: #ffffff;

}

.product .product-tbox{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto 35px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.product .product-tbox .product-tbox-tit{

  font-size: 32px;

}

.product .product-tbox .product-tbox-bf{

  color: #666666;

  text-decoration: underline;

}

.product-compare-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto 80px;

  display: flex;

  justify-content: space-around;

  align-items: center;

}

.product-compare-body .product-compare-item{

  width: 25%;

  text-align: center;

}

.product-compare-body .product-compare-item .product-compare-item-tit{

  font-size: 15px;

  margin-bottom: 20px;

}

.product-compare-body .product-compare-item .product-compare-item-xh{

  font-size: 15px;

  color: #666666;

  margin-bottom: 55px;

}

.product-compare-body .product-compare-item .product-compare-a{

  display: block;

  width: 200px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #000000;

  border-radius: 5px;

  font-size: 15px;

  text-align: center;

  margin: 0 auto;

}

.product-compare-title{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  font-size: 32px;

  text-align: center;

  padding-bottom: 20px;

  border-bottom: 1px solid #dddddd;

}

.product-compare-body .product-compare-box{

  margin-top: 60px;

  text-align: center;

}

.product-compare-body .product-compare-box .product-compare-box-tit{

  font-size: 14px;

  color: #666666;

  margin-bottom: 5px;

}

.product-compare-body .product-compare-box .product-compare-box-cont{

  margin-bottom: 50px;

}

.product .product-tbox .product-tbox-search{

  position: relative;

}

.product .product-tbox .product-tbox-search .product-inp {
  width: 245px;
  height: 45px;
  line-height: 45px;
  background-color: #f7f5f5;
  border-radius: 22.5px;
  padding: 0 40px 0 20px;
}

.product .product-tbox .product-tbox-search button  {
  position: absolute;
  width:20px; 
  height:20px;
  background:url(../img/index/search_2.png) 0 0 no-repeat;
  background-size:100%;
  top: 13px;
  right: 17px;
  cursor:pointer
}
.product-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto 145px;

  display: flex;

}

.product-body .product-l{

  width: 18%;

  height: 900px;

padding-right:10px;

  overflow-y: auto;

}

.product-wrap{

  width: 100%;

  border-top: 1px solid #c6c6c6;

}

.product-body .product-l .product-type {
 padding:15px 0;
  border-bottom: 1px solid #c6c6c6;
}
.product-body .product-l .product-type .product-typename{

  display: flex;

  justify-content: space-between;
 position:relative;
  align-items: center;


    padding-left:30px

}
.product-body .product-l .product-type:nth-child(1) .product-typename:after{position:absolute;content:"";background:url(../img/i1.png) 0 0 no-repeat;width:21px;height:21px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.product-body .product-l .product-type:nth-child(2) .product-typename:after{position:absolute;content:"";background:url(../img/i2.png) 0 0 no-repeat;width:22px;height:20px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.product-body .product-l .product-type:nth-child(3) .product-typename:after{position:absolute;content:"";background:url(../img/i3.png) 0 0 no-repeat;width:22px;height:22px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.product-body .product-l .product-type:nth-child(4) .product-typename:after{position:absolute;content:"";background:url(../img/i4.png) 0 0 no-repeat;width:18px;height:19px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.product-body .product-l .product-type:nth-child(5) .product-typename:after{position:absolute;content:"";background:url(../img/i5.png) 0 0 no-repeat;width:19px;height:19px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.product-body .product-l .product-type:nth-child(6) .product-typename:after{position:absolute;content:"";background:url(../img/i6.png) 0 0 no-repeat;width:16px;height:15px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}
.product-body .product-l .product-type:nth-child(7) .product-typename:after{position:absolute;content:"";background:url(../img/i7.png) 0 0 no-repeat;width:18px;height:18px;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:all .3s}

.product-body .product-l .product-type:nth-child(1) .product-typename.actives:after,.product-l .product-type:nth-child(1) .product-typename:hover:after{position:absolute;content:"";background:url(../img/i1-1.png) 0 0 no-repeat;width:21px;height:21px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product-body .product-l .product-type:nth-child(2) .product-typename.actives:after,.product-l .product-type:nth-child(2) .product-typename:hover:after{position:absolute;content:"";background:url(../img/i2-2.png) 0 0 no-repeat;width:22px;height:20px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product-body .product-l .product-type:nth-child(3) .product-typename.actives:after,.product-l .product-type:nth-child(3) .product-typename:hover:after{position:absolute;content:"";background:url(../img/i3-3.png) 0 0 no-repeat;width:22px;height:22px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product-body .product-l .product-type:nth-child(4) .product-typename.actives:after,.product-l .product-type:nth-child(4) .product-typename:hover:after{position:absolute;content:"";background:url(../img/i4-4.png) 0 0 no-repeat;width:18px;height:19px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product-body .product-l .product-type:nth-child(5) .product-typename.actives:after,.product-l .product-type:nth-child(5) .product-typename:hover:after{position:absolute;content:"";background:url(../img/i5-5.png) 0 0 no-repeat;width:19px;height:19px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product-body .product-l .product-type:nth-child(6) .product-typename.actives:after,.product-l .product-type:nth-child(6) .product-typename:hover:after{position:absolute;content:"";background:url(../img/i6-6.png) 0 0 no-repeat;width:16px;height:15px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product-body .product-l .product-type:nth-child(7) .product-typename.actives:after,.product-l .product-type:nth-child(7) .product-typename:hover:after{position:absolute;content:"";background:url(../img/i7-7.png) 0 0 no-repeat;width:18px;height:18px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product-body .product-l .product-type .product-typename.actives a span{color:#435c96}
.product-body .product-l .product-type .product-typename.actives .fa{color:#435c96}
.product-body .product-l .product-type  .product-typename:hover span,.product-body .product-l .product-type .product-typename:hover .fa{color:#435c96}

.product-body .product-l .product-type span{

  font-size: 18px;

}

.product-body .product-l .product-type .fa{

  font-size: 25px;

  transition: all .3s ease-in-out;

  cursor: pointer;

}

.product-item-list {
  display: block;
  padding-top:15px;
  padding-bottom: 15px;
 
}
.product-item-list.xss{display:block}
.product-item-list li a {
  font-size: 14px;
  line-height: 30px;
  color: #555555;
}
.product-item-list li.activess a,.product-item-list li a:hover{color:#435c96}

.prod-active{

  transform: rotate(180deg);

}

.product-body .product-list{

  width: 82%;

}

.product-body .product-list .product-list-wrap{

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 70px;

}

.product-body .product-list .product-list-item{

  width: 33%;

  height: 450px;

  padding: 70px 55px;

  text-align: center;

  border-right: 1px solid #eeeeee;

  border-bottom: 1px solid #eeeeee;

  position: relative;

}

.product-body .product-list .product-list-item:nth-of-type(3n){

  border-right: none;

}

.product-body .product-list .product-list-item .pro_compare_btn{

  position: absolute;

  z-index: 1000;

  right: 40px;

  top: 40px;

  display: none;

  cursor: pointer;

}

.product-body .product-list .product-list-item .product-list-tit{

  margin-top: 40px;

  font-size: 14px;

}

.product-body .product-list .product-list-item .product-xhao{

  color: #666666;

}

.product-body .product-list .product-list-item .product-more{

  display: none;

  margin-top: 25px;

}

.product-body .product-list .product-list-item:hover .product-more{

  display: block;

}

.product-body .product-list .product-list-item:hover .pro_compare_btn{

  display: block;

}

.compared {

  position: fixed;

  top: 0;

  left: 100%;

  z-index: 8000;

  width: 360px;

  height: 100%;

  background-color: #fff;

  padding: 120px 40px 0 25px;

  transition: 0.6s;

  -webkit-transition: 0.6s;

  -moz-transition: 0.6s;

  -o-transition: 0.6s;

  -ms-transition: 0.6s;

}

.comparedmb {

  transform: translate(-100%);

  -webkit-transform: translate(-100%);

  -moz-transform: translate(-100%);

  -o-transform: translate(-100%);

  -ms-transform: translate(-100%);

}

.compared-bg {

  position: fixed;

  top: 0;

  left: 100%;

  z-index: 7999;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  transition: 0.8s;

  -webkit-transition: 0.8s;

  -moz-transition: 0.8s;

  -o-transition: 0.8s;

  -ms-transition: 0.8s;

}

.compared-item-line{

  width: 100%;

  height: 1px;

  background-color: #eeeeee;

}

.compared-container .compared-item{

  display: flex;

  gap: 20px;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 1px solid #eeeeee;

}

.compared-container .compared-item .compared-item-close{

  width: 20px;

  height: 20px;

  cursor: pointer;

}

.compared-container .compared-btn{

  display: block;

  width: 100%;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 6px;

  background: #000;

  color: #ffffff;

  margin-top: 10px;

}

.compared-container .compared-item .imgbox{

  max-width: 80px;

}

.compared-container .compared-item .compared-item-cont .compared-item-tit{

  font-size: 14px;

  margin-bottom: 5px;

}

.compared-container .compared-item .compared-item-cont .compared-item-xh{

  font-size: 12px;

  color: #666666;

}

.compared-container .compared-item .compared-item-cont .compared-item-a{

  font-size: 12px;

  color: #666666;

}

.compared-container .compared-item .compared-bj{

  display: block;

  width: 100%;

  height: 40px;

  line-height: 40px;

  background-color: #000;

  border-radius: 6px;

  text-align: center;

  color: #ffffff;

}



.productdetail{

  border-top: 1px solid #c6c6c6;

}

.productdetail-body{

  width: 95%;

  max-width: 1200px;

  margin: 90px auto 0;

}

.productdetail-body .productdetail-wrap{

  display: flex;

  flex-wrap: wrap;

  border-bottom: 1px solid #e3e3e3;

}

.productdetail-body .productdetail-wrap .productdetail-l{

  margin-bottom: 65px;

}

.productdetail-body .productdetail-wrap .productdetail-l,.productdetail-body .productdetail-wrap .productdetail-r{

  width: 50%;

}

.productdetail-body .productdetail-wrap .productdetail-l .productdetail-swiper1 .swiper-slide{

  text-align: center;

}

.productdetail-body .productdetail-wrap .productdetail-l .productdetail-swiper1 .pro-prev{

  position: absolute;

  left: 0;

  top: 45%;

  z-index: 9;

  cursor: pointer;

}

.productdetail-body .productdetail-wrap .productdetail-l .productdetail-swiper1 .pro-next{

  position: absolute;

  right: 0;

  top: 45%;

  z-index: 9;

  cursor: pointer;

}



.productdetail-body .productdetail-wrap .productdetail-l .productdetail-swiper2 .swiper-wrapper{

  justify-content: center;

}

.productdetail-body .productdetail-wrap .productdetail-l .productdetail-swiper2 .swiper-slide{

  width: 54px !important;



  text-align: center;
font-size:0;
  border: 1px solid #c2c2c2;



}

.productdetail-body .productdetail-wrap .productdetail-l .productdetail-swiper2 .swiper-slide img{

 

}

.productdetail-body .productdetail-wrap .productdetail-l .productdetail-swiper2 .swiper-slide.swiper-slide-active{



}


.productdetail-body .productdetail-wrap .productdetail-l .productdetail-swiper2 .swiper-slide.swiper-slide-thumb-active {
  border-color: #000000;
}

.productdetail-body .productdetail-wrap .productdetail-r{

  padding-left: 90px;

}

.productdetail-body .productdetail-wrap .productdetail-r .prod-title{

  font-size: 32px;

  font-weight: bold;

  margin-bottom: 10px;

}

.productdetail-body .productdetail-wrap .productdetail-r .prod-advantage{

  font-size: 22px;

  font-weight: bold;

  margin-bottom: 40px;

}

.productdetail-body .productdetail-wrap .productdetail-r .prod-sort-link-cont{

  display: flex;

  align-items: center;

  gap: 35px;

  margin-bottom: 50px;

}

.productdetail-body .productdetail-wrap .productdetail-r .prod-sort-link-cont .prod-cj{

  font-size: 14px;

}

.productdetail-body .productdetail-wrap .productdetail-r .prod-sort-link-cont .prod-cj .fa{

  font-size: 25px;

  color: #828282;

  vertical-align: sub;

}

.productdetail-body .productdetail-wrap .productdetail-r .prod-sort-link-cont a{

  font-size: 15px;

  color: #ffffff;

  padding: 10px 66px;

  border-radius: 5px;

  background-color: #000000;

}

.productdetail-body .productdetail-wrap .productdetail-r .prod-sort-link a{

  font-size: 15px;

  padding: 10px 40px;

  border-radius: 5px;

  background-color: #f5f6f7;

}

.productdetail-body .productdetail-wrap .productdetail-r .prod-sort-link{

  display: flex;

  gap: 35px;

  margin-bottom: 40px;

}

.productdetail-dec{

  margin-top: 50px;

  margin-bottom: 70px;

  border-bottom: 1px solid #e3e3e3;

}

.productdetail-dec .productdetail-info .productdetail-tit{

  font-size: 26px;

  margin-bottom: 40px;

}

.productdetail-dec .productdetail-info .productdetail-info-box2{

  display: flex;

  gap: 80px;

  margin-bottom: 65px;

}

.productdetail-dec .productdetail-info .productdetail-tab{

  border-collapse: collapse;

}

.productdetail-dec .productdetail-info .productdetail-tab tr:first-child td{

  width: 200px;

}

.productdetail-dec .productdetail-info .productdetail-tab tr td:last-child{

  width: 280px;

}

.productdetail-dec .productdetail-info .productdetail-tab tr:nth-of-type(odd){

  background-color: #f5f6f7;

}

.productdetail-dec .productdetail-info .productdetail-tab tr td{

  font-size: 18px;

  vertical-align: middle;

  padding: 10px 0 10px 20px;

}

.productdetail-dec .productdetail-info:first-child{

  margin-bottom: 50px;

}

.prod-hot .prod-tit{

   font-size: 32px;
  text-align: center;
  margin-bottom:50px

}

.prod-sort-hot{

  width: 100%;

  max-width: 950px;

  margin: 0 auto 130px;

  position: relative;

}

.prod-sort-hot .mySwiper .swiper-slide{

  text-align: center;

}

.prod-sort-hot .mySwiper .prod-sort-hot-item-img{

  margin-bottom: 20px;

}

.prod-sort-hot .mySwiper .prod-sort-hot-item-img img{

  max-width: 180px;

}

.prod-sort-hot .mySwiper .prod-sort-hot-item-des{

  color: #666666;

}

.prod-sort-hot .mySwiper-button-prev{

  position: absolute;

  left: -10%;

  top: 45%;

  z-index: 9;

  cursor: pointer;

}

.prod-sort-hot .mySwiper-button-next{

  position: absolute;

  right: -10%;

  top: 45%;

  z-index: 9;

  cursor: pointer;

}

.prod-sort-hot .mySwiper-pagination{

  text-align: center;

  position: absolute;

  left: 0;

  right: 0;

  bottom: -30%;

  margin: auto;

}

.prod-sort-hot .mySwiper-pagination .swiper-pagination-bullet{

  background-color: #aaaaaa;

  margin-right: 18px;

}

.prod-sort-hot .mySwiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{

  background-color: #666666;

}


.rdt{

  margin-top: 56px;

}

.rdt *{

  /* font-family: Arial; */

}

.public-top{

  width: 100%;

  height: 56px;

  background-color: #000000;

}

.public-top .public-top-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  line-height: 56px;

}

.public-top .public-top-body .public-tit{

  color: #ffffff;

  font-size: 18px;

}

.public-top .public-top-body .public-top-db{

  font-size: 12px;

  color: #ffffff;

}

.public-top .public-top-body .public-top-db img{

  vertical-align: middle;

}

.public-position{

  width: 95%;

  max-width: 1200px;

  margin: 25px auto 50px;

}

.public-positionbody {

  font-size: 14px;

  color: #ffffff;

  padding-top: 25px;

  padding-bottom: 45px;

}

.public-positionbody a{

  font-size: 14px;

}

.testing-top {

  margin-bottom: 50px;

}

.testing-tit{

  font-size: 32px;

  margin-bottom: 20px;

}

.testing-first .testing-body{

  margin: 0 auto;

  background-image: url(../img/service/testing_01.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 50px;

}

.testing-first .testing-body .testing-text1{

  font-size: 32px;

  color: #ffffff;

  margin-bottom: 15px;

}

.testing-first .testing-body .testing-text2{

  font-size: 16px;

  color: #ffffff;

  margin-bottom: 80px;

}

.testing-first .testing-body .testing-text3{

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 15px;

}

.testing-first .testing-body .testing-body-wrap{

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  color: #ffffff;

}

.testing-body{

  width: 100%;

  max-width: 1920px;

  margin: 0 auto;

}

.testing-second{

  margin-top: 150px;

}

.testing-second .testing-second-tit{

  font-size: 32px;

  text-align: center;

}

.testing-second .testing-second-desc{

  font-size: 20px;

  margin-bottom: 40px;

  text-align: center;

}

.testing-second .testing-second-wrap{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.testing-second .testing-second-wrap{

  display: flex;

  justify-content: space-between;

}

.testing-second .testing-second-wrap .testing-second-wrap-item{

  width: 32%;

  padding: 40px 40px 50px 40px;

  box-shadow: 5px 10px 8px 1px #ebebeb;

}

.testing-second .testing-second-wrap .testing-second-wrap-item:hover{

  background-color: #f5f6f7;

}

.testing-second .testing-second-wrap .testing-second-wrap-item .testing-second-wrap-item-tit1{

  font-size: 18px;

  margin: 20px 0 ;

}

.testing-second .testing-second-wrap .testing-second-wrap-item .testing-second-wrap-item-tit2{

  font-size: 14px;

  line-height: 24px;

}

.testing-third{

  height: 766px;

  background-image: url(../img/service/testing_bg.jpg);

  background-position: right;

  background-repeat: no-repeat;

}

.testing-third .testing-third-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding-top: 105px;

  padding-bottom: 120px;

}

.testing-third .testing-third-body .testing-third-tit{

  font-size: 32px;

  margin-bottom: 50px;

}



.testing-active{

  color: #ffffff;

  background-color: #000000;

}

.testing-top .testing-top-item{

  max-width: 237px;

  text-align: center;

  padding: 9px 40px;

  font-size: 15px;

  border: 1px solid #000000;

  border-radius: 5px;

  cursor: pointer;

  margin-bottom: 30px;

}

.testing-content .testing-cont{

  display: none;

}

.testing-content .testing-cont .testing-cont-wrap p{

  font-size: 18px;

  margin-bottom: 20px;

}

.testing-fourth{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.testing-fourth .testing-fourth-bot{

  margin-top: 150px;

}

.testing-fourth .testing-fourth-bot .testing-fourth-tit{

  font-size: 32px;

  margin-bottom: 40px;

}

.testing-fourth .testing-fourth-bot .testing-fourth-text{

  font-size: 18px;

  margin-bottom: 20px;

}

.testing-fifth{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  background-image: url(../img/service/testing_bg3.jpg);

  background-repeat: no-repeat;

  padding-top: 60px;

  padding-left: 50px;

  padding-bottom: 30px;

}

.testing-fifth .testing-fifth-tit{

  font-size: 32px;

  color: #fff;

}

.testing-fifth .testing-fifth-text{

  font-size: 18px;

  color: #fff;

}

.testing-fifth .testing-fifth-cont{

  margin-top: 340px;

}

.testing-fifth .testing-fifth-cont .testing-fifth-cont-tit{

  font-size: 20px;

  color: #fff;

  margin-bottom: 30px;

}

.testing-fifth .testing-fifth-cont .testing-fifth-cont-tit2{

  font-size: 18px;

  color: #fff;

  margin-bottom: 30px;

}

.testing-fifth .testing-fifth-cont .testing-fifth-cont-text{

  font-size: 18px;

  color: #fff;

  margin-bottom: 10px;

}

.testing-swiper .testing-swiper-prev{

  position: absolute;

  right: 84px;

  bottom: 10px;

  z-index: 9;

  cursor: pointer;

}

.testing-swiper .testing-swiper-next{

  position: absolute;

  right: 25px;

  bottom: 10px;

  z-index: 9;

  cursor: pointer;

}

.testing-sixth .testing-sixth-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.testing-sixth .testing-sixth-body .testing-sixth-tit{

  font-size: 32px;

  margin-bottom: 40px;

}

.testing-sixth .testing-sixth-body .testing-sixth-text{

  font-size: 18px;

  margin-bottom: 25px;

}

.testing-sixth .testing-sixth-body .testing-sixth-text2{

  font-size: 18px;

  margin-top: 25px;

}

.testing-sixth .testing-sixth-body p{

  font-size: 18px;

}

.testing-seventh{

  margin-top: 150px;

}

.testing-seventh{

  width: 100%;

  height: 657px;

  max-width: 1920px;

  margin: 0 auto;

  background-image: url(../img/service/testing_bg4.jpg);

  background-repeat: no-repeat;

  background-position: right;

  padding: 130px 0 130px;

}

.testing-seventh .testing-seventh-body{

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

}

.testing-active2{

  color: #ffffff;

  background-color: #000000;

}

.testing-top .testing-top-item2{

  max-width: 320px;

  text-align: center;

  padding: 9px 40px;

  font-size: 15px;

  border: 1px solid #000000;

  border-radius: 5px;

  cursor: pointer;

  margin-bottom: 30px;

}

.testing-seventh .testing-seventh-body .testing-content2{

  margin-top: 70px;

}

.testing-content2 .testing-cont2{

  display: none;

}

.testing-content2 .testing-cont2 .testing-cont-wrap p{

  font-size: 18px;

  margin-bottom: 5px;

}



.recruitment{

  margin-top: 150px;

  margin-bottom: 150px;

}

.recruitment-body{

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.recruitment-body .recruitment-tit{

  font-size: 36px;

  margin-bottom: 30px;

  text-align: center;

}

.reform {

  text-align: center;

  margin-bottom: 45px;

}

.reform form{

  display: flex;

  justify-content: center;

}

.reform .research{

  width: 530px;

  height: 45px;

  line-height: 45px;

  padding-left: 15px;

  border: 1px solid #e0e0e0;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

}

.reform .research::placeholder{

  color: #e0e0e0;

  font-size: 14px;

}

.reform .rebtn{

  width: 63px;

  height: 45px;

  line-height: 45px;

  background-color: #000000;

  color: #ffffff;

}

.recruitment-wrap{

  display: flex;

  justify-content: space-between;

  padding-top: 45px;

  border-top: 1px solid #e3e3e3;

}

.recruitment-wrap .recruitment-wrap-l{

  width: 21.6%;

}

.recruitment-wrap .recruitment-wrap-r{

  width: 73.3%;

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-sx{

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 30px;

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-tit{

  text-align: left;

  padding-bottom: 15px;

  border-bottom: 1px solid #e3e3e3;

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-type{

  margin-top: 15px;

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-type .recruitment-wrap-l-item{

  font-size: 14px;

  color: #555555;

  margin-bottom: 15px;

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-type .recruitment-wrap-l-item .fa{

  transform: rotate(-90deg);

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-type .recruitment-wrap-l-item .recruitment-inp{

  margin-right: 10px;

  margin-left: 10px;

  vertical-align: -1px;

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-type .recruitment-wrap-l-item .recruitment-wrap-l-item2{

  margin-left: 35px;

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-type .recruitment-wrap-l-item .recruitment-wrap-l-item2 .recruitment-wrap-l-item2-cont{

  margin-top: 10px;

}

.recruitment-wrap .recruitment-wrap-l .recruitment-wrap-l-btn{

  width: 100%;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 15px;

  color: #ffffff;

  border-radius: 6px;

  background-color: #000000;

  margin-top: 40px;

}

.recruitment-wrap-r .recruitment-wrap-r-item{

  margin-bottom: 15px;

  background-color: #fafafa;

  padding: 30px;

}

.recruitment-wrap-r .recruitment-wrap-r-wrap {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.recruitment-wrap-r .recruitment-wrap-r-wrap .recruitment-wrap-r-tit{

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 15px;

}

.recruitment-wrap-r .recruitment-wrap-r-item .ecruitment-wrap-r-date{

  margin-bottom: 15px;

}

.recruitment-wrap-r .recruitment-wrap-r-item .ecruitment-wrap-r-date span{

  font-size: 14px;

  color: #7f7e7e;

}

.recruitment-wrap-r .recruitment-wrap-r-item .ecruitment-wrap-r-text{

  font-size: 14px;

  color: #7f7e7e;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.recruitment-wrap-r .my-4{

  margin-top: 55px;

}

.recruitment-detail-body{

  width: 95%;

  max-width: 1200px;

  margin: 95px auto 110px;

}

.recruitment-detail-body .recruitment-detit{

  font-size: 36px;

  font-weight: bold;

  margin-bottom: 15px;

}

.recruitment-detail-body .recruitment-dedate{

  margin-bottom: 40px;

}

.recruitment-detail-body .recruitment-dedate span{

  font-size: 14px;

}

.recruitment-detail-body .recruitment-decont{

  margin-bottom: 40px;

}

.recruitment-detail-body .recruitment-decont .recruitment-decont-tit{

  font-size: 20px;

  margin-bottom: 10px;

}

.recruitment-detail-body .recruitment-decont p{

  font-size: 14px;

  line-height: 30px;

}

.recruitment-detail-body .recruitment-dezz{

  margin-bottom: 40px;

}

.recruitment-detail-body .recruitment-dezz .recruitment-dezz-tit{

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 15px;

}

.recruitment-detail-body .recruitment-dezz p{

  font-size: 14px;

  line-height: 30px;

}

.recruitment-detail-body .recruitment-dezg{

  margin-bottom: 40px;

}

.recruitment-detail-body .recruitment-dezg .recruitment-dezg-tit{

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 15px;

}

.recruitment-detail-body .recruitment-dezg p{

  font-size: 14px;

  line-height: 30px;

}

.recruitment-detail-body .recruitment-abox{

  margin-bottom: 85px;

}

.recruitment-detail-body .recruitment-abox a{

  display: inline-block;

  min-width: 167px;

  height: 35px;

  line-height: 35px;

  color: #ffffff;

  text-align: center;

  border-radius: 6px;

  margin-right: 40px;

  background-color: #000000;

}

.recruitment-more .recruitment-more-tit{

  font-size: 36px;

  margin-bottom: 40px;

}

.recruitment-more{

  padding-top: 70px;

  border-top: 1px solid #ececec;

}

.recruitment-more .recruitment-wrap-more-item{

  margin-bottom: 15px;

  background-color: #fafafa;

  padding: 30px;

}

.recruitment-more .recruitment-wrap-more-wrap {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.recruitment-more .recruitment-wrap-more-wrap .recruitment-wrap-more-tit{

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 15px;

}

.recruitment-more .recruitment-wrap-more-item .ecruitment-wrap-more-date{

  margin-bottom: 15px;

}

.recruitment-more .recruitment-wrap-more-item .ecruitment-wrap-more-date span{

  font-size: 14px;

  color: #7f7e7e;

}

.recruitment-more .recruitment-wrap-more-item .ecruitment-wrap-more-text{

  font-size: 14px;

  color: #7f7e7e;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.recruitment-more .recruitment-more-a{

  text-align: center;

}

.recruitment-more .recruitment-more-a a{

  display: inline-block;

  min-width: 167px;

  height: 35px;

  line-height: 35px;

  color: #ffffff;

  text-align: center;

  border-radius: 6px;

  background-color: #000000;

  margin-top: 30px;

}

.cv-body{

  width: 95%;

  max-width: 1100px;

  margin: 60px auto 0;

}

.cv-body .cv-body-tit{

  text-align: center;

}

.cv-body .cv-body-tit p{

  font-size: 14px;

  margin-bottom: 15px;

}

.cv-body .cv-body-tit .cv-body-tit-zw{

  font-size: 36px;

  margin-bottom: 15px;

}

.cv-body .cv-body-tit2{

  width: 100%;

  max-width: 290px;

  margin: 0 auto 45px;

}

.cv-body .cv-body-tit2 p{

  font-size: 14px;

  margin-bottom: 10px;

}

.cv-body .cv-body-tit2 .cv-body-tit2-inp{

  width: 100%;

  height: 38px;

  line-height: 38px;

  padding: 14px;

  border: 1px solid #e7e7e7;

  border-radius: 6px;

}

.cv-body .cv-body-tit2 .cv-body-tit2-inp::placeholder{

  color: #b0afaf;

  font-size: 14px;

}

.cv-wrap{

  display: flex;

  justify-content: space-between;

}

.cv-wrap .cv-wrap-l{

  width: 84.5%;

}

.cv-wrap .cv-wrap-r{

  width: 15.5%;

  padding-left: 55px;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item{

  display: flex;

  margin-bottom: 40px;

  border-radius: 6px;

  padding: 60px 60px 70px 90px;

  background-color: #f5f5f5;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-tit{

  width: 56.6%;

  font-size: 26px;

  font-weight: bold;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont{

  width: 43.4%;

  padding: 20px 27px;

  text-align: center;

  border-radius: 6px;

  border: 1px dashed #dbdbdb;

  background-color: #fff;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont .input-file{

  display: block;

  width: 50px;

  height: 50px;

  opacity: 0;

  margin: 0 auto;

  position: relative;

  z-index: 100;

  cursor: pointer;

}

.file-box{

  font-size: 0;

  position: relative;

}

.file-box .fieimg{

  top: 0;

  left: 0;

  right: 0;

  margin: auto;

  position: absolute;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont .cv-wrap-l-item-cont-p1{

  font-size: 14px;

  margin-top: 20px;

  margin-bottom: 15px;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont .cv-wrap-l-item-cont-p2{

  font-size: 14px;

  color: #7c7b7b;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .inp-tit{

  margin-bottom: 5px;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp{

  width: 100%;

  height: 37px;

  line-height: 37px;

  padding: 10px 15px;

  border-radius: 6px;

  border: 1px solid #dfdfdf;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp::placeholder{

  font-size: 14px;

  color: #b0afaf;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control{

  margin-bottom: 35px;

}

.cv-inp-control .cv-date{

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control .cv-date .cv-inp{

  width: 48%;

}

.cv-wrap .cv-wrap-l .educate-wrap{

  display: none;

}

.cv-wrap .cv-wrap-l .work-wrap{

  display: none;

}

.cv-wrap .cv-wrap-l .project-wrap{

  display: none;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2{

  width: 43.4%;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control .cv-text{

  font-size: 12px;

  color: #555555;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control select{

  width: 100%;

  height: 37px;

  line-height: 37px;

  padding: 10px 15px;

  border-radius: 6px;

  border: 1px solid #dfdfdf;

  background-image: url(../img/xjt.png);

  background-repeat: no-repeat;

  background-position: 95% center;

  appearance: none;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control .file-box{

  width: 100px;

  height: 100px;

  position: relative;

  text-align: center;

  border-radius: 6px;

  border: 1px dashed #dbdbdb;

  background-color: #fff;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control .input-file {

  position: relative;

  width: 100%;

  height: 100%;

  display: block;

  opacity: 0;

  margin: 0 auto;

  z-index: 100;

  cursor: pointer;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control .file-text{

  text-align: center;

  position: absolute;

  left: 0;

  top: 20%;

  right: 0;

  margin: auto;

}

.cv-tj{

  font-size: 14px;

  color: #435c96;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control textarea{

  width: 100%;

  height: 130px;

  border-radius: 6px;

  padding: 14px 15px;

  border: 1px dashed #dbdbdb;

  background-color: #fff;

}

.cv-wrap .cv-wrap-l .cv-wrap-l-item .cv-wrap-l-item-cont2 .cv-inp-control textarea::placeholder{

  font-size: 14px;

  color: #b0afaf;

  text-align: left;

}

.cv-submit{

  width: 95%;

  max-width: 1100px;

  margin-top: 80px;

  border-top: 1px solid #f5f5f5;

  padding: 17px 0;

}

.cv-submit .cv-submit-wrap{

  width: 84.5%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.cv-submit .cv-submit-wrap .cv-submit-wrap-l{

  font-size: 14px;

}

.cv-submit .cv-submit-wrap .cv-submit-wrap-l .cv-submit-a{

  color: #435c96;

}

.cv-submit .cv-submit-wrap .cv-submit-wrap-r .cv-submit-a{

  display: block;

  min-width: 130px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  color: #ffffff;

  border-radius: 6px;

  background-color: #000000;

}

.cv-wrap-r-list{

  padding-left: 15px;

  border-left: 1px solid #e4e4e4;

}

.cv-wrap-r-list .cv-wrap-r-item{

  font-size: 14px;

  color: #7f7e7e;

  margin-bottom: 30px;

  cursor: pointer;

}

.cv-wrap-r-list .cv-wrap-r-item.cv-item-active{

  color: #000000;

  position: relative;

}

.cv-wrap-r-list .cv-wrap-r-item.cv-item-active::before{

  display: block;

  content: '';

  width: 2px;

  height: 20px;

  position: absolute;

  top: 0;

  left: -16px;

  background-color: #000000;

}