/*首页标题区域*/
.title{
    position: relative;
}
.title .tltletext p{
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    position: relative;
    z-index: 10;
}
.title .tltletext p:before{
    width: 12px;
    height: 24px;
    margin: 0 20px 0 0;
    display: inline-block;
    content: " ";
    background: rgba(92, 196, 255, 1);
}
.title .tltletext span{
    position: absolute;
    z-index: 1;
	font-size: 60px; top: 10px; left: 200px;
    color: #dbe6f8;
    font-weight: 600;
    letter-spacing: 4px;
    transform: translate(0,-25%);
    font-family: Microsoft YaHei, 微软雅黑, Arial, Helvetica;
}
.title  .titlemore{
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    font-size: 20px;
    color: #ffffff;
    background: rgba(0, 114, 221, 1);
    position: relative;
    z-index: 12;
    text-align: center;
}
.title  .titlemore span{
    transition: all 0.3s;
    vertical-align: middle;
    margin: -2px 0 0 3px;
    display: inline-block;
}
.title  .titlemore:hover{
    box-shadow: 0px 0px 3px rgba(0, 114, 221, 1);
}
.title  .titlemore:hover span{
    transform: rotate(360deg);
}

/*轮播区域*/
.swiperBox{
    position: relative;
    z-index: 10;
}
.swiperBox .swiper-slide img{
    width: 100% !important;
}
.swiperBox .swiper-container-horizontal>.swiper-pagination{
    bottom: 180px;
    bottom: 20%;
}
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    background: #ffffff;
    margin: 0 6px;
    cursor: pointer;
    opacity: 0.4;
}
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
}




/*<!--图标区域 和 新闻区域-->*/
.homeone{
   position: relative;
    background: url("homeimgbg1.png")  no-repeat center;
    background-size: 100% 100%;
}
.homeone .homeoneicon{
    height: 190px;
    top: -85px;
    position: relative;
    background: #ffffff;
    padding: 30px 30px;
    text-align: center;
    /*z-index: 100;*/
    z-index: 14;
}
.homeone .homeoneicon .swiper-slide a{
    display: block;
    background: rgba(239, 242, 246, 1);
    text-align: center;
    padding: 30px 0;
    border: 1px transparent solid;
    margin: 2px 0;
}
.homeone .homeoneicon .swiper-slide a img{
    height: 40px;
    margin: 0 auto;
    transition: all 0.3s;
}
.homeone .homeoneicon .swiper-slide a p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #333333;
    margin: 4px 0 0 0;
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 溢出部分显示省略号 */
}
.homeone .homeoneicon .swiper-slide a:hover{
    border: 1px #e7e7e7 solid;
    box-shadow: 0px 0px 3px #d5d5d5;
}
.homeone .homeoneicon .swiper-slide a:hover img {
    transform: rotate(360deg);
}

/*新闻区域*/
.homeone .homeonenew .row{
    padding: 30px 0 0 0;
    position: relative;
}
.homeone .homeleft{
    width: 47%;
    padding-right: 40px;
}
.homeone .homeleft .newul li a{
    display: flex;
    font-size: 16px;
    font-weight: 400;
    color: #444444;
    line-height: 88px;
    border-bottom: 1px solid rgba(238, 238, 238, 1)
}
.homeone .homeleft .newul li p{
    padding: 0 10px 0 0;
    flex: 1;
}
.homeone .homeleft .newul li span{
    width: 80px;
}
.homeone .homeleft .newul li span i{
    width:18px;
    height: 10px;
    display: inline-block;
    background:url("right.png") no-repeat center ;
    background-size: 16px;
}
.homeone .homeleft .newul li a:hover{
    color: #0072dd;
}
.homeone .homeleft .newul li a:hover i{
    background:url("righth.png") no-repeat center ;
    background-size: 16px;
}
.homeone .homeright{
    width: 53%;
    position: relative;
}
.homeone .homeright:after{
    width: 60%;
    position: absolute;
    height: 60px;
    background: #e8f0fb;
    content: ' ';
    display: inline-block;
    top: -60px;
    right: 15px;
    border-radius: 34px 80px  0 0;
}
.homeone .homeright .bigimg{
    border-radius: 140px 0 0 0 ;
    position: relative;
    z-index: 10;
}




