.advban {
    position: relative;
}

.advban img {
    display: block;
}

.advban-more {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    width: 15.3vw;
    height: 3.516vw;
    line-height: 3.516vw;
    border: 1px solid #fff;
    color: #fff;
    bottom: 20.7%;
    text-indent: 1.48vw;
    font-size: 0.7vw;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.advban-more i {
    background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMCAQAAADb0hWEAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkAhQQAi4WfKyhAAAAiklEQVQoz53SsQ3CQAxG4RcdoaKAAWAExBJE2QB2YwJGQGKCiBGgp4MWBfIooitAFDHn6ix9kuXfyOCauLLMv+EM9z6sTHG48KzWPY1AnNpkGoNYeFA3loUNY+T7tT+7AC+WlGxH3EOwY05CbtFRZx5trUzR5Zx89pHE4rjY5SQjcOfV9T8H8HFyb9XVNX2c2epVAAAAAElFTkSuQmCC) no-repeat right center;
    width: 1.5vw;
    height: 3.516vw;
    display: block;
    float: right;
    margin-right: 1.48vw;
    transition: all 0.3s ease;
}

.advban-more:hover {
    background: #fff;
    color: #444;
}

.advban-more:hover i {
    background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMCAQAAADb0hWEAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkAhQQCBVdmK0PAAAAh0lEQVQoz53SsQnCYBAG0BdirCx0AB1BXMLgBrqbEziC4ATBEbS301bU/BbGQMAi51138OC47yR928hC4VsBuHNXyuNw5iRZNTQAGata2h8myOwla0WmMvzMOvX4OYWXucJm4BaCtalcco0tysTBQymPHufo2UQSiuOsbpMMwK2L5T8P0Hm5N06W77SV0NhxAAAAAElFTkSuQmCC) no-repeat right center;
    margin-right: 1.3vw;
}

.advban-text {
    position: absolute;
    left: 50%;
    top: 24%;
    transform: translateX(-50%);
    width: 27.7%;
    height: auto;
}

.advban {
    margin: 225px 0;
}


.advban .info {
    position: absolute;
    left: 50%;
    top: 24%;
    transform: translate(-50% ,0);
}

.advban .info p {
    font-size: 4.73vw!important;
    line-height: 1em;
    color: #fff
}

.advban .info img {
    margin: 1.56vw auto;
    display: block;
    width: 3.5vw!important;
    height: auto;
}
        .advban-more { background: #fff;color: #444;}
        .advban-more:hover{background-color: rgb(0,0,0,0);color:#fff;border:1px solid #fff;}
        .advban-more:hover i{background: url(../image/bai.png)no-repeat right center;}
        .advban-more i{background: url(../image/hei.png) no-repeat right center;}
        .advban{background:url("../image/ban.jpg") no-repeat;height: 1155px;margin: 0px 0 0px;position: relative; background-size: cover;background-position: center;background-attachment: fixed; width: 100%;}
         .news-list a:hover{color: #000;}
         
        @media screen and (max-width: 2360px){
            .advban{height: 1065px;}
        }
         @media screen and (max-width: 2160px){
            .advban{height: 975px;}
        }
        @media screen and (max-width: 1920px){
            .advban{height: 866px;}
        }
         @media screen and (max-width: 1720px){
            .advban{height: 776px;}
        }
         @media screen and (max-width: 1420px){
            .advban{height: 640px;}
        }
         @media screen and (max-width: 1220px){
            .advban{height: 550px;}
        }
         @media screen and (max-width: 1020px){
            .advban{height: 460px;}
        }
          @media screen and (max-width: 820px){
            .advban{background:url("../image/ban2.jpg") no-repeat;height: 370px;margin: 0px 0 0px;position: relative; background-size: 100%;background-position: center;background-attachment: local; width: 100%;}
        }
		
@media screen and (max-width: 1681px){
@media screen and (max-width: 1500px){
.advban-more {
    text-align: center;
    text-indent: 0px;
    min-width: 180px;
	min-height:25px;
    overflow: hidden;
	font-size:12px;
	line-height:25px
}
.advban-more i {
    display: none;
}
}
}