body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, input, button, textarea, blockquote {
    margin: 0;
    padding: 0;
}
body {
    background: #ffffff;
    color: #001A33;
    font: -apple-system, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, Helvetica Neue, sans-serif;
    font-family: PingFang SC;
    font-size: 16px;
}
body * {
    transition: all 200ms;
}
    @font-face {  	
        font-family: 'JDZhengHT-EN';  	
        src: url('../fonts/jdzh_regular.ttf') format('truetype');	
 }
ul, ol {
    list-style: none;
}
a:visited {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a{
    color: #333;
}
.clear{
    clear: both;
}
.clearfix::after{
	clear:both;
	content:'';
	display:block;
	width: 0;
	height: 0;
	visibility:hidden;
}
.p160{
    padding: 0 160px;
}
button {
    margin: 0;
    padding: 0;
    border: 0px solid transparent;
    outline: none;
}

     
/*header*/

.nav-blank{
    width: 100%;
    height: 104px;
}
header.header-sws {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    height: auto;
    background: #FFFFFF;
}
.header-content{
    display: flex;
    height: 104px;
    width: 100%;
    justify-content: space-between;
    position: relative;
}
.left {
    float: left;
}
.right {
    float: right;
}
.site-logo a{
   display: block;
   width: 40px;
   height: 40px;
   border-radius: 12px;
   overflow: hidden;
   margin: 32px 0 0 80px;
}
.site-logo a img {
    display: block;
    width: 100%;
    height: 100%;
}

.site-nav{
    float: left;  
}
.site-nav>ul>li{
    float: left;
    display: flex;
    position: relative;
    padding: 40px 40px 40px 0;

}
.site-nav ul li a{
    display: block;
    color: #001A33;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.site-nav>ul>li:hover>a{
    color: #0080FF;
}
.r-btn{
    padding: 40px 80px 0 0;
}
.r-btn a{
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
}
.r-btn .free-btn {
    height: 40px;
    line-height: 40px;
    color: #0080FF;
    background-color: rgba(0, 128, 255, 0.02);
    border-color: rgb(0 128 255 / 26%);
    border-width: 1px;
    border-style: solid;
    padding: 0px 16px;
    border-radius: 8px;
}
.r-btn .free-btn:hover{
    color: #0080FF;
    background-color: rgba(0, 128, 255, 0.05);
    border: 1px solid rgba(0, 128, 255, 0.15);
}

.site-nav ul li b{
    position: absolute;
    right: 12px;
    top: 44px;
    width: 16px;
    height: 16px;
    display:block;
    transition:.3s;
    background:url(../images/header_dropdown.png) no-repeat center top;
}
.site-nav>ul>li:hover b{
    transform:rotate(180deg);
}
.index-cases{
    width: 320px;
    position: absolute;
    top: 80px;
    left: -110px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 0 8px 0;
}

.index-cases ul li{
    width: 280px;
    height: 80px;
    border-radius: 8px;
    margin-left: 20px;
    margin-bottom: 12px;
    overflow: hidden;
}
.index-cases ul li a{
    position: relative;
    display: block;
}
.index-cases ul li a img{
    width: 100%;
    height: 100%;
}
.index-cases ul li:hover{
    box-shadow: 5px 2px 20px rgba(27, 27, 27, 0.4);
}
.index-cases ul li a p{
    position: absolute;
    color: #ffffff;
    font-size: 21px;
    font-weight: 600;
    top: 27px;
    right: 30px;
    letter-spacing: 4px;
}
.index-cases ul li:hover{
    transform: translateY(-4px);
}
.more{
    position: absolute;
    top: 80px;
    left: -50px;
    width: 128px;
    text-align: center;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
    padding: 32px 0 12px 0;
}

.more ul li a{
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}
.more ul li:hover a{
    color: #0080FF;
}
.header__nav>ul>li>a.active,.r-btn .user .free-btn-2.active{
    color: #0080FF;
}
.drop-down{
    display: none;
}
.guding{
    background: #ffffff !important;
    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.1s;
}

/*index*/

.w1120{
    width: 1120px;
    margin: 0 auto;
}
.w1440{
    max-width: 1440px;
    min-width:1300px;
    width:100%;
    margin: 0 auto;
}
.w1080{
    width: 1080px;
    margin: 0 auto;
}
.w1200{
    max-width: 1200px;
    width:100%;
    margin: 0 auto;
}
.section1{
    margin-top: 40px;
}
.s1{
    padding:100px 130px 0 50px ;
}
.s1 h1{
    color: #001A33;
    font-family: Glow Sans SC;
    font-weight: Normal Heavy;
    font-size: 46px;
    line-height: 56px;
}
.s1 span{
    display: block;
    color: #33485C;
    font-weight: 100;
    font-size: 16px;
    line-height: 26px;
    margin: 24px 0 16px 0;
}
.s1 p{
    width: 500px;
    font-weight: regular;
    font-size: 17px;
    line-height: 28px;
}
.s1-btn,.s2-btn,.s3-btn{
    position: relative;
    float: left;
}
.s3-btn{
    width:100%;
}
.s3-btn .wang{
    margin-left:25px;
}
.s3-btn span{
    display: block;
    color: #33485C;
    font-weight: 100;
    font-size: 16px;
    line-height: 26px;
}
.s1-btn a,.s2-btn a{
    display: inline-block;
    text-align: center;
    color: #001A33;
    font-weight: 600;
    font-size: 16px;
    width: 128px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    background: #fff;
    margin-top: 32px;
}
.s1-btn a:first-child{
    color: #ffffff;
    width: 164px;
    background: #0080FF;
    margin-right: 16px;
}
.s2-btn a{
    border: 1px solid #001A33;
    box-shadow: 0px 1px 8px 1px #001A33;
    box-shadow: 0px 1px 16px 0px rgba(0, 128, 255, 0.06);
}
.s1-btn a:first-child:hover{

    box-shadow: 0px 1px 16px 14px rgba(8, 23, 224, 0.06);
}
.s1-btn a:hover{
    -webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0px 1px 16px 14px rgba(0, 0, 0, 0.06);
}
.s1-img img{
    display: block;
    width: 400px;
    height: 460px;
    padding: 12px 0 13px 0;
}
.section2{
    margin: 40px 0 120px 0;
    padding-left: 160px;
}
.occupation-list ul li{
    display: inline-block;
    border-radius: 24px;
    background: #00B7E2;
    color: #ffffff;
    font-weight: semibold;
    margin-right: 15px;
    padding: 40px 50px 50px 50px;
}
.occupation-list ul li:hover{
    -webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
    transform: scale(1.05);
}
.occupation-list ul li:nth-child(2){
    background: #5C6CFF;
}
.occupation-list ul li:nth-child(3){
    background:#047CEE;
}
.occupation-list ul li h4{
    color: #5CF5FF;
    line-height: 24px;
}
.occupation-list ul li .opt-text{
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    padding: 8px 0 20px 0;
}
.occupation-list ul li p{
    width: 261px;
    opacity: 0.800000011920929;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.s3-item{
    margin-bottom: 20px;
}

.s3-item .service {
    padding: 40px 111px 0 60px;
}
.item-text span{
    color: #0080FF;
    font-size: 18px;
    font-weight: 600;
}
.item-text h1{
    color: #001A33;
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 38px;
    margin: 8px auto 32px;
}
.item-text p{
    width: 420px;
    color: #33485C;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}
.item-text p.sp{
    margin-bottom: 16px;
}
.item-img1 img{
    display: block;
    width: 469px;
    height: 476px;
    padding-top: 119px;
}

.item-img2 img{
    display: block;
    width: 469px;
    height: 493px;
    margin-right: 160px;
    padding-bottom: 57px;
}

.s3-item .safe {
    padding: 60px 90px 0 60px;
}
.item-img3 img{
    display: block;
    width: 478px;
    height: 485px;
    padding-top: 135px;
}

.item-img4 img{
    display: block;
    width: 483px;
    height: 449px;
    margin: 0 95px 0 60px;
}

.search a{
    display: block;
    color: #0080FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    margin-top: 24px;
}
.section3{
    margin-bottom: 100px;
}

.section4{
    position: relative;
    height: 730px;
    background:url(../images/index_app_img.png) no-repeat left bottom;
    color: #ffffff;
    text-align: center;
}
.s4 .s4-bg{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: linear-gradient(180deg, #0080FF 0%, #ffffff 100%);
     z-index: -111;
}
.s4 h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    padding: 100px 0 32px 0;
}
.s4 p{
    /*width: 620px;*/
    font-weight: regular;
    font-size: 17px;
    line-height: 28px;
    margin:0 auto;
}
.s4 a{
    display: inline-block;
    width: 168px;
    height: 46px;
    line-height: 46px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #0080FF;
    font-weight: 600;
    font-size: 16px;
    margin-top: 32px;
}
.s4 a:hover,.study a:hover,.s-free-btn a:hover,.more-list a:hover{
    -webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0px 1px 16px 14px rgba(69, 80, 226, 0.06);
}
.section5{
    margin: 160px 0 120px 0;
}
.s5{
    margin-top: 30px;
}
.s5 h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
}
.s5  p{
    width: 360px;
    font-weight: regular;
    font-size: 17px;
    line-height: 28px;
    padding: 20px 0 32px 0;
}
.s5-li ul li{
    font-weight: regular;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 24px;
    position: relative;
}
.s5-li ul li.sactive{
    font-weight: 600;
}
.s5-li ul li.sactive::before{
    content: "";
    color: #0080FF;
    left: -33px;
    top: 13px;
    width: 16px;
    height: 3px;
    background: #0080FF;
    position: absolute;
}
/*.simg5>div{
    display: none;
    width: 720px;
    height: 520px;
}
.simg5>div img{
    width: 100%;
    height: 100%;
}*/
.simg5 ul li{
    display: none;
    width: 720px;
    height: 520px;
}
.simg5 ul li img{
    width: 100%;
    height: 100%;
}

.simg6 img{
    display: block;
    width: 480px;
    height: 620px;
}
.s6{
    padding: 120px 60px 0 0;
}
.s6  h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
}
.s6  p{
    width: 460px;
    color: #33485C;
    font-weight: regular;
    font-size: 17px;
    line-height: 28px;
}
.s6  p.mp{
    margin: 32px 0 16px 0;
}
.s6  a{
    display: block;
    color: #0080FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    margin-top: 24px;
}

.section7{
    height: 690px;
    background:url(../images/index_solution_bg.jpg)  no-repeat top  right;
    margin-top: 161px;
}
.s7{
    text-align: center;
    color: #ffffff;
}
.s7  p{
    font-weight: regular;
    font-size: 17px;
    line-height: 26px;
}
.s7  h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin: 8px 0 20px 0;
}
.s7  p:first-child{
    padding-top: 240px;
    color: #0080FF;
    font-weight: semibold;
}

