* {
    margin: 0;
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: couriernew, courier, monospace;
}

small {
    font-size: 12px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    margin-right: 0;
}

a:hover {
    text-decoration: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

b,
em {
    font-weight: normal;
}

i {
    font-style: normal;
}

.container {
    padding: 0;
    max-width: 1664px;
}

/* 页眉 */
#header {
    margin: 0 auto;
    max-width: 1920px;
}

#header .header-container {
    margin: 0 auto;
    max-width: 1576px;
    background-color: #ffffff;
}

#header .header-container .logo {
    float: left;
    text-align: center;
}

#header .header-container .nav {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

#header .header-container .nav .nav-item a {
    height: 100%;
    text-align: center;
    font-size: 1.8125rem;
    font-family: 'siyuanheiti-Regular';
    color: #373737;
}

#header .header-container .nav .active {
    color: #9dce3b;
    position: relative;
}

#header .header-container .nav .active .strip {
    width: 60px;
    height: 3px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #9dce3b;
}

#header .header-container .nav .active a {
    color: #9dce3b;
}


#header .header-container .nav .nav-item:hover a {
    font-size: 1.8125rem;
    color: #9dce3b;
}

/* 首页 */
#swiper {
    margin: 0 auto;
    max-width: 1920px;
}

#product {
    margin: 0 auto;
    max-width: 1920px;
    background: url(/static/images/index/bg_product.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}

#cases {
    max-width: 1576px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 9999;
    transform: translateY(-50%);
}

#cases li {
    padding: 50px 26px;
    max-width: 458px;
    height: auto;
    background: url(/static/images/index/case.png) no-repeat center;
    box-sizing: border-box;
    border-radius: 14px;
    overflow: hidden;
}

#cases .cases2 {
    margin: 0 20px !important;
}

#cases li div {
    float: left;
    margin-right: 16px;
}

#cases li .img1 {
    width: 62px;
    height: 62px;
    background: url(/static/images/index/typical.png) no-repeat center;
}

#cases li .img2 {
    width: 62px;
    height: 62px;
    background: url(/static/images/index/obtain.png) no-repeat center;
}

#cases li .img3 {
    width: 62px;
    height: 62px;
    background: url(/static/images/index/customize_round.png) no-repeat center;
}

#cases li div .title {
    line-height: 40px;
    font-size: 1.75rem;
    font-family: 'siyuanheiti-Regular';
    color: #000000;
}

#cases li div .present {
    line-height: 34px;
    font-size: 1.1875rem;
    font-family: 'siyuanheiti-Light';
    color: #373737;
}

#cases ul>li:hover {
    background: url(/static/images/index/case_selected.png) no-repeat center;
    transition: background-image 0.5s;
}

#cases ul>li:hover div .title,
#cases ul>li:hover div .present {
    color: #ffffff;
}

#cases ul>li:hover .img1 {
    background: url(/static/images/index/typical_selected.png) no-repeat center;
}

#cases ul>li:hover .img2 {
    background: url(/static/images/index/obtain_selected.png) no-repeat center;
}

#cases ul>li:hover .img3 {
    background: url(/static/images/index/customize_round_selected.png) no-repeat center;
}

#product .product-container {
    margin: 0 auto;
    overflow: hidden;
}

.product-container p {
    margin-top: 166px;
    text-align: center;
    font-size: 3.125rem;
    font-family: 'siyuanheiti-Regular';
    color: #373737;
}

.product-container .nav {
    margin-top: 58px;
    text-align: center;
    line-height: 56px;
    font-size: 1.875rem;
    font-family: 'siyuanheiti-Normal';
    border-bottom: 1px solid #e2e2e3;
}

.product-container .nav .nav-item {
    width: calc(100%/5);

}

.product-container .nav .active {
    color: #9dce3b;
    border-bottom: 6px solid #9dce3b;
    transition: color 0.5s;
}

.product-container .nav-item a {
    width: 100%;
    min-height: 96px;
    color: #373737;
}

.product-container .describe {
    width: 100%;
    min-height: 662px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    visibility: visible;
    animation-name: fadeInUp;
}

