* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #111111;
}

@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/DINPro-Regular.otf');
    font-weight: normal;
    font-style: normal
}

.DINRegular {
    font-family: 'DINRegular';
}

a.caseMore::after {
    content: url(../images/common/icon/left.png);
    position: absolute;
    right: 34px;
    top: 6px;
}

a.caseMore span.words {
    padding-left: 34px;
    padding-right: 76px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 20px;
}

a.caseMore::after {
    content: url(../images/common/icon/left_hover.png);
    top: 18px;
}

a.caseMore:hover::after {
    content: url(../images/common/icon/left.png);
    top: 18px;
}

.h1_hover {
    left: 143px !important;
    transition: all ease 0.3s;
}

.img_hover {
    transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#content .content-about a {
    width: 90px;
    margin: 0 30px;
    font-size: 14px;
    line-height: 28px;
    color: #f30002;
    display: inline-block;
    margin-top: 25px;
    position: relative;
    right: 130px;
}

#content .content-about a::after {
    content: url(../images/scene1/jiantou_03.png);
    width: 18px;
    height: 15px;
    position: absolute;
    left: 90px;
    /* bottom: 34px; */
    top: 2px;
    transition: all ease 0.3s;
}

#content .content-about a:hover::after {
    left: 100px;
    transition: all ease 0.3s;
}

.on .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
}

.on .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
    opacity: 0;
}

.on .horizontal, .on .vertical {
    background: #0476ff;
}

.off .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
}

.off .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    opacity: 1;
}

.switch {
    position: absolute;
    right: 0;
    top: 60px;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
}

.horizontal, .vertical {
    position: absolute;
    background-color: #c3c3c3;
    /* border-radius: 27%; */
    left: 50%;
    top: 50%;
}

.horizontal {
    width: 30px;
    height: 3px;
    margin-left: -15px;
    margin-top: -2.5px;
}

.vertical {
    width: 3px;
    height: 30px;
    margin-left: -1px;
    margin-top: -16px;
}

.color1 {
    color: #999999;
}

.focus {
    background: #1a1a1a;
    border-bottom: 0 red solid;
}

#content .nav_out {
    width: 100%;
    height: 70px;
    background-color: #000;
    position: absolute;
    top: 570px;
}

#content .nav {
    width: 100%;
    max-width: 1920px;
    height: 70px;
    background-color: #000;
    z-index: 100;
}

#content .nav2 {
    display: none;
}

.guding {
    position: fixed;
    display: block !important;
    top: 71px;
}

#content .nav .nav_in {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    background-color: #000;
}

#content .nav .nav_in .nav_btn {
    width: 33%;
    height: 100%;
    float: left;
    position: relative;
}

/* #content .nav .nav_in .one {
    width: 210px;
}

#content .nav .nav_in .two {
    width: 240px;
}

#content .nav .nav_in .two .xq {
    width: 240px;
}

#content .nav .nav_in .shuzi {
    width: 35.28px;
}

#content .nav .nav_in .three {
    width: 220px;
}

#content .nav .nav_in .four {
    width: 220px;
} */
#content .nav .nav_in .six {
    width: 295px;
    min-width: 295px;
}

#content .nav .nav_in .nav_btn .nav_text {
    /* width: inherit; */
    text-align: center;
    font-size: 18px;
    color: #fff;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#content .nav .nav_in .nav_btn .nav_text:hover {
    color: #0476ff;
    transition: all ease 0.3s;
}

.light {
    font-weight: lighter;
}

#content .nav .nav_in .nav_btn .change {
    color: #0476ff;
    transition: all ease 0.3s;
}

#content .nav .nav_in .focus {
    background-color: #1b1b1b;
    transition: all ease 0.3s;
}

#content .nav .nav_in .focus::after {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #0476ff;
    position: absolute;
    bottom: 0;
    transition: all ease 0.3s;
}

#content .banner {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene2/images/topbeijing.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#content .banner1 {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene2/images/topbeijing2.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#content .banner2 {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene2/images/topbeijing3.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#content .banner3 {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene2/images/topbeijing4.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#content .banner .banner_in {
    width: 1000px;
    /* margin: 0 auto; */
    margin-left: 15%;
}

#content .banner .banner_text {
    width: 1000px;
    margin: 0px auto;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 20px;
    color: #f0f0f0;
    line-height: 36px;
}

.fontDin {
    font-family: "shouyezi";
}

#content {
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    min-width: 1300px;
    margin: 0px auto;
    /* background: url(../images/product/probgNew.jpg) no-repeat top center; */
    background: #fff;
    /* background-color: #000201; */
}

.swiper-button-prev {
    right: 235px;
    left: auto;
    bottom: 55px;
    top: auto;
    background: none;
    color: #e3e3e3;
}

.swiper-button-prev:hover::after {
    content: url(../images/index/images/arrow_hover.png);
}

.swiper-button-next:hover::after {
    content: url(../images/index/images/arrow1_hover.png);
}

/* .swiper-button-prev.swiper-button-disabled::after {
    content: url(../images/index/images/arrow.png);
}

.swiper-button-next.swiper-button-disabled::after {
    content: url(../images/index/images/arrow1.png);
} */
.swiper-button-prev::after {
    content: url(../images/index/images/arrow.png);
}

.swiper-button-next::after {
    content: url(../images/index/images/arrow1.png);
}

/* .swiper-button-prev:hover {
    color: red;
} */
.swiper-button-next {
    right: 60px;
    bottom: 55px;
    top: auto;
    background: none;
    color: #e3e3e3;
}

.swiper-button-next:hover {
    color: red;
}

.swiper-pagination {
    width: auto;
    color: #707070;
    font-size: 24px;
    bottom: 64px;
    right: 128px;
    left: auto;
    /* position: absolute;
    top: 955px;
    left: 895px; */
}

.current {
    color: red;
}

/* .swiper-pagination>span {
    width: 20px;
    height: 10px;
    border-radius: 5px;
    margin-right: 20px;
    background: #fff;
} */
#product {
    position: absolute;
    top: 541px;
}

#search {
    position: absolute;
    top: 1530px;
}

#advantage {
    position: absolute;
    top: 2730px;
}

#others {
    position: absolute;
    top: -100px;
}

#example {
    position: absolute;
    top: 800px;
}

#content .spec {
    width: 100%;
    overflow: hidden;
    background-color: #000;
    position: relative;
}

#content .spec h2 {
    font-weight: bold;
    font-size: 48px;
    color: #0476ff;
    margin-top: 120px;
    margin-bottom: 60px;
    text-align: center;
}

/* #content>.spec>p {
    
    text-align: justify;
    width: 1300px;
    margin: 0 auto;
    margin-bottom: 45px;
} */
#content .spec .spec_in {
    width: 1300px;
    margin: 0 auto;
}

#content .spec .spec_in .spec_box {
    width: 100%;
    border-top: 0.1px solid #434343;
    position: relative;
    cursor: pointer;
    height: 100px;
    overflow: hidden;
    transition: all ease 0.2s;
}

#content .spec .spec_in .spec_box3 {
    border-bottom: 0.1px solid #434343;
}

#content .spec .spec_in .show {
    /* background-image: url(../images/scene3/beijing.png); */
    /* border: 1px solid #181818; */
    height: 275px;
    transition: all ease 0.5s;
    /* color: #0476ff; */
}

#content .spec .spec_in .show2 {
    /* background-image: url(../images/scene3/beijing.png); */
    /* border: 1px solid #181818; */
    /* height: 229px; */
    height: 170px;
    transition: all ease 0.5s;
    /* color: #0476ff; */
}

#content .spec .spec_in .spec_box p {
    text-align: left;
    font-size: 20px;
    line-height: 100px;
    /* margin-left: 40px; */
    color: #fff;
}

/* #content .spec .spec_in .spec_box:hover {
    border: 1px solid #181818;
    height: 389px;
    transition: all ease 0.5s;
    color: #0476ff !important;
} */
#content .spec .spec_in .spec_box span {
    font-size: 42px;
    line-height: 120px;
    margin-left: 40px;
    color: #C3C3C3;
    position: absolute;
    right: 40px;
    top: 0;
}

#content .spec .spec_in .spec_box .yincang {
    /* width: 790px; */
    color: #999999;
    text-align: justify;
    width: 920px;
    font-size: 14px;
    line-height: 30px;
    /* margin-left: 40px; */
    margin-bottom: 23px;
    /* display: none; */
    margin-right: auto;
    margin-left: 0;
}

.mgb {
    margin-bottom: 140px !important;
}

#trend {
    position: absolute;
    top: -130px;
}

#content>.content-header {
    width: 100%;
    height: 280px;
    color: #fff;
    background: url(../images/scene2/images/topbeijing.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding-top: 100px;
    padding-left: 15%;
    padding-bottom: 120px;
    /* border-bottom: 1px solid #272928; */
}

#content>.content-header>.header-title {
    font-family: 'MicrosoftYaHei';
    font-size: 48px;
    margin-bottom: 38px;
}

#content>.content-header>p {
    font-size: 20px;
    margin-top: 12px;
}

#content>.content-header>.header-btn {
    width: 240px;
    height: 60px;
    line-height: 60px;
    background: red;
    text-align: left;
    align-items: center;
    padding-left: 30px;
    margin-top: 50px;
    cursor: pointer;
    position: relative;
}

#content>.content-header>.header-btn>.attr img {
    width: 20px;
    height: 20px;
}

#content>.content-header>.header-btn>.attr {
    margin-left: 25px;
    position: absolute;
    right: 50px;
    top: 20px;
}

#content>.product-information {
    width: 100%;
    /* width: 1616px; */
    height: 55px;
    background: url(../images/product/probgNew.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding-top: 20px;
    /* padding-left: 15%; */
    color: #fff;
    /* display: flex; */
    /* position: fixed;
    top: 60px;
    z-index: 9999; */
}

.top {
    position: fixed;
    top: 60px;
    z-index: 100;
}

#content>.product-information>.center_zone {
    width: 1300px;
    margin: 0 auto;
}

#content>.product-information>.center_zone>.product-information-button {
    width: 15%;
    height: 20px;
    padding-top: 30px;
    padding-bottom: 20px;
    /* padding-left: 56px; */
    /* padding-right: 56px; */
    margin-right: 10px;
    margin-top: -20px;
    cursor: pointer;
    float: left;
    font-size: 18px;
    text-align: center;
}

#content>.product-information>.center_zone>.product-information-button>a:hover {
    color: red;
}

#content>.product-information>.center_zone>.product-information-button>p {
    font-size: 14px;
    /* color: #afafaf; */
    margin-top: 10px;
    margin-bottom: 23px;
}

#content>.product-information>.center_zone>.product-information-button>a {
    color: #fff;
}

#content>.product-content, .searchin {
    width: 1300px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}

#content>.product-content>h1 {
    margin-bottom: 75px;
    color: #181818;
    font-weight: lighter;
    font-size: 70px;
    margin-top: 50px;
}

#content>.product-content>.product-title {
    margin-bottom: 75px;
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    margin-top: 50px;
}

#content>.search {
    width: 100%;
    background: #fbfbfb;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
}

#content>.search p {
    text-align: center;
}

#content>.search>h1 {
    /* margin-bottom: 75px; */
    color: #181818;
    font-weight: lighter;
    font-size: 70px;
    /* margin-top: 190px; */
}

.searchin>h1 {
    margin-bottom: 75px;
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    margin-top: 60px;
}

#content>.search>.search-content1 {
    width: 1300px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 25px;
}

#content>.search>.search-content1>h1 {
    margin-bottom: 30px;
}

#content>.search>.search-content2 {
    width: 1300px;
    height: 310px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 120px;
}

#content>.search>.search-content2>.left {
    position: absolute;
    left: 0;
    top: 0;
}

#content>.search>.search-content2>.right {
    width: 650px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: left;
}

#content>.search>.search-content2>.right>h1 {
    margin-bottom: 30px;
}

#content>.search>.search-content2>.left img {
    width: 600px;
    height: 310px;
}

#content>.search>.search-content3 {
    width: 1300px;
    height: 240px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 120px;
}

#content>.search>.search-content3>.left {
    width: 645px;
    text-align: left;
}

#content>.search>.search-content3>.left>h1 {
    margin-bottom: 30px;
}

#content>.search>.search-content3>.right {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.search>.search-content3>.right img {
    width: 580px;
    height: 240px;
}

#content>.search>.search-content4 {
    width: 1300px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 100px;
}

#content>.search>.solution {
    width: 360px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    background: red;
    font-size: 18px;
}

#content>.advantage {
    width: 1300px;
    margin: 0 auto;
    padding-top: 120px;
    text-align: center;
    color: #000;
    min-height: 800px;
}

#content>.advantage>h1 {
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    margin-bottom: 85px;
}

#content>.advantage>.advantage-content {
    width: 100%;
    /* height: 662px; */
    position: relative;
    padding-bottom: 140px;
}

#content>.advantage>.advantage-content>.left {
    width: 45%;
    position: absolute;
    left: 0;
    top: 0;
}

#content>.advantage>.advantage-content>.left>.left-content1 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
    position: relative;
}

#content>.advantage>.advantage-content>.left>div>.left {
    position: absolute;
    top: 60px;
    left: 0;
}

#content>.advantage>.advantage-content>.left>.left-content1>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.left>.left-content1>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.left>.left-content1>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.left>.left-content2 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.advantage>.advantage-content>.left>.left-content2>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.left>.left-content2>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.left>.left-content2>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.left>.left-content3 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.advantage>.advantage-content>.left>.left-content3>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.left>.left-content3>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.left>.left-content3>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.right {
    width: 45%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.advantage>.advantage-content>.right>.right-content1 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
    position: relative;
}

#content>.advantage>.advantage-content>.right>div>.left {
    position: absolute;
    top: 60px;
    left: 0;
}

#content>.advantage>.advantage-content>.right>.right-content1>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.right>.right-content1>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.right>.right-content1>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.right>.right-content2 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.advantage>.advantage-content>.right>.right-content2>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.right>.right-content2>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.right>.right-content2>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.right>.right-content3 {
    width: 100%;
    height: 300px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.advantage>.advantage-content>.right>.right-content3>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.right>.right-content3>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.right>.right-content3>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

.block {
    display: block;
}

#content>.product-content>.product-content-btn>.select>p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
#content>.product-content>.product-explore {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-explore>.explore-content {
    width: 100%;
    height: 300px;
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-explore>.first {
    /* align-items: flex-end; */
}

#content>.product-content>.product-explore>.explore-content>.left {
    text-align: left;
    /* position: relative;
    left: 0; */
}

#content>.product-content>.product-explore>.explore-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
}

#content>.product-content>.product-explore>.explore-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-explore>.explore-content>.center {
    height: 83px;
    margin-right: 5%;
    text-align: left;
    position: absolute;
    left: 450px;
    bottom: 0;
}

#content>.product-content>.product-explore>.explore-content>.center>.title {
    font-size: 20px;
    margin-bottom: 20px;
}

#content>.product-content>.product-explore>.explore-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-explore>.explore-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-explore>.first>.right {
    width: 490px;
    height: 100%;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-explore>.second>.left {
    width: 45%;
    margin-right: 10%;
    height: 345px;
    background: url(../images/product/images/6_03.jpg) no-repeat top center;
    background-size: 100% 100%;
}

#content>.product-content>.product-explore>.second>.right {
    width: 45%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-explore>.second>.right>.title {
    /* display: flex; */
    position: relative;
    margin-bottom: 30px;
}

#content>.product-content>.product-explore>.second>.right>.title>h1 {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-explore>.third>.left {
    width: 25%;
    margin-right: 5%;
}

#content>.product-content>.product-explore>.third>.left>.title {
    /* display: flex; */
    position: relative;
    margin-bottom: 60px;
}

#content>.product-content>.product-explore>.third>.left>.title>h1 {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-explore>.third>.center {
    width: 40%;
    position: absolute;
    left: 410px;
    top: 0;
}

#content>.product-content>.product-explore>.third>.right {
    width: 295px;
    height: 240px;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-explore>.third>.right>.attr img {
    width: 290px;
    height: 150px;
    margin-bottom: 30px;
}

#content>.product-content>.product-explore>.fourth {
    margin-bottom: 100px;
    height: 506px;
}

#content>.product-content>.product-explore>.fourth>.left {
    width: 45%;
    margin-right: 5%;
    margin-bottom: 30px;
}

#content>.product-content>.product-explore>.fourth>.left>.title {
    margin-bottom: 30px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-explore>.fourth>.left>.title>h1 {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-explore>.fourth>.left>.title>.attr {
    /* margin-right: 25px; */
}

#content>.product-content>.product-explore>.fourth>.left>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-explore>.fourth>.right {
    width: 45%;
    margin-right: 5%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-explore>.fourth>.right>.title {
    margin-bottom: 30px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-explore>.fourth>.right>.title>h1 {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-explore>.fourth>.right>.title>.attr {
    margin-right: 25px;
}

#content>.product-content>.product-explore>.fourth>.right>.attr {
    margin-bottom: 30px;
}

#content>.product-content {
    width: 1300px;
    margin: 0 auto;
    padding-top: 120px;
    text-align: center;
    color: #000;
    min-height: 800px;
}

#content>.product-content>h1 {
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    margin-bottom: 75px;
}

#content>.product-content>.product-content-box {
    width: 100%;
    /* height: 662px; */
    position: relative;
    padding-bottom: 140px;
}

#content>.product-content>.product-content-box>.left {
    width: 45%;
    position: absolute;
    left: 0;
    top: 0;
}

#content>.product-content>.product-content-box>.left>.left-content1 {
    width: 100%;
    height: 220px;
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
    position: relative;
}

#content>.product-content>.product-content-box>.left>div>.left {
    position: absolute;
    top: 90px;
    left: 0;
}

#content>.product-content>.product-content-box>.left>.left-content1>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.left>.left-content1>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.left>.left-content1>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.left>.left-content2 {
    width: 100%;
    height: 220px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.product-content>.product-content-box>.left>.left-content2>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.left>.left-content2>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.left>.left-content2>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.left>.left-content3 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.product-content>.product-content-box>.left>.left-content3>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.left>.left-content3>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.left>.left-content3>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.right {
    width: 45%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-content-box>.right>.right-content1 {
    width: 100%;
    height: 220px;
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
    position: relative;
}

#content>.product-content>.product-content-box>.right>div>.left {
    position: absolute;
    top: 90px;
    left: 0;
}

#content>.product-content>.product-content-box>.right>.right-content1>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.right>.right-content1>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.right>.right-content1>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.right>.right-content2 {
    width: 100%;
    height: 220px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.product-content>.product-content-box>.right>.right-content2>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.right>.right-content2>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.right>.right-content2>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.right>.right-content3 {
    width: 100%;
    height: 300px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.product-content>.product-content-box>.right>.right-content3>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.right>.right-content3>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.right>.right-content3>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
#content>.product-content>.product-Charts {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-Charts>.Charts-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-Charts>.first {
    align-items: flex-end;
}

