/* CSS Document */
* { 
    margin: 0; 
    padding: 0; 
}
html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

body { 
    margin: 0 auto;  
    color: #333;
    font-family: "Source Han Sans CN Regular", "Source Han Sans CN", "SimHei", "Helvetica Neue", Helvetica, Arial, Sans-serif;
    letter-spacing: 0.1rem;
}

img { 
    max-width: 100%; 
    border: 0;
    display: block; 
    -ms-interpolation-mode: bicubic; 
    -webkit-touch-callout: none; 
}

a { 
    color: #333; 
    text-decoration: none; 
}

ul, li, dl, dt, dd { 
    list-style: none; 
}

i { 
    font-style: normal; 
}

h1, h2, h3, h4, h5, h6 { 
    font-weight: 400; 
}

button, input, select, textarea {
    outline: 0;
    -webkit-box-sizing: border-box;
    font-family: "Source Han Sans CN Regular", "Source Han Sans CN", "SimHei", "Helvetica Neue", Helvetica, Arial, Sans-serif;
}

input { 
    outline: 0;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none; 
}

input:focus, textarea:focus { 
    outline: 0;
    border: 1px solid #f60; 
}

.width { 
    padding: 1rem; 
    overflow: hidden; 
}

.top { width: 100%;}

.header { 
    background: rgba(255, 255, 255, .70); 
    /*! overflow: hidden; */ 
    position: absolute; 
    z-index: 11; 
    top: 0; 
    width: 100%; 
    display: flex;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
}

.header nav{margin-left: auto;}
.logo { 
    float: left; 
    width: 15%; 
}

.logo img { 
    /*! margin-left: 20%; */ 
    /*! padding: .8rem; */ 
    /*! max-height: 60px; */
}

.nav { 
    /*! float: right; */ 
    /*! margin-left: auto; */
    width: 100%;
    /*! padding: 10px 0px; */
}

.nav ul { 
    display: flex; 
    flex-direction: row; 
}

.nav ul li { 
    font-size: 1.8rem; 
    position: relative;
    padding: 0rem 3rem 0;
    flex: 1;
    text-align: center;
    padding: 10px 0px;
}
.nav ul li.logo{width:15%;flex: none;}
.nav ul li>a { 
    /*! padding: 1.8rem 3rem 0; */ 
    display: block; 
}
.nav ul li .sub{display: none;
  position: absolute;
  left: 0px;
  top: 45px;
  width: 100%;
  z-index: 999;
background: #ffffffc7;
padding: 10px 0px;
}
.nav ul li .sub a{display: block;font-size: 16px;text-align: center;margin: 10px 0px;}
/* Mobile Navigation */
.nav-toggle {
    display: none; 
    cursor: pointer; 
}

.nav-toggle span {
    display: block; 
    width: 25px; 
    height: 3px; 
    margin: 5px; 
    background-color: #333; 
}

/* 当导航睁开时的样式 */
.nav-toggle.active span:nth-child(1) {
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
}

.nav-toggle.active span:nth-child(2) {
  opacity: 0;
}

.nav-toggle.active span:nth-child(3) {
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
}
.nav ul {
    display: flex;
    flex: 1;
    margin-bottom: 0px;
    align-items: center;
}

.nav.collapsed ul {
    display: none;
}