.product-container .selected {
    margin: 46px auto 122px;
    padding: 0 74px 0;
    max-width: 1576px;
    min-height: 662px;
    background-color: #ffffff;

}

.product-container .selected .card {
    float: left;
    margin-right: 40px;
    max-width: 300px;
    height: auto;
    transform: translateY(50%);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.product-container .selected .card img {
    width: 100%;
    height: auto;
}

.product-container .selected .introduce {
    float: left;
    margin-top: 38px;
}

.product-container .selected .introduce h2 {
    font-size: 4rem;
    color: #9dce3b;
    line-height: 168px;
    font-family: 'siyuanheiti-Bold';
}

.product-container .selected .introduce h5 {
    margin-bottom: 45px;
    font-size: 2.125rem;
    color: #2d2d2d;
    font-family: 'siyuanheiti-Normal';
}

.product-container .introduce .function {
    padding: 44px 0 17px;
    width: 818px;
    height: 208px;
}

.product-container .introduce .function li {
    float: left;
    margin: 0 89px 27px 0;
    width: 212px;
    height: 47px;
    border: 1px solid #b7b7b7;
    font-size: 1.75rem;
    color: #2d2d2d;
    text-align: center;
    line-height: 42px;
    background-color: #f7f9fa;
    border-radius: 5px;
    font-family: 'siyuanheiti-Light';
}

.product-container .introduce .function li:nth-child(3),
.product-container .introduce .function li:nth-child(6) {
    margin-right: 0;
}

.product-container .introduce a {
    display: block;
    width: 272px;
    height: 62px;
    font-size: 2.25rem;
    color: #ffffff;
    text-indent: 1em;
    letter-spacing: 2px;
    line-height: 62px;
    font-family: "siyuanheiti-Normal";
    background: url(/static/images/index/bg_detail.png) no-repeat center;
}

#platform {
    margin: 0 auto;
    max-width: 1920px;
    height: auto;
}

#platform .platform-container {
    margin: 0 auto;
    max-width: 1576px;
}

#platform .platform-container p {
    margin-top: 64px;
    font-size: 3.25rem;
    color: #3c424e;
    text-align: center;
    line-height: 132px;
    font-family: 'siyuanheiti-Medium';
}

#platform .platform-container h1 {
    font-size: 2rem;
    color: #373737;
    text-align: center;
    line-height: 48px;
    font-family: 'siyuanheiti-Light';
}

#platform .platform-container .img_pl {
    margin: 80px auto 60px;
    padding: 0 150px;
}

#platform .platform-container .img_pl img {
    width: 100%;
    height: 100%;
}

#platform .platform-container a {
    display: block;
    margin: 0 auto 60px;
    width: 230px;
    height: 72px;
    background-color: #9dce3b;
    font-size: 1.875rem;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
    line-height: 72px;
    letter-spacing: 8px;
    font-family: 'siyuanheiti-Regular';
}

#reason {
    margin: 0 auto;
    max-width: 1920px;
    height: auto;
    background: url(/static/images/index/bg_reason.png) no-repeat center;
    background-size: cover;
}

#reason .reason-container {
    margin: 0 auto;
    padding-bottom: 114px;
    max-width: 1576px;
    overflow: hidden;
}

#reason .reason-container .title {
    margin: 64px 0 76px;
    font-size: 3.25rem;
    color: #3c424e;
    text-align: center;
    line-height: 132px;
    font-family: 'siyuanheiti-Medium';
}

#reason .reason-container .explain {
    float: left;
    display: block;
    padding: 0 20px;
    width: 350px;
    height: 520px;
    margin-right: 56px;
    margin-bottom: 56px;
    background: #ffffff;
    text-align: center;
    border-radius: 16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#reason .reason-container .explain:nth-child(4) {
    margin-right: 0;
}

#reason .reason-container .icon {
    margin: 57px 0 23px;
    width: 118px;
    height: 118px;
    display: inline-block;
}

#reason .reason-container .icon1 {
    background: url(/static/images/index/tech.png) no-repeat center;
}

#reason .reason-container .icon2 {
    background: url(/static/images/index/quick.png) no-repeat center;
}