#content>.product-content>.product-Charts>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-Charts>.Charts-content>.left {
    width: 30%;
    margin-right: 5%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-Charts>.Charts-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
}

#content>.product-content>.product-Charts>.Charts-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-Charts>.Charts-content>.center {
    height: 105px;
    margin-right: 5%;
    text-align: left;
    position: absolute;
    left: 450px;
    bottom: 0;
}

#content>.product-content>.product-Charts>.Charts-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-Charts>.Charts-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-Charts>.Charts-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-Charts>.first>.right {
    width: 490px;
    height: 100%;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Charts>.second>.title {
    /* display: flex;
    align-items: flex-end; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-Charts>.second>.title>.attr {
    margin-right: 22px;
}

#content>.product-content>.product-Charts>.second>.content {
    font-size: 14px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Charts>.second>.charts {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.left {
    width: 50%;
    margin-right: 70px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.title {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.title {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content {
    width: 100%;
    /* display: flex; */
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content {
    width: 100%;
    /* display: flex; */
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-left {
    margin-right: 130px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-left>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    right: 120px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-left>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-left>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-right {
    position: absolute;
    right: 660px;
    top: 54px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-right>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    right: 20px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-right>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-right>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-right {
    position: absolute;
    right: 660px;
    top: 310px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-left>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 60px;
    position: relative;
    right: 200px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-left>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-left>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-right>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-right>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-right>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right {
    width: 50%;
    margin-left: 70px;
    position: absolute;
    top: 0;
    right: -100px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.title {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.title {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-right {
    position: absolute;
    right: 100px;
    top: 0;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-left>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    right: 200px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-left>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-left>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-right>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-right>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-right>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-right {
    position: absolute;
    right: 90px;
    top: -16px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-left>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 60px;
    position: relative;
    right: 200px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-left>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-left>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-right>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-right>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-right>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.third {
    width: 100%;
    height: 360px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.third>.left {
    width: 20%;
    margin-right: 5%;
}

#content>.product-content>.product-Charts>.third>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Charts>.third>.left>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-Charts>.third>.left>.title>.attr {
    margin-right: 25px;
}

#content>.product-content>.product-Charts>.third>.center {
    width: 20%;
    margin-right: 5%;
    position: absolute;
    left: 320px;
    top: 0;
}

#content>.product-content>.product-Charts>.third>.center>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 60px;
}

#content>.product-content>.product-Charts>.third>.center>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-Charts>.third>.right {
    width: 620px;
    height: 360px;
    background: url(../images/product/images/16_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Charts>.fourth {
    width: 100%;
    height: 290px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.fourth>.left {
    width: 560px;
    height: 290px;
    background: url(../images/product/images/17_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    margin-right: 60px;
}

#content>.product-content>.product-Charts>.fourth>.right {
    width: 620px;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Charts>.fourth>.right>.title {
    /* display: flex;
    align-items: flex-end; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.fourth>.right>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-Charts>.fourth>.right>.title>.attr {
    width: 38px;
    height: 38px;
    margin-right: 22px;
}

/* Charts */
/* Charts */
/* Charts */
/* Charts */
/* Charts */
/* Charts */
/* Charts */
/* Charts */
#content>.product-content>.product-reports {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-reports>.reports-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-reports>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-reports>.reports-content>.left {
    margin-right: 3%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-reports>.reports-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
}

#content>.product-content>.product-reports>.reports-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-reports>.reports-content>.center {
    height: 100px;
    margin-right: 5%;
    height: 120px;
    text-align: left;
    position: absolute;
    left: 480px;
    bottom: 0;
}

#content>.product-content>.product-reports>.reports-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-reports>.reports-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-reports>.reports-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-reports>.first>.left {
    width: 38%;
}

#content>.product-content>.product-reports>.first>.right {
    width: 490px;
    height: 100%;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-reports>.second {
    height: 253px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-reports>.second>.left {
    width: 60%;
    /* display: flex; */
}

#content>.product-content>.product-reports>.second>.right {
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
}

#content>.product-content>.product-reports>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-reports>.second>.right>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-reports>.second>.right>.content {
    font-size: 14px;
    margin-bottom: 60px;
}

#content>.product-content>.product-reports>.third {
    width: 100%;
}

#content>.product-content>.product-reports>.third>.left {
    width: 25%;
    margin-right: 60px;
    text-align: left;
}

#content>.product-content>.product-reports>.third>.center {
    position: absolute;
    left: 360px;
    top: 0;
}

#content>.product-content>.product-reports>.third>.right {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-reports>.third>.left>.title {
    display: flex;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-reports>.third>.left>.title>.attr {
    margin-right: 25px;
}

#content>.product-content>.product-reports>.third>.left>.content {
    margin-bottom: 35px;
}

#content>.product-content>.product-reports>.fourth {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-reports>.fourth>.right {
    position: absolute;
    top: 0;
    right: 0;
}

#content>.product-content>.product-reports>.fourth>div {
    width: 47%;
    text-align: left;
}

#content>.product-content>.product-reports>.fourth>div>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-reports>.fourth>div>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-reports>.fourth>div>.content {
    margin-bottom: 30px;
}

/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
#content>.product-content>.product-Dashboards {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-Dashboards>.Dashboards-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-Dashboards>.first {
    align-items: flex-end;
}

#content>.product-content>.product-Dashboards>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.left {
    width: 30%;
    margin-right: 5%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.center {
    height: 110px;
    margin-right: 5%;
    text-align: left;
    position: absolute;
    left: 400px;
    bottom: 0;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-Dashboards>.first>.right {
    width: 490px;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Dashboards>.second {
    height: 460px;
    /* display: flex; */
}

#content>.product-content>.product-Dashboards>.second>.left {
    width: 75%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Dashboards>.second>.left>.attr {
    float: left;
}

#content>.product-content>.product-Dashboards>.second>.left>.attr img {
    width: 260px;
    height: 365px;
    margin-right: 45px;
}

#content>.product-content>.product-Dashboards>.second>.right {
    width: 25%;
    position: absolute;
    right: 0;
}

#content>.product-content>.product-Dashboards>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Dashboards>.second>.right>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-Dashboards>.second>.right>.title>.attr {
    margin-right: 22px;
}

#content>.product-content>.product-Dashboards>.second>.right>.content {
    font-size: 14px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Dashboards>.third {
    width: 100%;
}

#content>.product-content>.product-Dashboards>.third>.two {
    position: absolute;
    left: 440px;
    top: 0;
}

#content>.product-content>.product-Dashboards>.third>.three {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Dashboards>.third>div {
    width: 30%;
    text-align: left;
}

#content>.product-content>.product-Dashboards>.third>div>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Dashboards>.third>div>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-Dashboards>.third>div>.title>.attr {
    margin-right: 25px;
}

#content>.product-content>.product-Dashboards>.third>div>.content {
    height: 160px;
    margin-bottom: 35px;
}

/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
#content>.product-content>.product-max {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-max>.max-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-max>.first {
    /* align-items: flex-end; */
    text-align: left;
}

#content>.product-content>.product-max>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-max>.max-content>.left {
    width: 33%;
    margin-right: 5%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-max>.max-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: bold;
}

#content>.product-content>.product-max>.max-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-max>.max-content>.center {
    width: 22%;
    margin-right: 5%;
    height: 140px;
    text-align: left;
    position: absolute;
    left: 430px;
    bottom: 0;
}

#content>.product-content>.product-max>.max-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-max>.max-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-max>.max-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-max>.first>.right {
    width: 490px;
    height: 272px;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-max>.second {
    width: 100%;
    height: 390px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-max>.second>.left {
    width: 70%;
    margin-right: 60px;
}

#content>.product-content>.product-max>.second>.left>.top {
    /* display: flex; */
    width: 100%;
    position: relative;
}

#content>.product-content>.product-max>.second>.left>.top>.right {
    position: absolute;
    right: 50px;
    top: 0;
}

#content>.product-content>.product-max>.second>.right {
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-max>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-max>.second>.right>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-max>.second>.right>.content {
    font-size: 14px;
}

#content>.product-content>.product-max>.third {
    width: 100%;
    height: 200px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-max>.third>.left {
    width: 470px;
    margin-right: 60px;
}

#content>.product-content>.product-max>.third>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-max>.third>.left>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-max>.third>.right {
    width: 620px;
    /* display: flex; */
    position: relative;
    left: 600px;
    bottom: 200px;
}

#content>.product-content>.product-max>.third>.right>.one {
    position: absolute;
    left: -60px;
    top: 0;
}

#content>.product-content>.product-max>.third>.right>.two {
    position: absolute;
    left: 180px;
    top: 0;
}

#content>.product-content>.product-max>.third>.right>.three {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-max>.third>.right>div>.line {
    width: 210px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-max>.third>.right>.two>.line {
    right: 10px;
}

#content>.product-content>.product-max>.third>.right>div>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-max>.third>.right>div>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-max>.fourth {
    width: 100%;
    height: 565px;
    margin-bottom: 100px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-max>.fourth>.left {
    width: 45%;
    height: 290px;
}

#content>.product-content>.product-max>.fourth>.right {
    width: 45%;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-max>.fourth>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-max>.fourth>.left>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-max>.fourth>.left>.title>.attr {
    width: 38px;
    height: 38px;
    margin-right: 22px;
}

#content>.product-content>.product-max>.fourth>.left>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-max>.fourth>.right>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-max>.fourth>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-max>.fourth>.right>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-max>.fourth>.right>.title>.attr {
    width: 38px;
    height: 38px;
    margin-right: 22px;
}

#content>.product-content>.product-max>.fourth>.left>.attr {
    width: 100%;
}

/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
#content>.product-content>.product-screen {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-screen>.screen-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-screen>.first {
    align-items: flex-end;
    text-align: left;
}

#content>.product-content>.product-screen>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-screen>.screen-content>.left {
    width: 30%;
    margin-right: 5%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-screen>.screen-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: bold;
}

#content>.product-content>.product-screen>.screen-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-screen>.screen-content>.center {
    width: 22%;
    margin-right: 5%;
    height: 120px;
    text-align: left;
    position: absolute;
    left: 400px;
    bottom: 0;
}

#content>.product-content>.product-screen>.screen-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-screen>.screen-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-screen>.screen-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-screen>.first>.right {
    width: 490px;
    height: 272px;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-screen>.second {
    width: 100%;
    height: 390px;
    /* display: flex; */
}

#content>.product-content>.product-screen>.second>.left {
    width: 50%;
    margin-right: 60px;
}

#content>.product-content>.product-screen>.second>.right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-screen>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.second>.right>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-screen>.second>.right>.title>.attr {
    margin-right: 22px;
}

#content>.product-content>.product-screen>.second>.right>.content {
    font-size: 14px;
}

#content>.product-content>.product-screen>.third {
    width: 100%;
    height: 360px;
    /* display: flex; */
}

#content>.product-content>.product-screen>.third>.left {
    width: 45%;
    margin-right: 60px;
}

#content>.product-content>.product-screen>.third>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.third>.left>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-screen>.third>.right {
    width: 620px;
    height: 100%;
    /* display: flex; */
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-screen>.third>.right>div>.line {
    width: 210px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-screen>.third>.right>div>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-screen>.third>.right>div>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-screen>.fourth {
    width: 100%;
    margin-bottom: 100px;
    /* display: flex; */
}

#content>.product-content>.product-screen>.fourth>.left {
    width: 45%;
}

#content>.product-content>.product-screen>.fourth>.right {
    width: 45%;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-screen>.fourth>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.fourth>.left>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-screen>.fourth>.left>.title>.attr {
    width: 38px;
    height: 38px;
}

#content>.product-content>.product-screen>.fourth>.left>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.fourth>.right>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.fourth>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.fourth>.right>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-screen>.fourth>.right>.attr {
    margin-bottom: 45px;
}

#content>.product-content>.product-screen>.fourth>.right>.title>.attr {
    width: 38px;
    height: 38px;
    margin-right: 22px;
}

#content>.product-content>.product-screen>.fourth>.left>.attr {
    width: 100%;
}

/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
#content>.product-content>.product-videos {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-videos>.videos-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-videos>.first {
    /* align-items: flex-end; */
    text-align: left;
}

#content>.product-content>.product-videos>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-videos>.videos-content>.left {
    width: 30%;
    text-align: left;
    position: relative;
    margin-right: 5%;
    left: 0;
}

#content>.product-content>.product-videos>.videos-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: bold;
}

#content>.product-content>.product-videos>.videos-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-videos>.videos-content>.center {
    width: 30%;
    height: 105px;
    text-align: left;
    position: absolute;
    left: 400px;
    bottom: 0;
}

#content>.product-content>.product-videos>.videos-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-videos>.videos-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-videos>.videos-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-videos>.first>.right {
    width: 560px;
    height: 100%;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-videos>.second {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-videos>.second>.left {
    width: 60%;
    /* display: flex; */
    position: relative;
    margin-right: 60px;
}

#content>.product-content>.product-videos>.second>.left>.two {
    position: absolute;
    left: 260px;
    top: 0;
}

#content>.product-content>.product-videos>.second>.left>.three {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-videos>.second>.right {
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-videos>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-videos>.second>.right>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-videos>.second>.right>.content {
    font-size: 14px;
}

#content>.product-content>.product-videos>.third {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-videos>.third>.center {
    position: absolute;
    left: 405px;
    top: 0;
}

#content>.product-content>.product-videos>.third>.right {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-videos>.third>div {
    width: 30%;
    margin-right: 60px;
    text-align: left;
}

#content>.product-content>.product-videos>.third>div>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-videos>.third>div>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-videos>.third>div>.content {
    width: 100%;
    margin-bottom: 30px;
}

/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
#content>.product-content>.shenqing {
    width: 190px;
    height: 55px;
    line-height: 55px;
    background: red;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    cursor: pointer;
}

#content>.content-about {
    width: 100%;
    position: relative;
}

#content>.content-about>.about-content {
    width: 100%;
    background: #000;
    margin: 0 auto;
    text-align: center;
}

#content>.content-about>.about-content>.content-others {
    /* background: #000; */
    width: 1300px;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 140px;
    position: relative;
    /* --swiper-navigation-size: 0; */
}

#content>.content-about>.about-content>.content-others>h1 {
    color: red;
    font-weight: bold;
    font-size: 48px;
    margin-bottom: 60px;
}

