.homepage{
    width: 100%;
    float: left;
}


/*banner*/
.homepage .banner{
    width: 100%;
    float: left;
}
.homepage .banner .bannerinfo{
    width: 100%;
    float: left;
}
.homepage .swiper-container {
  width: 100%;
  height: 100%;
}
.homepage .swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
}
.homepage .swiper-slide-active img,.swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
}





/*about*/

.homepage .about{
    width: 100%;
    height: 880px;
    background-image: url(../images/aboutbg.jpg);
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
}
.homepage .about .aboutinfo{
    /*position: relative;*/
    width: auto;
    margin:130px 96px;
    float: left;
}
/*.homepage .about .aboutinfo .aboutbg{
    position: absolute;
    width: 100%;
    height: 880px;
    top: 0;
    left: 0;
    z-index: -1;
}
.homepage .about .aboutinfo .aboutbg img{
    width: 100%;
    display: block;
}*/
.homepage .about .aboutinfo .aboutdetail{
    width: auto;
    margin:0 auto;
}
.homepage .about .aboutinfo .aboutdetail .abouttitle{
    width: 100%;
    text-align: left;
    font-size: 48px;
    font-weight: bold;
    color: #111111;
    float: left;
}
.homepage .about .aboutinfo .aboutdetail .aboutsmtitle{
    width: 100%;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    color: #666666;
    margin-top: 6px;
    text-transform: uppercase;
    float: left;
}
.homepage .about .aboutinfo .aboutdetail .aboutline{
    
    width: 100%;
    margin-top: 25px;
    float: left;
}
.homepage .about .aboutinfo .aboutdetail .aboutline p{
    border-top: #00479D  solid 1px;
    width: 70px;
    height: 1px;
}

.homepage .about .aboutinfo .aboutdetail .aboutxx{
    width: 100%;
    text-align: left;
    margin-top: 45px;
    float: left;
}
.homepage .about .aboutinfo .aboutdetail .aboutxx .aboutxxmess{
    width: 50%;
    float: left;
}
.homepage .about .aboutinfo .aboutdetail .aboutxx .aboutxxmess p{
    text-indent: 2em;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
}
.homepage .about .aboutinfo .aboutdetail .aboutbut{
    width: 100%;
    margin-top: 150px;
    float: left;
}
.homepage .about .aboutinfo .aboutdetail .aboutbut a{
    display: block;
    width: 72px;
    height: 72px;
    line-height: 72px;
    background: #00479D;
    border-radius: 50%;
    display: flex;
   justify-content: center;
   align-items: center;

}


/*首页prod*/
.homepage .prod{
    width: 100%;
	background: #f7f7f7;
    padding-bottom: 90px;
    overflow: hidden;
    float: left;
}
.homepage .prod .prodinfo{
    width: 100%;
    margin-top: 90px;
    float: left;
}
.homepage .prod .prodinfo .prodtitle{
    width: 100%;
    font-size: 48px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    float: left;
}
.homepage .prod .prodinfo .prodsmtitle{
    width: 100%;
    font-size: 24px;
    font-weight: 400;
    color: #666666;
    text-align: center;
    text-transform: uppercase;
    margin-top: 4px;
    float: left;
}
.homepage .prod .prodinfo .prodline{
    width: 100%;
    margin-top: 24px;
    float: left;
}
.homepage .prod .prodinfo .prodline p{
    border-top: #00479D solid 1px;
    width: 70px;
    margin:0 auto;
    height: 1px;
}

.homepage .prod .prodinfo .prodmess{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    margin-top: 24px;
    float: left;
}
.homepage .prod .prodinfo .prodmess p{
    width: 100%;
    width: 74%;
    margin: 0 auto;
    text-indent: 2em;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    text-align: center;
    text-align: left;
}
.homepage .prod .prodinfo .prodxx{
    width: auto;
    padding:0px 96px;
    margin-top: 24px;
    float: left;
    display: flex;
    justify-content: space-between;
}
.homepage .prod .prodinfo .prodxx .prodxxitem{
    position: relative;
    width: 540px;
    width: 30%;
}
.homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitembg{
    width: 100%;
    float: left;
}
.homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitembg img{
    width: 100%;
    display: block;
}
.homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt{
    position: absolute;
    top: 40px;
    left: 24px;
    width: 94%;
    z-index: 200;
}
.homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitempic{
    width: 58px;
    height: 52px;
    background: url('../images/icon.png');
    float: left;
}

.homepage .prod .prodinfo .prodxx .prodxxitem:first-child .prodxxitemtxt .prodxxitempic{
    background-position: -60px -128px;
}
.homepage .prod .prodinfo .prodxx .prodxxitem:nth-child(2) .prodxxitemtxt .prodxxitempic{
    background-position: -230px -128px;
}
.homepage .prod .prodinfo .prodxx .prodxxitem:last-child .prodxxitemtxt .prodxxitempic{
    background-position: -408px -128px;
}
.homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitemtitle{
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 16px;
    float: left;
}
.homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitemsmtitle{
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 12px;
    float: left;
}





