@charset "utf-8";
/*index.css*/
.swiper-container {
    width: 100%;
    height: 7.4rem;
}

.swiper-slide {
    text-align: center;
    background: #fff;
    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-slide img {
    width: 100%;
}



.swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #f95367
}

.productbox {
    background: #f1f5fe;
    /*padding-bottom: 0.28rem;*/
}

.productbox .tit {
    background: #fff;
    height: 2.35rem;
    text-align: center;
    padding-top: 0.7rem;
}

.productbox .tit h2 {
    font-size: 0.36rem;
    line-height: 0.55rem;
    color: #4b4b4b
}

.productbox .tit h3 {
    font-size: 0.18rem;
    font-family: 'arial';
    line-height: 0.4rem;
    color: #9b9b9b;
    font-weight: normal
}

.productlist li {
    height: 2.3rem;
    margin-top: 0.1rem;
    background: url(../images/index/arrow.png) no-repeat 6.95rem center #fff;
    background-size: 0.18rem
}

.productlist li a {
    display: block;
    width: 100%;
    height: 2.3rem;
    padding: 0.35rem 0 0 2.35rem;
    text-align: left;
}

.productlist li a.icon {
    background: url(../images/index/fqz.png) no-repeat 0.66rem center;
    background-size: 1.18rem;
}

.productlist li a.icon02 {
    background: url(../images/index/yth.png) no-repeat 0.66rem center;
    background-size: 1.18rem;
}

.productlist li a.icon03 {
    background: url(../images/index/fyj.png) no-repeat 0.66rem center;
    background-size: 1.18rem;
}

.productlist li a.icon04 {
    background: url(../images/index/2021/index-iconbg-01.png) no-repeat 0.66rem center;
    background-size: 1.18rem;
}

.productlist li a.icon05 {
    background: url(../images/index/2021/index-iconbg-02.png) no-repeat 0.66rem center;
    background-size: 1.18rem;
}

.productlist li a.icon06 {
    background: url(../images/index/2021/index-iconbg-03.png) no-repeat 0.66rem center;
    background-size: 1.18rem;
}

.productlist li a.icon07 {
    background: url(../images/index/2021/index-iconbg-04.png) no-repeat 0.66rem center;
    background-size: 1.18rem;
}

.productlist li a h2 {
    line-height: 0.45rem;
    font-size: 0.28rem;
    color: #014492
}

.productlist li a span {
    float: left;
    width: 50%;
    /* line-height: 0.55rem;  */
    font-size: 0.24rem;
    color: #666;
}
.productlist li a span em{
    width:0.09rem;
    height: 0.09rem;
    display: inline-block;
    background: #666;
    border-radius: 50%;
    float: left;
    margin:0.15rem 0.1rem 0 0;
}
.productlist li a.icon03 span {
    line-height: 0.4rem;
}

.casebox {
    background: #187efc;
    padding-bottom: 0.25rem;
}

.casebox .tit {
    height: 2.30rem;
    text-align: center;
    padding-top: 0.8rem;
    color: #fff
}

.casebox .tit h2 {
    font-size: 0.36rem;
    font-family: '\9ED1\4F53';
    line-height: 0.55rem
}

.casebox .tit h3 {
    font-size: 0.18rem;
    font-family: 'arial';
    line-height: 0.4rem;
    font-weight: normal
}

.caselist {
    border-top: 1px solid #0068ed
}

.caselist dt {
    height: 1.36rem;
    border-bottom: 1px solid #147af6;
    background: url(../images/index/arrowdown.png) no-repeat 6.5rem center;
    background-size: 0.26rem;
}

.caselist dt span {
    display: block;
    width: 100%;
    line-height: 1.36rem;
    padding-left: 2.1rem;
    font-size: 0.32rem;
    color: #fff
}

.caselist dt span.icon01 {
    background: url(../images/index/yh.png) no-repeat 0.9rem center;
    background-size: 0.6rem;
}

.caselist dt span.icon02 {
    background: url(../images/index/xfjr.png) no-repeat 0.9rem center;
    background-size: 0.6rem;
}

.caselist dt span.icon03 {
    background: url(../images/index/hlwjr.png) no-repeat 0.9rem center;
    background-size: 0.6rem;
}

.caselist dt span.icon04 {
    background: url(../images/index/qcjr.png) no-repeat 0.9rem center;
    background-size: 0.6rem;
}

.caselist dt span.icon05 {
    background: url(../images/index/dsfzf.png) no-repeat 0.9rem center;
    background-size: 0.6rem;
}

.caselist dt span.icon06 {
    background: url(../images/index/zfyq.png) no-repeat 0.9rem center;
    background-size: 0.6rem;
}

.caselist dt span.icon07 {
    background: url(../images/index/hyzx.png) no-repeat 0.9rem center;
    background-size: 0.6rem;
}

.caselist dt.active {
    background: url(../images/index/arrowup.png) no-repeat 6.5rem center #006aee;
    background-size: 0.26rem;
}

.caselist dd {
    padding: 0.62rem 0.42rem;
    background: #fff;
    display: none
}

.caselist dd .ddlist {
    border-left: 1px solid #ebebeb
}

.yhbox h3 {
    font-size: 0.28rem;
    color: #737373;
    margin-left: -0.1rem;
    background: #fff;
}

.yhbox h3.round:before {
    content: "○";
    padding-right: 0.2rem;
}

.yhbox h3.square:before {
    content: "□";
    padding-right: 0.2rem;
}

.yhbox h3.triangle:before {
    content: "△";
    padding-right: 0.2rem;
}

