@charset "utf-8";

/* CSS Document */



/* All */

.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
}
.nav a {
  display: block;padding: 10px;

  color: #fff;
}
.nav a:hover {
  text-decoration: none;
 transition:all .7s ease 0s;
}
.nav li ul {
  background: #000;
}
.nav li ul li {
  width: 200px!important;margin-right: 0!important
}
.nav li ul a {
  border: none;
}
.nav li ul a:hover {
    background-color:#c3000e;
    color: #fff;
    font-weight: bold;
}
/* Not Animated
============================== */
.nav1 ul > li:hover ul {
  left: 0;
}
.nav1 li ul {
  position: absolute;
  left: -9999em;
  top: 36px;
  z-index: 1;
}
/* Fade In and Out
============================== */
.nav2 ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav2 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
}
/* Slide Down
============================== */
.nav3 ul > li:hover ul li {
  height: 36px;
}
.nav3 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
}
.nav3 li ul li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}
/* Slide Down 2
============================== */
.nav4 ul > li:hover ul li {
  max-height: 150px;
}
.nav4 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
}
.nav4 li ul li {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -moz-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}
/* Fold Out
============================== */
.nav5 ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.nav5 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}








.course .content {

  margin-bottom: 60px;

  overflow: hidden;

}



.course .content .viewbox {

  display: inline-block;

  width: 30%;

  float: left;

  position: relative;

  text-align: left;color:#fff

}



.course .content .viewbox::after {

  width: 1px;

  height: 50%;

  position: absolute;

  right: 0;

  top: 25%;



  content: '';

}



.course .content .viewbox p {

  margin: 0;

}



.course .content .viewbox p:nth-child(1) span {

  font-size: 48px;

  font-family:DIN;font-weight: bold

}



.course .content .viewbox p:nth-child(2) {

  font-size: 14px;

  opacity: .5;

}























.bantu{overflow: hidden;}

.map-service{position:relative;height:760px;}

.map-service-right{margin-left:414px;padding-top:60px}

.bantu .bantxt{width:30%}

.china-map{width:831px;height:640px; margin:40px auto 0px auto;background:url(../images/map_black_bg.png) center no-repeat;position:relative; }

.china-mapone{width:831px;height:640px; margin:-40px auto 0px auto;background:url(../images/map_black_bg00.png) center no-repeat;position:relative; }





.region-list{position:absolute;left:0;top:0}

.bantu  ._slide i{background:#004f46 ;color:#fff}

.bantu ._slide{border: 1px solid #004f46;color:#004f46;margin: 0}

.mapbox{width: 100%;



    background: #fff;

    padding: 50px;}





.mapbox .lett{line-height: 30px;display: inline-block;color: #333;padding-left: 26px;position: relative;}



.mapbox .lett1{background: url(../images/map_icon1.png) left center no-repeat;}



.part1-text {

    color: #333333;

    margin-bottom: 13.6%;

    line-height: 35px;

    font-family: "微软雅黑";

    overflow: hidden;

    text-align: left;

	font-size: 15px;

	margin-top: 50px;

	padding: 10px 100px

}











@-webkit-keyframes warn{

0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}

100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}

}

@-moz-keyframes warn{

0%{-moz-transform:scale(0);transform:scale(0);opacity:1}

100%{-moz-transform:scale(1);transform:scale(1);opacity:0}

}

@-o-keyframes warn{

0%{-o-transform:scale(0);transform:scale(0);opacity:1}

100%{-o-transform:scale(1);transform:scale(1);opacity:0}

}

@keyframes warn{

0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}

100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}

}

.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}

.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}

.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}

.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}

.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}

.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}

.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}

.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}

.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}

.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}

.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}

.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}

.region-list.active .area-box .dot{background:#c3000e; z-index: 7;}

.region-list.active .area-box .pulse{border-color:#c3000e;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #c3000e,0 0 20px #c3000e inset;-moz-box-shadow:0 0 12px #c3000e,0 0 20px #c3000e inset;box-shadow:0 0 12px #c3000e,0 0 20px #c3000e inset}

.region-list.waite .area-box .dot{background:#c3000e; z-index: 99999;}

.region-list.waite .area-box .pulse{border-color:#c3000e}

.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}

.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}

.postition-10 .show-regin span{left:0}

.postition-6 .show-regin span{left:-72px}

.area-box{z-index:77}

.show-regin{z-index:66}

.region-list.active .show-regin span{position:relative;color:#333}

.region-list.waite .show-regin span{color:#333}

.postition-1{left:302px;top:308px}

.postition-2{left:360px;top:413px}

.postition-3{left:358px;top:516px}

.postition-4{left:463px;top:348px}

.postition-5{left:506px;top:404px}

.postition-6{left:480px;top:615px}

.postition-7{left:632px;top:210px}

.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

.postition-8{left:539px;top:270px}

.postition-9{left:620px;top:365px}

.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

.postition-10{left:340px;top:525px}

.postition-11{left:584px;top:310px}

.postition-12{left:504px;top:290px}

.postition-13{left:460px;top:240px}

.postition-14{left:390px;top:330px}

.postition-15 { left: 670px;

    top: 165px; }



.postition-16 {    left: 680px;

    top: 105px; }



.postition-17{left: 550px;top: 535px;}

.postition-18{left: 575px;top: 475px;}

.postition-19{left: 605px;top: 505px;}

.postition-20{left: 595px;top: 405px;}

.postition-21{left: 625px;top: 465px;}

.postition-22{left: 165px;top: 265px;}
.postition-23{left: 125px;top: 385px;}
.postition-24{left: 440px;top: 485px;}

.postition-25{left: 275px;top: 335px;}
.postition-26{left: 440px;top: 330px}

.postition-27{left: 506px;top: 460px}


.douhao{width:0}



.bantu .sub_title{text-align: left;padding: 100px 0 80px;}



.bantu .sub_title .en{margin-left: 0;}

.bantu .sub_title .cn{margin-left: 0;font-family: "微软雅黑";margin-top: 40px;font-size: 15px;line-height: 30px;color: #333333}

.maptit{font-size: 18px}




.shbox{display: none}
@media screen and (max-width:1023px) {
	.maptit{font-size: 16px}

	.shbox{display: block}
	.shbox img{width: 100%}

	.bantu .bantxt{width:100%}	

	.china-mapone{display: none}

	.sub_title.e b{text-align: center;}

	.bantu .sub_title .en{width:100%;text-align: center;}

	.bantu .sub_title .cn{width:100%;text-align: center;}

	.bantu ._slide{text-align: center;margin: 0 auto;text-indent:0px}

	._PlateText{font-size: 44px;}

	._news.news2 ul li{width:100%}

	footer .footerNav ul{display: none}

	.z_section_bar.z_section_bar2 .ico{display: none}

}