@charset "utf-8";
/* CSS Document */
#app{line-height: 1}

html,body{background: #F5F5F5}

#mainN1{ width: 100%; height: auto; float: left;background: #F5F5F5;padding-bottom: 80px;margin-top: 80px}
#mainN1 .appIn{overflow: inherit;}
#mainN1 .mainN1T{width:100%; height: auto; float: left;margin: -77px 0 80px 0;background: #fff;border-radius: 10px;z-index: 1;position: relative;display: none}
#mainN1 .mainN1T ul{width: 100%;height: auto;float: left;display: flex;  display:-webkit-flex;align-items: inherit}
#mainN1 .mainN1T ul li{width: 100%;height: 150px;float: left;color: #003371;font-size: 24px;background: #fff;text-align: center;position: relative;border: 1px solid #003371;border-right:none;line-height: 36px; }
#mainN1 .mainN1T ul li:last-child{border: 1px solid #003371;border-radius:0 10px  10px 0  }
#mainN1 .mainN1T ul li:first-child{border-radius: 10px 0 0 10px}
#mainN1 .mainN1T ul li a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%}
#mainN1 .mainN1T ul li.cur{color: #fff;background: #003371}
#mainN1 .mainN1T ul li.cur a{color: #fff;}
#mainN1 .mainN1T ul li.cur:before{width: auto;height: auto;content: '';border: 10px solid transparent;border-top-color:#003371; position: absolute;  bottom: -20px; }
#mainN1 .mainN1M{width:100%; height: auto; float: left;margin: 0 ;background: #fff;padding: 40px 0 64px 0}
#mainN1 .mainN1M>ul{width: 100%;height: auto;float:left}
#mainN1 .mainN1M>ul>li{width:calc(100% - 50px);height: auto;float:left;margin: 0 25px  60px 25px;}
#mainN1 .mainN1M>ul>li:last-child{margin-bottom: 0}
#mainN1 .mainN1M>ul .liT{width: 100%;height: auto;float:left;}
#mainN1 .mainN1M>ul .liT b{position: relative;color: #003371;font-size: 32px;font-family: myFont}
#mainN1 .mainN1M>ul .liM{width: 100%;height: auto;float:left;background: transparent;margin-top: 50px;line-height: 40px;font-size: 16px;}
#mainN1 .mainN1M>ul>li.special .liM{width: 100%;height: auto;float:left;background: transparent;margin-top: 50px;font-size: 26px;line-height: 1}
#mainN1 .mainN1M>ul .liM img{max-width: 100%;}
#mainN1 .mainN1M>ul>li:last-child .liM{background: transparent}

#mainN1 .mainN1M ul li ul.pc{width: 100%;height: auto;float: left;display: flex;align-items: flex-start;position: relative;display:-webkit-flex;}
#mainN1 .mainN1M ul li ul.pc:before{    content: '';  width:90%;  height: 1px;  float: left;  position: absolute;  top: 47px;      left: 50%;transform: translateX(-50%);  border-top: 1px dashed #EBEBF1;}
#mainN1 .mainN1M ul li ul.pc li{width: 100%;height: auto;float: left;display: flex;align-items: center;display:-webkit-flex;}
#mainN1 .mainN1M ul li ul.pc .liIn{width: 100%;height: auto;float: left;}
#mainN1 .mainN1M ul li ul.pc li:last-child .liIn{margin-right: 0}
#mainN1 .mainN1M ul li ul.pc li .float{width: auto;height: auto;float: left;right: -5px!important;}
#mainN1 .mainN1M ul li ul.pc .liT{width: 100%;height: auto;float: left;display: flex;align-items: center;position: relative;display:-webkit-flex;}
#mainN1 .mainN1M ul li ul.pc li.special{position: relative;top: 12px;}
#mainN1 .mainN1M ul li ul.pc .liT span{display:block;width:70px;height: 70px;margin:0  auto;background: #F4F4F8;text-align: center;line-height: 70px;color: #B3B3B3;font-size: 32px;border-radius: 50%;font-weight: 500;border: 1px solid #EBEBF1;    transition: background 0.5s,color 0.5s;
    -moz-transition: background 0.5s,color 0.5s;
    -webkit-transition: background 0.5s,color 0.5s;
    -o-transition: background 0.5s,color 0.5s;}