/*通知公告*/
.hometwo{
    padding: 150px 0 120px 0;
}
.hometwo .title .tltletext span{
    color: #ecf0f9
}
.hometwo .disblockbox{
    margin: 70px 0 0 0;
}
.hometwo .disblockbox li{
    margin-bottom: 24px;
    padding: 0 12px;
}
.hometwo .disblockbox li a{
    display: flex;
    padding: 30px;
    background: rgba(246, 247, 251, 1);
    border: 1px transparent solid;
}
.hometwo .disblockbox li a .time{
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    padding: 0 25px 0 0;
    width: 75px;
    text-align: center;
}
.hometwo .disblockbox li a .time span{
    display: block;
    text-align: center;
    color: rgba(0, 114, 221, 1);
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    font-family:  Microsoft YaHei, 微软雅黑, Arial, Helvetica;
}
.hometwo .disblockbox li a .text{
    padding: 0 50px 0 25px ;
    width: calc(100% - 75px);
    border-left: 1px #e7e7e7 solid;
    position: relative;
}
.hometwo .disblockbox li a .text:after{
    width: 24px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 0;
    content: " ";
    background: url("icon1.png") no-repeat center;
    background-size: 100%;
}
.hometwo .disblockbox li a .text .litext {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #595959;
}
.hometwo .disblockbox li a .text .lisay {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #999999;
    margin:8px 0 0  0;
}
.hometwo .disblockbox li a:hover{
    border: 1px #e9e9e9 solid;
}
.hometwo .disblockbox li a:hover .litext{
    color: rgba(0, 114, 221, 1);
}
.hometwo .disblockbox li a:hover .text:after{
    background: url("icon2.png") no-repeat center;
    background-size: 100%;
}




/*行业资讯*/
.homethree{
    padding: 90px 0 80px 0;
    position: relative;
    background: url("hometwo.png")  no-repeat top right #e9f0f9;
    background-size: auto 100%;
}
.homethree .homethreeul{
   margin: 60px -25px 0 -25px;
}
.homethree .homethreeul li{
    padding: 0 25px;
    margin: 0 0 50px 0;
}
.homethree .homethreeul li a{
    display: block;
    background: #ffffff;
    padding: 30px;
    border: 1px transparent solid;
}
.homethree .homethreeul li a .time{
    font-size: 12px;
    color: #999999;
    letter-spacing: 0.8px;
}
.homethree .homethreeul li a .time:before{
    width: 40px;
    height: 2px;
    background: #c3c3c3;
    display: inline-block;
    content: " ";
    vertical-align: middle;
    margin: 0 5px 0 0;
    border-radius: 6px;
}
.homethree .homethreeul li a .lititle{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #333333;
    margin: 16px 0 20px 0;
}
.homethree .homethreeul li a .lisay{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #999999;
    height: 80px;
    overflow: hidden;
}
.homethree .homethreeul li a:hover{
    border: 1px #e9e9e9 solid;
}
.homethree .homethreeul li a:hover .time,
.homethree .homethreeul li a:hover .lititle{
    color: rgba(0, 114, 221, 1);
}
.homethree .homethreeul li a:hover .time:before{
    background: rgba(0, 114, 221, 1);
}


/*网络安全*/
.homefure{
    padding: 150px 0 100px 0;
    background: url("homeimgbg2.png")  no-repeat top right;
    background-size: auto 100%;
}
.homefure .title .tltletext span{
    color: #ecf0f9
}
.homefure .disblockbox{
    margin: 70px 0 0 0;
}
.homefure .homefureul li{
    margin: 0 0 24px 0;
    padding: 0 12px;
}
.homefure .homefureul li a{
    display: block;
    background: rgba(246, 247, 251, 1);
    padding: 30px;
    border: 1px transparent solid;
}
.homefure .homefureul li a:after{
    width: 24px;
    height: 14px;
    display: inline-block;
    content: " ";
    background: url(icon1.png) no-repeat center;
    background-size: 100%;
    margin: 14px 0 0 0;
}
.homefure .homefureul li a .lititle{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #333333;
}
.homefure .homefureul li a .time{
    font-size: 12px;
    color: #666666;
    margin: 12px 0 10px 0;
    letter-spacing: 0.8px;
}
.homefure .homefureul li a .lisay{
    font-size: 12px;
    color: #999999;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    height: 36px;
    overflow: hidden;
}

.homefure .homefureul li a:hover{
    border: 1px #e9e9e9 solid;
}
.homefure .homefureul li a:hover .lititle{
    color: rgba(0, 114, 221, 1);
}
.homefure .homefureul li a:hover .time:before{
    background: rgba(0, 114, 221, 1);
}
.homefure .homefureul li a:hover:after{
    background: url(icon2.png) no-repeat center;
    background-size: 100%;
}



