﻿@import "common.css";
.center{max-width:1200px;}
.layui-btn-lg{height:50px;line-height:50px;}
.btn1{cursor:pointer;display:inline-block;vertical-align:top;height:60px;line-height:60px;background:#1180d1;min-width:180px;padding:0 20px;border-radius:32px;color:#fff;text-align:center;}
.sha1{box-shadow:0 1px 2px rgba(0,0,0,.05);}
.show-f>div{margin:0;}
.line28{line-height:2.8em;}
.flex-wrap{flex-wrap:wrap;}
.bor{border-color:rgb(217 221 224);}
.co3{color:#1b1b1b;}
.bg4,.bg4-hover:hover{background:#1180d1;}
.co4,.co4-hover:hover{color:#1180d1;}
.bg5,.bg5-hover:hover{background:#ff6b51;}
.co5,.co5-hover:hover{color:#ff6b51;}
.bg6,.bg6-hover:hover{background:#39b24b;}
.co6,.co6-hover:hover{color:#39b24b;}
.bg7{background:#f0f9fe;}
.bg8{background:#283758;}
.bg9{background:#103154;}
.bg10{background:#a5adb8;}
.co7{color:#222f52;}
.co8{color:#5e6790;}
.sha-bg{background:rgba(34,51,84,.5);opacity:0;visibility:hidden;transition:ease .3s;}
.top2{padding:15px 50px;}
.top2b{justify-content:space-between;align-items:center;}
.top1{padding:10px 15px;}
.bot2 a{color:#fff;}
.bot21{justify-content:space-between;}
.s1{background-image:url(../../static/images/b1.png);}
.s22cb{padding:40px 30px;}
.s22b{flex-wrap:wrap;}
.s31-pre{width:10px;height:10px;border-radius:50%;margin-top:12px;}
.s32-pre{width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;}
.s32-pre1{background:#f5edeb;color:#ff6b51;}
.s32-pre2{background:#e3f4ec;color:#39b24b;}
.s32 .s3c1-img{margin-top:-50%;}
.s3{background:url(../../static/images/b2.png) no-repeat -3% -11em,linear-gradient(180deg, #F0FAFF 52%, #FFFFFF 100%);padding:80px 0;}
.s42cb{padding:60px 55px;}
.s42c2{max-width:380px;margin-left:0;}
.s42c3 ul{padding-left:30px;}
.s42c3 li::before{content:"\e605";font-family:layui-icon;color:#ff6b51;float:left;margin-left:-30px;font-weight:bold;}
.s421 li::before{color:#39b24b;} 
.s421 .s42cb{background:url(../../static/images/4.png) no-repeat right bottom;}
.s422 .s42cb{background:url(../../static/images/5.png) no-repeat right bottom;}
.s5{background:linear-gradient(180deg, #F0FAFF 55%, #FFFFFF 100%);}
.s52c11{padding:50.5% 50%;}
.s52 .slick-list{overflow:visible;}
.s52cb{opacity:.6;}
.s52c2{background:rgba(16,128,208,.8);padding:20px;bottom:-30px;opacity:0;visibility:hidden;transition:ease .3s;}
.slick-active .s52cb{opacity:1;}
.slick-active .s52cb:hover .s52c2{bottom:0;opacity:1;visibility:visible;}
.scale-box{overflow:hidden;}
.scale-inner{transition:ease .3s;}
.scale-box:hover .scale-inner{transform:scale(1.15);}
.slick-dots li button{display:none;}
.slick-dots li{width:10px;height:10px;border-radius:50%;background:#a5adb8;margin:0 10px;}
.slick-dots{display:flex;justify-content:center;align-items:center;bottom:-45px;}
.slick-dots li.slick-active{width:15px;height:15px;background:#103154;}
.s5312c1{width:0;transition:ease .5s;}
.s5312c11{width:85px;left:100%;bottom:-3px; margin-left:5px;}
.s5312c121{height:5px;}
.s5312{padding-right:90px;}
.s5312c-1 .s5312c121{background:#39b24b;}
.s5312c-1 .s5312c11{color:#39b24b;}
.s5312c-2 .s5312c121{background:#1180d1;}
.s5312c-2 .s5312c11{color:#1180d1;}
.s5312c-3 .s5312c121{background:#ff6b51;}
.s5312c-3 .s5312c11{color:#ff6b51;}
.s55-img{margin-top:-30%;}
.s53bg{left:-31%;top:-270px;}
.s62c21-img{width:60px;height:60px;border-radius:50%;}
.s62c111{font-family:cursive;font-size:4em;line-height:1em;margin-bottom: -30px;font-weight:bold;margin-left:-20px;}
.s62c12{width:40px;height:20px;margin-left:40px;transform:skewY(-27deg);transform-origin:left top;background:#fff;border-width:0 0 1px 1px;}
.s62c11{padding:50px 40px;}
.s7{background-image:url(../../static/images/b3.jpg);}
.s7b{max-width:475px;}
.s62,.s82{margin:0 -15px;}
.s82c1{padding:30% 50%;}
.kefu{position:fixed;right:30px;bottom:10%;z-index:800;}
.kf11{display:inline-block;font-size:0;padding:12px;border-radius:50%;}
.btn-hover:hover{opacity:.8;}
.navc:hover .navca,.navc.active .navca{color:#1180d1;}
.bot212 .bot21-2ca:hover{color:#ff6b51;}
.tcview .layui-layer-content{padding:0!important;}
.tcview{left:50%!important;transform:translate(-50%,-50%)!important;top:50%!important;min-width:450px!important;}
.ueditor-show h3{font-weight:bold;margin:10px 0;}
.ueditor-show ul{padding-left:20px;}
.ueditor-show li{list-style:outside;}
.ueditor-show{padding:20px;}
.tcview .layui-layer-content{height:calc(100% - 52px);}

@media screen and (min-width:769px) {
    .all{min-width:1350px;}
    .logo{height:64px;}
    .top{height:94px;}
    .navb{display:flex;}
    .navc{margin:0 30px;position:relative;}
    .navc.active::after{content:"";position:absolute;width:24px;height:2px;background:#1180d1;top:100%;left:0;margin-top:5px;}
    .s22c3{max-width:150px;margin-left:0;}
    .s3cb{margin:0 -110px;display:flex;align-items:center;}
    .s3c1,.s3c2{padding:0 110px;}
    .s3c2b{max-width:390px;}
    .s32 .s3c2b{max-width:500px;}
    .s32 .s3cb{flex-direction:row-reverse;}
    .s52{margin:0 -15px;}
    .s5312{margin-right:-30%;}
    .s62c113{height:140px;}
    .tcview{width:1000px;height:800px;}
    .page-point{bottom:100px;}
}

@media screen and (max-width:768px) {
    .layui-btn-lg{height:44px;line-height:44px;}  
    .btn1{line-height:50px;height:50px;min-width:160px;}
    .all{min-width:480px;}
    .top{height:60px;}
    .top2{bottom:0;padding:30px;overflow:hidden;overflow-y:auto;box-shadow:none;width:240px;right:-320px;left:auto;transition:ease .3s;}
    .top2.active{right:0;}
    .sha-bg.active{opacity:1;visibility:visible;}
    .navc{padding:10px 0;border-bottom:1px solid rgba(34,51,84,0.1);}
    .navca{color:#222f52;}
    .navca::before{content:"+";float:right;margin-right:5px;vertical-align:top;display:block;line-height:19px;height:19px;}
    .flogo{max-width:45%;}
    .s3c1b{padding:60px 0;}
    .s3{background-position-x:center;}
    .s3c2b{padding:0 40px;}
    .s52{margin:0 -10px;}
    .s52c2{bottom:0;opacity:1;visibility:visible;}
    .s62c11{padding:40px 30px 60px;}
    .s62,.s82{margin:0 -10px;}
    .tcview{width:100%!important;height:100%;}
    .page-point{bottom:60px;}
}