#mainN1 .mainN1M ul li ul.pc .liT b{    position: absolute;right: -30px;  top: 50%;  transform: translateY(-50%);}
#mainN1 .mainN1M ul li ul.pc .liM{width: 100%;height: auto;float: left;text-align: center;margin-top: 20px;}
#mainN1 .mainN1M ul li ul.pc .liM h3{color: #52525A;font-size: 16px;margin-bottom: 10px;}
#mainN1 .mainN1M ul li ul.pc .liM p{color: #52525A;font-size: 12px;line-height: 24px;}
#mainN1 .mainN1M ul li ul.pc li.cur .liM h3{color: #ED9E35}
#mainN1 .mainN1M ul li ul.pc li.cur .liT span{background: #ED9E35;color: #fff}


#mainN1 .mainN1M ul li ul.phe{width: 100%;height: auto;float: left;display: flex;align-items: flex-start;position: relative;flex-wrap: wrap;display:-webkit-flex;}
#mainN1 .mainN1M ul li ul.phe li{width: 100%;height: auto;float: left;    margin-bottom: 4rem;}
#mainN1 .mainN1M ul li ul.phe li:last-child{margin-bottom: 0}
#mainN1 .mainN1M ul li ul.phe li .liIn{width: 100%;height: auto;float: left;display: flex;align-items: center;display:-webkit-flex;}
#mainN1 .mainN1M ul li ul.phe li .liT {width: auto;text-align: center;position: relative}
#mainN1 .mainN1M ul li ul.phe li .liT  span{color:#fff;display: block;  width: 3.5rem;  height: 3.5rem;  background: #ED9E35;  font-size: 1.6rem;  text-align: center;  line-height: 3.5rem;  border-radius: 50%;}
#mainN1 .mainN1M ul li ul.phe li .liT b img{    transform: rotateZ(90deg);}
#mainN1 .mainN1M ul li ul.phe:before{    content: '';  width:0.1rem;  height: 100%;  float: left;  position: absolute;  top: 0;      left: 1.8rem;     border-right: 1px dashed #EBEBF1;}
#mainN1 .mainN1M ul li ul.phe .liT b{    position: absolute;top:5rem;left: 51%;   transform: translateX(-50%);}
#mainN1 .mainN1M ul li ul.phe .liM{margin: 0 0 0 0.7rem}
#mainN1 .mainN1M ul li ul.phe .liM h3{font-size: 1.3rem;}
#mainN1 .mainN1M ul li ul.phe .liM p{font-size: 1.3rem;
line-height: 2rem;margin-top: 0.7rem}



#mainN1 .mainN1B{width:100%; height: auto; float: left;margin: 0;background: #fff;padding-bottom: 50px}

#mainN1 .mainCase{width: 100%;height: auto;float: left}
#mainN1 .mainCase  .liT{width: 100%;height: auto;float:left;}
#mainN1 .mainCase  .liT{width: 100%;height: auto;float:left;}
#mainN1 .mainCase .liT b{position: relative;color: #003371;font-size: 32px;}

#mainN1 .mainN1BT{width: 100%;height: auto;float: left;padding: 50px 0 40px 80px;}
#mainN1 .mainN1BT dl{width: 100%;height: auto;float: left;margin-bottom: 60px;}
#mainN1 .mainN1BT dl:last-child{margin-bottom: 0}
#mainN1 .mainN1BT dt{width: 100%;height: auto;float: left;font-size: 20px;margin-bottom: 25px;}
#mainN1 .mainN1BT dd{width: 100%;height: auto;float: left;}
#mainN1 .mainN1BT dd ul{width: 100%;height: auto;float: left;display: flex;  display:-webkit-flex;align-items: center;flex-wrap: wrap}
#mainN1 .mainN1BT dd ul li{width: auto;height: auto;float: left;display: flex;  display:-webkit-flex;align-items: center;margin-right: 80px;}
#mainN1 .mainN1BT dd ul li:last-child{margin-right: 0}
#mainN1 .mainN1BT dd ul li.special{margin-bottom: 20px;}
#mainN1 .mainN1BT dd ul li span{width: 12px;height: 12px;border-radius: 50%;display: inline-block;border: 1px solid #FFDDB1;margin-right: 10px;position: relative}
#mainN1 .mainN1BT dd ul li.cur span:before{width: 8px;height: 8px;border-radius: 50%;display: inline-block;background: #ED9E35;content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
#mainN1 .mainN1BT dd ul li b{font-size: 16px;}
#mainN1 .mainN1BB{width:calc(100% - 80px); height: auto; float: left;display: flex;  display:-webkit-flex;align-items: center;margin-left: 80px;}
#mainN1 .mainN1BBT{width: 252px; height: auto; float: left;margin-right: 20px;}
#mainN1 .mainN1BBT .van-cell{border: 1px solid #ED9E35;padding: 12px 0 12px 40px;border-radius: 25px;line-height: 1;font-size: 16px;}
#mainN1 .mainN1BBM{width:auto; height: auto; float: left;cursor: pointer}
#mainN1 .mainN1BBM span{padding: 11.5px 50.5px 10.5px 49.5px;background: #ED9E35;color: #fff;border-radius: 25px;font-size: 20px;display: inline-block}
#mainN1 .mainN1Bspecial{width: 100%;height: auto;float: left;display: flex;  display:-webkit-flex;align-items: center;  justify-content: center; }
#mainN1 .mainN1BspecialIn{width: auto;height: auto;float: left;padding: 16px 82px;background: #ED9E35;color: #fff;border-radius: 30px;cursor: pointer }
#mainN1 .mainN1BspecialIn b{font-size: 20px;font-weight: 700}
#mainN1 .mainN1BBT input::-webkit-input-placeholder{

    color:#CCCCCC;

}