/*页脚区域设置*/
.footerbox {
  border-top: 50px #eff2f6 solid;
}

@media (max-width: 1600px) {
.title .tltletext p {
    font-size: 38px;
}
}
/*响应式样式区域*/
@media (max-width: 1500px) {
    .homeone .homeoneicon {
        top: -60px;
        padding: 26px;
        height: auto;
    }
    .homeone .homeoneicon .swiper-slide a {
        padding: 26px 0;
    }

    .title .tltletext p {
        font-size: 34px;
        line-height: 40px;
    }
    .title .tltletext span { font-size: 50px; left: 170px; letter-spacing: 3px; transform: translate(0, -28%); top: 7px; }
    .title .tltletext p:before {
        margin: 0 14px 0 0;
    }
    .title .titlemore {
        width: 100px;
        height: 34px;
        line-height: 30px;
        border-radius: 34px;
        font-size: 18px;
    }

    .hometwo {
        padding: 100px 0 80px 0;
    }
    .hometwo .disblockbox {
        margin: 60px 0 0 0;
    }

    .homethree {
        padding: 80px 0 60px 0;
        background-size: auto 100%;
    }
    .homethree .homethreeul {
        margin: 40px -18px 0 -18px;
    }
    .homethree .homethreeul li {
        padding: 0 18px;
        margin: 0 0 36px 0;
    }

    .homefure {
        padding: 100px 0 80px 0;
    }
    .homefure .disblockbox {
        margin: 40px 0 0 0;
    }
    .homefure .homefureul li a {
        padding: 24px;
    }
    .homefure .homefureul li a .time {
        margin: 10px 0 8px 0;
    }

}
@media (max-width: 1400px) {
    .homeone .homeoneicon {
        top: -50px;
        padding: 18px;
    }
    .homeone .homeoneicon .swiper-slide a {
        padding: 20px 0;
    }
    .homeone .homeoneicon .swiper-slide a p {
        font-size: 14px;
        line-height: 20px;
        margin: 3px 0 0 0;
    }
    .swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }
    .homeone .homeright:after {
        top: -40px;
    }
    .hometwo {
        padding: 80px 0 60px 0;
    }
    .hometwo .disblockbox {
        margin: 32px 0 0 0;
    }
    .hometwo .disblockbox li a {
        padding: 20px;
    }
    .hometwo .disblockbox li {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .hometwo .disblockbox li a .time {
        padding: 0 6px 0 0;
        width: 64px;
    }
    .hometwo .disblockbox li a .text {
        padding: 0 30px 0 12px;
        width: calc(100% - 64px);
    }
    .hometwo .disblockbox li a .text:after {
        width: 20px;
        height: 18px;
    }
    .hometwo .disblockbox li a .time span {
        font-size: 36px;
        line-height: 36px;
    }
    .hometwo .disblockbox li a .text .lisay {
        margin: 5px 0 0 0;
    }
    .homethree {
        padding: 70px 0 50px 0;
    }
    .homethree .homethreeul {
        margin: 30px -15px 0 -15px;
    }
    .homethree .homethreeul li {
        padding: 0 15px;
        margin: 0 0 30px 0;
    }
    .homethree .homethreeul li a {
        padding: 24px;
    }


    .homefure {
        padding: 70px 0 50px 0;
    }
    .homefure .disblockbox {
        margin: 30px 0 0 0;
    }
    .homefure .disblockbox .row{
        margin: 0 -12px ;
    }
    .homefure .homefureul li {
        padding: 0 12px;
        margin: 0 0 24px 0;
    }
    .homefure .homefureul li a {
        padding: 20px;
    }



}
@media (max-width: 1300px) {
    .title .tltletext p {
        font-size: 30px;
        line-height: 40px;
    }
    .title .titlemore {
        width: 110px;
        height: 36px;
        line-height: 34px;
        border-radius: 36px;
        font-size: 16px;
    }
     .title .tltletext span { font-size: 32px; left: 150px; letter-spacing: 2px; transform: translate(0, -8%); top: 2px; }
    .homeone .homeright .bigimg {
        border-radius: 80px 0px 0 0;
    }

}
@media (max-width: 1200px) {
    .title .tltletext p {
        font-size: 25px;
        line-height: 30px;
    }
    .title .tltletext span {font-size: 28px; letter-spacing: 1px; top: 0;}
    .title .titlemore {
        width: 90px;
        height: 32px;
        line-height: 30px;
        border-radius: 30px;
        font-size: 14px;
    }
    .homeone .homeleft .newul li a {
        line-height: 74px;
    }
    .homeone .homeright .bigimg {
        border-radius: 60px 0px 0 0;
    }
    .hometwo {
        padding: 40px 0 30px 0;
    }
    .hometwo .disblockbox {
        margin: 30px 0 0 0;
    }
    .hometwo .disblockbox li a {
        padding: 18px;
    }
    .hometwo .disblockbox li a .text:after {
        width: 16px;
        height: 16px;
    }
    .hometwo .disblockbox li a .time span {
        font-size: 30px;
        line-height: 32px;
    }
    .hometwo .disblockbox li {
        margin-bottom: 18px;
        padding: 0 10px;
    }
    .homethree {
        padding: 40px 0 30px 0;
        background: #e9f0f9;
    }
    .homethree .homethreeul {
        margin: 20px -12px 0 -12px;
    }
    .homethree .homethreeul li {
        padding: 0 12px;
        margin: 0 0 24px 0;
    }
    .homethree .homethreeul li a {
        padding: 18px;
    }
    .homethree .homethreeul li a .lititle {
        font-size: 15px;
        margin: 14px 0 16px 0;
    }
    .homefure {
        padding: 40px 0 30px 0;
    }
    .homefure .disblockbox {
        margin: 20px 0 0 0;
    }
    .homefure .disblockbox .row{
        margin: 0 -10px ;
    }
    .homefure .homefureul li {
        padding: 0 10px;
        margin: 0 0 20px 0;
    }

    .homefure .homefureul li a {
        border: 1px #e9e9e9 solid;
    }
    .homefure .homefureul li a {
        padding: 18px;
    }
    .homefure .homefureul li a .time {
        margin: 6px 0 4px 0;
    }


}
@media (max-width: 1100px) {
    .homeone .homeleft .newul li a {
        line-height: 70px;
    }
}
@media (max-width: 1000px) {
     .title .tltletext span {
        letter-spacing: 1px;
    }
    .homeone .homeoneicon {
        top: -40px;
        padding: 12px;
    }
    .homeone .homeoneicon .swiper-slide a {
        padding: 18px 0;
    }
    .homeone .homeoneicon .swiper-slide a p {
        font-size: 12px;
        margin: 2px 0 0 0;
    }
    .homeone .homeonenew .row {
        margin: 0;
    }
    .homeone .homeleft {
        width: 100%;
        float: none;
        padding: 0;
        margin-top: 20px;
    }
    .homeone .homeright {
        width: 100%;
        float: none;
        padding: 0;
    }
    .hometwo {
        padding: 30px 0 20px 0;
    }
    .hometwo .disblockbox {
        margin: 20px 0 0 0;
    }
    .hometwo .disblockbox li a {
        padding: 10px;
    }
    .hometwo .disblockbox li {
        margin-bottom: 16px;
    }
    .hometwo .disblockbox li a .text .litext {
        font-size: 15px;
        line-height: 22px;
    }
    .homethree {
        padding: 30px 0 20px 0;
    }
    .homethree .homethreeul {
        margin: 15px -8px 0 -8px;
    }

    .homethree .homethreeul li {
        padding: 0 8px;
        margin: 0 0 16px 0;
    }
    .homethree .homethreeul li a {
        padding: 16px;
    }
    .homethree .homethreeul li a .lititle {
        font-size: 14px;
        margin: 12px 0 14px 0;
    }
    .homefure {
        padding: 30px 0 20px 0;
    }
    .homefure .disblockbox {
        margin: 16px 0 0 0;
    }
    .homefure .disblockbox .row{
        margin: 0 -8px ;
    }
    .homefure .homefureul li {
        padding: 0 8px;
        margin: 0 0 16px 0;
    }
    .homefure .homefureul li a {
        padding: 15px;
    }

    .footerbox {
        border-top: 32px #eff2f6 solid;
    }


}

