/*首页*/
.kv-custom-nav{position: relative;z-index: 2;}
.kv-custom-nav .nav-item{
    display: block;
    width: 101px;
    height: 101px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.kv-custom-nav .nav-item.prev-nav{background-image:url('/images/apps/frontend/home/prev.png');left: 25px;}
.kv-custom-nav .nav-item.next-nav{background-image:url('/images/apps/frontend/home/next.png');right: 25px;}

.only_one_img{width: 100%;}
.bx-wrapper .bx-pager{width: 100%;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{right: 0px;}
#owl-demo-kv{display: none;}
#owl-demo-kv .owl-controls{margin-top: 0px;}
#owl-demo-kv .owl-controls,
#owl-demo-kv .owl-dots,
#owl-demo-kv .owl-dots .owl-dot
{height: 10px;}
#owl-demo-kv .owl-dots .owl-dot{display: inline-block;position: relative;top: -30px;}
#owl-demo-kv .owl-dots .owl-dot span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    background: url('/images/apps/frontend/home/dot.png') no-repeat center center;
}
#owl-demo-kv .owl-dots .owl-dot.active span{
    background-image: url('/images/apps/frontend/home/dot_active.png');
}

#owl-demo-sub-kv{display: none;}
.index{position: relative;}
.index .index-inner{position: absolute;top: 0px;height: 100%;width: 100%;}
.index .index-inner .fixwidth1{position: relative;height: 100%;}

