@charset "utf-8";

/*全局控制*/
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:14px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none !important;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}


/*本来全局内容区域宽度是1200px,后来经王国华提议，修改成1600px*/

@media (min-width: 1200px) {
    .container {
        width:1570px;
    }
}
.text_index{
    text-indent: 2em;
}
.mb40{
    margin-bottom: 40px;
}
.w1400{
    width: 1400px;
    overflow: hidden;
    margin: 0 auto;
}
.btn{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
}
.clear{ clear: both;  }
/********************* 以下(结束标识)代码请在实际开发中删除 *********************/


.navbg{
    width: 100%;
    position: fixed;
    width: 100% !important;
    top: 0;
    left: 0;
    background: #fff !important;
    z-index: 999 !important;
    transition: all 0.5s;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
}
.nav{
    margin: 0 auto;
    height: 80px;
    box-sizing: border-box;
}
.nav .logo{
    float: left;
    width: 155px;
    margin-top: 15px;
    margin-right: 137px;
}
.nav .logo .logo_img{
    float: left;
    margin-right: 10px;
}
.nav .logo .logo_text{
    float: left;
    font-size: 12px;
    margin-top: 10px;
}
.logo_text p{
    font-size: 12px;
    color: rgba(51, 51, 51, 1);
}
.nav_list{
    float: left;
    border-left: 1px solid #e5e5e5;   
}
.nav_list_menu .m{
    float: left;
    height: 80px;
    line-height: 80px;
    width: 120px;
    position: relative;
    border-right: 1px solid #e5e5e5;
}
.nav_list_menu .m a{
    font-size: 16px;
    font-weight: normal;
    line-height: 80px;    
    display: block;
    text-align: center;
}
.nav_list_menu .m a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 0%;
    background: #0066cc;
    transition: all .5s ease;
    color: #fff;
}
/* .nav_list_menu li.m a:hover::after{
    height: 100%;    
} */
.nav_list_menu .m::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 0%;
    background: #0066cc;
    transition: all .5s ease;
    color: #fff;
}
.nav_list_menu .m.on::after{
    height: 100%;
    
}
.nav_list_menu li.m a:hover,
.nav_list_menu .m.on a
{
    color: #fff;
}
.nav_list_menu .m.on .sub a{
    color: #333;
}
.nav_list_menu .m.on .sub a:hover{
    color: #0066CB;
}
.nav_list_menu li .sub{
    display: none;
    height: auto !important;
    padding: 60px 0px !important;
    background: rgba(240, 240, 240, 0.9);
    position: fixed;
    left: 50%;
    top: 80px;
    border-top: 1px #e8e8e8 solid;
    z-index: 999;
    transform: translateX(-50%);
    border-bottom: #fbbf00 0px solid;
    width: 100%;
}
.sub .nav_img{
    width: 290px;
    float: left;
}
.sub .nav_sublist{
    width: 30%;
    float: left;
    margin-left: 90px;
}

.sub .nav_sublist ul{
    height: auto;
}
.sub .nav_sublist li{
    width: 50%;
    float: left; 
    height: 30px !important;
    line-height: 30px !important;
    font-size: 15px;
    padding: 5px 0px;
    display: block;
    font-weight: normal;
    text-align: left;
    transition: all ease .3s;
    margin-bottom: 0px;
}

.sub .nav_sublist li a{
    height: 30px !important;
    line-height: 30px !important;
    font-size: 15px;
    padding: 5px 0px;
    display: block;
    font-weight: normal;
    text-align: left;
}
.sub .nav_sublist li a:hover{
    color: #0066CB;
}

.sub .nav_desc{
    width: 35%;
    float: right;
    line-height: 28px;
    padding-left: 40px;
    overflow: hidden;
    border-left: #ccc 1px solid;
    box-sizing: border-box;
}
.nav_right{
    float: right;
    padding-top: 18px;
}
.nav_right p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: rgba(51, 51, 51, 1);
    margin-left: 0px;
    line-height: 1.5;
}

#fp-nav ul li a span, 
.fp-slidesNav ul li a span{
    background: #fff;   
}

#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span{
    background: #fff;   
}

#header .navbar-default{
    position: fixed;
    width: 100% !important;
    top: 0;
    left: 0;
    border:0;
    margin-bottom: 0;
    z-index: 1000;
    background: #fff !important;
    transition: all 0.5s;
}
#header .navbar-brand{   
	height:85px;
}
.navbar-toggle {
    margin-bottom: 17px;
    margin-top: 26px;
}
#header .navbar-nav{
    padding: 15px 0; 
    height: auto !important;
}
#header .navbar-default .navbar-nav>li>a{
    font-size: 14px;
    padding: 15px 0;
    border-bottom: #eee 1px solid;
}

