@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:0.24rem;line-height:1.5;font-family:"微软雅黑";}
*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a{
    margin:0;
    padding:0;
    user-select: none; 
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;     /* Konqueror */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* Internet Explorer/Edge */
}
li{
    list-style-type: none;
}
a{
    text-decoration: none !important;
}
.clear{
    clear: both;
}
.hidden,.hide{
    display: none;
}
.center{
    width: 94%;
    margin: 0 auto;
}
.flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.swiper-pagination{
    width: 94% !important;
    padding: 0 3% !important;
    text-align: right !important;
}
.swiper-pagination-bullet{
    width: 0.2rem !important;
    height: 0.04rem !important;
    border-radius: 0.04rem !important;
    background: #fff !important;
    opacity: 0.8 !important;
}
.swiper-pagination-bullet-active{
    width: 0.4rem !important;
    background: #2151a5 !important;
    opacity: 1 !important;
}
#index-app{
    width: 100%;
    padding-left: 0%;
}
/*#index-app{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow-y: auto;
}*/
/*详情页内容样式*/
.cont{
    width: 94%;
    margin: 0 auto;
}
.cont img{
    max-width: 94%;
}
.conta{
    width: 100%;
    margin-top: 0.3rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
}
.contb{
    width: 100%;
    margin-top: 0.05rem;
    text-align: center;
    font-size: 0.18rem;
    color: #999;
}
.conti{
    width: 60%;
    height: auto;
    margin: 0.2rem 20% 0 20%;
}
.contc{
    width: 100%;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.22rem;
}
.contd{
    width: 100%;
    margin-bottom: 0.1rem;
    line-height: 0.3rem;
    font-size: 0.22rem;
    color: #333;
}
/*分页样式*/
.pagediv{
    width: 100%;
    text-align: center;
    padding: 0.4rem 0 0.3rem 0;
}
.pagediv a{
    padding: 0 0.12rem;
    height: 0.38rem;
    display: inline-block;
    line-height: 0.38rem;
    margin: 0 0.1rem 0.12rem 0.1rem;
    border: 0.01rem solid #2151a5;
    font-size: 0.24rem;
    color: #2151a5;
}
.pagediv .select{
    background: #2151a5;
    color: #fff;
}

/*header*/
.menu_list{
    width: 55%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #387cc5;
    background-size: 100% 100%;
    z-index: 999999999;
    display: none;
}
.menu_close{
    width: 94%;
    text-align: right;
    padding: 0 3%;
    margin-top: 20%;
    margin-bottom: 10%;
    font-size: 0.6rem;
    color: #fff;
}
.menu_list li{
    width: 100%;
    text-align: center;
}
.menu_list li a{
    font-size: 0.30rem;
    line-height: 0.6rem;
    color: #fff;
}
.banner{
    width: 100%;
    height: auto;
}
.banners{
    width: 100%;
    height: 3.6rem;
    display: block;
}
.in #banner{
    width: 100%;
    height: 100%;
}
.in .banners{
    width: 100%;
    height: 100%;
    display: block;
}
.top{
    width: 0.80rem;
    height: 0.80rem;
    position: fixed;
    bottom: 2.5rem;
    right: 0.10rem;
    z-index: 99;
    cursor: pointer;
    border-radius: 0.1rem;
    background: #2151a5;
    border: 0.01rem solid #fff;
    overflow: hidden;
}
.topi{
    width: 32%;
    height: auto;
    margin: 0 auto;
    margin-top: 0.06rem;
    display: block;
}
.topp{
    width: 100%;
    position: absolute;
    top: 0.48rem;
    left: 0;
    z-index: 2;
    line-height: 0.14rem;
    text-align: center;
    font-size: 0.16rem;
    color: #fff;
}


/*公共底部*/
.ft{
    width: 100%;
    margin-top: 0.15rem;
}
.ftb{
    width: 100%;
    height: auto;
    padding: 0rem 3%;
    margin-top: 0.6rem;
    background: #f1f1f1;
}
.ftbt{
    width: 100%;
    height: auto;
    padding-top: 0.28rem;
}
.ftbts{
    width: 100%;
    height: 0.88rem;
    display: block;
    line-height: 0.88rem;
    display: flex;
    justify-content: space-between;
}
.ftbtsp{
    width: auto;
    font-size: 0.28rem;
    color: #111;
}
.ftbtsi{
    width: auto;
    height: 0.2rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.34rem;
}
.ftf{
    width: 100%;
    height: 1.2rem;
    padding: 0.2rem 3% 0 3%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    border-top: 0.01rem solid #e0e0e0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
}
.section .ftf{
    position: absolute;
}
.ftf_b{
    width: 100%;
    height: 1.2rem;
}
.ftfs{
    width: 23%;
    text-align: center;
}
.ftfsi{
    width: 30%;
    height: auto;
    margin: 0 35%;
}
.ftfsp{
    width: 100%;
    text-align: center;
    padding-top: 0.11rem;
    line-height: 0.2rem;
    font-size: 0.22rem;
    color: #181818;
}
.ftbc{
    width: 100%;
    height: auto;
    margin-top: 0.6rem;
    display: flex;
}
.ftbcs{
    width: 20%;
    height: auto;
    display: inline-block;
    margin-right: 0.3rem;
}
.ftbf{
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 0.48rem;
    padding: 0.28rem 0 0.46rem 0;
}
.ftbf,.ftbf a{
    font-size: 0.24rem;
    color: #666;
}








