/*轮播*/
.index-banner{
  width: 100%;
  height: 31.25vw;
  overflow: hidden;
}
.index-banner img{
  display: block;
  width: 100%;
}
/*简介*/
.jianjie{
  width: 100%;
  height: 27.76vw;
  background: url("../img/jieshao-bg.jpg") center no-repeat;
  position: relative;
  box-sizing: border-box;
  padding: 5.52vw 20vw 0;
  margin-top: 3.96vw;
}
.jianjie:before{
  position: absolute;
  top:-0.5vw;
  left:0;
  content:"";
  width: 18.75vw;
  height: 0.21vw;
  background-color: #e6e6e6;
}
.jianjie:after{
  position: absolute;
  top:-0.5vw;
  right:0;
  content:"";
  width: 18.75vw;
  height: 0.21vw;
  background-color: #e6e6e6;
}
.search-box{
  width: 62.5vw;
  height: 6vw;
  position: absolute;
  top:-2.4vw;
  left:50%;
  transform: translateX(-50%);
  background: url("../img/search-bg.png") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.hot-keywords{
  float: left;
  margin-left: 4.17vw;
  font-family: MicrosoftYaHeiLight;
  font-size: 0.73vw;
  letter-spacing: 0.03vw;
  color: #ffffff;
  line-height: 4.2vw;
}
.hot-keywords a{
  font-family: MicrosoftYaHeiLight;
  font-size: 0.73vw;
  letter-spacing: 0.03vw;
  color: #ffffff;
}
.search-box form{
  float: right;
  margin-top: 1.4vw;
  margin-right: 3.65vw;
  width: 14.58vw;
  height: 1.46vw;
  background-color: #ffffff;
}
.search-box form *{
  outline: none;
  border:0;
  background-color: #ffffff;
}
.btn1{
  float: right;
  width: 0.94vw;
  height: 0.94vw;
  margin-top: 0.26vw;
  margin-right: 0.52vw;
  background: url("../img/icon-search.png") center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  cursor: pointer;
}
#search-keyword{
  text-indent: 0.6em;
  float: left;
  width: 80%;
  height: 1.46vw;
}
.jianjie-left{
  float: left;
  width: 30.6vw;
}
.jianjie-tit{
  font-family: MicrosoftYaHei;
  font-size: 1.46vw;
  font-weight: bold;
  line-height: 1.04vw;
  letter-spacing: 0.06vw;
  color: #000000;
  margin-bottom: 2.2vw;
}
.jianjie-wen{
  font-family: MicrosoftYaHeiLight;
  font-size: 0.73vw;
  line-height: 1.25vw;
  letter-spacing: 0.03vw;
  color: #666666;
  text-align: justify;
}
.jianjie-left p:nth-of-type(3){
  margin-top: 1.8vw;
}
.jianjie-left a{
  display: block;
  width: 10.42vw;
  height: 2.5vw;
  background-color: #1754a1;
  margin-top: 2vw;
  font-family: MicrosoftYaHeiLight;
  font-size: 0.94vw;
  line-height: 2.5vw;
  text-align: center;
  letter-spacing: 0.04vw;
  color: #ffffff;
}
.jianjie-right{
  float: left;
  margin-left: 5.89vw;
  width: 20.57vw;
  height: 19.48vw;
  background-color: #88abda;
  position: relative;
}
.jianjie-right img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0.5vw;
  left:0.5vw;
}
.we{
  width: 100%;
  position: relative;
}
.our-do{
  padding-top: 3vw;
}
.we-tit p:nth-of-type(1){
  text-align: center;
  font-family: MicrosoftYaHeiLight;
  font-size: 1.46vw;
  letter-spacing: 0.06vw;
  color: #333333;
}
.we-tit-dec{
  width: 6.25vw;
  margin:0.6vw auto 0.4vw;
}
.we-tit-dec div:nth-of-type(1){
  width: 3.13vw;
  height: 2px;
  margin:0 auto;
  background-color: #226fd0;
}
.we-tit-dec div:nth-of-type(2){
  width: 100%;
  height: 2px;
  background-color: #1754a1;
  margin:0.2vw auto;
}
.we-tit-dec div:nth-of-type(3){
  width: 3.13vw;
  height: 2px;
  margin:0 auto;
  background-color: #226fd0;
}
.we-tit p:nth-of-type(2){
  font-family: MicrosoftYaHei;
  font-size: 0.83vw;
  font-style: italic;
  letter-spacing: 0.03vw;
  color: #666666;
  text-align: center;
}
.do-con{
  width: 62.5vw;
  margin:1.6vw auto 0;
  display: flex;
  justify-content: space-around;
}
.do-item{
  width: 12.92vw;
}
.do-item>p{
  width: 100%;
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 1.2vw;
  line-height: 3vw;
  letter-spacing: 0.05vw;
  color: #333333;
}
.do-item-pic{
  width: 100%;
  height: 16.2vw;
  overflow: hidden;
  position: relative;
}
.do-item-pic img{
  display: block;
  width: 100%;
  height: 100%;
}
.hov-do{
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0,0,0,0.4);
  box-sizing: border-box;
  padding: 2.8vw 1vw;
  position: absolute;
  top:100%;
  left:0;
  opacity: 0;
}
.do-item:hover .hov-do{
  top:0;
  opacity: 1;
}
.hov-do p{
  font-family: MicrosoftYaHei;
  font-size: 0.94vw;
  line-height: 1.25vw;
  letter-spacing: 0.04vw;
  color: #ffffff;
}
.our-pro{
  width: 100%;
  padding-top: 3vw;
}
.our-pro-con{
  width: 62.5vw;
  margin:2vw auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.our-pro-item{
  width: 13.02vw;
  height: 14.58vw;
  background-color: #f4f4f4;
  margin-bottom: 1.56vw;
}
.our-pro-item:hover{
  box-shadow: 2px 2px 3px 1px #ccc;
}
.our-pro-item img{
  display: block;
  width: 6.25vw;
  height: 6.25vw;
  margin: 1.6vw auto;
}
.our-pro-item p{
  width: 6.25vw;
  padding: 1.72vw 0.4vw 0;
  border-top:1px solid #333;
  margin: 0 auto;
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 0.83vw;
  line-height: 1.25vw;
  letter-spacing: 0.03vw;
  color: #333333;
}
.we-dec1{
  width: 15.52vw;
  height: 68.02vw;
  background: url("../img/pro-bg-l.jpg") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  top:0;
  left:0;
}
.we-dec2{
  width: 15.47vw;
  height: 30.94vw;
  position: absolute;
  background: url("../img/pro-bg-r.jpg") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  bottom: 3.4vw;
  right:0;
}
.zixu{
  width: 100%;
  height: 13.54vw;
  background: url("../img/zixun-bg.jpg") center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.zixun-wen{
  float: left;
  padding-top: 5.6vw;
  padding-left: 18.85vw;
  width: 30.89vw;
}
.zixun-wen>p{
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 1.25vw;
  line-height: 2.29vw;
  letter-spacing: 0.05vw;
  color: #ffffff;
}
.zixun-wen>p span{
  font-family: MicrosoftYaHei;
  font-size: 1.46vw;
  letter-spacing: 0.06vw;
  color: #ffba00;
}
.zixun-way{
  width: 19vw;
  float: right;
  margin-top: 6vw;
  margin-right: 18.85vw;
}
.zixun-way p{
  text-align: center;
}
.zixun-way p a{
  display: inline-block;
  vertical-align: middle;
  width: 7.34vw;
  height: 1.5vw;
  line-height: 1.5vw;
  font-family: MicrosoftYaHei;
  font-size: 1vw;
  color: #173f92;
  background-color: #ffba00;
  border-radius: 0.42vw;
  text-align: center;
  margin-left: 1.72vw;
}
.zixun-way p:nth-of-type(1){
  font-family: MicrosoftYaHei;
  font-size: 1.26vw;
  line-height: 2.03vw;
  letter-spacing: 0.05vw;
  color: #ffffff;
  text-align: center;
}
.zixun-way p span{
  vertical-align: middle;
  font-family: MicrosoftYaHei;
  font-size: 1.26vw;
  line-height: 2.03vw;
  letter-spacing: 0.05vw;
  color: #ffffff;
}
.news{
  width: 100%;
  margin-top: 3.13vw;
}
.news-con{
  margin: 1vw auto ;
  width: 62.5vw;
}
.tab_hd{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 2.14vw;
}
.tab_hd li{
  font-family: MicrosoftYaHei;
  font-size: 0.83vw;
  letter-spacing: 0.03vw;
  color: #333333;
  padding: 0 0.5vw;
}
.news-pic{
  float: left;
  width: 31.25vw;
  height: 20.94vw;
  overflow: hidden;
  position: relative;
}
.news-wen{
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  box-sizing: border-box;
  padding: 0.4vw 2.4vw 1vw;
}
.news-wen p:nth-of-type(1){
  font-family: MicrosoftYaHei;
  font-size: 1.04vw;
  letter-spacing: 0.04vw;
  color: #ffffff;
}
.news-wen p:nth-of-type(2){
  font-family: MicrosoftYaHei;
  font-size: 0.94vw;
  letter-spacing: 0.04vw;
  color: #ffffff;
  margin-top: 0.8vw;
  margin-bottom: 0.6vw;
}
.news-wen p:nth-of-type(3){
  font-family: MicrosoftYaHeiLight;
  font-size: 0.63vw;
  letter-spacing: 0.03vw;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
}
.news-pic img{
  display: block;
  width: 100%;
  height: 100%;
}
.news-box ul{
  float: right;
}
.news-box ul li{
  width: 29.9vw;
  height: 6.25vw;
  background-color: #f2f2f2;
  margin-bottom: 1vw;
}
.news-box ul li:hover{
  transform: translate( 3px, -6px);
  transition: all 0.3s linear;
}
.news-item-wen{
  float: left;
  width: 26.6vw;
  height: 100%;
  box-sizing: border-box;
  padding: 0.5vw 0.7vw;
}
.news-item-wen p:nth-of-type(1){
  font-family: MicrosoftYaHeiLight;
  font-size: 1.04vw;
  letter-spacing: 0.04vw;
  color: #000000;
}
.news-item-wen p:nth-of-type(2){
  font-family: MicrosoftYaHei;
  font-size: 0.94vw;
  letter-spacing: 0.04vw;
  color: #333333;
  margin-top: 0.5vw;
  margin-bottom: 0.3vw;
}
.news-item-wen p:nth-of-type(3){
  font-family: MicrosoftYaHeiLight;
  font-size: 0.63vw;
  letter-spacing: 0.03vw;
  line-height: 0.94vw;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
}
.news-box ul li>a{
  display: block;
  float: right;
  width: 0.89vw;
  height: 2.92vw;
  margin-top: 1.72vw;
  margin-right: 0.63vw;
  background: url("../img/icon-newsjt.png") center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.coop{
  width: 100%;
  margin-top: 3vw;
}
.coop-con{
  width: 62.5vw;
  margin:2vw auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.coop-box{
  width: 12.5vw;
  height: 5.21vw;
  border:1px solid #ccc;
  margin-bottom: 2vw;
}
.coop-box img{
  display: block;
  width: 100%;
  height: 100%;
}