.s7-img{
    padding: 60px 0 0 171px;
}
.s7-img ul li{
    width: 265px;
    height: 265px;
    float: left;
   
    margin-right: 20px;
}
.s7-img ul li img{
    border-radius: 13px;
    width: 100%;
    height: 100%;
}
.section8{
    padding: 155px 0 120px 0;
}

.s8 .study{
    padding: 0 200px;
  text-align: center;
}
.s8 .study h1{
    color: #001A33;
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
}

.s8 .study p{
     color: #33485C;
     font-weight: regular;
     font-size: 17px;
     line-height: 28px;
}
.s8 .study .sp1{
    margin-top: 32px;
}
.s8 .study .sp2{
    margin-bottom: 32px;
}
.study a{
    display: inline-block;
    width: 200px;
    height: 46px;
    line-height: 46px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #0080FF;
    color: #0080FF;
    font-weight: 600;
    font-size: 16px;
}
.s8-img{
    margin-top: 80px;
}
.s8-img ul li{
    width:160px ;
    height: 160px;
    float: left;
    margin-right: 24px;
}
.s8-img ul li:last-child{
   margin-right: -24px;
}
.s8-img ul li img{
   display: block;
   width:100% ;
   height: 100%;
   border-radius: 20px;
}
.s7-img ul li:hover{
    transform: translateY(-10px);
}
.s8-img ul li:hover{
    transform: translateY(-10px);
}
.s8-img ul li p{
  padding: 15px 15px 0;
  text-align: center;
  font-weight: 600;
}

/*footer*/

.footer-sws{
    /* height: 392px; */
    border-top: 1px solid #f2f3f5;
    text-align: left;
}
.f-links>div{
    float: left;
    padding: 60px 80px 60px 0;
}
.f-links>div:first-child{
    padding-left: 183px;
}

.f-links ul  li.l-title{
    color: #001A33;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
}
.f-links ul  li a{
    display: block;
    opacity: 0.6000000238418579;
    color: #001A33;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
}
.f-links ul  li a:hover{
    color: #0080FF;
}
.f-copyright{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 auto;
    padding: 24px 0;
}
.f-copyright ul li{
    float: left;
    opacity: 0.4;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin-right: 30px;
    box-sizing: border-box;
}
.crbox ul li a{
    color: rgba(255, 255, 255, 1);
}
/* .f-copyright ul li:first-child{
    margin-right: 304px;
} */
.f-copyright ul li:last-child{
    margin-right: 0;
}

/*features*/

.fts{
    margin: 96px 0 78px 0;
}
.fts .f-title{
    height: 160px;
    text-align: center;
}
.fts .f-title h1{
    color: #001A33;
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 16px;
    position: relative;
}
.f-title h1:after {
    content: "";
    background: url(../images/features_dot.png) no-repeat;
    width: 21px;
    height: 26px;
    position: absolute;
    right: 368px;
    top: -3px;
}
.f-title p{
    color: #001A33;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    font-weight: semibold;
}
.fimg img{
    display: block;
    width: 268px;
    height: 41px;
    padding-left: 524px;
}