#mainN1 .mainN1BBT input::-moz-placeholder{   /* Mozilla Firefox 19+ */

    color:#CCCCCC;

}

#mainN1 .mainN1BBT input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

    color:#CCCCCC;

}

#mainN1 .mainN1BBT input:-ms-input-placeholder{  /* Internet Explorer 10-11 */

    color:#CCCCCC;

}

@media(max-width: 1100px) {
    #mainN1{padding-bottom: 3rem;margin-top: 3rem}
    #mainN1 .mainN1M{width:100%;margin: 0;padding:2rem 0 0 0}
    #mainN1 .mainN1T{display: none}
    #mainN1 .mainN1M ul .liT b{font-size: 1.8rem}
    #mainN1 .mainN1M ul .liM{line-height: 2rem;font-size: 1.2rem;    margin-top: 2.5rem;}
    #mainN1 .mainN1B{width:100%;margin:0;padding-bottom: 2.1rem}
    #mainN1 .mainN1BT{display: none}
    #mainN1 .mainN1BB{display: none}
    #mainN1 .mainN1BspecialIn b{font-size: 1.3rem}
    #mainN1 .mainN1BspecialIn{padding:1rem 3.5rem;margin-top: 2.5rem}


}



#newmainN4{width: 100%;height: auto;float: left;background: #003371}
#newmainN4 .newmainN4T{width: 100%;height: auto;float: left;padding:60px 0 70px 0}

@media(max-width: 1100px) {
    #newmainN4 .newmainN4T{padding: 3rem 0 4.5rem;}

}