/*comp*/
.homepage .comp{
    width: 100%;
    /*height: 1134px;*/
    padding-bottom: 90px;
    background:rgba(239, 239, 241, 1);
    background-image: url('../images/compbg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    /*background-size:100%;*/
    transform:  all 0.2s;
    overflow: hidden;
    float: left;
}

.homepage .comp1bg{
    background: url('../images/comp1bg.jpg') no-repeat center top;
}
.homepage .comp2bg{
    background: url('../images/comp2bg.jpg') no-repeat center top;
}
.homepage .comp3bg{
    background: url('../images/comp3bg.jpg') no-repeat center top;
}
.homepage .comp4bg{
    background: url('../images/comp4bg.jpg') no-repeat center top;
}
.homepage .comp5bg{
    background: url('../images/comp5bg.jpg') no-repeat center top;
}
.homepage .comp6bg{
    background: url('../images/comp6bg.jpg') no-repeat center top;
}
.homepage .comp7bg{
    background: url('../images/comp7bg.jpg') no-repeat center top;
}
.homepage .comp8bg{
    background: url('../images/comp8bg.jpg') no-repeat center top;
}

.homepage .comp .compinfo{
    /*position: relative;*/
    width: 100%;
    margin-top:90px;
    width: auto;
    padding:0 96px;
    float: left;
}

./*.homepage comp .compinfo .compbg{
    position: absolute;
    width: 100%;
    float: left;
    z-index: -1;
}
.homepage .comp .compinfo .compbg img{
    width: 100%;
    display: block;
}*/
.homepage .comp .compinfo .compinfolist{
    width: 100%;
    float: left;
}
.homepage .comp .compinfo .compinfolist .compitem{
    width: 100%;
    display: none;
    float: left;
}
.homepage .comp .compinfo .compinfolist .compitem:first-child{
    display: block;
}
.homepage .comp .compinfo .compinfolist .compitem .compsmtitle{
    width: 100%;
    float: right;
    /*border: #f00 solid 1px;*/
}
.homepage .comp .compinfo .compinfolist .compitem .compsmtitle .compsmtitleicon{
    display: inline-block;
    width: 53px;
    height: 55px;
    margin-right: 10px;
    /*border:#f00 solid 1px;*/
    background: url('../images/icon.png');
    /*background-position: -234px -128px;*/
    float: right;
}
.homepage .comp .compinfo .compinfolist .compitem:first-child .compsmtitle .compsmtitleicon{
    background-position: 12px -690px;
    width: 160px;
}
.homepage .comp .compinfo .compinfolist .compitem:nth-child(2) .compsmtitle .compsmtitleicon{
    background-position: -170px -690px;
}
.homepage .comp .compinfo .compinfolist .compitem:nth-child(3) .compsmtitle .compsmtitleicon{
     background-position: -246px -690px;
}
.homepage .comp .compinfo .compinfolist .compitem:nth-child(4) .compsmtitle .compsmtitleicon{
    background-position: -329px -690px;
}
.homepage .comp .compinfo .compinfolist .compitem:nth-child(5) .compsmtitle .compsmtitleicon{
    background-position: -406px -690px;
}
.homepage .comp .compinfo .compinfolist .compitem:nth-child(6) .compsmtitle .compsmtitleicon{
     background-position: -479px -690px;
}
.homepage .comp .compinfo .compinfolist .compitem:nth-child(7) .compsmtitle .compsmtitleicon{
     background-position: -558px -690px;
}
.homepage .comp .compinfo .compinfolist .compitem:nth-child(8) .compsmtitle .compsmtitleicon{
    background-position: -638px -690px;
}
.homepage .comp .compinfo .compinfolist .compitem .compsmtitle .compsmtitletxt{
    height: 53px;
    line-height: 53px;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    float: right;
}
.homepage .comp .compinfo .compinfolist .compitem .comptitle{
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    margin-top: 26px;
    float: left;
}
.homepage .comp .compinfo .compinfolist .compitem .compmess{
    width: 100%;
    height: 126px;
    margin-top: 20px;
    float: left;
}
.homepage .comp .compinfo .compinfolist .compitem .compmess p{
    width: 50%;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32px;
    text-indent: 2em;
    float: right;

    text-overflow: ellipsis;
    overflow: hidden; 
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.homepage .comp .compinfo .compinfolist .compitem .compbut{
    width: 100%;
    margin-top: 60px;
    float: left;
}
.homepage .comp .compinfo .compinfolist .compitem .compbut a{
    display: block;
    width: 72px;
    height: 72px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}
.homepage .comp .compinfo .compinfolist .compitem .compbut a img{
    width: auto;
    display: inline-block;
}
.homepage .comp .compinfo .compsmtitle{
    width: 100%;
    float: right;
    /*border: #f00 solid 1px;*/
}
.homepage .comp .compinfo .compsmtitle .compsmtitleicon{
    display: inline-block;
    width: 53px;
    height: 50px;
    margin-right: 10px;
    /*border:#f00 solid 1px;*/
    background: url('../images/icon.png');
    background-position: -234px -128px;
    float: right;
}
.homepage .comp .compinfo .compsmtitle .compsmtitletxt{
    height: 53px;
    line-height: 53px;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    float: right;
}
/*.homepage .comp .compinfo .comptitle{
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    margin-top: 26px;
    float: left;
}
.homepage .comp .compinfo .compmess{
    width: 100%;
    margin-top: 20px;
    float: left;
}
.homepage .comp .compinfo .compmess p{
    width: 50%;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32px;
    text-indent: 2em;
    float: right;
}
.homepage .comp .compinfo .compbut{
    width: 100%;
    margin-top: 60px;
    float: left;
}
.homepage .comp .compinfo .compbut a{
    display: block;
    width: 72px;
    height: 72px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}
.homepage .comp .compinfo .compbut a img{
    width: auto;
    display: inline-block;
}*/
.homepage .comp .compinfo  .compxx{
    position: relative;
    width: 100%;
    margin-top: 30px;
    margin-top: 64px;
    float: left;
}
/*.homepage .comp .compinfo  .compxx:after{
    content: "";
    width: 100%;
    height: 50%;
    background:rgba(239, 239, 241, 1);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -100;
}*/
.homepage .comp .compinfo  .compxx .compitem{
    width: 25%;
    display: inline-block;
    float: left;
    height: 240px;
    background:rgba(255, 255, 255, 0.6);
    padding:35px 50px;
    padding:20px 30px;
    overflow: hidden;
}

.homepage .comp .compinfo  .compxx .compitem:hover{
    background: linear-gradient(0deg, #0757B8, #4B92E7);
}
.homepage .comp .compinfo  .compxx .compitem .compitemtitle{
    width: 100%;
    text-align: center;
    float: left;
}
.homepage .comp .compinfo  .compxx .compitem .compitemtitle .compitemtitlexx{
    width: 48%;
    width: 66%;
    width: 100%;
    height: 58px;
    height: 30px;
    line-height: 58px;
    line-height: 30px;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    float: left;
}
.homepage .comp .compinfo  .compxx .compitem:hover .compitemtitle .compitemtitlexx{
    color: #fff;
}
.homepage .comp .compinfo  .compxx .compitem .compitemtitle .compitemtitleicon{
    width: 160px;
    width: 120px;
    height: 58px;
    background: url('../images/icon.png') no-repeat;
    /*background-position: -230px -128px;*/
    display: inline-block;
    /*float: right;*/
    /*border: #f00 solid 1px;*/
}
.homepage .comp .compinfo  .compxx .compitem:first-child .compitemtitle .compitemtitleicon{
    background-position: 12px -600px;
    background-position: -28px -600px;
    background-position: -26px -600px;
    width: 76px;
}
.homepage .comp .compinfo  .compxx .compitem:hover:first-child .compitemtitle .compitemtitleicon{
    background-position: 12px -690px;
    background-position: -28px -690px;
}
.homepage .comp .compinfo  .compxx .compitem:nth-child(2) .compitemtitle .compitemtitleicon{
    background-position: -170px -600px;
    /*border: #000 solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:hover:nth-child(2) .compitemtitle .compitemtitleicon{
    background-position: -170px -690px;
    /*border: #000 solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:nth-child(3) .compitemtitle .compitemtitleicon{
    background-position: -246px -600px;
    /*border: #666 solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:hover:nth-child(3) .compitemtitle .compitemtitleicon{
    background-position: -246px -690px;
    /*border: #666 solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:nth-child(4) .compitemtitle .compitemtitleicon{
    background-position: -329px -600px;
    /*border: #f11 solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:hover:nth-child(4) .compitemtitle .compitemtitleicon{
    background-position: -329px -690px;
    /*border: #f11 solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:nth-child(5) .compitemtitle .compitemtitleicon{
    background-position: -406px -600px;
    /*border: blue solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:hover:nth-child(5) .compitemtitle .compitemtitleicon{
    background-position: -406px -690px;
    /*border: blue solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:nth-child(6) .compitemtitle .compitemtitleicon{
    background-position: -479px -600px;
    /*border: green solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:hover:nth-child(6) .compitemtitle .compitemtitleicon{
    background-position: -479px -690px;
    /*border: green solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:nth-child(7) .compitemtitle .compitemtitleicon{
    background-position: -558px -600px;
    /*border: gray solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:hover:nth-child(7) .compitemtitle .compitemtitleicon{
    background-position: -558px -690px;
    /*border: gray solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:nth-child(8) .compitemtitle .compitemtitleicon{
    background-position: -638px -600px;
    /*border: orange solid 1px;*/
    width: 58px;
}
.homepage .comp .compinfo  .compxx .compitem:hover:nth-child(8) .compitemtitle .compitemtitleicon{
    background-position: -638px -690px;
    /*border: orange solid 1px;*/
    width: 58px;
}

.homepage .comp .compinfo  .compxx .compitem .compitemmess{
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    margin-top: 30px;
    margin-top: 20px;
    float: left;
}
.homepage .comp .compinfo  .compxx .compitem:hover .compitemmess{
    color: #fff;
}
.homepage .mobilecomp{
    display: none;
}

.mobilecomp2{
    width: 100%;
    display: none;
    float: left;
}





/*规模*/
.homepage .gm{
    width: 100%;
    height: 546px;
    background: url(../images/numbg.jpg) center center no-repeat;
    background-size: cover;
    float: left;
    overflow: hidden;
}
.homepage .gm .gminfo{
    position: relative;
    width: auto;
    height: 546px;
    padding:0 96px;
    /*border: #f00 solid 1px;*/
    margin:0 auto;
    /*float: left;*/

}
.homepage .gm .gminfo .gmxx{
    width:70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.homepage .gm .gminfo .gmitem{
    width: 33%;
    display: inline-block;
    /*border: #f00 solid 1px;*/
    float: left;

}

.homepage .gm .gminfo .gmitem .gmnum{
    width: 100%;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}
.homepage .gm .gminfo .gmitem .gmnum span{
    font-size: 120px;
    font-size: 90px;
    font-family: Arial;
    font-weight: 500;
    color: #FFFFFF;
}
.homepage .gm .gminfo .gmitem .gmpic{
    width: 298px;
    margin:0 auto;
    text-align: center;
}
.homepage .gm .gminfo .gmitem .gmpic img{
    width: auto;
    display: block;
}
.homepage .gm .gminfo .gmitem .gmtitle{
    width: 100%;
    margin-top: 18px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
}







/*新闻*/
.homepage .news{
    width: 100%;
    background: url('../images/newsbg.jpg') no-repeat center top;
    padding-bottom: 80px;
    background-size: cover;
    float: left;
}
.homepage .news .newsinfo{
    width: 100%;
    margin-top: 78px;
    padding:0 96px;
    float: left;
}
.homepage .news .newsinfo .newstitle{
    width: 100%;
    float: left;
}
.homepage .news .newsinfo .newstitle .leftnewstitle{
    width: 40%;
    display: inline-block;
    float: left;
}
.homepage .news .newsinfo .newstitle .leftnewstitle .newsbigtitle{
    width: 100%;
    font-size: 48px;
    font-weight: bold;
    color: #111111;
    text-align: left;
    float: left;
}
.homepage .news .newsinfo .newstitle .leftnewstitle .newssmtitle{
    width: 100%;
    font-size: 24px;
    font-weight: 400;
    color: #666666;
    margin-top: 8px;
    text-transform: uppercase;
    float: left;
}
.homepage .news .newsinfo .newstitle .leftnewstitle .newsline{
    width: 100%;
    margin-top: 18px;
    float: left;
}
.homepage .news .newsinfo .newstitle .leftnewstitle .newsline p{
    border-top: #00479D solid 1px;
    width: 70px;
    height: 1px;
}
.homepage .news .newsinfo .newstitle .rightnewsmore{
    width: 40%;
    height: 120px;
    line-height: 155px;
    display: inline-block;
    float: right;
    text-align: right;
    overflow: hidden;
}
.homepage .news .newsinfo .newstitle .rightnewsmore a{
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #00479D;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;

}
.homepage .news .newsinfo .newsxx{
    width: 100%;
    margin-top: 38px;
    float: left;
}
.homepage .news .newsinfo .newsxx .leftnews{
    position: relative;
    width: 50%;
    display: inline-block;
    float: left;
}
.homepage .news .newsinfo .newsxx .leftnews .newsbg{
    width: 100%;
    float: left;
}
.homepage .news .newsinfo .newsxx .leftnews .newsbg img{
    width: 100%;
    display: block;
}
.homepage .news .newsinfo .newsxx .leftnews .newsdetailxx{
    position: absolute;
    left:45px;
    bottom: 35px;
}
.homepage .news .newsinfo .newsxx .leftnews .newsdetailxx .newstime{
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    float: left;
}
.homepage .news .newsinfo .newsxx .leftnews .newsdetailxx .newstitle{
    width: 80%;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    float: left;
}
.homepage .news .newsinfo .newsxx .rightnews{
    width: 48%;
    display: inline-block;
    float: right;
    /*border: #f00 solid 1px;*/
}
.homepage .news .newsinfo .newsxx .rightnews .topnews{
    width: 100%;
    float: left;
    padding:18px;
    background: rgba(0, 71, 157, 1);
}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewspic{
    width: 38%;
    display: inline-block;
    float: left;
    /*border: #f00 solid 1px;*/
}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewspic img{
    width: 100%;
    /*display: inline-block;*/
}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx{
    width: 60%;
    padding:30px;
    display: inline-block;
    float: right;
    /*border: #f00 solid 1px;*/
}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstime{
    width: 100%;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FEFEFE;
    /*border: #f00 solid 1px;*/

}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle{
    width: 100%;
    /*border: #f00 solid 1px;*/

}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle a{
    width: 94%;
    height: 64px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 36px;

    text-overflow: ellipsis;
    overflow: hidden; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut{
    width: 100%;
    margin-top: 30px;
    float: left;
}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut a{
    width: 40px;
    height: 32px;
    display: block;
}
.homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut a img{
    width: 100%;
}
.homepage .news .newsinfo .newsxx .rightnews .newslist{
    width: 100%;
    padding:18px 0 0;
    /*border: #f00 solid 1px;*/
    float: left;
    overflow: hidden;
}
.homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem{
    height: 78px;
    width: 100%;
    line-height: 78px;
    float: left;
    border-bottom: #CECECE solid 1px;
}
.homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem:last-child{
    border-bottom: unset;
}
.homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtime{
    width: 20%;
    display: inline-block;
    float: left;
    /*border: #f00 solid 1px;*/
    font-size: 18px;
    font-weight: 400;
    color: #666666;
}
.homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtitle{
    width: 78%;
    display: inline-block;
    float: left;
    /*border: #f00 solid 1px;*/
    
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}















@media (max-width: 1700px){
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx {
        padding: 16px;
    }
    
}
@media (max-width: 1600px){
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx {
        padding: 16px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem {
        height: 65px;
        line-height: 65px;
    }
}
/*! 1500 ~ 1520 */
@media (max-width: 1520px){
    .homepage .comp .compinfo .compxx .compitem:first-child {
        padding: 35px 46px;
    }
    .homepage .mobilecomp{
        display: none;
    }

}

/*! 1200 ~ 1500  主内容区1140 */
@media (max-width: 1500px) { 
  

  /*about*/
   .homepage .about .aboutinfo .aboutdetail .abouttitle{
        width: 100%;
        text-align: left;
        font-size: 44px;
        font-weight: bold;
        color: #111111;
        float: left;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutsmtitle{
        width: 100%;
        text-align: left;
        font-size: 18px;
        font-weight: 400;
        color: #666666;
        margin-top: 6px;
        text-transform: uppercase;
        float: left;
    }



    /*首页prod*/
    .homepage .prod .prodinfo .prodtitle{
        font-size: 44px;
    }
    .homepage .prod .prodinfo .prodsmtitle{
        font-size: 18px;
        margin-top: 4px;
    }
    .homepage .prod .prodinfo .prodline{
        margin-top: 24px;
    }
    .homepage .prod .prodinfo .prodmess{
        font-size: 18px;
        line-height: 30px;
        margin-top: 24px;
    }
    .homepage .prod .prodinfo .prodmess p{
        font-size: 18px;
        line-height: 30px;
    }
    .homepage .prod .prodinfo .prodxx{
        padding:0px 96px;
        margin-top: 24px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem{
        position: relative;
        width: 540px;
        width: 30%;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt{
        position: absolute;
        top: 40px;
        left: 24px;
        width: 94%;
        z-index: 200;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitempic{
        width: 58px;
        height: 52px;
        background: url('../images/icon.png');
        float: left;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:first-child .prodxxitemtxt .prodxxitempic{
        background-position: -60px -128px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:nth-child(2) .prodxxitemtxt .prodxxitempic{
        
        background-position: -230px -128px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:last-child .prodxxitemtxt .prodxxitempic{
        background-position: -408px -128px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitemtitle{
        font-size: 32px;
        margin-top: 16px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitemsmtitle{
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        text-transform: uppercase;
        margin-top: 12px;
        float: left;
    }






    /*comp*/

    .homepage .comp .compinfo .compxx .compitem {
        padding: 35px 25px;
        padding: 20px 20px;
    }
    .homepage .comp .compinfo .compxx .compitem:first-child {
        padding: 35px 25px;
    }
    .homepage .comp .compinfo  .compxx .compitem:first-child .compitemtitle .compitemtitleicon{
        background-position: -28px -600px;
        background-position: -24px -600px;
        width: 80px;

    }
    .homepage .comp .compinfo  .compxx .compitem:hover:first-child .compitemtitle .compitemtitleicon{
        background-position: -28px -690px;
    }
    .homepage .comp .compinfo .compxx .compitem:first-child .compitemtitle .compitemtitlexx {
        width: 60%;
    }
    .homepage .mobilecomp{
        display: none;
    }



    /*news*/
    .homepage .news .newsinfo .newstitle .leftnewstitle .newsbigtitle {
        font-size: 44px;
    }
    .homepage .news .newsinfo .newstitle .leftnewstitle .newssmtitle {
        font-size: 18px;
    }
    .homepage .news .newsinfo .newsxx .leftnews .newsdetailxx .newstitle {
        font-size: 20px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx {
        padding: 20px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut {
        margin-top: 10px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem {
        height: 65px;
        line-height: 65px;
    }








}



























/*====================================================================================================================*/
/*! 1439   */
@media (max-width: 1440px) { 

    .homepage .gm .gminfo .gmxx {
        width: 90%;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx {
        padding: 15px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle a {
        height: 50px;
        line-height: 25px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem {
        height: 55px;
        line-height: 55px;
    }

    .foot .footinfo .footxx .rightfootxx {
        width: 64%;
    }
    .foot .footinfo .footxx .leftfootxx .foottel .ftelxx {
        font-size: 24px;
    }

}
@media (max-width: 1300px) { 

    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem {
        height: 45px;
        line-height: 45px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtime {
        width: 25%;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtitle {
        width: 74%;
    }
    
    .foot .footinfo {
        padding: 0 40px;
    }

    .foot .footinfo .footxx .leftfootxx .foottel .ftelxx {
        font-size: 22px;
    }
}


/*! 992 ~ 1199  主内容区960 */
@media (max-width: 1299px) { 
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem {
        height: 45px;
        line-height: 45px;
    }
}
@media (max-width: 1199px) { 

  
   /*about*/

   .homepage .about .aboutinfo .aboutdetail .abouttitle{
        width: 100%;
        text-align: left;
        font-size: 40px;
        font-weight: bold;
        color: #111111;
        float: left;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutsmtitle{
        width: 100%;
        text-align: left;
        font-size: 18px;
        font-weight: 400;
        color: #666666;
        margin-top: 6px;
        text-transform: uppercase;
        float: left;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutxx .aboutxxmess {
        width: 70%;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutbut {
        width: 100%;
        margin-top: 120px;
        float: left;
    }
    




    /*首页prod*/
    .homepage .prod .prodinfo .prodtitle{
        font-size: 40px;
    }
    .homepage .prod .prodinfo .prodsmtitle{
        font-size: 18px;
        margin-top: 4px;
    }
    .homepage .prod .prodinfo .prodline{
        margin-top: 24px;
    }
    .homepage .prod .prodinfo .prodmess{
        font-size: 16px;
        line-height: 30px;
        width: 80%;
        margin: 24px auto;
        float: unset;
    }
    .homepage .prod .prodinfo .prodmess p{
        font-size: 16px;
        line-height: 30px;
    }
    .homepage .prod .prodinfo .prodxx{
        padding:0px 30px;
        margin-top: 24px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem{
        position: relative;
        width: 30%;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt{
        position: absolute;
        top: 20px;
        left: 24px;
        width: 90%;
        z-index: 200;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitempic{
        width: 58px;
        height: 52px;
        background: url('../images/icon.png');
        float: left;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:first-child .prodxxitemtxt .prodxxitempic{
         background-position: -60px -128px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:nth-child(2) .prodxxitemtxt .prodxxitempic{
       
        background-position: -230px -128px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:last-child .prodxxitemtxt .prodxxitempic{
        background-position: -408px -128px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitemtitle{
        font-size: 30px;
        margin-top: 16px;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitemsmtitle{
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        text-transform: uppercase;
        margin-top: 12px;
        float: left;
    }








    /*comp*/
    .homepage .comp .compinfo {
        padding: 0 30px;
    }
    .homepage .comp .compinfo .compinfolist .compitem .comptitle {
        font-size: 30px;
    }
    .homepage .comp .compinfo .compinfolist .compitem .compmess p {
        font-size: 16px;
    }
    .homepage .comp .compinfo .compxx {
        margin-top: 71px;
    }
    .homepage .comp .compinfo .compxx .compitem {
        padding: 35px 25px;
        padding: 20px 20px;
    }
    .homepage .comp .compinfo .compxx .compitem:first-child {
        padding: 35px 25px;
    }
    .homepage .comp .compinfo .compxx .compitem .compitemtitle .compitemtitlexx {
        width: 52%;
        width: 100%;
        line-height: 28px;

    }
    .homepage .comp .compinfo .compxx .compitem:first-child .compitemtitle .compitemtitlexx,.homepage .comp .compinfo .compxx .compitem:nth-child(4) .compitemtitle .compitemtitlexx{
        width: 30%;
        width: 100%;
        line-height: 28px;

    }
    
    .homepage .comp .compinfo  .compxx .compitem:first-child .compitemtitle .compitemtitleicon{
        background-position: -28px -600px;
        background-position: -24px -600px;
        width: 80px;

    }
    .homepage .comp .compinfo  .compxx .compitem:hover:first-child .compitemtitle .compitemtitleicon{
        background-position: -28px -690px;
    }
    .homepage .comp .compinfo .compxx .compitem .compitemmess {
        font-size: 16px;
    }
    .homepage .mobilecomp{
        display: none;
    }





    /*规模*/
    .homepage .gm .gminfo {
        padding: 0 30px;
    }
    .homepage .gm .gminfo .gmxx {
        width: 94%;

        display: flex;
        justify-content: center;
        align-items: center;
    }
    .homepage .gm .gminfo .gmitem {
        width: 30%;
        margin-right: 48px;
    }
    .homepage .gm .gminfo .gmitem:last-child {
        float: right;
        margin-right:0;
    }
    .homepage .gm .gminfo .gmitem .gmnum span {
        font-size: 90px;
    }


    
    /*news*/
     /*news*/
     .homepage .news .newsinfo {
        width: 100%;
        margin-top: 78px;
        padding: 0 30px;
    }
    .homepage .news .newsinfo .newstitle .leftnewstitle .newsbigtitle {
        font-size: 40px;
    }
    .homepage .news .newsinfo .newstitle .leftnewstitle .newssmtitle {
        font-size: 18px;
    }
    .homepage .news .newsinfo .newsxx .leftnews .newsdetailxx .newstitle {
        font-size: 18px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx {
        padding: 0px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle a {
        height: auto;
        font-size: 16px;
        line-height: 30px;

    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut {
        margin-top: 0px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem {
        height: 50px;
        line-height: 50px;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtime {
        width: 24%;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtitle {
        width: 74%;
    }

    
    .foot .footinfo .footxx .leftfootxx .foottel .ftelxx {
        font-size: 20px;
    }
    




}







@media (max-width: 1100px) { 
    .foot .footinfo .footxx {
        padding-bottom: 30px;
    }
    .foot .footinfo .footxx .leftfootxx {
        width: 100%;
    }

    .foot .footinfo .footxx .leftfootxx .footlogo {
        margin:0 auto;
        text-align: center;
    }
    .foot .footinfo .footxx .leftfootxx .footlogo img {
        display: inline-block;
    }
    .foot .footinfo .footxx .leftfootxx .foottel {
        margin-top: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .foot .footinfo .footxx .leftfootxx .footaddr{
        text-align: center;
    }
    .foot .footinfo .footxx .leftfootxx .footfax{
        text-align: center;
    }

    .foot .footinfo .footxx .rightfootxx {
        display: none;
    }
    
    .foot .footinfo .copyright {
        height: auto;
        line-height: 40px;
    }
    .foot .footinfo .copyright .copyrightxx {
        width: 100%;
    }
    .foot .footinfo .copyright .support {
        width: 100%;
        float: left;
        text-align: center;
    }
    
}

/*====================================================================================================================*/




/*! <=991 手机端 */
@media (max-width: 991px) { 
  
    
   
   /*about*/
   .homepage .about {
        height: 8.8rem;
        background-position: -3rem 0;
    }
   .homepage .about .aboutinfo {
        margin: 0.8rem 0.4rem;
    }
   .homepage .about .aboutinfo .aboutdetail .abouttitle{     
        font-size: 0.4rem;
        font-size: 0.48rem;
        text-align: center;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutsmtitle{
        font-size: 0.18rem;
        margin-top: 0.06rem;
        text-align: center;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutline p {
        border-top: #00479D solid 1px;
        width: 70px;
        margin: 0 auto;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutline {
        margin-top: 0.25rem;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutbut {
        margin-top: 0.5rem;
    }
    
    .homepage .about .aboutinfo .aboutdetail .aboutxx .aboutxxmess{
        width: 100%;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutxx .aboutxxmess p {
        font-size: 0.26rem;
        line-height: 0.48rem;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutxx {
        margin-top: 0.45rem;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutbut a {
        width: 0.75rem;
        height: 0.75rem;
        line-height: 0.75rem;
        margin: 0 auto;
    }
    .homepage .about .aboutinfo .aboutdetail .aboutbut a img{
        width: 50%;
    }




    /*首页prod*/
    .homepage .prod {
        padding-bottom: 0.8rem;
    }
    .homepage .prod .prodinfo {
        /*float: left;*/
        width: auto;
        /*margin: 0.8rem 0.56rem;*/
        margin: 0.8rem 0 0;
    }
    .homepage .prod .prodinfo .prodtitle{
        font-size: 0.48rem;
    }
    .homepage .prod .prodinfo .prodsmtitle{
        font-size: 0.26rem;
        margin-top: 0.04rem;
    }
    .homepage .prod .prodinfo .prodline{
        margin-top: 0.25rem;
    }
    .homepage .prod .prodinfo .prodmess{
        width: 100%;
        font-size: 0.26rem;
        line-height: 0.3rem;
        margin-top: 0.24rem;
        float: left;
    }
    .homepage .prod .prodinfo .prodmess p{
        width: 100%;
        font-size: 0.26rem;
        line-height: 0.48rem;
        padding:0 0.4rem;
    }
    .homepage .prod .prodinfo .prodxx{
        display: block;
        padding: 0px 0.2rem;
        margin-top: 0.24rem;
        width: 100%;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem{
        position: relative;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0.2rem;
        float: left;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:last-child{
        margin-bottom: 0rem;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt{
        position: absolute;
        top: unset;
        left: unset;
        width: 100%;
        height: 100%;
        z-index: 200;
        background: rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitempic{
        width: 0.58rem;
        height: 0.52rem;
        background: url('../images/icon.png');
        float: left;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:first-child .prodxxitemtxt .prodxxitempic{
        background-position: -60px -128px;
        
        float: unset;
        /*margin: 1.6rem auto 0;*/
        width: 1.2rem;
        height: 1rem;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:nth-child(2) .prodxxitemtxt .prodxxitempic{
        background-position: -230px -128px;
        float: unset;
        /*margin: 1.6rem auto 0;*/
        width: 1.2rem;
        height: 1rem;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem:last-child .prodxxitemtxt .prodxxitempic{
        float: unset;
        /*margin: 1.6rem auto 0;*/
        width: 1.2rem;
        height: 1rem;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitemtitle{
        font-size: 0.46rem;
        margin-top: 0.16rem;
        text-align: center;
    }
    .homepage .prod .prodinfo .prodxx .prodxxitem .prodxxitemtxt .prodxxitemsmtitle{
        width: 100%;
        font-size: 0.26rem;
        margin-top: 0.12rem;
        text-align: center;
        float: left;
    }









    /*comp*/
    .homepage .comp{
        display: none;
    }
    .homepage .mobilecomp {
        width: 100%;
        display: block;
        padding-bottom: 0.8rem;
        background-repeat: no-repeat;
        background-position: center top;
        background: rgba(239, 239, 241, 1);
        float: left;
    }
    .homepage .mobilecomp .mobilecompinfo{
        width: 100%;
        float: left;
    }
    .homepage .mobilecomp .mobilecompinfo .compxx { height: auto; overflow: hidden; /*padding: 60px 0 90px;*/ position: relative; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide { height: auto; overflow: hidden;}

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide { height: auto; overflow: hidden; position: relative; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide img { width: 100%; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text { width: 100%; color: #fff; position: absolute; right: 0; top: 25%; text-align: right; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text .btn { float: right; display: block; border: 1px solid #fff; line-height: 40px; text-align: center; border-radius: 50%; margin-top: 20px; transition: background 0.3s ease; position: relative; overflow: hidden; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text .btn .bg { display: block; width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease; position: absolute; border-radius: 50%; overflow: hidden; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text .btn i { color: #fff;  position: absolute; z-index: 1; /*left: -16px;*/left: 8px; /*animation: mymove 1.5s infinite; */}

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text .btn:hover { border: 1px solid #fff; background-color: #fff; overflow: hidden; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text .btn:hover .bg { width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text .btn:hover i { color: #333; }

    .homepage .mobilecomp .mobilecompinfo .compxx .tabs .item.item.active i, .homepage .mobilecomp .mobilecompinfo .compxx .tabs .item.item.active h2, .homepage .mobilecomp .mobilecompinfo .compxx .tabs .item.item.active p, .homepage .mobilecomp .mobilecompinfo .compxx .tabs .item.item:hover i, .homepage .mobilecomp .mobilecompinfo .compxx .tabs .item.item:hover h2, .homepage .mobilecomp .mobilecompinfo .compxx .tabs .item.item:hover p { color: #fff; }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs .item.item.active .grid-shade, .homepage .mobilecomp .mobilecompinfo .compxx .tabs .item.item:hover .grid-shade { opacity: 1; }
    .homepage .mobilecomp .mobilecompinfo .compxx:after { content: ""; width: 100%; height: 50%; background: #efeff0; position: absolute; left: 0; bottom: 0; }

    .homepage .mobilecomp .mobilecompinfo .compxx .slide { margin-top: 0rem; }
    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide img { min-height: auto;}
    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text { top: 15%; }
    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text h2 { font-size: .3rem; line-height: .6rem; }
    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text h3 { font-size: .36rem; }
    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text h4 { width:100%;font-size: .26rem;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;     -webkit-box-orient: vertical; margin-top: 0.2rem;line-height: 0.4rem;}
    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text .btn { width: .7rem; height: .7rem; }
    .homepage .mobilecomp .mobilecompinfo .compxx .slide .swiper-slide .text .btn i { font-size: .4rem; top: -.05rem; }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone { padding: .2rem .2rem 0; }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide { width: 2rem; height: 2rem; text-align: center; padding-top: .32rem; background: #dcdcdc; }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide i { 
        width: 100%;
        font-size: .65rem; 
        color: #333; 
        margin-bottom: .1rem; 
        display: block; 
    }
    
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide h2 { font-size: .3rem; color: #333; font-weight: 600;width: 100%;margin-top: 0.1rem;float: left;}
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide.active i, .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide.active h2 { color: #333;}
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide.active { /*background: linear-gradient( #4b92e7 0%, #0757b8 100%);*/background: #fff }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon{
        background: url(../images/micon.png);
        width: 0.8rem;
        margin:0 auto;
        height: 0.9rem;
        /*float: left;*/
        /*border:#f00 solid 1px;*/
    }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon1{
        background-position: -28px -42px;
        width: 1.1rem;
    }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon2{
        background-position: -135px -37px;
        /*width: 1.1rem;*/
    }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon3{
        background-position: -188px -37px;
        /*width: 1.1rem;*/
    }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon4{
        background-position: -250px -37px;
        /*width: 1.1rem;*/
    }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon5{
        background-position: -307px  -37px;
        /*width: 1.1rem;*/
    }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon6{
        background-position: -362px  -37px;
        /*width: 1.1rem;*/
    }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon7{
        background-position: -419px -37px;
        width: 0.9rem;
    }
    .homepage .mobilecomp .mobilecompinfo .compxx .tabs-phone .swiper-slide .micon8{
        background-position: -476px -37px;
        width: 0.9rem;
    }




    .mobilecomp2{
        width: 100%;
        display: block;
        float: left;
    }
    .mobilecomp2 .mobilecompinfo2{
        width: 100%;
        width: 94%;
        margin: 0 auto;
        /*float: left;*/
    }
	.mobilecomp2 .mobilecompinfo2 {
        margin-top: 0.8rem;
    }
    .mobilecomp2 .mobilecompinfo2 .mobilecomptitle {
        width: 100%;
        font-size: 0.48rem;
        text-align: center;
        font-weight: bold;
        float: left;
        color: #333;
    }
    .mobilecomp2 .mobilecompinfo2 .mobilecompentitle {
        width: 100%;
        text-transform: uppercase;
        font-size: 0.18rem;
        margin-top: 0.06rem;
        text-align: center;
        float: left;
        color: #666;
    }
    .mobilecomp2 .mobilecompinfo2 .compline {
        float: left;
        width: 100%;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compline p {
        border-top: #00479D solid 1px;
        width: 70px;
        margin: 0 auto;
        height: 1px;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2{
        width: 100%;
        float: left;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2{
        width: 100%;
        float: left;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx{
        width: 100%;
        float: left;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem{
        width: 48%;
        background: #dcdcdc;
        display: inline-block;
        float: left;
        text-align: center;
        margin-bottom: 0.3rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem:nth-child(2n){
        float: right;
        margin-right:0;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon{
        background: url(../images/micon.png);
        width: 0.8rem;
        margin:0 auto;
        margin-top: 0.3rem;
        height: 0.9rem;
        display: block;
        /*float: left;*/
        /*border:#f00 solid 1px;*/
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem h2{
        display: block;
        margin-bottom: 0.3rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon1{
        background-position: -28px -42px;
        width: 1.1rem;
        width: 1rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon2{
        background-position: -135px -37px;
        /*width: 1.1rem;*/
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon3{
        background-position: -188px -37px;
        /*width: 1.1rem;*/
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon4{
        background-position: -250px -37px;
        /*width: 1.1rem;*/
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon5{
        background-position: -307px  -37px;
        /*width: 1.1rem;*/
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon6{
        background-position: -362px  -37px;
        /*width: 1.1rem;*/
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon7{
        background-position: -419px -37px;
        width: 0.9rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon8{
        background-position: -476px -37px;
        width: 0.9rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2{
        width: 100%;
        float: left;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx{
        width: 100%;
        float: left;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem{
        width: 100%;
        margin-bottom: 0.3rem;
        overflow: hidden;
        position: relative;
        float: left;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem img{
        width: 100%;
        display: block;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text {
        width: 100%;
        color: #fff;
        position: absolute;
        right: 0;
        top: 15%;
        text-align: right;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text h2 {
        font-size: .3rem;
        line-height: .6rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text h3 {
        font-size: .36rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text h4 {
        width: 100%;
        font-size: .26rem;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-top: 0.2rem;
        line-height: 0.4rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text .btn {
        float: right;
        display: block;
        border: 1px solid #fff;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        margin-top: 20px;
        transition: background 0.3s ease;
        position: relative;
        overflow: hidden;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text .btn {
        width: 0.7rem;
        height: 0.7rem;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text .btn .bg {
        display: block;
        width: 0;
        height: 0;
        left: 50%;
        top: 50%;
        transition: all 0.3s ease;
        position: absolute;
        border-radius: 50%;
        overflow: hidden;
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text .btn i {
        color: #fff;
        position: absolute;
        z-index: 1;
        /* left: -16px; */
        left: 8px;
        /* animation: mymove 1.5s infinite; */
    }
    .mobilecomp2 .mobilecompinfo2 .compxx2 .slide2 .slidexx .slidexxitem .text .btn i {
        font-size: .4rem;
        top: -0.05rem;
    }


    /*规模*/
    .homepage .gm {
        height: 12.9rem;
        height: 12rem;
    }
    .homepage .gm .gminfo {
        padding: 0 0.3rem;
    }
    .homepage .gm .gminfo .gmxx {
        position: unset;
        width: 100%;
        display: block;
        transform: unset;
        margin-top: 0.7rem;
        float: left;
    }
    .homepage .gm .gminfo .gmitem {
        width: 30%;
        width: 100%;
        margin-right: unset;
        float: left;
        margin-bottom: 0.8rem;
    }
    .homepage .gm .gminfo .gmitem:last-child {
        float: right;
        margin-right:0;
    }
    .homepage .gm .gminfo .gmitem .gmnum {
        font-size: 0.24rem;
    }
    .homepage .gm .gminfo .gmitem .gmnum span {
        font-size: 0.9rem;
    }
    .homepage .gm .gminfo .gmitem .gmpic {
        width: 3.2rem;
    }
    .homepage .gm .gminfo .gmitem .gmtitle {
        margin-top: 0.2rem;
        font-size: 0.3rem;
    }


    /*新闻*/
    .homepage .news .newsinfo {
        margin-top: 0.8rem;
        padding: 0 0.4rem;
    }
    .homepage .news .newsinfo .newstitle .leftnewstitle .newsbigtitle {
        font-size: 0.48rem;
    }
    .homepage .news .newsinfo .newstitle .leftnewstitle .newssmtitle {
        font-size: 0.26rem;
    }
    .homepage .news .newsinfo .newstitle .rightnewsmore {
        width: 40%;
        height: 1.2rem;
        line-height: 1.55rem;
        display: inline-block;
        float: right;
        text-align: right;
        overflow: hidden;
    }
    .homepage .news .newsinfo .newstitle .rightnewsmore a {
        width: 1rem;
        height: 0.6rem;
        line-height: 0.6rem;
        background: #00479D;
        font-size: 0.24rem;

    }
    .homepage .news .newsinfo .newsxx {
        width: 100%;
        margin-top: 0.38rem;
        float: left;
    }
    .homepage .news .newsinfo .newsxx .leftnews .newsdetailxx {
        position: absolute;
        width: 94%;
        left: 0.4rem;
        bottom: 0.4rem;
    }


    .homepage .news .newsinfo .newsxx .leftnews {
        width: 100%;
    }
    .homepage .news .newsinfo .newsxx .rightnews {
        width: 100%;
    }
    .homepage .news .newsinfo .newsxx .leftnews .newsdetailxx .newstime {
        font-size: 0.26rem;
    }
    .homepage .news .newsinfo .newsxx .leftnews .newsdetailxx .newstitle {
        width: 100%;
        font-size: 0.3rem;
        line-height: 0.4rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstime {
        font-size: 0.26rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle {
        margin-top: 0.2rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle a {
        height: auto;
        line-height: 0.6rem;
        font-size: 0.3rem;
        /*border: #f00 solid 1px;*/
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut {
        margin-top: 0.5rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem {
        height: 0.9rem;
        line-height: 0.9rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtime {
        width: 14%;
        font-size: 0.3rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtitle {
        width: 80%;
        font-size: 0.3rem;
    }

    
    .foot {
        padding-bottom: 0.4rem;
    }
    .foot .footinfo .footxx .leftfootxx .foottel {
        margin-top: 0.3rem;
    }
    .foot .footinfo .footxx .leftfootxx .foottel .ftelxx {
        font-size: 0.36rem;
    }

    .foot .footinfo .footxx .leftfootxx .footaddr {
        font-size: 0.26rem;
    }
    .foot .footinfo .footxx .leftfootxx .footfax {
        font-size: 0.26rem;
    }
    .foot .footinfo .copyright {
        height: auto;
        line-height: 0.4rem;
        margin-top: 0.3rem;
    }
    .foot .footinfo .copyright .copyrightxx {
        font-size: 0.26rem;
    }
    .foot .footinfo .copyright .support a {
        font-size: 0.26rem;
    }
    







}
@media (max-width: 767px) {
  
    .homepage .about .aboutinfo .aboutdetail .aboutxx .aboutxxmess p {
        text-overflow: ellipsis;
        overflow: hidden; 
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
    }

    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtime {
        width: 18%;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut {
        margin-top: 0.2rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut a {
        width: 0.4rem;
        height: 0.32rem;
    }
    
    .mobilecomp2 .mobilecompinfo2 .compxx2 .tabs-phone2 .tabxx .tabxxitem .micon1 {
        width: 1.08rem;
    }


}
@media (max-width: 600px){
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtime {
        width: 22%;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtitle {
        width: 70%;
        font-size: 0.3rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle {
        margin-top: 0rem;
    }
}
@media (max-width: 472px){
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtime {
        width: 25%;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtitle {
        width: 70%;
        font-size: 0.3rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle {
         margin-top: 0rem; 
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewstitle a {
        line-height: 0.4rem;
    }
    .homepage .news .newsinfo .newsxx .rightnews .topnews .topnewsxx .topnewsbut a {
        width: 0.4rem;
        height: 0.32rem;
        display: block;
    }
}
@media (max-width: 414px){
  
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtime {
        width: 28%;
    }
    .homepage .news .newsinfo .newsxx .rightnews .newslist .newsitem .newsitemtitle {
        width: 70%;
        font-size: 0.3rem;
    }

}