@charset "UTF-8";
a, p, ul, li, dd, dt, dl, span, i, h1, h2, h3, h4, h5, h6, p, div { text-decoration: none; box-sizing: border-box; font-size: 14px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; padding: 0; margin: 0; list-style-type: none; font-weight: normal; color: #333; }

*, *:after, *:before { box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

input, textarea { border: 1px solid #D1D1D1; background: #fff; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; outline: none; }

a:hover { text-decoration: none; }

* { font-family: "Calibri","font_en","-apple-system","SF UI Text","Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","sans-serif","'Microsoft Yahei Light'"; padding: 0; word-wrap: break-word; word-wrap: break-word; }

body, html { overflow-x: hidden; position: relative; max-width: 1920px; margin: 0 auto; background: #fff; }

img { display: block; max-width: 100%; }

.container { margin: 0 auto; padding: 0 20px; }

@media only all and (min-width: 768px) { .container { width: 750px; padding: 0 10px !important; } }

@media only all and (min-width: 992px) { .container { width: 960px; padding: 0 10px !important; } }

@media only all and (min-width: 1200px) { .container { width: 1200px; padding: 0 10px !important; } }

@media only all and (min-width: 1441px) { .container { width: 1400px; padding: 0 10px !important; } }

@media only all and (min-width: 1900px) { .container { width: 1400px; padding: 0 10px !important; } }

@font-face { font-family: 'font_cn'; src: url("../fonts/kuhei.ttf"); }

@font-face { font-family: 'font_en'; src: url("../font/CALIBRI.TTF"); }

@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot"); /* IE9*/ src: url("../font/iconfont.eot") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg") format("svg"); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*@mixin transit($time) { -webkit-transition: all $time; -moz-transition: all $time; -ms-transition: all $time; -o-transition: all $time; transition: all $time; } @mixin select(){ -webkit-appearance: none; -moz-appearance: none; appearance: none; } //rotate @mixin rotate($deg){ -webkit-transform:rotate($deg); -moz-transform:rotate($deg); -ms-transform:rotate($deg); -o-transform:rotate($deg); transform:rotate($deg); } //translate @mixin translate(){ -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @mixin translateY(){ -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } @mixin translateX(){ -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } @mixin translateNone(){ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } @mixin animation($name,$time,$alternate){ animation: $name $time $alternate; -moz-animation: $name $time $alternate;  Firefox -webkit-animation: $name $time $alternate;  Safari 和 Chrome -o-animation: $name $time $alternate;  Opera } @mixin rotateSlate($deg){ -webkit-transform: translateX(-50%) rotate($deg); -moz-transform: translateX(-50%) rotate($deg); -ms-transform: translateX(-50%) rotate($deg); -o-transform: translateX(-50%) rotate($deg); transform: translateX(-50%) rotate($deg); } //scale @mixin scale($a){ -webkit-transform:scale($a); -moz-transform:scale($a); -ms-transform:scale($a); -o-transform:scale($a); transform:scale($a); } //border-radius @mixin radius($temp){ -webkit-border-radius: $temp; -moz-border-radius: $temp; border-radius: $temp; } //box-shadow @mixin shadow($info1,$info2,$info3,$info4) { -moz-box-shadow: $info1,$info2,$info3,$info4; -webkit-box-shadow:$info1,$info2,$info3,$info4; box-shadow: $info1,$info2,$info3,$info4; } @mixin box-shadow($info) { -moz-box-shadow: $info; -webkit-box-shadow:$info; box-shadow: $info; } */
.sidebar { width: 250px; float: left; border: 1px solid #e5e5e5; }

@media only all and (max-width: 1199px) { .sidebar { width: 200px; } }

@media only all and (max-width: 767px) { .sidebar { width: 100%; float: none; } }

.sidebar li { cursor: pointer; transition: all 0.4s; }

.sidebar li a { padding: 20px 25px; display: block; }

@media only all and (max-width: 1199px) { .sidebar li a { padding: 15px 25px; } }

@media only all and (max-width: 767px) { .sidebar li a { padding: 10px 25px; } }

.sidebar li span { display: inline-block; font-size: 16px; line-height: 18px; transition: all 0.4s; }

@media only all and (max-width: 767px) { .sidebar li span { font-size: 14px; } }

.sidebar li .name { float: left; }

.sidebar li .tip { float: right; color: #fff; }

.sidebar li:hover { background: #e60027; }

.sidebar li:hover span { color: #fff; }

.sidebar li.active { background: #e60027; }

.sidebar li.active span { color: #fff; }

.support-center { margin-top: 80px; padding-bottom: 80px; min-height: 400px; }

@media only all and (max-width: 1199px) { .support-center { margin-top: 60px; padding-bottom: 60px; } }

@media only all and (max-width: 640px) { .support-center { margin-top: 40px; padding-bottom: 40px; } }

.support-center .support-center-box { padding-left: 330px; }

@media only all and (max-width: 1199px) { .support-center .support-center-box { padding-left: 250px; } }

@media only all and (max-width: 767px) { .support-center .support-center-box { padding-left: 0px; padding-top: 40px; } }

.support-center .support-center-box .title { padding: 15px 0 25px; font-size: 30px; line-height: 30px; font-family: 'Arial'; border-bottom: 1px solid #e5e5e5; }

@media only all and (max-width: 767px) { .support-center .support-center-box .title { font-size: 18px; } }

.support-center .support-center-box .tip-box.tip-box1 li { margin-top: 25px; }

.support-center .support-center-box .tip-box li { margin-top: 50px; float: left; width: 25%; padding: 0 5px; }

@media only all and (max-width: 640px) { .support-center .support-center-box .tip-box li { margin-top: 35px; width: 50%; } }

.support-center .support-center-box .tip-box li .img { width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; position: relative; transition: all 0.4s; }

@media only all and (max-width: 1199px) { .support-center .support-center-box .tip-box li .img { width: 75px; height: 75px; } }

@media only all and (max-width: 640px) { .support-center .support-center-box .tip-box li .img { width: 50px; height: 50px; } }

.support-center .support-center-box .tip-box li .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.4s; }

@media only all and (max-width: 1199px) { .support-center .support-center-box .tip-box li .img img { max-width: 50px; max-height: 50px; } }

@media only all and (max-width: 640px) { .support-center .support-center-box .tip-box li .img img { max-width: 28px; max-height: 28px; } }

.support-center .support-center-box .tip-box li .img .img-hover { opacity: 0; }

.support-center .support-center-box .tip-box li h4 { text-align: center; margin-top: 20px; font-size: 16px; transition: all 0.4s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

@media only all and (max-width: 767px) { .support-center .support-center-box .tip-box li h4 { font-size: 14px; } }

.support-center .support-center-box .tip-box li:hover .img { background: #e60027; }

.support-center .support-center-box .tip-box li:hover .img .img-tip { opacity: 0; }

.support-center .support-center-box .tip-box li:hover .img .img-hover { opacity: 1; }

.support-center .support-center-box .tip-box li:hover h4 { color: #e60027; }

.support-center .support-center-box .tip-box li.active .img { background: #e60027; }

.support-center .support-center-box .tip-box li.active .img .img-tip { opacity: 0; }

.support-center .support-center-box .tip-box li.active .img .img-hover { opacity: 1; }

.support-center .support-center-box .tip-box li.active h4 { color: #e60027; }

@media only all and (max-width: 767px) { .support-center .support-center-box .support-center-list { padding-top: 30px; } }

.support-center .support-center-box .support-center-list .list { border: 1px solid #e5e5e5; margin-bottom: 20px; }

.support-center .support-center-box .support-center-list .list .tip { position: absolute; top: 50%; left: 0; margin-top: -11px; font-size: 20px; line-height: 22px; padding: 0 16px; font-family: 'Arial'; border-right: 1px dashed #999; color: #e60027; }

.support-center .support-center-box .support-center-list .list .list-title { width: 100%; padding-left: 65px; padding-right: 48px; font-size: 16px; line-height: 24px; }

@media only all and (max-width: 767px) { .support-center .support-center-box .support-center-list .list .list-title { font-size: 14px; line-height: 18px; } }

.support-center .support-center-box .support-center-list .list .head { position: relative; padding: 15px 0; cursor: pointer; }

.support-center .support-center-box .support-center-list .list .head .tip1 { position: absolute; top: 50%; right: 16px; color: #999; margin-top: -8px; }

.support-center .support-center-box .support-center-list .list .head .tip1 span { display: block; transition: all 0.4s; }

.support-center .support-center-box .support-center-list .list .head:hover { background: #f4f4f4; }

.support-center .support-center-box .support-center-list .list .head.active { background: #f4f4f4; }

.support-center .support-center-box .support-center-list .list .head.active .tip1 span { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.support-center .support-center-box .support-center-list .list .answer { display: none; }

.support-center .support-center-box .support-center-list .list .answer .answer-list { position: relative; padding: 15px 0; }

.support-center .support-center-box .support-center-list .list .answer .answer-list .tip, .support-center .support-center-box .support-center-list .list .answer .answer-list .list-title { color: #666; }

.support-center .support-center-box .support-center-list .list:first-child .answer { display: block; }

.data-download { padding-top: 30px; }

.data-download .data-type { border-top: 1px solid #e5e5e5; cursor: pointer; }

.data-download .data-type:last-child { border-bottom: 1px solid #e5e5e5; }

.data-download .data-type .head { padding: 30px 0; }

.data-download .data-type .head .tip { display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 20px; border-radius: 50%; text-align: center; vertical-align: top; background: #e60027; color: #fff; font-family: '宋体'; }

.data-download .data-type .head .type-name { display: inline-block; vertical-align: top; margin-left: 15px; line-height: 30px; font-size: 24px; font-family: 'Arial'; }

@media only all and (max-width: 767px) { .data-download .data-type .head .type-name { font-size: 18px; } }

.data-download .data-type .data-list { display: none; }

.data-download .data-type:first-child { border-top: 2px solid #e5e5e5; }

.data-download .data-type:first-child .data-list { display: block; }

.video-box { margin-top: 30px; }

.video-box .tab { padding: 30px 0; border-top: 2px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.video-box .tab li { display: inline-block; padding: 0 15px; line-height: 28px; font-size: 16px; margin: 0 25px; border: 1px solid transparent; cursor: pointer; color: #000; }

@media only all and (max-width: 640px) { .video-box .tab li { padding: 0 10px; margin: 0 10px 0 0; font-size: 15px; } }

.video-box .tab li.active { border-color: #e60027; color: #e60027; }

.video-box .tab li:hover { border-color: #e60027; color: #e60027; }

@media only all and (max-width: 850px) { .video-box .tab-content .video-list .list { width: 50%; } }

@media only all and (max-width: 414px) { .video-box .tab-content .video-list .list { width: 85%; } }

.support-kv { position: relative; }

@media only all and (max-width: 1199px) { .support-kv > img { height: 350px; object-fit: cover; } }

@media only all and (max-width: 767px) { .support-kv > img { height: 230px; object-fit: cover; } }

.support-kv .nav-link { position: absolute; top: 0; left: 0; width: 100%; background: transparent; z-index: 7; }

.support-kv .nav-link .container { color: #fff; }

.support-kv .nav-link .container a { color: #fff; }

.support-kv .kv-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.support-kv .kv-text .container { position: relative; height: 100%; }

.support-kv .kv-text .container .kv-text-box { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only all and (max-width: 1441px) { .support-kv .kv-text .container .kv-text-box { top: 53%; } }

@media only all and (max-width: 991px) { .support-kv .kv-text .container .kv-text-box { left: 20px; } }

@media only all and (max-width: 767px) { .support-kv .kv-text .container .kv-text-box { top: 61%; } }

.support-kv .kv-text .container .kv-text-box .text { font-size: 50px; line-height: 60px; font-family: 'Arial'; color: #fff; }

@media only all and (max-width: 1441px) { .support-kv .kv-text .container .kv-text-box .text { font-size: 30px; line-height: 33px; } }

@media only all and (max-width: 767px) { .support-kv .kv-text .container .kv-text-box .text { font-size: 18px; line-height: 22px; } }

.support-kv .kv-text .container .kv-text-box .search-support { margin-top: 5%; margin-left: 5px; padding-right: 45px; position: relative; width: 400px; background: #fff; }

@media only all and (max-width: 767px) { .support-kv .kv-text .container .kv-text-box .search-support { width: 250px; } }

.support-kv .kv-text .container .kv-text-box .search-support input { width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #333; padding: 0 15px; border: none; }

@media only all and (max-width: 767px) { .support-kv .kv-text .container .kv-text-box .search-support input { line-height: 35px; height: 35px; font-size: 14px; } }

.support-kv .kv-text .container .kv-text-box .search-support .btn { position: absolute; right: 10px; top: 0; line-height: 45px; font-size: 25px; font-weight: bold; color: #666; cursor: pointer; }

@media only all and (max-width: 767px) { .support-kv .kv-text .container .kv-text-box .search-support .btn { line-height: 35px; } }

.support-list { padding-bottom: 100px; }

@media only all and (max-width: 640px) { .support-list { padding-bottom: 40px; } }

.support-list .support-list-box { padding: 65px 0 75px; }

@media only all and (max-width: 640px) { .support-list .support-list-box { padding: 40px 0; } }

.support-list .support-list-box li { width: 50%; float: left; padding: 10px; }

@media only all and (max-width: 767px) { .support-list .support-list-box li { padding: 10px 0; width: 100%; } }

.support-list .support-list-box li .list { padding: 40px 40px 40px 50px; border: 1px solid #e5e5e5; transition: all 0.4s; }

@media only all and (max-width: 991px) { .support-list .support-list-box li .list { padding: 40px 8%; } }

.support-list .support-list-box li .img { float: left; width: 65px; height: 60px; position: relative; }

@media only all and (max-width: 991px) { .support-list .support-list-box li .img { width: 45px; height: 40px; } }

.support-list .support-list-box li .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.4s; }

@media only all and (max-width: 991px) { .support-list .support-list-box li .img img { max-width: 45px; max-height: 40px; } }

.support-list .support-list-box li .img .img-hover { opacity: 0; }

.support-list .support-list-box li .name { float: left; margin-left: 45px; font-size: 24px; line-height: 30px; margin-top: 15px; font-family: 'Arial'; transition: all 0.4s; }

@media only all and (max-width: 1199px) { .support-list .support-list-box li .name { font-size: 20px; } }

@media only all and (max-width: 991px) { .support-list .support-list-box li .name { line-height: 20px; margin-top: 10px; margin-left: 5%; font-size: 18px; } }

.support-list .support-list-box li .btn { float: right; margin-top: 14px; padding: 0 20px; background: #eaeaea; transition: all 0.4s; }

@media only all and (max-width: 991px) { .support-list .support-list-box li .btn { margin-top: 4px; } }

.support-list .support-list-box li .btn span { font-size: 16px; display: inline-block; vertical-align: top; line-height: 32px; transition: all 0.4s; }

@media only all and (max-width: 767px) { .support-list .support-list-box li .btn span { font-size: 14px; } }

.support-list .support-list-box li .btn .tip { padding-left: 23px; transition: all 0.4s; }

.support-list .support-list-box li:hover .list { border-color: #e60027; }

.support-list .support-list-box li:hover .img .img-tip { opacity: 0; }

.support-list .support-list-box li:hover .img .img-hover { opacity: 1; }

.support-list .support-list-box li:hover .name { color: #e60027; }

.support-list .support-list-box li:hover .btn { background: #e60027; }

.support-list .support-list-box li:hover .btn span { color: #fff; }

.support-list .contact-info { text-align: center; }

.support-list .contact-info .comm-btn { margin-top: 25px; padding: 0 25px; }

.support-list .contact-info .comm-btn .name { padding-right: 40px; }

/*# sourceMappingURL=../map/support.css.map */



/* 提交弹框 */
.mask-dialog{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.maskbg-dialog{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .9);
}
.form-content,.form-result{
  display: none;
}

.mask-content{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 600px;
  background-color: #fff;
  padding: 60px 80px;
}
.mask-content .dialog-close{
  position: absolute;
  width: 17px;
  height: 17px;
  right: 30px;
  top: 30px;
  cursor: pointer;
}
.form-content >h1{
  font-size: 30px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 16px;
}
.form-content >p{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 34px;
}
.el-input{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.el-input label{
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 10px;
}
.el-input label::after{
  position: absolute;
  content: '*';
  color: #E60027;
  right: -16px;
  top: 2px;
}
.el-input input{
  outline: none;
  width: 100%;
  padding: 10px 6px;
  height: 45px;
  font-size: 20px;
  border: 1px solid #E5E5E5;
}

.send-btn{
  display: inline-block;
  background: #E60027;
  cursor: pointer;
}
.send-btn-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 28px;
  line-height: 1.5;
}
.send-btn .send-ft{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
.send-btn .send-arrow{
  margin-left: 121px;
  /* background-image: url(../img/Oscar/arrow.png); */
  color: #fff;
}

.form-result{
  text-align: center;
}
.form-result img{
  width: 80px;
  margin: 0 auto;
}
.form-result h2{
  font-size: 30px;
  font-weight: 400;
  color: #333333;
  margin: 40px auto 16px;
}
.form-result p{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
@media only all and (max-width: 768px) {
  .mask-content{
    width: 90%;
    background-color: #fff;
    padding: 30px 20px;
  }
  .el-input input{
    font-size: 24px;
  }
}