#reason .reason-container .icon3 {
    background: url(/static/images/index/business.png) no-repeat center;
}

#reason .reason-container .icon4 {
    background: url(/static/images/index/customize_square.png) no-repeat center;
}

#reason .reason-container .explain h1 {
    margin-bottom: 32px;
    font-size: 2rem;
    height: #373737;
    line-height: 93px;
    font-family: 'siyuanheiti-Medium';
}

#reason .reason-container .explain b {
    margin-top: 32px;
    font-size: 1.4375rem;
    color: #373737;
    line-height: 36px;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'siyuanheiti-Light';
}

#reason .reason-container .explain:hover {
    background-color: #9dce3b;
    color: #ffffff;
    transition: background-color 0.5s ease-in-out;
}

#reason .reason-container .explain:hover b {
    color: #ffffff;
}

#reason .reason-container .explain:hover .icon1 {
    background: url(/static/images/index/tech_selected.png) no-repeat center;
}

#reason .reason-container .explain:hover .icon2 {
    background: url(/static/images/index/quick_selected.png) no-repeat center;
}

#reason .reason-container .explain:hover .icon3 {
    background: url(/static/images/index/business_selected.png) no-repeat center;
}

#reason .reason-container .explain:hover .icon4 {
    background: url(/static/images/index/customize_square_selected.png) no-repeat center;
}

#company {
    margin: 0 auto;
    max-width: 1920px;
    height: auto;
    background-color: #fafafa;
}

#company .company-container {
    margin: 0 auto;
    max-width: 1576px;
    height: auto;
}

#company .company-container .left {
    margin-right: 132px;
    width: 700px;
    float: left;
}

#company .left .title {
    margin: 88px 0 24px;
    font-size: 3.625rem;
    color: #9dce3b;
    text-align: left;
    line-height: 138px;
    font-family: 'siyuanheiti-Medium';
}

#company .left .introduce1,
#company .left .introduce2 {
    display: block;
    margin-bottom: 40px;
    font-size: 1.5rem;
    color: #373737;
    text-align: justify;
    line-height: 42px;
    letter-spacing: 1px;
    font-family: 'siyuanheiti-Light';
}

#company .left a {
    display: block;
    margin-top: 24px;
    width: 229px;
    height: 71px;
    font-size: 1.875rem;
    font-family: 'siyuanheiti-Regular';
    line-height: 71px;
    text-align: center;
    letter-spacing: 4px;
    color: #ffffff;
    background-color: #9dce3b;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

#company .right {
    margin-top: 148px;
    max-width: 740px;
    max-height: 486px;
}

#company .right img {
    width: 100%;
    height: 100%;
}

/* product产品页 */
#ele-card,
#consumer-device,
#smart-camera {
    margin: 0 auto;
    max-width: 1920px;
    background-color: #efefef;
}

#smart-control,
#video-call,
#smart-visitor {
    margin: 0 auto;
    max-width: 1920px;
    height: 728px;
    background-color: #ffffff;
}

#ele-card .ele-card,
#smart-control .smart-control,
#consumer-device .consumer-device,
#video-call .video-call,
#smart-camera .smart-camera,
#smart-visitor .smart-visitor {
    margin: 0 auto;
    width: 1664px;
    height: 728px;
    overflow: hidden;
}

#ele-card .ele-card .title,
#smart-control .smart-control .title,
#consumer-device .consumer-device .title,
#video-call .video-call .title,
#smart-camera .smart-camera .title,
#smart-visitor .smart-visitor .title {
    float: left;
    height: 100%;
    width: 454px;

}

.ele-card .title h1,
.smart-control .title h1,
.consumer-device .title h1,
.video-call .title h1,
.smart-camera .title h1,
.smart-visitor .title h1 {
    margin-top: 260px;
    font-size: 3.5rem;
    line-height: 74px;
    color: #121212;
}

.ele-card .title p,
.smart-control .title p,
.consumer-device .title p,
.video-call .title p,
.smart-camera .title p,
.smart-visitor .title p {
    margin-bottom: 12px;
    font-size: 2.6875rem;
    line-height: 111px;
    color: #bbbbbb;
}

