@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; border:0px;   color:#212529; font-size:14px; width:100%; background:#ffffff;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:inherit; font-size:inherit;}
a:hover{ text-decoration:none !important;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
textarea{ font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333; font-size:14px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}


/*黑白照片*/
.gray {
-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
}

.gray:hover {
-webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
     -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: gray;
}
/*圆角5px*/
.radius5{
-webkit-border-radius:5px;
   -moz-border-radius:5px;
    -ms-border-radius:5px;
     -o-border-radius:5px;
        border-radius:5px;
}
/*圆角10px*/
.radius10{
-webkit-border-radius:10px;
   -moz-border-radius:10px;
    -ms-border-radius:10px;
     -o-border-radius:10px;
        border-radius:10px;
}
/*图片变大*/
.tra .imgs{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}
.tra:hover .imgs{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
}

.shadow10{
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
}

:root{
   --color:#7733e6;
}

.w1{ width:90%; margin:0 auto; max-width:1100px;}

.imgs{ width:100%; height:100%; position: absolute; left:0; top:0; object-fit:cover;}


.layout{ display: flex; justify-content: space-between; margin-top: 45px;}
.layout .layoutLeft{ width: calc( 100% * 320 / 1140); flex-shrink: 0;}

.layoutTop{ font-size: 16px; color: #212529; line-height: 3em; border-bottom: var(--color) solid 1px;}

.layoutMenu{ width: 100%; margin: 15px 0;}
.layoutMenu .layoutItem{ width: 100%;}
.layoutMenu .layoutItem .layoutTitle1{ width: 100%; display: flex; align-items: center; justify-content: space-between; height: 40px; padding-right: 15px;}
.layoutMenu .layoutItem .layoutTitle1.on{ padding-left:15px; background: url(../images/icon1.png) no-repeat 0 50%;}
.layoutMenu .layoutItem .layoutTitle1.on a{ color: var(--color);}
.layoutMenu .layoutItem .layoutTitle1 a{ font-size: 14px; color: #6f6f6f;}
/*.layoutMenu .layoutItem .downWai{ display: none;}*/
.layoutMenu .layoutItem.on1 .downWai{ display: block;}
.layoutMenu .layoutItem .layoutTitle{ width: 100%; display: flex; align-items: center; justify-content: space-between; height: 40px; padding-right: 15px; padding-left: 15px;}
.layoutMenu .layoutItem .layoutTitle a{ font-size: 14px; color: #6f6f6f; }
/*.layoutMenu .layoutItem .layoutDownBox{ display: none;}*/
.layoutMenu .layoutItem1.on1 .layoutDownBox{ display: block;}
.layoutMenu .layoutItem .layoutDown{ display: flex; flex-direction: column;}
.layoutMenu .layoutItem .layoutDown a{ line-height: 40px; font-size: 14px; padding-left: 30px; color: #6f6f6f;}

.layoutMenu .layoutItem a:hover{ color: var(--color);}

.layout .layoutRight{ width: calc( 100% * 720 / 1140); flex-shrink: 0;}

.layoutMenu .layoutItem .layoutItem1.on .layoutTitle{ padding-left:15px; background: url(../images/icon1.png) no-repeat 0 50%;}
.layoutMenu .layoutItem .layoutItem1.on .layoutDown{ display: flex;}
.layoutMenu .layoutItem .layoutDown a.on{ background: url(../images/icon1.png) no-repeat 15px 50%; color: var(--color);}

/*.layoutMenu .layoutItem.on1 .layoutTitle1 i{ transform: rotate(90deg); transform-origin: 50%;}*/
/*.layoutMenu .layoutItem.on .layoutTitle1 i{ transform: rotate(90deg); transform-origin: 50%;}*/
/*.layoutMenu .layoutItem.on .layoutTitle1 a{ color: var(--color);}*/
/*.layoutMenu .layoutItem1.on1 .layoutTitle i{ transform: rotate(90deg); transform-origin: 50%;}*/
/*.layoutMenu .layoutItem1.on .layoutTitle i{ transform: rotate(90deg); transform-origin: 50%;}*/
.layoutMenu .layoutItem1.on .layoutTitle a{ color: var(--color);}

footer ul {
    padding-left: 1rem;
}

.layoutRightTitle{ font-size: 26px; color: #212529; line-height: 1.5em; font-weight: bolder;}
.layoutRightSamll{ font-size: 14px; color: #212529; margin-top: 20px;}

.layout2{ display: flex; background: #f2f2f2; margin: 60px auto 80px;}
.layout2 .layoutLeft2{ width: 50%; padding: 25px 30px;}
.layout2 .layoutLeft2 .layoutTitle2{ color: #212529; font-size: 26px; font-weight: 900;}
.layout2 .layoutLeft2 .layoutSmall2{ color: #212529; font-size: 14px; line-height: 1.2em; margin-top: 15px;}
.layout2 .layoutRight2{ width: 50%;}
.layout2 .layoutRight2 img{ width: 100%;}

.layout3{ padding: 70px 0 100px; background: linear-gradient(90deg, #7733e6, #0c2873);}
.layout3 .sCurve__item{ padding: 0 !important; margin: 0 !important;}
.layout3 .sCurve__item:nth-of-type(odd):before{ display: none !important;}

.layoutNei3{ display: flex; justify-content: space-between;}

.layoutLeft3{ width: 460px;}
.layout31{ font-size: 24px; color: #fff; }
.layout32{ font-size: 14px; color: #fff; margin: 10px 0 45px;}

.layoutRight3{ width: 570px;}
.layoutRight3 .layoutRight31{ font-size: 26px; color: #fff;}
.layoutRight3 .layoutRight32{ font-size: 14px; color: #fff; margin: 10px 0 45px;}
.layoutRight3 .layoutRight33{ display: flex; justify-content:space-between; color: #fff; margin-top: 30px;}
.layoutRight3 .layoutRight33 .layoutRightItem33{ display: flex; align-items: center; flex-direction: column;}
.layoutRight3 .layoutRight33 .layoutRightItem33 .layoutRightTop33{ font-size: 24px; font-weight: bolder;}
.layoutRight3 .layoutRight33 .layoutRightItem33 .layoutRightTop33 sub{ font-size: 14px;}
.layoutRight3 .layoutRight33 .layoutRightItem33 .layoutRightBot33{ font-size: 14px;}

.layout4{ background: url(../images/icon27.jpg) no-repeat 50% 0; overflow: hidden;}

.layout41{ font-size: 26px; margin: 70px auto 0px;}

.layout42{ display: flex; margin-bottom: 70px;}
.layout42 .layoutItem4{ display: flex; flex-direction: column; align-items: center; text-align: center; width: 25%;}
.layout42 .layoutItem4 .layoutIcon4{}
.layout42 .layoutItem4 .layoutTitle4{ font-size: 20px; margin: 20px auto 10px; white-space: pre; min-height: 3em;}
.layout42 .layoutItem4 .layoutSmall4{ font-size: 14px;}
.layout42 .layoutLine{ width: 1px; flex-shrink: 0; height: 65px; background: #ccc; margin: 0 30px; margin-top: 50px;}

.layout43{ margin: 10px auto 30px;}

.pageBottom{ display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.pageBottom a{ font-size: 12px; color: #afafaf; margin-right: 30px; line-height: 3em;}

.layout9{ margin: 15px auto 90px;}
.layoutTitle9{ padding-left: 25px; background: url(../images/icon30.png) no-repeat 0 7px; font-size: 20px; margin-bottom: 10px;}
.layoutText9{ padding-left: 25px; line-height: 1.5em; font-size: 14px; margin-bottom: 10px;}

.layout6{ margin: 50px auto 120px;}
.layout71{ font-size: 26px; color: #fff;}

.layout72{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px 40px; margin-top: 30px;}
.layout73{ font-size: 14px; margin: 15px auto; color: #fff;}
.layoutItem7{ color: #fff;}
.layoutItem7:hover{ color: #fff;}
.layoutItem7 .layoutImg7{ position: relative; overflow: hidden;}
.layoutItem7 .layoutImg7::before{ content: ''; display: block; padding-top: calc(100% * 180 / 360);}
.layoutItem7 .layoutTitle7{ font-size: 16px; margin: 20px 0 15px;}
.layoutItem7 .layoutSmall7{ font-size: 14px;}

.sCurve__item .sCurve__heading, .sCurve__item .sCurve__row h2, .sCurve__item .sCurve__row h3 {
    color: #212529 !important;
    font-size: 20px !important;
    text-transform: uppercase;
}


.layout8 .sCurve__item .sCurve__row{ align-items: flex-start;}

.navbar {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 5;
}

.layout12{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}

.layout12Item{ width: calc( 50% - 15px); margin-bottom: 15px;}
.layout12Item .layout12Img{ width: 100%; position: relative; overflow: hidden;}
.layout12Item .layout12Img::before{ content: ''; display: block; padding-top: calc( 100% * 250 / 555);}
.layout12Item .layout12Title{ font-size: 18px; color: #fff; margin: 20px 0;}
.layout12Item .layout12Small{ font-size: 14px; color: #fff; line-height: 1.5em;}


.layout12Item:nth-child(3){ width: 100%;}
.layout12Item:nth-child(3) .layout12Img::before{ content: ''; display: block; padding-top: calc( 100% * 300 / 1100);}




.layoutRight .layoutRight33{ display: flex; margin-top: 30px;}
.layoutRight .layoutRight33 .layoutRightItem33{ display: flex; align-items: center; flex-direction: column; color: var(--color); margin-right: 45px;}
.layoutRight .layoutRight33 .layoutRightItem33 .layoutRightTop33{ font-size: 24px; font-weight: bolder;}
.layoutRight .layoutRight33 .layoutRightItem33 .layoutRightTop33 sub{ font-size: 14px;}
.layoutRight .layoutRight33 .layoutRightItem33 .layoutRightBot33{ font-size: 14px;}

.layout16{ font-size: 26px; margin-top: 85px; margin-bottom: -30px;}

.layout17Box{ background:url(/front/build/img/trameOdd.png) no-repeat 70vw !important;}

.layout17{ display: flex; justify-content: space-between; padding: 00px 0 80px; border-bottom: #ccc solid 1px;}
.layout17 .layoutLeft17{ width: 420px;}
.layout17 .layoutLeft17 .layoutLeft171{ font-size: 26px;}
.layout17 .layoutLeft17 .layoutLeft172{ font-size: 14px; line-height: 1.5em; margin-top: 20px;}

.layout18{ display: flex; justify-content: space-between; padding: 60px 0 60px; border-bottom: #ccc solid 1px; flex-direction: row-reverse;}
.layout18 .layout18Left{ width: 420px;}
.layout18 .layout18Left .layout18Left1{ font-size: 26px;}
.layout18 .layout18Left .layout18Left2{ font-size: 14px; line-height: 1.5em; margin-top: 20px;}

.layoutImg9{ margin: 10px auto 30px;}

.layout20{ padding: 75px 0 0px; border-top: #ccc solid 1px;}
.layout20 .layout201{ font-size: 26px;}
.layout20 .layout202{ font-size: 14px; line-height: 1.5em; margin-top: 20px;}


.lay1{ display: flex; justify-content: space-between; padding: 20px 0 70px;}
.lay1 .layLeft1{ width: calc( 100% * 300 / 1100);}
.lay1 .layLeft1 .layLeft11{ font-size: 36px; padding-left:25px; color: #7733e6; line-height: 2em;}
.lay1 .layLeft1 .layLeft12{ font-size: 16px; color: #212529; margin-bottom: 20px;}
.lay1 .layLeft1 .layLeft13{ font-size: 12px; color: #888888;}
.lay1 .layRight1{width: calc( 100% * 770 / 1100);}

.lay2{ display: flex; justify-content: space-between; padding-bottom: 80px; border-bottom: #ccc solid 1px;}
.lay2 .layLeft2{width: calc( 100% * 770 / 1100);}
.lay2 .layRight2{ width: calc( 100% * 300 / 1100);}
.lay2 .layRight2 .layRight21{ font-size: 14px; line-height: 1.5em;}
.lay2 .layRight2 .layRight23{ font-size: 36px; color: #7733e6; position: relative; text-align: center; line-height: 2em;}
.lay2 .layRight2 .layRight22{ text-align: center; font-size: 16px;}

.layBox1 {
    background: url(/front/build/img/trameOdd.png) no-repeat 70vw 18vw !important;
}

.lay3{ padding: 0 0 80px;}

.lay4{ display: flex; justify-content: space-between; margin-bottom: 30px; margin-top: 20px;}
.lay4 .layItem4{ width: calc( 50% - 15px);}
.lay4 .layItem4 .layout9{ max-width: 435px; margin: 0;}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        overflow: inherit !important;
    }
}
.dropdown:hover .dropdown-menu{ display: block !important;}

.secondaryPurple .btn__cta:after {
    background: #ff134b url(/front/build/img/chevron-right.svg) 50% 50% no-repeat !important;
    background-size: 40% !important;
}

.sCurve__item .btn__cta:after {
    background: #ff134b  url(/front/build/img/chevron-right.svg) 50% 50% no-repeat !important;
    background-size: 40% !important;
    background: #022b71;
    bottom: 0;
    content: "";
    display: block;
    left: 100%;
    padding: 6px 12px;
    position: absolute;
    top: 0;
}

@media (min-width: 992px) {
       .sCurve__item:nth-of-type(odd) {
        background: url(/front/build/img/trameOdd.png) no-repeat 65vw !important;
    }

    .sCurve__item:nth-of-type(2n) {
        background: url(/front/build/img/trameEven.png) no-repeat right 65vw center !important
    }
   }

.heroHeader .heroHeader__heading sup{ font-size:42px;}

.layoutRightTitle sup{    font-size: 16px;
    margin-top: 14px;
    position: relative;
    top: -9px;}

@media screen and (min-width:1200px){

.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}


}
@media screen and (max-width:1200px){
.pc{ display:block;}
.mo{ display:none;}
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.pcTop{ display:none;}
.moTop{ display:flex;}


}
@media screen and (max-width:770px){

.w1{ width: 100%; padding-left: 15px; padding-right: 15px;}

.layout2{ flex-direction: column;}
.layout2 .layoutLeft2{ width: 100%;}
.layout2 .layoutRight2{ width: 100%;}

.layoutNei3{ flex-direction: column;}
.layoutLeft3{ width: 100%;}
.layoutRight3{ width: 100%; margin-top: 35px;}

.layoutRight3 .layoutRight33{ flex-wrap: wrap;}
.layoutRight3 .layoutRight33 .layoutRightItem33{ width: 50%; margin-bottom: 30px;}

.layout42 { flex-wrap: wrap;}
.layout42 .layoutItem4{ width:45%; margin: 20px auto;}
.layout42 .layoutLine:nth-child(4){ display: none;}
.layout42 .layoutLine{margin: 10px 10px;
        height: 150px;}
.layout42 .layoutItem4 .layoutTitle4 {
    font-size: 15px;}
.layout41 {
    font-size: 24px;
    margin: 50px auto 45px;
}
.layout42 .layoutItem4 .layoutSmall4 {
    font-size: 12px;
}

.layout .layoutLeft{ width: 45%;}

.layout .layoutRight{ width:50%;}
.layoutRightTitle {
    font-size: 18px;}

.layout2 .layoutLeft2 .layoutTitle2 {
    color: #212529;
    font-size: 18px;
    font-weight: 900;
}

.layout72{ grid-template-columns: 1fr;}

.layout12Item{ width: 100% !important;}
.layout12Item .layout12Img::before{ content: ''; display: block; padding-top: calc( 100% * 250 / 555) !important;}

.layout16 {
    font-size: 18px;
    margin-top: 85px;
    margin-bottom: -30px;
}

.layout17{ flex-direction: column;}
.layout17 .layoutLeft17{ width: 100%;}
.layoutRight17{ width: 100%; margin-top: 30px; margin-bottom: 30px;}

.layout18{ flex-direction: column; padding-top: 30px; padding-bottom: 30px;}
.layout18 .layout18Left{ width: 100%;}
.layout18Right{ width: 100%; margin-top: 30px;}

.layoutImg9{ margin-top: 30px;}

.layoutRight .layoutRight33{ display: none;}

.layout16{ margin-top: 30px;}

.layout6{ margin-bottom: 50px;}

.layout9{ margin-top: -20px; margin-bottom: 50px;}


.layout20{ padding-top: 50px;}


.lay1{ flex-direction: column;}
.lay1 .layLeft1{ width: 100%;}
.lay1 .layRight1{ width: 100%; margin-top: 30px;}

.lay2{ flex-direction: column-reverse;}
.lay2 .layLeft2{ width: 100%;}
.lay2 .layRight2{ width: 100%; margin-bottom: 30px;}
.lay2 .layRight2 .layRight21 span{ left: auto;}

.lay4{ flex-direction: column;}
.lay4 .layItem4{ width: 100%; margin-bottom: 20px;}
.lay4 .layItem4 .layout9{ max-width: 100%; width: 100%;}


.layout41ss{ margin: 30px auto -15px;}

.layout6{ margin: 30px auto;}

.layout17{ padding-bottom: 30px;}


}
@media screen and (max-width:640px){




}
@media screen and (max-width:420px){




}