.page {  width: 100%; height: 100%; }
.contain { width: 100%; height: 100%; 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;}
.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}

@media screen and (min-width:1170px) and (max-width:1460px){
.caption { width:88%; 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:40px; margin:0 auto;}
.caption{opacity:1;-moz-opacity:1; text-align:center;}
.caption span{ font-size:20px; line-height:30px;}
.caption i { font-style:normal; font-size:12px; display:block; margin:0 auto; height:24px; line-height:24px; text-align:center; color:#fff; text-transform:uppercase}

.captioncon { padding-top:30px;padding-bottom:40px; }
.captioncon11{padding-top:80px; }
.captionconL { float:left; position:relative; width:45%;}
.captionconR { float:right; position:relative; width:55%; }

.photo{ position:relative; display:block; }
.photo img { width:96%;}
.photo span{ width:96%; display:block;position:absolute;bottom:0;left:0;color:#fff; font:24px/50px "微软雅黑"; text-align:center;cursor:hand; height:50px;  z-index:60}
.photo i {  width:96%; 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}

.photo2{ position:relative; display:block; }
.photo2 img { width:96%;}
.photo2 span{ width:96%; display:block;position:absolute;bottom:0;left:0;color:#fff; font-size:24px; line-height:30px; text-align:center;cursor:hand; height:70px; z-index:60 }
.photo2 i {  width:96%; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;background:#000; position:absolute;bottom:0;left:0; z-index:50; height:80px; }
.photo2 a:hover span{text-decoration:underline}

.aboutcon { width:100%; font:14px/27px "微软雅黑"; text-align:left; color:#fff;padding-left:10px;}}


@media screen and (min-width:1751px) and (max-width:5000px){
.caption { width:88%; 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:50px; margin:0 auto;}
.caption{opacity:1;-moz-opacity:1; text-align:center;}
.caption span{ font-size:26px; line-height:60px;}
.caption i { font-style:normal; font-size:16px; display:block; margin:0 auto; height:24px; line-height:24px; text-align:center; color:#fff; text-transform:uppercase}

.captioncon { padding-top:40px;padding-bottom:50px; }
.captioncon11{padding-top:85px; }
.captionconL { float:left; position:relative; width:45%;}
.captionconR { float:right; position:relative; width:55%;}

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

.photo2{ position:relative; display:block; }
.photo2 img { width:96%;}
.photo2 span{ width:96%; display:block;position:absolute;bottom:0;left:0;color:#fff; font-size:24px; line-height:30px; text-align:center;cursor:hand; height:70px; z-index:60 }
.photo2 i {  width:96%; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;background:#000; position:absolute;bottom:0;left:0; z-index:50; height:80px; }
.photo2 a:hover span{text-decoration:underline}

.aboutcon { width:100%; font:16px/34px "微软雅黑"; text-align:left; color:#fff;padding-left:20px;}}

.grid figure p { height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#fff;}

@media screen and (min-width:1461px) and (max-width:1750px){
.caption { width:88%; 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:40px; margin:0 auto;}
.caption{opacity:1;-moz-opacity:1; text-align:center;}
.caption span{ font-size:22px; line-height:40px;}
.caption i { font-style:normal; font-size:14px; display:block; margin:0 auto; height:24px; line-height:24px;  text-align:center; color:#fff; text-transform:uppercase}

.captioncon { padding-top:30px; padding-bottom:40px; }
.captioncon11{padding-top:83px; }
.captionconL { float:left; position:relative; width:45%;}
.captionconR { float:right; position:relative; width:55%;}

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

.photo2{ position:relative; display:block; }
.photo2 img { width:96%;}
.photo2 span{ width:96%; display:block;position:absolute;bottom:0;left:0;color:#fff; font-size:24px; line-height:30px; text-align:center;cursor:hand; height:70px; z-index:60 }
.photo2 i {  width:96%; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;background:#000; position:absolute;bottom:0;left:0; z-index:50; height:80px; }
.photo2 a:hover span{text-decoration:underline}

.aboutcon { width:100%; font:14px/30px "微软雅黑"; text-align:left; color:#fff;padding-left:20px;}


.grid { margin: 0 auto;list-style: none;text-align: center;}
.grid li {display: inline-block; width:294px; margin:0; position: relative; padding-top:7px; padding-bottom:7px; margin-left:20px; height:255px; }
.grid figure { margin: 0; position: relative; width:300px; height:255px;}
.grid figure img { max-width: 100%;display: block;position: relative; width:294px; height:221px;  border:3px solid #459555;}
.grid figcaption  { cursor: pointer; position: absolute;top:0;left: 0; line-height:210px; background: #2c3f52; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6; color: #fff;}


/* Individual Caption Styles */
/* Caption Style 1 */
.cs-style-1 figcaption {
    height:225px;
    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 {  font-size:24px; display: block; padding-top:80px;}
.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:95%; 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:16px; color:#dec100;  font-weight:bold;}

.footer{ width:100%; background:#8c0f4b;}
.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;}
}


@media screen and (min-width:1170px) and (max-width:1460px){
.grid { margin: 0 auto;list-style: none;text-align: center;}
.grid li {display: inline-block; width:260px; margin:0; position: relative; padding-top:7px; padding-bottom:7px; margin-left:10px; height:228px; }
.grid figure { margin: 0; position: relative; width:264px; height:228px;}
.grid figure img { max-width: 100%;display: block;position: relative; width:260px; height:195px;  border:2px solid #459555;}
.grid figcaption  { cursor: pointer; position: absolute;top: 0;left: 0; line-height:170px; background: #2c3f52; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6; color: #fff;}

/* Individual Caption Styles */
/* Caption Style 1 */
.cs-style-1 figcaption {
    height:198px;
    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 { font-size:24px; display: block; padding-top:70px;}
.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:10px; margin-bottom:10px;}
.gridnews li p { font-size:16px; font-weight:bold; line-height:30px;}
.gridnews li p a { color:#fff;}
.gridnews li span { font-size:12px; line-height:22px; color:#cbddfe;}

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

.footer{ width:100%; background:#8c0f4b;}
.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;}
}

@media screen and (min-width:1751px) and (max-width:5000px){
.grid { margin: 0 auto;list-style: none;text-align: center;}
.grid li {display: inline-block; width:380px; margin:0; position: relative; padding-top:7px; padding-bottom:7px; margin-left:20px; height:319px; }
.grid figure { margin: 0; position: relative; width:384px; height:319px;}
.grid figure img { max-width: 100%;display: block;position: relative; width:380px; height:285px;  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;}

/* Individual Caption Styles */
/* Caption Style 1 */
.cs-style-1 figcaption {
    height:289px;
    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 { font-size:24px; display: block; padding-top:100px;}
.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:24px; line-height:50px;}
.gridnews li p a { color:#fff;}
.gridnews li span { font-size:14px; line-height:26px; color:#cbddfe;}

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

.footer{width:100%; background:#8c0f4b;}
.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;}
}