*{
    margin: 0px;
    box-sizing: border-box;

}
html,body{
    overflow-x: hidden;
    font-family: 'Montserrat';
}
/* ====================================base================================= */

/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v24-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v24-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v24-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v24-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}

:focus,a,button,input,label,select,textarea{
    outline:0
}
.btn,button,input,select,textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none
}
.btn,a,a:hover{
    text-decoration:none
}
.bg-img,.bg-img-parent,.scroll-bd,sub,sup{
    position:relative
}
.logo-header img {max-width: 80px;}.logo-header {float: left;margin-left: 60px;margin-top: 1px;}
.fl{
    float:left
}
.fr{
    float:right
}
.m-auto{
    margin-left:auto;
    margin-right:auto
}
.no-width{
    width:0!important
}
.no-boxshadow{
    box-shadow:none!important
}
.no-height{
    height:0!important
}
.clear,.clearfix:after{
    height:0;
    clear:both;
    display:block
}
.no-border{
    border:none!important
}
.no-bg{
    background:0 0!important
}
.no-bgc{
    background-color:none!important
}
.no-bgi{
    background-image:none!important
}
.no-pt{
    padding-top:0!important
}
.no-pr{
    padding-right:0!important
}
.no-pb{
    padding-bottom:0!important
}
.no-pl{
    padding-left:0!important
}
.no-mt{
    margin-top:0!important
}
.no-mr{
    margin-right:0!important
}
.no-mb{
    margin-bottom:0!important
}
.no-ml{
    margin-left:0!important
}
.uppercase{
    text-transform:uppercase
}
.lowercase{
    text-transform:lowercase
}
.capitalize{
    text-transform:capitalize
}
.clear{
    overflow:hidden
}
.clearfix:after{
    content:'\20'
}
.f-cr-base .f-cr-icon .checked,.type-desc li:before{
    content:'';
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
blockquote,body,button,dd,dl,dt,fieldset,figure *,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{
    margin:0;
    padding:0
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:400
}
body,button,input,select,textarea{
    word-wrap:break-word
}
.side-logo img{
    width: 80px;
}
.slogo img{
    width: 100%;
}
textarea{
    resize:none
}
address,cite,dfn,em,var{
    font-style:normal
}
ol,ul{
    list-style:none
}
fieldset,img{
    border:0;
    vertical-align:bottom
}
article,aside,dialog,figure,footer,header,nav,section{
    display:block
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before{
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
sub,sup{
    font-size:65%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
body,button,code,input,optgroup,pre,select,textarea{
    font-size:16px
}
[hidden],template{
    display:none
}
button,input,select,textarea{
    appearance:none
}
input::-webkit-search-cancel-button{
    display:none
}
input[type=search]::-ms-clear{
    display:none
}
input::-ms-clear,input::-ms-reveal,select::-ms-clear,select::-ms-reveal{
    display:none
}
html{
    width:100%;
    min-height:100%;
    font-size:100px;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%
}
body{
    margin:0 auto;
    -webkit-font-smoothing:antialiased;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-overflow-scrolling:touch;
    overflow-scrolling:touch;
    color:#000;
    background: linear-gradient(90deg, #181f4a 0%, #22469d 100%);
    overflow-x:hidden
}
.btn,.scroll-bd{
    overflow:hidden
}
img{
    display:inline-block;
    width:auto;
    height:auto;
    max-width:100%;
     
    vertical-align:middle
}
.txt2 p{
    color: #bfc8e1 !important;
}
.widget img{
    margin-bottom:120px !important;
}
a{
    color:inherit
}
table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0
}
.table{
    display:table;
    width:100%
}
.table .tbody,.table .thead{
    display:table-row-group
}
.table .tr{
    display:table-row
}
.table .td,.table .th{
    display:table-cell;
    vertical-align:middle
}

.section3{
    background-image: url(../images/bg_02.jpg);
    
}
.section5{
    background-image: url(../images/bg_03.jpg);
}
.section6{
    background-image: url(../images/bg_04.jpg);
}
.section7{
    background-image: url(../images/bg_02.jpg);
}
.section11{
    background-image: url(../images/bg_04.jpg);
background-color: #2196f3;background-blend-mode: multiply;}
 .swiper-wrapper{
    display: flex !important;
    justify-content: center !important;
}
.bd a{
    text-decoration: underline;
}
@media screen and (min-width:0){
    .col12-tn-0{
        float:left;
        width:0%
    }
    .col12-tn-ol-0{
        margin-left:0
    }
    .col12-tn-1{
        float:left;
        width:8.33333%
    }
    .col12-tn-ol-1{
        margin-left:8.33333%
    }
    .col12-tn-2{
        float:left;
        width:16.66667%
    }
    .col12-tn-ol-2{
        margin-left:16.66667%
    }
    .col12-tn-3{
        float:left;
        width:25%
    }
    .col12-tn-ol-3{
        margin-left:25%
    }
    .col12-tn-4{
        float:left;
        width:33.33333%
    }
    .col12-tn-ol-4{
        margin-left:33.33333%
    }
    .col12-tn-5{
        float:left;
        width:41.66667%
    }
    .col12-tn-ol-5{
        margin-left:41.66667%
    }
    .col12-tn-6{
        float:left;
        width:50%
    }
    .col12-tn-ol-6{
        margin-left:50%
    }
    .col12-tn-7{
        float:left;
        width:58.33333%
    }
    .col12-tn-ol-7{
        margin-left:58.33333%
    }
    .col12-tn-8{
        float:left;
        width:66.66667%
    }
    .col12-tn-ol-8{
        margin-left:66.66667%
    }
    .col12-tn-9{
        float:left;
        width:75%
    }
    .col12-tn-ol-9{
        margin-left:75%
    }
    .col12-tn-10{
        float:left;
        width:83.33333%
    }
    .col12-tn-ol-10{
        margin-left:83.33333%
    }
    .col12-tn-11{
        float:left;
        width:91.66667%
    }
    .col12-tn-ol-11{
        margin-left:91.66667%
    }
    .col12-tn-12{
        float:left;
        width:100%
    }
    .col12-tn-ol-12{
        margin-left:100%
    }
}
@media screen and (min-width:768px){
    .col12-sl-0{
        float:left;
        width:0%
    }
    .col12-sl-ol-0{
        margin-left:0
    }
    .col12-sl-1{
        float:left;
        width:8.33333%
    }
    .col12-sl-ol-1{
        margin-left:8.33333%
    }
    .col12-sl-2{
        float:left;
        width:16.66667%
    }
    .col12-sl-ol-2{
        margin-left:16.66667%
    }
    .col12-sl-3{
        float:left;
        width:25%
    }
    .col12-sl-ol-3{
        margin-left:25%
    }
    .col12-sl-4{
        float:left;
        width:33.33333%
    }
    .col12-sl-ol-4{
        margin-left:33.33333%
    }
    .col12-sl-5{
        float:left;
        width:41.66667%
    }
    .col12-sl-ol-5{
        margin-left:41.66667%
    }
    .col12-sl-6{
        float:left;
        width:50%
    }
    .col12-sl-ol-6{
        margin-left:50%
    }
    .col12-sl-7{
        float:left;
        width:58.33333%
    }
    .col12-sl-ol-7{
        margin-left:58.33333%
    }
    .col12-sl-8{
        float:left;
        width:66.66667%
    }
    .col12-sl-ol-8{
        margin-left:66.66667%
    }
    .col12-sl-9{
        float:left;
        width:75%
    }
    .col12-sl-ol-9{
        margin-left:75%
    }
    .col12-sl-10{
        float:left;
        width:83.33333%
    }
    .col12-sl-ol-10{
        margin-left:83.33333%
    }
    .col12-sl-11{
        float:left;
        width:91.66667%
    }
    .col12-sl-ol-11{
        margin-left:91.66667%
    }
    .col12-sl-12{
        float:left;
        width:100%
    }
    .col12-sl-ol-12{
        margin-left:100%
    }
}
@media screen and (min-width:960px){
    .col12-sm-0{
        float:left;
        width:0%
    }
    .col12-sm-ol-0{
        margin-left:0
    }
    .col12-sm-1{
        float:left;
        width:8.33333%
    }
    .col12-sm-ol-1{
        margin-left:8.33333%
    }
    .col12-sm-2{
        float:left;
        width:16.66667%
    }
    .col12-sm-ol-2{
        margin-left:16.66667%
    }
    .col12-sm-3{
        float:left;
        width:25%
    }
    .col12-sm-ol-3{
        margin-left:25%
    }
    .col12-sm-4{
        float:left;
        width:33.33333%
    }
    .col12-sm-ol-4{
        margin-left:33.33333%
    }
    .col12-sm-5{
        float:left;
        width:41.66667%
    }
    .col12-sm-ol-5{
        margin-left:41.66667%
    }
    .col12-sm-6{
        float:left;
        width:50%
    }
    .col12-sm-ol-6{
        margin-left:50%
    }
    .col12-sm-7{
        float:left;
        width:58.33333%
    }
    .col12-sm-ol-7{
        margin-left:58.33333%
    }
    .col12-sm-8{
        float:left;
        width:66.66667%
    }
    .col12-sm-ol-8{
        margin-left:66.66667%
    }
    .col12-sm-9{
        float:left;
        width:75%
    }
    .col12-sm-ol-9{
        margin-left:75%
    }
    .col12-sm-10{
        float:left;
        width:83.33333%
    }
    .col12-sm-ol-10{
        margin-left:83.33333%
    }
    .col12-sm-11{
        float:left;
        width:91.66667%
    }
    .col12-sm-ol-11{
        margin-left:91.66667%
    }
    .col12-sm-12{
        float:left;
        width:100%
    }
    .col12-sm-ol-12{
        margin-left:100%
    }
}
@media screen and (min-width:1280px){
    .col12-md-0{
        float:left;
        width:0%
    }
    .col12-md-ol-0{
        margin-left:0
    }
    .col12-md-1{
        float:left;
        width:8.33333%
    }
    .col12-md-ol-1{
        margin-left:8.33333%
    }
    .col12-md-2{
        float:left;
        width:16.66667%
    }
    .col12-md-ol-2{
        margin-left:16.66667%
    }
    .col12-md-3{
        float:left;
        width:25%
    }
    .col12-md-ol-3{
        margin-left:25%
    }
    .col12-md-4{
        float:left;
        width:33.33333%
    }
    .col12-md-ol-4{
        margin-left:33.33333%
    }
    .col12-md-5{
        float:left;
        width:41.66667%
    }
    .col12-md-ol-5{
        margin-left:41.66667%
    }
    .col12-md-6{
        float:left;
        width:50%
    }
    .col12-md-ol-6{
        margin-left:50%
    }
    .col12-md-7{
        float:left;
        width:58.33333%
    }
    .col12-md-ol-7{
        margin-left:58.33333%
    }
    .col12-md-8{
        float:left;
        width:66.66667%
    }
    .col12-md-ol-8{
        margin-left:66.66667%
    }
    .col12-md-9{
        float:left;
        width:75%
    }
    .col12-md-ol-9{
        margin-left:75%
    }
    .col12-md-10{
        float:left;
        width:83.33333%
    }
    .col12-md-ol-10{
        margin-left:83.33333%
    }
    .col12-md-11{
        float:left;
        width:91.66667%
    }
    .col12-md-ol-11{
        margin-left:91.66667%
    }
    .col12-md-12{
        float:left;
        width:100%
    }
    .col12-md-ol-12{
        margin-left:100%
    }
}
@media screen and (min-width:1366px){
    .col12-lg-0{
        float:left;
        width:0%
    }
    .col12-lg-ol-0{
        margin-left:0
    }
    .col12-lg-1{
        float:left;
        width:8.33333%
    }
    .col12-lg-ol-1{
        margin-left:8.33333%
    }
    .col12-lg-2{
        float:left;
        width:16.66667%
    }
    .col12-lg-ol-2{
        margin-left:16.66667%
    }
    .col12-lg-3{
        float:left;
        width:25%
    }
    .col12-lg-ol-3{
        margin-left:25%
    }
    .col12-lg-4{
        float:left;
        width:33.33333%
    }
    .col12-lg-ol-4{
        margin-left:33.33333%
    }
    .col12-lg-5{
        float:left;
        width:41.66667%
    }
    .col12-lg-ol-5{
        margin-left:41.66667%
    }
    .col12-lg-6{
        float:left;
        width:50%
    }
    .col12-lg-ol-6{
        margin-left:50%
    }
    .col12-lg-7{
        float:left;
        width:58.33333%
    }
    .col12-lg-ol-7{
        margin-left:58.33333%
    }
    .col12-lg-8{
        float:left;
        width:66.66667%
    }
    .col12-lg-ol-8{
        margin-left:66.66667%
    }
    .col12-lg-9{
        float:left;
        width:75%
    }
    .col12-lg-ol-9{
        margin-left:75%
    }
    .col12-lg-10{
        float:left;
        width:83.33333%
    }
    .col12-lg-ol-10{
        margin-left:83.33333%
    }
    .col12-lg-11{
        float:left;
        width:91.66667%
    }
    .col12-lg-ol-11{
        margin-left:91.66667%
    }
    .col12-lg-12{
        float:left;
        width:100%
    }
    .col12-lg-ol-12{
        margin-left:100%
    }
}
@media screen and (min-width:1680px){
    .col12-gt-0{
        float:left;
        width:0%
    }
    .col12-gt-ol-0{
        margin-left:0
    }
    .col12-gt-1{
        float:left;
        width:8.33333%
    }
    .col12-gt-ol-1{
        margin-left:8.33333%
    }
    .col12-gt-2{
        float:left;
        width:16.66667%
    }
    .col12-gt-ol-2{
        margin-left:16.66667%
    }
    .col12-gt-3{
        float:left;
        width:25%
    }
    .col12-gt-ol-3{
        margin-left:25%
    }
    .col12-gt-4{
        float:left;
        width:33.33333%
    }
    .col12-gt-ol-4{
        margin-left:33.33333%
    }
    .col12-gt-5{
        float:left;
        width:41.66667%
    }
    .col12-gt-ol-5{
        margin-left:41.66667%
    }
    .col12-gt-6{
        float:left;
        width:50%
    }
    .col12-gt-ol-6{
        margin-left:50%
    }
    .col12-gt-7{
        float:left;
        width:58.33333%
    }
    .col12-gt-ol-7{
        margin-left:58.33333%
    }
    .col12-gt-8{
        float:left;
        width:66.66667%
    }
    .col12-gt-ol-8{
        margin-left:66.66667%
    }
    .col12-gt-9{
        float:left;
        width:75%
    }
    .col12-gt-ol-9{
        margin-left:75%
    }
    .col12-gt-10{
        float:left;
        width:83.33333%
    }
    .col12-gt-ol-10{
        margin-left:83.33333%
    }
    .col12-gt-11{
        float:left;
        width:91.66667%
    }
    .col12-gt-ol-11{
        margin-left:91.66667%
    }
    .col12-gt-12{
        float:left;
        width:100%
    }
    .col12-gt-ol-12{
        margin-left:100%
    }
}
@media screen and (min-width:0) and (max-width:767px){
    .col12-gt-0,.col12-gt-1,.col12-gt-10,.col12-gt-11,.col12-gt-12,.col12-gt-2,.col12-gt-3,.col12-gt-4,.col12-gt-5,.col12-gt-6,.col12-gt-7,.col12-gt-8,.col12-gt-9,.col12-lg-0,.col12-lg-1,.col12-lg-10,.col12-lg-11,.col12-lg-12,.col12-lg-2,.col12-lg-3,.col12-lg-4,.col12-lg-5,.col12-lg-6,.col12-lg-7,.col12-lg-8,.col12-lg-9,.col12-md-0,.col12-md-1,.col12-md-10,.col12-md-11,.col12-md-12,.col12-md-2,.col12-md-3,.col12-md-4,.col12-md-5,.col12-md-6,.col12-md-7,.col12-md-8,.col12-md-9,.col12-sl-0,.col12-sl-1,.col12-sl-10,.col12-sl-11,.col12-sl-12,.col12-sl-2,.col12-sl-3,.col12-sl-4,.col12-sl-5,.col12-sl-6,.col12-sl-7,.col12-sl-8,.col12-sl-9,.col12-sm-0,.col12-sm-1,.col12-sm-10,.col12-sm-11,.col12-sm-12,.col12-sm-2,.col12-sm-3,.col12-sm-4,.col12-sm-5,.col12-sm-6,.col12-sm-7,.col12-sm-8,.col12-sm-9,.col12-tn-0,.col12-tn-1,.col12-tn-10,.col12-tn-11,.col12-tn-12,.col12-tn-2,.col12-tn-3,.col12-tn-4,.col12-tn-5,.col12-tn-6,.col12-tn-7,.col12-tn-8,.col12-tn-9{
        padding-left:5px;
        padding-right:5px
    }
    .grow{
        margin-left:-5px;
        margin-right:-5px
    }
}
@media screen and (min-width:768px) and (max-width:959px){
    .col12-gt-0,.col12-gt-1,.col12-gt-10,.col12-gt-11,.col12-gt-12,.col12-gt-2,.col12-gt-3,.col12-gt-4,.col12-gt-5,.col12-gt-6,.col12-gt-7,.col12-gt-8,.col12-gt-9,.col12-lg-0,.col12-lg-1,.col12-lg-10,.col12-lg-11,.col12-lg-12,.col12-lg-2,.col12-lg-3,.col12-lg-4,.col12-lg-5,.col12-lg-6,.col12-lg-7,.col12-lg-8,.col12-lg-9,.col12-md-0,.col12-md-1,.col12-md-10,.col12-md-11,.col12-md-12,.col12-md-2,.col12-md-3,.col12-md-4,.col12-md-5,.col12-md-6,.col12-md-7,.col12-md-8,.col12-md-9,.col12-sl-0,.col12-sl-1,.col12-sl-10,.col12-sl-11,.col12-sl-12,.col12-sl-2,.col12-sl-3,.col12-sl-4,.col12-sl-5,.col12-sl-6,.col12-sl-7,.col12-sl-8,.col12-sl-9,.col12-sm-0,.col12-sm-1,.col12-sm-10,.col12-sm-11,.col12-sm-12,.col12-sm-2,.col12-sm-3,.col12-sm-4,.col12-sm-5,.col12-sm-6,.col12-sm-7,.col12-sm-8,.col12-sm-9,.col12-tn-0,.col12-tn-1,.col12-tn-10,.col12-tn-11,.col12-tn-12,.col12-tn-2,.col12-tn-3,.col12-tn-4,.col12-tn-5,.col12-tn-6,.col12-tn-7,.col12-tn-8,.col12-tn-9{
        padding-left:7.5px;
        padding-right:7.5px
    }
    .grow{
        margin-left:-7.5px;
        margin-right:-7.5px
    }
}
@media screen and (min-width:960px) and (max-width:1279px){
    .col12-gt-0,.col12-gt-1,.col12-gt-10,.col12-gt-11,.col12-gt-12,.col12-gt-2,.col12-gt-3,.col12-gt-4,.col12-gt-5,.col12-gt-6,.col12-gt-7,.col12-gt-8,.col12-gt-9,.col12-lg-0,.col12-lg-1,.col12-lg-10,.col12-lg-11,.col12-lg-12,.col12-lg-2,.col12-lg-3,.col12-lg-4,.col12-lg-5,.col12-lg-6,.col12-lg-7,.col12-lg-8,.col12-lg-9,.col12-md-0,.col12-md-1,.col12-md-10,.col12-md-11,.col12-md-12,.col12-md-2,.col12-md-3,.col12-md-4,.col12-md-5,.col12-md-6,.col12-md-7,.col12-md-8,.col12-md-9,.col12-sl-0,.col12-sl-1,.col12-sl-10,.col12-sl-11,.col12-sl-12,.col12-sl-2,.col12-sl-3,.col12-sl-4,.col12-sl-5,.col12-sl-6,.col12-sl-7,.col12-sl-8,.col12-sl-9,.col12-sm-0,.col12-sm-1,.col12-sm-10,.col12-sm-11,.col12-sm-12,.col12-sm-2,.col12-sm-3,.col12-sm-4,.col12-sm-5,.col12-sm-6,.col12-sm-7,.col12-sm-8,.col12-sm-9,.col12-tn-0,.col12-tn-1,.col12-tn-10,.col12-tn-11,.col12-tn-12,.col12-tn-2,.col12-tn-3,.col12-tn-4,.col12-tn-5,.col12-tn-6,.col12-tn-7,.col12-tn-8,.col12-tn-9{
        padding-left:10px;
        padding-right:10px
    }
    .grow{
        margin-left:-10px;
        margin-right:-10px
    }
}
@media screen and (min-width:1280px) and (max-width:1365px){
    .col12-gt-0,.col12-gt-1,.col12-gt-10,.col12-gt-11,.col12-gt-12,.col12-gt-2,.col12-gt-3,.col12-gt-4,.col12-gt-5,.col12-gt-6,.col12-gt-7,.col12-gt-8,.col12-gt-9,.col12-lg-0,.col12-lg-1,.col12-lg-10,.col12-lg-11,.col12-lg-12,.col12-lg-2,.col12-lg-3,.col12-lg-4,.col12-lg-5,.col12-lg-6,.col12-lg-7,.col12-lg-8,.col12-lg-9,.col12-md-0,.col12-md-1,.col12-md-10,.col12-md-11,.col12-md-12,.col12-md-2,.col12-md-3,.col12-md-4,.col12-md-5,.col12-md-6,.col12-md-7,.col12-md-8,.col12-md-9,.col12-sl-0,.col12-sl-1,.col12-sl-10,.col12-sl-11,.col12-sl-12,.col12-sl-2,.col12-sl-3,.col12-sl-4,.col12-sl-5,.col12-sl-6,.col12-sl-7,.col12-sl-8,.col12-sl-9,.col12-sm-0,.col12-sm-1,.col12-sm-10,.col12-sm-11,.col12-sm-12,.col12-sm-2,.col12-sm-3,.col12-sm-4,.col12-sm-5,.col12-sm-6,.col12-sm-7,.col12-sm-8,.col12-sm-9,.col12-tn-0,.col12-tn-1,.col12-tn-10,.col12-tn-11,.col12-tn-12,.col12-tn-2,.col12-tn-3,.col12-tn-4,.col12-tn-5,.col12-tn-6,.col12-tn-7,.col12-tn-8,.col12-tn-9{
        padding-left:15px;
        padding-right:15px
    }
    .grow{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media screen and (min-width:1366px) and (max-width:1679px){
    .col12-gt-0,.col12-gt-1,.col12-gt-10,.col12-gt-11,.col12-gt-12,.col12-gt-2,.col12-gt-3,.col12-gt-4,.col12-gt-5,.col12-gt-6,.col12-gt-7,.col12-gt-8,.col12-gt-9,.col12-lg-0,.col12-lg-1,.col12-lg-10,.col12-lg-11,.col12-lg-12,.col12-lg-2,.col12-lg-3,.col12-lg-4,.col12-lg-5,.col12-lg-6,.col12-lg-7,.col12-lg-8,.col12-lg-9,.col12-md-0,.col12-md-1,.col12-md-10,.col12-md-11,.col12-md-12,.col12-md-2,.col12-md-3,.col12-md-4,.col12-md-5,.col12-md-6,.col12-md-7,.col12-md-8,.col12-md-9,.col12-sl-0,.col12-sl-1,.col12-sl-10,.col12-sl-11,.col12-sl-12,.col12-sl-2,.col12-sl-3,.col12-sl-4,.col12-sl-5,.col12-sl-6,.col12-sl-7,.col12-sl-8,.col12-sl-9,.col12-sm-0,.col12-sm-1,.col12-sm-10,.col12-sm-11,.col12-sm-12,.col12-sm-2,.col12-sm-3,.col12-sm-4,.col12-sm-5,.col12-sm-6,.col12-sm-7,.col12-sm-8,.col12-sm-9,.col12-tn-0,.col12-tn-1,.col12-tn-10,.col12-tn-11,.col12-tn-12,.col12-tn-2,.col12-tn-3,.col12-tn-4,.col12-tn-5,.col12-tn-6,.col12-tn-7,.col12-tn-8,.col12-tn-9{
        padding-left:15px;
        padding-right:15px
    }
    .grow{
        margin-left:-15px;
        margin-right:-15px;
    }
}
@media screen and (min-width:1680px){
    .col12-gt-0,.col12-gt-1,.col12-gt-10,.col12-gt-11,.col12-gt-12,.col12-gt-2,.col12-gt-3,.col12-gt-4,.col12-gt-5,.col12-gt-6,.col12-gt-7,.col12-gt-8,.col12-gt-9,.col12-lg-0,.col12-lg-1,.col12-lg-10,.col12-lg-11,.col12-lg-12,.col12-lg-2,.col12-lg-3,.col12-lg-4,.col12-lg-5,.col12-lg-6,.col12-lg-7,.col12-lg-8,.col12-lg-9,.col12-md-0,.col12-md-1,.col12-md-10,.col12-md-11,.col12-md-12,.col12-md-2,.col12-md-3,.col12-md-4,.col12-md-5,.col12-md-6,.col12-md-7,.col12-md-8,.col12-md-9,.col12-sl-0,.col12-sl-1,.col12-sl-10,.col12-sl-11,.col12-sl-12,.col12-sl-2,.col12-sl-3,.col12-sl-4,.col12-sl-5,.col12-sl-6,.col12-sl-7,.col12-sl-8,.col12-sl-9,.col12-sm-0,.col12-sm-1,.col12-sm-10,.col12-sm-11,.col12-sm-12,.col12-sm-2,.col12-sm-3,.col12-sm-4,.col12-sm-5,.col12-sm-6,.col12-sm-7,.col12-sm-8,.col12-sm-9,.col12-tn-0,.col12-tn-1,.col12-tn-10,.col12-tn-11,.col12-tn-12,.col12-tn-2,.col12-tn-3,.col12-tn-4,.col12-tn-5,.col12-tn-6,.col12-tn-7,.col12-tn-8,.col12-tn-9{
        padding-left:15px;
        padding-right:15px
    }
    .grow{
        margin-left:-15px;
        margin-right:-15px;
        margin-top: 50px;
        padding-bottom:50px;
    }
}
[data-gtshow],[data-lgshow],[data-mdshow],[data-slshow],[data-smshow],[data-tnshow]{
    display:none
}
@media screen and (min-width:0){
    [data-tnshow]{
        display:block
    }
    [data-tnhidden]{
        display:none
    }
    .wrapper{
        width:100%;
        min-width:320px;
        padding-left:10px;
        padding-right:10px
    }
}
@media screen and (min-width:768px){
    [data-slshow]{
        display:block
    }
    [data-slhidden]{
        display:none
    }
    .wrapper{
        width:100%;
        padding-left:15px;
        padding-right:15px
    }
}
@media screen and (min-width:960px){
    [data-smshow]{
        display:block
    }
    [data-smhidden]{
        display:none
    }
    .wrapper{
        width:100%;
        padding-left:20px;
        padding-right:20px
    }
}
@media screen and (min-width:1280px){
    [data-mdshow]{
        display:block
    }
    [data-mdhidden]{
        display:none
    }
    .wrapper{
        width:100%;
        padding-left:30px;
        padding-right:30px
    }
}
@media screen and (min-width:1366px){
    [data-lgshow]{
        display:block
    }
    [data-lghidden]{
        display:none
    }
    .wrapper{
        width:100%;
        padding-left:60px;
        padding-right:60px
    }
}
@media screen and (min-width:1680px){
    [data-gtshow]{
        display:block
    }
    [data-gthidden]{
        display:none
    }
    .wrapper{
        width:100%;
        padding-left:130px;
        padding-right:130px;
         padding-bottom:50px;
    }
}
::-webkit-scrollbar-track{
    -webkit-box-shadow:none;
    background-color:#ccc
}
::-webkit-scrollbar-track-piece{
    background:rgba(51,51,51,.5);
    -webkit-border-radius:0
}
::-webkit-scrollbar{
    width:10px;
    background:rgba(51,51,51,.7)
}
::-webkit-scrollbar-thumb{
    background:rgba(51,51,51,.7)
}
::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{
    background:#333;
    height:50px;
    -webkit-border-radius:0
}
.bg-img,.icon-why{
    background-repeat:no-repeat
}
body,html{
    scrollbar-track-color:#ccc;
    scrollbar-face-color:#333;
    scrollbar-shadow-color:#333;
    scrollbar-arrow-color:#333;
    scrollbar-highlight-color:#c00;
    scrollbar-3dlight-color:#c00;
    scrollbar-darkshadow-color:#fff
}
.color-primary{
    color:#428bca
}
.bg-color-primary{
    background-color:#428bca
}
.color-success{
    color:#5cb85c
}
.bg-color-success{
    background-color:#5cb85c
}
.color-info{
    color:#5bc0de
}
.bg-color-info{
    background-color:#5bc0de
}
.color-warning{
    color:#f0ad4e
}
.bg-color-warning{
    background-color:#f0ad4e
}
.color-danger{
    color:#d9534f
}
.bg-color-danger{
    background-color:#d9534f
}
.color-darker{
    color:#222
}
.bg-color-darker{
    background-color:#222
}
.color-dark{
    color:#333
}
.bg-color-dark{
    background-color:#333
}
.color-gray{
    color:#555
}
.bg-color-gray{
    background-color:#555
}
.color-light{
    color:#777
}
.bg-color-light{
    background-color:#777
}
.color-lighter{
    color:#eee
}
.bg-color-lighter{
    background-color:#eee
}
.color-white{
    color:#fff
}
.bg-color-white{
    background-color:#fff
}
.color-black{
    color:#000
}
.bg-color-black{
    background-color:#000
}
.color-yellow{
    color:#ff0
}
.bg-color-yellow{
    background-color:#ff0
}
.color-red{
    color:red
}
.bg-color-red{
    background-color:red
}
.color-blue{
    color:#00f
}
.bg-color-blue{
    background-color:#00f
}
.ta-c{
    text-align:center
}
.ta-l{
    text-align:left
}
.ta-r{
    text-align:right
}
.va-t{
    vertical-align:top
}
.va-m{
    vertical-align:middle
}
.va-b{
    vertical-align:bottom
}
.wp100{
    width:100%
}
.hp100{
    height:100%
}
.ls--3{
    letter-spacing:-3px
}
.ls--2{
    letter-spacing:-2px
}
.ls--1{
    letter-spacing:-1px
}
.ls-1{
    letter-spacing:1px
}
.ls-2{
    letter-spacing:2px
}
.ls-3{
    letter-spacing:3px
}
.bg-img{
    display:block;
    background-size:cover;
    background-position:center
}
.icon-why,.icon-why.icon-1{
    background-position:left 0
}
.btn{
    text-align:center;
    border:none;
    cursor:pointer;
    appearance:none;
    -webkit-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    -moz-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    -ms-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    transition:all .6s cubic-bezier(.93,.03,.3,.97);
    display:inline-block
}
button.btn{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none
}
.scroll-bd{
    padding-right:15px
}
.pagination-style-1{
    position:static;
    text-align:center;
    height:auto;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center
}
.pagination-style-1 .swiper-pagination-bullet{
    float:left;
    margin:0 8px;
    width:15px;
    height:15px;
    background-color:#E8E8E8;
    opacity:1;
    filter:alpha(opacity=100)
}
.pagination-style-1 .swiper-pagination-bullet-active{
    background-color:#11274F
}
.icon-why{
    display:inline-block;
    width:140px;
    height:140px;
    background-image:url(images/icon-why.html);
    background-size:100% auto
}
.icon-why.icon-2{
    background-position:left -140px
}
.icon-why.icon-3{
    background-position:left -280px
}
.icon-why.icon-4{
    background-position:left -420px
}
.type-desc.lh-14em li:before{
    top:.7em
}
.type-desc.lh-16em li:before{
    top:.8em
}
.type-desc.lh-18em li:before{
    top:.9em
}
.type-desc.lh-20em li:before{
    top:1em
}
.type-desc li{
    position:relative;
    padding-left:15px
}
.type-desc li:before{
    position:absolute;
    left:0;
    width:6px;
    height:6px;
    background-color:#fff;
    border-radius:50%;
    transform:translate(-50%,-50%)
}
.f-cr-base,.f-cr-base .f-cr-icon{
    position:relative;
    display:inline-block;
    cursor:pointer
}
.f-cr-base .f-cr-icon{
    vertical-align:middle
}
.f-cr-base .f-cr-icon .checked{
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.f-cr-base .f-cr-icon .fa{
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.f-cr-base .f-cr{
    display:none
}
.f-cr-base .f-cr:checked+.f-cr-icon .checked,.f-cr-base .f-cr:checked+.f-cr-icon .fa,.f-cr-style-1 .f-cr:checked+.f-cr-content .checked,.f-cr-style-1 .f-cr:checked+.f-cr-content .fa,.f-cr-style-2 .f-cr:checked+.f-cr-content .checked,.f-cr-style-2 .f-cr:checked+.f-cr-content .fa{
    display:block
}
.f-cr-rounded .f-cr-icon,.f-cr-rounded .f-cr-icon .checked{
    border-radius:4px
}
.f-cr-circle .f-cr-icon,.f-cr-circle .f-cr-icon .checked{
    border-radius:50%
}
.f-cr-style-1{
    height:25px;
    line-height:25px
}
.f-cr-style-1 .f-cr-icon{
    width:25px;
    height:25px;
    border-radius:4px;
    background-color:#fff;
    box-shadow:0 2px 6px 0 rgba(0,0,0,.13);
    vertical-align:middle
}
.f-cr-style-1 .f-cr-icon .checked{
    width:50%;
    height:50%;
    background:#218FF8;
    border-radius:4px
}
.f-cr-style-1 input[type=text]{
    visibility:hidden
}
.f-cr-style-1 .f-cr-name{
    color:#262D3F
}
.f-cr-style-1 .f-cr:checked+.f-cr-content .f-cr-name{
    color:#218FF8
}
.f-cr-style-1 .f-cr:checked+.f-cr-content .f-cr-icon{
    border-color:#218FF8
}
.f-cr-style-1 .f-cr:checked+.f-cr-content input[type=text]{
    visibility:visible
}
.f-cr-style-2{
    height:22px;
    line-height:22px
}
.f-cr-style-2 .f-cr-icon{
    width:22px;
    height:22px;
    border:1px solid #858585;
    background-color:#fff;
    border-radius:4px
}
.f-cr-style-2 .f-cr-icon .checked{
    width:50%;
    height:50%;
    background:#11274f;
    border-radius:4px
}
.f-cr-style-2 .f-cr-name{
    color:#333
}
.f-cr-style-2 .f-cr:checked+.f-cr-content .f-cr-name{
    color:#11274f
}
.f-cr-style-2 .f-cr:checked+.f-cr-content .f-cr-icon{
    border-color:#11274f
}
.default-select{
    border:1px solid #fff;
    padding-right:14px;
    background:url(../images/arrow.png) right center no-repeat #fff
}
.default-select::-ms-expand{
    display:none
}
.section6 .title {
    font-size: 70px;
    font-weight: bold;
    line-height: 1;
    padding-left: 50px;
}
/* ================================================================================================================================== */
/* ==============================================libs============ */

.swiper-slide,.swiper-wrapper{
    width:100%;
    height:100%
    ;position:relative
}
.ps-container.ie6 .ps-scrollbar-x,.ps-container.ie6 .ps-scrollbar-y{
    font-size:0
}.fp-slide,.swiper-container-no-flexbox .swiper-slide{
    float:left;
}
.swiper-container{
    margin-left:auto;
    margin-right:auto;
    
    position:relative;
    overflow:hidden;
    z-index:1
}
.swiper-container-vertical>.swiper-wrapper{
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
 
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;transform:translate3d(0,0,0)}#fp-nav,.fp-slidesNav{opacity:1;-webkit-transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
/* ================================================================================================ */

.btn-style1,.btn-style2{
    border-radius:1000px;
    color:#fff;
    border-style:solid
}
.btn-style4 .icon_1,.btn-style4 .icon_3{
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%)
}
.header:before,.imglist4 .pic:before,.list li:before,.side-menu .nnav a:before{
    content:''
}
.btn-style4 .icon_1,.btn-style4 .icon_2{
    background-repeat:no-repeat;
    background-image:url(../images/doublearrow2.png);
    -webkit-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    -moz-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    -ms-transition:all .6s cubic-bezier(.93,.03,.3,.97)
}
.nav,.section1 .t0-2,.section4 .circleimg p,.section6 .title,.side-menu .close .name,.step_3 .infobox dd .tit,.team-box .job,.team-box2 .job{
    text-transform:uppercase
}
.imglist4 .title{
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis
}
.arrow:hover,.btn-style1:hover,.btn-style2.active,.btn-style2:hover,.btn-style3.active,.btn-style3:hover,.downloadapp .btn.active,.lang a:hover,.timeline-container .swiper-slide-active .icon{
    box-shadow:0 0 10px 0 rgba(136,57,209,.3)
}
.section1 .visit:hover,.section5 .visit:hover{
    box-shadow:0 0 0 5px rgba(41,14,56,.3)
}
.bg-img{
    background-size:cover
}
.btn-style1{
    border-color:#2196f3
}
.btn-style1:hover{
    background-color:#2196f3
}
.btn-style1 .icon{
    display:inline-block;
    vertical-align:middle;
    margin-top:-2px
}
.btn-style1 .icon img{
    width:100%;
    height:100%;
    vertical-align:top
}
.btn-style2{
    border-color: #2196f3;}
.btn-style3,.btn-style4,.btn-style5{
    border-color: #2196f3;
    border-radius:1000px;
    border-style:solid
}
.btn-style2.active,.btn-style2:hover{
    background-color: #2196f3;}
.btn-style2 .icon{
    display:inline-block;
    vertical-align:middle;
    margin-top:-3px
}
.btn-style2 .icon img{
    width:100%;
    height:100%;
    vertical-align:top
}
.btn-style3{
    color:#221229;
    background-color:#fff
}
.btn-style3.active,.btn-style3:hover{
    background-color:#2196f3;
    color:#fff
}
.btn-style3.active .icon path,.btn-style3:hover .icon path{
    stroke:#fff;
    fill:#fff
}
.header.white .menu path,.header.white .whitepaper a path,.header.white .yellowpaper a path{
    fill:#2196f3
}
.btn-style3 .icon{
    display:inline-block;
    vertical-align:middle;
    margin-top:-2px
}
.btn-style3 .icon img{
    width:100%;
    height:100%;
    vertical-align:top
}
.btn-style3 .icon path{
    stroke:#2196f3;
    fill:#2196f3
}
.btn-style4{
    color:#fff;
    width:220px;
    position:relative;
    text-align:left;
    background-color: #22459b;
    -webkit-box-shadow:0 0 20px 4px rgba(136,57,209,.29);
    box-shadow:0 0 20px 4px rgba(136,57,209,.29)
}
.headingTitle3,.imglist2,.imglist3,.imglist4 .date{
    text-align:center
}
.btn-style4:hover{
    background-color: #2196f3;color: #fff;}
.btn-style4:hover .color{
    color:#fff
}
.btn-style4:hover .icon_1,.btn-style4:hover .icon_2,.btn-style4:hover .icon_3,.btn-style4:hover .icon_4{
    background-position:center bottom
}
.btn-style4 .icon_1{
    display:inline-block;
    top:50%;
    position:absolute;
    right:8%;
    background-position:top center;
    background-size:100% auto;
    transition:all .6s cubic-bezier(.93,.03,.3,.97);
    transform:translate(0,-50%)
}
.downloadapp .btn{
    padding: 2px 15px !important;
    font-size: 14px !important;
height: inherit;}
.tohx .btn, .user-guide .btn, .menu-tool .btn{
    padding: 0px 10px !important;
    width: 100%;
}
.tohx, .user-guide, .menu-tool {
    margin-right: 10px;
}
.menu-tool .btn{
    padding: 0px 10px !important;
}
.section7 .headingTitle .btn{
  padding: 0px 10px !important;
}
.user-guide .btn{
    padding: 0px 10px !important;
}
.btn-style4 .icon_1 img{
    display:none
}
.btn-style4 .icon_2{
    display:inline-block;
    vertical-align:middle;
    margin-top:-2px;
    margin-left:10px;
    margin-right:10px;
    overflow:hidden;
    transition:all .6s cubic-bezier(.93,.03,.3,.97);
    background-position:center top;
    background-size:100% auto
}
.downloadapp .btn .icon img,.downloadapp .btn .icon svg,.logo a img,.section1 .imgs .slogo img{
    vertical-align:top
}
.btn-style4 .icon_3,.btn-style4 .icon_4{
    position:absolute;
    right:6%;
    background-position:top center;
    background-size:100% auto;
    -webkit-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    -moz-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    -ms-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    top:50%;
    background-repeat:no-repeat
}
.btn-style4 .icon_3{
    display:inline-block;
    transition:all .6s cubic-bezier(.93,.03,.3,.97);
    background-image:url(../images/doublehx.png);
    transform:translate(0,-50%)
}
.btn-style4 .icon_3 img{
    display:none
}
.btn-style4 .icon_4,.headingTitle,.headingTitle2,.imglist3 li{
    display:inline-block
}
.btn-style4 .icon_4{
    transition:all .6s cubic-bezier(.93,.03,.3,.97);
    background-image:url(../images/doubledoc.png);
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.btn-style4 .color{
    color:#8839d1;
    -webkit-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    -moz-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    -ms-transition:all .6s cubic-bezier(.93,.03,.3,.97);
    transition:all .6s cubic-bezier(.93,.03,.3,.97)
}
.btn-style5{
    color:#fff;
    background-color:#1b0b22;
    -webkit-box-shadow:0 0 20px 4px rgba(136,57,209,.29);
    box-shadow:0 0 20px 4px rgba(136,57,209,.29)
}
.btn-style5:hover{
    background-color:#2196f3
}
.btn-style6{
    border-radius:1000px;
    
    color:#fff;
    border-style:solid;
    border-color:#E21650;
    background-color:#1b0b22;
    -webkit-box-shadow:0 0 20px 4px rgba(226,22,80,.29);
    box-shadow:0 0 20px 4px rgba(226,22,80,.29)
}
.btn-style6.active,.btn-style6:hover{
    background-color:#E21650
}
.btn-style7{
    border-radius:1000px;
    
    color:#fff;
    border-style:solid;
    border-color:#714a82;
    background-color:#714a82
}
.btn-style7:hover{
    background-color:#6e487f
}
.btn-style8{
    border-radius:1000px;
    
    color:#fff;
    border-style:solid;
    border-color:#2196f3;
    background-color:#2196f3;
    -webkit-box-shadow:0 0 20px 4px rgba(136,57,209,.29);
    box-shadow:0 0 20px 4px rgba(136,57,209,.29)
}

.btn-style8:hover{
    background-color:#8635d0
}
.grow-info{
    display: flex !important;
    justify-content: center !important;
}
@media screen and (min-width:0){
    .btn-middle,.btn-small{
        font-size:14px;
        padding-right:10px
    }
    .btn-large,.btn-middle,.btn-small{
        padding-right:10px
    }
    .btn-small{
        height:26px;
        line-height:26px;
        padding-left:15px;
        border-width:1px
    }
    .btn-small .icon{
        margin-left:5px;
        width:16px;
        height:16px
    }
    .btn-middle{
        height:30px;
        line-height:30px;
        padding-left:10px;
        border-width:1px
    }
    .btn-large,.btn-tool{
        line-height:36px;
        border-width:1px
    }
    .btn-middle .icon{
        margin-left:8px;
        width:18px;
        height:18px
    }
    .btn-middle .icon_1{
        width:22px;
        height:14px;
        margin-left:10px
    }
    .btn-middle .icon_3{
        width:15px;
        height:14px;
        margin-left:10px
    }
    .btn-middle .icon_4{
        width:14px;
        height:17px;
        margin-left:10px
    }
    .btn-large{
        font-size:16px;
        height:38px;
        padding-left:15px
    }
    .btn-large .icon{
        margin-left:10px;
        width:22px;
        height:22px
    }
    .btn-large.swapbtn{
        padding-left:15px;
        padding-right:15px
    }
    .btn-large .icon_2{
        width:28px;
        height:18px
    }
    .btn-tool{
        font-size:13px;
        height:38px;
        padding-left:10px;
        padding-right:10px
    }
}
@media screen and (min-width:768px){
    .btn-tool{
        font-size:16px
    }
}
@media screen and (min-width:1366px){
    .btn-style4{
        width:233px
    }
    .btn-middle{
        font-size:14px;
        height:34px;
        line-height:34px;
        padding-left:15px;
        padding-right:10px;
        border-width:1px
    }
    .btn-large,.btn-tool{
        font-size:20px;
        line-height:46px;
        border-width:2px
    }
    .btn-middle .icon{
        margin-left:10px;
        width:20px;
        height:20px
    }
    .btn-middle .icon_1{
        margin-left:14px;
        width:26px;
        height:18px
    }
    .btn-middle .icon_3{
        margin-left:16px;
        width:19px;
        height:18px
    }
    .btn-middle .icon_4{
        width:18px;
        height:21px
    }
    .btn-large{
        height:50px;
        padding-left:25px;
        padding-right:15px
    }
    .btn-large.swapbtn,.btn-tool{
        padding-left:20px;
        padding-right:20px
    }
    .btn-large .icon{
        margin-left:15px;
        width:30px;
        height:30px
    }
    .btn-large .icon_2{
        width:32px;
        height:21px
    }
    .btn-tool{
        height:50px
    }
}
@media screen and (min-width:1680px){
    .btn-middle,.btn-small{
        font-size:16px;
        padding-left:15px;
        padding-right:10px;
        border-width:1px
    }
    .btn-style4{
        width:260px
    }
    .btn-small{
        height:32px;
        line-height:30px
    }
    .btn-small .icon{
        margin-left:8px;
        width:20px;
        height:20px
    }
    .btn-middle{
        height:40px;
        line-height:38px
    }
    .btn-middle .icon{
        margin-left:10px;
        width:25px;
        height:25px
    }
    .btn-middle .icon_1{
        width:32px;
        height:20px
    }
    .btn-middle .icon_3{
        width:24px;
        height:23px
    }
    .btn-middle .icon_4{
        width:21px;
        height:24px
    }
    .btn-large{
        font-size:24px;
        height:70px;
        line-height:66px;
        padding-left:35px;
        padding-right:20px;
        border-width:2px
    }
    .btn-large.swapbtn{
        height:58px;
        line-height:54px;
        padding-left:25px;
        padding-right:25px
    }
    .btn-large .icon{
        margin-left:20px;
        width:40px;
        height:40px
    }
    .btn-large .icon_2{
        width:38px;
        height:26px
    }
    .btn-tool{
        font-size:24px;
        height:70px;
        line-height:66px
    }
}
.headingTitle3 .icon,.imglist2 .img{
    margin-left:auto;
    margin-right:auto
}
.list{
    color:#fff
}
.list li{
    position:relative;
    line-height:1.4em;
    margin-bottom:10px
}
.list li:before{
    position:absolute;
    left:0;
    top:50%;
    width:30px;
    height:30px;
    background-image:url(../images/icon2_block1.png);
    background-size:contain
}
.imglist4 .date div,.imglist4 .pic:before{
    background-image:-webkit-linear-gradient(45deg,#893AD1,#FA8FF8);
    background-image:-moz-linear-gradient(45deg,#893AD1,#FA8FF8);
    background-image:-ms-linear-gradient(45deg,#893AD1,#FA8FF8);
    background-image:-o-linear-gradient(45deg,#893AD1,#FA8FF8)
}
@media screen and (min-width:0){
    .list{
        font-size:16px
    }
    .list li{
        padding-left:28px
    }
    .list li:before{
        width:20px;
        height:20px;
        margin-top:-10px
    }
}
@media screen and (min-width:960px){
    .list li{
        float:left;
        width:50%
    }
}
@media screen and (min-width:1366px){
    .list{
        font-size:20px
    }
    .list li{
        padding-left:36px
    }
    .list li:before{
        width:24px;
        height:24px;
        margin-top:-12px
    }
}
@media screen and (min-width:1680px){
    .list{
        font-size:24px
    }
    .list li{
        padding-left:50px
    }
    .list li:before{
        width:30px;
        height:30px;
        margin-top:-15px
    }
}
.headingTitle p,.headingTitle2 p,.headingTitle3 p{
    line-height:1.2em;
    font-size:50%
}
.headingTitle{
    position:relative;
    color: #fff;}
.headingTitle .icon{
    position:absolute;
    opacity:.6;
    filter:alpha(opacity=60)
}
.headingTitle h3{
    font-weight: 600;color: #fff;}
.headingTitle p{
    color: #2196f3;}
.headingTitle2{
    position:relative;
    color: #fff;
    
}
.headingTitle2 .icon{
    position:absolute;
    opacity:.68;
    filter:alpha(opacity=68)
}
.headingTitle2 .num{
    position:absolute;
    top:50%;
    left:50%;
    color:#fff;
    -webkit-transform:translate(-90%,-33%);
    -moz-transform:translate(-90%,-33%);
    -ms-transform:translate(-90%,-33%);
    transform:translate(-90%,-33%)
}
.headingTitle2 h3{
    font-weight:400
}
.headingTitle2 p{
    color:#8839d1
}
.headingTitle3{
    position:relative;
    color:#201126;
    
}
.headingTitle3 .icon{
    opacity:.6;
    filter:alpha(opacity=60)
}
.headingTitle3 h3{
    font-weight:400
}
.headingTitle3 p{
    color:#8839d1
}
@media screen and (min-width:0){
    .headingTitle .icon,.headingTitle2 .icon,.headingTitle3 .icon{
        width:50px;
        height:40px
    }
    .headingTitle{
        font-size:35px
    }
    .headingTitle .icon{
        left:-30px;
        top:-10px
    }
    .headingTitle2{
        font-size:20px
    }
    .headingTitle2 .icon{
        left:-40px;
        top:-10px
    }
    .headingTitle2 .num{
        font-size:24px
    }
    .headingTitle3{
        font-size:35px
    }
}
@media screen and (min-width:1366px){
    .headingTitle .icon,.headingTitle2 .icon,.headingTitle3 .icon{
        width:60px;
        height:50px
    }
    .headingTitle{
        font-size:45px
    }
    .headingTitle .icon{
        left:-40px;
        top:-10px
    }
    .headingTitle2{
        font-size:26px
    }
    .headingTitle2 .icon{
        left:-40px;
        top:-8px
    }
    .headingTitle2 .num{
        font-size:20px
    }
    .headingTitle3{
        font-size:45px
    }
}
@media screen and (min-width:1680px){
    .headingTitle .icon,.headingTitle2 .icon,.headingTitle3 .icon{
        width:70px;
        height:58px
    }
    .headingTitle{
        font-size:60px
    }
    .headingTitle .icon{
        left:-40px;
        top:-10px
    }
    .headingTitle2{
        font-size:34px
    }
    .headingTitle2 .icon{
        left:-50px;
        top:-15px
    }
    .headingTitle2 .num{
        font-size:24px
    }
    .headingTitle3{
        font-size:60px
    }
}
.article1{
    color: #2196f3;
    line-height:1.1em;
    
    border-left-style:solid;
    border-color: #2196f3;}
.article2{
    color: #bfc8e1;
    line-height:1.2em;
    
}
.article3,.article4{
    
}
.article3{
    color:#fff;
    line-height:1.2em
}
.article4{
    color:#201127;
    line-height:1.4em
}
.imglist2 .name,.imglist4 .title{
    
}
.article4 h1,.article4 h2,.article4 h3,.article4 h4,.article4 h5,.article4 h6{
    font-weight:700;
    margin-bottom:1em
}
.article4 h1{
    font-size:150%
}
.article4 h2{
    font-size:130%
}
.article4 h3{
    font-size:110%
}
.article4 h4{
    font-size:90%
}
.article4 p{
    margin-bottom:1em
}
@media screen and (min-width:0){
    .article1{
        font-size:20px;
        padding-left:20px;
        border-left-width:3px
    }
    .article2{
        font-size:14px;
        padding-left:23px
    }
    .article3{
        font-size:22px
    }
    .article4{
        font-size:16px
    }
}
@media screen and (min-width:1366px){
    .article1{
        font-size:24px;
        padding-left:25px;
        border-left-width:4px
    }
    .article2{
        font-size:16px;
        padding-left:29px
    }
    .article3{
        font-size: 22px;}
    .article4{
        font-size:18px
    }
}
@media screen and (min-width:1680px){
    .article1{
        font-size:32px;
        padding-left:35px;
        border-left-width:7px
    }
    .article2{
        font-size:20px;
        padding-left:42px
    }
    .article3{
        font-size:36px
    }
    .article4{
        font-size:24px
    }
}
.imglist2 .img{
    border-radius:50%;
    box-shadow:0 30px 30px rgba(0,0,0,.3);
    margin-bottom:20px
}
.imglist4 .date div,.imglist4 .pic .bg-img,.imglist4 .pic:before{
    border-radius:12px;
    overflow:hidden
}
.imglist2 .name{
    color:#fff
}
.imglist2 .article2{
    color:#fff;
    padding-left:0
}
@media screen and (min-width:0){
    .imglist2{
        margin-bottom:30px
    }
    .imglist2 .img{
        width:90px;
        height:90px
    }
    .imglist2 .name{
        font-size:18px;
        margin-bottom:15px
    }
    .imglist2 .article2{
        padding-left:10%;
        padding-right:10%
    }
}
@media screen and (min-width:960px){
    .imglist2{
        margin-bottom:0
    }
    .imglist2 .name{
        font-size:20px
    }
}
@media screen and (min-width:1366px){
    .imglist2 .img{
        width:120px;
        height:120px
    }
    .imglist2 .name{
        font-size:22px;
        margin-bottom:15px
    }
    .imglist2 .article2{
        padding-left:15%;
        padding-right:15%
    }
}
@media screen and (min-width:1680px){
    .imglist2 .img{
        width:154px;
        height:154px
    }
    .imglist2 .name{
        font-size:30px;
        margin-bottom:25px
    }
}
.imglist3 li{
    position:relative
}
.imglist3 li:hover span{
    display:block
}
.imglist3 li a{
    display:block;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
.imglist3 li a:hover{
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
    transform:translate(0,-10px)
}
.imglist3 li span{
    display:none;
    position:absolute;
    bottom:100%;
    left:50%;
    -webkit-transform:translate(-50%,-20px);
    -moz-transform:translate(-50%,-20px);
    -ms-transform:translate(-50%,-20px);
    transform:translate(-50%,-20px)
}
.loading-page,.side-menu{
    bottom:0;
    z-index:9;
    top:0;
    left:0
}
@media screen and (min-width:0){
    .imglist3 li{
        padding:10px
    }
    .imglist3 li a{
        /* height:40px */
    }
}
@media screen and (min-width:960px){
    .imglist3 li{
        padding:15px
    }
    .imglist3 li a{
        height:50px
    }
    .imglist3 li span{
        width:80px;
        height:80px
    }
}
@media screen and (min-width:1366px){
    .imglist3 li{
        padding:20px
    }
    .imglist3 li a{
        /* height:60px */
    }
}
@media screen and (min-width:1680px){
    .imglist3 li{
        padding:25px
    }
    .imglist3 li a{
        /* height:80px */
    }
}
.imglist4 li:nth-child(even){
    background-color:#F3EFF6
}
.imglist4 .box{
    position:relative
}
.imglist4 .pic .bg-img{
    display:block;
    padding-top:50%
}
.imglist4 .pic:before{
    position:absolute;
    left:0;
    bottom:0;
    background-image:linear-gradient(45deg,#893AD1,#FA8FF8);
    -webkit-transform:translate(-20%,20%);
    -moz-transform:translate(-20%,20%);
    -ms-transform:translate(-20%,20%);
    transform:translate(-20%,20%)
}
.imglist4 .txt{
    position:relative
}
.imglist4 .title{
    height:1.2em;
    line-height:1.2em;
    overflow:hidden;
    color:#201127
}
.imglist4 .title a:hover{
    text-decoration:underline
}
.imglist4 .text{
    line-height:1.4em;
    ;
    color:#201127
}
.imglist4 .date,.pagination>:nth-child(3),.share{
    
}
.imglist4 .date{
    color:#fff
}
.imglist4 .date div{
    background-image:linear-gradient(45deg,#893AD1,#FA8FF8)
}
.imglist4 .date em,.imglist4 .date span{
    display:block;
    line-height:1em
}
.imglist4 .date p{
    color:#8c659d;
    text-align:justify;
    text-align-last:justify
}
.arrow,.pagination>*{
    text-align:center;
    overflow:hidden
}
.imglist4 .more .icon{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
@media screen and (min-width:0){
    .imglist4 .date div,.imglist4 .pic:before{
        width:50px;
        height:50px
    }
    .imglist4 li{
        padding-top:30px;
        padding-bottom:30px
    }
    .imglist4 .pic{
        position:relative;
        margin-bottom:15px
    }
    .imglist4 .title{
        font-size:20px;
        margin-bottom:15px
    }
    .imglist4 .text{
        font-size:16px;
        margin-bottom:15px
    }
    .imglist4 .date{
        position:absolute;
        right:20px;
        top:0;
        -webkit-transform:translate(0,-100%);
        -moz-transform:translate(0,-100%);
        -ms-transform:translate(0,-100%);
        transform:translate(0,-100%);
        margin-top:-25px
    }
    .imglist4 .date span{
        font-size:30px
    }
    .imglist4 .date em{
        font-size:12px
    }
    .imglist4 .date p{
        font-size:16px
    }
    .imglist4 .share{
        float:right
    }
    .imglist4 .more{
        float:left
    }
}
@media screen and (min-width:768px){
    .imglist4 .pic{
        width:320px
    }
}
@media screen and (min-width:960px){
    .imglist4 li{
        padding-top:50px;
        padding-bottom:50px
    }
    .imglist4 .pic{
        position:absolute;
        left:0;
        top:50%;
        -webkit-transform:translate(0,-50%);
        -moz-transform:translate(0,-50%);
        -ms-transform:translate(0,-50%);
        transform:translate(0,-50%);
        z-index:3;
        margin-bottom:0
    }
    .imglist4 .pic:before{
        width:50px;
        height:50px
    }
    .imglist4 .txt{
        padding-left:360px;
        padding-right:200px;
        min-height:160px
    }
    .imglist4 .title{
        font-size:30px;
        margin-bottom:20px
    }
    .imglist4 .text{
        font-size:18px;
        margin-bottom:20px
    }
    .imglist4 .date{
        right:0;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        margin-top:0
    }
    .imglist4 .date div{
        width:60px;
        height:60px
    }
    .imglist4 .date span{
        font-size:36px
    }
    .imglist4 .date em{
        font-size:14px
    }
    .imglist4 .date p{
        font-size:16px
    }
    .imglist4 .more{
        float:none
    }
    .imglist4 .share{
        float:none;
        position:absolute;
        right:0;
        bottom:0
    }
}
@media screen and (min-width:1366px){
    .imglist4 li{
        padding-top:65px;
        padding-bottom:65px
    }
    .imglist4 .pic{
        width:388px
    }
    .imglist4 .date div,.imglist4 .pic:before{
        width:90px;
        height:90px
    }
    .imglist4 .txt{
        padding-left:450px;
        padding-right:260px;
        min-height:190px
    }
    .imglist4 .title{
        font-size:36px;
        margin-bottom:25px
    }
    .imglist4 .text{
        font-size:20px;
        margin-bottom:25px
    }
    .imglist4 .date div{
        padding-top:5px
    }
    .imglist4 .date span{
        font-size:48px
    }
    .imglist4 .date em{
        font-size:16px
    }
    .imglist4 .date p{
        font-size:18px
    }
}
.section0,.toolcon{
    min-height:100vh
}
.arrow{
    border-radius:50%;
    border-style:solid;
    border-color:#8538CB
}
.arrow:hover{
    background-color:#8538CB
}
.arrow img{
    width:50%;
    margin-top:-2px
}
@media screen and (min-width:0){
    .arrow{
        width:30px;
        height:30px;
        line-height:28px;
        border-width:1px
    }
}
@media screen and (min-width:1366px){
    .arrow{
        width:38px;
        height:38px;
        line-height:36px
    }
}
@media screen and (min-width:1680px){
    .arrow{
        width:54px;
        height:54px;
        line-height:50px;
        border-width:2px
    }
}
.share{
    font-size:12px
}
.share .icon{
    float:left
}
@media screen and (min-width:0){
    .share{
        height:24px;
        line-height:24px
    }
    .share .icon{
        width:24px;
        margin-right:10px
    }
}
@media screen and (min-width:960px){
    .share{
        height:32px;
        line-height:32px
    }
    .share .icon{
        width:32px;
        margin-right:10px
    }
}
@media screen and (min-width:1366px){
    .share{
        height:40px;
        line-height:40px
    }
    .share .icon{
        width:40px;
        margin-right:15px
    }
}
.pagination>* img,.pagination>:nth-child(1),.pagination>:nth-child(2){
    width:50%
}
.pagination{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    background-image:-webkit-linear-gradient(45deg,#893AD1,#FA8FF8);
    background-image:-moz-linear-gradient(45deg,#893AD1,#FA8FF8);
    background-image:-ms-linear-gradient(45deg,#893AD1,#FA8FF8);
    background-image:-o-linear-gradient(45deg,#893AD1,#FA8FF8);
    background-image:linear-gradient(45deg,#893AD1,#FA8FF8)
}
.pagination>*{
    float:left;
    cursor:pointer
}
.pagination>:hover{
    background-color:rgba(0,0,0,.14)
}
.pagination>:nth-child(1){
    border-right:1px solid #A254BF
}
.pagination>:nth-child(1) img{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.pagination>:nth-child(3){
    width:100%;
    color:#fff;
    border-top:1px solid #A254BF
}
@media screen and (min-width:0){
    .pagination{
        width:50px;
        height:50px
    }
    .pagination>*{
        height:25px;
        line-height:25px
    }
    .pagination>:nth-child(3){
        font-size:14px
    }
}
@media screen and (min-width:960px){
    .pagination{
        width:68px;
        height:68px
    }
    .pagination>*{
        height:34px;
        line-height:34px
    }
    .pagination>:nth-child(3){
        font-size:16px
    }
}
@media screen and (min-width:1366px){
    .pagination{
        width:90px;
        height:90px
    }
    .pagination>*{
        height:45px;
        line-height:45px
    }
    .pagination>:nth-child(3){
        font-size:18px
    }
}
.swiper-button-next,.swiper-button-prev{
    background-position:0 0;
    display:none;
    border-radius:50%;
    background-size:contain
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:0;
    filter:alpha(opacity=0)
}
.swiper-button-next{
    background-image:url(../images/right_button.html)
}
.swiper-button-prev{
    background-image:url(../images/left_button.html)
}
@media screen and (min-width:960px){
    .swiper-button-next,.swiper-button-prev{
        display:block;
        width:30px;
        height:30px
    }
}
@media screen and (min-width:1366px){
    .swiper-button-next,.swiper-button-prev{
        width:40px;
        height:40px
    }
}
@media screen and (min-width:1680px){
    .swiper-button-next,.swiper-button-prev{
        width:50px;
        height:50px
    }
}
.section{
    overflow:hidden
}
.section .logo3{
    top:40px
}
.side-menu.active .close{
    left:340px
}
.side-menu .nnav li:first-child{
    display:none
}
@media screen and (max-width:960px){
    .section,.section .fp-tableCell{
        height:auto!important
    }
    .section .content{
        padding-top:60px;
        padding-bottom:60px
    }
    .side-menu.active .close{
        left:280px
    }
}
.loading-page{
    position:absolute;
    right:0
}
.loading-page.active2{
    opacity:.5;
    filter:alpha(opacity=50);
    -webkit-transition:all .4s linear;
    -moz-transition:all .4s linear;
    -ms-transition:all .4s linear;
    transition:all .4s linear;
    -webkit-transform:translate(0,-100%);
    -moz-transform:translate(0,-100%);
    -ms-transform:translate(0,-100%);
    transform:translate(0,-100%)
}
.header.active .logo2,.side-menu.active .close .icon i:nth-child(2){
    opacity:0;
    filter:alpha(opacity=0)
}
.side-menu{
    position:fixed
}
.side-menu.active .box{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0)
}
.side-menu.active .close .name{
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.side-menu.active .close .icon i:nth-child(1){
    margin-top:0;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    -moz-transform:translate(-50%,-50%) rotate(45deg);
    -ms-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.side-menu.active .close .icon i:nth-child(3){
    margin-top:0;
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    -moz-transform:translate(-50%,-50%) rotate(-45deg);
    -ms-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.side-menu .close{
    position:absolute;
    top:0;
    left:0;
    z-index:3
}
.side-menu .close .icon{
    position:relative;
    display:block;
    background-color: transparent;
    
    cursor:pointer
}
.side-menu .close .icon i,.side-menu .close .name{
    position:absolute;
    top:50%;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear
}
.side-menu .close .icon i{
    display:block;
    left:50%;
    height:2px;
    background-color:#fff;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    transition:all .3s linear
}
.side-menu .close .icon i:nth-child(1){
    margin-top:-10px
}
.side-menu .close .icon i:nth-child(3){
    margin-top:10px
}
.side-menu .close .name{
    left:100%;
    white-space:nowrap;
    color:#8839d1;
    font-size:12px;
    
    -webkit-transform:translate(-200%,-50%);
    -moz-transform:translate(-200%,-50%);
    -ms-transform:translate(-200%,-50%);
    transform:translate(-200%,-50%);
    transition:all .3s linear
}
.side-menu .box,.side-menu .box .btns{
    position:absolute;
    left:0;
    background: linear-gradient(90deg, #181f4a 0%, #22469d 100%);}
.side-menu .box,.side-menu .nnav a:before{
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    bottom:0
}
.side-menu .box{
    overflow-y:auto;
    top:0;
    transition:all .3s linear;
    -webkit-transform:translate(-100%,0);
    -moz-transform:translate(-100%,0);
    -ms-transform:translate(-100%,0);
    transform:translate(-100%,0)
}
.side-menu .box .lang{
    cursor:pointer;
    float:left
}
.side-menu .box .downloadapp{
    float:left;
    padding-right: 10px;width: 100%;}
.side-menu .box .yellowpaper{
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    padding-bottom:12px
}
.side-menu .box .btns{
    bottom:0;
    right:0;
    top:259px;
    padding-left:inherit;
    padding-top:10px
}
.side-menu .nnav{
    
}
.lang,.nav{
    
}
.side-menu .nnav a{
    display:block;
    position:relative;
    color:#fff
}
.header.white .nav a,.side-menu .nnav a.active,.side-menu .nnav a:hover{
    color: #2295f3;}
.side-menu .nnav a.active:before,.side-menu .nnav a:hover:before{
    width:100%
}
.side-menu .nnav a:before{
    position:absolute;
    right:0;
    background-color: #2295f3;
    transition:all .3s linear
}
.header,.header:before{
    top:0;
    left:0;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear
}
@media screen and (min-width:0){
    .side-menu.active{
        right:0
    }
    .side-menu.active .close .name{
        display:none
    }
    .side-menu .close .icon{
        width:34px;
        height:34px
    }
    .side-menu .close .icon i{
        width:18px
    }
    .side-menu .close .icon i:nth-child(1){
        margin-top:-7px
    }
    .side-menu .close .icon i:nth-child(3){
        margin-top:7px
    }
    .side-menu .close .name{
        padding-left:10px;
        letter-spacing:1px
    }
    .side-menu .box{
        width:100%;
        min-width:240px;
        padding:20px 0 20px 20px
    }
    .side-menu .box .side-logo{
        display:block;
        height:34px;
        margin-bottom:15px
    }
    .side-menu .btns>*{
        margin-bottom:10px
    }
    .side-menu .nnav{
        margin-bottom:20px;
        font-size:18px
    }
    .side-menu .nnav a{
        height:24px;
        line-height:24px
    }
    .side-menu .nnav a:before{
        height:1px
    }
}
@media screen and (min-width:768px){
    .side-menu.active{
        right:auto
    }
    .side-menu .close .icon{
        width:50px;
        height:50px
    }
    .side-menu .close .icon i{
        width:24px;
        height:2px
    }
    .side-menu .close .icon i:nth-child(1){
        margin-top:-8px
    }
    .side-menu .close .icon i:nth-child(3){
        margin-top:8px
    }
    .side-menu .close .name{
        padding-left:15px;
        font-size:12px;
        letter-spacing:2px
    }
    .side-menu .box{
        width:280px;
        padding:20px 0 35px 25px
    }
    .side-menu .nnav{
        font-size:14px
    }
    .side-menu .nnav a{
        height:28px;
        line-height:28px
    }
    .side-menu .nnav a:before{
        height:2px
    }
}
@media screen and (min-width:960px){
    .side-menu .box{
        width:340px;
        padding:20px 0 45px 25px
    }
    .side-menu .nnav{
        font-size:15px
    }
    .side-menu .nnav a{
        height:32px;
        line-height:32px
    }
}
@media screen and (min-width:1366px){
    .side-menu .box{
        padding-top:20px
    }
    .side-menu .close .icon{
        width: 40px;
        height: 40px;
        margin-left: 20px;
        margin-top: 13px;
    }
    .side-menu .close .icon i{
        width:30px
    }
    .side-menu .close .icon i:nth-child(1){
        margin-top:-10px
    }
    .side-menu .close .icon i:nth-child(3){
        margin-top:10px
    }
    .side-menu .btns .user-guide,.side-menu .btns .menu-tool,.side-menu .btns .tohx{
        padding-bottom:10px
    }
    .side-menu .nnav{
        font-size:16px
    }
    .side-menu .nnav a{
        height:36px;
        line-height:36px
    }
}
.header{
    position:fixed;
    right:0;
    z-index:8;
    transition:all .3s linear;
    
background: linear-gradient(90deg, #181f4a 0%, #22469d 100%);}
.header:before{
    position:absolute;
    bottom:0;
    right:0;
    transition:all .3s linear;
    background: rgb(255 255 255 / 10%);
}
.header .wrapper{
    position:relative
}
.header .logo{
    float:left
}
.header .other{
    float:right;}
.header .btns,.header .btns>div,.header .nav{
    float:left
}
.header.active .logo2{
    -webkit-transform:translate(-200%,0);
    -moz-transform:translate(-200%,0);
    -ms-transform:translate(-200%,0);
    transform:translate(-200%,0)
}
.header.other:before,.header.white:before{
    opacity:1;
    filter:alpha(opacity=100)
}
.header.white .nav a.active,.header.white .nav a:hover{
    color:#792cbf;
    text-decoration:underline
}
.header.white .whitepaper a,.header.white .yellowpaper a{
    color:#2196f3
}
.header.white .logo a:nth-child(1){
    display:none
}
.header.white .logo a:nth-child(2){
    display:block
}
.header.white .btn-style1{
    background-color:#2196f3
}
.header.white .btn-style1:hover{
    background-color:#792cbf
}
.header.white .lang a{
    border-color:#E9225B;
    background-color:#E9225B
}
.header.white .lang a:hover{
    border-color:#2196f3;
    background-color:#2196f3
}
.header.other .nav a{
    color:#fff
}
.header.other .nav a.active,.header.other .nav a:hover{
    color:#f0f0f0;
    text-decoration:underline
}
.header.other .menu path{
    fill:#fff
}
.header.other .yellowpaper a{
    color:#e1a91a
}
.header.other .whitepaper a,.header.other .whitepaper a .size,.header.other .yellowpaper a .size{
    color:#fff
}
.header.other .yellowpaper a path{
    fill:#e1a91a
}
.header.other .whitepaper a path{
    fill:#ffff
}
.header.other .btn-style1{
    background-color:#fff;
    color:#2196f3;
    border-color:#fff
}
.header.other .btn-style1 path{
    fill:#2196f3;
    stroke:#2196f3
}
.header.other .btn-style1:hover{
    border-color:#f0f0f0;
    background-color:#f0f0f0
}
.header.other .lang a{
    color:#2196f3;
    border-color:#fff;
    background-color:#fff
}
.header.other .lang a:hover{
    color:#2196f3;
    border-color:#f0f0f0;
    background-color:#f0f0f0
}
@media screen and (min-width:0){
    .header .menu,.header .wrapper,.header.active .wrapper{
        height:30px
    }
    .header{
        padding-top:2px;
        padding-bottom:2px
    }
    .header.active .logo a{
        width:106px;
        height:30px
    }
    .header .btns>div{
        margin-left:10px
    }
    .header .menu{
        float:right;
        width:30px
    }
    .header .menu svg{
        width:100%;
        height:100%
    }
}
@media screen and (max-width:767px){
    .header .logo,.header .menu{
        position:relative;
        z-index:8
    }
    .header .other{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:7;
        padding:50px 10px 10px;
        background-color:rgba(0,0,0,.8);
        text-align:right
    }
    .header .btns,.header .nav,.header .other{
        float:none
    }
    .header .btns>div{
        float:right;
        margin-top:10px;
        margin-left:0;
        margin-right:5px
    }
    .side-menu.active .close{
        left:auto;
        right:0
    }
}
.logo2,.logo2:before{
    position:absolute;
    content:''
}
.downloadapp .btn.active,.lang a:hover,.logo2:before{
    background-color:#2196f3
}
@media screen and (min-width:768px){
    .header{
        padding-top:10px;
        padding-bottom:10px
    }
}
@media screen and (min-width:1366px){
    .header{
        padding-top: 15px;
        padding-bottom: 15px;}
    .header.active .logo a{
        width:128px;
        height:34px
    }
    .header .wrapper{
        height:34px;
        padding-left:20px;
        padding-right:20px
    }
}
@media screen and (min-width:1680px){
    .header{
        padding-top:10px;
        padding-bottom:10px
    }
    .header.active .logo a{
        width:141px;
        height:40px
    }
    .header .btns>div{
        margin-left:15px
    }
}
.section1 .content .txt,.section1 .t3{
    margin-left:auto;
    margin-right:auto
}
.logo{
    display:none
}
.logo a{
    display:block
}
.logo a:nth-child(2){
    display:none
}
.lang a,.logo2 .img{
    display:block
}
.logo2{
    top:100%;
    margin-top:15px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
.logo2:before{
    top:0;
    right:0;
    width:2000px;
    height:1px
}
@media screen and (min-width:0){
    .logo a{
        width:106px;
        height:30px
    }
    .logo2{
        padding-top:10px
    }
    .logo2 .img{
        width:200px
    }
}
@media screen and (min-width:1366px){
    .logo a{
        width:141px;
        height:40px
    }
    .logo2{
        padding-top:15px
    }
    .logo2 .img{
        width:250px
    }
}
@media screen and (min-width:1680px){
    .logo a{
        width:201px;
        height:57px
    }
    .logo2 .img{
        width:377px
    }
}
.lang{
    position:relative;
    font-size:12px
}
.lang a{
    border-radius:50%;
    text-align:center;
    border:1px solid #fff;
    color:#fff
}
.lang a:hover{
    border-color:#2196f3
}
.lang ul{
    display:none;
    z-index:3
}
.lang ul li{
    padding-top:3px
}
@media screen and (min-width:0){
    .lang a{
        width:30px;
        height:30px;
        line-height:30px
    }
}
@media screen and (min-width:1366px){
    .lang a{
        width:34px;
        height:34px;
        line-height:34px
    }
}
@media screen and (min-width:1680px){
    .lang a{
        width:40px;
        height:40px;
        line-height:40px
    }
}
.nav li{
    float:left;
    display:inline-block
}
.nav a{
    color:#fff;
    display:block
}
.nav a.active,.nav a:hover{
    color:#2196f3
}
@media screen and (min-width:0){
    .nav{
        font-size:14px
    }
    .nav li{
        padding-right:20px
    }
    .nav a{
        height:30px;
        line-height:30px
    }
}
@media screen and (max-width:1279px){
    .nav li{
        float:none;
        padding-right:0;
        display:block
    }
}
@media screen and (min-width:1366px){
    .nav{
        font-size:16px
    }
    .nav li{
        padding-right:40px
    }
    .nav a{
        height:34px;
        line-height:34px
    }
}
@media screen and (min-width:1680px){
    .nav{
        font-size:18px
    }
    .nav a{
        height:40px;
        line-height:40px
    }
}
.yellowpaper a{
    color: #2196f3;}
.yellowpaper a path{
    fill: #2196f3;}
.whitepaper a{
    color:#fff
}
.whitepaper a path{
    fill:#fff
}
.whitepaper a,.yellowpaper a{
    position:relative;
    display:block
}
.whitepaper a .icon,.yellowpaper a .icon{
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.whitepaper a .icon img,.whitepaper a .icon svg,.yellowpaper a .icon img,.yellowpaper a .icon svg{
    width:100%;
    height:100%;
    vertical-align:top
}

.downloadapp .btn,.whitepaper a .size,.yellowpaper a .size{
    
}
.whitepaper a .size,.yellowpaper a .size{
    color:#fff;
}
@media screen and (min-width:0){
    .whitepaper,.yellowpaper{
        font-size:12px
    }
    .whitepaper a,.yellowpaper a{
        height:30px;
        padding-left:30px
    }
    .whitepaper a .icon,.yellowpaper a .icon{
        width:17px;
        height:27px
    }
    .whitepaper a .name,.yellowpaper a .name{
        
        }
    .whitepaper a .size,.yellowpaper a .size{
        height:16px;
        line-height:16px;
        font-size:12px
    }
}
@media screen and (min-width:1366px){
    .whitepaper,.yellowpaper{
        font-size:13px
    }
    .whitepaper a,.yellowpaper a{
        height:34px
    }
    .whitepaper a .name,.yellowpaper a .name{
        
        }
}
@media screen and (min-width:1680px){
    .whitepaper,.yellowpaper{
        font-size:16px
    }
    .whitepaper a,.yellowpaper a{
        height:40px
    }
    .whitepaper a .name,.yellowpaper a .name{
        height:24px;
        line-height:24px
    }
}
.downloadapp{
    display:inline-block
}
.downloadapp ul,.section1 .t3,.section1 .t5,.section1 .t6{
    display:none
}
.downloadapp .btn{
    font-weight: 600;float:left;
    width:100%;
    margin-bottom:3px;
    text-align:left
}
.downloadapp ul .btn{
    
}

@media screen and (min-width:960px){
    .header{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,-50%);
        -moz-transform:translate(0,-50%);
        -ms-transform:translate(0,-50%);
        transform:translate(0,-50%);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .header.active2{
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .side-menu .close{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(-100%,0);
        -moz-transform:translate(-100%,0);
        -ms-transform:translate(-100%,0);
        transform:translate(-100%,0);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .side-menu .close.active2{
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
}
.section1 .imgs .imgs2,.section1 .t4:before{
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%)
}
.section1{
    color:#fff;
    text-align:center;
    background-color:#2b1733
;background: linear-gradient(90deg, #181f4a 0%, #22469d 100%);}
.section1 .content{
    position:relative;
    z-index:3
}
.section1 .t0-4{
    color:#754f96
}
.section1 .t0-5{
    color:#5c3c77
}
.section1 .t0-5 span{
    color:#d8a742
}
.section1 .t0-2{
    display:none
}
.section1 .t2{
    
}
.section1 .t4{
    position:relative
}
.section1 .t4:before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    right:0;
    background-image:-webkit-linear-gradient(left,rgba(140,49,185,0),#8c31b9,rgba(140,49,185,0));
    background-image:-moz-linear-gradient(left,rgba(140,49,185,0),#8c31b9,rgba(140,49,185,0));
    background-image:-ms-linear-gradient(left,rgba(140,49,185,0),#8c31b9,rgba(140,49,185,0));
    background-image:-o-linear-gradient(left,rgba(140,49,185,0),#8c31b9,rgba(140,49,185,0));
    background-image:linear-gradient(left,rgba(140,49,185,0),#8c31b9,rgba(140,49,185,0));
    transform:translate(0,-50%)
}


.section1 .t6 i{
    display:inline-block;
    width:12px;
    height:12px;
    border-radius:50%;
    margin-left:2px;
    margin-right:2px;
    overflow:hidden
}
@-webkit-keyframes background{
    0%{
        background-color:#e85479
    }
    100%{
        background-color:#e1ac1c
    }
}
@-moz-keyframes background{
    0%{
        background-color:#e85479
    }
    100%{
        background-color:#e1ac1c
    }
}
@-ms-keyframes background{
    0%{
        background-color:#e85479
    }
    100%{
        background-color:#e1ac1c
    }
}
@keyframes background{
    0%{
        background-color:#e85479
    }
    100%{
        background-color:#e1ac1c
    }
}
.section1 .t6 i:nth-child(1){
    -webkit-animation:background .5s linear .1s infinite alternate;
    -moz--webkit-animation:background .5s linear .1s infinite alternate;
    -ms-animation:background .5s linear .1s infinite alternate;
    animation:background .5s linear .1s infinite alternate
}
.section1 .t6 i:nth-child(2){
    -webkit-animation:background .5s linear .2s infinite alternate;
    -moz--webkit-animation:background .5s linear .2s infinite alternate;
    -ms-animation:background .5s linear .2s infinite alternate;
    animation:background .5s linear .2s infinite alternate
}
.section1 .t6 i:nth-child(3){
    -webkit-animation:background .5s linear .3s infinite alternate;
    -moz--webkit-animation:background .5s linear .3s infinite alternate;
    -ms-animation:background .5s linear .3s infinite alternate;
    animation:background .5s linear .3s infinite alternate
}
.section1 .t6 i:nth-child(4){
    -webkit-animation:background .5s linear .4s infinite alternate;
    -moz--webkit-animation:background .5s linear .4s infinite alternate;
    -ms-animation:background .5s linear .4s infinite alternate;
    animation:background .5s linear .4s infinite alternate
}
.section1 .t6 i:nth-child(5){
    -webkit-animation:background .5s linear .5s infinite alternate;
    -moz--webkit-animation:background .5s linear .5s infinite alternate;
    -ms-animation:background .5s linear .5s infinite alternate;
    animation:background .5s linear .5s infinite alternate
}
.section1 .t6 i:nth-child(6){
    -webkit-animation:background .5s linear .6s infinite alternate;
    -moz--webkit-animation:background .5s linear .6s infinite alternate;
    -ms-animation:background .5s linear .6s infinite alternate;
    animation:background .5s linear .6s infinite alternate
}
.section1 .t6 i:nth-child(7){
    -webkit-animation:background .5s linear .7s infinite alternate;
    -moz--webkit-animation:background .5s linear .7s infinite alternate;
    -ms-animation:background .5s linear .7s infinite alternate;
    animation:background .5s linear .7s infinite alternate
}
.section1 .t6 i:nth-child(8){
    -webkit-animation:background .5s linear .8s infinite alternate;
    -moz--webkit-animation:background .5s linear .8s infinite alternate;
    -ms-animation:background .5s linear .8s infinite alternate;
    animation:background .5s linear .8s infinite alternate
}
.section1 .t6 i:nth-child(9){
    -webkit-animation:background .5s linear .9s infinite alternate;
    -moz--webkit-animation:background .5s linear .9s infinite alternate;
    -ms-animation:background .5s linear .9s infinite alternate;
    animation:background .5s linear .9s infinite alternate
}
.section1 .t6 i:nth-child(10){
    -webkit-animation:background .5s linear 1s infinite alternate;
    -moz--webkit-animation:background .5s linear 1s infinite alternate;
    -ms-animation:background .5s linear 1s infinite alternate;
    animation:background .5s linear 1s infinite alternate
}
.section1 .t6 i:nth-child(11){
    -webkit-animation:background .5s linear 1.1s infinite alternate;
    -moz--webkit-animation:background .5s linear 1.1s infinite alternate;
    -ms-animation:background .5s linear 1.1s infinite alternate;
    animation:background .5s linear 1.1s infinite alternate
}
.section1 .t6 i:nth-child(12){
    -webkit-animation:background .5s linear 1.2s infinite alternate;
    -moz--webkit-animation:background .5s linear 1.2s infinite alternate;
    -ms-animation:background .5s linear 1.2s infinite alternate;
    animation:background .5s linear 1.2s infinite alternate
}
.section1 .visit{
    position:absolute;
    z-index:3;
    background-color:#E21650;
    display:none
}
.section1 .visit .icon{
    margin-left:5px;
    margin-right:5px
}
.txtlist .img,.txtlist .txt{
    margin-left:auto;
    margin-right:auto
}
.section1 .visit:hover{
    background-color:#c61346
}
.section1 .swap{
    position:absolute;
    bottom:55px;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
    left:50%;
    color:#8839d1;
    font-size:12px;
    line-height:1.3em;
    z-index:4;
}
.section1 .imgs,.section1 .imgs .slogo{
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    text-align:center
}
.section3 .headingTitle,.section4 .article2,.section4 .headingTitle,.txtlist{
    color: #bfc8e1;}
.section1 .swap .btn-style4{
    width:auto
}
.section1 .swap p{
    padding-top:5px
}
.section1 .imgs{
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    transform:translate(-50%,0)
}
.section1 .imgs .img1,.section1 .imgs .img2{
    position:relative;
    width:100%;
    height:100%
}
.section1 .imgs .img2{
    display:none
}
.section1 .imgs .img{
    position:absolute;
    left:0;
    right:0
}
.section1 .imgs .slogo{
    position:absolute;
    top:10%;
    left:50%;
    width:80%;
    transform:translate(-50%,0)
}
.section1 .imgs .slogo img{
    height:100%;
    padding-top:5px;
    padding-bottom:5px
}
.section1 .imgs .slogo .linkto{
    display:inline-block;
    position:relative;
    z-index:1;
    -webkit-transition:all,.3s;
    -moz-transition:all,.3s;
    -ms-transition:all,.3s;
    transition:all,.3s;
    background-repeat:no-repeat;
    background-position:92% center;
    padding:0 10px;
    border:1px solid transparent
}
.section1 .imgs .slogo .linkto:hover{
    border-radius:1000px;
    border-color:#d03353;
    background-color:#25162c;
    -webkit-box-shadow:0 0 20px 5px rgba(208,51,83,.23);
    box-shadow:0 0 20px 5px rgba(208,51,83,.23)
}
.section1 .imgs .txt{
    position:absolute;
    left:50%;
    width:100%;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
    
    text-shadow:3px 0 0 #521f6c,0 3px 0 #521f6c,-3px 0 0 #521f6c,0 -3px 0 #521f6c
}
.section1 .imgs .txt p{
    line-height:.8em
}
.section1 .imgs .imgs2{
    position:absolute;
    transform:translate(0,-50%)
}
.section1 .imgs .imgs2 .imgs2-2 i{
    float:left;
    display:block;
    background-image:url(../images/section1_11.png)
}
@-webkit-keyframes opacity{
    0%{
        opacity:1;
        filter:alpha(opacity=100)
    }
    100%{
        opacity:.3;
        filter:alpha(opacity=30)
    }
}
@-moz-keyframes opacity{
    0%{
        opacity:1;
        filter:alpha(opacity=100)
    }
    100%{
        opacity:.3;
        filter:alpha(opacity=30)
    }
}
@-ms-keyframes opacity{
    0%{
        opacity:1;
        filter:alpha(opacity=100)
    }
    100%{
        opacity:.3;
        filter:alpha(opacity=30)
    }
}
@keyframes opacity{
    0%{
        opacity:1;
        filter:alpha(opacity=100)
    }
    100%{
        opacity:.3;
        filter:alpha(opacity=30)
    }
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(1){
    -webkit-animation:opacity .5s linear 475ms infinite;
    -moz--webkit-animation:opacity .5s linear 475ms infinite;
    -ms-animation:opacity .5s linear 475ms infinite;
    animation:opacity .5s linear 475ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(2){
    -webkit-animation:opacity .5s linear .45s infinite;
    -moz--webkit-animation:opacity .5s linear .45s infinite;
    -ms-animation:opacity .5s linear .45s infinite;
    animation:opacity .5s linear .45s infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(3){
    -webkit-animation:opacity .5s linear 425ms infinite;
    -moz--webkit-animation:opacity .5s linear 425ms infinite;
    -ms-animation:opacity .5s linear 425ms infinite;
    animation:opacity .5s linear 425ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(4){
    -webkit-animation:opacity .5s linear .4s infinite;
    -moz--webkit-animation:opacity .5s linear .4s infinite;
    -ms-animation:opacity .5s linear .4s infinite;
    animation:opacity .5s linear .4s infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(5){
    -webkit-animation:opacity .5s linear 375ms infinite;
    -moz--webkit-animation:opacity .5s linear 375ms infinite;
    -ms-animation:opacity .5s linear 375ms infinite;
    animation:opacity .5s linear 375ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(6){
    -webkit-animation:opacity .5s linear .35s infinite;
    -moz--webkit-animation:opacity .5s linear .35s infinite;
    -ms-animation:opacity .5s linear .35s infinite;
    animation:opacity .5s linear .35s infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(7){
    -webkit-animation:opacity .5s linear 325ms infinite;
    -moz--webkit-animation:opacity .5s linear 325ms infinite;
    -ms-animation:opacity .5s linear 325ms infinite;
    animation:opacity .5s linear 325ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(8){
    -webkit-animation:opacity .5s linear .3s infinite;
    -moz--webkit-animation:opacity .5s linear .3s infinite;
    -ms-animation:opacity .5s linear .3s infinite;
    animation:opacity .5s linear .3s infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(9){
    -webkit-animation:opacity .5s linear 275ms infinite;
    -moz--webkit-animation:opacity .5s linear 275ms infinite;
    -ms-animation:opacity .5s linear 275ms infinite;
    animation:opacity .5s linear 275ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(10){
    -webkit-animation:opacity .5s linear .25s infinite;
    -moz--webkit-animation:opacity .5s linear .25s infinite;
    -ms-animation:opacity .5s linear .25s infinite;
    animation:opacity .5s linear .25s infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(11){
    -webkit-animation:opacity .5s linear 225ms infinite;
    -moz--webkit-animation:opacity .5s linear 225ms infinite;
    -ms-animation:opacity .5s linear 225ms infinite;
    animation:opacity .5s linear 225ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(12){
    -webkit-animation:opacity .5s linear .2s infinite;
    -moz--webkit-animation:opacity .5s linear .2s infinite;
    -ms-animation:opacity .5s linear .2s infinite;
    animation:opacity .5s linear .2s infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(13){
    -webkit-animation:opacity .5s linear 175ms infinite;
    -moz--webkit-animation:opacity .5s linear 175ms infinite;
    -ms-animation:opacity .5s linear 175ms infinite;
    animation:opacity .5s linear 175ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(14){
    -webkit-animation:opacity .5s linear .15s infinite;
    -moz--webkit-animation:opacity .5s linear .15s infinite;
    -ms-animation:opacity .5s linear .15s infinite;
    animation:opacity .5s linear .15s infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(15){
    -webkit-animation:opacity .5s linear 125ms infinite;
    -moz--webkit-animation:opacity .5s linear 125ms infinite;
    -ms-animation:opacity .5s linear 125ms infinite;
    animation:opacity .5s linear 125ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(16){
    -webkit-animation:opacity .5s linear .1s infinite;
    -moz--webkit-animation:opacity .5s linear .1s infinite;
    -ms-animation:opacity .5s linear .1s infinite;
    animation:opacity .5s linear .1s infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(17){
    -webkit-animation:opacity .5s linear 75ms infinite;
    -moz--webkit-animation:opacity .5s linear 75ms infinite;
    -ms-animation:opacity .5s linear 75ms infinite;
    animation:opacity .5s linear 75ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(18){
    -webkit-animation:opacity .5s linear 50ms infinite;
    -moz--webkit-animation:opacity .5s linear 50ms infinite;
    -ms-animation:opacity .5s linear 50ms infinite;
    animation:opacity .5s linear 50ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(19){
    -webkit-animation:opacity .5s linear 25ms infinite;
    -moz--webkit-animation:opacity .5s linear 25ms infinite;
    -ms-animation:opacity .5s linear 25ms infinite;
    animation:opacity .5s linear 25ms infinite
}
.section1 .imgs .imgs2 .imgs2-2 i:nth-child(20){
    -webkit-animation:opacity .5s linear 0s infinite;
    -moz--webkit-animation:opacity .5s linear 0s infinite;
    -ms-animation:opacity .5s linear 0s infinite;
    animation:opacity .5s linear 0s infinite
}
.section1 .imgs .imgs2 .imgs2-3{
    text-align:center;
    padding-left:20%;
    margin-top:5px;
    margin-bottom:5px
}
.zh-cn .section1 .imgs .imgs2 .imgs2-3{
    padding-left:66%
}
.section1 .imgs .imgs2 .imgs2-t1{
    text-align:right;
    
    letter-spacing:2px
}
.imglist li a .img,.section3 .heading-title,.txtlist{
    text-align:center
}
.section1 .imgs .imgs2 .imgs2-t1 span{
    position:relative;
    float:right
}
.section1 .imgs .imgs2 .imgs2-t1 span:before{
    content:'';
    position:absolute;
    right:110%;
    top:50%;
    background-image:url(../images/section1_06.png);
    background-size:cover;
    background-repeat:no-repeat;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
@media screen and (min-width:0){
    .zh-cn .section1 .t0-4{
        font-size:18px
    }
    .zh-cn .section1 .t0-5{
        font-size:16px
    }
    .section.section1-2 .content{
        padding-top:0;
        margin-top:200px
    }
    .section1 .visit{
        right:15px;
        bottom:15px
    }
    .section1 .visit .icon:nth-child(2){
        width:12px;
        height:12px
    }
    .section1 .t0-1{
        font-size:38px
    }
    .section1 .t0-2{
        font-size:22px;
        margin-bottom:20px
    }
    .section1 .t0-3{
        font-size:18px;
        margin-bottom:25px
    }
    .section1 .t0-4{
        font-size:20px;
        margin-bottom:10px
    }
    .section1 .t0-5{
        font-size:14px;
        margin-bottom:25px
    }
    .section1 .txt-1{
        margin-bottom:100px
    }
    .section1 .txt-2{
        margin-bottom:50px
    }
    .section1 .t1,.section1 .t3,.section1 .t4,.section1 .t6{
        margin-bottom:25px
    }
    .section1 .t1{
        font-size:36px
    }
    .section1 .t3{
        width:80px
    }
    .section1 .t4{
        font-size:18px
    }
    .section1 .t4:before{
        height:3px
    }
    .section1 .t5{
        font-size:20px
    }
    .section1 .t6{
        margin-top:10px
    }
    .section1 .content{
        padding-bottom:80px
    }
    .section1 .content .txt{
        max-width:320px
    }
    .section1 .imgs{
        width:100%;
        max-width:100%
    }
    .section1 .imgs .img{
        bottom:30px
    }
    .section1 .imgs .slogo{
        top:30px;
        height:30px
    }
    .section1 .imgs .slogo .linkto{
        height:32px
    }
    .section1 .imgs .txt{
        top:80px;
        font-size:14px
    }
    .section1 .imgs .txt p{
        margin-bottom:5px
    }
    .section1 .imgs .imgs2{
        display:none;
        right:10px;
        bottom:100px
    }
    .section1 .imgs .imgs2 .imgs2-1{
        width:220px;
        margin-bottom:15px
    }
    .section1 .imgs .imgs2 .imgs2-2{
        margin-bottom:35px
    }
    .section1 .imgs .imgs2 .imgs2-2 i{
        width:10px;
        height:17px
    }
    .section1 .imgs .imgs2 .imgs2-t1{
        letter-spacing:1px
    }
    .section1 .imgs .imgs2 .imgs2-t1 span:before{
        width:100px;
        height:13px
    }
}
@media screen and (min-width:414px){
    .section1 .imgs .slogo{
        height:35px
    }
    .section1 .imgs .slogo .linkto{
        height:37px
    }
}
@media screen and (max-width:767px){
    .section1-1 .imgs .slogo,.section1-2 .content{
        display:none
    }
    .section1-1{
        background-position:center bottom
    }
    .section1-1 .content{
        padding-bottom:300px
    }
    .section1-2{
        z-index:3;
        padding-top:350px;
        margin-top:-350px;
        background:0 0!important
    }
    .section1-2 .imgs .img{
        opacity:0
    }
}
@media screen and (min-width:768px){
    .section1 .imgs .imgs2,.section1 .swap{
        display:block
    }
    .section.section1-2 .content{
        margin-top:100px
    }
    .section1 .t0-1{
        font-size:42px
    }
    .section1 .t0-2{
        font-size:26px;
        margin-bottom:25px
    }
    .section1 .t0-3{
        font-size:18px;
        margin-bottom:25px
    }
    .section1 .t0-4{
        font-size:22px;
        margin-bottom:15px
    }
    .section1 .t0-5{
        font-size:18px;
        margin-bottom:25px
    }
    .section1 .txt-1{
        margin-bottom:150px
    }
    .section1 .t1,.section1 .t3,.section1 .t4,.section1 .t6{
        margin-bottom:25px
    }
    .section1 .t1{
        font-size:36px
    }
    .section1 .t3{
        width:110px
    }
    .section1 .t4{
        font-size:18px
    }
    .section1 .t4:before{
        height:3px
    }
    .section1 .t5{
        font-size:20px
    }
    .section1 .imgs .slogo{
        top:14%;
        height:46px
    }
    .section1 .imgs .slogo img{
        padding-top:8px;
        padding-bottom:8px
    }
    .section1 .imgs .slogo .linkto{
        height:48px;
        padding:0 15px
    }
    .section1 .imgs .txt{
        top:15%;
        font-size:14px
    }
    .section1 .imgs .txt p{
        margin-bottom:10px
    }
}
@media screen and (min-width:960px){
    .zh-cn .section1 .t0-4{
        font-size:22px
    }
    .zh-cn .section1 .t0-5{
        font-size:18px
    }
    .section1 .t0-1{
        font-size:46px
    }
    .section1 .t0-2{
        font-size:28px;
        margin-bottom:35px
    }
    .section1 .t0-3{
        font-size:22px;
        margin-bottom:30px
    }
    .section1 .t0-4{
        font-size:26px;
        margin-bottom:25px
    }
    .section1 .t0-5{
        font-size:22px;
        margin-bottom:35px
    }
    .section1 .txt-1{
        margin-bottom:160px
    }
    .section1 .t1,.section1 .t3,.section1 .t4,.section1 .t6{
        margin-bottom:30px
    }
    .section1 .t1{
        font-size:38px
    }
    .section1 .t3{
        width:100px
    }
    .section1 .t4{
        font-size:22px
    }
    .section1 .t4:before{
        height:4px
    }
    .section1 .t5{
        font-size:23px
    }
    .section1 .content{
        padding-bottom:100px
    }
    .section1 .content .txt{
        width:320px
    }
    .section1 .swap{
        bottom:auto;
        top:25px;
        right:25px;
        left:auto;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
    .section1 .imgs{
        width:70%;
        max-width:1300px
    }
    .section1 .imgs .img{
        bottom:30px
    }
    .section1 .imgs .slogo{
        top:14%;
        height:50px
    }
    .section1 .imgs .slogo img{
        padding-top:10px;
        padding-bottom:10px
    }
    .section1 .imgs .slogo .linkto{
        height:52px;
        padding-left:20px;
        padding-right:45px
    }
    .section1 .imgs .slogo .linkto:hover{
        background-image:url(../images/svg_right2.svg);
        background-size:20px 18px
    }
    .section1 .imgs .txt{
        top:17%;
        font-size:16px
    }
    .section1 .imgs .txt p{
        margin-bottom:10px
    }
    .section1 .imgs .imgs2{
        left:80%;
        right:auto;
        bottom:70px
    }
    .section1 .imgs .imgs2 .imgs2-1{
        width:200px;
        margin-bottom:15px
    }
    .section1 .imgs .imgs2 .imgs2-2{
        margin-bottom:35px
    }
    .section1 .imgs .imgs2 .imgs2-2 i{
        width:10px;
        height:17px
    }
    .section1 .imgs .imgs2 .imgs2-t1{
        letter-spacing:1px
    }
    .section1 .imgs .imgs2 .imgs2-t1 span:before{
        width:100px;
        height:13px
    }
}
@media screen and (min-width:1366px){
    .zh-cn .section1 .t0-4{
        font-size:26px
    }
    .zh-cn .section1 .t0-5{
        font-size:22px
    }
    .section1 .visit{
        right:20px;
        bottom:20px
    }
    .section1 .visit .icon:nth-child(2){
        width:14px;
        height:14px
    }
    .section1 .swap{
        top:30px;
        right:30px;
        font-size:14px
    }
    .section1 .t0-1{
        font-size:60px
    ;font-weight: 500;}
    .section1 .t0-2{
        font-size:32px;
        margin-bottom:45px
    }
    .section1 .t0-3{
        font-size:22px;
        margin-bottom:35px
    }
    .section1 .t0-4{
        font-size:30px;
        margin-bottom:30px
    }
    .section1 .t0-5{
        font-size:26px;
        margin-bottom:45px
    }
    .section1 .txt-1{
        margin-bottom:200px
    }
    .section1 .t1,.section1 .t3,.section1 .t4,.section1 .t6{
        margin-bottom:35px
    }
    .section1 .t1{
        font-size:48px
    }
    .section1 .t3{
        width:135px
    }
    .section1 .t4{
        font-size:22px
    }
    .section1 .t4:before{
        height:4px
    }
    .section1 .t5{
        font-size:27px
    }
    .section1 .content{
        padding-bottom: 100px;}
    .section1 .content .txt{
        width:320px
    }
    .section1 .imgs{
        max-width:1000px
    }
    .section1 .imgs .slogo{
        top: 13%;}
    .section1 .imgs .txt p{
        margin-bottom:20px
    }
    .section1 .imgs .imgs2{
        left:90%;
        bottom:100px
    }
    .section1 .imgs .imgs2 .imgs2-1{
        width:220px;
        margin-bottom:15px
    }
    .section1 .imgs .imgs2 .imgs2-2{
        margin-bottom:45px
    }
    .section1 .imgs .imgs2 .imgs2-2 i{
        width:10px;
        height:17px
    }
    .section1 .imgs .imgs2 .imgs2-t1:before{
        width:100px;
        height:13px
    }
}
@media screen and (min-width:1680px){
    .section1 .visit{
        right:20px;
        bottom:20px
    }
    .section1 .visit .icon:nth-child(2){
        width:14px;
        height:14px
    }
    .section1 .swap{
        top:50px;
        right:50px;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
    .section1 .t0-1{
        font-size:84px
    }
    .section1 .t0-2{
        font-size:40px
    }
    .section1 .t0-3{
        font-size:26px;
        margin-bottom:45px
    }
    .section1 .txt-1{
        margin-bottom:250px
    }
    .section1 .t1,.section1 .t3,.section1 .t4,.section1 .t6{
        margin-bottom:45px
    }
    .section1 .t1{
        font-size:60px
    }
    .section1 .t3{
        width:150px
    }
    .section1 .t4{
        font-size:26px
    }
    .section1 .t4:before{
        height:5px
    }
    .section1 .t5{
        font-size:32px
    }
    .section1 .t6{
        margin-top:15px
    }
    .section1 .content{
        padding-top:160px
    }
    .section1 .content .txt{
        width:400px
    }
    .section1 .imgs{
        width:70%;
        max-width:1300px
    }
    .section1 .imgs .img{
        bottom:30px
    }
    .section1 .imgs .slogo{
        top:14%;
        height:60px
    }
    .section1 .imgs .slogo .linkto{
        height:62px;
        padding-left:24px;
        padding-right:80px
    }
    .section1 .imgs .slogo .linkto:hover{
        background-size:28px 24px
    }
    .section1 .imgs .imgs2{
        left:90%;
        bottom:100px
    }
    .section1 .imgs .imgs2 .imgs2-1{
        width:278px
    }
    .section1 .imgs .imgs2 .imgs2-2{
        margin-bottom:55px
    }
    .section1 .imgs .imgs2 .imgs2-2 span i{
        width:14px;
        height:19px
    }
}
@media screen and (min-width:960px){
    .section1.active2 .imgs .img1 .img,.section1.active2 .imgs .img2 .img{
        -webkit-transform:translate(0,0) scale(1,1);
        -moz-transform:translate(0,0) scale(1,1);
        -ms-transform:translate(0,0) scale(1,1);
        transform:translate(0,0) scale(1,1);
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transition:all .3s linear;
        -moz-transition:all .3s linear;
        -ms-transition:all .3s linear;
        transition:all .3s linear
    }
    .section1.active2 .imgs .imgs2,.section1.active2 .imgs .slogo,.section1.active2 .imgs .txt{
        -webkit-transition:all .5s linear;
        -moz-transition:all .5s linear;
        -ms-transition:all .5s linear;
        opacity:1;
        filter:alpha(opacity=100)
    }
    .section1.active2 .imgs .slogo,.section1.active2 .imgs .txt{
        -webkit-transform:translate(-50%,0);
        -moz-transform:translate(-50%,0);
        -ms-transform:translate(-50%,0);
        transform:translate(-50%,0);
        transition:all .5s linear
    }
    .section1.active2 .imgs .slogo{
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section1.active2 .imgs .txt{
        -webkit-transition-delay:.6s;
        -moz-transition-delay:.6s;
        -ms-transition-delay:.6s;
        transition-delay:.6s
    }
    .section1.active2 .imgs .imgs2{
        margin-top:0;
        transition:all .5s linear;
        -webkit-transition-delay:.7s;
        -moz-transition-delay:.7s;
        -ms-transition-delay:.7s;
        transition-delay:.7s
    }
    .section1.active2 .visit{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s linear;
        -moz-transition:all .5s linear;
        -ms-transition:all .5s linear;
        transition:all .5s linear;
        -webkit-transition-delay:.8s;
        -moz-transition-delay:.8s;
        -ms-transition-delay:.8s;
        transition-delay:.8s
    }
    .section1.active2 .t0-1,.section1.active2 .t0-2,.section1.active2 .t0-3,.section1.active2 .t0-4,.section1.active2 .t0-5,.section1.active2 .t1,.section1.active2 .t2,.section1.active2 .t3,.section1.active2 .t4,.section1.active2 .t5,.section1.active2 .t6{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s linear;
        -moz-transition:all .5s linear;
        -ms-transition:all .5s linear;
        transition:all .5s linear
    }
    .section1.active2 .t0-1{
        -webkit-transition-delay:.9s;
        -moz-transition-delay:.9s;
        -ms-transition-delay:.9s;
        transition-delay:.9s
    }
    .section1.active2 .t0-2{
        -webkit-transition-delay:1s;
        -moz-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s
    }
    .section1.active2 .t0-3{
        -webkit-transition-delay:1.1s;
        -moz-transition-delay:1.1s;
        -ms-transition-delay:1.1s;
        transition-delay:1.1s
    }
    .section1.active2 .t0-4{
        -webkit-transition-delay:1.2s;
        -moz-transition-delay:1.2s;
        -ms-transition-delay:1.2s;
        transition-delay:1.2s
    }
    .section1.active2 .t0-5{
        -webkit-transition-delay:1.3s;
        -moz-transition-delay:1.3s;
        -ms-transition-delay:1.3s;
        transition-delay:1.3s
    }
    .section1.active2 .t1{
        -webkit-transition-delay:.9s;
        -moz-transition-delay:.9s;
        -ms-transition-delay:.9s;
        transition-delay:.9s
    }
    .section1.active2 .t2{
        -webkit-transition-delay:1s;
        -moz-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s
    }
    .section1.active2 .t3{
        -webkit-transition-delay:1.1s;
        -moz-transition-delay:1.1s;
        -ms-transition-delay:1.1s;
        transition-delay:1.1s
    }
    .section1.active2 .t4{
        -webkit-transition-delay:1.2s;
        -moz-transition-delay:1.2s;
        -ms-transition-delay:1.2s;
        transition-delay:1.2s
    }
    .section1.active2 .t5{
        -webkit-transition-delay:1.3s;
        -moz-transition-delay:1.3s;
        -ms-transition-delay:1.3s;
        transition-delay:1.3s
    }
    .section1.active2 .t6{
        -webkit-transition-delay:1.4s;
        -moz-transition-delay:1.4s;
        -ms-transition-delay:1.4s;
        transition-delay:1.4s
    }
    .section1.active2 .btns{
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transition:all .5s linear;
        -moz-transition:all .5s linear;
        -ms-transition:all .5s linear;
        transition:all .5s linear;
        -webkit-transition-delay:1.5s;
        -moz-transition-delay:1.5s;
        -ms-transition-delay:1.5s;
        transition-delay:1.5s
    }
    .section1 .t0-1,.section1 .t0-2,.section1 .t0-3,.section1 .t0-4,.section1 .t0-5,.section1 .t1,.section1 .t2,.section1 .t3,.section1 .t4,.section1 .t5,.section1 .t6,.section1 .visit{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        transform:translate(0,10px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .section1 .imgs .img1 .img,.section1 .imgs .img2 .img{
        -webkit-transform:translate(0,10px) scale(.9,.9);
        -moz-transform:translate(0,10px) scale(.9,.9);
        -ms-transform:translate(0,10px) scale(.9,.9);
        transform:translate(0,10px) scale(.9,.9);
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .section1 .imgs .imgs2,.section1 .imgs .slogo,.section1 .imgs .txt{
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        opacity:0;
        filter:alpha(opacity=0)
    }
    .section1 .imgs .slogo,.section1 .imgs .txt{
        -webkit-transform:translate(-50%,10px);
        -moz-transform:translate(-50%,10px);
        -ms-transform:translate(-50%,10px);
        transform:translate(-50%,10px);
        transition:all .2s linear
    }
    .section1 .imgs .imgs2{
        margin-top:10px;
        transition:all .2s linear
    }
    .section1 .btns{
        -webkit-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        transform:translate(0,10px);
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
.section2{
    background-color: rgb(255 255 255 / 10%);/* background: linear-gradient(90deg, #181f4a 0%, #22469d 100%); */}
@media screen and (min-width:0){
    .section2 .headingTitle{
        margin-bottom:35px
    }
    .section2 .hContent{
        margin-bottom:30px
    }
    .section2 .article1{
        margin-bottom:15px
    }
}
@media screen and (min-width:1280px){
    .section2 .hContent{
        margin-bottom:0
    }
}
@media screen and (min-width:1366px){
    .section2 .headingTitle{
        margin-bottom:50px
    }
    .section2 .article1{
        margin-bottom:20px
    }
}
@media screen and (min-width:1680px){
    .section2 .headingTitle{
        margin-bottom:30px;
        margin-top: 126px;
    }
    .section2 .article1{
        margin-bottom:25px
    }
}
.imglist li{
    float:left;
    position:relative;
    z-index:2
}
.imglist li:hover,.section6{
    z-index:3
}
.imglist li a{
    position:relative;
    display:block;
    padding-top:78.0952380952381%;
    overflow:hidden
}
.imglist li a .img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.imglist li a:nth-child(1){
    background-color:#fff;}
.imglist li a:nth-child(2){
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: linear-gradient(90deg, #181f4a 0%, #22469d 100%);
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.imglist li a:nth-child(2):hover{
    box-shadow:0 40px 90px rgba(0,0,0,.5);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
    opacity:1;
    filter:alpha(opacity=100)
}
.section3{
    background-color: #344780;background-blend-mode: darken;}
.section4,.section5{
    background: linear-gradient(90deg, #181f4a 0%, #22469d 100%);}
@media screen and (min-width:0){
    .imglist li{
        width:20%;
        padding:4px
    }
    .imglist li a{
        border-radius:5px
    }
    .section3 .heading-title{
        margin-bottom:30px
    }
}
@media screen and (min-width:1366px){
    .imglist li{
        width:20%;
        padding:8px
    }
    .imglist li a{
        border-radius:10px
    }
    .section3 .heading-title{
        margin-bottom:40px
    }
}
@media screen and (min-width:1680px){
    .section3 .heading-title{
        margin-bottom:50px
    }
}
.txtlist{
    
}
.txtlist .txt{
    line-height:1.2em;
    max-width:70%
}
@media screen and (min-width:0){
    .txtlist{
        font-size:18px;
        margin-bottom:30px
    }
    .txtlist .img{
        width:100px;
        margin-bottom:20px
    }
}
@media screen and (min-width:960px){
    .section2.active2 .hContent,.section2.active2 .headingTitle,.section2.active2 .imglist{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .section2.active2 .headingTitle{
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section2.active2 .hContent{
        -webkit-transition-delay:.7s;
        -moz-transition-delay:.7s;
        -ms-transition-delay:.7s;
        transition-delay:.7s
    }
    .section2.active2 .imglist{
        -webkit-transition-delay:.9s;
        -moz-transition-delay:.9s;
        -ms-transition-delay:.9s;
        transition-delay:.9s
    }
    .section2 .hContent,.section2 .headingTitle,.section2 .imglist{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .txtlist{
        margin-bottom:0
    }
    .txtlist .img{
        width:160px
    }
    .section3.active2 .headingTitle,.section3.active2 .txtlist{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .section3.active2 .headingTitle{
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section3.active2 .txtlist{
        -webkit-transition-delay:.7s;
        -moz-transition-delay:.7s;
        -ms-transition-delay:.7s;
        transition-delay:.7s
    }
    .section3 .headingTitle,.section3 .txtlist{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
@media screen and (min-width:1366px){
    .txtlist{
        font-size:22px
    }
    .txtlist .img{
        width:220px;
        margin-bottom:30px
    }
}
@media screen and (min-width:1680px){
    .txtlist{
        font-size:30px
    }
    .txtlist .img{
        width:300px;
        margin-bottom:40px
    }
}
.section4 .article2{
    padding-left:0
}
.section4 .circleimg{
    position:relative
}
.section4 .circleimg p{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    color:#fff;
}
@media screen and (min-width:0){
    .section4 .heading-title{
        margin-bottom:25px;
        text-align:center
    }
    .section4 .headingTitle{
        margin-top:50px
    }
    .section4 .circleimg{
        width:70%;
        margin-left:auto;
        margin-right:auto
    }
    .section4 .circleimg p{
        bottom:0;
        font-size:12px
    }
}
@media screen and (min-width:1280px){
    .section4 .headingTitle{
        margin-top:100px
    }
    .section4 .circleimg p{
        font-size:14px
    }
}
@media screen and (min-width:1366px){
    .section4 .heading-title{
        margin-bottom:30px
    }
    .section4 .circleimg p{
        bottom:50px;
        font-size:16px
    }
}
@media screen and (min-width:1680px){
    .section4 .heading-title{
        margin-bottom:30px
    }
    .section4 .headingTitle{
        margin-top:100px
    }
    .section4 .circleimg p{
        bottom:40px;
        font-size:18px
    }
}
@media screen and (min-width:1780px){
    .section4 .headingTitle{
        margin-top:200px
    }
}
@media screen and (min-width:960px){
    .section4 .heading-title{
        text-align:left
    }
    .section4.active2 .bd,.section4.active2 .heading-title{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .section4.active2 .circleimg{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -ms-transform:scale(1,1);
        transform:scale(1,1);
        -webkit-transition:all .4s ease-in-out;
        -moz-transition:all .4s ease-in-out;
        -ms-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section4.active2 .heading-title{
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section4.active2 .bd{
        -webkit-transition-delay:.7s;
        -moz-transition-delay:.7s;
        -ms-transition-delay:.7s;
        transition-delay:.7s
    }
    .section4 .circleimg{
        width:100%;
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:scale(.9,.9);
        -moz-transform:scale(.9,.9);
        -ms-transform:scale(.9,.9);
        transform:scale(.9,.9);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .section4 .bd,.section4 .heading-title{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
.section5 .logo3{
    display:none;
    position:absolute;
    z-index:3;
    -webkit-transform:translate(50%,0);
    -moz-transform:translate(50%,0);
    -ms-transform:translate(50%,0);
    transform:translate(50%,0)
}
.section5 .logo3 a{
    display:block
}
.section5 .slider{
    width:100%
}
.section5 .slider2{
    display:none
}
.section5 .article2{
    padding-left:0
}
.section5 .list li{
    float:none;
    width:100%
}
.section5 .list li:before{
    background-image:url(../images/icon2_block2.png)
}
.section5 .btn-large .icon{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.section5 .visit{
    background-color:#E21650;
    line-height:26px
}
.section5 .visit .icon{
    margin-left:5px;
    margin-right:5px
}
.section6 .box,.section7 .box,.section7 .box2{
    margin-left:auto;
    margin-right:auto
}
.section5 .visit:hover{
    background-color:#c61346
}
@media screen and (min-width:0){
    .section5 .logo3{
        display:none
    }
    .section5 .article2{
        margin-bottom:25px
    }
    .section5 .s-logo{
        width:150px;
        margin-bottom:20px
    }
    .section5 .slider{
        padding-left:30px;
        padding-right:15px;
        background: linear-gradient(90deg, #22469d 0%, #181f4a 100%);}
    .section5 .slider2{
        padding-left:15px;
        padding-right:15px
    }
    .section5 .list{
        margin-bottom:30px
    }
    .section5 .visit .icon:nth-child(2){
        width:12px;
        height:12px
    }
}
@media screen and (min-width:960px){
    .section5 .slider,.section5 .slider2{
        position:absolute;
        top:0;
        bottom:0;
        padding-top:100px
    }
    .section5 .logo3{
        right:35%;
        width:400px
    }
    .section5 .article2{
        margin-bottom:25px;
        color: #bfc8e1;}
    .zh-cn .section5 .article2{
        margin-bottom:40px
    }
    .section5 .slider{
        left:0;
        width:100%
    }
    .section5 .slider2{
        display:none;
        right:0;
        width:35%
    }
    .section5.active2 .slider{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section5.active2 .btn,.section5.active2 .headingTitle,.section5.active2 .list,.section5.active2 .list2 li,.section5.active2 .logo3 a{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .section5.active2 .logo3 a{
        -webkit-transition-delay:1s;
        -moz-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s
    }
    .section5.active2 .list{
        -webkit-transition-delay:1.2s;
        -moz-transition-delay:1.2s;
        -ms-transition-delay:1.2s;
        transition-delay:1.2s
    }
    .section5.active2 .btn{
        -webkit-transition-delay:1.4s;
        -moz-transition-delay:1.4s;
        -ms-transition-delay:1.4s;
        transition-delay:1.4s
    }
    .section5.active2 .list2 li:nth-child(1){
        -webkit-transition-delay:1.2s;
        -moz-transition-delay:1.2s;
        -ms-transition-delay:1.2s;
        transition-delay:1.2s
    }
    .section5.active2 .list2 li:nth-child(2){
        -webkit-transition-delay:1.4s;
        -moz-transition-delay:1.4s;
        -ms-transition-delay:1.4s;
        transition-delay:1.4s
    }
    .section5.active2 .list2 li:nth-child(3){
        -webkit-transition-delay:1.6s;
        -moz-transition-delay:1.6s;
        -ms-transition-delay:1.6s;
        transition-delay:1.6s
    }
    .section5.active2 .list2 li:nth-child(4){
        -webkit-transition-delay:1.8s;
        -moz-transition-delay:1.8s;
        -ms-transition-delay:1.8s;
        transition-delay:1.8s
    }
    .section5.active2 .list2 li:nth-child(5){
        -webkit-transition-delay:2s;
        -moz-transition-delay:2s;
        -ms-transition-delay:2s;
        transition-delay:2s
    }
    .section5.active2 .list2 li:nth-child(6){
        -webkit-transition-delay:2.2s;
        -moz-transition-delay:2.2s;
        -ms-transition-delay:2.2s;
        transition-delay:2.2s
    }
    .section5 .btn,.section5 .headingTitle,.section5 .list,.section5 .list2 li,.section5 .logo3 a{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .section5 .slider{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(-50px,0);
        -moz-transform:translate(-50px,0);
        -ms-transform:translate(-50px,0);
        transform:translate(-50px,0);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
@media screen and (min-width:1366px){
    .section5 .logo3{
        right:35%;
        width:500px
    }
    .section5 .article2{
        margin-bottom:30px
    }
    .zh-cn .section5 .article2{
        margin-bottom:50px
    }
    .section5 .slider{
        width:100%;
        padding-top:100px;
        padding-left:86.6666666667px;
        padding-right:86.6666666667px
    }
    .section5 .slider2{
        display:none;
        width:35%;
        padding-top:100px;
        padding-left:43.3333333333px;
        padding-right:43.3333333333px
    }
    .section5 .visit{
        line-height:34px
    }
    .section5 .visit .icon:nth-child(2){
        width:14px;
        height:14px
    }
}
@media screen and (min-width:1680px){
    .section5 .logo3{
        width:830px
    }
    .section5 .article2{
        margin-bottom:40px
    }
    .zh-cn .section5 .article2{
        margin-bottom:60px
    }
    .section5 .slider{
        padding-top:140px;
        padding-left:130px;
        padding-right:130px
    }
    .section5 .slider2{
        padding-top:140px;
        padding-left:65px;
        padding-right:65px
    }
}
.section6{
    position:relative;
    color:#fff;
    background-color: #2196f3;background-blend-mode: luminosity;}
.section6 .box{
    position:relative
}
.section6 .box:after,.section6 .box:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    background-color:#fff
}
.section6 .box:before{
    bottom:0;
    width:6px
}
.section6 .box:after{
    right:0;
    height:6px
}
.section6 .title{
    line-height:.8em
}
.doneline .txt,.zh-cn .section6 .title{
    line-height:1.2em
}
@media screen and (min-width:0){
    .section6 .box{
        padding:30px
    }
    .section6 .box:after,.section6 .box:before{
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
    .section6 .article3{
        margin-bottom:30px
    }
    .section6 .title{
        font-size:40px
    }
}
@media screen and (min-width:960px){
    .section6 .box{
        padding:0;
        width:80%
    }
    .section6 .box:after,.section6 .box:before{
        -webkit-transform:translate(-25px,-25px);
        -moz-transform:translate(-25px,-25px);
        -ms-transform:translate(-25px,-25px);
        transform:translate(-25px,-25px)
    }
    .section6 .article3{
        margin-bottom:0
    }
    .section6 .title{
        font-size:45px;
        padding-left:30px
    }
}
@media screen and (min-width:1366px){
    .section6 .box:after,.section6 .box:before{
        -webkit-transform:translate(-30px,-30px);
        -moz-transform:translate(-30px,-30px);
        -ms-transform:translate(-30px,-30px);
        transform:translate(-30px,-30px)
    }
    .section6 .title{
        font-size: 70px;
        padding-left:40px
    }
}
@media screen and (min-width:1680px){
    .section6 .box:after,.section6 .box:before{
        -webkit-transform:translate(-70px,-70px);
        -moz-transform:translate(-70px,-70px);
        -ms-transform:translate(-70px,-70px);
        transform:translate(-70px,-70px)
    }
    .section6 .title{
        font-size:100px;
        padding-left:50px
    }
}
@media screen and (min-width:960px){
    .section6.active2 .box:before{
        top:0;
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section6.active2 .box:after{
        right:0;
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        -webkit-transition-delay:1s;
        -moz-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s
    }
    .section6.active2 .article3,.section6.active2 .title{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s linear;
        -moz-transition:all .5s linear;
        -ms-transition:all .5s linear;
        transition:all .5s linear
    }
    .section6 .article3,.section6 .box:before,.section6 .title{
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear
    }
    .section6.active2 .article3{
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section6.active2 .title{
        -webkit-transition-delay:1s;
        -moz-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s;
            white-space: nowrap;
    }
    .section6 .article3,.section6 .title{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        transition:all .2s linear
    }
    .section6 .box:before{
        top:100%;
        transition:all .2s linear
    }
    .section6 .box:after{
        right:100%;
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
.section7{
    color:#fff;
    background: linear-gradient(90deg, #181f4a 0%, #22469d 100%);}
.section7 .headingTitle{
    position:relative;
    color:#fff
}
.section7 .headingTitle .btn{
    position:absolute;
    left:100%;
    top:60%;
    width:160%;
    -webkit-transform:translate(20px,-50%);
    -moz-transform:translate(20px,-50%);
    -ms-transform:translate(20px,-50%);
    transform:translate(20px,-50%)
}
.section7 .widget{
    position:absolute;
    right:0;
    top:0;
    width:50%;
    -webkit-transform:translate(0,-20%);
    -moz-transform:translate(0,-20%);
    -ms-transform:translate(0,-20%);
    transform:translate(0,-20%)
}
@media(max-width:992px){
    .slogo{
        display: none;
    }
    .header .menu, .header .wrapper, .header.active .wrapper {
        height: 43px;
    }
    .side-menu .close .icon {
        margin-left: 15px;
        margin-top: 5px;
    }
}
@media(max-width:450px){
    .section5 .slider {
        padding-left: 53px;
    }
    .grow{
        display:block !important;
    }
    .info-content{
        width: 100% !important;
    }
}
@media(max-width:768px){
    .section5 .slider {
        padding-left: 56px;
    }
}
@media screen and (min-width:0){
    .section7 .box{
        width:80%
    }
    .section7 .box2{
        width:85%
    }
    .section7 .headingTitle{
        margin-bottom:15px
    }
    .section7 .article3,.section7 .more{
        margin-bottom:30px
    }
    .section7 .more{
        width:55px
    }
}
@media screen and (min-width:1366px){
    .section7 .article3,.section7 .more{
        margin-bottom:40px
    }
    .section7 .more{
        width:70px
    }
}
@media screen and (min-width:1680px){
    .section7 .headingTitle{
        margin-bottom:20px
    }
    .section7 .article3,.section7 .more{
        margin-bottom:50px
    }
    .section7 .more{
        width:97px
    }
}
@media screen and (min-width:960px){
    .section7.active2 .widget{
        -webkit-transform:translate(0,-20%);
        -moz-transform:translate(0,-20%);
        -ms-transform:translate(0,-20%);
        transform:translate(0,-20%);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section7.active2 .article3,.section7.active2 .headingTitle,.section7.active2 .imglist2,.section7.active2 .more{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .section7.active2 .headingTitle{
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section7.active2 .article3{
        -webkit-transition-delay:.7s;
        -moz-transition-delay:.7s;
        -ms-transition-delay:.7s;
        transition-delay:.7s
    }
    .section7.active2 .more{
        -webkit-transition-delay:.9s;
        -moz-transition-delay:.9s;
        -ms-transition-delay:.9s;
        transition-delay:.9s
    }
    .section7.active2 .imglist2{
        -webkit-transition-delay:1.1s;
        -moz-transition-delay:1.1s;
        -ms-transition-delay:1.1s;
        transition-delay:1.1s
    }
    .section7 .article3,.section7 .headingTitle,.section7 .imglist2,.section7 .more{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .section7 .widget{
        -webkit-transform:translate(0,-100%);
        -moz-transform:translate(0,-100%);
        -ms-transform:translate(0,-100%);
        transform:translate(0,-100%);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
.section8{
    background-color:#201127
}
.section8 .heading-title{
    text-align:center
}
.section8 .headingTitle{
    color:#fff
}
.section8 .bd{
    position:relative
}
.section8 .bd .arrow{
    position:absolute;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.section8 .bd .timeline-prev{
    left:0
}
.section8 .bd .timeline-prev img{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.section8 .bd .timeline-next{
    right:0
}
.section8 .bd .bd-left,.section8 .bd .bd-right{
    position:relative
}
@media screen and (min-width:0){
    .section8 .heading-title{
        margin-bottom:50px
    }
    .section8 .bd .arrow{
        top:40px
    }
}
@media screen and (min-width:1366px){
    .section8 .heading-title{
        margin-bottom:80px
    }
}
@media screen and (min-width:1680px){
    .section8 .heading-title{
        margin-bottom:100px
    }
    .section8 .bd .arrow{
        top:60px
    }
}
.doneline{
    
}
.doneline .txt{
    font-size:.6em;
    color:#fff;
    border-width:0;
    border-style:solid;
    border-color:#8637D0;
    padding-left:30px
}
.doneline .txt li{
    margin-bottom:.7em
}
.doneline .title{
    color:#8637d0;
    line-height:1.1em;
    
}
.timeline-next,.timeline-prev{
    position:absolute;
    top:50%;
    border-radius:50px;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    cursor:pointer
}
.timeline-next.swiper-button-disabled,.timeline-prev.swiper-button-disabled{
    display:none!important
}
.timeline-container{
    position:relative;
    ;
    text-align:center;
    margin-left:100px;
    margin-right:100px
}
.timeline-container:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    height:1px;
    background-color:#2196f3
}
.timeline-container .date,.timeline-container .txt{
    font-size:.6em;
    color:#8c659d;
    line-height:1.1em
}
.timeline-container .title{
    color:#8637d0;
    font-size:.6em;
    line-height:1.1em
}
.timeline-container .icon{
    position:absolute;
    left:50%;
    border-radius:50%;
    overflow:hidden;
    background-color:#2196f3;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.timeline-container .txt ul li{
    position:relative;
    text-align:left;
    padding-left:25px;
    margin-bottom:10px
}
.timeline-container .txt ul li:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    background-color:#fff;
    border-radius:50%;
    width:10px;
    height:10px;
    overflow:hidden;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.timeline-container .swiper-slide{
    float:left;
    position:relative;
    width:auto;
    max-width:300px
}
.timeline-container .swiper-slide-active .icon{
    background-color:#fff;
    border-style:solid;
    border-color:#2196f3
}
.timeline-container .swiper-slide-active .date,.timeline-container .swiper-slide-active .title,.timeline-container .swiper-slide-active .txt{
    color:#fff
}
@media screen and (min-width:0){
    .doneline{
        font-size:22px
    }
    .doneline .title{
        margin-bottom:25px
    }
    .doneline .txt{
        border-left-width:3px
    }
    .timeline-container{
        font-size:22px;
        margin-left:50px;
        margin-right:50px
    }
    .timeline-container:before{
        top:40px
    }
    .timeline-container .title{
        margin-top:40px;
        margin-bottom:15px
    }
    .timeline-container .icon{
        top:40px;
        width:6px;
        height:6px
    }
    .timeline-container .swiper-slide-active .icon{
        width:16px;
        height:16px;
        border-width:4px
    }
}
@media screen and (min-width:1366px){
    .doneline{
        font-size:26px
    }
    .doneline .txt{
        border-left-width:6px
    }
    .timeline-container{
        font-size:26px;
        margin-left:75px;
        margin-right:75px
    }
}
@media screen and (min-width:1680px){
    .doneline{
        font-size:30px
    }
    .timeline-container{
        font-size:30px;
        margin-left:100px;
        margin-right:100px
    }
    .timeline-container:before{
        top:60px
    }
    .timeline-container .title{
        margin-top:60px;
        margin-bottom:20px
    }
    .timeline-container .icon{
        top:60px;
        width:8px;
        height:8px
    }
    .timeline-container .swiper-slide-active .icon{
        width:20px;
        height:20px;
        border-width:5px
    }
}
@media screen and (min-width:960px){
    .section8.active2 .headingTitle,.section8.active2 .timeline-container .swiper-slide{
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        opacity:1;
        filter:alpha(opacity=100)
    }
    .section8.active2 .headingTitle{
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section8.active2 .timeline-container .swiper-slide,.section8.active2 .timeline-container:before{
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out
    }
    .section8.active2 .timeline-container:before{
        right:0;
        left:0;
        transition:all .5s ease-in-out;
        -webkit-transition-delay:.7s;
        -moz-transition-delay:.7s;
        -ms-transition-delay:.7s;
        transition-delay:.7s
    }
    .section8.active2 .timeline-container .swiper-slide{
        transform:translate(0,0);
        transition:all .5s ease-in-out
    }
    .section8.active2 .timeline-container .swiper-slide:nth-child(1){
        -webkit-transition-delay:1s;
        -moz-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s
    }
    .section8.active2 .timeline-container .swiper-slide:nth-child(2){
        -webkit-transition-delay:1.1s;
        -moz-transition-delay:1.1s;
        -ms-transition-delay:1.1s;
        transition-delay:1.1s
    }
    .section8.active2 .timeline-container .swiper-slide:nth-child(3){
        -webkit-transition-delay:1.2s;
        -moz-transition-delay:1.2s;
        -ms-transition-delay:1.2s;
        transition-delay:1.2s
    }
    .section8.active2 .timeline-container .swiper-slide:nth-child(4){
        -webkit-transition-delay:1.3s;
        -moz-transition-delay:1.3s;
        -ms-transition-delay:1.3s;
        transition-delay:1.3s
    }
    .section8.active2 .timeline-container .swiper-slide:nth-child(5){
        -webkit-transition-delay:1.4s;
        -moz-transition-delay:1.4s;
        -ms-transition-delay:1.4s;
        transition-delay:1.4s
    }
    .section8.active2 .timeline-container .swiper-slide:nth-child(6){
        -webkit-transition-delay:1.5s;
        -moz-transition-delay:1.5s;
        -ms-transition-delay:1.5s;
        transition-delay:1.5s
    }
    .section8.active2 .bd-left{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        -webkit-transition-delay:.6s;
        -moz-transition-delay:.6s;
        -ms-transition-delay:.6s;
        transition-delay:.6s
    }
    .section8.active2 .bd .arrow{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,-50%) scale(1,1);
        -moz-transform:translate(0,-50%) scale(1,1);
        -ms-transform:translate(0,-50%) scale(1,1);
        transform:translate(0,-50%) scale(1,1);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear;
        -webkit-transition-delay:1.4s;
        -moz-transition-delay:1.4s;
        -ms-transition-delay:1.4s;
        transition-delay:1.4s
    }
    .section8 .headingTitle,.section8 .timeline-container:before{
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear
    }
    .section8 .headingTitle{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        transition:all .2s linear
    }
    .section8 .timeline-container:before{
        right:50%;
        left:50%;
        transition:all .2s linear
    }
    .section8 .bd-left,.section8 .timeline-container .swiper-slide{
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        opacity:0;
        filter:alpha(opacity=0)
    }
    .section8 .timeline-container .swiper-slide{
        -webkit-transform:translate(50%,0);
        -moz-transform:translate(50%,0);
        -ms-transform:translate(50%,0);
        transform:translate(50%,0);
        transition:all .2s linear
    }
    .section8 .bd-left{
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        transition:all .2s linear
    }
    .section8 .bd .arrow{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,-50%) scale(.8,.8);
        -moz-transform:translate(0,-50%) scale(.8,.8);
        -ms-transform:translate(0,-50%) scale(.8,.8);
        transform:translate(0,-50%) scale(.8,.8);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
.section10,.section9{
    background-color:#F1EFF7
}
@media screen and (min-width:0){
    .section10 .heading-title,.section9 .heading-title{
        margin-bottom:25px;
        text-align:center
    }
    .section10 .bd,.section9 .bd{
        position:relative
    }
    .section10 .bd .swiper-button-next,.section9 .bd .swiper-button-next{
        -webkit-transform:translate(120%,0);
        -moz-transform:translate(120%,0);
        -ms-transform:translate(120%,0);
        transform:translate(120%,0)
    }
    .section10 .bd .swiper-button-prev,.section9 .bd .swiper-button-prev{
        -webkit-transform:translate(-120%,0);
        -moz-transform:translate(-120%,0);
        -ms-transform:translate(-120%,0);
        transform:translate(-120%,0)
    }
}
@media screen and (min-width:960px){
    .section10 .heading-title,.section9 .heading-title{
        text-align:left
    }
}
.poplayout .msgbox,.section11 .heading-title,.section12 .heading-title,.section13 .heading-title,.section14 .heading-title,.section14 p,.steplist li .icon,.steplist li .name,.team-box2,.tool-page .toolbtns{
    text-align:center
}
@media screen and (min-width:1366px){
    .section10 .heading-title,.section9 .heading-title{
        margin-bottom:35px
    }
    .section10 .bd .swiper-button-next,.section9 .bd .swiper-button-next{
        -webkit-transform:translate(140%,0);
        -moz-transform:translate(140%,0);
        -ms-transform:translate(140%,0);
        transform:translate(140%,0)
    }
    .section10 .bd .swiper-button-prev,.section9 .bd .swiper-button-prev{
        -webkit-transform:translate(-140%,0);
        -moz-transform:translate(-140%,0);
        -ms-transform:translate(-140%,0);
        transform:translate(-140%,0)
    }
}
@media screen and (min-width:1680px){
    .section10 .heading-title,.section9 .heading-title{
        margin-bottom:45px
    }
    .section10 .bd .swiper-button-next,.section9 .bd .swiper-button-next{
        -webkit-transform:translate(180%,0);
        -moz-transform:translate(180%,0);
        -ms-transform:translate(180%,0);
        transform:translate(180%,0)
    }
    .section10 .bd .swiper-button-prev,.section9 .bd .swiper-button-prev{
        -webkit-transform:translate(-180%,0);
        -moz-transform:translate(-180%,0);
        -ms-transform:translate(-180%,0);
        transform:translate(-180%,0)
    }
}
.team-box .team-pic{
    position:relative
}
.team-box .team-pic:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:12px;
    background-image:-webkit-linear-gradient(22deg,#8839d1,#fc90f8);
    background-image:-moz-linear-gradient(22deg,#8839d1,#fc90f8);
    background-image:-ms-linear-gradient(22deg,#8839d1,#fc90f8);
    background-image:-o-linear-gradient(22deg,#8839d1,#fc90f8);
    background-image:linear-gradient(22deg,#8839d1,#fc90f8)
}
.team-box .team-pic .bg-img{
    border-radius:12px;
    overflow:hidden;
    padding-top:63.65979381443299%
}
.team-box .name{
    color:#8839d1;
    
    margin-bottom:5px
}
.team-box .job{
    color:#24122d;
    
    letter-spacing:2px
}
.team-box .article2{
    position:relative;
    padding-left:0;
    color:#8c659d;
    overflow:hidden
}
.team-box .article2.ps--active-y{
    padding-right:10px
}
.team-box .article2 .ps__rail-y{
    background-color:#ddd
}
.team-box2 .team-pic{
    position:relative
}
.team-box2 .team-pic:before{
    content:'';
    position:absolute;
    left:50%;
    overflow:hidden;
    border-radius:50%;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
    background-image:-webkit-linear-gradient(22deg,#8839d1,#fc90f8);
    background-image:-moz-linear-gradient(22deg,#8839d1,#fc90f8);
    background-image:-ms-linear-gradient(22deg,#8839d1,#fc90f8);
    background-image:-o-linear-gradient(22deg,#8839d1,#fc90f8);
    background-image:linear-gradient(22deg,#8839d1,#fc90f8)
}
.team-box2 .team-pic .bg-img{
    border-radius:50%;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto
}
.team-box2 .name{
    color:#8839d1;
    
    margin-bottom:5px
}
.team-box2 .job{
    color:#775586;
    
    letter-spacing:2px
}
.team-box2 .article2{
    position:relative;
    padding-left:0;
    color:#24122d;
    overflow:hidden
}
.section11 .headingTitle,.section12 .headingTitle,.section14 .headingTitle{
    color:#fff
}
@media screen and (min-width:0){
    .team-box{
        padding-left:20px;
        padding-right:20px;
        margin-bottom:30px
    }
    .team-box .team-pic{
        margin-bottom:25px
    }
    .team-box .team-pic:before{
        top:12px;
        left:-12px
    }
    .team-box .name{
        font-size:20px
    }
    .team-box .job,.team-box .name.small,.team-box2 .name{
        font-size:18px
    }
    .team-box .job{
        margin-bottom:15px
    }
    .team-box .article2{
        height:8.4em
    }
    .team-box2 .team-pic{
        margin-bottom:45px
    }
    .team-box2 .team-pic:before{
        width:80px;
        height:80px
    }
    .team-box2 .team-pic .bg-img{
        width:70px;
        height:70px
    }
    .team-box2 .job{
        font-size:14px;
        margin-bottom:10px
    }
    .team-box2 .article2{
        font-size:14px
    }
}
@media screen and (min-width:960px){
    .team-box{
        margin-bottom:0
    }
    .team-box2 .team-pic{
        margin-bottom:45px
    }
    .team-box2 .team-pic:before{
        width:100px;
        height:100px
    }
    .team-box2 .team-pic .bg-img{
        width:85px;
        height:85px
    }
    .team-box2 .name{
        font-size:22px
    }
    .team-box2 .job{
        font-size:16px;
        margin-bottom:14px
    }
    .section10.active2 .headingTitle,.section9.active2 .headingTitle{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section10.active2 .col12-sl-6,.section10.active2 .team-container .swiper-slide,.section10.active2 .team-container2 .swiper-slide,.section10.active2 .team-container3 .swiper-slide,.section9.active2 .col12-sl-6,.section9.active2 .team-container .swiper-slide,.section9.active2 .team-container2 .swiper-slide,.section9.active2 .team-container3 .swiper-slide{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .section10.active2 .col12-sl-6:nth-child(1),.section10.active2 .team-container .swiper-slide:nth-child(1),.section10.active2 .team-container2 .swiper-slide:nth-child(1),.section10.active2 .team-container3 .swiper-slide:nth-child(1),.section9.active2 .col12-sl-6:nth-child(1),.section9.active2 .team-container .swiper-slide:nth-child(1),.section9.active2 .team-container2 .swiper-slide:nth-child(1),.section9.active2 .team-container3 .swiper-slide:nth-child(1){
        -webkit-transition-delay:.8s;
        -moz-transition-delay:.8s;
        -ms-transition-delay:.8s;
        transition-delay:.8s
    }
    .section10.active2 .col12-sl-6:nth-child(2),.section10.active2 .team-container .swiper-slide:nth-child(2),.section10.active2 .team-container2 .swiper-slide:nth-child(2),.section10.active2 .team-container3 .swiper-slide:nth-child(2),.section9.active2 .col12-sl-6:nth-child(2),.section9.active2 .team-container .swiper-slide:nth-child(2),.section9.active2 .team-container2 .swiper-slide:nth-child(2),.section9.active2 .team-container3 .swiper-slide:nth-child(2){
        -webkit-transition-delay:.9s;
        -moz-transition-delay:.9s;
        -ms-transition-delay:.9s;
        transition-delay:.9s
    }
    .section10.active2 .col12-sl-6:nth-child(3),.section10.active2 .team-container .swiper-slide:nth-child(3),.section10.active2 .team-container2 .swiper-slide:nth-child(3),.section10.active2 .team-container3 .swiper-slide:nth-child(3),.section9.active2 .col12-sl-6:nth-child(3),.section9.active2 .team-container .swiper-slide:nth-child(3),.section9.active2 .team-container2 .swiper-slide:nth-child(3),.section9.active2 .team-container3 .swiper-slide:nth-child(3){
        -webkit-transition-delay:1s;
        -moz-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s
    }
    .section10.active2 .col12-sl-6:nth-child(4),.section10.active2 .team-container .swiper-slide:nth-child(4),.section10.active2 .team-container2 .swiper-slide:nth-child(4),.section10.active2 .team-container3 .swiper-slide:nth-child(4),.section9.active2 .col12-sl-6:nth-child(4),.section9.active2 .team-container .swiper-slide:nth-child(4),.section9.active2 .team-container2 .swiper-slide:nth-child(4),.section9.active2 .team-container3 .swiper-slide:nth-child(4){
        -webkit-transition-delay:1.1s;
        -moz-transition-delay:1.1s;
        -ms-transition-delay:1.1s;
        transition-delay:1.1s
    }
    .section10.active2 .col12-sl-6:nth-child(5),.section10.active2 .team-container .swiper-slide:nth-child(5),.section10.active2 .team-container2 .swiper-slide:nth-child(5),.section10.active2 .team-container3 .swiper-slide:nth-child(5),.section9.active2 .col12-sl-6:nth-child(5),.section9.active2 .team-container .swiper-slide:nth-child(5),.section9.active2 .team-container2 .swiper-slide:nth-child(5),.section9.active2 .team-container3 .swiper-slide:nth-child(5){
        -webkit-transition-delay:1.2s;
        -moz-transition-delay:1.2s;
        -ms-transition-delay:1.2s;
        transition-delay:1.2s
    }
    .section10.active2 .col12-sl-6:nth-child(6),.section10.active2 .team-container .swiper-slide:nth-child(6),.section10.active2 .team-container2 .swiper-slide:nth-child(6),.section10.active2 .team-container3 .swiper-slide:nth-child(6),.section9.active2 .col12-sl-6:nth-child(6),.section9.active2 .team-container .swiper-slide:nth-child(6),.section9.active2 .team-container2 .swiper-slide:nth-child(6),.section9.active2 .team-container3 .swiper-slide:nth-child(6){
        -webkit-transition-delay:1.3s;
        -moz-transition-delay:1.3s;
        -ms-transition-delay:1.3s;
        transition-delay:1.3s
    }
    .section10.active2 .col12-sl-6:nth-child(7),.section10.active2 .team-container .swiper-slide:nth-child(7),.section10.active2 .team-container2 .swiper-slide:nth-child(7),.section10.active2 .team-container3 .swiper-slide:nth-child(7),.section9.active2 .col12-sl-6:nth-child(7),.section9.active2 .team-container .swiper-slide:nth-child(7),.section9.active2 .team-container2 .swiper-slide:nth-child(7),.section9.active2 .team-container3 .swiper-slide:nth-child(7){
        -webkit-transition-delay:1.4s;
        -moz-transition-delay:1.4s;
        -ms-transition-delay:1.4s;
        transition-delay:1.4s
    }
    .section10.active2 .col12-sl-6:nth-child(8),.section10.active2 .team-container .swiper-slide:nth-child(8),.section10.active2 .team-container2 .swiper-slide:nth-child(8),.section10.active2 .team-container3 .swiper-slide:nth-child(8),.section9.active2 .col12-sl-6:nth-child(8),.section9.active2 .team-container .swiper-slide:nth-child(8),.section9.active2 .team-container2 .swiper-slide:nth-child(8),.section9.active2 .team-container3 .swiper-slide:nth-child(8){
        -webkit-transition-delay:1.5s;
        -moz-transition-delay:1.5s;
        -ms-transition-delay:1.5s;
        transition-delay:1.5s
    }
    .section10.active2 .col12-sl-6:nth-child(9),.section10.active2 .team-container .swiper-slide:nth-child(9),.section10.active2 .team-container2 .swiper-slide:nth-child(9),.section10.active2 .team-container3 .swiper-slide:nth-child(9),.section9.active2 .col12-sl-6:nth-child(9),.section9.active2 .team-container .swiper-slide:nth-child(9),.section9.active2 .team-container2 .swiper-slide:nth-child(9),.section9.active2 .team-container3 .swiper-slide:nth-child(9){
        -webkit-transition-delay:1.6s;
        -moz-transition-delay:1.6s;
        -ms-transition-delay:1.6s;
        transition-delay:1.6s
    }
    .section10.active2 .col12-sl-6:nth-child(10),.section10.active2 .team-container .swiper-slide:nth-child(10),.section10.active2 .team-container2 .swiper-slide:nth-child(10),.section10.active2 .team-container3 .swiper-slide:nth-child(10),.section9.active2 .col12-sl-6:nth-child(10),.section9.active2 .team-container .swiper-slide:nth-child(10),.section9.active2 .team-container2 .swiper-slide:nth-child(10),.section9.active2 .team-container3 .swiper-slide:nth-child(10){
        -webkit-transition-delay:1.7s;
        -moz-transition-delay:1.7s;
        -ms-transition-delay:1.7s;
        transition-delay:1.7s
    }
    .section10.active2 .col12-sl-6:nth-child(11),.section10.active2 .team-container .swiper-slide:nth-child(11),.section10.active2 .team-container2 .swiper-slide:nth-child(11),.section10.active2 .team-container3 .swiper-slide:nth-child(11),.section9.active2 .col12-sl-6:nth-child(11),.section9.active2 .team-container .swiper-slide:nth-child(11),.section9.active2 .team-container2 .swiper-slide:nth-child(11),.section9.active2 .team-container3 .swiper-slide:nth-child(11){
        -webkit-transition-delay:1.8s;
        -moz-transition-delay:1.8s;
        -ms-transition-delay:1.8s;
        transition-delay:1.8s
    }
    .section10.active2 .col12-sl-6:nth-child(12),.section10.active2 .team-container .swiper-slide:nth-child(12),.section10.active2 .team-container2 .swiper-slide:nth-child(12),.section10.active2 .team-container3 .swiper-slide:nth-child(12),.section9.active2 .col12-sl-6:nth-child(12),.section9.active2 .team-container .swiper-slide:nth-child(12),.section9.active2 .team-container2 .swiper-slide:nth-child(12),.section9.active2 .team-container3 .swiper-slide:nth-child(12){
        -webkit-transition-delay:1.9s;
        -moz-transition-delay:1.9s;
        -ms-transition-delay:1.9s;
        transition-delay:1.9s
    }
    .section10 .col12-sl-6,.section10 .headingTitle,.section9 .col12-sl-6,.section9 .headingTitle{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .section10 .team-container .swiper-slide,.section10 .team-container2 .swiper-slide,.section10 .team-container3 .swiper-slide,.section9 .team-container .swiper-slide,.section9 .team-container2 .swiper-slide,.section9 .team-container3 .swiper-slide{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(50%,0);
        -moz-transform:translate(50%,0);
        -ms-transform:translate(50%,0);
        transform:translate(50%,0);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
@media screen and (min-width:1366px){
    .team-box .name{
        font-size:24px
    }
    .team-box .job,.team-box .name.small{
        font-size:20px
    }
    .team-box .job{
        margin-bottom:18px
    }
    .team-box2 .team-pic{
        margin-bottom:65px
    }
    .team-box2 .team-pic:before{
        width:180px;
        height:180px
    }
    .team-box2 .team-pic .bg-img{
        width:160px;
        height:160px
    }
    .team-box2 .name{
        font-size:24px
    }
    .team-box2 .job{
        font-size:20px;
        margin-bottom:18px
    }
}
@media screen and (min-width:1680px){
    .team-box{
        padding-left:30px;
        padding-right:30px
    }
    .team-box .team-pic{
        margin-bottom:40px;
        margin-left:15px
    }
    .team-box .job,.team-box2 .job{
        margin-bottom:25px
    }
    .team-box .team-pic:before{
        top:20px;
        left:-20px
    }
    .team-box .name{
        font-size:26px
    }
    .team-box .job,.team-box .name.small{
        font-size:24px
    }
    .team-box .article2{
        height:8.4em
    }
    .team-box2 .name{
        font-size:30px
    }
    .team-box2 .job{
        font-size:24px
    }
    .team-box2 .article2{
        font-size:18px
    }
}
@media screen and (min-width:0){
    .section11 .heading-title,.section11 .imglist2{
        margin-bottom:30px
    }
    .section11 .article2{
        font-size:16px
    }
}
@media screen and (min-width:1366px){
    .section11 .article2{
        font-size:18px
    }
}
@media screen and (min-width:1680px){
    .section11 .article2{
        font-size:20px
    }
}
@media screen and (min-width:960px){
    .section11 .imglist2{
        margin-bottom:0
    }
    .section11.active2 .headingTitle,.section11.active2 .imglist2{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .section11.active2 .headingTitle{
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section11.active2 .imglist2{
        -webkit-transition-delay:.7s;
        -moz-transition-delay:.7s;
        -ms-transition-delay:.7s;
        transition-delay:.7s
    }
    .section11 .headingTitle,.section11 .imglist2{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
    .section12.active2 .headingTitle,.section12.active2 .imglist3,.section13.active2 .headingTitle,.section13.active2 .imglist3,.section14.active2 .headingTitle,.section14.active2 .imglist3{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out
    }
    .section12.active2 .headingTitle,.section13.active2 .headingTitle,.section14.active2 .headingTitle{
        -webkit-transition-delay:.5s;
        -moz-transition-delay:.5s;
        -ms-transition-delay:.5s;
        transition-delay:.5s
    }
    .section12.active2 .imglist3,.section13.active2 .imglist3,.section14.active2 .imglist3{
        -webkit-transition-delay:.7s;
        -moz-transition-delay:.7s;
        -ms-transition-delay:.7s;
        transition-delay:.7s
    }
    .section12 .headingTitle,.section12 .imglist3,.section13 .headingTitle,.section13 .imglist3,.section14 .headingTitle,.section14 .imglist3{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translate(0,20px);
        -moz-transform:translate(0,20px);
        -ms-transform:translate(0,20px);
        transform:translate(0,20px);
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear
    }
}
.section12{
    background-color: #2196f3;padding-bottom: 70px;}
.section13{
    }
.section14{
    background-color: rgb(255 255 255 / 10%);}
.section14 p{
    color: #fff;
    
margin-top: 40px;}

@media screen and (min-width:0){
    .section12 .content,.section13 .content,.section14 .content{
        padding-top:30px;
        padding-bottom:30px
    }
    .section12 .heading-title,.section13 .heading-title,.section14 .heading-title{
        margin-bottom:30px
    }
    .section14 p{
        font-size:14px
    }
}
@media screen and (max-width:959px){
    .section14 .imglist3 li a{
        /* height:25px */
    }
}
@media screen and (min-width:768px){
    .seciont12 .content,.seciont14 .content{
        padding-top:35px;
        padding-bottom:35px
    }
}
@media screen and (min-width:1366px){
    .section14 p{
        font-size:16px
    }
}
@media screen and (min-width:1680px){
    .section12 .content,.section13 .content,.section14 .content{
        padding-top:40px;
        padding-bottom:40px
    }
    .section12 .heading-title,.section13 .heading-title,.section14 .heading-title{
        margin-bottom:40px
    }
}
.ins-header{
    background-color:#211229
}
.container{
    padding-top:100px
}
.appdown-page,.detail-page{
    position:relative
}
@media screen and (min-width:0){
    .appdown-page .heading-title,.detail-page .heading-title{
        margin-bottom:40px
    }
    .appdown-page .quick-setting,.detail-page .quick-setting{
        margin-bottom:15px
    }
    .appdown-page .quick-setting .pagination,.detail-page .quick-setting .pagination{
        float:left
    }
    .appdown-page .quick-setting .share,.detail-page .quick-setting .share{
        float:right
    }
}
@media screen and (min-width:960px){
    .appdown-page .quick-setting,.detail-page .quick-setting{
        position:absolute;
        right:0;
        top:0;
        margin-bottom:0;
        z-index:2
    }
    .appdown-page .quick-setting .pagination,.detail-page .quick-setting .pagination{
        float:none;
        margin-bottom:15px
    }
    .appdown-page .quick-setting .share,.detail-page .quick-setting .share{
        float:none
    }
}
.loadingbox{
    position:relative;
    height:40px
}
@media screen and (min-width:960px){
    .loadingbox{
        height:60px
    }
}
@media screen and (min-width:1680px){
    .loadingbox{
        height:70px
    }
}
.poplayout{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:99;
    background-color:rgba(27,11,34,.9)
}
.poplayout .popcon{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:443px;
    width:90%;
    color:#fff
}
.poplayout .tipbox{
    border:1px solid #e21650;
    border-radius:8px;
    -webkit-box-shadow:0 0 29px 5px rgba(226,22,80,.23);
    box-shadow:0 0 29px 5px rgba(226,22,80,.23);
    position:relative;
    overflow:hidden;
    padding-left:50px;
    font-size:14px;
    background-color:#e21650
}
.poplayout .tipbox .icon{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    background-repeat:no-repeat;
    background-position:center center;
    width:50px;
    background-image:url(images/msgicon.html);
    background-size:auto 50%
}
.poplayout .msgbox .icon .pic,.tool-page .bg{
    background-size:contain;
    background-repeat:no-repeat
}
.poplayout .tipbox .txt{
    background-color:#1b0b22;
    padding:10px;
    color:#fff
}
.poplayout .msgbox{
    border:1px solid #8839d1;
    border-radius:8px;
    background-color:#1b0b22;
    font-size:14px;
    padding:15px;
    -webkit-box-shadow:0 0 29px 5px rgba(136,57,209,.23);
    box-shadow:0 0 29px 5px rgba(136,57,209,.23)
}
.poplayout .msgbox .icon .pic{
    height:45px;
    background-image:url(images/trueicon.html);
    background-position:center center
}
.poplayout .msgbox .icon .info{
    color:#8839d1;
    font-size:20px;
    padding-top:15px
}
.poplayout .msgbox .txt{
    max-width:328px;
    margin-left:auto;
    margin-right:auto;
    line-height:20px;
    padding-top:22px;
    padding-bottom:10px
}
.poplayout .msgbox .closebtn{
    color:#8839d1;
    position:absolute;
    left:50%;
    top:100%;
    padding:15px;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
.tool-page .Title:before,.tool-page .cometip .art{
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%)
}
.poplayout .msgbox .closebtn:hover{
    color:#e21650
}
@media screen and (min-width:960px){
    .poplayout .msgbox,.poplayout .tipbox{
        font-size:16px;
        border-width:2px
    }
    .poplayout .tipbox{
        line-height:20px;
        padding-left:60px
    }
    .poplayout .tipbox .icon{
        width:60px
    }
    .poplayout .tipbox .txt{
        padding:15px 20px
    }
    .poplayout .msgbox .icon .pic{
        height:60px
    }
    .poplayout .msgbox .txt{
        line-height:22px
    }
}
.toolcon{
    padding-top:50px;
    padding-bottom:60px;
    height:100vh
}
.tool-page .Title,.tool-page .toolads{
    padding-bottom:20px
}
.tool-page,.tool-page .stepbox,.toolcon .wrapper{
    position:relative;
    height:100%
}
.tool-page{
    background-color:#1b0b22;
    border-radius:8px;
    color:#fff;
    -webkit-box-shadow:0 0 70px 10px rgba(136,57,209,.24);
    box-shadow:0 0 70px 10px rgba(136,57,209,.24)
}
.tool-page .toolbox{
    position:relative;
    z-index:1
}
.tool-page .stepbox .toolads{
    position:absolute;
    left:0;
    right:0;
    top:0
}
.tool-page .bg{
    position:absolute;
    border-radius:8px;
    top:0;
    bottom:0
}
.tool-page .bg.bg1{
    left:0;
    background-image:url(images/toolbg1.html);
    background-position:left bottom
}
.tool-page .bg.bg2{
    right:0;
    background-image:url(images/toolbg2.html);
    background-position:right bottom
}
.tool-page .bg.bg3{
    left:0;
    background-image:url(images/toolbg3.html);
    background-position:left bottom
}
.tool-page .bg.bg4{
    right:0;
    background-image:url(images/toolbg4.html);
    background-position:right bottom
}
.tool-page .Title{
    position:absolute;
    left:0;
    right:0;
    top:0;
    padding-top:20px;
    font-size:17px
}
.tool-page .Title.t1:before{
    background-color:#e21650
}
.tool-page .Title span{
    display:inline-block;
    padding-left:8px;
    padding-right:8px;
    background-color:#1b0b22;
    position:relative;
    z-index:1
}
.tool-page .Title:before{
    position:absolute;
    content:"";
    left:0;
    right:0;
    top:50%;
    transform:translate(0,-50%);
    display:inline-block;
    height:2px;
    background-color:#8839d1
}
.tool-page .screen{
    overflow:hidden
}
.tool-page .screen img{
    border-radius:6px
}
.tool-page .toolads .logoicon{
    width:30px;
    padding-bottom:5px;
    margin-left:auto;
    margin-right:auto
}
.tool-page .toolads .name .pic{
    display:inline-block;
    vertical-align:middle;
    margin-top:-2px;
    margin-left:10px;
    margin-right:10px
}
.tool-page .toolads .name .pic img{
    width:100%;
    vertical-align:top
}
.tool-page .info .p1{
    ;
    color:#9b77ab;
    font-size:13px
}
.tool-page .info .p2{
    
    font-size:16px;
    padding-top:40px
}
.tool-page .tipbox,.tool-page .toolbtns .txt{
    ;
    line-height:1.2em
}
.tool-page .btns{
    position:absolute;
    left:15px;
    right:15px;
    bottom:50px;
    margin-left:auto;
    margin-right:auto;
    z-index:2
}
.tool-page .btns a{
    margin-top:5px;
    width:100%
}
.tool-page .btns a:first-child{
    margin-top:0
}
.tool-page .toolbtns{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform:translate(0,50%);
    -moz-transform:translate(0,50%);
    -ms-transform:translate(0,50%);
    transform:translate(0,50%);
    z-index:2;
    font-size:0
}
.tool-page .toolbtns .btn_1,.tool-page .toolbtns .btn_2,.tool-page .toolbtns .btn_3{
    vertical-align:top;
    display:inline-block;
    margin:5px 10px
}
.tool-page .toolbtns .txt{
    position:absolute;
    top:100%;
    padding-top:8px;
    font-size:10px;
    width:100%;
    left:50%;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
    color:#9b77ab
}
.tool-page .toolbtns a,.tool-page .toolbtns button{
    width:100%
}
.tool-page .tipbox{
    height:100%;
    font-size:12px;
    background-color:#32183c;
    color:#fff;
    border-radius:6px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    max-width:960px
}

.steplist ul,.tool-page .cometip{
    max-width:640px;
    margin-left:auto;
    margin-right:auto
}
.tool-page .tipbox dt,.tool-page .tipbox span{
    color:#ff8237
}
.tool-page .tipbox dt{
    font-size:16px;
    padding-bottom:10px
}
.tool-page .cometip{
    height:100%;
    line-height:1.3em;
    position:relative;
    color:#fff
}
.tool-page .cometip .p1{
    color:#ff8237;
    font-size:22px;
    padding-bottom:15px
}
.tool-page .cometip .art{
    font-size:12px;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translate(0,-50%)
}
.steplist{
    position:absolute;
    left:0;
    top:0;
    right:0
}
.steplist li{
    width:16.66666666%;
    float:left;
    position:relative
}
.steplist li:after,.steplist li:before{
    content:"";
    position:absolute;
    width:50%;
    display:block;
    height:1px;
    background-color:#3b1e47;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.steplist li:before{
    left:0
}
.steplist li:after{
    right:0
}
.steplist li:first-child:before,.steplist li:last-child:after{
    display:none
}
.steplist li .icon{
    margin-left:auto;
    margin-right:auto;
    border-radius:50%;
    border:1px solid #3b1e47;
    position:relative;
    z-index:2;
    background-color:#1b0b22;
    width:20px;
    height:20px;
    font-size:0;
    color:#fff
}
.steplist li .icon span,.steplist li.active:before{
    background-color:#8839d1
}
.steplist li .icon span{
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%
}
.steplist li .name{
    position:absolute;
    left:50%;
    top:100%;
    font-size:10px;
    white-space:nowrap;
    padding-top:5px;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
    display:none;
    color:#9b77ab;
    
}
.steplist li.active .icon{
    background-color:#fff;
    border-color:#fff
}
.steplist li.active .icon span{
    display:block;
    width:30%;
    height:30%
}
.steplist li.active .name{
    color:#fff;
    display:block
}
.steplist li.active.on:after{
    background-color:#8839d1
}
.steplist li.active.on .icon{
    background-color:#8839d1;
    border-color:#8839d1;
    font-size:12px
}
.steplist li.active.on .icon span{
    width:auto;
    height:auto
}
.steplist li.active.on .name{
    display:none
}
@media screen and (min-width:0){
    .tool-page{
        padding:60px 15px 55px
    }
    .tool-page .bg.bg1,.tool-page .bg.bg3{
        width:20%
    }
    .tool-page .bg.bg2,.tool-page .bg.bg4{
        width:18%
    }
    .tool-page .stepbox{
        padding-top:60px
    }
    .tool-page .Title.t1{
        font-size:13px
    }
    .tool-page .screen{
        height:150px
    }
    .tool-page .toolads .name{
        font-size:18px;
        line-height:24px
    }
    .tool-page .toolads .name .pic{
        width:80px;
        height:10px
    }
    .tool-page .btns{
        max-width:300px
    }
    .tool-page .toolbtns .btn_1{
        width:180px
    }
    .tool-page .toolbtns .btn_2{
        width:110px
    }
    .tool-page .toolbtns .btn_3{
        width:200px
    }
}
@media screen and (min-width:414px){
    .tool-page .Title.t1{
        font-size:17px
    }
    .tool-page .toolbtns .txt{
        font-size:12px
    }
    .tool-page .tipbox{
        padding:12px;
        font-size:14px
    }
    .tool-page .tipbox dt{
        font-size:18px
    }
    .tool-page .cometip .art{
        font-size:13px
    }
}
@media screen and (min-width:768px){
    .toolcon{
        padding-top:58px;
        padding-bottom:70px
    }
    .tool-page{
        padding-top:80px
    }
    .tool-page .Title{
        font-size:28px;
        padding-top:25px;
        padding-bottom:25px
    }
    .tool-page .Title.t1{
        font-size:28px
    }
    .tool-page .Title span{
        padding-left:20px;
        padding-right:20px
    }
    .tool-page .screen{
        height:180px
    }
    .tool-page .stepbox{
        padding-top:90px
    }
    .tool-page .toolads .name{
        font-size:28px;
        line-height:36px
    }
    .tool-page .toolads .name .pic{
        width:160px;
        height:21px;
        margin-left:30px;
        margin-right:30px
    }
    .tool-page .info .p1{
        font-size:18px
    }
    .tool-page .info .p2{
        padding-top:50px;
        font-size:24px
    }
    .tool-page .cometip .p1{
        font-size:26px
    }
    .tool-page .cometip .art{
        font-size:14px
    }
    .tool-page .btns{
        max-width:380px
    }
    .tool-page .toolbtns .btn_1{
        width:220px
    }
    .tool-page .toolbtns .btn_2{
        width:150px
    }
    .tool-page .toolbtns .btn_3{
        width:260px
    }
    .tool-page .toolbtns .txt{
        font-size:13px
    }
    .steplist li .icon{
        width:28px;
        height:28px
    }
    .steplist li .name{
        display:block;
        font-size:12px
    }
    .steplist li.active.on .name{
        display:block
    }
}
@media screen and (min-width:960px){
    .toolcon{
        padding-top:65px;
        padding-bottom:85px
    }
    .tool-page .Title,.tool-page .Title.t1{
        font-size:32px
    }
    .tool-page .Title span{
        padding-left:30px;
        padding-right:30px
    }
    .tool-page .screen{
        height:210px
    }
    .tool-page .toolads .logoicon{
        width:36px
    }
    .tool-page .toolads .name{
        font-size:40px;
        line-height:48px
    }
    .tool-page .toolads .name .pic{
        margin-left:50px;
        margin-right:50px
    }
    .tool-page .cometip{
        max-width:780px
    }
    .tool-page .cometip .p1{
        font-size:28px;
        padding-bottom:20px
    }
    .tool-page .cometip .art{
        line-height:1.5em;
        font-size:16px
    }
}
.artclebox,.generatelist li .number,.generatelist ul,.step_2 .forms{
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:1366px){
    .toolcon{
        padding-top:70px;
        padding-bottom:95px
    }
    .tool-page{
        padding-top:95px;
        padding-bottom:70px
    }
    .tool-page .Title,.tool-page .Title.t1{
        font-size:42px
    }
    .tool-page .Title span{
        padding-left:40px;
        padding-right:40px
    }
    .tool-page .screen{
        height:240px
    }
    .tool-page .stepbox{
        padding-top:100px
    }
    .tool-page .toolads{
        padding-bottom:30px
    }
    .tool-page .toolads .logoicon{
        width:48px
    }
    .tool-page .toolads .name{
        font-size:45px;
        line-height:50px
    }
    .tool-page .toolads .name .pic{
        width:180px;
        height:24px
    }
    .tool-page .info .p1{
        font-size:20px
    }
    .tool-page .info .p2{
        padding-top:60px;
        font-size:30px
    }
    .tool-page .cometip{
        max-width:960px
    }
    .tool-page .cometip .p1{
        font-size:30px;
        padding-bottom:25px
    }
    .tool-page .cometip .art{
        font-size:18px
    }
    .tool-page .btns{
        max-width:420px
    }
    .tool-page .toolbtns .btn_1{
        width:280px
    }
    .tool-page .toolbtns .btn_2{
        width:200px
    }
    .tool-page .toolbtns .btn_3{
        width:320px
    }
    .tool-page .toolbtns .txt{
        font-size:14px
    }
    .tool-page .tipbox{
        padding:15px;
        font-size:16px
    }
    .tool-page .tipbox dt{
        font-size:22px
    }
    .steplist ul{
        max-width:924px
    }
    .steplist li:after,.steplist li:before{
        height:2px
    }
    .steplist li .icon{
        border-width:2px;
        width:32px;
        height:32px
    }
    .steplist li .name{
        font-size:16px
    }
    .steplist li.active.on .icon{
        font-size:18px
    }
}
@media screen and (min-width:1680px){
    .toolcon{
        padding-top:85px;
        padding-bottom:110px
    }
    .tool-page{
        padding-top:120px
    }
    .tool-page .Title,.tool-page .Title.t1{
        font-size:56px
    }
    .tool-page .screen{
        height:280px
    }
    .tool-page .toolads{
        padding-bottom:40px
    }
    .tool-page .toolads .name{
        font-size:56px;
        line-height:60px
    }
    .tool-page .toolads .name .pic{
        width:210px;
        height:28px
    }
    .tool-page .info .p1{
        font-size:22px
    }
    .tool-page .info .p2{
        font-size:36px
    }
    .tool-page .cometip .p1{
        font-size:36px;
        padding-bottom:30px
    }
    .tool-page .cometip .art{
        font-size:22px;
        line-height:1.6em
    }
    .tool-page .btns{
        max-width:495px;
        bottom:65px
    }
    .tool-page .btns a{
        margin-top:25px
    }
    .tool-page .toolbtns .btn_1{
        width:360px
    }
    .tool-page .toolbtns .btn_2{
        width:280px
    }
    .tool-page .toolbtns .btn_3{
        width:390px
    }
    .tool-page .toolbtns .txt{
        font-size:16px
    }
    .tool-page .tipbox{
        padding:20px;
        font-size:18px
    }
    .tool-page .tipbox dt{
        font-size:28px;
        padding-bottom:20px
    }
    .steplist li.active.on .icon{
        font-size:22px
    }
}
.generatelist ul{
    max-width:1200px
}
.generatelist li .number{
    border-radius:50%;
    background-color:#e21650;
    color:#fff;
    text-align:center;
    
    -webkit-box-shadow:0 0 10px 5px rgba(226,22,80,.29);
    box-shadow:0 0 10px 5px rgba(226,22,80,.29)
}
.artclebox,.generatelist li .txt{
    
}
.generatelist li .txt br{
    display:none
}
.generatelist li .txt span{
    color:#e21650
}
.generatelist li .txt a{
    color:#e21650;
    text-decoration:underline
}
.generatelist li .txt a:hover{
    color:#8839d1
}
@media screen and (min-width:0){
    .generatelist,.generatelist li{
        padding-top:10px
    }
    .generatelist li{
        padding-bottom:5px
    }
    .generatelist li .number{
        width:26px;
        height:26px;
        line-height:26px
    }
    .generatelist li .txt{
        font-size:14px;
        padding-top:5px
    }
}
@media screen and (min-width:768px){
    .generatelist li{
        float:left;
        width:33.33%;
        padding:10px
    }
    .generatelist li .number{
        width:32px;
        height:32px;
        line-height:32px;
        font-size:16px
    }
    .generatelist li .txt{
        font-size:18px
    }
}
@media screen and (min-width:960px){
    .generatelist li{
        padding:10px 15px
    }
    .generatelist li .number{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:24px;
        -webkit-box-shadow:0 0 28px 8px rgba(226,22,80,.29);
        box-shadow:0 0 28px 8px rgba(226,22,80,.29)
    }
}
@media screen and (min-width:1366px){
    .generatelist{
        padding-top:20px
    }
    .generatelist li{
        padding:10px 20px
    }
    .generatelist li .number{
        width:45px;
        height:45px;
        line-height:45px;
        font-size:28px
    }
    .generatelist li .txt{
        font-size:20px;
        padding-top:10px
    }
}
@media screen and (min-width:1680px){
    .generatelist li{
        padding:15px 25px
    }
    .generatelist li .number{
        width:50px;
        height:50px;
        line-height:50px;
        font-size:36px
    }
    .generatelist li .txt{
        font-size:22px
    }
}
.artclebox{
    font-size:14px;
    position:relative;
    height:100%;
    background-color:#3b1e47;
    overflow:hidden;
    max-width:640px;
    padding:10px 15px
}
.artclebox .art{
    line-height:1.2em;
    color:#9b77ab
}
.artclebox .title,.step_2 .forms .input_1,.step_3 .formlist .icon2,.step_5 .formlist .icon2,.step_6 .formlist .icon2{
    color:#fff;
    
    text-align:center
}
.artclebox .title{
    padding-bottom:10px;
    font-size:17px;
    line-height:1.3em
}
@media screen and (min-width:768px){
    .artclebox{
        font-size:16px
    }
    .artclebox .title{
        font-size:22px
    }
    .artclebox .ps-scrollbar-y-rail,.artclebox .ps-scrollbar-y-rail .ps-scrollbar-y{
        width:6px
    }
}
@media screen and (min-width:1366px){
    .artclebox{
        font-size:18px;
        max-width:924px;
        padding:20px 25px
    }
    .artclebox .title{
        font-size:26px
    }
    .artclebox .ps-scrollbar-y-rail,.artclebox .ps-scrollbar-y-rail .ps-scrollbar-y{
        width:8px
    }
}
@media screen and (min-width:1680px){
    .artclebox{
        font-size:22px;
        padding:20px 35px
    }
    .artclebox .title{
        font-size:36px
    }
}
.step_2 .tips{
    padding-top:10px;
    padding-bottom:30px;
    
    font-size:20px;
    line-height:1.3em
}
.step_2 .forms{
    padding-left:50px;
    border-radius:5px;
    background-color:#8839d1;
    background-image:url(images/email.html);
    background-repeat:no-repeat;
    background-position:9px center;
    background-size:auto 50%;
    max-width:655px;
    width:80%;
    overflow:hidden
}
.step_2 .forms .input_1{
    display:block;
    width:100%;
    background-color:#3b1e47;
    height:45px;
    line-height:45px;
    border:0;
    padding-left:15px;
    padding-right:15px
}
.step_2 .forms .input_1::-webkit-input-placeholder{
    color:#fff
}
.step_2 .forms .input_1::-moz-placeholder{
    color:#fff
}
.step_2 .forms .input_1:-ms-input-placeholder{
    color:#fff
}
@media screen and (min-width:768px){
    .step_2 .tips{
        font-size:22px
    }
    .step_2 .forms{
        padding-left:65px;
        background-position:15px center;
        border-radius:8px
    }
    .step_2 .forms .input_1{
        height:50px;
        line-height:50px;
        font-size:18px
    }
}
@media screen and (min-width:1366px){
    .step_2 .tips{
        font-size:28px;
        padding-bottom:30px
    }
    .step_2 .forms{
        padding-left:80px;
        background-position:19px center;
        border-radius:10px
    }
    .step_2 .forms .input_1{
        height:60px;
        line-height:60px;
        font-size:20px
    }
}
@media screen and (min-width:1680px){
    .step_2 .tips{
        font-size:32px;
        padding-bottom:35px
    }
    .step_2 .forms{
        background-position:17px center
    }
    .step_2 .forms .input_1{
        height:65px;
        line-height:65px;
        font-size:24px
    }
}
.step_3 .formlist,.step_5 .formlist,.step_6 .formlist{
    position:relative;
    padding-left:45px;
    margin-bottom:10px
}
.step_3 .formlist:last-child,.step_5 .formlist:last-child,.step_6 .formlist:last-child{
    margin-bottom:0
}
.step_3 .formlist .icon,.step_3 .formlist .icon2,.step_5 .formlist .icon,.step_5 .formlist .icon2,.step_6 .formlist .icon,.step_6 .formlist .icon2{
    width:40px;
    height:40px;
    line-height:40px;
    position:absolute;
    left:0;
    top:50%;
    font-size:20px;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.step_3 .formlist .icon2,.step_5 .formlist .icon2,.step_6 .formlist .icon2{
    top:0;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    vertical-align:top;
    background-color:#E21650;
    border-radius:50%;
    overflow:hidden;
    box-shadow:0 0 29px rgba(226,22,80,.29)
}
.step_3 .formlist .name,.step_3 .formlist .newTitle,.step_5 .formlist .name,.step_5 .formlist .newTitle,.step_6 .formlist .name,.step_6 .formlist .newTitle{
    font-size:17px;
    
}
.step_3 .formlist .newTitle,.step_5 .formlist .newTitle,.step_6 .formlist .newTitle{
    margin-bottom:10px
}
.step_3 .formlist .newTitle a,.step_5 .formlist .newTitle a,.step_6 .formlist .newTitle a{
    color:#e21650;
    text-decoration:underline
}
.step_3 .formlist .inputs>*,.step_5 .formlist .inputs>*,.step_6 .formlist .inputs>*{
    margin-right:10px
}
.step_3 .formbox,.step_3 .infobox,.step_4 .formbox,.step_5 .addresstip{
    margin-left:auto;
    margin-right:auto
}
.step_3 .formlist .inputs .small,.step_5 .formlist .inputs .small,.step_6 .formlist .inputs .small{
    width:40px
}
.step_3 .formlist .inputs .small input,.step_5 .formlist .inputs .small input,.step_6 .formlist .inputs .small input{
    text-align:center
}
.step_3 .formlist .inputs .name,.step_5 .formlist .inputs .name,.step_6 .formlist .inputs .name{
    height:36px;
    line-height:36px
}
.step_3 .formlist .input,.step_5 .formlist .input,.step_6 .formlist .input{
    position:relative;
    border-bottom:1px solid #3b1e47
}
.step_3 .formlist .input input,.step_5 .formlist .input input,.step_6 .formlist .input input{
    display:block;
    width:100%;
    height:36px;
    font-size:14px;
    line-height:36px;
    ;
    color:#fff;
    border:0;
    background-color:transparent;
    padding-right:10px
}
.step_3 .formlist .input input::-webkit-input-placeholder,.step_5 .formlist .input input::-webkit-input-placeholder,.step_6 .formlist .input input::-webkit-input-placeholder{
    color:#9b77ab
}
.step_3 .formlist .input input::-moz-placeholder,.step_5 .formlist .input input::-moz-placeholder,.step_6 .formlist .input input::-moz-placeholder{
    color:#9b77ab
}
.step_3 .formlist .input input:-ms-input-placeholder,.step_5 .formlist .input input:-ms-input-placeholder,.step_6 .formlist .input input:-ms-input-placeholder{
    color:#9b77ab
}
.step_3 .formlist .codebtn,.step_5 .formlist .codebtn,.step_6 .formlist .codebtn{
    
    position:absolute;
    right:0;
    bottom:5px;
    font-size:10px;
    display:inline-block;
    height:30px;
    line-height:30px;
    border-radius:1000px;
    padding-left:12px;
    padding-right:12px;
    z-index:2;
    background-color:#2196f3
}

.step_3 .formlist .codebtn:hover,.step_5 .formlist .codebtn:hover,.step_6 .formlist .codebtn:hover{
    -webkit-box-shadow:0 0 20px 4px rgba(136,57,209,.29);
    box-shadow:0 0 20px 4px rgba(136,57,209,.29)
}
.step_3 .tips{
    font-size:16px;
    line-height:1.2em
}
.step_3 .formbox{
    max-width:640px;
    padding-top:20px;
    padding-bottom:15px
}
.step_3 .infobox{
    background-color:#3b1e47;
    padding:10px;
    font-size:0;
    border-radius:8px;
    max-width:640px
}
.step_3 .infobox dd{
    vertical-align:top;
    display:block
}
.step_3 .infobox dd:last-child{
    width:100%
}
.step_3 .infobox dd .tit{
    color:#9b77ab;
    font-size:12px
}
.step_3 .infobox dd .val{
    color:#fff;
    
    font-size:16px
}
@media screen and (min-width:414px){
    .step_3 .tips{
        font-size:18px
    }
    .step_3 .formbox{
        padding-top:25px;
        padding-bottom:25px
    }
    .step_3 .infobox dd{
        font-size:14px
    }
}
@media screen and (min-width:768px){
    .step_3 .formlist,.step_5 .formlist,.step_6 .formlist{
        padding-left:70px
    }
    .step_3 .formlist .icon,.step_3 .formlist .icon2,.step_5 .formlist .icon,.step_5 .formlist .icon2,.step_6 .formlist .icon,.step_6 .formlist .icon2{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:28px
    }
    .step_3 .formlist .name,.step_3 .formlist .newTitle,.step_5 .formlist .name,.step_5 .formlist .newTitle,.step_6 .formlist .name,.step_6 .formlist .newTitle{
        font-size:20px
    }
    .step_3 .formlist .newTitle,.step_5 .formlist .newTitle,.step_6 .formlist .newTitle{
        margin-bottom:15px
    }
    .step_3 .formlist .inputs .name,.step_5 .formlist .inputs .name,.step_6 .formlist .inputs .name{
        height:40px;
        line-height:40px
    }
    .step_3 .formlist .input input,.step_5 .formlist .input input,.step_6 .formlist .input input{
        height:40px;
        line-height:40px;
        font-size:16px
    }
    .step_3 .formlist .codebtn,.step_5 .formlist .codebtn,.step_6 .formlist .codebtn{
        font-size:12px;
        height:34px;
        line-height:34px;
        padding-left:20px;
        padding-right:20px
    }
    .step_3 .tips{
        padding-top:10px;
        font-size:22px
    }
    .step_3 .infobox{
        padding:15px
    }
    .step_3 .infobox dd{
        float:left;
        width:33.33%
    }
    .step_3 .infobox dd:last-child{
        width:33.33%
    }
    .step_3 .infobox dd .tit{
        font-size:14px
    }
    .step_3 .infobox dd .val{
        font-size:20px
    }
}
@media screen and (min-width:1366px){
    .step_3 .formlist,.step_5 .formlist,.step_6 .formlist{
        margin-bottom:15px
    }
    .step_3 .formlist .name,.step_3 .formlist .newTitle,.step_5 .formlist .name,.step_5 .formlist .newTitle,.step_6 .formlist .name,.step_6 .formlist .newTitle{
        font-size:24px
    }
    .step_3 .formlist .newTitle,.step_5 .formlist .newTitle,.step_6 .formlist .newTitle{
        margin-bottom:20px
    }
    .step_3 .tips{
        font-size:28px
    }
    .step_3 .formbox{
        max-width:810px
    }
    .step_3 .infobox{
        max-width:710px;
        padding:20px 25px
    }
}
@media screen and (min-width:1680px){
    .step_3 .formlist,.step_5 .formlist,.step_6 .formlist{
        margin-bottom:30px;
        padding-left:90px
    }
    .step_3 .formlist .icon,.step_3 .formlist .icon2,.step_5 .formlist .icon,.step_5 .formlist .icon2,.step_6 .formlist .icon,.step_6 .formlist .icon2{
        width:75px;
        height:75px;
        line-height:75px;
        left:0;
        font-size:40px
    }
    .step_3 .formlist .name,.step_3 .formlist .newTitle,.step_5 .formlist .name,.step_5 .formlist .newTitle,.step_6 .formlist .name,.step_6 .formlist .newTitle{
        font-size:28px
    }
    .step_3 .formlist .newTitle,.step_5 .formlist .newTitle,.step_6 .formlist .newTitle{
        margin-bottom:25px
    }
    .step_3 .formlist .input input,.step_3 .formlist .inputs .name,.step_5 .formlist .input input,.step_5 .formlist .inputs .name,.step_6 .formlist .input input,.step_6 .formlist .inputs .name{
        height:44px;
        line-height:44px
    }
    .step_3 .formlist .codebtn,.step_5 .formlist .codebtn,.step_6 .formlist .codebtn{
        font-size:16px;
        padding-left:35px;
        padding-right:35px;
        height:38px;
        line-height:38px
    }
    .step_3 .tips{
        font-size:32px
    }
    .step_3 .formbox{
        padding-top:35px;
        padding-bottom:35px
    }
    .step_3 .infobox{
        padding:30px 22px
    }
    .step_3 .infobox dd{
        line-height:2em
    }
    .step_3 .infobox dd .tit{
        font-size:18px
    }
    .step_3 .infobox dd .val{
        font-size:22px
    }
}
.step_4 .tips{
    padding-top:10px;
    padding-bottom:30px;
    font-size:16px;
    line-height:1.2em
}
.step_4 .formlist .input_1,.step_4 .formlist .name{
    float:left;
    width:50%;
    line-height:45px;
    font-size:14px;
    
}
.step_4 .formbox{
    max-width:640px
}
.step_4 .formlist{
    margin-bottom:25px
}
.step_4 .formlist:last-child{
    margin-bottom:0
}
.step_4 .formlist .name{
    color:#9b77ab;
    border-bottom:1px solid #482855
}
.step_4 .formlist .input_1{
    height:45px;
    background-color:transparent;
    border:0;
    border-bottom:1px solid #8839d1;
    color:#fff
}
.step_4 .formlist .input_1::-webkit-input-placeholder{
    color:#fff
}
.step_4 .formlist .input_1::-moz-placeholder{
    color:#fff
}
.step_4 .formlist .input_1:-ms-input-placeholder{
    color:#fff
}
@media screen and (min-width:768px){
    .step_4 .tips{
        font-size:22px;
        padding-bottom:30px
    }
    .step_4 .formlist .input_1,.step_4 .formlist .name{
        font-size:16px
    }
}
@media screen and (min-width:1366px){
    .step_4 .tips{
        font-size:28px;
        padding-bottom:40px
    }
    .step_4 .formbox{
        max-width:710px
    }
    .step_4 .formlist{
        margin-bottom:40px
    }
    .step_4 .formlist .input_1,.step_4 .formlist .name{
        height:50px;
        line-height:50px;
        font-size:18px
    }
}
@media screen and (min-width:1680px){
    .step_4 .tips{
        font-size:32px;
        padding-bottom:55px
    }
    .step_4 .formlist{
        margin-bottom:60px
    }
    .step_4 .formlist .input_1,.step_4 .formlist .name{
        border-bottom-width:2px;
        font-size:24px
    }
}
.step_5 .tips{
    padding-top:10px;
    padding-bottom:10px;
    
    font-size:16px;
    line-height:1.2em;
    text-align:center
}
.step_5 .addressbox .txt,.step_5 .addressbox .txt .val input{
    
}
.step_5 .addressbox{
    padding-left:75px;
    position:relative;
    margin-bottom:15px
}
.step_5 .addressbox .ewm{
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    width:70px;
    height:70px;
    border:2px solid #8437ca;
    -webkit-box-shadow:0 0 10px 5px rgba(136,57,209,.29);
    box-shadow:0 0 10px 5px rgba(136,57,209,.29)
}
.step_5 .addressbox .txt{
    font-size:9px
}
.step_5 .addressbox .txt .title{
    padding-bottom:8px;
    color:#9b77ab
}
.step_5 .addressbox .txt .val{
    color:#fff
}
.step_5 .addressbox .txt .val input{
    background-color:transparent;
    border:0;
    color:#fff;
    display:block;
    width:100%;
    font-size:9px
}
.step_5 .addressbox .txt .copybtn{
    margin-top:8px;
    display:inline-block;
    
    font-size:9px;
    height:26px;
    line-height:26px;
    border-radius:1000px;
    padding-left:12px;
    padding-right:12px;
    z-index:2;
    background-color:#2196f3
}
.step_5 .addressbox .txt .copybtn:hover{
    -webkit-box-shadow:0 0 20px 4px rgba(136,57,209,.29);
    box-shadow:0 0 20px 4px rgba(136,57,209,.29)
}
.step_5 .addresstip{
    font-size:12px;
    ;
    line-height:1.2em;
    background-color:#32183c;
    color:#fff;
    border-radius:6px;
    margin-top:15px;
    padding:10px
}
.step_5 .addresstip dt,.step_5 .addresstip span{
    color:#ff8237
}
.step_5 .addresstip dt{
    font-size:16px;
    padding-bottom:10px
}
@media screen and (min-width:414px){
    .step_5 .addressbox .txt,.step_5 .addressbox .txt .val input{
        font-size:12px
    }
    .step_5 .addressbox{
        padding-left:90px
    }
    .step_5 .addressbox .ewm{
        width:80px;
        height:80px
    }
    .step_5 .addressbox .txt .copybtn{
        font-size:12px;
        padding-left:18px;
        padding-right:18px
    }
    .step_5 .addresstip{
        margin-top:25px;
        padding:12px;
        font-size:14px
    }
    .step_5 .addresstip dt{
        font-size:18px
    }
}
@media screen and (min-width:768px){
    .step_5{
        width:70%;
        margin-left:auto;
        margin-right:auto
    }
    .step_5 .tips{
        font-size:22px;
        padding-bottom:15px
    }
    .step_5 .addressbox{
        padding-left:110px;
        margin-bottom:30px
    }
    .step_5 .addressbox .ewm{
        left:0
    }
    .step_5 .addressbox .txt .copybtn{
        padding-left:23px;
        padding-right:23px
    }
}
@media screen and (min-width:1366px){
    .step_5 .tips{
        font-size:28px
    }
    .step_5 .addressbox .ewm{
        width:96px;
        height:96px;
        margin-right:25px
    }
    .step_5 .addressbox .txt{
        font-size:16px
    }
    .step_5 .addressbox .txt .title{
        padding-bottom:12px
    }
    .step_5 .addressbox .txt .copybtn{
        margin-top:12px;
        font-size:14px;
        height:32px;
        line-height:32px;
        padding-left:25px;
        padding-right:25px
    }
    .step_5 .addressbox .txt .val input{
        font-size:16px
    }
    .step_5 .addresstip{
        max-width:920px;
        margin-top:25px;
        padding:15px;
        font-size:16px
    }
    .step_5 .addresstip dt{
        font-size:22px
    }
}
@media screen and (min-width:1680px){
    .step_5 .tips{
        font-size:32px;
        padding-bottom:20px
    }
    .step_5 .addressbox{
        padding-left:140px
    }
    .step_5 .addressbox .ewm{
        width:120px;
        height:120px;
        margin-right:35px;
        margin-bottom:45px
    }
    .step_5 .addressbox .txt{
        font-size:18px
    }
    .step_5 .addressbox .txt .copybtn{
        margin-top:20px;
        font-size:16px;
        padding-left:28px;
        padding-right:28px;
        height:40px;
        line-height:40px
    }
    .step_5 .addressbox .txt .val input{
        font-size:18px
    }
    .step_5 .addresstip{
        padding:20px;
        font-size:18px;
        margin-top:35px
    }
    .step_5 .addresstip dt{
        font-size:28px;
        padding-bottom:20px
    }
}
.step_6 .choose-btn,.step_6 .formlist,.step_6 .send-status{
    margin-left:auto;
    margin-right:auto
}
.step_6{
    height:100%
}
.step_6 .tips{
    padding-top:10px;
    padding-bottom:15px;
    font-size:16px;
    line-height:1.2em;
    text-align:center
}
.step_6 .choose-btn{
    max-width:500px
}
.step_6 .choose-btn li{
    margin-bottom:15px
}
.step_6 .choose-btn li .btn{
    width:100%
}
.step_6 .formlist{
    max-width:960px
}
.step_6 .copyboard{
    position:relative;
    background-color:#32183C;
    padding:15px;
    font-size:14px;
    line-height:1.4em;
    
    color:#fff;
    overflow:hidden;
    border-radius:6px
}
.step_6 .copyboard.textarea-copyboard{
    padding:0
}
.step_6 .copyboard.textarea-copyboard textarea{
    display:block;
    height:90px;
    padding:15px;
    padding-right:100px;
    text-align:left;
    border:0;
    background:0 0;
    color:inherit;
    width:100%;
    font-size:80%;
    font-family:inherit;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none
}
.step_6 .copyboard .codebtn{
    bottom:50%;
    right:20px;
    -webkit-transform:translate(0,50%);
    -moz-transform:translate(0,50%);
    -ms-transform:translate(0,50%);
    transform:translate(0,50%)
}
.step_6 .send-status{
    width:50px;
    height:50px;
    border-radius:50%;
    overflow:hidden;
    margin-bottom:20px
}
@media screen and (min-width:768px){
    .step_6 .tips{
        font-size:22px;
        padding-bottom:20px
    }
    .step_6 .choose-btn li{
        margin-bottom:20px
    }
    .step_6 .copyboard{
        font-size:16px
    }
    .step_6 .send-status{
        width:65px;
        height:65px;
        margin-bottom:30px
    }
}
@media screen and (min-width:1366px){
    .step_6 .tips{
        font-size:28px;
        padding-bottom:25px
    }
    .step_6 .choose-btn li{
        margin-bottom:25px
    }
    .step_6 .copyboard{
        font-size:18px
    }
    .step_6 .send-status{
        width:80px;
        height:80px;
        margin-bottom:40px
    }
}
@media screen and (min-width:1680px){
    .step_6 .tips{
        font-size:32px;
        padding-bottom:35px
    }
    .step_6 .choose-btn li{
        margin-bottom:35px
    }
    .step_6 .send-status{
        width:100px;
        height:100px;
        margin-bottom:50px
    }
}
.section13 .imglist3 img {filter: contrast(0);}

.downloadapp .btn:hover {color: #fff;}

.txtlist:after {content: "";width: 100%;height: 100%;background-image: url(../images/shape-bg1.png);position: absolute;top: 0;left: 0;z-index: -1;}

.txtlist {position: relative;}

.txtlist .img img {max-width: 100px;width: 100%;}

.wallet-btn-center {text-align: center;margin-top: 40px;}
.wallet-btn-center a {display: inline-block;padding: 13px 20px;line-height: normal;height: inherit;font-weight: bold;}

@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.comingsoon-label {animation: blink 1s linear infinite;color: #a3d6ff;}