#content>.content-about>.about-content>.content-others>.teamswiper {
    width: 1240px;
    margin: 0 auto;
    height: 521px;
    position: relative;
    overflow: hidden;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide {
    /* width: 1260px; */
    width: auto;
    /* display: flex; */
    position: relative;
    overflow: hidden;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div {
    width: 393px;
    height: 660px;
    margin-right: 3%;
    background: #f3f2f2;
    color: #000;
    text-align: center;
    position: relative;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr {
    height: 247px;
    overflow: hidden;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr>img {
    height: 100%;
    width: 100%;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr>a {
    width: 100%;
    height: 247px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr>a::after {
    content: '';
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr>img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr:hover>img {
    transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div:first-child {
    /* margin-left: 3%; */
    position: absolute;
    /* left: 40px; */
    top: 0;
    overflow: hidden;
}

/* #content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr img {
    width: 393px;
    height: 453px;
} */
#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>h1 {
    overflow: hidden;
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: left;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>p {
    /* height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 321px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: left;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; */
    text-align: justify;
    width: 313px;
    height: 84px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.detail {
    /* width: 120px;
    height: 40px; */
    /* line-height: 40px; */
    /* background: red; */
    /* margin: 0 auto; */
    width: 80%;
    margin: 0 auto;
    text-align: left;
    color: red;
    cursor: pointer;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.detail>img {
    display: inline;
    margin-top: -2px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.detail>span {
    margin-right: 6px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div:nth-child(2) {
    position: absolute;
    left: 450px;
    top: 0;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div:last-child {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.title {
    margin-left: 60px;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 24px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.line {
    width: 40px;
    height: 40px;
    border-top: 1px solid red;
    margin-left: 60px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.content {
    margin-left: 60px;
    margin-right: 60px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.number {
    position: absolute;
    bottom: 50px;
    left: 60px;
    font-size: 100px;
    color: red;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div:first-child>.number {
    color: #fff;
}

#content>.content-about>.about-content>.content-example {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 140px;
    padding-top: 120px;
}

#content>.content-about>.about-content>.content-example>h1 {
    color: red;
    font-weight: bold;
    font-size: 48px;
    margin-bottom: 60px;
}

#content>.content-about>.about-content>.content-example>.plan {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

#content>.content-about>.about-content>.content-example>.plan>div {
    float: left;
    margin-right: 40px;
    width: 295px;
    height: 370px;
    color: #fff;
    /* background: url('../images/scene2/images/4_03.jpg') no-repeat top center; */
    /* background-size: 100% 100%; */
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

#content>.content-about>.about-content>.content-example>.plan>div>img {
    position: absolute;
    bottom: 42px;
    left: 133px;
    transition: all ease 0.3s;
}

#content>.content-about>.about-content>.content-example>.plan>div>.attr img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* #content>.content-about>.about-content>.content-example>.plan>div>.attr img:hover {
    transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
} */
#content>.content-about>.about-content>.content-example>.plan>div>h1 {
    font-size: 22px;
    position: absolute;
    left: 30px;
    bottom: 40px;
}

/* #content>.content-about>.about-content>.content-example>.plan>.plan-content2 {
    position: absolute;
    left: 350px;
    top: 0;
    background: url('../images/scene2/images/5_03.jpg') no-repeat top center;
} */
/* #content>.content-about>.about-content>.content-example>.plan>.plan-content3 {
    position: absolute;
    left: 680px;
    top: 0;
    background: url('../images/scene2/images/6_03.jpg') no-repeat top center;
} */
#content>.content-about>.about-content>.content-example>.plan>.plan-content4 {
    margin-right: 0;
    /* position: absolute;
    right: 0;
    top: 0;
    background: url('../images/scene2/images/7_03.jpg') no-repeat top center; */
}

#content>.content-about>.about-content>.trend {
    width: 100%;
    background: #000;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 140px;
    color: #747474;
    text-align: left;
}

#content>.content-about>.about-content>.trend>h1 {
    color: red;
    font-weight: bold;
    margin-bottom: 50px;
    font-size: 48px;
    text-align: center;
}

#content>.content-about>.about-content>.trend>.trend-content {
    width: 1300px;
    margin: 0 auto;
}

#content>.content-about>.about-content>.trend>.trend-content {
    margin-bottom: 60px;
}

#content>.content-about>.about-content>.trend>.trend-button {
    width: 1300px;
    margin: 0 auto;
}

#content>.content-about>.about-content>.trend>.trend-button>div {
    width: 100%;
    border-top: 1px #747474 solid;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

#content>.content-about>.about-content>.trend>.trend-button>div>h1 {
    color: #fff;
}

#content>.content-about>.about-content>.trend>.trend-button>div>.add {
    position: absolute;
    right: 30px;
    top: 40px;
    cursor: pointer;
    /* font-size: 80px; */
}

#content>.content-about>.about-content>.trend>.trend-button>div>.content {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
}

#content>.content-about>.about-content>.trend>.more {
    width: 360px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    background: red;
    text-align: center;
    color: #fff;
}

/* #content>.content-others>.teamswiper */
.content_head .txt {
    text-align: center;
    padding-top: 60px;
}

.content_head .txt h2 span {
    color: #0476ff;
}

h2.title_en {
    color: #ffffff;
    line-height: 0.88;
    font-size: 50px;
}

h2.title_cn {
    color: #0476ff;
    font-size: 24px;
}

.content_head .txt .fu_title {
    color: #ebebeb;
    margin-top: 30px;
    font-size: 16px;
    font-weight: normal;
}

.content_head .txt .fu_title span {
    color: #0476ff;
    padding: 0 10px;
    font-size: 12px;
}

.content_head .txt .fu_title b {
    font-weight: bold;
}

.content_head .txt .fu_title br {
    display: none;
}

.head_con {
    width: 825px;
    margin: 30px auto 0px auto;
    color: #c8c8c8;
    font-size: 16px;
    line-height: 26px;
}

.content_con {
    width: 100%;
    text-align: center;
}

.con {
    width: 1180px;
    margin: 0px auto;
}

.content_con .con_img {
    width: 590px;
    text-align: left;
    position: relative;
    float: left;
}

.content_con .con_img .img {
    position: absolute;
    top: 50%;
    left: 50%;
}

.content_con .con_img .imgBig {
    width: 600px;
    height: auto;
}

.content_con .con_content {
    width: 430px;
    text-align: left;
    float: right;
    min-height: 240px;
}

.content_con .con_content h2 {
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    font-weight: normal;
}

.content_con .con_content .line {
    width: 60px;
    height: 4px;
    background-color: #e30000;
    margin: 30px 0px 40px 0px;
}

.content_con .con_content p {
    color: #c8c8c8;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 40px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.content_con .con_content p.data_c span {
    color: #fb452f;
    font-weight: bold;
    line-height: 26px;
}

.content_con .con_content h3 {
    color: #c8c8c8;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 20px;
}

.content_con .con_content ul {
    color: #646464;
    font-size: 12px;
}

.content_con .con_content ul li {
    margin-top: 10px;
}

.con_content .btn {
    display: inline-block;
    width: 210px;
    height: 60px;
    position: relative;
    line-height: 60px;
    background-color: #fb452f;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    border: 0px solid #fb452f;
}

.con_content .btn i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none /9;
    background-color: #ffffff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    -moz-transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    -o-transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
}

.con_content .btn:hover i {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.con_content .btn span {
    display: inline-block;
    color: #ffffff;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.con_content .btn:hover span {
    color: #fb452f;
}

.con_img .play {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37px;
    margin-top: -37px;
    width: 75px;
    height: 75px;
    background: url(../images/solution/play.png) no-repeat;
    background-size: cover;
}

.content_con .video {
    display: none;
    object-fit: fill;
    width: 592px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -295px;
    margin-top: -166px;
}

.hen_chang {
    width: 100%;
    text-align: center;
    /*padding: 50px 0px;*/
}

.hen_chang .con_content {
    width: 930px;
    text-align: center;
    min-height: auto;
    margin: 0px auto;
}

.hen_chang .con_content h2 {
    color: #ffffff;
    font-size: 28px;
    line-height: 54px;
    font-weight: normal;
    margin-bottom: 30px;
}

.hen_chang .con_content .line {
    width: 60px;
    height: 4px;
    background-color: #e30000;
    margin: 30px auto 40px auto;
}

.hen_chang .con_content p {
    color: #c8c8c8;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 60px;
    text-align: left;
}

.hen_chang .con_content h3 {
    color: #c8c8c8;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 20px;
}

.hen_chang .con_content ul {
    color: #646464;
    font-size: 12px;
}

.hen_chang .con_content ul li {
    margin-top: 10px;
}

.hen_chang .con_img {
    width: 1300px;
    position: relative;
    margin-top: 60px;
}

.circleBig {
    width: 555px;
    margin: 0 auto;
}

.hen_chang .con_content .circleBox {
    width: 250px;
    display: inline-block;
}

.hen_chang .con_img .img {
}

.hen_chang .video {
    display: none;
    object-fit: fill;
    width: 100%;
}

.hen_chang .con {
    width: 1300px;
}

.hen_chang .clearfix {
    position: relative;
}

.hen_chang .dingBtn {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
}

.hen_chang .btn {
    display: inline-block;
    width: 210px;
    height: 60px;
    position: relative;
    line-height: 60px;
    background-color: #fb452f;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    border: 0px solid #fb452f;
}

.hen_chang .btn i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none /9;
    background-color: #ffffff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    -moz-transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    -o-transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
}

.hen_chang .btn:hover i {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.hen_chang .btn span {
    display: inline-block;
    color: #ffffff;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.hen_chang .btn:hover span {
    color: #fb452f;
}

.imgBoxAll .ddImg {
    width: 118%;
    margin-left: -70px;
    margin-top: -20px;
}

.imgBoxAll .ddImgFive {
    margin-top: 30px;
}

.content_con .con_img .imgDD_yd {
    display: none;
}

@media (max-width: 1700px) {
}

@media (max-width: 1500px) {
}

@media (max-width: 1300px) {
}

@media only screen and (max-width: 768px) {
    #content {
        min-width: 100%;
    }

    .content {
        min-width: 100%;
    }

    .newContent .con_content .btnDownAA {
        margin-bottom: 0;
    }

    .logoBox {
        width: 100%;
        margin-bottom: 0.1rem;
    }

    .newContent {
        width: 100%;
        min-width: auto;
        position: relative;
    }

    .newContent .con_content .oneTitle {
        font-size: 0.19rem;
        line-height: 0.23rem;
        margin-bottom: 0.1rem;
        text-align: center;
    }

    .newContent .con_content .oneColorTitle {
        font-size: 0.18rem;
        line-height: 0.23rem;
        margin-bottom: 0.3rem;
        text-align: center;
    }

    .newContent .con_content .twoTitle {
        font-size: 0.19rem;
        line-height: 0.23rem;
        margin-bottom: 0.3rem;
        text-align: center;
    }

    .newContent .con_content .data_c {
        font-size: 0.12rem;
        line-height: 0.23rem;
        margin-bottom: 0.4rem;
        text-align: justify;
        width: 100%;
        text-justify: inter-ideograph;
    }

    .newContent .con_content .circleBox {
        font-size: 0.14rem;
    }

    .newContent .con_content .data_little {
        font-size: 0.12rem;
        line-height: 0.23rem;
        margin-bottom: 0.4rem;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .imgBox, .threeImgBox, .imgBoxOne {
        width: 100%;
        margin: 0 auto 0.2rem;
    }

    .newContent .twoImgBox {
        width: 100%;
        margin: 0 auto;
    }

    .newContent .threeImgBox {
        width: 100%;
        margin: 0 auto;
    }

    .circleBig {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .hen_chang .dingBtn {
        position: relative;
        left: 0;
        right: initial;
        bottom: initial;
        top: -0.2rem;
    }

    .hen_chang .con_content .circleBox {
        width: 100%;
    }

    .hen_chang .con_content h2 {
        margin-bottom: 0.3rem;
    }

    .numAllBox {
        margin-top: 0.4rem;
    }

    .imgBoxAll {
        float: left;
    }

    .oneLeft {
        float: initial;
    }

    .oneRight {
        float: initial;
    }

    .logoBox {
        /*position: absolute;top: 0.5rem;*/
        margin: 0 auto;
        left: 0;
        right: 0;
        margin-bottom: 0.15rem;
    }

    .numBox {
        width: 0.75rem;
        margin-right: 0.35rem;
    }

    .numNum {
        font-size: 0.3rem;
        width: 0.37rem;
    }

    .numJia {
        font-size: 0.28rem;
        width: 0.25rem;
        position: relative;
        top: -0.15rem;
    }

    .numFont {
        width: 100%;
        font-size: 0.14rem;
    }

    .newContent .con_content .ydOne {
        width: 2.3rem;
        margin: 0 auto 0.2rem;
    }

    .newContent .con_content .ydTwo {
        width: 2.4rem;
        margin: 0 auto 0.2rem;
    }

    .newContent .con_content .btnDown {
        margin-bottom: 0.4rem;
    }

    .newContent .con_content .btnDownImg {
        margin-bottom: 0.6rem;
    }

    .imgBoxAll .ddImg {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .imgBoxAll .ddImgFive {
        margin-top: 0;
    }

    .con_content .btn {
        width: 1.5rem;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.15rem;
    }

    .hen_chang .btn {
        width: 1.5rem;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.15rem;
    }

    h2.title_en {
        font-size: 0.4rem;
    }

    h2.title_cn {
        font-size: 0.24rem;
    }

    .content_head {
        padding-bottom: 0.5rem;
    }

    .content_head .txt {
        padding-top: 0.55rem;
    }

    .content_head .txt h2 {
    }

    .content_head .txt .fu_title {
        margin-top: 0.25rem;
        font-size: 0.16rem;
    }

    .content_head .txt .fu_title br {
        display: block;
    }

    .head_con {
        width: 90%;
        margin: 0.15rem auto 0rem auto;
        font-size: 0.08rem;
        line-height: 0.23rem;
    }

    .newContent .con {
        margin-bottom: 0.4rem;
    }

    .con {
        width: 90%;
    }

    .content_con .con_img {
        width: 100%;
        text-align: left;
        position: relative;
        float: none;
    }

    .content_con .con_img .img {
        position: initial;
        width: 100%;
    }

    .content_con .con_img .imgDD {
        display: none;
    }

    .content_con .con_img .imgDD_yd {
        display: block;
    }

    .content_con .video {
        width: 100%;
        position: initial;
        margin-left: 0;
        margin-top: 0;
    }

    .content_con .con_content {
        width: 100%;
        text-align: left;
        float: none;
        min-height: initial;
        position: relative;
    }

    .content_con .con_content h2 {
        font-size: 0.19rem;
        line-height: 0.23rem;
        font-weight: normal;
        text-align: center;
    }

    .content_con .con_content .line {
        width: 0.3rem;
        margin: 0.15rem auto 0.2rem;
    }

    .content_con .con_content p {
        font-size: 0.12rem;
        line-height: 0.23rem;
        margin-bottom: 0.3rem;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .content_con .con_content h3 {
        color: #c8c8c8;
        font-size: 0.16rem;
        line-height: 0.23rem;
        font-weight: normal;
        margin-bottom: 0.1rem;
    }

    .content_con .con_content ul {
        font-size: 0.14rem;
        color: #FFFFFF;
        margin-bottom: 0.3rem;
    }

    .content_con .con_content ul li {
        margin-top: 0.05rem;
    }

    .newContent .con_content .data_ty {
        letter-spacing: 1px;
    }

    .content_con .con_content .btnBox {
        text-align: center;
        position: absolute;
        bottom: -3.8rem;
        width: 100%;
    }

    .content_con .con_content .btnThree {
        bottom: -4.25rem;
    }

    .content_con .con_content .btnFour {
        bottom: -4rem;
    }

    .content_con .con_content .btnFive {
        bottom: -3.44rem;
    }

    .hen_chang .con {
        width: 90%;
    }

    .hen_chang .con_content {
        width: 100%;
        text-align: center;
        min-height: 0;
        margin: 0px auto;
    }

    .hen_chang .con_content h2 {
        font-size: 0.19rem;
        line-height: 0.23rem;
        font-weight: normal;
        text-align: left;
        margin-bottom: 0.3rem;
        text-align: center;
    }

    .hen_chang .con_content .line {
        width: 0.3rem;
        display: inline-block;
        margin: 0.15rem 0 0.2rem 0;
    }

    .hen_chang .con_content p {
        font-size: 0.15rem;
        line-height: 0.3rem;
        margin-bottom: 0.3rem;
    }

    .hen_chang .con_content h3 {
        color: #c8c8c8;
        font-size: 0.2rem;
        line-height: 0.3rem;
        font-weight: normal;
        margin-bottom: 0.1rem;
    }

    .hen_chang .con_content ul {
        font-size: 0.15rem;
    }

    .hen_chang .con_content ul li {
        margin-top: 0.05rem;
    }

    .hen_chang .con_img {
        width: 100%;
        margin-top: 0.3rem;
    }

    .hen_chang .con_img .img {
        width: 100%;
    }

    .con_img .play {
        margin-left: -0.185rem;
        margin-top: -0.185rem;
        width: 0.375rem;
        height: 0.375rem;
    }

    .con_0 {
        padding-top: 0.5rem;
    }

    .con_1 {
        padding-top: 0.5rem;
    }

    .con_2 {
        padding-top: 0.5rem;
    }

    .con_3 {
        padding-top: 0.5rem;
    }

    .con_4 {
        padding-top: 0.5rem;
    }

    .con_5 {
        padding-top: 0.5rem;
        padding-bottom: 0;
    }

    .con_6 {
        padding-top: 0.5rem;
    }

    .con_66 {
        padding-top: 0.85rem;
    }

    .con_7 {
        padding-top: 0.5rem;
    }

    .con_8 {
        padding-top: 0.5rem;
    }

    .con_9 {
        padding-top: 0.7rem;
        padding-bottom: 1rem;
    }

    .con_10 {
        padding-top: 0.5rem;
    }

    .con_21 {
        padding-top: 0.5rem;
    }

    .con_99 {
        padding-top: 0.5rem;
    }

    /*.con_77{padding-top: 1.5rem;}*/
    .con_22 {
        padding-top: 0.7rem;
    }

    .con_23 {
        padding-top: 0.7rem;
    }

    .con_24 {
        padding-top: 0.7rem;
    }

    .con_31 {
        padding-top: 0.7rem;
    }

    .con_32 {
        padding-top: 0.5rem;
    }

    .con_223 {
        padding-top: 0.8rem;
    }

    .con_2233 {
        padding-top: 1rem;
    }

    .con_233 {
        padding-top: 1.35rem;
    }

    .con_3 .con_img, .con_8 .con_img, .con_4 .con_img, .con_21 .con_img, .con_99 .con_img, .con_22 .con_img, .con_23 .con_img, .con_24 .con_img, .con_31 .con_img {
        margin-bottom: 0.3rem;
    }

    .con_99 .con_content {
        text-align: center;
    }

    .con_99 .con_content h2, .con_99 .con_content p {
        text-align: left;
    }

    .con_99 .con_content .btn {
        margin: 0px auto;
    }

    .logoBox img {
        height: 0.8rem;
    }

    .one_icotxt {
        font-size: 0.2rem;
        padding: 0.05rem 0.2rem;
        line-height: 0.2rem;
        padding-bottom: 0.07rem;
        top: 0.25rem;
        margin-left: 0.1rem;
    }

    #content .newContent .oneCont .circleBox {
        margin-bottom: 0.1rem;
        float: none;
        font-size: 0.14rem;
        width: 2.3rem;
    }

    #content .newContent .oneCont .one_te {
        font-size: 0.16rem;
        width: 2.5rem;
    }

    #content .newContent .oneCont .btnDownAA {
        margin-bottom: 0.25rem;
    }

    .imgBoxOne {
        position: relative;
    }

    .imgBoxOne img {
        width: 100%;
        left: 0rem;
        margin-left: 0rem;
    }

    .content_con .oneCont .btnBox {
        bottom: -2.8rem;
    }

    .content_con .oneCont p {
        float: none;
    }

    .te_txt {
        font-size: 0.3rem;
        padding-top: 0.5rem;
    }
}

.ln1 {
    line-height: 40px;
    font-size: 16px;
}

.ln2 {
    line-height: 28px;
}

.shu {
    width: 1px;
    height: 17px;
    background-color: #535353;
    float: left;
    margin-top: 26.5px;
}

#content .nav .nav_in .focus2::after {
    content: '';
    width: 1px;
    height: 4px;
    background-color: #ff0000;
    position: absolute;
    bottom: 0;
    transition: all ease 0.3s;
}

.wow>img {
    margin-left: 150px;
    width: 1000px;
}

.content-img {
    margin-top: 50px;
    width: 1000px;
    text-align: center;
    margin-left: 150px;
}

.title-right {
    float: right;
    display: block;
    width: 100px;
    font-size: 24px;
    color: #CDCDCD;
    line-height: 36px;
    font-weight: 700;
    text-align: right;
    border-bottom: 1px solid #CED1D8;
}

* {
    margin: 0px;
    padding: 0px;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Bold.otf');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINLight';
    src: url('../fonts/DIN-Light.otf');
    font-weight: normal;
    font-style: normal
}

.DIN {
    font-family: 'DIN';
}

.DINLight {
    font-family: 'DINLight';
}

.guding {
    position: fixed !important;
    display: block !important;
    top: 71px !important;
    z-index: 100;
    /* opacity: 1;
	transition: all ease .3s; */
}

.guding2 {
    position: fixed !important;
    display: block !important;
    top: 129px !important;
    z-index: 100;
}

.guding3 {
    position: fixed !important;
    display: block !important;
    top: 151px !important;
    z-index: 100;
}

.guding4 {
    position: fixed !important;
    display: block !important;
    top: 342px !important;
    z-index: 100;
}

#content {
    width: 100%;
    min-width: 1300px;
    overflow: hidden;
}

#content .banner .banner_in {
    width: 1300px;
    margin: 0 auto;
}

#content .banner .banner_tit {
    width: 1300px;
    margin: 150px auto 30px 25px;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 48px;
    color: #f0f0f0;
    text-indent: -.5em;
}

#content .banner .banner_text {
    width: 1300px;
    margin: 0px auto;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 20px;
    color: #f0f0f0;
    line-height: 36px;
}

#content .banner a {
    width: 310px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    color: #f0f0f0;
    background-color: #0476ff;
    border: none;
    display: inline-block;
    margin-top: 80px;
    border: none;
}

#content .banner a::after {
    content: url(./../images/businesslist/jiantou_03.png);
    width: 20px;
    height: 16px;
    margin-left: 30px;
}

#content .text {
    width: 1300px;
    /* height: 430px; */
    margin: 0 auto;
    overflow: hidden;
}

#content .text .biaoti1 {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 66px;
    font-weight: 500;
    text-align: center;
    color: #0476ff;
    margin-top: 120px;
    margin-bottom: 32px;
}

#content .text .neirong {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 18px;
    text-align: center;
    color: #505050;
    line-height: 36px;
    margin-bottom: 120px;
}

#content h2 {
    /* font-family: "MicrosoftYaHei"; */
    font-weight: bold;
    font-size: 48px;
    color: #0476ff;
    margin-top: 144px;
    margin-bottom: 55px;
    text-align: center;
}

#content .service {
    width: 100%;
    text-align: center;
    overflow: hidden;
    background-color: #f6f6f6;
    position: relative;
}