.dropdown-menu{
    border-radius: 6px;
    background: #4b8ec5;
}
.dropdown-menu>li>a{
    padding: 10px 20px;
    color: #fff;
}
.dropdown-menu>li>a:hover{
    background: #89c5f6;
    color: #fff;
}

/*关于我们样式*/
.index_title{
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-size: 36px;
    height: 60px;
    line-height: 60px;
    background: url(../images/xian.png) no-repeat center bottom;
    margin-bottom: 20px;    
}
.index_entitle{
    color: #fff;
    font-size: 24px;
    font-family: Arial;
    padding-top: 0px;
    margin-top: 5px;
}
.about_desc{
    line-height: 2;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: Microsoft YaHei;
    padding-top: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.about_item{
    background-color: rgba(125, 125, 125, 1);
    color: #fff;
}
.about_item .thumbnail{
    border: none !important;
    background-color: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.about_item .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about_item_title{
    padding: 15px;
    text-align: left;
}
.about_item_title h3{
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
}
.about_item_title p{
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
}
.product_items{
    overflow: hidden;
    margin-top: 40px;
}
.product_item{
    height: 132px;
    padding-top: 40px;
    padding-left: 108px;
    color: #333;
    margin-bottom: 20px;
    overflow: hidden;
}
.product_item h3{
    font-weight: 500;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.product_item p{
    font-size: 12px;
}
.product_item a:hover h3,.product_item a:hover p {
    color: #fff
}
.product_item:hover h3,
.product_item:hover p{
    color: #fff;
}
.item1{
    background: url(../images/product1.png) no-repeat 30px center #fff;
}
.item1:hover{
    background: url(../images/product1h.png) no-repeat 30px center #0066cc;
    color: #fff;
}
.item2{
    background: url(../images/product2.png) no-repeat 30px center #fff;
}
.item2:hover{
    background: url(../images/product2h.png) no-repeat 30px center #0066cc;
    color: #fff;
}
.item3{
    background: url(../images/product3.png) no-repeat 30px center #fff;
}
.item3:hover{
    background: url(../images/product3h.png) no-repeat 30px center #0066cc;
    color: #fff;
}
.item4{
    background: url(../images/product4.png) no-repeat 30px center #fff;
}
.item4:hover{
    background: url(../images/product4h.png) no-repeat 30px center #0066cc;
    color: #fff;
}
.item5{
    background: url(../images/product5.png) no-repeat 30px center #fff;
}
.item5:hover{
    background: url(../images/product5h.png) no-repeat 30px center #0066cc;
    color: #fff;
}
.item6{
    background: url(../images/product6.png) no-repeat 30px center #fff;
}
.item6:hover{
    background: url(../images/product6h.png) no-repeat 30px center #0066cc;
    color: #fff;
}
.item7{
    background: url(../images/product7.png) no-repeat 30px center #fff;
}
.item7:hover{
    background: url(../images/product7h.png) no-repeat 30px center #0066cc;
    color: #fff;
}
.item8{
    background: url(../images/product8.png) no-repeat 30px center #fff;
}
.item8:hover{
    background: url(../images/product8h.png) no-repeat 30px center #0066cc;
    color: #fff;
}
.index_news .hd{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}   
.index_news .hd ul li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   /*字体超出隐藏*/
    display: block;
    width: 140px;
    text-align: center;
    margin: 0px 6px;
    font-size: 16px;
    background: #dcdcdc;
    color: #000;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    float: left;
}
.index_news .hd ul li.on{
    background: #0066cc;
    border: 0px;
    color: #fff;
}
.news_item{
    padding: 25px  20px;
    background-color: rgba(255, 255, 255, 1);
    transition-duration: 0.6s;
    overflow: hidden;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    cursor: pointer;
}
.news_item::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: 100%;
    background-color: #0066cc; /* 新的背景颜色 */
    transition: top 0.5s ease-in-out;
    padding: 25px  20px;
}
.news_item:hover{
    background: #0066cc;
    color: #fff;
    /* top:0 */
}
.news_item .news_imgs{
    height: 180px;
    overflow: hidden;
    margin-bottom: 15px;
}
.news_imgs a img{
    object-fit: cover !important;
    width: 100% !important;
    height: 180px !important; 
}
.news_item .news_title{
    height: 40px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   /*字体超出隐藏*/
}
.news_item .news_date{
    height: 30px;
    font-size: 14px;
    color: #999;
}
.news_item:hover .news_date{
    color: #fff;
}
.book_imgs{
    width: 100%;
    height: 390px;
    overflow: hidden;
    border: #fff 1px solid;
}
.book_imgs a img{
    object-fit: cover !important;
    width: 100% !important;
    height: 390px !important; 
}
.service_items{
    margin-top: 40px;
    overflow: hidden;
    cursor: pointer;
}
.service_items .stitle{
    float: left;
    width: 168px;
    height: 358px;
}
.service_items .scon{
    width: 355px;
    left: 168px;
    overflow: hidden;
    height: 358px;
    background: #fff;
    padding: 35px 45px;
    float: left;
}
.service_items .scon .service_title{
    line-height: 66px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    color: #666;
    padding-left: 60px;
    display: block;
    font-weight: 100;
    text-align: left;
    background:url(../images/service.jpg) no-repeat left center;
    margin-bottom: 10px;    
}
.service_items .scon .pcon{
    margin-bottom: 40px;
    text-align: left;
    color: #999;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 40px;
}
.service_items .scon a.more{
    text-align: left;
    font-size: 14px;
}
/* 服务板块 */
#box {
    width: 1420px;
    height: 350px;
    margin-top: 40px;
    overflow: hidden;
    border: 1px solid #ffffff;
    background-color: #ffffffe5;
}