.ele-card .title span,
.smart-control .title span,
.consumer-device .title span,
.video-call .title span,
.smart-camera .title span,
.smart-visitor .title span {
    display: block;
    width: 92px;
    height: 8px;
    background-color: #9dce3c;
}

#ele-card .ele-card .picture,
#smart-control .smart-control .picture,
#consumer-device .consumer-device .picture,
#video-call .video-call .picture,
#smart-camera .smart-camera .picture,
#smart-visitor .smart-visitor .picture {
    float: left;
    margin-top: 150px;
}

#ele-card .ele-card .picture .box,
#smart-control .smart-control .picture .box,
#consumer-device .consumer-device .picture .box,
#video-call .video-call .picture .box,
#smart-camera .smart-camera .picture .box,
#smart-visitor .smart-visitor .picture .box {
    float: left;
    margin-right: 30px;
    width: 373px;
    height: 425px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.ele-card .picture .box:hover,
.smart-control .picture .box:hover,
.consumer-device .picture .box:hover,
.video-call .picture .box:hover,
.smart-camera .picture .box:hover,
.smart-visitor .picture .box:hover {
    border: 2px solid #a9d353;
}

.ele-card .picture img,
.smart-control .picture img,
.consumer-device .picture img,
.video-call .picture img,
.smart-camera .picture img,
.smart-visitor .picture img {
    display: block;
    width: 373px;
    height: 310px;

}

.ele-card .picture .word,
.smart-control .picture .word,
.consumer-device .picture .word,
.video-call .picture .word,
.smart-camera .picture .word,
.smart-visitor .picture .word {
    padding: 25px 0;
    width: 373px;
    height: 119px;
    background-color: #9ece3c;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.ele-card .picture .word h1,
.smart-control .picture .word h1,
.consumer-device .picture .word h1,
.video-call .picture .word h1,
.smart-camera .picture .word h1,
.smart-visitor .picture .word h1 {
    margin-bottom: 8px;
    font-size: 2.1875rem;
    color: #ffffff;
    font-family: Sou;
}

.ele-card .picture .word p,
.smart-control .picture .word p,
.consumer-device .picture .word p,
.video-call .picture .word p,
.smart-camera .picture .word p,
.smart-visitor .picture .word p {
    font-size: 1.25rem;
    color: #ffffff;
}

/* 解决方案 */
#banner-solution {
    margin: 0 auto;
    max-width: 1920px;
    max-height: 798px;
}

#banner-solution img {
    width: 100%;
    height: auto;
}

#consist {
    margin: 0 auto;
    max-width: 1920px;
    /* min-width: 1264px; */
    height: auto;
}

#consist .consist {
    margin: 0 auto;
    max-width: 1708px;
    /* min-width: 1264px; */
}

#consist .consist h1 {
    margin: 70px 0 16px;
    font-size: 3.1875rem;
    color: #373737;
    text-align: center;
    line-height: 92px;
}

#consist .consist h2 {
    margin-bottom: 68px;
    font-size: 2.5625rem;
    color: #373737;
    text-align: center;
    line-height: 74px;
}

#consist .consist dl {
    margin: 0 auto 86px;
    width: 1272px;
    height: 128px;
    font-size: 2rem;
    text-align: center;
    text-indent: 2em;
    line-height: 128px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#consist .consist dl dd {
    width: 330px;
    height: 128px;
}

#consist .consist dl dd:nth-child(1) {
    background: url(/static/images/solution/img1.png) no-repeat center;
}

#consist .consist dl dd:nth-child(2) {
    background: url(/static/images/solution/img2.png) no-repeat center;
}

#consist .consist dl dd:nth-child(3) {
    background: url(/static/images/solution/img3.png) no-repeat center;
}

#consist .detail {
    margin: 0 auto 84px;
    width: 1708px;
    height: 650px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#consist .detail .device {
    width: 428px;
    height: 650px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#consist .detail .device p {
    width: 428px;
    height: 66px;
    font-size: 2rem;
    color: #373737;
    text-align: center;
    line-height: 66px;
    background-color: #b4e72d;
}

#consist .detail .device .box {
    width: 428px;
    height: 518px;
    padding: 36px 32px 40px;
}

