@font-face {
    font-family: "sourcehansans"; /* 这个名字可以自己定义 */
    src: url("../common/fonts/sourcehansans.eot"); /* IE9 Compat Modes */
    /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
    src: url("../common/fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../common/fonts/sourcehansans.woff") format("woff"),
        /* Modern Browsers */ url("../common/fonts/sourcehansans.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../common/fonts/sourcehansans.svg#YourWebFontName") format("svg"); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

body {
    /* height: 1300px; */
    background: url("home_bg.jpg") 0 0/100% 100% no-repeat fixed;
}

.header {
    width: 100%;
    height: 73px;
    /* border-bottom: 1px solid #f2f2f2; */
    position: absolute;
    top: 0;
    left: 0;
    /* background-image: url("images/header.jpg"); */
    /* background: #FFF;
    opacity: 0.94; */
    z-index: 10;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
}

.header .icon img {
    margin: 15px 100px;
    width: 60px;
}

.header .nav {
    width: 60%;
    margin: auto;
    float: right;
    text-align: center;
    position: relative;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.header .nav a {
    display: inline-block;
    height: 73px;
    line-height: 70px;
    text-align: center;
    font-size: 16pt;
    color: #000;
    -webkit-transition: 0.3s, color 0.5s;
    -moz-transition: 0.3s, color 0.5s;
    transition: 0.3s, color 0.5s;
    text-decoration: none;
}

.header .nav .nav-box {
    padding: 0 40px;
}

.header .nav .nav-line {
    padding: 0;
    border-bottom: 2px solid black;
    padding-bottom: 5px;
}

.header .nav .nav-line:hover {
    border-bottom: 2px solid yellowgreen;
}

/*中间主体内容*/
.main {
    /* height: 740px; */
    /*margin-top: 73px;*/
    position: absolute;
    width: 100%;
    top: 73px;
    bottom: 110px;
    height: auto;
}

.main .title_box {
    /* position: absolute;
    left: 30%;
    top: 30%; */
    /* border: 1px solid red; */
    margin: 15% auto;
    text-align: center;
    color: white;
}


/*底部内容*/
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* border: 1px solid red; */
    height: 110px;
    /* background-color: black;
    opacity: 0.7; */
}

.footer .footer_box {
    text-align: center;
    color: white;
}

.footer_text {
    font-size: 16pt;
    font-family: 'Gadugi Regular';
    color: #cccccc;
}


.first_title {
    font-size: 40pt;
}

.second_title, .three_title {
    font-size: 30pt;
    color: #cccccc;
}

/* 主要移动端 */
@media (min-width: 375px) {
    .header {
        height: 130px;
    }
    .header .icon img {
        margin: 22px 100px;
        width: 100px;
    }

    .header .nav a {
        height: 130px;
        line-height: 130px;
        font-size: 18pt;
    }

    .main .title_box {
        margin-top: 60%;
    }

    .first_title {
        font-size: 34pt;
    }

    .second_title, .three_title {
        font-size: 25pt;
    }

    .footer {
        height: 295px;
    }

    .footer .footer_box {
        margin: 13% auto;
    }
}

/* 兼容 14寸电脑屏幕 */
@media (min-width: 1000px) {
    .header {
        height: 58px;
    }

    .header .icon img {
        margin: 15px 100px;
        width: 47px;
    }

    .header .nav a {
        height: 58px;
        line-height: 58px;
        font-size: 14pt;
    }

    .main .title_box {
        margin: 15% auto;
    }
}

/* 兼容 大尺寸寸电脑屏幕 */
@media (min-width:1700px) {
    .header {
        height: 73px;
    }

    .header .icon img {
        margin: 15px 100px;
        width: 60px;
    }

    .header .nav a {
        height: 73px;
        line-height: 70px;
        font-size: 16pt;
    }

    .first_title {
        font-size: 40pt;
    }

    .second_title, .three_title {
        font-size: 30pt;
    }

    .main .title_box {
        margin: 15% auto;
    }

    .footer {
        height: 110px;
    }

    .footer .footer_box {
        margin: unset;
    }
}