.flow-content{
    padding: 0 250px;
}
.flow-pics-list{
    width: 460px;
    height: auto;
    text-align: left;
    font-size: 24px;
    color: #001A33;
    font-weight: 500;
}
.flow-pics-list>div{
    border-radius: 40px;
    background: #E9D8FF;
    overflow: hidden;
    margin-bottom: 20px;

}
.flow-pics-list>div:hover{

transform: translateY(-7px);
}
.flow-pics-list>div>h2{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}
.flow-pics-list .flow-pics1{
    height: 624px;
    background: url(../images/features_1.png) no-repeat;    
}
.flow-pics1 h2{
    padding:60px 0 20px 60px;
}
.flow-pics1 p{
    opacity: 0.800000011920929;
    font-size: 24px;
    line-height: 34px;
    padding-left:60px;
}
.flow-pics-list .flow-pics2{
    height: 500px;
    background: url(../images/features_16.png) no-repeat center bottom;   
    background-color: #b3eaf7;
    background-size: 500px;
}
.flow-pics2 h2{
    padding: 40px 0 20px 60px;
}
.flow-pics2 p{
    opacity: 0.800000011920929;
    line-height: 34px;
    padding-left: 60px;
}
.flow-pics2 p:first-child{
    padding-top: 60px;
}
.flow-pics3{
    height: 274px;
}
.flow-pics3 p{
    line-height: 34px;
    padding-left: 60px;
     opacity: 0.800000011920929;
}
.flow-pics3 p:first-child{
    padding-top: 60px;
}
.flow-pics3 h2{
    padding: 20px 0 0 60px;

}
.flow-pics-list .flow-pics4{
    height: 544px;
    background: url(../images/features_6.png) no-repeat;    
}
.flow-pics4>div{
    padding: 360px 0 0 54px;
}
.flow-pics4 p{
    opacity: 0.800000011920929;
    line-height: 34px;
}
.flow-pics-list>div>div>h2{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}
.flow-pics4 h2{
    padding-top: 20px;
}
.flow-pics-list .flow-pics5{
    height: 570px;
    background: url(../images/features_8.png) no-repeat;    
    color: #ffffff;
}
.flow-pics5 h2{
    padding:60px 0 20px 60px;
}
.flow-pics5 p{
    padding-left:60px;
    line-height: 34px;
    opacity: 0.800000011920929;
}
.flow-pics-list .flow-pics6{
    height: 595px;
    background: url(../images/features_10.png) no-repeat;    
}
.flow-pics6>div{
    padding: 347px 0 0 60px;
}
.flow-pics6 h2{
    padding-top: 20px;
}
.flow-pics6 p{
    line-height: 34px;
    opacity: 0.800000011920929;
}
.flow-pics-list .flow-pics7{
    height: 580px;
    background: url(../images/features_12.png) no-repeat;    
    color: #ffffff;
}
.flow-pics7>div{
    padding:60px 0 0 60px;
}
.flow-pics7 h2{
    padding-bottom:20px;
}
.flow-pics7 p{
    line-height: 34px;
    opacity: 0.800000011920929;
}
.flow-pics-list .flow-pics8{
    height: 500px;
    background: url(../images/features_14.png) no-repeat;    
}
.flow-pics8>div{
    padding:60px 0 0 60px;
}
.flow-pics8 h2{
    padding-top:20px ;
}
.flow-pics8 p{
    line-height: 34px;
    opacity: 0.800000011920929;
}
.flow-pics-list .flow-pics9{
    height: 708px;
    background: url(../images/features_2.png) no-repeat;    
}
.flow-pics9>div{
    padding: 430px 0 0 60px;
}
.flow-pics9 p{
    opacity: 0.800000011920929;
    line-height: 34px;
}
.flow-pics9 h2{
    padding-top: 20px;
}
.flow-pics-list .flow-pics10{
    height: 661px;
    background: url(../images/features_4.png) no-repeat;    
}
.flow-pics10>div{
    padding: 480px 0 0 60px;
}
.flow-pics10 p{
    opacity: 0.800000011920929;
    line-height: 34px;
}
.flow-pics10 h2{
    padding-top: 20px;
}
.flow-pics-list .flow-pics11{
    height: 740px;
    background: url(../images/features_7.png) no-repeat;    
}
.flow-pics11>div{
    padding: 424px 0 0 60px;
}
.flow-pics11 p{
    opacity: 0.800000011920929;
    line-height: 34px;
}
.flow-pics11 h2{
    padding-top: 20px;
}
.flow-pics-list .flow-pics12{
    height: 680px;
    background: url(../images/features_9.png) no-repeat;  
    color: #fff;  
    text-align: right;
}
.flow-pics12>div{
    padding: 60px 60px 0 0;
}
.flow-pics12>div>p{
    opacity: 0.800000011920929;
    line-height: 34px;

}
.flow-pics12 h2{
    padding-bottom: 20px;
}
.flow-pics-list .flow-pics13{
    height: 550px;
    background: url(../images/features_11.png) no-repeat;  
}
.flow-pics13>div{
    padding: 60px 0 0 60px;
}
.flow-pics13>div>p{
    opacity: 0.800000011920929;
    line-height: 34px;

}
.flow-pics13 h2{
    padding-bottom: 20px;
}
.flow-pics-list .flow-pics14{
    height: 265px;
    border-radius: 40px;
    background: #e2e7ff;
}
.flow-pics14>div{
    padding: 49px 0 0 60px;
}
.flow-pics14>div>p{
    opacity: 0.800000011920929;
    line-height: 34px;
}
.flow-pics14 h2{
    padding-top: 22px;
}
.flow-pics-list .flow-pics15{
    height: 554px;
    background: url(../images/features_15.png) no-repeat;  
}
.flow-pics15>div{
    padding: 340px 0 0 60px;
}
.flow-pics15>div>p{
    opacity: 0.800000011920929;
    line-height: 34px;
}
.flow-pics15 h2{
    padding-top: 20px;
}
.flow-pics-list .flow-pics16{
    height: 600px;
    background: url(../images/features_17.png) no-repeat top center;  
    background-size:500px;
    background-color:#E6B2EF;
}
.flow-pics16>div{
    padding: 400px 0 0 60px;
}
.flow-pics16>div>p{
    opacity: 0.800000011920929;
    line-height: 34px;
}
.flow-pics16 h2{
    padding: 20px 0;
}
.f-more{
    width: 940px;
    height: 360px;
    background: url(../images/features_more.png) no-repeat center;  
    margin: 10px auto 120px;
}
.f-more .more-list{
    padding: 76px 0 0 75px;
    color: #fff;
}
.more-list h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;   
    letter-spacing: 2px;
}
.more-list p{
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 1.5px;
    padding: 16px 0 38px 0;
}
.more-list a{
    display: block;
    width: 198px;
    height: 46px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #DB9F12;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    font-weight: medium;
}

/*pricing*/

.t-content{
    height: 324px;
    text-align: center;
}
.t-content h1{
    color: #001A33;
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 1px;
    padding: 95px 0 16px 0;
}
.t-content p{
    color: #001A33;
    font-weight: semibold;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0px;
}

.price-box{
    border-radius: 8px 8px 0px 0px;
    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
}
.p-blank{
    width: 1080px;
    height: 8px;
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(90deg, #0080FF 0%, #00B7E2 100%);
}
.price-list{
    font-family: PingFang SC;
    color: #667685;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    float: left;
    box-sizing: border-box;
    width: 360px;
    height: 571px;
    border-left: 1px solid #f2f3f5;
    border-bottom: 1px solid #f2f3f5;
    letter-spacing: 1px;
}
.price-list .vision{
    font-weight: medium;
    color: #001A33;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    padding: 80px 0 24px 0;
}
.price-list .remark{
    font-size: 16px;
    padding-bottom: 60px;
}
.price-list .prices{
    width: 360px;
    height: 80px;
    line-height: 80px;
    letter-spacing: 1px;
    color: #001A33;
    font-family: JDZhengHT-EN;
    font-weight: regular;
    font-size: 18px;
}
.price-list .prices strong{
    font-size: 45px;
    font-weight: 600;
}
.price-list .prices p{
    line-height: 26px;
    color: #001A33;
    font-family: PingFang SC;
    font-size: 18px;
}
.price-list .prices p:first-child{
    padding-top: 17px;
}
.price-list .authority{
    margin: 12px 0 60px 0;
}
.p-btn a{
    display: inline-block;
    width: 145px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    background: #FFFFFF;
    /*border: 1px solid #001A33;*/
    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    font-weight: 600;
}
.p-btn a:hover{
    background: #0080FF;  
    color: #ffffff;
    -webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0px 1px 16px 14px rgba(8, 23, 224, 0.08);
}
.btn-color a{
    color: #0080FF;
    background: #e5f2ff;
    border: none;
    box-shadow: none;
}

.price-pic img{
    display: block;
    width: 35.7px;
    height: 22.85px;
    margin: 133.58px auto 40.58px;
}

.reviews{
    margin-bottom: 44px;
}
.reviews-warp{
    width: 800px;
    height: 360px;
    margin: auto;
}

.swiper-container {
    width: 800px;
    height: 360px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
   /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #001A33;
    opacity: .1;
    border: 1px solid #e6e9eb;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background:#0080FF;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 82px;
}
.r-content{
    font-size: 24px;
    line-height: 40px;
}
.r-user{
    color: #667685;
    font-size: 16px;
    margin-top: 60px;
}
.r-user-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items:center;

}
.r-user-info img{
     display: block;
    width: 40px;;
    height: 40px;
    border-radius: 100%;
}
.r-user-info h4{
    color: #001A33;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    padding: 0 12px;
}

/*appcenter*/

#app-bg{
    background:url(../images/app_header_bg.png) no-repeat center top;
}
.app-top{
    padding: 200px 0 118px 0;
  }
.a-content{
    text-align: center;
}
.a-content h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
}
.a-content p{
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
}

.s-container{

    height: auto;
}

