html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font-family:"Microsoft YaHei","宋体",tahoma,arial,simsun;font-weight: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul, li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
a{text-decoration: none;color:#666;}
.w1170{width: 1170px;margin:0 auto;position: relative;height: 1200px}
@font-face {	  font-family: SYHT;	  src: url('../font/SHSCN-ELight.woff');}
.section h1{font-family: SYHT,"Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";font-weight: normal;}

.hd{overflow: hidden;background: #000;}
.hd .hd-inner{width: 1200px;margin:0 auto;}
.hd .logo{float: left;background: url(../images/nubia-logo.png) no-repeat 0 0;width: 190px;height: 55px}
.hd .navtop{float: right;line-height: 58px;margin-right: 80px;}
.navtop li{float: left;margin-left: 45px;}
.navtop li a{padding: 10px;color: #fff}
.navtop li a.cur{color: #e8340e;padding: 10px;padding-bottom: 10px;}
.section {overflow: hidden;}
.section  img{width: 100%;display: block; }
.desc p{color:#555!important;}
.desc h1{color:#333!important;}

.section01 {height: 800px; background:#f4f4f4; width: 100%;position: relative;}
.section01 .desc {position: relative;top: 560px;color:#333;text-align: center;}
.section01 .desc h1{color:#000;font-size: 50px;margin-bottom: 20px;}
.section01 .desc p{color:#333;display: block;text-align: center;font-size: 16px;line-height: 1.5;}
.section01 .section01-abs {position:absolute;left: 31%;bottom: 36%;width: 433px;}

.section02 {height: 1200px; background:url(../images/section02_bg.jpg) no-repeat center 0;width: 100%;position: relative;}
.section02 .desc {position: relative;top: 140px;color:#333;text-align: center;}
.section02 .desc h1{color:#000;font-size: 50px;margin-bottom: 20px;}
.section02 .desc p{color:#333;display: block;text-align: center;font-size: 16px;line-height: 1.5;margin-bottom: 10px}
.section02 .section02-abs {position:absolute;left: 12%;bottom: 0;width: 763px;}

.section03 {background: #e9e8e6;height: 990px}
.section03 .desc {line-height:1.5;color:#333;overflow: hidden;text-align: left;top: 180px;right: 100px;z-index: 1;position: absolute;}
.section03 .desc h1{color: #333;font-size: 50px;line-height: 1.2;margin-bottom: 25px;margin-top: 10px;}
.section03 .desc small{font-size: 16px; line-height: 1.2; margin-bottom: 10px; display: block; }
.section03 .desc p{color: #555;text-align: left;font-size: 16px;margin-bottom: 10px;}
.section03 .section03-abs {position:absolute;bottom: 0;left: 50%;margin-left: 0px;}
.section03 .extra{font-size: 16px;line-height: 1.5;margin-top: 40px;margin-bottom: 10px}
.section03 a:hover{color:#999;}
.section03 .desc-con{}

.section04 {height: 990px;background: #E55658;width: 100%;}
.section04 .desc {line-height:1.5;color: #fff;overflow: hidden;text-align: left;position: absolute;top: 340px;left: 60px;z-index: 1;color:#fff;}
.section04 .desc h1{font-size: 50px;line-height: 1.2;margin-bottom: 25px;margin-top: 10px;color:#fff!important;}
.section04 .desc small{font-size: 16px; line-height: 1.2; margin-bottom: 10px; display: block; }
.section04 .desc p{text-align: left;font-size: 16px;margin-bottom: 25px;color:#fff!important;}
.mp4-section04{position: absolute; top:170px; left: 50%; margin-left:70px; }
.mp4-section04 video{width: 321px; top: 68px; position: relative; left: 42px; border-radius: 2px; }

.section05 {height: 990px;background: #fff;width: 100%;}
.section05 .desc {line-height:1.5;position: absolute;top: 350px;color:#333;right: 180px;}
.section05 .desc h1{color: #333;font-size: 50px;line-height: 1.2;margin-bottom: 30px;}
.section05 .desc small{font-size: 32px; line-height: 1.5;display: block; color: #444;}
.section05 .desc p{color: #555;margin-bottom: 220px;font-size: 16px;}
.section05 .section05-abs {position:absolute;bottom: 26%;left: 50%;margin-left: -540px;width: 421px;}

.section06 {height: 1200px; background:#fff url(../images/section06_bg.jpg) no-repeat center 0;width: 100%;position: relative;}
.section06 .desc {position: relative;top: 130px;color:#333;text-align: center;}
.section06 .desc h1{color:#000;font-size: 50px;margin-bottom: 20px;}
.section06 .desc p{color:#333;display: block;text-align: center;font-size: 16px;line-height: 1.5;margin-bottom: 10px}
.section06 .section06-abs {position:absolute;left: 29%;bottom: 5%;width: 514px;}

.section07 {height: 1200px; background:#E9E8E6;width: 100%;position: relative;}
.section07 .desc {position: relative;top: 160px;color:#333;text-align: center;}
.section07 .desc h1{color:#000;font-size: 50px;margin-bottom: 20px;}
.section07 .desc p{color:#333;display: block;text-align: center;font-size: 16px;line-height: 1.5;}
.section07 .section07-abs {position:absolute;left: 50%;margin-left:-719px; bottom: 10%;width: 1438px;}

.tab_nav_section03 {position: absolute;bottom: 36%;right: 170px;display: inline-block;font-size: 28px;color:#a2a2a2;}
.tab_nav_section03 li{display: inline-block;padding: 10px;cursor: pointer;font-family:"Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";color:#a2a2a2;}
.tab_nav_section03 li:last-child{border-right:none;}
.tab_nav_section03 li.on{color: #ebaa1b;}
.tab_con_section03 .mp4-ui02{
    margin-left: 40px;
    position: absolute;
    top: 140px;
}
.tab_con_section03 video{position: absolute;width: 319px;top: 75px;left: 42px;border: none;}

.mp4{
    width: 400px;
    height: 716px;
    background: url(../images/z11_shell.png) no-repeat;
}




/* footer */
.nb---bn---icon,.nubia-navigator li.nb-users-bar b.user-ico,.nubia-navigator li.nb-tips-bar span.nb-tips-con button,.nb-social-bar .nb-s-list a b,span.nb-rad-inp button,#nb-show-layer .nb-sl-close,.nubia-copyright span.nb-footer-func a{background-image: url(../images/nubia-syb-all.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; vertical-align: middle; position: relative; background-size: 500px 400px;}
.nubia-copyright span.nb-footer-func strong{background-image: url(../images/nubia-foot-tel.jpg); background-repeat: no-repeat; display: inline-block; overflow: hidden; vertical-align: middle; position: relative; background-size: 220px 30px;}
span.nb-footer-func .nb-footer-wx-layer:before{background-image: url(../images/nb-footer-wx-layer-coner.jpg);}
.nubia-navigator li.nb-users-bar dl.nb-user-menu em,.nubia-navigator li.nb-tips-bar dl.nb-tips-menu em{background-image: url(../images/nb-user-menu-corner.png); background-size: 30px 14px; background-repeat: no-repeat;}

#nb-footer{padding: 30px 0 50px 0; margin: auto; z-index: 9; /*font-family: 'Shscn';*/}
.nubia-copyright{margin: auto; width: 1000px; color: #ccc; position: relative; font-size: 12px;}
.nubia-copyright .nubia-foot-nav {padding-top:8px; -webkit-transform: scale(0.83333333) translateX(-99px);-moz-transform: scale(0.83333333) translateX(-99px);-ms-transform: scale(0.83333333) translateX(-99px);transform: scale(0.83333333) translateX(-99px);}
.nubia-copyright .nubia-foot-nav a{padding: 0 15px; color: #999; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.nubia-copyright .nubia-foot-nav a:first-child{padding-left: 0;}
.nubia-copyright .nubia-foot-nav a:hover{color: #333;}
.nubia-copyright .nb-footer-info{padding-top: 10px; -webkit-transform: scale(0.83333333) translateX(-99px);-moz-transform: scale(0.83333333) translateX(-99px);-ms-transform: scale(0.83333333) translateX(-99px);transform: scale(0.83333333) translateX(-99px);}
.nubia-copyright .nb-footer-info a{display: inline-block; margin-right: 20px; color: #ccc; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.nubia-copyright .nb-footer-info a:hover{color: #333;}
.nubia-copyright span.nb-footer-func{position: absolute; top: 0; right: 0;}
.nubia-copyright span.nb-footer-func a{width: 30px; height: 30px; overflow: hidden; display: inline-block; margin-left: 10px; line-height: 1em; position: relative;}
.nubia-copyright span.nb-footer-func a.nb-en-ico{background-position: -96px 0;}
.nubia-copyright span.nb-footer-func a.nb-weibo-ico{background-position: -126px 0;}
.nubia-copyright span.nb-footer-func a.nb-weixin-ico{background-position: -156px 0;}
.nubia-copyright span.nb-footer-func a.nb-apk-ico{background-position: -246px 0;}
.nubia-copyright span.nb-footer-func a.nb-cloud-ico{background-position: -186px 0;}
.nubia-copyright span.nb-footer-func a.nb-service-ico{background-position: -216px 0;}
.nubia-copyright span.nb-footer-func a.nb-weibo-ico:hover{background-position: -126px -30px;}
.nubia-copyright span.nb-footer-func a.nb-weixin-ico:hover{background-position: -156px -30px;}
.nubia-copyright span.nb-footer-func a.nb-apk-ico:hover{background-position: -246px -30px;}
.nubia-copyright span.nb-footer-func a.nb-cloud-ico:hover{background-position: -186px -30px;}
.nubia-copyright span.nb-footer-func a.nb-service-ico:hover{background-position: -216px -30px;}
.nubia-copyright span.nb-footer-func strong{width: 220px; height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; margin-left: 10px;}
span.nb-footer-func .nb-footer-wx-layer{width: 150px; height: 150px; background: #fff; border:1px #ccc solid; position: absolute; right: 219px; bottom: 45px; border-radius: 5px; display: none;}
span.nb-footer-func .nb-footer-wx-layer img{width: 130px; height: 130px; position: absolute; top: 11px; left: 10px; z-index: 1;}
span.nb-footer-func .nb-footer-wx-layer:before{width: 19px; height: 10px; overflow: hidden; position: absolute; bottom: -10px; left: 50%; margin-left: -9px; content: ''; z-index: 2; background-size: 19px 10px; background-repeat: no-repeat;}