#box ul {
    position: relative;
    height: 350px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow: hidden;
}

#box ul li {
    width: 150px;
    height: 350px;
    border: 0.5px solid #ffffff;
    position: relative;
    overflow: hidden;
    transition: width 0.5s ease;
    flex-shrink: 0;
    /* z-index: 1; */
}

#box ul li.active {
    width: 634px;
}

#box ul li .left {
    width: 150px;
    height: 350px;
    background-color: #fff;
    cursor: pointer;
}

#box ul li .left img {
    width: 150px;
    height: 350px;
    cursor: pointer;
}

#box ul li .right {
    display: none;
    width: 484px;
    height: 350px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 150px;
    padding: 20px;
    box-sizing: border-box;
    /* z-index: 2; */
}
#box ul li.active .right {
    display: block;
    /* z-index: 3; */
}

#box ul li .srvice_img {
    width: 40px;
    height:40px;
    float:left;
    margin-bottom: 10px;
}
#box ul li .service_title {
    line-height: 66px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    color: #666;
    padding-left: 60px;
    display: block;
    font-weight: 100;
    text-align: left;
    background:url(../images/service.jpg) no-repeat left center;
    margin-bottom: 10px;    
}

#box ul li .pcon {
    margin-bottom: 40px;
    text-align: left;
    color: #999;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 40px;
}

#box ul li .more {
    font-size: 14px;
    text-decoration: none;
    color: #007bff;
}
/*页面底部信息*/
.footer{
    height: 420px;
    background-color: #0066CB;
    color: #fff;
}
#section5{
    background-color: #0066CB;
}
.footer_top{
    padding: 40px 0;
}
.footer_top .footer_nav{
    padding-right: 75px;
    float: left;
    color: #fff;
    text-align: left;
}
.footer_nav .footer_title{
    color: rgba(255, 255, 255, 1);
    line-height: 1.5;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}
.footer_nav li{
    color: #fff;
    font-size: 14px;
    line-height: 2;
}
.footer_nav li a{
    color: #fff;
    font-size: 14px;
}
.f_title{
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    line-height: 1.5;
    margin-bottom: 16px;
    font-weight: normal;
    text-align: center;
}
.f_img{
    display: flex;
    justify-content: center;
}
.footer_bottom{
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    background-color: rgba(0, 85, 168, 1);
    color: #fff;
    font-size: 14px;
    text-align: left;
}
.footer_bottom a{
    color: #fff;
}
.footer_bottom .fl{
    text-align: left;
}
.footer_bottom .fr{
    text-align: right;
}

/*全部-移动端页脚*/
#mob-bottom{
    width: 100%;
    /*max-height: 64px;*/
    text-align: center;
    z-index: 1000;
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    bottom: 0;
    border-top: 2px solid #0ba1e4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#mob-bottom .mob-bottom-item a{
    display: block;
    padding-top: 5px;
    padding-bottom: 2px;
    color: #616161;
    text-align: center;
    line-height: 1.5em;
    font-size: 12px;
}
#mob-bottom .mob-bottom-item a:hover{
    text-decoration: none;
}
#mob-bottom .mob-bottom-item a img{
    max-width: 28px;
}
/*全部-移动端页脚*/

/*页面底部信息*/
.subbg{
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.subBanner{
    width: 100%;
    height: 400px;    
}
.subBanner img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: auto;
}
.subbg .position{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    z-index: 1;
    color: #fff;
}
.subbg .position a{
    color: #fff;
}
.subbg .position .positionimg{
    padding-left: 30px;
    background: url(../images/home.png) no-repeat center left;
    background-size: 20px 20px;
}
.subNav{    
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    justify-content: flex-start;
    margin-bottom: 30px;
    border-bottom: 2px solid #f6f7f6;
    box-sizing: border-box;
}
.subNavList ul li{
    float: left;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    flex: 1;
    max-width: 100%;
    margin-right: 1.3vw;
    max-height: 100%;
    height: 80px;
    line-height: 80px;
}
.subNavList ul li.wsamlll{
    margin-right: 1vw;
}

