@charset "UTF-8";
/*reset*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: #333;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

audio,
canvas,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input,
button {
  overflow: visible;
}

button,
select {
  text-transfrom: none;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

textarea {
  resize: none;
  border: 1px solid #ccc;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

del {
  text-decoration: line-through;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.clearfix:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
  visibility: hidden;
}

html {
  font-size: 12px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #fff;
}

.sites-topbar {
  margin: auto;
  width: 1060px;
  height: 70px;
  line-height: 70px;
}

.sites-topbar .logo {
  float: left;
  margin-top: 15px;
  width: 240px;
  height: 40px;
  background: url("../img/logo.svg") center no-repeat;
  overflow: hidden;
}

.sites-topbar .logo .logo-link {
  display: block;
  height: 100%;
  opacity: 0;
}

.sites-topbar .currentCity {
  float: right;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjg5MzdBMjQ0REFBMTFFOEIxMkQ5QTY2NkQxM0UyNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjg5MzdBMjU0REFBMTFFOEIxMkQ5QTY2NkQxM0UyNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODkzN0EyMjREQUExMUU4QjEyRDlBNjY2RDEzRTI0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODkzN0EyMzREQUExMUU4QjEyRDlBNjY2RDEzRTI0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrvGrIEAAAEUSURBVHjaYvz//z8DCHxfK8cIpEyBOAuIPRkgYDsQTwPi05zBj8AKGUEagIrZgeytQOzMgB3sBWJvoKafjN/WyIJMPgk1HR84DcTmTFDrkRVXAbEEEEsD8WQkcZAaV5AN+4AMR6hgL9DaEmRjgc5dD6QCoNzdIBtskeQXYnHKbCS2PUjDYSQBfSwazJDYR0FOAoXMHqjAHyA2ATrrIjSYnZDkQMAFpIEZyHgHxHwEQukTEAsxAU37C2REMRAGUSC1TFDONiA+j0fxeagaSExDg08SSD3DoUEKaPpzEANmAwNUIAOL4lSYYhQNUDALiA8h8XcA8VxkBXAnIcUsF5B6CeWKA03/hlcDVJM61Jk30eUAAgwAC+NY36jzz5gAAAAASUVORK5CYII=") left center no-repeat;
}

.common_title {
  font-size: 25px;
  font-weight: 800;
  color: #111;
  margin: 55px auto 65px;
  text-align: center
}

.common_btn:hover {
  background: #f2a35c
}

.common_title h6 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 12px;
}

.common_btn {
  display: block;
  background: #ffaf48;
  max-width: 240px;
  padding: 0px 48px;
  border-radius: 10px;
  text-align: center;
  line-height: 50px;
  margin: 10px auto;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}

.header {
  height: 600px;
  max-width: 1920px;
  background: url(../img/banner.jpg) center no-repeat;
}

.bespeak {
  background: #1D4489;
  height: 187px;
  max-width: 1920px;
  overflow: hidden;
}

.bespeak .common_title {
  color: #fff;
  margin: 27px auto 32px;
}

.bespeak_centent {
  margin: 0 auto;
  height: 48px;
  overflow: hidden;
  width: 1000px;
}

.bespeak_content_left {
  float: left;
  height: 100%;
  font-size: 24px;
  color: #fff;
}

.bespeak_content_left input {
  height: 100%;
  border: none;
  background: #fff;
  width: 270px;
  font-size: 18px;
  text-indent: 16px;
  margin-right: 30px;
}

.bespeak_content_left .camSelect{
    border: none;
    width: 270px;
    height: 100%;
    font-size: 18px;
    text-indent: 16px;
}

.bespeak_content_left .camSelect option{
    text-indent: 16px;
}


.bespeak_content_right {
  float: right;
  width: 196px;
  height: 100%;
  background: #fff;
  color: #1D4489;
  line-height: 48px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.target {
  background: #fff;
  height: 660px;
  max-width: 1920px;
  overflow: hidden;
}

.target_content {
  width: 1080px;
  height: 590px;
  background: #fff;
  margin: 10px auto;
}

.target_box {
  width: 335px;
  height: 390px;
  border: 1px solid #eee;
  border-radius: 10px;
  float: left;
  margin-right: 22px;
}

.target_img {
  width: 100%;
  height: 210px;
}

.target_img0 {
  background: url(../img/01-01.jpg) center no-repeat;
}

.target_img1 {
  background: url(../img/01-02.jpg) center no-repeat;
}

.target_img2 {
  background: url(../img/01-03.jpg) center no-repeat;
}

.target_title {
  font-size: 25px;
  color: #333;
  font-weight: 400;
  text-align: center;
  width: 80%;
  margin: 20px auto 8px;
  line-height: 40px;
}

.target_text {
  color: #666;
  width: 318px;
  margin: 0 auto;
  font-size: 16px;
  text-align: left;
  line-height: 25px;
}

/* 全球胜任力 */
.global {
  background: url(../img/03.jpg) center no-repeat;
  height: 660px;
  max-width: 1920px;
  overflow: hidden;
}

