#style12 {padding:120px 0 120px 0; margin:0 auto; max-width:1500px; }
#style12 img{vertical-align: top; max-width:100%;}
#style12 .tit {text-align:center}
#style12 .tit span {/*background:#fff; border-radius:90px; padding:20px 80px;*/ font-size:55px; font-weight:600; 
display:inline-block; margin:0 auto; text-align:center; color:#252525; }
.flexslider,.flexslider-controls {   max-width: 100%; }
.slide_text {  background-color: transparent; font-size:38px; font-weight:600;   /*background-color: rgba( 0, 0, 0, 0.5 );*/ 
    bottom: 0;  color: #222;   display: block; left: 0;  padding: 0em; position: absolute;  width: 100%;  zoom: 1;}
.slide_title { text-align:center;  font-size: 1.5em; }
/*.slide_byline {   font-size: 0.8em;    display: block; border-left: }*/
.flex-control-nav {  overflow:hidden; box-sizing:border-box; }
.flex-control-nav li { color: #333; cursor: pointer; float: left;  
	margin: 0;   padding:5px; font-size:16px;    vertical-align: middle;    width: 20%;    box-sizing: border-box; }
.flex-control-nav li img {max-width:100%; vertical-align:top; opacity: 0.5;transition: all 0.3s ; border:0px solid #f2ebe3; }
.flex-control-nav .flex-active img {opacity:1;  transition: all 0.1s ; border:0px solid rgba(0,0,0,0);  box-sizing: border-box;}
.flex-control-nav .flex-active {  position:relative; transition: all 0.1s ;}
/*.flex-control-nav .flex-active::before {content:""; background-color:rgba(0,0,0,0.1); width:100%; height:100%; position:absolute; }*/
/* .flex-control-nav .flex-active::after{ content:""; left:5%; top:5%; background-image:url(../img/on.png);
 background-repeat:no-repeat; background-position: center center;  transform:translate(-50%,-50%);
  width:70px; height:42px; position:absolute; background-size:contain; transition: all 0.1s ;}*/ 
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {    outline: 0;}
.slides,.flex-control-nav,.flex-direction-nav {   margin:0 0 25px 0;    padding: 0;    list-style: none;}
.flexslider {    margin: 80px 0 0 0;    padding: 0;}
.flexslider .slides > li {width:1000px; margin:0 auto; padding-bottom:70px;  display: none;  position: relative; text-align:center}
.flexslider .slides img {   max-width: 100%;    /*display: block;*/}
.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;}
* html .slides {    height: 1%;}
.no-js .slides > li:first-child {   display: block;}
.flexslider {     position: relative;    zoom: 1;}
.flex-viewport {   max-height: 2000px;    -webkit-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 {    *height: 0;  }
.flex-direction-nav a {opacity: 0.3; width: 55px; height:75px; margin: -50px 0 0; display: block; background-position: 0 0; background-repeat: no-repeat;
    position: absolute;  top: 50%;    z-index: 10;    cursor: pointer;   text-indent: -9999px;    -webkit-transition: all 0.3s ease;  }
.flex-direction-nav .flex-next {  background-position: 100% 0; background:url("../img/arrow_right.png")no-repeat center center; right: 20px; }
.flex-direction-nav .flex-prev { left: 20px; background:url("../img/arrow_left.png")no-repeat center center; }
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {    opacity: 1;}
.flex-direction-nav .flex-disabled {    opacity: 0.3 !important;    filter: alpha(opacity=30);    cursor: default;}
.flex-control-nav {    width: 100%;    text-align: center; }
.flex-control-nav li {    zoom: 1;    *display: inline;}
.flex-control-paging li a {  width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer;
    text-indent: -9999px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default;}
.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: 0.7;  cursor: pointer;}
.flex-control-thumbs img:hover {  opacity: 1;}
.flex-control-thumbs .flex-active { opacity: 1;   cursor: default;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style12 {padding:50px 0; width:95%;}
#style12 .tit span {padding:0px; font-size:20px; }
.flexslider {margin:30px 0 0 0 ;   max-width: 100%; }
.flexslider-controls {margin:15px 0 0 0 ;   max-width: 100%; }
.slide_text {  font-size:18px;}
.flexslider .slides > li {width:100%; padding-bottom:35px;}
.slides,.flex-control-nav,.flex-direction-nav {   margin:0 0 10px 0; }
}
@media (max-width: 768px) {
.flex-control-nav li {width: 25%; padding:1px;	}
.flex-direction-nav .flex-prev { left: 0px;}
.flex-direction-nav .flex-next {   right: 0px; }
.flex-control-nav .flex-active::after{display:none}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}