@charset "utf-8";
/* CSS Document */
.blue {
  color: #00007a;
}
@media only screen and (max-width: 1680px) {
  .content,
  .main,
  .news {
    width: 1200px;
  }
  .header {
    width: 1200px;
  }
  .nav li {
    font-size: 16px;
    padding: 0 20px;
  }
  .eight_tit {
    font-size: 30px;
  }
  .eight .swiper-pagination-progressbar {
    right: 24%;
  }
  .eight .swiper-pagination {
    bottom: 14%;
  }
  .eight_tips {
    font-size: 20px;
  }
  .swiper-num {
    right: 32%;
    bottom: 15%;
  }
  .pro_list_pic {
    height: 243px;
  }
  .searvice_tit {
    font-size: 32px;
  }
  .news1,
  .news2 {
    height: 510px;
  }
  .news2_pic {
    height: 200px;
  }
  .news_list li {
    height: 157px;
  }
  .m_news_head_list img {
    height: 436px;
  }
  .m_news_head_right li {
    height: 133px;
  }
  .m_news_list_pic {
    height: 220px;
  }
  .m_pro_list_pic {
    height: 243px;
  }
  .related_list .pro_list_pic {
    height: 184px;
  }
  .related_list_pic {
    height: 136px;
  }
  .mes_tit {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1440px) {
  .wrap_box {
    font-size: 14px;
  }
  .pro_list_pic {
    height: 204px;
  }
}
@media only screen and (max-width: 1220px) {
  .content,
  .main,
  .news,
  .header {
    width: 90%;
  }
  .wrap_box {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: -moz-calc(100vw / 7.5);
    font-size: calc(100vw / 7.5);
  }
  .wrap_box {
    font-size: 0.24rem;
  }
  img {
    width: 100%;
  }
  .mar_t10 {
    margin-top: 0.1rem;
  }
  .content,
  .main {
    width: 6.9rem;
  }
  .pc {
    display: none;
  }
  .phone {
    display: block;
  }
  .p_header {
    height: 1.3rem;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: #fff;
  }
  .p_header .content {
    height: 100%;
  }
  .p_logo {
    width: 6rem;
  }
  .srch {
    width: 6.66rem;
    height: 0.88rem;
    margin: 0.7rem auto;
    -webkit-appearance: none;
    background: #d6e1db;
    border-radius: 0.06rem;
    overflow: hidden;
  }
  .srch_txt {
    width: 5.2rem;
    border: none;
    color: #333;
    background: none;
    -webkit-appearance: none;
    padding: 0 0.1rem;
    line-height: 0.88rem;
  }
  .srch_txt::-webkit-input-placeholder {
    color: #8791a2;
  }
  .srch_sub {
    width: 1.46rem;
    height: 100%;
    border: none;
    color: #ffffff;
    text-align: center;
    background: url(../images/menu_ss.png) no-repeat #157b46 center center;
    background-size: 0.38rem;
    -webkit-appearance: none;
  }
  .menu_btn {
    width: 0.5rem;
    top: 0.4rem;
  }
  .menu_box {
    background: #00007a;
    background-size: 100%;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999999;
    position: fixed;
    display: none;
  }
  .menu_list {
    padding: 1.5rem 0.5rem 0;
    color: #fff;
  }
  .menu_list li {
    font-size: 0.3rem;
    padding-left: 0.3rem;
    line-height: 3;
    margin-bottom: 0.3rem;
    text-transform: uppercase;
    border-bottom: solid 1px rgba(255, 255, 255, 0.6);
  }
  .menu_close {
    font-size: 0.6rem;
    color: #fff;
    right: 0.6rem;
    top: 0.2rem;
  }
  .banner {
    margin: 1.3rem 0 0;
  }
  .about_bg {
    background: url(../images/p_about_bg.jpg) no-repeat;
    background-size: 100%;
    padding: 1.35rem 0 1.15rem;
  }
  .about_box {
    padding: 0;
  }
  .about {
    flex-direction: column;
  }
  .about_con {
    width: 100%;
  }
  .about_tit h2 {
    font-size: 0.6rem;
  }
  .about_tit h4 {
    font-size: 0.28rem;
    width: 3.8rem;
  }
  .about_txt {
    font-size: 0.26rem;
    line-height: 0.46rem;
    height: 2.3rem;
    overflow: hidden;
    margin: 0.9rem 0 0.7rem;
  }
  .more {
    width: 2.47rem;
    height: 0.72rem;
  }
  .about_pic {
    position: absolute;
    top: -0.4rem;
    right: 0;
  }
  .about_num {
    flex-wrap: wrap;
  }
  .about_num li {
    width: 50%;
    margin-top: 0.6rem;
  }
  .about_num li img {
    width: 0.62rem;
    height: 0.62rem;
    margin-bottom: 0.2rem;
  }
  .about_num li b {
    font-size: 0.48rem;
  }
  .eight li {
    background: #00007a url(../images/eight_bg.jpg) no-repeat right bottom;
    background-size: 3rem;
    height: 11.9rem;
  }
  .eight li a {
    padding: 0.35rem 0.3rem;
    flex-direction: column;
  }
  .eight .swiper-pagination-progressbar {
    right: 24%;
  }
  .eight .swiper-pagination {
    bottom: 1rem;
    width: 2rem;
    height: 0.04rem;
    left: 0.3rem;
  }
  .eight_pic {
    width: 100%;
  }
  .eight_con {
    width: 100%;
    padding: 0.5rem 0 0;
  }
  .eight_tit {
    font-size: 0.46rem;
  }
  .eight_tips {
    font-size: 0.32rem;
    margin: 0.4rem 0 0.2rem;
  }
  .eight_txt {
    font-size: 0.26rem;
  }
  .swiper-num {
    right: auto;
    left: 0.3rem;
    bottom: 1.1rem;
  }
  .eight_page {
    right: 0.3rem;
    top: 6rem;
    font-size: 0.24rem;
  }
  .pro_box {
    padding: 1.3rem 0.3rem;
  }
  .pro_tit h2 {
    font-size: 0.56rem;
  }
  .pro_tit h2::after {
    width: 0.65rem;
    height: 0.06rem;
  }
  .pro_tit p {
    font-size: 0.24rem;
  }
  .pro_list li a {
    padding: 0 0.24rem;
  }
  .pro_list .pro_btn {
    margin: 0.7rem 0 0;
  }
  .pro_list .swiper-button-prev,
  .pro_list .swiper-button-next {
    width: 0.76rem;
    height: 0.76rem;
  }
  .pro_list_pic {
    width: 3.05rem;
    height: 2.62rem;
  }
  .pro_list_con {
    width: 3.1rem;
  }
  .pro_list_tit h2 {
    font-size: 0.36rem;
  }
  .pro_list_tit h4 {
    font-size: 0.26rem;
  }
  .searvice_box {
    background: url(../images/p_service_bg.jpg) no-repeat;
    background-size: 100%;
    height: 10.32rem;
    flex-direction: column;
    padding: 1rem 0.1rem 0;
    justify-content: flex-start;
  }
  .searvice_left {
    width: 100%;
    margin: 0;
  }
  .searvice_tit {
    font-size: 0.48rem;
    text-align: center;
  }
  .searvice_txt {
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.42rem;
    margin: 0.3rem 0 0.9rem;
  }
  .searvice_list {
    width: 5.95rem;
  }
  .searvice_list li img {
    width: 0.84rem;
  }
  .searvice_list h2 {
    font-size: 0.36rem;
  }
  .searvice_list p {
    font-size: 0.24rem;
    line-height: 0.42rem;
  }
  .searvice_list .swiper-button-prev,
  .searvice_list .swiper-button-next {
    width: 0.26rem;
    height: 0.17rem;
  }
  .searvice_list .swiper-button-prev {
    background: url(../images/prev2.png) no-repeat;
    background-size: 100%;
  }
  .searvice_list .swiper-button-next {
    background: url(../images/next2.png) no-repeat;
    background-size: 100%;
  }
  .news_bg {
    padding: 1.8rem 0 1.6rem;
  }
  .news_tit1 {
    font-size: 1.66rem;
    position: absolute;
    top: -1.4rem;
    left: -0.1rem;
  }
  .news_tit2 {
    margin: 0;
    font-size: 0.48rem;
    position: relative;
    z-index: 1;
  }
  .news_more {
    margin: 0;
    position: relative;
    z-index: 1;
  }
  .p_news_list {
    margin: 0.9rem 0 0;
  }
  .p_news_list li a {
    background: #fff;
    border-radius: 0.15rem;
    display: block;
    padding: 0.6rem 0.4rem 0;
  }
  .p_news_list li .news_date {
    font-size: 0.22rem;
  }
  .p_news_list li .news_tit {
    font-size: 0.32rem;
    line-height: 0.4rem;
  }
  .p_news_list li .news2_pic {
    height: 3.47rem;
  }
  .p_news_list li .news_list_more {
    padding: 0.4rem 0;
  }
  .p_news_list li .news_list_more img {
    width: 0.17rem;
  }
  .footer_bg {
    padding: 0;
  }
  .footer_bg .news {
    width: 6.9rem;
  }
  .footer {
    width: 100%;
  }
  .footer_nav {
    font-size: 0.26rem;
    color: #4e4e5d;
    border-bottom: solid 1px #18182b;
    padding: 0.5rem 0;
  }
  .footer_nav a {
    padding: 0 0.25rem;
    color: #fff;
  }
  .footer_ss_tit {
    text-align: center;
    font-size: 0.28rem;
  }
  .footer_ss {
    width: 4.85rem;
    height: 0.72rem;
    margin: 0.3rem auto;
    float: none;
    padding: 0 0.25rem;
  }
  .footer_ss_txt {
    width: 3.95rem;
  }
  .copyright {
    margin: 0 0.3rem;
  }
  .copyright .content {
    width: 100%;
  }
  .copyright_txt {
    text-align: center;
  }
  .m_about_bg {
    background: #fff;
  }
  .m_banner {
    margin: 1.3rem 0 0;
  }
  .m_tit h2 {
    font-size: 0.58rem;
  }
  .m_about {
    line-height: 2;
  }
  .case_tit_box {
    flex-direction: column;
  }
  .case_tit p {
    font-size: 0.42rem;
  }
  .case_tit p b {
    font-size: 0.82rem;
  }
  .case_tit h4 {
    font-size: 0.28rem;
  }
  .case_txt {
    width: 100%;
    font-size: 0.24rem;
    text-align: left;
    margin: 0.3rem 0 0;
  }
  .case_list .bd ul li {
    border-radius: 0.1rem;
    margin: 0 0.08rem;
  }
  .case_list .bd ul li img {
    width: 2.66rem;
    height: 1.82rem;
  }
  .case_list {
    margin: 0.2rem 0 0;
  }
  .m_searvice_bg {
    background: url(../images/p_m_searvice_bg.jpg) no-repeat center top;
    background-size: 100%;
    padding: 1.32rem 0 0;
  }
  .m_searvice_list {
    flex-direction: column;
  }
  .m_searvice_list li {
    width: 100%;
  }
  .m_searvice_con {
    flex-direction: row;
    padding: 0.65rem 0.5rem 0 0.8rem;
  }
  .m_searvice_con img {
    width: 0.66rem;
    height: 0.68rem;
  }
  .m_searvice_list_con {
    width: 4.15rem;
  }
  .m_searvice_list_con h2 {
    font-size: 0.36rem;
  }
  .m_searvice_list_con p {
    font-size: 0.24rem;
    line-height: 0.42rem;
  }
  .develop_year {
    font-size: 0.82rem;
    line-height: 1.7;
  }
  .develop_con {
    width: 4.95rem;
  }
  .develop_date {
    font-size: 0.2rem;
    line-height: 0.7rem;
    padding-bottom: 0.17rem;
  }
  .develop_date b {
    font-size: 0.36rem;
  }
  .year_list {
    border-radius: 0.3rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }
  .year_list .swiper {
    width: 4.7rem;
  }
  .m_news_box {
    padding: 1.1rem 0;
  }
  .m_news_list li {
    width: 100%;
    margin-right: 0;
    margin-top: 0.5rem;
    border-radius: 0.15rem;
    padding: 0.5rem 0.5rem 0;
  }
  .m_news_list_tit {
    font-size: 0.32rem;
    line-height: 0.4rem;
    height: 0.8rem;
  }
  .m_news_list_txt {
    font-size: 0.26rem;
    line-height: 0.36rem;
  }
  .m_news_list_pic {
    height: 3.95rem;
    margin: 0.3rem 0 0;
  }
  .more1 {
    width: 0.18rem;
    height: 0.18rem;
  }
  .m_news_list_more {
    padding: 6% 0;
  }
  .pro_right {
    width: 100%;
    margin: 1.1rem 0 0;
  }
  .p_pro_type_btn {
    height: 0.91rem;
    background: #f6f6f6;
    border-radius: 0.1rem;
    padding: 0 0.3rem;
    margin: 0.75rem 0 0;
  }
  .p_pro_type_btn img {
    width: 0.12rem;
    height: 0.2rem;
  }
  .m_pro_list {
    justify-content: space-between;
    margin: 0.5rem 0;
  }
  .m_pro_list li {
    width: 3.28rem;
    margin-right: 0;
  }
  .m_pro_list_pic {
    height: 2.77rem;
  }
  .m_pro_list_tit_box img {
    width: 0.24rem;
    transform: rotate(45deg);
  }
  .m_pro_list_tit {
    opacity: 1;
  }
  .p_pro_type_bg {
    width: 100%;
    position: fixed;
    height: calc(100vh - 1.3rem);
    top: 1.3rem;
    right: -100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    transition: all 0.6s;
  }
  .pro_type {
    width: 85%;
    background: #fff;
    top: 1.3rem;
    right: -100%;
    position: fixed;
    z-index: 11;
    height: calc(100vh - 1.2rem);
    transition: all 0.6s;
    overflow-y: auto;
    padding: 0 0.3rem;
    margin: 0;
  }
  .pro_type > ul > li {
    border-bottom: solid 1px #e3e3ea;
  }
  .pro_type > ul > li h3 {
    padding: 0.3rem 0;
    color: #757575;
    font-size: 0.3rem;
  }
  .pro_type > ul > li h3 img {
    transition: all 0.6s;
    cursor: pointer;
    width: 0.14rem;
  }
  .pro_type > ul > li.current h3 {
    color: #333;
    font-weight: bold;
  }
  .pro_type > ul > li.current img {
    transform: rotate(180deg);
  }
  .sub_pro li {
    background: url(../images/pro_line1.png) no-repeat left 0.4rem;
  }
  .main_bg {
    padding: 0.5rem 0;
  }
  .show_box {
    margin: 0.5rem 0 0;
  }
  .pro_show_head {
    flex-direction: column;
  }
  .pro_show_pic {
    width: 100%;
  }
  .pro_show_con {
    width: 100%;
    margin: 0.5rem 0 0;
  }
  .pro_show_con h3 {
    font-size: 0.26rem;
  }
  .pro_show_con h2 {
    font-size: 0.4rem;
  }
  .pro_show_con p {
    line-height: 1.5;
  }
  .news_show_head h2 {
    font-size: 0.34rem;
  }
  .news_show_head p {
    font-size: 0.24rem;
  }
  .show_txt {
    padding: 10% 0;
  }
  .nextpage {
    height: 0.86rem;
  }
  .nextpage a {
    line-height: 0.84rem;
  }
  .nextpage a b {
    font-size: 0.24rem;
  }
  .m_contact_tit {
    text-align: right;
    top: 32%;
    padding-right: 0.8rem;
  }
  .m_contact_tit h2 {
    font-size: 0.52rem;
  }
  .m_banner_address {
    width: 5rem;
    right: 0.4rem;
    bottom: 1.35rem;
  }
  .m_banner_address h2 {
    font-size: 0.26rem;
  }
  .m_banner_address h2 img {
    width: 0.36rem;
    height: 0.49rem;
    margin-right: 0.2rem;
  }
  .m_banner_address p {
    font-size: 0.24rem;
    margin-left: 0.55rem;
  }
  .m_contact_bg .main {
    flex-direction: column-reverse;
  }
  .m_contact {
    width: 100%;
  }
  .m_contact_list li {
    height: 1.75rem;
    margin-bottom: 0.15rem;
    background-size: 0.04rem;
  }
  .m_contact_list_tit {
    font-size: 0.28rem;
  }
  .m_contact_list_tel {
    font-size: 0.26rem;
  }
  .m_contact_list_txt {
    font-size: 0.26rem;
  }
  .message {
    width: 100%;
    margin: 0.3rem 0 0;
    border-radius: 0.5rem;
  }
  .mes_tit {
    background: #fff;
    font-size: 0.24rem;
    line-height: 0.34rem;
    height: 1.8rem;
    padding: 0 7%;
  }
  .mes_tit img {
    width: 0.77rem;
    height: 0.77rem;
  }
  .mes_form {
    padding: 3% 6% 10%;
  }
  .mes_form_list li {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .mes_form_list li input {
    padding: 0 0.5rem;
    height: 0.78rem;
  }
  .mes_txt {
    height: 2.73rem;
  }
  .mes_btn {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.26rem;
  }
}