.subNavList ul li a{
    display: inline-block;
    color: #666;
    font-size: 16px;
    /* padding: 30px 0; */
    box-sizing: border-box;
}
.subNavList ul li.on a{
    color: #0066CB;
    border-bottom: 2px solid #0066cc;
}
.subNavList ul li:hover a{
    color: #0066CB;
    border-bottom: 2px solid #0066cc;
}
.subNav .s_title h3{
    font-size: 30px;
    color: #0066cc;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
}
.subNav .s_title span{
    font-size: 14px;
    line-height: 24px;
    color: #999;
    font-weight: normal;
}
.subBody{
    min-height: 450px;
    margin:0 auto;
    background-color: #fff;
}
.subBody{margin-bottom:25px;}
.subCont{line-height:26px;color:#666; font-size: 16px;}
.s_subtitle{
    font-size: 28px;
    text-align: center;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 30px;
    text-align: center;
}
.s_title2{
    line-height: normal;
    font-size: 22px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: left;
}
.e_richText-47{
    margin-top: 30px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: rgba(102, 102, 102, 1);
    line-height: 2;
}
.subCont p{
    font-size: 16px;
    color: rgba(85, 85, 85, 1);
}
.e_richText-20 p{
    line-height: 2.2em;
    font-size: 16px;
    margin-bottom: 14px;
}
.subCont img{
    max-width: 100%;
}
.invesstor_item .invesstor_title h3{
    line-height: normal;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}
/*通用的图片列表页*/
.honor_item{
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 20px;
}
.honor_item .honor_img{
    overflow: hidden;
    padding-bottom: 72%;
    width: 100%;
    border: 1px solid #eee;
    position: relative;
}
.honor_item .honor_img img{
    object-fit: contain !important;
    position: absolute;
    width: 100%;
    min-height: 100%;
    padding: 28%; 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

.case_item{
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 20px;
}
.case_item .case_img{
    overflow: hidden;
    padding-bottom: 62%;
    width: 100%;
    border: 1px solid #eee;
    position: relative;
}
.case_item .case_img img{
    object-fit: cover !important;
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}


.xuanc_item{
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 20px;
}
.xuanc_item .xuanc_img{
    overflow: hidden;
    padding-bottom: 135%;
    width: 100%;
    border: 1px solid #eee;
    position: relative;
}
.xuanc_item .xuanc_img img{
    object-fit: cover !important;
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}


.honor_item .honor_title,
.case_item .honor_title,
.xuanc_item .honor_title
{
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-align: center;
    background-color: rgba(245, 245, 245, 1);
    font-size: 14px;
}
.honor_item .honor_title p,
.case_item .honor_title p,
.xuanc_item .honor_title p
{
    font-size: 14px;
}
.lightbox img {
    max-width: 100% !important;
    height: auto;
}
.honor_list a:hover .honor_item .honor_img{
    border: 1px solid #015cab;
}
.case_item:hover .case_img{
    border: 1px solid #015cab;
}
.xuanc_item:hover .xuanc_img{
    border: 1px solid #015cab;
}
.honor_item:hover .honor_title,
.case_item:hover .honor_title,
.xuanc_item:hover .honor_title
{
    background-color: #015cab;
}
.honor_item:hover .honor_title p,
.case_item:hover .honor_title p,
.xuanc_item:hover .honor_title p
{
    color: #fff;
}
/*通用的图片列表页*/

/* 发展历程 */
.cd-container {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    background: #ffffff;
    padding: 0 10%;
    border-radius: 2px;
}
.cd-container::after {
    content: '';
    display: table;
    clear: both;
}  
#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}
#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    height: 100%;
    width: 1px;
    background: rgba(126, 126, 126, 0.74);
}
.cd-timeline-block {
    position: relative;
    margin: 2em 0;
  }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
  .cd-timeline-img {
    position: absolute;
    top: 8px;
    left: 24px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #3a51b7, inset 0 2px 0 rgba(177, 233, 255, 0.08), 0 3px 0 4px rgba(148, 190, 252, 0.05);
  }
  .cd-timeline-img {
    background: #3a51b7;
  }
  .cd-timeline-content {
    position: relative;
    margin-left: 60px;
    margin-right: 30px;
    background: #f3f3f3;
    border-radius: 2px;
    padding: 1em;
  }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-timeline-content h2 {
    color: rgba(61, 61, 61, 0.9);
    margin-top:0;
    margin-bottom: 5px;
    font-size: 22px !important;
  }
  .cd-timeline-content p{
    color: rgba(117, 117, 117, 0.973);
    font-size: 15px !important;
    font-size: 0.8125rem;
  }
  .cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
  }
  
  .cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #333C42;
  }

