/*公司简介*/
.gsjj{min-width: fit-content; margin-top: 30px; height: 500px; background-image: url(../images/gsjj-bj.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; }
.gsjj .container{ height: 100%; }
.gsjj-title{ text-align: center; padding-top: 50px;  }
.gsjj-title h3{ font-size: 26px; color: #333; }
.gsjj-title p{ font-size: 14px; color: #999; padding-top: 10px; }

.gsjj-bd{ height: 230px; width: 1200px;  position: absolute; bottom: 65px; padding-left: 455px; padding-right: 25px;}
.gsjj-bd span{ font-size: 14px; color: #999; line-height: 50px; }
.gsjj-bd p{ font-size: 14px; color: #666; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 22px; }
.gsjj-bd .more{ border:1px solid #6897d6; color: #6897d6; width: 120px; height: 40px; border-radius: initial; text-align: center; padding: 0px; line-height: 40px; margin-top: 25px; }
.gsjj .tu{ position: absolute; bottom: 65px; width: 400px; height: 300px; }
.gsjj .tu img{width: 400px; height: 300px }

/*解决方案*/
.fangan{ background-color: #fcfafb; height: 780px; margin-top: 50px; }
.fangan .container{ height: 100%; }
.fangan-title{ text-align: center; padding-top: 50px;  }
.fangan-title h3{ font-size: 26px; color: #333; }
.fangan-title p{ font-size: 14px; color: #999; padding-top: 10px; }
.fangan-bd{margin-top: 50px;
  width: 100%;
  height: 340px;
  position: relative;
}

.fangan-bd .list{
  width: 1200px;
  height: 540px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -600px;
}

.fangan-bd .btn{
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 60px;
  height: 100px;
  line-height: 100px;
  font-size: 30px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: #333;
  cursor: pointer;
}
.fangan-bd .prev{
  left: 0;
}
.fangan-bd .next{
  right: 0;
}
.fangan-bd .list ul{ overflow: hidden; height: 540px; }
.fangan-bd li{
  height: 540px;
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.fangan-bd img{
  width: 540px;
  height: 360px;
  border:none;
  float: left;
}
.fangan-bd .word{ width: 540px; background: #fff; height: 180px; text-align: center; position: absolute;bottom: 0px; }
.fangan-bd h3{ font-size: 20px; color: #6897d6; padding-top: 25px; padding-bottom: 12px; }
.fangan-bd span{ font-size: 12px; color: #6897d6; }
.fangan-bd p{ font-size: 14px; color: #999;     padding: 10px 18px 0px 18px;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }

.fangan-bd .more{ font-size: 14px; color: #6897d6; border: none; background-color: #fff; line-height: 60px;}

.fangan-bd .p1{
  transform:translate3d(-350px,0,0) scale(0.81);
  box-shadow: 0 2px 10px 2px #eee;
}
.fangan-bd .p2{
  transform:translate3d(0px,0,0) scale(0.81);
  transform-origin:0 50%;
  opacity: 0.8;
  z-index: 2;
  box-shadow: 0 2px 10px 2px #eee;
}
.fangan-bd .p3{
  transform:translate3d(330px,0,0) scale(1);
  z-index: 3;
  opacity: 1;
  box-shadow: 0 2px 10px 2px #eee;
}
.fangan-bd .p4{
  transform:translate3d(670px,0,0) scale(0.81);
  transform-origin:100% 50%;
  opacity: 0.8;
  z-index: 2;
  box-shadow: 0 2px 10px 2px #eee;
}
.fangan-bd .p5{
  transform:translate3d(598px,0,0) scale(0.81);
  box-shadow: 0 2px 10px 2px #eee;
}
.fangan-bd .p6{
  transform:translate3d(672px,0,0) scale(0.81);
  box-shadow: 0 2px 10px 2px #eee;
}
.fangan-bd .p7{
  transform:translate3d(1248px,0,0) scale(0.81);
  box-shadow: 0 2px 10px 2px #eee;
}
*/

/*新闻资讯*/
.xinwen{ background-color: #fcfafb; margin-top: 50px; }
.xinwen-title{ text-align: center; padding-top:20px;  }
.xinwen-title h3{ font-size: 26px; color: #333; }
.xinwen-title p{ font-size: 14px; color: #999; padding-top: 10px; }

.xinwen-bd{min-width: fit-content; background-image: url(../images/xinwen-bj.png); background-repeat: no-repeat; background-size: 100% 100%; height: 730px; margin-top: 30px; }
.xinwen-detail{ width: 460px; height: 490px; margin-top: 103px; }
.xinwen-detail .tu{ width: 460px; height: 300px; }
.xinwen-detail .tu img{ width: 100%； }

.xinwen-detail .word{ height: 190px; background-color: #2a90c4; }
.xinwen-detail .word .left{ border-right: 4px solid #ef9709; margin: 50px 0 0 10px; padding-right: 10px; height: 65px;  }
.xinwen-detail .word .left p{ font-size: 18px; color: #fff; font-weight: bold; line-height: 30px; padding-top: 6px; }
.xinwen-detail .word .left span{ font-size: 14px; color: #fff; display: block; text-align: center; }

.xinwen-detail .word .right{ width: 360px; padding-right: 10px; }
.xinwen-detail .word .right h3{    line-height: 22px; font-size: 18px; color: #fff; padding-top: 30px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.xinwen-detail .word .right p{ margin-top: 18px; letter-spacing:0.1px; line-height: 20px; padding-top: 18px; border-top: 1px solid #fff; font-size: 12px; color: #fff; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }


/*时间轴*/
.xinwen-list{ width: 500px; color: #333; margin-top: 40px;}


/* -------------------------------------
 * timeline
 * ------------------------------------- */
.xinwen-list #timeline {list-style: none; padding-left: 30px;border-left: 1px solid #6e6e6e; }
.xinwen-list #timeline li {margin: 45px 0;position: relative; }
.xinwen-list #timeline p { margin-left: -20px; margin-top: -10px; }

.xinwen-list .date {margin-top: -10px;top: 50%; left: -100px; text-align: right; position: absolute;  }
.xinwen-list .date p{ font-size: 20px; color: #888;}
.xinwen-list .date span{ font-size: 14px; color: #999; padding-right: 2px; }

.xinwen-list .circle {margin-top: -10px;top: 50%; left: -40px;width: 19px;height: 19px; background:#ccc; border-radius: 50%;display: block;position: absolute; }

.xinwen-list .content {max-height: 20px;padding: 50px 20px 0;border-color: transparent; position: relative; }
.xinwen-list .content:before, .content:after {content: ""; width: 0;height: 0; border: solid transparent;position: absolute;pointer-events: none;right: 100%; }
.xinwen-list .content:before {border-right-color: inherit; border-width: 20px; top: 50%;margin-top: -20px; }
.xinwen-list .content:after {border-width: 17px;top: 50%; margin-top: -17px; }
.xinwen-list .content p { font-size: 14px;  overflow: hidden; color: #888; 
  width:470px;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}


.xinwen-list label {font-size:18px; color: #666; font-weight: 500; position: absolute;z-index: 100;cursor: pointer; top: 10px;
  width:470px;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap; }

.radio{
	display:none
}
.xinwen-list li:hover .radio + .relative label {cursor: auto; color: #4682d2;}
.xinwen-list li:hover .radio + .relative .date p{ font-size: 20px; color: #4682d2; }
.xinwen-list li:hover .radio + .relative .date span{ font-size: 14px; color: #88abda; padding-right: 2px; }
.xinwen-list li:hover .radio + .relative .circle {background:  #4682d2; }
.xinwen-list li:hover .radio ~ .content {}
.xinwen-list li:hover .radio ~ .content p { font-size: 14px; color: #888;}

.xinwen-bd { position: relative; }
.xinwen-bd .more{position: absolute; left: 46%; border:1px solid #6897d6; color: #6897d6; width: 120px; height: 40px; border-radius: initial; text-align: center; padding: 0px; line-height: 40px; bottom: 25px; }




/*联系我们*/
.lianxi{min-width: fit-content; height: 300px; margin-top: 60px; background-image: url(../images/lianxi.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
.lianxi-title{ text-align: center; padding-top: 40px;  }
.lianxi-title h3{ font-size: 26px; color: #fff; }
.lianxi-title p{ font-size: 14px; color: #fff; padding-top: 10px; }

.lianxi-bd{ margin-top: 25px; }
.lianxi-bd h3{ font-size: 20px; color: #fff; line-height: 50px;}
.lianxi-bd p{ font-size: 18px; color: #fff; line-height: 50px; }
.lianxi-bd .left{margin-left: 70px; }
.lianxi-bd .right{ margin-right: 70px;}