.banner .slider {
  position: relative;
  width: 100%;
  height: 950px;
  overflow: hidden;
}
  
.banner .slides {
  height: 100%;
  /* simple clear fix */
  overflow: hidden;
  list-style: none;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.banner .slide {
  height: 100%;
  clear: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner .slide a{
  width: 100%;
  height: 100%;
  display: block;
}
.banner .slider-arrows {}

.banner .slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -55px;
  border-radius: 33px;
  text-decoration: none;
  width: 40px;
  height: 110px;
  bottom: 50%;
  text-indent: 999px;
  transition: 0.3s all;
  overflow: hidden;
  display: none;
}
.banner:hover .slider-arrow{
  display: block;
}


.banner .slider-arrow--right { right: 0;border-radius: 10px 0 0 10px;background: url(/uploads/image/wwtdimages/book_right.png) no-repeat center rgba(255,255,255,0.6); }
.banner .slider-arrow--left {  left: 0;border-radius: 0 10px 10px 0; background: url(/uploads/image/wwtdimages/book_left.png) no-repeat center rgba(255,255,255,0.6); }
.banner .slider-arrow--right:hover{background: url(/uploads/image/wwtdimages/book_right.png) no-repeat center rgba(255,255,255,1);}
.banner .slider-arrow--left:hover{background: url(/uploads/image/wwtdimages/book_left.png) no-repeat center rgba(255,255,255,1);}
.banner .slider-nav {
  position: absolute;
  right: 75px;
}

.banner .slider-nav__item {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  clear: none;
  background: url(/uploads/image/wwtdimages/dot1.png) no-repeat center;
  margin: 7px 0 ;
}

.banner .slider-nav__item:hover { background: url(/uploads/image/wwtdimages/dot2.png) no-repeat center;}
.banner .slider-nav__item--current {background: url(/uploads/image/wwtdimages/dot2.png) no-repeat center;}

.banner{
  position: relative;
}
.banner .in_pro{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.banner .in_pro .title{
  width: 25%;
  float: left;
  color: #fff;
  height: 262px;
  position: relative;
  padding: 40px 130px;
  box-sizing: border-box;
}
.banner .in_pro .title .p1{
  font-size: 36px;
  font-weight: bold;
  margin-top: 40px;
}
.banner .in_pro .title .line{
  width: 48px;
  height: 2px;
  background: #fff;
  margin: 10px 0 20px;
}
.banner .in_pro .title .p2{
  font-size: 16px;
}
.arial{
  font-family: "arial";
}
.banner .in_pro .main{
  width: 75%;
  float: left;
}
.banner .in_pro .main li{
  width: 33.3333%;
  float: left;
  position: relative;
  padding: 40px;
  box-sizing: border-box;
  text-align: center;
}
.banner .in_pro .main li:before{
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  background: #fff;
  height: 160px;
  margin-top: -80px;
  content: "";

}
.banner .in_pro .main li .p1{
  line-height: 20px;
  width: 103px;
  height: 103px;
  display: table;
  text-align: center;
  margin: 0 auto;
  color: #003686;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: bold;
  position: relative;
}
.banner .in_pro .main li .p1 span{
  position: relative;
  z-index: 2;
  display: table-cell;
  
    text-shadow: 0 0 6px rgba(255,255,255,0.5);
  vertical-align: middle;
}
.banner .in_pro .main li .p1 i{
  position: absolute;
  left: 50%;
  margin-left: -52px;
  top: 0;
  width: 103px;
  background: url(/uploads/image/wwtdimages/in_pro.png) no-repeat center;
  background-size: cover;
  height: 103px;
  z-index: 1;
  animation:rotating 1s linear infinite;
  -webkit-animation:rotating 1s linear infinite;
  -ms-animation:rotating 1s linear infinite;
  -moz-animation:rotating 1s linear infinite;
}
.banner .in_pro .main li:hover .p1 i{
  animation-play-state:paused;
  -webkit-animation-play-state:paused;
  -ms-animation-play-state:paused;
  -moz-animation-play-state:paused;
}
@keyframes rotating{
  from{
    transform:rotate(0);
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    -moz-transform:rotate(0);
  }
  to{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
  }
}
@-ms-keyframes rotating{
  from{
    transform:rotate(0);
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    -moz-transform:rotate(0);
  }
  to{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
  }
}
@-webkit-keyframes rotating{
  from{
    transform:rotate(0);
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    -moz-transform:rotate(0);
  }
  to{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
  }
}
@-moz-keyframes rotating{
  from{
    transform:rotate(0);
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    -moz-transform:rotate(0);
  }
  to{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
  }
}



.banner .in_pro .main li .p2{
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  height: 64px;
}
.banner .in_pro .title:after,
.banner .in_pro .main li:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: 0.3s all;
  height: 4px;
  opacity: 0;
  background: #e60020;
}
.banner .in_pro .title:hover:after,
.banner .in_pro .main li:hover:after{
  opacity: 1;
}



.in_mid{
  padding: 65px 0;
  background: url(/uploads/image/wwtdimages/in_mid.png) no-repeat center;
}
.in_mid li{
  width: 380px;
  margin: 0 125px;
  font-size: 14px;
  background: #fff;
  padding: 55px 0;
  border-radius: 6px;
  transition: 0.3s all;
  display: inline-block;
  background: rgba(255,255,255,0.8);
  box-shadow: 3px 4px 8px rgba(0,0,0,0.15)
}
.in_mid .main{
  font-size: 0;
}
.in_mid li .p1{
  text-align: center;
}
.in_mid li .p1 a{
  display: inline-block;
  padding-right: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #003686;
  background: url(/uploads/image/wwtdimages/in_mid1.png) no-repeat right;
}
.in_mid li .a1{
  width: 50%;
  float: left;
  text-align: center;
  color: #333;
  font-size: 16px;
  margin-top: 30px;
}
.in_mid li .a1:hover{
  color: #003686;
}
.in_mid li .line{
  margin: 20px auto 10px;
  width: 24px;
  height: 2px;
  background: #003686;
}
.in_mid li .clear{
  height: 102px;
}
.in_mid li:hover{
  transform: translate(0,-20px);
  -ms-transform: translate(0,-20px);
  -webkit-transform: translate(0,-20px);
  -moz-transform: translate(0,-20px);
  background: rgba(255,255,255,1)
}
.top_tab{
  margin-top: -48px;
  line-height: 96px;
  box-sizing: border-box;
  padding: 0 66px;
}

.top_tab .clear{
  background: #fff;
  border-radius: 10px;
  display: flex;
  box-shadow: 2px 10px 20px rgba(1,64,133,0.2);
}
.top_tab a{
  text-align: center;
  flex-grow: 1;
  color: #333333;
  font-size: 24px;
  position: relative;
}
.top_tab a:after{
  position: absolute;
  right: 0;
  content: '';
  height: 48px;
  width: 2px;
  background: #e5e5e5;
  top: 50%;
  margin-top: -24px;
}
.top_tab a:hover{
  color: #003686;
}
.all_title{
  padding: 60px 0;
  text-align: center;
}
.all_title .pq{
  font-size: 30px;
  color: #003686;
}
.all_title .pw{
  font-size: 16px;
  margin-top: 5px;
}
.product .top{
  padding-bottom: 20px;
}
.product .top li{
  width: 393px;
  margin-right: 88px;
  text-align: center;
  padding: 40px 30px ;
  border-radius: 10px;
  margin-bottom: 20px;
  float: left;
  transition: 0.3s all;
}
.product .top li:hover{
  box-shadow: 0 0 35px rgba(0,54,134,0.15);
  transform: translate(0,-20px);
  -ms-transform: translate(0,-20px);
  -webkit-transform: translate(0,-20px);
  -moz-transform: translate(0,-20px);
}
.product .top li:nth-of-type(3n){
  margin-right: 0;
}
.product .top li .p1{
  font-size: 20px;
  padding: 25px 0 20px;
  color: #333;
}
.product .top li .p2{
  font-size: 16px;
  line-height: 32px;
  height: 160px;
  margin-bottom: 32px;
}
.join .end .main li .show{
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 2;
  padding: 0 30px;
  box-sizing: border-box;
}
.product .top li .btn{
  width: 128px;
  line-height: 40px;
  background: #003686;
  border-radius: 6px;
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
}
.product .mid .font .btn:hover,
.product .top li .btn:hover{
  box-shadow: 0 0  10px 5px rgba(1,64,133,0.2);
}
.product .mid{
  background: #fafbfd;
  padding-bottom: 100px;
}
.product .mid .font{
  width: 660px;
}
.product .mid .font .p1{
  font-size: 16px;
  color: #333;
  line-height: 32px;
}
.product .mid .img{
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.product .mid .font .btn{
  margin-top: 60px;
  font-size: 16px;
  color: #fff;
  background: #003686;
  padding: 0 30px;
  display: inline-block;
  border-radius: 4px;
  line-height: 40px;
}
.product .end li{
  width: 346px;
  float: left;
  border-radius: 6px;
  box-shadow: 10px 15px 50px rgba(0,54,134,0.15);
  margin-right: 50px;
}
.all_btn{
  font-size: 16px;
  color: #fff;
  background: #003686;
  padding: 0 30px;
  display: inline-block;
  border-radius: 4px;
  line-height: 40px;
}
.product .end .font{
  padding: 0 25px 50px;
}
.product .end .a1{
  margin-top: 30px;
  font-size: 20px;
  margin-bottom: 15px;
}
.product .end .p1{
  font-size: 16px;
  margin-bottom: 60px;
  line-height: 32px;
}
.product .end{
  padding-bottom: 140px;
}
.net .top{
}
.net .top .p1{
  position: relative;
  padding: 100px 150px 30px;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  transform: translate(0,200px);
  -webkit-transform: translate(0,200px);
  color: #333;
  text-align: left;
  transition: 0.5s all;
  opacity: 0;
}
.net .top .p1:before{
  content: '';
  width: 60px;
  height: 56px;
  background: url(/uploads/image/wwtdimages/net_dot.png) no-repeat center;
  position: absolute;
  left: 50px;
  top: 50px;
}
.net .main li{
  padding: 30px 0;
}
.net .main li .font{
  width: 780px;
  padding-top: 110px;
}
.net .main li .font .p1{
  line-height: 32px;
  font-size: 30px;
  margin-bottom: 30px;
  color: #333;
}
.net .main li .font .p1 *{
  display: inline-block;
  vertical-align: middle;
}
.net .main li .font .p1 i{
  width: 9px;
  height: 32px;
  margin-right: 10px;
  background: #003686;
  display: inline-block;
}
.net .main li .font  .p2{
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 20px;
}
.net .main li .font .p3{
  padding-left: 30px;
  font-size: 16px;
  line-height: 32px;
  background: url(/uploads/image/wwtdimages/net_dot1.png) no-repeat 0 9px;
}
.net .main li .img{
  float: right;
}
.net .main li .font{
  float: left;
}
.net .main li:nth-of-type(2n) .img{
  float: left;
}
.net .main li:nth-of-type(2n) .font{
  float: right;
}
.net .main li:nth-of-type(2n){
  background: #fafbfd;
}

.news.contain{
  width: 1200px;
}
.ele .top .p1{
  position: relative;
  padding: 170px 0 0 135px;
  width: 600px;
  font-size: 16px;
  line-height: 32px;
  color: #333;
  float: left;
  transform : translate(-200px,0);
  -webkit-transform: translate(-200px,0);
  transition: 0.5s all;
  opacity: 0;
}
.ele .top img.fr{
  transition: 0.5s all;
  transform : translate(200px,0);
  -webkit-transform: translate(200px,0);
  opacity: 0;
  margin-right: 37px;
}
.ele .top .p1:before{
  content: '';
  width: 60px;
  height: 56px;
  background: url(/uploads/image/wwtdimages/net_dot.png) no-repeat center;
  position: absolute;
  left: 37px;
  top: 105px;
  transform: rotate(180deg);
}
.ele .pa90{
  padding: 50px 0;
}

.about .bg>div:nth-of-type(2n),
.ele .content>div:nth-of-type(2n 1){
  background: #fafbfd;
}
.ele .adv .main li img{
  margin-left:40px;
  float: left;
}
.ele .adv .main li{
  float: left;
  margin-bottom: 25px;
  border-radius: 10px;
  width: 460px;
  background: #fff;
  padding: 45px 0 30px;
  box-shadow: 3px 6px 20px rgba(0,54,134,0.15);
  margin-right: 50px;
  transition: 0.3s all;
}
.ele .adv .main li:nth-of-type(3n){
  margin-right: 0;
}
.ele .adv .main li:hover{
  transform: translate(0,-20px);
  -ms-transform: translate(0,-20px);
  -webkit-transform: translate(0,-20px);
  -moz-transform: translate(0,-20px);
}
.ele .adv .main li:hover p{
  color: #003686;
}
.ele .adv .main .font p{
  font-size: 16px;
  color: #333;
  line-height: 32px;
  height: 96px;
  margin-bottom: 50px;
}
.ele .adv .main .font .line{
  width: 36px;
  height: 2px;
  background: #003686;
}
.ele .adv .main .font{
  width: 275px;
  float: left;
  margin-left: 25px;
}
.ele .adv{
  padding-bottom: 70px;
}

.ele .pt .left a{
  background: #fafbfd;
  line-height: 180px;
  width: 305px;
  font-size: 20px;
  color: #333;
  text-align: center;
}
.ele .pt .left a:hover,
.ele .pt .left a.active{
  background: #003686;
  color: #fff;
}
.ele .pt .main{
  float: right;
  width: 1168px;
}
.ele .pt .main li{
  background: #fafbfd;
  height: 217px;
  padding: 35px 20px 0;
  width: 228px;
  margin-bottom: 35px;
  margin-right: 32px;
  float: left;
  border-radius: 6px;
  text-align: center;
  transition: 0.3s all;
}
.ele .pt .main li:nth-of-type(4n){
  margin-right: 0;
}
.ele .pt .main li .p1{
  font-size: 18px;
  color: #333;
  padding: 20px 0 20px;
}
.ele .pt .main li .p2{
  font-size: 14px;
  line-height: 32px;
}
.ele .pt .main li:hover{
  background: #fff;
  box-shadow: 3px 6px 20px rgba(0,54,134,0.15);
  transform: translate(0,-20px);
  -ms-transform: translate(0,-20px);
  -webkit-transform: translate(0,-20px);
  -moz-transform: translate(0,-20px);
}
.ele .pt{
  padding-bottom: 70px;
}

.ele_case .main{
  border: 1px solid #e5e5e5;
}

.ele_case .tab{
  width: 305px;
}
.ele_case .slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}
  
.ele_case .slides {
  width: 1168px;
  background: #fff;
  padding: 0 30px;
}
.ele_case .tab a{
  line-height: 164px;
  text-align: center;
    background: #fafbfd;
    color: #333;
    font-size: 20px;
}
.ele_case .tab a.active,
.ele_case .tab a:hover{

    background: #003686;
    color: #fff;
}
.ele_case .slide a{
  width: 100%;
  height: 100%;
  display: block;
}

.ele_case .box-sha1{
  background: #fff;
}
.ele_case .p1{
  text-align: left;
  font-size: 16px;
  line-height: 30px;
  padding-top: 60px;
}
.ele_case dd span{
  width: 120px;
  text-align: center;
  color: #333;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  line-height: 80px;
}
.ele .pt .main li img{
  width: 50px;
}
.ele_case dd .img{
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-right: 30px;
  width: 145px;
  color: #333;
  font-size: 16px;
}
.ele_case dd .img p{
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
  height: 40px;
}
.ele_case dd .img img{
  margin-bottom: 8px;
}
.ele_case dd .img:nth-of-type(6n){
  margin-right: 0;
}
.ele_case dd{
  padding-top: 40px;
}
.ele_case .left{
  padding-bottom: 60px;
  text-align: left;
}
.ele_case .font{
  float: right;
  width: 400px;
  background: #fafbfd;
  padding-left: 40px;
  height: 330px;
  padding-right: 50px;
  padding-top: 145px;
}
.ele_case .font .p1{
  color: #003686;
  font-size: 20px;
}
.ele_case .font .line{
  width: 48px;
  height: 2px;
  background: #003686;
  margin: 35px 0 40px;
}
.ele_case .font .p2{
  color: #333;
  font-size: 16px;
}
.ele_case{
  padding-bottom: 80px;
}
.about .top{
  padding: 60px 0;
}
.about .top .font{
  width: 900px;
  float: left;
  margin-top: 60px;
}
.about .font .p1{
  font-size: 30px;
  color: #003686;
}
.about .font .p2{
  font-size: 16px;
  color: #333;
  margin: 30px 0 60px;
  line-height: 32px;
}

.all_btn:hover{
  box-shadow: 2px 4px 12px rgba(0,54,134,0.25);
  transform: translate(0,-10px);
}
.about .mid{
  padding: 60px 0;
}
.about .mid .font{
  width: 480px;
  margin-right: 125px;
}
.about .end {
  position: relative;
  padding: 60px 0;
}
.about .end .font{
  width: 400px;
  position: absolute;
  left: 50%;
  margin-left: -768px;
}
.about .end .main{

}
.about .end .main li{
  width: 400px;
  margin-right: 24px;
  float: left;
  box-shadow: 0 8px 30px rgba(0,54,134,0.15);
}
.about .end .main li:last-child{
  margin-right: 0;
}
.about .end .main li p{
  line-height: 88px;
  text-align: center;
  font-size: 20px;
  color: #333;
}
.about #map1{
  width: 560px;
  height: 340px;
  margin-left: 150px;
  float: left;
}
#map1 img{
  max-width: inherit;
}
.about .end1 .font1{
  float: right;
  width: 430px;
  padding: 20px 65px;
  border-radius: 10px;
  height: 300px;
  box-shadow: 0 8px 20px rgba(0,54,134,0.15);
  margin-right: 150px;
}
.about .end1{
  padding: 60px 0;
}
.about .end1 .font1 .p1{
  font-size: 30px;
  color: #003686;
  margin-bottom: 35px;
}
.about .end1 .font1 .p2{
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
  padding-left: 30px;
}
.about .end1 .font1 .p2.ico1{
  background: url(/uploads/image/wwtdimages/about_end1.png) no-repeat left;
}
.about .end1 .font1 .p2.ico2{
  background: url(/uploads/image/wwtdimages/about_end2.png) no-repeat left;
}
.about .end1 .font1 .p2.ico3{
  background: url(/uploads/image/wwtdimages/about_end3.png) no-repeat left;
}
.about .end1 .font1 .all_btn{
  margin-top: 20px;
}
.news .top li:nth-of-type(1){
  float: left;
  width: 48.5%;
}
.news .top li:nth-of-type(2){
  float: right;
  width: 48.5%;
}
.news .top li .img{

}
.news .top{
  padding-top: 100px;
}
.news .top li .a1{
  font-size: 24px;
  color: #333;
  margin-top: 35px;
}
.news .top li .p1{
  font-size: 16px;
  line-height: 32px;
  margin: 25px 0;
}
.news .top li .p2 span{
  color: #003686;
  font-size: 16px;
  float: left;
  line-height: 32px;
}