.joinheader{
    height: 60px;
    line-height: 60px;
    background-color: rgba(53, 63, 76, 1);
    color: #fff;
    text-align: center;
}
.joinitem{
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px dashed #ddd;
    cursor: pointer;
}
.joinitem .jiahao{
    display: block;
    width:40px; 
    height:32px;   
    background:url(../images/icoAdd.png) 16px 12px no-repeat; 
    cursor:pointer;
    margin: 0 auto;
    margin-top: 12px;
}
.joinitem.on .jiahao{
    background-position:16px -57px;
}
.joincon{
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 80px;
    padding-right: 80px;
    background-color: rgba(245, 245, 245, 1)
}
/*页面主要区域*/
.news_box {
    background: rgba(242, 242, 242, 1);
    border-radius: 2px;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    padding: 20px 15px;
}

.news_imgbox {
    width: 236px;
    height: 154px;
    overflow: hidden;
    float: left;
}

.news_box:hover {
    background: #fff;
    box-shadow: -8PX -8PX 12PX RGB(150, 150, 150, 0.5), 8PX 8PX 12PX RGB(150, 150, 150, 0.5);
}

.news_box:hover .news_img {
    transform: scale(1.1)
}

.news_box:hover .news_content h3 {
    color: #0066cc;
}

.news_box:hover .news_data .ri,.news_box:hover .news_data .yue{
    color: #0066cc;
}

.news_imgbox img {
    width: 236px;
    height: 154px;
    transition: all .6s;
    object-fit: cover !important;
}

