/* cyrillic */
/*
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(http://fontgstatic.kvv.me/s/poiretone/v4/cKr_e199f0xMkxMkRbEJXyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
*/
/* latin-ext */
/*
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(http://fontgstatic.kvv.me/s/poiretone/v4/3Annd_XP-99FcGbOpm6fVCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin *//*
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(http://fontgstatic.kvv.me/s/poiretone/v4/HrI4ZJpJ3Fh0wa5ofYMK8fk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
*/
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body{
font-family:"Poiret One","Microsoft YaHei",sans-serif;
font-size:14px;
line-height:1.3;
background:#16a085;
color:#fff;
background-size:cover;
min-height:100%;
overflow-x:hidden;
-webkit-font-smoothing:antialiased
}

#bg {
  width: 100%;
  height: 100%;
  z-index:-1;
}

#title {
    width: 100%;
    height: 180px;
    top: 50%;left: 0;
    margin-top: -150px;
    position: absolute;
    text-align: center;
}
h1 {
    font-size: 60px;
    line-height: 35px;
    padding: 40px 0 0 0;
}

h3 {
font-size: 25px;
line-height: 30px;
padding: 20px 0 40px 0; 
font-family:"Microsoft YaHei",sans-serif;
}

#before-title, #after-title { 
    width: 500px; 
    margin: 0 auto; 
    height: 1px; 
    border-top: 1px solid #99D8E0;
}

#page{
    width: 100%;
    height:600px;
    background: #137966;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

.content {
    padding: 17px 20px;
    max-width: 1280px;
    margin: 0 auto;
}

#footer{
    font-family:"Microsoft Yahei";
    background-color: #212e3c;
    height: 190px;
    color: #BBC2CE;
}
#footer .fc1, .fc2 {
    width: 50%;
    float: left;
}
#footer .fc1 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px solid #626f6d;
}
#footer .in { padding: 0 60px; }
#footer h2 {
    margin-bottom: 20px;
    font-size: 25px;
}
#footer p {
    font-size: 17px;
}
#footer a{
    color:#BBC2CE;
}


::-webkit-scrollbar-thumb{
    background-color:#999;
    height:50px;
    outline-offset:-1px;
}   

::-webkit-scrollbar-thumb:hover{ 
    background-color:#16a085;   
    height:50px;   
    -webkit-border-radius:0px;   
}   
::-webkit-scrollbar{   
    width:8px;   
    height:8px;	
}   
::-webkit-scrollbar-track-piece{
    background-color:#eee;
    -webkit-border-radius:0;
}