@charset "utf-8";
@media screen and (min-width: 1924px) {html {font-size:100px;}}
@media screen and (max-width: 1924px) {html {font-size:100px;}}
@media screen and (max-width: 1872px) {html {font-size:97.5px;}}
@media screen and (max-width: 1824px) {html {font-size:95px;}}
@media screen and (max-width: 1776px) {html {font-size:92.5px;}}
@media screen and (max-width: 1728px) {html {font-size:90px;}}
@media screen and (max-width: 1680px) {html {font-size:87.5px;}}
@media screen and (max-width: 1632px) {html {font-size:85px;}}
@media screen and (max-width: 1584px) {html {font-size:82.5px;}}
@media screen and (max-width: 1536px) {html {font-size:80px;}}
@media screen and (max-width: 1488px) {html {font-size:77.5px;}}
@media screen and (max-width: 1440px) {html {font-size:75px;}}
@media screen and (max-width: 1292px) {html {font-size:72.5px;}}
@media screen and (max-width: 1344px) {html {font-size:70px;}}
@media screen and (max-width: 1296px) {html {font-size:67.5px;}}
body {
    /*font-family: "PingFangSC-Semibold";*/
    font-family: "PingFang-SC","PingFangSC","微软雅黑" ;
    min-width: 1200px;
    font-style: normal;
    background:rgb( 247, 247, 246);
}


