body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;}
html { overflow: hidden;}
body { font: 12px "微软雅黑";  width: 100%;  *cursor: default; overflow: hidden; font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;}
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1 { background:  none;}
.page2 {  background: url(../images/conbg1.jpg) no-repeat top center;}
.page3 {  background: url(../images/conbg2.jpg) no-repeat top center;}
.page4 {  background: url(../images/conbg3.jpg) no-repeat top center;}
.page5 { background: url(../images/conbg4.jpg) no-repeat top center;}

#navBar { z-index: 3; position: absolute; top: 45%; right: 3%;}
#navBar .active { background: #ccc;}
#navBar li { cursor: pointer; margin-bottom: 10px; transition: all .7s ease; border-radius: 50%; line-height: 13px; text-align: center; width: 13px; height: 13px; background:#fff;}

.txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}


.innerBox{position:absolute;bottom:40px;z-index:10;width:100%}
.innerBox .news{margin:0 auto;margin-bottom:30px;width:400px}
.innerBox .news span{float:left;margin:1px 15px 0 0;color:#01b4f6;font-weight:700}
.innerBox .news ul{float:left}
.innerBox .news ul li a{color:#ddd}
.innerBox .news a.more{float:right;margin-top:-3px;border-bottom:1px dotted #01b4f6;color:#01b4f6;text-decoration:none;-webkit-transition:color .3s ease-in-out 0s;-moz-transition:color .3s ease-in-out 0s;-o-transition:color .3s ease-in-out 0s;transition:color .3s ease-in-out 0s;-ms-transition:color .3s ease-in-out 0s}
.innerBox .news a.more:hover{color:#fff;text-decoration:none;-webkit-transition:color .3s ease-in-out 0s;-moz-transition:color .3s ease-in-out 0s;-o-transition:color .3s ease-in-out 0s;transition:color .3s ease-in-out 0s;-ms-transition:color .3s ease-in-out 0s}
.innerBox .guide{margin:0 auto;margin-bottom:80px;width:200px}
.innerBox .guide a{float:left;display:block;margin:0 5px;width:40px;height:3px;background:#fff;font-size:3px;cursor:pointer}
.innerBox .guide a.active{background:#01b4f6}
.innerBox a.movedown{z-index:99;display:block;margin:0 auto;width:47px;height:47px;background:url(../Images/icons.png) no-repeat 0 -60px;cursor:pointer}
.innerBox a.movedown:hover{background:url(../Images/icons.png) no-repeat 0 -112px}





.photo{ position:relative; display:block; }
.photo img { width:98%;}
.photo span{ width:100%; display:block;position:absolute;bottom:0;left:0;color:#F00; font:22px/50px "微软雅黑"; text-align:center;cursor:hand; height:50px;  z-index:60}
.photo i { display:block; width:100%; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;background:#000; position:absolute;bottom:0;left:0; z-index:50; height:50px;}
.photo a:hover span{text-decoration:underline}


@media screen and (min-width:768px) and (max-width:1366px){
.captioncon { padding-top:120px; width:89%; margin:0 auto; }
.captionconL { float:left; position:relative; width:35%;}
.captionconR { float:right; position:relative; width:62%; }
.aboutcon { width:99%; font:14px/27px "微软雅黑"; text-align:left; color:#fff;padding-left:10px;text-align:justify ;text-justify:inter-ideograph;}
.aboutcon h3 {font-size:22px; line-height:30px; text-align:center;color:#F00}
.aboutcon p {font:14px/27px "微软雅黑";text-align:justify ;text-justify:inter-ideograph;}}

@media screen and (min-width:1367px) and (max-width:5000px){
.captioncon { padding-top:120px; width:82%; margin:0 auto; }
.captionconL { float:left; position:relative; width:40%;}
.captionconR { float:right; position:relative; width:58%; }
.aboutcon { width:99%; font:16px/38px "微软雅黑"; text-align:left; color:#fff;padding-left:10px;text-align:justify ;text-justify:inter-ideograph;}
.aboutcon h3 {font-size:28px; line-height:55px;text-align:center; color:#F00}
.aboutcon p {font:14px/27px "微软雅黑"; text-align:justify ;text-justify:inter-ideograph;}}

.grid { margin: 0 auto;list-style: none;text-align: center;}
.grid li {display: inline-block; width:320px; margin:0; position: relative; margin-bottom:4px; margin-left:20px; height:204px; }
.grid figure { margin: 0; position: relative; width:320px; height:210px;}
.grid figure img { max-width: 100%;display: block;position: relative; width:320px; height:200px;  border:2px solid #459555;}
.grid figcaption  { cursor: pointer; position: absolute;top: 0;left: 0; background: #2c3f52; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6; color: #fff;}
.grid figcaption span:before {content: 'by ';}
.grid figcaption p{text-align: center;padding: 5px 10px; border-radius: 2px;display: inline-block;background: #ed4e6e;  filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;color: #fff;}

/* Individual Caption Styles */
/* Caption Style 1 */
.cs-style-1 figcaption {
    height:204px;
    width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.cs-style-1 figcaption span {display: block; padding-top:30px;}
.cs-style-1 figcaption a {margin-top: 30px;}

.gridnews { width:95%; padding-left:10px; margin: 0 auto;list-style: none;text-align:left;}
.gridnews li { border-bottom:1px dashed #e2e2e2; padding-bottom:17px; margin-bottom:17px;}
.gridnews li p { font-size:20px; line-height:36px;}
.gridnews li p a { color:#fff;}
.gridnews li span { font-size:14px; line-height:24px; color:#cbddfe;}

.gridys { width:100%; padding-left:10px; margin: 0 auto;list-style: none;text-align:left; color:#fff;}
.gridys  p { font-size:22px; line-height:32px; text-align:center; padding-bottom:20px;}
.gridyscon li { font-size:16px; line-height:30px; padding-bottom:15px; }
.gridyscon li span {font-size:18px; color:#dec100;  font-weight:bold;}


@media screen and (min-width:768px) and (max-width:1366px){
.caption { width:1200px; opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;-moz-opacity:0;-ms-transition:all .5s ease-in-out 0s; padding-top:105px; margin:0 auto;}
.caption{opacity:1;-moz-opacity:1; text-align:center; }
.caption .tittop{ font-size:20px; line-height:36px;}
.caption .tittop2 { font-style:normal; font-size:12px; display:block; margin:0 auto; height:24px; line-height:24px; text-align:center; color:#fff; text-transform:uppercase}
.footer{ display:none}
.footera{ display:none}
.footerb{ display:none}
.footerc{ display:none}
}


@media screen and (min-width:1367px) and (max-width:5000px){
.caption { width:1200px; opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;-moz-opacity:0;-ms-transition:all .5s ease-in-out 0s; padding-top:125px; margin:0 auto; padding-bottom:20px;}
.caption{opacity:1;-moz-opacity:1; text-align:center; }
.caption .tittop{ font-size:24px; line-height:46px;}
.caption .tittop2 { font-style:normal; font-size:16px; display:block; margin:0 auto; height:28px; line-height:28px; text-align:center; color:#fff; text-transform:uppercase}

.footer{ display:inline; position:fixed; width:100%; background:#8c0f4b; left:0; bottom:0; z-index:100}
.foot{  font-family:"微软雅黑";  }
.index_bot1 { height:40px; line-height:30px; text-align:center; color:#fff; border-bottom:1px solid #81003e}
.index_bot1 a{ font:12px/40px "微软雅黑"; line-height:40px;  color:#fff; padding-left:10px; padding-right:10px;}

.index_bot2 { font-size:12px; text-align:center; height:32px; line-height:32px; color:#fff; }
.index_bot2 a {  color:#fff;}

.footera{ display:inline; position:fixed; width:100%; background:#0a3965; left:0; bottom:0; z-index:100}
.index_bot1a { height:40px; line-height:30px; text-align:center; color:#fff; border-bottom:1px solid #012c55}
.index_bot1a a{ font:12px/40px "微软雅黑"; line-height:40px;  color:#fff; padding-left:10px; padding-right:10px;}

.footerb{ display:inline; position:fixed; width:100%; background:#249b33; left:0; bottom:0; z-index:100}
.index_bot1b { height:40px; line-height:30px; text-align:center; color:#fff; border-bottom:1px solid #028312}
.index_bot1b a{ font:12px/40px "微软雅黑"; line-height:40px;  color:#fff; padding-left:10px; padding-right:10px;}

.footerc{ display:inline; position:fixed; width:100%; background:#25dd9d; left:0; bottom:0; z-index:100}
.index_bot1c { height:40px; line-height:30px; text-align:center; color:#fff; border-bottom:1px solid #01a46b}
.index_bot1c a{ font:12px/40px "微软雅黑"; line-height:40px;  color:#fff; padding-left:10px; padding-right:10px;}

}


@font-face {
  font-family: '微软雅黑';
}
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  font-size: 62.5%;
  height: 100%;
  overflow: hidden;
}

body {
  background: #000;
}

svg {display: block;overflow: visible;}
.slider-container {position: relative; height: 100%;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;cursor: all-scroll;}
.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width:6%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.slider-control.inactive:hover {
  cursor: auto;
}
.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}
.slider-control.left {
  left: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
  right: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width:1.5rem;
  height:1.5rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
}
.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width:0.9rem;
  height:0.9rem;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__overlay,
.slide.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
}
.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(1) .slide__bg {
  left: 0;
  background:url(../images/3d-slider-2.jpg) no-repeat!important;
}
.slide:nth-child(1) .slide__overlay-path {
  fill: #e99c7e;
}
@media (max-width: 991px) {
  .slide:nth-child(1) .slide__text {background-color: rgba(233, 156, 126, 0.8);}
}
.slide:nth-child(2) {left: 100%;}
.slide:nth-child(2) .slide__bg {left: -50%;background:url(../images/3d-slider-1.jpg) no-repeat!important;}
.slide:nth-child(2) .slide__overlay-path {fill: #e1ccae;}
@media (max-width: 991px) {
  .slide:nth-child(2) .slide__text { background-color: rgba(225, 204, 174, 0.8);}
}
.slide:nth-child(3) {left: 200%;}
.slide:nth-child(3) .slide__bg {left: -100%;background:url(../images/3d-slider-3.jpg) no-repeat!important;}
.slide:nth-child(3) .slide__overlay-path {fill: #adc5cd;}
@media (max-width: 991px) {
.slide:nth-child(3) .slide__text { background-color: rgba(173, 197, 205, 0.8); }}
.slide:nth-child(4) {left: 300%;}
.slide:nth-child(4) .slide__bg { left: -150%; background:url(../images/3d-slider-4.jpg) no-repeat!important;}
.slide:nth-child(4) .slide__overlay-path { fill: #cbc6c3;}

@media (max-width: 991px) {
.slide:nth-child(4) .slide__text { background-color: rgba(173, 197, 205, 0.8); }
}
.slide:nth-child(5) {left: 400%;}
.slide:nth-child(5) .slide__bg {left: -200%; background:url(../images/3d-slider-5.jpg) no-repeat!important;}
.slide:nth-child(5) .slide__overlay-path { fill: #e1ccae;}

@media (max-width: 991px) {
.slide:nth-child(5) .slide__text { background-color: rgba(173, 197, 205, 0.8);}
}
.slide:nth-child(6) { left: 500%;}
.slide:nth-child(6) .slide__bg {left: -250%;background:url(../images/3d-slider-6.jpg) no-repeat;}
.slide:nth-child(6) .slide__overlay-path { fill: #adc5cd;}

@media (max-width: 991px) {
.slide:nth-child(6) .slide__text {  background-color: rgba(203, 198, 195, 0.8);}
}
.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 810px;
  -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  will-change: transform, opacity;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__overlay {
    display: none;
  }
}
.slide__overlay path {
  opacity: 0.8;
}
.slide__text {
  position: absolute;
  width:35%;
  bottom:22%;
  left:7%;
  color: #174c9a;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-40%);
          transform: translateY(-50%);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20rem;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 0 1rem;
  }
}
.slide__text-heading {
  font-family: "微软雅黑";
}

@media screen and (min-width:1170px) and (max-width:1460px){
.slidetext1 {margin-bottom: 5rem; font-size:34px;  line-height:50px;}
.slidetext2 {margin-bottom: 5rem; font-size:34px;  line-height:50px;}
.slidetext3 {margin-bottom: 3rem; font-size:32px;  line-height:50px;}
.slidetext4 {margin-bottom: 5rem; font-size:34px;  line-height:50px;}
.slidetext5 {margin-bottom: 5rem; font-size:34px;  line-height:50px;}
.slidetext6 {margin-bottom: 5rem; font-size:34px;  line-height:50px;}
}

@media screen and (min-width:1461px) and (max-width:1750px){
.slidetext1 {margin-bottom: 6rem;font-size:34px;  line-height:50px;}
.slidetext2 {margin-bottom: 6rem;font-size:34px;  line-height:50px;}
.slidetext3 {margin-bottom: 4rem;font-size:32px;  line-height:50px;}
.slidetext4 {margin-bottom: 6rem;font-size:34px;  line-height:50px;}
.slidetext5 {margin-bottom: 6rem;font-size:34px;  line-height:50px;}
.slidetext6 {margin-bottom: 6rem;font-size:34px;  line-height:50px;}
}

@media screen and (min-width:1751px) and (max-width:5000px){
.slidetext1 {margin-bottom: 7rem;font-size:34px;  line-height:50px;}
.slidetext2 {margin-bottom: 7rem;font-size:34px;  line-height:50px;}
.slidetext3 {margin-bottom: 5rem;font-size:32px;  line-height:50px;}
.slidetext4 {margin-bottom: 7rem;font-size:34px;  line-height:50px;}
.slidetext5 {margin-bottom: 7rem;font-size:34px; line-height:50px;}
.slidetext6 {margin-bottom: 7rem;font-size:34px;  line-height:50px;}
}

@media (max-width: 991px) {
  .slide__text-heading {
    line-height: 20rem;
    font-size: 26rem;
  }
}
.slide__text-desc {
  font-family: "微软雅黑";
  font-size:22px;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .slide__text-desc {
    display: none;
  }
}
.slide__text-link {
  z-index: 5;
  display: inline-block;
  position: relative;
  padding: 0.5rem;
  cursor: pointer;
  font-family: "微软雅黑";
  font-size:18px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  color:#d90017;
}
.slide__text-link:hover{color:#fff;}
@media (max-width: 991px) {
  .slide__text-link {
    display: none;
  }
}
.slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d90017;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotateX(-85deg);
          transform: rotateX(-85deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
.slide__text-link:hover:before {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}