/* Swiper styles remain unchanged */

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.contpadd .swiper-slide {
    text-align: center;
    font-size: 16px;
    background: #fff;

    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive Design */
h2 {
    /*! font-size: 2.6rem; */
    text-align: center;
    /*! font-weight: 600; */
    letter-spacing: 0.05rem;
    
    color: #00a2e9;
}

.cont1 { 
    padding-top: 8rem; 
    text-align: center; 
}

.cont1 p { 
    font-size: 1.8rem; 
    line-height: 1.5; 
}

.flex {
    display: flex;
    flex-flow: row;
    padding: 0;
}
.footbq{text-align:center; width:100%; background:#000000; line-height:50px; color:#FFFFFF;}

.flexwo {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 25%; 
    float: left; 
    text-align: center;
    font-size: 1.8rem;
    padding-top: 6rem;
}

.font1 { 
    font-size: 5.8rem; 
    color: #fabf00; 
    line-height: 1.5; 
    font-family: OPPOSans; 
    font-weight: 600; 
}

.flex2 { 
    width: 100%; 
    overflow: hidden; 
}

.flex2 .flexwo { 
    width: 33.33%; 
}

.more { 
    text-align: center; 
    padding-top: 1rem; 
}

.more a { 
    padding: 1rem 4rem; 
    border: 1px #333 solid; 
}

.more a:hover { 
    border: 1px #00a2e9 solid; 
}

/*-----声誉---*/
.rongyu { 
    overflow: hidden; 
    padding-top: 15rem; 
}

.flexry {
    display: flex;
    flex-flow: row;
    width: 50%;
    float: left;
    padding: 0; 
}

.ryleft { 
    background: #f2f2f2; 
}

.ryimg {
    width: 50%;
}

.ryfont {
    display: flex;
    flex-flow: column;
    width: 46%;
    padding-left: 4%;
}

.ryfont p { 
    font-size: 1.8rem; 
}

.ryfont h3 { 
    padding: 3.6rem 0; 
}

h3 {
    /*! font-size: 3.6rem; */
    font-weight: 600;
    letter-spacing: 0.05rem;
    color: #00a2e9;
}

.morea { 
    margin-top: 5rem; 
}

.morea a { 
    padding: 1rem 4rem; 
    border: 1px #00a2e9 solid; 
    color: #00a2e9; 
}

.contpadd { 
    padding-top: 4rem; 
}

/*----效劳----*/
.fuwutxt { 
    font-size: 2.4rem; 
}

.fuwu li { 
    float: left; 
    width: 31%; 
    padding-bottom: 7rem; 
    margin: 0 1.1%; 
}

.fuwuimg { 
    width: 100%; 
}

.center { 
    text-align: center; 
}

.center img { 
    display: inline-block; 
    padding: 3rem 0 1rem; 
}

.fuwu .morea { 
    margin-top: 3rem; 
}

.swiper-slide img {
    width: 100%;
    display: block;
}

.txt { 
    text-align: left; 
    padding-left: 1rem; 
}

.green {  
    color: #00a2e9; 
}

.swiper-paginationa {
    position: relative;
    margin-top: 6rem;
}

.swiper-paginationa .swiper-pagination-bullet { 
    display: inline-block;
    background: #fff;
    border: 1px #ccc solid;
    border-radius: 0%;
    opacity: 1;
    font-size: 1.8rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.swiper-paginationa .swiper-pagination-bullet-active {
    opacity: 1;
    background: #00a2e9;
    color: #fff;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.contpadd5 { 
    padding-top: 9rem; 
    padding-bottom: 5rem;
}

/* ---tab选项--- */
.slideTxtBox { 
    background-color: #fff; 
    overflow: hidden; 
    margin: 0 10px; 
    text-align: center; 
}

.slideTxtBox:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

.slideTxtBox .hd { 
    position: relative; 
    height: 2rem;
}

.slideTxtBox .hd ul {  
    position: absolute; 
    width: 75%; 
    left: 25%; 
}

.slideTxtBox .hd ul li { 
    float: left; 
    padding: 0 2rem; 
    cursor: pointer;  
    text-align: center; 
    border-right: 1px #eee solid; 
    font-size: 1.8rem; 
    /*! font-weight: 600; */ 
    color: #666; 
}

.slideTxtBox .hd ul li.on { 
    color: #00a2e9; 
}

.slideTxtBox .bd {
    padding-top: 5rem;
    overflow: hidden;
}

.bd ul { 
    /*! display: none; */ 
}
.bd ul{  zoom:1; background-color:#fff;}
.bd ul li{ float:left; width:25%;}
.chanpinul img{ border:1px #f2f2f2 solid; width:95%;}
.bd ul.on { 
    display: block; 
}

.bd li { 
    padding: 2rem 0; 
}
.news{ overflow:hidden;display: flex;
    flex-flow: row;
    padding: 0; justify-content: space-between;}
.news .newl{width:70%;display: flex;flex-wrap: wrap;}
.news .newr{width:30%;}
.newl .newsl{width:48%;margin:1%;/*! float:left; */
    display: flex;
    flex-flow: column;
}
.newsimg{ width:100%;position:relative;}
.newstxt{ padding:2rem 2rem 3rem;background-color:#f8f8f8;}
.p18{ font-size:1.8rem; font-weight:600;}
.newstxt span{ padding:1rem 0; display:block;}
.p16{ font-size:1.6rem; color:#666;}
.title{ position:absolute; top:0; left:0; z-index:15; background:#000; opacity: 0.5; color:#fff; padding:0.5rem 1rem;}

.swiper-containerb .newstxt{display: flex;
    flex-flow: column; }
		.cont1 h2,.contpadd h2,.contpadd5 h2{margin-bottom:3.6rem;font-size: 3.6rem;}
.swiper-containerb .newstxt .p18{ padding-top:2rem;}
/* Media Queries for Mobile */
footer{
	  padding: 20px 0px;
	  text-align: center;
	  margin-top: 50px;
	
}
.close{display: none;;}
@media (max-width: 768px) {
    .logo {
        width: 50%; 
    }
.close{display: block;
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 999;}
	.bd ul li{width:48%;margin:1%;}
	.contpadd5{padding-top:4rem;padding-bottom: 4rem;}
	.slideTxtBox .hd ul li{font-size:16px;padding:10px 10px;}
    .cont1 h2{margin-bottom:2.6rem;font-size: 2.6rem;}
	.slideTxtBox .hd ul{width:100%;left:0px;}
    .nav { 
        display: none; 
    }
	.more{margin-top:1rem;margin-bottom: 1rem;}
    .ryfont h3{padding:2.6rem 0px;}
.logo img{margin-left:0px;max-height: 30px;}
    .nav-toggle {
        display: block; 
        float: right; 
        margin: 1.5rem; 
        margin-left: auto;
    }
	.banner img{width:100%;}
	.container.cont1{text-align: left;}
.cont1 p{font-size:14px;}
    .nav-toggle:hover { 
        background: #f0f0f0; 
    }
	.cont1 .flex{flex-wrap: wrap;}
    .nav.collapsed {
        display: block; 
        margin-left: 0px;
        width: 100%;
        position: absolute;
        background: #ffffffb5;
        /*! padding: 20px; */
		top:55px;
        box-sizing: border-box;
        left: 0px;
    }
    .nav.collapsed ul{display: block;width: 100%;margin-top: 20px;}
	.font1{font-size:16px;margin: 10px 0px;}
    .flex2 .flexwo,.flexwo {
        width: 48%;
		margin:10px 1%;
        float: none; 
        padding: 0;
        background: #eee;
        padding: 10px;
        box-sizing: border-box;
    }
.flex2 .flexwo img,.flexwo img{max-width:60px;}
    .more a {
        padding: 0.5rem 2rem; 
    }
	.flexry{flex-wrap: wrap;width: 100%;}
	.ryleft .ryimg{width:100%}
.ryfont{padding:10px 10px 30px 10px;box-sizing: border-box;}
.ryfont p{font-size:14px;line-height: 30px;}
.rongyu{flex-wrap: wrap;padding-top: 2.6rem;}
    .ryleft {
        width: 100%; 
        float: none; 
    }

    .ryfont {
        width: 100%; 
    }

    .fuwu li {
        width: 100%; 
        float: none; 
        margin: 0; 
        padding-bottom: 2.6rem;
    }
	.cont1{padding-top:4rem;}
	.fuwutxt{font-size:18px;text-align: center;}
	.fuwu .morea{text-align: center;}
	.contpadd h2{margin-bottom:3rem;font-size: 2.6rem;}
	.swiper-paginationa .swiper-pagination-bullet{
		font-size:14px;
		width:30px;height: 30px;
		line-height: 30px;
	}
	.news{flex-wrap: wrap;}
	.newsl{width:100%;margin:1%;}
	.top .swiper-container{overflow:visible}
	
}
.lists {
    margin-top: 50px;
}

.lists .news-item {
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s ease;
    box-sizing: border-box;
    width: 31.3%;
    margin: 1%;
}

.lists .news-item:hover {
    transform: scale(1.03);
}

.lists .news-thumbnail {
    position: relative;
    overflow: hidden;
    height: 200px;
}

.lists .news-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.lists .news-thumbnail img:hover {
    transform: scale(1.1);
}

.lists .news-content {
    padding: 15px;
}

.lists .news-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.lists .news-title:hover {
    color: #00a2e9;
}

.lists .news-description {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    transition: color 0.3s ease;
}

.lists .news-description:hover {
    color: #333;
}

/* 手机端自顺应调解 */
@media (max-width: 768px) {
    .lists .news-thumbnail {
        height: 150px;
    }
    .lists .news-item{width:100%;margin-bottom: 15px;}
    .lists .news-title {
        font-size: 16px;
    }

    .lists .news-description {
        font-size: 13px;
    }
}
.news-detail {
    margin-top: 50px;
}

/* 问题样式 */
.news-detail .news-title {
    font-size: 32px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.4;
}

/* 元数据（宣布日期、浏览量等） */
.news-detail .news-meta {
    margin-bottom: 30px;
    color: #666;
    font-size: 14px;
}

.news-detail .news-meta span {
    margin-right: 15px;
    display: inline-block;
}

.news-detail .news-meta .news-date {
    color: #333;
}

.news-detail .news-meta .news-views {
    color: #00a2e9;
}

/* 详情内容样式 */
.news-detail .news-content {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

/* 图片样式 */
.news-detail .news-content .news-image {
    margin: 20px 0;
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

/* 鼠标悬浮图片放大效果 */
.news-detail .news-content .news-image:hover {
    transform: scale(1.05);
}

/* 手机端自顺应调解 */
@media (max-width: 768px) {
    .news-detail .news-title {
        font-size: 24px;
    }

    .news-detail .news-meta {
        font-size: 12px;
    }

    .news-detail .news-content {
        font-size: 14px;
    }
}
.page-content {
    margin-top: 50px;
    padding: 20px 0;
}

/* 问题样式 */
.page-content .page-title {
    font-size: 32px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.5;
}

/* 文字段落样式 */
.page-content .page-text {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    text-align: justify;
}

/* 图片样式 */
.page-content .page-image {
    margin: 20px 0;
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

/* 鼠标悬浮图片放大效果 */
.page-content .page-image:hover {
    transform: scale(1.05);
}

/* 手机端自顺应调解 */
@media (max-width: 768px) {
    .page-content .page-title {
        font-size: 26px;
    }
.page-content{margin-top:0px;padding-right: 15px;padding-left: 15px;}
    .page-content .page-text {
        font-size: 14px;
        padding: 0px 10;
        max-width: 95%;
        margin: 0px auto;
    }
}
/* Breadcrumbs 样式 - 绝对定位在 Banner 底部 */
.banner {
    position: relative;
    /*! height: 500px; */
    overflow: hidden;
}
.banner{background-size:cover !important;}
.breadcrumbs {
    position: absolute;
    bottom: 0; /* 定位到 banner 的底部 */
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明玄色配景 */
    padding: 10px 0;
    color: white;
}

.breadcrumbs .container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.breadcrumbs ul li {
    display: inline-block;
    font-size: 14px;
    color: white;
}

.breadcrumbs ul li a {
    text-decoration: none;
    color: #00a2e9; /* 链接颜色 */
    transition: color 0.3s ease;
}

.breadcrumbs ul li a:hover {
    color: #005f8b; /* 悬浮时的链接颜色 */
}

.breadcrumbs ul li span {
    margin: 0 5px;
}
img{max-width:100%;}
/* 手机端自顺应 */
.banner-content{
	text-align: center;
	  padding-top: 10%;
}
.banner img{width:100%;}
.banner-content h1{color:white;}
.mlogo{display:none;}
.banner .swiper-slide{max-height:800px;overflow:hidden;}
footer .container{display: flex;flex-wrap: wrap;}
 footer .fleft{
     width:25%;
 }
 .fleft .flogo{
    
 }
 .fleft .finfo{
     
 }
  .fleft .finfo>div {
      display: flex;
      justify-content: left;margin:10px 0px;
  }
.fleft .finfo .tel{font-size:22px;}
  .fleft .finfo>div  i{
      
  }
  .fright{
      width: 65%;
  margin-left: auto;
  }
 
.fright .frtop{display: flex;align-items: center;justify-content: right; }
.fright .frtop a{margin:0px 20px; text-align: center}
.fright .frbottom{display: flex;align-items: center;justify-content: right;margin-top: 20px;}
.fright .frbottom  .code{margin:0px 10px;}
.fright .frbottom .code p{margin-top:10px;}
.fright .frbottom  img{max-width:120px;}
.job{min-height:500px;position: relative;background-size:cover !important;}
.job .jobinfo{position:absolute;left:10%;top:30%;/*! background:white */color: white;}
.job .jobinfo p:nth-child(1){font-size:30px;margin-bottom:20px;}
.job .jobinfo p:nth-child(2){margin-bottom:20px;font-size:18px;}
.job .jobinfo a{border:1px solid #ccc;padding:10px 30px;display: inline-block;color:white;}
@media (max-width: 768px) {
    .mlogo{display:block;}
    .pclogo{display:none;}
    .breadcrumbs ul li {
        font-size: 12px; /* 移动端缩小字体 */
    }
    .jbo{
        background-position: center !important;
    }
    footer .fleft,.fright{width:100%;}
    .fright .frtop{display:none;}
    .fright .frbottom{flex-wrap:wrap;justify-content: left;}
    .fright .frbottom .code{width:31%;text-align: center;/*! justify-content: center; */margin: 1%;}
    .fright .frbottom .code img{max-width:100%;display: inline-block;}
	.banner{height: auto;}
	.news-detail{padding:0px 20px;}
	.cont1 h2, .contpadd h2, .contpadd5 h2{font-size:2.6rem;}
	.news .newl{flex-wrap: wrap;width:100%;}
	.news .newr{width:100%;}
	.newl .newsl{width:100%;}
	.nav ul li{padding:0px;}
	footer{width:100%;margin:0px auto;}
	.nav.collapsed ul li{margin:10px 0px;}
	.header{box-sizing:border-box;padding: 0px 20px;}
}
<!--耗时1756033673.9401秒-->