.app-switch{
   /* margin-bottom: 769px;*/
}
.tabs{
    float: left;
    padding: 40px 0 16px 20px ;
}
#tabs-container{
    float:right;
}
.tabs a {
  display: block;
}
.tabs a {
    color: #001A33;
    font-family: PingFang SC;
    font-weight: regular;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 24px;
  }
  .tabs a:hover{
    color: #0080FF;
  }
.tabs p {
    opacity: 0.5;
    font-size: 16px;
    padding: 8px 0 24px 0;
}
.tabs a.active {
    color: #0080FF;
}
.app-list{
   /* padding-left: 38px;*/
    padding-top: 1px;

}
.app-list ul li{
    width: 260px;
    height: 320px;
    box-sizing: border-box;
    float: left;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    text-align: left;
    padding: 32px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.app-list ul li img{
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 12px;
}
.app-list ul li p{
    font-weight: medium;
    font-size: 20px;
    line-height: 28px;
    margin: 16px auto 8px;
}
.app-list ul li span{
    display: block;
    opacity: 0.5;
    font-weight: light;
    font-size: 14px;
    line-height: 22px;
    
}
.app-list ul li .list-text{
    opacity: 0.6000000238418579;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-top: 38px;
}

/*appcenterdetail*/
.app-detail{
    padding: 96px 160px 120px 152px;
}
.detail-container  .d-mig img{
    display: block;
    width: 160px;
    height: 160px;
    overflow: hidden;
}

.detail-container  .d-install {
    width: 160px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px;
    background: #0080FF;
    text-align: center;
    margin-top: 32px;
}
.detail-container  .d-install a{
    display: block;
    color: #FFFFFF;
    font-weight: medium;
    letter-spacing: 1px;
}
.detail-container .dl{
    padding: 0 50px;
}

.d-title>div{
    display: inline-flex;
    margin-bottom: 12px;
}
.d-title>div>h4{
    font-weight: 500;
    font-size: 24px;
    margin-right: 15px;
}
.d-title>div>span{
    display: block;
    text-align: center;
    width: 52px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    background: #e5f2ff;
    color: #0080FF;
    font-weight: light;
    font-size: 14px;
}
.d-title>p{
    opacity: 0.6000000238418579;
    font-weight: regular;
    line-height: 26px;
}
.d-update{
    padding: 40px 0 32px 0;
}
.d-update,.d-preview span{
    font-weight: medium;
    font-size: 18px;
}
.d-update span{ 
   display: block;
   margin-bottom: 12px;
}
.d-update p{
    opacity: 0.6000000238418579;
    font-weight: regular;
    line-height: 25px;
    font-size: 16px;
}
.d-preview span{
    display: block;
    margin-bottom: 24px;
}
 .preview-box img{
    padding: 32px;
    border-radius: 12px;
    display: block;
    width: 756px;
    height: 424px;
    border: 1px solid #f2f4f5;
}
/*faq*/
#faq-bg{
    background:url(../images/faq_bg.png) no-repeat center top;
}
.faq-container{
    margin-top: 220px;
    padding: 0 244px 120px  244px;
}
.f-item h4{
    font-weight: semibold;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
}
.f-item .f-content{
    width: 760px;
    opacity: 0.800000011920929;
    font-weight: regular;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 40px;
    word-wrap: break-word;
    word-break: normal;
    justify-items: center;
    text-align: justify;
}
.wimg{width:90%;}

/*course*/

#course-bg{
    background:url(../images/course_bg.png) no-repeat center top;
}
.course-top{
    padding: 200px 0 120px 0;
}
.c-title{
    text-align: center;
}
.c-title h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 16px;
}
.c-title p{
    font-weight: semibold;
    font-size: 32px;
    line-height: 42px;
}
.course-content{
    padding:0 0 216px 208px;
}
 .c-container ul li{
     float: left;
     margin-right: 32px;
     margin-bottom: 32px;
     width: 320px;
     height: 470px;
     overflow: hidden;
     box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
     border-radius: 20px;
     background: #FFFFFF;
 }

 .c-container ul li a{
    display: block;
    width: 320px;
    height: 470px;
}

.c-container ul li .cimg img{
    display: block;
    width: 320px;
    height: 280px;
}
.c-container ul li .c-detail{
    padding: 32px;
}