#consist .detail .box ol {
    width: 208px;
    height: 409px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#consist .detail .box ol li {
    margin-bottom: 24px;
    padding: 16px 0;
    width: 208px;
    height: 100%;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 2px #ececec dashed;
    border-radius: 15px;
}

#consist .detail .device:nth-of-type(2) ol li {
    padding: 100px 0;
}

#consist .detail ol li i {
    margin-top: 10px;
    font-size: 1.3125rem;
    color: #373737;
    line-height: 22px;
}

#consist .detail .device:nth-of-type(1) .box .word {
    height: 442px !important;
}

#consist .detail .device:nth-of-type(2) .box .word {
    height: 348px !important;
}

#consist .detail .device:nth-of-type(3) .box .word {
    height: 274px !important;
}

#consist .detail .box .word {
    background-color: #ffffff;
    width: 182px;
    position: absolute;
    top: 0;
    right: -40px;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#consist .detail .box .word li {
    margin-bottom: 26px;
    width: 178px;
    height: 46px;
    font-size: 1.5625rem;
    color: #373737;
    text-align: center;
    line-height: 46px;
    background-color: #fafafa;
    border: 2px solid #c2c2c2;
    border-radius: 40px;
}

#consist .detail .box .word li:last-child {
    margin-bottom: 0;
}


#hardware {
    margin: 0 auto;
    max-width: 1920px;
    min-height: 1238px;
    background: url(/static/images/solution/bg_hardware.png) no-repeat center;
    background-size: cover;
}

#hardware .hardware {
    margin: 0 auto;
    min-width: 768px;
    height: auto;
    position: relative;
}

#hardware .hardware p {
    margin-bottom: 60px;
    font-size: 3.1875rem;
    color: #373737;
    line-height: 110px;
    text-align: center;
}

#hardware .hardware .device {
    float: left;
    margin-right: 112px;
    margin-bottom: 112px;
    width: 386px;
    height: 380px;
    background: linear-gradient(to bottom, #efefef, #ffffff);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 2px solid #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    position: relative;
}

#hardware .hardware .device span {
    display: block;
    width: 238px;
    height: 66px;
    background-color: #9dce3b;
    font-size: 2.125rem;
    color: #ffffff;
    border-radius: 16px;
    text-align: center;
    line-height: 66px;
    position: absolute;
    bottom: -33px;
    margin: auto;
}

#hardware .hardware .device:nth-child(1) {}

#hardware .hardware .device:nth-child(5) {
    margin-bottom: 224px;
}

#hardware .hardware a {
    display: block;
    width: 228px;
    height: 70px;
    font-size: 1.875rem;
    color: #ffffff;
    background-color: #9dce3b;
    text-align: center;
    line-height: 70px;
    border-radius: 10px;
    border: 2px solid #94bd24;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
}

#applicate {
    margin: 0 auto;
    max-width: 1920px;
    height: auto;
}

#applicate .applicate {
    margin: 0 auto;
    max-width: 1572px;
    height: auto;
    overflow: hidden;
}

#applicate .applicate p {
    margin: 54px 0 48px;
    font-size: 3.25rem;
    color: #373737;
    text-align: center;
    line-height: 132px;
}

#applicate .applicate .all {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#applicate .applicate .sence {
    margin: 0 auto 68px;
    width: 736px;
    height: 368px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.applicate .sence li img {
    display: inline-block;

}

/* 关于我们 */
#banner-company {
    margin: 0 auto;
    max-width: 1920px;
    max-height: 798px;
}

#banner-company img {
    width: 100%;
    height: auto;
}


#cultrue {
    margin: 0 auto;
    max-width: 1920px;
    height: 913px;
}

#cultrue .cultrue {
    margin: 0 auto;
    width: 1390px;
    height: 913px;
    overflow: hidden;
    letter-spacing: 1px;
}

#cultrue .cultrue .title {
    margin: 85px 0 132px;
    text-align: center;
    line-height: 52px;
    font-size: 3.1875rem;
    color: #373737;
}

#cultrue .cultrue .value {
    margin-right: 57px;
    float: left;
    width: 412px;
    height: 502px;
    text-align: center;
    background: url(/static/images/company/bg_value.png) no-repeat center;
}