.news_content {
    float: left;
    width: 60%;
    margin-left: 50px;
    margin-right: 50px;

}
.news_content h3{
    font-size: 18px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 15px;
    cursor: pointer;
}
.news_content p {
    font-size: 14px;
    color: rgba(112, 112, 112, 1);
    line-height: 1.6;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_content p {
    color: rgba(102, 102, 102, 1);
}

.news_data {
    float: right;
    width: 18%;	
    text-align: center;		
}
.news_data .ri{
    font-size: 56px;
    color: rgba(102, 102, 102, 1);
    line-height: 1.2;
    transition: all .5s ease;
    font-family: Impact;
    text-align: center;
}
.news_data .yue{
    font-size: 14px;
    line-height: 1.66666;
    color: rgba(102, 102, 102, 1);
    font-weight: bold;
}
/*子页样式*/
.subBody .search_l{margin-bottom:25px;}
.subBody .subnav{margin-bottom:25px;}
.subBody .subnav li{margin-bottom:2px;}
.subBody .subnav li a{display:block;height:24px;line-height:24px;padding-left:20px;background:url(../images/subnav_ico.gif) no-repeat 5px center;}
.subBody .subnav li a:hover{color:#fff;text-decoration:none;background:url(../images/subnav_ico_on.gif) no-repeat 5px center #ccc;}
.subBody .subnav li a.on, .subBody .subnav li a:hover.on{color:#fff;background:#999;}
.subBody .subTitle{margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;text-align:right;}
.subBody .subTitle .catname{font-size:15px;font-weight:bold;float:left;font-family:"微软雅黑";color:#333;}
.subBody .subTitle .shopcart{background:url(../images/shopcart_ico.gif) no-repeat 0 center; padding-left:20px;}
.subBody .subTitle a{color:#666;}
.subBody .subTitle span{color:#666;}
.subBody .subTitle a.goback{float:left;margin-left:10px;}
.subBody .subtype li{float:left;}
.subBody .subtype li a{background:#ffa41b;padding:2px 5px;margin-right:5px;color:#fff;}
.subBody .subtype li a:hover{text-decoration:none;background:#ff9900;}
.subBody .subtype li a.on{background:#999;}
.subBody .subtype2{padding:0 0 0 10px;}
.subBody .subtype2 li{float:left;}
.subBody .subtype2 li a{background:#fff8ed;border:1px solid #ff9900;padding:2px 5px;margin-right:5px;color:#3e3e3e;}
.subBody .subtype2 li a.on{color:#ff6600;}



/********************* 以上(结束标识)代码请在实际开发中删除 *********************/



/*图片滚动*/
.scrollimg{width:960px;height:50px;position:relative;margin:0 auto 20px;}
.scrollimg div.imgwrap{width:880px;height:50px;margin:0 40px;position:absolute;top:0;overflow:hidden;}
.scrollimg div.imgwrap ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
.scrollimg ul li{float:left;height:50px;width:146px;overflow:hidden;}
.scrollimg ul li dl{float:left;height:50px;width:146px;overflow:hidden;}
.scrollimg ul li dl dt{clear:both;float:left;height:45px;width:60px;overflow:hidden;margin-right:8px;}
.scrollimg ul li dl dt a{height:45px;width:60px;display:table-cell;vertical-align:middle;text-align:center;display:block;font-size:39px;font-family:Arial;}
.scrollimg ul li dl dt a img{vertical-align:middle;}
.scrollimg ul li dl dd{color:#aaa;}
.scrollimg ul li dl dd a{color:#3372A2;display:block;font-size:14px;height:20px;margin:2px 0;overflow:hidden;}
.scrollimg a.arrow{display:block;height:50px;width:20px;background:url(../images/arrow.png) no-repeat 0 0;position:absolute;top:0;cursor:pointer;text-indent:-99999px;}
.scrollimg a.back{background-position:0 0;left:0;}
.scrollimg a.back:hover{background-position:0 -100px;}
.scrollimg a.forward{background-position:0 -50px;right:0;}
.scrollimg a.forward:hover{background-position:0 -150px;}


/*新闻栏目*/
.news_list li{line-height:30px;background:url(../images/dot_line.gif) repeat-x 0 30px;padding-top:1px;}
.news_list li a:hover{text-decoration:none;color:#999;}
.news_list span{float:right;font-family:Arial;color:#5868bf;}
.news_list strong{padding-right:5px;font-size:8px;color:#fc0000;}

.news_list2 li{height:50px;line-height:25px;border-bottom:1px solid #eff2f4;padding:6px 0 5px 0;color:#a0a0a0;}
.news_list2 li span.title a{float:left;color:#0f5fbb;font-weight:bold;}
.news_list2 li span.title a:hover{text-decoration:none;color:#000;}
.news_list2 li span.time{float:left;}
.news_list2 li span.hits{float:right;}
.news_list2 li span.class{margin-left:12px;}
.news_list2 li span.class a{text-decoration:underline;color:#a0a0a0;}


/*产品栏目*/
.product_list .p_items{
    margin-bottom:20px; 
    text-align: center;
}
.product_list .p_items a.img{
    width: 100%;
    height: 274px;
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    font-family: Arial;
    /* border: 1px solid #ccc; */
    overflow: hidden;
}
.product_list .p_items a.img img{ 
    max-width: 100%; /* 确保图片不会超出容器宽度 */
    max-height: 100%; /* 确保图片不会超出容器高度 */
}
/* .product_list .p_items a.img:hover{
    border: 1px solid #0066cc;  
} */

.product_list .p_items .thumbnail:hover{
    background-color: #0066CB;
}
.product_list .p_items .thumbnail:hover .s_title{
    border-bottom: 1px solid rgba(255,255,255,.1)
}
.product_list .p_items .thumbnail:hover .s_title a{
    color: #fff;
}
.product_list .p_items .thumbnail:hover p{
    color: #fff;
}

.product_list .p_items .s_title{
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    font-size: 22px;
    text-align: left;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product_list .p_items .s_desc{
    font-size: 16px;
    line-height: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: left;
}
.product_list .p_items .s_title a{
    font-size: 22px;
}
.product_list .p_items p.info{
    width:100%;
    line-height:50px; 
}


/*案例样式*/
.caselist li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;clear:both;}
.caselist li p.preview{display:block;width:100px;height:80px;float:left;margin-right:12px;}
.caselist li p.desc{padding:0 10px;line-height:20px;color:#999;}
.caselist li a.img{width:100px;height:80px;margin:0 0 0 10px;padding:1px;display:table-cell;vertical-align:middle;text-align:center;display:block;font-size:70px;font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.caselist li a.img:hover{border:1px solid #ff9900;}
.caselist li a.img img{vertical-align:middle;}
.caselist li a.type{color:#ff9900;font-weight:bold;}
.caselist li a.title{font-weight:bold;font-size:12px;color:#333;}
.caselist span{display:block;line-height:22px;font-family:Arial;color:#666;}
.caselist span small{font-size:12px;margin-right:10px;}

/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:28px;text-align:center;line-height:40px;color:#000;}
.listConts .info{height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
.listConts img{max-width: 100%;}

/*产品详情页*/
.prodetail{
    padding-top: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.proimg{
    height: 440px;
    overflow: hidden;
    border: #e4e4e4 1px solid;    
}
.proimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prodetail .p_title{
    height: 54px;
    line-height: 54px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: #e4e4e4 1px solid;
    margin-bottom: 40px;
}
.prodetail .kinds{
    line-height: 1.5;
    font-size: 14px; 
    margin-bottom: 40px;   
}
.prodetail .kinds .fweight{
    color: rgba(102, 102, 102, 1); 
    font-weight: bold;   
}
.prodetail .btn{
    overflow: hidden;
    text-align: center;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 200px;
    padding: 10px 8px;
    background: rgba(0, 102, 203, 1);
    color: #ffffff;
}
.prodetail .btn a{
    display: block;
    color: #fff;
    font-size: 16px;
}
.prodetail .red{
    font-size: 28px;
    color: #ff0000;
}
.prodetail .red a{
    color: #ff0000;
}
.detailcon{
    overflow: hidden;
    margin-bottom: 30px;
}
.detailcon .tabhd{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: 25px;
}
.detailcon .tabhd ul li{
    display: inline-block;
    width: auto;
    cursor: pointer;
    min-width: 144px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: rgba(241, 241, 241, 1);
    font-size: 16px;
}
.detailcon .tabhd ul li.on{
    color: #fff;
    background: #0066cc;
}
.cpbg {
    border-bottom: 1px solid rgb(207, 207, 207);
    border-right: 1px solid rgb(207, 207, 207);
    margin-bottom: 15px
}

.cpbg TR TD {
    text-align: center;
    border-left: 1px solid rgb(207, 207, 207);
    line-height: 2.2;
    font-family: Microsoft Yahei,Arial,Verdana,sans-serif;
    font-size: 14px;
    border-top: 1px solid rgb(207, 207, 207);
    padding-top: 5px;
    padding-bottom: 5px;
    color: #333
}

.cpbg TD p {
    text-align: center;
    line-height: 2.2;
    font-family: Microsoft Yahei,Arial,Verdana,sans-serif;
    font-size: 14px;
    color: #333;
    padding: 0 !important
}

.cpbg .bt {
    background-color: #ff4f51;
    color: #fff !important;
    font-weight: bold
}

.cpbg .bt p {
    background-color: #ff4f51;
    color: #fff !important;
    font-weight: bold
}

TR.bg TD {
    color: #fff !important
}

tr:nth-child(odd) {
    background-color: #fff
}

tr:nth-child(even) {
    background-color: #fff
}
/*在线询价*/
.eq_title{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
.enquiry{
    margin-bottom: 40px;
}
.enquiry .form-control{
    height: 50px;
}
.enquiry .w50{
    width: 48%;
    float: left;
    margin-right: 2%;
}
.enquiry .s_input{
    height: 200px;
}
.enquiry .btn{
    width: 100%;
    height: 50px;
    line-height: 35px;
    font-size: 16px;
}
.enquiry .btn a{
    color:#fff;
}
.enquiry .btn:hover{background:#0066cc;}
.enquiry .btn:hover a{ color: #fff;} 
/*联系网点*/
.scrollbar {
    height: 457px;
    overflow-y: scroll; /* 添加垂直滚动条 */
}

.scrollbar::-webkit-scrollbar { /* 设置滚动条整体样式 */
    width: 4px; /* 滚动条宽度 */
}

.scrollbar::-webkit-scrollbar-track { /* 设置滚动条轨道背景颜色和圆角 */
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar::-webkit-scrollbar-thumb { /* 设置滑块样式 */
    background-color: #727171;
    border-radius: 10px;
}
.website .webhd{
    width: 100%;
    border: #e5e5e5 1px solid;
}
.website .webhd ul li{
    padding: 15px 20px;
    max-height: 124px;
    border-bottom: #e5e5e5 1px solid;
    cursor: pointer;
}
.website .webhd ul li h3{
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    background: url(../images/landmark.png) no-repeat center left;
    padding-left: 30px;
    background-size: 25px 25px;
}
.website .webhd ul li p{
    padding-left: 30px;
    line-height: 1;
    color: #ababab;
    margin-top: 5px;
    font-size: 14px;
}
/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:99%;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:99%;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 35px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}


.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:685px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}


/*详细页功能区*/
.preNext{position:relative; margin-bottom: 40px;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:32px;line-height:30px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8; border-radius: 5px;background:#f8f8f8; text-align:center;padding:0 12px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #015cab ;background:#015cab;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}


/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}

/*媒体查询*/
/*手机超小屏幕下的单独样式 xs < 768px */
@media (max-width: 767px){

    .index_title{
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        margin-bottom: 5px;
    }

    .index_entitle{
        font-size: 14px;
    }
    .about_desc{
        margin: 10px 0;
        font-size: 14px;
    }
    .thumbnail{
        margin-bottom: 0 !important;
    }
    .about_item_title{
        padding: 5px;        
    }
    .about_item_title h3{
        font-size: 14px;
        
    }
    .about_item_title p{
        font-size: 12px;
        
    }
    .about_item{
        margin-bottom: 10px;
    }
    /*首页产品列表内容*/
    .product_items{
        overflow: hidden;
        margin-top: 15px;
    }
    .product_item{
        background-position: center 11px;
        background-size: 18%;
        padding-top: 50px;
        padding-right: 5px;
        padding-left: 5px;
        margin-bottom: 10px;
    }
    .product_item h3{  
        font-weight:100;
        font-size: 14px;
        text-align: center;
        margin-bottom: 0px;
    }
    .product_item p{
        font-size: 12px;
        text-align: center;
        line-height: 1;
    }   


    /*底部信息*/
    .footer_bottom{
        line-height: 30px;
        text-align: center;
        background-color: rgba(51, 51, 51, 1);
        padding: 20px 0;
        height: 110px;
        text-align: center;
    }
    .footer_bottom p{
        text-align: center !important;
    }
    .subbg{
        height: 260px;
    }
    .subBanner{
        height: 260px;
    }
    .subBanner img{
        height: 260px;
    }
    .invesstor_item{
        margin-bottom: 20px;
    }
    .invesstor_item .invesstor_title h3{
        line-height: normal;
        font-size: 14px;
        text-align: center;
        margin-top: 15px;
    }
    .cd-timeline-content h2 {
        font-size: 22px !important;
        font-size: 1.25rem;
      }
      .cd-timeline-content p {
        font-size: 15px !important;
        font-size: 1rem;
      }
    /*新闻列表*/
    .news_imgbox {
        width: 236px;
        height: 120px;
        overflow: hidden;
        float: left;
    }
    .news_content {
        float: left;
        width: 60%;
        margin-left: 20px;
        margin-right: 20px;
    }
    .news_content h3{
        font-size: 14px;
    }
    .listConts .title{
        font-size:22px;
        text-align:center;
        line-height:40px;
        color:#000;
    }
    .subNavList{
        padding: 20px 0;
    }
    .subNavList ul li{
        float: left;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: auto;
        flex: 1;
        max-width: 100%;
        max-height: 100%;
        height: 40px;        
        line-height: 40px;
    }
    .subNavList ul li a{
        padding: 0 20px;
    }
    .subNavList ul li.on a{
        color: #fff;
        background-color: #0066CB;
    }
    .subNavList ul li:hover a{
        color: #fff;
        background-color: #0066CB;
    }
    /*产品详情*/
    .prodetail .btn{
        width: 120px;
    }
    .prodetail .red{
        font-size: 22px;
    }
    .detailcon .tabhd ul li {
        min-width: 87px;
    }
    .prodetail .p_title{
        height: auto;
        font-size: 20px;
    }

}
/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 992px){
    .cd-timeline-content h2 {
        font-size: 22px !important;
        font-size: 1.25rem;
      }
      .cd-timeline-content p {
        font-size: 15px !important;
        font-size: 1rem;
      }
      .nav .logo{
        margin-right: 10px;
      }
      .nav_list_menu .m{
        width: 83px;
      }

}
@media (min-width: 1024px){
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
      }
      #cd-timeline::before {
        left: 50%;
        margin-left: -2px;
      }
      .cd-timeline-img {
        width: 3px;
        height: 3px;
        left: 50.95%;
        margin-left: -15px;
        margin-top: 18px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
      }
      .cd-timeline-content {
        /* color: white; */
        margin-left: 0;
        padding: 1.6em;
        width: 38%;
        margin: 0 5%
      }
      .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #333C42;
      }
      .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
      }
      .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #333C42;
      }

}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
      color: white;
      margin-left: 0;
      padding: 1.6em;
      width: 38%;
      margin: 0 5%
    }
    .cd-timeline-content::before {
      top: 24px;
      left: 100%;
      border-color: transparent;
      border-left-color: #333C42;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #333C42;
    }
  
    .cd-timeline-block {
      margin: 4em 0;
    }
    .cd-timeline-block:first-child {
      margin-top: 0;
    }
    .cd-timeline-block:last-child {
      margin-bottom: 0;
    }
    .cd-timeline-content {
        color: white;
        margin-left: 0;
        padding: 1.6em;
        width: 38%;
        margin: 0 5%
      }
      .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #333C42;
      }
      .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
      }
      .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #333C42;
      }
}

/* banner图动画飞入效果*/
.vertical-center-container{
    display: flex;
    flex-direction: column;
    justify-content: center; /* 垂直居中 */
    height: 100%; /* 继承父容器高度 */
}
/* 确保父容器有足够高度 */
#section0, #slide1 {
    height: 100%;
}


.fly-in{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    opacity: 0;
    transform: translateX(-100%);
    animation: flyIn 1.5s ease-out forwards;
}

@keyframes flyIn{
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: rotateX(0);
    }
}

.fly-in{
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    height: 100%;
    opacity: 0;
    transform: translateX(-100%);
    animation: flyIn 1.5s ease-out forwards; 
}
@keyframes flyIn {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}