html,body {height: 100%;}
body {
  font-size: 14px;
  overflow: hidden;
}
.imgauto { height: 100%; width: auto;}
.imgcenter {margin: 0 auto;}
.imgtitle {margin-top: 35px;margin-bottom: 30px;}
.abs {position: absolute;}
.ani {display: none;}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.txta {
  position: relative;
  width: 1158px; height: 278px;
  margin: 0 auto;
}
.txta .txt_1,
.txta .txt_2,
.txta .txt_3,
.txta .txt_4,
.txta .txt_en {
  top: 0;
  z-index: 10;
}
.txta .txt_1 {left: 288px;}
.txta .txt_2 {left: 435px;}
.txta .txt_3 {left: 558px;}
.txta .txt_4 {left: 672px;}
.txta .txt_en {right: 0;}
.txta .txt2 {
  left: 288px;
  bottom: 0;
}
.page-title {
  position: relative;
  font-family: '\9ed1\4f53',Arial;
  width:384px;height: 95px;
  margin: 0 auto; margin-top: 59px;
}
.page-title .txt_1,
.page-title .txt_2,
.page-title .txt_3,
.page-title .txt_4,
.page-title .txt_en {
  height: 62px; width: auto;
}
.page-title .txt_1 {left: 95px;}
.page-title .txt_2 {left: 145px;}
.page-title .txt_3 {left: 185px;}
.page-title .txt_4 {left: 224px;}
.page-title .txt_en {left: 272px;}
.page-title .txt2 {
  left: 95px;
  height: 40px;
}
.page-title .back {
  width: 130px; height: 34px;
  right:-130px; bottom: 0;
  cursor: pointer;
}

.more {margin-top:15px;}
.more img {display: inline;}

.first-new {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.first-new h2 {text-align: center;}

.pages {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  display: none;
  z-index: 10;
}
.pages .pageOut {
  width: 1340px; min-height: 700px;
  margin: 0 auto;
  padding-bottom: 20px;
  filter:alpha(opacity=0 finishopacity=90 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=rgba(255,255,255,0),endcolorstr=rgba(255,255,255,.85),gradientType=0);	
  -ms-filter:alpha(opacity=0 finishopacity=90 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=rgba(255,255,255,0),endcolorstr=rgba(255,255,255,.85),gradientType=0);
  background: -moz-linear-gradient(linear, 0 0, 0 20%, from(rgba(255,255,255,0)), to(rgba(255,255,255,.9)));
  background: -webkit-gradient(linear, 0 0, 0 20%, from(rgba(255,255,255,0)), to(rgba(255,255,255,.9)));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,.9)));
  overflow: hidden;
}
.pages .pageInner {
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
}
.pages .content {
  overflow: hidden;
  margin: 0 auto;
}
.cols-left {float: left;}
.cols-right {float: right;}

.pageGuide {
  background-image: url("../image/guide_bg.jpg");
}
.pageGuide .pageOut {
  height: 684px;
  background: url("../image/guide_bg1.jpg") no-repeat;
}
.pageGuide .pageInner {
  overflow: hidden;
  margin-top: 0;
}

.txtb {
  overflow: hidden;
  margin: 0 auto;
  width: 1030px;
  font-family: '\9ed1\4f53', Arial;
  font-size: 25px; line-height: 1.6;
  vertical-align: top;
}
.txtb label {
  float: left;
  width: 128px;
}
.txtb .txtBox {
  float: left;
  width: 902px;
}
.txtc {
  text-align: center;
}
.txtc img {margin: 0 auto;}


.home {
  background-image: url("../image/guide_bg.jpg");
}
.home .page-title {
  width:572px; height: 145px;
  margin-top: 80px;
}
.home .page-title .txt_1,
.home .page-title .txt_2,
.home .page-title .txt_3,
.home .page-title .txt_4,
.home .page-title .txt_en {
  height: 95px; width: auto;
}
.home .page-title .txt_1 {left: 153px;}
.home .page-title .txt_2 {left: 230px;}
.home .page-title .txt_3 {left: 290px;}
.home .page-title .txt_4 {left: 346px;}
.home .page-title .txt_en {left: 420px;}
.home .page-title .txt2 {
  height: 60px; width: auto;
  left: 153px;
}
.home .pageOut {margin-top: 25px;background: none;}
.homePics {
  display: flex;
  align-items: center;
}
.homePics .item1 {
  width: 267px;
}
.homePics .item1 .box {
  height: 497px;
}
.homePics .item2 {
  width: 373px;
  margin-left: 11px;
}
.homePics .item2 .box {
  height: 254px;
  margin-bottom: 6px;
}
.homePics .item2 .box2 {
  height: 287px;
  margin-bottom: 6px;
}
.homePics .item3 {
  width: 327px;
  margin-left: 11px;
}
.homePics .item3 .img {
  height: 446px;
}
.homePics .item4 {
  width: 339px;
  margin-left: 11px;
}
.homePics .item4 .box {
  height: 376px;
  margin-bottom: 6px;
}
.homePics .item4 .box2 {
  height: 228px;
}
.homePics img {cursor: pointer;}
.homePics .boxt {
  font-size: 22px;
  padding-left: 15px;
  border-left: 5px solid #5f52a0;
  line-height: 1;
  color: #5f52a0;
  font-family: '\9ed1\4f53',Arial;
  margin-bottom: 15px;
}