.news .top li .p2 i{
  float: left;
  color: #e0e0e0;
  line-height: 32px;
  margin: 0 10px;
}
.news .top li .p2 em{
  font-size: 16px;
  line-height: 32px;
}
.news .top li .btn{
  line-height: 32px;
  padding: 0 15px;
  color: #fff;
  background: #003686;
  float: right;
  border-radius: 4px;
}
.news .top li .btn:hover{
  box-shadow: 0 8px 20px rgba(0,54,134,0.15);
}

.news .main{
  padding-top: 100px;
}
.news .main li{
  float: left;
  width: 48.5%;
  margin-bottom: 50px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 5px 5px 30px rgba(0,54,134,0.15);
  margin-right: 3%;
}
.news .main li:nth-of-type(2n){
  margin-right: 0;
}
.news .main li .img{
  float: left;
}
.news .main li .img{
  width: 47%;
}
.news .main li .font{
  width: 53%;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
}
.news .main li .a1{
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 20px;
}
.news .main li .p2{
  margin-top: 30px;
}
.news .main li .p2 span{
  color: #003686;
  font-size: 16px;
  float: left;
  line-height: 32px;
}
.news .main li .p1{
  font-size: 16px;
  line-height: 32px;
  height: 96px;
  overflow: hidden;
}
.news .main li .p2 i{
  float: left;
  color: #e0e0e0;
  line-height: 32px;
  margin: 0 5px;
}
.news .main li .p2 em{
  font-size: 16px;
  line-height: 32px;
}
.news .main li .btn{
  line-height: 32px;
  padding: 0 15px;
  color: #fff;
  background: #003686;
  float: right;
  border-radius: 4px;
}
.news .main li .btn:hover{
  box-shadow: 0 8px 20px rgba(0,54,134,0.15);
}
.business .part5 .contain{
  width: 1200px;
}