.global_content {
  height: 360px;
  width: 1080px;
  overflow: hidden;
  margin: 10px auto 0;
  font-size: 16px;
  line-height: 25px;
  color: #000;
}

.global_left {
  width: 350px;
  height: 320px;
  float: left;
}

.global_middle {
  width: 370px;
  height: 320px;
  float: left;
  background: url(../img/02.png) center no-repeat;
}

.global_right {
  width: 350px;
  height: 320px;
  float: left;
}

.global_text_first {
  margin-bottom: 84px;
}

.global_text_third {
  margin-bottom: 50px;
}

/* 教学 */
.teaching {
  max-width: 1920px;
  height: 685px;
  background: #fff;
}

.teaching_content {
  width: 1080px;
  margin:  10px auto 0;
  height: 415px;
}

.teaching_box {
  width: 254px;
  height: 415px;
  float: left;
  margin-right: 15px;
  position: relative;
  border-radius: 6px
}

.teaching_box_first {
  background: #54c1ff
}

.teaching_box_second {
  background: #ffaf48
}

.teaching_box_third {
  background: #a8cd56
}

.teaching_box_fourth {
  background: #ff8470
}

.teacher_circle {
  width: 110px;
  height: 110px;
  position: absolute;
  border-radius: 50%;
  top: 10px;
  left: 30%;
  text-align: center;
  line-height: 110px;
  font-size: 35px;
  color: #fff;
}

.teacher_circle_0 {
  background: #54c1ff
}

.teacher_circle_1 {
  background: #ffaf48
}

.teacher_circle_2 {
  background: #a8cd56
}

.teacher_circle_3 {
  background: #ff8470
}

.teacher_introduce {
  height: 329px;
  background: #f9f9f9;
  margin-top: 74px;
}

.teacher_title {
  width: 80%;
  padding-top: 65px;
  margin: auto;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  line-height: 40px;
}

.teacher_text {
  width: 93%;
  margin: 8px auto;
  font-size: 16px;
  line-height: 27px;
}

/* 英语课堂+全球胜任力 */
.classroom {
  overflow: hidden;
  max-width: 1920px;
  height: 700px;
  background: url(../img/04.jpg) center no-repeat;
}

.video {
  overflow: hidden;
  margin: 10px auto;
  width: 1060px;
}

.video video {
  width: 515px;
  height: 300px;
}

.video_right {
  float: right;
}

.video_box {
  width: 500px;
  height: 356px;
  float: left;
}

.video2 {
  float: right;
}

.hd_tabs_box {
  overflow: hidden;
  width: 1060px;
  margin: 78px auto 0;
}

.hd_tabs {
  overflow: hidden;
  margin: 0 auto;
  color: #fff;
  font-size: 22px;
  float: left;
}

.hd_tab {
  width: 497px;
  height: 110px;
  margin: 0 0 22px 0;
  background: #ccc;
  margin-right: 27px;
  line-height: 110px;
  text-align: center;
  cursor: pointer;
  border-radius: 15px;
}

.hd_content {
  overflow: hidden;
  float: right;
}

.active {
  display: block !important;
}

.activeTab {
  background: #ffaf48
}

.hide {
  display: none;
}

.hd_img_top {
  width: 497px;
  height: 267px;
}

.hd_img_top img {

}

.hd_img_bot {
  height: 108px;
}

.hd_img_bot img {
  height: 100%;
  margin-left: 2px;
}


/* 三大理由 */
.reason {
  height: 2270px;
  max-width: 1920px;
  background: #fff 
}