@media (max-width: 768px) {
    .footerbox {
        border-top: 14px #eff2f6 solid;
    }
    .swiperBox .swiper-container-horizontal>.swiper-pagination {
        bottom: 15%;
    }
    .title .tltletext p {
        font-size: 20px;
        line-height: 20px;
    }
    .title .tltletext p:before {
        width: 5px;
        margin: -5px 6px 0 0;
        vertical-align: middle;
    }
    .title .titlemore {
        width: 75px;
        height: 28px;
        line-height: 27px;
        border-radius: 28px;
        font-size: 13px;
    }
    .title .tltletext span { font-size: 24px !important; left: 100px !important; letter-spacing: 1px !important; transform: translate(0, -7%) !important; top: 0; }
    .swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
    .homeone .homeoneicon {
        top: -30px;
        padding: 10px;
    }
    .homeone .homeoneicon .swiper-slide a img {
        height: 32px;
    }
    .homeone .homeoneicon .swiper-slide a {
        padding: 10px 0;
    }
    .homeone .homeonenew{
        margin-top: -20px;
        display: block;
        overflow: hidden;
    }
    .homeone .homeonenew .row {
        padding: 0px 0 0 0;
    }
    .homeone .homeleft .newul{
        margin: 10px 0;
    }
    .homeone .homeleft .newul li a {
        line-height: 50px;
        font-size: 14px;
    }
    .homeone .homeleft .newul li:last-child a{
        border-bottom: none;
    }
    .homeone .homeleft .newul li span {
        width: 60px;
    }

    .homeone .homeright:after {
        top: -32px;
    }
    .homeone .homeright .bigimg {
        border-radius: 10px ;
    }
    .homeone .homeleft {
        margin-top: 15px;
    }
    .homeone .homeleft .newul li span i {
        width: 12px;
        background-size: 100%;
    }


    .hometwo {
        padding: 20px 0 18px 0;
    }
    .hometwo .disblockbox {
        margin: 10px 0 0 0;
    }
    .hometwo .disblockbox .row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .hometwo .disblockbox li {
        margin-bottom: 8px;
    }
    .hometwo .disblockbox li a {
        padding: 14px 10px;
    }
    .hometwo .disblockbox li a {
        border: 1px #e9e9e9 solid;
    }
    .hometwo .disblockbox li a .time {
        width: 60px;
    }
    .hometwo .disblockbox li a .time span {
        font-size: 28px;
        line-height: 30px;
    }
    .hometwo .disblockbox li a .text .litext {
        font-size: 14px;
        line-height: 20px;
    }
    .hometwo .disblockbox li a .text .lisay {
        margin: 4px 0 0 0;
    }
    .hometwo .disblockbox li a .text {
        padding: 0 22px 0 12px;
        width: calc(100% - 60px);
    }
    .homethree {
        padding: 20px 0 18px 0;
    }
    .homethree .homethreeul {
        margin: 10px -6px 0 -6px;
    }
    .homethree .homethreeul li {
        padding: 0 5px;
        margin: 0 0 10px 0;
    }
    .homethree .homethreeul li a {
        padding:12px 14px ;
    }
    .homethree .homethreeul li a .lititle {
        margin:6px 0;
        line-height: 22px;
        height: 44px;
        letter-spacing: -0.8px;
    }
    .homethree .homethreeul li a .lisay{
        letter-spacing: -0.8px;
    }
    .homethree .homethreeul li a .time{
        letter-spacing: -0.5px;
    }
    .homethree .homethreeul li a .time:before{
        width: 24px;
    }


    .homefure {
        padding: 24px 0 18px 0;
    }
    .homefure .disblockbox {
        margin: 14px 0 0 0;
    }
    .homefure .disblockbox .row{
        margin: 0 -5px ;
    }
    .homefure .homefureul li {
        padding: 0 5px;
        margin: 0 0 10px 0;
    }
    .homefure .homefureul li a {
        padding: 12px;
    }
    .homefure .homefureul li a .lititle {
        font-size: 15px;
        line-height: 22px;
    }
    .homefure .homefureul li a:after {
        width: 20px;
        height: 10px;
        margin: 4px 0 0 0;
    }
    .homefure .homefureul li a .time {
         letter-spacing: -0.5px;
    }


}



@media (max-width: 500px) {
    .title .tltletext p {
        font-size: 18px;
        letter-spacing:-0.5px;
    }
    .title .tltletext span {
        font-size: 20px !important;
        left: 90px !important;
        letter-spacing: 0px !important;
        transform: translate(0, 1%) !important;
    }
    .homeone .homeleft .newul {
        margin:8px 0 10px 0;
    }
    .homeone .homeleft .newul li a {
        line-height: 44px;
    }
}

@media (max-width: 386px) {
 .title .tltletext span { font-size: 14px !important; top: 3px; }
}

@media (max-width: 336px) {
 .title .tltletext span { display: none; }
}