@charset "UTF-8";@import url(iconfont.css);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}
body,html{text-align:justify;}
ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0; text-align: center; margin: 0px auto;
}

.table_left{text-align: left;}
.table_line td{ border:1px #ccc solid; }
img{max-width: 100%;}

a:link {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.clear {
    clear: both
}

div,html {
    font-family: 'Helvetica Neue',Helvetica,Arial,'PingFang SC','Microsoft YaHei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif
}

body,html {
    -webkit-text-size-adjust: none;
    width: 100%;
    height: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 300
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 300
}

a {
    color: #333
}

a:hover {
    text-decoration: none;
    color: #1A639B
}

a:visited {
    text-decoration: none
}

a:focus {
    outline: 0;
    text-decoration: none
}


:root {
  --main-color: #1a639a;
}

.btn {
    -webkit-transition: all 225ms ease-in-out;
    -moz-transition: all 225ms ease-in-out;
    -o-transition: all 225ms ease-in-out;
    transition: all 225ms ease-in-out
}

.sunmu-btn{
    background-color: #1A639B;
    color: #FFF;
    font-size: 18px;
    display: inline-block;
    padding: 10px 30px;
    margin: 30px 0;
}
.sunmu-btn.long{
    padding: 10px 50px;
    border-radius: 4px;
    cursor: pointer;
}
.newList-box{
    padding-top: 30px;
    padding-bottom: 30px;
}
.pageBox{
    margin: 30px 0 50px;
}
@media (min-width: 1300px) {
    .container {
        width:1200px
    }
}

@media (min-width: 1400px) {
    .container {
        width:1300px
    }

    .news-nav a{
        padding: 0px 40px !important;
    }    
}

@media (min-width: 1200px) {

    #header .navbar-default .navbar-brand {
        height:80px; padding: 10px 15px;
        display: flex;
        align-items: center
    }

    #header .navbar-default .navbar-nav>li>a {
        line-height: 80px;
        padding-left: 20px;
        padding-right: 20px;
        height: 80px;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #header .navbar-default .navbar-brand {
        height:80px; padding: 10px 15px;
        display: flex;
        align-items: center
    }

    #header .navbar-default .navbar-nav>li>a {
        line-height: 80px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #header .navbar-default .navbar-brand {
        height:60px; padding: 10px 15px;
        display: flex;
        align-items: center
    }

    #header .navbar-default .navbar-nav>li>a {
        line-height: 60px;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    #header .navbar-default .navbar-nav>li>a {
        padding-top:0;
        padding-bottom: 0;
        font-size: 16px;
        color: #fff
    }

    #header .navbar-default .navbar-nav>li>.dropdown-menu {
        width: 100%;
        min-width: auto;
        background-color: rgba(16,18,40,.9);
        border-width: 0
    }

    #header .navbar-default .navbar-nav>li>.dropdown-menu>li>a {
        padding: 0;
        font-size: 14px;
        line-height: 35px;
        text-align: center;
        color: #fff
    }

    #header .navbar-default .navbar-nav>li>.dropdown-menu>li>a:focus,#header .navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover {
        text-decoration: none;
        background-color: #b79f73
    }
}

@media (max-width: 767px) {
    #header .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#fff
    }

    #header .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,#header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: #b79f73
    }
}

#header .navbar-default {
    border: 0;
    border-bottom: 1px solid #FFF; 
    margin-bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#header .navbar-default .navbar-brand>img {
    max-height: 60px;
    max-height: 100%
}

#header .navbar-default .navbar-nav>li>a {
    color: #fff
}
#header .navbar-default1{
    border-bottom: 1px solid #E5E5E5;
}
#header .navbar-default1 .navbar-nav>li:hover>a {
    color: #1a639a;
}
#header .navbar-default1 .navbar-nav>li.on>a{
    color: #1a639a;
}

#header .navbar-default .navbar-nav>li.on>a::after{
    content: "";
    display: block;
    width: 29px;
    height: 8px;
    background-image: url(../images/on.png);
    margin: 0 auto;
    transform: translate(0, -25px);
}
.navbar-default1{
    background-color: #FFF !important;
    color: #000;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#header .navbar-default1 .navbar-nav>li>a {
    color: #000
}
#header .navbar-default1 .navbar-nav>li.on>a::after{
    background-image: url(../images/on1.png);
}

#section0>.fp-overflow,#section2>.fp-overflow,.top1,.banner2,.home-banner,.home-banner-item,.yewu,.yewu-left,.yewu-left>.swiper{
    height: 100%;
}

.search{
    line-height: 86px !important;
}

.top1{
    padding: 0;
    max-height: 937px;
    overflow: hidden;
}

.home-banner{
    padding: 0;
}

.home-banner-item img{
    width: 100%;
    height: 100%;
}
.home-banner-item{
    position: relative;
}
.home-banner-item>div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home-banner-item .txt{
    width: 100%;
    height: 100%;
}

#bigMenu {
    position: fixed;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    display: none;
}
#bigMenu li {
    position: relative;
    padding-left: 0vw; text-align: center;
}
#bigMenu li:before {
    content: '';
    height: 2px;
    background-color: #1A639A;
    position: absolute;
    bottom: 0;
    margin-top: -1px;
    left: 2vw;
    width: 1.5vw;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#bigMenu li a {
    font-size: 16px;
    line-height: 44px;
    color: #333;
    font-family: 'NotoSansHans-dem';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#bigMenu li.active:before {
    background-color: #50973b;
    left: 0;
    width: 100%;
}
#bigMenu.white li:before{
    background-color: #fff;
}
#bigMenu.white li a{
    color: #fff;
}
#bigMenu.white li.active a {
    opacity: 1;
    visibility: visible;
    color: #FFF;
}

#bigMenu.blue li:before{
    background-color: #1A639A;
}
#bigMenu.blue li.active a {
    opacity: 1;
    visibility: visible;
    color: #50973b;
}

@media (max-width: 991px){
    #header .navbar-default .navbar-nav>li.on>a::after{
        transform: translate(0, -18px);
    }
}

#fullpage>.page2{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/bg2.png);
}
#fullpage>.page2 .container{padding-top: 80px;}
#fullpage>.page4{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/bg4.png);
}

#fullpage>.page5{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/bg5.png);
}
footer{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/footer_bg.jpg);
}



#fullpage>.page4 .container{
    padding-top: 50px;
}
#fullpage>.page5 .container{
    padding-top: 20px;
}
.home-container{
    overflow-x: hidden;
    overflow-y: hidden;
  /*  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}
.page5 .mainTitle{
    margin: 30px 0;
    display: flex; /* 使用 Flexbox 布局 */
    gap: 10px; /* 元素之间的间隔 */
    align-items: center; /* 垂直居中对齐 */
}
.mainTitle h2{
    font-size: 15px;
    font-weight: 700;
    color: #1A639A;
}

.mainTitle h1{
    font-size: 28px;
    font-weight: 700;
    margin: 20px 0;
}


.mainTitle .no::after{
    display: none;
}
.about-title h1::after{
    display: none !important;
}
.mainTitle h1::after{
    margin-top: 20px;
    display: block;
    content: "";
    width: 46px;
    height: 2px;
    background-color: #000;
}

.center-title{
    text-align: center;
    margin: 20px 0 30px;
}
.center-title h2{
    font-size: 19px;
    font-weight: 800;
    color: #1A639A;
}

.center-title h1{
    font-size: 33px;
    margin: 20px 0;
    font-weight: 500;
}
.about-info{overflow: auto;}
.about-left .about-info p{
    line-height: 30px;
    font-size: 17px;
    color: #666666;
    
}
.about-left{
    transform: translate(0, 10%);
}

.flex{
    display: flex
}
.flex-nowrap{
    flex-wrap: nowrap;
}
.about-numInfo-item{
    margin-right: 10%;
    text-align: center;
}
.about-numInfo-item span{
    color: #51973C;
    font-weight: 600;
}
.about-numInfo-item h1{
    display: inline-block;
    font-size: 34px;
    color: #51973C;
    font-weight: 600;
    letter-spacing: 4px;
}
.about-numInfo-item p{
    margin-top: 10px;
}

.imgBox{
    width: 100%;
    /* height: 528px; */
    overflow: hidden;
    border-radius: 27px;
    float: right;
}
.imgBox img{
    width: 100%;
}
.yewu,.yewu-left{
    padding: 0;
}
.yewu-left img{
    width: 100%;
    height: 100%;
}
.footer-med{
    margin-top: 8px;
}
.news-right .news-item{
    border: none;
}
.yewu-left .item::after {
    content: '';
    border: 1px solid;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000;
    opacity: 0.5;
    pointer-events: none;
}

.yewu-right{
    height:100%;
}
.yewu-title{
    position: absolute;
    top: 20%;
    left: 45%;
    transform: translate(-50%, 0);
    z-index: 100;
    color: #FFF;
}
.yewu-title h2{
    font-weight: 600;
    margin-top: 20px;
    font-size: 33px;
}
.yewu-title h2:after{
    margin-top: 20px;
    display: block;
    content: "";
    width: 46px;
    height: 2px;
    background-color: #fff;
}
.swiper-yewu1{
    width: 100%;
    margin: 0 !important;
}
.swiper-yewu2{
    margin-top: 15%;
    width: 50%;
    margin-left: 15% !important;
}
.swiper-yewu2 .mainTitle h1{
    color: #4E4E4E;
    font-size: 28px;
    font-weight: 700;
}
.swiper-yewu2 .mainTitle p{ height: 210px; overflow: hidden;
    color: #666666;
    line-height: 30px;
    font-size: 16px;
}
.swiper-yewu2 .mainTitle h1::after{
    margin-top: 30px;
    height: 4px;
    background-color: #50973B;
}

