@charset "utf-8";.cbg-product-local-nav h1{width:212px;height:17px;top:17px;background:url('mate8-logo1565.png?1487559414889') no-repeat}
.cbg-video-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:#000}
#playerUoUKOnijsTOF_wrapper{height:100% !important}
.cbg-product-local-nav.fixed{z-index:2000}
a.see-more{display:block}
::selection{background:#ff8502;color:white}
::-moz-selection{background:#ff8502;color:white}
body{padding:0;margin:0;overflow-x:hidden}
.huawei-v3{font-family:"akkuratPro-regular"}
;@font-face{font-family:'FrutigerNextLT-Medium';src:url('frutigernextlt-mediumd41d.eot?#iefix') format('embedded-opentype'),url('frutigernextlt-medium.woff') format('woff'),url('frutigernextlt-medium.ttf') format('truetype'),url('../frutigernextlt-medium.html#FrutigerNextLT-Medium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'FrutigerNextLT-Light';src:url('../frutigernextlt-lightd41d.html?#iefix') format('embedded-opentype'),url('../frutigernextlt-light.html') format('woff'),url('../frutigernextlt-light-2.html') format('truetype'),url('../frutigernextlt-light-3.html#FrutigerNextLT-Light') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'FrutigerNextLT-Regular';src:url('frutigernextlt-regulard41d.eot?#iefix') format('embedded-opentype'),url('frutigernextlt-regular.woff') format('woff'),url('frutigernextlt-regular.ttf') format('truetype'),url('../frutigernextlt-regular.html#FrutigerNextLT-Regular') format('svg');font-weight:normal;font-style:normal}
#cbg-main{padding-top:67px;font-family:'FrutigerNextLT-Regular',Arial,Helvetica,sans-serif !important}
.huawei-v3 #cbg-main{font-family:'akkuratPro-regular' !important}
#cbg-main .f-m-title{font-family:'FrutigerNextLT-Medium',Arial,Helvetica,sans-serif !important}
.huawei-v3 #cbg-main .f-m-title{font-family:'akkuratPro-regular' !important}
.g-family{font-family:'akkuratPro-regular'}
.huawei-v3 .g-family{font-family:'Segoe UI Light','Segoe UI',Arial,Helvetica,sans-serif}
ul{padding:0;margin:0;list-style:none;list-style-type:none}
li{padding:0;margin:0;list-style:none}
img{border:0}
.left{float:left}
.right{float:right}
.clear{clear:both}
p{padding:0;margin:0}
a:hover{text-decoration:none}
section{position:relative;overflow:hidden;width:100%;overflow-y:hidden;line-height:normal !important}
nav{height:40px;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#000}
.g-mate8_nav{width:1920px;height:42px;position:absolute;top:0;left:10%;margin-left:-192px;z-index:-1}
.g-mate8_navbtn{position:absolute;left:50%;top:0;margin-left:-50px;width:30%}
.g-mate8_list li{cursor:pointer;color:#fff;line-height:40px;font-size:12px;text-align:center;min-width:60px;float:left;display:block;margin-left:10%}
.g-mate8_shace{position:absolute;left:75%;top:-2px;width:50%}
.g-mate8_shace li{cursor:pointer;color:#353535;display:block;float:left;width:58px;text-align:center}
.g-mate8_list .g-nav-active{color:#fff}
#examples-pin{position:relative;width:100%;height:600px;overflow:hidden}
#examples-pin1{position:relative;width:500px;height:700px;overflow:hidden;margin-top:100px}
#examples-pin2{position:relative;width:100%;height:600px;overflow:hidden}
#examples-pin3{position:relative;width:100%;height:600px;overflow:hidden}
.pin-frame{position:absolute;width:80%;height:100%;overflow:hidden;left:10%;opacity:0}
.pin-frame1{position:absolute;width:500px;height:700px;overflow:hidden;left:0;opacity:0}
.pin-frame2{position:absolute;width:100%;height:100%;overflow:hidden;left:0;opacity:0}
.pin-frame3{position:absolute;width:100%;height:100%;overflow:hidden;left:0;opacity:0}
.g-img-move0{opacity:1}
.g-img-move1_0{opacity:1}
.g-img-move2_0{opacity:1}
.g-img-move3_0{opacity:1}
.f-section-disc p{margin-top:20px}
.g-m6-bg0{width:1900px;height:750px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-375px;z-index:-1;background:url(6_021565.jpg?1487559414889)}
.g-m6-page1{width:100%;height:750px;color:#4d4d4d}
.g-m6-middle{width:60%;max-width:960px;min-width:310px;margin:0 auto}
.g-m6-content{width:100%;text-align:center;overflow:auto}
.g-m6-content0{margin-top:150px;color:#fff}
.f-section-title{font-size:45px;color:#000;margin-bottom:50px}
.f-m6-title1{color:#fff}
.f-m-title{font-size:45px;margin-bottom:50px}
.f-section-disc{font-size:18px}
.g-m6-page2{width:100%;height:800px;color:#444}
.g-m6-bg1{width:1900px;height:800px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-400px;z-index:-1;background:url(6_031565.jpg?1487559414889)}
.g-m6-content1{margin-top:100px}
.g-m6-img2{margin-top:50px}
.g-m6-nextimg{left:80%;top:0;position:absolute;margin-left:-200px}
.g-m6-nextimg img{height:80px}
.g-m6-page3{width:100%;overflow:hidden;color:#444;background-color:#f8f8f8}
.g-m6-content2{margin-top:60px}
.g-m8-imgLeft{float:left;width:25%;margin-left:5%}
.g-m6-img3{width:100%;margin-left:15%;margin-top:100px}
.g-m6-img3_2{width:100%;margin-left:15%;margin-top:10px}
.g-m6-img3_1{width:50%;float:left;margin-left:10%;margin-top:50px}
.g-m6-page4{width:100%;height:80px;color:#222;background-color:#fff;margin-top:-5px}
.g-m6-nextbtn{display:block;font-size:18px;float:left;border:1px solid #757575;color:#757575;padding:6px 26px;margin-top:20px}
.g-m6-nextbtn:hover{display:block;font-size:18px;float:left;border:1px solid #757575;color:#fff;padding:6px 26px;margin-top:20px;background-color:#a9a9a9}
.g-m6-next{font-size:18px;float:left;padding:6px 12px;margin-top:20px}
.g-m5-page1{width:100%;height:700px}
.g-m5-bg1{width:1900px;height:700px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-350px;z-index:-1;background:url(m5_021565.jpg?1487559414889)}
.g-m5-middle{width:70%;max-width:1150px;min-width:300px;margin:0 auto}
.g-m5-content0{margin-top:80px;color:#4d4d4d;width:80%;margin-left:10%}
.g-m5-img1{position:absolute;bottom:-10px}
.g-m5-img1_1{position:absolute;width:300px;left:50%;margin-left:-150px;bottom:5%;z-index:10}
.g-m5-page2{width:100%;height:790px}
.g-m5-content1{color:#fefefe;width:80%;margin-left:10%}
.g-m5-img2{width:30%;max-width:500px;min-width:300px;margin:200px auto 0}
.g-m5-bg2{width:1900px;height:790px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-395px;z-index:-1;background:url(5bg_021565.jpg?1487559414889)}
.g-m5-title2{color:#fefefe}
.g-m5-page3{width:100%;height:930px}
.g-m5-bg3{width:1900px;height:930px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-465px;z-index:-1;background:url(m5_041565.jpg?1487559414889)}
.g-m5-content2{margin-top:180px;color:#fff;width:60%;margin-left:30%;z-index:10;overflow:hidden}
.g-m5-img3{width:30%;max-width:490px;min-width:200px;position:absolute;left:22%;top:150px;margin-left:-180px;z-index:1}
.g-m5-img3_1{width:30%;max-width:370px;min-width:300px;position:absolute;left:50%;top:50px;margin-left:25%;z-index:1}
.f-section-disc{z-index:999}
.g-m5-icon3{width:32%;margin:80px 9%;float:left;max-width:220px}
.g-m5-sbm{color:#909090;font-size:14px;text-align:center;width:45%;margin-right:4%;float:left}
.spec-title-pro{font-size:26px;margin-top:30px}
.huawei-v3 .spec-title-pro{display:none}
#spec-middle{width:960px;margin:0 auto;overflow:auto;background-color:#fff;color:#222}
.spec-icon{margin-top:50px;overflow:auto}
.spec-icon0{width:50%;text-align:center;font-size:22px;float:left}
.spec-icon0 img{width:90%;max-width:277px}
.spec-title{font-size:22px;line-height:40px;border-bottom:1px solid #e1e1e1;margin-top:30px;text-transform:uppercase;letter-spacing:2px}
.spec-contect{width:860px;margin:32px 20px 60px 100px;overflow:auto;font-size:16px}
.spec-contect ul{display:inline-block;width:100%}
.spec-contect ul li{width:100%;line-height:30px;word-break:break-all}
.spec-contect ul li.spec-color{float:left;width:30%;margin-right:3%}
.spec-contect img.spec-img-size{max-width:480px;margin:auto}
.spec-ul-color{margin-top:5px}
@media(max-width:767px){.spec-contect ul li.spec-color{float:left;width:45%;margin-right:5%}
.spec-contect img.spec-img-size{width:90%;height:auto}
.spec-ul-color{margin-top:0}
}
.spec-rad{width:15px;height:15px;margin:7px 10px 7px 0;border-radius:50%;display:block;float:left}
.color0{background:#aba8a8;background:-moz-linear-gradient(top,#c4c2c2 0,#9d9999 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c4c2c2),color-stop(100%,#9d9999));background:-webkit-linear-gradient(top,#c4c2c2 0,#9d9999 100%);background:-o-linear-gradient(top,#c4c2c2 0,#9d9999 100%);background:-ms-linear-gradient(top,#c4c2c2 0,#9d9999 100%);background:linear-gradient(to bottom,#c4c2c2 0,#9d9999 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c2c2',endColorstr='#9d9999',GradientType=0)}
:root .color0{filter:none}
.color1{background:#68615f;background:-moz-linear-gradient(top,#847e7c 0,#484240 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#847e7c),color-stop(100%,#484240));background:-webkit-linear-gradient(top,#847e7c 0,#484240 100%);background:-o-linear-gradient(top,#847e7c 0,#484240 100%);background:-ms-linear-gradient(top,#847e7c 0,#484240 100%);background:linear-gradient(to bottom,#847e7c 0,#484240 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#847e7c',endColorstr='#484240',GradientType=0)}
:root .color1{filter:none}
.color2{background:#d3b188;background:-moz-linear-gradient(top,#dfc5a4 0,#c69b6f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dfc5a4),color-stop(100%,#c69b6f));background:-webkit-linear-gradient(top,#dfc5a4 0,#c69b6f 100%);background:-o-linear-gradient(top,#dfc5a4 0,#c69b6f 100%);background:-ms-linear-gradient(top,#dfc5a4 0,#c69b6f 100%);background:linear-gradient(to bottom,#dfc5a4 0,#c69b6f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfc5a4',endColorstr='#c69b6f',GradientType=0)}
:root .color2{filter:none}
.color3{background:#6b4d4a;background:-moz-linear-gradient(top,#846865 0,#4a312f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#846865),color-stop(100%,#4a312f));background:-webkit-linear-gradient(top,#846865 0,#4a312f 100%);background:-o-linear-gradient(top,#846865 0,#4a312f 100%);background:-ms-linear-gradient(top,#846865 0,#4a312f 100%);background:linear-gradient(to bottom,#846865 0,#4a312f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#846865',endColorstr='#4a312f',GradientType=0)}
:root .color3{filter:none}
.spec-contect p{font-size:16px;line-height:30px}
.g-mate8_des{font-size:18px;text-align:center}
.spec-border{line-height:32px;width:80% !important;font-weight:600}
@media screen and (max-width:767px){#spec-middle .p-1,#spec-middle .p-2{display:block;float:left}
#spec-middle .spec-size dd{display:block;float:left;padding-right:20px;line-height:14px}
#spec-middle .spec-size dd:after{content:"|";position:relative;left:10px}
#spec-middle .spec-size dd:last-child:after{content:none;position:relative}
#spec-middle .spec-size p{font-size:14px;line-height:16px}
#spec-middle .spec-size{margin-bottom:40px}
}
@media screen and (min-width:768px){#spec-middle .p-1,#spec-middle .p-2{display:block;float:left}
#spec-middle .spec-size dd{display:block;float:left;padding-right:60px}
#spec-middle .spec-size dd:after{content:"|";position:relative;left:30px}
#spec-middle .spec-size dd:last-child:after{content:none;position:relative}
#spec-middle .spec-size p{font-size:14px;line-height:16px}
#spec-middle .spec-size{margin-bottom:40px}
}
.g-m4-page1{width:100%;height:790px;background-color:#f2f2f2}
.g-m4-middle{width:70%;max-width:1050px;min-width:310px;margin:0 auto;position:relative}
.g-m4-content0{margin-top:100px;color:#222;width:80%;margin-left:10%}
.g-m4-title1{width:100%;text-align:left}
.g-m4-disc1{width:50%;text-align:left}
.g-m4-img1{position:absolute;width:80%;top:100px;margin-left:20%}
.g-m4-page2{width:100%;height:860px;color:#fff}
.g-m4-bg1{width:1900px;height:860px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-430px;z-index:-1;background:url(4_021565.jpg?1487559414889)}
.g-m4-content1{margin-top:90px;color:#fff;width:80%;margin-left:10%}
.g-m4-title2{color:#fff}
.g-m4-img2{width:100%;margin-left:5%;margin-top:50px;position:relative}
.g-m4-newImg{width:100%;position:absolute;top:0;left:0;z-index:5}
.g-m4-newImg1{width:100%;position:absolute;top:0;left:0;z-index:10}
.g-m4-page3{width:100%;overflow:hidden}
.g-m4-content2{margin-top:70px;color:#444;width:80%;margin-left:10%;margin-bottom:80px}
.g-m4-slide{width:100%}
.g-m4-page4{width:100%;overflow:hidden}
.g-m4-bg5{width:1900px;height:1000px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-500px;z-index:-1;background:url(4_071565.jpg?1487559414889)}
.g-m4-page5{width:100%;height:930px;margin-top:-10px}
.g-m4-content5{margin-top:100px;width:80%;margin-left:10%}
.g-m4-title5{margin-bottom:20px}
.g-m4-videoplay{position:absolute;width:168px;height:168px;left:50%;top:60%;margin-left:-84px;margin-top:-84px;z-index:999;cursor:pointer;display:none}
.g_camera-imgs{width:100%;position:absolute;top:0;left:50px;opacity:0}
.g-m3-page1{width:100%;height:890px;background-color:#fff}
.g-m3-middle{width:70%;max-width:960px;min-width:310px;margin:0 auto;position:relative}
.g-m3-content0{margin-top:100px;color:#3c3c3c;width:90%;margin-left:5%}
.g-m3-icon0{margin-top:50px;overflow:hidden}
.g-m3-ratote{width:45%;margin-right:4%;height:170px;float:left;overflow:hidden}
.g-m3-img1{margin-top:50px}
.g-m3-page2{width:100%;height:800px}
.g-m3-bg2{width:1900px;height:800px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-400px;z-index:-1;background:url(3_131565.jpg?1487559414889)}
.g-m3-content1{padding-top:200px;color:#3c3c3c;width:65%;margin-left:0;text-align:left}
.g-m3-img2{position:absolute;top:170px;left:65%;width:35%}
.g-m3-icon{width:65%;margin-top:80px}
.g-m3-page3{width:100%;height:890px}
.g-m3-bg3{width:1900px;height:890px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-450px;z-index:-1;background:url(3bg_021565.jpg?1487559414889)}
.g-m3-content2{margin-top:100px;color:#fff;width:90%;margin-left:5%}
.g-m3-title3{color:#FFF}
.g-m3-img3{width:250px;margin:0 auto;margin-top:50px;position:relative}
.g-m3-img3_1{width:350px;margin:0 auto;margin-top:120px}
.g-m3-img3_2{position:absolute;z-index:9999;left:-32px;top:5px}
.g-m3-mask{clip:rect(0,50px,auto,0)}
.g-m1-seq0{position:relative}
.g-m2-middle_video{width:100%;position:absolute;bottom:0;background-color:rgba(255,255,255,0.5);display:none}
.g-m2-title0{margin-bottom:0}
.g-m2-content0{color:#222;width:70%;max-width:960px;margin:20px auto}
.g-m2-page1{overflow:auto;overflow-x:hidden;background:#fff}
.g-m2-middle{width:70%;max-width:960px;min-width:310px;margin:0 auto;position:relative}
.g-m2-img1{margin-top:160px}
.g-m2-img1_1{margin-top:60px}
.g-m2-page2{background-color:#FFF;display:none}
.g-m2-bg2{width:1750px;height:950px;position:absolute;left:50%;top:50%;margin-left:-875px;margin-top:-475px;background:url(2_081565.jpg?1487559414889)}
.g-m2-content1{margin-top:650px;color:#222;width:65%;margin-left:45%;margin-bottom:40px}
.g-m2-page3{background-color:#FFF;display:none}
.g-m2-content2{margin-top:100px;color:#222;width:90%;margin-left:5%}
.g-m2-bg3{width:1650px;height:740px;position:absolute;left:40%;top:50%;margin-left:-650px;margin-top:-120px;background:url(2_111565.jpg?1487559414889)}
.g-m2-page4{height:820px;color:#FFF;background-color:#000;margin-top:-10px}
.g-m2-bg4{width:1920px;height:820px;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-410px;background:url(2bg_131565.jpg?1487559414889)}
.g-m2-content4{margin-top:100px;color:#FFF;width:90%;margin-left:5%;margin-bottom:40px}
.g-m2-img4{min-width:300px;max-width:700px;width:80%;margin:20px auto}
.g-m2-page5{height:840px}
.g-m2-title5{margin-bottom:30px}
.g-m2-img5{position:absolute;left:-10%;top:0;width:40%}
.g-m2-img5_1{position:absolute;right:-10%;top:0;width:40%}
.g-m2-img5_2{position:absolute;left:-10%;bottom:0;width:40%}
.g-m2-img5_3{position:absolute;right:-10%;bottom:0;width:40%}
.g-m2-middle5{height:850px}
.g-m2-content5{padding-top:350px;width:90%;margin-left:5%}
.g-m2-page6{height:800px}
.g-m2-bg6{width:1920px;height:800px;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-410px;background:url(2bg_25_021565.jpg?1487559414889)}
.g-m2-bg6_1{width:1390px;height:604px;position:absolute;right:0;top:50%;margin-top:-500px;background:url(2_03_031565.png?1487559414889)}
.g-m2-content6{margin-top:500px;color:#FFF;width:70%;margin-left:20%;text-align:center}
.g-m2-page7{overflow:hidden;background-color:#f9f9f9}
.g-m2-content7{margin-top:100px;color:#222;width:90%;margin-left:5%}
.g-m2-title7{margin-bottom:30px}
.g-m2-img7{margin-top:50px;width:80%;margin:80px auto;min-width:280px}
.g-m7-page1{height:790px}
.g-m7-bg1{width:1920px;height:790px;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-395px;background:url(7_021565.jpg?1487559414889)}
.g-m7-middle{width:70%;max-width:960px;min-width:310px;margin:0 auto;position:relative}
.g-m7-content1{margin-top:100px;width:90%;margin-left:5%;color:#000}
.g-m7-img1{width:80%;margin-top:100px;margin-left:20%}
.g-m7-page2{height:870px}
.g-m7-bg2{width:1920px;height:870px;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-435px;background:url(7_031565.jpg?1487559414889)}
.g-m7-content2{margin-top:100px;width:80%;margin-left:10%;color:#FFF}
.g-m7-img2{width:70%;margin-top:120px;margin-left:15%}
.g-m7-page3{height:900px}
.g-m7-bg3{width:1920px;height:900px;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-450px;background:url(7_041565.jpg?1487559414889)}
.g-m7-content3{margin-top:60px;width:80%;margin-left:10%;color:#000}
.g-m7-img3{width:70%;margin-top:50px;margin-left:15%}
.g-m1-page1{overflow:hidden;background:#fff}
.g-m1-img1{position:absolute;left:50%;width:830px;margin-left:-415px;top:80px}
.g-m1-img1_1{position:absolute;right:0;width:900px;top:-100px;margin-right:-550px;z-index:9}
.g-m1-img1_2{position:absolute;left:-50px;width:500px;top:-50px;z-index:9}
.g-m1-img1_3{position:absolute;left:50%;width:720px;margin-left:-360px;top:630px}
.g-m1-middle{width:70%;max-width:960px;min-width:310px;margin:0 auto;position:relative}
.t-f-center{margin-left:32% !important}
.g-m1-img1_4{max-width:520px;width:70%;margin:0 auto;margin-top:300px}
.g-m1-content1{margin-top:40px;width:80%;margin-left:10%;color:#000;font-size:18px}
.g-m1-video0{width:45%;margin-right:5%;float:left;text-align:right}
.g-m1-video1{width:45%;margin-left:5%;float:left;text-align:left}
.g-m1-icon{width:16px;height:16px;background:url(1_icon1565.png?1487559414889);background-position:-600px -200px;display:block;float:right;margin-top:6px;margin-left:6px}
.g-m1-icon0{float:left}
.g-m1-page2{height:1100px;background-color:#f8f8f8}
.g-m1-page3{height:1000px;background-color:#fff}
.g-m1-page5{height:1000px;background-color:#fff}
.g-m1-content2{width:80%;margin:0 auto;color:#222;min-width:300px;margin-top:80px}
.g-m1-seemore{cursor:pointer;width:130px;height:40px;border:1px solid #a9a9a9;line-height:40px;text-align:center;margin:40px auto;font-size:16px}
.g-m1-seemore:hover{background-color:#fff;color:#c52525;font-size:16px;border:1px solid #c52525}
.g-m1-seemore1{cursor:pointer;width:130px;height:40px;border:1px solid #a9a9a9;line-height:40px;text-align:center;margin:40px 0;font-size:16px}
.g-m1-seemore2{cursor:pointer;width:130px;height:40px;border:1px solid #a9a9a9;line-height:40px;text-align:center;margin:20px 0;font-size:16px}
.g-m1-seemore3{cursor:pointer;width:130px;height:40px;border:1px solid #a9a9a9;line-height:40px;text-align:center;margin:50px 0;font-size:16px}
.g-m1-seemore1:hover{background-color:#fff;color:#c52525;font-size:16px;border:1px solid #c52525}
.g-m1-seemore2:hover{background-color:#fff;color:#c52525;font-size:16px;border:1px solid #c52525}
.g-m1-seemore3:hover{background-color:#fff;color:#c52525;font-size:16px;border:1px solid #c52525}
.g-m1-iconlist{float:left;text-align:center;min-width:100px;width:33%;font-size:15px}
.g-m1-allicon{width:92px;height:92px;background:url(1_icon1565.png?1487559414889);margin:0 auto}
.g-m1-icon2{background-position:0 0}
.g-m1-icon3{background-position:-100px 0}
.g-m1-icon4{background-position:-200px 0}
.g-m1-icon5{background-position:-300px 0}
.g-m1-icon6{background-position:-400px 0}
.g-m1-icon7{background-position:-500px 0}
.g-m1-icon8{background-position:-600px 0}
.g-m1-icon9{background-position:0 -100px}
.g-m1-icon10{background-position:-100px -100px}
.g-m1-icon11{background-position:-200px -100px}
.g-m1-icon12{background-position:-300px -100px}
.g-m1-icon13{background-position:-400px -100px}
.g-m1-icon14{background-position:-500px -100px}
.g-m1-icon15{background-position:-600px -100px}
.g-m1-icon16{background-position:0 -200px}
.g-m1-icon17{background-position:-99px -200px}
.g-m1-icon18{background-position:-200px -200px}
.g-m1-icon19{background-position:-299px -200px}
.g-m1-icon20{background-position:-400px -200px}
.g-m1-icon21{background-position:-498px -200px}
.g-m1-img2{width:80%;margin:60px auto}
.g-m1-img3{width:75%;margin:60px auto 0;z-index:100;position:relative}
#img-show-2{position:absolute;left:0;top:60px}
.g-m1-img3_1{width:80%;margin:20px auto 60px;z-index:1;position:relative}
.g-m1-img5{width:80%;margin:60px auto}
.g-m1-page4{background-color:#f8f8f8;height:1000px}
.g-m1-content4{width:70%;color:#222;min-width:300px;margin-top:150px;text-align:left;margin-left:5%}
.g-m1-p2Icon4{width:100%;overflow:auto}
.g-m1-img4{position:absolute;top:-50px;left:64%;width:500px}
.g-m1-page6{height:900px;background-color:#f8f8f8}
.g-m1-content6{margin-left:41%;width:59%;color:#222;min-width:300px;margin-top:150px;text-align:left}
.g-m1-p2Icon6{width:90%;overflow:auto;margin-top:50px}
.g-m1-img6{position:absolute;top:-50px;left:0;width:324px;margin-left:-160px}
.g-m1-img6_1{position:absolute;top:-40px;left:0;width:324px;z-index:999;margin-left:50px}
.g-m1-p2Icon4{width:80%}
.g-m1-p2Icon{margin:0 auto}
.g-m1-page7{height:800px;background-color:#fff}
.g-m1-title7{margin-bottom:20px}
.g-m1-content7{width:55%;color:#222;min-width:300px;margin-top:150px;text-align:left;margin-left:5%}
.g-m1-p2Icon7{width:80%;overflow:auto}
.g-m1-img7{position:absolute;top:-50px;left:55%;width:643px}
.g-m1-iconlist4{margin-top:30px}
.g-m1-iconlist4_1{margin-top:30px}
.g-m1-img5 p{line-height:25px;margin-top:10px;color:#7d7d7d}
.g-m3-linetitle{margin-left:40%}
.g-m3-linetitle ul li{float:left;display:block;width:25%;text-align:center;line-height:25px}
.CJC{visibility:hidden}
@media(min-width:1442px) and (max-width:1960px){.pin-frame{position:absolute;width:70%;height:100%;overflow:hidden;left:15%;opacity:0}
.g-m1-img1_1{top:-300px;margin-right:-450px}
}
@media(min-width:960px) and (max-width:1441px){.g-m6-bg0{width:1600px;height:600px;margin-left:-800px;margin-top:-300px;background-size:1600px 600px}
.g-m6-page1{height:600px}
.f-section-title{font-size:40px;margin-bottom:40px}
.f-m-title{font-size:40px}
.g-m6-content0{margin-top:100px}
.g-m6-page2{height:700px}
.g-m6-bg1{width:1440px;height:700px;margin-left:-720px;margin-top:-350px;background-size:1440px 700px}
.g-m6-content1{margin-top:70px}
.g-m6-img2{margin-top:50px}
.g-m5-page2{width:100%;height:680px}
.g-m5-bg2{width:1500px;height:680px;margin-left:-750px;margin-top:-340px;background-size:1500px 680px}
.g-m5-title2{color:#fefefe}
.g-m5-img2{margin:100px auto 0}
.g-m5-page3{width:100%;height:780px}
.g-m5-bg3{width:1440px;height:780px;margin-left:-720px;margin-top:-390px;z-index:-1;background-size:1440px 780px}
.g-m4-page1{height:680px}
.g-m4-middle{width:80%}
.g-m4-content0{margin-top:60px}
.g-m4-img1{top:120px;margin-left:20%}
.g-m4-title2{color:#fff}
.g-m4-page2{height:780px}
.g-m4-bg1{width:1440px;height:780px;margin-left:-720px;margin-top:-390px;background-size:1440px 780px}
.g-m4-content5{margin-top:100px}
.g-m3-page2{width:100%;height:600px}
.g-m3-bg2{width:1500px;height:600px;margin-left:-750px;margin-top:-300px;background-size:1500px 600px}
.g-m3-content1{padding-top:100px}
.g-m3-img2{top:100px;left:65%;width:275px}
.g-m3-icon{margin-top:50px}
.g-m3-title3{color:#FFF}
.g-m2-bg3{width:1450px;height:540px;position:absolute;left:50%;top:50%;margin-left:-725px;margin-top:-70px;background-size:1450px 540px}
.g-m2-page4{height:620px;color:#FFF}
.g-m2-bg4{width:1500px;height:620px;margin-left:-750px;margin-top:-310px;background-size:1500px 620px}
.g-m2-content4{margin-top:40px}
.g-m2-title3{margin-bottom:20px}
.g-m2-img4{min-width:300px;width:80%;margin:20px auto}
.g-m2-page6{height:650px}
.g-m2-bg6{width:1450px;height:650px;margin-left:-725px;margin-top:-325px;background-size:1450px 650px}
.g-m2-bg6_1{width:1000px;height:400px;margin-top:-380px;background-size:1000px 400px}
.g-m2-content6{width:90%;margin:0 auto;margin-top:380px}
.g-m7-page1{height:600px}
.g-m7-bg1{width:1600px;height:600px;margin-left:-800px;margin-top:-300px;background-size:1600px 600px}
.g-m7-title1{margin-bottom:30px}
.g-m7-content1{margin-top:40px;width:80%;margin-left:10%;color:#000}
.g-m7-img1{width:80%;margin-top:50px;margin-left:20%}
.g-m7-page2{height:790px}
.g-m7-bg2{width:1600px;height:800px;margin-left:-800px;margin-top:-400px;background-size:1600px 800px}
.g-m7-content2{margin-top:100px;width:80%;margin-left:10%;color:#FFF}
.g-m7-img2{width:70%;margin-top:120px;margin-left:15%}
.g-m7-page3{height:790px}
.g-m7-bg3{width:1600px;height:800px;margin-left:-800px;margin-top:-400px;background-size:1600px 800px}
.g-m7-content3{margin-top:50px;width:80%;margin-left:10%}
.g-m7-img3{width:70%;margin-top:50px;margin-left:15%}
.g-m1-img1_2{position:absolute;left:-10%;width:350px;top:-50px}
.g-m1-img1{position:absolute;left:50%;width:630px;margin-left:-315px;top:60px}
.g-m1-img1_1{position:absolute;right:10%;width:600px;margin-right:-450px}
.g-m1-img1_3{position:absolute;left:50%;width:560px;margin-left:-280px;top:520px}
.g-m1-img1_4{margin-top:150px}
.g-m1-middle1{width:90%}
.g-m1-img4{left:64%;width:400px;margin-top:20px}
.g-m1-img6{left:0;width:280px;margin-left:-70px}
.g-m1-img6_1{top:-40px;left:0;width:280px;z-index:999;margin-left:90px}
.g-m1-page7{height:720px;background-color:#fff}
.g-m1-img7{top:20px;left:55%;width:500px}
.g-m4-img2{margin-top:20px}
.g-m4-content1{margin-top:30px}
.g-m4-page5{height:800px}
.g-m4-bg5{width:1440px;height:800px;margin-left:-720px;margin-top:-400px;background-size:1440px 800px}
}
@media(min-width:960px) and (max-width:1025px){.g-m5-img3{width:35%}
.g-m5-middle{width:85%}
}
@media(min-width:600px) and (max-width:960px){.g-m2-middle_video{position:relative;display:block}
.g-m2-page2{display:block}
.g-m2-page3{display:block}
.g-m2-disc3{margin-bottom:40px}
.g-mate8_navbtn{left:45%;top:0;margin-left:-50px;width:40%}
.g-mate8_list li{min-width:30px;display:block;margin-left:0;margin-right:8%}
.g-mate8_shace{left:70%;width:50%}
#spec-middle{width:600px}
.spec-contect{width:540px;margin:15px 20px 20px 60px}
.g-m6-bg0{width:1400px;height:500px;margin-left:-700px;margin-top:-250px;background-size:1400px}
.g-m6-page1{height:500px}
.f-section-title{font-size:36px;margin-bottom:40px}
.f-m-title{font-size:36px}
.g-m6-content0{margin-top:50px}
.g-m6-page2{height:500px}
.g-m6-middle{width:70%}
.g-m6-bg1{width:1000px;height:500px;margin-left:-500px;margin-top:-250px;background-size:1000px 500px}
.g-m6-content1{margin-top:40px}
.g-m6-img2{margin-top:30px}
.g-m5-content0{width:100%;margin-left:0}
.g-m5-content1{width:100%;margin-left:0}
.g-m5-title2{color:#fefefe}
.g-m5-page3{height:1200px}
.g-m5-bg3{width:1200px;height:1200px;margin-left:-600px;margin-top:-600px;z-index:-1;background-size:1200px 1200px}
.g-m5-middle{width:80%}
.g-m5-content2{margin-top:70px;width:100%;margin-left:0;z-index:10}
.g-m5-img3{width:450px;left:50%;top:500px;z-index:1;margin-left:-225px}
.g-m5-img3_1{width:40%;max-width:370px;left:55%;top:680px;margin-left:0;z-index:1}
.g-m5-sbm{margin-top:610px}
.g-m4-page1{height:620px}
.g-m4-middle{width:80%}
.g-m4-content0{width:100%;margin-left:0;margin-top:30px}
.g-m4-disc1{width:100%;text-align:center}
.g-m4-title1{width:100%;text-align:center}
.g-m4-img1{top:240px;width:90%;margin-left:10%}
.g-m4-title2{color:#fff}
.g-m4-content1{margin-top:40px;width:100%;margin-left:0}
.g-m4-content2{margin-top:40px;width:100%;margin-left:0}
.g-m4-page2{height:600px}
.g-m4-bg1{width:1200px;height:600px;margin-left:-600px;margin-top:-300px;background-size:1200px 600px}
.g-m4-title5{margin-bottom:10px}
.g-m4-bg5{width:1200px;height:650px;margin-left:-600px;margin-top:-350px;background-size:1200px 650px}
.g-m4-page5{height:650px}
.g-m4-content5{margin-top:20px}
.g-m3-middle{width:80%}
.g-m3-page1{height:750px}
.g-m3-page2{height:760px}
.g-m3-bg2{width:1000px;height:760px;margin-left:-500px;margin-top:-380px;background-size:1000px 760px}
.g-m3-content1{padding-top:50px;width:100%;margin-left:0;text-align:center}
.g-m3-img2{position:absolute;top:250px;left:50%;width:270px}
.g-m3-icon{width:40%;margin-top:150px}
.g-m3-title3{color:#FFF}
.g-m3-img1{margin-top:10px}
.g-m3-lineTitle{font-size:13px !important;width:42% !important}
.g-m2-img1{margin-top:100px}
.g-m2-img1_1{margin-top:50px}
.g-m2-content1{margin-top:700px;width:60%;margin-left:30%}
.g-m2-title2{font-size:30px;margin-bottom:30px}
.g-m2-content2{margin-top:50px;color:#222;width:100%;margin-left:0}
.g-m2-bg3{width:1000px;height:400px;position:absolute;left:50%;top:50%;margin-left:-500px;margin-top:0;background-size:1000px 400px}
.g-m2-middle{width:90%}
.g-m2-page4{height:550px;color:#FFF}
.g-m2-bg4{width:1000px;height:550px;margin-left:-500px;margin-top:-275px;background-size:1000px 550px}
.g-m2-content4{margin-top:40px}
.g-m2-title3{margin-bottom:20px}
.g-m2-img4{min-width:300px;width:60%;margin:20px auto}
.g-m2-page6{height:640px;background-color:#150d0a}
.g-m2-bg6{width:1000px;height:640px;margin-left:-500px;margin-top:-320px;background-size:1000px 640px}
.g-m2-bg6_1{width:700px;height:340px;margin-left:-320px;margin-top:-320px;background-size:700px 340px}
.g-m2-content6{margin-top:400px;width:100%;margin-left:0;text-align:center}
.g-m2-img7{margin:50px auto}
.g-m7-page1{height:600px}
.g-m7-bg1{width:1100px;height:600px;margin-left:-550px;margin-top:-300px;background-size:1100px 600px}
.g-m7-title1{margin-bottom:30px}
.g-m7-content1{margin-top:40px;width:80%;margin-left:10%;color:#000}
.g-m7-img1{width:80%;margin-top:50px;margin-left:20%}
.g-m7-page2{height:790px}
.g-m7-bg2{width:1100px;height:800px;margin-left:-550px;margin-top:-400px;background-size:1100px 800px}
.g-m7-content2{margin-top:100px;width:90%;margin-left:5%;color:#FFF}
.g-m7-img2{width:70%;margin-top:130px;margin-left:15%}
.g-m7-middle{width:80%}
.g-m7-page3{height:750px}
.g-m7-bg3{width:1100px;height:750px;margin-left:-550px;margin-top:-375px;background-size:1100px 750px}
.g-m1-middle{width:70%}
.g-m1-img1{position:absolute;left:50%;width:500px;margin-left:-250px;top:60px}
.g-m1-img1_1{right:10%;width:500px;margin-right:-400px}
.g-m1-img1_2{left:-10%;width:250px;top:0}
.g-m1-img1_3{left:50%;width:460px;margin-left:-230px;top:400px}
.g-m1-content1{font-size:14px;margin-top:30px;width:90%;margin-left:5%}
.g-m1-img1_4{margin-top:250px}
.g-m1-middle1{width:100%}
.g-m1-page2{height:1000px}
.g-m1-page3{height:930px}
.g-m1-page5{height:900px}
.g-m1-img4{left:54%;width:500px}
.g-m1-page6{height:650px}
.g-m1-content6{margin-top:100px;width:59%;margin-left:41%}
.g-m1-p2Icon6{width:100%;overflow:auto;margin-top:50px}
.g-m1-img6{position:absolute;top:-30px;left:0;width:240px;margin-left:-100px}
.g-m1-img6_1{position:absolute;top:-20px;left:0;width:250px;z-index:999;margin-left:30px}
.g-m1-page7{height:650px}
.g-m1-content7{margin-top:100px}
.g-m1-p2Icon7{width:100%;overflow:auto}
.g-m1-disc7{font-size:14px}
.g-m1-img7{position:absolute;top:0;width:500px}
}
@media(max-width:600px){.g-m2-middle_video{position:relative;display:block}
.g-m2-page2{display:block}
.g-m2-page3{display:block}
.g-m2-disc3{margin-bottom:40px}
nav{display:none}
.spec-icon0 p{font-size:15px}
.spec-contect ul li{line-height:20px}
#spec-middle{width:310px}
.spec-rad{width:11px;height:11px;margin:3px 5px;border-radius:50%}
.spec-title{font-size:15px;margin-top:10px;font-weight:bold}
.spec-contect{width:100%;margin:15px 0 10px 0;font-size:12px;line-height:20px}
.spec-contect p{font-size:12px;line-height:20px}
.spec-title-pro{font-size:22px;margin-top:20px}
.huawei-v3 .spec-title-pro{display:none}
.g-m6-bg0{width:1300px;height:450px;margin-left:-650px;margin-top:-225px;background-size:1200px}
.g-m6-page1{height:450px}
.f-section-title{font-size:30px;margin-bottom:40px}
.f-m-title{font-size:28px}
.f-section-disc{font-size:12px}
.g-m6-content0{margin-top:50px}
.g-m6-page2{height:450px}
.g-m6-bg1{width:600px;height:450px;margin-left:-300px;margin-top:-225px;background-size:600px 450px}
.g-m6-content1{margin-top:40px}
.g-m6-img2{margin-top:40px}
.g-m6-img3{margin-top:40px}
.g-m6-img3_2{margin-top:0}
.g-m6-img3_1{margin-top:30px}
.g-m6-nextbtn{font-size:12px;margin-top:10px;padding:6px 10px}
.g-m6-nextbtn:hover{padding:6px 10px;font-size:12px;margin-top:10px}
.g-m6-nextimg img{display:none}
.g-m6-next{font-size:12px;margin-top:10px}
.max-width-next{width:220px;margin-top:5px}
.g-m6-page4{height:60px}
.g-m5-page1{height:450px;background-color:#FFF}
.g-m5-content0{margin-top:40px;width:100%;margin-left:0}
.g-m5-title0{font-size:24px;margin-bottom:30px}
.g-m5-img1{width:400px;position:absolute;left:50%;margin-left:-200px;bottom:-5px}
.g-m5-img1_1{width:150px;margin-left:-70px;height:140px}
.g-m5-title2{color:#fefefe}
.g-m5-content1{width:100%;margin-left:0}
.g-m5-page2{width:100%;height:560px}
.g-m5-bg2{width:1000px;height:560px;margin-left:-500px;margin-top:-280px;background-size:1000px 560px}
.g-m5-img2{margin:40px auto 0}
.g-m5-page3{height:750px}
.g-m5-bg3{width:1000px;height:750px;margin-left:-500px;margin-top:-375px;z-index:-1;background-size:1000px 750px}
.g-m5-middle{width:80%}
.g-m5-icon3{margin:40px 9%}
.g-m5-content2{margin-top:50px;width:100%;margin-left:0;z-index:10}
.g-m5-img3{width:240px;left:50%;top:380px;z-index:1;margin-left:-120px}
.g-m5-img3_1{width:40%;min-width:150px;left:55%;top:520px;margin-left:0;z-index:1}
.g-m5-sbm{margin-top:350px}
.g-m5-title2{font-size:28px}
.g-m4-page1{height:480px}
.g-m4-middle{width:90%}
.g-m4-content0{width:100%;margin-left:0;margin-top:40px}
.g-m4-disc1{width:100%;text-align:center}
.g-m4-title1{width:100%;text-align:center;margin-bottom:40px;font-size:26px}
.g-m4-img1{top:200px;width:100%;margin-left:5%}
.g-m4-title2{color:#fff;font-size:26px;margin-bottom:25px}
.g-m4-content1{margin-top:30px;width:100%;margin-left:0}
.g-m4-page2{height:480px;background-color:#10070a;z-index:-2}
.g-m4-bg1{width:700px;height:300px;margin-left:-350px;margin-top:-60px;background-size:700px 300px}
.g-m4-img2{margin-top:100px}
.g-m4-content2{margin-top:40px;width:90%;margin-left:5%;margin-bottom:40px}
.g-m4-slide{width:800px;position:absolute;left:50%;margin-left:-400px}
.g-m4-page3{height:570px;overflow:hidden}
.g-m4-page4{height:480px;overflow:hidden}
.g-m4-title4{margin-bottom:20px}
.g-m4-bg5{width:900px;height:500px;margin-left:-400px;margin-top:-250px;background-size:900px 500px}
.g-m4-title5{font-size:26px;margin-bottom:10px}
.g-m4-page5{height:500px}
.g-m4-content5{margin-top:10px}
.g-m3-page1{height:700px}
.g-m3-middle{width:85%}
.g-m3-ratote{width:100%;margin:0 auto;min-width:310px;margin-top:10px}
.g-m3-ratote:first-child{height:150px}
.g-m3-circleTitle{font-size:12px !important;font-weight:bold}
.g-m3-lineTitle{width:35% !important}
.g-m3-icon0{margin-top:10px;overflow:hidden}
.g-m3-content0{margin-top:30px;width:100%;margin-left:0}
.g-m3-title0{font-size:24px;margin-bottom:20px}
.g-m3-img1{margin-top:30px}
.g-m3-middle{width:90%}
.g-m3-page2{height:600px}
.g-m3-bg2{width:800px;height:600px;margin-left:-400px;margin-top:-300px;background-size:1000px 600px}
.g-m3-content1{padding-top:30px;width:100%;margin-left:0;text-align:center}
.g-m3-img2{position:absolute;top:250px;left:40%;width:185px}
.g-m3-icon{width:40%;margin-top:100px}
.g-m3-title3{color:#FFF;font-size:26px;margin-bottom:30px}
.g-m3-content2{margin-top:50px}
.g-m3-img3{width:200px;margin:0 auto;margin-top:30px}
.g-m3-img3_1{width:250px;margin:0 auto;margin-top:90px}
.g-m3-page3{height:600px;background-color:#000;z-index:-2}
.g-m3-bg3{width:1000px;height:600px;margin-left:-500px;margin-top:-250px;background-size:1000px 600px}
.g-m2-img1{margin-top:50px}
.g-m2-img1_1{margin-top:40px}
.g-m2-content0{margin-top:50px;margin-bottom:30px;width:90%}
.g-m2-page2{background-color:#FFF}
.g-m2-bg2{width:600px;height:300px;margin-left:-300px;margin-top:-305px;background-size:600px 300px}
.g-m2-title2{margin-bottom:30px}
.g-m2-content1{margin-top:250px;width:100%;margin-left:0;margin-bottom:40px}
.g-m2-content2{margin-top:50px;color:#222;width:100%;margin-left:0}
.g-m2-bg3{width:500px;height:250px;margin-left:-330px;margin-top:0;background-size:500px 250px}
.g-m2-middle{width:90%}
.g-m2-page4{height:450px;color:#FFF;background-color:#030204}
.g-m2-bg4{width:600px;height:300px;margin-left:-300px;margin-top:-110px;background-size:600px 300px}
.g-m2-content4{margin-top:40px}
.g-m2-title3{margin-bottom:20px}
.g-m2-img4{min-width:280px;width:60%;margin:20px auto}
.g-m2-page5{height:510px}
.g-m2-img5{position:absolute;left:-10%;top:200px;width:50%}
.g-m2-img5_1{position:absolute;right:-10%;top:200px;width:50%}
.g-m2-img5_2{position:absolute;left:-10%;bottom:0;width:50%}
.g-m2-img5_3{position:absolute;right:-10%;bottom:0;width:50%}
.g-m2-title5{margin-bottom:20px}
.g-m2-middle5{height:530px}
.g-m2-content5{padding-top:30px;width:90%;margin-left:5%}
.g-m2-page6{height:440px;background-color:#150d0a}
.g-m2-bg6{width:600px;height:440px;margin-left:-300px;margin-top:-220px;background-size:600px 440px}
.g-m2-bg6_1{width:450px;height:200px;left:50%;margin-left:-225px;margin-top:-230px;background-size:450px 200px}
.g-m2-content6{margin-top:250px;width:90%;margin-left:5%;text-align:center}
.g-m2-title6{margin-bottom:20px}
.g-m2-img7{margin:30px auto}
.g-m2-content7{margin-top:50px}
.g-m7-middle{width:80%}
.g-m7-page1{height:480px}
.g-m7-bg1{width:800px;height:480px;margin-left:-400px;margin-top:-240px;background-size:800px 480px}
.g-m7-title1{margin-bottom:30px}
.g-m7-content1{margin-top:40px;width:90%;margin-left:5%;color:#000}
.g-m7-img1{width:100%;margin-top:50px;margin-left:20%}
.g-m7-page2{height:520px}
.g-m7-bg2{width:800px;height:520px;margin-left:-400px;margin-top:-260px;background-size:800px 520px}
.g-m7-content2{margin-top:50px;width:90%;margin-left:5%;color:#FFF}
.g-m7-img2{width:70%;margin-top:100px;margin-left:15%}
.g-m7-page3{height:530px}
.g-m7-bg3{width:700px;height:530px;margin-left:-400px;margin-top:-200px;background-size:700px 530px}
.g-m7-title3{margin-bottom:30px}
.g-m7-middle{width:90%}
.g-m7-content3{margin-top:30px;width:90%;margin-left:5%}
.g-m7-img3{width:80%;margin-top:40px;margin-left:10%}
.g-m1-middle{width:80%}
.g-m1-video0{width:49%;margin-right:1%}
.g-m1-video1{width:49%;margin-left:1%}
.g-m1-icon{margin-top:2px}
.g-m1-img1{left:50%;width:280px;margin-left:-140px;top:30px}
.g-m1-img1_1{right:0;width:320px;margin-right:-200px;top:-150px}
.g-m1-img1_2{left:10%;width:180px;margin-left:-150px;top:-50px}
.g-m1-img1_3{left:50%;width:250px;margin-left:-125px;top:280px}
.g-m1-content1{font-size:10px;margin-top:20px;width:100%;margin-left:0}
.g-m1-img1_4{margin-top:180px;width:60%}
.g-m1-page2{height:560px}
.g-m1-middle1{width:100%}
.g-m1-content2{margin-top:40px}
.g-m1-title2{margin-bottom:20px}
.g-m1-iconlist{font-size:10px}
.g-m1-allicon{width:65px;height:65px;background:url(1_icon1565.png?1487559414889);background-size:500px;margin:0 auto}
.g-m1-icon3{background-position:-71px 0}
.g-m1-icon4{background-position:-142px 0}
.g-m1-icon5{background-position:-213px 0}
.g-m1-icon6{background-position:-283px 0}
.g-m1-icon7{background-position:-354px 0}
.g-m1-icon8{background-position:-425px 0}
.g-m1-icon9{background-position:-500px -71px}
.g-m1-icon10{background-position:-71px -71px}
.g-m1-icon11{background-position:-142px -71px}
.g-m1-icon12{background-position:-213px -71px}
.g-m1-icon13{background-position:-283px -71px}
.g-m1-icon14{background-position:-354px -71px}
.g-m1-icon15{background-position:-425px -71px}
.g-m1-icon16{background-position:0 -142px}
.g-m1-icon17{background-position:-71px -142px}
.g-m1-icon18{background-position:-142px -142px}
.g-m1-icon19{background-position:-213px -142px}
.g-m1-icon20{background-position:-283px -142px}
.g-m1-icon21{background-position:-354px -142px}
.g-m1-img2{margin:30px auto}
.g-m1-page3{height:580px}
.g-m1-page5{height:630px}
.g-m1-title3{font-size:24px;margin-bottom:20px}
.g-m1-img3{margin:30px auto 0;width:85%}
.g-m1-img3_1{margin:0 auto 30px;width:95%}
.g-m1-title5{margin-bottom:20px}
.g-m1-img5{width:90%}
.g-m1-seemore{width:90px;height:30px;line-height:30px;margin:20px auto}
.g-m1-seemore1{width:90px;height:30px;line-height:30px;position:absolute;left:47%;margin-left:-45px;top:390px}
.g-m1-page4{height:1050px}
.g-m1-title4{margin-bottom:20px}
.g-m1-content4{width:90%;color:#222;min-width:300px;margin-top:30px;text-align:center;margin-left:5%}
.g-m1-p2Icon4{width:100%;overflow:auto;margin-top:30px;margin-left:0}
.g-m1-iconlist4{margin-left:15%;margin-top:30px}
.g-m1-iconlist4_1{margin-top:30px}
.g-m1-img4{position:absolute;top:470px;left:50%;width:300px;margin-left:-150px}
.g-m1-page6{height:720px}
.g-m1-content6{width:90%;color:#222;min-width:300px;margin-top:30px;text-align:center;margin-left:5%}
.g-m1-title6{margin-bottom:20px;font-size:24px}
.g-m1-p2Icon6{width:100%;overflow:auto;margin-top:30px;margin-left:0}
.g-m1-img6{position:absolute;top:350px;left:50%;width:150px;margin-left:-130px}
.g-m1-img6_1{position:absolute;top:350px;left:50%;width:150px;margin-left:-20px}
.g-m1-seemore2{width:90px;height:30px;line-height:30px;position:absolute;left:47%;margin-left:-45px;top:260px}
.g-m1-seemore3{width:90px;height:30px;line-height:30px;position:absolute;left:50%;margin-left:-45px;top:260px}
.g-m1-page7{height:750px}
.g-m1-title7{margin-bottom:20px}
.g-m1-content7{width:90%;color:#222;min-width:300px;margin-top:30px;text-align:center;margin-left:5%}
.g-m1-p2Icon7{width:100%;overflow:auto;margin-top:30px;margin-left:0}
.g-m1-img7{position:absolute;top:380px;left:50%;width:300px;margin-left:-150px}
.g-m3-img3_2{left:-63px}
.pin-frame1{width:none;height:400px}
#examples-pin1{margin-top:10px}
}
#cbg-main-nav-wrapper{position:absolute;z-index:1100;top:0;left:0;width:100%;height:auto}
#cbg-main-nav-wrapper.fixed{position:fixed;top:0}
#cbg-main-nav-wrapper.fixed #cbg-main-nav{height:61px}
#cbg-main-nav-wrapper.fixed #cbg-main-nav>.cbg-overlay{height:61px}
#cbg-main-nav-wrapper.fixed #cbg-main-nav .logo{margin-top:10px}
#cbg-main-nav-wrapper.fixed #cbg-main-nav .cbg-menu>li>a>span{padding-bottom:15px}
#cbg-main-nav-wrapper.fixed #cbg-main-nav .cbg-menu>li>a{padding-top:21px;height:34px}
.ie8 #cbg-main-nav-wrapper.fixed #cbg-main-nav .cbg-menu>li>a{padding-top:20px}
#cbg-main-nav-wrapper.fixed #cbg-main-nav-search{margin-top:19px}
.browsehappy{text-align:center;background:#ccc;display:none;height:50px;line-height:50px;overflow:hidden}
@media screen and (-webkit-min-device-pixel-ratio:0){.browsehappy{height:50px;line-height:50px}
}
.browsehappy{height:55px;line-height:55px}
.browsehappy img{vertical-align:middle;border:0}
.browsehappy p a{color:#000;text-decoration:none}
.browsehappy p a img{border:0}
@media screen and (-webkit-min-device-pixel-ratio:0){.browsehappy{margin-top:0}
}
.browsehappy{margin-top:-3px}
html[dir=rtl] .spec-rad{width:15px;height:15px;margin:7px 0 7px 10px;border-radius:50%;display:block;float:right}
html[dir=rtl] #spec-middle .spec-size{margin-bottom:40px;overflow:hidden}
@media screen and (min-width:768px){html[dir=rtl] #spec-middle .p-1{display:block;float:right}
html[dir=rtl] #spec-middle .p-2{display:block;float:left}
html[dir=rtl] #spec-middle .spec-size dd{float:right}
html[dir=rtl] #spec-middle .spec-size dd:after{content:"|";position:relative;left:60px}
}
@media screen and (max-width:767px){html[dir=rtl] #spec-middle .p-1{display:block;float:right}
html[dir=rtl] #spec-middle .p-2{display:block;float:left}
html[dir=rtl] #spec-middle .spec-size dd{float:right}
}
html[dir=rtl] .spec-title{letter-spacing:0}
html[dir=rtl] .spec-contect ul li.spec-color{float:right}
@media(max-width:767px){html[dir=rtl] .spec-contect ul li.spec-color{float:right}
}
html[lang="zh-CN"] .section_xml{font-family:"Microsoft YaHei","arial","sans-serif" !important}