#content .service .pz {
    width: 100%;
    height: 80px;
    background-color: #f6f6f6;
    position: absolute;
    /* top: 1232px; */
    top: 238px;
}

#content .service .pz_in {
    width: 1300px;
    height: 80px;
    margin: 0 auto;
}

#content .service .p {
    float: left;
    width: 33%;
    height: 72px;
    line-height: 78px;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 20px;
    border: 1px solid #d3d3d3;
    color: #181818;
    cursor: pointer;
    transition: all ease .3s;
}

#content .service .p:hover {
    color: #f6f6f6;
    background-color: #0476ff;
    transition: all ease 0.3s;
}

#content .service .pshow {
    float: left;
    width: 33%;
    height: 72px;
    line-height: 72px;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 20px;
    color: #f6f6f6;
    background-color: #0476ff;
    transition: all ease 0.3s;
}

/* #content .service .p1::after{
	content: '';
	width: 2px;
	height: 23px;
	background-color: #d2d2d2;
	position: absolute;
	margin-left: 49px;
	margin-top: 18px;
} */
#content .service .pz .shu {
    width: 2px;
    height: 23px;
    background-color: #d2d2d2;
    float: left;
    position: relative;
    top: 17.5px;
}

#content .service .pz .shu1 {
    opacity: 0.1;
}

/* #content .service .p2::after{
	content: '';
	width: 2px;
	height: 23px;
	background-color: #d2d2d2;
	position: absolute;
	margin-left: 99px;
	margin-top: 18px;
} */
#content .service .line {
    width: 100%;
    height: 1px;
    background-color: #d2d2d2;
    position: absolute;
    /* top: 1290px; */
    top: 296px;
}

#content .service .analysis {
    width: 1300px;
    margin: 0 auto;
}

#content .service .show {
    display: none;
}

/* #content .service .product{
	display: none;
} */
#content .service .neirong1 {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 16px;
    color: #505050;
    width: 1300px;
    /* border-top: solid 1px #d2d2d2; */
    padding-top: 55px;
    padding-bottom: 38px;
    line-height: 32px;
    text-align: left;
    background-color: #f6f6f6;
    position: absolute;
    /* top: 1291px; */
    top: 313px;
}

#content .service .analysis .nav {
    float: left;
}

#content .service .analysis .nav li {
    /* font-family: "MicrosoftYaHei"; */
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #181818;
    width: 255px;
    text-align: left;
    cursor: pointer;
    transition: all ease 0.3s;
    text-indent: 1.3em;
    border-bottom: 1px solid #d3d3d3;
}

#content .service .analysis .nav li:hover {
    color: #fff;
    background-color: #0476ff;
    transition: all ease 0.3s;
}

/* #content .service .analysis .nav li:hover::before{
	content: '';
	width: 60px;
	height: 2px;
	background-color: #0476ff;
	position: absolute;
	margin-top: 30px;
	transition: all ease 0.3s;
} */
#content .service .analysis .nav .focus {
    color: #fff;
    background-color: #0476ff;
    transition: all ease 0.3s;
}

#content .service .analysis .nav li::before {
    position: relative;
    left: -8px;
    top: 3px;
    transition: all .3s ease;
}

#content .service .analysis .nav .kshdz::before {
    content: url(../images/businesslist/menu/kshdy1.png);
}

#content .service .analysis .nav .kshdz.focus::before, #content .service .analysis .nav .kshdz:hover::before {
    content: url(../images/businesslist/menu/kshdy2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .kshxt::before {
    content: url(../images/businesslist/menu/kshxt1.png);
}

#content .service .analysis .nav .kshxt.focus::before, #content .service .analysis .nav .kshxt:hover::before {
    content: url(../images/businesslist/menu/kshxt2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .kshdp::before {
    content: url(../images/businesslist/menu/kshdp1.png);
}

#content .service .analysis .nav .kshdp.focus::before, #content .service .analysis .nav .kshdp:hover::before {
    content: url(../images/businesslist/menu/kshdp2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .kshsj::before {
    content: url(../images/businesslist/menu/kshsj1.png);
}

#content .service .analysis .nav .kshsj.focus::before, #content .service .analysis .nav .kshsj:hover::before {
    content: url(../images/businesslist/menu/kshsj2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .kshzx::before {
    content: url(../images/businesslist/menu/kshzx1.png);
}

#content .service .analysis .nav .kshzx.focus::before, #content .service .analysis .nav .kshzx:hover::before {
    content: url(../images/businesslist/menu/kshzx2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .biaozhun::before {
    content: url(../images/businesslist/menu/biaozhun1.png);
}

#content .service .analysis .nav .biaozhun.focus::before, #content .service .analysis .nav .biaozhun:hover::before {
    content: url(../images/businesslist/menu/biaozhun2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .dingzhi::before {
    content: url(../images/businesslist/menu/dingzhi1.png);
}

#content .service .analysis .nav .dingzhi.focus::before, #content .service .analysis .nav .dingzhi:hover::before {
    content: url(../images/businesslist/menu/dingzhi2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .zixun::before {
    content: url(../images/businesslist/menu/zixun1.png);
}

#content .service .analysis .nav .zixun.focus::before, #content .service .analysis .nav .zixun:hover::before {
    content: url(../images/businesslist/menu/zixun2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .qygw::before {
    content: url(../images/businesslist/menu/qygw1.png);
}

#content .service .analysis .nav .qygw.focus::before, #content .service .analysis .nav .qygw:hover::before {
    content: url(../images/businesslist/menu/qygw2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .ppyysj::before {
    content: url(../images/businesslist/menu/ppyysj1.png);
}

#content .service .analysis .nav .ppyysj.focus::before, #content .service .analysis .nav .ppyysj:hover::before {
    content: url(../images/businesslist/menu/ppyysj2.png);
    transition: all .3s ease;
}

#content .service .analysis .nav .yxtg::before {
    content: url(../images/businesslist/menu/yxtg1.png);
}

#content .service .analysis .nav .yxtg.focus::before, #content .service .analysis .nav .yxtg:hover::before {
    content: url(../images/businesslist/menu/yxtg2.png);
    transition: all .3s ease;
}

/* #content .service .analysis .nav .focus::before{
	content: '';
	width: 60px;
	height: 2px;
	background-color: #0476ff;
	position: absolute;
	margin-top: 30px;
	transition: all ease 0.3s;
} */
#content .service .analysis .right_page {
    float: right;
    width: 985px;
    text-align: left;
}

#content .service .analysis .yincang {
    display: none;
}

#content .service .analysis .right_page .para {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 14px;
    color: #505050;
    margin-bottom: 50px;
    line-height: 28px;
    clear: both;
}

#content h3 {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 30px;
    color: #181818;
    border-bottom: 2px solid #0476ff;
    text-indent: 1.8em;
    /* width: fit-content; */
    margin-bottom: 30px;
    display: inline-block;
    position: absolute;
    top: 3px;
}

/* #content h3::before{
	content: url(./../images/businesslist/icon_03.png);
	width: 40px;
	height: 40px;
	position: absolute;
	margin-left: -110px;
} */
#content .service .analysis .right_page p {
    font-size: 30px;
    color: #0476ff;
    font-weight: bold;
    width: fit-content;
    float: left;
}

#content .service .analysis .right_page h4 {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 18px;
    color: #505050;
    position: relative;
    top: 10px;
    text-indent: 0.4em;
}

#content .service .analysis .right_page .xiaoduan5 h4 {
    font-size: 24px;
    top: 3px;
}

#content .service .pinpai .right_page h4 {
    /* top: 3px; */
    font-size: 16px;
    line-height: 21px;
}

#content .service .analysis .right_page .xiaoduan {
    width: 300px;
    float: left;
    margin-right: 40px;
    padding: 10px 0;
}

#content .service .analysis .right_page .xiaoduan3 {
    width: 300px;
    float: left;
    padding: 10px 0;
}

#content .service .analysis .right_page .xiaoduan2 {
    /* width: 440px; */
    float: left;
    /* margin-right: 105px; */
}

#content .service .analysis .right_page .xiaoduan4 {
    margin-right: 0;
}

#content .service .analysis .right_page .xiaoduan5 {
    width: 788px;
    overflow: hidden;
    margin-left: 200px;
}

#content .service .analysis .right_page .xiaoduan2 .para {
    margin-bottom: 28px;
}

#content .service .analysis .right_page .xiaoduan5 .para {
    margin-bottom: 48px !important;
    font-size: 16px;
}

#content .service .analysis .right_page .damar .para {
    margin-bottom: 60px;
}

#content .service .analysis .right_page .fwlc {
    float: left;
    width: 84px;
    height: 648px;
    background-image: url(./../images/businesslist/fwlc_07.png);
    margin-top: 10px;
}

#content .service .analysis .right_page .fwlcp3 {
    float: left;
    width: 82px;
    height: 794px;
    background-image: url(./../images/businesslist/fwlcp3_07.png);
    margin-top: 10px;
}

#content .service .analysis .right_page .list {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

#content .service .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
}

/* #content .service .analysis .right_page img{
	width: 410px;
	height: 200px;
	display: inline-block;
	float: left;
} */
#content .service .analysis .right_page .img {
    width: 410px;
    height: 200px;
    float: left;
    /* background: url(./../images/businesslist/tupian_03.jpg) no-repeat; */
    margin-right: 60px;
    margin-bottom: 60px;
}

#content .service .analysis .right_page .para2 {
    width: 515px;
    float: left;
    clear: none;
    text-align: justify;
}

#content .service .analysis .right_page .para3 {
    width: 515px;
    float: left;
    clear: none;
    text-align: justify;
    margin-right: 60px;
}

#content .service .analysis .right_page5 .para3 {
    width: 463px;
    margin-right: 80px;
}

#content .service .product .right_page3 .para3 {
    width: 463px;
    margin-right: 80px;
}

#content .service .analysis .right_page .img2 {
    width: 410px;
    height: 200px;
    float: left;
    /* background: url(./../images/businesslist/tupian_03.jpg) no-repeat; */
    margin-bottom: 60px;
}

#content .service .analysis .right_page5 .img2 {
    width: 442px;
    height: 292px;
    background: url(./../images/businesslist/fwnr_03.jpg) no-repeat;
    margin-bottom: 60px;
    position: relative;
    margin-top: -75px;
}

#content .service .product .right_page3 .img2 {
    width: 442px;
    height: 292px;
    background: url(./../images/businesslist/fwnr_03.jpg) no-repeat;
    margin-bottom: 60px;
    position: relative;
    margin-top: -75px;
}

#content .service .analysis .right_page .para4 {
    width: 756px;
    float: left;
    clear: none;
    text-align: justify;
    margin-right: 60px;
}

#content .service .analysis .right_page .box {
    width: 231px;
    height: 270px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    /* cursor: pointer; */
}

#content .service .analysis .right_page4 .box {
    width: 308px;
    height: 183px;
    margin-bottom: 60px;
    margin-right: 30px;
    float: left;
    overflow: hidden;
    /* cursor: pointer; */
}

#content .service .product .right_page .box {
    height: 383px;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 40px;
}

#content .service .pinpai .right_page .box {
    height: 324px;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 50px;
}

#content .service .product .right_page .box3 {
    height: 280px;
    width: 224px;
    margin-bottom: 60px;
    border: none;
    margin-right: 29px;
}

#content .service .analysis .right_page .box3 {
    margin-bottom: 132px;
}

#content .service .pinpai .right_page .box3 {
    border: none;
    height: 100%;
    width: 220px;
    margin-right: 35px;
}

#content .service .analysis .right_page .box2 {
    margin-right: 0;
}

#content .service .analysis .right_page4 .box2 {
    margin-right: 0;
}

#content .service .analysis .right_page .box .up {
    width: 231px;
    height: 138px;
    background-color: #b5b5b5;
}

#content .service .analysis .right_page4 .box .up {
    width: 308px;
    height: 183px;
    background-color: #b5b5b5;
    position: relative;
}

#content .service .product .right_page .box3 .up2 {
    width: 224px;
    height: 150px;
}

#content .service .analysis .right_page .box .up img {
    width: 231px;
    height: 138px;
}

#content .service .analysis .right_page4 .box .up img {
    width: 308px;
    height: 183px;
    transition: all ease .3s;
}

#content .service .product .right_page .box3 .up2 img {
    width: 224px;
    height: 150px;
}

#content .service .analysis .right_page .box .down {
    width: 231px;
    height: 132px;
    background-color: #fff;
}

#content .service .analysis .right_page4 .box .down {
    width: 308px;
    height: 50px;
    background-color: #ed5b4a;
    color: #fdeae8;
    font-size: 18px;
    line-height: 50px;
    text-indent: 2em;
}

#content .service .product .right_page .box .down {
    background-color: transparent;
    height: 245px;
}

#content .service .pinpai .right_page .box .down {
    height: 207px;
}

#content .service .product .right_page .box3 .down {
    width: 224px;
    height: 130px;
}

#content .service .pinpai .right_page .box3 .down {
    height: 100%;
    width: 220px;
}

#content .service .analysis .right_page .box .down .up_text {
    display: inline-block;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 16px;
    color: #161616;
    line-height: 21px;
    width: 200px;
    text-align: left;
    margin: 18px 0 6px 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #c6c6c6;
}

#content .service .product .right_page .box .down .word {
    display: inline-block;
    font-size: 24px;
    line-height: 36px;
    width: 100%;
    color: #0476ff;
    margin: 0;
    margin-top: 10px;
}

#content .service .product .right_page .box .down .up_text {
    font-size: 18px;
    line-height: 36px;
    width: 100%;
    margin: 0;
    border: none;
}

#content .service .analysis .right_page .box .down .down_text {
    display: block;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 12px;
    color: #6f6f6f;
    line-height: 18px;
    width: 191px;
    margin: 0 auto;
    text-align: justify;
}

#content .service .product .right_page .box .down .down_text {
    width: 100%;
    line-height: 24px;
    border-top: 1px solid #c2c2c2;
    padding-top: 10px;
}

#content .service .analysis .right_page .para5 {
    margin-bottom: 28px;
}

#content .service .analysis .right_page .para5 span {
    color: #0476ff;
    font-size: 18px;
}

/* #content .service .analysis .right_page a{
	display: inline-block;
	width: 190px;
	height: 54px;
	line-height: 54px;
	font-size: 24px;
	text-align: center;
	color: #f0f0f0;
	background-color: #0476ff;
	position: absolute;
	left: 0px;
	top: 225px;
	border: none;
} */
/* #content .service .product .right_page2 a{
	display: inline-block;
	width: 300px;
	height: 70px;
	background-color: #0476ff;
	position: relative;
	left: 0px;
	top: 0;
}
#content .service .product .right_page2 a::after{
	content: url(./../images/businesslist/jiantou3.png);
	width: 72px;
	height: 30px;
	position: absolute;
	margin-top: 11px;
	left: 235px;
}
#content .service .product .right_page2 a img{
	margin-top: 17.5px;
	margin-left: 10px;
	float: left;
}
#content .service .product .right_page2 a .btn_text{
	color: #ffffff;
	width: 190px;
	height: 56px;
	font-size: 14px;
	line-height: 24px;
	margin-top: 12px;
	margin-left: 15px;
	float: left;
} */
#content .service .analysis .right_page li {
    text-indent: 1em;
    font-size: 18px;
    margin-bottom: 10px;
    color: #161616;
}

#content .service .product .right_page li {
    font-size: 24px;
    color: #181818;
}

#content .service .analysis .right_page li::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0476ff;
    position: absolute;
    margin-top: 10px;
    margin-left: -17px;
}

#content .service .analysis .right_page li::before {
    margin-top: 12px;
}

#content .service .product .right_page li::before {
    margin-left: -23px;
}

#content .service .analysis .right_page .last {
    margin-bottom: 140px;
}

#content .service .product .right_page .other {
    width: 293px;
    height: 45px;
    border-bottom: 2px solid #d2d2d2;
    margin-bottom: 40px;
    cursor: pointer;
    float: left;
    margin-right: 52px;
}

#content .service .product .right_page .other3 {
    margin-right: 0;
}

#content .service .product .right_page .other6 {
    margin-right: 0;
}

#content .service .product .right_page .other h4 {
    width: 233px;
    float: left;
}

#content .service .product .right_page .other span {
    display: inline-block;
    font-size: 30px;
}

#content .service .product .right_page .other:hover h4 {
    color: #0476ff;
    transition: color .3s ease;
}

#content .service .product .right_page .other:hover span {
    color: #0476ff;
    transition: color .3s ease;
}

#content .service .product .right_page .SaaS {
    width: 307px;
    height: 324px;
    margin-right: 29px;
    margin-bottom: 100px;
    /* background-color: #0476ff; */
    border: 1px solid #dcdcdc;
    float: left;
    transition: all ease .5s;
}

#content .service .product .right_page .SaaS2 {
    margin-right: 0;
}

#content .service .product .right_page .SaaS .ban {
    display: inline-block;
    font-size: 30px;
    color: #181818;
    line-height: 48px;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

#content .service .product .right_page .SaaS p {
    display: inline-block;
    font-size: 54px;
    color: #0476ff;
    float: none;
    margin-left: 50px;
}

#content .service .product .right_page .SaaS .p4 {
    margin-left: 20px;
}

#content .service .product .right_page .SaaS p::before {
    content: 'ï¿¥';
    font-size: 24px;
    position: relative;
    left: 2px;
    color: #505050;
    top: -21px;
}

#content .service .product .right_page .SaaS .yue {
    font-size: 20px;
    color: #505050;
    margin-left: 10px;
}

#content .service .product .right_page .SaaS .jieshi {
    display: inline-block;
    width: 250px;
    font-size: 16px;
    line-height: 28px;
    color: #505050;
    text-align: center;
    margin-left: 28.5px;
    margin-top: 45px;
    padding-top: 25px;
    border-top: 1px solid #d2d2d2;
}

#content .service .product .right_page .SaaS:hover {
    background-color: #0476ff;
    transition: all ease .5s;
}

#content .service .product .right_page .SaaS:hover .ban {
    color: #ffffff;
}

#content .service .product .right_page .SaaS:hover p {
    color: #ffffff;
}

#content .service .product .right_page .SaaS:hover p::before {
    color: #ffffff;
}

#content .service .product .right_page .SaaS:hover .yue {
    color: #ffffff;
}

#content .service .product .right_page .SaaS:hover .jieshi {
    color: #ffffff;
}

/* #content .service .product .right_page .change{
	background-color: #0476ff;
	transition: all ease .5s;
}
#content .service .product .right_page .change .ban{
	color: #ffffff;
}
#content .service .product .right_page .change p{
	color: #ffffff;
}
#content .service .product .right_page .change p::before{
	color: #ffffff;
}
#content .service .product .right_page .change .yue{
	color: #ffffff;
}
#content .service .product .right_page .change .jieshi{
	color: #ffffff;
} */
#content .service .product .right_page .cpdz {
    width: 300px;
    height: 355px;
    margin-right: 36px;
    margin-bottom: 25px;
    float: left;
    /* cursor: pointer; */
}