.yewuImg{
    position: absolute;
    top: 20%;
    right: 0%;
    width: 28%;
}
.swiper-yewu2-txt .item{
    background-color: #FFF;
}
.swiper-yewu3{
    z-index: 1000;
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    left: -17%;
    width: 110%;
    bottom: 3rem;
}
.swiper-yewu3 .item{
    width: 18%;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.swiper-yewu3 .item::after{
    content: '';
    border: 1px solid;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000;
    opacity: 0.4;
    pointer-events: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.swiper-yewu3 .item.active3{
    transform: translateY(-20px);
}

.swiper-yewu3 .item.active3::after{
    opacity:0;
}
.swiper-yewu3 .item h4{ z-index: 999;
    font-size: 1.3rem;
    text-align: center;
    color: #FFF;
    position: absolute;
    bottom: 2rem;
    left: 10%;
    font-weight: 800;
}

.swiper-yewu3 img{
    width: 100%;
}
.yewuSearch{ display: none;
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 99999;
    top: 20%;
    right: 0;
    transform: translate(50%, 0);
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.yewuSearch.active{display: block;}
.yewuSearch:hover{
    transform: translate(50%, -5px);
}
.yewuSearch img{
    
}

.case-list{
    /* margin: 50px 0; */
}
.case-item{
    cursor: pointer;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.case-item img{
    width: 100%;
    height: 257px;
}
.case-item h1{
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    font-weight: 600;    
}
.case-item:hover .case-info{
    top: 0;
}
.case-item:hover .case-title{
    display: none;
}
.case-title{
    background: #FFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.case-info{
    width: 100%;
    top: 100%;
    position: absolute;
    padding: 15px;
    color: #FFF;
    height: 100%;
    overflow: hidden;
    background:rgba(4, 53, 90, 0.5);
    -webkit-transition: all 225ms ease-in-out;
    -moz-transition: all 225ms ease-in-out;
    -o-transition: all 225ms ease-in-out;
    transition: all 225ms ease-in-out;
}
.case-info h4{
    margin: 20px 0px;
    font-size: 24px;
    font-weight: 500;
}
.case-info p{
    font-size: 16px;
    line-height: 25px;
}
.textCenter{
    text-align: center;
}

.news-left{
    width: 100%;
    position: relative;
}

.news-left img{
    width:100%; object-fit: cover;
}

@media (min-width: 1400px){
    .news-left img{height: 335px;}
    .news-item{padding: 15px 40px;}
}

@media  (min-width: 1200px) and (max-width: 1400px){
    .news-left img{height: 290px;}
    .news-item{padding: 15px 30px;}
}

@media  (min-width: 992px) and (max-width: 1200px){
    .news-left img{height: 252px;}
    .news-item{padding: 15px 20px;}
}

@media (max-width: 992px){
    .news-item{padding: 15px 15px;}

    .about-numInfo-item h1{font-size: 24px;}
}

.date-box{
    position: absolute;
    color: #FFF;
    background: #50973B;
    text-align: center;
    padding: 20px 25px;
    transform: translate(10%, -10%);
}
.date-box h1{
    font-size: 50px;
}
.news-left .news-item{
    background: #FFF;
}
.news-left .news-item>h4{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 700;
    color: #666666;
}
.news-left .news-item>p{
    color: #999999;
    margin-top: 10px;
}
.news-item>p{line-height: 1.6;}

.news-right .news-item{ margin-bottom: 12px;
    background: #FFF;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    border: 1px solid #F1F1F1;
}
.news-right .news-item:hover::before{
    width: 100%;
}
.news-right .news-item:hover h4{
    color: #1A639A;
}
.news-right .news-item::before{
    content: '';
    display: block;
    width: 0;
    background: linear-gradient(90deg,#1C6597,#4E953D);
    position: absolute;
    height: 2px;
    left: 0;
    top: 0;
    
    -webkit-transition: all 225ms ease-in-out;
    -moz-transition: all 225ms ease-in-out;
    -o-transition: all 225ms ease-in-out;
    transition: all 225ms ease-in-out;
}

.news-right .news-item>h4{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 700;
    color: #666666;
}
.news-right .news-item>p{
    color: #999999;
    margin: 8px 0px;
    font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}

.news-date-p{
    font-size: 14px; color: #999999;
}

.news-nav{
    /* background: #FF6A00; */
	background-image: linear-gradient(270deg, #ff8c1f, #ff6a00);
    color: #FFF;
    position: relative;
    width: 80%;
    z-index: 99;
    right: 0;
    transform: translate(0,-170%);
    overflow: hidden;
    border-radius: 50px 0 0 50px;
    display: flex;
    flex-wrap: nowrap;
}

.news-nav a{
    color: #000;
    font-size: 1.6rem;
    padding: 0px 30px;
    height: 55px;
    display: inline-block;
    line-height: 55px;

}
.newsTitle{
    margin-bottom: 40px !important;
}
.news-nav .active{
    background-color: #1B649B;
    color: #fff;
     border-radius: 50px 0 0 50px;
	 
}





.ind_newlist{display: none;}

.ind_newlist#ind_newlist35{display: block;}




.swiper-contact .item{
    padding:10px;
}
.swiper-contact .item>div{
    /*border:2px solid #2F95E3;*/
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 0px 5px rgb(165 161 161);
    height: 250px;
}

.swiper-contact .item h1{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
}
.swiper-contact .swiper-slide{opacity: 0;}
.swiper-contact .swiper-slide-active{opacity: 1;}
.swiper-contact .swiper-slide>div{background: #fff;}
.swiper-contact .swiper-slide-active>div::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #1B649B;
    transform: rotate(45deg);
    /* transform: translate(0, 50%); */
    bottom: -10px;
    z-index: 99999999;
    border: 2px solid #1B649B;
    left: 49%;
    bottom: -22px;
    box-shadow: 0px 0px 5px rgba(27,100,155,1);
}
.swiper-contact .swiper-slide-active>div{
    background-color: #1B649B; width: 550px; margin: 0px auto;
    color: #FFF;
}
.swiper-contact .item p{
}
.swiper-contact .item p,.swiper-contact .item span{
    /* height: 25px; */
    line-height: 25px;
}
.swiper-contact .item .contact-info-item{
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    font-size: 15px;
    margin: 10px 0;
}

.icon {
    width: 25px;
    height: 20px;
    background-size: 70% 90%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
}
.icon.add{
    background-image: url(../images/add.png);
}
.icon.phone{
    background-image: url(../images/phone.png);
}
.icon.email{
    background-image: url(../images/email.png);
}
.icon.chuanzhen{
    background-image: url(../images/chuanzhen.png);
}


.swiper-slide-active .icon.add{
    background-image: url(../images/add1.png);
}
.swiper-slide-active .icon.phone{
    background-image: url(../images/phone1.png);
}
.swiper-slide-active .icon.email{
    background-image: url(../images/email1.png);
}
.swiper-slide-active .icon.chuanzhen{
    background-image: url(../images/chuanzhen1.png);
}

.contact-nav a{
    background: #E9E9E9;
    padding: 7px 30px;
}
.contact-nav{
    text-align: center;
    margin: 40px 0 10px;
}
.contact-nav a:hover,.contact-nav .active{
    background: #1B649B;
    color: #FFF;
}
.swiper-contact{
    height: 275px;
}
.swiper-contact>.swiper-wrapper{
    height: 90%;
}
.space-between{
    justify-content: space-between;
}
footer{
    margin-top: 10px;
    padding: 40px 0 0 0;
}
.footer-qrcode{
    display: flex;
    justify-content: space-around;
}
.qrcode-item{
    color: #FFF; padding:0px 5px;
}
.qrcode-item h4{
    margin: 10px 0 20px; text-align: center;
}
.qrcode-item img{
    width: 160px;
}
.footer-med a{
    display: block;
    color: #FFF;
}
.footer-from h4{
    font-size: 24px;
    color: #FFF;
    /* padding: 0 0 20px 0; */
}
.sm-input-item input{
    border: 0;
    line-height: 25px;
    color: #000;
    border-radius: 5px;
    padding-left: 10px;
    width: 100%;
}
.space-between .sm-input-item{
    width: 48%;
}
.sm-input-item{
    margin: 10px 0;
}
.sm-input-item textarea{
    border: 0;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}


.sm-input-item .sunmu-btn
{
    margin: 0;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer; border-color: #1A639B;
}

/* 移动端样式 */
@media (max-width: 768px) { /* 通常移动设备的屏幕宽度小于 768px */
    .sm-input-item textarea {
        width: 100%; /* 在移动端将宽度改为 48% */
    }
    .sm-input-item .sunmu-btn
    {
        width: 100%; /* 在移动端将宽度改为 48% */ 
    }
}

.footer-med-item{
    color: #FFF;
    text-align: center;
    border: 1px solid #FFF;
    padding: 10px;
    width: 60%;
    margin: 0 auto 20px;
    cursor: pointer;
}
.footer-med-item img{
    vertical-align: middle;
}

.footer-med-item span{
    vertical-align: middle;
}
.links-box{
    color: #e4e4e4; line-height: 2;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #727378;
}
.links-box h4{
    display: inline;
    font-size: 15px;
}
.links-box a{
    color: #e4e4e4;
    font-size: 15px; display: inline-table;
    padding: 10px 15px;
}
.webInfo-box{
    color: #FFF;
    font-size: 16px;
    padding: 20px 0;
}
.webInfo-box a{color: #fff;}
#section3{
    padding-top: 20px;
}
.textEnd{
    text-align: end;
}
.main_banner{
    position: relative;
}
.main_banner>img{
    width: 100%;
}

.top-title{
    color: #FFF;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.top-title h2{
    font-size: 35px;
}
.top-title h1{
    margin-bottom: 1rem;
    font-size: 45px;
}

.location {
    padding: 10px  0;
    line-height: 30px;
    border-bottom: 1px solid #c1c0c0;
}

.location_info {
    float: left;
    font-size: 16px;
}
.location_info a {
    color: #999;
}
.location_type {
    float: right;
}
.location_type li {
    display: inline-block;
    margin: 0 10px;
}
.location_type a{
    font-size: 16px;
}
.location_type li a.on, .location_type li a:hover {
    color: #3877A9;
}
.location_type li a.on::before{
    content: "";
    display: inline-block;
    width: 29px;
    height: 8px;
    background-image: url(../images/on1.png);
    margin: 0 auto;
    transform: translate(-50%, 0);
}

.about-1{
    padding: 50px 0;
}

.about-numInfo-item img{
    display: block;
    margin: 0 auto 10px;
}
.center-title.white h2{
    color: #FFF;
}
.center-title.white h1{
    color: #FFF;
    font-weight: 500;
}
.dongshizhang{
    background-image: url(../images/dongshizhang.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 60px 0;
}
.zuzhijiagou{
    /* min-height: 670px; */
    background-image: url(../images/zuzhijiagou.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 50px 0;
}
.dongshizhang>div{
    /* padding: 50px 0 0 0; */
}
.center-title.white{
    margin-bottom: 50px;
}
.about-content{ line-height: 2;
    border: 30px solid #EFEFEF;
    background: #FFF;
}
.about-content>div{
    padding: 20px 20px;
    margin: 0 auto;
    position: relative;
}

/*.about-content>div::before{
    content: '';
    display: block;
    background-image: url(../images/yinhao1.png);
    width: 60px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -30px;
    top: 30px;
}

.about-content>div::after{
    content: '';
    display: block;
    background-image: url(../images/yinhao2.png);
    width: 60px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -30px;
    bottom: 30px;
}*/
.zuzhi-content{margin: 0px auto;
    line-height: 2;
    padding-top: 20px;
}
.zuzhi-content img{
    
}
.center-title.white b{
    background: #FFF;
}
.center-title b,.mainTitle b{
    background: #1A639A;
    display: block;
    width: 20px;
    height: 3px;
    margin: 0 auto;
}
.mainTitle b{
    width: 30px;
    height: 2px;
    margin: 0;
}
.qiyezizhi{
    padding-top: 80px;
    background: #F5F5F5;
}
.swiper-rongyu{
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}
.hide1{
    display: none;
}
.qiyezizhi .row{
    position: relative;
}
.zizhitips{
    width: 100%;
    height: 60px;
    background: #E7E7E7;
    position: absolute;
    bottom: 7px;
    box-shadow: 0px 16px 20px #ADADAD;
}
    
.rongyu-box{
    /*padding-bottom: 20px !important;
    box-shadow: 0px 4px 20px #ADADAD;
    margin-bottom: 50px;*/
}

.swiper-rongyu .swiper-button-next, .swiper-rongyu .swiper-button-prev{color: #1B649B;}
.swiper-rongyu .swiper-button-next:hover, .swiper-rongyu .swiper-button-prev:hover{color: #fdb300;}



.swiper-rongyu.rongyu-22 .swiper-slide{background: #fff; padding: 40px 0px;}














.mouse{
    margin: 40px 0 60px;
}

.mouse>img{
    vertical-align: middle;
}
.zizhi1{
    margin-bottom: 50px;
}
.nopadding{
    padding: 0;
}

.yewu-list>div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 992px) {
    .yewu-list>div{
        height: 530px;
    }
}
.yewu-list .img-left{background: #f7f7f7;}


.yewu-list .sunmu-btn{margin: 0px;}

.yewu-list .sunmu-btn:hover{color: #fff;}
.yewu-list .img-left>div:first-child:hover img,.yewu-list .img-right>div:last-child:hover img{
    transform: scale(1.1);
}

.yewu-list .img-left>div:first-child,.yewu-list .img-right>div:last-child{
    height: 100%;
    overflow: hidden;
}
.yewu-list .img-left>div:last-child,.yewu-list .img-right>div:first-child{
    height: 100%;
    padding: 50px;
    display: flex;
    align-items: center;
}

.yewu-list .img-left>div:last-child >div,.yewu-list .img-right>div:first-child >div{
    width: 100%;
}
.yewu-list .img-left>div:last-child >div>h2,.yewu-list .img-right>div:first-child >div>h2{
    font-weight: 500;
}
.yewu-list .img-left>div:last-child >div>p,.yewu-list .img-right>div:first-child >div>p{
    font-size: 15px;
    line-height: 30px;
    margin: 30px 0;
}
.yewu-list .img-left{
    margin: 50px 0;
}

.yewu-list .img-right>div:first-child{
    justify-content: end;
}

.about-btn{
    font-size: 14px;
    color: #3877A9;
    transition: color .3s ease;
}
.page-box {
    text-align: center;
    font-size: 14px;
    display: block.page-box;
    justify-content: center;
    margin: 20px 0;
}

.page-box li{
    font-size: 14px; margin: 2px 0px;
    border: none;
    border-radius: 4px;
    display: inline-block!important;
    border: solid 1px #EBEBEB;
}


.page-box .prev.page-disable {.page-box
    /*background-image: url(../images/pagel-disable.png);*/
    /*background-size: 100% 100%;*/
}

.page-box .prev {
    /*background-image: url(../images/pagel.png);*/
    /*background-size: 100% 100%;*/
}
.page-box .next.page-disable {
    /*background-image: url(../images/pager-disable.png);*/
    /*background-size: 100% 100%;*/
}

.page-box .next {
    /*background-image: url(../images/pager.png);*/
    /*background-size: 100% 100%;*/
}

.page-box a:hover {
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;

    background: #1a639b;
    color: #fff;
}
.page-box .active{
    background: #1a639b;
    color: #fff;
    border: 1px solid #1a639b;
}
.page-box .active span{
    background: #1a639b;
    color: #fff;
    border: 1px solid #1a639b;
}
.page-box a {
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: 12px 16px;
    color: #333;
    padding: 8px 12px;
    display: block;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
.page-box span {
     height: 30px;
    display: inline-block;
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: 12px 16px;
    color: #333;
    padding: 8px 12px;
    display: block;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
.yewu-list .img-left>div:last-child >div>h2::after{
    content: '';
    display: block;
    width: 70%;
    height: 2px;
    background: #3877A9;
    transform: translate(0%, 15px);
}

.yewu-list .img-right>div:first-child >div>h2::after{
    content: '';
    display: block;
    height: 2px;
    background: #3877A9;
    transform: translate(0, 15px);
    z-index: 100;
    position: relative;
}

.gongchengTop1{
    /* padding: 50px 0; */
}
.gongchengTop1>div{
    padding: 20px;
    position: relative;
    cursor: pointer;
}
.gongchengTop1>div a{display: block; border-radius: 15px ;overflow: hidden;}
.gongchengTop1 .info{
    position: absolute;
    top: 15%;
    width: 60%;
    padding: 20px;
    background: rgb(45 102 155 / 50%);
    color: #FFF;
    border-radius: 0 15px 15px 0;
}
.gongchengTop1 .big-info{

    width: 50%;
}
.catTitle{
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #888888;
    position: relative;
}
.catTitle h3{ float: left;
    font-weight: 500;
}

.catTitle::after{
    content: '';
    width: 40px;
    display: block;
    height: 3px;
    background: #0E74C0;
    position: absolute;
    bottom: 0;
    transform: translate(0, 80%);
}

.catdesc{line-height: 2;  float: right;}

.gongchengTop1 .info h3{
    font-weight: 700; font-size: 20px; line-height: 1.5;
}
.gongchengTop1 .info p{
    margin: 10px 0;
}
.gongchengTop1>div>img{
    width: 100%;
}
.postTitle{
    padding: 0 20px;
    font-weight: 700;
}
.gongchengList{
    padding: 20px 0;
}
.gongcheng-item{
    margin-bottom: 20px;
    overflow: hidden;
    cursor: pointer;
}
.gongcheng-item>div{
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
}
.gongcheng-item img{
    width: 100%;
    height: 292px; object-fit: cover;
    transition: transform 0.3s ease;
}
.gongcheng-item:hover .info{
    transform: translate(0, 100%);
}
.gongcheng-item:hover .case-title{
    transform: scale(1);
    transform: translate(-50%, -50%);
}
.gongcheng-item:hover img{
    transform: scale(1.1);
}
.gongcheng-item .info{ display: none;
    position: absolute;
    background: #FFF;
    width: 100%;
    bottom: 0;
    padding: 10px;
    transition: transform 0.3s ease;
}


.gongcheng-item .case-title{
    background-color: rgba(0,0,0,0.7) !important; overflow: hidden;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    width: 70%;
    line-height: 50px;
    transition: transform 0.3s ease;
}
.gongcheng-item .case-title h3{ padding: 0px 4%; height: 147px; width: 600px;line-height: 2;display: table-cell; vertical-align: middle;text-align: center; font-size: 18px;}




.gongcheng-item .info h3{
    font-weight:400; font-size: 18px; text-align: center;
}
.gongcheng-item .info p{
    margin: 20px 0;
}
.deepNav{
    background-color: rgba(26,99,155,0.8) !important;
}
/* 新闻 begin */
.news-item{
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}
.news-item>div:first-child img{
    width: 100%;
    transition: transform 0.3s ease;
}
.news-item>div:last-child{
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
}

.news-item>div:last-child h3{
    font-size: 25px;
}
.news-item>div:last-child p{
    color: #AFAFAF;
    line-height: 26px;
}
.news-item>div:last-child span{
    color: #AFAFAF;
}

.news-item>div:last-child a{
    color: #1a639a;
}

.news-item>div:first-child{
    overflow: hidden;
    /* height: 180px; */
}
.news-item>div:first-child>div{
    overflow: hidden;
}

.news-item:hover >div:first-child img{
    transform: scale(1.2);
}
.news-item:hover >div:last-child h3{
    color: #1a639a;
}

.null{
    padding: 100px 0;
    text-align: center;
}
.null img{
    width: 20%;
    border-radius: 5px;
}
.null h4{
    margin-bottom: 30px;
    color: #999999;
    font-weight: 400;
    font-size: 22px;
}

.info-item{
    height: 40px;
}

.info-item a{
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #E3E3E3;
}

.info-item a img{
    margin-right: 10px;
}
.info-item a:hover{
    color: #1a639a;
}
.info-item p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.content{
    padding: 20px 0;
}
.content-title{
    color: #333333;
    font-size: 26px;
    text-align: center;
}
.content .info{
    text-align: center;
    padding: 20px; 
    border-bottom: 2px solid #e6e6e6;
}
.content .info .item{ display: inline-table;
    margin: 0 10px;
    font-size: 15px;
    color: #808080;
}

.content .info .con_{display: inline-table;}
.content .info .con_1{float: left; line-height: 28px;}
.content .info .con_2{float: right; padding-left: 15px;}
.content .content-endtxt img{display: block; margin: 0px auto;}
.content .content-endtxt{
    padding: 20px 0;
    overflow: hidden;
    line-height: 2;
    color: #808080;
}
.contact_content table td{padding:0px 50px;}
.social_net {
    padding: 20px 0 0; 
    color: #999999;
}
.social_net p{
    
}
.social_net a{
    line-height: 30px;
    color: #808080;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.contactList{padding:30px 0px;}
.contact-item>div{
    padding: 20px;
    margin: 15px 0px;
    border: 1px solid #E5E5E5;
    border-radius: 10px; height: 220px;
}

.contact-item .contact-info-item {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    font-size: 15px;
    margin: 10px 0;
}
.contact-item h3{
    font-weight: 400; font-size: 20px;
}

.contact-item span,.swiper-contact .item span{
    min-width: 48px;line-height: 1.5;
}
.contact-item p,.swiper-contact .item span{
    line-height: 1.5; 
    /* max-width: 220px; */
}
.map-box{
    padding: 0;
}
#map{
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.ind_contact_top{position: relative; overflow: hidden;}

.index_map#map{height: 465px; }
.ind_contact{position: absolute; left: 0px; top: 0px; width: 100%; z-index: 99;}

/*超小屏幕*/
@media screen and (max-width:375px){
    .location_type li{
        margin: 0 3px !important;
    }
    .location_type a {
        font-size: 14px;
    }
}

/* 新闻 END */
@media (min-width: 992px) and (max-width: 1199px){
    .yewu-left{
        width: 36%;
    }
    .news-right .news-item>p {
        line-height: 23px !important;
    }
}

@media (max-width: 1200px){
      
    .news-right .news-item>p{
        line-height: 18px;
    }
}



@media  (min-width: 1200px) and (max-width: 1400px){
    .news-right .news-item>p{
        line-height: 16px;
    }
}

/* 平板 */
@media  (min-width: 767px) and (max-width: 992px){
    .gongchengTop1 .big-info{
        width: 50%;
    }
    .case-item img{
        height: 230px;
    }
    #bigMenu{
        display: none !important;
    }
    .news-nav{
        width: 72%;
    } 
    .news-left{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .swiper-yewu2 {
        width: 100%;
        margin: 0 !important;
    }
    .swiper-yewu2 .item{
        background: rgba(255,255,255,0);
        color: #FFF;
    }
    .swiper-yewu2 .mainTitle h1,.swiper-yewu2 .mainTitle p{
        color: #FFF;
    }

    .yewu-right{
        position: absolute;
        top: 20%;
        width: 100%;
    }
}
.newstuijian{padding-top: 30px; padding-bottom: 30px; line-height: 1.8;}
.newstuijian a{display: block; background: #f7f7f7;}
.newstuijian .img{height: 180px; border-radius: 12px; overflow: hidden;}
.newstuijian img{width: 100%; height: 100%; object-fit: cover;}
.newstuijian  .big-info{padding: 5px 15px 15px;}
.newstuijian  .big-info h3{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; line-height: 1.8; margin-bottom: 5px;}
.newstuijian  .big-info p{color: #999;}

.newsList{line-height: 1.8;}
.newsList .news-item h3{line-height: 1.8;}
.newsList .news-item p{margin: 6px 0px 10px; color: #999;}

.main_zizhi{line-height: 2;}
.main_zizhi h3{line-height: 1.6; color: #1A639A; margin-bottom: 10px;}
@media (min-width: 768px) {
    .newstuijian{}
    

    .newsList{padding: 0px 15px;}
    .newsList .news-item{padding-right: 120px; padding-left: 20px; position: relative; display: block;}
    
    .newsList .news-item span{position: absolute; right: 20px; top: 50%; line-height: 30px; margin-top: -15px; display: inline-table;}
    
}


/*手机*/
@media (max-width: 767px) {
    .contact-item h3{font-size: 1.2em; font-weight: bold;}

    .gongchengTop1 .info h3{font-size: 1em;}
    .gongcheng-item .case-title h3{font-size: 1em; height:96px;}
    .swiper-contact .swiper-slide-active>div{width: 100%;}
    .about-left .about-title b{margin: 0px auto;}
    footer .copyright{padding-bottom: 60px;}
    #map{
        height: 300px;
    }
    .contact-item>div{
        margin: 10px 0;
    }
    .info-item p{
        max-width: 70%;
    }
    .social_net{
        padding: 20px 20px 0;
    }
    .content .content-endtxt{
        padding: 15px;
    }
    .location_type li{
        margin: 0 7px;
    }
    .location_type a {
        font-size: 14px;
    }

    .news-item>div:last-child h3{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 16px;
    }
    .news-item>div:last-child span{
        margin: 10px 0;
    }
    .news-item>div:last-child p{
        margin: 10px 0 5px;
    }
    .newsList .news-item{padding: 10px 15px;}
    .news-item>div:last-child{display: }

    .gongchengTop1 .big-info{

        width: 50%;
    }
    .gongcheng-item img{
        height: 190px;
    }
    .gongcheng-item .info p{
        margin: 5px 0;
    }
    .gongcheng-item .info h3{
        font-size: 17px;
    }
    .yewu-list .img-left>div:last-child >div>h2::after,.yewu-list .img-right>div:first-child >div>h2::after{
        display: none;
    }
    .img-right{
        display: flex;
        flex-direction: column-reverse;
    }
    .yewu-list .img-left{
        margin: 0;
    }
    .yewu-list>div{
        height: auto;
        border-bottom: 1px solid #e6e6e6;
        padding: 30px 0 0 0;
    }
    .yewu-list .sunmu-btn.long{
        margin: 0px;
    }

    .yewu-list>div img{
        height: 200px;
    }
    .yewu-list .img-right>div:first-child >div{
        
    }

    .yewu-list .img-left>div:last-child >div>h2, .yewu-list .img-right>div:first-child >div>h2{
        font-size: 18px;
    }

    .yewu-list .img-left>div:last-child, .yewu-list .img-right>div:first-child{
        padding: 10px;
        align-items: start;
        height: auto;
    }
    .yewu-list .img-left>div:first-child,.yewu-list .img-right>div:last-child{
        height: auto;
        
    }
    .yewu-list .img-left>div:last-child >div, .yewu-list .img-right>div:first-child >div{
        width: 100%;
        padding: 0;
    }
    .yewu-list .img-left>div:last-child >div>p, .yewu-list .img-right>div:first-child >div>p{
        font-size: 12px;
        margin: 10px 0;
        line-height: 20px;
    }
    .zuzhijiagou{
        background-size: auto 100%;
    }
    .zuzhi-content img{
        width: 100%;
    }    
    .qiyezizhi>div{
        position: relative;
    }
    .news-nav{
        width: 100%;
        border-radius: 0;
        font-size: 15px;
        justify-content: space-around;
        top: 80px;
        position: relative;
    }
    .news-nav a{
        padding: 0;
        font-size: 15px;
    }
    .news-nav .active{
        border-radius:0;
        background-color:#1B649B;
    }
    .qiyezizhi{
        padding-top: 10px;
    }
    .rongyu-item img{
        width: 90%;
    }
    .about-1{
        padding: 50px 0;
    }
    .about-content{border-width: 10px;}
    .about-content>div{
        padding: 10px;
    }
    .about-content>div::before,.about-content>div::after{
        display: none;
    }
    .dongshizhang{
        background-size: auto 50%;
    }
    .case-item img{
        height: 200px;
    }
    #section3 {
        padding-top: 50px;
    }
    .links-box{
        margin-bottom: 10px;
    }
    .webInfo-box{
        padding: 0;
        margin: 5px 0 20px;
    }
    .links-box a{
        padding: 0 5px;
    }
    .links-box span{display: none;}
    .textEnd{
        text-align: center;
    }
    .fp-overflow{
        overflow-x: hidden;
        overflow-y: hidden;fp-overflow
    }
    .swiper-yewu2 {
        width: 100%;
        margin: 0 !important;
    }
    .swiper-yewu2 .item{
        background: rgba(255,255,255,0);
        color: #FFF;
    }
    .swiper-yewu2 .mainTitle h1,.swiper-yewu2 .mainTitle p{
        color: #FFF;
    }

    .yewu-right{
        position: absolute;
        top: 20%;
        width: 100%;
    }


    .contact-nav a{
        line-height: 40px;
        width: 30%;
        display: inline-block;
        margin-bottom: 3px;
        padding: 5px 20px;
    }
    
    .news-left{
        width: 100%;
        margin-bottom: 10px;
    }
    .about-numInfo{
        justify-content: space-between;
    }
    .about-numInfo .about-numInfo-item{
        margin-right: 0;
    }
    .about-left .about-info{
        width:100%;
    }

    .about-left .btn-box{
        text-align: center;
    }
    .about-left .sunmu-btn{margin-bottom: 0px;}
    .home-container {
        position: inherit;
        transform: none;
        padding-top: 60px;
    }
    .mainTitle{
        text-align: center;
    }
    .mainTitle h1::after{
        margin: 40px auto 0;
    }

    #bigMenu{
        display: none !important
    }
    .navbar-right{
        background-color: #FFF;
        margin-top: 0;
    }
    #header .navbar-default .navbar-nav>li>a{
        color: #333333;
    }
    #header .navbar-default .navbar-nav>li{
        border-bottom: 1px #eee solid;
    }
    #header .navbar-default .navbar-nav>li.on>a::after{
        display: none;
    }
    .home-banner-item img{
        height: auto;
    }
    .phone-banner img{
        height: 100%;
    }

    .fp-viewing-page1 .navbar-default .navbar-toggle{
        border-color: #FFF;
    }
    .fp-viewing-page1 .navbar-default .navbar-toggle .icon-bar{
        background-color: #FFF;
    }
}

em,i{font-style: normal;}
.tuijian_new_list a{float: left; background: #f7f7f7; overflow: hidden; border-radius: 15px;}
.tuijian_new_list a img{width: 100%; height: 100%; object-fit: cover;}
.tuijian_new_list a .img{position: relative; background:#000; height: 180px; border-radius: 10px; overflow: hidden;}
.tuijian_new_list a .img i{position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; border:1px #fff solid; color: #fff; font-size: 30px; width: 40px; height: 40px; border-radius: 50%; line-height:36px; text-align: center; display: inline-table; display: none;}
.tuijian_new_list a h3{line-height: 2;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; padding: 0px 3%;}
.tuijian_new_list a p{line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; padding: 0px 3%;}
.tuijian_new_list a:hover i{display: block;}
.tuijian_new_list a:hover img{opacity: 0.8;}

.main_new_list a{border:1px #cccccc solid; display: block; position: relative;}
.main_new_list a em{position: absolute;right: 20px; top: 50%;}
.main_new_list a:hover{color: #fff; background: #3877A9; }
.main_new_list a p{font-size: 14px; line-height: 1.8; margin: 8px 0px; color: #666;}
.main_new_list a:hover p,.main_new_list a:hover span,.main_new_list a:hover h4{color: #fff;}
.main_new_list a span{color: #999; font-size: 14px;}
@media (min-width: 1440px){
    .tuijian_new_list{}
    .tuijian_new_list a{width: 31.333%; margin: 40px 1% 0px; padding-bottom: 20px;}
    .tuijian_new_list a h3{font-size: 20px; margin: 10px 0px 6px;}
    
    .main_new_list{padding: 20px 0px;}
    .main_new_list a{margin: 20px 0px; padding: 15px 100px 15px 20px;}

}

@media (min-width: 1200px) and (max-width: 1440px){
    .tuijian_new_list{}
    .tuijian_new_list a{width: 31.333%; margin: 35px 1% 0px; padding-bottom: 18px;}
    .tuijian_new_list a h3{font-size: 18px; margin: 10px 0px 6px;}
    
    .main_new_list{padding: 18px 0px;}
    .main_new_list a{margin: 20px 0px; padding: 15px 100px 15px 20px;}

}

@media (min-width: 991px) and (max-width: 1200px){
    .tuijian_new_list{}
    .tuijian_new_list a{width: 31.333%; margin: 30px 1% 0px; padding-bottom: 15px;}
    .tuijian_new_list a h3{font-size: 17px; margin: 10px 0px 6px;}
    
    .main_new_list{padding: 25px 0px;}
    .main_new_list a{margin: 15px 0px; padding: 15px 100px 15px 20px;}
}

@media (min-width: 768px) and (max-width: 991px){
    .tuijian_new_list{}
    .tuijian_new_list a{width: 31.333%; margin: 25px 1% 0pc; padding-bottom: 12px;}
    .tuijian_new_list a h3{font-size: 16px; margin: 10px 0px 6px;}
    
    .main_new_list{padding: 25px 0px;}
    .main_new_list a{margin: 10px 0px; padding: 15px 100px 15px 20px;}

}

@media (min-width: 768px){

    .main_new_list a em{line-height: 40px; margin-top: -20px;}


}

@media (max-width: 768px){
    .tuijian_new_list{}
    .tuijian_new_list a{width: 48%; margin: 1.5em 1% 0px; padding-bottom: 0.8em;}
    .tuijian_new_list a:nth-child(3){display: none;}
    .tuijian_new_list a .img{height:8em;}
    .tuijian_new_list a h3{font-size: 1.05em; margin: 0.4em 0px 0.1em;}

    .main_new_list{padding: 1em 0px;}
    .main_new_list a{margin: 1em 0px; padding: 0.5em 0.8em;}
    .main_new_list a em{display: none;}

}


.xi-shouye{padding-right: 10px;}
.index_switchsize span{cursor: pointer;}
.index_switchsize span.on{color:#1A639B;font-weight:bold;}

#map img{max-width: 9999999%;}
#map label{max-width: 1000px;}


.sao_erweima{text-align: center;}
.sao_erweima img{margin: 0px auto;}
.sao_erweima h3{font-size: 18px; line-height: 2; margin-top: 15px;}



.ind_ditupic li{opacity: 0; width: 100%; height: 100%;}

.ind_ditupic .ind_ditupic1{display: block; opacity: 1;}

.ind_ditupic .ind_map{width: 100%; height: 100%; font-size: 12px;}

.ind_map img{max-width: 9999999%;}
.ind_map label{max-width: 1000px;}

.search_bg{background: rgba(0,0,0,0.8); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; display: none;}
.search_alert{background: #fff; position: absolute; left: 50%; top: 50%;}
.search_alert input{float: left;}
.search_alert input.txt{background: #eee; border:0px #eee solid; text-indent: 10px;}
.search_alert input.sub{text-align: center; background:url(../images/shouye_06.png) center center no-repeat #1A639B; border:1px #1A639B solid; color: #fff; text-indent: -999px;}
.search_bg a.close{position: absolute; right: 5%; top: 5%;  display: inline-table; background: url(../images/close.png) center center no-repeat; background-size: 100%; }

@media (min-width: 1660px){
    .search_alert{margin-left: -410px; margin-top: -40px;}
    .search_alert input{height: 80px;}
    .search_alert input.txt{width: 720px; font-size: 20px;}
    .search_alert input.sub{width: 100px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}


    .main-about-info{margin: 30px auto; height: 420px;}
}
@media (min-width: 1440px) and (max-width: 1659px){
    .search_alert{margin-left: -360px; margin-top: -37.5px;}
    .search_alert input{height: 75px;}
    .search_alert input.txt{width: 620px; font-size: 20px;}
    .search_alert input.sub{width: 100px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}


    .main-about-info{margin: 25px auto; height: 390px;}
}
@media (min-width: 1200px) and (max-width: 1439px){
    .search_alert{margin-left: -310px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 540px; font-size: 20px;}
    .search_alert input.sub{width: 80px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}

    .main-about-info{margin: 20px auto; height: 330px;}
}
@media (min-width: 991px) and (max-width: 1199px){
    .search_alert{margin-left: -260px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 450px; font-size: 20px;}
    .search_alert input.sub{width: 70px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}

    .main-about-info{margin: 20px auto; height: 240px;}
}
@media (min-width: 768px) and (max-width: 990px){
    .search_alert{margin-left: -260px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 450px; font-size: 20px;}
    .search_alert input.sub{width: 70px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}

    .main-about-info{margin: 20px auto;}
}
@media (max-width: 767px) {
    .ind_ditupic{height: 565px;}
    .search_alert {
        width: 40%; /* 移动端宽度更大 */
        padding: 5px; /* 内边距更小 */
        margin-left:-15%;
    }

    .search_alert input.txt {
        width: 65%; /* 输入框宽度调整 */
    }

    .search_alert input.sub {
        width: 20%; /* 按钮宽度调整 */
        margin-left:10%;
    }

    .search_bg a.close {
        width: 25px; /* 关闭按钮更小 */
        height: 25px;
        margin-top:80%;
    }
}
@media (min-width: 768px){
    .ind_ditupic{height: 465px;}
}



 

/* 移动端适配 */
@media (max-width: 767px) {
   
}




/* focus_Box */
#focus_Box{position:relative;height:440px;padding:40px 0px; margin-top: 40px; width: 1120px;}
#focus_Box ul{position:relative;width:100%;height:440px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1); overflow: hidden;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;transition: all 0.8s;    -moz-transition: all 0.8s;    -webkit-transition: all 0.8s;    -o-transition: all 0.8s;}
#focus_Box li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width: 72px; height: 72px;top:274px;}
#focus_Box .prev{background:url(../images/index_11.png) left bottom no-repeat;left:-80px}
#focus_Box .next{background:url(../images/index_13.png) right bottom no-repeat;right:-80px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}

#focus_Box li .list1{display: block; position: relative;}
#focus_Box li .list1 .desc{position: absolute; left: 0px; top: 0px; width: 80%; height: 53%; background: rgba(0,0,0,0.4); color: #fff; padding:28% 10%;}
#focus_Box li:nth-child(3) .list1 .desc,#focus_Box li .list1:hover .desc{background: rgba(1,145,215,0.7);}
#focus_Box li .list1 .desc h3{font-size: 22px; font-weight: bold;}
#focus_Box li .list1 .desc p{font-size: 16px; margin: 15px 0px; }
#focus_Box li .list1 .desc span{display: inline-table; background: #fff; width: 20px; height: 3px;}
#focus_Box li .list1 .desc a{display: none; width: 148px; height: 44px; line-height: 44px; background:url(../images/jiantou_03.png) right 26px center no-repeat #fff; border-radius: 22px; color: #0d8ec8; text-indent: 26px; margin-top: 30px;}
#focus_Box li:nth-child(5) .list1 .desc a,#focus_Box li:nth-child(1) .list1 .desc a{width: 115px; height: 30px; line-height: 30px; background:url(../images/jiantou_03.png) right 10px center no-repeat #fff;border-radius: 15px; text-indent: 15px; margin-top: 15px;}
#focus_Box li:nth-child(3) .list1 .desc a,#focus_Box li .list1:hover .desc a{display: block;}

#focus_Box li:nth-child(4) .list1 .desc h3,#focus_Box li:nth-child(4) .list1 .desc a,#focus_Box li:nth-child(4) .list1 .desc p,#focus_Box li:nth-child(4) a .desc span{margin-left: 50px;}
#focus_Box li:nth-child(5) .list1 .desc h3,#focus_Box li:nth-child(5) .list1 .desc a,#focus_Box li:nth-child(5) .list1 .desc p,#focus_Box li:nth-child(5) a .desc span{margin-left: 60px;}

@media (min-width: 1440px){
    
}
@media (min-width: 1200px) and (max-width: 1439px){
    
}
@media (min-width: 991px) and (max-width: 1199px){
    
}
@media (min-width: 768px) and (max-width: 990px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}

.main_hezuo1{background: url(../images/partner_bg1.jpg) center center no-repeat;}
/*合作伙伴 开始*/
.main_hezuo1_list{background: rgba(255, 255, 255, 0.5);position: relative;}
.main_hezuo1_list ul{width: 100%;height: 100%;position: relative;z-index: 3; }
.main_hezuo1_list ul.on {}
.main_hezuo1_list ul li{float: left;position: relative;overflow: hidden;}
.main_hezuo1_list ul li a{display: block;transition: 0.6s ease-in-out;}
.main_hezuo1_list ul li a img.hui{/*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/}
.main_hezuo1_list ul li a img{display: block;width: 100%;height: 50%;}
.main_hezuo1_list ul li:hover a{transition: 0.6s ease-in-out;transform: translateY(-50%);}
.main_hezuo1_list .bg-div{background: rgba(255, 255, 255, 0.7);position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;}
.main_hezuo1_list:hover .bg-div{opacity: 1;}

.main_hezuo1_list ul li{}

@media (min-width: 1300px){
    .main_hezuo1{padding: 70px 0px;}
    .main_hezuo1_list{margin-top: 50px;}
    .main_hezuo1_list ul li{width: 16.666%;height: 107px;}
    .main_hezuo1_list ul li a{height: 214px;}
    .main_hezuo1_list .bg-div{width: 16.666%;height: 107px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_hezuo1{padding: 60px 0px;}
    .main_hezuo1_list{margin-top: 45px;}
    .main_hezuo1_list ul li{width: 16.666%;height: 86px;}
    .main_hezuo1_list ul li a{height: 172px;}
    .main_hezuo1_list .bg-div{width: 16.666%;height: 86px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_hezuo1{padding: 50px 0px;}
    .main_hezuo1_list{margin-top: 35px;}
    .main_hezuo1_list ul li{width: 16.666%;height: 67px;}
    .main_hezuo1_list ul li a{height: 134px;}
    .main_hezuo1_list .bg-div{width: 16.666%;height: 67px;}
}
@media (min-width: 768px){

}
@media (max-width: 767px){
    .main_hezuo1{padding: 1.6em 0px;}
    .main_hezuo1_list{margin-top: 1.2em;}
    .main_hezuo1_list ul li{width: 33.333%;height: 4.7em;}
    .main_hezuo1_list ul li a{height: 9.4em;}
    .main_hezuo1_list .bg-div{width: 33.333%;height: 4.7em;}
}

/*.main_hezuo2_list{background: rgba(255, 255, 255, 0.5);position: relative;}
.main_hezuo2_list ul{width: 100%;height: 100%;position: relative;z-index: 3; }
.main_hezuo2_list ul.on {}
.main_hezuo2_list ul li{float: left;position: relative;overflow: hidden; border:1px #eee solid;}
.main_hezuo2_list ul li a{display: table-cell;    vertical-align: middle;    text-align: center;}
.main_hezuo2_list ul li a img{max-width: 90%; max-height: 80%;}
@media (min-width: 1300px){
    .main_hezuo2{padding: 70px 0px;}
    .main_hezuo2_list{margin-top: 50px;}
    .main_hezuo2_list ul li{width: 23%; margin: 10px 1%; height: 130px;}
    .main_hezuo2_list ul li a{height: 130px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_hezuo2{padding: 60px 0px;}
    .main_hezuo2_list{margin-top: 45px;}
    .main_hezuo2_list ul li{width: 23%; margin: 10px 1%; height: 120px;}
    .main_hezuo2_list ul li a{height: 120px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_hezuo2{padding: 50px 0px;}
    .main_hezuo2_list{margin-top: 35px;}
    .main_hezuo2_list ul li{width: 23%; margin: 10px 1%; height: 100px;}
    .main_hezuo2_list ul li a{height: 100px;}
}
@media (min-width: 768px){

}
@media (max-width: 767px){
    .main_hezuo2{padding: 1.6em 0px;}
    .main_hezuo2_list{margin-top: 1.2em;}
    .main_hezuo2_list ul li{width: 49%;height: 5em; margin: 0.5em 0px;}
    .main_hezuo2_list ul li:nth-child(2n){float: right;}
    .main_hezuo2_list ul li a{height: 5em;}
}
*/


.main_hezuo2_list{background: rgba(255, 255, 255, 0.5);position: relative;}
.main_hezuo2_list ul{}
.main_hezuo2_list ul.on {}
.main_hezuo2_list ul li{position: relative;overflow: hidden; border:1px #eee solid;}
.main_hezuo2_list ul li a{display: table-cell;    vertical-align: middle;    text-align: center;}
.main_hezuo2_list ul li a img{max-width: 90%; max-height: 80%;}
.main_hezuo2_list .swiper-button-prev,.main_hezuo2_list .swiper-button-next{text-indent: -9999px;}
.main_hezuo2_list .swiper-button-prev{background: url(../images/about_03.png) center center no-repeat; background-size: 100% auto;}
.main_hezuo2_list .swiper-button-next{background: url(../images/about_04.png) center center no-repeat; background-size: 100% auto;}
.main_hezuo2_list .swiper-button-prev:hover{background: url(../images/about_06.png) center center no-repeat; background-size: 100% auto;}
.main_hezuo2_list .swiper-button-next:hover{background: url(../images/about_05.png) center center no-repeat; background-size: 100% auto;}
@media (min-width: 1300px){
    .main_hezuo2{padding: 70px 0px;}
    .main_hezuo2_list{margin-top: 50px;}
    .main_hezuo2_list ul li{height: 130px;}
    .main_hezuo2_list ul li a{height: 130px;}
    .main_hezuo2_list .swiper-button-prev,.main_hezuo2_list .swiper-button-next{width: 43px;height:43px;}
    .main_hezuo2_list .swiper-button-next{right: -60px;}
    .main_hezuo2_list .swiper-button-prev{left: -60px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_hezuo2{padding: 60px 0px;}
    .main_hezuo2_list{margin-top: 45px;}
    .main_hezuo2_list ul li{height: 120px;}
    .main_hezuo2_list ul li a{height: 120px;}
    .main_hezuo2_list .swiper-button-prev,.main_hezuo2_list .swiper-button-next{width: 38px;height:43px;}
    .main_hezuo2_list .swiper-button-next{right: -40px;}
    .main_hezuo2_list .swiper-button-prev{left: -40px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_hezuo2{padding: 50px 0px;}
    .main_hezuo2_list{margin-top: 35px;}
    .main_hezuo2_list ul li{height: 100px;}
    .main_hezuo2_list ul li a{height: 100px;}
    .main_hezuo2_list .swiper-button-prev,.main_hezuo2_list .swiper-button-next{width: 32px;height:43px;}
    .main_hezuo2_list .swiper-button-next{right: -35px;}
    .main_hezuo2_list .swiper-button-prev{left: -35px;}
}
@media (min-width: 768px){

}
@media (max-width: 767px){
    .main_hezuo2{padding: 1.6em 0px;}
    .main_hezuo2_list{margin-top: 1.2em;}
    .main_hezuo2_list ul li{height: 5em;}
    .main_hezuo2_list ul li a{height: 5em; width: 28em; text-align: center;}
    .main_hezuo2_list ul li a img{margin: 0px auto; display: block;}
    .main_hezuo2_list .swiper-button-prev,.main_hezuo2_list .swiper-button-next{width: 28px;height:43px;}
    .main_hezuo2_list .swiper-button-next{right: 0px;}
    .main_hezuo2_list .swiper-button-prev{left: 0px;}
}





.zizhi_con_bg{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 999; display: none;}
.zizhi_confff{position: absolute; left: 50%; top: 50%; background: #fff;transform: translate(-50%, -50%); min-width: 600px; padding: 3% 5%; line-height: 2; text-align:center;}
.zizhi_confff .close{font-size: 24px; }
.zizhi_confff img{max-height: 600px; max-width: 1200px;}

.pcc-index-forth-box{display:table;margin: 15px 0px; width: 100%;}
.pcc-index-forth-box ul{width:100%;display:table}
.pcc-index-forth-box ul li{}
.pcc-index-forth-box ul li .style{width:100%;position:relative;background:#c72c98;z-index:5;overflow:hidden;margin:8px 0}
.product2 ul li .style{background:#53c4ce}
.pcc-index-forth-box ul li .style .mask{top:0;left:0;opacity:0;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style1{}
.pcc-index-forth-box ul li .style1 .img{width:100%;overflow:hidden}
.pcc-index-forth-box ul li .img{overflow:hidden;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li img{opacity:1;transition:all .3s ease-in-out 0s;display:block;width:100%;vertical-align:middle}
.pcc-index-forth-box .style1 .mask{top:0;left:0;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .mask{display:block;position:absolute;width:100%;height:100%;background:#31276c;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style1 h4{opacity:0;top:18%;left:0;color:#FFF;transition:all .3s ease-in-out 0s;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.pcc-index-forth-box ul li h4{display:block;position:absolute;width:100%;font-size:24px;font-weight:bold;line-height:28px;text-align:center;color:#333}
.pcc-index-forth-box ul li.style1 .txt{opacity:0;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .txt{display:block;position:absolute;width:50%}
.pcc-index-forth-box ul li .hot{display:block;position:absolute;bottom:8px;right:20px;padding-left:30px;height:18px;font-size:14px;line-height:18px;color:#FFF}
.pcc-index-forth-box ul li .style2 .img{width:50%;float:right;overflow:hidden}
.pcc-index-forth-box ul li .img{overflow:hidden}
.pcc-index-forth-box ul li .style2 .mask{top:0;left:0;height:100%;display:block;position:absolute;width:100%;background:#1A639A;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style2 h3{margin-top:-14px;color:#fff;top:50%;left:3%;width:48%;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:table-cell;vertical-align:middle;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li h4{opacity:0;display:block;position:absolute;width:92%;font-size:16px;font-weight:bold;line-height:28px;text-align:center;color:#333;transition:all .3s ease-in-out 0s;padding:0 4%}
.pcc-index-forth-box ul li h3{opacity:0;display:block;position:absolute;width:92%;font-size:16px;font-weight:bold;line-height:28px;text-align:center;color:#333;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style2 .txt{top:37px;opacity:0;right:0;width:50%!important}
.pcc-index-forth-box ul li .style2 .desc{top:46%;opacity:0; height: 28px;overflow:hidden;}
.pcc-index-forth-box ul li .style1 .txt{top:115px;opacity:0}
.pcc-index-forth-box ul li .style1 .desc{top:55%;opacity:0; height: 56px ;overflow: hidden;}
.pcc-index-forth-box ul li .txt{transition:all .3s ease-in-out 0s;display:block;position:absolute;width:100%}
.pcc-index-forth-box ul li .txt p{margin:0 auto;width:80%;font-size:16px;line-height:26px;color:#FFF;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcc-index-forth-box ul li .desc{transition:all .3s ease-in-out 0s;display:block;position:absolute;width:100%; height: 154px; line-height: 2; font-size: 14px; color: #fefffe;}
.pcc-index-forth-box ul li .desc p{ padding: 0 15px;  color: #fff; overflow:hidden; }
.pcc-index-forth-box ul li .hot{display:block;opacity:0;position:absolute;bottom:8px;right:20px;padding-left:30px;height:18px;background:url(../images/hot.png) no-repeat 0 center;font-size:14px;line-height:18px;color:#FFF;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style:hover .mask,
.pcc-index-forth-box ul li .style:hover .pcc-li-letter,
.pcc-index-forth-box ul li .style:hover .txt,
.pcc-index-forth-box ul li .style:hover .hot,
.pcc-index-forth-box ul li .style:hover .desc{opacity:1}
.pcc-index-forth-box ul li .style:hover .pcc-li-letter{color:#fff}
.pcc-index-forth-box ul li .style2:hover h3{top: 12%; margin-top: 0;}


@media (min-width: 1440px){
    
}
@media (min-width: 1200px) and (max-width: 1439px){
    
}
@media (min-width: 991px) and (max-width: 1199px){
    
}
@media (min-width: 768px) and (max-width: 990px){
    
}
@media (max-width: 767px) {
    .pcc-index-forth-box ul li{margin: 0px 5%;}
}
@media (min-width: 768px){
    .pcc-index-forth-box ul li{float:left;width: 32.7%;margin:0 .3%;}
}


.main_42{background: url(../images/main_42.jpg) center bottom no-repeat;}

.mainabout_video video{width: 100%;}

.middle{display: table-cell;    vertical-align: middle; }

.main_gongchengshow{line-height: 2; background: url(../images/yejibg.jpg) center center no-repeat; background-size: 100% 100%;}
.main_gongchengshow img{display: block; width: 100%;}
.main_gongchengleft .title{color: #1a639a; background: url(../images/line_03.jpg) left bottom no-repeat; line-height: 2;}
.main_gongchengright .swiper-pagination{text-align: right;}
.main_gongchengul li{float: left;}

.main_gcimg{background: #f8f8f8;}
.main_gcimg_title{line-height: 2; }
.main_gcimg_title span{border-bottom: 2px #1a639a solid; display: inline-table;}
.main_gcimg_list{background: #fff;}
.main_gcimg_list a{ background: #efefef;}
.main_gcimg_list a .img{float: left; position: relative;}
.main_gcimg_list a img{width: 100%; height: 100%; object-fit: cover;}
.main_gcimg_list a .word{float: left; line-height: 1.6;}
.main_gcimg_list a .word h3{font-weight: bold; line-height: 1.6;}
.main_gcimg_list a .word span{color: #1a639a;}
.main_gcimg_list a:nth-child(2n) .img{float: right;}
.main_gcimg_list a .img span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background: url(../images/resoce-bg.png) center center repeat;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease
}

.main_gcimg_list a .img span i {
    font-size: 18px;
}

.main_gcimg_list a:hover {-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);background: #fff}
.main_gcimg_list a:hover .img span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}


@media (min-width: 1440px){
    .main_gongchengshow{margin: 30px 0px;}
    .main_gongchengleft{width: 580px;}
    .main_gongchengleft .title{font-size: 20px; padding-bottom:10px; margin-bottom: 30px;}
    .main_gongchengright{width: 680px;}

    .main_gcimg{padding: 40px 0px; margin-bottom: 30px;}
    .main_gcimg_title{font-size: 24px;}
    .main_gcimg_list{margin-top: 30px;padding: 20px;}
    .main_gcimg_list a{float: left; width: 49.3%;    }
    .main_gcimg_list a:nth-child(2n){float: right;}
    .main_gcimg_list a .img{width: 250px; height: 170px;}
    .main_gcimg_list a .word{width: 355px; padding-left: 20px;}
    .main_gcimg_list a .word .middle{height: 170px;}
    .main_gcimg_list a .word h3{font-size: 18px; margin-bottom: 25px;}
    .main_gcimg_list a .img span,.main_gcimg_list a .img span i{line-height: 170px;}
}
@media (min-width: 1200px) and (max-width: 1439px){
    .main_gongchengshow{margin: 30px 0px;}
    .main_gongchengleft{width: 500px;}
    .main_gongchengleft .title{font-size: 18px; padding-bottom:10px; margin-bottom: 25px;}
    .main_gongchengright{width: 600px;}

    .main_gcimg{padding: 35px 0px; margin-bottom: 25px;}
    .main_gcimg_title{font-size: 22px;}
    .main_gcimg_list{margin-top: 25px; padding: 20px;}
    .main_gcimg_list a{float: left; width: 49.3%;   }
    .main_gcimg_list a:nth-child(2n){float: right;}
    .main_gcimg_list a .img{width: 250px; height: 170px;}
    .main_gcimg_list a .word{width: 292px;padding-left: 18px;}
    .main_gcimg_list a .word .middle{height: 170px;}
    .main_gcimg_list a .word h3{font-size: 17px; margin-bottom: 20px;}
    .main_gcimg_list a .img span,.main_gcimg_list a .img span i{line-height: 170px;}
}
@media (min-width: 991px) and (max-width: 1199px){
    .main_gongchengshow{margin: 25px 0px;}
    .main_gongchengleft{width: 400px;}
    .main_gongchengleft .title{font-size: 16px; padding-bottom:10px; margin-bottom: 20px;}
    .main_gongchengright{width: 500px;}

    .main_gcimg{padding: 30px 0px; margin-bottom: 20px;}
    .main_gcimg_title{font-size: 20px;}
    .main_gcimg_list{margin-top: 20px; padding: 15px;}
    .main_gcimg_list a{float: left; width: 49.3%;   }
    .main_gcimg_list a:nth-child(2n){float: right;}
    .main_gcimg_list a .img{width: 220px; height: 148px;}
    .main_gcimg_list a .word{width: 228px; padding-left: 15px;}
    .main_gcimg_list a .word .middle{height: 148px;}
    .main_gcimg_list a .word h3{font-size: 16px; margin-bottom: 15px;}
    .main_gcimg_list a .img span,.main_gcimg_list a .img span i{line-height: 148px;}
}

@media (min-width: 768px) and (max-width: 990px) {
    .main_gongchengshow{margin: 20px 0px;}
    .main_gongchengleft{width: 350px;float: left;}
    .main_gongchengleft .title{font-size: 16px; padding-bottom:10px; margin-bottom: 20px;}
    .main_gongchengright{width: 350px;float: right;}
    .main_gongchengul{width: 100%;  z-index: 999; margin-top: 25px;}
    .main_gongchengul li{width: 22%; margin-right:2%;}

    .main_gcimg{padding: 20px 0px; margin-bottom: 15px;}
    .main_gcimg_title{font-size: 18px;}
    .main_gcimg_list{margin-top: 15px; padding: 12px;}
    .main_gcimg_list a{float: left; width: 49.3%;   }
    .main_gcimg_list a:nth-child(2n){float: right;}
    .main_gcimg_list a .img{width: 150px; height: 100px;}
    .main_gcimg_list a .word{width: 193px; padding-left: 15px;}
    .main_gcimg_list a .word .middle{height: 100px;}
    .main_gcimg_list a .word h3{font-size: 14px; margin-bottom: 12px;}
    .main_gcimg_list a .img span,.main_gcimg_list a .img span i{line-height: 100px;}
}
@media (max-width: 767px) {
    .main_gongchengshow{margin: 1.5em 2%;}
    .main_gongchengleft{}
    .main_gongchengleft .title{font-size: 1.2em; padding-bottom:8px; margin-bottom: 16px;}
    .main_gongchengright{}
    .main_gongchengul{width: 100%;  z-index: 999; margin-top: 20px;}
    .main_gongchengul li{width: 22%; margin-right:2%;}


    .main_gcimg{padding: 1.2em 0px; margin-bottom: 1em;}
    .main_gcimg_title{font-size: 1.2em;}
    .main_gcimg_list{margin-top: 1em;}
    .main_gcimg_list a{padding: 0.6em; margin-top: 0.8em; display: block;}
    .main_gcimg_list a .img{width: 30%; height: 6em;}
    .main_gcimg_list a .word{width: 70%; padding-left: 4%;}
    .main_gcimg_list a .word .middle{height: 6em;}
    .main_gcimg_list a .word h3{font-size: 14px; margin-bottom: 12px;}
    .main_gcimg_list a .img span,.main_gcimg_list a .img span i{line-height: 6em;}
}
@media (min-width: 991px){
    .main_gongchengshow{position: relative;}
    .main_gongchengul{width: 100%; margin-top: 25px; z-index: 999; background: #f7f7f7;}
    .main_gongchengul li{width: 22%; margin-right:2%;}
    .main_gongchengleft{float: left;}
    .main_gongchengright{float: right;}
}


/*
.main_gcyjimgshow .left .swiper-button-prev,.main_gcyjimgshow .left .swiper-button-next{color: #1a639a;}
.main_gcyjimgshow .left img{display: block; margin: 0px auto;}
.main_gcyjimgshow .left .swiper2_right{float: right;}
.main_gcyjimgshow .left .swiper_left{float: left; border:1px #eee solid;}
.main_gcyjimgshow .swiper-slide{overflow: hidden;}
.main_gcyjimgshow .left .swiper2_right .middle{width: 800px; text-align: center; border:1px #eee solid;}

.main_gcyjimgshow .right{line-height: 2;}
.main_gcyjimgshow .right h3{line-height: 2; border-bottom: 1px #1a639a solid; padding-bottom: 8px;}

.main_gcyjimgshow .button a{display: inline-table; background:#1a639a ; border:1px #1a639a  solid; color: #fff; border-radius: 6px;}
.main_gcyjimgshow .button a span{padding-left: 38px;background: url(../images/chanpinny_06.png) center left no-repeat; display: inline-table;}

@media (min-width: 1440px){
    .main_gcyjimgshow .left{width: 640px;}
    .main_gcyjimgshow .swiper2_right{width: 500px; height:350px;}
    .main_gcyjimgshow .swiper_left{width: 128px; height:350px; padding: 12px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    .main_gcyjimgshow .left .swiper2_right .jqzoom img{height: 348px;}
    .main_gcyjimgshow .right,.main_gcyjimgshow .right .middle{width: 610px; height:350px;}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (min-width: 1200px) and (max-width: 1439px){
    .main_gcyjimgshow .left{width: 640px;}
    .main_gcyjimgshow .swiper2_right{width: 500px; height:350px;}
    .main_gcyjimgshow .swiper_left{width: 128px; height:350px; padding: 12px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    .main_gcyjimgshow .left .swiper2_right .jqzoom img{height: 348px;}
    .main_gcyjimgshow .right,.main_gcyjimgshow .right .middle{width: 520px; height:350px;}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (min-width: 991px) and (max-width: 1199px){
    .main_gcyjimgshow .left{width: 500px;}
    .main_gcyjimgshow .swiper2_right{width: 380px; height:266px;}
    .main_gcyjimgshow .swiper_left{width: 100px; height:266px; padding: 10px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    .main_gcyjimgshow .left .swiper2_right .jqzoom img{height: 264px;}
    .main_gcyjimgshow .right,.main_gcyjimgshow .right .middle{width: 430px; height:266px;}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (min-width: 768px) and (max-width: 990px){
    .main_gcyjimgshow .left{width: 640px; margin: 0px auto;}
    .main_gcyjimgshow .swiper2_right{width: 500px; height:350px;}
    .main_gcyjimgshow .swiper_left{width: 128px; height:350px; padding: 12px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    .main_gcyjimgshow .left .swiper2_right .jqzoom img{height: 348px;}
    .main_gcyjimgshow .right{ margin: 0px auto;}
    .main_gcyjimgshow .right,.main_gcyjimgshow .right .middle{width: 640px; height:350px;}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (max-width: 767px) {
    .main_gcyjimgshow{padding: 0px 2%;}
    .main_gcyjimgshow .left{margin: 0px auto;}
    .main_gcyjimgshow .swiper2_right{width: 78%; height:210px;}
    .main_gcyjimgshow .swiper_left{width: 20%; height:210px; padding: 12px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    .main_gcyjimgshow .left .swiper2_right .jqzoom img{height: 208px;}
    .main_gcyjimgshow .right{ margin: 10px auto;}
    .main_gcyjimgshow .right .middle{}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (min-width: 991px){
    .main_gcyjimgshow .left{float: left;}
    .main_gcyjimgshow .right{float: right;}
}
*/

.main_gcyjimgshow{overflow: hidden;}
.main_gcyjimgshow .left .swiper-button-prev,.main_gcyjimgshow .left .swiper-button-next{color: #1a639a;}
.main_gcyjimgshow .left img{display: block; margin: 0px auto;}
.main_gcyjimgshow .left .swiper2_right{float: right; }
.main_gcyjimgshow .left .mySwiper2{display: none;}
.main_gcyjimgshow .left .swiper_left{float: left; border:1px #eee solid;}
.main_gcyjimgshow .swiper_left .swiper-slide{overflow: hidden;}
.main_gcyjimgshow .left .swiper2_right .middle{width: 800px; text-align: center; border:1px #eee solid;}
.main_gcyjimgshow .left .mySwiper2{overflow: inherit; z-index: -1;}
.main_gcyjimgshow .left .mySwiper2 .swiper-slide{opacity: 0;}
.main_gcyjimgshow .left .mySwiper2 .swiper-slide-active{opacity: 1;}
.main_gcyjimgshow .right{line-height: 2;}
.main_gcyjimgshow .right h3{line-height: 2; border-bottom: 1px #1a639a solid; padding-bottom: 8px;}

.main_gcyjimgshow .button a{display: inline-table; background:#1a639a ; border:1px #1a639a  solid; color: #fff; border-radius: 6px;}
.main_gcyjimgshow .button a span{padding-left: 38px;background: url(../images/chanpinny_06.png) center left no-repeat; display: inline-table;}

@media (min-width: 1440px){
    .main_gcyjimgshow .left{width: 640px;}
    .main_gcyjimgshow .swiper2_right{width: 500px; height:350px;}
    .main_gcyjimgshow .swiper_left{width: 128px; height:350px; padding: 12px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    
    .main_gcyjimgshow .right,.main_gcyjimgshow .right .middle{width: 610px; height:350px;}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (min-width: 1200px) and (max-width: 1439px){
    .main_gcyjimgshow .left{width: 640px;}
    .main_gcyjimgshow .swiper2_right{width: 500px; height:350px;}
    .main_gcyjimgshow .swiper_left{width: 128px; height:350px; padding: 12px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    
    .main_gcyjimgshow .right,.main_gcyjimgshow .right .middle{width: 500px; height:350px;}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (min-width: 991px) and (max-width: 1199px){
    .main_gcyjimgshow .left{width: 500px;}
    .main_gcyjimgshow .swiper2_right{width: 380px; height:266px;}
    .main_gcyjimgshow .swiper_left{width: 100px; height:266px; padding: 10px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    .main_gcyjimgshow .left .swiper2_right .jqzoom img{height: 266px;}
    .main_gcyjimgshow .right,.main_gcyjimgshow .right .middle{width: 430px; height:266px;}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px; display: none;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (min-width: 768px) and (max-width: 990px){
    .main_gcyjimgshow .left{width: 640px; margin: 0px auto;}
    .main_gcyjimgshow .swiper2_right{width: 500px; height:350px;}
    .main_gcyjimgshow .swiper_left{width: 128px; height:350px; padding: 12px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    
    .main_gcyjimgshow .right{ margin: 0px auto;}
    .main_gcyjimgshow .right,.main_gcyjimgshow .right .middle{width: 640px; height:500px;}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (max-width: 767px) {
    .main_gcyjimgshow{padding: 0px 2%;}
    .main_gcyjimgshow .left{margin: 0px auto;}
    .main_gcyjimgshow .swiper2_right{width: 78%; height:210px;}
    .main_gcyjimgshow .swiper_left{width: 20%; height:210px; padding: 12px;}
    .main_gcyjimgshow .swiper_left .mySwiper{height:100%;}
    .main_gcyjimgshow .left .swiper2_right .jqzoom img{height: 208px;}
    .main_gcyjimgshow .right{ margin: 10px auto;}
    .main_gcyjimgshow .right .middle{}
    .main_gcyjimgshow .right h3{font-size: 18px; }
    .main_gcyjimgshow .right .desc{margin-top: 15px;}
    .main_gcyjimgshow .button{margin-top: 30px;}
    .main_gcyjimgshow .button a{line-height:46px; padding: 0px 30px; margin-right: 20px;}
}
@media (min-width: 991px){
    .main_gcyjimgshow .left{float: left;}
    .main_gcyjimgshow .right{float: right;}
}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomdiv img{max-width: 9999%;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{box-shadow: 0px 0px 6px #eee;}
.spec-scroll{clear:both;}
.spec-scroll .prev{float:left;background: url(../images/prodesc_7.png) center center no-repeat;}
.spec-scroll .next{float:right; background: url(../images/prodesc_9.png) center center no-repeat;}
.spec-scroll .prev:hover{background: url(../images/prodesc_7hover.png) center center no-repeat;}
.spec-scroll .next:hover{background: url(../images/prodesc_9hover.png) center center no-repeat;}
.spec-scroll .prev,.spec-scroll .next{display:block;cursor:pointer; text-align: center;}
.spec-scroll .items{float:left;position:relative;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;text-align:center;}
.spec-scroll .items ul li span{display: block;border:1px solid #999;}
.spec-scroll .items ul li img{display: block;}
.spec-scroll .items ul li span:hover{border:1px solid #1a3263;}


@media (min-width: 1200px){
    .main_pro_img{width: 500px;}
    .zoomdiv{width:500px;height:350px;}
    .spec-preview{width:500px;height:350px;}
    .spec-scroll{width:500px; padding-top: 20px;}
    .spec-scroll .prev,.spec-scroll .next{width: 26px; height: 114px; line-height:114px;}
    .spec-scroll .items{width:446px;height:114px;}
    .spec-scroll .items ul{height: 112px;}
    .spec-scroll .items ul li{width:112px; height: 112px;}
    .spec-scroll .items ul li span{margin: 0px 6px;}

}
@media (min-width: 991px) and (max-width: 1199px){
    .main_pro_img{width: 450px;}
    .zoomdiv{width:450px;height:450px;}
    .spec-preview{width:450px;height:450px;}
    .spec-scroll{width:450px; padding-top: 20px;}
    .spec-scroll .prev,.spec-scroll .next{width: 26px; height: 87px; line-height:75px;}
    .spec-scroll .items{width:390px;height:87px;}
    .spec-scroll .items ul{height: 85px;}
    .spec-scroll .items ul li{width:99px; height: 85px;}
    .spec-scroll .items ul li span{margin: 0px 6px;}

}
@media (min-width: 768px) and (max-width: 991px){
    .main_pro_img{width: 500px;}
    .zoomdiv{width:500px;height:350px;}
    .spec-preview{width:500px;height:350px;}
    .spec-scroll{width:350px; padding-top: 20px;}
    .spec-scroll .prev,.spec-scroll .next{width: 25px; height: 66px; line-height:60px;}
    .spec-scroll .items{width:300px;height:66px;}
    .spec-scroll .items ul{height: 64px;}
    .spec-scroll .items ul li{width:76px; height: 64px;}
    .spec-scroll .items ul li span{margin: 0px 5px;}
}
@media (max-width: 767px) {
    .main_pro_img{}
    .zoomdiv{height:248px;}
    .spec-preview{height:248px;}
    .spec-scroll{padding-top: 20px;}
    .spec-scroll .prev,.spec-scroll .next{width: 8%; height: 67px; line-height:55px;}
    .spec-scroll .items{width:80%;height:67px;}
    .spec-scroll .items ul{height: 65px;}
    .spec-scroll .items ul li{width:79px; height: 65px;}
    .spec-scroll .items ul li span{margin: 0px 6px;}
}



@media (min-width: 1440px){
    
}
@media (min-width: 1200px) and (max-width: 1439px){
    
}
@media (min-width: 991px) and (max-width: 1199px){
    
}
@media (min-width: 768px) and (max-width: 990px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}

.yw-page {
    position: relative;
}

.yw-nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    z-index: 1; /* 确保导航菜单在上层 */
}
.image-overlay {
    position: relative; /* 确保相对于父容器定位 */
    width: calc(100% - 25px); /* 留出 25px 的间隔 */
    height: auto;
    display: flex;
    justify-content: space-between; /* 平均分布 */
    align-items: center;
    padding: 0 5px; /* 每边留出一半的间隔 */
}

.image-item {
    position: relative; /* 为文字的绝对定位提供参考点 */
    width: calc(25% - 12.5px); /* 每个图片均分并留出间隔 */
    transition: filter 0.3s ease; /* 添加灰度效果的过渡 */
}

.image-item img {
    width: 100%; /* 确保图片自适应容器宽度 */
    height: 150PX; /* 保持图片的宽高比 */
    display: block; /* 移除图片下方的空隙 */
    filter: grayscale(50%); /* 默认 20% 灰度 */
    transition: filter 0.3s ease; /* 添加灰度效果的过渡 */
	background-color: rgba(0, 0, 0, 0.1);
}

.image-item:hover img {
    filter: grayscale(0%); /* 鼠标悬停时移除灰度效果 */
	background-color: rgba(0, 0, 0, 0.0);
}

.yw {
    display: block; /* 确保 a 标签充满整个 image-item 容器 */
    text-align: center; /* 居中文字 */
    color: inherit; /* 继承父容器的文字颜色 */
    text-decoration: none; /* 移除默认的下划线 */
    position: relative; /* 为文字的绝对定位提供参考点 */
}

.image-text {
    position: absolute; /* 使文字相对于 .image-item 绝对定位 */
    top: 30%; /* 文字垂直居中 */
    left: 50%; /* 文字水平居中 */
    transform: translate(-50%, -50%); /* 确保文字的中心点对准容器的中心 */
    font-size: 26px; /* 增加文字大小 */
    font-weight: bold; /* 使文字加粗 */
    color: white; /* 使文字颜色为白色，确保在图片上可见 */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 增加文字阴影以提高可读性 */
}

.about-page {
    width: calc(35% - 10px);
    position: relative;
    left: 10px;
}

.about {
    position: relative;
}

.aboutus {
    position: relative;
    margin-top: 30px; /* 在 .aboutus 容器上添加顶部外边距 */
}

.about a {
    display: block;
    position: relative;
}

.about img {
    width: 100%;
    height: 70%;
    display: block;
}

.image-text {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}

        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.2); /* 设置灰色叠加层 */
            z-index: 1;
        }
        .overlay:hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0); /* 设置灰色叠加层 */
            z-index: 1;
        }