.c-detail h5{
    color: #6E94D8;
    font-weight: semibold;
    font-size: 16px;
    line-height: 24px;
}
.c-detail p{
    height: 56px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: 8px 0 16px 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.c-detail span{
    opacity: 0.6000000238418579;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;    
}
.c-container ul li:nth-child(1) .c-detail h5{
    color:#31C966;
}
.c-container ul li:nth-child(2) .c-detail h5{
    color: #F05D56;
}
.c-container ul li:nth-child(3) .c-detail h5{
    color:#FFA100;
}
.c-container ul li:nth-child(4) .c-detail h5{
    color:#0080FF;
}
.c-container ul li:nth-child(5) .c-detail h5{
    color:#00B7E2;
}
.c-container ul li:nth-child(6) .c-detail h5{
    color:#5C6CFF;
}

.c-follow{
    margin-bottom: 120px;
}
.c-text p{
    text-align: center;
    font-weight: regular;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
}
.c-follow .c-code{
    width: 180px;
    height: 180px;
    margin: 0 auto;
    margin-top: 40px;
}
.c-code img{
    display: block;
    width: 100%;
    height: 100%;
}


/*feedback*/

.fb-top{
    margin: 96px 0 158px 0;
    text-align: center;
}
.fb-top h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
}
.fb-top p{
    font-weight: regular;
    font-size: 18px;
    line-height: 26px;
}
.reputation{
    padding-left: 160px;
    margin-bottom: 140px;
}
.r-item{
    width: 360px;
    float: left;
    margin-right: 20px;
}
.r-item ul li{
    border-radius: 32px;
    background: linear-gradient(180deg, #CAF3FF 0%, #ffffff 100%);
    padding: 32px;
    margin-bottom: 20px;
}
.r-item ul li .r-item-img img{
    display: block;
    width: 32px;
    height: 32px;
}
.r-item ul li .r-item-text{
    width: 296px;
    font-weight: 500;
    font-size: 24px;
    line-height: 38px;
    margin: 24px 0  32px 0;
}
.r-item ul li .r-item-user{
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items:center;
}
.r-item-user img{
    width: 34px;
    height: 34px;
    border-radius: 34px;
}
.r-item-user p{
    opacity: 0.6000000238418579;
    font-weight: regular;
    font-size: 24px;
    line-height: 34px;
    margin-left: 12px;
}

.r-item ul li:nth-child(2){
    background: linear-gradient(180deg, #D6FFF8 0%, #ffffff 100%);
}
.r-item ul li:nth-child(3){
    background: linear-gradient(180deg, #E3FFD6 0%, #ffffff 100%);
}
.r-item ul li:nth-child(4){
    background: linear-gradient(180deg, #D6EDFF 0%, #ffffff 100%);
}
.r-item ul li:nth-child(5){
    background: linear-gradient(180deg, #D6FFF8 0%, #ffffff 100%);
}
.r-item ul li:nth-child(6){
    background: linear-gradient(180deg, #E3FFD6 0%, #ffffff 100%);
}
.r-item ul li:nth-child(7){
    background: linear-gradient(180deg, #FFE4EB 0%, #ffffff 100%);
}
.r-item ul li:nth-child(8){
    background: linear-gradient(180deg, #D6EDFF 0%, #ffffff 100%);
}
.r-item:nth-of-type(2) ul li:nth-child(1){
    background: linear-gradient(180deg, #DCE1FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(2) ul li:nth-child(2){
    background: linear-gradient(180deg, #CCF6FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(2) ul li:nth-child(3){
    background: linear-gradient(180deg, #FEFFD6 0%, #ffffff 100%);
}
.r-item:nth-of-type(2) ul li:nth-child(4){
    background: linear-gradient(180deg, #DCE1FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(2) ul li:nth-child(5){
    background: linear-gradient(180deg, #CCF6FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(2) ul li:nth-child(6){
    background: linear-gradient(180deg, #FEFFD6 0%, #ffffff 100%);
}
.r-item:nth-of-type(2) ul li:nth-child(7){
    background: linear-gradient(180deg, #CCF6FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(2) ul li:nth-child(8){
    background: linear-gradient(180deg, #FFECD6 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(1){
    background: linear-gradient(180deg, #D6EDFF 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(2){
    background: linear-gradient(180deg, #ECE0FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(3){
    background: linear-gradient(180deg, #FFE4EB 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(4){
    background: linear-gradient(180deg, #FFECD6 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(5){
    background: linear-gradient(180deg, #CAF3FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(6){
    background: linear-gradient(180deg, #ECE0FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(7){
    background: linear-gradient(180deg, #E3FFD6 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(8){
    background: linear-gradient(180deg, #CCF6FF 0%, #ffffff 100%);
}
.r-item:nth-of-type(3) ul li:nth-child(9){
    background: linear-gradient(180deg, #D6FFF8 0%, #ffffff 100%);
}

/*solution*/

.s-banner{
    height: 520px;
    background:url(../images/solution_1_hero.jpg) no-repeat top  right #001A33;
}
.bnr-box{
    color: #ffffff;
    padding: 160px 0 0 220px;
}
.bnr-box h1{
    text-shadow: 0px 1px 4px 0px #000000;
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 1px;
}
.bnr-box .subtitle{
    width: 460px;
    font-weight: regular;
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0 32px 0;
}
.bnr-box .s-free-btn a{
    display: block;
    width: 164px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    background: #0080FF;
}

.s-list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
}
.s-list .s-list-img{
    width: 580px;
    height: 446px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.s-list .s-list-img img{
    display: block;
    width: 100%;
    height: 100%;
}
.s-list .description{
    width: 460px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:left;
}
.description h1,.dm{
    width: 460px;
}
.description h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 32px;
    line-height: 52px;
}
.description h2{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 28px;
    line-height: 52px;
    padding: 20px 0;
}
.description .dm{
    opacity: 0.800000011920929;
    font-weight: regular;
    font-size: 16px;
    line-height: 28px;
}
.description .db{
     padding-bottom: 20px;
     font-size: 18px;
}

.s-case{
    margin-top: 150px;
}
.s-case h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 34px;
    line-height: 52px;
    text-align: center;
}
.case-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 160px;
    margin: 60px 0 120px 0;
}
.case-box .case-item{
    border-radius: 12px;
    background: #FAFAFB;
    padding: 40px;
}
.case-item img{
    display: block;
    width: 140px;
    height: 60px;
}
.case-item>div{
    font-weight: medium;
    font-size: 24px;
    line-height: 38px;
    margin-top: 24px;
}
.case-item p{
    width: 470px;
    opacity: 0.800000011920929;
    font-weight: regular;
    font-size: 16px;
    line-height: 26px; 
}
.case-item p.pt{
    padding: 16px 0;
}

.sbg2{
    background:url(../images/solution_2_hero.jpg) no-repeat top  right #001A33;
}
.sbg3{
    background:url(../images/solution_3_hero.jpg) no-repeat top  right #001A33;
}
.sbg4{
    background:url(../images/solution_4_hero.jpg) no-repeat top  right #001A33;
}

/*thanks*/

.thanks{
    background: linear-gradient(180deg, #ecf2ff70 0%, #FFFFFF 20%);
}
.t-top{
    padding: 150px 200px 0px 200px;
    margin-bottom: 148px;
    background:url(../images/thanks_bg.png) no-repeat right bottom ;
}
/*.t-top .t-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #E9EFFF 0%, #FFFFFF 100%);
    z-index: -111;
}*/

.t-text {
    padding-top: 126px;
}
.t-text h1{
    font-family: Glow Sans SC;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
}
.t-text p{
     width: 460px;
     font-weight: regular;
     font-size: 18px;
     line-height: 32px;
}
.t-text p.tm{
    margin: 32px 0 16px 0;
}
.hero img{
    display: block;
    width: 490px;
    height: 590px;
}
.t-show{
    padding: 0px 200px 20px 200px;
}
.t-show .show-list{
    margin-bottom: 100px;
}
.fct {
    width: 460px;
    /*height: 346px;*/
}
.fct .f-img img{
    display: block;
    width: 64px;
    height: 64px;
}
.fct>p{
    font-weight: medium;
    font-size: 24px;
    line-height: 34px;
    margin: 24px 0 16px 0;
}
.fct .f-remark{
   /* height: 112px;*/
    color: #33485C;
    font-weight: regular;
    font-size: 18px;
    line-height: 28px;
}
.fct .f-btm{
    border-top: 1px solid #EBEDEF;
    border-bottom: 1px solid #EBEDEF;
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center;
    margin-top: 32px;
    padding: 16px 0;
}
.f-btm img{
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    margin-right: 12px;
}
.f-btm p{
    color: #004D99;
    font-weight: regular;
    font-size: 16px;
    line-height: 26px;
}
.f-btm span{
    color: #0080ff;
}

/*login*/
.login-container{
    background: #ffffff;
}
.login-box{
    width: 1440px;
    height: 1024px;
    top:50%;
    left:50%;
    position: fixed;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background: linear-gradient(to right, #0080FF 0%,#0080FF 31.9%,#ffffff 20%,#ffffff 100%);
}
.login-div{
    width: 100%;
    height: 100%;
    background:url(../images/login_img.png) no-repeat right ;
    background-position : 82.5% 15%;
    position: relative;
}
.login-pannel{
    width: 410px;
    height: 520px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 272px;
    left: 50%;
    margin-left:-240px;
    text-align: center;
}
.login-pannel .l-line{
     width: 80px;
     height: 12px;
     border-radius: 0px 0px 12px 12px;
     background: #0080FF;
     margin-left: 170px;
}
.login-pannel .l-logo{
    width: 64px;
    height: 64px;
    display: inline-block;
    margin: 68px 0 39px 0;
    vertical-align: middle;
}
.login-pannel p{
    font-weight: semibold;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
}
.login-pannel span{
    color: #667685;
    font-weight: light;
    font-size: 14px;
    line-height: 22px;
}
.login-pannel .l-btn a{
  display: inline-block;
  color: #FFFFFF;
  width: 260px;
  height: 60px;
  line-height: 60px;
  font-weight: semibold;
  font-size: 18px;
  border-radius: 12px;
  background: #0080FF;
  margin: 35px 0 0px 0;
}
.login-pannel .l-btn .a2{
    margin-top:20px;
    margin-bottom:30px;
}
.login-pannel .back-home a{
    display: inline-block;
    color: #004D99;
    font-weight: semibold;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
  }

  .top6 {
    /*width: 54px;
    height: 53px;
    border: 1px solid #e2e2e2;*/
    cursor: pointer;
    position: fixed;
    right: 0px;
    top: 70%;
    /*background: #fff url(../images/totop1.png) no-repeat center;*/
    opacity: 0.85;
    z-index: 100;
    transition: none;
}
  #totop img{width:45px;}
.fcon{
    background-color: rgba(18, 18, 18, 1);
    width: 100%;
}
.fnav{
    display: flex;
    justify-content: space-between;
    padding: 80px 0;
}
.fnav .fdh{
    display: flex;
    justify-content: space-between;
}
.fdh dl{
    margin-right: 150px;
}
.fdh dl:last-child{
    margin-right: 0;
}
.fdh dl dt{
    margin-bottom: 24px;
}
.fdh dl dt h4, .fewm h4{
    line-height: 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.fdh dl dd{
    line-height: 22px;
    margin-bottom: 16px;
}
.fdh dl dd:last-child{
   margin-bottom: 0;
}
.fdh dl dd a{
    font-size: 14px;
    opacity: 0.4;
    color: rgba(255, 255, 255, 1);
}
.fnav+p{
    margin-bottom: 1rem;
    font-size: 14px;
    color: rgb(111 111 111);
    text-align: center;
}
.fnav+p a{
    color: #667685;
}
.ebox{
    display: flex;
    margin-top: 24px;
}
.ebox p {
    text-align: center;
}
.ebox p:first-child{
    margin-right: 16px;
}
.ebox p img{
    width: 130px;
    display: block;
    margin-bottom: 12px;
}
.ebox p span{
    opacity: 0.4;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 22px;
}
.crbox{
    display: flex;
    justify-content: space-between;
}
.crbox p{
    opacity: 0.4;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 22px;
}

.pinner .bd{
    border: 1px solid rgba(0, 26, 51, 0.1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 12px rgba(0, 26, 51, 0.04);
}
.pinner>ul{
    display: flex;
    align-items: center;
}
.pinner>ul>li{
    box-sizing: border-box;
    width: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    padding: 21px 0;
    background: rgba(245, 246, 247, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pinner>ul>li.on{
    background: linear-gradient(90deg, rgba(0, 128, 255, 1) 0%, rgba(0, 183, 226, 1) 98.18%);
    color: #fff;
}
.pinner>ul>li svg, .priList dl dd svg{
    margin-right: 6px;
}
.pinner>ul>li svg > path {
    fill:#000;
   }
.pinner>ul>li.on svg > path {
    fill:#fff;
   }

.pinner>ul>li{
    border-top-left-radius: 15px;
}
.pinner>ul>li:nth-child(2){
    border-top-left-radius: 0;
    border-top-right-radius: 15px;
}
.bd .pitem {
    display: flex;
}
.pitem .priList{
    box-sizing: border-box;
    width: 33.33%;
    padding: 80px 40px 126px;
    border-right: 1px solid rgba(0, 26, 51, 0.04);
}
.pitem .priList:last-child{
    border-right: none;
}
.priList .pdes{
    text-align: center;
    border-radius: 12px 24px 24px 0px;
    background: rgba(0, 128, 255, 0.1);
    width: 192px;
    height: 36px;
    color: rgba(0, 128, 255, 1);
    font-size: 12px;
    line-height: 36px;
}
.priList h2{
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0 12px 0;
}
.priList p{
    font-size: 14px;
    line-height: 22px;
    min-height: 66px;
}
.priList .pline{
    width: 100%;
    height: 0.5px;
    background-color: rgba(0, 26, 51, 0.04);
}
.priList dl{
    margin: 40px auto 100px;
    min-height: 126px;
}
.priList dl dd{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}
.priList dl dd:last-child{
    margin-bottom: 0;
}
.priList .ljkt a{
    display: block;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    background: rgba(0, 128, 255, 1);
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.pnum{
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: baseline;
}
.pnum span{
    font-size: 50px;
   line-height: 1;
   font-family: "JDZhengHT-EN";
   font-weight: 500;
}
.pnum .cur i{
    font-size:30px;
    
}
.btn-toggle {
    padding: 0;
    position: relative;
    border: none;
    height: 16px;
    width: 30px;
    color: #6b7381;
    margin-right: 5px;
    opacity: 0.4;
    border-radius: 12px;
    background: rgba(0, 26, 51, 1);

}
.btn-toggle > .handle {
    position: absolute;
    top: 3px;
    left: 0.1875rem;
    width: 9px;
    height: 9px;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.active {
    background: #0080ff;
    opacity: 1;
}
.btn-toggle.active > .handle {
    left: 1.1rem;
    transition: left 0.25s;
}
.pbtn{
    padding-bottom: 3px;
    display: flex;
    align-items: center;
    background: #e5e8eb;
    padding: 5px 8px;
    border-radius: 26px;
    color: rgba(0, 26, 51, 1);
    /* width: 76px;
    height: 26px;
    opacity: 0.1;
    border-radius: 26px;
    background: rgba(0, 26, 51, 1); */
}
.pbtn.gl{
    background: rgba(229, 242, 255, 1);
    color: rgba(0, 128, 255, 1);
}
.pbtn span{
    /* color: rgba(0, 26, 51, 1); */
    font-size: 12px;
}
.pnum span{
    display: none;
}
.jg1 span.cur, .jg2 span.cur, .jg3 span.cur, .jg4 span.cur, .jg5 span.cur{
    display: block;
}
.priDisplay{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 24px 0 39px 0;
    padding: 15px 0;
}
.priList  .stit{
    width: 96px;
}
.hidde{
    visibility: hidden;
}
.qysq{
    margin-top: 40px;
    height: 138px;
}
.qysq>ul{
    border-radius: 46px;
    border: 0.5px solid rgba(229, 232, 235, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    display: flex;
}
.qysq>ul>li{
  width: 50%;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
}
.qysq>ul>li.on{
    background: rgba(0, 128, 255, 1);
    color: #fff;
    border-radius: 32px;
  }
@media (max-width:1441px) {
    body{
        width: 1440px;
    }
}


  .wang {
    display: none;
    bottom: 50px;
    margin-left: -30px;
    background-color: #fff;
    padding: 20px;
    position: absolute;
    text-align: center;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 50%);
}
  .wang-img{
    display: inline-block;
    width: 190px;
    height: 190px;
    vertical-align: top;
  }
  .wang-img img{
      width:100%;
  }
  .s1-btn .wang span,.s2-btn .wang span {
    margin: 0px;
}

 .s-free-btn span{
    display: block;
    color: #33485C;
    font-weight: 100;
    font-size: 16px;
    line-height: 26px;
 }   
 .s-free-btn{
    position: relative;
 }
   .side-kefu{
    /*margin-bottom: 5px;*/
  }  
  .side-kefu:hover .kefu-wx{
      display:block;
  }
  .side-kefu>img{
    width:45px;
  }
  .kefu-wx{
    background: #FFF;
    border: 1px solid #d3dbdf;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 45px;
    width: 250px;
    border-radius: 4px;
    display:none;
  }
  .kefu-l{
    float:left;
  }
  .kefu-r{
    float:right;
  }
  .kefu-l img{
    width:100px;
  }
  .kefu-r span{
    display: block;
    margin-top:18px;
    font-weight: 500;
    font-size: 20px;
    color: #5D6469;
  }
  .kefu-r span:nth-child(2){
    font-size: 12px;
    color: #4A4A4A;
      
  }
  
  
  .loginbox-h1 {
    color: #59d;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 35px;
}
.loginbox-h1 span {
    border-radius: 60px;
    padding: 7px 20px;
    font-size: .95em;
    cursor: pointer;
    line-height: 1;
    margin: 0 15px;
    background-color: #fff;
    border: 1px solid #59d;
}
.loginbox-h1 .on {
    background-color: #59d;
    color: #fff;
}
.login-content-show {
    display: block;
    width: 65%;
    margin: 0 auto;
}
.qqlogin-w {
    text-align: center;
    margin-top:40px;
}
.qqlogin-w img {
    margin: 15px auto 0;
    display: block;
    background-color: #fff;
}
.qqlogin-w a:nth-child(1) img {
    margin-bottom: 30px;
}
.login-tips-w {
    font-size: .75em;
    color: #aaa;
    margin-top: 20px;
    text-align: center;
}
.logininput {
    border: 1px solid #59d;
    border-radius: 5px;
    margin-top: 25px;
    padding: 12px 10px;
    padding-left: 30px;
    background-color: #fff;
    box-shadow: inset 1px 1px 2px rgba(142,211,251,0.7);
}
.logininput1 {
    background: #fff url(images/zh.jpg) no-repeat 7px center;
    background-size: 20px;
}
.logininput2 {
    background: #fff url(images/mm.jpg) no-repeat 7px center;
    background-size: 20px;
}
.logininput input {
    box-sizing: border-box;
    height: 1.2em;
    line-height: 1.2em;
    border: 0;
    padding: .2em;
    display: block;
    outline: 0;
    width: 100%;
}
.myloginbtn {
    background-color: #59d;
    color: #fff;
    display: block;
    margin-top: 25px;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}
.forget-passwd {
    margin-top: 10px;
    text-align: right;
    font-size: .9em;
}
.forget-passwd a {
    padding: 0 .5em;
}
.back-home{
    margin-top:20px;
}

/*授权证书*/
.authorize{
    margin:80px auto;
    padding:60px 43px 80px 42px;
    width:1200px;
    height:1800px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(252, 251, 241, 1) 0%, rgba(240, 235, 211, 1) 100%);
    box-sizing: border-box;
  }
  .authorize-1{
    position:relative;
    background:url(../images/main_bg.png) no-repeat;
    background-size:100% 100%;
    box-sizing: border-box;
  }
  .authorize-border{
    width:1115px;
    height:1660px;
    background:url(../images/border.png) no-repeat;
    background-size:100% 100%;
    text-align:center;
  }
  .authorize-top img{
    display:inline-block;
    margin-top:170px;
    width:400px;
    height:108px;
  }
  .authorize-top .for{
    display:block;
    margin-top:155px;
    margin-left:484px;
    width:149px;
    height:48px;
  }
  .authorize-title{
    margin-top:130px;
  }
  .authorize-title h1{
    margin-bottom:45px;
    align-items: center;
    color: #000000;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 60px;
    text-transform: capitalize;
  }
  .authorize-title img{
    display:inline-block;
    width:786px;
    height:46px;
  }
  .authorize-nr p{
    position:relative;
    margin-top:145px;
    align-items: center;
    color: #000000;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 28px;
  }
  .authorize-nr p:after{
      display: inline-block;
      position: absolute;
      content: "";
      width: 461px;
      height: 1px;
      left: 395px;
      bottom: -14px;
      background-color: #000000;
  }
  .authorize-nr h3{
    margin:50px 0 70px 408px;
    display: flex;
    align-items: center;
    color: #000000;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 42px;
  }
  .authorize-nr span{
    margin-left:280px;
    display: flex;
    align-items: center;
    color: #000000;
    font-family: PingFang SC;
    font-size: 36px;
  }
  .authorize-nr .authorize-name{
    margin-top:279px;
    margin-left:318px;
    align-items: center;
    color: #000000;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
  }
  .authorize-foot{
    float:right;
    color: #000000;
    font-size: 24px;
  }
  .authorize-top p{
    margin-top:155px;
    color: #000000;
    font-family: SourceHanSerifCN-Heavy;
    font-size: 50px;
    font-weight:600;
  }
  .authorize-foot img{
    position:absolute;
    width:400px;
    height:400px;
    bottom:100px;
    right:120px;
  }
  .authorize-title2{
    margin-top:80px;
  }
  .authorize-title2 h1{
    margin-bottom:45px;
    color: #a46c21;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 70px;
  }
  .authorize-title2 span{
    color: #000000;
    font-family: PingFang SC;
    font-size: 28px;
  }
  .authorize-nr2{
    margin-left:auto;
    margin-right:auto;
    margin-top:202px;
    width:1000px;
    height:360px;
  }
  .authorize-nr2 div span{
    margin-bottom:24px; 
    float:left;
    display:inline-block;
    color: #000000;
    font-size:24px;
    font-weight:600;
  }
  .authorize-nr2 div {
      overflow: hidden;
  }
  .authorize-nr2 div span:nth-child(1){
    margin-right:8%;
    width:42%;
    height:40px;
    text-align:right;
  }
  .authorize-nr2 div span:nth-child(2){
    width:50%;
    height:40px;
    text-align:left;
  }
  .authorize-name2{
      margin: 165px auto 0;
      width: 640px;
      font-weight: 600;
      font-size: 32px!important;
      line-height: 32px;
  }
  .hero__section__text .text-p{
      margin-top: 15px;
      font-size: 16px; 
  }
.btn-blue{
    height: 40px;
    line-height:40px!important;
    color: #fff;
    background-color: rgba(0, 128, 255, 1);
    border-color: rgba(0, 128, 255, 1);
    border-width: 1px;
    border-style: solid;
    padding: 0px 16px;
    border-radius: 8px;
}
.btn-blue:hover{
    color: #fff;
    background-color: rgba(0, 108, 214, 1);
    border-color: rgba(0, 108, 214, 1);
    border-width: 1px;
    border-style: solid;
}
.tag-blue{
    height: 20px;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 2px 0 0 6px;
    padding: 0px 6px;
    background: none;
    border-radius: 10px;
    color: #2bafff;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: .2px;
    --size: 1.5px;
    --gradient: linear-gradient(to bottom right, rgba(5, 45, 255, .6), rgba(62, 243, 255, .6));
}
.tag-blue:before {
    position: absolute;
    padding: var(--size);
    background: var(--gradient);
    border-radius: inherit;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

 /*有奖征集*/
 .header__nav .img img{
    width:80px;
}
.jiang{
    padding-top:180px;
    background:url(../images/collect_bg@3x.png) no-repeat;
    background-size:100% 100%;
}
.jiang-top{
    text-align:center;
}
.jiang-top img{
    margin:0 auto;
    width:120px;
}
.jiang-top h2{
    margin-top:34px;
    font-size:40px;
    color: #001a33;
}
.jiang-top p{
    margin-top:18px;
    font-size:18px;
    line-height:28px;
}
.jiang .content{
    margin:40px auto 60px;
    width:1120px;
    overflow:hidden;
}
.jiang .left{
    margin-right:20px;
    /* width:700px; */
}
.jiang ul li{
    position:relative;
    margin-bottom:20px;
    background:#fff;
    border-radius:12px;
    box-shadow: 0px 6px 20px -4px #00000014, 0px 0px 1px #0000001f;
}
.demand-1,.demand-2{
    padding:28px;
}
.jiang .demand-1 span{
    font-size:14px;
    line-height:22px;
    opacity: 0.6;
    color: #001a33;
}
.jiang .demand-1 p{
    margin: 10px 0 20px;
    font-size:16px;
    line-height:28px;
    color: #001a33;
}
.demand-1 .img img{
    margin:0 10px 15px 0;
    display:inline-block;
    height:64px;
}
.jiang .demand-2{
    border-top: 0.5px solid #8d4c001a;
    background: linear-gradient(180deg, #fff8e5 0%, #fff8e500 100%);
}
.jiang .demand-2 p{
    color: #8d4c00;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.jiang .demand-2 div{
    margin-top:20px;
}
.jiang .demand-2 img{
    display: inline;
    margin-right:8px;
    width:32px;
    border-radius:16px;
    vertical-align: middle;
}
.jiang .demand-2 span{
      color: #000000;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
}
.jiang span.cpjl{
    opacity: 0.6;
    margin-left:8px;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.jiang div.top-right{
    position:absolute;
    top:0;
    right:0;
    margin-top:0;
    padding:10px 15px 8px;
    border-top-right-radius: 12px;
    background:url(../images/accepted_bg@3x.png) no-repeat;
}
.jiang .top-right img{
    width:65px;
    border-radius:0;
}
.jiang .top-right span{
    color: #ff6b00;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
}
.jiang .bottom-right,.bottom-right2{
    position: absolute;
    right:28px;
    bottom:28px;
}
.jiang .bottom-right span,.bottom-right2 span{
    padding:5px 10px;
    border-radius: 16px;
    font-size:14px;
    color:#fff;
    background: #ff6b00;
}
.jiang .bottom-right2 span{
    background: #662b00;
}
.jiang .bottom-right img,.bottom-right2 img{
    display:inline;
    margin-top:-3px;
    margin-right:5px;
    width:24px;
    vertical-align: middle;
}
.jiang .bottom-right i,.bottom-right2 i{
    position:relative;
    padding-left:15px;
    font-style:inherit;
}
.jiang .bottom-right i:before,.bottom-right2 i:before{
    position:absolute;
    content:"";
    top:4px;
    left:7px;
    width: 1px;
    height: 12px;
    opacity: 0.4;
    background: #ffffff;
}
.jiang .bottom{
    margin-top:70px;
    text-align:center;
}
.jiang .bottom p{
    color: #667685;
    font-size: 16px;
    line-height: 24px;
}
.jiang .right{
    margin-bottom:20px;
    width:400px;
    border-radius:12px;
    background:#fcfdff url(../images/form_header_bg@3x.png) no-repeat;
    box-shadow: 0px 6px 20px -4px #00000014, 0px 0px 1px #0000001f;
}
.jiang .form{
    padding:28px;
}
.jiang .form-header{
    text-align:center;
}
.jiang .form-header h3{
    margin-bottom:8px;
    font-size:24px;
    line-height: 32px;
    font-weight: 600;
    color:#fff;
}
.jiang .form-header span{
    font-size:14px;
    line-height: 22px;
    font-weight: 600;
    color:#fff;
}
.jiang .form-con{
    margin-top:40px;
}
.jiang .form-con input{
    margin-bottom:8px;
    padding:15px 20px;
    width: 344px;
    height: 56px;
    border-radius: 8px;
    border: 0.5px solid #ebedef;
    box-sizing: border-box;
    background: #ffffff;
}
.jiang .form-con textarea{
    padding:15px 20px;
    width: 344px;
    background: #ffffff;
    border-radius: 8px;
    border: 0.5px solid #ebedef;
    box-sizing: border-box;
}
.jiang .form-con .form-img{
    display:inline-block;
    margin-top:8px;
    margin-bottom:25px;
}
.jiang .form-con .img{
    position:relative;
    display:inline-block;
    margin-right:15px;
}
.jiang .form-con .img>img{
    display:inline-block;
    height:64px;
}
.jiang .form-con .img>img+span{
    position: absolute;
    top:0;
    left:0;
    opacity:1;
    width:64px;
    height:64px;
    background: url(../images/icon_del@3x.png) no-repeat right bottom;
    background-size:20px;
    cursor: pointer;
}
.jiang .form-con .add{
    position:relative;
    display:inline-block;
    margin-top:8px;
    width:38px;
    height:38px;
}
.jiang .form-con .add img{
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:38px;
}
.jiang .form-con .file{
    position:absolute;
    top:0;
    left:0;
}
.jiang .form-con .file input{
    width:38px;
    height:38px;
    opacity: 0;
}
.jiang .form-con button{
    width: 344px;
    height: 40px;
    border-radius: 4px;
    font-size:16px;
    font-weight:600;
    color:#fff;
    background: #0080ff;
    box-shadow: 0px 2px 6px #00000014;
}
.jiang .form-con p{
    margin-top:20px;
    color: #667685;
    font-size: 12px;
    line-height: 18px;
}
.jiang .title p a{
    padding: 10px 20px;
    background: #0080FF;
    color: #fff;
    border-radius: 5px;
}
/* 推广联盟 */
.tui{
    padding-top:180px;
    background: linear-gradient(180deg, #e9efff 0%, #ffffff 100%);
    background-size:100%;
}
.tui .tui-top{
    text-align:center;
}
.tui .tui-top h1{
    color: #001a33;
    font-size: 46px;
    line-height: 54px;
}
.tui .tui-top p{
    margin:24px auto 20px;
    color: #001a33;
    font-size:18px;
    line-height:28px;
}
.tui .tui-top div{
    padding:4px 15px;
    display:inline-block;
    border-radius: 15px;
    border: 1px solid #001a331a;
    box-sizing: border-box;
    background: #ffffff66;
}
.tui .tui-top span{
    font-weight: 600;
    font-size: 12px;
    color: #0080ff;
    line-height:20px;
}
.tui .tui-top span img{
    display:inline-block;
    margin-top:-2px;
    vertical-align: middle;
    width:16px;
    margin-right:5px;
}
.tui .tui-top .hd{
    position: relative;
    margin-left:11px;
    opacity: 0.8;
    color: #001a33;
}
.tui .tui-top .hd::before{
    position: absolute;
    content:"";
    top:2px;
    left:-8px;
    width: 1px;
    height: 12px;
    background: #001a3391;
}
.tui .item1,.tui .item2,.tui .item3{
    margin:0 auto;
    padding:0 60px 0 80px;
    overflow:hidden;
    width: 1120px;
    border-radius: 12px;
    background: #fcfdff;
    box-shadow: 0px 20px 20px -20px #0080ff14, 0px 12px 40px -8px #0000001f, 0px 0px 2px #00000029;
}
.tui .item1{
    margin-top:80px;
    padding-top:120px;
    padding-bottom:140px;
}
.tui .item1 .left,.tui .item3 .left{
    width:480px;
}
.tui .item1 .left span{
    color: #3299ff;
    font-size: 18px;
}
.tui .item1 .left h3{
    opacity: 0.2;
    color: #000000;
    font-weight: 700;
    font-size: 64px;
}
.tui .item1 .left p{
    margin:5px 0;
    margin-bottom:24px;
    color: #001a33;
    font-size: 18px;
    line-height: 28px;
}
.tui .item1 .left a{
    display: inline-block;
    padding:5px 15px;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    box-sizing: border-box;
    border-radius:28px;
    background: #0080ffcc;
}
.tui .item1 .right{
    position:relative;
    width:470px;
}
.tui .item1 .right img{
    width:100%;
}
.tui .item1 .tab_list ul{
    float:right;
    margin-right:40px;
    margin-top:-20px;
}
.tui .item1 .tab_list li,.tui .item3 .tab_list li{
    float:left;
    margin-right:10px;
    opacity: 0.4;
    color: #0080ff;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
}
.tui .item1 .tab_list li.active,.tui .item3 .tab_list li.active{
    padding-bottom:5px;
    opacity: 1;
    border-bottom:0.5px solid #0080ff;
}
.tui .item1 .tab_con div{
    position: absolute;
    top:214px;
    right:54px;
    display:none;
}
.tui .item1 .tab_con img{
    width: 135px;
}
.tui .item2{
    margin:20px auto;
    padding-top:94px;
    padding-bottom:150px;
}
.tui .item2 .top span{
    color: #3299ff;
    font-size: 18px;
}
.tui .item2 .top h3{
    opacity: 0.2;
    color: #000000;
    font-weight: 700;
    font-size: 64px;
}
.tui .item2 .top p{
    margin:5px 0;
    margin-bottom:24px;
    color: #001a33;
    font-size: 18px;
    line-height: 28px;
}
.tui .item2 .con{
    margin-top:60px;
    display:flex;
    justify-content:space-between;
}
.tui .item2 .con p{
    width:315px;
    padding:24px;
    overflow: hidden;
    color: #6f583d;
    font-size: 18px;
    line-height: 28px;
    border-radius: 12px;
    border: 1px solid #e8e3d3;
    box-sizing: border-box;
    background: #fffcf7;
    box-shadow: 0px 24px 12px #ffffff40 inset;
}
.tui .item3{
    margin-bottom:50px;
    padding-top:60px;
    padding-bottom:100px;
}
.tui .item3 .left{
    padding-top:60px;
}
.tui .item3 .left span{
    color: #3299ff;
    font-size: 18px;
}
.tui .item3 .left h3{
    margin-top:5px;
    opacity: 0.2;
    color: #000000;
    font-weight: 700;
    font-size: 64px;
}
.tui .item3 .left p{
    margin:5px 0;
    margin-bottom:24px;
    color: #001a33;
    font-size: 18px;
    line-height: 28px;
}
.tui .item3 .left a{
    display: inline-block;
    margin-top:10px;
    padding:5px 12px;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    box-sizing: border-box;
    border-radius:28px;
    background: #0080ffcc;
}
.tui .item3 .left a span{
    margin-left:15px;
    position: relative;
    color: #ffffff;
    font-weight: 300;
    font-size: 14px;
}
.tui .item3 .left a span::before{
    position: absolute;
    content:"";
    width: 1px;
    height: 12px;
    background: #fff;
    top:3px;
    left:-10px;
}
.tui .item3 .tab_con img{
    width:380px;
}
.tui .item3 .tab_con div{
    display:none;
}
.tui .item3 .tab_list{
    float:right;
    margin-top:20px;
}
.tui .item2 .con p input{
    width:120px;
    float:right;
    margin-top:20px;
    padding:5px 12px;
    color: #6f583d;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    border-radius: 25px;
    border: 1px solid #e8e3d3;
    box-sizing: border-box;
    background: #6f583d1a;
    cursor: pointer;
}
.tui .item2 .con p input:hover{
    color: #ffffff;
    background: #6f583d;
}