.two-menu li a:hover,.two-menu li a.active{
  color:#FF4E00 ;
}
.glrjhead .two-menu li a:hover,.glrjhead .two-menu li a.active{
  color:#3BB4F9 ;
}
.xtbghead .two-menu li a:hover,.glrjhead .two-menu li a.active{
  color:#04DFD4 ;
}
.banner{
  height: 420px;
  background: #FF4E00;
  padding-top: 107px;
}
.glrjbanner{
  background: #3BB4F9;
  padding-top: 83px;
}
.xtbgbanner{
  background: #04DFD4 ;
  padding-top: 71px;
}
.banner .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.banner .container .text{
  width: 555px;
}
.banner .container .text p{
  line-height: 30px;
  margin:44px 0 37px ;
  letter-spacing:3px;
}
.zx-box{
  width: 150px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 5px;
  line-height: 40px;
  text-align: center;
}
.middle-panel {
  padding: 70px 0 100px;
}
.cc .container{
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.middle-panel .container{
  opacity: 0;
}
.middle-panel .container .item{
  margin-top: 48px;
}
.middle-panel .container .item .icon-box{
  margin-right: 25px;
}
.middle-panel .container .item .name{
  font-size: 18px;
}
.middle-panel .container .item .name::after{
  display: none;
}
.dsfa-panel .same-title{
  -webkit-animation: c4 1s forwards;
  -o-animation: c4 1s forwards;
  animation: c4 1s forwards;
}
.dsfa-panel .main{
-webkit-animation:  c4 1s  0.4s forwards;
  -o-animation:  c4 1s  0.4s forwards;
  animation:  c4 1s  0.4s forwards;
}
.dsfa-panel{
  height: auto;
  background: rgba(255, 0, 0,.03);
  padding: 53px 0 50px;
}
.dsfa-panel .same-title{
  opacity: 0;
}
.dsfa-panel .main{
  display: flex;
  justify-content: space-between;
  margin-top: 59px;
  opacity: 0;
}
.dsfa-panel .main .hd{
  width: 380px;
}
.dsfa-panel .main .hd ul li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 10px;
}
.dsfa-panel .main .hd ul li:nth-of-type(2n-1){
  background: #FFFFFF;
}
.dsfa-panel .main .hd ul li.on{
  box-shadow: 0px 4px 14px 2px rgba(251, 137, 137, 0.06);
}
.dsfa-panel .main .hd ul li span{
  width: 123px;
  font-size: 14px;
  color: #999;
}
.dsfa-panel .main  .bd{
  width:642px;
}
.cc3 .same-title,.ccspe .same-title,.ccspe1 .same-title{
  -webkit-animation:  c4 1s   forwards;
  -o-animation:  c4 1s   forwards;
  animation:  c4 1s   forwards;
}
.cc3 .content,.ccspe .content,.ccspe1 .content{
  -webkit-animation:  c4 1s  0.4s forwards;
  -o-animation:  c4 1s  0.4s forwards;
  animation:  c4 1s  0.4s forwards;
}

