*{margin:0;padding:0}
body,html{width:100%;height:100%}
html{background-color:#fff}
.clear{clear:both}
.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px}
.selfclear{zoom:1}
.selfclear:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
img{border:0}
a{text-decoration:none;color:#515151}
i{font-style:normal}
li,ul{list-style:none}
body{font-family:"微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";font-size:14px;color:#515151}
button,input{font-family:"微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体"}
.button-group .button,.link-group a,.slider h1,.syht,body.mac .mac-syht,body.mac .slider,body.notIE .notIE-syht,body.notIE .slider h2{font-family:SYHT,"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif!important}

.sliders{width:100%;overflow:hidden}
body.mac #meizu-footer .meizu-footer-link p{font-weight:400}

.pro5-page h1{font-size:42px;line-height:60px;margin-bottom:20px}
.pro5-page h2{font-size:45px;line-height:80px;margin-top:25px;font-weight:400;margin-left:35px;}
.pro5-page .subnav-logo{padding:22px 0}
.pro5-page .slider{position:relative;overflow:hidden;font-size:14px;line-height:1.8}

.remark{margin:0;padding:0;font-size:80%}
.width-wrapper{width:980px;margin:auto auto}
.slider{will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;transition:top,opacity .1s}
.willUpE{position:relative;opacity:0;top:80px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.detail{margin:20px auto}
.bule--a{color:#00c3f5;cursor:pointer}
.bule--a span{line-height:30px;vertical-align:middle}
.bule--a img{height:120px;line-height:120px;vertical-align:middle;position:relative;left:0;margin:0;width:120px;top:0;}
.sep-row{width:100%;overflow:hidden}
.sep-row--col{float:left;padding:0 auto}
.sep-row--sep{height:60px;width:1px;float:left;background-color:#ccc;line-height:100px;vertical-align:middle;position:relative;top:18px}
.sep-row--big-text{font-size:41px;font-weight:100}
.know-more{font-size:22px}
.perfect.slider{background-color:#000;bottom:0;height:1040px;width:100%}
.perfect--phone-container{position:absolute;top:0;z-index:-1;width:100%}
.perfect--container{position:relative;margin:auto auto;top:200px;width:1189px}
.perfect--phone{position:absolute;transition:-webkit-transform 5s ease-in-out 1s;transition:transform 5s ease-in-out 1s;-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0)}
.perfect--phone.active{-webkit-transform:scale3d(.7,.7,1) translate3d(0,-2500px,0);transform:scale3d(.7,.7,1) translate3d(0,-2500px,0)}
.perfect--phone__active{position:absolute;z-index:3;opacity:0;filter:alpha(opacity="0");transition:opacity 1s ease-in;transition:-webkit-transform 5s ease-in-out 1s;transition:transform 5s ease-in-out 1s;-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0)}
.perfect--phone__active.active{-webkit-transform:scale3d(.7,.7,1) translate3d(0,-2500px,0);transform:scale3d(.7,.7,1) translate3d(0,-2500px,0)}
.perfect--phone__active.opacityActive{opacity:1}
.perfect--desc{position:relative;text-align:center;color:#fff;width:320px;top:520px;z-index:1;line-height:24px;margin-left:-200px;left:50%}
.perfect--detail{margin:20px auto}
.perfect--title{font-size:50px}#perfect--title{font-size:50px}
.snowmou.slider{margin-top:200px;height:906px}
.snowmou--detail{margin:20px auto 70px}
.snowmou--below{position:relative;height:500px}
.snowmou--img{position:absolute;height:593px;left:1680px;float:left}
.snowmou--specs{display:inline-block}
.snowmou--first-sep{width:100px;height:1px;background:#515151;margin:35px 0}
.snowmou--second-sep{width:70px;height:1px;background:#515151;margin:35px 0}
.snowmou-specs--bigText{font-size:42px;line-height:42px}

.tech--img1{background:url("/templets/default/images/U81_1.jpg") no-repeat scroll center center/* / auto 706px*/;height:708px;width:auto;}
.tech--img2{background:url("/templets/default/images/U81_2.jpg") no-repeat scroll center center /*/ auto 693px*/;height:693px;width:auto;}
.tech--img3{background:url("/templets/default/images/U81_3.jpg") no-repeat scroll center center /*/ auto 693px*/;height:693px;width:auto;}
.tech--img4{background:url("/templets/default/images/U81_4.jpg") no-repeat scroll center center /*/ auto 693px*/;height:692px;width:auto;}
.tech--img5{background:url("/templets/default/images/U81_5.jpg") no-repeat scroll center center/* / auto 693px*/;height:692px;width:auto;}
.tech--img6{background:url("/templets/default/images/U81_6.jpg") no-repeat scroll center center /*/ auto 693px*/;height:691px;width:auto;}
.tech--detail{margin:0px 0 0 35px;font-size:26px;color:#231815;}
.tech--desc{text-align:left;color:#000;margin:0 auto auto;}


.nav{width:100%;margin:0 auto;float:left;border-bottom:1px solid #b2b2b2;}
.nav .navlist{width:980px;margin:0 auto;height:53px;line-height:53px;}
.nav .navlist .title{width:580px;float:left;}
.nav .navlist .title a{color:#000;font-size:20px;padding-left:10px;}
.nav .navlist .banner{width:400px;float:left;}
.nav .navlist .banner li{width:99px;float:left;}
.nav .navlist .banner li{width:99px;float:left;height:53px;line-height:53px;text-align:center;}
.nav .navlist .banner li:hover{background:#fff;}
.nav .navlist .banner li a{width:97px;float:left;font-size:16px;}
.nav .navlist .banner .bold a{color:red;}
.nav .navlist .banner .tab a:hover{color:red;}
.nav .navlist .banner li .xian{width:1px;float:left;color:#bfbfbf;}