#main .mainN4{ width: 100%; height: auto; float: left; }
#main .mainN4In{ width: 100%; height: auto; float: left;}
#main .mainN4T{ width: 100%; height: auto; float: left; text-align: center;}
#main .mainN4T h2{ width: 100%; height: auto; float: left;  font-size: 36px; background: url("../images/mainN2TBg.png") no-repeat center bottom; background-size: 300px 3px; padding-bottom: 15px;}
#main .mainN4T p{ width: 100%; height: auto; float: left; font-size: 24px; margin-top: 10px;}
#main .mainN4B{ width: 100%; height: auto; float: left;position: relative}
#main .mainN4B .swiper-container { width: 90%; height: auto;position: initial; }
#main .mainN4B .swiper-wrapper{height: auto !important}
#main .mainN4B .swiper-slide {
    text-align: center;
    background: #f5f5f5;
    border-radius: 16px;
    /*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;
    transition: 300ms;
    transform: scale(0.95);
}
.swiper-button-next, .swiper-button-prev{    transform: translateY(-50%);}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: url('../images/rightanniu.png');}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: url('../images/leftann.png');}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
#main .mainN4B .swiper-slide-active,#main .mainN4B .swiper-slide-duplicate-active{ transform: scale(1);}
#main .mainN4B .swiper-slide{ float: left; color: #1f2e2e;}
#main .mainN4B .swiper-slide span{ width: 100%; height:auto; float: left; border-radius: 16px; overflow:hidden; }
#main .mainN4B .swiper-slide span img{ width: 100%;height: auto;}
#main .mainN4B .swiper-slide h2{ width: 100%; height: auto; float: left; font-weight: unset; font-size: 24px; margin-top: 40px; background: url("../images/mainN2TBg.png") no-repeat center bottom; background-size: 300px; padding-bottom: 10px;}
#main .mainN4B .swiper-slide p{ width: calc(100% - 40px); height: auto; float: left; line-height: 25px; font-size: 16px; margin-top: 20px; margin-left: 20px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    overflow: hidden;}
#main .mainN4B .swiper-slide em{ width: 100%; height: auto; float: left; font-style: normal; margin-top: 30px; font-size: 14px;padding-bottom: 28px;}

#main .mainN4B .swiper-slide-active{ background: #ED9E35; border-radius: 20px; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16); color: #ffffff; }
#main .mainN4B .swiper-slide-active span{ border-radius: 20px; }
#main .mainN4B .swiper-pagination{ position: unset; margin-top: 40px;}
#main .mainN4B .swiper-pagination-bullet{ width: 16px; height: 16px;}
#main .mainN4B .swiper-pagination-bullet-active{ width: 28px; height: 16px; border-radius: 8px; background: #ED9E35;}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
}


#main .mainN4BWap{ width: calc(100% - 40px); height: auto; float: left; margin-left: 20px; margin-top: 50px; overflow: hidden; display: none;}
#main .mainN4BWap .swiper-container { width: 100%; height: auto; overflow: unset;}
#main .mainN4BWap .swiper-slide {
    height: auto; overflow: hidden;; cursor: pointer;
    text-align: center;
    font-size: 18px;
    background: #f5f5f5; padding-bottom: 10px;
    border-radius: 10px;
    /*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;
}
#main .mainN4BWap .swiper-slide-active,#main .mainN4BWap .swiper-slide-duplicate-active{ transform: scale(1);}
#main .mainN4BWap .swiper-slide{ float: left; color: #1f2e2e;}
#main .mainN4BWap .swiper-slide span{ width: 100%; height: auto; float: left; border-radius: 16px; overflow:hidden; }
#main .mainN4BWap .swiper-slide span img{ width: 100%;}
#main .mainN4BWap .swiper-slide h2{ width: calc(100% - 20px); height: auto; float: left; margin-left: 10px; font-weight: unset; font-size: 14px; margin-top: 20px; background: url("../images/mainN2TBg.png") no-repeat center bottom; background-size: 100px; padding-bottom: 10px;}
#main .mainN4BWap .swiper-slide p{ width: calc(100% - 20px); height: auto; float: left; line-height: 20px; font-size: 11px; margin-top: 10px; margin-left: 10px;}
#main .mainN4BWap .swiper-slide em{ width: 100%; height: auto; float: left; font-style: normal; margin-top: 10px; font-size: 10px;}

#main .mainN4BWap .swiper-pagination{ position: unset; margin-top: 40px;}
#main .mainN4BWap .swiper-pagination-bullet{ width: 16px; height: 16px;}
#main .mainN4BWap .swiper-pagination-bullet-active{ width: 28px; height: 16px; border-radius: 8px; background: #ED9E35;}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
}


@media(max-width: 1100px){
    #mainN5{padding-bottom: 3rem}
    #mainN5 .mainN5T{padding: 3rem 0 1.5rem 0}
    #main .mainN4{ margin-top: 0}

    #main .mainN4In{ width: 100%; padding-bottom: 0;}
    #main .mainN4T h2{ font-size: 1.7rem;padding-bottom: 1rem}
    #main .mainN4T p{ font-size: 1.4rem;margin-top: 0.7rem}

    #main .mainN4B{ display: none;}
    #main .mainN4BWap{ display: unset;margin:0;width: 100%}
    #main .mainN4BWap .swiper-slide h2{font-size: 1.4rem}
    #main .mainN4BWap .swiper-slide p{line-height:2.4rem;font-size: 1.3rem;color: #576A6F;margin-left: 0.7rem;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  word-break: break-all;    margin-right: 0.7rem;
        width: calc(100% - 1.4rem);
        text-align: left; }
    #main .mainN4BWap .swiper-slide em{font-size: 1.6rem}
    #main .mainN4BWap .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem;border-radius: 50%;}
    #main .mainN4BWap .swiper-pagination-bullet-active{width: 0.8rem;height: 0.5rem;border-radius: 0.3rem}
    #main .mainN4BWap .swiper-pagination{margin-top: 1.5rem}
    /*#main .mainN4B li{ width: calc((100% - 60px)/2); margin-left: 20px; margin-top: 20px;}
    #main .mainN4B li:nth-child(1){ margin-left: 20px;}*/
}






.mainN2{ width: 100%; height: auto; float: left;}