:root{
  --theme-color:#485aeb;
  --black-color:#0B3636;
  --white-color:#fff;
  --white2-color:#ffffff6f;
  --aside-color:#0B3636;
  --select-menu:#092B2B;
}

html{ font-family:sans-serif; -webkit-text-size-adjust:100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block; }
audio,canvas,progress,video{ display: inline-block; vertical-align:baseline; }
audio:not([controls]){ display:none; height:0; }
[hidden],template{ display:none; }
a{ background:transparent; }
a:active,a:hover { outline:0; }
abbr[title]{ border-bottom:1px dotted; }
b,strong{ font-weight:bold; }
dfn{ font-style:italic; }
h1{ font-size:2em; }
mark{ color:var(--black-color); background:#ff0; }
small{ font-size:80%; }
sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup{ top:-.5em; }
sub{ bottom:-.25em; }
img,i{vertical-align:middle;}
img{ border:0;}
svg:not(:root){ overflow:hidden; }
figure{ margin:1em 40px; }
hr{ box-sizing:content-box; height:0; }
pre{ overflow:auto; }
code,kbd,pre,samp{ font-family:monospace, monospace; font-size:1em; }
button,input,optgroup,select,textarea{ font:inherit; margin:0; color:inherit; }
button{ overflow:visible; }
button,select{ text-transform:none; }
button,html input[type='button'],input[type='reset'],input[type='submit']{ cursor:pointer; -webkit-appearance:button; }
button[disabled],html input[disabled]{ cursor:default; }
input{ line-height:normal; }
input[type='checkbox'],input[type='radio']{ box-sizing:border-box; padding:0; }
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button{height:auto;}
input[type='search']{ -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-appearance:textfield; }
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance:none; }
fieldset{ margin:0 2px; padding:.35em .625em .75em; border:1px solid #c0c0c0; }
legend{ padding:0; border:0;}
textarea{ overflow:auto; }
optgroup{ font-weight:bold; }
table{ border-spacing:0; border-collapse:collapse; }
td,th{ padding:0; }
ul{list-style:none;}
*{margin:0; padding:0; /*-webkit-box-sizing:border-box; box-sizing: border-box; -webkit-user-select:none; outline:none;*/
  -webkit-tap-highlight-color:transparent; -webkit-backface-visibility:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch;}
body{ -webkit-overflow-scrolling:touch; background-color:var(--white-color);}
a{ text-decoration:none; color:inherit;} a:active{ color:inherit;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;}
input[type="number"]{-moz-appearance:textfield;}

html, body, #app, .container{overflow-x:hidden;}
html, body, #app, .container{position:relative; width:100%; height:100%;}
.container{z-index:2;}

.mw, .mh, .pt-layout{position:relative;}
.mw, .pt-layout{width:100%;}
.mh, .pt-layout{height:100%;}

.m-scroll{overflow-y:auto;}
/*滚动条整体部分*/
.m-scroll::-webkit-scrollbar{width:6px; height:10px; background-color:#9D9D9D; border-radius:15px;}
/*scroll轨道背景*/
.m-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(232,233,239,1); border-radius:15px; background-color:#f9f9f9; }
/*滚动条中能上下移动的小块*/
.m-scroll::-webkit-scrollbar-thumb{border-radius:15px; -webkit-box-shadow:inset 0 0 6px rgba(213,213,213,.5); background-color:#dadbdc; }

.flex-center-ctn{display:flex; align-items:center; justify-content:center;}
.flex-start-spb{display:flex; align-items:flex-start; justify-content:space-between;}
.flex-center-spb{display:flex; align-items:center; justify-content:space-between;}
.flex-start-str{display:flex; align-items:flex-start; justify-content:flex-start;}
.flex-center-str{display:flex; align-items:center; justify-content:flex-start;}

img#pt-bg{position:absolute; top:0; left:0; height:100%;}

.pt-header{padding:13px 30px; z-index:3; position:relative; background:#fff;}
.pt-header a{display:inline-block; height:24px;}
.pt-menus a{margin-right:60px; font-size:15px; font-weight:600;}
.pt-menus a.pt-menu-curr{color:var(--theme-color);}
img{user-select:none;}

.pt-content{padding:150px 150px 0 150px;}
.i-text{margin:20px 0;}

.pt-footer{background-color:var(--black-color); color:var(--white2-color); padding:24px 36px 36px 36px; z-index:2; position:relative;}
.pt-msg img, .pt-shfw h4{margin-bottom:18px;}
.pt-shfw h4{font-size:16px;}
.pt-shfw p, .pt-msg p{font-size:13px; margin-top:6px;}
.pt-shfw p:nth-child(1){margin-top:0;}

.pt-dld{margin-top:20px;}
.home-right>img{height:73%; transition:height .3s;}
img.home-log{width:200px; transition:width .3s;}
.i-text>img{width:810px; transition:width .3s;}
.pt-h2{font-weight:300; margin-bottom:10px; font-size:1.98em; transition:font-size .3s;}
.pt-dld img{width:300px; transition:width .3s;}
#pt-andr{margin-left:20px; cursor:pointer;}

.header-color{background-color:var(--white-color);}
.main-color{background-color:#f9f9f9; padding:40px;}

.about-content{max-width:1200px;}
.about-content h1{text-align:center; margin-bottom:20px;}
.about-content p{font-size:14px;}
.about-content h4{margin:30px 0;}
.about-des p{margin-bottom:4px;}

.pt-404{position:relative; width:100%; height:100%;}
.pt-404 h1{margin-bottom:10px;}
.pt-404 img{margin:40px 0;}


@media screen and (min-width: 1400px) {
  .mobile{display:none !important;}
  .pt-main{height:calc(100% - 211px); width:100%; position:relative; z-index:1;}
  .pt-home{position:absolute; top:-51px; height:calc(100% + 51px); width:100%; left:0;}
  .pt-home>div{height:100%;}
  .home-left{position:relative; width:72%;}
  .home-left>img{height:100%; width:100%;}
  .home-content{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;
    display:flex; align-items:center; padding-left:200px;}
  .home-right{position:absolute; height:100%; top:0; right:60px; display:flex; align-items:center;}
}

@media screen and (min-width: 1200px) and (max-width: 1500px){
  .mobile{display:none !important;}
  .pt-main{height:calc(100% - 211px); width:100%; position:relative; z-index:1;}
  .pt-home{position:absolute; top:-51px; height:calc(100% + 51px); width:100%; left:0;}
  .pt-home>div{height:100%;}
  .home-left{position:relative; width:72%;}
  .home-left>img{height:100%; width:100%;}
  .home-content{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;
    display:flex; align-items:center; padding-left:200px;}
  .home-right{position:absolute; height:100%; top:0; right:60px; display:flex; align-items:center;}
  .home-right>img{height:66%;}
  .i-text>img{width:76%;}
  .pt-h2{font-size:1.5em;}
  img.home-log{width:136px;}
  .pt-dld img{width:205px;}
}

@media screen and (max-width: 1200px) {
  .pc{display:none !important;}
  .pt-header{position:fixed; left:0; top:0; width:100%; padding:10px 20px; z-index:4;}
  .pt-main{position:relative; /*min-height:calc(100% - 50px);*/}
  .pt-header a{height:40px;}
  .switch img{width:60px;}
  .mobile-bg{position:absolute; left:0; top:0; width:100%; z-index:1;}
  .pt-mobile-content{padding-top:130px; text-align:center; z-index:2;}
  img.mobile-log{width:118px; margin-bottom:20px; transition:width .3s;}
  img.mobile-text{width:72%; margin-bottom:25px;}
  .mobile-des p{font-size:0.8em; margin-bottom:8px;}
  .mobile-download{margin:30px 0;}
  .mobile-download a{display:inline-block; width:100%; text-align:center;}
  .mobile-download a img{width:70%;}
  .mobile-download a:nth-child(1){margin-bottom:20px;}
  .mobile-des-img{padding-bottom:20px;}
  .mobile-des-img img{width:90%;}

  .pt-footer{display:inline-block; width:100%; text-align:center;}
  .pt-shfw{margin:40px 0;}
  .pt-msg p{color:#ACB4B9;}

  .menus{position:fixed; z-index:3; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); opacity:0; transition:opacity .3s;}
  .menus-nav{background-color:var(--white-color); padding:100px 0 0 0; position:absolute; top:-100%; transition:top .3s; width:100%;}
  .show-menus{opacity:1;}
  .show-menus-nav{top:0;}
  .menus p{text-align:center; padding:10px;}
  a.pt-menu-curr{color:var(--theme-color);}

  .main-color{padding-top:118px;}
  .about-content p{font-size:0.8em;}
  .about-content h1{font-size:1.2em;}

  .pt-404 h1{font-size:1.3em; margin-bottom:10px;}
  .pt-404 p{font-size:0.8em;}
  .pt-404 img{margin:40px 0;}
}

@media screen and (min-width: 1000px) and (max-width: 1200px){
  img.mobile-log{width:200px;}
  img.mobile-text{width:56%;}
  .mobile-des-img img{width:80%;}
  .mobile-des p{font-size:1.2em;}
}