@charset "UTF-8";



/**************banner******************/
.swiper-banner .bg_container { padding-bottom:56.25%; }
.swiper-banner .page-text { position:absolute; z-index:3; top:0px; left:12.5%; color:#fff; bottom:0px; height:100%; width:75%; }
.swiper-banner h4 { opacity:0.5;filter:alpha(opacity=50);}
.swiper-banner .bn-more { padding-top:0.48rem; }
.swiper-banner .bn-more a { display:inline-block; position:relative; border:1px solid #fff; line-height:3;  min-width:1.6rem; border-radius:0.05rem; padding:0px 0.1rem; color:#fff;  }
.swiper-banner .bn-more a:before { position:absolute; left:0px; top:0px; height:100%; transition:0.5s all; -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.swiper-banner .bn-more a span { padding-right:0.33rem; position:relative; display:inline-block; }
.swiper-banner .bn-more a span:before {  position:absolute; width:8px; right:0; height:2px; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.swiper-banner .bn-more a span:after { position:absolute; width:8px; margin-top:-1px; right:0px; height:2px; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.swiper-banner .bn-more a:hover:before { width:100%; }
.swiper-banner a { color:#fff; }
.swiper-banner h3 { line-height:1.4; }
.swiper-banner h4 { color:#8998a5;}
.swiper-banner h5 { margin-top:-0.07rem; }
.swiper-banner .li03 .page-img {/* opacity:0; filter:alpha(opacity=0);*/ }
.swiper-banner .play-btn { width:0.3rem; height:0.39rem; background:url(../images/play01.png) no-repeat center center; margin-top:0.47rem; cursor:pointer; background-size:100% 100%; }

.swiper-banner #ios_video1 { position:absolute; display:none; left:0px; top:0px; width:100%; height:100%; bottom:0px; right:0px; object-fit:fill; }
.swiper-banner .li02 h4 { color:#73e1ff; line-height:1.2; opacity:0.8;filter:alpha(opacity=80); padding-bottom:0.08rem; }
.swiper-banner .li02 h5 { margin-top:-0.12rem;  }
.swiper-banner .page-more { padding-top:0.55rem; }
.swiper-banner .page-more a { background:none; color:#fff; border:1px solid #fff; line-height:2.625; }
.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev { width:0.3rem; height:0.3rem; background:none; }
.swiper-banner .swiper-button-next:before {position:absolute; width:0.16rem; right:0; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.swiper-banner .swiper-button-next:after {position:absolute; width:0.16rem; margin-top:-1px; right:0px; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.swiper-banner .swiper-button-prev:before {position:absolute; width:0.16rem; left:0; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.swiper-banner .swiper-button-prev:after {position:absolute; width:0.16rem; margin-top:1px; left:0px; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.swiper-banner .swiper-button-prev { left:1rem; }
.swiper-banner .swiper-button-next { right:1rem; }
.swiper-banner .swiper-pagination { bottom:0.34rem;  }
.swiper-banner .swiper-pagination .swiper-pagination-bullet { width:0.2rem; position:relative; height:0.2rem; display:inline-block; opacity:1; border:0.06rem solid transparent; background:none;  }
.swiper-banner .swiper-pagination .swiper-pagination-bullet:before { width:0.08rem; content:""; height:0.08rem; border-radius:50%; background:#fff; position:absolute; left:50%; top:50%; margin:-0.04rem 0px 0px -0.04rem; }
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active { border:0.04rem solid #fff;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active:before { background:none; }


.swiper-banner .swiper-slide-active h4 { -webkit-animation-name: bnFadeRight2;
          animation-name: bnFadeRight2; animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.swiper-banner .swiper-slide-active h3 { -webkit-animation-name: bnFadeRight;
          animation-name: bnFadeRight; animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.swiper-banner .swiper-slide-active h5 { -webkit-animation-name: bnFadeRight;
          animation-name: bnFadeRight; animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.swiper-banner .swiper-slide-active .play-btn { -webkit-animation-name: bnFadeRight;
          animation-name: bnFadeRight; animation-delay:0.75s; -webkit-animation-delay:0.75s; }

.swiper-banner .swiper-slide-active .bn-more,.swiper-banner .swiper-slide-active .page-more  { -webkit-animation-name: bnFadeUp;
          animation-name: bnFadeUp; animation-delay:0.75s; -webkit-animation-delay:0.75s; }

.swiper-banner .page-img { overflow:hidden; }
.swiper-banner .li02 .bg_container { transform:scale(1.25,1.25); -webkit-transform:scale(1.25,1.25); transition:2s all; -webkit-transition:2s all;}		 

.swiper-banner .li02.swiper-slide-active .bg_container { transform:scale(1,1); -webkit-transform:scale(1,1);}		 

.swiper-banner .swiper-slide.on .page-img { opacity:0; filter:alpha(opacity=0);}
.swiper-banner .swiper-slide.on #ios_video1 { display:block; }
.swiper-banner .swiper-slide.on .page-con h3,.swiper-banner .swiper-slide.on .page-con h4,.swiper-banner .swiper-slide.on .page-con h5,.swiper-banner .swiper-slide.on .page-con .play-btn { display:block; }
.swiper-banner .swiper-slide.hover .page-con h3,.swiper-banner .swiper-slide.hover .page-con h4,.swiper-banner .swiper-slide.hover .page-con h5,.swiper-banner .swiper-slide.hover .page-con .play-btn { display:none; }

@-webkit-keyframes bnFadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0px, 0);
            transform: translate3d(100px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0px, 0);
            transform: translate3d(100px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes bnFadeRight2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0px, 0);
            transform: translate3d(50px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeRight2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0px, 0);
            transform: translate3d(50px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}


@-webkit-keyframes bnFadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 50px, 0);
            transform: translate3d(0px, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 50px, 0);
            transform: translate3d(0px, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}


@-keyframes bnScale {
  0% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
            transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

}

@-webkit-keyframes bnScale {
  0% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
            transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

}


@media only screen and (max-width:750px){

.swiper-banner .swiper-slide-active h3 { font-size:0.4rem; }
.swiper-banner .swiper-button-prev { left:5%; }
.swiper-banner .swiper-button-next { right:5%; }
.swiper-banner #ios_video1 { display:none; }
.swiper-banner .li03 .page-img { opacity:1; filter:alpha(opacity=100); }

}


/**************关于交控科技******************/
.page-in-about { color:#fff; padding:1.64rem 0px 2.67rem; position:relative;  }
.page-in-about .page-title { line-height:1.3; }
.page-in-about .page-text { width:77.4285%; }
.page-in-about .page-txt { line-height:1.875; margin-top:0.12rem; height:3.75em; max-height:3.75em; }
.page-in-about .page-more { padding-top:0.9rem; }
.page-in-about .page-more a { background:#30cbf4; color:#fff; }
.page-in-about .page-num { padding:0.26rem 5% 0px; }
.page-in-about .num-txt { margin-top:-0.15rem; }
.page-about-programme { position:relative; }
.page-about-programme .bg-img { position:absolute; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; }
.page-about-programme .bg-img2 { position:absolute; display:none; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; }
.page-about-programme #in_about { position:absolute; left:0px; top:0px; background:transparent; width:100%; height:10.8rem; right:0px; object-fit:fill; mix-blend-mode: screen; }
.page-about-programme .in-niudai { position:absolute; left:0px; width:100%; right:0px; top:3.3rem; }

@media only screen and (max-width:1260px){
.page-in-about .page-txt { height:40px; max-height:40px; }
}
@media only screen and (max-width:750px){
.page-in-about { padding:0.8rem 0px; }
.page-in-about .page-text { width:100%; }
.page-in-about .page-txt { height:3.75em; max-height:3.75em;  } 
.page-in-about .page-num { padding-left:0px; padding-right:0px; }
.page-in-about .page-num span { font-size:0.5rem; }
.page-in-about .page-more { padding-top:0.5rem; }
.page-about-programme .bg-img { display:none; }
.page-about-programme .bg-img2 { display:block; }
.page-about-programme #in_about { display:none; }
.page-about-programme .in-niudai { display:none;  }

}
@media only screen and (max-width:480px){
.page-in-about .page-num ul li { width:49%; }
}

/**************解决方案******************/
.page-in-programme { color:#fff; padding-bottom:1.48rem; }
.page-in-programme .page-title { position:relative;  padding:1.74rem 0px 0.24rem; }
.page-in-programme .page-title:before { position:absolute; border-radius:0.02rem; background:#fff; height:0.04rem; width:0.6rem; left:0px; bottom:0px; content:""; } 
.page-in-programme ul { overflow:hidden; }
.page-in-programme ul li { margin-top:0.3rem; position:relative; overflow:hidden; }
.page-in-programme ul li .bg_container { height:4.4rem; }
.page-in-programme ul li a { color:#fff; }
.page-in-programme ul li .page-text { position:absolute; left:0.44rem; bottom:0.39rem; right:0.44rem;  }
.page-in-programme ul li h3 { line-height:1.3; }
.page-in-programme .page-left { width:55.7142%;}
.page-in-programme .page-left ul { padding-top:0.4rem; }
.page-in-programme .page-left ul li:first-child +li .bg_container { height:2.54rem; width:50%; }
.page-in-programme .page-left ul li:first-child +li .page-text { left:50%; width:50%; background:url(../images/page-in-programme-libg01.jpg) no-repeat center center; background-size:cover; padding:0.35rem 0.8rem 0.35rem 0.44rem; top:0px; height:100%; bottom:0px;  }
.page-in-programme .page-left ul li:first-child +li .page-txt { opacity:0.6; filter:alpha(opacity=60); margin-top:0.08rem; }

.page-in-programme .page-right { width:42.1428%; }
.page-in-programme .page-right ul li:first-child .bg_container { height:4.53rem; }
.page-in-programme .page-more { padding-top:0.19rem; }
.page-in-programme .page-more span { width:0.32rem; display:inline-block; position:relative; height:0.32rem; }
.page-in-programme .page-more span:before { position:absolute; width:0.2rem; left:0; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.page-in-programme .page-more span:after { position:absolute; width:0.2rem; margin-top:-1px; left:0px; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}

@media only screen and (max-width:1260px){
.page-in-programme .page-left ul li:first-child +li .page-txt {height:40px; max-height:40px; }
.page-in-programme .page-left ul li:first-child +li .page-text { padding-top:0.15rem; }
.page-in-programme .page-more { padding-top:0px; }
}
@media only screen and (max-width:750px){
.page-in-programme { padding-bottom:0.8rem; }
.page-in-programme ul li .page-text { left:0.2rem; right:0.2rem; }
.page-in-programme .page-left ul li:first-child +li .page-txt { display:none; }
.page-in-programme .page-left ul li:first-child +li .bg_container { height:1.9rem; }
.page-in-programme .page-left ul li:first-child +li .page-text {padding:0.3rem 0.2rem 0px 0.2rem;  }
}




/**************成功案例******************/
.page-case { color:#fff; padding-bottom:0.91rem; }
.page-case .page-title { position:relative; padding:1.15rem 0px 0.24rem;  }
.page-case .page-title:before { position:absolute; border-radius:0.02rem; background:#fff; height:0.04rem; width:0.6rem; left:50%; margin-left:-0.3rem; bottom:0px; content:""; } 
.page-case .page-content { margin-top:0.48rem; overflow:hidden; }
.page-case .page-text { width:25.3571%; }
.page-case .page-text .page-sub { background:url(../images/page-case-line01.png) no-repeat left bottom; background-size:100% auto; line-height:1.7142; padding-bottom:0.23rem; }
.page-case .page-text ul { padding:0.32rem 0px 0.62rem; } 
.page-case .page-text ul li { padding:0.05rem 0px; }
.page-case .page-text ul li a { position:relative; display:inline-block; width:auto; max-width:100%; color:#fff; opacity:0.7; line-height:0.4rem; filter:alpha(opacity=70); }
.page-case .page-text ul li a span { display:inline-block; }
.page-case .page-text ul li a:hover { opacity:1; filter:alpha(opacity=100); }
.page-case .page-text ul li:hover a,.page-case .page-text ul li.on a { background:rgba(50,98,149,0.6); font-size:1.1428em; opacity:1; filter:alpha(opacity=100);  padding:0px 0.22rem 0px 0.3rem; } 
.page-case .page-text ul li:hover a:before,.page-case .page-text ul li.on a:before { position:absolute; content:""; top:50%; background:#fff; left:0.15rem; width:0.06rem; height:0.06rem; border-radius:50%; margin-top:-0.03rem; }
.page-case .page-text .page-more a { background:#f85d8b; border-radius:0.05rem; color:#fff;  }
.page-case .case-swiper { width:71.2857%; margin-top:0.15rem; padding-bottom:0.55rem; position:relative; }
.page-case .case-swiper .bg_container { height:4.4rem; }
.page-case .case-swiper .swiper-pagination { text-align:left; bottom:0px; }
.page-case .case-swiper .swiper-pagination .swiper-pagination-bullet { width:0.08rem; height:0.08rem; border-radius:0.04rem; margin:0px 0.12rem 0px 0px; background:#fff; opacity:0.5;  transition:0.5s all; -webkit-transition:0.5s all; }
.page-case .case-swiper .swiper-pagination .swiper-pagination-bullet-active { width:0.5rem; border-radius:0.04rem; opacity:1; }

@media only screen and (max-width:750px){
.page-case { padding-bottom:0.8rem; }	
.page-case .page-text { width:100%; }
.page-case .case-swiper { width:100%; margin-top:0.5rem; }
.page-case .page-title { padding-top:0.8rem; }
.page-case .page-text ul { padding-bottom:0.2rem; }
}


/**************新闻动态******************/
.page-news { padding-bottom:1.53rem; }
.page-news .page-title { color:#333; position:relative; padding:1.15rem 0px 0.24rem;  }
.page-news .page-title:before { position:absolute; border-radius:0.02rem; background:#0766bd; height:0.04rem; width:0.6rem; left:50%; margin-left:-0.3rem; bottom:0px; content:""; } 
.page-news .page-more a { min-width:1.8rem; color:#fff; background:#30cbf4; }
.page-news .page-list  { padding:0.5rem 0px 0.7rem; }
.page-news .page-list ul { position:relative; overflow:hidden; }
.page-news .page-list ul li { width:32.3571%; position:relative; background:#fff; margin-right:1.428%; }
.page-news .page-list .page-tit { display:inline-block; position:absolute; left:0px; top:0px; color:#fff; background:#0766bd; line-height:1.875; min-width:1.2rem; padding:0px 0.2rem; border-radius:0px 0px 0.2rem 0px; z-index:2; }
.page-news .page-list .page-img { overflow:hidden; }
.page-news .page-list .bg_container { height:2.54rem; }
.page-news .page-list .page-text { padding:0.3rem 0.2rem 0.14rem 0.3rem; color:#7d7d7d; }
.page-news .page-list h2 { line-height:1.6363; margin-top:0.07rem; height:3.2726em; max-height:3.2726em;  }
.page-news .page-list h2 a { color:#3f3f3f; }
.page-news .page-list ul li:hover h2 a { color:#30cbf4; }
.page-news .page-list .page-txt {  line-height:1.7142; height:3.4284em; max-height:3.4284em; margin-top:0.15rem; }
.page-news .page-list .page-news-share { padding-top:0.45rem; }
.page-news .page-list .page-news-share a { display:inline-block; margin-right:0.16rem; width:0.22rem; height:0.22rem; }
.page-news .page-list .page-news-share .weixin_but { background:url(../images/page-news-share-ico01.png) no-repeat center center; background-size:100% 100%; }
.page-news .page-list .page-news-share .news-sina { background:url(../images/page-news-share-ico02.png) no-repeat center center; background-size:100% 100%; }
.page-news .page-list ul li:first-child +li+li { position:absolute; right:0px; top:0px; height:100%; margin-right:0px; }
.page-news .page-news-scroll { height:100%; overflow:hidden; width:100%; position:relative; padding:0px; }
.page-news .page-news-scroll dl { padding:0.27rem 0.3rem 0.44rem; position:relative; color:#7d7d7d; }
.page-news .page-news-scroll dl:before { left:0.3rem; position:absolute; right:0.3rem; bottom:0px; content:""; height:1px; background:#e9e9e9;  transition:0.5s all; -webkit-transition:0.5s all; }
.page-news .page-news-scroll dl dd {line-height:1.6363; margin-top:0.07rem; height:3.2726em; max-height:3.2726em; }
.page-news .page-news-scroll dl dd a { color:#595959; }
.page-news .page-news-scroll dl:hover { background:#2fcbf4; color:#fff; border-bottom:1px solid #2fcbf4; }
.page-news .page-news-scroll dl:hover:before { background:#2fcbf4; }
.page-news .page-news-scroll dl:hover dd a { color:#fff; }
.page-news .page-news-scroll dl:first-child { padding-top:0.47rem; }

@media only screen and (max-width:1440px){
.page-news .page-list .page-txt { height:40px; max-height:40px; }
}
@media only screen and (max-width:940px){
.page-news .page-list h2 { height:40px; max-height:40px; }
.page-news .page-news-scroll dl dd {height:40px; max-height:40px; }
}
@media only screen and (max-width:750px){
.page-news { padding-bottom:0.8rem; }	
.page-news .page-news-scroll dl dd,.page-news .page-list h2 { height:3.2726em; max-height:3.2726em; }
.page-news .page-title { padding-top:0.8rem; }	
.page-news .page-list { padding:0px 0px 0.5rem; }	
.page-news .page-list ul li { width:100%; margin-top:0.5rem; }
.page-news .page-list ul li:first-child +li+li { position:relative; height:4.95rem; }
.page-news .page-list .page-news-share a { width:18px; height:18px; }

}

/****************加入我们*******************/
.page-join { padding:1.48rem 0px 1.36rem; background-position:center bottom; }
.page-join .page-txt { margin-top:0.18rem; line-height:1.7142; height:5.1426em; max-height:5.1426em; }
.page-join .page-more { padding-top:0.4rem; }
.page-join .page-more a { background:#1f78ec; color:#fff; border-radius:0px; }
.page-join .page-text { position:absolute; left:0px; bottom:0.6rem; width:100%; padding:0px 1.78rem 0px 0.63rem; }
.page-join .page-txt a { color:#fff; }
.page-join .page-title { color:#182645; padding-left:56.42%; padding-right:19.28%; padding-bottom:0.34rem; }
.page-join .page-title .page-txt { height:auto; max-height:none; }

.page-join .page-join-server { width:48.57%; height:6.87rem; color:#fff; overflow:hidden; position:relative; }
.page-join .page-join-server .bg_container { height:6.87rem; }
.page-join .page-join-server .page-more { padding-top:0.32rem; }
.page-join .page-join-server .page-more a { width:0.32rem; min-width:0px; background:none; height:0.32rem; }
.page-join .page-join-server .page-more a:before { width:0.16rem; left:0; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.page-join .page-join-server .page-more a:after { position:absolute; width:0.16rem; margin-top:-1px; left:0px; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}


.page-join .page-join-opinion { width:48.57%;height:5.1rem; color:#fff; overflow:hidden; position:relative; margin-top:2.87rem; }
.page-join .page-join-opinion .bg_container { height:5.1rem; }
.page-join .page-join-opinion .page-more { overflow:hidden; }
.page-join .page-join-opinion .page-more a { background:#f85d8b; }
.page-join .page-join-opinion .page-txt { height:3.4284em; max-height:3.4284em; }


.page-feedback-tc  { position:fixed; left:0px; display:none; top:0px; width:100%; height:100%; right:0px; z-index:1001; bottom:0px; background:rgba(0,0,0,0.3); }
.page-feedback-tc .page-feedback-wrap { position:absolute; left:0px; overflow:hidden; overflow-y:auto; top:0px; width:100%; height:100%; right:0px; z-index:1001; bottom:0px; background:rgba(0,0,0,0.3); }
.page-feedback-tc .page-con { width:80%; max-width:9.24rem; position:relative; background:#f4f4f4; padding:0.5rem 0.9rem;  }
.page-feedback-tc .page-con .page-title { padding-bottom:0.18rem; }
.page-feedback-tc .page-btn-close { position:absolute; right:0.34rem; cursor:pointer; top:0.3rem; width:0.2rem; height:0.2rem; }
.page-feedback-tc .page-btn-close:before { position:absolute; content:""; width:100%; height:0.03rem; background:#a4a4a4;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%; }
.page-feedback-tc .page-btn-close:after { position:absolute; content:""; width:0.03rem; height:100%; background:#a4a4a4; transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%; }


.layui-form-item { margin-bottom:0.2rem; }
.layui-form-label { width:0.8rem; padding:0px; line-height:0.44rem; }
.layui-input, .layui-select, .layui-textarea { line-height:0.44rem; font-size:0.16rem; height:0.44rem; border:none; padding:0px 0.1rem; }
.layui-form-item .page-label { width:50%; }
.layui-textarea { min-height:1.44rem; padding:0.1rem 0.1rem; line-height:1.5; resize: none; }
.layui-input-block { margin-left:0.9rem; min-height:0px; }
.page-feedback-tc  .page-btn { margin-left:0px; padding-top:0.2rem; }
.page-feedback-tc  .page-btn .layui-btn { background:#f85d8b; padding:0px 0.2rem; min-width:1.6rem; line-height:0.44rem; height:0.44rem; border-radius:0.05rem; } 

.layui-form-select .layui-edge {  width:8px; height:8px; right:0.2rem; border:2px solid #fff;border-color:transparent transparent #999 #999 ; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:50%; margin-top:-6px; background:none; }

.hidden { overflow:hidden; }


@media only screen and (max-width:1500px){
.page-join .page-join-server .page-txt { height:56px; max-height:56px;  }
.page-join .page-join-opinion .page-txt { height:40px; max-height:40px;  }
}
@media only screen and (max-width:1440px){
.page-feedback-tc .page-con { padding:0.4rem 0.5rem; }
.layui-input-block { margin-left:1rem; }
.layui-form-label { width:0.9rem; }
}

@media only screen and (max-width:1400px){
.page-join .page-title { padding-right:10%; }
}
@media only screen and (max-width:1300px){
.layui-input-block { margin-left:80px; }
.layui-form-label { width:70px; line-height:30px; }
.layui-input, .layui-select, .layui-textarea { height:30px; line-height:30px; }
}


@media only screen and (max-width:980px){
.page-join .page-title { padding-right:5%; }
.page-join .page-title br { display:none; }
}

@media only screen and (max-width:750px){
.page-join { padding:0.8rem 0px; }
.page-join .page-title { padding:0px 0px 0.5rem; }
.page-join .page-text { padding:0px 0.2rem; }
.page-join .page-txt { height:5.1426em; max-height:5.1426em; }
.page-join .page-join-server .page-txt { height:5.1426em; max-height:5.1426em; }

.layui-form-item .page-label { width:100%; }
.layui-form-item .page-label:first-child { margin-bottom:0.2rem; }

}
@media only screen and (max-width:375px){
.layui-input-block { margin-left:0px; }
.layui-form-label { float:none; width:100%; text-align:left; }
}



/****************分司网络*******************/
.page-layout { position:relative; overflow:hidden; }
.page-layout .page-map { width:62.5%; }
.page-layout .page-map img { width:100%; }
.page-layout .page-map2 { position:absolute; left:0px; top:0px; height:100%; bottom:0px; width:62.5%; }
.page-layout .page-map2 img { width:100%; opacity:0;filter:alpha(opacity=0); }
.page-layout .page-map2 ul li { position:absolute;width:0.58rem;height:0.58rem;  margin:-0.29rem 0px 0px -0.29rem;  }
.page-layout .page-map2 ul li .page-circle { width:100%; height:100%;  position:relative; border-radius:50%; }
.page-layout .page-map2 ul li .page-circle:before { position:absolute; left:0px; top:0px; right:0px; content:""; width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20); bottom:0px; border:1px solid #fff; border-radius:50%; }
.page-layout .page-map2 ul li .page-circle b { position:absolute; left:0px; top:0px; right:0px; width:100%; height:100%; opacity:1;animation:line2 2s linear infinite;background:#fff; bottom:0px; border-radius:50%; }
.page-layout .page-map2 ul li .page-circle b:before { position:absolute; left:0px; top:0px; right:0px; content:""; width:100%; height:100%; opacity:1;animation:line1 2s linear infinite;background:#fff; bottom:0px; border-radius:50%; }

.page-layout .page-map2 ul li .page-circle:after { position:absolute; left:25%; top:25%; content:""; width:50%; height:50%; opacity:0.6; filter:alpha(opacity=60); border:1px solid #fff; border-radius:50%; }
.page-layout .page-map2 ul li .page-circle span { position:absolute; width:0.06rem; height:0.06rem; background:#fff; border-radius:50%; left:50%; top:50%; margin:-0.03rem 0px 0px -0.03rem; }
.page-layout .page-map2 ul li.on .page-circle span { width:0.1rem; height:0.1rem; margin:-0.05rem 0px 0px -0.05rem; }
.page-layout .page-map2 ul li.on .page-circle:after { border-width:0.02rem; }
.page-layout .page-map2 .page-address { position:absolute; padding-bottom:0.1rem; left:50%; bottom:0.5rem; margin-left:-1.15rem; }
.page-layout .page-map2 .page-address:before { position:absolute; left:50%; width:0px; height:0px; margin-left:-0.1rem; border:0.1rem solid rgba(0,108,255,0.9); bottom:-0.1rem; border-color:rgba(0,108,255,0.9) transparent transparent transparent; content:""; }
.page-layout .page-map2 .page-address dl { color:#fff; padding:0.18rem 0px 0.21rem; background:rgba(0,108,255,0.9); width:2.3rem; border-radius:0.1rem; }
.page-layout .page-text { position:absolute; right:12.5%; top:0px; height:100%; color:#fff; width:27.6%; }
.page-layout .page-text h2 { line-height:1.2; }
.page-layout .page-txt { line-height:1.875; height:5.625em; max-height:5.625em; margin-top:0.24rem; }
.page-layout .page-more { padding-top:0.33rem; overflow:hidden; }

-webkit-@keyframes line2{
	0%{opacity:1;transform:scale(0)}
	50%{opacity:0.5;transform:scale(0.75)}
	100%{opacity:0;transform:scale(1.5)}
}


@keyframes line2{
	0%{opacity:1;transform:scale(0)}
	50%{opacity:0.5;transform:scale(0.75)}
	100%{opacity:0;transform:scale(1.5)}
}

-webkit-@keyframes line1{
	0%{opacity:1;transform:scale(0)}
	30%{opacity:0.5;transform:scale(0.3)}
	100%{opacity:0;transform:scale(0.6)}
}

@keyframes line1{
	0%{opacity:1;transform:scale(0)}
	30%{opacity:0.5;transform:scale(0.3)}
	100%{opacity:0;transform:scale(0.6)}
}


@media only screen and (max-width:1340px){
.page-layout .page-txt { height:62px; max-height:62px; }
}
@media only screen and (max-width:1100px){
.page-layout .page-map2 .page-address { margin-left:-1.4rem; }
.page-layout .page-map2 .page-address dl { width:2.8rem;  }
}

@media only screen and (max-width:900px){
.page-layout .page-map2 .page-address { margin-left:-1.7rem; }
.page-layout .page-map2 .page-address dl { width:3.4rem; }
}

@media only screen and (max-width:750px){
.page-layout .page-map { width:100%; }
.page-layout .page-map2 { width:100%; height:auto; bottom:auto; }
.page-layout .page-map2 .page-address { /*bottom:65.533%; right:9.267%;*/ }
.page-layout .page-text { position:relative; width:100%; padding:0.5rem 5%; right:auto;  }
.page-layout .page-txt { height:5.625em; max-height:5.625em; }
}
@media only screen and (max-width:540px){
.page-layout .page-map2 .page-address { /*margin-bottom:0.1rem;*/ }
}
@media only screen and (max-width:480px){
.page-layout .page-map2 .page-address { /*margin-bottom:0.2rem;*/ }
}
@media only screen and (max-width:414px){
.page-layout .page-map2 .page-address { /*margin-bottom:20px;*/ }
}


.page-footer .page-ft-bg { display:block; }


.animated2 {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated2.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}


@-webkit-keyframes scaleMove {
  0% {
    webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  50% {
    webkit-transform: scale3d(1.05, 1.05, 1.05) translate3d(10px, 0, 0);
            transform: scale3d(1.05, 1.05, 1.05) translate3d(10px, 0, 0);
  }
  100% {
    webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}

@keyframes scaleMove {
  0% {
    webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  50% {
    webkit-transform: scale3d(1.05, 1.05, 1.05) translate3d(10px, 0, 0);
            transform: scale3d(1.05, 1.05, 1.05) translate3d(10px, 0, 0);
  }
  100% {
    webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}

.scaleMove {
  -webkit-animation-name: scaleMove;
          animation-name: scaleMove;
}