@charset "UTF-8";
/* reset */
/**author:Y.Ray*/
*{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,menu,input,textarea,button,select,th,td iframe{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,b,strong{font-size:100%;font-weight:normal;}
li{list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table td{word-break:break-all;word-wrap:break-word;border-collapse:separate;border-spacing:0;}
em,i{font-style:normal;}
a,a:visited,a:active{text-decoration:none;border:none;outline:none;color:#333;cursor:pointer;}
a,img{display:block;border:none;}
input,textarea{outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(3,3,3,0);}
select{outline:medium none;}
textarea{resize:vertical;}
body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(3,3,3,0);-webkit-touch-callout:none;word-wrap:break-word;line-height:1;font-size:14px;overflow-x:hidden;color:#333;}
body,button,input,select,textarea{font-family:"Microsoft YaHei",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,Arial,"PingFang SC",'Noto Sans',"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
input[type="button"]{cursor:pointer;}
::-webkit-input-placeholder{color:#333;}
/*placeholder 字体颜色*/
:-moz-placeholder{color:#333;}
/*placeholder 字体颜色*/
::-moz-placeholder{color:#333;}
/*placeholder 字体颜色*/
:-ms-input-placeholder{color:#333;}
/*placeholder 字体颜色*/
.none{display:none;}
.left{float:left;}
.right{float:right;}
.clearfix::after{content:'';clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;}
.wrapper{padding:0;margin:0;}
.cont{width:1100px;margin:auto;}
.agreement-text-box a{display:inline;}
body .pc-hide{display:none;}

/*按钮悬停*/
.hvr-grow-shadow{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform;}
.hvr-grow-shadow:hover,.hvr-grow-shadow:active{box-shadow:0 15px 15px -10px rgba(0,0,0,0.5);-webkit-transform:scale(1.1);transform:scale(1.1);}
.hvr-grow-shadow2{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform;}
.hvr-grow-shadow2:hover,.hvr-grow-shadow2:active{-webkit-transform:scale(1.1);transform:scale(1.1);}
.hvr-up-shadow:hover{transform:translateY(-5px);box-shadow:0 10px 18px 10px rgb(11 42 113 / 5%);}

.agreement-text-box a{display:inline;}
body .pc-hide{display:none;}
.banner-bgd{height:266px;margin:0 auto;background:url('../images/banner-bgd.png') no-repeat center;}
.banner{padding:68px 0 0;font-size:0;text-align:center;}
.banner h2{margin-bottom:20px;text-align: left;}
.banner h2 i{position:relative;display:inline-block;vertical-align:top;font-size:55px;color:#fff;animation:animate 1s ease-in-out 1;animation-delay:calc(.1s * var(--i));}
@keyframes animate{0%{transform:translateY(0px);}
20%{transform:translateY(-24px);}
40%,100%{transform:translateY(0px);}
}
.banner h3{font-size:58px;color:#fff;text-align: left;font-weight:600;}
.dynamic{padding:0 0 60px;font-size:0;text-align:center;}
.dynamic .hd{background-color:#dff0ff;}
.dynamic-nav{position:relative;display:flex;justify-content:flex-start;width:1100px;margin:0 auto;}
.dynamic-nav li label{display:block;position:relative;width:136px;height:65px;font-size:24px;color:#0e87f7;line-height:65px;border-top:1px solid #fff;cursor: pointer;}
.dynamic-nav li label span{position:absolute;top:0;left:0;width:136px;text-align:center;z-index:1;}
.dynamic-nav li:not(:last-of-type) label{border-right:1px solid #fff;}
.dynamic-nav li input{display:none;}
.selection{display:none;position:absolute;width:136px;height:65px;display:block;z-index:0;left:0;top:1px;transition:.15s ease;background-color:rgb(11 117 223);}
.dynamic .bd{width:1100px;margin:0 auto;}
.dynamic-nav label:has(input:checked) span{color:#fff;}
.dynamic-nav li:has(input:checked) ~ .selection{background-color:rgb(11 117 223);display:inline-block;}
.dynamic-nav li:nth-child(1):has(input:checked) ~ .selection{transform:translateX(0);}
.dynamic-nav li:nth-child(2):has(input:checked) ~ .selection{transform:translateX(calc(1100px * 1/8));}
.dynamic-nav li:nth-child(3):has(input:checked) ~ .selection{transform:translateX(calc(1100px * 2/8));}
.dynamic-nav li:nth-child(4):has(input:checked) ~ .selection{transform:translateX(calc(1100px * 3/8));}
.dynamic-nav li:nth-child(5):has(input:checked) ~ .selection{transform:translateX(calc(1098px * 4/8));}
.dynamic-nav li:nth-child(6):has(input:checked) ~ .selection{transform:translateX(calc(1097px * 5/8));}
.dynamic-nav li:nth-child(7):has(input:checked) ~ .selection{transform:translateX(calc(1097px * 6/8));}
.dynamic-nav li:nth-child(8):has(input:checked) ~ .selection{transform:translateX(calc(1097px * 7/8));}
.dynamic-list{padding:40px 0 0;}
.dynamic-box .bd h4{font-size:35px;color:#0e87f7;font-weight:600;margin-bottom:24px;}
.dynamic-bottom li{width:1100px;height:52px;text-align:left;margin-bottom:11px;background-color:#fff;box-shadow:0 12px 46px rgba(0,0,0,.6);}
.dynamic-bottom li span{display:inline-block;vertical-align:top;width:30px;height:30px;margin:10px 18px 0 24px;background:url('../images/dynamic-bottom-icon.png') no-repeat center;background-size:contain;border-radius:18px;box-shadow:0 5px 9px rgba(56,162,254,.27);}
.dynamic-bottom li h5{display:inline-block;vertical-align:top;font-size:22px;color:#626262;line-height:52px;}
.dynamic-bottom li:hover span{background:url('../images/dynamic-bottom-icon01.png') no-repeat center;background-size:contain;}
.dynamic-bottom li:hover h5{color:#138dff;}
.dynamic-box{margin-bottom:60px;}
.dynamic .dynamic-tip{width:556px;height:60px;font-size:26px;color:#fff;line-height:60px;text-align:center;border-radius:30px;margin:0 auto;background:linear-gradient(to bottom,#6bc3ff,#0081ff);}