html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font-size:16px; line-height:24px;font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';}  /* 初始化标签在所有浏览器中的margin、padding�? */
fieldset,img {border:0 none;}  /* 重置fieldset（表单分组）、图片的边框�?0*/
dl,ul,ol,menu,li {list-style:none;}   /* 重置类表前导符号为onne,menu在HTML5中有�? */
input,select,textarea,button {vertical-align:middle;border:none;outline:none;}  /* 重置表单控件垂直居中*/
input:focus,select:focus,textarea:focus,button:focus {border:none;outline:none;background-image: none;}  /* 重置表单控件选中样式*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */
th,td,input,select,textarea,button {font-size:12px;font-family:"Microsoft YaHei",'\5FAE \8F6F \96C5\91';color:#444} /* 重置页面文字属�? */
a {color:#666;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none !important;}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效�? */
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0 auto;}  /* 重置table属�? */
iframe{border: none;width: 100%;height: 100%;box-sizing: border-box;}
img {border: 0;max-width: 100%;height: auto;vertical-align: middle;}
em{font-style: normal}
input:focus,select:focus,textarea:focus,button:focus {border:1px solid #dedede;outline:none;background-image: none;}  
a:focus, a:hover,.card-cnt > a:hover,.news .review-main ul li a:hover,.module-title .more:hover{
    color: #b7102c
}
ul li > img, dl dd img,.map-img img{
    cursor: pointer;
}
/* �ƶ��˸��� */
.navbar-mark{
    position: fixed;
    top: 71px;
    left: 0;
    background: none;
    width: 100%;
    height: 100%;
}
/* ����������ʽ end */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    box-shadow: 0 0 0px 1000px white inset;
    -webkit-background-clip: text;
}

.position-h1{
    position: absolute;
    left: -100000px;
    z-index: -99999;
}
.container{
    width: 1200px;
    padding: 0;
    margin: 0 auto;
}
.banner-box{
    margin-bottom: 40px;
    background: url(../image/banner-bg.jpg) no-repeat center top
}
.banner{
    position: relative;
}
.banner-tel{
    position: absolute;
    height: 30px;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    right: 0;
    margin-top: 20px;
}
.banner-box .concept{
    position: absolute;
    left: 0;
    bottom: -41px;
    background: #fff;
    border-radius: 50px 6px 50px 6px; 
    padding: 32px 60px;
    background: #fff url(../image/concept-bg.png) no-repeat right top;
    box-shadow: 0 0 10px rgba(0,0,0, .2)
}
.concept dd p{
    font-size: 20px;
    color: #333;
    line-height: 38px;
}
.concept dt{
    position: relative;
    float: left;
    width: 40px;
    font-size: 40px;
    line-height: 1.6;
    color: #253f70;
    font-weight: bold;
    padding-right: 55px;
    box-sizing: content-box;
    margin-right: 30px;
    background: url(../image/concept-dt-bg.png) no-repeat right 30px center
}
.concept dt::before{
    display: block;
    content: '';
    position: absolute;
    width: 2px;
    height: 103px;
    background: #b54848;
    right: 0;
    top: 50%;
    margin-top: -51px
}


/* moudle-title */
.moudle{
    padding: 60px 0
}
.moudle-title{
    text-align: center;
    font-size: 44px;
    line-height: 65px;
    color: #253f70;
    font-weight: bold;
    margin-bottom: 40px
}
.moudle-title i{
    padding: 3px 35px;
    margin-right: 17px;
}
.moudle-title .tit01-icon{
    background: url(../image/tit01.png) no-repeat center center
}
.moudle-title .tit02-icon{
    background: url(../image/tit02.png) no-repeat center center
}
.moudle-title .tit03-icon{
    background: url(../image/tit03.png) no-repeat center center
}
.moudle-title .tit04-icon{
    background: url(../image/tit04.png) no-repeat center center
}
.moudle-title .tit05-icon{
    background: url(../image/tit05.png) no-repeat center center
}
.moudle-title .tit06-icon{
    background: url(../image/tit06.png) no-repeat center center
}
.moudle-title .tit07-icon{
    background: url(../image/tit07.png) no-repeat center center
}
/* main01 */
/* .main01 dl{
    width: 50%;
    max-width: 570px;
} */

.main01 dl dt b{
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}
.main01 .dl01 dt b{
    border-radius: 3px 0 0 0;
    padding: 10px 80px 10px 30px;
    background: url(../image/main01-dt-bg1.png) no-repeat center left
}
.main01 .dl02 dt {
    text-align: right;
}
.main01 .dl02 dt b{
    border-radius: 0 3px  0 0;
    padding: 10px 30px 10px 80px;
    background: url(../image/main01-dt-bg2.png) no-repeat center right
}
.main01 dl dd{
    padding: 20px 30px 26px;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.main01 dl dd p{
    font-size: 16px;
    line-height: 30px;
}
.main01 .dl02 dd{
    border-radius: 4px 0 4px 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}
/* main01 end */
/* main02 start */
.main02{
    padding-top: 0 !important
}
.main02 .flow-item{
    position: relative;
    float: left;
    margin-left: 40px;
    padding: 19px 0 18px;
    background: #2b4b95;
    /* background-size: cover !important */
}
.main02 .flow-item .dom-befor{
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    left: -40px;
    /* background-size: cover !important  */
}
.main02 .flow-item02{
    background:url(../image/flow03.jpg) no-repeat center center;
}
.main02 .flow-item02 .dom-befor{
    background:url(../image/flow02.jpg) no-repeat center center;
}
.main02 .flow-item03{
    background:url(../image/flow05.jpg) no-repeat center center;
}
.main02 .flow-item03 .dom-befor{
    background:url(../image/flow04.jpg) no-repeat center center;
}
.main02 .flow-item04{
    background:url(../image/flow07.jpg) no-repeat center center;
}
.main02 .flow-item04 .dom-befor{
    background:url(../image/flow06.jpg) no-repeat center center;
}
.main02 .flow-item05{
    background:url(../image/flow09.jpg) no-repeat center center;
}
.main02 .flow-item05 .dom-befor{
    background:url(../image/flow08.jpg) no-repeat center center;
}
.main02 .flow-item06{
    background:url(../image/flow11.jpg) no-repeat center center;
}
.main02 .flow-item06 .dom-befor{
    background:url(../image/flow10.jpg) no-repeat center center;
}
.main02 .flow-item06 .dom-after{
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    right: -30px;
    background-size: cover;
    background:url(../image/flow12.jpg) no-repeat center center;
}
.main02 .flow-item:first-child .flow-cnt{
    width: 165px;
    padding-left: 30px
}
.main02 .flow-item .flow-cnt{
    width: 161px;
}

.main02 .flow-item:first-child{
    border-radius: 4px 0 0 4px;
    margin-left: 0 !important
}
.main02 .flow-item p{
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center
}
/* main02 end */
/* main03 start */
.main03{
    background: url(../image/main03-bg.jpg) no-repeat center center;
    background-size: cover;
}
.main03 table{
    width: 100%;
    background: #FFF;
  
}
.main03-cnt{
    border-left: 1px solid #dcddeb;
    border-right: 1px solid #dcddeb;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 60px
}
.main03 th,.main03 td{
    color: #333;
    padding: 15px 5px;
    text-align: center;
    border: 1px solid #dcddeb;
    border-left: 1px solid #dcddeb
}
.main03 td p,.main03 th,.main03 td{
    line-height: 21px
}
.pice-tr td p{
    font-weight: bold;
    color: #b54848
}
.pice-tr td.tab01 p{
    color: #333
}
.main03 th{
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    background: #253f70;
    border-bottom: 0 !important
}
.main03 .tab01{
    width: 12%;
    border-left: none !important 
} 
.main03 td.tab01{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    background: #f1f6fe
}
.main03 .tab04{
    width: 30.5%;
}   
.star-box{
    display: inline-block
    /* position: absolute;
    width: 48px;
    left: 20px; */
}
.main03  table em{
    display: inline-block;
    width: 17px;
    height: 16px;
    margin-right: 3px;
    background: url(../image/star3.png) no-repeat center center
}
.main03  table em.star-all{
    background: url(../image/star1.png) no-repeat center center
}
.main03  table em.star-half{
    background: url(../image/star2.png) no-repeat center center
}


/* main04-cnt start */
.main04-cnt ul,.major-list{
    margin-top: -30px
}
.main04-cnt li,.major-list li{
    float: left;
    width: 18%;
    background: #fff;
    padding: 15px;
    margin-top: 30px;
    margin-left: 2.5%;
    box-shadow: 0 0 5px rgba(0,0,0, .2)
}
.main04-cnt .li01,.main04-cnt .li06,.major-list .li01,.major-list .li06{
    margin-left: 0;
}
.main04-cnt li img{
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 14px
}
.main04-cnt li span{
    display: flex;
    float: left;
    width: 66%;
    width: calc(100% - 54px);
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0;
    overflow: hidden;
    font-weight: bold;
    color: #333;
    align-items: center
}
/* main04-cnt end */

/* main05-cnt start */
.major-list li{
    line-height: 20px;
    text-align: center;
}
.major-list li a {
    color: #333;
    font-weight: bold;
}
.btn-box {
    margin-top: 30px;
    text-align: center
}
.btn-box a{
    display: inline-block;
    width: 156px;
    font-size: 16px;
    line-height: 36px;
    border: 1px solid #344b96;
    color: #17489d;
    border-radius: 4px
}
.btn-box a i{
    padding: 0 10px;
    margin-left: 5px;
    background: url(../image/btn-icon.png) no-repeat 0 5px
}


/* main06-cnt start */
.main06-cnt{
    padding: 19px 8px 20px;
    margin-top: 60px;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}
.main06-cnt .sub-tit {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #303275;
    padding-bottom: 19px;
    margin-bottom: 19px;
    background: url(../image/sub-tit-bg.png) repeat-x bottom left
}
.main06-cnt .sub-tit span{
    position: relative;
    display: inline-block;
    line-height: 30px;
}
.main06-cnt .sub-tit span::before,.main06-cnt .sub-tit span::after{
    display: block;
    content: '';
    position: absolute;
    width: 40px;
    height: 20px;
    top: 8px
}
.main06-cnt .sub-tit span::before{
    background: url(../image/faq-l.png) no-repeat center center;
    left: -60px;
}
.main06-cnt .sub-tit span::after{
    background: url(../image/faq-r.png) no-repeat center center;
    right:-60px;
}

.main06-cnt .form-main{
    width: 900px;
    margin: 0 auto;
}
.main06-cnt .form-group {
    float: left;
    width: 26.667%;
    margin: 0 3.333% 10px;
    /* float: left;
    border: 1px solid #ddd; */
}
.main06-cnt .input-group-span{
    float: left;
    width: 70px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    padding-top: 4px;
    margin-bottom: 0
}
.main06-cnt .form-control{
    height: 32px;
    color: #999
}
.main06-cnt .select-group .form-control{
    padding: 5px 12px 7px;
}
.main06-cnt .form-group-main{
    position: relative;
    float: left;
    width: 90%;
    width: calc(100% - 70px);
}
.main06-cnt .submit-group{
    width: 100% !important;
    text-align: center;
    margin-top: 10px
}
.main06-cnt .submit-group button{
    width: 140px;
    font-size: 16px;
    line-height: 32px;
    color: #FFF;
    background: #e2851a;
    border: none;
    border-radius: 3px;
    padding: 0;
}
.bg-value{
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 12px
}
/* faq end */

/* main07 start */
.main07 {
    background: url(../image/main06-bg.jpg) no-repeat center center;
    background-size: cover
}
.recommend-main .recommend-cnt{
    padding: 40px 0 20px;
    background: #fff;
}

.recommend-main .recommend-cnt dl{
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items:center;
    width: 43.334%;
    margin: 0 3.333% 20px ;
    padding: 0;
}

.recommend-main .recommend-cnt dl dt{
    float: left;
    flex: 1;
    /* width: 22.5%; */
    width: 87px;
    color: #bbbbbb;
    font-weight: normal;
    /* padding-right: 10px; */
    border-right: 1px solid #dddddd;
    margin-right: 20px;
    padding-right: 20px;
    text-align: center;
}
.recommend-main .recommend-cnt dl dt .t-day{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0;
}
.recommend-main .recommend-cnt dl dt .t-time{
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto;
}
.recommend-main .recommend-cnt dl dd{
    width: 77.5%;
    width: calc(100%  - 107px);
    float: left;
}
.recommend-main .recommend-cnt dl dd a{
    display: block;
    font-size: 18px;
    line-height:26px; 
    font-weight: 900;
    color: #333333;
    margin-bottom: 8px;
    height:26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommend-main .recommend-cnt dl dd a:hover{
    color: #b54848;
}
.recommend-main .recommend-cnt dl dd p{
    font-size: 14px;
    color: #999999;
    margin: 0 auto;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
}


.follow-wxbox{
    margin-bottom:0;
    margin-top: 3%;
}
.follow-title{
    text-align: center; 
    font-size: 34px;
    line-height: 65px;
    color: #253f70;
    font-weight: bold;
    margin-bottom: 1%;
/* 
    border-top: 1px dashed #eaeaea;
    padding-top: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px; */
}
.follow-wx{
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}
.follow-wx dl {
    text-align: center;
    float: left;
    width: 30%;
    margin-left: 20%;
    padding: 0 2%;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    border: 1px solid #eaeaea;
    background:#fff;
}

.follow-wx dl:nth-child(2){
    margin-left: 5%;
    margin-right: 15%;
}
.follow-wx dl dt{
    float: left;
    margin-right: 10px;
   padding: 10px 0;
}
.follow-wx dl dd{
    float: left;
    flex: 1;
    text-align: left;
    line-height: 40px;
    margin-top: 15% \9;
}
.follow-wx dl dd p {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
}
.follow-wx dl dd span{
    font-size: 14px;
    color: #188cc4;
    line-height: 1;
}
/* main07 end */

/* main08 start */
.main08 dl{
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 4px;
    overflow: hidden;
}
.main08 dl dt{
    float: left;
    width: 120px;
    background: #253f70;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    padding: 0 45px
}
.main08 dl dd{
    padding: 23px 32px;
    margin-left: 120px
}
.main08 dl dd p{
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 7px 0
}

/* footer */
.mobile-footer,.mobile-footer-zx ul li a{
    border-color: #253f70 !important
}
.mobile-footer-zx{
    background: #253f70 !important;
}
.mobile-footer-zx ul li{
    border-right: 1px #253f70 solid !important;
    background: #253f70 !important;
}
.mobile-footer-zx ul li a{
    line-height: 40px !important;
}
@media only screen and (max-width:1200px){
    .container,.concept{
        width: 94%;
        margin: 0 3%;
    }
    .banner-box .container{
        width: 100%;
        margin: 0;
    }
    /* .main01 dl{
        width: 48%;
    } */
    .main01 dl dd{
       padding: 4% 3%;
    }
    .main04-cnt li, .major-list li{
        width: 23%;
        margin: 1% !important; 
    }
    .main04-cnt ul, .major-list{
        margin-top: -1%
    }

    .moudle{
        padding: 5% 0
    }
    .moudle-title,.main03-cnt{
        margin-bottom: 4%
    }

    .follow-wx dl{
        width: 48%;
        margin-left: 2%;
    }
    .follow-wx dl:nth-child(2) {
        margin-left: 5%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:1024px){
    .moudle-title{
        font-size: 30px;
        line-height: 60px
    }
    .moudle-title i{
        /* padding: 0 30px; */
        margin-right: 1%;
        background-size: contain !important
    }
    .banner-box .concept{
        padding: 1% 4%;
    }
    .concept dt{
        width: 100%;
        padding: 0;
        font-size: 30px;
        background: none
    }
    .concept dt::before {
        display: none
    }
    .concept dd p{
        font-size: 16px;
        line-height: 30px
    }

 
    .main02 .flow-item{
        float: none;
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: 60px auto 0;
        background-size: 100%;
        border-radius: 4px
    }
    .main02 .flow-item01::before{
        display: none !important
    }
    .main02 .flow-item::before{
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 40px;
        background: url(../image/flow-bg.png) no-repeat center center;
        left: 0;
        top: -50px
    }
    .main02 .flow-item:first-child{
        margin-top: 0;
        margin-left: auto !important;
        border-radius: 4px
    }
    .main02 .flow-item .dom-befor,.main02 .flow-item06 .dom-after{
        display: none
    }
    .main02 .flow-item .flow-cnt{
        width: 100% !important;
        text-align: center
    }
    .main02 .flow-item p{
        display: inline
    }

    .main06-cnt .form-main{
        width: 100%;
    }

    .recommend-main .recommend-cnt dl{
        width: 98%;
        margin: 1%;
    }
}

@media only screen and (max-width:767px){
    .main03 th{
        font-size: 18px
    }
    .main03 th, .main03 td p{
        font-size: 14px
    }
    .main04-cnt li, .major-list li{
        width: 31.333%;
    }
    .major-list li{
        padding-left: 0;
        padding-right: 0;
    }
    .main06-cnt,.btn-box{
        margin-top: 5%
    }
    .main06-cnt .form-group{
        width: 42.667%;
    }

    .main08 dl dt{
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 3% !important;
        font-size: 22px;
        line-height: 40px
    }
    .main08 dl dd{
        margin: 0;
        padding: 2% 3% 3%;
    }

    .main06-cnt .sub-tit{
        font-size: 22px
    }

    .recommend-main .recommend-cnt dl dt{
        width: 74px;
        margin-right: 10px;
        padding-right: 0;  
    }
    .recommend-main .recommend-cnt dl{
        padding-right: 2%
    }
    .recommend-main .recommend-cnt dl dd{
        width: calc( 100% - 84px);
    }
    .recommend-main .recommend-cnt{
        padding-top: 5% 
    }
    .recommend-main .recommend-cnt dl dt .t-day{
        font-size: 30px
    }
    .recommend-main .recommend-cnt dl dt .t-time{
        font-size: 14px
    }

    .banner-tel{
        font-size: 16px;
        font-weight: normal;
        margin-top: 0;
    }
    .follow-wx dl{
        width: 70%;
        min-width: 290px;
        margin: 0 15% 15px !important;
    }
    .follow-wx{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .follow-wx dl dd{
        flex: none;
    }
}

@media only screen and (max-width:680px){

    .banner-box .concept{
        position: relative;
        margin-top: -20%
    }
    .banner-box .concept{
        border-radius: 6px
    }
    /* .main01 dl{
        width: 98%;
        max-width: none;
        margin: 0 1% !important;
    } */
    .main01 .dl01{
        margin-bottom: 4% !important
    }
    .main01 .dl02 dt{
        text-align: left
    }
    .main01 .dl02 dt b{
        padding: 10px 80px 10px 30px;
        background: url(../image/main01-dt-bg1.png) no-repeat center left
    }

    .main04-cnt li{
        text-align: center
    }
    .main04-cnt li img, .main04-cnt li span{
        float: none;
        margin: 0 auto;
    }
    .main04-cnt li span{
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width:425px){
    .banner-box{
        margin-bottom: 12%;
    }
    .moudle-title{
        line-height: 40px;
        min-height: 60px
    }
    .main08 .moudle-title{
        line-height: 40px
    }
    .main04-cnt li, .major-list li{
        width: 48%;
    }
    .main04-cnt li,.main04-cnt li span{
        text-align: center
    }
    .main04-cnt li img{
        margin: 0 auto;
    }
    .main04-cnt li img,.main04-cnt li span{
        float: none;
    }
    .main04-cnt li span{
        display: block;
        width: 100%;
    }
    .main06-cnt,.btn-box{
        margin-top: 6%
    }

    .main06-cnt .form-group{
        width: 94.667%;
    }
   
    .main08 dl dd p{
        line-height: 26px
    }

    .banner-tel{
        font-size: 12px;
    }
    .follow-wx dl{
        width: 80%;
        margin: 0 auto 15px !important;
    }
}
@media only screen and (max-width:320px){
    .main03,.main01{
        padding-top: 6%
    }
    /* .main03 .moudle-title,.main01 .moudle-title{
        line-height: 40px
    } */
}