﻿@charset "gbk";
*{padding:0;margin:0;}
img{display:block;}
a{text-decoration: none;}
ul,ol{list-style: none;}
input{outline: none;-webkit-appearance: none;}
body{overflow-x: hidden;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
.clear{clear: both;}
.clear:after{zoom:1;visibility:hidden;content:'.';height:0;display: block;}
.center{margin:auto;}
.form-btn{display:block;width:224px;height:38px;background: #fff;color:#ff5056;font-size:18px;text-align: center;line-height:38px;border-radius:8px;box-shadow: 0 -2px 5px 1px rgba(0,0,0,.4);}
.center{margin:auto;}
.margin-t5{margin-top: 5px;}
.margin-t9{margin-top: 9px;}
.margin-t10{margin-top: 10px;}
.margin-t15{margin-top: 15px;}
.margin-t20{margin-top: 20px;}
.margin-t30{margin-top: 30px;}
.margin-t35{margin-top: 35px;}
.margin-t40{margin-top: 40px;}
.margin-t45{margin-top: 45px;}
.margin-t50{margin-top: 50px;}
.margin-t55{margin-top: 55px;}
.margin-t60{margin-top: 60px;}
.margin-t70{margin-top: 70px;}
.margin-t80{margin-top: 80px;}
.margin-t85{margin-top: 85px;}
.margin-t90{margin-top: 90px;}
.margin-t100{margin-top: 100px;}
/* 板块公用样式 */
.margin-t4{margin-top:0.2rem;}
.margin-t5{margin-top:0.25rem;}
.margin-t10{margin-top:0.5rem;}
.margin-t15{margin-top:0.75rem;}
.margin-t16{margin-top:0.67rem;}
.margin-t17{margin-top:0.74rem;}
.margin-t18{margin-top:0.78rem;}
.margin-t19{margin-top:0.83rem;}
.margin-t20{margin-top:1rem;}
.margin-t25{margin-top:1.25rem;}
.margin-t30{margin-top:1.5rem;}
.margin-t40{margin-top:2rem;}
.margin-t50{margin-top:2.5rem;}
.margin-t60{margin-top:3rem;}
.margin-t70{margin-top:3.5rem;}
.margin-t80{margin-top:4rem;}
.margin-l46{margin-left:2.3rem;}
@media only screen and (max-width:309px){html{font-size:9.375px}}
@media only screen and (max-width:319px) and (min-width:310px){html{font-size:9.6875px}}
@media only screen and (max-width:349px) and (min-width:320px){html{font-size:10px}}
@media only screen and (max-width:359px) and (min-width:350px){html{font-size:10.9375px}}
@media only screen and (max-width:374px) and (min-width:360px){html{font-size:11.25px}}
@media only screen and (max-width:399px) and (min-width:375px){html{font-size:11.718px}}
@media only screen and (max-width:413px) and (min-width:400px){html{font-size:12.5px}}
@media only screen and (max-width:469px) and (min-width:414px){html{font-size:12.9375px}}
@media only screen and (max-width:479px) and (min-width:470px){html{font-size:14.6875px}}
@media only screen and (max-width:539px) and (min-width:480px){html{font-size:15px}}
@media only screen and (max-width:559px) and (min-width:540px){html{font-size:16.875px}}
@media only screen and (max-width:569px) and (min-width:560px){html{font-size:17.5px}}
@media only screen and (max-width:629px) and (min-width:570px){html{font-size:17.8125px}}
@media only screen and (max-width:639px) and (min-width:630px){html{font-size:19.6875px}}
/* @media only screen and (min-width:640px) and (max-width:750px){html{font-size:20px}} */
@media only screen and (min-width:640px) and (max-width:719px) {html {font-size: 20px;}}
@media only screen and (min-width:720px) and (max-width:749px) {html {font-size: 22.5px;}}
@media only screen and (min-width:750px) and (max-width:799px) {html {font-size: 23.5px;}}
@media only screen and (max-width:900px) and (min-width:10px){
    /* 960px根像素29.4px */
    .banner-box { position: relative; width:100%; max-width:750px; overflow: hidden; }
    .banner-box>img{ width:100%; }
    .cont-box{width:100%;max-width:750px;overflow: visible;background:url(../images/mob-bg.jpg) center 0 repeat-y;background-size: 100%;margin-left:auto !important;margin-right:auto !important;margin-top:0 !important;}
    .btn-red{display:block;width:8rem;height:1.56rem;background: #ff4254;color:#fff;font-size:0.8rem;text-align: center;line-height:1.56rem;border-radius:50px;font-weight: 700;}
    .btn-blue{display:block;width:8rem;height:1.56rem;background: #3d7aff;color:#fff;font-size:0.8rem;text-align: center;line-height:1.56rem;border-radius:50px;font-weight: 700;}
    .btn-yellow{display:block;width:8rem;height:1.56rem;background: #ff9b42;color:#fff;font-size:0.8rem;text-align: center;line-height:1.56rem;border-radius:50px;font-weight: 700;}
    .public-btn{width:8.095rem;height:1.66rem;line-height:1.66rem;display: block;border-radius: 1.7rem;margin:auto;background:#0e5bff;color:#fff;font-size: 0.78rem;letter-spacing:0.136rem;text-align: center;}
    /* public */
    .block{display:block;width:30.17rem;max-width:887px;overflow: hidden;background:#fff;border-radius:0.68rem;padding-bottom: 1.190rem;}
    .block>strong{display: block;text-align: center;font-size:1.190rem;color:#36305c;margin-top:2.04rem;}
    /* block-a */
    .block-a{position:relative;overflow:visible !important;background:url(../images/mob-a-bg.jpg) no-repeat;background-size:100%;}
    .block-a>.block-a-cont>img{width:11.05rem;height:2.72rem;position:absolute;left:0;right:0;top:-1.36rem;}
    .block-a>.block-a-cont>strong{display: block;text-align: center;font-size:1.190rem;color:#36305c;margin-top:2.04rem;}
    .block-a>.block-a-cont>ul{width:27.14rem;height:57.72rem;margin-top:0.68rem;display: flex;justify-content: space-between;flex-direction: column;align-content:space-between;flex-wrap:wrap;overflow: hidden;}
    .block-a>.block-a-cont>ul>li{width:26.93rem;height:7.1rem;overflow: hidden;background:#178aff;border-radius:0.51rem;border:0.1rem solid #b9cde7;box-shadow: 0 0 0.85rem 0.17rem rgba(1,80,183,.5) inset;display: flex;justify-content: space-between;}
    .block-a>.block-a-cont>ul>li>img{width:12.755rem;height:7.1rem;}
    .block-a>.block-a-cont>ul>li>span{width:14.18rem;height:7.1rem;display: flex;flex-direction: column;align-content: space-around;justify-content:space-around;}
    .block-a>.block-a-cont>ul>li>span>strong{display:block;margin-left:0.34rem;font-size:1.02rem;color:#fff;background:url(../images/icon.png) 0 center no-repeat;background-size: 0.578rem;text-indent: 1.02rem;}
    .block-a>.block-a-cont>ul>li:nth-child(even)>span>strong{margin-left:0.68rem;}
    .block-a>.block-a-cont>ul>li:nth-child(3)>span>strong{font-size:0.85rem;}
    .block-a>.block-a-cont>ul>li>span>span{display:block;width:4.69rem;height:1.19rem;background:#fffe8b;font-size:0.748rem;color:#3b3162;text-align:center;line-height:1.19rem;border-radius:1.7rem;font-weight:700;margin-left:1.53rem;}
    .block-a>.block-a-cont>ul>li>span>p{width:12.41rem;margin-left:1.7rem;color:#fff;font-size:0.68rem;line-height:1.088rem;}
    .block-a>.block-a-cont>a{margin-top:1.19rem;}
    /* block-b */
    .block-b{position:relative;overflow: visible;}
    .block-b>img{width:11.05rem;height:2.72rem;position:absolute;left:0;right:0;top:-1.53rem;margin:auto;}
    .block-b>strong{padding-top:2.04rem;margin-top:1.02rem;}
    .block-b>ul:nth-of-type(1){width:26.63rem;height:6.29rem;margin-top:0.68rem;display:flex;flex-direction: column;justify-content:space-between;align-content: space-between;overflow: hidden;}
    .block-b>ul:nth-of-type(1)>li{height:1.97rem;display: flex;justify-content: space-between;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2){height:4.115rem;}
    .block-b>ul:nth-of-type(1)>li:nth-child(1)>p{height:1.972rem;background:#0e5bff;color:#fff;font-size:0.95rem;line-height: 1.97rem;font-weight: 700;text-align: center;}
    .block-b>ul:nth-of-type(1)>li>p:nth-child(1){width:8.095rem;}
    .block-b>ul:nth-of-type(1)>li>p:nth-child(2){width:8.095rem;}
    .block-b>ul:nth-of-type(1)>li>p:nth-child(3){width:4.863rem;}
    .block-b>ul:nth-of-type(1)>li>p:nth-child(4){width:4.897rem;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>p{width:6.734rem;height:2.755rem;background:#178aff;color:#fff;font-size:0.646rem;padding:0.68rem;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span{height:4.115rem;font-size:0.646rem;text-align: center;display: flex;flex-direction: column;justify-content: space-between;align-content: space-between;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span>p{height:1.97rem;background:#178aff;color:#fff;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span>p>strong{display:block;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(1){width:8.095rem;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(2){width:4.863rem;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(2)>p{line-height: 1.97rem;font-weight:700;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(3){width:4.897rem;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(3)>p{line-height: 1.97rem;font-weight:700;}
    .block-b>ul:nth-of-type(2){width:26.63rem;height:6.122rem;margin:0.85rem auto;display: flex;flex-direction: column;justify-content: space-between;}
    .block-b>ul:nth-of-type(2)>li{font-size:0.748rem;}
    /* block-c */
    .block-c{position:relative;overflow: visible;}
    .block-c>img{width:11.054rem;height:2.72rem;position:absolute;left:0;right:0;top:-1.53rem;margin:auto;}
    .block-c>strong{padding-top:2.04rem;margin-top:2.55rem;}
    .block-c>ul{width:27.92rem;height:14.76rem;display:flex;justify-content:space-between;margin-top:1.02rem;}
    .block-c>ul>li{width:8.53rem;height:14.76rem;background:#0d58fb;border-radius:0.85rem;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;box-shadow: 0 0 0.25rem 0.17rem rgba(0,0,0,.1) inset;}
    .block-c>ul>li>img{width:6.25rem;height:5.03rem;margin-top:0.68rem;}
    .block-c>ul>li>strong{width:7.75rem;height:1.76rem;display:block;margin:0 auto 0.68rem auto;background:#fff;border-radius:0.34rem;text-align: center;line-height:1.768rem;font-size:0.81rem;color:#0e5bff;box-shadow: 0 0.17rem 0.68rem 0.17rem rgba(0,0,0,.2);}
    .block-c>ul>li>p{width:7.14rem;color:#fff;font-size:0.646rem;line-height: 1.088rem;}
    .block-c>a{margin-top:1.02rem;}
    /* block-d */
    .block-d{height:14.65rem;position:relative;overflow: visible;background:url(../images/c1.png) 0 no-repeat;background-size:100%;}
    .block-d>img{width:11.05rem;height:2.72rem;position:absolute;left:0;right:0;top:-1.53rem;margin:auto;}
    .block-d>strong{padding-top:2.04rem;margin-top:2.55rem;}
    .block-d>p{font-size:0.81rem;color:#36305c;line-height: 1.7rem;margin-left:1.36rem;margin-top:1.19rem;}
    .block-d>a{margin-top:0.85rem;margin-left:2.04rem;}
    /* form */
    #form-mob{margin-top:1rem !important;}
}
@media only screen and (min-width:901px){
    /* public */
    .banner-box {width:1920px;position: relative;left: 50%;margin-left: -960px;overflow: hidden;}
    .banner-box>img{ width:100%; }
    .cont-box{width:1920px;position: relative;left: 50%;margin-left: -960px;display:block;background:url(../images/bg.jpg) 0 0 repeat-y;background-size:100%;}
    .btn-red{display:block;width:186px;height:36px;background: #ff4254;color:#fff;font-size:18px;text-align: center;line-height:36px;border-radius:50px;letter-spacing: 2px;font-weight: 700;}
    .btn-blue{display:block;width:186px;height:36px;background: #3d7aff;color:#fff;font-size:18px;text-align: center;line-height:36px;border-radius:50px;letter-spacing: 2px;font-weight: 700;}
    .btn-yellow{display:block;width:186px;height:36px;background: #ff9b42;color:#fff;font-size:18px;text-align: center;line-height:36px;border-radius:50px;letter-spacing: 2px;font-weight: 700;}
    .public-btn{width:238px;height:49px;line-height:49px;display: block;border-radius: 50px;margin:auto;background:#0e5bff;color:#fff;font-size: 23px;letter-spacing:4px;text-align: center;}
    .block{display:block;overflow:hidden;width:100%;max-width:887px;background:#fff;border-radius:20px;padding-bottom: 35px;}
    .block>strong{display: block;text-align: center;font-size:35px;color:#36305c;margin-top:60px;}

    /* block-a */
    .block-a{width:100%;max-width:1920px;overflow:visible;background:url(../images/a-bg.jpg) no-repeat;background-size:100%;}
    .block-a>.block-a-cont>img{width:325;height:80px;position:absolute;left:0;right:0;top:-40px;}
    .block-a>.block-a-cont>strong{display: block;text-align: center;font-size:35px;color:#36305c;margin-top:60px;}
    .block-a>.block-a-cont>ul{width:798px;height:1400px;margin-top:20px;display: flex;justify-content: space-between;flex-direction: column;align-content:space-between;flex-wrap:wrap;overflow: hidden;}
    .block-a>.block-a-cont>ul>li{width:792px;height:209px;overflow: hidden;background:#178aff;border-radius:15px;border:3px solid #b9cde7;box-shadow: 0 0 25px 5px rgba(1,80,183,.5) inset;display: flex;justify-content: space-between;}
    .block-a>.block-a-cont>ul>li>img{width:375px;height:209px;}
    .block-a>.block-a-cont>ul>li>span{width:417px;height:209px;display: flex;flex-direction: column;align-content: space-around;justify-content:space-around;}
    .block-a>.block-a-cont>ul>li>span>strong{display:block;margin-left:10px;font-size:30px;color:#fff;background:url(../images/icon.png) 0 center no-repeat;background-size: 17px;text-indent: 30px;}
    .block-a>.block-a-cont>ul>li:nth-child(even)>span>strong{margin-left:20px;}
    .block-a>.block-a-cont>ul>li:nth-child(1)>span>strong{font-size:28px;}
    .block-a>.block-a-cont>ul>li>span>span{display:block;width:138px;height:35px;background:#fffe8b;font-size:22px;color:#3b3162;text-align:center;line-height:35px;border-radius:50px;font-weight:700;margin-left:45px;}
    .block-a>.block-a-cont>ul>li>span>p{width:365px;margin-left:50px;color:#fff;font-size:20px;line-height:32px;}
    .block-a>.block-a-cont>a{margin-top:35px;}
    /* block-b */
    .block-b{position:relative;overflow: visible;}
    .block-b>img{width:325;height:80px;position:absolute;left:0;right:0;top:-45px;margin:auto;}
    .block-b>strong{padding-top:60px;margin-top:30px;}
    .block-b>ul:nth-of-type(1){width:783px;height:185px;margin-top:20px;display:flex;flex-direction: column;justify-content:space-between;align-content: space-between;overflow: hidden;}
    .block-b>ul:nth-of-type(1)>li{height:58px;display: flex;justify-content: space-between;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2){height:121px;}
    .block-b>ul:nth-of-type(1)>li:nth-child(1)>p{height:58px;background:#0e5bff;color:#fff;font-size:28px;line-height: 58px;font-weight: 700;text-align: center;}
    .block-b>ul:nth-of-type(1)>li>p:nth-child(1){width:238px;}
    .block-b>ul:nth-of-type(1)>li>p:nth-child(2){width:238px;}
    .block-b>ul:nth-of-type(1)>li>p:nth-child(3){width:143px;}
    .block-b>ul:nth-of-type(1)>li>p:nth-child(4){width:144px;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>p{width:198px;height:81px;background:#178aff;color:#fff;font-size:19px;padding:20px;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span{height:121px;font-size:19px;text-align: center;display: flex;flex-direction: column;justify-content: space-between;align-content: space-between;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span>p{height:58px;background:#178aff;color:#fff;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span>p>strong{display:block;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(1){width:238px;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(2){width:143px;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(2)>p{line-height: 58px;font-weight:700;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(3){width:144px;}
    .block-b>ul:nth-of-type(1)>li:nth-child(2)>span:nth-of-type(3)>p{line-height: 58px;font-weight:700;}
    .block-b>ul:nth-of-type(2){width:783px;height:180px;margin:25px auto;display: flex;flex-direction: column;justify-content: space-between;}
    .block-b>ul:nth-of-type(2)>li{font-size:22px;}
    /* block-c */
    .block-c{position:relative;overflow: visible;}
    .block-c>img{width:325;height:80px;position:absolute;left:0;right:0;top:-45px;margin:auto;}
    .block-c>strong{padding-top:60px;margin-top:75px;}
    .block-c>ul{width:821px;height:434px;display:flex;justify-content:space-between;margin-top:30px;}
    .block-c>ul>li{width:251px;height:434px;background:#0d58fb;border-radius:25px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
    .block-c>ul>li>img{width:184px;height:184px;margin-top:20px;}
    .block-c>ul>li>strong{width:228px;height:52px;display:block;margin:0 auto 20px auto;background:#fff;border-radius:10px;text-align: center;line-height:52px;font-size:24px;color:#0e5bff;box-shadow: 0 5px 20px 5px rgba(0,0,0,.2);}
    .block-c>ul>li>p{width:210px;color:#fff;font-size:19px;line-height: 32px;}
    .block-c>a{margin-top:30px;}
    /* block-d */
    .block-d{height:431px;position:relative;overflow: visible;background:url(../images/c1.png) 0 no-repeat;background-size:100%;}
    .block-d>img{width:325;height:80px;position:absolute;left:0;right:0;top:-45px;margin:auto;}
    .block-d>strong{padding-top:60px;margin-top:75px;}
    .block-d>p{font-size:24px;color:#36305c;line-height: 50px;margin-left:40px;margin-top:35px;}
    .block-d>a{margin-top:25px;margin-left:60px;}
}
/* form-box */
.form-box{width:1200px;overflow: hidden;padding-bottom: 120px;}
.form-box .nav{display:block;width:437px;height:36px;background:url(../images/bg.png) -656px 0 no-repeat;}
.form-box>p{text-align: center;font-size:44px;color:#fff;font-weight:700;}
.form-box .form{width:1200px;display:flex;justify-content: space-between;background:#ff8933;}
.form-box .form>img{width:561px;}
.form-box .form>form{width:590px;}
.form-box .form>form>span{width:344px;display:block;border-bottom: 1px solid #fff;}
.form-box .form>form>span>label{font-size:22px;color:#fff;line-height: 40px;}
.form-box .form>form>span>input{background:none;border: none;outline: none;font-size:22px;color:#fff;}
.form-box .form>form>input{border:none;outline: none;}
.form-box .form>form>p{font-size:16px;color:#fffd57;}