.paging {
   text-align:center;
   padding: 50px 0 100px;
}
.paging li {
   display:inline-block;
   margin: 0 15px;
}
.paging li p{
  font-size: 12px;
}
.paging li.style {
   width:38px;
   height:38px;
   text-align:center;
   line-height:38px;
   border: 1px solid #003686;
   font-size: 16px;
   border-radius: 50%;
   overflow: hidden;
   color: #003686;
}
.paging li.active a,
.paging li.style a:hover {
   background: #003686;
   color: #fff;
}
.paging li.style a {
   color:#003686;
}
.paging li.active a{
   color: #fff;
}
.paging a {
   display:block;
}
.service .main{
  padding: 0 168px;
  margin-top: 120px;
}
.service .main .p1{
  position: relative;
  font-size: 16px;
  line-height: 32px;
}
.str .top .font{
  position: relative;
}
.str .top .font .p1{
  text-align: justify;
}
.str .top .font:after,
.service .main .p1:after{
  content: "";
  position: absolute;
  left: 0;
  top: -44px;
  width: 44px;
  height: 44px;
  background: url(/uploads/image/wwtdimages/service.png) no-repeat center;
}


.service .p2{
  padding: 80px 0 20px;
  font-size: 20px;
  color: #003686;
}
.s_table th{
  background: #003686;
  line-height: 68px;
  color: #fff;
  border-left: 1px dashed #e5e5e5;
  font-size: 18px;
  font-weight: normal;
}
.s_table td:first-child,
.s_table th:first-child{
  border-left: 0;
}
.s_table td{
  text-align: center;
  line-height: 65px;
  color: #333;
  border-left: 1px dashed #e5e5e5;
  font-size: 16px;
}
.s_table tr:nth-of-type(2n 1){
  background: #fafbfd;
}
.s_table td:nth-of-type(2){
  width: 346px;
}
.s_table td:nth-of-type(3){
  width: 346px;
}
.s_table td:nth-of-type(4){
  width: 250px;
}
.s_table{
  box-shadow: 0 10px 30px rgba(0,54,134,0.15);
}
.service{
  padding-bottom: 100px;
}
.join .top{
  text-align: center;
  padding-bottom: 100px;
}
.join .top img{
  margin-bottom: 50px;
}

