li{
    list-style:none;
}
a{
    text-decoration:none;
    cursor:pointer;
    color:#222;
}
a:hover{
    text-decoration:none;
}
input[type=text]{
    -webkit-appearance:none;
    -webkit-border-radius:0;
    outline:0;
}
select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:0;
}
ul{
    margin:0 auto;
    padding:0;
}
img{
    max-width:100%;
}
.clearfix:after{
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:"";}
.clearfix{
    *zoom:1;
}
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;}
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right:0px!important;}
section{background:#0e152f;}
body{margin: 0px;padding: 0px;}
.ban{
    width:100%;
    height:19.75rem;
    background-image:url('../img/banner.png');
    background-repeat:no-repeat;
    background-size:100%;
    z-index:1;
    padding-left:0rem;
    box-sizing: border-box;
    line-height: 0.95rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.banner_btn{
    width: 8.5rem;
    height: 2.25rem;
    background: #d50011;
    border-radius: 10rem;
    font-size: .75rem;
    color: #ffff;
    font-weight: bold;
    text-align: center;
    line-height: 2.25rem;
    margin: 12.2rem 5.125rem 0px 5.125rem;
}
.one{
    width:18.75rem;
    margin:0px auto;
    margin-top:0rem;
    padding: 0rem 0px 0rem 0px;
    background:url('../img/one.png')no-repeat center;
    background-size:100%;
}
.one_info{
    width:17.25rem;
    margin:1.0rem .75rem 0rem .75rem;
    padding:0rem 0px;
}
.tit{
    width: 17.25rem;
    height: 2.8rem;
    text-align: center;
    color: #fcefdd;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0px 0rem;
    background: url(../img/tit.png) no-repeat center bottom;
    background-size: 35%;
    background-position-y: 0.15rem;
}
.tit span{
    background: url(../img/one-tit.png) no-repeat center bottom;
        background-clip: text;
        color: transparent;
        -webkit-background-clip: text;
}
.tit p{
    margin:0px;
    font-size:0.75rem;
    font-weight:400;
    color:#01487e;
}
.one_info_text{
    width:17.25rem;
    height:16.5rem;
    background: url(../img/one-cont.png) no-repeat center;
    margin:1rem auto 0rem;
}
.one_info_text p{
    margin:0.75rem 0.75rem 0rem 0.75rem;
    float:left;
    font-size:0.6rem;
    line-height:1rem;
    color:#323232;

}
.one_info_text h3{
    margin:7.3rem 0px 0px 0.75rem;
    font-size:0.9rem;
}
.one_info_text h4{
    width:9.2rem;
    margin:0rem 0px 0px 0.75rem;
    font-size:0.9rem;
    font-weight:200;
    color:#323232;
    border-bottom:1px solid #323232;
}
.one_info_btn{
    width:13.75rem;
    height:2.125rem;
    background: url(../img/one-btn.png) no-repeat center ;
    line-height:2.125rem;
    text-align:center;
    font-size:0.75rem;
    color:#ffffff;
    font-weight:700;

    margin:1.25rem 1.75rem 2rem 1.75rem;
}
.two{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
        background: url(../img/two.png) no-repeat center top;
}
.two_info .tit p{
    color:#eddacb;
}
.two_info .tit span{
    background: url(../img/two-tit.png) no-repeat center bottom;
        background-clip: text;
        color: transparent;
        -webkit-background-clip: text;
}
.two_info{
    width:17.25rem;
    margin:0rem .75rem;
    padding:1.375rem 0px 0rem 0rem;
    border-radius:.3rem;
}
.two_info_text{
    width:17.25rem;
    height:23.25rem;
    margin:1rem 0rem 0rem 0rem;
        background:url('../img/two-info.png')no-repeat center top;
    background-size:100%;
    padding:0rem;
    box-sizing:border-box;
}
.two_info_text_list{
    width:17.25rem;
    height:2.2rem;
    line-height:2.2rem;
    margin-bottom:0.125rem;
    position:relative;
}
.two_info_text_list:nth-child(1){
        background:url('../img/two-icon1.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(2){
        background:url('../img/two-icon2.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(3){
        background:url('../img/two-icon3.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(4){
        background:url('../img/two-icon4.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(5){
        background:url('../img/two-icon5.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(6){
        background:url('../img/two-icon6.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(7){
        background:url('../img/two-icon7.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(8){
        background:url('../img/two-icon8.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(9){
        background:url('../img/two-icon9.png')no-repeat center top;
    background-size:100%;
}
.two_info_text_list:nth-child(10){
        background:url('../img/two-icon10.png')no-repeat center top;
    background-size:100%;
}

.two_info_text_list p{
    text-align:center;
    font-size:0.7rem;
    color:#323232;
}
.two_info .one_info_btn{
    margin: 1.25rem 1.75rem 1.45rem 1.75rem;
}
.sreen{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
    background:url('../img/sreen.png')no-repeat center top;
    background-size:100%;
}
.sreen_info{
    width:17.25rem;
    margin:0rem .75rem 0rem .75rem;
    padding:1.2rem 0px 0px 0px;
    border-radius:.3rem;
}
.sreen_info .one_info_btn{
        margin: 1.25rem 1.75rem 0rem 1.75rem;
}
.sreen_info_text{
    width:17.25rem;
    height:21.875rem;
    margin:1rem 0rem 0rem 0rem;
    background:url('../img/sreen_info_text.png')no-repeat center top;
    background-size:100%;
    box-sizing:border-box;
}
.sreen_info_text_h6{
    margin:1rem auto 0rem;
    width:11.0rem;
    height:1rem;
    text-align:center;
    color:#fff;
    font-size:0.9rem;
    font-weight:700;
    background:url('../img/sreen_span.png')no-repeat center;
    background-size:100%;
    background-position-y:0.5rem;
}
.sreen_info_text_h6:nth-child(3){
     margin:1rem auto 0rem;
}
.sreen_info_text_text{
    width:16.375rem;
    height:6.45rem;
    margin:0.5rem auto 0rem;
        background:url('../img/sreen_text.png')no-repeat center;
    background-size:100%;
    padding-top:0.5rem;
    box-sizing:border-box;
}
.sreen_info_text_text:nth-child(4){
        height:9.625rem;
         background:url('../img/sreen_text2.png')no-repeat center;
    background-size:100%;
}
.sreen_info_text_text p{
    width:12rem;
    color:#323232;
    font-size:0.6rem;
    float:left;
    line-height:1rem;
    margin:0px 0px 0px 3.15rem;
    position:relative;
    left:1rem;
    padding-left:0.75rem;
    box-sizing:border-box;
}
.sreen_info_text_text p::after{
    content:"";
    position:absolute;
    left:0rem;
    top: 0.3rem;
    width:0.5rem;
    height:0.5rem;
    background:url('../img/sreen_info_text_p.png')no-repeat center;
    background-size:100%;

}
.four{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
    background:url('../img/four.png')no-repeat center top;
    background-size:100%;
}
.four_info{
    width:17.25rem;
    margin:0rem .75rem;
    padding:1.2rem 0px 0px 0px;
    border-radius:.3rem;
}
.four_info .tit span {
    background: url(../img/four-tit.png) no-repeat center bottom;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
}
.four_info .tit p {
    margin: 0px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #eddacb;
}

.four_info_text{
    width:17.25rem;
    margin:1rem 0rem 0rem 0rem;
    height:13.75rem;
    background:url('../img/four_info.png')no-repeat center top;
    background-size:100%;
    position:relative;
    box-sizing:border-box;
}

.four_info_text p{
    width:5.5rem;
    height:1.65rem;
    font-size:0.6rem;
    color:#fff;
    line-height:0.8rem;
    display: block;
    position:absolute;
    margin-top: 0.6rem;
}
.four_p1{
     position:absolute;
    left:11.5rem;
}
.four_p2{
     position:absolute;
     top:1.5rem;
    left:2.2rem;
}
.four_p3{
     position:absolute;
     top:3.0rem;
    left:11.5rem;
}
.four_p4{
     position:absolute;
     top:4.45rem;
    left:2.2rem;
}
.four_p5{
     position:absolute;
     top:5.9rem;
    left:11.5rem;
}
.four_p6{
     position:absolute;
     top:7.7rem;
    left:2.2rem;
}
.four_p7{
     position:absolute;
     top:8.8rem;
    left:11.5rem;
}
.four_p8{
     position:absolute;
     top:10.3rem;
    left:2.2rem;
}
.four_info_btn{
    width:13.75rem;
    margin-left:1.75rem;
}
.four_btn{
    margin:2.25rem 0rem 2rem 1.75rem;
    width:13.75rem;
    height:2.125rem;
    background: url(../img/four_btn.png) no-repeat center;
    font-size:.75rem;
    color:#323232;
    font-weight:700;
    text-align:center;
    line-height:2.125rem;
}
.five{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
}
.five_info{
    width:17.25rem;
    padding:0rem 0px 0rem 0rem;
    border-radius:.3rem;
}
.five_info .tit{
    width:16.25rem;
    height:1.625rem;
    margin:1rem .5rem 0rem;
    color:#11588d;
    background:none;
    font-size:1.15rem;
}
.five_info_text{

    margin:1rem 0rem .5rem 0rem;
}
.five_info_text_list{
      position: relative;
    display: inline-block;
    width:100%;
    height:2rem;
    background: #fff;
    margin-bottom:0.5rem;
}
.five_info_text_list::before {
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
    background: url(../img/five-name.png) no-repeat center;
  pointer-events: none;
}
.five_info_text_list:nth-child(2)::before{
      background: url(../img/five-iphone.png) no-repeat center;
  pointer-events: none;
}
.five_info_text_list:nth-child(3)::before{
      background: url(../img/five-code.png) no-repeat center;
  pointer-events: none;
}
.five_info_text_list input{
    float:left;
    width:9rem;
    height:2rem;
    line-height:2rem;
    background-color: transparent;
    border:none;
    font-size:.75rem;
    margin:0px 0px 0px 1rem;
        text-indent: 1.4rem;
color: #808080;
}
.five_info_code{
    width:5rem;
    height:2.35rem;
}
.five_info_code span{
    float:left;
    width:1px;
    height:1.35rem;
    background:#aaaaaa;
    margin:.35rem 0px;
}
.five_info_code p{
    float: left;
    width:4.9rem;
    line-height:2.05rem;
    font-size:.7rem;
    text-align:center;
    margin:0px;
    color:#ffebcb;
    cursor:pointer;
}
.five_info_btn{
    width:17.25rem;
    height:2.25rem;
    background: linear-gradient(to right, #01487e, #0f87e3);
    border-radius:0.25rem;
    font-size:0.75rem;
    line-height:2.25rem;
    text-align:center;
    font-weight:400;
    color:#fff;
    margin:0.5rem 0rem 0.25rem 0rem;
}

.six{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
    background:url('../img/six.png')no-repeat center top;
    background-size:100%;
}
.six_info{
    width:17.25rem;
    margin:0rem .75rem;
    padding:1.2rem 0px 0rem 0rem;
    border-radius:.3rem;
}

.six_info .tit span {
    background: url(../img/six_tit.png) no-repeat center bottom;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
}
.six_info .tit p {
    margin: 0px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #01487e;
}
.six_info_text{
    margin-top:1.25rem;
}
.six_info_text .one_info_btn{
     margin: 1.25rem 1.75rem 1.5rem 1.75rem;
}
        .tabs {
            display: flex;
            margin-bottom: -1px;
        }

        .tab {
            width:4.85rem;
            height:1.8rem;
            line-height:1.8rem;
            text-align:center;
            background: url(../img/six-tab.png) no-repeat center bottom;
            border-bottom: none;
            cursor: pointer;
            font-size:0.75rem;
            color:#323232;
            font-weight: bold;
        }

        .tab.active {
            background: url(../img/six-tab-hover.png) no-repeat center bottom;
            color:#fff;
        }

        .tab-content {
            display: none;
            width:17.25rem;
            height:11.375rem;
            padding: 0.5rem;
            background: url(../img/six-cont.png) no-repeat center top;
            box-sizing:border-box;
        }
        .tab-content p{
            margin:0px;
            color:#fff;
            font-size:0.6rem;
            line-height:1rem;
        }
        .tab-content p i{
            display: inline-block;
            margin:0rem 0.25rem 0rem 0.25rem;
            width:0.15rem;
            height:0.15rem;
            border-radius:1.25rem;
            background:#fff;
            position:relative;
            top:-0.1rem;
        }
        .tab-content.active {
            display: block;
        }
.seven{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
    background:url('../img/seven.png')no-repeat center top;
    background-size:100%;
}
.seven_info{
    width:17.25rem;
    margin:0rem .75rem;
    padding:1.2rem 0px 0rem 0rem;
    border-radius:.3rem;
}
.seven_info .tit span {
    background: url(../img/seven-tit.png) no-repeat center bottom;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
}
.seven_info .tit p {
    margin: 0px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #eddacb;
}
.seven_info_text {
    margin-top:1.5rem;

}
.seven_box {

    margin-bottom:0.65rem;
}
.seven_box span{
    display: block;
    width:12.25rem;
    height:1.75rem;
    line-height:1.75rem;
    text-align:center;
    color:#fff;
    font-size:0.7rem;
    font-weight:800;
    margin-left:4.25rem;
}
.seven_box p{
    margin:0.625rem 0rem 0rem 0.925rem;
    width:14.5rem;
    height:1.75rem;
    color:#323232;
    font-size:0.65rem;
    line-height:0.95rem;
}
.seven_box:nth-child(1){
    width:17.25rem;
    height:5.25rem;
    background:url('../img/seven-icon1.png')no-repeat center top;
    background-size:100%;
}
.seven_box:nth-child(2){
    width:17.25rem;
    height:7.25rem;
    background:url('../img/seven-icon2.png')no-repeat center top;
    background-size:100%;
}

.seven_box:nth-child(3){
    width:17.25rem;
    height:5.25rem;
    background:url('../img/seven-icon3.png')no-repeat center top;
    background-size:100%;
}
.seven_box:nth-child(3) p{
        margin:0.375rem 0rem 0rem 0.925rem;
    width:16rem;
}
.seven_box:nth-child(3) span{
        margin-left:4.75rem;
}

.seven_box:nth-child(4){
    width:17.25rem;
    height:9.0rem;
    background:url('../img/seven-icon4.png')no-repeat center top;
    background-size:100%;
}
.seven_box:nth-child(4) p{
    margin:0.625rem 0rem 0rem 0.925rem;
    width:16rem;
}
.seven_box:nth-child(4) span{
        width:14.0rem;
        line-height:0.9rem;
        text-align:left;
        margin-top:0.15rem;
        margin-left:2.3rem;
}
.seven .one_info_btn{
    color:#323232;
    font-size:0.75rem;
    font-weight:700;
    margin:0.5rem 0rem 1.05rem 2.5rem;
}

.nine{
    width:18.75rem;
    margin:0px auto;
    padding: 0rem 0px 0rem 0px;
    background:url('../img/nine.png')no-repeat center top;
    background-size:100%;
}
.nine_info{
    width:17.25rem;
    margin:1.25rem .75rem 0rem;
    padding:0rem 0px 0rem 0rem;
    border-radius:.3rem;
}
.nine_info .tit span {
    background: url(../img/nine-tit.png) no-repeat center bottom;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
}
.nine_info .tit p {
    margin: 0px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #01487e;
}
.nine-tab-container {
  width: 100%;
  margin: 1.25rem auto;
  font-family: Arial, sans-serif;
}

.nine-tabs {
  display: flex;

}

.nine-tab {
    width:4.25rem;
    height:1.65rem;
    line-height:1.3rem;
  cursor: pointer;
    background: url(../img/nine-icon.png) no-repeat center top;
    background-size:100%;
  border-bottom: none;
  margin-right: 5px;
  color:#323232;
  font-size:0.75rem;
  text-align:center;
}

.nine-tab.active {
    background: url(../img/nine-icon-hover.png) no-repeat center top;
       background-size:100%;
  color: white;
  font-weight:700;
}

.nine-content {
    margin-top:0.75rem;
  border-top: none;

}

.nine-content-item {
  display: none;
  width:17.25rem;
  height:11.0rem;
      background: url(../img/nine-back1.png) no-repeat center top;
       background-size:100%;
}
.nine-content-item:nth-child(2) ul{
    padding:3.25rem 1.75rem 0rem 2.675rem;
    box-sizing:border-box;
}
.nine-content-item ul{
    padding:2.75rem 1.75rem 0rem 2.675rem;
    box-sizing:border-box;
}
.nine-content-item ul li{
    font-size:0.65rem;
    color:#323232;
    line-height:1.1rem;
}
.nine-content-item:nth-child(4) ul{
    padding:3rem 1.5rem 0rem 2.175rem;
    box-sizing:border-box;
}
.nine-content-item:nth-child(4) ul li{
    float: left;
    width:5.9rem;
}
.nine-content-item:nth-child(4) ul li:nth-child(1){
    margin-right:1.5rem;
}
.nine-content-item:nth-child(4) ul li:nth-child(3){
    width: 6.5rem;
    margin-right: 0.9rem;
}
.nine-content-item:nth-child(4) ul li:nth-child(5){
    margin-right:0.75rem;
}
.nine-content-item ul li img{
    margin-right:0.25rem;
position: relative;
    top: 0.1rem;
}
.nine-content-item.active {
  display: block;
}
.nine_info_text .one_info_btn{
         margin:1rem 1.75rem 1.25rem 1.75rem;
}