#content .service .product .right_page .cpdz2 {
    margin-right: 0;
}

#content .service .product .right_page .cpdz .up {
    width: 300px;
    height: 200px;
}

#content .service .product .right_page .cpdz .up img {
    width: 300px;
    height: 200px;
}

#content .service .product .right_page .cpdz .down {
    width: 300px;
    height: 155px;
}

#content .service .product .right_page .cpdz .down .up_text {
    padding: 20px 0;
    border-bottom: 2px solid #d2d2d2;
}

#content .service .pinpai .right_page .box .down .up_text {
    padding: 15px 0 10px;
}

#content .service .product .right_page .cpdz .down .down_text {
    width: 100%;
    line-height: 28px;
    font-size: 14px;
    text-align: justify;
    padding-top: 10px;
}

#content .service .product .right_page .para3 {
    margin-bottom: 20px;
}

#content .service .product .right_page .para6 {
    text-indent: 1em;
    padding: 18px 0;
    margin: 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

#content .service .product .right_page .para6::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0476ff;
    position: absolute;
    margin-top: 10px;
    margin-left: -14px;
}

#content .service .product .right_page .para6 span {
    color: #161616;
}

#content .service .product .right_page2 .img2 {
    height: 234px;
    background-color: #a0a0a0;
}

#content .service .pinpai .right_page .img2 {
    height: 100%;
}

#content .service .product .right_page .img3 {
    margin-top: -163px;
    margin-left: 60px;
    margin-bottom: 60px;
    height: 228px;
    background-color: #a0a0a0;
}

#content .service .product .right_page .fwms {
    width: 985px;
    height: 118px;
    background: url(./../images/businesslist/fwms_07.png) no-repeat;
    margin-bottom: 35px;
}

#content .service .pinpai .right_page .juzhen {
    margin-bottom: 45px;
}

#content .service .pinpai .right_page .kehu {
    width: 304px;
    height: 138px;
    margin-right: 36px;
    margin-bottom: 132px;
    float: left;
    background-color: #efefef;
    /* cursor: pointer; */
}

#content .service .pinpai .right_page .kehu2 {
    margin-right: 0;
}

#content .service .pinpai .right_page .kehu img {
    height: 57px;
    margin: 0 auto;
    margin-top: 40px;
}

#content .service .pinpai .right_page .ppyy {
    width: 308px;
    height: 232px;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    overflow: hidden;
    position: relative;
}

#content .service .pinpai .right_page .ppyy2 {
    margin-right: 0;
}

#content .service .pinpai .right_page .ppyy .up {
    height: 182px;
}

#content .service .pinpai .right_page .ppyy .down {
    /* height: 49px; */
    height: 100%;
    background-color: #0476ff;
    font-size: 18px;
    /* text-indent: 2em; */
    line-height: 49px;
    color: #ffffff;
    position: absolute;
    width: 100%;
    top: 181px;
    transition: all .3s ease;
}

#content .service .pinpai .right_page .ppyy .down .span1 {
    font-size: 18px;
    text-indent: 2em;
    line-height: 49px;
    color: #ffffff;
    display: block;
    opacity: 1;
    transition: all .3s ease;
}

#content .service .pinpai .right_page .ppyy .down .span2 {
    font-size: 18px;
    line-height: 49px;
    color: #ffffff;
    display: block;
    text-align: center;
}

#content .service .pinpai .right_page .ppyy .down .hengxian {
    background-color: #fff;
    display: block;
    width: 25px;
    height: 2px;
    margin: 0 auto;
    position: relative;
    top: -8px;
}

#content .service .pinpai .right_page .ppyy .down .span3 {
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    display: block;
    width: 224px;
    text-align: center;
    margin: 0 auto;
}

#content .service .pinpai .right_page .ppyy:hover .down {
    opacity: 0.75;
    top: 0;
    transition: all .3s ease;
}

#content .service .pinpai .right_page .ppyy:hover .down .span1 {
    opacity: 0;
}

/* #content .service .product .right_page .wlaq{
	transition: all ease 0.3s;
	-webkit-transition: all 0.3s ease;
} */
/* #content .service .product .right_page .yqsj{
	display: none;
}
#content .service .product .right_page .DSS{
	display: none;
} */
.xianshi {
    display: block;
}

#content .team {
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}

#content .team .para {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 14px;
    color: #505050;
    margin-bottom: 60px;
    line-height: 28px;
    text-align: center;
}

#content .team .box {
    width: 315px;
    height: 384px;
    margin-right: 10px;
    float: left;
    margin-bottom: 140px;
}

#content .team .box .up {
    background-color: #f6f6f6;
    width: 315px;
    height: 271px;
    overflow: hidden;
}

#content .team .box .up img {
    width: 120px;
    height: 134px;
    margin-left: 97.5px;
    margin-top: 38px;
}

#content .team .box .up .up_text {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 30px;
    color: #181818;
    text-align: center;
    margin-top: 10px;
}

#content .team .box .down {
    background-color: #4d4d4d;
    width: 315px;
    height: 113px;
    overflow: hidden;
}

#content .team .box .down .down_text {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 28px;
    width: 220px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -28px;
}

.clear {
    clear: both;
}

#content .choice {
    width: 100%;
    overflow: hidden;
    background-color: #f6f6f6;
}

#content .choice .para {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 14px;
    /* color: #505050; */
    line-height: 28px;
    text-align: center;
    margin-bottom: 60px;
}

#content .choice .choice_box {
    width: 1300px;
    margin: 0 auto;
}

#content .choice .box {
    width: 558px;
    height: 150px;
    border-top: 1px solid #d4d4d4;
    float: left;
    margin-right: 180px;
    position: relative;
    overflow: hidden;
}

#content .choice .box2 {
    margin-right: 0;
}

#content .choice .box3 {
    margin-bottom: 135px;
    border-bottom: 1px solid #d4d4d4;
}

#content .choice .box .num {
    display: inline-block;
    font-size: 100px;
    color: #0476ff;
    position: relative;
    top: 2px;
}

#content .choice .box .numZi {
    /* font-family: "MicrosoftYaHei"; */
    display: inline-block;
    font-size: 24px;
    color: #0476ff;
    position: absolute;
    top: 79px;
    left: 243px;
}

#content .choice .box .numJia {
    /* font-family: "MicrosoftYaHei"; */
    display: inline-block;
    font-size: 60px;
    color: #0476ff;
    position: absolute;
    top: 0px;
}

#content .choice .box .text {
    /* font-family: "MicrosoftYaHei"; */
    /* display: inline-block; */
    font-size: 24px;
    color: #181818;
    /* width: fit-content;
	height: fit-content; */
    position: absolute;
    top: 25px;
    left: 345px;
}

/* #content .choice .box .text1{
	left: 171px;
}
#content .choice .box .text2{
	left: 90px;
}
#content .choice .box .text3{
	left: 119px;
} */
#content .customer .swiper-container {
    width: 1300px;
    height: 880px;
    margin-bottom: 70px;
}

.swiper-pagination-bullet-active {
    background-color: #f20001;
}

#content .customer .swiper-container .logo {
    width: 258px;
    height: 158px;
    float: left;
    border: 1px solid #eaeaea;
    text-align: center;
}

#content .customer .swiper-container .logo img {
    /* margin: 0 auto; */
    /* width: 196px;
	height: 56px; */
    /* position: relative; */
    /* top: 50%;
	margin-top: -28px; */
    vertical-align: middle;
    display: inline-block;
}

#content .customer .swiper-container .logo span {
    vertical-align: middle;
    height: 100%;
    display: inline-block;
}

.cxxq {
    left: 100% !important;
    margin-left: -190px;
    top: 435px !important;
}

.cxxq p {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 54px !important;
    font-weight: normal !important;
    margin-left: 20px;
}

.cxxq::after {
    content: url(../images/businesslist/jiantou3.png);
    width: 39px;
    height: 23px;
    position: absolute;
    left: 130px;
    top: 2px;
}

.hzhb {
    background-color: #0476ff;
    height: 32px;
    width: 224px;
    text-align: center;
}

.hzhb span {
    color: #fff;
    font-size: 18px;
    width: 100%;
    line-height: 32px;
}

.color2 {
    color: #6f6f6f !important;
}

.mgb {
    margin-bottom: 200px !important;
}

.detail .tsgxj::after {
    content: url(../images/businesslist/jiantou4.png);
    position: absolute;
    top: 19px;
    /* left: 129px; */
}

.detail .tsgxj:hover::after {
    content: url(../images/businesslist/jiantou3.png);
}

.zsdz a::after {
    top: 18px;
    left: 240px;
}

.zsdz a::before {
    content: url(../images/businesslist/icon_01.png);
    position: absolute;
    z-index: 1;
    top: 13px;
    left: 8px;
}

.zsdz a:hover::before {
    content: url(../images/businesslist/icon2_03.png);
    position: absolute;
}

.to_fuwuneirong {
    cursor: pointer;
    position: relative;
    left: 185px;
}

.to_fwnr {
    position: absolute;
    bottom: 100px;
}

.fz2::after {
    content: url(../images/businesslist/jiantou2.png);
    transition: all ease .3s;
    position: relative;
    right: -16px;
}

.fz2:hover::after {
    content: url(../images/businesslist/jiantou1.png);
    transition: all ease .3s;
}

.fz3::after {
    content: url(../images/businesslist/top1.png);
    transition: all ease .3s;
    position: relative;
    left: -192px;
    top: 2px;
}

.fz3:hover::after {
    content: url(../images/businesslist/top2.png);
    transition: all ease .3s;
}

.context .font_z2 {
    font-size: 28px;
}

.context .font_z3 {
    font-size: 18px;
}

.content_head {
    width: 100%;
    padding-bottom: 60px;
    border-bottom: 1px solid #272928;
}

.content_head h2 span {
    color: #0476ff;
}

.content_head .fu_title {
    color: #ebebeb;
    margin-top: 30px;
    font-size: 16px;
    font-weight: normal;
}

.content_head .fu_title span {
    color: #0476ff;
    padding: 0 10px;
    font-size: 12px;
}

.content_head .fu_title b {
    font-weight: bold;
}

h2.title_en {
    padding-top: 60px;
    line-height: 0.88;
    font-size: 50px;
}

#content h2.title_cn {
    color: #0476ff;
    font-size: 24px;
}

.content_con {
    width: 1300px;
    margin: 0px auto;
}

.content_con ul {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.content_con li {
    width: 100%;
    margin-bottom: 130px;
    height: 450px;
    float: left;
}

.content_con li.wow {
    position: relative;
}

.fen_line {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #000000;
}

.con_con {
    width: 400px;
    height: 355px;
    text-align: left;
    float: left;
    margin-top: 90px;
    margin-left: 7%;
}

.con_con .context {
}

.context .font_z6 {
    font-family: 'Microsoft yahei';
}

.context .title_sec {
    color: #ffffff;
}

.context .title_enz {
    color: #757575;
    font-family: arial;
    margin-bottom: 50px;
}

.context .line {
    width: 40px;
    height: 1px;
    background-color: #d6d6d6;
    margin: 25px auto;
}

.context .details_con {
    text-align: left;
    color: #d6d6d6;
    width: 100%;
    height: 110px;
    overflow: hidden;
    line-height: 28px;
}

.context .details_con ul {
}

.context .details_con ul li {
    margin-bottom: 0;
    height: auto;
}

.context .details_con ul li i {
    width: 8px;
    height: 8px;
    background: url(../images/business/redico.png) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 10px;
}

.context .bico {
    width: 100%;
    margin-top: 40px;
    float: left;
}

.context .bico span {
    float: left;
    border-left: 1px solid #1a1a1a;
}

.context .bico span:first-child {
    border-left: 0px;
}

.context .bico img {
    width: 100%;
}

.context .bico img:first-child {
    border-left: 0px;
}

.con_img {
    width: 50%;
    float: right;
    height: 350px;
    position: relative;
    margin-top: 100px;
}

.con_img img {
    float: right;
    position: absolute;
    top: 50%;
    left: 50%;
}

.con_img .play {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37px;
    margin-top: -37px;
    width: 75px;
    height: 75px;
    background: url(../images/solution/play.png) no-repeat;
    background-size: cover;
}

#video {
    /*position: absolute;top:0px;left: 0px;*/
    display: none;
    object-fit: fill;
    width: 100%;
    margin: auto 0px;
}

.anli {
    height: auto !important;
    background-color: #fff;
}

.anli h5 {
    margin: 30px;
    font-size: 18px;
    margin-bottom: 15px;
}

.anli span {
    width: 248px;
    height: 84px;
    margin: 0 30px;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.anli .ljgd {
    width: 90px;
    margin: 0 30px;
    font-size: 14px;
    line-height: 28px;
    color: #f30002;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
}

.anli .ljgd::after {
    content: url(../images/scene1/jiantou_03.png);
    width: 18px;
    height: 15px;
    position: absolute;
    left: 61px;
    bottom: 11px;
    transition: all ease 0.3s;
}

.anli .ljgd:hover::after {
    left: 71px;
    transition: all ease 0.3s;
}

.anli .up a {
    width: 308px;
    height: 183px;
    position: absolute;
    top: 0;
    margin: 0;
}

#content .service .analysis .right_page4 .box:hover img {
    transform: scale(1.03);
    transition: all ease .4s;
}

/*.content_con li:nth-child(even) .con_con{float: right;}
.content_con li:nth-child(even) .con_img{float: left;}
.content_con li:nth-child(even) .con_img img{float: left;}*/
.clear {
    clear: both;
}

.advantage-left {
    width: 400px;
    float: left;
}

.advantage-right {
    width: 900px;
    float: left;
}

.advantage-title {
    font-size: 20px;
    text-align: left;
    /* padding-top: 100px; */
}

.advantage-ul {
    margin-top: 50px;
}

.advantage-li {
    line-height: 3;
    text-align: left;
    font-size: 14px;
}

.topic4-box {
    width: 1300px;
    margin: 0 auto;
    padding-top: 120px;
    text-align: center;
    color: #000;
    min-height: 600px;
}

.topic4 {
    width: 100%;
    background: #fbfbfb;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 100px;
    min-height: 500px;
}

.topic4-box>h1 {
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    /* margin-bottom: 75px; */
}

.topic4-left {
    width: 650px;
    float: left;
}

.topic4-right {
    width: 650px;
    float: left;
}

.topic4-title {
    font-size: 20px;
    text-align: left;
    margin-top: 30px;
}

.topic4-ul {
    margin-top: 40px;
    width: 540px;
}

.topic4-li {
    line-height: 3;
    text-align: left;
    font-size: 14px;
}

.list {
    overflow: hidden;
    position: relative;
    margin-top: 100px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eeeeee;
}

.list-title {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 30px;
    color: #181818;
    border-bottom: 2px solid #0476ff;
    /* text-indent: 1.8em; */
    /* width: fit-content; */
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    float: left;
    /* margin-top: 100px; */
}

.list-title-right {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 30px;
    color: #181818;
    border-bottom: 2px solid #0476ff;
    /* text-indent: 1.8em; */
    /* width: fit-content; */
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    float: right;
    /* margin-top: 100px; */
}

.clear {
    clear: both;
}

.topic4-content {
    margin-top: 90px;
}

.info-btn {
    color: #fff;
    border-radius: 2px!important;
    border-color: #0476ff;
    background-color: #0476ff;
    cursor: pointer;
    width: 150px;
    height: 50px;
    display: inline-block;
    float: left;
    margin-left: 20px;
    line-height: 3.5;
    margin-top: 40px;
    border: 2px solid;
}

.list-btn {
    color: #8c8585;
    border-radius: 2px!important;
    border-color: #8c8585;
    background-color: #fff;
    /* cursor: pointer; */
    width: 130px;
    height: 30px;
    display: inline-block;
    margin-left: 20px;
    line-height: 2;
    margin-top: 20px;
    border: 1px solid;
    float: left;
}

.info-btn-white {
    color: #0476ff;
    border-radius: 2px!important;
    border-color: #0476ff;
    background-color: #fff;
    cursor: pointer;
    width: 150px;
    height: 50px;
    display: inline-block;
    float: left;
    border: 1px solid;
    margin-left: 20px;
    line-height: 3.5;
    margin-top: 41px;
}

.info-btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(105,199,43,.25),inset 0 3px 5px rgba(0,0,0,.125)
}

.item {
    max-width: 65%;
    padding: 1em;
    background: #fff;
    display: none;
    position: relative;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    color: #000;
}

.item-close {
    cursor: pointer;
    right: 5px;
    top: 5px;
    position: absolute;
    background: #222;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    width: 24px;
}

@media (max-width: 1600px) {
    .content_con {
    }

    /*.con_con .context{width: 70%;}*/
    /*.context .title_enz{font-size: 14px;}*/
}

@media (max-width: 768px) {
    .context .font_z2 {
        font-size: 0.28rem;
    }

    .context .font_z3 {
        font-size: 0.18rem;
    }

    h2.title_en {
        font-size: 0.4rem;
    }

    #content h2.title_cn {
        font-size: 0.24rem;
    }

    .content_head .txt .fu_title {
        margin-top: 0.25rem;
        font-size: 0.16rem;
    }

    .content_head {
        padding-bottom: 0.5rem;
    }

    #content {
        min-width: initial;
    }

    #content .titleBox {
        background-size: cover;
    }

    #content h2 {
        display: inherit;
    }

    h2.title_en {
        padding-top: 0.5rem;
    }

    h2.title_cn {
        margin-top: 0.15rem;
    }

    .content_con {
        width: 100%;
    }

    .con_con {
        width: 100%;
        margin-top: 0;
        padding: 0.2rem;
        box-sizing: border-box;
        margin-left: 0%;
        height: 100%;
    }

    .con_img {
        width: 100%;
        margin-top: 0;
        height: 100%;
    }

    .con_con .context {
        width: 100%;
        margin: 0 auto 0 auto;
    }

    .context .title_sec {
        font-size: 0.18rem;
    }

    .context .details_con {
        font-size: 0.12rem;
        height: 100%;
        overflow: initial;
    }

    .context .line {
        width: 0.2rem;
        height: 1px;
        margin: 0.15rem auto;
    }

    .context .bico {
        margin-top: 0.25rem;
    }

    .content_con li {
        margin-bottom: 0.25rem;
        height: 100%;
        padding-top: 0.25rem;
    }

    .content_con ul {
        margin-bottom: 0.25rem;
    }

    .con_img img {
        float: right;
        position: static;
        width: 100%;
    }

    .context .title_enz {
        margin-bottom: 0.25rem;
        font-size: 0.14rem;
    }
}
* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #111111;
}

@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/DINPro-Regular.otf');
    font-weight: normal;
    font-style: normal
}

.DINRegular {
    font-family: 'DINRegular';
}

a.caseMore::after {
    content: url(../images/common/icon/left.png);
    position: absolute;
    right: 34px;
    top: 6px;
}

