html{min-height:100%;}
body{background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto;padding:0;background-image:url('/images/web1.svg');background-position:left center;background-size:cover;background-repeat:no-repeat;min-height:100%;font-family:Arial;}
body .total{width:100%;min-height:100%;display:flex;flex-flow:nowrap;align-items:flex-start;justify-content:space-between;position:relative;flex-direction:column;align-content:flex-start;}
#head{width:92%;height:80px;padding:10px 4%;position:relative;margin-bottom:0px;display:flex;flex-flow:wrap;align-items:center;justify-content:center;}
#head .mgrid{width:15%;padding:0 3%;height:100%;margin:0 ;text-align:center;overflow:hidden;display:flex;flex-flow:wrap;align-items:center;justify-content:center;text-decoration:none;}
#head .mgridlogo{width:11%;height:100%;margin:0;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#head .mgrid .txt{width:100%;text-align:center;height:auto;padding:5px 0;font-size:1em;color:#fff;margin:0;border-radius:20px;cursor:pointer;overflow:hidden;background:rgba(68,68,68,.8);display:flex;flex-flow:nowrap;align-items:center;justify-content:center;flex-direction:column;font-family:Arial;}
#head .mgrid .txt:hover{background:#f40;color:#fff;}
#head .mgrid .txt .ch{font-size:1.5vw;padding:0 ;line-height:auto;font-weight:bold;}
#head .mgrid .txt .en{font-size:1vw;padding:0;line-height:auto;color:#eee;}
#head .mgrid .selected{background:#f40;color:#fff;}
#head .mgridlogo .img{width:100%;text-align:center;height:100%;line-height:0;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#head .mgridlogo .img img{max-width:100%;max-height:80px;}

