#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #333;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.section{ overflow:hidden; }
.section2{ background:url(../images/section2.jpg) repeat bottom center;}
.section2 .left{ position: absolute; left: 0px; top: 82px; width: 50%; overflow: hidden;}
.section2 .left img { width:100%;   }
.section2 .right{float: right; width:50%; margin-top: 82px;}
.section2 .right .title{ background:url(../images/section_title.png) no-repeat center top; width: 57px; padding-top: 150px;float: right;}
.section2 .right .title h2{ color: #333333; font-family:"STKaiti"; font-size: 34px; text-align: center; background: url(../images/section_h2.png) no-repeat bottom center; padding-bottom:250px; line-height:1.2em;}
.section2 .right .text{ float: right; width: 445px; height:500px; margin-top: 100px; overflow: hidden;}
.section2 .right .text ul li{ float: left; width:18px; font-family:"KaiTi"; color: #333333; font-size:16px; margin-right:8px; line-height: 1em;}
.section2 .right .text ul li span{display: block; text-align: center; line-height:1em; font-size: 14px;}
.section2 .right a{ display: block; width: 169px; height: 33px; line-height: 33px; text-align: center; background:url(../images/ico.png) no-repeat 0px -32px; margin-top: 33px; font-size: 16px; color: #c21f1f; font-family:"KaiTi"; margin-left:50px;}
.section2 .right a:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.section2 .right a:hover::before{opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.hvr-float-shadow {display: inline-block;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-property: transform;    transition-property: transform; }
.hvr-float-shadow::before{pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.section3{ background: url(../images/section3_bg.jpg) repeat;}
.section3 .title{ margin-top:10%; height:125px;}
.section3 .title h2{ color: #24030b; font-size: 42px; font-family:"LiSu"; text-align: center;}
.section3 .title p{ background: url(../images/title-p.png) no-repeat center; text-align: center; color: #878787; font-size: 14px;}
.section3 .content { width: 100%; background:#fff}
.section3 .content ul { width: 101%;overflow:hidden}
.section3 .content ul li{ float: left; margin-right:0.15%; width:19.8%;cursor: pointer;background-size:100% 100%; position:relative;}
.section3 .content ul li img{ width:100%;opacity: 0.5;filter:Alpha(opacity=50); display:block}
.section3 .content ul li h3 { background-color:#000; width:100%; height:42px; line-height:42px;position:absolute; left:0; bottom:0px; color:#fff; font-size:18px; text-align:center; font-weight:normal; opacity:0.8;}
.section3 .content ul li:hover h3{ display:none;}
.section3 .content ul li .showimg{width: 100%;z-index: 9;cursor: pointer;  opacity: 0;filter:Alpha(opacity=0); position:relative;}
.section3 .content ul li .showimg h2{ color: #fff;text-align: center; font-size: 24px; font-weight: normal; position:absolute; top:50%; margin-top:-12px; left:0px; width:100%;}
.section3 .content ul li:hover img{filter:Alpha(opacity=100); opacity: 1;}
.section3 .content ul li:hover .showimg{ opacity: 1;filter:Alpha(opacity=100);}
.section3 .bottom {position: absolute; bottom:10%; left: 50%; margin-left: -95px;}
.section3 .bottom:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.section3 .bottom:hover::before{opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.section3 .bottom a{ display:block; width:191px; height:47px; line-height: 47px; background: url(../images/ico.png) no-repeat 0px -71px; color: #fff; text-align: center; font-size: 16px;}
.section3 .showinfo{position:absolute; width:100%; height:100%; left: 0px; top:0px; z-index: 999; background: url(../images/black_bg.png) repeat; display: none;}
.section3 .showinfo .pro{ width: 1000px; height: 375px; position: absolute; left: 50%; margin-left:-500px; top: 50%; margin-top: -187px; background: #ffffff;}
.section3 .showinfo .pro .img{ float: left;width: 500px; height: 375px; overflow: hidden;}
.section3 .showinfo .pro .img img{ width: 500px; height: 375px; display: block;}
.section3 .showinfo .pro .img img:hover{ transform: scale(1.05); opacity: 0.9;}
.section3 .showinfo .pro .text{ float: left; width: 415px; margin-left:37px;}
.section3 .showinfo .pro .text h2 { margin-top: 37px;}
.section3 .showinfo .pro .text h2 a{ color: #191919; font-size: 24px; font-weight:normal;}
.section3 .showinfo .pro .text h2 a:hover{ color: #c21f1f;}
.section3 .showinfo .pro .text p{ margin-top: 20px; color: #868783; font-size: 14px; line-height: 1.8em; height:12em; overflow: hidden;}
.section3 .showinfo .pro .text span{ display: block; width: 114px; height: 34px; line-height: 34px;text-align:left; text-indent: 20px; margin-top:20px; background: url(../images/xq.png) no-repeat 80% 50% #c21f1f;}
.section3 .showinfo .pro .text span a{ display: block; color: #fff;}
.section3 .showinfo .pro .text span:hover{ width: 130px;}
.section3 .showinfo .pro .close{ width: 23px; height: 23px; position: absolute; right: 0; top: 0; background: url(../images/ico.png) no-repeat -111px 0px; cursor: pointer;}
.section3 .showinfo .pro .close:hover{ transform: rotate(180deg);}

.section4{ background: url(../images/section3_bg.jpg) repeat;}
.section4 .title{ margin-top:10%;}
.section4 .title h2{ color: #24030b; font-size: 42px; font-family:"LiSu"; text-align: center;}
.section4 .title p{ background: url(../images/title-p.png) no-repeat center; text-align: center; color: #878787; font-size: 14px;}
.section4 .content { margin-top: 63px;}
.section4 .content .bd ul { width: 110%;}
.section4 .content .bd ul li{ width: 545px; height: 196px; overflow: hidden; background: #fff; margin-right: 34px;}
.section4 .content .bd ul li img{ width:263px; height: 196px; float: left; display: block; margin-right: 20px;}
.section4 .content .bd ul li img:hover{ opacity: 0.9;}
.section4 .content .bd ul li .text{ float: right; width: 240px; margin-right: 20px;}
.section4 .content .bd ul li .text h2{ color: #333; font-size: 16px; font-weight: normal; line-height:1.8em; margin-top: 20px;}
.section4 .content .bd ul li .text h2:hover{ color: #c21f1f;}
.section4 .content .bd ul li .text p{ color: #999999; font-size: 14px;  height:3.5em; overflow: hidden;}
.section4 .content .bd ul li .text span{ display: block; width: 110px; height: 27px; line-height: 27px; border: 1px solid #a0a0a0; text-align: center; color: #666666; font-size: 12px; margin-top: 23px;}
.section4 .content .bd ul li .text span:hover{ border: 1px solid #c21f1f; color: #000;}
.section4 .content .hd{ text-align: center; overflow: hidden; margin-top: 25px;}
.section4 .content .hd ul li{ display:inline-block; *display: inline; zoom: 1; width: 14px; height: 14px; border: 1px solid #000; border-radius: 50%; font-size: 0; margin-right: 5px; cursor: pointer;}
.section4 .content .hd ul li.on{ background: #000;}
.section4 .bottom {width: 191px; height: 50px; margin: 0px auto; margin-top:50px; display: block;}
.section4 .bottom a{ display:block; width:191px; height: 47px; line-height: 47px; background: url(../images/ico.png) no-repeat 0px -71px; color: #fff; text-align: center; font-size: 16px;}
.section4 .bottom:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.section4 .bottom:hover::before{opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.section5{ background: url(../images/section5.jpg) no-repeat center bottom;}
.section5 .title{ text-align: center;}
.section5 .title h2{ color: #fff; font-size: 36px; font-family:"KaiTi"; font-weight: normal;}
.section5 .title p{ color: #7d7d7d; font-size: 12px; font-family: Arial; background:none;}
.section5 .content{ height: 187px; width: 216px; margin:0 auto; text-align: center; position: relative; margin-top: 40px;}
.section5 .content .text{ position: absolute; top:60px; left: 50%; margin-left: -108px; background:url(../images/join_bg.png) no-repeat center; width: 216px; height: 53px;  line-height: 53px; text-align: center;}
.section5 .content .text a { color:#fff}

.section5 .bottom{ background: url(../images/section5_bottom.png) no-repeat center; width: 1000px; height: 111px; margin: 0px auto; margin-top: 30px;}
.section5 .bottom .left{ width: 49%; height: 52px;float: left; text-align: left; background: url(../images/sec5_tel.png) no-repeat 30% 50%; margin-top:25px; border-right:1px solid #fff ;}
.section5 .bottom .left h3{ color: #fff; font-size: 16px; font-weight: normal; text-indent: 200px;}
.section5 .bottom .left p{ font-size:30px; color: #fff; line-height: 1em;text-indent: 200px; margin-top:5px;}
.section5 .bottom .right{ float: left; width: 49%;height: 53px; text-align: left; background: url(../images/sec5_loca.png) no-repeat 30% 50%; margin-top: 25px;}
.section5 .bottom .right h3{color: #fff; font-size: 16px; font-weight: normal; text-indent: 200px;}
.section5 .bottom .right a{ display: block; width: 73px; height: 22px; border-radius:5px; background: #fff; margin-left: 200px; margin-top: 8px; text-align: center; line-height:22px; color: #a41812;}
.footer {    height: auto !important; }
.footer .layout_bottom{width: 100%; height:435px;}
.footer .layout_bottom .top{ height: 394px; background:url(../images/layoutbottom.jpg) repeat; overflow: hidden;}
.footer .layout_bottom .top .bottom_logo{ display: block; margin:30px auto;}
.footer .layout_bottom .top .img {overflow: hidden; text-align: center;}
.footer .layout_bottom .top .img li{ display: inline-block; *display: inline; zoom: 1; margin-right: 20px;}
.footer .layout_bottom .top .img li img{ display: block; width: 88px; margin-bottom:5px;}
.footer .layout_bottom .top .text{ text-align: center; overflow: hidden; margin-top: 25px;}
.footer .layout_bottom .top .text li{ display: inline-block; *display: inline; zoom: 1; margin-right: 13px;}
.footer .layout_bottom .top .text li a{ color: #333; border-left:1px solid #333333; padding-left: 13px;}
.footer .layout_bottom .top p{ text-align: center;}
.footer .layout_bottom .top .tel{ margin-top: 40px;}
.footer .layout_bottom .top .tel span{ color: #333333; background:url(../images/p_l.png) no-repeat left center; padding-left: 25px; display: inline-block; *display: inline; zoom: 1; line-height: 20px;}
.footer .layout_bottom .top .add{ margin-top:12px;}
.footer .layout_bottom .top .add span{color: #333333; background:url(../images/p_l1.png) no-repeat left center; padding-left: 25px; display: inline-block; *display: inline; zoom: 1; line-height: 20px;}
.footer .layout_bottom .copybottom{ height: 41px; line-height: 41px; background:#25030b; overflow: hidden; color: #726669;}
.footer .layout_bottom .copybottom .float_right{ float: right; color: #726669;}
.footer .layout_bottom .copybottom .float_right a{ color: #726669;}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

@media screen and (min-width:1366px) and (max-width:1440px) {
.section3 .title{ margin-top:6%; height:85px;}
.section3 .title h2{ color: #24030b; font-size: 42px; font-family:"LiSu"; text-align: center;}
.section3 .title p{ background: url(../images/title-p.png) no-repeat center; text-align: center; color: #878787; font-size: 14px;}
.section3 .content { width: 100%;}
.section3 .bottom {position: absolute; bottom:5%; left: 50%; margin-left: -95px;}

.section4 .title{ margin-top:6%; height:85px}

.section5 .title{ text-align: center; padding-top:58px;}

.section2 .right .text ul li{ float: left; width:18px; font-family:"KaiTi"; color: #333333; font-size:14px; margin-right:8px; line-height: 1em;}
.section2 .right .text{ float: right; width: 445px; height:500px; margin-top:15px; overflow: hidden;}
}

@media screen and (min-width:1440px) and (max-width:1660px) {
    .section3 .title{ margin-top:10%; height:85px;}
    .section2 .right .text{ float: right; width: 445px; height:500px; margin-top:65px; overflow: hidden;}
}