.cultrue .value h1 {
    margin: 90px 0 69px;
    font-size: 3rem;
    color: #373737;
    line-height: 53px;
}

.cultrue .value p {
    font-size: 2rem;
    color: #444444;
    line-height: 54px;
}

#cultrue .cultrue .vision {
    margin-bottom: 20px;
    float: left;
    width: 920px;
    height: 240px;
    text-align: center;
    background: url(/static/images/company/bg_vision.png) no-repeat center;
}

.cultrue .vision h1 {
    margin: 60px 0 36px;
    font-size: 3rem;
    color: #373737;
    line-height: 53px;
}

.cultrue .vision p {
    font-size: 1.75rem;
    color: #444444;
}

#cultrue .cultrue .mission {
    float: left;
    width: 920px;
    height: 240px;
    text-align: center;
    background: url(/static/images/company/bg_mission.png) no-repeat center;
}

.cultrue .mission h1 {
    margin: 60px 0 36px;
    font-size: 3rem;
    color: #373737;
    line-height: 53px;
}

.cultrue .mission p {
    font-size: 1.75rem;
    color: #444444;
}

/* 公司实力 */
#company {
    margin: 0 auto;
    padding: 0 170px;
    max-width: 1920px;
    height: 927px;
    overflow: hidden;
    background: url(/static/images/company/bg_power.png) no-repeat center;
}

#company .title {
    margin: 90px 0 125px;
    text-align: center;
    font-size: 3.25rem;
    color: #373737;
    line-height: 52px;
}

#company .advantage {
    display: flex;
    justify-content: space-between;
}

#company .advantage li {
    max-width: 372px;
    text-align: center;
}



#company .advantage li img {
    display: inline-block;
    max-width: 302px;
    height: 302px;
    margin-bottom: 36px;
}

#company .advantage li h1 {
    font-size: 2.1875rem;
    color: #373737;
    line-height: 36px;
    margin-bottom: 38px;
}

#company .advantage li p {
    width: 373px;
    font-size: 1.375rem;
    color: #444444;
    line-height: 36px;
    text-align: justify;
    text-align-last: center;
}

/* 联系我们 */
#contact {
    margin: 0 auto;
    padding: 0 208px;
    max-width: 1920px;
    height: 511px;
    overflow: hidden;
    background: url(/static/images/company/contact.png) no-repeat center;
}

#contact .contact .title {
    margin: 72px 0 110px;
    font-size: 3.25rem;
    color: #ffffff;
    line-height: 52px;
    text-align: center;
    font-family: 'siyuanheiti-Medium';
}


#contact .contact .contact-box {
    display: flex;
    justify-content: space-between;
}

#contact .contact .box:first-child {
    margin-right: 24px;
}


#contact .contact .contact-box h1 {
    margin-bottom: 42px;
    width: 248px;
    height: 52px;
    background-color: #ffffff;
    font-size: 1.5rem;
    color: #373737;
    text-align: center;
    line-height: 52px;
    font-family: 'siyuanheiti-Regular';
}

.contact .contact-box p {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    font-size: 1.5rem;
    color: #ffffff;
    letter-spacing: .5008px;
    font-family: 'siyuanheiti-Regular';
}


.contact .contact-box p img {
    display: inline-block;
    margin-right: 16px;
    width: 29px;
    height: 29px;
}

/* 咨询 */
#consult {
    margin: 0 auto;
    max-width: 1920px;
    height: 640px;
    background: url(/static/images/products/consult.png) no-repeat center;
}

#consult .consult {
    margin: 0 auto;
    min-width: 852px;
    height: 640px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

#consult .consult p:first-child {
    margin-top: 285px;
}

#consult .consult p {
    font-size: 2.25rem;
    color: #ffffff;
    line-height: 62px;
    letter-spacing: 4px;
    font-family: 'siyuanheiti-Normal';
}

#consult .consult a {
    display: block;
    position: absolute;
    top: 470px;
    left: 0;
    right: 0;
    margin: auto;
    width: 230px;
    height: 72px;
    font-size: 1.875rem;
    color: #ffffff;
    background-color: #b5e72e;
    border: 2px solid #e9f9cc;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-family: 'siyuanheiti-Regular';
}