.main{width:100%;position:relative;height:auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;background:rgba(255,255,255,.8);}
.main .tabs{width:100%;height:70px;display:flex;flex-flow:nowrap;align-items:center;justify-content:center;position:relative;align-content:center;max-width:1024px;}
.main .tabs .tab{width:100%;display:flex;align-items:center;justify-content:center;height:70px;flex-shrink:1;flex-grow:1;text-align:center;border-bottom:1px solid #eee;border-right:1px solid #fff;background-color:#f5f5f5;color:#666;}
.main .tabs .tab .img{width:auto;height:20px;}
.main .tabs .tab .img img{height:20px;}
.main .tabs .tab .txt{width:auto;}
.main .tabs .selected{background-color:#fff;color:#f40;border-bottom-color:transparent;font-weight:bold;}

.main .prds{width:100%;height:auto;display:flex;flex-flow:wrap;align-items:center;justify-content:center;position:relative;padding-bottom:50px;max-width:1024px;}
.main .prds .tag{width:96%;height:auto;padding:10px 2%;display:flex;flex-flow:wrap;align-items:center;justify-content:flex-start;position:relative;font-size:1.2em;font-weight:bold;color:#555;flex-shrink:0;}
.main .prds .txt{width:96%;height:auto;padding:5px 2%;display:flex;flex-flow:nowrap;align-items:flex-start;justify-content:flex-start;position:relative;font-size:1em;color:#333;flex-shrink:0;}
.main .prds .txt span{width:auto;height:auto;padding-right:5px;}
.main .prds .txt span:first-child{font-weight:bold;}
.main .prds .pt{width:96%;height:auto;padding:5px 2%;display:flex;flex-flow:wrap;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;}
.main .prds .pt .pt_title{width:96%;height:auto;padding:5px 2%;display:flex;flex-flow:nowrap;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;font-weight:bold;font-size:1.2em;}
.main .prds .img{width:100%;text-align:center;height:100%;line-height:0;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;}
.main .prds .img img{max-width:100%;}
.main .prds .img .ab{position:absolute;width:10%;height:10%;background-size:100% 100%;background-repeat:no-repeat;background-position:left top;}
.main .prds .img .ab1{background-image:url(/images/app13.svg);left:15%;top:12%;}
.main .prds .img .ab2{background-image:url(/images/app20.svg);right:15%;top:12%;}
.main .prds .img .ab3{background-image:url(/images/app18.svg);left:37%;top:38%;width:8%;height:8%;}
.main .prds .img .ab4{background-image:url(/images/app12.svg);left:47%;top:25%;width:15%;height:15%;}
.main .prds .img .ab5{background-image:url(/images/app6.svg);left:13%;bottom:22%;width:15%;height:15%}
.main .prds .img .ab6{background-image:url(/images/app14.svg);right:13%;bottom:22%;width:15%;height:15%;}
.main .prds .imgs{width:100%;text-align:center;height:100%;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;}
.main .prds .imgs .grid{width:40%;height:auto;padding:80px 0 20px 0;background-size:50% 50%;background-repeat:no-repeat;background-position:center 15px;background-color:#f40;border-radius:7px;margin:5px 5%;color:#fff;}
.main .prds .imgs .gm1{background-image:url(/images/guide.svg);}
.main .prds .imgs .gm2{background-image:url(/images/app3.svg);}
.main .prds .imgs .gm3{background-image:url(/images/app16.svg);}
.main .prds .imgs .gm4{background-image:url(/images/app1.svg);}
.main .prds .imgs .gm5{background-image:url(/images/app19.svg);}
.main .prds .imga{width:100%;text-align:center;height:100%;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;}
.main .prds .imga .grid{width:40%;height:auto;padding:80px 0 20px 0;background-size:50% 50%;background-repeat:no-repeat;background-position:center 15px;background-color:#f40;border-radius:7px;margin:5px 5%;color:#fff;}
.main .prds .imga .gm1{background-image:url(/images/app7.svg);}
.main .prds .imga .gm2{background-image:url(/images/app9.svg);}
.main .prds .pt .info{width:96%;height:auto;padding:5px 2%;display:flex;flex-flow:nowrap;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;font-size:1em;}

.main .cops{width:100%;height:auto;display:flex;flex-flow:wrap;align-items:center;justify-content:center;position:relative;padding-bottom:50px;}
.main .cops .tag{width:96%;height:auto;padding:10px 2%;display:flex;flex-flow:nowrap;align-items:center;justify-content:flex-start;position:relative;font-size:1.2em;font-weight:bold;color:#555;flex-shrink:0;}
.main .cops .txt{width:96%;height:auto;padding:5px 2%;display:flex;flex-flow:nowrap;align-items:flex-start;justify-content:flex-start;position:relative;font-size:1em;color:#333;flex-shrink:0;}
.main .cops .txt span{width:auto;height:auto;padding-right:5px;}
.main .cops .pt{width:100%;height:auto;padding:5px 2%;display:flex;flex-flow:wrap;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;}
.main .cops .pt .pt_title{width:100%;height:auto;padding:5px 2%;display:flex;flex-flow:nowrap;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;}
.main .cops .pt .info{width:100%;height:auto;padding:5px 2%;display:flex;flex-flow:nowrap;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;}


.foot_canvas{width:100%;height:70px;background-color:rgba(68,68,68,.32);display:flex;align-items:center;justify-content:flex-start;}
.foot_canvas .foot_area{position:relative;width:80%;height:auto;margin:0 10%;align-items:center;justify-content:flex-start;display:flex;}
.foot_canvas .foot_area .bottom{height:auto;width:100%;font-weight:bold;display:flex;flex-flow:wrap;align-items:center;justify-content:flex-start;}
.foot_canvas .foot_area .bottom .comname{height:auto;color:#fff;margin:0 10px;float:left;font-size:1em;font-weight:bold;}
.foot_canvas .foot_area .bottom .copyright{height:auto;color:#fff;margin:0 10px;float:left;font-size:1em;font-weight:bold;}
.foot_canvas .foot_area .bottom a{text-decoration:none;color:#fff;font-size:1em;float:left;font-weight:bold;margin:0 10px;}
.foot_canvas .foot_area .bottom a{text-decoration:none;color:#fff;font-size:1em;float:left;font-weight:bold;margin:0 10px;}
.foot_canvas .foot_area .bottom .gp{height:30px;width:30px;position:absolute;right:5px;bottom:0px;}
.foot_canvas .foot_area .bottom .gp img{height:30px;}