.index-1 .index-slider-sub-container .custom-nav{position: relative;z-index: 4;width:100%;margin: 0px auto;}
.index-1 .index-slider-sub-container .custom-nav a{
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #dfdfdf;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px auto;
    text-indent: -9999px;
    position: absolute;
    top: 0px;
    cursor: pointer;
}
.index-1 .index-slider-sub-container .custom-nav a:hover{background-color: #9e9e9e;}
.index-1 .index-slider-sub-container .custom-nav a.nav-prev{background-image: url('/images/apps/frontend/home/nav_prev.png');left: -80px;}
.index-1 .index-slider-sub-container .custom-nav a.nav-next{background-image: url('/images/apps/frontend/home/nav_next.png');right: -80px;}


.index-2{height: 790px;padding-top: 25px;position: relative;}
.index-2.about-sakura .title{margin-bottom: 20px;margin-top:0px;}
.index-2 .product-name{display: block;text-align: center;font-size: 18px;color: #484242}
#owl-demo{height: 270px;width: 1000px;margin: 0px auto;overflow: hidden;}
#owl-demo .owl-item a{display: block;max-width: 226px;margin: 0px auto;height: 180px;padding-bottom: 25px;}
#owl-demo .owl-item a:hover{background-color: #F2F9FF;border: 1px #D5D3FF solid;}
#owl-demo .owl-item img {
    max-width: 200px;
    margin: 0px auto;
}
.index-2 .custom-nav{position: relative;z-index: 4;width: 1000px;margin: 0px auto;}
.index-2 .custom-nav a{
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #dfdfdf;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px auto;
    text-indent: -9999px;
    position: absolute;
    top: 140px;
    cursor: pointer;
}
.index-2 .custom-nav a:hover{background-color: #9e9e9e;}
.index-2 .custom-nav a.nav-prev{background-image: url('/images/apps/frontend/home/nav_prev.png');left: -60px;}
.index-2 .custom-nav a.nav-next{background-image: url('/images/apps/frontend/home/nav_next.png');right: -60px;}
.index-3{height: 533px;background: url(/images/apps/frontend/home/index_3.jpg?t=20161101) no-repeat center center;}
.index-3 .index-inner span{font-size: 54px;color: #fdfefe;line-height: 70px;position: absolute;bottom: 95px;right: 55px;}

.index-4{height: 400px;background: url(/images/apps/frontend/home/index_4.jpg) no-repeat center center;}
.index-4 .index-inner .index-txt{position: absolute;right: 0px;top: 10%;}
.index-4 .index-inner .index-txt p{font-size: 22px;color: #ffdddd;opacity: 0.8;line-height: 30px;}
.index-4 .index-inner .index-txt p.title{font-size: 40px;color: #f9fbfc;opacity: 0.98;line-height: 60px;margin-bottom: 5%;}
.index-4 .index-inner .shopping_guide{
    display: inline-block;
    width: 220px;
    height: 70px;
    background: url(/images/apps/frontend/home/shop_btn.png) center center no-repeat;
    margin-top: 218px;
    margin-right: 238px;
}

.index-5{height: 399px;background: url(/images/apps/frontend/home/index_5.jpg) center center no-repeat;}
.index-5 .index-inner img{position: absolute;right: 0px;bottom: 0px;}
.index-5 .server-box-a{display: inline-block;margin-top: 206px;margin-left: 48px;}
.index-5 .server-box-a a{display: inline-block;height: 60px;width: 140px;}
.index-5 .server-box-a a.sw,
.index-5 .server-box-a a.aqjc{margin-right: 22px;}
.index-5 .server-box-txt{margin-left: 60px;margin-top: 24px;}
.index-5 .server-box-txt a{display: none;}
.index-5 .server-box-txt a.sw-txt{display: inline-block;}
.index-5 .server-box-txt p{
    font-size: 13px;
    color: #fff;
    line-height: 22px;
    display: inline-block;
    padding-right: 20px;
    background:  url(/images/apps/frontend/home/nav_arrow.png) no-repeat right 48px;
    position: relative;
}
.index-5 .server-box-txt p span{
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top:7px;
    left: -10px;
}
.index-5 .server-box-txt a.aqjc-txt p{left: 168px;}
.index-5 .server-box-txt a.cfby-txt p{background: none;left: 330px;}

.index-6{height: 246px;background: url(/images/apps/frontend/home/index_6.jpg) no-repeat center center;}
/*欧博官网ABG服务*/
#sakura-server .sakura-server-inner{
    width: 920px;
    height: 190px;
    margin: 0px auto;
    text-align: center;
    padding-top: 22px;
    position: relative;
    overflow: hidden;
}
#sakura-server #server-icon-bg{position: absolute;bottom: 15px;left: -240px;}
#sakura-server .sakura-server-inner.server-1 #server-icon-bg{left: 28px;}
#sakura-server .sakura-server-inner.server-2 #server-icon-bg{left: 190px;}
#sakura-server .sakura-server-inner.server-3 #server-icon-bg{left: 345px;}
#sakura-server .sakura-server-inner.server-4 #server-icon-bg{left: 506px;}
#sakura-server .sakura-server-inner.server-5 #server-icon-bg{left: 664px;}
#sakura-server .server-nav{margin-top: 26px;margin-left: 45px;}
#sakura-server .server-nav .nav-item{float: left;}
#sakura-server .server-nav .nav-item a,
#sakura-server .server-nav .nav-item span{display:block;width: 158px;}
#sakura-server .server-nav .nav-item a{height: 160px;}
#sakura-server .server-nav .nav-item .server-img{
    position: relative;
    z-index: 2;
    width: 158px;
    height: 108px;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
}
#sakura-server .server-nav .nav-item a:hover .server-img{background-position: center -108px;}
#sakura-server .server-nav .nav-item .server-name{
    display: block;
    font-size: 22px;
    line-height: 22px;
    color: #ffffff;
    position: absolute;
    bottom: 5px;
    padding-top: 30px;
}
#sakura-server .server-nav .nav-item-1 .server-img{
    background-image: url(/images/apps/frontend/home/icon1.png);
}
#sakura-server .server-nav .nav-item-2 .server-img{
    background-image: url(/images/apps/frontend/home/icon2.png);
}
#sakura-server .server-nav .nav-item-3 .server-img{
    background-image: url(/images/apps/frontend/home/icon3.png);
}
#sakura-server .server-nav .nav-item-4 .server-img{
    background-image: url(/images/apps/frontend/home/icon4.png);
}
#sakura-server .server-nav .nav-item-5 .server-img{
    background-image: url(/images/apps/frontend/home/icon5.png);
}