.join .mid{
  background: #fafbfd;
  padding-bottom: 100px;
}
.join .mid li{
  width: 482px;
  margin-right: 45px;
  float: left;
  margin-bottom: 45px;
}
.join .mid li:nth-of-type(3n){
  margin-right: 0;
}
.join .mid li img{
  box-shadow: 5px 10px 35px rgba(0,54,134,0.15);
}
.join .mid li .p1{
  font-size: 20px;
  color: #333;
  margin-top: 20px;
}
.business .part2 .main li{
  transition: 0.3s all;
}
.business .part2 .main li:hover{
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.business .part2 .main li:hover .p1,
.product .end li:hover,
.news .top li:hover .a1,
.news .top li:hover,
.news .main li:hover{
  color: rgb(0,54,134) !important;
}
.news_c .main li:hover,
.product .end li:hover{
  transform: translate(0,-20px);
  -ms-transform: translate(0,-20px);
  -webkit-transform: translate(0,-20px);
  -moz-transform: translate(0,-20px);
}
.news .top li img,
.news .main li img,
.business .part2 .main li,
.news_c .main li,
.product .end li{
  transition:0.3s all;
}
.news .top li:hover img,
.news .main li:hover img{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.news .top li .img,
.news .main li .img{
  overflow: hidden;
}
.join .end{
  padding: 0 0 100px;
}
.join .end .main{
  padding: 0 35px;
  box-sizing: border-box;
}
.join .end .main li{
  width: 640px;
  float: left;
  cursor: pointer;
  padding: 25px 30px;
  margin-bottom: 35px;
  position: relative;
  box-shadow: 0 0 15px rgba(0,54,134,0.15);
}
.join .end .main li:before{
  content: '';
  position: absolute;
  right: 30px;
  top: 30px;
  width: 18px;
  height: 10px;
  transition: 0.3s all;
  background: url(/uploads/image/wwtdimages/dot.png) no-repeat center;
}
.join .end .main li.active:before{
  transform: rotate(180deg);
}
.join .end .main li:nth-of-type(2n){
  float: right;
}
.join .end .main li .p1{
  font-size: 20px;
  color: #333;
}
.join .end .main li .p2{
  color: #999;
  font-size: 16px;
  margin-top: 15px;
}
.join .end .main li .show{
  display: none;
}
.join .end .main li .p3{
  font-size: 16px;
  color: #003686;
  line-height: 32px;
  margin-top: 25px;
}
.join .end .main li .p4{
  font-size: 16px;
  line-height: 32px;
}
.dot1{
  padding-left: 25px;
  background: url(/uploads/image/wwtdimages/net_dot1.png) no-repeat left;
}
.dot2{
  padding-left: 25px;
  background: url(/uploads/image/wwtdimages/net_dot1.png) no-repeat left;
}
.contact .font .p1{
  font-size: 20px;
  color: #003686;
  margin-bottom: 30px;
}
.contact .font .p2{
  margin-top: 20px;
  font-size: 16px;
}
.contact .top{
  padding: 60px 0;
}
.contact .top .font{
  margin-top: 90px;
}
.contact .end{
  padding: 60px 0;
  /*background: url(/uploads/image/wwtdimages/contact_bg.png) no-repeat center;
  background-size: cover;*/
}
.contact .end img{
  margin-left: 100px;
}
.contact .end .font{
  width: 610px;
  float: right;
  margin-right: 70px;
}
.contact .end .font .p1{
  color: #003686;
  margin-bottom: 110px;
}
.contact .end .font{

}
.contact .end .font .p3{
  margin-top: 30px;
}
.contact .end .font .p3 span{
  font-size: 16px;
  font-weight: bold;
  color: #666;
  float: left;
  line-height: 30px;
}
.contact .end .font .p3 em{
  float: left;
  width: 430px;
  color: #666;
  line-height: 30px;
  font-size: 14px;
  margin-left: 30px;
}

.business .part1 .font{
  width: 990px;
  font-size: 16px;
  line-height: 32px;
  color: #333;
  text-align: justify;
}
.business .part{
  padding-bottom: 60px;
}
.business .part4{
  padding-bottom: 20px;
}
.business .part:nth-of-type(2n){
  background: #fafbfd;
}
.business .part2 .main li{
  width: 260px;
  margin: 0 96px;
  border-radius: 6px;
  padding: 40px 30px 50px;
  background: #fff;
  float: left;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0,54,134,0.15);
}
.business .part2 .main li .p1{
  font-size: 20px;
  color: #333333;
  margin: 30px 0 0;
}
.business .part2 .main li .line{
  width: 36px;
  height: 2px;
  background: #003686;
  margin: 30px auto;
}
.business .part2 .main li .p2{
  font-size: 16px;
  line-height: 32px;
  height: 128px;
  overflow: hidden;
}
.business .part3 .main1 .left{
  width: 22%;
  padding: 0 50px;
  box-sizing: border-box;
}
.business .part3 .main1 .left p{
  font-weight: 18px;
  color: #333;
  margin-top: 25px;
  line-height: 32px;
}
.business .part3 .main1 ul{
  width: 56%;
  float: left;
}
.business .part3 {
  overflow: hidden;
  padding-bottom: 380px;
}
.business .part3 .main1 li{
  width: 33.3333%;
  float: left;
  text-align: center;
  position: relative;
}
.business .part3 .main1 li:before{
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  background: #eeeeee;
}
.business .part3 .main1 li i{
  width: 16px;
  height: 16px;
  background: #003686;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.business .part3 .main1 ul{
  position: relative;
}
.business .part3 .main1 ul:before{
  width: 20px;
  height: 10px;
  position: absolute;
  right: -3px;
  content: "";
  background: url(/uploads/image/wwtdimages/b_dot.png) no-repeat center;
}
.business .part3 .main1 li .show{
  position: absolute;
  width: 164px;
  background: #fff;
  padding: 20px;
  font-size: 16px;
  line-height: 32px;
  height: 96px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,54,134,0.15);
  top: 50px;
  left: 50%;
  transform: translate(-50%,0);
}
.business .part3 .main1 li .show:before{
  content: '◆';
  position: absolute;
  left: 50%;
  font-size:40px;
  line-height: 32px;
  top: -16px;
  margin-left: -12px;
  color: #fff;
}
.business .part3 .contain>.pq{
  font-size: 20px;
  color: #003686;
  margin-left: 60px;
  margin-top: 60px;
  margin-bottom: 40px;
}
.in_mid .main{
  text-align: center;
}
.business .part3 .main2{
  margin-top: 140px;
}
.business .part3 .main1 .p1{
  position: absolute;
  left: 0;
  top: -116px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  width: 100%;
}
.business .part3 .main2 li .show{
  height: 240px;
  width: 170px;
  font-size: inherit;
}
.business .part3 .main2 ul{
  width: 100%;
}
.business .part3 .main2 li{
  width: 14.285%;
}
.business .part4 table{
  box-shadow: 0 0 15px rgba(0,54,134,0.15);
}
.business .part4 table th{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #003686;
  line-height: 48px;
  border-left: 1px dashed #e5e5e5;
}
.business .part4 table th:first-child{
  border-left: 0;
}
.business .part4 table th:nth-of-type(2n 1){
  width: 145px;
}
.business .part4 table th:nth-of-type(2n){
  width: 550px;
}
.business .part4{
  padding-bottom: 60px;
}
.business .part4 table td{
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #333;
  border-bottom: 1px dashed #e5e5e5;
}
.business .part4 .main li{
  border: 6px solid #dcdcdc;
  float: left;
  box-shadow: 0 0 15px rgba(0,54,134,0.15);
}
.business .part4 .main li:nth-of-type(4n){
  margin-right: 0;
}
.business .part4 .main li img{
  width: 100%;
}
.business .part4 .main .owl-prev{
  width: 16px;
  height: 27px;
  background: url(/uploads/image/wwtdimages/b_part41.png) no-repeat center;
  position: absolute;
  left: -50px;
  top: 50%;
  text-indent: 1000px;
  overflow: hidden;
  margin-top: -13px;
}
.business .part4 .main .owl-next{
  width: 16px;
  height: 27px;
  background: url(/uploads/image/wwtdimages/b_part42.png) no-repeat center;
  position: absolute;
  right: -50px;
  text-indent: 1000px;
  overflow: hidden;
  top: 50%;
  margin-top: -13px;
}
.news .main li .a1{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.business .part5 li{
  border: 1px solid #eeeeee;
  width: 132px;
  box-sizing:border-box;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.business .part5 li img{
  width: 100%;
  height: 58px;
}
.business .part5 li:nth-of-type(8n){
  margin-right: 0;
}
.business .part8 .contain{
  width: 1200px;
}
.business .part5{
  padding-bottom: 15px;
}
.business .part7 .font{
  width: 600px;
  float: right;
  margin-top: 100px;
  margin-right: 125px;
  font-size: 16px;
  color: #333;
  line-height: 32px;
}
.business .part7 .font .p1{
  font-size: 20px;
  color: #003686;
}
.business .part7 .font p *{
  display: inline-block;
  vertical-align: middle;
}
.business .part8 .main li{
  float: left;
  width: 183px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.business .part8 .main li img{
  width: 100%;
  height: 121px;
}
.business .part8 .main li:nth-of-type(6n){
  margin-right: 0;
}
.business .part8 .all_p1{
  margin-bottom: 40px;
}
.all_p1{
  font-size: 20px;
  color: #003686;
  padding-left: 24px;
  background: url(/uploads/image/wwtdimages/net_dot1.png) no-repeat left;
}
.business .part8 .main{
  margin-bottom: 40px;
}
.business .part8{
  padding-bottom: 20px;
}
.team .top{
  padding-top: 80px;
}
.team .all_p1{
  margin-bottom: 20px;
}
.team .end .main{
  position: relative;
}

.team .end .main .font{
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 48px;
  font-size: 16px;
}
.team .end .main .font p{
  padding-left: 24px;
}
.team .end .main .font p.ico1{
  background: url(/uploads/image/wwtdimages/team_ico1.png) no-repeat left;
}
.team .end .main .font p.ico2{
  background: url(/uploads/image/wwtdimages/team_ico2.png) no-repeat left;
}
.team .end .main .font p.ico3{
  background: url(/uploads/image/wwtdimages/team_ico3.png) no-repeat left;
}
.team .end{
  padding-bottom: 80px;
  padding-top: 50px;
}

.news_detail .title span{
  padding: 0 10px;
  line-height: 36px;
  float: left;
  background: #003686;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
}
.news_detail .title em{
  float: left;
  line-height: 36px;
  font-size: 16px;
  margin-right: 10px;
}
.news_detail .bdsharebuttonbox{
  float: left;
}
.news_detail .bds_weixin{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0,54,134,0.15);
  background: url(/uploads/image/wwtdimages/share1.png) no-repeat center;
  background-position: center !important;
}
.news_detail .title div.fr a{
  transition: 0.3s all;
  margin: 0 0 0 15px;
}
.news_detail .title div.fr a:hover{
  transform: translate(0,-5px);
}


.news_detail .bds_tsina{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0,54,134,0.15);
  background: url(/uploads/image/wwtdimages/share2.png) no-repeat center;
  background-position: center !important;
}


.news_detail .bds_sqq{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0,54,134,0.15);
  background: url(/uploads/image/wwtdimages/share3.png) no-repeat center;
  background-position: center !important;
}
.news_detail .title{
  padding: 35px 0 55px;
}

