body {
    font-size: 0.1em;
    margin: 0 0 0 0;
}

.content_box {
    width: 100%;
    background-color: yellowgreen;
}

.content_box .content {
    width: 80%;
    height: 80px;
    padding: 0 10% 0 10%;
    background-color: #77827e;
    position: fixed;
}

.content_box .content .welcome_box {
    width: 100%;
    height: 80px;
    background-color: #77827e;
}

.content_box .content .welcome_box .welcome {
    width: 100%;
    height: 20px;
    background-color: #77827e;
    padding: 30px 0 30px 0;
}

.content_box .content .welcome_box .welcome ul {
    font-size: 0.6rem;
    /* background-color: lawngreen; */
}

.content_box .content .welcome_box .welcome ul li {
    width: 33.33%;
    float: left;
    list-style-type: none;
    text-align: center;
    line-height: normal;
}

.content_box .content .welcome_box .welcome ul li .wel_left {
    width: 100%;
    color: #b3b8b6
    /* background-color: lightblue; */
}

.content_box .content .welcome_box .welcome ul li .wel_middle {
    width: 100%;
    color: transparent;
    /* background-color: red; */
}

.content_box .content .welcome_box .welcome ul li .wel_right {
    width: 100%;
    /* background-color: brown; */
}

.content_box .content .welcome_box .welcome ul li .wel_right .wel_right_left {
    width: 40%;
    float: left;
    /* background-color: blueviolet; */
}

.content_box .content .welcome_box .welcome ul li .wel_right .wel_right_right {
    /* width: 40%; */
    float: left;
    /* background-color: green; */
}

.content_box .content .welcome_box .welcome ul li .wel_right .wel_right_right ul {
    width: 100%;
    float: left;
}

.content_box .content .welcome_box .welcome ul li .wel_right .wel_right_right ul li {
    width: 33.33%;
    float: left;
    text-align: left;
    /* background-color: blue; */
}

.content_box .content .welcome_box .welcome ul li .wel_right .wel_right_right ul li a {
    color: #b3b8b6;
    cursor: pointer;
    text-decoration: none;
}

.content_box .content .welcome_box .welcome ul li .wel_right .wel_right_left .cn_phone_left {
    float: left;
    /* background-color: aquamarine; */
}

.content_box .content .welcome_box .welcome ul li .wel_right .wel_right_left .cn_phone_left_box {
    width: 187.5px;
    height: 15px;
    margin-right: 10px;
    /* background-color: bisque; */
}

.content_box .content .welcome_box .welcome ul li .wel_right .wel_right_left .cn_phone_left img {
    width: 100%;
}

.nav_box {
    width: 100%;
    height: 80px;
    background-color: #e1944f;
    position: fixed;
    margin-top: 80px;
}

.nav_box .nav {
    width: 80%;
    height: 20px;
    padding: 30px 0px 30px 0px;
    background-color: #e1944f;
    margin-left: 10%;
}

.nav_box .nav .nav_left {
    width: 50%;
    float: left;
    /* background-color: #77827e; */
}

.nav_box .nav .nav_right {
    /* width: 50%; */
    float: right;
    /* background-color: blue; */
}

.nav_box .nav .nav_right ul {
    width: 100%;
    list-style-type: none;
    margin-left: -40px;
}

.nav_box .nav .nav_right ul li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0px 14px 0px 14px;
    /* background-color: yellow; */
    margin-top: -1px;
}

.nav_box .nav .nav_right ul li a {
    text-decoration: none;
    color: white;
}

.nav_box .nav .nav_left .nav_logo_tit {
    width: 100%;
}

.nav_box .nav .nav_left .nav_logo_tit .nav_left_box {
    width: 375px;
    height: 30px;
    margin-right: 10px;
    margin-top: -3px;
    float: left;
}

.nav_box .nav .nav_left .nav_logo_tit .nav_left_box img {
    width: 100%;
    height: 100%;
}

.nav_box .nav .nav_right .nav_right_second {
    height: 250px;
    position: fixed;
    margin-left: 230px;
    margin-top: 15px;
    display: none;
    z-index: 9999;
}

.nav_box .nav .nav_right .nav_right_second ul {
    width: 100px;
}

.nav_box .nav .nav_right .nav_right_second ul li {
    list-style-type: none;
    text-decoration-line: none;
    color: white;
    background-color: #77827e;
    height: 35px;
    padding-top: 15px;
}

.nav_box .nav .nav_right .nav_right_second ul li:hover {
    background-color: #e1944f;
}


/*banner*/

.banner_box {
    width: 100%;
    padding-top: 160px;
}

.banner_box .banner {
    width: 100%;
    height: 510px;
}

.banner_box .banner img {
    width: 100%;
    height: 100%;
}


/*server*/

.server_box {
    width: 100%;
    padding: 66px 0 76px 0;
}

