.container {
    width: 100%;
}

.container-fluid {
    width: 94%;
    margin: 0px auto;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.6667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.3333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.6667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.3333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.6667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.3333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.6667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.w-100{
    width: 100%;
}

.d-flex {
    display: flex !important;
}

.p_navigation {
    padding: 10px 0px;
    position: fixed;
    z-index: 500;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: rgba(2, 2, 2, 0.1) 0px 0px 0px;
    transition: all 0.4s ease 0s;
    background: rgba(2, 2, 2, 0.08);
}

.p_gridbox {
    display: flex;
    flex-flow: wrap;
    margin: 0px auto;
}

.p_navbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.p_navitem .p_menuitem a {
    font-size: 14px;
    line-height: 80px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
}

.p_navitem {
    position: relative;
    border: none;
}

.p_navitem .p_menuitem::before {
    content: "";
    display: none;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 3px;
    background-color: rgb(0, 120, 209);
    transition: all 0.5s ease 0s;
}

.p_navitem .p_menuitem:hover::before {
    display: block;
    width: 100%;
    opacity: 1;
}

.p_nav2box {
    display: none;
    height: auto;
    padding-top: 15px;
    background: rgb(255, 255, 255);
    width: 160px;
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 99;
    transform: translateX(-50%);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.p_navitem:hover .p_nav2box {
    display: block !important;
}

.p_nav2item {
    position: relative;
    width: 100%;
}

.p_menu2item a {
    font-size: 14px;
    padding: 6px 20px;
    line-height: 35px;
    display: block;
    text-align: center;
    opacity: 0.6;
    transition: all 0.3s ease 0s;
    border-bottom: 1px solid rgb(226, 226, 226);
}

.p_menu2item a:hover {
    opacity: 1;
    color: rgb(255, 255, 255);
    background: rgb(28, 162, 103);
}

.p_menu2item:nth-last-child(1) a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.p_gridbox .p_item {
    float: right;
}

.p_gridbox .p_item .p_txt1 {
    color: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
    padding-top: 16px;
    font-size: 14px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

.p_gridbox .p_item .p_tel {
    color: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
    font-weight: 700;
}

.p_header .active {
    background: rgb(255, 255, 255);
    box-shadow: rgba(2, 2, 2, 0.12) 0px 0px 12px;
}

.pro-img {
    border: 1px solid rgba(0,0,0,0.16);
    width: 100%;
    height: 480px;
}

.pro-img img {
    width: 100%;
    height: 100%;
}

.active .p_navitem .p_menuitem a {
    color: rgb(51, 51, 51);
}

.active .p_gridbox .p_item .p_txt1 {
    color: rgb(51, 51, 51);
    transition: all 0.4s ease 0s;
    padding-top: 16px;
    font-size: 14px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

.active .p_gridbox .p_item .p_tel {
    color: rgb(0, 120, 209);
}

.p_title {
    margin-bottom: 4%;
}

.p_title .p-text {
    text-align: center;
    font-size: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: rgb(18, 161, 98);
    margin-right: 5px;
}

.p_title .p-text span {
    font-size: 60px;
    font-weight: normal;
    margin-left: 5px;
    color: rgb(102, 102, 102);
}

.p_title .p-text1 {
    line-height: normal;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
    color: rgb(72, 72, 72);
}

.p-solution {
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 4%;
    background-image: url("../images/solution.jpg");
}

.solu-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1750px;
    min-height: 770px;
}

.solu-item {
    width: 11.11%;
}

.icon-img {
    overflow: hidden;
    max-width: 128px;
    margin-left: auto;
    margin-right: auto;
}

.icon-text {
    line-height: 2;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

.icon1-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 550px;
}

.icon2-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 330px;
    margin-left: -120px;
}

.icon3-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-left: -150px;
    margin-top: 130px;
}

.icon4-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-left: -120px;
}

.icon5-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: -50px;
}

.icon6-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-left: 120px;
}