.yhbox p {
    font-size: 0.26rem;
    line-height: 0.4rem;
    padding: 0.36rem 0.3rem 0.5rem;
}

.yhys {
    padding: 0 0 0.6rem 0.5rem;
}

.yhys li {
    width: 50%;
    float: left;
    padding-top: 1.3rem;
    text-align: center;
    line-height: 0.4rem;
    color: #646464
}

.yhys li.icon01 {
    background: url(../images/index/yhysicon01.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon02 {
    background: url(../images/index/yhysicon02.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon03 {
    background: url(../images/index/yhysicon03.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon04 {
    background: url(../images/index/yhysicon04.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon05 {
    background: url(../images/index/yhysicon05.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon06 {
    background: url(../images/index/yhysicon06.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon07 {
    background: url(../images/index/yhysicon07.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon08 {
    background: url(../images/index/yhysicon08.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon09 {
    background: url(../images/index/yhysicon09.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon10 {
    background: url(../images/index/yhysicon10.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon11 {
    background: url(../images/index/yhysicon11.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon12 {
    background: url(../images/index/yhysicon12.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhys li.icon13 {
    background: url(../images/index/yhysicon13.png) no-repeat center 0.55rem;
    background-size: 0.68rem;
}

.yhkhal {
    padding: 0.35rem 0 0 0.65rem;
}

.yhkhal img {
    width: 2.28rem;
    height: 0.78rem;
    float: left;
    border: 1px solid #e2e2e4;
    border-radius: 0.05rem;
    margin: 0 0.6rem 0.1rem 0;
}

.yhkhal img.img02 {
    width: 5.3rem;
}

.yhbtn {
    display: block;
    width: 2.36rem;
    height: 0.86rem;
    line-height: 0.86rem;
    text-align: center;
    background: #187efc;
    margin: 0 auto 0.4rem;
    font-size: 0.3rem;
    color: #fff;
    border-radius: 0.48rem;
    box-shadow: 0 0 5px 5px rgba(24,126,252,0.15);
}

/*info.css*/
.xybox {
    padding: 0.8rem 1.1rem;
}

.xybox h2 {
    line-height: 0.7rem;
    font-size: 0.27rem;
    color: #4c4c4c;
    text-align: center;
}

.xybox h3 {
    line-height: 1.15rem;
    font-size: 0.28rem;
    color: #828282;
    text-align: center;
}

.red {
    color: #ff9092
}

.inputbox {
    height: 0.62rem;
    line-height: 0.62rem;
    border: 1px solid #e1e1e9;
    border-radius: 0.05rem;
    margin-bottom: 0.45rem;
    padding-left: 0.65rem;
    position: relative;
}
.inputbox .error{
    position: absolute;
    top:0.5rem;
    left:0;
    color:#dd0000;
}

.inputbox input {
    width: 100%;
    line-height: 0.6rem;
    border: none;
    background: none;
    vertical-align: top;
}

.inputbox.icon01 {
    background: url(../images/index/fromicon01.jpg) no-repeat 0.12rem center;
    background-size: 0.62rem;
}

.inputbox.icon02 {
    background: url(../images/index/fromicon02.jpg) no-repeat 0.12rem center;
    background-size: 0.62rem;
}

.inputbox.icon03 {
    background: url(../images/index/fromicon03.jpg) no-repeat 0.12rem center;
    background-size: 0.62rem;
}

.selectbox span {
    display: inline-block;
    line-height: 0.54rem;
    border-radius: 0.15rem;
    padding: 0 0.5rem;
    min-width: 1.6rem;
    border: 1px solid #187efc;
    color: #187efc;
    margin: 0 0.2rem 0.3rem 0
}

.selectbox span.active {
    background: #187efc;
    box-shadow: 0 0 3px 3px rgba(24,126,252,0.15);
    color: #fff;
}

.selectbox02 span {
    padding: 0;
    text-align: center;
    margin-right: 0.15rem
}

.xybtn {
    display: block;
    width: 3.6rem;
    height: 0.85rem;
    color: #fff;
    font-size: 0.3rem;
    background: #006aee;
    border-radius: 0.42rem;
    margin: 0.75rem auto;
    border: none;
}
.fz{
    padding: 1.2rem .4rem;
    padding-bottom: 0;
    background: #05235C;
    color: #fff;
    position: relative;
}
.fz h4{
    color: #fff;
}
.fz>img{
    margin-top: 1.2rem;
}


.cityList{
    display: flex;
    border-top: 1px solid rgba(255,255,255,0.2);
    justify-content: space-between;
    font-size: .28rem;
    line-height: .4rem;
    text-align: center;
    padding: 0 .8rem;
}
.cityList li{
    width: .6rem;
    opacity: .6;
    padding-top: .2rem;
    margin-top: -.05rem;
}
.cityAcItem{
    opacity: 1 !important;
    border-top: .04rem solid #24F1F1;
}
.fzContent{
    position: absolute;
    left: 0;
    top: 3.12rem;
    padding: 0 .4rem;
}
.fzContent>div{
    width: 6.7rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    padding: .24rem .4rem;
    display: flex;
    align-items: flex-start;
    color: #fff;
    opacity: .6;
    font-size: .32rem;
    margin-top: .2rem;
}
.fzContent>div:first-child{
    opacity: 1 !important;
}
.fzContent>div>img{
    margin-right: .24rem;
}

.zs{
    background: #EDF5FF;
    padding: 1.2rem .4rem;
    font-size: .32rem;
    text-align: center;
    color: #7A8BA6;
}
.zs h4{
    margin-bottom: .4rem;
}
.zs h6{
    margin-top:.28rem;
    margin-bottom: .5rem;
}