a.caseMore span.words {
    padding-left: 34px;
    padding-right: 76px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 20px;
}

a.caseMore::after {
    content: url(../images/common/icon/left_hover.png);
    top: 18px;
}

a.caseMore:hover::after {
    content: url(../images/common/icon/left.png);
    top: 18px;
}

.h1_hover {
    left: 143px !important;
    transition: all ease 0.3s;
}

.img_hover {
    transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#content .content-about a {
    width: 90px;
    margin: 0 30px;
    font-size: 14px;
    line-height: 28px;
    color: #f30002;
    display: inline-block;
    margin-top: 25px;
    position: relative;
    right: 130px;
}

#content .content-about a::after {
    content: url(../images/scene1/jiantou_03.png);
    width: 18px;
    height: 15px;
    position: absolute;
    left: 90px;
    /* bottom: 34px; */
    top: 2px;
    transition: all ease 0.3s;
}

#content .content-about a:hover::after {
    left: 100px;
    transition: all ease 0.3s;
}

.on .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
}

.on .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
    opacity: 0;
}

.on .horizontal, .on .vertical {
    background: #0476ff;
}

.off .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
}

.off .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    opacity: 1;
}

.switch {
    position: absolute;
    right: 0;
    top: 60px;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
}

.horizontal, .vertical {
    position: absolute;
    background-color: #c3c3c3;
    /* border-radius: 27%; */
    left: 50%;
    top: 50%;
}

.horizontal {
    width: 30px;
    height: 3px;
    margin-left: -15px;
    margin-top: -2.5px;
}

.vertical {
    width: 3px;
    height: 30px;
    margin-left: -1px;
    margin-top: -16px;
}

.color1 {
    color: #999999;
}

.focus {
    background: #1a1a1a;
    border-bottom: 0 red solid;
}

#content .nav_out {
    width: 100%;
    height: 70px;
    background-color: #000;
    position: absolute;
    top: 570px;
}

#content .nav {
    width: 100%;
    max-width: 1920px;
    height: 70px;
    background-color: #000;
    z-index: 100;
}

#content .nav2 {
    display: none;
}

.guding {
    position: fixed;
    display: block !important;
    top: 71px;
}

#content .nav .nav_in {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    background-color: #000;
}

#content .nav .nav_in .nav_btn {
    width: 33%;
    height: 100%;
    float: left;
    position: relative;
}

/* #content .nav .nav_in .one {
    width: 210px;
}

#content .nav .nav_in .two {
    width: 240px;
}

#content .nav .nav_in .two .xq {
    width: 240px;
}

#content .nav .nav_in .shuzi {
    width: 35.28px;
}

#content .nav .nav_in .three {
    width: 220px;
}

#content .nav .nav_in .four {
    width: 220px;
} */
#content .nav .nav_in .six {
    width: 295px;
    min-width: 295px;
}

#content .nav .nav_in .nav_btn .nav_text {
    /* width: inherit; */
    text-align: center;
    font-size: 18px;
    color: #fff;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#content .nav .nav_in .nav_btn .nav_text:hover {
    color: #0476ff;
    transition: all ease 0.3s;
}

.light {
    font-weight: lighter;
}

#content .nav .nav_in .nav_btn .change {
    color: #0476ff;
    transition: all ease 0.3s;
}

#content .nav .nav_in .focus {
    background-color: #1b1b1b;
    transition: all ease 0.3s;
}

#content .nav .nav_in .focus::after {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #0476ff;
    position: absolute;
    bottom: 0;
    transition: all ease 0.3s;
}

#content .banner {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene2/images/topbeijing.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#content .banner1 {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene2/images/topbeijing2.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#content .banner2 {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene2/images/topbeijing3.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#content .banner3 {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene2/images/topbeijing4.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#content .banner .banner_in {
    width: 1000px;
    /* margin: 0 auto; */
    margin-left: 15%;
}

#content .banner .banner_text {
    width: 1000px;
    margin: 0px auto;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 20px;
    color: #f0f0f0;
    line-height: 36px;
}

.fontDin {
    font-family: "shouyezi";
}

#content {
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    min-width: 1300px;
    margin: 0px auto;
    /* background: url(../images/product/probgNew.jpg) no-repeat top center; */
    background: #fff;
    /* background-color: #000201; */
}

.swiper-button-prev {
    right: 235px;
    left: auto;
    bottom: 55px;
    top: auto;
    background: none;
    color: #e3e3e3;
}

.swiper-button-prev:hover::after {
    content: url(../images/index/images/arrow_hover.png);
}

.swiper-button-next:hover::after {
    content: url(../images/index/images/arrow1_hover.png);
}

/* .swiper-button-prev.swiper-button-disabled::after {
    content: url(../images/index/images/arrow.png);
}

.swiper-button-next.swiper-button-disabled::after {
    content: url(../images/index/images/arrow1.png);
} */
.swiper-button-prev::after {
    content: url(../images/index/images/arrow.png);
}

.swiper-button-next::after {
    content: url(../images/index/images/arrow1.png);
}

/* .swiper-button-prev:hover {
    color: red;
} */
.swiper-button-next {
    right: 60px;
    bottom: 55px;
    top: auto;
    background: none;
    color: #e3e3e3;
}

.swiper-button-next:hover {
    color: red;
}

.swiper-pagination {
    width: auto;
    color: #707070;
    font-size: 24px;
    bottom: 64px;
    right: 128px;
    left: auto;
    /* position: absolute;
    top: 955px;
    left: 895px; */
}

.current {
    color: red;
}

/* .swiper-pagination>span {
    width: 20px;
    height: 10px;
    border-radius: 5px;
    margin-right: 20px;
    background: #fff;
} */
#product {
    position: absolute;
    top: 541px;
}

#search {
    position: absolute;
    top: 1530px;
}

#advantage {
    position: absolute;
    top: 2730px;
}

#others {
    position: absolute;
    top: -100px;
}

#example {
    position: absolute;
    top: 800px;
}

#content .spec {
    width: 100%;
    overflow: hidden;
    background-color: #000;
    position: relative;
}

#content .spec h2 {
    font-weight: bold;
    font-size: 48px;
    color: #0476ff;
    margin-top: 120px;
    margin-bottom: 60px;
    text-align: center;
}

/* #content>.spec>p {
    
    text-align: justify;
    width: 1300px;
    margin: 0 auto;
    margin-bottom: 45px;
} */
#content .spec .spec_in {
    width: 1300px;
    margin: 0 auto;
}

#content .spec .spec_in .spec_box {
    width: 100%;
    border-top: 0.1px solid #434343;
    position: relative;
    cursor: pointer;
    height: 100px;
    overflow: hidden;
    transition: all ease 0.2s;
}

#content .spec .spec_in .spec_box3 {
    border-bottom: 0.1px solid #434343;
}

#content .spec .spec_in .show {
    /* background-image: url(../images/scene3/beijing.png); */
    /* border: 1px solid #181818; */
    height: 275px;
    transition: all ease 0.5s;
    /* color: #0476ff; */
}

#content .spec .spec_in .show2 {
    /* background-image: url(../images/scene3/beijing.png); */
    /* border: 1px solid #181818; */
    /* height: 229px; */
    height: 170px;
    transition: all ease 0.5s;
    /* color: #0476ff; */
}

#content .spec .spec_in .spec_box p {
    text-align: left;
    font-size: 20px;
    line-height: 100px;
    /* margin-left: 40px; */
    color: #fff;
}

/* #content .spec .spec_in .spec_box:hover {
    border: 1px solid #181818;
    height: 389px;
    transition: all ease 0.5s;
    color: #0476ff !important;
} */
#content .spec .spec_in .spec_box span {
    font-size: 42px;
    line-height: 120px;
    margin-left: 40px;
    color: #C3C3C3;
    position: absolute;
    right: 40px;
    top: 0;
}

#content .spec .spec_in .spec_box .yincang {
    /* width: 790px; */
    color: #999999;
    text-align: justify;
    width: 920px;
    font-size: 14px;
    line-height: 30px;
    /* margin-left: 40px; */
    margin-bottom: 23px;
    /* display: none; */
    margin-right: auto;
    margin-left: 0;
}

.mgb {
    margin-bottom: 140px !important;
}

#trend {
    position: absolute;
    top: -130px;
}

#content>.content-header {
    width: 100%;
    height: 280px;
    color: #fff;
    background: url(../images/scene2/images/topbeijing.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding-top: 100px;
    padding-left: 15%;
    padding-bottom: 120px;
    /* border-bottom: 1px solid #272928; */
}

#content>.content-header>.header-title {
    font-family: 'MicrosoftYaHei';
    font-size: 48px;
    margin-bottom: 38px;
}

#content>.content-header>p {
    font-size: 20px;
    margin-top: 12px;
}

#content>.content-header>.header-btn {
    width: 240px;
    height: 60px;
    line-height: 60px;
    background: red;
    text-align: left;
    align-items: center;
    padding-left: 30px;
    margin-top: 50px;
    cursor: pointer;
    position: relative;
}

#content>.content-header>.header-btn>.attr img {
    width: 20px;
    height: 20px;
}

#content>.content-header>.header-btn>.attr {
    margin-left: 25px;
    position: absolute;
    right: 50px;
    top: 20px;
}

#content>.product-information {
    width: 100%;
    /* width: 1616px; */
    height: 55px;
    background: url(../images/product/probgNew.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding-top: 20px;
    /* padding-left: 15%; */
    color: #fff;
    /* display: flex; */
    /* position: fixed;
    top: 60px;
    z-index: 9999; */
}

.top {
    position: fixed;
    top: 60px;
    z-index: 100;
}

#content>.product-information>.center_zone {
    width: 1300px;
    margin: 0 auto;
}

#content>.product-information>.center_zone>.product-information-button {
    width: 15%;
    height: 20px;
    padding-top: 30px;
    padding-bottom: 20px;
    /* padding-left: 56px; */
    /* padding-right: 56px; */
    margin-right: 10px;
    margin-top: -20px;
    cursor: pointer;
    float: left;
    font-size: 18px;
    text-align: center;
}

#content>.product-information>.center_zone>.product-information-button>a:hover {
    color: red;
}

#content>.product-information>.center_zone>.product-information-button>p {
    font-size: 14px;
    /* color: #afafaf; */
    margin-top: 10px;
    margin-bottom: 23px;
}

#content>.product-information>.center_zone>.product-information-button>a {
    color: #fff;
}

#content>.product-content, .searchin {
    width: 1300px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}

#content>.product-content>h1 {
    margin-bottom: 75px;
    color: #181818;
    font-weight: lighter;
    font-size: 70px;
    margin-top: 50px;
}

#content>.product-content>.product-title {
    margin-bottom: 75px;
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    margin-top: 50px;
}

#content>.search {
    width: 100%;
    background: #fbfbfb;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
}

#content>.search p {
    text-align: center;
}

#content>.search>h1 {
    /* margin-bottom: 75px; */
    color: #181818;
    font-weight: lighter;
    font-size: 70px;
    /* margin-top: 190px; */
}

.searchin>h1 {
    margin-bottom: 75px;
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    margin-top: 60px;
}

#content>.search>.search-content1 {
    width: 1300px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 25px;
}

#content>.search>.search-content1>h1 {
    margin-bottom: 30px;
}

#content>.search>.search-content2 {
    width: 1300px;
    height: 310px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 120px;
}

#content>.search>.search-content2>.left {
    position: absolute;
    left: 0;
    top: 0;
}

#content>.search>.search-content2>.right {
    width: 650px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: left;
}

#content>.search>.search-content2>.right>h1 {
    margin-bottom: 30px;
}

#content>.search>.search-content2>.left img {
    width: 600px;
    height: 310px;
}

#content>.search>.search-content3 {
    width: 1300px;
    height: 240px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 120px;
}

#content>.search>.search-content3>.left {
    width: 645px;
    text-align: left;
}

#content>.search>.search-content3>.left>h1 {
    margin-bottom: 30px;
}

#content>.search>.search-content3>.right {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.search>.search-content3>.right img {
    width: 580px;
    height: 240px;
}

#content>.search>.search-content4 {
    width: 1300px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 100px;
}

#content>.search>.solution {
    width: 360px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    background: red;
    font-size: 18px;
}

#content>.advantage {
    width: 1300px;
    margin: 0 auto;
    padding-top: 120px;
    text-align: center;
    color: #000;
    min-height: 800px;
}

#content>.advantage>h1 {
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    margin-bottom: 85px;
}

#content>.advantage>.advantage-content {
    width: 100%;
    /* height: 662px; */
    position: relative;
    padding-bottom: 140px;
}

#content>.advantage>.advantage-content>.left {
    width: 45%;
    position: absolute;
    left: 0;
    top: 0;
}

#content>.advantage>.advantage-content>.left>.left-content1 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
    position: relative;
}

#content>.advantage>.advantage-content>.left>div>.left {
    position: absolute;
    top: 60px;
    left: 0;
}

#content>.advantage>.advantage-content>.left>.left-content1>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.left>.left-content1>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.left>.left-content1>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.left>.left-content2 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.advantage>.advantage-content>.left>.left-content2>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.left>.left-content2>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.left>.left-content2>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.left>.left-content3 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.advantage>.advantage-content>.left>.left-content3>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.left>.left-content3>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.left>.left-content3>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.right {
    width: 45%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.advantage>.advantage-content>.right>.right-content1 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
    position: relative;
}

#content>.advantage>.advantage-content>.right>div>.left {
    position: absolute;
    top: 60px;
    left: 0;
}

#content>.advantage>.advantage-content>.right>.right-content1>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.right>.right-content1>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.right>.right-content1>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.right>.right-content2 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.advantage>.advantage-content>.right>.right-content2>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.right>.right-content2>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.right>.right-content2>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.advantage>.advantage-content>.right>.right-content3 {
    width: 100%;
    height: 300px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.advantage>.advantage-content>.right>.right-content3>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.advantage>.advantage-content>.right>.right-content3>.right>h1 {
    margin-bottom: 10px;
}

#content>.advantage>.advantage-content>.right>.right-content3>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

.block {
    display: block;
}

#content>.product-content>.product-content-btn>.select>p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
#content>.product-content>.product-explore {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-explore>.explore-content {
    width: 100%;
    height: 300px;
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-explore>.first {
    /* align-items: flex-end; */
}

#content>.product-content>.product-explore>.explore-content>.left {
    text-align: left;
    /* position: relative;
    left: 0; */
}

#content>.product-content>.product-explore>.explore-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
}

#content>.product-content>.product-explore>.explore-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-explore>.explore-content>.center {
    height: 83px;
    margin-right: 5%;
    text-align: left;
    position: absolute;
    left: 450px;
    bottom: 0;
}

#content>.product-content>.product-explore>.explore-content>.center>.title {
    font-size: 20px;
    margin-bottom: 20px;
}

#content>.product-content>.product-explore>.explore-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-explore>.explore-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-explore>.first>.right {
    width: 490px;
    height: 100%;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-explore>.second>.left {
    width: 45%;
    margin-right: 10%;
    height: 345px;
    background: url(../images/product/images/6_03.jpg) no-repeat top center;
    background-size: 100% 100%;
}

#content>.product-content>.product-explore>.second>.right {
    width: 45%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-explore>.second>.right>.title {
    /* display: flex; */
    position: relative;
    margin-bottom: 30px;
}

#content>.product-content>.product-explore>.second>.right>.title>h1 {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-explore>.third>.left {
    width: 25%;
    margin-right: 5%;
}

#content>.product-content>.product-explore>.third>.left>.title {
    /* display: flex; */
    position: relative;
    margin-bottom: 60px;
}

#content>.product-content>.product-explore>.third>.left>.title>h1 {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-explore>.third>.center {
    width: 40%;
    position: absolute;
    left: 410px;
    top: 0;
}

#content>.product-content>.product-explore>.third>.right {
    width: 295px;
    height: 240px;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-explore>.third>.right>.attr img {
    width: 290px;
    height: 150px;
    margin-bottom: 30px;
}

#content>.product-content>.product-explore>.fourth {
    margin-bottom: 100px;
    height: 506px;
}

#content>.product-content>.product-explore>.fourth>.left {
    width: 45%;
    margin-right: 5%;
    margin-bottom: 30px;
}

#content>.product-content>.product-explore>.fourth>.left>.title {
    margin-bottom: 30px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-explore>.fourth>.left>.title>h1 {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-explore>.fourth>.left>.title>.attr {
    /* margin-right: 25px; */
}

#content>.product-content>.product-explore>.fourth>.left>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-explore>.fourth>.right {
    width: 45%;
    margin-right: 5%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-explore>.fourth>.right>.title {
    margin-bottom: 30px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-explore>.fourth>.right>.title>h1 {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-explore>.fourth>.right>.title>.attr {
    margin-right: 25px;
}

#content>.product-content>.product-explore>.fourth>.right>.attr {
    margin-bottom: 30px;
}

#content>.product-content {
    width: 1300px;
    margin: 0 auto;
    padding-top: 120px;
    text-align: center;
    color: #000;
    min-height: 800px;
}

#content>.product-content>h1 {
    color: #181818;
    font-weight: lighter;
    font-size: 50px;
    margin-bottom: 75px;
}

#content>.product-content>.product-content-box {
    width: 100%;
    /* height: 662px; */
    position: relative;
    padding-bottom: 140px;
}

#content>.product-content>.product-content-box>.left {
    width: 45%;
    position: absolute;
    left: 0;
    top: 0;
}

#content>.product-content>.product-content-box>.left>.left-content1 {
    width: 100%;
    height: 220px;
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
    position: relative;
}

#content>.product-content>.product-content-box>.left>div>.left {
    position: absolute;
    top: 90px;
    left: 0;
}

#content>.product-content>.product-content-box>.left>.left-content1>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.left>.left-content1>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.left>.left-content1>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.left>.left-content2 {
    width: 100%;
    height: 220px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.product-content>.product-content-box>.left>.left-content2>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.left>.left-content2>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.left>.left-content2>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.left>.left-content3 {
    width: 100%;
    height: 286px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.product-content>.product-content-box>.left>.left-content3>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.left>.left-content3>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.left>.left-content3>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.right {
    width: 45%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-content-box>.right>.right-content1 {
    width: 100%;
    height: 220px;
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
    position: relative;
}

#content>.product-content>.product-content-box>.right>div>.left {
    position: absolute;
    top: 90px;
    left: 0;
}

#content>.product-content>.product-content-box>.right>.right-content1>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.right>.right-content1>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.right>.right-content1>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.right>.right-content2 {
    width: 100%;
    height: 220px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.product-content>.product-content-box>.right>.right-content2>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.right>.right-content2>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.right>.right-content2>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

#content>.product-content>.product-content-box>.right>.right-content3 {
    width: 100%;
    height: 300px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
}

#content>.product-content>.product-content-box>.right>.right-content3>.right {
    width: 440px;
    text-align: justify;
    position: absolute;
    right: 0;
    top: 40px;
}

