@charset "utf-8";
html {margin:0px;padding:0px;}
body{margin:0px;padding:0px; font-family:MicroSoft Yahei,Arial;font-size:12px;color:#6e6e6e; background-color:#000000;}
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin: 0;padding: 0;float:none;}
li{ list-style:none;}
a{ text-decoration:none; color:#6e6e6e;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
a:hover{-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
img{ border:0;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);}
.clear{clear:both; height:0px; width:0px;overflow:hidden;line-height:0px;}
.overflow{overflow:hidden;}
.r_position{ position:relative;}
.a_position{ position:absolute;}
.left { float:left;}

/*dumascroll start*/
.dumascroll {overflow:hidden;}        
.dumascroll_area {height:98%;overflow:hidden;}
.dumascroll_bar,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {background-image:url(../images/dumascroll.png);}
.dumascroll_bar {position:absolute;top:0;right:0;z-index:9;width:14px;height:100%;cursor:default;-moz-user-select:none;-khtml-user-select:none;user-select:none;background-repeat:repeat-y;background-position:-42px 0;float:left;}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {position:absolute;left:0;}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {width:100%;height:14px;color:#fff;text-align:center;}
.dumascroll_arrow_up,.dumascroll_arrow_up_a {top:0;}
.dumascroll_arrow_down,.dumascroll_arrow_down_a {bottom:0;}
.dumascroll_handle,.dumascroll_handle_a { width:100%; background-repeat:repeat-y;}
.dumascroll_arrow_up { background-position:0 0; }
.dumascroll_arrow_up_a { background-position:-14px 0; }
.dumascroll_handle { background-position:-28px 0;-moz-border-radius:14px;/* Gecko browsers */-webkit-border-radius:14px;/* Webkit browsers */border-radius:14px;/* W3C syntax */}
.dumascroll_handle_a { background-position:-56px 0; }
.dumascroll_arrow_down { background-position:-70px 0; }
.dumascroll_arrow_down_a { background-position:-84px 0; }
/*dumascroll start*/

#superContainer {height: 100%;position: relative;}
.section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.slide {float: left;}
.slide, .slidesContainer {height: 100%;display: block;}
.slides {height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.section.table, .slide.table {display: table;width: 100%;}
.tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.slidesContainer {float: left;position: relative;}
.controlArrow {position: absolute;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;}
.controlArrow.prev {left: 15px;	width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.controlArrow.next {right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.scrollable {overflow: scroll;}
.easing {-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
#fullPage-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;}
#fullPage-nav.right {right: 17px;}
#fullPage-nav.left {left: 17px;}
.fullPage-slidesNav {position: absolute;z-index:4;left:50%;opacity: 1;}
.fullPage-slidesNav.bottom {bottom: 17px;}
.fullPage-slidesNav.top {top: 17px;}
#fullPage-nav ul, .fullPage-slidesNav ul {margin: 0;padding: 0;}
#fullPage-nav li, .fullPage-slidesNav li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
.fullPage-slidesNav li {display: inline-block;}
#fullPage-nav li a, .fullPage-slidesNav li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fullPage-nav li .active span, .fullPage-slidesNav .active span {background: #333;}
#fullPage-nav span, .fullPage-slidesNav span {top: 2px;left: 2px;width: 8px;height: 8px;border: 1px solid #000;background: rgba(0, 0, 0, 0);-webkit-border-radius: 50%;-moz-border-radius: 50%;
border-radius: 50%;position: absolute;z-index: 1;}
.fullPage-tooltip {position: absolute;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;top: -2px;}
.fullPage-tooltip.right {right: 20px;}
.fullPage-tooltip.left {left: 20px;}

#menu { position: fixed; right: 30px;#right: 30px; top: 50%; width: 10px; margin-top: -50px; padding: 0; list-style-type: none; z-index: 70;}
#menu li { width:10px; height:10px; float:left; margin-top:10px;}
#menu li a { display:block; float:left; width:10px; height:10px; text-indent:-100px; overflow:hidden; border-radius:5px; background:#ffffff;}
#menu li.active a { background:#ab1018;}

#head_i { position:static; background-color:#000000;}
.head_o { width:100%; height:110px; position: fixed; top:0px; z-index:999;}
.head_o h3 { width:400px; padding:20px 0px 0px 20px; height:70px; line-height:70px; float:left;}
.head_o ul { float:right; padding-top:30px; height:20px; margin-left:20px;}
.head_o ul li { width:40px; height:20px; line-height:20px; float:left; text-align:center;}
.head_o ul li a { font-size:12px; display:block;}
.head_o ul li.nav_next a {background-image:url(../images/sl_arror_b.png); background-position:right center; background-repeat:no-repeat;}
.head_o form { float:right; padding-top:30px; line-height:20px; }
.head_o form input { float:left;font-family:MicroSoft Yahei, Arial;}
.head_o form .input_text { border:none; background-color:#6e6e6e;line-height:20px; padding:0px 10px;}
.head_o form  .serIndex2 { width:40px; height:20px;}

.section1 { background-image:url(../images/bg_s1.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.section1 .s1_logo { width:100%; text-align:center;}
.section1 .sl_btn { width:135px; height:45px; background-color:#000000;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center -16px ;  display:block; position:absolute; bottom:40px; left:50%; margin-left:-67.5px;}
.section1 .sl_btn:hover { background-color:#ab1018;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center 15px ;}

.section2 { background-image:url(../images/bg_s2.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.section2 #s2_btn { width:1000px; height:40px; line-height:40px; margin:0px auto 50px;}
.section2 #s2_btn li { float:left; width:70px; text-align:center;cursor:pointer; font-size:14px; line-height:38px; height:38px; margin-right:20px;}
.section2 #s2_btn li.on { color:#ab1018; border-bottom:2px solid #ab1018;}
.section2 .s2_show { width:1000px; height:400px; margin:0px auto;}
.section2 #s2_showk { width:9999px; position: relative;}
.section2 #s2_showk .s2_showi { width:1000px; height:400px; float:left;}
.section2 #s2_showk .s2_show1 .s2_img { width:500px; height:400px; float:left;}
.section2 #s2_showk .s2_show1 .s2_img a { width:100%; height:100%;opacity:0;background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6f000000,endColorstr=#6f000000); position:absolute; color:#ffffff;}
.section2 #s2_showk .s2_show1 .s2_img a.bigsize span { font-weight:bold; font-size:16px; width:90px; height:40px;margin-left:-55px;margin-top:-30px;}
.section2 #s2_showk .s2_show1 .s2_img a.bigsize span font { font-size:12px; font-weight:normal;}
.section2 #s2_showk .s2_show1 .s2_img a:hover { opacity:1;}
.section2 #s2_showk .s2_show1 .s2_img a span { width:40px; height:20px;padding:10px; border:1px solid #848484; position:relative; left:50%; margin-left:-30px; display:block; top:50%; text-align:center; margin-top:-20px; font-size:12px;}

/*team start*/
.sequence-theme {/* this container is just to ensure the background color stretches all the way across on bigger screens */}
#sequence {margin:0 auto;position:relative;overflow:hidden;width:100%;max-width:1000px;color:white;margin:0 auto;position:relative;height:400px;}
#sequence > .sequence-canvas {height:100%;width:100%;}
#sequence > .sequence-canvas > li {position:absolute;width:100%;height:100%;z-index:1;top:0;}
#sequence > .sequence-canvas > li img {}
#sequence > .sequence-canvas li > * {position:absolute;/* only cause the left and opacity properties to transition */-webkit-transition-property:left, opacity;-moz-transition-property:left, opacity;
-ms-transition-property:left, opacity;-o-transition-property:left, opacity;transition-property:left, opacity;}
.sequence-next,.sequence-prev {position: absolute; width:45px; height:135px; top:50%; margin-top:-67.5px; z-index:1000; opacity:0.3;}
.sequence-prev {background-image:url(../images/s2_arror_l.png); background-position:13px center; background-repeat:no-repeat;}
.sequence-prev:hover {opacity:1;}
.sequence-next {background-image:url(../images/s2_arror_r.png); background-position:-15px center; background-repeat:no-repeat;}
.sequence-next:hover {opacity:1;}
.sequence-pause { bottom: 0; cursor: pointer; position: absolute; z-index: 1000; }
.sequence-paused {opacity: 0.3;}
.sequence-prev {left: 3%;}
.sequence-next {right: 3%;}
.sequence-prev img,.sequence-next img {height: 100%;width: auto;}
#sequence-preloader { background: #d9d9d9;}
.sequence-pagination {bottom:0;display:none;right:0;position:absolute;z-index:1;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;}
.sequence-pagination li {display: inline-block;*display: inline;/* Hack for IE7 and below as they don't support inline-block */ height:80px;}
.sequence-pagination li img {cursor: pointer;opacity: 0.5;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;
-webkit-transition-property: margin-bottom, opacity;-moz-transition-property: margin-bottom, opacity;-ms-transition-property: margin-bottom, opacity;-o-transition-property: margin-bottom, opacity;  transition-property: margin-bottom, opacity;}
.sequence-pagination li img:hover {margin-bottom:4px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
.sequence-pagination li.current img {opacity: 1;}
h2 {text-transform: uppercase;}
.title {left: 65%; width: 35%; opacity: 0; bottom:58%;z-index: 50; font-size:35px; font-weight:normal; color:#333333;}
.animate-in .title {left:70%; opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s;}
.animate-out .title {left: 35%;opacity: 0;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.subtitle {left: 35%;width: 35%;opacity: 0;bottom: 43%; font-size:12px; color:#6e6e6e; font-weight:normal;}
.animate-in .subtitle {left:70%;opacity: 1;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s; z-index:999999;}
.animate-out .subtitle { left: 65%; opacity: 0; -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.model {left:15%;bottom:0;opacity:0;position:relative;}
.animate-in .model {left: 15%;opacity: 1;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}
.animate-out .model {left: 15%;opacity: 0;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
@media only screen and (min-width: 992px) {
  #sequence .title {
    width: 42%;
  }
}
@media only screen and (max-width: 838px) {
  #sequence {
    height: 550px;
  }
  #sequence .model {
    max-height: 530px !important;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #sequence {
    height: 500px;
  }
  #sequence .title {
    font-size: 2.8em;
  }
  #sequence .subtitle {
    font-size: 1.6em;
  }
  #sequence .sequence-next,
  #sequence .sequence-prev {
    height: 60px;
    margin-top: -40px;
  }
  #sequence .model {
    max-height: 480px !important;
    width: auto;
  }
}
@media only screen and (max-width: 568px) {
  #sequence .model {
    left: 50%;
    min-width: 40%;
    /*prevents the model from shrinking when the browser is resized*/
    width: 40%;
  }
  #sequence .animate-in .model {
    left: 50%;
    margin-left: -20%;
  }
  #sequence .animate-out .model {
    left: 50%;
    margin-left: -20%;
  }
  #sequence .title {
    background: #a1a1a1;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 100%;
    padding: 4%;
    bottom: -50%;
    width: 100%;
    z-index: 10;
  }
  #sequence .animate-in .title {
    left: 0%;
  }
  #sequence .animate-out .title {
    left: -100%;
  }
  #sequence .subtitle {
    visibility: hidden;
  }
  #sequence .sequence-pagination {
    bottom: 40px;
  }
  #sequence .sequence-pagination li img {
    height: 100px;
  }
}
@media only screen and (max-width: 518px) {
  #sequence {
    height: 450px;
  }
}
@media only screen and (max-width: 468px) {
  #sequence {
    height: 415px;
  }
  #sequence .sequence-pagination {
    opacity: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 418px) {
  #sequence {
    height: 375px;
  }
}
@media only screen and (max-width: 368px) {
  #sequence {
    height: 325px;
  }
  #sequence .title {
    font-size: 2.2em;
  }
}
@media only screen and (max-width: 320px) and (orientation: portrait) {
  /*iphone portrait*/
  #sequence {
    height: 320px;
  }
  #sequence .model {
    min-width: 45%;
    width: 45%;
  }
  #sequence .animate-in .model {
    margin-left: -22.5%;
  }
  #sequence .animate-out .model {
    margin-left: -22.5%;
  }
}
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
  #sequence {
    height: 260px;
  }
  #sequence .model {
    min-width: 24%;
    width: 24%;
  }
  #sequence .animate-in .model {
    left: 17.5%;
    margin-left: 0;
  }
  #sequence .animate-out .model {
    left: 17.5%;
    margin-left: 0;
  }
  #sequence .sequence-pagination {
    right: 17.5%;
  }
}
.section2 .sl_btn { width:133px; height:43px; border:1px solid #ab1018;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center -16px ;  display:block; position:absolute; bottom:40px; left:50%; margin-left:-67.5px;}
.section2 .sl_btn:hover { border:1px solid #ffffff;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center 15px ;}

.w_300 { width:300px;}
.w_200 { width:200px;}
.w_100 { width:100px;}
.h_200 { height:200px;}
.h_100 { height:100px;}
.section2 #s2_showk .s2_show1 .s2_text { width:440px; height:400px; float:left; line-height:50px; padding:0px 30px; line-height:24px; font-size:12px;}
.section2 #s2_showk .s2_show2 { }
.section2 #s2_showk .s2_show3 { }
.section3 {background-image:url(../images/bg_s3.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.section3 .section3_t {background-image:url(../images/bg_s3_t.png); background-repeat:no-repeat; background-position:left top; width:706px; height:160px; position:absolute; left:0px; top:0px;}
.section3 .what { width:1000px; margin:0px auto; color:#000000;}
.section3 .what h3 { line-height:54px; margin-bottom:40px;}
.section3 .what dl { width:332px; text-align:center; float:left;position:relative; padding:10px 0px;}
.section3 .what dl span { position:absolute; background-color:#ffffff;}
.section3 .what dl span.s_t { width:0px; height:1px; left:0px; top:0px;}
.section3 .what dl span.s_r { width:1px; height:0px; right:0px; top:0px;}
.section3 .what dl span.s_b { width:0px; height:1px; right:0px; bottom:0px;}
.section3 .what dl span.s_l { width:1px; height:0px; left:0px; bottom:0px;}
.section3 .what dl.b_r { border-right:1px solid #ff1824; border-left:1px solid #ff1824;}
.section3 .what dl.b_r span.s_r { right:-1px;}
.section3 .what dl.b_r span.s_l { left:-1px;}
.section3 .what dl dt { padding-bottom:10px;}
.section3 .what dl dd.ch { line-height:30px; font-size:16px;}
.section3 .what dl dd.en { font-family:Arial; font-size:12px; line-height:25px;}
.section3 .what p { line-height:27px;padding-top:40px; display:inline-block; float:right;}
.section3 .sl_btn {width:135px; height:45px; background-color:#000000;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center -16px ;  display:block; position:absolute; bottom:40px; left:50%; margin-left:-67.5px;}
.section3 .sl_btn:hover { background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center 15px ;}

.section4 {background-image:url(../images/bg_s4.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.section4 .case { width:1000px; margin:0px auto;}
.section4 .case h3 { line-height:54px; margin-bottom:40px;}
.section4 .case dl { width:230px; float:left; margin:0px 10px; position:relative;}
.section4 .case dl div.cover { position:absolute; width:230px; height:120px; top:-120px;background:rgba(171,16,24,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fab1018,endColorstr=#7fab1018);}
.section4 .case dl div.cover .caselink { width:98px; height:33px; display:block; border:1px solid #ffffff; margin:45px auto 0px; text-align:center;  line-height:33px;}
.section4 .case dl div.cover .caselink a {color:#ffffff; font-family:Arial; display:block;}
.section4 .case dl dt {height:120px;}
.section4 .case dl dd { padding-left:55px; text-indent:10px;}
.section4 .case dl dd.ch { font-size:14px; line-height:25px; padding-top:5px;}
.section4 .case dl dd.en { font-size:10px; line-height:20px; padding-bottom:5px;}
.section4 .case dl span{ display:block; width:55px; height:55px; position:absolute; left:0px; bottom:0px;}
.section4 .case dl:hover dd { background-color:#ab1018; color:#ffffff;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
.section4 .case dl:hover span { background-color:#000000;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
.section4 .case p { line-height:27px;padding-top:40px; display:inline-block; float:right;}
.section4 .sl_btn { width:135px; height:45px; background-color:#000000;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center -16px ;  display:block; position:absolute; bottom:40px; left:50%; margin-left:-67.5px;}
.section4 .sl_btn:hover { background-color:#ab1018;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center 15px ;}

.section5 {background-image:url(../images/bg_s5.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.section5 .customer {width:1000px; margin:0px auto;}
.section5 .customer h3 { line-height:54px; width:500px; margin-bottom:40px;}
.section5 .customer ul li { float:left; width:124px;}
.section5 .sl_btn { width:133px; height:43px; border:1px solid #ab1018;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center -16px ;  display:block; position:absolute; bottom:40px; left:50%; margin-left:-67.5px;}
.section5 .sl_btn:hover { border:1px solid #ffffff;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center 15px ;}
.section5 .customer p { line-height:27px;padding-top:40px; display:inline-block; float:right;}

.section6 {background-image:url(../images/bg_s6.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.section6 .news {width:1000px; margin:0px auto;}
.section6 .news h3 { line-height:54px; margin-bottom:40px;}
.section6 .news h3 p { float:right; vertical-align:bottom; line-height:27px; padding-top:27px;}
.section6 .news #newsindex { width:1000px; height:400px; position:relative; color:#ffffff;}
.section6 .news #newsindex li { position:absolute;}
.section6 .news #newsindex li a { color:#ffffff;text-shadow: 2px 2px 2px #ab1018;}
.section6 .news #newsindex li a:hover {color:#000000;text-shadow: 2px 2px 2px #ffffff;}
.section6 .news #newsindex li p.newst ,.section6 .news #newsindex li p.newsi {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.section6 .news #newsindex li.object00 {height:60px;width:300px; left:0px; top:0px; background-color:#2a87ef; padding:20px 20px 0px;}
.section6 .news #newsindex li.object01 {height:60px;width:300px; left:0px; top:80px; background-color:#2a87ef; padding:0px 20px;}
.section6 .news #newsindex li.object02 {height:60px;width:300px; left:0px; top:140px; background-color:#2a87ef; padding:0px 20px;}
.section6 .news #newsindex li.object03 {height:60px;width:300px; left:0px; top:200px; background-color:#2a87ef; padding:0px 20px;}
.section6 .news #newsindex li.object04 {height:60px;width:300px; left:0px; top:260px; background-color:#2a87ef; padding:0px 20px;}
.section6 .news #newsindex li.object05 {height:60px;width:300px; left:0px; top:320px; background-color:#2a87ef; padding:0px 20px 20px;}
.section6 .news #newsindex li.object00 p.newst,.section6 .news #newsindex li.object01 p.newst,.section6 .news #newsindex li.object02 p.newst,.section6 .news #newsindex li.object03 p.newst,.section6 .news #newsindex li.object04 p.newst,.section6 .news #newsindex li.object05 p.newst { font-size:14px; line-height:25px; padding-top:5px;}
.section6 .news #newsindex li.object00 p.newsi,.section6 .news #newsindex li.object01 p.newsi,.section6 .news #newsindex li.object02 p.newsi,.section6 .news #newsindex li.object03 p.newsi,.section6 .news #newsindex li.object04 p.newsi,.section6 .news #newsindex li.object05 p.newsi { line-height:15px; font-size:12px; color:#abc9f7; white-space:normal;}
.section6 .news #newsindex li.object07 {height:44px;width:280px; left:350px; top:64px; background-color:#ab1018;padding:0px 20px;}
.section6 .news #newsindex li.object08 {height:44px;width:280px; left:350px; top:108px; background-color:#ab1018;padding:0px 20px;}
.section6 .news #newsindex li.object09 {height:44px;width:280px; left:350px; top:152px; background-color:#ab1018;padding:0px 20px;}
.section6 .news #newsindex li.object10 {height:44px;width:280px; left:350px; top:196px; background-color:#ab1018;padding:0px 20px 20px;}
.section6 .news #newsindex li.object06 {height:44px;width:280px; left:350px; top:0px; background-color:#ab1018; padding:20px 20px 0px;}
.section6 .news #newsindex li.object06 p.newst,.section6 .news #newsindex li.object07 p.newst,.section6 .news #newsindex li.object08 p.newst,.section6 .news #newsindex li.object09 p.newst,.section6 .news #newsindex li.object10 p.newst { font-size:13px;line-height:20px; padding-top:4px;}
.section6 .news #newsindex li.object06 p.newsi,.section6 .news #newsindex li.object07 p.newsi,.section6 .news #newsindex li.object08 p.newsi,.section6 .news #newsindex li.object09 p.newsi,.section6 .news #newsindex li.object10 p.newsi { font-size:12px; line-height:20px; color:#d8a6a8;}
.section6 .news #newsindex li.object11 {height:30px;width:280px; left:350px; top:270px; background-color:#7225e3;padding:20px 20px 0px;}
.section6 .news #newsindex li.object12 {height:30px;width:280px; left:350px; top:320px; background-color:#7225e3;padding:0px 20px;}
.section6 .news #newsindex li.object13 {height:30px;width:280px; left:350px; top:350px; background-color:#7225e3;padding:0px 20px 20px;}
.section6 .news #newsindex li.object11 p.newst,.section6 .news #newsindex li.object12 p.newst,.section6 .news #newsindex li.object13 p.newst { font-size:15px;line-height:30px; font-weight:bold;font-style: italic;}
.section6 .news #newsindex li.object11 p.newsi,.section6 .news #newsindex li.object12 p.newsi,.section6 .news #newsindex li.object13 p.newsi { display:none;}
.section6 .news #newsindex li.object14 {height:85px;width:180px; left:680px; top:0px; background-color:#6edc47;padding:20px 20px 20px 120px;background-image:url(../images/bg_object14.jpg); background-repeat:no-repeat; background-position:20px 20px;}
.section6 .news #newsindex li.object14 p.newst { font-size:18px;}
.section6 .news #newsindex li.object14 p.newsi { font-size:12px;white-space:normal; color:#bfeeb3; padding-top:5px;}
.section6 .news #newsindex li.object15 {height:42px;width:280px; left:680px; top:135px; background-color:#1ed4d7;padding:20px 20px 0px;}
.section6 .news #newsindex li.object16 {height:43px;width:280px; left:680px; top:197px; background-color:#1ed4d7;padding:0px 20px 20px;}
.section6 .news #newsindex li.object15 p.newst,.section6 .news #newsindex li.object16 p.newst { font-size:12px;}
.section6 .news #newsindex li.object15 p.newsi,.section6 .news #newsindex li.object16 p.newsi { font-size:12px; color:#a9eaec;}
.section6 .news #newsindex li.object17 {height:30px;width:280px; left:680px; top:270px; background-color:#f08300;padding:20px 20px 0px;}
.section6 .news #newsindex li.object18 {height:30px;width:280px; left:680px; top:320px; background-color:#f08300;padding:0px 20px;}
.section6 .news #newsindex li.object19 {height:30px;width:280px; left:680px; top:350px; background-color:#f08300;padding:0px 20px 20px;}
.section6 .news #newsindex li.object17 p.newst,.section6 .news #newsindex li.object18 p.newst ,.section6 .news #newsindex li.object19 p.newst { font-size:12px;}
.section6 .news #newsindex li.object17 p.newst,.section6 .news #newsindex li.object18 p.newst,.section6 .news #newsindex li.object19 p.newst { line-height:30px;}
.section6 .news #newsindex li.object17 p.newsi,.section6 .news #newsindex li.object18 p.newsi,.section6 .news #newsindex li.object19 p.newsi { display:none;}
.section6 .sl_btn { width:133px; height:43px; border:1px solid #ffffff;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center 15px ;  display:block; position:absolute; bottom:40px; left:50%; margin-left:-67.5px;}
.section6 .sl_btn:hover {border:1px solid #ab1018;background-image:url(../images/s1_arror.png); background-repeat:no-repeat; background-position:center -16px;}

.section7 {background-image:url(../images/bg_s7.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.section7 .contact {width:1000px; margin:0px auto;}
.section7 .contact h3 {line-height:54px; width:500px; margin-bottom:40px;}
.section7 .contact .contel {width:280px; float:left;padding:145px 20px 0px;145px;background-image:url(../images/bg_conadd.jpg); background-repeat:no-repeat; background-position:center top;height:100px; margin-bottom:40px;font-size:12px; line-height:20px;}
.section7 .contact .conwec {width:320px; float:left; margin-right:20px;padding-top:145px;background-image:url(../images/bg_conwec.jpg); background-repeat:no-repeat; background-position:center top;height:100px; margin-bottom:40px;}
.section7 .contact .conadd {width:320px; float:left; margin-right:20px;padding-top:145px;background-image:url(../images/bg_contel.jpg); background-repeat:no-repeat; background-position:center top; height:100px; margin-bottom:40px;}
.section7 .sl_btn { width:133px; height:43px; border:1px solid #ab1018;background-image:url(../images/s2_arror.png); background-repeat:no-repeat; background-position:center 12px ;  display:block; position:absolute; bottom:40px; left:50%; margin-left:-67.5px;}
.section7 .sl_btn:hover { border:1px solid #ffffff;background-image:url(../images/s2_arror.png); background-repeat:no-repeat; background-position:center -20px ;}

/*busi start*/
#maincontent {background:#252525;overflow:hidden;position:relative; z-index:9}
#maincontent div.pict {cursor: default !important;}
#maincontent div.main {position: static;text-align: center;display: block;}
#maincontent .element {display: none;position: absolute !important;}
#maincontent .left a{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;width:17px;height:44px; display:block;}
#maincontent .left a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;width:17px;height:44px; display:block;}
#maincontent .right a{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;width:17px;height:44px; display:block;}
#maincontent .right a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;width:17px;height:44px; display:block;}
#maincontent .left {top :50%;left:8%;cursor: pointer;}
#maincontent .right {top:50%;right:8%;cursor: pointer;}
#maincontent .main .guardian {display: none;height: 0;}
#maincontent .navi {z-index: 9999999;}
div#maincontent div.main{display:none;}div#maincontent div.element{position:absolute !important;}

#maincontent .nn{width:1000px;heigHt:100%;}
#maincontent .bj{width:100%;height:100%; background:url(../images/case-back-texture.png) center no-repeat;}

#maincontent .nn .left2{width:290px;height:auto; display:table; position:absolute;left:50px;top:15%; text-align:left;}
#maincontent .nn .left2 h2{font-size:30px; color:#ffffff; font-weight:500; text-align:left; line-height:30px; font-family:"微软雅黑";height:35px;}
#maincontent .nn .left2 h3{font-size:18px; color:#ffffff; font-weight:500; line-height:23px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
#maincontent .nn .left2 h3 span{display:block; color:#000;}
#maincontent .nn .left2 p{font-size:12px; color:#ffffff; line-height:24PX; padding-top:22px; font-family:"微软雅黑";}
#maincontent .nn .left2 .png{width:80px;height:104px; margin-top:70px;}
#maincontent .nn .left2 .chart-subtitle{font-size: 14px;font-weight: normal;line-height: 18px; color:#ffffff;font-family:"微软雅黑";; margin-top:15px;}
#maincontent .nn .left2 .chart-subtitle em{color: black;font-style: normal;}
#maincontent .nn .right2{width:100%;height:100%;}
/*busi end*/
/*case start*/
.case_list { padding:0px 0px 40px; width:100%; height:auto;background:url(../images/bg_caselist.jpg); background-position:left top; background-repeat:repeat;}
/*Flickity*/
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {overflow: hidden;position: relative;height: 100%;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
/* draggable */
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {position: absolute;top: 50%;width: 44px;height: 44px;border: none;border-radius: 50%;background: white;background: hsla(0, 0%, 100%, 0.75);cursor: pointer;/* vertically center */-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus {outline: none;box-shadow: 0 0 0 5px #09F;}
.flickity-prev-next-button:active {filter: alpha(opacity=60); /* IE8 */opacity: 0.6;}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {left: auto;right: 10px;}
.flickity-rtl .flickity-prev-next-button.next {right: auto;left: 10px;}
.flickity-prev-next-button:disabled {filter: alpha(opacity=30); /* IE8 */opacity: 0.3;cursor: auto;}
.flickity-prev-next-button svg {position: absolute;left: 20%;top: 20%;width: 60%;height: 60%;}
.flickity-prev-next-button .arrow {fill: #333;}
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {color: #333;font-size: 26px;}
/* ---- page dots ---- */
.flickity-page-dots {position: absolute;width: 100%;bottom: -25px;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {display: inline-block;width: 10px;height: 10px;margin: 0 8px;background: #333;border-radius: 50%;filter: alpha(opacity=25); /* IE8 */opacity: 0.25;cursor: pointer;}
.flickity-page-dots .dot.is-selected {filter: alpha(opacity=100); /* IE8 */opacity: 1;}

.grid {position: relative;overflow: hidden;max-width:100%;margin: 0 auto;padding: 1.5em 0 8em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none; font-size: 0;}
/* Loader */
.grid__loader {display: none;margin: 3em auto 0;}
.grid--loading .grid__loader {display: block;}
/* Clearfix */
.grid:after {content: '';display: block;clear: both;}
/* Grid items */
.grid__sizer,.grid__item {position: relative; width:200px; display: inline-block;}
.impontent { width:400px;}
.no-touch .grid__sizer,.no-touch .grid__item {padding:10px}
.grid--loading .grid__item {visibility: hidden;}
.grid__item--size-a {width: 40%;}
/* Gallery */
.slider {padding:0;background:#24252a;}
.no-touch .slider {}
.slider__item {width: 100%;}
.slider__item img {width: 100%;}
/* Flickity page dots */
.slider .flickity-page-dots {bottom: 20px;opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.no-touch .slider:hover .flickity-page-dots {opacity: 1;}
.slider .flickity-page-dots .dot {background: #131417;}
/* Product meta */
.meta {position: relative;padding:10px;text-align: left; background-color:#ffffff;}
.meta .meta__title span { float:right; padding:2px 5px; border:1px solid #6e6e6e; line-height:16px; font-family:Arial;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s; font-size:10px;}
.meta .meta__title span:hover { border:1px solid #ab1018; color:#ab1018;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
.meta__brand {font-size:12px;display: block;}
.meta__title {font-size:13px;margin: 0;	font-weight:normal; font-weight:bold;line-height:22px;padding:5px 0px;}
.meta__price {font-size: .95em;font-weight: bold;position: absolute;top: .45em;right: .25em;color: #595b64;}
/* Action style */
.action {font-size: 1.05em;position: relative;overflow: hidden;margin: 0;padding: .25em;cursor: pointer;color: #fff;border: none;background: none; font-family:MicroSoft Yahei;}
.action:focus {outline: none;}
.action--button {color: #5c5edc;}
.no-touch .action--button:hover {color: #fff;outline: none;}
.text-hidden {position: absolute;top: 200%;}
/* Add to cart button */
.action--buy {position: absolute;top: 0;right: 0;padding: 1.85em 2.35em;-webkit-transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;-webkit-transform: ranslate3d(-5px, 0, 0);	transform: translate3d(-5px, 0, 0); display:none;}
.no-touch .action--buy {opacity: 0;}
.no-touch .grid__item:hover .action--buy {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
/* Fixed bottom bar */
.bar {z-index: 100;top: 0;left: 0;width: 100%;background: #333333;-webkit-transform: translate3d(0, 0, 0);/* Fix for Chrome flicker on Mac ...party like we're in 2012! */}
.view .show { width:1140px; min-height:350px; margin:40px auto 0px; background-color:#ffffff; padding:30px; line-height:25px; font-size: 16px; line-height: 25px;}
.view .show p { display: block; overflow: hidden; font-size: 16px; line-height: 25px;}
.view .show img { max-width: 100% !important; margin: 20px auto 0px auto;}
.tools { width:1200px; height:60px; margin:20px auto 0px; background-color:#ffffff;}
.tools .showctc { width:185px; line-height:60px; display:block; float:left; background-color:#000000;}
.tools .showctc a { display:block; color:#ffffff; font-size:14px; text-align:center;}
.tools .showctc a:hover { background-color:#ab1018;}
/*share start*/
.tools .bdshare-button-style2-32 { width:1015px; text-align:right; float:left; height:60px;}
.tools .bdshare-button-style2-32 a { float:right; margin:14px 14px 0px;}
.tools .bdshare-button-style2-32 a.bds_copy { margin-right:40px;}
.tools .bdshare-button-style2-32 a.bds_weixin {background-image:url(../images/share_wechat.png); background-repeat:no-repeat; background-position:center center;}
.tools .bdshare-button-style2-32 a:hover { opacity:0.5;}
share_wechat
/*share end*/
.flexbox .filter {display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; padding-left:100px;}
/* Filter */
.filter { width:100%; line-height:57px; min-height:57px;}
.filter__label {font-size:15px;display: inline-block;padding:10px;color: #ffffff; border:1px solid #ffffff;}
.filter__item {font-weight: bold;margin:0px;padding:0px 20px 0px 60px;vertical-align: middle;line-height:57px; margin-left:40px; float:left; height:57px;}
.case_prve,.case_next{font-family:Arial; margin-left:0px;}
.case_prve a,.case_next a { color:#ffffff; font-family:Arial; font-weight:normal;}
.case_prve a:hover, .case_next a:hover { color:#ab1018;}
.case_title { margin-left:0px;font-size:20px; font-weight:normal;text-shadow:2px 2px 2px #ab1018;}
.case_goback {background-image:url(../images/goback.png); background-position:left top; background-repeat:no-repeat;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s; color:#ffffff;}
.case_goback:hover {background-image:url(../images/goback.png); background-position:left -55px; background-repeat:no-repeat;color:#ab1018;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
.case_all {background-image:url(../images/all.png); background-position:left top; background-repeat:no-repeat;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
.case_b {background-image:url(../images/brand.png); background-position:left top; background-repeat:no-repeat;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
.case_v {background-image:url(../images/video.png); background-position:left top; background-repeat:no-repeat;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
.filter__item--selected {color: #ab1018; background-position:left -55px;-webkit-transition: all 0.3s linear 0.03s;-moz-transition: all 0.3s linear 0.03s;-ms-transition: all 0.3s linear 0.03s;-o-transition: all 0.3s linear 0.03s;transition: all 0.3s linear 0.03s;}
.filter__item .icon {font-size: 1.75em;display: none;}
/* Shopping cart */
.cart {font-size: 1.5em;position: absolute;top: 0;right: 0;overflow: hidden;height: 100%;padding: 0 1.195em;cursor: pointer;color: #abacae;border: none;background-color: #131415; display:none;}
.no-touch .cart:focus,.no-touch .cart:hover {color: #fff;outline: none;}
.cart--animate .cart__icon {-webkit-animation: cartAnim .4s forwards;animation: cartAnim .4s forwards;}
@-webkit-keyframes cartAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes cartAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.cart__count {font-size: 9px;font-weight: bold;line-height: 15px;position: absolute;top: 50%;right: 20px;width: 15px;height: 15px;margin: -16px 0 0 0;text-align: center;color: #fff;border-radius: 50%;background: #5c5edc;}
.cart--animate .cart__count {-webkit-animation: countAnim .4s forwards;animation: countAnim .4s forwards;}
@-webkit-keyframes countAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes countAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
/* Resize grid items on smaller screens */
@media screen and (max-width: 65em) {
	.grid__sizer,
	.grid__item,
	.grid__item--size-a {
		width: 33.333%;
	}
}
@media screen and (max-width: 50em) {
	.grid__sizer,
	.grid__item,
	.grid__item--size-a {
		width: 50%;
	}
	.bar {
		padding-left: 0;
		text-align: left;
	}
}
@media screen and (max-width: 40em) {
	.bar {
		padding: .5em 4.5em .5em 0;
	}
	.flexbox .filter {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
	.filter__item {
		height: 100%;
		padding: .5em .1em;
		border: none;
	}
	.filter__item .icon {
		display: inline-block;
	}
	.filter__label,
	.action__text {
		display: none;
	}
	.cart {
		padding: 0 1em;
	}
}
@media screen and (max-width: 25em) {
	.grid {
		max-width:100%;
	}
	.grid__loader {
		margin: 0 auto;
	}
	.grid__sizer,
	.grid__item,
	.grid__item--size-a {
		width: 100%;
	}
	.action--buy {
		font-size: 1.5em;
		padding: 1.15em 1.5em;
		-webkit-tap-highlight-color: transparent;
	}
}
/*case end*/
/*cust start*/
#imageFlow {position: absolute;width: 100%;height: 80%;left: 0%;top: 10%;background-image:url(../images/bg_cust.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
#imageFlow .diapo {position: absolute;left: -1000px;cursor: pointer;-ms-interpolation-mode: nearest-neighbor;}
#imageFlow .link {border: dotted #fff 1px;margin-left: -1px;margin-bottom: -1px;}
#imageFlow .bank {visibility: hidden;}
#imageFlow .top {position: absolute;width: 100%;height: 40%;}
#imageFlow .text {position: absolute;left: 0px;width: 100%;bottom: 16%;text-align: center;color: #FFF;z-index: 1000;}
#imageFlow .title {font-size:15px;font-weight: bold;}
#imageFlow .legend {font-size:12px;}
#imageFlow .scrollbar {position: absolute;left: 10%;bottom: 10%;width: 80%;height: 16px;z-index: 1000;}
#imageFlow .track {position: absolute;left: 1%;width: 98%;height: 16px;filter: alpha(opacity=30);opacity: 0.3;}
#imageFlow .arrow-left {position: absolute;}
#imageFlow .arrow-right {position: absolute;right: 0px;}
#imageFlow .barx {position: absolute;height: 16px;left: 25px;}
/*cust end*/
/*foot start*/
#foot_i { position: relative; background-color:#000000; padding-top:20px; padding-bottom:20px; bottom:0px; left:0px; padding-left:55px;}
#foot_i #mp3player { bottom:20px; left:20px;}
.foot { position:fixed; bottom:20px; left:20px; line-height:15px; font-size:10px; font-family:Arial; padding-left:35px;}
.foot #mp3player { width:25px; height:30px; position: absolute; left:0px; bottom:0px;}
.foot #mp3player p { line-height:10px; font-size:8px; color:#ab1018;}
/*foot end*/


/*2019/09/21*/


.grid__sizer{
	display: none!important;
}
.no-touch .impontent{
		position:inherit!important;
		left:auto!important;
		top:auto!important;
		height: 316px;
}