/* 客服 */
#customer-Service {
    max-width: 140px;
    max-height: 140px;
    position: fixed;
    bottom: 64px;
    right: 32px;
    z-index: 9999;
}

#customer-Service .customer-Service {
    width: 100%;
    height: auto;
}


#customer-Service .code-img {
    display: none;
    width: 160px;
    height: 160px;
    position: absolute;
    top: -120px;
    left: -160px;
}

#customer-Service:hover .code-img {
    display: block;
}








/* 页脚 */
#footer {
    margin: 0 auto;
    max-width: 1920px;
    height: 780px;
    background: url(/static/images/index/bg_footer.png) no-repeat center;
}

#footer .footer-container {
    margin: 0 auto;
    width: 1576px;
    height: 780px;
    overflow: hidden;
}

#footer .footer-container .left {
    float: left;
    margin-right: 252px;
    width: 340px;
    height: 780px;
}

#footer .left .logo_footer {
    display: block;
    margin: 100px 0;

}

#footer .left .contact {
    margin-bottom: 104px;
}

#footer .left .contact li {
    font-size: 1.5rem;
    line-height: 48px;
    color: #ffffff;
    display: flex;
    align-items: center;
    font-family: 'siyuanheiti-Light';
}

#footer .left .contact img {
    width: 24px;
    height: 24px;
    margin-right: 18px;
    line-height: 48px;
}

#footer .left .contact i {
    float: left;
    margin-right: 24px;
    width: 112px;
    height: 48px;
    line-height: 48px;
    text-align: justify;
}

#footer .left .contact i:after {
    content: '';
    width: 100%;
    display: inline-block;
    height: 0;
}

#footer .left .contact span {
    float: left;
    width: 154px;
    height: 48px;
    line-height: 48px;
    text-align: justify;

}

#footer .left .contact span:after {
    content: '';
    width: 100%;
    display: inline-block;
    height: 0;
}

#footer .left .code {
    float: left;
    margin-right: 30px;
    text-align: center;
    letter-spacing: 3px;
    font-family: 'siyuanheiti-Light';
}

#footer .left .code img {
    width: 105px;
    height: 105px;
    margin-bottom: 2px;
}

#footer .right {
    float: left;
    width: 980px;
    height: 780px;
    display: flex;
    justify-content: space-between;
}

#footer .right .wow {
    margin-top: 100px;
}

#footer .right .wow dt {
    font-size: 2rem;
    color: #b4e72d;
    line-height: 42px;
    font-family: 'siyuanheiti-Regular';
}

#footer .right .wow span {
    display: block;
    margin: 30px 0 24px;
    width: 426px;
    height: 2px;
    background-color: #342e2c;
}

#footer .right .wow dd a {
    font-size: 1.5rem;
    text-decoration: none;
    line-height: 51px;
    color: #adadad;
    letter-spacing: 2px;
    font-family: 'siyuanheiti-Light';
}

#footer .right .wow dd a:hover {
    color: #9dce3b;
}

#copyright {
    margin: 0 auto;
    padding: 0 174px;
    max-width: 1920px;
    height: auto;
    background-color: #333333;
    color: #ffffff;
    overflow: hidden;
}

#copyright .friendship {
    margin: 20px 0 13px;
    display: block;
    width: 100%;
    min-height: 37px;
    line-height: 37px;
}

#copyright .friendship dd {
    width: calc(60%/6);
    float: left;
    padding: 0;
    font-size: 1.125rem;
    font-family: 'siyuanheiti-Light';
}

#copyright .friendship dd a {
    color: #ffffff;
}

#copyright .friendship dd a:hover {
    color: #9dce3b;
}

#copyright .info {
    margin-bottom: 28px;
    padding: 0;
    min-width: 718px;
    font-family: 'siyuanheiti-Light';
}

#copyright .info i {
    margin: 0 38px 0 42px;
}

#copyright .info a {
    color: #ffffff !important;
}

#copyright .info a:hover {
    color: #9dce3b !important;
}