.about-sakura .title{background: url(/images/apps/frontend/home/title_bg.png) center center no-repeat;height: 50px;margin: 65px 0px 35px 0px;}
.about-sakura .title h2{font-size: 34px;color: #333333;line-height: 50px;text-align: center;}
.index-7 .about-item{margin-right: 17px;}
.index-7 .last-item{margin-right: 0px;}

.about-sakura .about-item{position: relative;}
.about-sakura .about-item .about-icon{position: absolute;right: 10px;bottom: 40px;}
.about-sakura .about-item .about-news-num{
    font-size: 26px;
    color: #ffffff;
    text-align: center;
    line-height: 48px;
    width: 48px;
    height: 48px;
    right: 15px;
    bottom: 48px;
    background:url(/images/apps/frontend/home/news_icon.png) center center no-repeat;
}
.about-sakura .about_txt{color:#79797b;}
.about-sakura .about_txt strong{
    display: inline-block;
    font-size: 18px;
    color: #2A2C38;
    padding-right: 35px;
    margin:15px 0px;
    background: url(/images/apps/frontend/home/arrow.png) right center no-repeat;
}
.about-sakura  a{display: block;}
.about-sakura  a:hover .about_txt strong{
    background-image: url(/images/apps/frontend/home/arrow_active.png);
}
.about-sakura .about_txt p{font-size: 16px;}

.index-8{margin-bottom: 66px;}

#index-2 .prodcut-sub-category-nav{
    background: #F5F5F5;
    height: 90px;
    width: 100%;
}
#index-2 .prodcut-sub-category-nav-inner{
    width: 1190px;
    margin: 0 auto;
    position: relative
}
#index-2 .rqz-sub-category-nav li{
    width: 112px;
    float: left;
    height: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 18px;
    color: #79797b;
    padding: 0 15px;
}
#index-2 .rqz-sub-category-nav li:hover,#index-2 .rqz-sub-category-nav li.active{
    background: #fff;
}
#index-2 .rqz-sub-category-nav li:hover a,#index-2 .rqz-sub-category-nav li.active a{
    border-bottom: 3px solid #FB7070;
    display: block;
    width: auto;
    height: 87px;
    margin: 0 auto;
}
#index_sg_btn{
    background: url("/images/apps/frontend/product_list/helper_btn.png") no-repeat scroll center center;
    display: inline-block;
    position: absolute;
    height: 46px;
    width: 170px;
    right: 0px;
    top: 21px;
}
#index-2 .product-list-block{
    width: 1190px;
    margin: 30px auto 0;
    height: 450px;
}
#index-2 .product-list-block .parent-ul .item{
    float: left;
    width: 282px;
    margin: 0px 20px 9px 0px;
    position: relative;
    height: 420px;
}
#index-2 .product-list-block .parent-ul .item.no-margin-right{
    margin-right: 0px;
}
#index-2 .product-list-block .parent-ul .item .img-box{height: 240px;text-align: center;border:2px #F5F5F5 solid;}
#index-2 .product-list-block .parent-ul .item .img-box img{margin-top: 10px;}
#index-2 .product-list-block .parent-ul .product-info{padding: 2px;}
#index-2 .product-list-block .parent-ul .product-info .product-name{font-size: 16px;color: #00213b;margin-top: 18px;margin-bottom: 5px; text-align: left;}
#index-2 .product-list-block .parent-ul .product-info .product-model{font-size: 14px;color: #666666;}
#index-2 .product-list-block .parent-ul .product-info .sub-ul{
    font-size: 12px;
    color: #969696;
    margin-top: 23px;
    max-height: 100px;
    width: 100%;
    overflow: auto;
}
#index-2 .product-list-block .parent-ul .product-info .sub-ul li{
    background: url(/images/apps/frontend/product_list/dot.png) left 8px no-repeat;
    padding-left: 12px;
    line-height: 20px;
}

#index-2 .product-list-block .parent-ul .product-info .pk-btn{
    display: inline-block;
    margin-top: 13px;
    width: 73px;
    height: 31px;
    background: url(/images/apps/frontend/product_list/pk.png) center center no-repeat;
}

#index-2 .product-list-block .parent-ul .item .product-like{
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 14px;
    right: 12px;
}
#index-2 .product-list-block .parent-ul .item .product-like .like-num{
    display: block;
    padding: 0px 5px;
    font-size: 12px;
    color: #666666;
}

/*更改型号 popup*/
#change-product-popup{width: 100%;height: 100%;border: none;}
#change-product-popup .change-product-content,
#change-product-popup .change-product-content td
{width: 100%;height: 100%;vertical-align: middle;}
#change-product-popup .change-product-content-inner{
    position: relative;
    top: -99px;
    background-color: #fff;
    height: 682px;
    width: 1122px;
    margin: auto;
    border-top: 6px #D41827 solid;
}
#change-product-popup .change-product-content-inner .popup-close{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -20px;
    top: -20px;
    background: url('/images/apps/frontend/sg_btn_close.png') center center no-repeat  #d41827;
    border-radius: 50%;
}

