*{
    margin:0; padding:0;
    }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0;  font-family: "微软雅黑"; }
fieldset, img { border: 0; }
ul, ol, li { list-style: none; font-family:'Microsoft YaHei'; }

/* remember to define focus styles! */
:focus { outline: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option {  background-color: #fff; border: none;}
code, kbd, samp, tt { font-size: 100%; }
a{text-decoration:none;}
a:hover{
    text-decoration: none;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea{ font-size: 100%;}
ol, ul { list-style: none; }

.container{
    max-width: 1310px;

}

.headtop{
    background: #1f1c1d;
    padding: 8px 0;
}
.mhead{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mhead .hdl{
    display: flex;
    color: #fff;
    align-items: center;

}
.mhead .hdl  span{
    padding: 0 15px;
}
.mhead .hdl .hdll{
   font-size: 14px;
   color: #fff;
}
.mhead .hdl .hdlr a{
   margin: 0 8px;
}
.htwx{
    position: relative;
}
.htwx .twx{
    position: absolute;
    z-index: 999;
    top: 32px;
    right: -23px;
}
.htwx .twx{
    display: none;

}
.htwx .twx img{
    width: 70px;
}
.mhead .hdr .lan {
   position: relative; 
}

.mhead .hdr .lan .lanwz{
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    
}
.mhead .hdr .lan .landown{
   position: absolute; 
   z-index: 999;
   background: #1f1c1d;
   width: 100%;
   top: 30px;
   display: none;
}
.mhead .hdr .lan .landown a{
    color: #fff;
    display: block;
    text-align: center;
    padding: 5px 0;
}
.navbar-collapse{
    flex-grow: inherit;
}
.navbar-light .navbar-nav .nav-link{
    color: #333;
    margin-left: 25px;
}
.navbar-light .navbar-nav .nav-item:last-child .nav-link{
    background: #e4b864;
    border-radius: 20px;
}
.banner{
    position: relative;
    overflow: hidden;
}
.banner .swiper-pagination{
    left: 17%;
    bottom: 5%;
    width: auto;
}
.banner .swiper-pagination-bullet{
    border-radius: 0;
    height: 12px;
    width: 12px;
    border: 1px solid #fff;
    background: #fff;
    opacity: 1;
   
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
     margin: 0 15px;
}
.banner .swiper-pagination-bullet-active{
    border-radius: 0;
    border: 1px solid #fff;
    background-color: #ffce6d;
}

.iddo{
    padding: 6rem 0;
}
.dotitle{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.dotitle .dtl{
    display: flex;
    align-items: center;
}
.dotitle .dtl .dtll{
    border-right: 1px solid #e5e5e5;
    align-items: center;
    padding-right: 30px;
}
.dotitle .dtl .dtll h3{
    color: #000;
    font-size: 48px;
    font-weight: bold;
}
.dotitle .dtl .dtll h5{
    color: #333333;
    font-size: 24px;
}
.dotitle .dtl .dtll .line{
    width: 30px;
    height: 3px;
    background: #000;
    margin-top: 8px;
}
.dotitle .dtl .dtlr{
    margin-left: 30px;
    border: 1px solid #919191;
    padding: 10px 40px;
    font-size: 16px;
    color: #333;
}
.dotitle .dtr{
    font-size: 16px;
    color: #333333;
}

.idopro{
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}
.idopro .item{
    width: 32.33%;
    margin-right: 1.5%;
    margin-top: 2.5rem;
}
.idopro .item:nth-child(3n){
    margin-right: 0;
}
.idopro .item .img{
    background: #000;
    display: grid;
    height: 280px;
    align-items: center;
    align-content: center;
    overflow: hidden;
    
}
.idopro .item h6{
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-top: 1rem;
}

.idopro .item .img img{
    transition: .6s;
    
}
.idopro .item:hover .img img{
    transform: scale(1.1);
}

.title{
    text-align: center;
    margin-bottom: 3rem;
}
.title h2{
    color: #000;
    font-size: 48px;
    font-weight: bold;
}
.title p{
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 2rem;
}
.ifeed .title h2{
    font-size: 36px;
}
.ipro{
    padding: 6rem 0;
    background: #f5f5f5;
}
.ipro .iproshow{
    overflow: hidden;
    position: relative;
    padding-bottom: 0rem;
}
.iproshow .swiper-slide .img{
    background: #000;
    display: grid;
    height: 280px;
    align-items: center;
    align-content: center;
    overflow: hidden;
    
}
.iproshow .swiper-slide h6{
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-top: 1rem;
}
.iproshow .swiper-slide .img img{
    transition: .6s;
    
}
.iproshow .swiper-slide:hover .img img{
    transform: scale(1.1);
}

.iproshow .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
.iproshow .swiper-pagination-bullet-active{
    background: #ffb400;
}
.iproshow .swiper-pagination{
    bottom: 12%;
}
.iproshow .pmore{
    display: block;
    margin: 8rem auto 0;
    background: #ffb400;
    width: 260px;
    padding: 15px 0;
    font-size: 18px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.soul{
    padding: 6rem 0;
}
.soul .soulist{
    position: relative;
    margin-top: 5rem;
}
.soul .soulist .swiper-button-prev{
    left: -35px;
        filter: brightness(0);
}
.soul .soulist .swiper-button-next{
    right: -35px;
        filter: brightness(0);
}

.soul .soulist .swiper{
    position: relative;
    overflow: hidden;
}
.soul .soulist .swiper-slide{
    border: 1px solid #a8a8a8;
    border-radius: 20px;
}
.soul .soulist .swiper-slide img{
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.soul .soulist .swiper-slide h3{
    font-size: 18px;
    color: #000000;
    text-align: center;
    padding: 0 15px;
    font-weight: bold;
    margin: 1rem 0;
}
.soul .soulist .swiper-slide span{
    display: block;
    width: 150px;
    background: #ffb400;
    margin: 1rem auto;
    padding: 4px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.soul .soulist .swiper-slide p{
    color: #000;
    font-size: 14px;
    padding: 0 15px 25px;
    text-align: center;
}

.iabout{
    background: #f5f5f5;
}
.iabout .iab{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.iabout .iab .iabl{
    width: 48%;
}
.iabout .iab .iabl h2{
    font-size: 28px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}
.iabout .iab .iabl .con{
    font-size: 16px;
    color: #000;
    line-height: 1.7;
    margin-top: 2rem;
}
.iabout .iab .iabl .abmore{
    width: 140px;
    text-align: center;
    padding: 10px 0;
    color: #000;
    font-size: 14px;
    border: 1px solid #acacac;
    display: block;
    text-transform: uppercase;
    margin-top: 2rem;
}
.iabout .iab .iabr{
    width: 48%;
}

.videolist { position:relative; }
.videolist:hover{ cursor: pointer; }
.videoed {  position: absolute; left:45%; top:45%; z-index:99;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.core{
    padding: 6rem 0; 
}
.core .ctitle h2{
    color: #000;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
}
.core .corecon{
    margin-top: 3rem;
}
.corelist{
    display: flex;
    justify-content: space-between;
}
.corelist .item{
    width: 31.33%;
}

.cer{
    padding:0 0 6rem 0;
}
.cer .cerlist{
    position: relative;
    margin-top: 5rem;
}
.cer .cerlist .swiper-slide{
    text-align: center;
}
.cer .cerlist .swiper-slide h4{
    color: #000000;
    font-size: 16px;
    margin-top: 1rem;
}
.cer .cerlist .swiper-button-prev{
    left: -35px;
        filter: brightness(0);
}
.cer .cerlist .swiper-button-next{
    right: -35px;
        filter: brightness(0);
}

.cer .cerlist .swiper{
    position: relative;
    overflow: hidden;
}

.ipar{
    background: url(../images/ipbg.jpg) no-repeat;
    background-size: cover;
    padding: 4rem 0 2rem 0;
}
.ipar .swiper{
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem;
}
.parlist .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 6px;
}
.parlist .swiper-pagination-bullet{
    background: #fff;
    width: 12px;
    height: 12px;
    margin: 0 8px;
}
.parlist .swiper-pagination-bullet-active{
    background: #ffb400;
}
.inews{
    padding: 6rem 0;
}
.inews .inewlist{
    display: flex;
    flex-wrap: wrap;
}
.inews .inewlist .item{
    flex: 0 0 30.33%;
    margin-right: 4.5%;
}
.inews .inewlist .item:last-child{
    margin-right: 0;
}
.inews .inewlist .item a{
    display: block;
}
.inews .inewlist .item a .img{
    position: relative;
}
.inews .inewlist .item a .img .dt{
    position: absolute;
    height: 100%;
    display: grid;
    width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    text-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: .5s;
}
.inews .inewlist .item a .img .dt span{
    color: #fff;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
}
.inews .inewlist .item a .img .dt span:after{
    background: rgba(255,255,255,.8);
    width: 40px;
    height: 1px;
    position: absolute;
    left: 45%;
    top: -10px;
    content: '';
}
.inews .inewlist .item a .img .dt span:before{
    background: rgba(255,255,255,.8);
    width: 40px;
    height: 1px;
    position: absolute;
    left: 45%;
    bottom: -10px;
    content: '';
}
.inews .inewlist .item .date{
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
}
.inews .inewlist .item:hover a .img .dt{
    opacity: 1;
}
.inews .inewlist .item .con h4{
    font-size: 16px;
    color: #000;
    margin: 1.5rem 0;
}
.inews .inewlist .item .con p{
    font-size: 12px;
    color: #6e6e6e;
}

.ifeed{
    padding: 6rem 0;
    background: #f5f5f5;
}
.ifeed .ifd ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ifeed .ifd ul li{
    width: 48.5%;
    margin-top: 1.5rem;
}
.ifeed .ifd ul li input{
    width: 100%;
    padding: 20px;
    font-size: 14px;
}
.ifeed .ifd ul li:last-child{
    width: 100%;
    position: relative;
}
.ifeed .ifd ul li:last-child input{
    width: 75%;
}
.ifeed .ifd ul li:last-child button{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 25%;
    background: #ffb400;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;

}
.ifeed .ifd p{
    font-size: 14px;
    color: #000;
    text-indent: 2em;
    margin-top: 1rem;
}


.videolist { position:relative; }
.videolist:hover{ cursor: pointer; }
.videoed { position: absolute; left:45%; top:45%; z-index:99; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

footer{
    background: #000000;
}
footer .ft{
    padding: 4rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer .ft .left{
    width: 35%;
}
footer .ft .left .flogo{
    border-bottom: 1px solid #b9b9b9;
    padding-bottom: 2rem;
}
footer .ft .left .fcon{
    padding-top: 2rem;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.8;
}
footer .ft .middle {
    width: 15%;
}
footer .ft .middle ul{
    list-style: disc;
    text-align: center;
}
footer .ft .middle ul li{
    list-style: disc;
    margin-top: .8rem;
    color: #fff;
}
footer .ft .middle ul li:first-child{
    margin-top: 0;
}

footer .ft .middle ul li a{
    color: #fff;
    font-size: 18px;

}
footer .ft .right{
    width: 38%;
}
footer .ft .right h3{
    color: #fff;
    font-size: 24px;
    margin-bottom: 1.5rem;
}
footer .ft .right .colist li{
    font-size: 18px;
    color: #fff;
    margin-top: 1rem;

}
footer .ft .right .colist li span{
    color: #b7b6b6;
    font-size: 14px;
    padding-left: 10px;
}
footer .ft .right .rlogo{
    margin-top: 1rem;
}
footer .ft .right .rlogo a{
    display: inline-block;
    margin-right: 1rem;
}
footer .ft .right .rlogo a>img{
    width: 20px;
}
.rlogo .htwx .twx img{
    width: 50px;
}
footer .copyright{
    background: #202020;
    padding: 15px 0;
    color: #9d9d9d;
    font-size: 14px;
    text-align: center;
}
footer .copyright a{

    color: #9d9d9d;
    font-size: 14px;
}


@media(max-width: 780px){
    .mhead{
        flex-wrap: wrap;
    }
    .mhead .hdl{
        flex-wrap: wrap;
        width: 60%;
    }
    .mhead .hdl span{
        display: none;
    }
    .mhead .hdl .hdll{
        font-size: 12px;
    }
    .mhead .hdl .hdlr{
        display: none;
    }
    .dotitle .dtl .dtll h3{
        font-size: 20px;
    }
    .dotitle .dtl .dtll h5{
        font-size: 16px;
    }
    .dotitle .dtr{
        margin-top: 1rem;
        font-size: 14px;
    }
    .iddo{
        padding: 3rem 0;
    }
    .idopro {
        justify-content: space-between;
    }
    .idopro .item{
        width: 49%;
        margin-right: 0!important;
        margin-top: 1rem;
    }
    .idopro .item .img{
        height: 180px;
    }
    .idopro .item h6{
        font-size: 14px;
        margin-top: .6rem;
    }
    .ipro{
        padding: 3rem 0;
    }
    .title{
        margin-bottom: 2rem;
    }
    .title h2{
        font-size: 20px;
    }
    .iproshow .swiper-slide .img{
        height: 180px;
    }
    .iproshow .swiper-slide h6{
        font-size: 14px;
    }
    .iproshow .pmore{
        margin: 4rem auto 0;
        font-size: 15px;
    }
    .soul{
        padding: 3rem 0;
    }
    .soul .soulist{
        margin-top: 3rem;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        display: none;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        display: none;
    }
    .iabout .iab{
        padding: 3rem 0;
    }
    .iabout .iab .iabl{
        width: 100%;
    }
    .iabout .iab .iabl h2{
        font-size: 20px;
    }
    .iabout .iab .iabl .con{
        margin-top: 1rem;
    }
    .iabout .iab .iabl .con p span{
        font-size: 15px!important;
    }

    .iabout .iab .iabr{
        width: 100%;
        margin-top: 2rem;
    }
    .core{
        padding: 3rem 0;
    }
    .core .ctitle h2{
        font-size: 20px;
    }
    .core .corecon{
        margin-top: 2rem;
    }
    .core .corecon p span{
        font-size: 16px!important;
    }
    .corelist{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .corelist .item{
        width: 49%;
        margin-top: 1rem;
    }
    .cer{
        padding-bottom: 3rem;
    }
    .cer .cerlist{
        margin-top: 2rem;
    }
    .ipar{
        padding: 2rem 0;
    }
    .inews{
        padding: 3rem 0;
    }
    .inews .inewlist .item{
        flex:0 0 100%;
        margin-right: 0;
        margin-top: 1rem;
    }
    .inews .inewlist .item .con h4{
        margin: .5rem 0;
    }
    .ifeed{
        padding: 3rem 0;
    }
    .ifeed .title h2{
        font-size: 20px;
    }
    .title p{
        font-size: 14px;
        margin-top: .5rem;
    }
    .ifeed .ifd ul li{
        margin-top: 1rem;
    }
    .ifeed .ifd ul li input{
        padding: 15px;
        font-size: 12px;
    }
    .ifeed .ifd ul li:last-child input{
        width: 65%;
    }
    .ifeed .ifd ul li:last-child button{
        font-size: 12px;
        width: 35%;
    }
    footer .ft{
        padding: 2rem 0;
    }
    footer .ft .left{
        width: 100%;
        margin-bottom: 2rem;
    }
    footer .ft .left .flogo{
        padding-bottom: 1rem;
    }
    footer .ft .left .flogo img{
        width: 180px;
    }
    footer .ft .left .fcon{
        padding-top: 1rem;
        font-size: 14px;
    }
    footer .ft .middle{
        width: 30%;
    }
    footer .ft .middle ul li{
        list-style: none;
    }
    footer .ft .middle ul li a{
        font-size: 16px;
    }
    footer .ft .right{
        width: 60%;
    }
    footer .ft .right h3{
        font-size: 18px;
        margin-bottom: 1rem;
    }
    footer .ft .right .colist li{
        font-size: 15px;
    }
    footer .ft .right .colist li span{
        font-size: 13px;
    }
    footer .copyright{
        font-size: 12px;
    }
    footer .copyright a{
        font-size: 12px;
    }
}