
html{font-size: 100%;}
body{
    font-family: Tahoma,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color:#666;}
li{list-style-type: none;list-style: none;}
/*1rem:16px   ?:122px
"Microsoft Yahei"
.row{margin: 0;}*/

:root{
--primary-bg-color:#118444;/*主要背景颜色，初始值#ab0310*/
--secondary-bg-color:#e3fbdf;/*第二级上的抬头的背景颜色, 初始值： #fff1f1*/
--menu-hover-bg-color:#d07304;/*鼠标放在菜单上时的背景颜色*/
--tertiary-bg-color:#333;/*面版上的灰黑色背景颜色*/

--swiper-theme-color:var(--primary-bg-color) /*swiper小圈颜色*/
}

a {
    color: #222;
}
a:hover {
    color: #222;
}

.site_banners{overflow: hidden;width:100%;}

.empty_padding{padding:0;}
/*手机上面没有空了*/

.navbar-nav{
    display:flex;
    /*flex-direction:row;
    flex-wrap: nowrap;
    border:solid 1px blue;*/
    width:100%;

    
    font-size: 1.0rem;
}
.navbar-nav .nav-item{
    flex-grow:1;
    text-align:center;
    position: relative;
}

.navbar-nav .nav-item a{width:100%;height:100%;display:block; text-align:center;}
@media only screen and (max-width: 991px) {
     .navbar-nav .nav-item a{text-align:left;padding-left: 15px;}
}


.navbar-nav .nav-item .nav-link{padding-top:10px;padding-bottom:10px;}
.navbar-nav .nav-item .nav-link:focus{color:#888;}

.navbar-light .navbar-nav .nav-link{color:#888;border-radius: 3px; }


.navbar-nav .nav-item.active .nav-link{ background: #abcdef;}
/*.navbar-nav .nav-item:hover{background: orange; }*/
.navbar-nav .nav-item:active .nav-link{color:#888;}
.navbar-nav .nav-item:hover .nav-link{background-color: #e3fbdf;color:#888;}
.navbar-nav .nav-item.menu-open .nav-link{color:#fff; background-color: var(--primary-bg-color);}

/*
.navbar-nav .nav-item .nav-link i{ width: 0; height: 2px; background: var(--primary-bg-color); display: block; position: absolute; top: 40px; left: 0; 
    transition:width .4s;-moz-transition:width .4s;-webkit-transition:width .4s;-o-transition:width .4s;} 
.navbar-nav .nav-item:hover .nav-link i{ width: 100%;}
.navbar-nav .nav-item.menu-open .nav-link i{width: 100%;}
*/


/*

.navbar-nav .nav-item a.nav-link{ color: #222; font-size: 15px; display: block; height: 115px; line-height: 115px; position: relative; z-index: 33;
 padding: 0 32px; transition: all 0.6s;}
.navbar-nav .nav-item a.nav-link::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    background: var(--primary-bg-color);
    z-index: -1;
    transition: all 0.6s;
    height: 0;
    top: 50%;
    bottom: 50%;
}

.navbar-nav .nav-item:hover a{ color: #fff; }
.navbar-nav .nav-item:hover .nav-link::before{ height: 100%; top: 0;}
.navbar-nav .nav-item.menu-open a::before{height: 100%; top: 0; }
.navbar-nav .nav-item.menu-open a.nav-link{ color: #fff;}

*/


.navbar-nav .nav-item .dropdown-item:focus{ background: var(--primary-bg-color); }


.navbar-light .navbar-toggler{color:white;}
.navbar-light .navbar-toggler-icon{color:white;}

.navbar-brand img{width:2.5rem;height:2.5rem;}
.navbar-light .navbar-brand { color:#666;}

.site-header{padding-top: 1.5rem; padding-bottom: 1.5rem;}
.site-logo{color:var(--primary-bg-color); font-family:SimHei; line-height: 150px;}
.site-banner{min-height: 80px; background: #333; color:#989898; }

.site-footer{min-height: 80px; background: #333; color:#ccc; }

.site-footer .footer-top{ min-height: 128px;font-size: 0.875rem;padding-top: 30px;padding-bottom: 30px;}
.site-footer .footer-top .gzh_qrcode{ text-align: center; margin-top: 2rem;}
.site-footer .footer-top .gzh_qrcode img{width: 7.625rem;margin-bottom: 0.4rem;}

.site-footer .footer-top .bt-list .title{ font-size:1.075rem;font-weight: bold;color: white;}
.site-footer .footer-top .bt-list .items{ margin-top: 1.5rem;padding-bottom: 1.5rem;}
.site-footer .footer-top .bt-list .item{line-height: 1.8rem; }
.site-footer .footer-top .bt-list .item a,.site-footer .footer-top .bt-list .item a:hover{color:#989898; text-decoration:#797979; }
.site-footer .footer-top .bt-list .content{margin-top: 1.5rem;}


.site-footer .footer-bottom{border-top:solid 1px #797979; line-height: 40px;padding:0px 6px;}
.site-footer .footer-bottom a, .site-footer .footer-bottom a:hover{color:#989898; text-decoration:#797979;}


/*信息页*/
.article_left .selected{width:100%; height:49px;background:var(--primary-bg-color); color:#ffffff; text-decoration: none;}
.article_left .selected a{color:#fff;}
.article_box{margin-top: 20px; margin-bottom: 20px; }
.article_left{ background: var(--secondary-bg-color);  border: 1px solid #e2e8e8; line-height: 48px; }
.article_left a{color: #000; width:100%; text-decoration: none; display: block;padding:0px 15px;}


.site_main{padding-bottom:10px; min-height:500px;}
.site_main .bigphoto{height: 352px; margin-top: 2px;}
.site_main .bigphoto img{height: 352px;max-width: 1110px;}


.photo_list_liucheng{font-size: 20px;height:40px;background:url("../images/runse_lc_bg.png") 10px center no-repeat; text-indent: 12px; line-height: 40px;  border-bottom: solid 1px #2297d4; color: #2297d4;}
.photo_list{ margin-top: 20px; }
.photo_list img{width:262px; height:217px; margin-bottom: 20px;}
.photo_list{overflow:hidden;padding:10px;}
.photo_list_item img{width:100%;border:solid 1px #ccc;}

.site_main .classic_title {line-height: 24px; font-size: 24px; color: #808080;width:100%;}
.site_main .classic_title .area_box{width:270px; margin:0 auto;height: 80px;position: relative;}
.site_main .classic_title .bg_line{background: #666;position: absolute;top:39px;width:270px; height: 1px; z-index: 1;}
.site_main .classic_title .txt{position: absolute;top:0px;background: #fff;padding: 10px 20px;top:15px; text-align: center;left:50%; margin-left: -70px; width:140px;z-index: 2}




.about_left a:active{width:100%; height:49px;background:#3c814a ; color:#ffffff; text-decoration: none; }

.about_left a,.article_left .selected a{transition: 0s;}

.article_right_youshi{ margin-top: 15px; font-size: 15px;line-height: 26px; }
.article_right_youshi p{font-size: 15px; }
.swiper-button-next,.swiper-button-prev{outline:none;}


#colorbox,#colorbox>*{ box-sizing:content-box;}


.pagebox{ text-align:center; padding-top:10px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover,.pagebox a.active{ border:1px solid var(--primary-bg-color); color:var(--primary-bg-color)}

.pagination li.page-item{ display:inline-block; color:#333; margin:3px}
.pagination li.active a,.pagination a:hover{ border:1px solid var(--primary-bg-color); color:var(--primary-bg-color)}

.footbox{width:100%; min-width:1200px;background: var(--tertiary-bg-color);padding: 30px 0px;}
.footbox .con{ text-align:center;color: #FFFFFF;line-height: 30px;}

ul li{ list-style:none}

.aboutus_main{}
.aboutus_main .t1{font-family: "Times New Roman"; font-size: 2rem;color: #333;}
.aboutus_main .t2{color:var(--primary-bg-color);font-weight: bold;font-size: 1.2rem;position: relative;}
.aboutus_main .t2:after {content: '';display: block;width: 1.5rem;height: 1px;background: var(--primary-bg-color);position: absolute;left: 0;bottom: -15px;}
.aboutus_main .content{font-size: 1rem; text-indent: 2em;line-height: 2;margin-top: 1.4rem;}

.gt_more {display: inline-block;width: 130px;height: 30px;line-height: 30px;text-align: center;color: #888;background: #fff;box-shadow: 0 0 10px rgb(12 3 6 / 13%);position: relative;z-index: 1;text-decoration: none;font-size: 0.8rem;}
.gt_more:before {transition: ease-out .35s;content: '';display: block;width: 0;height: 100%;background: var(--primary-bg-color);position: absolute;left: 0;top: 0;z-index: -1;}
.gt_more:hover {color: #fff;text-decoration: none;}
.gt_more:hover:before {width: 100%;}
.gt_more i{float: right;display: inline-block;width: 30px;height: 30px;background: var(--primary-bg-color);color: #fff;font-size: 20px;transition: ease .65s;position: relative;z-index: 1;padding-top: 5px}
.gt_more i:after {transition: ease-in .65s;content: '';display: block;width: 0;height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: -1;}

.gt_more:hover i {color: var(--primary-bg-color);transition-delay: .2s;}
.gt_more:hover i:after {width: 100%;transition-delay: .2s;transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

/*business_main: 服务项目*/




/*信息详细页*/
.article_header{position: relative;color: #333;padding-bottom: 10px;border-bottom: 1px solid #E1E1E1;font-weight: bold;font-size:1.1rem;padding-left: 20px;}
.article_header:before {content: '';display: block;width: 4px;height: 12px;background: var(--primary-bg-color);position: absolute;left: 5px;top: 8px;}
.article_details{line-height: 2;}
.article_details p{ text-indent: 2em;font-size: 1rem; }
.article_details .t1{font-family: "Times New Roman"; font-size: 2rem;color: #333;line-height: 1.5;}
.article_details .t2{color:var(--primary-bg-color);font-weight: bold;font-size: 1.2rem;position: relative;line-height: 1.5;}
.article_details .t2:after {content: '';display: block;width: 1.5rem;height: 2px;background: #B72024;position: absolute;left: 0;bottom: -15px;line-height: 1.5;}
.article_details .content{line-height: 2;margin-top: 2rem;}
.article_details .content img{width: 100%;}

.article_details .details_title_box{ border-bottom: 1px solid #E1E1E1;}
.article_details .details_title_box .title{text-align: center;font-weight: bold;font-size: 1.5rem;color:#333;}
.article_details .details_title_box .attr{text-align: center;font-size:0.8rem;padding: 2px;}
.article_details .details_content{padding-top: 20px; padding-bottom: 20px;}


/**/
.sttg_box{}
.sttg_box .sttg_item{ width: 225px; height:320px; margin:0 auto;color:#333;text-align: center;padding-top: 200px;margin-top: 20px;font-size:1.4rem;}/*009933*/
.sttg_box .item1{background: url("../images/sttg1.png") top center no-repeat;}
.sttg_box .item2{background: url("../images/sttg2.png") top center no-repeat;}
.sttg_box .item3{background: url("../images/sttg3.png") top center no-repeat;}
.sttg_box .item4{background: url("../images/sttg4.png") top center no-repeat;}
.sttg_box .item5{background: url("../images/sttg5.png") top center no-repeat;}
.sttg_box .item6{background: url("../images/sttg6.png") top center no-repeat;}
.sttg_box .item7{background: url("../images/sttg7.png") top center no-repeat;}
.sttg_box .item8{background: url("../images/sttg8.png") top center no-repeat;}


/*联系我们*/
.contactus_box{}
.contactus_box .item{ padding: 20px; border-bottom: dashed 1px #E5E5E5;color: #888;line-height: 24px;overflow: hidden;}
.contactus_box .item .title{color:#333;}

/*合作案例*/

.hzal_box{}
.hzal_box .item{ border:solid 1px #ccc; margin-top: 20px; padding: 30px;transition: ease .65s; line-height: 2; border-radius: 10px;}
.hzal_box a{text-decoration: none;}
.hzal_box .item img{transition: ease .65s;}
.hzal_box .item:hover img{transform: scale(1.1,1.1); }

/**/
.business_main{width: 100%;margin: auto;padding: 15px;position: relative;}
.business_main .t1{font-family: "Times New Roman"; font-size: 2rem;color: #333;line-height: 1.5;text-align: center;}
.business_main .t2{color:var(--primary-bg-color);font-weight: bold;font-size: 1.2rem;position: relative;line-height: 1.5;text-align: center;}
.business_main .t2 .text{position: relative;}
.business_main .t2 .text:after {content: '';display: block;width: 1.5rem;height: 1px;background: #B72024;position: absolute;bottom: -15px;line-height: 1.5;left: 50%;margin-left: -0.75rem;}

.business_main .business_box{}
.business_main .business_box .item{ position: relative;}
.business_main .business_box .item .title{position: absolute;bottom: 0px;text-align: center;background: var(--primary-bg-color);color:white; padding: 5px; opacity: .8; width:calc(100% - 30px);}
.business_main .business_box .item .img{overflow: hidden;}
.business_main .business_box .item img{transition: ease .65s;}
.business_main .business_box .item:hover img{transform: scale(1.1,1.1); }


.newscenter_main {padding: 15px;}
.newscenter_main .t1{font-family: "Times New Roman"; font-size: 2rem;color: #333;line-height: 1.5;text-align: center;}
.newscenter_main .t2{color:var(--primary-bg-color);font-weight: bold;font-size: 1.2rem;position: relative;line-height: 1.5;text-align: center;}
.newscenter_main .t2 .text{position: relative;}
.newscenter_main .t2 .text:after {content: '';display: block;width: 1.5rem;height: 1px;background: var(--primary-bg-color);position: absolute;bottom: -15px;line-height: 1.5;left: 50%;margin-left: -0.75rem;}

.newscenter_main .newscenter_box .title{font-size:1.5rem;color:#333;}
.newscenter_main .newscenter_box .brief{}
.newscenter_main .newscenter_box .time{}


/*新闻列表*/
img {
    max-width: 100%;
}

.article_news_item li {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 10px;
    position: relative;
    margin-top: 10px;
}
.article_news_item li:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}
.article_news_item li .img {
    float: left;
    width: 280px;
    margin-right: 40px;
    transition: ease .65s;
}
.article_news_item li .leftDateBox {
    float: left;
    width: 100px;
    margin-right: 20px;
    transition: ease .65s;
}

.article_news_item li .leftDateBox .dateBox {
    border:solid 1px #ccc;
    background: var(--primary-bg-color);
    display: block;
    width:100px;
    height: 100px;
    color:white;
    text-align: center;
}

.article_news_item li .leftDateBox .dateBox .day{
    display: block;
    font-size: 24px;
    padding-top: 15px;
}

.article_news_item li .leftDateBox .dateBox .yearMonth{
    
}


.article_news_item li .text {
    float: left;
    width: 570px;
    transition: ease .65s;
}
.article_news_item li .time {
    color: #999;
    position: relative;
    margin-top: 15px;
}

.article_news_item li .title {
    font-size: 16px;
    color: #333;
    text-overflow: ellipsis;
    transition: ease .65s;
    position: relative;
    padding-bottom: 0px;
}
.article_news_item li .title:after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1px;
    background: var(--primary-bg-color);
    position: absolute;
    left: 0;
    bottom: -10px;
    transition: ease .65s;
}
.article_news_item li .brief {
    line-height: 24px;
    color: #888;
    margin-top: 20px;
    min-height: 40px;
    overflow: hidden;
}
.article_news_item li span {
    position: absolute;
    right: 10px;
    top: 50%;
    color: #999;
    height: 18px;
    margin-top: -9px;
    line-height: 18px;
    transition: ease .65s;
    transform: translateX(-60px);
    opacity: 0;
}
.article_news_item li span i {
    margin-left: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
}
.article_news_item li span:before {
    content: '';
    display: block;
    width: 1px;
    height: 40px;
    background: #E5E5E5;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -20px;
    transition: ease .65s;
}

.article_news_item li:hover .img {
    transform: scale(1.2) translateX(23px);
}
.article_news_item li:hover .text {
    transform: translateX(30px);
    transition-delay: .25s;
}
.article_news_item li:hover .title {
    color: var(--primary-bg-color);
    transition-delay: .25s;
}
.article_news_item li:hover span {
    transform: translateX(0);
    transition-delay: .55s;
    opacity: 1;
    color: var(--primary-bg-color);
}
.article_news_item li:hover span:before {
    background: var(--primary-bg-color);
}


/**/

.aboutus_main {
    width: 100%;
    margin: auto;
    padding: 15px;
    position: relative;
}

.article_news_item li .img.person {
    width: 180px;
}

.article_news_item li:hover .img.person {
    transform: scale(1.06) translateX(20px);
}

/*.aboutus_main:before {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #B72024;
    position: absolute;
    left: 0;
    top: 0;
}

.aboutus_main:after {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #B72024;
    position: absolute;
    right: 0;
    bottom: 0;
}

.aboutus_main .line:before {
    content: '';
    display: block;
    width: 10px;
    height: 100%;
    background: #B72024;
    position: absolute;
    left: 0;
    bottom: 0;
}

.aboutus_main .line:after {
    content: '';
    display: block;
    width: 10px;
    height: 100%;
    background: #B72024;
    position: absolute;
    right: 0;
    top: 0;
}


@keyframes lhFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lineWidth {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes lineHeight {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.aboutus_main:before {
    animation: lineWidth linear 1s;
}

.aboutus_main .line:after {
    animation: lineHeight linear 1s;
    animation-delay: 1s;
    height: 0;
    animation-fill-mode: both;
}

.aboutus_main:after {
    animation: lineWidth linear 1s;
    width: 0;
    animation-delay: 1s;
    animation-fill-mode: both;
}

.aboutus_main .line:before {
    animation: lineHeight linear 1s;
    animation-delay: 3s;
    height: 0;
    animation-fill-mode: both;
}
*/


.list{padding:0px;}
.list .item{border-bottom: dotted 1px gray; line-height: 35px;}
.list .item a{color: #666; text-decoration: none;}

.index-list-card{

    /*box-shadow: 0 0 10px rgb(0 0 0 / 15%);*/
    /*border:0px;*/
    /*border-radius: 0px;*/
}

.index-list-card .card-header{
    /*border-bottom:none;*/

    color:var(--primary-bg-color);
    /*border-radius: 0px;*/
    background: var(--primary-bg-color);
    color:white;
}

@media screen and (max-width: 1024px) {
    .article_news_item li {
        padding: 10px 0;
    }
    .article_news_item li .img {
        width: 35%;
        margin-right: 0;
    }
    .article_news_item li .text {
        width: 65%;
        padding-left: 10px;
        position: relative;
    }
    .article_news_item li h4 {
        position: absolute;
        left: 10px;
        top: 50px;
        margin-bottom: 0;
    }
    .article_news_item li h4:after, .article_news_item li h3 {
        display: none;
    }
    .article_news_item li h2 {
        font-size: 14px;
        height: 36px;
        white-space: normal;
    }
    .lh-other-r, .article_news_item li span, .lh-ban {
        display: none;
    }
    .article_news_item li:hover .img {
        transform: scale(1) translateX(0);
    }
    .article_news_item li:hover .text {
        transform: translateX(0);
    }

    .aboutus_main {
        padding: 15px;
    }

    .article_details p{ text-indent: 0; }
}