#change-product-popup  .popup-left{width: 734px;height: 682px;padding-left: 36px;}
#change-product-popup  .popup-right{width: 352px;height: 682px;background-color: #F5F5F5;}
#change-product-popup  li.item{position: relative;cursor: pointer;}
#change-product-popup  .product-name{font-size: 18px;color: #00213b;}
#change-product-popup  .product-model{color: #868F9A;}
#change-product-popup .product-info  .product-model{text-align: left;}
.popup-left .top{margin:32px 0px 22px 0px;}
.popup-left .chose-series{
    display: block;
    position: relative;
    font-size: 18px;
    color: #2c2c2c;
    width: 172px;
    height: 38px;
    line-height: 38px;
    border: 1px #A8A8A8 solid;
    border-radius: 4px;
    padding-left: 18px;
    z-index: 2;
    background: url('/images/apps/frontend/product_pk/arrow_down.png') 165px center no-repeat;
    text-align: left;
}
.popup-left .chose-series.active{background-image: url('/images/apps/frontend/product_pk/arrow_up.png');}
.popup-left .chose-series  ul{
    display: none;
    position: absolute;
    width: 190px;
    border: 1px #A8A8A8 solid;
    border-top: 0px;
    padding:10px 0px;
    left: -1px;
    background-color: #fff;
}
.popup-left .chose-series  ul li{display: block;height: 35px;line-height: 35px;padding-left: 18px;}
.popup-left .chose-series  ul li.active{background-color: #F5F5F5;}
.popup-left .product-list {text-align: center;}
.popup-left .product-list ul{height: 588px;overflow: auto;}
.popup-left .product-list ul li{float: left;width: 230px;margin-bottom: 38px;}
.popup-left .product-list .radio-check{
    display: inline-block;
    width: 34px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 25px;
    background:  url('/images/apps/frontend/product_pk/checked.png') center top no-repeat;
}
.popup-left .product-list li.active .radio-check{background-position: center -40px;}
.popup-left .product-list .product-name{margin-bottom: 8px;}
.popup-right .top{margin:32px 0px 28px 26px;}
.popup-right .top p{font-size: 22px;color: #00213b;text-align: left;}
.popup-right .pk-product-list ul{width: 332px;margin: 0px auto;height: 538px;}
.popup-right .pk-product-list li{border: 1px #E6E6E6 solid;border-radius: 3px;background-color: #fff;margin-bottom: 10px;}
.popup-right .pk-product-list li .product-name{margin: 25px 0px 6px 0px;}
.popup-right .pk-product-list li .product-img{width: 111px;margin-left: 5px;}
.popup-right .pk-product-list li .product-info{width: 196px;}
.popup-right .pk-product-list li .pk-product-delete{
    display: block;
    font-size: 14px;
    color: #fff;
    width: 68px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    background:  url('/images/apps/frontend/product_pk/delete.png') center center no-repeat;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

#change-product-popup .begin-pk-btn{
    display: block;
    font-size: 24px;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 66px;
    line-height: 66px;
    background:  url('/images/apps/frontend/product_pk/pk_bg.jpg') center center no-repeat;
}

#prodcut-list-wrapper{position: relative;width: 1190px;margin: 0px auto;z-index: 1;}
#prodcut-list-wrapper .shopping-guide{
    display: inline-block;
    width: 170px;
    height: 46px;
    background:  url(/images/apps/frontend/product_list/helper_btn.png) center center no-repeat;
    position: absolute;
    right: 30px;
    top: -80px;
}


#app-product-sub-category-txt{
    position: absolute;
    top: 120px;
    left: 0px;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 10px #000;
}

#app-product-sub-category-txt h2,#app-product-sub-category-txt p{color: #fff;}
#app-product-sub-category-txt h2{font-size: 36px;line-height: 36px;}
#app-product-sub-category-txt table{width: 100%;}
#app-product-sub-category-txt table td{vertical-align: middle;height: 145px;}
#app-product-sub-category-txt p{font-size: 16px;line-height: 26px;}
