@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.style3 .slides { border-bottom: 2px #F00 solid; }
.style3 .carousel_box .slides { border: none; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;    overflow: hidden; }
.flexslider .slides img {  display: block;   -webkit-animation: zoom 20s; animation: zoom 20s;}
.flex-pauseplay span { text-transform: capitalize; }

.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block;     overflow: hidden;}
* html .slides { height: 1%; }

.no-js .slides > li:first-child { display: block; }

.flexslider { background: #000; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }

.flex-direction-nav a { width: 43px; height: 58px; display: block; background: url(//filecdn.ify.cn/skin/gf9573/img/arrows.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0.8; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: 25px; }
.flex-direction-nav .flex-prev { left: 25px; }
.flex-direction-nav .disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; }
/* Control Nav */
.slideleft .flex-control-nav { right: 10px; margin-left: 0px; }
.style3 .flex-control-nav { width: 100%; position: relative; margin: 15px 0 15px 0; text-align: center; }
.carousel_box .flex-control-nav { width: 100%; position: relative; margin: 15px 0 5px 0; text-align: center;}
.flex-control-paging{display:none !important;}
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .active { opacity: 1; cursor: default; }
.flexslider ul.slides li .slide_content, .flexslider ul.slides li .slide_desc, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li 
.slide_desc_left, .flexslider ul.slides li .slide_content_right, .flexslider ul.slides li .slide_desc_right { position: absolute; top: 10%; left: 8%; max-width: 350px; text-align: left; }
.flexslider ul.slides li .slide_content, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li .slide_content_right 
{ padding: 10px 20px; background: #000000; color: #ffffff; }
.flexslider ul.slides li .slide_desc, .flexslider ul.slides li .slide_desc_left, .flexslider ul.slides li .slide_desc_right
 { padding: 5px 10px 5px 10px; background: #fff; color: #7777777; font-size: 11px; opacity: 0.8; border: 0; }
.flexslider ul.slides li .slide_content_right, .flexslider ul.slides li .slide_desc_right
 { text-align: right; top: 18%; left: auto; right: 8%; }
.flexslider ul.slides li .slide_content_left { animation: reset, slide-left 0.8s; -moz-animation: reset, slide-left 0.8s; /* Firefox */ -webkit-animation: reset, slide-left 0.8s; /* Safari and Chrome */ }
.flexslider ul.slides li .slide_content_right { animation: reset, slide-right 0.8s; -moz-animation: reset, slide-right 0.8s; -webkit-animation: reset, slide-right 0.8s; }
.flexslider ul.slides li .slide_desc { top: 25%; left: 8%;   }
.flexslider ul.slides li .slide_desc_left { top: 25%; left: 8%; -webkit-animation: reset, slide-down 0.8s; -moz-animation: reset, slide-down 0.8s; animation: reset, slide-down 0.8s; }
.flexslider ul.slides li .slide_desc_right { top: 33%; right: 8%; -webkit-animation: reset, slide-up 0.8s; -moz-animation: reset, slide-up 0.8s; animation: reset, slide-up 0.8s; }
 @keyframes reset { 0% {
 opacity: 0;
}
100% {
 opacity: 0;
}
}
 @-moz-keyframes reset { 0% {
 opacity: 0;
}
100% {
 opacity: 0;
}
}
 @-webkit-keyframes reset { 0% {
 opacity: 0;
}
100% {
 opacity: 0;
}
}
 @keyframes slide-left { from {
left:12%;
opacity: 0;
}
to { left: 8%; opacity: 1; }
}
 @-moz-keyframes slide-left /* Firefox */ { from {
left:12%;
opacity: 0;
}
to { left: 8%; opacity: 1; }
}
 @-webkit-keyframes slide-left /* Safari and Chrome */ { from {
left:12%;
opacity: 0;
}
to { left: 8%; opacity: 1; }
}
 @keyframes slide-right { from {
right:15%;
opacity: 0;
}
to { right: 8%; opacity: 1; }
}
 @-moz-keyframes slide-right /* Firefox */ { from {
right:15%;
opacity: 0;
}
to { right: 8%; opacity: 1; }
}
 @-webkit-keyframes slide-right /* Safari and Chrome */ { from {
right:15%;
opacity: 0;
}
to { right: 8%; opacity: 1; }
}
@keyframes slide-down { from {
top:15%;
opacity: 0;
}
to { top: 25%; opacity: 0.8; }
}
 @-moz-keyframes slide-down /* Firefox */ { from {
top:15%;
opacity: 0;
}
to { top: 25%; opacity: 0.8; }
}
 @-webkit-keyframes slide-down /* Safari and Chrome */ { from {
top:15%;
opacity: 0;
}
to { top: 25%; opacity: 0.8; }
}
@keyframes slide-up { from {
top:45%;
opacity: 0;
}
to { top: 33%; opacity: 0.8; }
}
 @-moz-keyframes slide-up /* Firefox */ { from {
top:45%;
opacity: 0;
}
to { top: 33%; opacity: 0.8; }
}
 @-webkit-keyframes slide-up /* Safari and Chrome */ { from {
top:45%;
opacity: 0;
}
to { top: 33%; opacity: 0.8; }
}

.btm-conbox {
    width: 100%;
    height: 70px;
    background-color: #222;
    /* display: flex; */
    display: none;
    /* align-items: center; */
}
.btm-conbox>a {
    width: 33.33%;
    height: 100%;
    color: #fff;
    background-color: #222;
    text-decoration: none;
    transition: .2s;
}
.btm-conbox>a .btm-cons {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.btm-conbox>a:hover {
    background-color: #1ba494;
  color: #fff;
}
.btm-conbox .btm-cons img {
    width: 30px;
    padding-bottom: 5px;
}
.btm-conbox .btm-cons .btm-cons-name {
    font-size: 12px;
  margin: 0px;
}
@media screen and (max-width: 768px) {
    .btm-conbox {
      display: flex;
      position: fixed;
      bottom: 0;
      z-index: 1000;
    }
  .foot span {
  	padding-bottom: 69px;  
  }
  
}