/*
Powered by uimix.com;
date:2014-12-30;
*/


#nb-contain{}

/* main promos */
.nb-m-promos{width: 100%; height: 200px; margin: auto; position: relative; overflow: hidden; z-index: 2; background: #fff; border-bottom: #eee 2px solid; border-top: #eee 2px solid; }
/*.nb-m-promos{width: 100%; height: 200px; margin: auto; position: relative; overflow: hidden; z-index: 2; background: #fff; -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05); -moz-box-shadow: 0 -2px 2px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05); -ms-box-shadow: 0 -2px 2px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05); box-shadow: 0 -2px 2px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05); }*/
.nb-m-promos ul{display: block; margin: 0 2%;}
.nb-m-promos.big ul{display: block; margin: 0 6%;}

.nb-m-promos ul li{width: 25%; height: 200px; overflow: hidden; float: left; position: relative;}
.nb-m-promos ul li a{width: 100%; height: 100%; display: block; overflow: hidden; text-align: center; position: relative;}
.nb-m-promos ul li a:before1{width: 100%; height: 100%; content: ''; position: absolute; left: 0; bottom: 0; background: url(../images/nb-m-promos-hover.png) bottom center no-repeat; opacity: 0; display/*\**/: none \9; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; z-index: 3;}
.nb-m-promos ul li a:hover:before1{opacity: 1;}
.nb-m-promos ul li a i{-webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease;}
.nb-m-promos ul li a:hover i{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.nb-m-promos ul li a h2{display: block; font-size: 16px; color: #333333; position: relative; z-index: 2; margin-top: 20px;}
.nb-m-promos ul li a p{display: block; font-size: 12px; color: #999999; position: relative; z-index: 2; padding-top: 5px;}
.nb-m-promos ul li i{width: 3000px; height: 200px; overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -1500px; text-align: center; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: 477px 200px; z-index: 1;}
.nb-m-promos ul li i img{height: 200px;}











/*product*/
#nubia-wrap #nb-contain{background-color: #f5f5f5;}
.nb-product{width: 100%; padding-top: 60px;}
.nb-pro-nav{width: 100%; height: 120px; margin: auto; border-top: 1px #e6e6e6 solid; font-size: 12px; position: absolute; background: #fff; background: rgba(255,255,255,.95); top: 60px; left: 0; z-index: 2;}
.nb-pro-nav ul{width: 1050px; height: 110px; margin: auto;padding-top: 10px;}
.nb-pro-nav li{float: left; width: 150px; text-align: center;}
.nb-pro-nav li a{display: inline-block; height: 108px; border-bottom: 2px transparent solid; -webkit-transition: border .3s ease;-moz-transition: border .3s ease;transition: border .3s ease;}
.nb-pro-nav li a p{font-size: 12px; color: #999999; padding-top: 4px; }
.nb-pro-nav li a .figure{width: 100%; height: 80px;}
.nb-pro-nav li a:hover{ border-color: #e8340e;}

#nb-pro-high{width: 100%; height: 600px; overflow: hidden; position: relative; z-index: 1;}
#nb-pro-high li{width: 100%; height: 600px; position: absolute; top: 0; left: 0;}
#nb-pro-high li a{display: block;}
#nb-pro-high li a .h-stage{width: 1200px; height: 600px; margin: auto; position: relative;}
#nb-pro-high .nb-h-switch{width: 100%; position: absolute; bottom: 20px; left: 0; text-align: center; z-index: 9;}
#nb-pro-high .nb-h-switch a{width: 20px; height: 20px; display: inline-block; vertical-align: middle; overflow: hidden; margin: 0 5px; position: relative;}
#nb-pro-high .nb-h-switch a b{width: 8px; height: 8px; overflow: hidden; background: #999; position: relative;  top: 5px;  border: 2px transparent solid; display: inline-block; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
#nb-pro-high .nb-h-switch a:hover b,#nb-pro-high .nb-h-switch a.current b{background: transparent; border-color: #e8340e; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }



/*-products 轮播-*/
.high-pro-b1{background-color: #fcf3e4;}
.high-pro-b1 a .figure{position: absolute; top: 0; left: 0; width: 100%; height: 600px;}
.high-pro-b1 a .figure img{position: absolute; top: 0; left: 50%; width: 1920px; height: 600px; margin-left: -960px;}

.high-pro-b2{background-color: #ebebeb;}
.high-pro-b2 a .figure{position: absolute; top: 0; left: 0; width: 100%; height: 600px;}
.high-pro-b2 a .figure img{position: absolute; top: 0; left: 50%; width: 1920px; height: 600px; margin-left: -960px;}

.high-pro-b3{background-color: #ecdecc;}
.high-pro-b3 a .figure{position: absolute; top: 0; left: 0; width: 100%; height: 600px;}
.high-pro-b3 a .figure img{position: absolute; top: 0; left: 50%; width: 1920px; height: 600px; margin-left: -960px;}
/*--*/


/*-access 轮播-*/
.high-access-t1{background-color: #e1e1e1;}
.high-access-t1 a .figure{position: absolute; top: 0; right: -150px; width: 920px; height: 600px; z-index: 1;}
.high-access-t1 a .title{position: absolute; top: 250px; left: 90px; width: 460px; height: 260px; overflow: hidden; z-index: 2;}


.high-access-t2{background-color: #fb7576;}
.high-access-t2 a .figure{position: absolute; top: 0; right: 20px; width: 678px; height: 600px; z-index: 1;}
.high-access-t2 a .title{position: absolute; top: 250px; left: 90px; width: 460px; height: 260px; overflow: hidden; z-index: 2;}
/*--*/




#nb-pro-content{width: 100%; height: auto; overflow: hidden; position: relative;}
.nb-proc-promos{width: 1200px; height: 250px; padding-top: 7px; margin: auto;}
.nb-proc-promos ul{width: 100%; height: 250px;display: table;}
.nb-proc-promos ul li{display: table-cell; height: 250px; width: 33%;text-align: center; overflow: hidden; float: left; position: relative;}
.nb-proc-promos ul li.nb-pv-i-2{margin: 0 .5%;}
.nb-proc-promos ul li a{width: 100%; height: 100%; display: block; overflow: hidden; position: relative;}
.nb-proc-promos ul li a b{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; background-color: rgba(0,0,0,.5); z-index: 2; display/*\**/: none \9; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;}
.nb-proc-promos ul li a b h2{font-size: 18px; color: #fff; padding-top: 180px;}
.nb-proc-promos ul li a b p{font-size: 12px; color: #fff; padding-top: 5px;}
.nb-proc-promos ul li a b:before{width: 60px; height: 60px; display: block; background: url(../images/nb-pro-video-ico.png); background-size: 60px 60px; content: ''; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; background/*\**/: url(../images/nb-pro-video-ico-s.png) \9;}
.nb-proc-promos ul li a:hover b{display/*\**/: block \9; opacity: 1;}
.nb-proc-promos ul li a:hover b:before{ -webkit-animation: pm-popup-ant 2s .5s ease-in-out infinite; -moz-animation: pm-popup-ant 2s .5s ease-in-out infinite; animation: pm-popup-ant 2s .5s ease-in-out infinite;}
.nb-proc-promos ul li i{width: 300%; height: 250px; display: block; overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -150%; text-align: center; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: 638px 300px;}
.nb-proc-promos ul li i img{height: 250px;}
@-webkit-keyframes pm-popup-ant{
    20%{ -webkit-transform: scale(.8); transform: scale(.8);}
    40%{ -webkit-transform: scale(1.2); transform: scale(1.2);}
    60%{ -webkit-transform: scale(.9); transform: scale(.9);}
    80%{ -webkit-transform: scale(1); transform: scale(1);}
    100%{ -webkit-transform: scale(1); transform: scale(1);}
}
@-moz-keyframes pm-popup-ant{
    20%{ -moz-transform: scale(.8); transform: scale(.8);}
    40%{ -moz-transform: scale(1.2); transform: scale(1.2);}
    60%{ -moz-transform: scale(.9); transform: scale(.9);}
    80%{ -moz-transform: scale(1); transform: scale(1);}
    100%{ -moz-transform: scale(1); transform: scale(1);}
}
@keyframes pm-popup-ant{
    20%{ -webkit-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8);}
    40%{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}
    60%{ -webkit-transform: scale(.9); -moz-transform: scale(.9); transform: scale(.9);}
    80%{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
    100%{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
}

#nb-pro-content .nb-proc-list{width: 1200px; margin: auto; padding-bottom: 100px;}
.nb-proc-list dt{padding: 40px 0 30px; text-align: center;}
.nb-proc-list dt h2{font-size: 28px; color: #333;}
.nb-proc-list dt a{font-size: 12px; color: #e8340e; display: block; margin-top: 20px;}
.nb-proc-list dd{width: 100%; position: relative;}
.nb-proc-list dd ul{display: block;}
.nb-proc-list dd li{background: #fff; overflow: hidden;}
.nb-proc-list dd li a{display: block; position: relative;}
.nb-proc-list dd li a .title{width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center; z-index: 2;}
.nb-proc-list dd li a .title h2{font-size: 18px; color: #333; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.nb-proc-list dd li a .title p{font-size: 12px; color: #666; padding-top: 0; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.nb-proc-list dd li a .title b{width: 30px; height: 30px; position: absolute; top: 50%; right: 60px; margin-top: -15px; background-position: 0 -120px;}
.nb-proc-list dd li a:hover .title b{background-position: -30px -120px;}
.nb-proc-list dd li a .title span{display: block; width: 106px; height: 30px; line-height: 30px; text-align: center; margin: auto; font-size: 12px; color: #333; border: #e4e4e4 1px solid; border-radius: 3px; margin-top: 15px; -webkit-transition: color .3s ease-in-out,border .3s ease-in-out; -moz-transition: color .3s ease-in-out,border .3s ease-in-out; transition: color .3s ease-in-out,border .3s ease-in-out;}
.nb-proc-list dd li a:hover .title h2{color: #333;}
.nb-proc-list dd li a:hover .title p{color: #333;}
.nb-proc-list dd li a .title span:hover{color: #e8340e; border: #e8340e 1px solid; }
.nb-proc-list dd.nb-pl-new{height: 1200px;}
.nb-proc-list dd.nb-pl-new ul{height: 1200px;}
.nb-proc-list dd.nb-pl-new li{position: absolute;}
.nb-proc-list dd.nb-pl-new li a.pm-scale-ani .figure{-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.nb-proc-list dd.nb-pl-new li a.pm-scale-ani:hover .figure{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-1{top: 0; left: 0;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-1 a{width: 1200px; height: 395px; position: relative;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-1 a .figure{position: relative; top: 80px; z-index: 1; -webkit-transform: translateX(-2%); -moz-transform: translateX(-2%); -ms-transform: translateX(-2%); transform: translateX(-2%); -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-1 a:hover .figure{-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-1 a .title{width: 300px; position: absolute; top: 150px; right: 50px; left: auto; text-align: center;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-2{bottom: 0; left: 0;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-2 a{width: 395px; height: 795px;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-3{top: 404px; right: 0;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-3 a{width: 795px; height: 390px;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-3 a .figure{-webkit-transform: translateX(4%); -moz-transform: translateX(4%); -ms-transform: translateX(4%); transform: translateX(4%); -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-3 a:hover .figure{-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-4{bottom: 0; left: 405px;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-4 a{width: 390px; height: 395px;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-5{bottom: 0; right: 0;}
.nb-proc-list dd.nb-pl-new li.nb-pl-li-5 a{width: 395px; height: 395px;}
.nb-proc-list dd.nb-pl-accessories{width: 100%; height: 300px;}
.nb-proc-list dd.nb-pl-accessories ul{width: 100%; height: 300px;}
.nb-proc-list dd.nb-pl-accessories li{float: left; margin-right: 10px;}
.nb-proc-list dd.nb-pl-accessories li a.pm-scale-ani .figure{-webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease;}
.nb-proc-list dd.nb-pl-accessories li a.pm-scale-ani:hover .figure{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.nb-proc-list dd.nb-pl-accessories li a .title p{font-size: 12px; color: #666; padding-top: 0; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; transition: color .3s ease-in-out; width: 140px; margin-left: 60px; text-align: left; display: block; padding: 0;}
.nb-proc-list dd.nb-pl-accessories li.nb-pl-li-4{margin-right: 0;}
.nb-proc-list dd.nb-pl-accessories li.nb-pl-li-1 a{width: 295px; height: 300px;}
.nb-proc-list dd.nb-pl-accessories li.nb-pl-li-2 a{width: 290px; height: 300px;}
.nb-proc-list dd.nb-pl-accessories li.nb-pl-li-3 a{width: 290px; height: 300px;}
.nb-proc-list dd.nb-pl-accessories li.nb-pl-li-4 a{width: 295px; height: 300px; margin-right: 0;}
.nb-proc-list dd.nb-pl-accessories li .title{ bottom: 40px;}

.nb-pro-foot{width: 100%; position: relative; background: #fff; padding-top: 40px;}
.nb-pro-foot .nb-pf-passage{width: 1200px;margin: auto; padding-bottom: 50px;}
.nb-pro-foot .nb-pf-passage li{width: 200px; padding: 0 50px; float: left;}
.nb-pro-foot .nb-pf-passage li{width: 200px; padding: 0 50px; float: left; text-align: center;}
.nb-pro-foot .nb-pf-passage li b{width: 60px; height: 60px; margin: auto;}
.nb-pro-foot .nb-pf-passage li h2{padding-top: 30px; font-size: 24px; color: #333;}
.nb-pro-foot .nb-pf-passage li p{height: 95px; padding-top: 15px; font-size: 14px; color: #999;}
.nb-pro-foot .nb-pf-passage li a{display: block; font-size: 12px; color: #e8340e;}
.nb-pro-foot .nb-pf-passage li span{display: block; font-size: 12px; color: #e8340e;}
.nb-pro-foot .nb-pf-passage li strong{display: block; font-size: 12px; color: #666; font-weight: normal;}
.nb-pro-foot .nb-pf-mblist{width: 1200px;margin: auto; padding-top: 20px; border-top: #f1f1f1 1px solid; font-size: 12px;}
.nb-pro-foot .nb-pf-mblist .nb-pf-mblist-crumbs{width: 1000px;margin: auto;}
.nb-pro-foot .nb-pf-mblist .nb-pf-mblist-crumbs b{display: inline-block; vertical-align: middle; padding-right: 5px; position: relative; top: -1px;}
.nb-pro-foot .nb-pf-mblist .nb-pf-mblist-all{padding-top: 20px;width: 1000px; margin: auto;}
.nb-pro-foot .nb-pf-mblist .nb-pf-mblist-all dl{float: left; width: 200px;}
.nb-pro-foot .nb-pf-mblist .nb-pf-mblist-all dl dt{color: #333; height: 16px; padding-bottom: 5px;}
.nb-pro-foot .nb-pf-mblist .nb-pf-mblist-all dl dd{line-height: 2em;}
.nb-pro-foot .nb-pf-mblist .nb-pf-mblist-all dl dd a{color: #999;}
.nb-pro-foot .nb-pf-mblist .nb-pf-mblist-all dl dd a:hover{color: #e8340e;}











/*accessories*/
.nb-accessories{padding-top: 60px;}
.nb-accessories .nb-pro-nav{position: absolute; top: 60px; left: 0; z-index: 2;}
.nb-accessories .nb-pro-nav ul{width: 900px;}
.nb-accessories .nb-pro-nav ul li{width: 150px;}

/*--*/
.high-access-z9max{background-color: #fb7577;}
.high-access-z9max a .figure{position: absolute; top: 0; right: 50px; width: 480px; height: 480px;}
.high-access-z9max a .title{position: absolute; top: 130px; left: 200px; width: 450px; height: 265px;}
/*--*/

.nb-accessories .nb-access-promos{padding-top: 50px; width: 1200px; margin: auto; margin-bottom: 50px;}
.nb-accessories .nb-access-link{background-color: #fff; text-align: center;}
.nb-access-link a{display: block;}
.nb-access-link a .figure{z-index: 1; position: relative; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease;}
.nb-access-link a:hover .figure{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.nb-access-link a .title{width: 100%;  position: absolute;  bottom: 40px;  left: 0;  text-align: center;  z-index: 2;}
.nb-access-link a h2{color: #333; font-size: 18px;}
.nb-access-link a p{color: #666;}
.nb-access-link a span{display: inline-block;  width: 106px; height: 30px; line-height: 30px; overflow: hidden; color: #333; border: #e4e4e4 1px solid; border-radius: 3px; margin-top: 15px; -webkit-transition: color .3s ease-in-out,border .3s ease-in-out;-moz-transition: color .3s ease-in-out,border .3s ease-in-out;transition: color .3s ease-in-out,border .3s ease-in-out;}
.nb-access-link a span:hover{border-color: #e8340e; color: #e8340e;}

.nb-access-promos h2{font-size: 18px;}
.nb-access-promos p{font-size: 12px;}
.nb-access-promos .nb-access-pro-a{width: 790px; height: 400px; float: left; overflow: hidden; position: relative;}
.nb-access-promos .nb-access-pro-a .figure{width: 790px; height: 270px; overflow: hidden;}
.nb-access-promos .nb-access-pro-b{width: 400px; height: 400px; float: right; overflow: hidden; position: relative;}
.nb-access-promos .nb-access-pro-b .figure{width: 400px; height: 270px; overflow: hidden;}

.nb-accessories .nb-access-all{background-color: #fff; overflow: hidden; width: 1200px; margin: auto; color: #cccccc;}
.nb-access-all ul{display: block; width: 90%; margin: auto;}
.nb-access-all ul li{display: block; padding: 15px 0; border-bottom: 1px #f1f1f1 solid;}
.nb-access-all ul li:last-child{border-bottom: none;}
.nb-access-all ul li a{display: inline-block; padding: 0 15px; color: #999899; font-size: 14px; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.nb-access-all ul li a:hover,.nb-access-all ul li a.current{color: #e8340e;}

.nb-accessories .nb-access-prolist{position: relative; width: 1200px; margin: auto; overflow: hidden; margin-bottom: 100px;}
.nb-access-prolist ul li{float: left; width: 292px; height: 300px; position: relative; margin-left: 10px; margin-top: 10px; overflow: hidden;}
.nb-access-prolist ul li.clear-marginleft{margin-left: 0; width: 294px;}
.nb-access-prolist ul li .figure{width: 100%; height: 240px;}
.nb-access-prolist ul li a .title p{font-size: 12px; color: #666; padding-top: 0; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; transition: color .3s ease-in-out; width: 140px; margin-left: 60px; text-align: left; display: block; padding: 0;}
.nb-access-prolist ul li a .title b{width: 30px; height: 30px; position: absolute; top: 50%; right: 60px; margin-top: -15px; background-position: 0 -120px;}
.nb-access-prolist ul li a:hover .title b{background-position: -30px -120px;}

.nb-accessories .nb-access-prolist .nb-access-link a:hover p{color: #e8340e;}







/*service*/
.nb-ser-high img{width:50%;}
.nb-service{background: #f5f5f5; /*padding-top: 60px;*/}
.nb-service .nb-ser-high{width: 100%; height: 334px; overflow: hidden; position: relative;background: url(../images/nb-ser-high.jpg)no-repeat center;background-size:cover;}
.nb-ser-high i{width: 200%; position: absolute; top: 0; left: 50%; margin-left: -100%; text-align: center; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; background-color: #fff;}

.nb-service .nb-ser-content{width: 1200px; margin: auto; position: relative; padding: 20px 0 40px;}
.nb-ser-section .nb-ser-stitle{padding: 10px 0 25px 0; color: #333;}
.nb-ser-section .nb-ser-stitle h2{font-size: 20px; line-height: 1.2em; display:inline-block;}
.nb-ser-section .nb-ser-stitle h3{font-size: 16px; line-height: 1.4em; display:inline-block;}
.nb-ser-section .nb-ser-sbox ul li{float: left; overflow: hidden;}
.nb-ser-sbox ul li.nb-sc-policy-s2{float: right;}
.nb-sc-policy .nb-ser-sbox ul li{width: 595px; height: auto; position: relative; overflow: hidden; background-color: #fff;}
.nb-sc-policy .nb-ser-sbox ul li .figure{width: 200px; height: 256px; overflow: hidden;  float: left;}
.nb-sc-policy .nb-ser-sbox ul li .cont{padding: 90px 60px 0 250px;}
.nb-sc-policy .nb-ser-sbox ul li .cont h2{font-size: 24px; padding-bottom: 15px;}
.nb-sc-policy .nb-ser-sbox ul li .cont p{min-height: 80px;}
.nb-sc-policy .nb-ser-sbox ul li .cont a{color: #e7380d;}




.nb-sc-self .nb-ser-sbox ul li{display: table; width: 100%; background:none; margin-bottom: 10px;}
.nb-sc-self .nb-ser-sbox ul li:last-child{margin-bottom: 0;}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box{display: table-cell; width: 25%; height: 200px; overflow: hidden;}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box a{display: block; height: 200px; margin: 0 5px; background-color: #fff; text-align: center; position: relative; overflow: hidden;}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box a b{width: 80px; height: 80px; overflow: hidden; margin-top: 40px; background-size: 80px 80px; background-repeat: no-repeat; background-color: #fff;}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c1 a b{background-image: url(../images/nb-sc-self-ico1.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c2 a b{background-image: url(../images/nb-sc-self-ico2.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c3 a b{background-image: url(../images/nb-sc-self-ico3.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c4 a b{background-image: url(../images/nb-sc-self-ico4.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c5 a b{background-image: url(../images/nb-sc-self-ico5.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c6 a b{background-image: url(../images/nb-sc-self-ico6.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c7 a b{background-image: url(../images/nb-sc-self-ico7.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c8 a b{background-image: url(../images/nb-sc-self-ico8.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c1 a:hover b{background-image: url(../images/nb-sc-self-ico1-hov.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c2 a:hover b{background-image: url(../images/nb-sc-self-ico2-hov.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c3 a:hover b{background-image: url(../images/nb-sc-self-ico3-hov.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c4 a:hover b{background-image: url(../images/nb-sc-self-ico4-hov.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c5 a:hover b{background-image: url(../images/nb-sc-self-ico5-hov.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c6 a:hover b{background-image: url(../images/nb-sc-self-ico6-hov.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c7 a:hover b{background-image: url(../images/nb-sc-self-ico7-hov.jpg);}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c8 a:hover b{background-image: url(../images/nb-sc-self-ico8-hov.jpg);}
@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
	
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c1 a b{background-image: url(../images/nb-sc-self-ico1-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c2 a b{background-image: url(../images/nb-sc-self-ico2-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c3 a b{background-image: url(../images/nb-sc-self-ico3-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c4 a b{background-image: url(../images/nb-sc-self-ico4-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c5 a b{background-image: url(../images/nb-sc-self-ico5-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c6 a b{background-image: url(../images/nb-sc-self-ico6-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c7 a b{background-image: url(../images/nb-sc-self-ico7-x2.jpg);}
    .nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c8 a b{background-image: url(../images/nb-sc-self-ico8-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c1 a:hover b{background-image: url(../images/nb-sc-self-ico1-hov-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c2 a:hover b{background-image: url(../images/nb-sc-self-ico2-hov-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c3 a:hover b{background-image: url(../images/nb-sc-self-ico3-hov-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c4 a:hover b{background-image: url(../images/nb-sc-self-ico4-hov-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c5 a:hover b{background-image: url(../images/nb-sc-self-ico5-hov-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c6 a:hover b{background-image: url(../images/nb-sc-self-ico6-hov-x2.jpg);}
	.nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c7 a:hover b{background-image: url(../images/nb-sc-self-ico7-hov-x2.jpg);}
    .nb-sc-self .nb-ser-sbox ul li .ser-sc-box.c8 a:hover b{background-image: url(../images/nb-sc-self-ico8-hov-x2.jpg);}
	.nb-service .nb-ser-high{width: 100%; height: 360px; overflow: hidden; position: relative;background: url(../images/nb-ser-high-x2.jpg) no-repeat center;background-size:cover;}
}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box a p{display: block; padding-top: 18px; font-size: 18px; color: #333;}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box a:hover p{color: #333;}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box:first-child a{margin-left: 0;}
.nb-sc-self .nb-ser-sbox ul li .ser-sc-box:last-child a{margin-right: 0;}
.nb-sc-self .nb-ser-sbox ul li .blank a{background/*\**/: #fff url(../images/nb-sc-self-ico-comming.jpg) center center no-repeat \9\0; background: #fff url(../images/nb-sc-self-ico-comming-x2.jpg) center center no-repeat; background-size: 80px 80px;}
.nb-sc-self .nb-ser-sbox ul li .blank b,.nb-sc-self .nb-ser-sbox ul li .blank p{visibility: hidden;}

.nb-sc-faq .nb-ser-sbox ul li{width: 595px; height: 400px; background-color: #fff;}
.nb-sc-faq .nb-ser-sbox ul li.nb-sc-faq-s2{float: right;}
.nb-sc-faq .nb-ser-sbox ul li dl{display: block; margin: 50px 50px 30px; font-size: 14px; color: #333333;}
.nb-sc-faq .nb-ser-sbox ul li dl a{color: #999999; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease;}
.nb-sc-faq .nb-ser-sbox ul li dl a:hover{color: #e8340e ;}
.nb-sc-faq .nb-ser-sbox ul li dl dt{display: block; font-size: 18px; border-bottom: 1px #efefef solid; padding-bottom: 20px; margin-bottom: 40px; position: relative;}
.nb-sc-faq .nb-ser-sbox ul li dl dt a{position: absolute; top: 18px; right: 0; font-size: 14px; color: #e8340e ;}
.nb-sc-faq .nb-ser-sbox ul li dl dt b{display: inline-block; width: 60px; height: 60px; vertical-align: middle; overflow: hidden;}
.nb-sc-faq .nb-ser-sbox ul li dl dd{line-height: 2.6em; display: block; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis;}

.nb-sc-other .nb-ser-sbox{padding-top: 40px;}
.nb-sc-other .nb-ser-sbox ul{width: 1000px; display: block; margin: auto;}
.nb-sc-other .nb-ser-sbox ul li{width: 25%; float: left; text-align: center; background: none; position: relative;}
.nb-sc-other .nb-ser-sbox ul li:before{width: 1px; height: 80%; content: ''; position: absolute; top: 10%; right: 0; background-color: #dcdcdc; overflow: hidden;}
.nb-sc-other .nb-ser-sbox ul li:last-child:before{display: none;}
.nb-sc-other .nb-ser-sbox ul li b{width: 60px; height: 60px; margin-bottom: 10px; overflow: hidden; display: inline-block; background-size: 240px 120px; background-image: url(../images/nb-sc-other-ico.png); background-repeat: no-repeat;}
@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    .nb-sc-other .nb-ser-sbox ul li b{background-image: url(../images/nb-sc-other-ico-x2.png);}
}
.nb-sc-other .nb-ser-sbox ul li a{color: #999999; display: inline-block; position: relative;}
.nb-sc-other .nb-ser-sbox ul li a:hover{color: #e8340e;}
.nb-sc-other .nb-ser-sbox ul li.sc-o-s1 b{background-position: 0 0;}
.nb-sc-other .nb-ser-sbox ul li.sc-o-s1 a:hover b{background-position: 0 -60px;}
.nb-sc-other .nb-ser-sbox ul li.sc-o-s2 b{background-position: -60px 0;}
.nb-sc-other .nb-ser-sbox ul li.sc-o-s2 a:hover b{background-position: -60px -60px;}
.nb-sc-other .nb-ser-sbox ul li.sc-o-s3 b{background-position: -120px 0;}
.nb-sc-other .nb-ser-sbox ul li.sc-o-s3 a:hover b{background-position: -120px -60px;}
.nb-sc-other .nb-ser-sbox ul li.sc-o-s4 b{background-position: -180px 0;}
.nb-sc-other .nb-ser-sbox ul li.sc-o-s4 a:hover b{background-position: -180px -60px;}






/*app*/
span.star{width: 68px; height: 12px; display: none; overflow: hidden; background-position: -20px 0; margin-top: 4px;}
span.star b{display: block; width: 100%; height: 100%; overflow: hidden; background-position: -20px -12px;}
/*.nb--app--ico,b.nb--app--ico,.nb--app--ico b{background: url(../images/nb-app-ico.png) no-repeat; background-size: 400px 400px;}*/
.nb-app-page{background: #f5f5f5; padding-top: 60px;}
.nb-app-page .nb-appage-nav{width: 100%; height: 120px; margin: auto; border-top: 1px #e6e6e6 solid; font-size: 12px; background: #fff; background: rgba(255,255,255,.95); top: 0; left: 0; z-index: 2; position: relative;}
.nb-appage-nav ul{width: 1200px; height: 110px; margin: auto;padding-top: 10px;}
.nb-appage-nav ul li{float: left; width: 140px; text-align: center;}
.nb-appage-nav ul li a{display: block; height: 110px; border-bottom: 2px transparent solid;}
.nb-appage-nav ul li a p{font-size: 12px; color: #999999; padding-top: 4px; }
.nb-appage-nav ul li a b{width: 60px; height: 60px; overflow: hidden; display: inline-block; margin-top: 15px;}
.nb-appage-nav ul li.nav1 a b{background: url(../images/appage-nav-ico1.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav2 a b{background: url(../images/appage-nav-ico2.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav3 a b{background: url(../images/appage-nav-ico3.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav4 a b{background: url(../images/appage-nav-ico4.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav5 a b{background: url(../images/appage-nav-ico5.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav1 a:hover b{background: url(../images/appage-nav-ico1-hov.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav2 a:hover b{background: url(../images/appage-nav-ico2-hov.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav3 a:hover b{background: url(../images/appage-nav-ico3-hov.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav4 a:hover b{background: url(../images/appage-nav-ico4-hov.png) no-repeat; background-size: 60px 60px;}
.nb-appage-nav ul li.nav5 a:hover b{background: url(../images/appage-nav-ico5-hov.png) no-repeat; background-size: 60px 60px;}
@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
	
.nb-appage-nav ul li.nav1 a b{background-image: url(../images/appage-nav-ico1-x2.png); }
.nb-appage-nav ul li.nav2 a b{background-image: url(../images/appage-nav-ico2-x2.png); }
.nb-appage-nav ul li.nav3 a b{background-image: url(../images/appage-nav-ico3-x2.png); }
.nb-appage-nav ul li.nav4 a b{background-image: url(../images/appage-nav-ico4-x2.png); }
.nb-appage-nav ul li.nav5 a b{background-image: url(../images/appage-nav-ico5-x2.png); }
.nb-appage-nav ul li.nav1 a:hover b{background-image: url(../images/appage-nav-ico1-hov-x2.png);}
.nb-appage-nav ul li.nav2 a:hover b{background-image: url(../images/appage-nav-ico2-hov-x2.png);}
.nb-appage-nav ul li.nav3 a:hover b{background-image: url(../images/appage-nav-ico3-hov-x2.png);}
.nb-appage-nav ul li.nav4 a:hover b{background-image: url(../images/appage-nav-ico4-hov-x2.png);}
.nb-appage-nav ul li.nav5 a:hover b{background-image: url(../images/appage-nav-ico5-hov-x2.png);}
    
}
.nb-appage-nav ul li.current a,.nb-appage-nav ul li.current a:hover{ border-color: #e8340e;}
.nb-appage-nav ul li.nb-apa-tool{float: right; width: auto;}
.nb-apa-tool .nb-apa-search{display: inline-block; overflow: hidden; width: 200px; height: 30px; position: relative; top: 38px; border: 1px #e8350d solid; border-radius: 25px; background-color: #fff; text-align: left;}
.nb-apa-tool .nb-apa-search input{width: 160px; position: relative; left:10px; font-size: 14px; color: #000; padding: 5px 0; border: none; background: none;}
.nb-apa-tool .nb-apa-search button{width: 40px; height: 30px; position: absolute; top: 0; right: 0; border: none; background: none; cursor: pointer;}
.nb-apa-tool .nb-apa-search button b{width: 20px; height: 20px; background-position: 0 0;}
.nb-app-page .nb-apa-high{width: 1200px; height: 400px; margin: auto; margin-top: 20px; overflow: hidden; background-color: #fff; position: relative;}
.nb-apa-high ul{display: block; position: relative; height: 400px; z-index: 1;}
.nb-apa-high ul li{width: 100%; height: 100%; display: block; position: relative; overflow: hidden; background-color: #fff; z-index: 1; position: absolute; top: 0; left: 0; display: none;}
.nb-apa-high ul li a{display: block;}
.nb-apa-high .nb-swdot{position: absolute; width: 100%; bottom: 10px; z-index: 9; text-align: center;}
.nb-apa-high .nb-swdot a{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 2px; position: relative;}
.nb-apa-high .nb-swdot a b{width: 8px; height: 8px; overflow: hidden; border: 2px transparent solid; border-radius: 50%; top: 5px; background-color: #fff; background-color: rgba(255,255,255,.6); -webkit-transition: .3s all ease; -moz-transition: .3s all ease; transition: .3s all ease; -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6);}
.nb-apa-high .nb-swdot a:hover b{background-color: rgba(255,255,255,1);}
.nb-apa-high .nb-swdot a.current:hover b,.nb-apa-high .nb-swdot a.current b{background-color: rgba(255,255,255,0); border-color: #fff; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.nb-app-page .nb-appage-content{width: 1200px; margin: auto; margin-top: 40px;}
.nb-appage-content .nb-apa-side{width: 280px; float: left;}
.nb-apa-side dl{display: block; position: relative; margin-bottom: 20px;}
.nb-apa-side dl dt{padding-bottom: 12px; position: relative; display: block;}
.nb-apa-side dl dt strong{font-size: 18px; line-height: 1em; font-weight: normal; color: #333333;}
.nb-apa-side dl dt a{font-size: 14px; position: absolute; top: 5px; right: 0; color: #e8340c;}
.nb-apa-side dl dd{position: relative; display: block; background-color: #fff; min-height: 100px;}
.nb-apa-side dl.nb-apa-weixin{position: relative; height: 350px;}
.nb-apa-side dl.nb-apa-weixin dd{padding-bottom: 40px; position: absolute; height: 280px;}
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico .weixin-ico-box{position: relative;}
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico .weixin-ico-box .code{position: absolute; top: 35px; left: 0; width: 100%; height: 180px; text-align: center; background-color: #fff;}
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico .weixin-ico-box .cd1{z-index: 2; transition: opacity .3s ease;}
/*.nb-apa-side dl.nb-apa-weixin dd.weixin-ico .weixin-ico-box .cd2{opacity: 0; transition: opacity .5s .2s ease;}*/
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico h2{font-size: 18px; color: #333; text-align: center; transition: opacity .3s ease;}
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico .figure{padding-bottom: 20px; padding-top: 30px; text-align: center; transition: transform .3s ease,opacity .3s ease; transform-origin: center 120px;}
.nb-apa-side dl.nb-apa-weixin dd p{margin: 0 30px; display: block; text-align: justify; padding-top: 240px;}

.nb-apa-side dl.nb-apa-weixin dd.weixin-ico:hover .weixin-ico-box .cd1{ display/*\**/:none \9\0; opacity: 0; transition: opacity .6s ease;}
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico:hover .weixin-ico-box .cd1 .figure{ transform: scale(.5); opacity: 0; transition: transform .6s ease,opacity .6s .1s ease;}
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico:hover .weixin-ico-box .cd1 h2{ opacity: 0;}
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico:hover .weixin-ico-box .cd2{ opacity: 1;}

/*
.nb-apa-side dl.nb-apa-weixin dd.weixin-ico{transform: rotateY(0); transform-origin: 50% 50%; transition: transform .3s ease-in-out,opacity .15s ease-in-out; opacity: 1;}
.nb-apa-side dl.nb-apa-weixin dd.weixin-show{transform: perspective(800px) rotateY(180deg); transform-origin: 50% 50%; transition: transform .3s ease-in-out,opacity .15s .15s ease-in-out; opacity: 0;}
.nb-apa-side dl.nb-apa-weixin:hover dd.weixin-ico{transform: perspective(800px) rotateY(-180deg); opacity: 0;}
.nb-apa-side dl.nb-apa-weixin:hover dd.weixin-show{transform: rotateY(0); opacity: 1;}
*/

.nb-apa-side dl.nb-app-ranking dd ul{display: block; padding: 15px 0;}
.nb-apa-side dl.nb-app-ranking dd ul li{display: block; position: relative; color: #999999; padding: 6px 0 2px; overflow: hidden;}
.nb-apa-side dl.nb-app-ranking dd ul li b.app-ico{width: 46px; height: 46px; display: block; float: left; margin-right: 15px; overflow: hidden; position: relative; top: -5px;}
.nb-apa-side dl.nb-app-ranking dd ul li a.download-btn{width: 60px; height: 28px; line-height: 26px; display: inline-block; font-size: 12px; color: #666; border: 1px #cccccc solid; border-radius: 3px; text-align: center; position: absolute; top: 5px; right: 15px; display: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.nb-apa-side dl.nb-app-ranking dd ul li a.download-btn:hover{color: #e8340c; background-color: #fff; border-color:#e8340c;}
.nb-apa-side dl.nb-app-ranking dd ul li a.download-btn:active{color: #fff; background-color: #e8340c; border-color:#e8340c;}
.nb-apa-side dl.nb-app-ranking dd span.numb{float: left; width: 25px; height: 40px; margin-left: 20px; padding-top: 4px; font-size: 12px; position: relative; line-height: 1em; vertical-align: text-top;}
.nb-apa-side dl.nb-app-ranking dd .app-des{position: relative; padding-top: 4px;}
.nb-apa-side dl.nb-app-ranking dd .app-des h3{color: #000; line-height: 1em; font-size: 14px;}
.nb-appage-content .nb-apa-mbox{margin-left: 300px; min-height: 500px;}
.nb-apa-side dl.nb-app-ranking dd ul li.current span.star{display: inline-block;}
.nb-apa-side dl.nb-app-ranking dd ul li.current .app-des p{display: none;}
.nb-apa-side dl.nb-app-ranking dd ul li.current .app-des a.download-btn{display: block;}
.nb-apa-side dl.nb-app-ranking dd ul li.current{background-color: #fafafa;}
.nb-apa-side .nb-apa-nice dd{padding-bottom: 25px;}
.nb-apa-nice dd .app-show-box{width: 240px; height: 155px; overflow: hidden; margin: 0 auto; padding: 20px 0; text-align: center;}
.nb-apa-nice dd .nb-pub-info{width: 240px; margin: auto; font-size: 12px;}
.nb-apa-nice dd .nb-pub-info .user-face{width: 68px; height: 68px; float: left; overflow: hidden; border: 1px #e6e9ea solid; border-radius: 50%; position: relative;;}
.nb-apa-nice dd .nb-pub-info .user-face b{width: 60px; height: 60px; overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,.5);}
.nb-apa-nice dd .nb-pub-info h3{font-size: 14px; color: #333333; margin-left: 78px; margin-right: 20px; display: block; padding-top: 4px; line-height: 1.5em; overflow: hidden; white-space: nowrap;}
.nb-apa-nice dd .nb-pub-info p{line-height: 1.5em; margin-left: 78px; display: block; margin-right: 20px; overflow: hidden; white-space: nowrap;}

.nb-appage-content .nb-apa-mbox{}
.nb-apa-mbox .nb-app-section{min-height: 100px; margin-bottom: 30px;}
.nb-app-section .title{padding-bottom: 12px; position: relative; display: block;}
.nb-app-section .title strong{font-size: 18px; line-height: 1em; font-weight: normal; color: #333333;}
.nb-app-section .title .nb-ap-swbtn{position: absolute; top: -2px; right: 0;}
.nb-app-section .title .nb-ap-swbtn a{width: 24px; height: 24px; overflow: hidden; display: inline-block; margin-left: 5px; position: relative; background: none;}
.nb-app-section .title .nb-ap-swbtn a b{width: 18px; height: 18px; overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px;}
.nb-app-section .title .nb-ap-swbtn a.prev b{background-position: 0 -24px;}
.nb-app-section .title .nb-ap-swbtn a.prev:hover b{background-position: -36px -24px;}
.nb-app-section .title .nb-ap-swbtn a.next b{background-position: -18px -24px;}
.nb-app-section .title .nb-ap-swbtn a.next:hover b{background-position: -54px -24px;}
.nb-app-section .nb-app-list{min-height: 100px; overflow: hidden;}
.nb-app-list ul{display: block; position: relative; height: 211px; overflow: hidden;}
.nb-app-list ul li{display: block; position: absolute; width: 100%; height: 211px; overflow: hidden; top: 0; left: 0;}
.nb-app-list .nb-alist-item{width: 172px; height: 211px; float: left; margin-left: 10px; background-color: #fff; overflow: hidden; position: relative;}
.nb-app-list .nb-alist-item:first-child{margin-left: 0;}
.nb-app-list .nb-alist-item .nb-alist-slide-box{width: 100%; height: 100%; position: relative;}
.nb-app-list .nb-alist-item .nbalist-info-area{position: relative; width: 100%; height: 100%;}
.nb-app-list .nb-alist-item .nbalist-app-ico{text-align: center; padding: 25px 0 10px;}
.nb-app-list .nb-alist-item .nbalist-app-info{margin: 0 20px; text-align: center; color: #999999; font-size: 12px;}
.nb-app-list .nb-alist-item .nbalist-app-info h2{font-size: 14px; color: #333333; display: block; margin-bottom: 2px;}
.nb-app-list .nb-alist-item .nbalist-score{margin: 0 20px; text-align: center; padding-top: 10px; color: #999999; font-size: 12px;}
.nb-app-list .nb-alist-item .nbalist-score span.star{display: inline-block; margin: auto;}
.nb-app-list .nb-alist-item .nbalist-score p{padding-top: 2px;}
.nb-app-list .nb-alist-item .nbalist-layer-info{width: 100%; height: 100%; position: absolute; top: 0; left: 100%; overflow: hidden; background-color11: #e7380d;}
.nbalist-layer-info .layinfo-area{padding: 30px 0 18px; margin: 0 15px;}
.nbalist-layer-info .layinfo-area h2{font-size: 14px; color: #333; display: block; margin-bottom: 8px;}
.nbalist-layer-info .layinfo-area p{font-size: 12px; color: #999; padding: 2px 0; display: block; overflow: hidden; white-space: nowrap;}
.nbalist-layer-info .layinfo-area p span{color: #333;}
.nbalist-layer-info .layinfo-dowload-btn{text-align: center; position: relative; z-index: 3;}
.nbalist-layer-info a.layinfo-detail-btn{position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 1px #e7380d solid; box-sizing: border-box; -webkit-transition: border .1s ease; -moz-transition: border .1s ease; transition: border .1s ease;}
/*.nb-alist-item.current .nbalist-layer-info a.layinfo-detail-btn{border-color: #ffc0b2; -webkit-transition: border .3s ease-in-out; -moz-transition: border .3s ease-in-out; transition: border .3s ease-in-out;}*/
.nbalist-layer-info .layinfo-dowload-btn a{width: 80px; height: 28px; line-height: 26px; display: inline-block; font-size: 12px; color: #fff; border: 1px #e7380d solid; border-radius: 3px; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #e7380d;}
/*.nbalist-layer-info .layinfo-dowload-btn a:hover{color: #e8340c; background-color: #fff; border-color:#e8340c; }*/
.nbalist-layer-info .layinfo-dowload-btn a:active{color: #fff; background-color: #e8340c; border-color:#e8340c;}

.nb-apa-mbox .nb-app-theme{height: 250px; overflow: hidden; margin-bottom: 30px; background-color: #eaeaea;}
.nb-app-theme .title{width: 340px; height: 250px; float: left; overflow: hidden; text-align: center;}
.nb-app-theme .title b.nb-app-theme-ico{display: block; width: 100%; height: 65px; padding-top: 50px; padding-bottom: 10px; text-align: center;}
.nb-app-theme .title h2{display: block; font-size: 36px; padding-bottom: 10px; color: #666;}
.nb-app-theme .title a{ font-size: 12px; color: #e7380d;}
.nb-app-theme .nb-app-list{width: 556px; height: 250px; float: right; overflow: hidden; padding-top: 20px;}
/*++++++++++*/
/*
.app-month5-theme{background-image: url(../tmp/images/nb-app-5month-theme1.jpg);}
.app-photo-theme{background-image: url(../tmp/images/nb-app-photo-theme1.jpg);}
.app-select-theme{background-image: url(../tmp/images/nb-app-select-theme1.jpg);}
*/
/*++++++++++*/
.nb-app-foot{margin-top: 50px; padding: 40px 0; border-top: 1px #e0e0e0 solid;}
.nb-app-foot .nb-apf-content{width: 1200px; margin: auto;}
.nb-apf-content dl{display: block; float: left; width: 20%;}
.nb-apf-content dl dt{font-size: 18px; color: #333333; padding-bottom: 10px; display: block;}
.nb-apf-content dl dd{display: block; padding: 4px 0;}
.nb-apf-content dl dd a{color: #666666;}
.nb-apf-content dl dd a b{width: 18px; height: 18px; margin-right: 8px; position: relative; top: -2px;}
.nb-apf-content dl dd.nb-app-sina a b{background-position: 0 -42px;}
.nb-apf-content dl dd.nb-app-weixin a b{background-position: -18px -42px;}
.nb-apf-content dl dd.nb-app-forum a b{background-position: -36px -42px;}