.banner .tianbao {
    width: 988px;
    padding-bottom: 50px;
    margin: 0 auto;
    border-radius: 20px;
    background: -webkit-linear-gradient(bottom, #9fd1ff 0%, #ffffff 10%, #ffffff 100%);
    background: -o-linear-gradient(top, #9fd1ff 0%, #ffffff 10%, #ffffff 100%);
    background: -moz-linear-gradient(top, #9fd1ff 0%, #ffffff 10%, #ffffff 100%);
    background: linear-gradient(to bottom, #9fd1ff 0%, #ffffff 10%, #ffffff 100%);
    overflow: hidden;
  }
  .banner .tianbao h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    margin: 60px 0 20px;
  }
  .banner .tianbao h4 img {
    width: 36px;
    height: 36px;
    margin-right: 15px;
  }
  .banner .tianbao .xian {
    height: 3px;
    width: 640px;
    margin: 0 auto 28px;
    border-top: 1px solid #b9d3fc;
    border-bottom: 1px solid #d9f0fe;
  }
  .banner .tianbao .tb {
    display: flex;
    justify-content: center;
  }
  .banner .tianbao .tb .tb_item {
    width: 250px;
    height: 267px;
    background: #eaf5ff;
    margin: 0 12px 24px;
    text-align: center;
  }
  .banner .tianbao .tb .tb_item h3 {
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    line-height: 46px;
    background: #268bed;
  }
  .banner .tianbao .tb .tb_item h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 17px 0 13px;
  }
  .banner .tianbao .tb .tb_item span {
    display: block;
    width: 170px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 18px;
    color: #2968e5;
    border: 1px solid #2968e5;
    margin: 0 auto 12px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  .banner .tianbao .tb .tb_item span.act {
    color: #ffffff;
    background: #31aae2;
    border-color: #31aae2;
  }
  .banner .tianbao form {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
  }
  .banner .tianbao form label {
    font-size: 22px;
    color: #333333;
    width: 110px;
    height: 60px;
    line-height: 60px;
    background: #eaf4ff;
    border: 1px solid #7ecef4;
    box-sizing: border-box;
    border-right: 0;
  }
  .banner .tianbao form label b {
    color: #ea3c3c;
  }
  .banner .tianbao form input {
    height: 60px;
    width: 390px;
    box-sizing: border-box;
    border: 1px solid #7ecef4;
    padding-left: 15px;
    font-size: 20px;
    color: #333333;
    margin-right: 25px;
  }
  .banner .tianbao form .subtn {
    width: 270px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    background: #e71d22;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
  }
  .banner .tianbao form .subtn:hover {
    opacity: .85;
  }
  .banner .tianbao form .subtn img {
    width: 19px;
    height: 26px;
  }



.w1200{
    width:12.5rem;
}
.foot{
	width: 100%;
    line-height: 0.28rem;
    font-size: 0.1rem;
    color: rgb(255,255,255);
    text-align: center;
    background:rgb(51,51,51);
    padding:0.25rem 0;
}
/*.banner{
    width:100%;
    height: 9.3rem;
    background: url("../images/banner.png") no-repeat;
    background-size: auto 9.3rem;
    background-position: center center;
    background-repeat: no-repeat;
}*/
.nav{
    width:100%;
    height: 0.56rem;
    background:rgb(219, 55, 64);
    border-bottom:0.01rem solid rgb(219, 55, 64);
}
.navDiv{
    display: flex;
}
.navDiv a{
    width:1.55rem;
    height: 0.56rem;
    line-height: 0.56rem;
    border-right:0.01rem solid rgb(255,255,255,0.5);
    font-size: 0.18rem;
    color:rgb(255,255,255);
    text-align: center;
}
.navDiv a:nth-last-child(1){
    border-right:0 !important;
}
.nav_active{
    background:rgb(255,255,255) !important;
    color:rgb(255, 66, 59) !important;
    text-decoration: underline;
    cursor: pointer;
}
.banner{
    width:100%;
    height: 1.6rem;
    background:url("../images/banner.png") no-repeat;
    background-size: 100% 100%;
}
.bannerDiv{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bannerTitle{
    width:5.46rem;
    height: 0.38rem;
    display: block;
    padding-top:0.6rem;
}
.bannerList{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:0.6rem;
}
.bannerList a{
    width:1.5rem;
    height: 0.36rem;
    line-height: 0.36rem;
    display: block;
    background: -webkit-linear-gradient(top,rgb(250, 230, 202), rgb(255, 205, 132));
    border:0.005rem solid rgb(255, 255, 255);
    font-size: 0.18rem;
    color:rgb( 219 ,55, 64);
    text-align: center;
    margin-left:0.2rem;
    border-radius: 0.03rem;
    transition: all .8s;
}
.bannerList a:hover{
    cursor: pointer;
    transform: scale(1.1,1.1);
}
.s1Wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 0.2rem;
    margin-top:0.3rem;
}
.s1Left{
    width:4.4rem;
    border:0.01rem solid rgb(255, 195, 198);
    background:rgb(255,255,255);
}
.s1Title{
    height: 0.5rem;
    background:rgb(223, 61, 62);
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    font-size: 0.2rem;
    color:rgb(255,255,255);
    position: relative;
}
.s1Title span{
    width:0.03rem;
    height: 0.2rem;
    background:rgb(255,255,255);
    margin-right:0.1rem;
    margin-left:0.2rem;
}
.s1Title p{
    position: absolute;
    font-size: 0.16rem;
    color:rgb(255,255,255);
    text-align: right;
    right:0.2rem;
}
.s1Left ul{
    padding:0.2rem 0.2rem 0 0.2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s1Left ul li{
    width:0.9rem;
    height: 0.36rem;
    line-height: 0.36rem;
    background:rgb(242, 242, 242);
    font-size: 0.17rem;
    color:rgb(51,51,51);
    text-align: center;
    margin-bottom:0.2rem;
    border-radius: 0.03rem;
}
.s1Left ul li:hover{
    cursor: pointer;
    background: -webkit-linear-gradient(top,rgb(242, 89, 82), rgb( 230, 26, 18));
    color:rgb(255,255,255);
}
.s1Middle{
    width:5.1rem;
    border:0.01rem solid rgb(255, 195, 198);
    background:rgb(255,255,255);
}
.s1Middle ul{
    padding:0.2rem 0.2rem 0.06rem 0.2rem;
}
.s1Middle ul li{
    font-size: 0.175rem;
    color:rgb(102, 102, 102);
    margin-bottom:0.14rem;
    transition: all .6s;
}
.s1Middle ul li:hover{
    cursor: pointer;
    color:rgb(223, 61, 62);
    transform: translateX(3px);
}
.s1Right{
    width:2.2rem;
    float: left;
}
.s1Right li{
    height: 0.77rem;
}
.s1Right li p{
    width:1.85rem;
    height: 0.55rem;
    line-height: 0.56rem;
    background: url("../images/s1_r_ico.png") no-repeat;
    background-size: 100% 100%;
    font-size: 0.18rem;
    color:rgb(223, 61, 62);
    text-align: center;
    float: right;
    margin-top:0.14rem;
    transition: all .8s;
}


















form .xuanze{
    width: 100%;
    margin-left: 0.2rem;
}

form .xuanze p{
    /* position: relative; */
    font-size: 18px;
    /* display: block; */
    width: 100%;
    background-color: #d31d29;
    text-align: center;
    height: 35px;
    padding-top: 8px;
    color: #fff;
}

form .xuanze div {
    float: left;
    margin-top: 20px;
}

form .xuanze .xueli{
    width: 90px;
}

form .xuanze .ul-div{
    width: 78%;
}

.s1Right li p:hover{
    cursor: pointer;
    transform: translateX(-3px);
}
.s2Wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 0.2rem;
    margin-top:0.3rem;
}
.s2Img{
    width:5.4rem;
    /*height: 4.6rem;*/
    background:url("../images/s2_bj.png") no-repeat; 
    background-size: 100% 100%;
}
.s2Img p{
    font-size: 0.3rem;
    color:rgb(255,255,255);
    text-shadow: 0px 0.02rem 0.04rem rgb(0, 0, 0, 0.3);
    text-align: center;
    letter-spacing: 2px;
    margin-bottom:0.1rem;
    padding-top:0.6rem;
}
.s2Img span{
    font-size: 0.2rem;
    color:rgb(255,255,255);
    text-shadow: 0px 0.02rem 0.04rem rgb(0, 0, 0, 0.3);
    text-align: center;
    letter-spacing: 1.75px;
    display: block;
    margin-top: 0.5rem;
}
.s2Right{
    width:6.46rem;
    border:0.01rem solid rgb(255, 195, 198);
    background:rgb(255,255,255);
}
.s2Div_r{
    background:rgb(255,255,255);
    padding:0rem ;
}
.s2Table{
    border-radius: 0.06rem;
    border:0.01rem solid rgb(223, 61, 62);
    background:rgb(255,255,255);
}
.s2_table_list{
    height: 1.22rem;
    display: flex;
    border-bottom:0.005rem solid rgb(223, 61, 62);
}
.s2_table_list div{
    width:36%;
    line-height: 1.22rem;
    background:rgb(254, 246 ,231);
    text-align: center;
    border-right:0.005rem solid rgb(223, 61, 62);
}
.s2_table_list div p{
    font-size: 0.2rem;
    color:rgb(223, 61, 62);
}
.s2_left_m{
    width:34%;
    border-right:0.005rem solid rgb(223, 61, 62);
}
.s2_left_m li{
    width:100%;
    height: 0.6rem;
    border-bottom:0.005rem solid rgb(223, 61, 62);
    font-size: 0.2rem;
    color:rgb(102,102,102);
    display: table;
}
.s2_left_m li p{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.s2_height{
    height: 0.6rem !important;
    border-bottom:0 !important;
}
.s2_left_r{
    width:30%;
}
.s2_left_r li{
    width:100%;
    height: 0.6rem;
    border-bottom:0.005rem solid rgb(223, 61, 62);
    font-size: 20px;
    color:rgb(102,102,102);
    display: table;
}
.s2_left_r li p{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.s2_left_r li p a{
    width:60%;
    height: 0.42rem;
    line-height: 0.42rem;
    display: block;
    margin:0 auto;
    background: -webkit-linear-gradient(top,rgb(242, 89, 82), rgb(230, 26, 18));
    font-size: 0.18rem;
    color:rgb(255,255,255);
    border-radius: 0.06rem;
    transition: all .8s;
}
.s2_left_r li p a:hover{
    border:0.01rem solid rgb(223, 61, 62);
    background:rgb(255,255,255);
    cursor: pointer;
    transform: scale(1.1,1.1);
    color:rgb(223, 61, 62);
}
.s3Wrap{
    border:0.01rem solid rgb(238, 238, 238);
    background:rgb(255,255,255);
    margin:0 0.2rem;
    margin-top:0.3rem;
    padding:0.2rem 0.6rem 0.2rem 0.2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s3Left{
    width:5.4rem;
}
.s3Title{
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    font-size: 0.2rem;
    color:rgb(223, 61, 62);
    margin-bottom:0.2rem;
}
.s3Title span{
    width:0.03rem;
    height: 0.2rem;
    background:rgb(223, 61, 62);
    margin-right:0.1rem;
}
.s3Left ul{
    border:0.01rem solid rgb(223, 61, 62);
    border-radius: 0.06rem;
    margin-bottom:0.3rem;
}
.s3Left ul ol{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 0.51rem;
    line-height: 0.51rem;
    border-bottom:0.01rem solid rgb(223, 61, 62);
}
.s3Left ul ol li{
    width:1.06rem;
    font-size: 0.18rem;
    color: rgb(102,102,102);
    border-right:0.01rem solid rgb(223, 61, 62);
    text-align: center;
    transition: all .8s;
}
.s3Left ul ol li:hover{
    cursor: pointer;
    color:rgb( 223, 61, 62);
    text-decoration: underline;
}
.s3Left ul ol li:nth-last-child(1){
    border-right:0;
}
.s3Left ul ol:nth-last-child(1){
    border-bottom:0;
}
.s3Btn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s3Btn a{
    width:1.66rem;
    height: 0.45rem;
    line-height: 0.45rem;
    display: block;
    background: -webkit-linear-gradient(top,rgb(242, 89, 82), rgb(230, 26, 18));
    border:0.01rem solid rgb(255,255,255);
    font-size: 0.18rem;
    color: rgb(255,255,255);
    text-align: center;
    border-radius: 0.06rem;
    transition: all .8s;
}
.s3Btn a:hover{
    cursor: pointer;
    transform: scale(1.05,1.05);
    background:rgb(255,255,255);
    color: rgb(231, 36, 29);
    border:0.01rem solid rgb(231, 36, 29);
}
.s3Right{
    width:5.3rem;
}
.s3Right li{
    height: 0.5rem;
    line-height: 0.5rem;
    border-bottom:0.01rem dashed rgb(238, 238, 238);
    font-size: 0.18rem;
    color: rgb(102,102,102);
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    transition: all .8s;
}
.s3Right li:hover{
    cursor: pointer;
    transform: translateX(3px);
}
.s3Right li span{
    width:0.24rem;
    height: 0.24rem;
    line-height: 0.24rem;
    display: block;
    background:rgb(204, 204, 204);
    margin-right:0.1rem;
    font-size: 0.17rem;
    color: rgb(255,255,255);
    text-align: center;
}
.s3Hover{
    background:rgb(231, 28, 20) !important;
}
.s3Li_one{
    height: 0.3rem !important;
    line-height: 0.3rem;
    padding-bottom:0.13rem;
}
.s4Wrap{
    border:0.01rem solid rgb(255, 195, 198);
    background:rgb(255,255,255);
    margin:0 0.2rem;
    margin-top:0.3rem;
    padding:0.2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s4Ul{
    width:100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s4Ul li{
    width:2.76rem;
    border-radius: 0.06rem;
    background: rgb(255,255,255);
    position: relative;
    box-shadow: 0px 0.02rem 0.1rem rgb(0 ,0, 0, 0.1);
    transition: all .8s;
}
.s4Ul li:hover{
    cursor: pointer;
}
.s4Ul li img{
    width:100%;
    display: block;
    /*height: 1.89rem;*/
}
.s4Ul li span{
    width:1.42rem;
    height: 0.44rem;
    line-height: 0.35rem;
    background: url("../images/s4_tips.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    font-size: 0.18rem;
    color:rgb(255,255,255);
    position: absolute;
    top:1.4rem;
    left:-0.11rem;
    text-indent: 0.25rem;
    font-weight: 500;
}
.s4Ul li p{
    padding:0.2rem 0.2rem;
    font-size: 0.17rem;
    color:rgb(102,102,102);
    line-height: 0.26rem;
    font-weight: 500;
}
.s4Ul li a{
    width:2.27rem;
    height: 0.48rem;
    line-height: 0.48rem;
    border:1px solid rgb(231, 36, 29);
    background: -webkit-linear-gradient(top, rgb(242, 89, 82), rgb(230, 26, 18));
    color:rgb(255,255,255);
    
    border-radius: 0.06rem;
    font-size: 0.2rem;
    
    text-align: center;
    display: block;
    margin:0 auto;
    margin-bottom:0.2rem;
    transition: all .8s;
    font-weight: 500;
}
.s4Ul li a:hover{
    transform: scale(1.1);
    color:rgb(231, 36, 29);
    /*border:1px solid rgb(231, 36, 29,0);*/
    background: rgb(255, 255, 255);
    cursor: pointer;
}
.s4Btn{
    width:4.13rem;
    height: 0.63rem;
    line-height: 0.63rem;
    background: rgb(234, 132, 38);
    border-radius: 0.06rem;
    font-size: 0.24rem;
    color:rgb(255,255,255);
    text-align: center;
    display: block;
    margin:0 auto;
    transition: all .8s;
}
.s4Btn:hover{
    transform: scale(1.1);
    cursor: pointer;
}
.s5Wrap{
    margin:0 0.2rem;
    background:no-repeat;
    background-size: 100% 100%;
    padding:0.3rem 0;
    margin-top:0.3rem;
    cursor: pointer;
}
.s5_p{
    font-size: 0.4rem;
    color:rgb(255,255,255);
    font-weight: 600;
    text-align: center;
    margin-bottom:0.25rem;
    letter-spacing: 1px;
}
.s5Wrap ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 4.2rem;
}
.s5Wrap ul li{
    font-size: 0.18rem;
    color:rgb(255,255,255);
    display: flex;
    align-items: center;
    justify-content: center;
}
.s5Wrap ul li img{
    width:0.2rem;
    margin-right:0.07rem;
}
.s6Wrap{
    margin:0.3rem 0.2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s6Left{
    width:2.7rem;
    border:0.01rem solid rgb(255, 195, 198);
    background:rgb(255,255,255);
}
.s6Left ul{
    padding:0.2rem 0.18rem 0 0.18rem;
}
.s6Left ul li{
    height: 0.45rem;
    line-height: 0.45rem;
    border:0.01rem solid rgb(223, 61, 62);
    font-size: 0.17rem;
    
    text-align: center;
    border-radius: 0.06rem;
    margin-bottom:0.2rem;
    color:rgb(255,255,255);
    background: -webkit-linear-gradient(top, rgb(242, 89, 82), rgb(230, 26, 18));
    transition: all .8s;
}
.s6Left ul li:hover{
    transform: scale(1.05,1.05);
    color:rgb(223, 61, 62);
    background:rgb(255,255,255);
    cursor: pointer;
}
.s6Middle{
    width:4.48rem;
    border:0.01rem solid rgb(255, 195, 198);
    background:rgb(255,255,255);
}
.s6Middle ul{
    padding:0.1rem 0.2rem 0.1rem 0.2rem;
}
.s6Middle ul li{
    height: 0.42rem;
    line-height: 0.42rem;
    font-size: 0.17rem;
    color:rgb(102, 102, 102);
    border-bottom:0.01rem dashed rgb(238, 238, 238);
    transition: all .8s;
}
.s6Middle ul li:hover{
    cursor: pointer;
    transform: translateX(3px);
}
.s6Middle ul li img{
    width:0.16rem;
    margin-right:0.1rem;
}
.leftFixed{
    width:1.47rem;
    padding:0.2rem 0;
    background:rgb( 219, 55, 64);
    border-radius: 0.06rem;
    box-shadow: 0px 0.02rem 0.1rem rgb(0, 0, 0, 0.2);
    position: absolute;
    left:0.1rem;
    top: 2.6rem;
}
.rightFixed{
    width:1.78rem;
    padding:0.2rem 0 0.1rem 0;
    background:rgb(219, 55, 64);
    border-radius: 0.12rem;
    position: absolute;
    right:0.1rem;
    top: 2.6rem;
    box-shadow: 0px 2px 0.1rem 0px rgb(0, 0, 0, 0.2);
}
.fixUl{
    padding:0rem 0.1rem;
}
.fixUl li{
    width:100%;
    height: 0.4rem;
    background:rgb(255,255,255);
    border-radius: 0.06rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.17rem;
    color:rgb(51,51,51);
    margin-bottom: 0.1rem;
    transition: all .8s;
}
.fixUl li:hover{
    cursor: pointer;
    transform: scale(1.05,1.05);
    color:rgb( 219, 55, 64);
}
.fixUl li img{
    width:0.3rem;
    margin-right:0.05rem;
}
.back_top{
    width:0.97rem;
    display: block;
    margin:0 auto;
    cursor: pointer;
}