#content>.product-content>.product-content-box>.right>.right-content3>.right>h1 {
    margin-bottom: 10px;
}

#content>.product-content>.product-content-box>.right>.right-content3>.right>div {
    width: 60px;
    height: 18px;
    /* border-top: 1px solid #fd7f80; */
}

/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
/* explore */
#content>.product-content>.product-Charts {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-Charts>.Charts-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-Charts>.first {
    align-items: flex-end;
}

#content>.product-content>.product-Charts>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-Charts>.Charts-content>.left {
    width: 30%;
    margin-right: 5%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-Charts>.Charts-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
}

#content>.product-content>.product-Charts>.Charts-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-Charts>.Charts-content>.center {
    height: 105px;
    margin-right: 5%;
    text-align: left;
    position: absolute;
    left: 450px;
    bottom: 0;
}

#content>.product-content>.product-Charts>.Charts-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-Charts>.Charts-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-Charts>.Charts-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-Charts>.first>.right {
    width: 490px;
    height: 100%;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Charts>.second>.title {
    /* display: flex;
    align-items: flex-end; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-Charts>.second>.title>.attr {
    margin-right: 22px;
}

#content>.product-content>.product-Charts>.second>.content {
    font-size: 14px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Charts>.second>.charts {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.left {
    width: 50%;
    margin-right: 70px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.title {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.title {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content {
    width: 100%;
    /* display: flex; */
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content {
    width: 100%;
    /* display: flex; */
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-left {
    margin-right: 130px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-left>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    right: 120px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-left>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-left>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-right {
    position: absolute;
    right: 660px;
    top: 54px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-right>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    right: 20px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-right>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.normal>.content>.content-right>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-right {
    position: absolute;
    right: 660px;
    top: 310px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-left>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 60px;
    position: relative;
    right: 200px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-left>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-left>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-right>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-right>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.left>.special>.content>.content-right>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right {
    width: 50%;
    margin-left: 70px;
    position: absolute;
    top: 0;
    right: -100px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.title {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.title {
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-right {
    position: absolute;
    right: 100px;
    top: 0;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-left>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    right: 200px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-left>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-left>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-right>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-right>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.normal>.content>.content-right>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-right {
    position: absolute;
    right: 90px;
    top: -16px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-left>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 60px;
    position: relative;
    right: 200px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-left>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-left>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-right>.line {
    width: 230px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-right>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.second>.charts>.right>.special>.content>.content-right>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-Charts>.third {
    width: 100%;
    height: 360px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.third>.left {
    width: 20%;
    margin-right: 5%;
}

#content>.product-content>.product-Charts>.third>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Charts>.third>.left>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-Charts>.third>.left>.title>.attr {
    margin-right: 25px;
}

#content>.product-content>.product-Charts>.third>.center {
    width: 20%;
    margin-right: 5%;
    position: absolute;
    left: 320px;
    top: 0;
}

#content>.product-content>.product-Charts>.third>.center>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 60px;
}

#content>.product-content>.product-Charts>.third>.center>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-Charts>.third>.right {
    width: 620px;
    height: 360px;
    background: url(../images/product/images/16_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Charts>.fourth {
    width: 100%;
    height: 290px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Charts>.fourth>.left {
    width: 560px;
    height: 290px;
    background: url(../images/product/images/17_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    margin-right: 60px;
}

#content>.product-content>.product-Charts>.fourth>.right {
    width: 620px;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Charts>.fourth>.right>.title {
    /* display: flex;
    align-items: flex-end; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-Charts>.fourth>.right>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-Charts>.fourth>.right>.title>.attr {
    width: 38px;
    height: 38px;
    margin-right: 22px;
}

/* Charts */
/* Charts */
/* Charts */
/* Charts */
/* Charts */
/* Charts */
/* Charts */
/* Charts */
#content>.product-content>.product-reports {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-reports>.reports-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-reports>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-reports>.reports-content>.left {
    margin-right: 3%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-reports>.reports-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
}

#content>.product-content>.product-reports>.reports-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-reports>.reports-content>.center {
    height: 100px;
    margin-right: 5%;
    height: 120px;
    text-align: left;
    position: absolute;
    left: 480px;
    bottom: 0;
}

#content>.product-content>.product-reports>.reports-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-reports>.reports-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-reports>.reports-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-reports>.first>.left {
    width: 38%;
}

#content>.product-content>.product-reports>.first>.right {
    width: 490px;
    height: 100%;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-reports>.second {
    height: 253px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-reports>.second>.left {
    width: 60%;
    /* display: flex; */
}

#content>.product-content>.product-reports>.second>.right {
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
}

#content>.product-content>.product-reports>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-reports>.second>.right>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-reports>.second>.right>.content {
    font-size: 14px;
    margin-bottom: 60px;
}

#content>.product-content>.product-reports>.third {
    width: 100%;
}

#content>.product-content>.product-reports>.third>.left {
    width: 25%;
    margin-right: 60px;
    text-align: left;
}

#content>.product-content>.product-reports>.third>.center {
    position: absolute;
    left: 360px;
    top: 0;
}

#content>.product-content>.product-reports>.third>.right {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-reports>.third>.left>.title {
    display: flex;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-reports>.third>.left>.title>.attr {
    margin-right: 25px;
}

#content>.product-content>.product-reports>.third>.left>.content {
    margin-bottom: 35px;
}

#content>.product-content>.product-reports>.fourth {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-reports>.fourth>.right {
    position: absolute;
    top: 0;
    right: 0;
}

#content>.product-content>.product-reports>.fourth>div {
    width: 47%;
    text-align: left;
}

#content>.product-content>.product-reports>.fourth>div>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-reports>.fourth>div>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-reports>.fourth>div>.content {
    margin-bottom: 30px;
}

/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
/* reports */
#content>.product-content>.product-Dashboards {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-Dashboards>.Dashboards-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-Dashboards>.first {
    align-items: flex-end;
}

#content>.product-content>.product-Dashboards>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.left {
    width: 30%;
    margin-right: 5%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.center {
    height: 110px;
    margin-right: 5%;
    text-align: left;
    position: absolute;
    left: 400px;
    bottom: 0;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-Dashboards>.Dashboards-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-Dashboards>.first>.right {
    width: 490px;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Dashboards>.second {
    height: 460px;
    /* display: flex; */
}

#content>.product-content>.product-Dashboards>.second>.left {
    width: 75%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-Dashboards>.second>.left>.attr {
    float: left;
}

#content>.product-content>.product-Dashboards>.second>.left>.attr img {
    width: 260px;
    height: 365px;
    margin-right: 45px;
}

#content>.product-content>.product-Dashboards>.second>.right {
    width: 25%;
    position: absolute;
    right: 0;
}

#content>.product-content>.product-Dashboards>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Dashboards>.second>.right>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-Dashboards>.second>.right>.title>.attr {
    margin-right: 22px;
}

#content>.product-content>.product-Dashboards>.second>.right>.content {
    font-size: 14px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Dashboards>.third {
    width: 100%;
}

#content>.product-content>.product-Dashboards>.third>.two {
    position: absolute;
    left: 440px;
    top: 0;
}

#content>.product-content>.product-Dashboards>.third>.three {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-Dashboards>.third>div {
    width: 30%;
    text-align: left;
}

#content>.product-content>.product-Dashboards>.third>div>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-Dashboards>.third>div>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-Dashboards>.third>div>.title>.attr {
    margin-right: 25px;
}

#content>.product-content>.product-Dashboards>.third>div>.content {
    height: 160px;
    margin-bottom: 35px;
}

/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
#content>.product-content>.product-max {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-max>.max-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-max>.first {
    /* align-items: flex-end; */
    text-align: left;
}

#content>.product-content>.product-max>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-max>.max-content>.left {
    width: 33%;
    margin-right: 5%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-max>.max-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: bold;
}

#content>.product-content>.product-max>.max-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-max>.max-content>.center {
    width: 22%;
    margin-right: 5%;
    height: 140px;
    text-align: left;
    position: absolute;
    left: 430px;
    bottom: 0;
}

#content>.product-content>.product-max>.max-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-max>.max-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-max>.max-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-max>.first>.right {
    width: 490px;
    height: 272px;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-max>.second {
    width: 100%;
    height: 390px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-max>.second>.left {
    width: 70%;
    margin-right: 60px;
}

#content>.product-content>.product-max>.second>.left>.top {
    /* display: flex; */
    width: 100%;
    position: relative;
}

#content>.product-content>.product-max>.second>.left>.top>.right {
    position: absolute;
    right: 50px;
    top: 0;
}

#content>.product-content>.product-max>.second>.right {
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-max>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-max>.second>.right>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-max>.second>.right>.content {
    font-size: 14px;
}

#content>.product-content>.product-max>.third {
    width: 100%;
    height: 200px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-max>.third>.left {
    width: 470px;
    margin-right: 60px;
}

#content>.product-content>.product-max>.third>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 60px;
}

#content>.product-content>.product-max>.third>.left>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-max>.third>.right {
    width: 620px;
    /* display: flex; */
    position: relative;
    left: 600px;
    bottom: 200px;
}

#content>.product-content>.product-max>.third>.right>.one {
    position: absolute;
    left: -60px;
    top: 0;
}

#content>.product-content>.product-max>.third>.right>.two {
    position: absolute;
    left: 180px;
    top: 0;
}

#content>.product-content>.product-max>.third>.right>.three {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-max>.third>.right>div>.line {
    width: 210px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-max>.third>.right>.two>.line {
    right: 10px;
}

#content>.product-content>.product-max>.third>.right>div>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-max>.third>.right>div>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-max>.fourth {
    width: 100%;
    height: 565px;
    margin-bottom: 100px;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-max>.fourth>.left {
    width: 45%;
    height: 290px;
}

#content>.product-content>.product-max>.fourth>.right {
    width: 45%;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-max>.fourth>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-max>.fourth>.left>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-max>.fourth>.left>.title>.attr {
    width: 38px;
    height: 38px;
    margin-right: 22px;
}

#content>.product-content>.product-max>.fourth>.left>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-max>.fourth>.right>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-max>.fourth>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-max>.fourth>.right>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-max>.fourth>.right>.title>.attr {
    width: 38px;
    height: 38px;
    margin-right: 22px;
}

#content>.product-content>.product-max>.fourth>.left>.attr {
    width: 100%;
}

/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
/* max */
#content>.product-content>.product-screen {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-screen>.screen-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-screen>.first {
    align-items: flex-end;
    text-align: left;
}

#content>.product-content>.product-screen>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-screen>.screen-content>.left {
    width: 30%;
    margin-right: 5%;
    text-align: left;
    position: relative;
    left: 0;
}

#content>.product-content>.product-screen>.screen-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: bold;
}

#content>.product-content>.product-screen>.screen-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-screen>.screen-content>.center {
    width: 22%;
    margin-right: 5%;
    height: 120px;
    text-align: left;
    position: absolute;
    left: 400px;
    bottom: 0;
}

#content>.product-content>.product-screen>.screen-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-screen>.screen-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-screen>.screen-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-screen>.first>.right {
    width: 490px;
    height: 272px;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-screen>.second {
    width: 100%;
    height: 390px;
    /* display: flex; */
}

#content>.product-content>.product-screen>.second>.left {
    width: 50%;
    margin-right: 60px;
}

#content>.product-content>.product-screen>.second>.right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-screen>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.second>.right>.title>p {
    position: absolute;
    top: 0;
    left: 60px;
}

#content>.product-content>.product-screen>.second>.right>.title>.attr {
    margin-right: 22px;
}

#content>.product-content>.product-screen>.second>.right>.content {
    font-size: 14px;
}

#content>.product-content>.product-screen>.third {
    width: 100%;
    height: 360px;
    /* display: flex; */
}

#content>.product-content>.product-screen>.third>.left {
    width: 45%;
    margin-right: 60px;
}

#content>.product-content>.product-screen>.third>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.third>.left>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-screen>.third>.right {
    width: 620px;
    height: 100%;
    /* display: flex; */
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-screen>.third>.right>div>.line {
    width: 210px;
    height: 1px;
    background: #bdbdbd;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

#content>.product-content>.product-screen>.third>.right>div>.line>.prev {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    left: 0;
    top: -2px;
}

#content>.product-content>.product-screen>.third>.right>div>.line>.next {
    width: 8px;
    height: 4px;
    position: absolute;
    background: #bdbdbd;
    right: 0;
    top: -2px;
}

#content>.product-content>.product-screen>.fourth {
    width: 100%;
    margin-bottom: 100px;
    /* display: flex; */
}

#content>.product-content>.product-screen>.fourth>.left {
    width: 45%;
}

#content>.product-content>.product-screen>.fourth>.right {
    width: 45%;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-screen>.fourth>.left>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.fourth>.left>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-screen>.fourth>.left>.title>.attr {
    width: 38px;
    height: 38px;
}

#content>.product-content>.product-screen>.fourth>.left>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.fourth>.right>.content {
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.fourth>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-screen>.fourth>.right>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-screen>.fourth>.right>.attr {
    margin-bottom: 45px;
}

#content>.product-content>.product-screen>.fourth>.right>.title>.attr {
    width: 38px;
    height: 38px;
    margin-right: 22px;
}

#content>.product-content>.product-screen>.fourth>.left>.attr {
    width: 100%;
}

/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
/* screen */
#content>.product-content>.product-videos {
    width: 1240px;
    margin: 0 auto;
}

#content>.product-content>.product-videos>.videos-content {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-videos>.first {
    /* align-items: flex-end; */
    text-align: left;
}

#content>.product-content>.product-videos>.second {
    display: block;
    text-align: left;
}

#content>.product-content>.product-videos>.videos-content>.left {
    width: 30%;
    text-align: left;
    position: relative;
    margin-right: 5%;
    left: 0;
}

#content>.product-content>.product-videos>.videos-content>.left>h1 {
    color: red;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: bold;
}

#content>.product-content>.product-videos>.videos-content>.left>p {
    font-size: 14px;
}

#content>.product-content>.product-videos>.videos-content>.center {
    width: 30%;
    height: 105px;
    text-align: left;
    position: absolute;
    left: 400px;
    bottom: 0;
}

#content>.product-content>.product-videos>.videos-content>.center>.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#content>.product-content>.product-videos>.videos-content>.center>p {
    font-size: 14px;
}

#content>.product-content>.product-videos>.videos-content>.right {
    height: 100%;
    text-align: left;
}

#content>.product-content>.product-videos>.first>.right {
    width: 560px;
    height: 100%;
    background: url(../images/product/images/5_03.jpg) no-repeat top center;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-videos>.second {
    width: 100%;
    /* display: flex; */
    position: relative;
}

#content>.product-content>.product-videos>.second>.left {
    width: 60%;
    /* display: flex; */
    position: relative;
    margin-right: 60px;
}

#content>.product-content>.product-videos>.second>.left>.two {
    position: absolute;
    left: 260px;
    top: 0;
}

#content>.product-content>.product-videos>.second>.left>.three {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-videos>.second>.right {
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-videos>.second>.right>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-videos>.second>.right>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-videos>.second>.right>.content {
    font-size: 14px;
}

#content>.product-content>.product-videos>.third {
    width: 100%;
    /* display: flex; */
    position: relative;
    margin-bottom: 100px;
}

#content>.product-content>.product-videos>.third>.center {
    position: absolute;
    left: 405px;
    top: 0;
}

#content>.product-content>.product-videos>.third>.right {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.product-content>.product-videos>.third>div {
    width: 30%;
    margin-right: 60px;
    text-align: left;
}

#content>.product-content>.product-videos>.third>div>.title {
    /* display: flex; */
    position: relative;
    font-size: 30px;
    margin-bottom: 30px;
}

#content>.product-content>.product-videos>.third>div>.title>p {
    position: absolute;
    left: 60px;
    top: 0;
}

#content>.product-content>.product-videos>.third>div>.content {
    width: 100%;
    margin-bottom: 30px;
}

/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
/* videos */
#content>.product-content>.shenqing {
    width: 190px;
    height: 55px;
    line-height: 55px;
    background: red;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    cursor: pointer;
}

#content>.content-about {
    width: 100%;
    position: relative;
}

#content>.content-about>.about-content {
    width: 100%;
    background: #000;
    margin: 0 auto;
    text-align: center;
}

#content>.content-about>.about-content>.content-others {
    /* background: #000; */
    width: 1300px;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 140px;
    position: relative;
    /* --swiper-navigation-size: 0; */
}

#content>.content-about>.about-content>.content-others>h1 {
    color: red;
    font-weight: bold;
    font-size: 48px;
    margin-bottom: 60px;
}

