@charset "utf-8";
.content-padded p{
    margin: 0.5em 0;
}
.index-bar {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    height: 4rem;
    padding-right: .5rem;
    padding-left: .5rem;
    background-color: #fefefe;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.index-bar {
    background-color: #fefefe;
    z-index: 999;
}
.index-bar-nav {
    top: 0;
}

.index-bar .title {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 -.5rem;
    font-size: .80rem;
    font-weight: 500;
    line-height: 4rem;
    color: #333;
    text-align: center;
    text-indent: 2rem;
    white-space: nowrap;
}

.index-bar .logo{
    position: absolute;
    width:30%;
    height:3rem;
    margin-top: 0.5rem;
    background: url('/Static/Home/aiyifiber/images/logo.jpg');
    background-size:contain;
    background-repeat: no-repeat;
}

.index-bar .button {
    position: relative;
    top: .35rem;
    z-index: 20;
    margin-top: 0;
    font-weight: 400;
}
.index-bar .button-link {
    top: 0;
    padding: 0;
    font-size: .8rem;
    line-height:4rem;
    height:4rem;
    color: #0894ec;
    border: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
.index-bar:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.index-bar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #e7e7e7;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.index-bar .button .icon {
    padding: 0;
}
.index-bar .icon {
    position: relative;
    z-index: 20;
    padding: .5rem .1rem;
    font-size: 1rem;
    line-height: 1.2rem;
}

.index-bar .index-bar-nav .pull-right {
    margin-right: -.25rem;
}
.index-bar .button.pull-right {
    margin-left: .5rem;
}
.index-bar .button-link {
    color: #4cb034;
}


.panel {background: #111;}
.panel .content-block{
            color: #fff;
        }
h4{ margin: 1em 0;}
.bar {background-color:#9dcd17; z-index:999}
.bar a{color:#fff;}
.title{color: #fff;}
.bar .button-link {color: #fff;}
.popup-about p {margin: 0.2em 0;}
.icons-close,.icons-tel,.icons-qq{text-align: center;}
.swiper-pagination-bullet-active {background: #fff;}
.bar-tab .tab-item { color: #fff;}
.bar-tab .tab-item.active, .bar-tab .tab-item:active {color: #ffffff;background-color:#f4ae00;}
.list-block li {}
.icons-close .icon {
            width: 2.5rem;
            height: 2.5rem;
            margin: 0.15rem;
            font-size: 1.2rem;
            line-height: 2.5rem;
            text-align: center;
            background-color: #ddd;
            border: 1px solid #ddd;
            color: #333;
            border-radius: 1.25rem;
            display: inline-block;
        }
.icons-tel .icon {
            width: 2.5rem;
            height: 2.5rem;
            margin: 0.15rem;
            font-size: 1.2rem;
            line-height: 2.5rem;
            text-align: center;
            background-color: #ff6600;
            border: 1px solid #ff6600;
            color: #fff;
            border-radius: 1.25rem;
            display: inline-block;
        }
.icons-qq .icon {
            width: 2.5rem;
            height: 2.5rem;
            margin: 0.15rem;
            font-size: 1.2rem;
            line-height: 2.5rem;
            text-align: center;
            background-color: #0894ec;
            border: 1px solid #0894ec;
            color: #fff;
            border-radius: 1.25rem;
            display: inline-block;
        }
.list-block {
          margin: 0 0 3rem 0; z-index: 1
}
.content-padded img{
	width: 100%;
}

.scroll-null{
    margin:10px auto;
    font-size: 0.5em;
    color: #999;
    height: 22px;
    line-height: 22px;
    text-align: center;
    display: none;
}
.swiper-container {
    padding-bottom: 0px; 
}
.list-block .item-text {
    font-size: .5rem;
    color: #666;
    height: 3rem;
}
.list-block .item-content {
    padding-left: .45rem;
}
.page, .page-group {
    background: #fff;
}


.tjpro{
    width: 100%; text-align: center;
    margin: .45rem;
    font-size: .85rem;
    color: #4cb034;
}
.swiper2 {overflow: hidden;}
.swiper2 .swiper-wrapper{
    position: relative;
    
}
.swiper-container-horizontal>.pagination2 {
    left: 0;
    width: 100%;
}
.pagination2 {
    position: relative;
    text-align: center;
    z-index: 10;
    bottom:1rem;
}
.swiper-container-horizontal>.pagination2 .swiper-pagination-bullet {
    margin: 0 .25rem;
}

.pagination2  .swiper-pagination-bullet {
    width: 1.2rem;
    height: .2rem;
    display: inline-block;
    background: #ddd;
    border-radius: 0;
    opacity:0.6;
}

.pagination2 .swiper-pagination-bullet-active {
    background: #f4ae00;
}
.protitle{font-size: .6rem; color: #666; text-align: center; margin: 0px 0px 0.3rem 0px;}