.reason_second{
  margin-top: 66px;
}

.reason_title {
  text-align: center;
  font-size: 38px;
  color: #ffaf48;
}

.tips {
  width: 40px;
  height: 4px;
  background: #ffaf48;
  margin: 1px auto;
  border-radius: 10px;
}

.book_sort {
  text-align: center;
  font-size: 26px;
  line-height: 56px;
}

.book_intro {
  width: 68%;
  margin: 25px auto 56px;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
}

.book_img {
  width: 992px;
  height: 322px;
  margin: 0 auto;
  background: url(../img/05.png) center no-repeat;
}

.book_img3 {
  width: 992px;
  height: 322px;
  margin: 0 auto;
  background: url(../img/05-01.jpg) center no-repeat;
}

.reason_tabs_box {
  width: 1060px;
  margin: 78px auto 0;
  height: 530px;
}

.reason_tabs {
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  height: 150px;
  background: #54c1ff;
  padding-left: 108px;
}

.reason_tab {
  width: 140px;
  height: 150px;
  margin-right: 35px;
  text-align: center;
  cursor: pointer;
  float: left;
}

.reason_tab p {
  margin-top: 8px;
}

.reason_tab img {
  margin-top: 10px;
}

.reason_content {
  overflow: hidden;
  width: 100%;
  height: 380px;
  background: #fbfbfb
}

.reason_img {
  float: left;
  overflow: hidden;
}

.reason_img img {
  margin-top: 35px;
}

.reason_text {
  text-align: left;
  float: left;
  width: 多数;
  margin-left: 20px;
}

.name {
  font-size: 30px;
  margin-top: 50px;
  color: #54c1ff;
}

.data_box {
  text-align: center;
  overflow: hidden;
  font-size: 20px;
  margin-top: 20px;
  line-height: 34px;
}

.data_box dt {
  font-size: 24px;
  color: #54c1ff
}

.data_box dd {
  color: #666
}

.data {
  float: left;
  margin-right: 55px;
}

.experience{
  font-size: 24px;
  line-height: 40px;
  color: #000;
  font-weight: 500;
  margin-top: 14px;
}

.advantage {
  font-size: 16px;
  line-height: 27px;
  margin-top: 14px;
}

.activeNew {
  display: block !important;
  transition:  .3s;
  -moz-transition:  .3s; /* Firefox 4 */
  -webkit-transition:  .3s; /* Safari 和 Chrome */
  -o-transition:  .3s; /* Opera */
}

.activeTabNew {
  background: #ffaf48;
  height: 175px;
  margin-top: -20px;
  padding-top: 16px;
  transition: .3s;
  -moz-transition:  .3s; /* Firefox 4 */
  -webkit-transition:  .3s; /* Safari 和 Chrome */
  -o-transition:  .3s; /* Opera */
}

.hideNew {
  display: none;
  transition: .3s;
}

/* 学习方案 */
.Learning {
  overflow: hidden;
  max-width: 1920px;
  height: 1610px;
  background: url(../img/07.jpg) center no-repeat;
}

.Learning_img {
  width: 1060px;
  height: 500px;
  margin: 40px auto 110px;
  background: url(../img/07-01.png) center no-repeat;
}

.Learning_img_bot {
  width: 1060px;
  height: 513px;
  margin: 40px auto 60px;
  background: url(../img/07-02.png) center no-repeat;
}
 

/* 校区分布 */

.schools {
  height: 683px;
  max-width: 1920px;
  background: #fff 
}

