@charset "utf-8";
/* CSS Document */
/* Product local navigation */
.cbg-product-local-nav h1 {
  width: 278px; height: 19px; top: 17px; background: url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/pc_images/m2_logo.png') no-repeat;
}
.cbg-video-mask {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;
}
#playerUoUKOnijsTOF_wrapper {
  height: 100%!important;
}

::selection{background: #ff8502; color: white; /* Safari */} ::-moz-selection{background: #ff8502; color: white; /* Firefox */ } 
body {padding:0; margin:0;overflow-x:hidden;}

@font-face {
    font-family: 'FrutigerNextLT-Medium';
    src: url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Medium.eot?#iefix') format('embedded-opentype'),  url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Medium.woff') format('woff'), url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Medium.ttf')  format('truetype'), url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Medium.svg-FrutigerNextLT-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FrutigerNextLT-Light';
    src: url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Light.eot?#iefix') format('embedded-opentype'),  url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Light.woff') format('woff'), url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Light.ttf')  format('truetype'), url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Light.svg-FrutigerNextLT-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FrutigerNextLT-Regular';
    src: url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Regular.eot?#iefix') format('embedded-opentype'),  url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Regular.woff') format('woff'), url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Regular.ttf')  format('truetype'), url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/tablets/mediapad-m2-10/fonts/FrutigerNextLT-Regular.svg-FrutigerNextLT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*#cbg-main{ padding-top: 67px; font-family:'Segoe UI Light', 'Segoe UI', Arial, Helvetica, sans-serif; }*/
#cbg-main{/* padding-top: 67px; */font-family: 'FrutigerNextLT-Regular', Arial, Helvetica, sans-serif !important;}
/*#cbg-main .f-m-title{font-family: 'FrutigerNextLT-Medium', Arial, Helvetica, sans-serif !important;}*/

.g-mate8_list a{color:white}
ul{padding:0; margin:0; list-style:none; list-style-type:none;}
li{padding:0; margin:0; list-style:none;}
img{border:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
p{padding:0; margin:0;}
/*a{    font-family: 'Segoe UI Light', 'Segoe UI', Arial, Helvetica, sans-serif; text-decoration:none;}*/
a:hover{text-decoration:none;}
section{position:relative;overflow:hidden;}
section{position:relative;overflow:hidden;width:100%;overflow-y:hidden;line-height:normal !important;}
nav{height:40px;position:fixed;top:0px;left:0px;width:100%;z-index:10000;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{}
.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;}

.g-m6-page4 {   width: 100%;   height: 80px;    color: #222;    background-color: #fafafa;position:relative;}
.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:#757575;}
.g-m6-next {  font-size: 18px;  float: left;  padding: 6px 12px;   margin-top: 20px;}
.g-m6-bimg{position:absolute;left:80%;top:0;height:80px;width:460px;z-index:98;margin-left:-200px;}
.g-m6-bimg1{position:absolute;left:50%;top:0;height:80px;width:450px;z-index:98;}

/***波纹动画***/
	.g-p2-myImg{position:relative;z-index:100;}
	.g-p2-clecrl0{width:200px;height:100px;-webkit-border-radius: 50%;	-moz-border-radius: 50%;	-ms-border-radius: 50%;	border-radius: 50%;background-color:#7b5a44;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;position:absolute;top:38%;margin-top:-50px;left:5%;margin-left:-100px;}
	.g-p2-clecrl1{width:300px;height:150px;-webkit-border-radius: 50%;	-moz-border-radius: 50%;	-ms-border-radius: 50%;	border-radius: 50%;background-color:#7b5a44;filter:alpha(opacity=30);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;position:absolute;top:82%;margin-top:-75px;left:52%;margin-left:-150px;}
	.g-p2-clecrl2{width:200px;height:100px;-webkit-border-radius: 50%;	-moz-border-radius: 50%;	-ms-border-radius: 50%;	border-radius: 50%;background-color:#7b5a44;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;position:absolute;top:45%;margin-top:-50px;left:95%;margin-left:-100px;}

/***p1页面**/
.g-m1-page1{overflow:hidden;background: #fbfbfb;}
.f-m1-img0{}
.g-m1-img1{position:absolute;left:30%;width:600px;margin-left:-630px;top:60px;}
.g-m1-img1_1{position:absolute;right:30%;width:550px;top:220px;margin-right:-500px;}
.g-m1-middle{width:70%;max-width:960px;min-width:300px;margin:0 auto;position:relative;}
.g-m1-img1_2{min-width:290px;max-width:670px;width:70%;margin:0 auto;margin-top:80px;}
.g-m1-content1{margin:30px auto 100px;width:80%;max-width:600px;color:#000;font-size:12px;line-height:16px;overflow:auto;text-align:center;}
.g-m1-video0{width:40%;margin-left:10%;float:left;text-align:left;height:25px;}
.g-m1-video0 span{display:block;float:left;font-size:14px;}
.g-m1-icon{width:16px;height:16px;margin-top:2px;margin-left:5px;}
.g-m1-img1_3{width:100%;margin:60px auto;margin-left:-50px;}

.g-m1-page2{overflow:hidden;background-color:#FFF;}
.g-m1-content2{margin:0 auto;margin-top:60px;width:80%;min-width:300px;color:#4d4d4d;overflow:auto;text-align:center;}
.f-m-title{font-size:45px; margin-bottom:40px;}
.f-section-disc{font-size:16px;}
.g-m1-iconlist{/*float:left;*/display:inline-block;vertical-align:top;text-align:center;min-width:80px;width:25%;font-size:15px;}
.g-m1-allicon{width:84px;height:84px;margin:5px auto;}
.g-m1-seemore{display:block;cursor:pointer;width:150px;height:40px;border:1px solid #A9A9A9;color:#A9A9A9;line-height:40px;text-align:center;margin:40px auto;z-index:9;position:relative;}
.g-m1-seemore:hover{display:block;cursor:pointer;width:150px;height:40px;border:1px solid #C52525;background-color:#ffffff;line-height:40px;text-align:center;margin:40px auto;z-index:9;position:relative;}
.g-m1-img2{min-width:290px;max-width:900px;width:100%;margin:0 auto;margin-top:80px;}

.g-m1-page3{height:930px;overflow:hidden;background-color:#fafafa;}
.g-m1-disc3{margin-bottom:50px;}
.g-m1-content3{margin-left:5%;margin-top:60px;width:65%;min-width:300px;color:#4d4d4d;overflow:auto;text-align:left;}
.g-m1-iconlist3{float:left;text-align:center;min-width:80px;width:40%;font-size:15px;}
.g-m1-seemore1{margin-left:22%;}
.g-m1-seemore1:hover{margin-left:22%;}
.g-m1-img3{position:absolute;right:20%;width:1000px;top:10px;margin-right:-560px;}

.g-m1-page4{overflow:hidden;background-color:#fff;}
.g-m1-disc4{margin-bottom:50px;}
.g-m1-content4{margin-left:40%;margin-top:260px;width:60%;min-width:300px;color:#4d4d4d;overflow:auto;text-align:left;}
.g-m1-seemore4{margin-left:40%;}
.g-m1-img4{min-width:290px;max-width:900px;width:100%;margin:0 auto;margin-top:80px;}
.g-m1-content5 {   margin: 60px auto 0px;   width: 80%;   min-width: 300px;   color: #FFF;   overflow: auto;   text-align: center;}


/***p2页面**/
.g-m2-page1{width:100%;background-color:#fff;color:#222222;overflow:hidden;}
.g-m2-page2{width:100%;height:700px;color:#FFF;overflow:hidden;}
.g-m2-page3{width:100%;height:750px;color:#FFF;overflow:hidden;}
.g-m2-page4{width:100%;height:1000px;color:#fff;overflow:hidden;}
.g-section-middle{width:1400px;margin:0 auto;}
.g-section-content{width:63%;margin:0 auto;text-align:center;}
.f-section-title{font-size:36px;margin-bottom:35px;padding-top:100px;}
.f-section-disc{font-size:16px;color:#4d4d4d;margin-bottom:70px;}
.f-section-img0{width:1250px;margin:0 auto;margin-bottom:50px;position:relative;}
.g-m2-bg{width:1900px;height:1050px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-525px;z-index:-1;}
.g-m2-bg img{width:100%;height:100%;}
.f-section-title1{font-size:36px;margin-bottom:35px;padding-top:70px;}
.f-section-disc1{font-size:16px;margin-bottom:80px;}
.g-m2-icon0{width:180px;height:120px;margin:0 auto;text-align:center;margin-bottom:50px;}
.g-m2-icon0 p{color:#FFF;font-size:12px;line-height:20px;}
.f-section-img1{width:650px;margin:0 auto;margin-bottom:20px;}
.f-section-Wimg{width:100%;}
.f-section-title2{font-size:36px;margin-bottom:15px;padding-top:30px;}
.f-section-title2-n{font-size:36px;margin-bottom:15px;padding-top:30px;}
.f-section-disc2{font-size:16px;margin-bottom:80px;}
.g-m2-icon1{margin-bottom:0px;}
.g-back{color:#4d4d4d;}
.f-section-img2{width:600px;position:absolute;left:50%;margin-left:-650px;top:300px;}
.f-section-img3{width:700px;position:absolute;left:50%;margin-left:10px;top:450px;}

/***p3页面**/
.g-m3-page1{width:100%;overflow:hidden;background-color:#fff;color:#4e4e4e;}
.g-m3-page2{width:100%;height:710px;color:#fff;}
.g-m3-page3{width:100%;height:710px;color:#4e4e4e;}
.g-m3-page4{width:100%;height:900px;color:#fff;z-index:-2;background-color:#000;}
.g-m3-bg{width:1900px;height:800px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-350px;z-index:-1;}
.g-m3-bg1{width:1900px;height:800px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-550px;z-index:-1;}
.f-section-img4{width:780px;margin:0 auto;margin-bottom:50px;}
.f-section-title4{padding-top:100px; margin-bottom:25px;}
.f-section-disc4{margin-bottom:30px;}
.f-section-imgab{width:1300px;position:absolute;left:50%;top:100px;margin-left:-650px;}
.g-section-content1{width:40%;text-align:left;margin-left:45%;margin-top:70px;}
.g-m3-icon0{margin-left:52%;}
.f-section-img5{width:800px;margin:40px auto 0;margin-bottom:20px;}
.g-section-middle3{padding-top:500px;overflow:hidden;}
/*.g-section-content3{width:960px;margin:0 auto;color:#FFF;font-size:14px;text-align:center;overflow:auto;margin-top:80px;}*/
.g-section-content3{width:960px;margin:0 auto;color:#FFF;font-size:14px;text-align:center;overflow:auto;margin-top:40px;}
.g-section-bottom0{float:left;width:20%;margin:0px 2%;}
.g-section-bottom1{float:left;width:48%;margin:0px 2%;}
.swiper-pagination{ position: relative !important;}

/*****P4页面****/
.g-m4-page1{width:100%;height:650px;background-color:#fafafa;color:#4e4e4e;}
.g-m4-page2{width:100%;height:780px;background-color:#000;color:#fff;}
.g-m4-page3{width:100%;overflow:auto;background-color:#FFF;}
.g-m4-page4{width:100%;height:800px;color:#FFF; background-color:#1d1411;z-index:-2;}
.f-m4-img0{position:absolute;top:0;left:0;width:1060px;}
.g-m4-middle{position:relative;}
.g-m4-content0{width:500px;position:absolute;top:250px;left:45%;}
.g-m4-content1{width:600px;margin:0 auto;text-align:center;}
.g-m4-icon0{width:180px;height:120px;margin:0 auto;text-align:center;margin-bottom:50px;}
.f-m4-img1{position:absolute;top:60%;left:50%;width:1000px;margin-left:-500px;z-index:5;}
.f-m4-img2{position:absolute;top:50px;left:50%;width:300px;margin-left:-650px;}
.f-m4-img3{position:absolute;top:50px;left:50%;width:400px;margin-left:370px;}
.f-m4-img4{position:absolute;bottom:-10px;left:50%;width:1000px;margin-left:-500px;}

.g-m4-listimg{float:left;width:33.33%;margin-left:0px;outline:3px solid white;}
.g-m4-bg{width:1900px;height:800px;position:absolute;left:50%;top:50%;margin-left:-950px;margin-top:-400px;z-index:-1;}
.f-section-img0{position:relative;}.f-front-img{position:absolute;left:0px;top:0px;z-index:9;}.bg-round-1{position:absolute;left:-20px;top:60px;z-index:1;width:25%;}.bg-round-1 img{width:100%;position:absolute;opaticy:0;}.bg-round-2{position:absolute;left:350px;top:150px;z-index:1;width:25%;}.bg-round-2 img{width:100%;position:absolute;opaticy:0;}.bg-round-4{position:absolute;left:250px;top:10px;z-index:1;width:25%;}.bg-round-4 img{width:100%;position:absolute;opaticy:0;}.bg-round-5{position:absolute;left:690px;top:80px;z-index:1;width:25%;}.bg-round-5 img{width:100%;position:absolute;opaticy:0;}.scale-fade-1{animation-name: bscale;animation-duration: 3s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: normal;/* Firefox: */-moz-animation-name: bscale;-moz-animation-duration: 3s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;-moz-animation-direction: normal;/* Firefox: */-ms-animation-name: bscale;-ms-animation-duration: 3s;-ms-animation-timing-function: linear;-ms-animation-iteration-count: infinite;-ms-animation-direction: normal;/* Safari and Chrome: */-webkit-animation-name: bscale;-webkit-animation-duration: 3s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: normal;}@keyframes bscale{0%{transform: scale(1);opacity:0;} 35%{transform: scale(1.5);opacity:1;} 70%{transform: scale(2);opacity:0;} 100%{transform: scale(1);opacity:0;}}@-ms-keyframes bscale{0%{-ms-transform: scale(1);opacity:0;} 35%{-ms-transform: scale(1.5);opacity:1;} 70%{-ms-transform: scale(2);opacity:0;} 100%{-ms-transform: scale(1);opacity:0;}}@-webkit-keyframes bscale{0%{-webkit-transform: scale(1);opacity:0;} 35%{-webkit-transform: scale(1.5);opacity:1;} 70%{-webkit-transform: scale(2);opacity:0;} 100%{-webkit-transform: scale(1);opacity:0;}}@-moz-keyframes bscale{0%{-moz-transform: scale(1);opacity:0;} 35%{-moz-transform: scale(1.5);opacity:1;} 70%{-moz-transform: scale(2);opacity:0;} 100%{-moz-transform: scale(1);opacity:0;}}.scale-fade-2{animation-name: bscale2;animation-duration: 3s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: normal;/* Firefox: */-moz-animation-name: bscale2;-moz-animation-duration: 3s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;-moz-animation-direction: normal;/* Firefox: */-ms-animation-name: bscale2;-ms-animation-duration: 3s;-ms-animation-timing-function: linear;-ms-animation-iteration-count: infinite;-ms-animation-direction: normal;/* Safari and Chrome: */-webkit-animation-name: bscale2;-webkit-animation-duration: 3s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: normal;}@keyframes bscale2{0%,35%{transform: scale(0.6);opacity:0;} 65%{transform: scale(1.5);opacity:1;} 95%{transform: scale(2);opacity:0;} 100%{transform: scale(0.6);opacity:0;}}@-ms-keyframes bscale2{0%,35%{-ms-transform: scale(0.6);opacity:0;} 65%{-ms-transform: scale(1.5);opacity:1;} 95%{-ms-transform: scale(2);opacity:0;} 100%{-ms-transform: scale(0.6);opacity:0;}}@-webkit-keyframes bscale2{0%,35%{-webkit-transform: scale(0.6);opacity:0;} 65%{-webkit-transform: scale(1.5);opacity:1;} 95%{-webkit-transform: scale(2);opacity:0;} 100%{-webkit-transform: scale(0.6);opacity:0;}}@-moz-keyframes bscale2{0%,35%{-moz-transform: scale(0.6);opacity:0;} 65%{-moz-transform: scale(1.5);opacity:1;} 95%{-moz-transform: scale(2);opacity:0;} 100%{-moz-transform: scale(0.6);opacity:0;}}


/**********参数页面*********/
#g-mate8_8middle{width:960px;margin:0 auto;overflow:auto;background-color:#ffffff;color:#58595b;}
.g-mate8_8icon{width:70%;max-width:600px; min-width:280px; margin:80px auto 20px;}
.g-mate8_8title{font-size:22px;line-height:40px;border-bottom:1px solid #e1e1e1;margin-top:30px;}
.g-mate8_8contect{width:860px;margin:15px 20px 20px 100px;overflow:auto;font-size:16px;}
.g-mate8_8contect1{margin:15px auto;}
.g-mate8_img{max-width:620px;width:90%;min-width:280px;margin:0 auto;}
.g-mate8_8contect ul{display:block;width:45%;margin-right:5%;float:left;}
.g-mate8_8contect ul li{width:100%;line-height:30px;}
.g-mate8_8rad{width:16px;height:16px;margin:7px 10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;display:block;float:left;}
.color0{ background: #d8b992; background: -moz-linear-gradient(top,  #e0c7a7 0%, #c69c70 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0c7a7), color-stop(100%,#c69c70));    background: -webkit-linear-gradient(top,  #e0c7a7 0%,#c69c70 100%);    background: -o-linear-gradient(top,  #e0c7a7 0%,#c69c70 100%);    background: -ms-linear-gradient(top,  #e0c7a7 0%,#c69c70 100%);    background: linear-gradient(to bottom,  #e0c7a7 0%,#c69c70 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0c7a7', endColorstr='#c69c70',GradientType=0 );}
:root .color0{filter:none;}
.color1{ background: #b4b2b2; background: -moz-linear-gradient(top,  #c4c1c1 0%, #979494 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c1c1), color-stop(100%,#979494));    background: -webkit-linear-gradient(top,  #c4c1c1 0%,#979494 100%);    background: -o-linear-gradient(top,  #c4c1c1 0%,#979494 100%);    background: -ms-linear-gradient(top,  #c4c1c1 0%,#979494 100%);    background: linear-gradient(to bottom,  #c4c1c1 0%,#979494 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c1c1', endColorstr='#979494',GradientType=0 );}
:root .color1{filter:none;}
.g-mate8_8contect p{font-size:16px;line-height:30px;}
.g-mate8_des{font-size:18px;text-align:center;}

@media (min-width:1600px) {
	.g-m1-content5{width:70%}
}


@media (min-width:960px) and (max-width:1441px){
	.g-m2-page2{height:600px;}
	.g-m2-page3{height:650px;}
	.g-m2-page4{height:780px;}
	.g-m3-page2{height:620px;}
	.g-m4-page1{height:550px;}
	.g-m2-bg{width:1600px;height:820px;position:absolute;left:50%;top:50%;margin-left:-800px;margin-top:-410px;z-index:-1;}
	.g-section-middle{width:960px;margin:0 auto;}
	.g-section-content{width:80%;margin:0 auto;text-align:center;}
	.f-section-title{font-size:36px;margin-bottom:25px;padding-top:80px;}
	.f-section-img0{width:900px;margin:0 auto;margin-bottom:50px;}
	.f-section-img1{width:550px;margin:0 auto;margin-bottom:0px;}
	.f-section-img2{width:450px;position:absolute;left:50%;margin-left:-500px;top:300px;}
	.f-section-img3{width:500px;position:absolute;left:50%;margin-left:-30px;top:450px;}
	.f-section-disc2{font-size:16px;margin-bottom:60px;}
	.f-section-imgab{width:960px;position:absolute;left:50%;top:170px;margin-left:-480px;}
	.f-section-title5{padding-top:50px;margin-bottom:25px;}
	.g-m3-bg1{margin-top:-550px;}
	.f-m4-img0{width:750px;}
	.g-m4-content0{top:170px;left:45%;}
	
	.g-m1-page3{height:750px;}
	.g-m1-img3{position:absolute;right:50%;width:500px;top:200px;margin-right:-520px;}

	.g-m1-content4{margin-top:150px;}
	.g-m1-img4{top:130px;}
	.g-m4-page4{width:100%;height:590px;color:#FFF; background-color:#1d1411;z-index:-2;}
	.g-m4-bg{width:1400px;height:590px;position:absolute;left:50%;top:50%;margin-left:-700px;margin-top:-295px;z-index:-1;}
	.f-m4-img4{position:absolute;bottom:-10px;left:50%;width:760px;margin-left:-380px;}
	.g-m1-content5 {   margin: 20px auto 0px;   width: 80%;   min-width: 300px;   color: #FFF;   overflow: auto;   text-align: center;}
}

@media (min-width:1200px) and (max-width:1441px){
	.g-m1-img3{position:absolute;right:40%;width:600px;top:150px;margin-right:-520px;}
}

@media (min-width:600px) and (max-width:960px){
	.g-mate8_navbtn{left:48%;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%;}
	
	.g-m2-page2{height:550px;}
	.g-m2-page3{height:720px;}
	.g-m2-page4{height:680px;}
	.g-m3-page2{height:500px;}
	.g-m3-page3{height:600px;}
	.g-m4-page1{height:600px;}
	.g-section-middle{width:600px;margin:0 auto;}
	.g-section-middle3-f{width:90%;margin:0 auto;}
	.g-m1-middle{width:85%;}
	.g-section-content{width:83%;margin:0 auto;text-align:center;}
	.g-m2-bg{width:1400px;height:750px;margin-left:-700px;margin-top:-375px;z-index:-1;}
	.f-section-title{font-size:36px;margin-bottom:25px;padding-top:80px;}
	.f-section-disc{font-size:14px;color:#4d4d4d;margin-bottom:90px;}
	.f-section-disc4{margin-bottom:30px;}
	.f-section-img0{width:600px;margin:0 auto;margin-bottom:50px;}
	.f-section-img1{width:550px;margin:0 auto;margin-bottom:20px;}
	.f-section-img2{width:400px;position:absolute;left:50%;margin-left:-300px;top:470px;}
	.f-section-img3{width:450px;position:absolute;left:50%;margin-left:-150px;top:830px;}
	.f-section-img4{width:500px;margin:0 auto;}
	.f-section-imgab{width:560px;position:absolute;left:50%;top:260px;margin-left:-280px;}
	.g-section-middle3{padding-top:500px;}
	.g-section-content1{width:80%;text-align:left;margin-left:10%;}
	.f-section-title5{padding-top:30px;margin-bottom:15px;}
	.f-section-img5{width:600px;margin:40px auto;margin-bottom:20px;}
	/*.g-section-content3{width:600;text-align:left;margin-top:30px;overflow:hidden;}
	.g-section-bottom0{clear:both;width:100%;border-bottom:1px solid #3f3f3f;padding-bottom:0 15px;}
	.g-section-bottom0 img{float:left;}
	.g-section-bottom0 p{float:left;padding:25px 10px; width:500px;}
	.g-section-bottom1{clear:both;width:100%;border-bottom:1px solid #3f3f3f;}
	.g-section-bottom1 img{float:left;margin-top:20px;}
	.g-section-bottom1 p{float:left;padding:25px 10px; width:500px;}*/
	.f-m4-img0{width:600px;}
	.g-m4-content0{top:300px;left:50%;margin-left:-250px;text-align:center;}
	.g-m4-content1{width:500px;text-align:center;}
	.f-m4-img1{width:600px;margin-left:-300px;top:600px;}
	.f-m4-img2{width:200px;margin-left:-330px;top:250px;}
	.f-m4-img3{width:300px;margin-left:130px;top:250px;}
	.f-m4-img4{width:800px;margin-left:-400px;}
	
	.g-m1-disc2{margin-bottom:50px;}
	.g-m1-middle2{width:85%;}
	.g-m1-content2{width:95%;}
	
	.g-m1-page3{height:1050px;}
	.g-m1-content3{margin:0 auto;margin-top:60px;width:100%;text-align:center;}
	.g-m1-disc3{margin-bottom:30px;}
	.g-m1-iconlist3{margin-left:8%;}
	.g-m1-seemore1{margin:40px auto;}
	.g-m1-seemore1:hover{margin:40px auto;}
	.g-m1-img3{position:static;width:650px;margin:50px auto;}
	.f-m-title{font-size:36px;}

	.g-m1-content4{margin:0 auto;margin-top:150px;width:100%;text-align:center;}
	.g-m1-disc4{margin-bottom:30px;}
	.g-m1-iconlist4{margin-left:8%;}
	.g-m1-img4{margin-top:80px;}
	.f-m-title{font-size:36px;}

	.bg-round-1{position:absolute;left:-30px;top:40px;z-index:1;width:25%;}
	.bg-round-2{position:absolute;left:250px;top:110px;z-index:1;width:25%;}
	.bg-round-4{position:absolute;left:170px;top:0px;z-index:1;width:25%;}
	.bg-round-5{position:absolute;left:480px;top:50px;z-index:1;width:25%;}

	#g-mate8_8middle{width:600px;}
	.g-mate8_8contect {width:540px;margin: 15px 20px 20px 60px;}
	.g-mate8_8contect1{margin:15px auto;}
}
@media (max-width:600px){
	nav{display:none;}
	.g-m1-content5{margin-top:30px;}
	.f-section-img11{width:150%;margin-left:-20%;}
	.g-m2-page2{height:400px;}
	.g-m2-page3{height:480px;}
	.g-m2-page4{height:500px;}
	.g-m3-page2{height:400px;background-color:#000;z-index:-2;}
	.g-m3-page3{height:370px;}
	.g-m3-page4{height:800px;}
	.g-m4-page1{height:400px;}
	.g-m4-page2{height:570px;}
	.g-section-middle{width:320px;margin:0 auto;}
	.g-section-content{width:90%;margin:0 auto;text-align:center;}
	.f-section-title{font-size:20px;margin-bottom:25px;padding-top:50px;}
	.f-section-title1{font-size:20px;padding-top:50px;}
	.f-section-title2{font-size:20px;}
	.f-section-title2-n{font-size:20px;}
	.f-section-disc4{font-size:12px;color:#4d4d4d;margin-bottom:50px;}
	.f-section-disc1{font-size:12px;margin-bottom:50px;}
	.f-section-disc2{font-size:12px;margin-bottom:30px;}
	.f-section-img0{min-width:300px; width:100%;margin:0 auto;margin-bottom:50px;}
	.f-section-img1{min-width:300px; width:90%;margin:0 automargin-bottom:20px;}
	.f-section-img2{width:280px;position:absolute;left:50%;margin-left:-160px;top:400px;}
	.f-section-img3{width:300px;position:absolute;left:50%;margin-left:-145px;top:670px;}
	.f-section-img4{width:300px;margin:0 auto;}
	.f-section-imgab{width:360px;position:absolute;left:50%;top:195px;margin-left:-180px;}
	.g-m2-bg{width:1000px;height:600px;margin-left:-500px;margin-top:-300px;}
	.g-section-content1{width:90%;text-align:center;margin-left:5%;margin-top:20px;}
	.f-section-title5{padding-top:25px;margin-bottom:15px;}
	.f-section-title4{padding-top:30px;}
	.g-m3-bg{width:1200px;margin-left:-600px;height:400px;margin-top:-200px;}
	.g-m3-icon0{margin:0 auto;}
	.f-section-img5{width:300px;margin:10px auto;}
	.g-section-middle3{padding-top:230px;}
	.g-m3-bg1{width:700px;height:400px;position:absolute;left:50%;top:0%;margin-left:-350px;z-index:-1;margin-top:0px;}
	.g-section-content3{width:300px !important;text-align:left;margin-top:30px;overflow:hidden;}
	.g-section-bottom0{clear:both;width:100%;border-bottom:1px solid #3f3f3f;padding-bottom:0 15px;}
	.g-section-bottom0 img{float:left;margin-top:25px;}
	.g-section-bottom0 p{float:left;padding:25px 10px; width:180px;}
	.g-section-bottom1{clear:both;width:100%;border-bottom:1px solid #3f3f3f;}
	.g-section-bottom1 img{float:left;margin-top:60px;}
	.g-section-bottom1 p{float:left;padding:25px 10px; width:200px;}
	.f-m4-img0{width:320px;}
	.g-m4-content0{width:300px;top:200px;left:50%;margin-left:-150px;text-align:center;}
	.f-m4-title0{padding-top:35px;margin-bottom:15px;}
	.g-m4-icon0{font-size:10px;}
	.g-m4-content1{width:300px;text-align:center;}
	.f-m4-img1{width:300px;margin-left:-150px;top:480px;}
	.f-m4-img2{width:150px;margin-left:-230px;top:250px;}
	.f-m4-img3{width:200px;margin-left:85px;top:250px;}
	.g-m4-listimg{width:98%;margin-left:1%;}
	.f-m4-img4{width:500px;margin-left:-250px;}
	.g-m4-page4{height:550px;}
	.g-m4-bg{width:1200px;height:500px;margin-left:-550px;bottom:0;margin-top:0;z-index:-1;}
	
	.g-m1-seemore{width:90px;height:30px;line-height:30px;margin:20px auto;}
	.g-m1-seemore:hover{width:90px;height:30px;line-height:30px;margin:20px auto;}
	.g-m1-content1 {margin-bottom:50px;}
	.g-m1-img1_2{width:80%;margin-top:30px;}
	.g-m1-video0{width:180px;margin:0 auto;float:none;}
	.g-m1-img1{left:50%;width:300px;margin-left:-150px;top:180px;}
	.g-m1-img1_1{left:50%;width:280px;top:470px;margin-left:-140px;}
	.g-m1-img1_3{width:320px;margin:30px auto;margin-top:530px;}
	
	.f-m-title{font-size:24px;}
	.g-m1-disc2{margin-bottom:40px;}
	.g-m1-iconlist{min-width:70px;width:25%;font-size:12px;}
	.g-m1-allicon{width:60px;height:60px;margin:5px auto;}
	.g-m1-img2{margin-top:40px;}
	.g-m1-middle2{width:90%;}
	
	.g-m1-page3{height:750px;}
	.g-m1-middle3{width:90%;}
	.g-m1-content3{margin:0 auto;margin-top:60px;width:100%;text-align:center;}
	.g-m1-disc3{margin-bottom:30px;}
	.g-m1-iconlist3{margin-left:8%;}
	.g-m1-seemore1{margin:30px auto;}
	.g-m1-seemore1:hover{margin:30px auto;}
	.g-m1-img3{position:static;width:100%;margin:30px auto;margin-left:0px;}
	
	.g-m1-middle4{width:90%;}
	.g-m1-disc4{margin-bottom:30px;}
	.g-m1-content4 {margin: 0 auto;margin-top: 150px;width: 100%;text-align: center;}
	.g-m1-img4{margin-top:40px;}
	
	.g-m6-page4 {   width: 100%; height: 50px; color: #222;    background-color: #fafafa;position:relative;}
	.g-m6-nextbtn {font-size: 12px;  float: left;  padding: 6px 20px;   margin-top: 10px;}
	.g-m6-nextbtn:hover{ font-size: 12px; padding: 6px 20px;   margin-top: 10px;background-color:#757575;}
	.g-m6-next {  font-size: 12px;  float: left;  padding: 6px 20px;   margin-top: 10px;}
	.g-m6-bimg{position:absolute;left:50%;top:0;height:50px;width:280px;z-index:98;margin-left:100px;}
	.g-m6-bimg1{left:60%;top:0;height:50px;width:200px;z-index:98;}
	.g-section-middle{width:94%;margin-left:3%;}

	.bg-round-1{position:absolute;left:0;top:30%;z-index:1;width:25%;}
	.bg-round-2{position:absolute;left:45%;top:74%;z-index:1;width:25%;}
	.bg-round-4{position:absolute;left:35%;top:0px;z-index:1;width:25%;}
	.bg-round-5{position:absolute;left:80%;top:35%;z-index:1;width:25%;}

	.g-mate8_8icon0 p{font-size:15px;}
	.g-mate8_8contect ul li{line-height:20px;}
	.g-mate8_des{}
	#g-mate8_8middle{width:310px;}
	.g-mate8_8rad{width:12px;height:12px;margin:3px 5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;}
	.g-mate8_8title{font-size:15px;margin-top:10px;}
	.g-mate8_8contect {width:290px;margin: 15px 0px 10px 10px;font-size:12px;line-height:20px;}
	.g-mate8_8contect p{font-size:12px;line-height:20px;}

}