.page1 {
  background-image: url("../image/page1_bg.jpg");
}
.page1 .content {
  width: 950px;
  margin: 20px auto;
}
.page1 .cols-left {
  width: 450px;
}
.page1 .cols-right {
  width: 470px;
}

.page2 {background-image: url("../image/page2_bg.jpg");}
.page2 .content {
  width: 1046px; height: 550px;
}
.page2 .content .inner {
  width: 980px; height: 510px;
  margin: 20px auto;
  overflow: hidden;
}
.page2 .cols-left {width: 695px; height: 510px;}
.page2 .cols-left video {width: 100%;height: 100%;}
.page2 .cols-right {width: 260px; height: 510px;overflow-y: auto;font-size: 0;line-height: 0;}
.page2 .cols-right .item {
  display: inline-block;
  font-size: 16px; line-height: 2;
  width: 98px; height: auto;
  margin: 0 10px 15px 10px;
  text-align: center;
}
.page2 .cols-right .item img {
  width: 98px; height: 98px;
  border-radius: 49px;
  margin: 0 auto;
}

.page3 {background-image: url("../image/page3_bg.jpg");}
.page3 .content {
  width: 1120px; height: 550px;
  border: 1px solid #ccc;
}
.page3 .cols-left {
  width: 240px;
  height: 510px;
  padding: 20px;
  border-right: 1px solid #ddd;
  overflow-y: auto;
}
.page3 .cols-imgs-block > div {
  margin-bottom:10px;
}
.page3 .cols-imgs-block > div .title {
  position:static;
  background-color:transparent;
}
.page3 .cols-imgs-block > div .title a {
  color:#333;
}
.page3 .cols-right {
  width: 780px;
  height: 510px;
  padding: 20px;
}
.page3 .twzb {
  width: 780px;
  height: 458px;
}

.page4 {background-image: url("../image/page4_bg.jpg");}
.page4 .cols-left {
  width: 500px;
}
.page4 .cols-right {
  width: 680px;
}
.page4 .changBox {
  height: 180px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.page4 .cont {
  height: 180px;
  display: none;
}
.page4 .changBox .boxt {
  float: left;
  width: 65px; min-height: 85px;
  background-color: #ae77b0;
  color: #fff;font-size: 14px;
  font-family: '\9ed1\4f53',Arial;
  line-height: 1.42;
  margin-right: 20px;
}
.page4 .changBox .boxt .inner {padding:5px 10px;text-align: center;}
.page4 .changBox .boxt span {
  display: block;
  font-size: 24px;
}
.page4 .changBox .img {
  position: relative;
  margin-right: 20px;
}
.page4 .changBox .img,
.page4 .changBox .img img {width: 250px; height: 180px;float: left;}
.page4 .detail {
  float: left;
  width: 325px;
}
.page4 .boxt-pos {
  overflow: hidden;
  vertical-align: middle;
  margin-bottom: 10px;
}
.page4 .boxt-pos img {float: left;}
.page4 .boxt-pos .more {float: right;}
.page4 .cols-right .contbox dl {margin-bottom:15px;}

.page5 {background-image: url("../image/page5_bg.jpg");}
.page5 .item {
  width: 250px;
  margin-left: 43px;
}
.page5 .item:first-child {
  margin-left: 0;
}
.page5 .item .detail {
  margin-top: 1px;
  background: #f2ece1;
  padding: 15px;
}

.page6 {background-image: url("../image/page6_bg.jpg");}
.page6 .tabs {
  width: 1074px;
  border-bottom: 1px solid #5f52a0;
  margin: 0 auto;
  font-size: 0;
}
.page6 .tabs .tab {
  position: relative;
  display: inline-block;
}
.page6 .tabs .tab .arrow {
  position: absolute;
  left: 50%; margin-left: -15px;
  bottom: -25px;
  display: none;
}
.page6 .contbox {
  margin-top: 50px;
}
.page6 .cont {
  width: 945px;height: 290px;
  margin: 0 auto;
  overflow: hidden;
  display: none;
}
.page6 .cont .cols-left {
  width: 400px;height: 290px;
}
.page6 .cont .cols-right {
  width: 495px;
}

.page7 {background-image: url("../image/page7_bg.jpg");}
.page7 .swiper-box-4 {width:100%;}

.page8 {background-image: url("../image/page8_bg.jpg");}

.menu {
  width: 100%;
  left: 0; bottom: 20px;
  background-color: rgba(0,0,0,.5);
  color: #fff; font-size: 20px;
  font-family: '\9ed1\4f53',Arial;
  text-align: center;
  z-index: 1000;
  display: none;
  cursor: pointer;
}
.menu span {
  display: inline-block;
  padding: 5px 15px;
}
.menu span:hover,
.menu span.active {
  background-color: rgba(0,0,0,.5);
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2018-08-08 17:08:23" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->