/*子页*/
.zyt{
    width: 94%;
    margin: 0 3%;
    padding-top: 0.36rem;
}
.zytt{
    width: 100%;
    text-align: center;
    line-height: 0.5rem;
    position: relative;
    font-weight: bold;
    font-size: 0.4rem;
    color: #2151a5;
}
.zytt .inchr{
    width: 0rem;
    height: auto;
    position: absolute;
    left: 61.8%;
    top: -0.06rem;
    z-index: -1;
    display: none;
}
.zytp{
    width: 100%;
    text-align: center;
    padding-top: 0.15rem;
    line-height: 0.26rem;
    font-size: 0.16rem;
    color: #696d6d;
}
.zytc{
    width: 100%;
    height: 0.5rem;
    margin-top: 0.3rem;
    overflow: hidden;
}
.zytc_b{
    width: 100%;
    height: 0.6rem;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
}
.zytcs{
    margin-right: 0.2rem;
}
.zytcs_b{
    height: 0.46rem;
    line-height: 0.46rem;
    white-space: nowrap;
    overflow: hidden;
    padding: 0rem 0.15rem;
    border: 0.01rem solid #2151a5;
    font-size: 0.26rem;
    color: #2151a5;
}
.zytcs_active{
    background: #2151a5;
    color: #fff;
}
.zyc{
    width: 94%;
    min-height: 4rem;
    margin: 0.5rem 3% 0 3%;
}
.zycs{
    width: 45%;
    margin: 0 2% 0.2rem 2%;
    border: 0.01rem solid #f0f0f0;
}
.zycsi{
    width: 100%;
    height: 1.8rem;
    display: block;
}
.zycsp{
    width: 94%;
    height: 0.3rem;
    text-align: center;
    line-height: 0.3rem;
    overflow: hidden;
    padding: 0.1rem 3%;
    font-size: 0.2rem;
    color: #333;
}
.zycs_b{
    width: 100%;
    height: 0.84rem;
    line-height: 0.52rem;
    padding: 0.16rem 0;
    border-bottom: 0.01rem solid #f0f0f0;
}
.zycs_c{
    width: 94%;
    margin-top: 0.2rem;
    padding: 0 3%;
}
.zycs_cl{
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.2rem;
    color: #333;
}
.zycs_cr{
    width: 92%;
    height: 0.4rem;
    padding: 0 3%;
    margin-top: 0.2rem;
    line-height: 0.4rem;
    border: 1px solid #f0f0f0;
    outline: none;
    font-size: 0.2rem;
    color: #333;
}
.zycs_cr_b{
    width: 92%;
    height: 1.2rem;
    padding: 0 3%;
    margin-top: 0.2rem;
    line-height: 0.4rem;
    border: 1px solid #f0f0f0;
    outline: none;
    resize: none;
    font-size: 0.2rem;
    color: #333;
}
.zycs_cs{
    width: 92%;
    height: 0.4rem;
    padding: 0 3%;
    margin: 0.5rem 0;
    line-height: 0.4rem;
    text-align: center;
    border: 1px solid #2151a5;
    background: #2151a5;
    font-size: 0.2rem;
    color: #fff;
}
.zycsl{
    width: 65%;
    height: 0.52rem;
    line-height: 0.52rem;
    overflow: hidden;
    float: left;
    font-size: 0.26rem;
    color: #333;
}
.zycsr{
    height: 0.52rem;
    text-align: center;
    line-height: 0.52rem;
    overflow: hidden;
    float: right;
    font-size: 0.26rem;
    color: #666;
}
.zyct{
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    margin-bottom: 0.32rem;
    font-size: 0.3rem;
    color: #000;
}
.zyca{
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.22rem;
    color: #999;
}
.zycb{
    width: 60%;
    height: auto;
    margin: 0.15rem 20% 0.35rem 20%;
}
.zycc{
    width: 100%;
    margin-bottom: 0.3rem;
    font-size: 0.26rem;
    color: #181818;
}
.zycc img{
    max-width: 86% !important;
    height: auto !important;
}
.zycc iframe{
    margin: 0 auto !important;
    max-width: 100% !important;
}
.zycc table{
    max-width: 98%;
}
.zycd{
    width: 100%;
    line-height: 0.32rem;
    font-size: 0.22rem;
    color: #333;
}
.zycd a{
    font-size: 0.24rem;
    color: #333;
}
.zycz{
    width: 100%;
    margin-top: -0.1rem;
}
.zyczs{
    width: 48%;
    height: auto;
    float: left;
    margin: 0.1rem 1%;
}
.zyds{
    width: 94%;
    padding: 5% 3%;
    margin-top: 0.2rem;
}
.zyds_a{
    background: url("../../img/aboutus_bg1.png") center center no-repeat;
    background-size: 100% 100%;
}
.zyds_b{
    background: url("../../img/aboutus_bg2.png") center center no-repeat;
    background-size: 100% 100%;
}
.zydst{
    width: 100%;
    height: 0.28rem;
    line-height: 0.28rem;
    font-weight: bolder;
    font-size: 0.28rem;
    color: #333;
}
.zyds_b .zydst{
    color: #fff;
}
.zydsc{
    width: 100%;
    margin-top: 0.22rem;
}
.zydsc img{
    max-width: 94%;
}
.zydsd{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zydsdi{
    width: 48%;
    height: auto;
    margin-top: 0.2rem;
}
.zyft{
    width: 100%;
    height: auto;
    line-height: 0.4rem;
    font-size: 0.32rem;
    color: #333;
}
.zyfc{
    width: 100%;
    height: auto;
    margin-top: 0.2rem;
}
.zyfcs{
    width: 100%;
    height: auto;
    line-height: 0.46rem;
    font-size: 0.24rem;
    color: #666;
}
.zyfci{
    width: auto;
    height: 0.24rem;
    display: inline-block;
    vertical-align: middle;
    margin: -0.05rem 0.2rem 0 0;
}
.zyert{
    width: 100%;
    height: auto;
    line-height: 0.4rem;
    margin-top: 0.16rem;
    font-size: 0.24rem;
    color: #666;
}
.zyerc{
    width: 93%;
    height: auto;
    padding: 0 3%;
    line-height: 0.4rem;
    margin-top: 0.16rem;
    border: 0.01rem solid #f0f0f0;
    outline: none;
    font-size: 0.24rem;
    color: #666;
}
.zyerd{
    width: 93%;
    height: 1.2rem;
    padding: 1% 3%;
    line-height: 0.4rem;
    margin-top: 0.16rem;
    border: 0.01rem solid #f0f0f0;
    outline: none;
    resize: none;
    font-size: 0.24rem;
    color: #666;
}
.zyers{
    width: 50%;
    height: 0.56rem;
    text-align: center;
    line-height: 0.56rem;
    margin: 0.32rem 0 0.56rem 0;
    background: #e96f57;
    cursor: pointer;
    font-size: 0.16rem;
    color: #fff;
}
.zyersi{
    width: auto;
    height: 0.22rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.06rem;
}
.zygs{
    width: 100%;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    border-bottom: 0.01rem solid #f0f0f0;
}
.zygst{
    width: 100%;
    height: 0.28rem;
    line-height: 0.28rem;
    padding: 0.2rem 0;
    font-size: 0.28rem;
    color: #333;
}
.zygsp{
    width: 100%;
    margin-top: 0.1rem;
}
.zygsps{
    width: 100%;
    line-height: 0.28rem;
    font-size: 0.24rem;
    color: #333;
}
.zygsc{
    width: 100%;
    margin-top: 0.1rem;
    line-height: 0.28rem;
    font-size: 0.22rem;
    color: #333;
}
.zyh{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zyhs{
    width: 48%;
    height: auto;
    margin-bottom: 0.28rem;
}
.zyhsi{
    width: 100%;
    height: auto;
    display: block;
}
.zyhst{
    width: 94%;
    height: 0.32rem;
    text-align: center;
    line-height: 0.32rem;
    overflow: hidden;
    margin-top: 0.12rem;
    font-size: 0.28rem;
    color: #181818;
}
.zyws{
    width: 100%;
    height: auto;
    margin-top: 0.28rem;
}
.zywst{
    width: 100%;
    height: 0.32rem;
    line-height: 0.42rem;
    font-weight: bold;
    font-size: 0.32rem;
    color: #181818;
}
.zywsc{
    width: 100%;
    height: auto;
    line-height: 0.38rem;
    margin-top: 0.32rem;
    font-size: 0.26rem;
    color: #181818;
}
.zyzt{
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
    font-weight: bold;
    font-size: 0.4rem;
    color: #181818;
}
.zyza{
    width: 100%;
    height: auto;
    line-height: 0.56rem;
    margin-top: 0.25rem;
    font-size: 0.28rem;
    color: #181818;
}
.zyzb{
    width: 100%;
    height: auto;
    padding-top: 0.22rem;
}
.zyzbs{
    width: 100%;
    height: auto;
    margin-top: 0.2rem;
    position: relative;
}
.zyzbsi{
    width: 100%;
    height: auto;
    display: block;
}
.zyzbs_b{
    width: 90%;
    height: auto;
    position: absolute;
    left: 5%;
    top: 0.8rem;
    z-index: 2;
}
.zyzbsa{
    width: 100%;
    height: 0.34rem;
    line-height: 0.34rem;
    font-weight: bold;
    font-size: 0.34rem;
    color: #fff;
}
.zyzbsb{
    width: 100%;
    height: auto;
    line-height: 0.38rem;
    margin-top: 0.26rem;
    font-size: 0.28rem;
    color: #fff;
}
.zyzc{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zyzcs{
    width: 48%;
    height: auto;
    position: relative;
    margin-top: 0.2rem;
    overflow: hidden;
}
.zyzbsi{
    width: 100%;
    height: 2.28rem;
    display: block;
}
.zyzbsc{
    width: 90%;
    height: auto;
    position: absolute;
    left: 5%;
    top: 0.22rem;
    z-index: 2;
}
.zyzbsca{
    width: 0.28rem;
    height: auto;
    line-height: 0.36rem;
    word-break: break-all;
    font-weight: bold;
    font-size: 0.28rem;
    color: #fff;
}
.zyzbscb{
    width: 100%;
    height: auto;
    line-height: 0.32rem;
    margin-top: 0.15rem;
    font-size: 0.2rem;
    color: #fff;
}
.zyzc{
    width: 100%;
    height: auto;
    line-height: 0.54rem;
    margin-top: 0.5rem;
    font-size: 0.28rem;
    color: #181818;
}
.zyzd{
    width: 100%;
    height: auto;
    display: block;
    margin-top: 0.5rem;
}
.zyy{
    width: 89%;
    height: auto;
    margin-left: 5%;
    padding-left: 5%;
    border-left: 1px solid #e0e0e0;
}
.zyya{
    width: 100%;
    height: auto;
    line-height: 0.2rem;
    font-size: 0.2rem;
    color: #181818;
}
.zyyb{
    width: 100%;
    height: auto;
    line-height: 0.44rem;
    margin-top: 0.2rem;
    font-weight: bold;
    font-size: 0.44rem;
    color: #181818;
}
.zyyc{
    width: 100%;
    height: auto;
    line-height: 0.24rem;
    margin-top: 0.2rem;
    font-size: 0.24rem;
    color: #999;
}
.zyyd{
    width: 100%;
    height: auto;
}
.zyyds{
    width: 100%;
    height: auto;
    margin-top: 0.76rem;
    position: relative;
}
.zyyds:first-child{
    margin-top: 0rem;
}
.zyydsb{
    width: 0.24rem;
    height: 0.24rem;
    position: absolute;
    left: -5%;
    top: 0.14rem;
    z-index: 2;
    margin-left: -0.16rem;
}
.zyydst{
    width: 100%;
    height: auto;
    line-height: 0.44rem;
    font-weight: bold;
    font-size: 0.44rem;
    color: #181818;
}
.zyydsc{
    width: 100%;
    height: auto;
    line-height: 0.48rem;
    margin-top: 0.28rem;
    font-size: 0.24rem;
    color: #181818;
}
.zyydsi{
    width: 100%;
    height: auto;
    display: block;
    margin-top: 0.28rem;
}
.zyx{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zyxs{
    width: 48%;
    height: auto;
    display: inline-block;
    margin-bottom: 0.2rem;
    border: 1px solid #e0e0e0;
}
.zyud{
    width: 100%;
    height: auto;
    display: block;
    overflow-x: hidden;
}
.zyui{
    width: 200%;
    height: auto;
    margin-left: -50%;
    display: block;
}
.zyuc{
    width: 100%;
    height: auto;
    margin-top: 0.22rem;
}
.zyucs{
    width: 100%;
    height: auto;
    border-bottom: 1px dotted #e0e0e0;
    padding: 0.2rem 0;
}
.zyucss{
    width: 100%;
    height: 0.48rem;
    line-height: 0.48rem;
    padding-top: 0.12rem;
    font-size: 0.28rem;
    color: #181818;
}
.zyq{
    width: 100%;
    height: auto;
}
.zyqs{
    width: 100%;
    height: auto;
    padding-top: 0.58rem;
}
.zyqs:first-child{
    padding-top: 0rem;
}
.zyqst{
    width: 100%;
    height: 0.34rem;
    line-height: 0.34rem;
    font-weight: bold;
    font-size: 0.34rem;
    color: #111;
}
.zyqsc{
    width: 100%;
    height: auto;
    margin-top: 0.3rem;
}
.zyqsci{
    width: 100%;
    height: auto;
    display: block;
}
.zyqscs{
    width: 94%;
    height: auto;
    padding: 2% 3%;
    margin-top: 0.2rem;
    background: url("../../img/zhaopina.png") top center no-repeat;
    border-radius: 0.2rem;
    overflow: hidden;
}
.zyqscs:first-child{
    margin-top: 0rem;
}
.zyqscst{
    width: 100%;
    height: 0.56rem;
    line-height: 0.56rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    background-size: 100% 100%;
    font-size: 0.24rem;
    color: #fff;
}
.zyqscst b{
    font-size: 0.28rem;
}
.zyqscsc{
    width: 100%;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.24rem;
    color: #f2f2f2;
}
.zyqf{
    width: 100%;
    height: auto;
    margin-top: 0.6rem;
    position: relative;
    overflow: hidden;
}
.zyqfi{
    width: auto;
    height: 2.6rem;
    display: block;
    margin-left: -50%;
}
.zyqc{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0.58rem;
}
.zyqft{
    width: 90%;
    height: auto;
    text-align: center;
    margin: 0 5%;
    line-height: 0.38rem;
    font-size: 0.26rem;
    color: #fff;
}
.zyqfp{
    width: 2.2rem;
    height: 0.54rem;
    text-align: center;
    line-height:  0.54rem;
    display: block;
    margin: 0 auto;
    margin-top: 0.3rem;
    border: 1px solid #fff;
    font-size: 0.24rem;
    color: #fff;
}
@charset "UTF-8";
/*  */
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Microsoft Yahei";
}

body,
html {
  background: #fff;
  max-width: 750px;
  margin: auto;
}

img {
  border-width: 0;
  border: none;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

input:not([type="radio"]),
button,
textarea {
  outline: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cb:after {
  clear: both;
  content: "";
  display: block;
}

.cb:before {
  clear: both;
  content: "";
  display: block;
}

.inner {
  width: 7.2rem;
  margin: 0 auto;
  position: relative;
}

.bgcc {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.table .table-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.img_wrap img {
  width: 100%;
  height: 100%;
}

.swiper-slide img {
  width: 100%;
}

.page {
  padding-top: 1.2rem;
  overflow: hidden;
  padding-bottom: 1.03rem;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header {
  width: 100%;
  height: 1.8rem;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 2;
}

header .le {
  width: 0.45rem;
}

header .ce {
  width: 2.59rem;
}

header .ri {
  width: 0.48rem;
}

header .flex {
  height: 1.8rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav {
  width: 4.5rem;
  position: fixed;
  left: -4.5rem;
  height: 100%;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.9);
  padding-top: 1.5rem;
  font-size: 0.35rem;
  color: #2151a5;
  text-align: center;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.nav .close {
  color: #2151a5;
  font-size: 0.5rem;
  position: absolute;
  top: 0.3rem;
  right: 0.4rem;
}

.nav ul {
  text-align: center;
}

.nav ul li {
  text-align: center;
  line-height: 0.8rem;
}
@media screen and (max-width: 414px){
  .ss{
    width:0;height:35px;position:absolute;left:0;bottom: -0.8rem;overflow:hidden;z-index:7;
  }

}

@media screen and (max-width: 320px){
  .ss{
    width:0;height:35px;position:absolute;left:0;bottom: -1rem;overflow:hidden;z-index:7;
  }

}
.ss{
    display: none;
}
.ss_bd{
  width:80%;height:35px;border:none;background:#fff;float:left;
  color:#666;padding:0 5%;box-sizing:border-box;font-family:"微软雅黑";font-size:.3rem;
}
.ss_btn{
  width:20%;float:left;line-height:35px;background:#2151a5;
  border:none;color:#fff;font-family:"微软雅黑";font-size:.3rem;
}

.search_wrap {
  position: absolute;
  top: 1.8rem;
  height: 1rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding-top: 0.1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  border-top: 1px solid #ff7900;
}

.search_wrap .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 0.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.search_wrap .wrap input {
  display: block;
  height: 0.6rem;
  border: 1px solid #ff7900;
  font-size: 0.25rem;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search_wrap .wrap {
  padding: 0 0.2rem;
}

.search_wrap .wrap input[type="text"] {
  float: left;
  width: 80%;
  border-right: 1px solid transparent;
  padding: 0 0.15rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search_wrap .wrap input[type="submit"] {
  float: right;
  width: 20%;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*  */
.page {
  overflow: hidden;
}

/*  */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header {
  height: 1.2rem;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.header_b{
  height: 1.2rem;
}

.header .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.header .search_btn {
  width: 0.41rem;
  height: 0.41rem;
}

.header .logo_wrap {
  width: 3.5rem;
  /*height: 0.74rem;*/
}

.header .nav_btn {
  width: 0.57rem;
  height: 0.49rem;
}

.footer {
  height: 1.03rem;
  width: 100%;
  position: fixed;
  left: 0;
  z-index: 9;
  bottom: 0;
}

.footer .foor {
  height: 100%;
}

.footer .foor {
  width: 25%;
  float: left;
  height: 100%;
  padding-top: 0.1rem;
}
.footer .ding img{
  width: 0.8rem;
  height: 0.8rem;
  margin-top: -0.5rem;
}

.footer .foor .img_wrap {
  margin: auto;
  width: 0.51rem;
  height: 0.51rem;
}

.footer .foor .text_wrap {
  line-height: 0.45rem;
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
}

/*  */
.banner img {
  width: 100%;
}

.banner .banner_sw_pa {
  position: absolute;
  left: 0;
  bottom: 0.24rem;
  width: 100%;
  z-index: 2;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner .banner_sw_pa .swiper-pagination-bullet {
  opacity: 1;
  width: 0.56rem;
  height: 0.07rem;
  background: #d0000f;
  margin: 0 0.02rem;
  border-radius: 0;
}

.banner .banner_sw_pa .swiper-pagination-bullet-active {
  background: #fff;
}
/*搜索*/
main .newsy {
  width: 100%;
  /* min-height: 12.31rem; */
}
main .fyan {
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;
  border-bottom: 0.02rem solid #EDEDED;
}
main .fyan h5 {
  font-size: 0.30rem;
  position: relative;
  margin-left: 3.6%;
  float: left;
}
main .fyan ul {
  float: left;
  margin: 0.17rem 0 0 0.15rem;
  color: #8A8A8A;
  width: 40%;
}
main .newsy .fyan .nan {
  float: right;
}
main .fyan ul li {
  float: right;
  height: 0.36rem;
  font-size: 0.25rem;
  line-height: 0.36rem;
  border-radius: 48px;
  padding: 0 0.15rem 0 0.15rem;
  cursor: pointer;
  text-align: center;
  width: 45%;
}
main .synew {
  width: 100%;
  margin-bottom: 1.25rem;
}
main .synew .synl {
  width: 95%;
  margin: 0 auto;
}
main .synew .synl li {
  height: 1.4rem;
  padding: 0.32rem 0 0.32rem 0;
}
main .synew .synl li .zuo {
  width: 1.03rem;
  height: 100%;
  text-align: center;
  position: relative;
}
main .synew .synl li .zuo h3 {
  font-size: 0.6rem;
  margin-top: -0.09rem;
  height: 0.75rem;
  color: #d0000f;
}
main .synew .synl li .zuo p {
  font-size: 0.25rem;
  color: #d0000f;
}
main .synew .synl li .you {
  width: 5.5rem;
  height: 100%;
}
main .synew .synl li .you h5 {
  font-size: 0.25rem;
  color: #333333;
}
main .synew .synl li .you p {
  height: 0.65rem;
  font-size: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  color: #999999;
}
/*  */
.index_title_container {
  background-size: 2.67rem;
  background-repeat: no-repeat;
  background-image: url("../img/img10.png");
  padding-top: 0.1rem;
  text-align: center;
  background-position: center top;
}

.index_title_container .indedx_title_t1 {
  color: #d0000f;
  line-height: 0.38rem;
}

.index_title_container .indedx_title_t2 {
  color: #d0000f;
  line-height: 0.47rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -0.1rem;
}

.index_title_container .indedx_title_line {
  height: 1px;
  background: #d0000f;
  width: 1.41rem;
  margin: auto;
}

.index_title_container .indedx_title_t3 {
  color: #d0000f;
  line-height: 0.3rem;
  font-size: 0.18rem;
}

.index_title_container.white {
  background-image: url("../img/img11.png");
}

.index_title_container.white .indedx_title_t1,
.index_title_container.white .indedx_title_t2,
.index_title_container.white .indedx_title_t3 {
  color: #fff;
}

.index_title_container.white .indedx_title_line {
  background: #fff;
}




/*产品展示*/

.about_us_wrapper {
  margin-top: 0.25rem;
}
.pro_con_list{
  width: 32%;
  float: left;
  margin-left: 1.3%;
  background: #f7f7f7;
  margin-top: 20px;
  color: #343434;
}
.pro_con_list:hover{
  color: #d0000f;
  text-decoration:underline;
}
.pro_con_top{
  width: 100%;
}
.pro_con_top img{
  width: 90%;
  height: 120px;
}
.pro_con_bot{
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-top: 5px;
}
.promore{
  width: 70%;
  height: 0.5rem;
  background: #d0000f;
  color: #fff;
  margin: 0 auto;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 0.25rem;
  margin-top: 0.4rem;
  font-size: 12px;
}


/*产品展示*/
.news_sectiom{
  margin-top: 0.1rem;
}
.news_sectiom span{
  width:30%;
  height: 0.6rem;
  float:left;
  position: relative;
  background-color: #d0000f;
  text-align: center;
  line-height: 0.6rem;
  font-size: 12px;
  margin-left: 0.2rem;
  margin-top: 0.1rem;
  color: #fff;
}

/*公告*/
.gong{
  width: 100%;
  height: 40px;
  background: url("../img/guangback.png") no-repeat;
  background-size: 100% 100%;
}
.gong .gimg{
  width: 40px;
  height: 40px;
  background: #d6061e;
  float: left;
}
.gong .gimg img{
  width: 24px;
  margin: 0 auto;
  margin-top: 7px;
}
.gundong {
  height:40px;
  overflow:hidden;
  width:300px;
  position:relative;
  float: left;
  margin-left: 5px;
}
.gundong ul {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
.gundong li {
  height:32px;
  line-height:32px;
  color:#ccc;
  font-size:14px;
}
.gundong li.active {
  color:#fff
}
/*导航*/
.daohang{
  width: 100%;
}
.daohang ul{
  width: 90%;
  margin: 0 auto;
}
.daohang ul li{
  width: 23%;
  height: 80px;
  background: #2151a5;
  border-radius: 40px;
  float: left;
  margin-top: 10px;
}
.daohang ul li a p{
  width: 100%;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

/*协会通知*/
.xie{
  width: 100%;
  margin-top: 20px;
  height: 280px;
}
.xie-inner{
  width: 96%;
  margin: 0 auto;
}
.xie-left{
  width: 49%;
  height: 380px;
  float: right;
  /*background: url("../img/tong.png") no-repeat;
  background-size: 100% 100%;*/
  position: relative;
}
.main_image2 ul li span p{
  width: 100%;
  height: 30px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 14px;
  text-align: left;
  line-height: 30px;
  position: absolute;
  bottom: 0;
  padding-left: 10px;
}
.xie-right{
  width: 100%;
  float: left;
}
.hui{
    height: 195px;
    width: 100%;
    margin-top: 15px;
}
.zn{
    display: none;
}
.zn_active{
    display: block;
}
.wk{
    display: none;
}
.wk_active{
    display: block;
}
.hui .hui-tit{
  width: 100%;
  height: 32px;
}
.hui .hui-tit .t-left{
  width: 65%;
  font-size: 14px;
  color: #333333;
  float: left;
}
.hui .hui-tit .t-left li{
  float: left;
  background: #dddddd;
  width: 30%;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.hui .hui-tit .t-right{
  width: 18%;
  font-size: 14px;
  color: #323232;
  float: right;
  margin-top: 10px;
}
.hui .hui-tit .t-right:hover{
  color: #2151a5;
}
.hui ul{
  width: 100%;
}
.hui hr{
  border: 1px solid #2151a5;
}
.hui ul li{
  width: 100%;
  height: 32px;
  line-height: 32px;
}
.hui ul li a img{
  width: 10px;
  float: left;
  margin-top: 12px;
}
.hui ul li a .title{
  width: 76%;
  float: left;
  color: #333;
  font-size: 14px;
}
.hui ul li a .title:hover{
  color: #2050a2;
}
.hui ul li a .time{
  width: auto;
  float: right;
  color: #aba9a9;
  font-size: 12px;
}

/*主要内容*/
/*主要内容*/
.con{
  width: 100%;
  height: 500px;
  margin-top: 15px;
}
.con-inner{
  width: 96%;
  margin: 0 auto;
}
/*仲裁资料*/
.con-title{
  width: 100%;
  height: 32px;
}
.con-title .titleft{
  width: 50%;
  float: left;
}
.con-title .titleft img{
  width: 30px;
  float: left;
  margin-top: 3px;
}
.con-title .titleft p{
  width: 70%;
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #2151a5;
  margin-left: 5px;
  line-height: 32px;
}
.titright{
  width: 96%;
  font-size: 14px;
  color: #3d3d3d;
  line-height: 40px;
  margin: 0 auto;
  margin-top: 10px;
}
.titrightli{
  width: 23%;
  float: left;
  height: 32px;
  background: #f2f2f2;
  color: #323232;
  margin-right: 2%;
  line-height: 32px;
  text-align: center;
  border-radius: 16px;
}
.znli_active{
  background: #2151a5;
  color: #fff;
}
.wkli_active{
  background: #2151a5;
  color: #fff;
}

.down{
  background: #2151a5;
  height: 40px;
  text-align: center;line-height: 40px;
}
/*办事指南*/
.ban{
  width: 100%;
  height: 250px;
  margin-top: 15px;
}
.ban-inner{
  width: 96%;
  margin: 0 auto;
}

/*导航*/
.hang{
  width: 100%;
  margin-top: 30px;
}
.hang .hanginner{
  width: 96%;
  margin: 0 auto;
}
.hang .hanginner .hangleft{
  width: 100%;
  float: left;
}
.hang .hanginner .hangleft .hltit{
  width: 10%;
  height: 120px;
  background: #2050a2;
  color: #fff;
  font-size: 16px;
  float: left;
  text-align: center;
}
.hang .hanginner .hangleft .hlcon{
  width: 90%;
  height: 120px;
  background: #f2f2f2;
  float: right;
}
.hang .hanginner .hangleft .hlcon a li{
  width: 25%;
  float: left;
}
.hang .hanginner .hangleft .hlcon a li .img{
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
  background: #fcad1c;
  margin-top: 18px;
}
.hang .hanginner .hangleft .hlcon a li .img img{
  width: 35px;
  padding-top: 13px;
}
.hang .hanginner .hangleft .hlcon a li p{
  font-size: 12px;
  color: #3d3d3d;
  text-align: center;
  margin-top: 10px;
}
.hang .hanginner .hangright{
  width: 100%;
  float: right;
}
.hang .hanginner .hangright a .right01{
  width: 59%;
  height: 88px;
  background: url("../img/tiao01.png") no-repeat;
  background-size: 100% 100%;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 90px;
  float: left;
}
.hang .hanginner .hangright a .right02{
  width: 100%;
  height: 42px;
  background: url("../img/tiao02.png") no-repeat;
  background-size: 100% 100%;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 90px;
  float: left;
}
.hang .hanginner .hangright a .right03{
  width: 100%;
  height: 42px;
  background: url("../img/tiao03.png") no-repeat;
  background-size: 100% 100%;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 90px;
  float: right;
  margin-top: 4px;
}

/*魅力运城*/
.mei{
  width: 100%;
  margin-top: 40px;
}
.mei .meiinner{
  width: 96%;
  margin: 0 auto;
}
.mei .meiinner .meitit{
  width: 100%;
  height: 40px;
}
.mei .meiinner .t-left{
  width: 26%;
  float: left;
  font-size: 18px;
}
.mei .meiinner .t-right{
  width: 27%;
  float: right;
  margin-top: 10px;
}
.mei .meiinner .meicon{
  width: 100%;
  margin-top: 20px;
}
.mei .meiinner .meicon .ping{
  width: 32%;
  float: left;
}
.mei .meiinner .meicon .ping img{
  width: 100%;
  height: 80px;
}
.mei .meiinner .meicon .ping p{
  font-size: 12px;
  color: #333333;
  text-align: center;
  height: 40px;
  line-height: 40px;
}


/*about*/
.er_container{
  width: 7.2rem;
  margin: 0 auto;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}
.er_title{
  height: 0.7rem;
  background-size:100%;
}
.er_zi{
  font-size: 0.24rem;
  float: left;
  color: #000;
  margin-top: 0.28rem;
  margin-left: 0.24rem;
}
.er_a{
  font-size: 0.22rem;
  float: left;
  color: #adadad;
  margin-top: 0.28rem;
}
.list{
  margin-top: 0.15rem;
  height: 1.8rem;
  border:0.01rem solid #b2b2b2;
  position: relative;
}
.list .list_img{
  width: 2.5rem;
  height: 1.6rem;
  margin-top: 0.1rem;
  float:left;
  overflow:hidden;
}
.list .list_con{
  width: 5.5rem;
  margin-top: 0.15rem;
  float:left;
  margin-left: 0.1rem;
}
.list_con .title{
  font-size: 0.26rem;
  font-weight:bold;
}
.list_con .cont{
  margin-top: 0.1rem;
  font-size: 0.24rem;
  color: #b2b2b2;
}
.list .list_date{
  width: 1.5rem;
  float:right;
  margin-left: 0.05rem;
}
.list .list_date .year{
   color: #646464;
   font-size: 0.28rem;
   font-weight:bolder;
  margin-top: 0.2rem;
  margin-left: 0.3rem;
 }
.list .list_date .md{
  color: #969695;
  font-size: 0.26rem;
  margin-left: 0.3rem;
}
.list .list_date img{
  width: 0.8rem;
  margin-left: 0.3rem;
}
.er_about_container{
  margin-top: 0.25rem;
  text-align: center;
}
.er_about_container select{
  display: none;
}
.er_about_container a{
  background-color: #eaeaea;
  margin-left: 0.05rem;
  padding: 0.05rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}

.procon{
}
.procon li{
  width: 3.6rem;
  float: left;
  margin-top: 0.1rem;
}
.procon li img{
  width: 3.3rem;
  height: 2.2rem;
}
.procon li p{
  text-align: center;
  font-size: 0.28rem;
}

.bread{
  color: #666666;
  line-height: 0.52rem;
  font-size: 0.22rem;
}
#bdshare{
  width: 7.2rem;
  margin-top:0.2rem;
  margin-left: 0.2rem;
}
#bdshare a{
  width: 50%;
  height: 0.5rem;
}
.newstype{
    color: #fff;
    margin-right: 1%;
}
.newstype_active{
    background: #2151a5 !important;
}
.newsul{
    margin-top: 10px;
    display: none;
}
.newsul_active{
    display: block;
}

.ks{
    width: 94%;
    margin: 0 3%;
}
.kst{
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #333;
}
.ksd{
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 0.22rem;
}
.ksdi{
    width: 70%;
    height: 0.6rem;
    padding: 0 2%;
    border: 1px solid #f0f0f0;
    outline: none;
    font-size: 0.26rem;
    color: #333;
}
.ksdp{
    width: auto;
    line-height: 0.6rem;
    margin-left: 0.2rem;
    font-size: 0.26rem;
    color: #333;
}
.kss{
    width: 50%;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    margin-top: 0.32rem;
    background: #2151a5;
    border: none;
    font-size: 0.26rem;
    color: #fff;
}
.jg{
    width: 94%;
    height: auto;
    min-height: 5rem;
    margin: 0.52rem 3% 0 3%;
}
.jgt{
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #333;
}
.jgd{
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    display: flex;
}
.jienei{
    width: auto;
    height: auto;
    display: flex;
}