@charset "utf-8";
/* CSS Document */

html, body {
  height: 100%;
  padding: 0;
}

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: "Poppins", sans-serif;
  color: #000000;
  letter-spacing: 0.02em;
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  line-height: 36px;
}

h3 {
  font-size: 30px;
  line-height: 30px;
}

h4 {
  font-size: 16px;
  line-height: 19px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

/*frist*/

.one-bg{background:url(../img/top.jpg) no-repeat;  background-size:cover;  background-size:100% 100%;
	height:100vh;}

.one-bg:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 255, 0.6)
	}

.down{ -webkit-animation: bounce 3s infinite;
          animation: bounce 3s infinite; }
.down-arrow {
    position: absolute;
    z-index: 6;
    bottom: 60px;
    right: 0;
    left: 0;
    text-align: center;
	animation: bounce 3s infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }



.container {
    z-index: 2;
    position: relative;	
}
.al-c{ text-align:center;}
.container h1{ padding-top:180px; }
.container h1 img { width:200px; height:auto;}
.container h2{ color:#FFF;}

.ab{ height:500px; background-color:#f8f9fa; width:100%; padding-top:100px;}
.about{ width:1200px; margin:0 auto; }
.ab-l{ float:left; width:700px;}
.ab-r{ float:right; width:400px;}
.about h3{ color:#000; text-align:center;}
.about p{ line-height:30px; font-size:20px; text-indent:2em;}

.sct{ width:100%; position: relative;}
.sct-ct{ width:1100px; margin:0 auto; padding-top:100px; position:relative;z-index: 2;}
.sct:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 135, 0.2)
	}

.sc-f{ background:url(../img/cx.jpg) no-repeat; opacity:0.7; background-size:100% 100%; height:500px; }
.sct h1{ color:#FFF; text-align:center;}
.sct p{ line-height:50px; font-size:20px; text-indent:2em;color:#FFF;}


.sab{ height:500px; width:100%; padding-top:100px;}
.sa-t{ width:1200px; margin:0 auto; }
.sa-l{ float:right; width:600px; }
.sa-r{ float:left; width:500px;}
.sa-t h3{ color:#000; text-align:center;}
.sa-t p{ line-height:30px; font-size:20px; text-indent:2em;}
.sbg{ background-color:#f8f4f0;}


.ssl{ width:100%; position: relative;}
.ssl-ct{ width:1100px; margin:0 auto; padding-top:100px; position:relative;z-index: 2;}
.ssl:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 135, 0.2)
	}

.ssl-f{ background:url(../img/sl-bg.jpg) no-repeat; opacity:0.7; background-size:100% 100%; height:500px; }
.ssl h1{ color:#FFF; text-align:center;}
.ssl p{ line-height:50px; font-size:20px; text-indent:2em;color:#FFF;}


.gy{ width:100%; position: relative; height:1200px;}
.gy-ct{ width:1100px; margin:0 auto; padding-top:100px;}
.gy h1{ color:000; text-align:center;}
.gy p{line-height:30px; font-size:20px; text-indent:2em;}

.footer{ height:50px; width:100%; background-color:#5454ec; overflow:hidden;}
.footer p{ line-height:30px; font-size:16px; text-align:center;color:#FFF;}
.footer p a{ color:#FFF;}