.server_box .server {
    width: 150px;
    height: 125px;
    margin: 0 50% 0 50%;
}

.server_box .server img {
    width: 100%;
    height: 100%;
    margin-left: -75px;
}

.server_box .server_project {
    width: 76%;
    margin-left: -2.7%;
    margin: auto;
    /* background-color: yellow; */
}

.server_box .server_project ul {
    width: 100%;
    margin-left: -3rem;
    /* background-color: blue; */
}

.server_box .server_project ul li {
    width: 16.66%;
    float: left;
    list-style-type: none;
    /* background-color: red; */
}

.server_box .server_project ul li a {
    text-decoration-line: none;
    color: black;
}

.server_box .server_project ul li a .server_project_box {
    width: 100%;
    /* background-color: lightblue; */
}

.server_box .server_project ul li a .server_project_box .project {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.server_box .server_project ul li a .server_project_box .project img {
    width: 100%;
    height: 100%;
}

.server_box .server_project ul li a .server_project_tit {
    width: 100%;
    /* background-color: green; */
}

.server_box .server_project ul li a .server_project_tit .project_tit {
    width: 100px;
    margin: 0 auto;
    /* background-color: red; */
}

.server_box .server_project ul li a .server_project_tit .project_tit p {
    color: black;
    text-align: center;
    line-height: 30px;
}

.server_box .server_project ul li a .server_project_tit .project_content {
    width: 80%;
    padding: 0 10% 0 10%;
    /* background-color: lightyellow; */
}

.server_box .server_project ul li a .server_project_tit .project_content p {
    color: black;
    text-align: justify;
    line-height: 30px;
}

.clear {
    clear: both;
}


/*choice*/

.choice_box {
    width: 100%;
    background-color: #77827e;
    padding: 40px 0 0 0;
}

.choice_box .choice {
    width: 150px;
    height: 125px;
    margin: 0 50% 0 50%;
    background-color: #77827e;
}

.choice_box .choice img {
    width: 100%;
    height: 100%;
    margin-left: -75px;
}

.choice_box .choice_project {
    width: 80%;
    background-color: #77827e;
    margin-top: 80px;
    margin: auto;
}

.choice_box .choice_project .choice_project_left {
    width: 50%;
    float: left;
    background-color: #77827e;
}

.choice_box .choice_project .choice_project_left .choice_tit {
    width: 100%;
    padding-left: 50%;
    margin-top: 150px;
    /* background-color: blue; */
}

.choice_box .choice_project .choice_project_left .choice_tit .choice_tit_img {
    width: 250px;
    height: 100px;
    margin-left: -125px;
    /* background-color: red; */
}

.choice_box .choice_project .choice_project_left .choice_tit .choice_tit_img img {
    width: 100%;
    height: 100%;
}

.choice_box .choice_project .choice_project_right {
    width: 50%;
    float: left;
    background-color: #77827e;
}

.choice_box .choice_project .choice_project_right .choice_content {
    width: 100%;
}

.choice_box .choice_project .choice_project_right .choice_content ul {
    list-style-type: none;
    margin-left: -14%;
    /* background-color: lightgreen; */
}

.choice_box .choice_project .choice_project_right .choice_content ul li {
    width: 100%;
    list-style-type: none;
    /* background-color: lightyellow; */
}

.choice_box .choice_project .choice_project_right .choice_content ul li a {
    color: black;
    text-decoration-line: none;
    cursor: pointer;
    width: 100%;
}

.choice_box .choice_project .choice_project_right .choice_content ul li a .choice_content_left {
    width: 100%;
    margin: 5% 0% 5% 0%;
    margin-top: -2px;
    /* background-color: red; */
}

.choice_box .choice_project .choice_project_right .choice_content ul li a .choice_content_left .choice_content_tit {
    width: 100%;
}

.choice_box .choice_project .choice_project_right .choice_content ul li a .choice_content_left .choice_content_tit .choice_content_img {
    width: 100px;
    height: 17px;
    float: left;
    margin-right: 30px;
}

.choice_box .choice_project .choice_project_right .choice_content ul li a .choice_content_left .choice_content_tit .choice_content_img img {
    width: 100%;
    height: 100%;
}

.choice_box .choice_project .choice_project_right .choice_content ul li a .choice_content_left .choice_content_text {
    width: 50%;
    float: left;
    background-color: #6d7270;
    padding: 5% 5% 2.5% 5%;
    color: white;
}


/*simple*/

.simple_box {
    width: 100%;
}

.simple_box .simple {
    width: 150px;
    height: 125px;
    margin: 20px 50% 0 50%;
    /* background-color: #77827e; */
}

.simple_box .simple img {
    width: 100%;
    height: 100%;
    margin-left: -75px;
}

.simple_box {
    width: 100%;
}

.simple_box .simple_project {
    width: 80%;
    padding-bottom: 20px;
    margin: auto;
}

.simple_box .simple_project ul {
    width: 100%;
    margin-left: -3rem;
}

.simple_box .simple_project ul li {
    width: 25%;
    float: left;
    list-style-type: none;
}

.simple_box .simple_project ul li a {
    text-decoration-line: none;
    list-style-type: none;
    color: black;
}

.simple_box .simple_project ul li a .project_img_box {
    width: 100%;
}

.simple_box .simple_project ul li a .project_img_box .simple_project_img {
    width: 136.66px;
    height: 100px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.simple_box .simple_project ul li a .project_img_box .simple_project_img img {
    width: 100%;
    height: 100%;
}


/*active*/

.active_box {
    width: 100%;
    padding-top: 50px;
}

.active_box .active {
    width: 150px;
    height: 125px;
    margin: 20px 50% 0 50%;
}

.active_box .active img {
    width: 100%;
    height: 100%;
    margin-left: -75px;
}

.active_box .active_project {
    width: 74%;
    margin-top: 30px;
    margin: auto;
}

.active_box .active_project .active_project_left {
    width: 50%;
    float: left;
    padding-bottom: 50px;
}

.active_box .active_project .active_project_left ul {
    width: 100%;
    list-style-type: none;
    margin-left: -3rem;
}

.active_box .active_project .active_project_left ul li {
    width: 100%;
    padding-top: 20px;
}

.active_box .active_project .active_project_left ul li a {
    text-decoration-line: none;
    color: black;
}

.active_box .active_project .active_project_left ul li a .active_content_left {
    float: left;
    height: 120px;
    margin-right: 10px;
}

.active_box .active_project .active_project_left ul li a .active_content_left .active_project_img{
    width:6.25rem;
    height:6.25rem;
}

.active_box .active_project .active_project_left ul li a .active_content_left .active_project_img img{
    width:100%;
    height:100%;
}

.active_box .active_project .active_project_left ul li a .active_content_left .active_box .active_project_img {
    width: 136px;
    height: 120px;
}

.active_box .active_project .active_project_left ul li a .active_content_left .active_box .active_project_img img {
    width: 100%;
    height: 100%;
}

.active_box .active_project .active_project_left ul li a .active_content_right {
    width: 50%;
    float: left;
}

.active_box .active_project .active_project_left ul li a .active_content_right .active_content_tit {
    width: 100%;
}

.active_box .active_project .active_project_left ul li a .active_content_right .active_content_tit p {
    font-weight: bolder;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}

.active_box .active_project .active_project_left ul li a .active_content_right .active_content_detail {
    width: 100%;
}

.active_box .active_project .active_project_left ul li a .active_content_right .active_content_detail p {
   font-weight:normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.active_box .active_project .active_project_right {
    width: 50%;
    float: left;
}

.active_box .active_project .active_project_right a{
    text-decoration:none;
    color:black;
}

.active_box .active_project .active_project_right a   .active_news_box {
    width: 100%;
}

.active_box .active_project .active_project_right a   .active_news_box .active_news_img {
    width: 358px;
    height: 200px;
    padding-top: 20px;
}

.active_box .active_project .active_project_right a   .active_news_box .active_news_img img {
    width: 100%;
    height: 100%;
}

.active_box .active_project .active_project_right a   .active_news_box .active_news_tit {
    width: 358px;
    padding-top: 20px;
}

.active_box .active_project .active_project_right a   .active_news_box .active_news_tit p {
    font-weight: bolder;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.active_box .active_project .active_project_right a   .active_news_box .active_news_content {
    width: 358px;
}

.active_box .active_project .active_project_right a   .active_news_box .active_news_content p {
   font-weight:normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
}


/*footer*/

.footer_box {
    width: 100%;
    background-color: #77827e;
    padding: 30px 0;
}

.footer_box .footer_nav {
    width: 62.9%;
    margin: auto;
    /* background-color: blue; */
}

.footer_box .footer_nav_icp {
    width: 100%;
    padding-top: 150px;
}

.footer_box .footer_nav_icp ul {
    width: 100%;
    list-style-type: none;
    margin-left: -3rem;
}

.footer_box .footer_nav_icp ul li {
    width: 100%;
}

.footer_box .footer_nav_icp ul li a {
    text-decoration: none;
}

.footer_box .footer_nav_icp ul li a .footer_icp_version {
    width: 100%;
}

.footer_box .footer_nav_icp ul li a .footer_icp_version p {
    color: white;
    text-align: center;
}

.footer_box .footer_nav table {
    margin: auto;
}

.footer_box .footer_nav table tr {
    margin: auto;
}

.footer_box .footer_nav table tr td {
    border-right: 1px solid white;
    padding: 0 0.3rem;
}

.footer_box .footer_nav table tr td a {
    text-decoration-line: none;
    color: white;
}

.footer_box .footer_nav table tr td a p {
    color: white;
    font-size: 0.5em;
}