#content>.content-about>.about-content>.content-others>.teamswiper {
    width: 1240px;
    margin: 0 auto;
    height: 521px;
    position: relative;
    overflow: hidden;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide {
    /* width: 1260px; */
    width: auto;
    /* display: flex; */
    position: relative;
    overflow: hidden;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div {
    width: 393px;
    height: 660px;
    margin-right: 3%;
    background: #f3f2f2;
    color: #000;
    text-align: center;
    position: relative;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr {
    height: 247px;
    overflow: hidden;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr>img {
    height: 100%;
    width: 100%;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr>a {
    width: 100%;
    height: 247px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr>a::after {
    content: '';
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr>img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr:hover>img {
    transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div:first-child {
    /* margin-left: 3%; */
    position: absolute;
    /* left: 40px; */
    top: 0;
    overflow: hidden;
}

/* #content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.attr img {
    width: 393px;
    height: 453px;
} */
#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>h1 {
    overflow: hidden;
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: left;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>p {
    /* height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 321px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: left;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; */
    text-align: justify;
    width: 313px;
    height: 84px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.detail {
    /* width: 120px;
    height: 40px; */
    /* line-height: 40px; */
    /* background: red; */
    /* margin: 0 auto; */
    width: 80%;
    margin: 0 auto;
    text-align: left;
    color: red;
    cursor: pointer;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.detail>img {
    display: inline;
    margin-top: -2px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.detail>span {
    margin-right: 6px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div:nth-child(2) {
    position: absolute;
    left: 450px;
    top: 0;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div:last-child {
    position: absolute;
    right: 0;
    top: 0;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.title {
    margin-left: 60px;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 24px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.line {
    width: 40px;
    height: 40px;
    border-top: 1px solid red;
    margin-left: 60px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.content {
    margin-left: 60px;
    margin-right: 60px;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div>.number {
    position: absolute;
    bottom: 50px;
    left: 60px;
    font-size: 100px;
    color: red;
}

#content>.content-about>.about-content>.content-others>.teamswiper>.swiper-wrapper>.swiper-slide>div:first-child>.number {
    color: #fff;
}

#content>.content-about>.about-content>.content-example {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 140px;
    padding-top: 120px;
}

#content>.content-about>.about-content>.content-example>h1 {
    color: red;
    font-weight: bold;
    font-size: 48px;
    margin-bottom: 60px;
}

#content>.content-about>.about-content>.content-example>.plan {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

#content>.content-about>.about-content>.content-example>.plan>div {
    float: left;
    margin-right: 40px;
    width: 295px;
    height: 370px;
    color: #fff;
    /* background: url('../images/scene2/images/4_03.jpg') no-repeat top center; */
    /* background-size: 100% 100%; */
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

#content>.content-about>.about-content>.content-example>.plan>div>img {
    position: absolute;
    bottom: 42px;
    left: 133px;
    transition: all ease 0.3s;
}

#content>.content-about>.about-content>.content-example>.plan>div>.attr img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* #content>.content-about>.about-content>.content-example>.plan>div>.attr img:hover {
    transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
} */
#content>.content-about>.about-content>.content-example>.plan>div>h1 {
    font-size: 22px;
    position: absolute;
    left: 30px;
    bottom: 40px;
}

/* #content>.content-about>.about-content>.content-example>.plan>.plan-content2 {
    position: absolute;
    left: 350px;
    top: 0;
    background: url('../images/scene2/images/5_03.jpg') no-repeat top center;
} */
/* #content>.content-about>.about-content>.content-example>.plan>.plan-content3 {
    position: absolute;
    left: 680px;
    top: 0;
    background: url('../images/scene2/images/6_03.jpg') no-repeat top center;
} */
#content>.content-about>.about-content>.content-example>.plan>.plan-content4 {
    margin-right: 0;
    /* position: absolute;
    right: 0;
    top: 0;
    background: url('../images/scene2/images/7_03.jpg') no-repeat top center; */
}

#content>.content-about>.about-content>.trend {
    width: 100%;
    background: #000;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 140px;
    color: #747474;
    text-align: left;
}

#content>.content-about>.about-content>.trend>h1 {
    color: red;
    font-weight: bold;
    margin-bottom: 50px;
    font-size: 48px;
    text-align: center;
}

#content>.content-about>.about-content>.trend>.trend-content {
    width: 1300px;
    margin: 0 auto;
}

#content>.content-about>.about-content>.trend>.trend-content {
    margin-bottom: 60px;
}

#content>.content-about>.about-content>.trend>.trend-button {
    width: 1300px;
    margin: 0 auto;
}

#content>.content-about>.about-content>.trend>.trend-button>div {
    width: 100%;
    border-top: 1px #747474 solid;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

#content>.content-about>.about-content>.trend>.trend-button>div>h1 {
    color: #fff;
}

#content>.content-about>.about-content>.trend>.trend-button>div>.add {
    position: absolute;
    right: 30px;
    top: 40px;
    cursor: pointer;
    /* font-size: 80px; */
}

#content>.content-about>.about-content>.trend>.trend-button>div>.content {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
}

#content>.content-about>.about-content>.trend>.more {
    width: 360px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    background: red;
    text-align: center;
    color: #fff;
}

/* #content>.content-others>.teamswiper */
.content_head .txt {
    text-align: center;
    padding-top: 60px;
}

.content_head .txt h2 span {
    color: #0476ff;
}

h2.title_en {
    color: #ffffff;
    line-height: 0.88;
    font-size: 50px;
}

h2.title_cn {
    color: #0476ff;
    font-size: 24px;
}

.content_head .txt .fu_title {
    color: #ebebeb;
    margin-top: 30px;
    font-size: 16px;
    font-weight: normal;
}

.content_head .txt .fu_title span {
    color: #0476ff;
    padding: 0 10px;
    font-size: 12px;
}

.content_head .txt .fu_title b {
    font-weight: bold;
}

.content_head .txt .fu_title br {
    display: none;
}

.head_con {
    width: 825px;
    margin: 30px auto 0px auto;
    color: #c8c8c8;
    font-size: 16px;
    line-height: 26px;
}

.content_con {
    width: 100%;
    text-align: center;
}

.con {
    width: 1180px;
    margin: 0px auto;
}

.content_con .con_img {
    width: 590px;
    text-align: left;
    position: relative;
    float: left;
}

.content_con .con_img .img {
    position: absolute;
    top: 50%;
    left: 50%;
}

.content_con .con_img .imgBig {
    width: 600px;
    height: auto;
}

.content_con .con_content {
    width: 430px;
    text-align: left;
    float: right;
    min-height: 240px;
}

.content_con .con_content h2 {
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    font-weight: normal;
}

.content_con .con_content .line {
    width: 60px;
    height: 4px;
    background-color: #e30000;
    margin: 30px 0px 40px 0px;
}

.content_con .con_content p {
    color: #c8c8c8;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 40px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.content_con .con_content p.data_c span {
    color: #fb452f;
    font-weight: bold;
    line-height: 26px;
}

.content_con .con_content h3 {
    color: #c8c8c8;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 20px;
}

.content_con .con_content ul {
    color: #646464;
    font-size: 12px;
}

.content_con .con_content ul li {
    margin-top: 10px;
}

.con_content .btn {
    display: inline-block;
    width: 210px;
    height: 60px;
    position: relative;
    line-height: 60px;
    background-color: #fb452f;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    border: 0px solid #fb452f;
}

.con_content .btn i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none /9;
    background-color: #ffffff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    -moz-transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    -o-transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
}

.con_content .btn:hover i {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.con_content .btn span {
    display: inline-block;
    color: #ffffff;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.con_content .btn:hover span {
    color: #fb452f;
}

.con_img .play {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37px;
    margin-top: -37px;
    width: 75px;
    height: 75px;
    background: url(../images/solution/play.png) no-repeat;
    background-size: cover;
}

.content_con .video {
    display: none;
    object-fit: fill;
    width: 592px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -295px;
    margin-top: -166px;
}

.hen_chang {
    width: 100%;
    text-align: center;
    /*padding: 50px 0px;*/
}

.hen_chang .con_content {
    width: 930px;
    text-align: center;
    min-height: auto;
    margin: 0px auto;
}

.hen_chang .con_content h2 {
    color: #ffffff;
    font-size: 28px;
    line-height: 54px;
    font-weight: normal;
    margin-bottom: 30px;
}

.hen_chang .con_content .line {
    width: 60px;
    height: 4px;
    background-color: #e30000;
    margin: 30px auto 40px auto;
}

.hen_chang .con_content p {
    color: #c8c8c8;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 60px;
    text-align: left;
}

.hen_chang .con_content h3 {
    color: #c8c8c8;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 20px;
}

.hen_chang .con_content ul {
    color: #646464;
    font-size: 12px;
}

.hen_chang .con_content ul li {
    margin-top: 10px;
}

.hen_chang .con_img {
    width: 1300px;
    position: relative;
    margin-top: 60px;
}

.circleBig {
    width: 555px;
    margin: 0 auto;
}

.hen_chang .con_content .circleBox {
    width: 250px;
    display: inline-block;
}

.hen_chang .con_img .img {
}

.hen_chang .video {
    display: none;
    object-fit: fill;
    width: 100%;
}

.hen_chang .con {
    width: 1300px;
}

.hen_chang .clearfix {
    position: relative;
}

.hen_chang .dingBtn {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
}

.hen_chang .btn {
    display: inline-block;
    width: 210px;
    height: 60px;
    position: relative;
    line-height: 60px;
    background-color: #fb452f;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    border: 0px solid #fb452f;
}

.hen_chang .btn i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none /9;
    background-color: #ffffff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    -moz-transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    -o-transition: transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
}

.hen_chang .btn:hover i {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.hen_chang .btn span {
    display: inline-block;
    color: #ffffff;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.hen_chang .btn:hover span {
    color: #fb452f;
}

.imgBoxAll .ddImg {
    width: 118%;
    margin-left: -70px;
    margin-top: -20px;
}

.imgBoxAll .ddImgFive {
    margin-top: 30px;
}

.content_con .con_img .imgDD_yd {
    display: none;
}

@media (max-width: 1700px) {
}

@media (max-width: 1500px) {
}

@media (max-width: 1300px) {
}

@media only screen and (max-width: 768px) {
    #content {
        min-width: 100%;
    }

    .content {
        min-width: 100%;
    }

    .newContent .con_content .btnDownAA {
        margin-bottom: 0;
    }

    .logoBox {
        width: 100%;
        margin-bottom: 0.1rem;
    }

    .newContent {
        width: 100%;
        min-width: auto;
        position: relative;
    }

    .newContent .con_content .oneTitle {
        font-size: 0.19rem;
        line-height: 0.23rem;
        margin-bottom: 0.1rem;
        text-align: center;
    }

    .newContent .con_content .oneColorTitle {
        font-size: 0.18rem;
        line-height: 0.23rem;
        margin-bottom: 0.3rem;
        text-align: center;
    }

    .newContent .con_content .twoTitle {
        font-size: 0.19rem;
        line-height: 0.23rem;
        margin-bottom: 0.3rem;
        text-align: center;
    }

    .newContent .con_content .data_c {
        font-size: 0.12rem;
        line-height: 0.23rem;
        margin-bottom: 0.4rem;
        text-align: justify;
        width: 100%;
        text-justify: inter-ideograph;
    }

    .newContent .con_content .circleBox {
        font-size: 0.14rem;
    }

    .newContent .con_content .data_little {
        font-size: 0.12rem;
        line-height: 0.23rem;
        margin-bottom: 0.4rem;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .imgBox, .threeImgBox, .imgBoxOne {
        width: 100%;
        margin: 0 auto 0.2rem;
    }

    .newContent .twoImgBox {
        width: 100%;
        margin: 0 auto;
    }

    .newContent .threeImgBox {
        width: 100%;
        margin: 0 auto;
    }

    .circleBig {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .hen_chang .dingBtn {
        position: relative;
        left: 0;
        right: initial;
        bottom: initial;
        top: -0.2rem;
    }

    .hen_chang .con_content .circleBox {
        width: 100%;
    }

    .hen_chang .con_content h2 {
        margin-bottom: 0.3rem;
    }

    .numAllBox {
        margin-top: 0.4rem;
    }

    .imgBoxAll {
        float: left;
    }

    .oneLeft {
        float: initial;
    }

    .oneRight {
        float: initial;
    }

    .logoBox {
        /*position: absolute;top: 0.5rem;*/
        margin: 0 auto;
        left: 0;
        right: 0;
        margin-bottom: 0.15rem;
    }

    .numBox {
        width: 0.75rem;
        margin-right: 0.35rem;
    }

    .numNum {
        font-size: 0.3rem;
        width: 0.37rem;
    }

    .numJia {
        font-size: 0.28rem;
        width: 0.25rem;
        position: relative;
        top: -0.15rem;
    }

    .numFont {
        width: 100%;
        font-size: 0.14rem;
    }

    .newContent .con_content .ydOne {
        width: 2.3rem;
        margin: 0 auto 0.2rem;
    }

    .newContent .con_content .ydTwo {
        width: 2.4rem;
        margin: 0 auto 0.2rem;
    }

    .newContent .con_content .btnDown {
        margin-bottom: 0.4rem;
    }

    .newContent .con_content .btnDownImg {
        margin-bottom: 0.6rem;
    }

    .imgBoxAll .ddImg {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .imgBoxAll .ddImgFive {
        margin-top: 0;
    }

    .con_content .btn {
        width: 1.5rem;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.15rem;
    }

    .hen_chang .btn {
        width: 1.5rem;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.15rem;
    }

    h2.title_en {
        font-size: 0.4rem;
    }

    h2.title_cn {
        font-size: 0.24rem;
    }

    .content_head {
        padding-bottom: 0.5rem;
    }

    .content_head .txt {
        padding-top: 0.55rem;
    }

    .content_head .txt h2 {
    }

    .content_head .txt .fu_title {
        margin-top: 0.25rem;
        font-size: 0.16rem;
    }

    .content_head .txt .fu_title br {
        display: block;
    }

    .head_con {
        width: 90%;
        margin: 0.15rem auto 0rem auto;
        font-size: 0.08rem;
        line-height: 0.23rem;
    }

    .newContent .con {
        margin-bottom: 0.4rem;
    }

    .con {
        width: 90%;
    }

    .content_con .con_img {
        width: 100%;
        text-align: left;
        position: relative;
        float: none;
    }

    .content_con .con_img .img {
        position: initial;
        width: 100%;
    }

    .content_con .con_img .imgDD {
        display: none;
    }

    .content_con .con_img .imgDD_yd {
        display: block;
    }

    .content_con .video {
        width: 100%;
        position: initial;
        margin-left: 0;
        margin-top: 0;
    }

    .content_con .con_content {
        width: 100%;
        text-align: left;
        float: none;
        min-height: initial;
        position: relative;
    }

    .content_con .con_content h2 {
        font-size: 0.19rem;
        line-height: 0.23rem;
        font-weight: normal;
        text-align: center;
    }

    .content_con .con_content .line {
        width: 0.3rem;
        margin: 0.15rem auto 0.2rem;
    }

    .content_con .con_content p {
        font-size: 0.12rem;
        line-height: 0.23rem;
        margin-bottom: 0.3rem;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .content_con .con_content h3 {
        color: #c8c8c8;
        font-size: 0.16rem;
        line-height: 0.23rem;
        font-weight: normal;
        margin-bottom: 0.1rem;
    }

    .content_con .con_content ul {
        font-size: 0.14rem;
        color: #FFFFFF;
        margin-bottom: 0.3rem;
    }

    .content_con .con_content ul li {
        margin-top: 0.05rem;
    }

    .newContent .con_content .data_ty {
        letter-spacing: 1px;
    }

    .content_con .con_content .btnBox {
        text-align: center;
        position: absolute;
        bottom: -3.8rem;
        width: 100%;
    }

    .content_con .con_content .btnThree {
        bottom: -4.25rem;
    }

    .content_con .con_content .btnFour {
        bottom: -4rem;
    }

    .content_con .con_content .btnFive {
        bottom: -3.44rem;
    }

    .hen_chang .con {
        width: 90%;
    }

    .hen_chang .con_content {
        width: 100%;
        text-align: center;
        min-height: 0;
        margin: 0px auto;
    }

    .hen_chang .con_content h2 {
        font-size: 0.19rem;
        line-height: 0.23rem;
        font-weight: normal;
        text-align: left;
        margin-bottom: 0.3rem;
        text-align: center;
    }

    .hen_chang .con_content .line {
        width: 0.3rem;
        display: inline-block;
        margin: 0.15rem 0 0.2rem 0;
    }

    .hen_chang .con_content p {
        font-size: 0.15rem;
        line-height: 0.3rem;
        margin-bottom: 0.3rem;
    }

    .hen_chang .con_content h3 {
        color: #c8c8c8;
        font-size: 0.2rem;
        line-height: 0.3rem;
        font-weight: normal;
        margin-bottom: 0.1rem;
    }

    .hen_chang .con_content ul {
        font-size: 0.15rem;
    }

    .hen_chang .con_content ul li {
        margin-top: 0.05rem;
    }

    .hen_chang .con_img {
        width: 100%;
        margin-top: 0.3rem;
    }

    .hen_chang .con_img .img {
        width: 100%;
    }

    .con_img .play {
        margin-left: -0.185rem;
        margin-top: -0.185rem;
        width: 0.375rem;
        height: 0.375rem;
    }

    .con_0 {
        padding-top: 0.5rem;
    }

    .con_1 {
        padding-top: 0.5rem;
    }

    .con_2 {
        padding-top: 0.5rem;
    }

    .con_3 {
        padding-top: 0.5rem;
    }

    .con_4 {
        padding-top: 0.5rem;
    }

    .con_5 {
        padding-top: 0.5rem;
        padding-bottom: 0;
    }

    .con_6 {
        padding-top: 0.5rem;
    }

    .con_66 {
        padding-top: 0.85rem;
    }

    .con_7 {
        padding-top: 0.5rem;
    }

    .con_8 {
        padding-top: 0.5rem;
    }

    .con_9 {
        padding-top: 0.7rem;
        padding-bottom: 1rem;
    }

    .con_10 {
        padding-top: 0.5rem;
    }

    .con_21 {
        padding-top: 0.5rem;
    }

    .con_99 {
        padding-top: 0.5rem;
    }

    /*.con_77{padding-top: 1.5rem;}*/
    .con_22 {
        padding-top: 0.7rem;
    }

    .con_23 {
        padding-top: 0.7rem;
    }

    .con_24 {
        padding-top: 0.7rem;
    }

    .con_31 {
        padding-top: 0.7rem;
    }

    .con_32 {
        padding-top: 0.5rem;
    }

    .con_223 {
        padding-top: 0.8rem;
    }

    .con_2233 {
        padding-top: 1rem;
    }

    .con_233 {
        padding-top: 1.35rem;
    }

    .con_3 .con_img, .con_8 .con_img, .con_4 .con_img, .con_21 .con_img, .con_99 .con_img, .con_22 .con_img, .con_23 .con_img, .con_24 .con_img, .con_31 .con_img {
        margin-bottom: 0.3rem;
    }

    .con_99 .con_content {
        text-align: center;
    }

    .con_99 .con_content h2, .con_99 .con_content p {
        text-align: left;
    }

    .con_99 .con_content .btn {
        margin: 0px auto;
    }

    .logoBox img {
        height: 0.8rem;
    }

    .one_icotxt {
        font-size: 0.2rem;
        padding: 0.05rem 0.2rem;
        line-height: 0.2rem;
        padding-bottom: 0.07rem;
        top: 0.25rem;
        margin-left: 0.1rem;
    }

    #content .newContent .oneCont .circleBox {
        margin-bottom: 0.1rem;
        float: none;
        font-size: 0.14rem;
        width: 2.3rem;
    }

    #content .newContent .oneCont .one_te {
        font-size: 0.16rem;
        width: 2.5rem;
    }

    #content .newContent .oneCont .btnDownAA {
        margin-bottom: 0.25rem;
    }

    .imgBoxOne {
        position: relative;
    }

    .imgBoxOne img {
        width: 100%;
        left: 0rem;
        margin-left: 0rem;
    }

    .content_con .oneCont .btnBox {
        bottom: -2.8rem;
    }

    .content_con .oneCont p {
        float: none;
    }

    .te_txt {
        font-size: 0.3rem;
        padding-top: 0.5rem;
    }
}

.ln1 {
    line-height: 40px;
    font-size: 16px;
}

.ln2 {
    line-height: 28px;
}

.shu {
    width: 1px;
    height: 17px;
    background-color: #535353;
    float: left;
    margin-top: 26.5px;
}

#content .nav .nav_in .focus2::after {
    content: '';
    width: 1px;
    height: 4px;
    background-color: #ff0000;
    position: absolute;
    bottom: 0;
    transition: all ease 0.3s;
}

.wow>img {
    margin-left: 150px;
    width: 1000px;
}

.content-img {
    margin-top: 50px;
    width: 1000px;
    text-align: center;
    margin-left: 150px;
}

.title-right {
    float: right;
    display: block;
    width: 100px;
    font-size: 24px;
    color: #CDCDCD;
    line-height: 36px;
    font-weight: 700;
    text-align: right;
    border-bottom: 1px solid #CED1D8;
}