.icon7-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 130px;
    margin-left: 150px;
}

.icon8-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 330px;
    margin-left: 120px;
}

.icon9-site {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 550px;
}

.p-product {
    margin-top: 4%;
    margin-bottom: 4%;
}

.pro-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1600px;
    margin-bottom: 30px;
}

.pro-nav {
    margin: 0px 10px 20px;
    width: 12.5%;
    justify-content: center;
}

.pro-nav a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0px;
    border: 1px solid rgb(222, 222, 222);
    border-radius: 60px;
    text-align: center;
}

.pro-nav a:hover {
    border: 1px solid rgb(18, 161, 98);
    background-color: rgb(18, 161, 98);
    color: rgb(255, 255, 255);
}

.pro-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.pro-item {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 15px 30px;
    justify-content: center;
}

.pro-cont {
    display: flex;
    flex-flow: wrap;
    padding: 40px 20px;
    justify-content: center;
}

.pro-title {
    font-size: 18px;
    font-weight: bold;
    color: rgb(51, 51, 51);
    text-align: center;
}

.pro-text {
    margin-top: 20px;
    font-size: 14px;
    color: rgb(180, 183, 189);
    text-align: center;
    line-height: 1.8;
}

.pro-link {
    display: block;
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(61, 180, 94);
    width: 100%;
    font-size: 14px;
    border-radius: 100px;
    text-align: center;
}

.pro-link:hover {
    background-color: rgb(18, 161, 98);
}

.p-about {
    background-image: url("../images/about-bgm.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.ab-content {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    padding-top: 6%;
    padding-bottom: 4%;
}

.ab-img {
    overflow: hidden;
    max-width: 640px;
    margin-right: 2%;
}

.ab-item {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 100px;
    justify-content: flex-end;
}

.ab-title h2 {
    text-align: right;
    font-size: 60px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    margin-right: 5px;
}

.ab-title p {
    text-align: right;
    font-size: 24px;
    font-weight: normal;
    color: rgb(255, 255, 255);
    margin-right: 5px;
}

.ab-cont {
    text-align: right;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.73);
    font-size: 16px;
    font-family: "Microsoft YaHei";
    max-width: 720px;
    margin-top: 60px;
    margin-right: 0px;
    margin-left: auto;
    font-weight: normal;
}

.ab-link a {
    display: block;
    text-align: center;
    box-sizing: border-box;
    width: 180px;
    padding: 12px;
    margin-top: 100px;
    min-height: 46px;
    background-color: rgb(18, 161, 98);
    color: rgb(255, 255, 255);
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.ab-link a:hover {
    background-color: rgb(13, 187, 112);
}

.p-new {
    margin-top: 3%;
    margin-bottom: 3%;
}

.new-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.new-list {
    width: 49%;
    padding-top: 15px;
    padding-bottom: 25px;
    border: 1px solid rgb(222, 222, 222);
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    background-color: rgb(255, 255, 255);
    margin-bottom: 25px;
}

.new-img {
    overflow: hidden;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.new-item {
    padding: 0px 25px;
}

.new-title {
    padding-bottom: 13px;
    padding-top: 13px;
    margin-top: 0px;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    line-height: 1.5;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    margin-left: 0px;
    color: rgb(102, 102, 102);
}

.new-txt {
    font-size: 14px;
    color: rgba(154, 154, 154, 0.81);
    line-height: 1.5;
    text-indent: 2rem;
    overflow: hidden;
}

.new-time {
    margin-top: 15px;
    min-height: 20px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 1.5;
}

.new-link a {
    display: block;
    text-align: center;
    box-sizing: border-box;
    width: 100px;
    padding: 8px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(222, 222, 222);
    margin-top: 20px;
    font-size: 12px;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    border-radius: 2px;
    color: rgb(136, 136, 136);
}

.new-list:hover {
    border-color: rgb(28, 162, 103);
}

.new-list:hover .new-title {
    font-weight: bold;
    color: rgb(28, 162, 103);
    margin-left: 10px;
}

.new-list:hover .new-link a {
    color: rgb(28, 162, 103);
    background: rgba(255, 255, 255, 0);
    border-color: rgb(28, 162, 103);
}

.pc-footer {
    min-height: 300px;
    padding-top: 2%;
    padding-bottom: 2%;
    background-image: url("../images/foot.jpg");
}

.f-content {
    display: flex;
    flex-flow: wrap;
    max-width: 1600px;
    margin-bottom: 2%;
    margin-top: 2%;
}

.f-item {
    display: flex;
    flex-flow: column wrap;
    width: 86%;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    align-items: flex-start;
}

.f-logo {
    overflow: hidden;
    width: auto;
    max-width: 293px;
    min-width: 0px;
}

.f-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.44);
    margin-top: 15px;
}

