
a{ text-decoration: none;color: #333333; }
a:hover{ text-decoration: none;color: #CA0011; }
h1, h2, h3, h4, h5, h6{ font-weight: 300;margin-bottom: 0; }
ul,ol{ list-style: none;padding:0;margin:0; }
p{ padding: 0; margin: 0; }

.q-btn{ color: #333;padding:6px 22px;background:#FCDDDF;border-radius: 10px;font-size: 24px; }
.q-btn:hover{ color:white;background:#CA0011; }

.icon{
    width:16px;
    height: 16px;
    display:inline-block;
    margin-right: 5px;
}
.icon-time{
    background:url('../../public/images/news/icon-time.png') no-repeat;
}

.banner{
    max-width: 1920px;
    margin:auto;
    text-align: center;
}

.s-dis{ display: none; }
.s-show{ display: block; }

@media (min-width: 576px) {
    .s-dis{ display: block; }
    .s-show{ display: none; }
}

@media (max-width: 576px) {
    .s-first{ margin:0!important;padding:0!important; }
    .s-px-30{ padding-left: 30px!important;padding-right: 30px!important; }


    .industrial-item.bg-1{
        background:url('../../public/images/index/bg-s-1.png') no-repeat top!important;
        background-size: 100%;
    }
    
    .industrial-item.bg-2{
        background:url('../../public/images/index/bg-s-2.png') no-repeat top!important;
        background-size: 100%;
    }
    
    .industrial-item.bg-3{
        background:url('../../public/images/index/bg-s-3.png') no-repeat top!important;
        background-size: 100%;
    }

}



/* header */
.navbar{
    padding: 0;
}
.navbar .nav-item{
    margin-left: 3rem;
}
.navbar-light .navbar-nav .nav-link.active{
    color: #CA0011;
    border-bottom: 3px solid #CA0011;
}
@media (max-width: 1200px) { 
    .navbar-expand-lg .form-inline{
        display: none;
    }
}
.bg-white{
    background-color: #FFFFFF;
}
.bg-gray{
    background-color: #F9F9F9;
}

/* footer */
.footer-content{
    background:#EBE5E5;
}
.footer-info{
    background: #EBE5E5;
    /* color: #999999; */
}
.footer-content .icon{
    width: 1.5rem;
    height: 1.5rem;
}
.text-gray{
    color: #999999;
}
.ml-120{
    margin-left:120px;
}
.ml-180{
    margin-left:180px;
}
.footer .d-flex img{
    width: 70px;
    margin-right: 10px;
}

/* 首页 */
.py-50{ padding:50px 0; }
.py-80{ padding:80px 0; }
.my-50{ margin:50px auto; }

.pb-50{ padding-bottom:50px; }
.mt-50{ margin-top: 50px; }
.mt-40{ margin-top: 40px; }
.mt-20{ margin-top: 20px; }

img.index-title{ width: auto; }
h1.title{
    font-size: 36px;
    padding:40px 0;
    text-align: center;
}
h1.title span{
    display: block;
    color: #999999;
    font-size: 18px;
}

.overview .circle{
    display: inline-block;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 24px;
    font-weight: 100;
}
.overview .circle:before{
    content:' ';
    display: inline-block;
    width: 14px;
    height: 14px;
    background:#DDDDDD;
    border-radius: 50%;
    margin-right: 15px;
}

.overview p{
    text-indent: 40px;
    line-height: 36px;
    font-size: 20px;
}


.industrial-item{
    padding-top:150px;
}
.industrial-item.bg-1{
    background:url('../../public/images/index/bg-1.png') no-repeat top;
    background-size: 100%;
}

.industrial-item.bg-2{
    background:url('../../public/images/index/bg-2.png') no-repeat top;
    background-size: 100%;
}

.industrial-item.bg-3{
    background:url('../../public/images/index/bg-3.png') no-repeat top;
    background-size: 100%;
}

.industrial-item .desc{
    margin:0 26px;
    padding: 0 18px 20px;
    background:rgba(255, 255, 255, 0.8);
    position: relative;
}
.industrial-item:hover .desc{
    background:#CA0011;
    color: white;
}

.industrial-item .desc:before{
    content: ' ';
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    top:-15px;
    left:calc(50% - 25px);
    /* margin:-15px auto 0; */
}
.industrial-item.bg-1 .desc:before{
    background: url(../../public/images/index/icon-1.png) ;
}
.industrial-item.bg-2 .desc:before{
    background: url(../../public/images/index/icon-2.png) ;
}
.industrial-item.bg-3 .desc:before{
    background: url(../../public/images/index/icon-3.png) ;
}

.industrial-item:hover.bg-1 .desc:before{
    background: url(../../public/images/index/icon-hover-1.png) ;
}
.industrial-item:hover.bg-2 .desc:before{
    background: url(../../public/images/index/icon-hover-2.png) ;
}
.industrial-item:hover.bg-3 .desc:before{
    background: url(../../public/images/index/icon-hover-3.png) ;
}
.industrial-item .desc h3{
    text-align: center;
    font-size: 24px;
    padding: 55px 0 20px;
    margin: 0;
}


/* 
.investment{
    
}
 */

.investment h3{
    padding:10px 0 15px;
    border-bottom: 1px solid #EEEEEE;
    font-size: 24px;
}
.investment h3:before{
    content: ' ';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../public/images/index/icon-duo.png);
    margin-right: 20px;
}
.investment p{
    font-size: 16px;
}



/* .current h1.title{
    margin-bottom: 40px;
    padding:0 0 30px;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
}
.current h1.title:after{
    display: inline-block;
    content: '';
    width: 64px;
    height: 4px;
    background-color: #CA0011;
    position: absolute;
    bottom: -2px;
} */

.current h3{
    font-size: 24px;
    padding-bottom: 15px;
    margin-top: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EEEEEE;
}
.current ul {
    margin: 0;
    padding: 0;
}
.current ul li{
    list-style: none;
    border-bottom: 1px solid #EEEEEE;
    margin-top: 15px;
    display:flex;
}
.current li h4{
    font-size: 24px;
    padding-bottom: 10px;
}
.current li p{
    margin-bottom: 15px;
    color: #666666;
}
.current li .float-left{
    display: block;
    margin-right:20px;
}
.current li .float-left label{
    font-size: 24px;
    margin-bottom: 0;
}
.current li .float-left span{
    font-size: 10px;
    display: block;
}



/* 集团介绍 */
.introduce h1{
    font-size: 36px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 300;
}
.about-qy p{
    text-indent: 50px;
    font-size: 24px;
    line-height: 40px;
}
.about-qy ul {
    margin: 0;
    padding: 0;
}
.about-qy ul li{
    list-style: none;
    border:1px solid #EEEEEE;
    margin:5px 1%;
    padding:18px;
    font-size: 16px;
    width: 48%;
    text-align: center;
    float:left;
}
.about-qy ul li label{
    color: #CA0011;
    font-size: 42px;
}
.about-qy ul li label b{
    font-size: 16px;
    font-weight: 100;
}

.glory-item{
    border:1px solid #EEEEEE;
    margin:auto;
    text-align: center;
    padding-bottom: 20px;
}
.glory-item img{
    padding:15px;
    max-height: 180px;
}
.glory-item .title{
    height:40px;
    padding:0 10px;
}


.country-title{
    font-size: 24px;
    margin-top: 70px;
}
.country-title:before{
    content: ' ';
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #CA0011;
    border-radius: 50%;
    margin-right: 10px;
}
.country-desc{
    margin-top: 50px;
    font-size: 16px;
}



/* 产业布局 */
.industry .transport{
    background-color: #FCF6F6;
    position: relative;
}
.industry .transport img.bg{
    display: none;
}
.industry .transport ul{
    max-width: 520px;
    list-style: none;
    background-color: #FFFFFF;
    padding:25px;
}
.industry .transport li{
    font-size: 24px;
    border-bottom: 1px solid #EEEEEE;
    height:60px;
    line-height: 40px;
    padding:10px 0;
}
.industry .transport li:before{
    display:block;
    content: ' ';
    width: 40px;
    height: 40px;
    float:left;
}
.industry .transport li:after{
    display:block;
    content: ' ';
    background:url(../../public/images/industry/nojump.png) no-repeat center;
    width: 38px;
    height: 6px;
    margin-top:20px;
    float:right;
}
.industry .transport li:hover:after{
    background:url(../../public/images/industry/jump.png) no-repeat center;
}
.industry .transport li.i-1:before{
    background:url(../../public/images/industry/icon-1.png) no-repeat center;
}
.industry .transport li.i-2:before{
    background:url(../../public/images/industry/icon-2.png) no-repeat center;
}
.industry .transport li.i-3:before{
    background:url(../../public/images/industry/icon-3.png) no-repeat center;
}
.industry .transport li.i-4:before{
    background:url(../../public/images/industry/icon-4.png) no-repeat center;
}
.industry .transport li.i-1:hover:before{
    background:url(../../public/images/industry/icon-h-1.png) no-repeat center;
}
.industry .transport li.i-2:hover:before{
    background:url(../../public/images/industry/icon-h-2.png) no-repeat center;
}
.industry .transport li.i-3:hover:before{
    background:url(../../public/images/industry/icon-h-3.png) no-repeat center;
}
.industry .transport li.i-4:hover:before{
    background:url(../../public/images/industry/icon-h-4.png) no-repeat center;
}
.industry .transport li a{
    color:#333333;
    float:left;
    text-indent:10px;
    text-decoration: none;
}
.industry .transport li a:hover{
    color: #CA0011;
}


.industry .cross-border h3{
    font-size: 24px;
    margin:20px 0 30px;
}
.industry .cross-border i.icon-jump{
    display:block;
    content: ' ';
    background:url(../../public/images/industry/nojump.png) no-repeat center;
    width: 38px;
    height: 6px;
}
.industry .cross-border .cross-item:hover i.icon-jump{
    background:url(../../public/images/industry/jump.png) no-repeat center;
}


/* 全方位投资 */
.invest h1{
    text-align: center;
    margin-top:80px;
    font-size: 36px;
}
.invest .invest-item{
    padding:60px 0;
}
.invest .invest-item h2{
    font-size: 28px;
    position: relative;
    padding-bottom: 10px;
}
.invest .invest-item h2:before{
    content:" ";
    display: block;
    width: 40px;
    height: 4px;
    background-color: #CA0011;
    position: absolute;
    bottom: 0;
}
.invest .invest-item h2:after{
    color: #F9E5E7;
    font-size: 50px;
}
.invest .invest-item h2.one:after{
    content:'1';
}
.invest .invest-item h2.two:after{
    content:'2';
}
.invest .invest-item h2.three:after{
    content:'3';
}
.invest .invest-item h2.four:after{
    content:'4';
}
.invest .invest-item p{
    font-size: 18px;
    margin-top: 30px;
}


/* 联系我们 */
.contact-info{
    padding: 20px 23px;
}
.contact-info h1{
    font-size: 24px;
    color: #333333;
}
.contact-info div{
    margin-top: 20px;
    padding: 0 0 20px 54px;
    border-bottom:1px solid #EEEEEE;
    color: #666666;
}
.contact-info div:last-child{
    border-bottom: 0;
}
.contact-info .address{
    background:url(../../public/images/contact/icon-map.png) no-repeat;
    background-size:40px;
}
.contact-info .phone{
    background:url(../../public/images/contact/icon-phone.png) no-repeat;
    background-size:40px;
}
.contact-info .mail{
    background:url(../../public/images/contact/icon-mail.png) no-repeat;
    background-size:40px;
}

.s-contact-info { text-align: center; }
.s-contact-info h1{ text-align:center;font-size: 24px;margin-top: 16px; }
.s-contact-info img{ text-align: center;margin-top: 32px; }
.s-contact-info p{ margin-top: 16px;margin-bottom: 16px;font-size: 12px; }
.s-contact-info .address {  }
.s-contact-info .phone {  }
.s-contact-info .mail {  }



h1.contact-title{
    font-size: 30px;
}
h2.contact-title{
    font-size: 20px;
    color: #CA0011;
}

.contact .contact-item{
    background:#F9F9F9;
    position: relative;
    padding:20px;
}
.contact .contact-item::before{
    position: absolute;
    left: 0;
    top: 16px;
    display: block;
    content: ' ';
    width: 4px;
    height: 30px;
    background: #CA0011;
}
.contact .contact-item ul{
    margin: 20px 0 10px;
}
.contact .contact-item li{
    padding-left:36px;
    margin-top: 10px;
    font-size: 16px;
}
.contact .contact-item li.phone{
    background:url(../../public/images/contact/icon-phone-1.png) no-repeat 0 3px;
}
.contact .contact-item li.mail{
    background:url(../../public/images/contact/icon-mail-1.png) no-repeat 0 3px;
}
.contact .contact-item li.address{
    background:url(../../public/images/contact/icon-address-1.png) no-repeat 0 3px;
}

/* 新闻资讯 */
.news section{
    border-bottom: 1px solid #EEEEEE;
}
.news h1{
    font-size: 24px;
    margin-top: 25px;
    font-weight: 200;
}
.news p{
    font-size: 16px;
    color: #999999;
}
.news .time{
    color: #999999;
}


@media (min-width: 576px) {
    img.index-title { width: 160px; }
}

@media (min-width: 768px) { 
    .overview .circle{
        font-size: 28px;
    }
    .about-qy ul li{
        width: 31%;
    }
}

@media (min-width: 992px) { 
    .overview .circle{
        font-size: 36px;
    }
    .about-qy ul li{
        width: 18%;
    }
    .industry .transport img.bg{
        position: absolute;
        right:0;
        top: 50px;
        width: 380px;
        display: block;
    }
}

@media (min-width: 1200px) { 
    .overview .circle{
        font-size: 42px;
    }
    .industry .transport img.bg{
        width: 540px;
        top: -80px;
        width: 540px;
        display: block;
    }
}