.schools_box {
  position: relative;
  margin: 0 auto;
  width: 1060px;
}

 .subtit {
  margin-top: 14px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  background-color: #ffcf00;
}

 .subtit span {
  float: right;
  margin-right: 284px;
}

 .map {
  margin-top: 12px;
  min-height: 465px;
}

 .map-list {
  position: relative;
  float: right;
  width: 564px;
  height: 465px;
  background: url(../img/08-01.png) no-repeat;
}

 .point-area {
  position: absolute;
  width: 60px;
  height: 60px;
}

 .point-area.active .point-name::before {
  background-color: #00aeeb;
}

 .point-area.active .point-1::after {
  -webkit-animation: ripple 4500ms ease-out 225ms infinite;
       -o-animation: ripple 4500ms ease-out 225ms infinite;
          animation: ripple 4500ms ease-out 225ms infinite;
}

 .point-area.active .point-2::after {
  -webkit-animation: ripple 4500ms ease-out 900ms infinite;
       -o-animation: ripple 4500ms ease-out 900ms infinite;
          animation: ripple 4500ms ease-out 900ms infinite;
}

 .point-area.active .point-3::after {
  -webkit-animation: ripple 4500ms ease-out 1800ms infinite;
       -o-animation: ripple 4500ms ease-out 1800ms infinite;
          animation: ripple 4500ms ease-out 1800ms infinite;
}

 .point-area .point-name {
  position: absolute;
  top: 34%;
  left: 36px;
  width: 40px;
  font-size: 12px;
}

 .point-area .point-name::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -10px;
  width: 8px;
  height: 8px;
  background-color: #ffcf00;
  border-radius: 50%;
}

 .point-area .point {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-clip: padding-box;
  background: transparent;
}

 .point-area .point::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 50%;
  border: 2px solid #00aeeb;
  opacity: 0;
}

.point-area.active .point-name::before {
  background-color: #00aeeb;
}

.point-area.active .point-1::after {
  -webkit-animation: ripple 4500ms ease-out 225ms infinite;
       -o-animation: ripple 4500ms ease-out 225ms infinite;
          animation: ripple 4500ms ease-out 225ms infinite;
}

.point-area.active .point-2::after {
  -webkit-animation: ripple 4500ms ease-out 900ms infinite;
       -o-animation: ripple 4500ms ease-out 900ms infinite;
          animation: ripple 4500ms ease-out 900ms infinite;
}

.point-area.active .point-3::after {
  -webkit-animation: ripple 4500ms ease-out 1800ms infinite;
       -o-animation: ripple 4500ms ease-out 1800ms infinite;
          animation: ripple 4500ms ease-out 1800ms infinite;
}


 .point-area1 {
  top: 156px;
  right: 140px;
}

 .point-area2 {
  top: 172px;
  right: 136px;
}

 .point-area3 {
  top: 184px;
  right: 148px;
}

 .point-area4 {
  top: 288px;
  right: 105px;
}

 .point-area5 {
  top: 270px;
  right: 74px;
}

 .point-area6 {
  top: 212px;
  right: 104px;
}

 .point-area7 {
  top: 198px;
  right: 142px;
}

 .point-area8 {
  top: 182px;
  right: 100px;
}

 .point-area9 {
  top: 260px;
  right: 94px;
}

 .point-area10 {
  top: 162px;
  right: 80px;
}

 .point-area11 {
  top: 300px;
  right: 200px;
}

 .point-area12 {
  top: 314px;
  right: 230px;
}

 .point-area13 {
  top: 278px;
  right: 154px;
}

 .point-area14 {
  top: 300px;
  right: 136px;
}

 .point-area15 {
  top: 302px;
  right: 160px;
}

 .point-area16 {
  top: 316px;
  right: 100px;
}

 .point-area17 {
  top: 334px;
  right: 168px;
}

 .point-area18 {
  top: 280px;
  right: 85px;
}

 .point-area19 {
  top: 305px;
  right: 90px;
}

 .point-area20 {
  top: 190px;
  right: 294px;
}

.point-area21 {
  top: 180px;
  right: 364px;
}

.point-area22 {
  top: 215px;
  right: 230px;
}

 .citys {
  float: left;
  width: 440px;
  background: #e6e6e6;
  height: 356px;
  padding: 22px 0px 22px 25px;
}

 .city-list .item {
  float: left;
  margin: 8px 5px;
  width: 89px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #999;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s;
  cursor: pointer;
  background: #fff;
}

 .city-list .item:hover {
  color: #ffcf00;
}

 .city-list .item.active {
  color: #fff;
  background: #ffaf48;
  border: 1px solid transparent
}

 .info-list {
  display: none;
}

 .info-list.show {
  display: block;
}

 .info-list .info {
  padding: 28px 0;
  border-top: 1px solid #e9e9e9;
  font-size: 16px;
}

 .info-list .info:first-child {
  border-top: 0;
}

 .info-list .info h4 {
  margin-bottom: 10px;
  font-size: 24px;
}

 .info-list .info h5 {
  font-size: 16px;
}