.f-tel {
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: bold;
    margin-top: 0px;
}

.f-address {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.69);
}

.f-email {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 2;
}

.f-cont {
    display: flex;
    flex-flow: row;
    width: 95%;
    margin-left: 2%;
    justify-content: center;
}

.f-list {
    width: 25%;
}

.f-wechat {
    width: 25%;
}

.f-title {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    color: rgb(249, 254, 42);
}

.f-sort li a {
    font-size: 15px;
    line-height: 2.2;
    color: rgba(255, 255, 255, 0.7);
}

.wechat-img {
    overflow: hidden;
    max-width: 220px;
}

.wechat-txt {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 2;
    font-weight: normal;
    text-align: center;
}

.copyright {
    padding: 20px 0px 25px;
    background-color: rgb(20, 113, 72);
    border-top: 1px solid rgba(255, 255, 255, 0.24);
}

.copyright p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.81);
    line-height: 1;
    max-width: 1600px;
    width: 94%;
    text-align: center;
    font-weight: normal;
}

.copyright p a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.81);
}

.channel-banner {
    height: 360px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav-bread {
    padding: 0px;
    height: 50px;
    line-height: 50px;
    font-size: 0px;
    margin-top: 20px;
}

.nav-bread h2 {
    font-size: 24px;
    font-weight: 600;
}

.nav-bread i {
    color: rgb(136, 136, 136);
}

.nav-bread a {
    color: rgb(136, 136, 136);
    font-size: 14px;
    display: inline-block;
}

.nav-bread a:hover {
    color: rgb(255, 150, 0);
}

.nav-bread a::after {
    content: "";
    padding: 0px 10px;
    background: url("../images/nav-bread.png") center 50% no-repeat;
}

.nav-bread a:last-child::after {
    content: "";
    background: none;
}

.sidebar {
    display: flex;
    flex-flow: column wrap;
    width: 20%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(229, 229, 229);
}

.sidebar-title {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    min-width: 0px;
    min-height: 110px;
    background-color: rgb(28, 162, 103);
    color: rgb(255, 255, 255);
    justify-content: center;
    align-items: center;
}

.sidebar-title h2 {
    font-size: 24px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
}

.sidebar-title p {
    line-height: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 700;
}

.sidebar-list {
    margin-bottom: 20px;
}

.sidebar-list .sidebar-content {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
}

.sidebar-list .sidebar-content a {
    display: block;
    width: 100%;
    padding: 1.6rem 0;
    line-height: normal;
    font-size: 18px;
    font-weight: 700;
    color: rgb(102, 102, 102);
    text-align: left;
}

.sidebar-box {
    display: flex;
    align-items: center;
    margin-left: 10%;
}

.sidebar-box .link {
    width: 12px;
    height: 12px;
    background-color: rgb(102, 102, 102);
    margin-right: 20px;
}

.sidebar-list .sidebar-content a:hover {
    color: rgb(28, 162, 103);
}

.sidebar-list .sidebar-content a:hover .sidebar-box .link {
    background-color: rgb(28, 162, 103);
}

.pc-line{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}