.news_detail .pq{
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.news_detail .pw span{
  font-size: 16px;
  color: #003686;
}
.news_detail .pw i{
  color: #e5e5e5;
  margin: 0 10px;
}
.news_detail .pw em{
  font-size: 16px;
  color: #333;
}
.news_detail .pw *{
  display: inline-block;
  vertical-align: middle;
}
.news_detail .pw{
  margin: 40px 0;
}
.news_detail .np{
  font-size: 18px;
  margin: 50px 0 100px;
}
.news_detail .np a:hover{
  color: #003686;
}
.news_c .main:nth-of-type(2n 1){
  background: #f4f5fa;
}
.news_c .main li{
  width: 464px;
  float: left;
  background: #fff;
  padding-bottom: 35px;
  margin-bottom: 66px;
  border-radius: 10px;
  box-shadow: 10px 10px 35px rgba(0,54,134,0.15);
  margin-right: 72px;
}
.news_c .main li .img img{
  border-radius: 10px;
}
.news_c .main li:nth-of-type(3n){
  margin-right: 0;
}
.news_c .main li .font{
  padding: 0 20px;
}
.news_c .main li .a1{
  font-size: 18px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 30px;
  margin-bottom: 15px;
}
.news_c .main li .p1{
  font-size: 16px;
  color: #999;
  margin-bottom: 25px;
}
.news_c .main li .p2{
  font-size: 16px;
  line-height: 32px;
  height: 96px;
  margin-bottom: 30px;
}
.news_c .main li .btn{
  width: 40px;
  height: 40px;
  float: right;
  border-radius: 50%;
  background: url(/uploads/image/wwtdimages/nc1.png) no-repeat center;
}
.news_c .main li .btn:hover{
  background: url(/uploads/image/wwtdimages/nc2.png) no-repeat center;
  box-shadow: 0 0 10px 5px rgba(0,54,134,0.15);
}
.news_c .main{
  padding-bottom: 100px;
}

.str .top .font{
  width: 620px;
  font-size: 16px;
  line-height: 32px;
  color: #333;
}
.str .top{
  padding: 70px 0 40px;
}
.str .top .all_p1{
  margin-top: 40px;
}
.str .top .p2{
  padding-left: 30px;
  margin-top: 20px;
}
.str .top .img{
  margin-right: -70px;
}
.str .mid .img img{
  margin-right: 16px;
}
.str .mid .img img:last-child{
  margin-right: 0;
}

.str .end .main{
  padding: 50px 140px 100px;
}
.str .end .main th{
  line-height: 68px;
  color: #fff;
  background: #003686;
  font-size: 18px;
  font-weight: normal;
}
.str .end  {
  padding-top: 80px;
}
.str .end .main td{
  line-height: 68px;
  color: #333;
  font-size: 18px;
  background: #eeeeee;
  text-align: center;
  border-left: 2px solid #d2d2d2;
}
.str .end .main td:first-child{
  border-left: 0;
}
.str .end .img p{
  margin-top: 20px;
  color: #999;
  text-align: center;
}
.str .end .img{
  margin-top: 45px;
}
.worker .main{padding-top: 85px;width: 1200px;font-size:0}
.worker .main li{
    display: inline-block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 35px;
}
.worker .main li:nth-of-type(3n){
  margin-right: 0;
}
.worker .main li .p1{
  color: #333;
  line-height: 30px;
  margin-top: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
}
.worker .main li .line{
  width: 42px;
  height: 2px;
  background: #003686;
  margin: 20px 0;
}
.worker .main li .p2{
  font-size: 16px;
  line-height: 32px;
  height: 64px;
  overflow: hidden;
}
.worker{
  padding-bottom: 65px;
}
.rec .left{
  width: 340px;
  float: left;
}
.rec{
  padding-top: 90px;
}
.rec .left a{
  line-height: 80px;
  background: #fafbfd;
  margin-bottom: 1px;
  font-size: 20px;
  color: #333;
  text-align: center;
}
.rec .left a:hover,
.rec .left a.active{
  background: #003686;
  color: #fff;
}
.rec .right{
  width: 1000px;
  float: right;
}
.rec .right li{
  padding: 30px;
  background: #fafbfd;
  margin-bottom: 35px;
  position: relative;
}

.rec .right li:before{
  position: absolute;
  right: 30px;
  top: 30px;
  width: 18px;
  height: 10px;
  background: url(/uploads/image/wwtdimages/dot.png) no-repeat center;
  content: '';

}
.rec .right li .p1{
  font-size: 20px;
  color: #333;
}
.rec .right li .p2{
  padding: 18px 0 30px;
  color: #999;
  font-size: 16px;
}
.rec .right li .p3{
  font-size: 16px;
  line-height: 32px;
}
.rec{
  padding-bottom: 100px;
}

.mask .left{
  width: 700px;
  margin-top: 85px;
  padding-top: 40px;
  position: relative;
  font-size: 16px;
  color: #333;
  line-height: 32px;
}
.mask .top img.fr{
  width: 680px;
}
.mask .left:after{
  content: '';
  width: 44px;
  height: 44px;
  background: url(/uploads/image/wwtdimages/service.png) no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.mask{
  padding-bottom: 100px;
}
.mask .top{
  padding: 80px 0 ;
}
.mask .main{
  margin-top: 55px;
  font-size: 0;
}
.mask .main li:nth-of-type(3n){
  margin-right: 0;
}
.mask .main li{
  display: inline-block;
  vertical-align: top;
  transition: 0.3s all;
  width: 480px;
  margin-bottom: 30px;
  margin-right: 48px;
}
.mask .main li img{
  box-shadow: 5px 5px 30px rgba(0,54,134,0.15);
}
.mask .main li p{
  font-size: 16px;
  color: #333;
  margin-top: 25px;
  text-align: center;
}
.ele .tedian li:hover,
.ele .advv1 li:hover,
.mask .main li:hover{
  transform: translate(0,-20px);
  -ms-transform: translate(0,-20px);
  -webkit-transform: translate(0,-20px);
  -moz-transform: translate(0,-20px);
}


.str .img1{
  margin-top: 50px;
}
.str .img1>div{
  text-align: center;
}
.str .img1>div img{
  border: 5px solid #aea8aa;
  width: 280px;
}

.ele .advv1{
  padding-bottom: 100px;
}
.ele .advv1 li{
  width: 18%;
  background: #fff;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
  height: 442px;
  margin: 0 1%;
  float: left;
  transition: 0.3s all;
  box-shadow: 5px 5px 30px rgba(0,54,134,0.15);
}
.ele .advv1 li img{
  padding-top: 50px;
}
.ele .advv1 li .line{
  width: 36px;
  height: 2px;
  background: #003686;
  margin: 45px auto 25px;
}
.ele .advv1 li .p1{
  color: #333;
  font-size: 20px;
  margin-bottom: 15px;
}
.ele .advv1 li .p2{
  font-size: 16px;
  line-height: 32px;
}

.ele .tedian li{
  float: left;
  width: 270px;
  text-align: center;
  height: 245px;
  box-sizing: border-box;
  margin-bottom: 40px;
  transition: 0.3s all;
  padding:0 30px;
  background: #fafbfd;
  border-radius: 10px;
  margin-right: 120px;
}
.ele .tedian li:nth-of-type(4n){
  margin-right: 0;
}
.ele .tedian li img{
  padding-top: 45px;
}
.ele .tedian li .line{
  width: 36px;
  height: 2px;
  background: #003686;
  margin: 25px auto;
}
.ele .tedian li .p1{
  color: #333;
  font-size: 16px;
}
.ele .tedian{
  padding-bottom: 60px;
}


.ele .ele_top .p1{
  padding: 0 200px;
  width: 100%;
  box-sizing: border-box;
  float: none;
  transition: 0.5s all;
  transform : translate(0,200px);
  -webkit-transform: translate(0,200px);
  opacity: 0;
}

.ele .ele_top .main{
  text-align: center;
  position: relative;
  margin: 60px auto 0;
  width: 469px;
  font-size: 16px;
  transition: 0.5s all;
  text-align: center;
  color: #003686;
  transform : translate(600px,0);
  -webkit-transform: translate(600px,0);
  opacity: 0;
}
.frombottom{
  opacity: 1 !important;
  transform : translate(0,0) !important;
  -webkit-transform: translate(0,0) !important;
}

.ele .ele_top .p1:before{
  content: '';
  transform: rotate(0);
  top: 0;
  width: 48px;
  height: 45px;
  background-size: cover;
  opacity: 0.4;
  left: 100px;
}
.ele .ele_top .p1:after{
  content: '';
  width: 48px;
  height: 45px;
  background: url(/uploads/image/wwtdimages/net_dot.png) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 100px;
  top: 0;
  opacity: 0.4;
  transform: rotate(180deg);
}
.ele .ele_top .main a{
  width: 100px;
  line-height: 20px;
  padding: 10px 0;
  border-radius: 8px;
}

.ele .ele_top .main a:hover{
  box-shadow: 0 0 10px 4px rgba(0,54,134,0.15);
}
.ele .ele_top .main a img{
  margin-bottom: 8px;
}
.ele .ele_top .main a p{
  text-align: center;
}
.ele .ele_top .main .a1{
  left: -360px;
  top: 60px;
  position: absolute;
}
.ele .ele_top .main .a2{
  left: -360px;
  top: 188px;
  position: absolute;
}
.ele .ele_top .main .a4:before,
.ele .ele_top .main .a1:before,
.ele .ele_top .main .a2:before{
  content: '';
  left: 100px;
  top: 38px;
  width: 70px;
  position: absolute;
  height: 1px;
  background: #eeeeee;
}
.ele .ele_top .main .a3:before{
  content: '';
  left: 100px;
  top: 38px;
  width: 160px;
  position: absolute;
  height: 1px;
  background: #eeeeee;
}
.ele .ele_top .main .a3:after{
  content: '';
  width: 1px;
  height: 15px;
  background: #eee;
  left: 260px;
  position: absolute;
  top: 38px;
}

.ele .ele_top .main .a5:before{
  content: '';
  left: 100px;
  top: 38px;
  width: 160px;
  position: absolute;
  height: 1px;
  background: #eeeeee;
}
.ele .ele_top .main .a5:after{
  content: '';
  width: 1px;
  height: 50px;
  background: #eee;
  left: 260px;
  position: absolute;
  top: -12px;
}
.ele .ele_top .main .a6:before{
  content: '';
  right: 100px;
  top: 38px;
  width: 230px;
  position: absolute;
  height: 1px;
  background: #eeeeee;
}
.ele .ele_top .main .a6:after{
  content: '';
  width: 1px;
  height: 25px;
  background: #eee;
  right: 330px;
  position: absolute;
  top: 38px;
}
.ele .ele_top .main .a3{
  left: -185px;
  top: -15px;
  position: absolute;
}
.ele .ele_top .main .a4{
  left: -185px;
  top: 110px;
  position: absolute;
}
.ele .ele_top .main .a5{
  left: -185px;
  top: 235px;
  position: absolute;
}


.ele .ele_top .main .a6{
  right: -186px;
  top: -15px;
  position: absolute;
}
.ele .ele_top .main .a7{
  right: -186px;
  top: 110px;
  position: absolute;
}
.ele .ele_top .main .a8{
  right: -186px;
  top: 235px;
  position: absolute;
}
.ele .ele_top .main .a9{
  right: -361px;
  top: 60px;
  position: absolute;
}
.ele .ele_top .main .a10{
  right: -361px;
  top: 188px;
  position: absolute;
}


.ele .ele_top .main .a9:before,
.ele .ele_top .main .a10:before,
.ele .ele_top .main .a7:before{
  content: '';
  right: 100px;
  top: 38px;
  width: 66px;
  position: absolute;
  height: 1px;
  background: #eeeeee;
}
.ele .ele_top .main .a8:before{
  content: '';
  right: 100px;
  top: 38px;
  width: 110px;
  position: absolute;
  height: 1px;
  background: #eeeeee;
}