/*
* @Author: Marte
* @Date:   2017-07-13 15:03:51
* @Last Modified by:   Marte
* @Last Modified time: 2017-07-27 10:57:22
*/

body {
    font: normal 100% Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 0;
    background: #ffffff;
}

a:link {
    color: #929292;
    text-decoration: none
}

a:visited {
    color: #929292;
    text-decoration: none
}

a:hover {
    color: #ffb804;
    text-decoration: none
}

a:active {
    color: #ffb804;
    text-decoration: none
}

img {
    max-width: 100%;
}

.content {
    width: 100%;
    max-width: 750px;
}

.top {
    height: 5.5rem;
    display: flex;
    justify-content: space-between;
}

.logo {
    width: 33%;
    float: left;
}

.logo img {
    width: 9.8rem;
    height: 5.5rem;
}

.top_l {
    display: flex;
    align-items: center;
    padding-left: 1rem;
    width: 35%;
    height: 5.5rem;
    line-height: 5.5rem;
}

.top_l img {
    width: 3rem;
    display: inline-block;
    vertical-align: middle;
}

.top_r {
    display: flex;
    align-items: center;
    padding-right: 1rem;
    width: 33%;
    height: 5.5rem;
    line-height: 5.5rem;
    justify-content: flex-end;
}

.top_r img {
    width: 1.9rem;
}

.fenlei {
    height: 5.8em;
}

.fenlei ul {
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 0;
}

.fenlei ul li {
    list-style-type: none;
    float: left;
    width: 20%;
    background: #3c4079;
    color: #fff;
    border-left: 1px dashed #ccc;
    margin-right: -1px;
    padding: 0.5rem 0;
    font-size: 1.4rem;
}

.on {
    background: #ffb804 !important;
    color: #fff;
}

.fenlei ul li img {
    width: 5rem;
    display: block;
    margin: 0.4rem auto;
}

.last {
    border-right: 0 !important;
}

.pro {
    margin-top: 0.5rem;
    text-align: center;
    background: #fff;
    padding-bottom: 2rem;
}

.pro i {
    color: #dcdcdc;
    margin: 0 10px;
}

.pro_title {
    font-size: 1.4em;
    color: #353535;
    padding-top: 1rem;
}

.pro_subtitle {
    font-size: 0.8em;
    color: #adadad;
    margin-bottom: 1rem;
}

.pro ul {
    width: 100%;
    height: 24.5em;
    padding: 0;
    text-align: center;
    margin: 0;
}

.pro ul li {
    list-style-type: none;
    float: left;
    width: 46%;
    margin-left: 0.5em;
}

.right {
    margin-right: 0.5em
}

.down {
    width: 95% !important;
}

.indexbox1 {
    background-image: url("../images/indexpro_bg1.png");
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0rem;
    background-size: 100%;
    display: flex;
    align-items: Center;
}

.indexbox1 span {
    margin: 1rem 0.8rem 0.8rem 0.8rem;
    color: #fff;
    display: block;
    font-size: 0.8rem;
}

.indexbox-c {
    text-align: left;
}

.indexbox-t {
    font-size: 1rem!important;
}

.indexpor1 {
    position: relative;
    top: 0rem;
}

.indexpor1 img {
    width: 100%;
    z-index: 1;
}

.indexbox1-c {
    padding: 0.4rem;
}

.indexbox2 {
    background-image: url("../images/indexpro_bg2.png");
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0rem;
    background-size: 100%;
    display: flex;
    align-items: Center;
}

.indexbox2 span {
    margin: 1rem 0.8rem 0.8rem 0.8rem;
    color: #fff;
    display: block;
    font-size: 0.8rem;
}

.indexpor2 {
    position: relative;
    top: 0rem;
    right: 0rem;
}

.indexbox2-c {
    padding: 2rem 0rem;
}

.indexbox3 {
    background-image: url("../images/indexpro_bg3.png");
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0rem;
    background-size: 100%;
    display: flex;
    align-items: Center;
}

.indexbox3 span {
    margin: 1rem 0.8rem 0.8rem 0.8rem;
    color: #fff;
    display: block;
    font-size: 0.8rem;
}

.indexpor3 {
    position: relative;
    top: -3.8rem;
}

.indexbox3-c {
    padding: 2rem 0rem;
}

.indexbox4 {
    background-image: url("../images/indexpro_bg4.png");
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0rem;
    background-size: 100%;
    display: flex;
    align-items: Center;
}

.indexbox4 span {
    margin: 1rem 0.8rem 0.8rem 0.8rem;
    color: #fff;
    display: block;
    font-size: 0.8rem;
}

.indexpor4 {
    position: relative;
    top: 0.4rem;
    right: 0rem;
}

.indexbox4-c {
    padding: 0.4rem;
}

.indexbox5 {
    background-image: url("../images/indexpro_bg5.png");
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0rem;
    background-size: 100%;
    display: flex;
    align-items: Center;
}

.indexbox5 span {
    margin: 1rem 0.8rem 0.8rem 0.8rem;
    color: #fff;
    display: block;
    font-size: 0.8rem;
}

.indexpor5 {
    position: relative;
    top: -3.6rem;
}

.indexbox5-c {
    padding: 3rem 1rem;
}