.ccspe .tsgn-item:nth-of-type(1) .tsgn-desc{
  -webkit-animation: c2 1s 0.8s   forwards;
  -o-animation: c2 1s 0.8s forwards;
  animation: c2 1s 0.8s   forwards;
}
.ccspe .tsgn-item:nth-of-type(1) .pic-box{
  -webkit-animation: c1 1s 0.8s   forwards;
  -o-animation: c1 1s 0.8s forwards;
  animation: c1 1s 0.8s   forwards;
}
.ccspe .tsgn-item:nth-of-type(2) .tsgn-desc{
  -webkit-animation: c1 2s  1s  forwards;
  -o-animation: c1 2s 1s forwards;
  animation: c1 2s  1s  forwards;
}
.ccspe .tsgn-item:nth-of-type(2) .pic-box{
  -webkit-animation: c2 2s 1s    forwards;
  -o-animation: c2 2s 1s  forwards;
  animation: c2 2s 1s    forwards;
}
.ccspe .tsgn-item:nth-of-type(3) .tsgn-desc{
  -webkit-animation: c2 3s 1.2s    forwards;
  -o-animation: c2 3s 1.2s  forwards;
  animation: c2 3s 1.2s    forwards;
}
.ccspe .tsgn-item:nth-of-type(3) .pic-box{
  -webkit-animation: c1 3s 1.2s    forwards;
  -o-animation: c1 3s 1.2s  forwards;
  animation: c1 3s 1.2s    forwards;
}
.ccspe .tsgn-item:nth-of-type(4) .pic-box{
  -webkit-animation: c2 4s 1.4s    forwards;
  -o-animation: c2 4s 1.4s  forwards;
  animation: c2 4s 1.4s    forwards;
}
.ccspe .tsgn-item:nth-of-type(4) .tsgn-desc{
  -webkit-animation: c1 4s 1.4s    forwards;
  -o-animation: c1 4s 1.4s  forwards;
  animation: c1 4s 1.4s    forwards;
}
.ccspe1 .tsgn-item:nth-of-type(1) .tsgn-desc{
  -webkit-animation: c1 1s 0.8s   forwards;
  -o-animation: c1 1s 0.8s forwards;
  animation: c1 1s 0.8s   forwards;
}
.ccspe1 .tsgn-item:nth-of-type(1) .pic-box{
  -webkit-animation: c2 1s 0.8s   forwards;
  -o-animation: c2 1s 0.8s forwards;
  animation: c2 1s 0.8s   forwards;
}
.ccspe1 .tsgn-item:nth-of-type(2) .tsgn-desc{
  -webkit-animation: c1 2s 1s    forwards;
  -o-animation: c1 2s 1s  forwards;
  animation: c1 2s 1s    forwards;
}
.ccspe1 .tsgn-item:nth-of-type(2) .pic-box{
  -webkit-animation: c2 2s 1s    forwards;
  -o-animation: c2 2s 1s  forwards;
  animation: c2 2s 1s    forwards;
}
.ccspe1 .tsgn-item:nth-of-type(3) .tsgn-desc{
  -webkit-animation: c1 3s 1.2s    forwards;
  -o-animation: c1 3s 1.2s  forwards;
  animation: c1 3s 1.2s    forwards;
}
.ccspe1 .tsgn-item:nth-of-type(3) .pic-box{
  -webkit-animation: c2 3s 1.2s    forwards;
  -o-animation: c2 3s 1.2s  forwards;
  animation: c2 3s 1.2s    forwards;
}
.ccspe1 .tsgn-item:nth-of-type(4) .pic-box{
  -webkit-animation: c2 4s 1.4s    forwards;
  -o-animation: c2 4s 1.4s  forwards;
  animation: c2 4s 1.4s    forwards;
}
.ccspe1 .tsgn-item:nth-of-type(4) .tsgn-desc{
  -webkit-animation: c1 4s 1.4s    forwards;
  -o-animation: c1 4s 1.4s  forwards;
  animation: c1 4s 1.4s    forwards;
}
.tsgn .same-title,.tsgn .content{
  opacity: 0;
}
.tsgn-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 98px;
}
.tsgn-item .tsgn-desc{
  width: 620px;
  opacity: 0;
}
.tsgn-item .pic-box{
  opacity: 0;
}
.tsgn-item .tsgn-desc .name{
  text-align: center;
  margin-bottom: 49px;
}
.tsgn-item .tsgn-desc .name span{
  padding-bottom: 10px;
  border-bottom: 3px solid  #FF0000;
}
.tsgn-item .tsgn-desc p{
  line-height: 38px;
}
.same-case{
  margin-top: 140px;
}
.same-case .case-item::after{
  background: #FF0000;
}
.spe-watch{
  border: 1px solid #FF0000;
  color: #FF0000;
}
.partner{
  margin-bottom: 60px;
}
.top-panel .same-title,.dzlb-panel .same-title,.top-panel .content,.dzlb-panel .content{
  opacity: 0;
}
.top-panel{
  padding: 99px 0 103px;
}
.top-panel .same-title p{
  line-height: 28px;
}
.top-panel .content,.dzlb-panel .content{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.top-panel .content .item{
  text-align: center;
  width: 262px;
}
.top-panel .content .item .name{
  margin: 20px;
}
.top-panel .content .item .name::after{
  display: none;
}
.top-panel .content .item p{
  /* letter-spacing: 3px; */
  line-height: 27px;
}

.xtbgtop .same-title p,
.yycj-panel .same-title p{
  width: 65%;
  margin: 0 auto;
}
.top-panel .content .item .name{
  margin-top: 10px;
  position: relative;
}
.top-panel .content .item .name::after{
  content: '';
  width: 88px;
  height: 3px;
  background: #FF9C16;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.dzlb-panel{
  height: 642px;
  background: rgba(59, 180, 249, .03);
  padding-top: 50px;
}
.dzlb-panel .content{
  flex-wrap: wrap;
}
.dzlb-panel .content .item{
  width: 380px;
  height: 184px;
  background: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  padding-top: 38px;
}
.dzlb-panel .content .item:hover{
  box-shadow: 1px 7px 25px 4px rgba(112, 205, 252, 0.08);
}
.dzlb-panel .content .item .name{
  position: absolute;
  bottom: 38px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.glts{
  padding-top:100px;
}
.glts .tsgn-items{
  margin-top: 87px;
}
.glts .tsgn-items .tsgn-item{
  margin-top: 0;
  margin-bottom: 100px;
}
.glts .tsgn-item .tsgn-desc .name{
  text-align: left;
  position: relative;
}
.glts .tsgn-item .tsgn-desc .name::after{
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 60px;
  height: 3px;
  background: #3BB4F9;
}
.glmiddle{
  padding-top: 2px;
  height: 783px;
  background-image: url(../image/glrj-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.glmiddle .container .item .icon-box{
  margin-right: 0;
}
.glmiddle .container .item{
  flex-direction: column;
  text-align: center;
}
.middle-panel .container .item .name{
  
  margin: 10px 0 14px;
  position: relative;
}
.middle-panel .container .item .name::after{
  content: '';
  width: 30px;
  height: 3px;
  background: #FEB000;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.middle-panel .container .item p{
  line-height: 30px;
}
.glsame-case .case-item::after{
  background: #3BB4F9;
}
.glsame-case .spe-watch{
  border: 1px solid #3BB4F9;
  color: #3BB4F9;
}
.glpartner{
  margin-top: 153px;
}

.yycj-panel{
  height: 557px;
  background-image: url(../image/xt-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.yycj-panel .same-title h3{
  color: #fff;
}
.yycj-panel  .content .item .name{
  margin: 30px 0 22px;
}
.yycj-panel  .content .item .name::after{
  display: none;
}
.yycj-panel  .content .item .icon-box{
  position: relative;
  height: 58px;
}
.yycj-panel  .content .item:hover .icon-box::after{
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 5px;
  height: 5px;
  background: #20D7CE;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.kfys .content{
  display: flex;
  justify-content: space-between;
  height: 307px;
  margin-top: 60px;
  
}
.kfys .content .kfys-item{
  flex: 1;
  transition: all .4s ;
  -webkit-transition: all .4s ;
  -moz-transition: all .4s ;
  -ms-transition: all .4s ;
  -o-transition: all .4s ;
  cursor: pointer;
}
.kfys .content .kfys-item.on{
  flex: 2;
  margin-left: -1px;
}

.kfys .content .kfys-item .show{
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #FF9C16;
  border-bottom: 1px solid #FF9C16;
  border-right: 1px solid #FF9C16;
}
.kfys .content .kfys-item:first-child .show,
.kfys .content .kfys-item:first-child .hidden{
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
}
.kfys .content .kfys-item:first-child .show{
  border-left: 1px solid #FF9C16;
}
.kfys .content .kfys-item:last-child .show,
.kfys .content .kfys-item:last-child .hidden{
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
}
.kfys .content .kfys-item .show p{
  margin-top: 20px;
}
.kfys .content .kfys-item .hidden{
  width: 0;
  height: 0;
}

.kfys .content .kfys-item.on .show{
  display: none;
}
.kfys .content .kfys-item.on .hidden{
  width: 100%;
  display: block;
  border: 1px solid #00E4DC;
  height: 100%;
  overflow: hidden;
}

.hidden .top{
  height: 60px;
  background: #00E4DC;
  text-align: center;
  /* margin-top: -1px; */
}
.kfys .content .kfys-item:first-child .hidden .top{
  border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -ms-border-radius: 10px 0 0 0;
  -o-border-radius: 10px 0 0 0;
}
.kfys .content .kfys-item:last-child .hidden .top{
  border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -ms-border-radius: 0 10px 0 0;
  -o-border-radius: 0 10px 0 0;
}
.hidden ul{
  margin-top: 14px;
  padding: 0 67px;
  /* line-height: 30px; */
}
.hidden ul li{
  font-size: 18px;
  color: #7D7D88;
  padding-left: 20px;
  position: relative;
  margin-top: 20px;
}
.hidden ul li::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background:  #00E4DC;
  border-radius: 50%;
}
.xtsame-case .case-item::after{
  background: #00E4DC;
}
.xtsame-case .spe-watch{
  border: 1px solid #00E4DC;
  color: #00E4DC;
}