/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
	overflow:hidden;
    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a{ transition:all 0.5s; text-decoration:none;}
*{ padding:0; margin:0; border:0;}
#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: #019be5;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #019be5;
    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;
}

#top{ position:fixed; width:100%; overflow:hidden; background:rgba(0,0,0,0.6); z-index:20; height:100px;}
#logo{ float:left; margin-left:30px;}
#menu{ float:right; overflow:hidden; margin-right:20px;}
#menu ul{ list-style:none;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:100px; color:#fff; font-size:16px; text-decoration:none; padding:0 24px; background:url(../images/line1.jpg) no-repeat center 70px/0% 2px;}
#menu ul li.lan{ background:url(../images/line.jpg) no-repeat left center; margin-left:24px; padding-left:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#menu ul li a:hover{  background:url(../images/line1.jpg) no-repeat center 70px/30% 2px; color:#019be5;}


#banner{ overflow:hidden;}
/*banner*/
.swiper-container {	width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:1920px;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

#about{ background:url(../images/di2.jpg) no-repeat center;}
#ind_company{ width:1260px; margin:0 auto; overflow:hidden; padding-top:100px;}
#ind_company .left{ width:580px; float:left; text-align:left; color:#000;}
#ind_company .left p.a1{ font-size:30px; line-height:90px;}
#ind_company .left p.a2{ font-size:14px; line-height:24px;}
#ind_company .left p.a3{ margin-top:60px;}
#ind_company .left p.a3 a{ display:block; background:#019be5; color:#fff; font-size:14px; line-height:40px; width:130px; text-align:center; border-radius:50px;}
#ind_company .left p.a3 a:hover{ background:#14c187; width:150px;}
#ind_company .right{ float:right;}

#ind_yw{ background:url(../images/di3.jpg) no-repeat center;}

#yewu{ width:1260px; margin:0 auto; overflow:hidden; padding-top:100px;}
#yewu .title p.tt{ font-size:36px; line-height:50px;}
#yewu .title p.cc{ font-size:14px; line-height:24px;}
#yewu .list{ width:100%; overflow:hidden; margin-top:70px;}
#yewu .list ul{ width:1300px; list-style:none;}
#yewu .list ul li{ float:left; width:400px; margin-right:30px;}
#yewu .list ul li a{ display:block; color:#fff;}
#yewu .list ul li a p.b0{ width:100%; overflow:hidden;}
#yewu .list ul li a p.b0 img{ transition:all 0.5s;}
#yewu .list ul li a p.b1{ font-size:18px; line-height:30px; }
#yewu .list ul li a p.b2{ font-size:14px; line-height:24px;}
#yewu .list ul li a:hover p.b0 img{ transform:scale(1.15);}

#ind_case{ background:url(../images/di4.jpg) no-repeat center;}

#case{ width:1260px; margin:0 auto; overflow:hidden; padding-top:100px;}
#case .tt p.a1{ color:#000; font-size:36px; line-height:50px}
#case .tt p.a2{ font-size:14px; line-height:24px;color:#000;}

#case .list{ width:1260px; margin:0 auto; overflow:hidden; margin-top:40px;}
#case .list ul{ width:1300px; list-style:none;}
#case .list ul li{ float:left; width:400px; margin-right:30px;}
#case .list ul li a{ display:block; color:#fff; text-align:left;}
#case .list ul li a p.a1{ width:100%; overflow:hidden;}
#case .list ul li a p.a1 img{ transition:all 0.5s;}
#case .list ul li a p.a2{ font-size:18px; color:#000; line-height:50px; }
#case .list ul li a p.a3{ font-size:14px; color:#666; line-height:24px;}
#case .list ul li a p.a4{ color:#019be5; font-size:14px; background:url(../images/bit.png) no-repeat left center; padding-left:15px; margin-top:30px; transition:all 0.5s;}
#case .list ul li a:hover p.a1 img{ transform:scale(1.15);}
#case .list ul li a:hover p.a4{color:#14c187; padding-left:25px; background:url(../images/bit1.png) no-repeat 10px center; }

#case .more{ overflow:hidden;}
#case .more a{ display:block; line-height:40px; width:130px; text-align:center; background:#019be5; color:#fff; border-radius:30px; font-size:14px; margin:70px auto 0 auto;}
#case .more a:hover{ width:150px; background:#14c187;}

#ind_news{ background:#f0f8fc;}

#news{ width:1260px; margin:0 auto; overflow:hidden; padding-top:100px;}
#news .tt p.a1{ color:#000; font-size:36px; line-height:50px}
#news .tt p.a2{ font-size:14px; line-height:24px;color:#000;}

#news .list{ width:1260px; margin:0 auto; padding-top:50px; overflow:hidden;}
#news .list .left{ float:left;}
#news .list .right{ float:right; width:610px; text-align:left;}
#news .list .right ul{ list-style:none;}
#news .list .right ul li{ margin-bottom:25px;}
#news .list .right ul li a{ display:block; border-bottom:solid 1px #e1eef5; padding-bottom:25px;background:url(../images/line1.jpg) no-repeat left bottom/0% 1px;}
#news .list .right ul li a p.b1{ color:#019be5; font-size:14px;}
#news .list .right ul li a p.b2{ color:#000; font-size:18px; line-height:30px; transition:all 0.5s;}
#news .list .right ul li a p.b3{ color:#666; font-size:14px; line-height:24px; padding-top:5px;}
#news .list .right ul li a:hover{ background:url(../images/line1.jpg) no-repeat left bottom/100% 1px;}
#news .list .right ul li a:hover p.b2{ color:#14c187;}

#news .more{ overflow:hidden;}
#news .more a{ display:block; line-height:40px; width:130px; text-align:center; background:#019be5; color:#fff; border-radius:30px; font-size:14px; margin:70px auto 0 auto;}
#news .more a:hover{ width:150px; background:#14c187;}

#bottom{ width:100%; height:100%; background:url(../images/di5.jpg) no-repeat center top; }
#bottom1{ background:#019be5; width:100%; bottom:0; position:absolute;}
#bottom2{ width:1260px; margin:0 auto; overflow:hidden; padding-top:50px;}
#bottom2 .left{ float:left; text-align:left; font-size:14px; line-height:24px;}
#bottom2 .left p.a1 a{ color:#fff;}
#bottom2 .left p.a1 span{ margin:0 20px;}
#bottom2 .left p.a2{ margin-top:20px;}
#bottom2 .right{ float:right; font-size:14px; line-height:24px; padding-top:14px;}
#bottom3{ width:1260px; margin:0 auto; overflow:hidden; line-height:82px; border-top:solid 1px #4eb9ed; font-size:14px; margin-top:50px;}