@media screen and (min-width: 320px) {
    .indexbox1 span {
        margin: 0.4rem 0.4rem 0.6rem 0.4rem;
        color: #fff;
        display: block;
        font-size: 0.8rem;
    }
    .indexbox2-c {
        padding: 1rem 0rem;
    }
    .indexpor3 {
        position: relative;
        top: -3.2rem;
    }
    .indexbox3-c {
        padding: 1rem 0rem;
    }
    .indexbox4 span {
        margin: 0.4rem 0.4rem 0.4rem 0.6rem;
    }
    .indexbox5-c {
        padding: 2rem 1rem;
    }
    .indexpor5 {
        position: relative;
        top: -2.6rem;
    }
    .gsys_t {
        width: 10rem !important;
    }
    .gsys_con {
        font-size: 0.8rem !important;
    }
    .gsys_t3 {
        width: 15.3rem !important;
    }
    .news_list_r {
        width: 55% !important;
    }
    .fenlei ul li img {
        width: 5rem;
    }
}

@media screen and (min-width: 384px) {
    .indexpor3 {
        position: relative;
        top: -3.9rem;
    }
    .indexpor5 {
        position: relative;
        top: -3.6rem;
    }
    .case-m {
        padding: 0.6rem !important;
    }
}

@media screen and (min-width: 411px) {
    .indexpor3 {
        position: relative;
        top: -4.2rem;
    }
}

@media screen and (min-width: 435px) {
    .indexbox1-c {
        padding: 1.5rem 0.5rem;
    }
    .indexbox2-c {
        padding: 3rem 0rem;
    }
    .indexbox3-c {
        padding: 3rem 0rem;
    }
    .indexbox4-c {
        padding: 1.5rem 0.5rem;
    }
}

.more {
    border: 1px solid #ededed;
    padding: 0.4rem 1rem;
}

.more_case {
    border: 1px solid #ededed;
    padding: 0.4rem 1rem;
    margin: 1rem 0;
}

.gsys {
    text-align: center;
    margin-top: 0.5rem;
    background: #fff;
    padding-bottom: 0.5rem;
}

.gsys i {
    color: #dcdcdc;
    margin: 0 10px;
}

.gsys_title {
    font-size: 1.4em;
    color: #353535;
    padding-top: 1rem;
}

.gsys_subtitle {
    font-size: 0.8em;
    color: #adadad;
    margin-bottom: 1rem;
}

.gsys_c {
    padding: 0 0.5rem;
}

.gsys_c img {
    display: block;
    margin: 0.6rem 0;
}

.gsys_con {
    color: #777777;
    font-size: 1rem;
    text-align: left;
    display: block;
}

.gsys_t {
    width: 14rem;
}

.gsys_t3 {
    width: 20.3rem;
}

.case {
    text-align: center;
    margin-top: 0.5rem;
    background: #fff;
}

.case i {
    color: #dcdcdc;
    margin: 0 10px;
}

.case_title {
    font-size: 1.4em;
    color: #353535;
    padding-top: 1rem;
}

.case_subtitle {
    font-size: 0.8em;
    color: #adadad;
    margin-bottom: 1rem;
}

.case_con {
    border: 1px solid #eeeeee;
}

.case_t {
    font-size: 1rem;
    color: #212121;
    padding: 0.5rem 0;
    display: block;
}

.case_c {
    font-size: 0.8rem;
    color: #767676;
    text-align: left;
    padding: 0 4rem;
    line-height: 1.4rem
}

.case_c span {
    display: block;
}

.case-m {
    padding: 1.6rem;
}

.news {
    text-align: center;
    margin-top: 0.5rem;
    background: #fff;
    margin-bottom: 7rem;
}

.news i {
    color: #dcdcdc;
    margin: 0 10px;
}

.news_title {
    font-size: 1.4em;
    color: #353535;
    padding-top: 1rem;
}

.news_subtitle {
    font-size: 0.8em;
    color: #adadad;
    margin-bottom: 1rem;
}

.news_con {
    padding: 0 1rem;
}

.news_con ul {
    padding: 0;
}

.news_con ul li {
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
}

.news_one {
    border: 1px solid #e5e5e5;
}

.news_one span {
    font-size: 1rem;
    color: #434343;
    padding: 1rem 0;
    display: block;
}

.news_list_img {
    height: 6rem;
}

.news_list_r {
    padding: 0 0.5rem;
    width: 65%;
    line-height: 1rem;
}

.news_list_r_title {
    font-size: 0.9rem;
    color: #434343;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.news_list_r_con {
    font-size: 0.6rem;
    color: #434343;
    text-align: left;
    display: block;
    padding: 0.5rem 0;
}

.news_list_r_down {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_list_r_down img {
    width: 1.4rem;
    height: 1.4rem;
}

.news_list_r_down span {
    color: #636363;
}

.foot {
    background: #1f1e23;
    height: 5.5rem;
    color: #fff;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
}

.foot ul {
    padding: 0;
    display: block;
    padding-top: 0.7rem;
}

.foot ul li {
    list-style-type: none;
    float: left;
    width: 25%;
    text-align: center;
}

.foot ul li img {
    display: block;
    margin: 0 auto;
    width: 2.2rem;
}

.foot ul li span {
    font-size: 1.3rem;
    color: #c8c7cc;
    display: block;
    padding: 0.4rem;
}