@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes ripple {
  0% {
    opacity: 0;
    -o-transform: scale(0.1, 0.1);
       transform: scale(0.1, 0.1);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
         -o-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

/* 预约 */
.appointment {
  overflow: hidden;
  max-width: 1920px;
  height: 676px;
  background: url(../img/08.png) center no-repeat;
}

.appointment_box {
  width: 1100px;
  margin: 70px auto 0;
  overflow: hidden;
}

.appointment_content {
  overflow: hidden;
}

.tips_text {
  margin-bottom: 48px;
}

.tips_left {
  width: 100px;
  height: 350px;
  background: url(../img/08-02.png) center no-repeat;
  float: left;
}

.tips_right {
  width: 230px;
  height: 340px;
  float: left;
  padding-top: 10px;
  margin-left: 35px;
}

.tips_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 17px;
}

.tips_intro {
  font-size: 16px
}

.phone {
  width: 440px;
  height: 45px;
  margin: 46px 0 0 135px;
  overflow: hidden;
}

.phone input {
  height: 41px;
  border: 1px solid #ffaf48;
  border-radius: 43px;
  width: 254px;
  float: left;
  text-indent: 25px;
  font-size: 18px;
  line-height: 42px;
  outline:none;
  padding-right: 25px;
}

.yuyue_btn {
  width: 140px;
  height: 44px;
  background: #ffaf48;
  line-height: 44px;
  text-align: center;
  float: right;
  font-size: 18px;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
}

/* 学员 */
.students {
  padding-bottom: 60px;
}

.students_img {
  width: 1040px;
  height: 521px;
  margin: 20px auto 0px;
  background: url(../img/09.png) center no-repeat;
}

/* 学校环境 */
.here {
  overflow: hidden;
  max-width: 1920px;
  height: 1055px;
  background: url(../img/10.jpg) center no-repeat;
}

.here_title {
  text-align: center;
  color: #ffaf48;
  font-size: 24px;
  margin-top: -14px;
}

.hz {
  overflow: hidden;
  max-width: 1057px;
  height: 816px;
  background: url(../img/10-01.jpg) center no-repeat;
  margin: 20px auto 12px;
}

.md {
  overflow: hidden;
  max-width: 1057px;
  height: 568px;
  background: url(../img/10-02.png) center no-repeat;
  margin: 20px auto 12px;
}

.address {
  font-size: 16px;
  text-align: center;
  margin-bottom: 56px;
}

/* footer */
.footer {
  overflow: hidden;
  max-width: 1920px;
  height: 92px;
  background: url(../img/11.jpg) center no-repeat;
}

.pop-tips {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 15px 30px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  color: #fff;
  border-radius: 5px;
  white-space: nowrap;
}

/*右侧浮窗*/
.sites-aside {
  position: fixed;
  top: 35%;
  right: 10px;
  z-index: 9999;
}

.sites-aside .list {
  position: relative;
  margin-bottom: 2px;
  width: 70px;
  height: 70px;
  border: 2px solid transparent;
  border-radius: 10px;
  cursor: pointer;
}

.sites-aside .list .icon {
  margin: 8px auto 5px;
  width: 30px;
  height: 30px;
  background: center no-repeat;
}

.sites-aside .list .txt {
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.sites-aside .list1 {
  background-color: #f6ac19;
}

.sites-aside .list1 .icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkODY5ODQzZC0zMDMxLTQzNmMtYWI4NC02NWJkZGRkYjZkZGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzA3M0VCRDM0OUJFMTFFOEIxMjg4NEJDNTVFREVCODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzA3M0VCRDI0OUJFMTFFOEIxMjg4NEJDNTVFREVCODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2VkZmY3ZjEtM2RkMC03YzQ1LWE0NDEtNWRkZTZjNjU2MzQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ4Njk4NDNkLTMwMzEtNDM2Yy1hYjg0LTY1YmRkZGRiNmRkZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpTkyuEAAAK+SURBVHjarNdbSBRRHMdxVzeszNYiw7VS0iIIjaKQqIfCCqKMSCTwIYLoQnR7LJDqobci6iGIriRhVEIUIT34IoGCIFiYRVEGdoGyTErRttbpe+w3NkzNNju7Ax/WnZ1z/jNn/ud/jiHLsjJSOEJYji1YgnwM4AnuoRXD+DuICRxAIU5j2Pp9xDCIfn2OYFS/NaIEYWcfQYJux5A6vYsyj+uKcEE3Y44jiAQJPBEn1cktPbWfdiFcVLvbyEsmcDZOqPGhgK+nFj9wCRP8NlqJt6gLGNRWp5tfH/pPVpuszcYUjCKMafii7I0FmAlvxjr2CGwClKAMS7EQUTE30I12PMYjvEPcZ+C9OOcObJ6wANU4gAXolT58Rh5mYw5mKfgpzdtBH4GL8co5/plYjPt6D03YhqjH+5qJ/Xio62/6zPRi/HSmfDm68Qk7kkiYsDL9O5rVcaLr5yFuf5mENnxERcCM3YCvuGzPVQ8H7cAhpbmZY6tSnC6HNew1Ca7pxQu7Ipm62ppiUFs7OjyG/JhubK35slmB16QpsF0eV7jOV2tUr5pEti+MqSymI3CNAm9ynKvCABqQa85lqjJZ/1wzgx2mMg1huuqCOaYiguP4Zk6YwJ3IQmmaAlcgBy+xCzvRjH5UKtbY6hTV0NxI01A3qr+5OKv86TJTCD1K5gy7YrVoDuakGLRcq1iDFv0CbMQVFRhLNWN8PS7VyZYUA99RP6td5yPaqSzTg44HzlKZtGtusgEn45ra7/PTxr212a3Ge5IIug6danfUvanzEnZk4wja9PdzxzSoVPabNfi9NgLzta3dikXoQRWafOe+64nPoE/b0XqzfFl/jpi2szHH1vWpdp35qvm+X49zI2Ce7hkKtZswHuC8ikwRcrXl+YAuvFbhiSc72Z1DbRp3YAauo17/BYQSDVjQKvNLgAEAM4oD8KHc++kAAAAASUVORK5CYII=");
}

.sites-aside .list2 {
  background-color: #82ccf2;
}

.sites-aside .list2 .icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkODY5ODQzZC0zMDMxLTQzNmMtYWI4NC02NWJkZGRkYjZkZGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzhCMDRENTM0OUJFMTFFODg3MDRGODIyMEQxQUU0NTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzhCMDRENTI0OUJFMTFFODg3MDRGODIyMEQxQUU0NTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2VkZmY3ZjEtM2RkMC03YzQ1LWE0NDEtNWRkZTZjNjU2MzQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ4Njk4NDNkLTMwMzEtNDM2Yy1hYjg0LTY1YmRkZGRiNmRkZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsYmcvgAAAHlSURBVHjavJY9SEJRFMefWpZKpRESBEJBGAWNLZXVFkJEtLTUbi0NDU3RFlpLRIQ4NNRWlBA0NgRFS0PQUkNESZZNGRnmV/8L58Hh4sd7vvLAj+M7vnP+7z7PuV5ToVBQNJgLTAA/6AYtwAyS4BGcgSMQq1hJCJahEWwWtNsuaC9Xs5xYH3hmxcLABzyglegAAyAEPui+H+DXKyiK5qhAFLRVeBMCK4iwBxzTKmgGMUoKahCSmafcFHBoEdymhNMqxFRCVOOwkqCDvRK7AUHBC9Xp4nGz1LRz5PdBSjFm6+QDPCgLjjNBo3ZB3seDJmnwb0A/sINvg4IWkAXvwF1qhWny3j9YobfSTtMjDfodGKmiWUSTnLM6X2BU7tIpdkMCPNHnDHDpEGsCb5QblxYQUAU7WXAJ2Cg5TLEZHYKDlHNN1xYwy+oPm1n7BsEGa5Zb8ladjSIsTj4H9sA0XUeE4KT4KcGylOwkn9EhmCNvk+Lir+tVNJIQrAMJ5f/tgY9FugaCeS7orIGgQxUUx4Jm4Cn2RGI30lHUJOVy61UF1yhwQluaaskSDVDO6ks02gFoADvq/FzSnHyCVbDAhnZIxxx6KScPFsEK20TuxalAYQMaLXIoOq5ia9sCWanOFXCL738FGADhtSCl5nb+iQAAAABJRU5ErkJggg==");
}