body{  font-size: 16px;   }
header{ padding: 0 50px; width: 100%; height: 99px; position: fixed; top: 0; left: 0; z-index: 100; color: #fff; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
header .icon2{ display: none;}

header.bg{ background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); color: #333;}
header.bg .icon1{ display: none;}
header.bg .icon2{ display: block;}


.ban .swiper-slide img{ width: 100%; height: 100vh; object-fit: cover;}
.svg-swiper-pagination {position: absolute;z-index: 1; }
 
.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; 
  margin: 0 15px !important; bottom: 60px; position: relative;}
.svg-swiper-pagination .swiper-pagination-bullet:after {content: "";position: absolute;left: 50%;top: 50%;z-index: 0;width: 5px;height: 5px;background-color: transparent;
   border: 1px solid #fff;border-radius: 50%;margin: -6px 0 0 -6px;transition: opacity .3s}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background-color: #fff; border-color: #fff;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 { -webkit-animation: svgCircleAnmi 5s linear forwards; animation: svgCircleAnmi 5s linear forwards; }
.svg-swiper-pagination .svg {width: 30px;height: 30px; position: absolute; top: -12px; left: -12px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block}
.svg-swiper-pagination .circle1 { stroke: transparent}
.svg-swiper-pagination .circle2 { stroke: #fff; stroke-dasharray: 0 339}

nav{ width: 40vw;}
nav li>a{ line-height: 99px; height: 99px; display: block;  position: relative; font-size: 16px;}
nav li.on>a::after,nav li:hover>a::after{ width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; display: block; content: ''; background-color: #f28e2e;}
nav li.on>a,nav li:hover>a{color: #f28e2e;}
nav dl.subMenu{ position: absolute; top: 99px; left: 0; width: 100%; border-top: 1px solid #e5e5e5;display: none;}
nav dt div{ position: relative; z-index: 5; text-align: center;}
nav dt span.DIN{ font-size: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); 
     -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  z-index: 5; color: rgba(255, 255, 255, 0.1); line-height: 1;}
     nav dt{ padding: 80px 0;}
nav dd{ padding:80px 10vw; display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr);  white-space: nowrap;}
nav dd a{ color: #333;}
nav dd a:hover{ color: #0064b9;}


.h_nav{ height: 60px; width: 60px; background-color:#136cc9; padding: 18px 8px ;    align-items: flex-end; display: none;}

.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
  .h_nav .burger:first-child{ animation: long 2s linear infinite;  }
  .h_nav .burger:nth-of-type(2){  width: 50%;}
  .h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite}

  .h_nav.close .burger:first-child{ display: none;}
    .h_nav.close .burger:nth-of-type(3){ display: none;}
 
    .h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
    .h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   
         position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
    .h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
    .h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }



.searchBox{ width: 100%;  padding: 20px ;   position: fixed; top: 99px; left: 0; z-index: 100; background-color: #fff; border-top: 1px solid #e5e5e5; display: none;}
.searchBox form{ border-bottom: 2px solid #aaaaaa; width: 400px; padding: 15px 0 ;
 margin: 0 auto;}
.searchBox  .input{ width: 350px;}
.searchClose{ position: absolute; right: 15vw; top: 20px; cursor: pointer; opacity: 0.6; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchClose:hover{ opacity: 1; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }



.about .left{ background: url(../image/aboutBg.jpg) no-repeat center center; background-size: cover; padding-left: 20vw; padding-right: 5vw; }
.about .left .txt{ padding: 100px 0;}
.about .right{ background: url(../image/confair.png) no-repeat left bottom; background-size: 100% auto;}
.about .right .playBtn{position: absolute;top: 50%;left: 50%;z-index: 5;width: 75px;height: 75px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);-webkit-border-radius: 50%;
  -moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;transform: translate(-50%,-50%); 
  box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
  animation: ripple-wave1 1s linear infinite;animation-play-state: running;opacity: 1;visibility: visible;-webkit-animation: ripple-wave1 1s linear infinite; 
}

.aboutMore{ width: 286px; height: 70px; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; 
 background-color: #f28e2e; color: #fff; padding: 0 35px;
 
 }

 .aboutMore span{ width: 34px; height: 34px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
 border: 1px solid #fff; position: relative; }
 .aboutMore span::after{ width: 3px; height: 3px; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -1px; display: block; content: ''; background-color: #fff;border-radius: 50%;
}
.aboutMore span::before{ display: block; content: ''; height: 1px; background-color: #fff; width: 200%; right: 50%; top: 50%; position: absolute; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.aboutMore:hover span::before{ width: 100%;}
.aboutMore:hover { box-shadow: 0 0 10px rgba(242, 142, 46, 0.5); transform:scale(1.02) ; -webkit-transform:scale(1.02) ; -moz-transform:scale(1.02) ; -ms-transform:scale(1.02) ; -o-transform:scale(1.02) ; }
 
.w80{ width: 80%; margin: 0 auto;}
.w90{ width: 90%; margin: 0 auto;}

.Strength{ background: url(../image/mapbg.png) no-repeat center top  136px #f5f7f9; background-size: 87% auto;}
.idxnumUl li{ border: 3px solid #dbdbdb;border-radius: 50%;  width: 235px; height: 235px; }
.idxnumUl li::after{ display: block; content: '';}
.idxnumUl li b::after{ content: '+'; display: block; color: #0064b9; position: absolute; top: 0; right: -20px; font-size: 20px;}
.idxnumUl li::after{ position: absolute; top: -2px; right: -2px; width: 100%; height: 100%; display: block; content: ''; background: url(../image/numBg.png) no-repeat top right; background-size: 50% auto;}
.idxnumUl li:nth-child(2)::after{ transform: rotate(90deg); top: 2px;  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.idxnumUl li:nth-child(3)::after{ transform: rotate(180deg); top: 2px; right: auto; left: -2px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.idxnumUl li:nth-child(4)::after{ transform: rotate(270deg);  right: auto; left: -2px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); }

.honor .swiper-container .img{ width: 100%; height: 360px;}
.honor .swiper-container .img img{ max-height: 100%;  max-height: 100%; object-fit: cover;}
.honorLeft,.honorRight{
  width: 70px;
  height: 70px;
  border: 1px solid #ddd;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  transition:all .36s ;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition:all .36s ;
  -moz-transition:all .36s ;
  -ms-transition:all .36s ;
  -o-transition:all .36s ;
}
.honorLeft{ left: -100px;}
.honorRight{ right: -100px;}
.honorLeft:hover,.honorRight:hover{ background-color: #f28e2e; color: #fff;}

.areas{ background: url(../image/aboutBg.jpg) no-repeat center center; background-size: cover;}
.areasTop a{  width: 200px; height: 200px;    margin: 0 20px; position: relative; z-index: 2;}
.areasTop a:nth-child(n+4){ display: none;}
.areasTop a:last-child{ display: flex;}
.areasTop a::before{z-index: -1;
  display: block;
  content: '';
  position: absolute;
  transition: all .36s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #c3884d;
  transform: scale(1,0);
  -webkit-transform: scale(1,0);
  border-radius:0 20px  0 20px ;
  -moz-transform: scale(1,0);
  -ms-transform: scale(1,0);
  -o-transform: scale(1,0);
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
  -webkit-border-radius:0 20px  0 20px ;
  -moz-border-radius:0 20px  0 20px ;
  -ms-border-radius:0 20px  0 20px ;
  -o-border-radius:0 20px  0 20px ;
}
.areasTop a:hover::before,.areasTop   a.on::before{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.areasBot .img{ border-radius: 0 50px 0 50px; -webkit-border-radius: 0 50px 0 50px; -moz-border-radius: 0 50px 0 50px; -ms-border-radius: 0 50px 0 50px; -o-border-radius: 0 50px 0 50px; }
.areasBot .txt li{ background-color: #f3f5f7;/*width: 30%; */ padding:0 12px; margin-right: 5%; height: 60px;margin-bottom: 30px;display: flex;align-items: center;justify-content: center; border-radius:30px ; -webkit-border-radius:30px ;  -moz-border-radius:30px ;-ms-border-radius:30px ; -o-border-radius:30px ;
 }
 .areasBot .txt li a{ display: block;}
 .areasBot .txt li a:hover{ color: #f28e2e;}
/*.areasBot .txt li:nth-child(3n){ margin-right: 0;}*/
.opacity2{ opacity: 0.2;}
.coverageTit{ position: absolute; top: 70px; left:10%; z-index: 10;}
.coverage .swiper-slide{ background: url(../image/BusinessBg.jpg) no-repeat center center; background-size: cover; min-height: 300px; overflow: hidden; z-index: 2;}
.dot{ position: absolute;} 
.dot .dot_circle{display:block; width:10px; height:10px; background:#0064b9; position:relative; z-index:3; border-radius:50%;}
.dot:after,.dot:before{content: "";
     position: absolute;
     border-radius: 50%;
     top: 50%;
     left: 50%;
     z-index: 1;}
.dot::before {
     width:24px;
     height:24px;
     background:transparent;
     background:rgba(0,100,185,0.6);
     margin-top:-12px;
     margin-left:-12px;
     -webkit-animation:warn 2s linear 0.4s infinite;
     -moz-animation:warn 2s linear 0.4s infinite;
     animation:warn 2s linear 0.4s infinite;
     opacity:0;
}
.dot::after {width:44px; height:44px;background:transparent; /*background:#7e9ec3;*/ background:rgba(0,100,185,0.4); margin-left:-22px; margin-top:-22px; 
     -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}
     .dot2{ position: absolute;}
.dot2 .dot_circle{display:block; width:7px; height:7px; background:#fff; position:relative; z-index:3; border-radius:50%;}
.dot2:after,.dot2:before{content: "";
          position: absolute;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          z-index: 1;}
     .dot2::before {width:18px; height:18px; background:transparent; background:rgba(255,255,255,0.6); margin-top:-9px; margin-left:-9px; -webkit-animation:warn 2s linear 0.4s infinite; 
          -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}
     .dot2::after {width:28px; height:28px;background:transparent; /*background:#7e9ec3;*/ background:rgba(255,255,255,0.4); margin-left:-14px; margin-top:-14px; 
          -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}
.coverageTxt{ position: absolute; right: 10%; top: 120px; z-index: 10; width: 25%;}
.coverageTxt a{  color: #fff; width: 50%; height: 50px; border-radius: 25px; z-index: 5; position: relative;  overflow: hidden; }
.coverageTxt a::before{ background: #f28e2e ; content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.coverageTxt a:hover{ box-shadow: 0 0 10px rgba(242, 142, 46, 0.5);  color: #f28e2e;} 
.coverageTxt a:hover::before{  height: 0; }

.mapTabl{  width: 58%; position: absolute; z-index: 10; left: 10%; bottom: 3%;height:15.3% ;}
.mapTabl li{ width: 32%; height: 100%; }
.mapTabl li span{ display: none;}
.mapTabl li.on{ color: #fff; justify-content:space-between; align-items: flex-start;}
.mapTabl li.on span{ display: block;}
.mapTabl li:nth-child(1){ background: url(../image/maptab1.jpg) no-repeat center center; background-size: cover;}
.mapTabl li:nth-child(2){ background: url(../image/maptab2.jpg) no-repeat center center; background-size: cover;}
.mapTabl li:nth-child(3){ background: url(../image/maptab3.jpg) no-repeat center center; background-size: cover;}
.mapTabl li.on:nth-child(1){ background: url(../image/maptab1-h.jpg) no-repeat center center; background-size: cover;}
.mapTabl li.on:nth-child(2){ background: url(../image/maptab2-h.jpg) no-repeat center center; background-size: cover;}
.mapTabl li.on:nth-child(3){ background: url(../image/maptab3-h.jpg) no-repeat center center; background-size: cover;}

.customersClass{ width: 45%; border-bottom: 1px solid #e5e5e5;}
.customersClass li{ padding-bottom: 35px; position: relative;  cursor: pointer;}
.customersClass li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background: #f28e2e; display: block; content: ''; }
.customersClass li.on::after{ width: 100%;}
.customersCon .swiper-slide{ background-color: #fff;}
.customersCon ul {  display: flex;  flex-wrap: wrap; margin-bottom: -20px;}
.customersCon ul li{ border: 1px solid #e5e5e5; padding: 20px; max-height: 120px; transition: all .36s; width: 18.9%; margin-right: 1.375%;  margin-bottom: 20px;}
.customersCon ul li:nth-child(5n){ margin-right: 0;}
.customersCon ul li img{ max-height: 100%;}
.customersCon ul li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: scale(0.95);}
.newMore{ padding: 0 15px;}
.newMore::after{ border-radius: 25px; width: 50px; height: 50px; position: absolute; left: 0; top: 50%; margin-top: -25px; background-color: #f28e2e; z-index: -1; display: block; content: ''; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.newMore:hover{ color: #fff;}
.newMore:hover::after{ width: 100%;}
#newsSwiper .swiper-slide   .img img{ width: 100%; height: 300px; object-fit: cover;}
#newsSwiper .swiper-slide .txt{ border: 1px solid #e5e5e5; border-top: none;}
#newsSwiper .swiper-slide:hover{ color: #f28e2e;}
#newsSwiper .swiper-slide .txt span::before{ width: 0; transition: all .36s; height: 1px; background-color: #f28e2e; display: block; content: ''; position: absolute; left: 0; top: 50%;  -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;
}
#newsSwiper .swiper-slide:hover .txt span{ padding-left: 30px;}
#newsSwiper .swiper-slide:hover .txt span::before{ width: 25px;}
#newsSwiper .swiper-slide:hover  .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

footer .top .left{ width: 36%;}
footer .top .left .line{    width: 1px; background: rgba(255, 255, 255, 0.08);}
footer .top .right{ width: 56%;}
footer .top .right dt{ font-size: 20px; margin-bottom: 15px;}
footer .top .right dd a{ color: rgba(255, 255, 255, 0.5); line-height: 2.4;}
footer .bottom{color: rgba(255, 255, 255, 0.5); padding: 20px 0; margin-top: 20px; border-top: 1px solid  rgba(255, 255, 255, 0.08);}

.dis-flex-start{ display: flex; align-items: flex-start;}

.page-aside {
	position: fixed;
	right: -6px;
	bottom: 180px;
	transform: translateX(100%);
	z-index: 90;
	opacity: 0;
	transition: transform .3s, opacity .3s
}

.page-aside.show {
	transform: translateX(0);
	opacity: 1
}

.page-aside .img {
	max-width: 100%
}

.page-aside-item {
	width: 54px;
	text-align: center;
	height: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	background-color: rgba(0, 0, 0, .5);
	margin: 4px 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-right: 6px;
	transition: transform .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-aside-item .icon {
	width: 24px
}

#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; display: none;}
#toolbar a {
    width: 25%;
   padding: 10px 0;
    text-align: center;
   color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
#toolbar img{ height: 20px; margin-bottom:5px;}


div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}

.neiBanner .scroll{ position: absolute; bottom: 40px; animation: ani-svg 1s linear 0s alternate infinite; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);  }
.aboutOne{ background-color: #f5f7f9;}
.aboutOne .bg{ background: url(../image/bg1.png) no-repeat top right; background-size: 100% auto;}
.aboutOne .tit{ margin-top: -50px;}
.culture .img{ width: 58%;}
.culture .txt{ width: 42%;}
.culture .txt .logoB{ opacity: 0.06; position: absolute; bottom: -40px; right: 40px;}
.culture .txt ul{ width: 150%; position: absolute; left: -50%; bottom: 0;}
.culture .txt ul li{ width: 50%; position: relative; padding-bottom: 150px;}
.culture .txt ul li:nth-child(1){ background-color:rgba(0, 0, 0, .4) ;}
.culture .txt ul li:nth-child(2){ background-color:#0064b9 ;}
.culture .txt ul li:nth-child(3){ background-color: #404245;}
.culture .txt ul li img{ height: 130px; opacity: 0.1; position: absolute; bottom: 10px ; right: 30px;}

.history{ background: url(../image/bg2.jpg) no-repeat center center; background-size: cover;}
.history .title{ position: absolute; left: 0; top: 60px;}
.history .left{ width: calc(100% - 160px);}
.history .right{ width: 110px; background: url(../image/historyLine.png) no-repeat top center;}
.history .left .txt{ line-height: 2.6; justify-content: center;  }
.history .left .img{ padding-top: 60px; padding-bottom: 60px; }
.history .left .swiper-slide .year{ font-size: 100px; color: rgba(255, 255, 255, 0.1); position: absolute; top: 50px; right: 0; position: absolute; line-height: 1; white-space: nowrap;}
.history .right .gallery-thumbs{ height: 380px;}
.history .right .swiper-slide{
     width: 86px;
     height: 75px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background-color: rgba(255, 255, 255, 0.5);
     color: #fff;
     transform: scale(.8);
     -webkit-transform: scale(.8);
     -moz-transform: scale(.8);
     -ms-transform: scale(.8);
     -o-transform: scale(.8);
     transition: all .36s;
     -webkit-transition: all .36s;
     -moz-transition: all .36s;
     -ms-transition: all .36s;
     -o-transition: all .36s;
}
.history .right .swiper-slide.swiper-slide-thumb-active{ color: #333; background-color: #fff; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.history .right .prev,.history .right .next{ cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background-color: #f28e2e; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.history .right .prev{top: 50px;}
.history .right .next{ bottom: 50px;}
.honor1{ background: url(../image/bg3.png) no-repeat right bottom;}
.honor1 .swiper-slide { background: transparent;}
.honor1 .swiper-slide .txt{  display: none;}
.honor1 .swiper-slide-active .txt{ display: -webkit-box;}
.honor1 .swiper-slide-active{ background-color: #fff;}

.team{ background-color: #f5f7f9;}
.serviceUl  li .txt{ padding-left: 10vw; justify-content: center; padding-right: 100px;}
.serviceUl .line{ width: 100%; height: 2px; background-color: #eeeeee; position: relative;}
.serviceUl .line::after{ display: block; content: ''; width: 0; height: 2px; background-color: #136cc9; position: absolute; left: 0 ; top: 0; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.serviceUl  li .txt .more{ width: 180px; height: 56px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; overflow: hidden;}
.serviceUl  li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.serviceUl  li:hover .line::after{ width: 100%;}
.light{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transform: skewx(-25deg);
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));}
.light-tri:hover .light{ left: 100%; transition: 1s;}
.serviceUl  li:nth-child(2n) a{ flex-direction: row-reverse;}
.serviceUl  li:nth-child(2n) .txt{ padding-right: 10vw;  justify-content: center; padding-left: 100px;}

.serviceBanner{ margin-top: 100px;}
.serviceBanner .txt{ position: absolute; left: 0; top: 0;}
.serviceBanner .txt  .line{ width: 50px; height: 3px; background-color: #0064b9;}
.serviceBanner .txt .more{ overflow: hidden; width: 180px; height: 56px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;  background-color: #f28e2e;}

.proServer { display: grid; grid-gap: 30px; grid-template-columns: repeat(2,1fr);} 
.proServer li .txt{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.proServer li .txt .bg-white{ width: 60%;transition: all .36s;}
.proServer li .txt .bg-white .icon{ width: 54px; height: 54px; position:absolute; left: 40px; bottom: -23px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proServer li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .4);}
.proServer li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.proServer li:hover .bg-white{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.proServer li:hover .icon{ transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); }

.acceUl{ display: grid; grid-gap: 30px; grid-template-columns: repeat(3,1fr);}
.acceUl li .txt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(to right,rgba(4,56,132,0.4),transparent);} 
.acceUl li .txt .icon{ width: 54px; height: 54px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.acceUl li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .4);}
.acceUl li:hover .txt{ background:rgba(4,56,132,0.8)}
.acceUl li:hover .icon{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.acceUl li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.acceUl .icon em:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #fff; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.acceUl .icon em:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #fff; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.acceUl li:hover .icon  em:before { animation: serv_one_border .9s 0s ease 1;   }
.acceUl li:hover .icon em:after {  animation: serv_one_border 1.5s 0s ease 1;}


.processUl li{ border: 1px solid #e5e5e5; width: 12%; overflow: hidden; position: relative;}
.processUl  span{ display: flex; align-items: center; justify-content: center;}
/* .processUl li::after{ position: absolute; content: ""; left: -81px; top: 0; height: 0; width: 165px;  background: #0260b3;  transition: all 0.5s cubic-bezier(.73,.02,.31,1.02); transform: rotate(-45deg);
}
.processUl li:hover:after{height: 50px;}
.processUl li::before {position: absolute;content: "";right: -81px;bottom: 0;height: 0;width:165px;background: #0260b3;transition: all 0.8s cubic-bezier(.73,.02,.31,1.02);
transform: rotate(-45deg);}
.processUl li:hover:before{height: 50px;} */

.processUl li:hover img{ animation: jello 1.2s; filter: grayscale(0%); opacity: 1; -webkit-animation: jello 1.2s; }
.processUl li:hover {  box-shadow: 0 0 10px rgba(0, 0, 0, .15);  transform: translateY(-10px); }
.border{ border: 1px solid #e5e5e5;}

.processUl li:before{position: absolute;content: "";   display: block;width:0; height: 3px;background: #0260b3;transition: all 0.36s;  bottom: 0; left: 0; }
.processUl li:hover:before{ width: 100%;}

.choiceUl li{ width: 295px; overflow: hidden; height: 295px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; } 
.choiceUl li .icon2{ display: none;}
.choiceUl li::after{ width: 100%; height: 100%; transition:all .36s ;border-radius: 50%; z-index: -1; position: absolute; top: 0; left: 0; background-color: #136cc9; display: block; content: ''; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.choiceUl li:hover::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.choiceUl li:hover{ color: #fff;}
.choiceUl li:hover img{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
.choiceUl li:hover .icon1{ display: none;}
.choiceUl li:hover .icon2{ display: block;}

.serviceContact{ background: url(../image/bg4.jpg) no-repeat center center; background-size: cover;  background-attachment: fixed; position: relative;}
.serviceContact ul li{ width: 33.3%;}
.serviceContact ul li i{ border: 2px solid #fff; width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.serviceContact ul li i img{opacity: .6; height: 37.5%;}
.serviceContact .ewmImg{ width: 150px;}
.serviceContact ul li:hover i img{ opacity: 1;}

.sercbtn{ width: 40px; height: 60px;}

.serviceMenu{ background: rgba(255, 255, 255, 0.8); display: flex; position: relative;  z-index: 5;}
/*margin-top: -80px;*/
.serviceMenu a{ width: 33.3%; line-height: 80px;}
.serviceMenu a.on{background: #fff;}
.servicetesting{ background: url(../image/bg5.jpg) no-repeat center center; background-size: cover; height: 460px;    background-attachment: fixed; position: relative;}
.servicetesting .f20{ padding: 20px 40px; background: rgba(0,100,185,0.6); width: 52%;}
.servicetesting .pic{ width: 14.2%;}

.serviceItem{ background: url(../image/bg6.jpg) no-repeat center center; background-size: cover;}
.serviceItem .txt{ width: 38%;}
.serviceItem .pic{ width: 56%;}
.serviceItem .pic li { width: 29.2%;}
.serviceItem .pic li img{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.serviceItem .pic li:nth-child(2){ padding-bottom: 60px;}
.serviceItem .pic li:nth-child(3){ padding-top: 40px;}
.serviceItem .pic li:hover img{ box-shadow: 0 0 20px rgba(0,100,185,0.4); border-radius: 15px; transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.border-bottom{ border-bottom: 1px solid #e5e5e5;}
.serviceline{ background-color: #f28e2e; width: 50px; height: 3px;}

.serviceThere .tabUol li{ width: 33.3%;  position: relative; cursor: pointer;}
.serviceThere .tabUol li.on{ color: #f28e2e;}
.serviceThere .tabUol li span{padding-bottom: 60px; position: relative; display: inline-block;}
.serviceThere .tabUol li span::after{ transition: all .36s; width: 100%; height: 2px; background-color: #f28e2e; position: absolute; bottom: 0; left: 0; display: block; content: ''; transform: scale(0,1); -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.serviceThere .tabUol li.on span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
.serviceThere .tabUol li:hover{ color: #f28e2e;}

.serviceFour{ background: url(../image/bg7.jpg) no-repeat center center; background-size: cover;}
.serviceFour ul{ display: grid; grid-gap: 50px 40px; grid-template-columns: repeat(3,1fr);}
.serviceFour ul li { box-shadow: 0  0 20px rgba(0,100,185,0.1); height: 180px; justify-content: center; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.serviceFour ul li .f20{width: 80%;}
.serviceFour ul li span{opacity: 0.05; font-size: 80px; position: absolute; top: 30px; right: 30px; line-height: 1; z-index: 3;}
.serviceFour ul li div{ position: relative; z-index: 5;}
.serviceFour ul li::before{ width: 0; height: 100%; background-color: #136cc9; position: absolute; left: 0; top: 0; z-index: 1; display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.serviceFour ul li:hover::before{ width: 100%; }
.serviceFour ul li:hover{ color: #fff; transform:translateY(-20px) ; -webkit-transform:translateY(-20px) ; -moz-transform:translateY(-20px) ; -ms-transform:translateY(-20px) ; -o-transform:translateY(-20px) ; }
.serviceFour ul li:hover span{ opacity: 0.2; }

.zzBtn{ height: 60px; line-height: 60px; box-shadow: 0 0 20px rgba(0,100,185,0.1); background-color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;  overflow: hidden;} 
.zzBtn .left{ width: 200px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.zzBtn .right { width: 400px;}

.serviceFive .swiper-slide{ background: none;}
.serviceFive .swiper-slide li{ background-color: #fff;}
.serviceFive .customersClass{ border-bottom: none;  width: 50%;}
.serviceFive .customersClass li.on::after{ width: 0;}
.serviceFive .customersClass li{ padding-bottom: 0;}
.serviceFive .customersClass li.on{ border-bottom: 1px solid #333; color: #333;}
.serviceSix .swiper-slide{ padding-bottom: 60px;}
.serviceSix .swiper-pagination{ top: auto; bottom: 0;}
.serviceSix .swiper-pagination-progressbar-fill{ background-color: #f28e2e;}
.serviceSix .swiper-slide:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
 .serviceSeven{ background: url(../image/bg8.jpg) no-repeat center center; background-size: cover; padding: 70px 0 180px;    background-attachment: fixed; position: relative;}
 .serviceSevenUl li .img{ border: 1px solid #136cc9; border-radius: 50%; width: 90px; height: 90px;}
.serviceSevenUl li i{ width: 84.4%; height: 84.4%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.serviceSevenUl li i img{ width: 40%;}
.serviceSevenUl li .ewmImg{ width: 150px;}

.technologyOne{ background: url(../image/bg1.png) no-repeat left top #f5f7f9; background-size: auto  100%; width: 100%; overflow: hidden;}
.technologyOne .txt .line{width: 20%; height: 1px; background-color: rgba(0,100,185,0.2);}
.technologyOne .txt  .con::before,.technologyOne .txt  .con::after{color: #136cc9; font-size: 100px;  display: block; content: '"'; font-family: "DIN"; position: absolute; line-height: 1;}
.technologyOne .txt  .con::before{top: -25px; left: -70px; }
.technologyOne .txt  .con::after{bottom: -70px; right:  -70px; }
.technologyOne .img img{ width: 80%;}
.technologyOneQiu{ position: absolute; bottom: 0; right: 0; width: 16%;}
.technologyOneQiu .layer{ padding: 40px 0;}
#equipmentSwiper .swiper-slide{ padding-bottom: 60px;}
#equipmentSwiper  .swiper-pagination-bullet{ transition:all .36s ; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
#equipmentSwiper .swiper-pagination-bullet-active{width: 34px; background-color: #f28e2e;}

.newsBox{ background: url(../image/bg9.jpg) no-repeat center center; background-size: cover;}

.select{ border: 1px solid #e5e5e5; color:#333;  width: 20%; padding: 0 15px;  }
.select  select{height: 50px; line-height: 50px;}
 .null-txt {  width: 100%;  font-size: 18px; }
.select::after {
    content: "";
    position: absolute;
    top: 50%;
    transform:translateY(-50%) ;
    right: 25px;
    width: 0;
    height: 0;
    border-top: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    opacity: .6;
    -webkit-transform:translateY(-50%) ;
    -moz-transform:translateY(-50%) ;
    -ms-transform:translateY(-50%) ;
    -o-transform:translateY(-50%) ;
}
.select  select option{ color: #333;  }
.newsClass .on,.newsClass a:hover{ color: #f28e2e;}
.newsClass a{ border-right: 2px solid #aaa; padding: 0 38px; line-height: 1;}
.newsClass a:last-child{ border-right: none;}

.newsList{     display: flex; flex-wrap: wrap;}
.newsList li{ width: 32%; margin-right:2% ; margin-bottom: 40px;}
.newsList li:nth-child(3n){ margin-right: 0;}
.newsList li .img img{ width: 100%; height: 300px;}
.newsList li .f20{ height: 80px;  }
.newsList li .more{ position: relative; display: flex; align-items: center;}
.newsList li .more::before{ width: 0; height: 1px; margin-right: 10px; background-color: #f28e2e; display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newsList li:hover{ color: #f28e2e;}
.newsList li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newsList li:hover .more::before{ width: 50px;}
.newsList li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .2); transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }

.newsinfoBox{ background: url(../image/bg10.jpg) no-repeat top center; background-size: cover;}

.newInfo{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; margin-top: -50vh; position: relative; z-index: 2; 
box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.newInfo .title .left{ width: 80%;}
.newInfo .title .more{ background-color: #f28e2e; padding: 10px 25px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.newInfo img{ margin-bottom: 10px;}
.line-height2-8{ line-height: 2.8;}
.newsPage{  border-top: 2px solid #f28e2e; border-bottom: 2px solid #f28e2e;}
.newsPage a{ width: 40%;}

.conStyleUl li{ border-right: 1px solid #e5e5e5; width: 20%;}
.conStyleUl li:last-child{ border-right: none;} 
.conStyleUl li img{ height:26px;}
.mapBox{ height: 750px;}
.mapBoxUl{ width: 26.7%; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.mapBoxUl li img{filter: grayscale(100%);}
.mapBoxUl li.on img{ filter:grayscale(0%) ; -webkit-filter:grayscale(0%) ; }
.mapBoxUl li.on .f20{ color: #136cc9;}
.c_input{ width: 32%;}

.jobCon{  }
.jobtit{ background-color: #f5f7f9; line-height: 70px; text-align: center;}
.jobtop span:nth-child(1){width:25%;}
.jobtop span:nth-child(2){width: 15%;}
.jobtop span:nth-child(3){width: 15%;}
.jobtop span:nth-child(4){width: 15%;}
.jobtop span:nth-child(5){width: 20%;}
.jobtop span:nth-child(6){width: 10%;}

.joblist li{ border: 1px solid #e5e5e5; margin-top: 25px;cursor: pointer;}
.joblist dt{ line-height: 70px; text-align: center;}
.joblist dt .jia{ width: 22px; height: 22px; display: inline-block; background: url(../image/jia.png)no-repeat center center; background-size: cover; cursor: pointer;}
.joblist dt .jian{ width: 22px; height: 22px; display: inline-block; background: url(../image/jian2.png)no-repeat center center; background-size: cover; cursor: pointer;}
.joblist dd { border-top: 1px solid #e5e5e5; padding-bottom: 20px; display: none;}
.joblist dd .item{ padding-top: 20px;}
.joblist dd .left{ width: 25%;}
.giveTo{
    background-color: #f28e2e;
    color: #fff;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 25px;
    margin-top: 20px;
    margin-left: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
  overflow: hidden;
}
.giveTo:hover{ opacity: 0.8;}
 
.popup{ position: fixed; top: 0; left: 0; z-index: 99999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: 16px;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);width: 90%; max-width: 1100px; margin:auto; padding: 0; position: relative; display: inline-block; border-radius: 10px;}
.popup-container .map{border-radius: 15px; overflow: hidden; max-width: 100%;}
.popup-container .map .con{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 6; background: #fff; color: #333; padding: 15px 20px; text-align: left;}
.popup-container .map .con .h3{font-size: 20px; font-weight: bold;}
.popup-container .map .con .p{font-size: 16px;}
.popup .closed{ position: absolute;top: -30px; right: -30px; cursor: pointer; background: #000; border-radius: 100%; padding: 10px;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: 30px; color: #fff; line-height: 30px; }
@media (max-width:640px) {
    .popup .closed{ right: 0;}
}

.inputbox{ position:relative; line-height:44px;}
.inputbox label{ position:absolute; left:0; padding: 0 10px; color:#bfbfbf; z-index: 0; font-size: 16px;}
.inputbox .text{ width:100%;  line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none; position: relative; z-index: 2; font-size: 16px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
}
.inputbox .text:focus{ border-color:#0068b7;}

.jobpopup .popup-container{background:none;box-shadow:none; max-width: 720px;}
.jobpopup .popup-con{border-radius: 10px; overflow: inherit; background: #fff;padding-bottom: 62px;}
.jobpopup .closed{top: 2%; right: 8%; background: none; z-index: 85;}
.jobpopup .closed:before{color: #333;}
.jobformbox{ display: none;}
.jobform .form-tit{ border-bottom: 1px solid #eee; color: #333; font-size: 24px; text-align: left; padding: 18px 10%;}
.jobform form{padding: 3% 10% 0% 10%;}
.jobform .item{text-align: left; margin-bottom: 15px;}
.jobform .item2 .selectbox{width: 48%;float: left;}
.jobform .item2 .selectbox:last-child{float: right;}
.jobform .selectbox select{display: block; background: #f9f9f9; height: 55px; padding: 10px; line-height: 30px; width: 100%; border: none; color: #999; font-size: 16px;}
.jobform .name{color: #333; font-size: 18px;}
.jobform .inputbox { position: relative; cursor: text; width: 100%; height: 50px; padding: 10px; line-height: 30px; font-size: 16px; background: #f9f9f9;}
.jobform .inputbox span.tit { position: absolute; color: #999; top: 10px; left: 10px;}
.jobform .inputbox input.text ,.jobform .inputbox select.text{ border: none; background: none; display: block; width: 100%; height: 30px; font-size: 16px;padding:0;}
.jobform .file-filestyle{ line-height: 30px; font-size: 16px; }
.jobform .file-filestyle input.text { border: none; background: none; display: block; width: 100%; height: 30px; font-size: 16px;}
.jobform .file-filestyle span.tit { color: #333; display:block; margin-bottom:15px; }
.jobform .file-filestyle .filebtn{position:relative; width: 85px; height: 80px; border:2px solid #ededed; display:inline-block; font-size:0; text-align: center; line-height: 50px; cursor: pointer;}
.jobform .file-filestyle .filebtn::before,
.jobform .file-filestyle .filebtn::after{ position:absolute; content:''; background:#ededed;}
.jobform .file-filestyle .filebtn::before{ left:20%; width:60%; height:3px; top:50%; margin-top:-1px;}
.jobform .file-filestyle .filebtn::after{ left:50%; margin-left:-1px; width:3px; top:20%; height:60%;}
.jobform .btns{padding-top: 0; text-align: center;position: absolute;bottom: -45px;left: 50%;margin-left: -85px;margin-left: -50px;}
.jobform .btn{display: inline-block; background: #0068b7; font-size: 16px; color: #fff; width: 170px; height: 50px; text-align: center; line-height: 50px; border-radius: 55px; border: none; cursor: pointer;}
@media (max-width:640px) {
    .jobform .form-tit{font-size: 20px;}
    .jobform .name,.jobform .inputbox,.jobform .file-filestyle{font-size: 14px;}
    .jobform .inputbox input.text{font-size: 14px;}
    .jobform .inputbox span.tit,.jobform .file-filestyle span.tit{top: 5px;}
    .jobform .inputbox{padding: 5px 10px; line-height: 20px; height: 42px;line-height: 32px;}
    .jobform .file-filestyle{padding: 0 10px; line-height: 20px; height: 30px;}
    .jobform .file-filestyle .filebtn{line-height: 90px;width: 50px;height: 50px;}
    .jobform .btn{font-size:14px; width: 110px;height: 34px;line-height: 34px;border-radius: 30px;}
	.jobform .btns {
	    padding-top: 0;
	    text-align: center;
	    position: absolute;
	    bottom: -45px;
	    left: 50%;
	    margin-left: -50px;
	}

     
}

.jobform{
	position: relative;
} 

.resultFore .text{ padding: 15px; width: 250px; height: 50px;}
.resultFore .submit{ width: 50px; height: 50px; background: url(../image/search-h.png) no-repeat center center; background-size: 40% auto;}
.resultUl .f24{ width: 80%;}

.zhanwei{ margin-top: -100px; padding-top: 100px;}
.erji{
     position: absolute;
    height: 60px;
    width: 60px;
    z-index: 10;
    color: #333;
    font-size: 28px;
    line-height: 60px;
    text-align: center;
    right: 0;
    top: 0;
}



/*新增*/


/*新增*/

.consult-container{
	width: 73px;
	position: fixed;
	bottom: 10vh;
	right: 12px;
	z-index: 99;
	opacity: 1;
	transition: all .4s;
	font-size: 12px;
	color: #393a51;
  }
  .consult-container input{
	opacity: 0;
	cursor: default;
	position: absolute;
  }
  .consult-container .icon-box {
	padding: 12px 0;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-shadow: 12px 12px 26px 6px rgba(20,21,22,.06);
	color: #393a51;
  }
  .font-box {
	padding: 6px 0!important;
	background-color: #f4f5fc!important;
	border-bottom: 1px solid #fff;
  }
  .consult-container  .font-box1{padding: 6px 0;}
  .consult-container .consult1, .consult-container .consult {
	position: absolute;
	left: 12px;
	top: 14px;
	border: 1px solid #0064b9;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-webkit-animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-moz-animation: ani-data-v-789143c6 1.4s ease-out infinite;
  }
  .consult-container .consult1 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
  }
  .consult-container .icon-box .iconfont {
	font-size: 30px;
	line-height: 1;
  }
  .consult-container .icon-box:hover {
	background-color: #0064b9!important;
	transition: color .2s ease;
  }
  .consult-container .icon-box:hover .font {
	color: #fff!important;
  }
  .consult-container .icon-box:hover .consult1, .consult-container .icon-box:hover .consult {
	display: none;
  }
  .consult-container .go-top {
	text-align: center;
	cursor: pointer;
	margin-top: 23px;
	color: #393a51;
	display: none;
  }
  
  .go-top img{width: 30px; margin: auto;}
  .color500 {
	color: #0064b9;
  }
  .el-popover {
    
	display: none;
	position: absolute;
	background: #fff;
	min-width: 130px;
	border-radius: 4px;
	border: 1px solid #f2f4f5;
	padding: 12px;
	/* right: 15px;
	top: 0; */
	z-index: 2000;
	color: #0d1a26;
	line-height: 1.4;
	text-align: justify;
	font-size: 14px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	word-break: break-all;
   /* transform: translateY(-30%); */
   top: 50%;
   right: 115%;
   transform: translateY(-50%);
  }
  .phone-popover {
	padding: 0;
	max-width: 212px;
  }
  .phone-popover .phone {
	padding: 6px;
	font-size: 14px;
	line-height: 24px;
	color: #393a51;  
  }
  .phone-popover .phone img{ }
  .el-popper .popper__arrow, .el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	right: -6px;
	background: #fff;
	transform:translateY(-50%) rotate(45deg);
	border-color: transparent;
	border-style: solid;
   
  }
  .el-popper .popper__arrow {
	border-width: 6px;
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
  }

 /* .tran_zixun{transform: translateY(70%);}
  .tran_tell{transform: translateY(50%);} */
  .el-popover-code img{width: 100%; height: 100%; object-fit: contain;}
  .icon-box_img{width: 40px; height: 40px;  margin:0 auto 3px; position: relative;}
  .icon-box_img img{position: absolute; left: 0;  top: 0;  object-fit: cover; width: 100%; height: 100%;}
  .img_red{opacity: 1;  }
  .img_white{opacity: 0; }
  .consult-container .icon-box:hover .img_red{opacity: 0;}
  .consult-container .icon-box:hover .img_white{opacity: 1;}
  .item_span{position: relative;  display: block;}
  span.el-popover__reference-wrapper{display: block;}
  @keyframes  ani-data-v-789143c6{
	0% {
	transform: scale(1);
	opacity: 0;
	}
	25% {
		transform: scale(1.15);
		opacity: .3;
	}
	50% {
		transform: scale(1.3);
		opacity: .7;
	}
	75% {
		transform: scale(1.45);
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
  }
  @media (max-width: 780px){
	.consult-container {display: none ;}
  }