.head{
    height:1.6rem;
    padding:0 .26rem;
    /* position: fixed;
    z-index: 111;
    width: 100%;
    background: #fff; */
}
.head_logo{
    width: 3.33rem;
    height: .9rem;
}
.head_right .iconfont{
    font-size: .66rem;
}
.head_right .head_link{
    height: .56rem;
    width: 1px;
    background: #ccc;
    margin:0 .4rem; 
}

/* banner */
.swiper-container {
    width: 100%;
    height: 100%;
}
.silde_bt_txt{
    position: absolute;
    bottom: 0;
    height: .89rem;
    line-height: .89rem;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: .4rem;
}
.slide_txt{
    text-align: center;
    padding: .53rem 0;
    font-size: .4rem;
    color: #434343;
}
.banner_pagination .swiper-pagination-bullet{
    background: #a7a5a9;
    opacity: 1;
}
.banner_pagination .swiper-pagination-bullet-active{
    background: #397ee9;
}
#banner .swiper-slide{
    height: 5.33rem;
}
#banner .swiper-slide img{
    width: 100%;
}
/*  */
.article{
    font-size: .4rem;
    height: 1rem;
    border-bottom: 1px solid #ccc;
}
.article_title{
    display: block;
    height: 100%;
    border-bottom: 1px solid #1950a2;
    line-height: 1rem;
    margin-top: 1px;
    font-weight: 700;
}
.article_img{
    width: 33%;
    flex: 0 0 33%;
}
.article_img img{
    width: 100%;
}
.article_text{
    line-height: .5rem;
    padding-left: .33rem;
}
.article_text p{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-indent: 2em;
}
.a_link{
    margin-top: .4rem;
    display: inline-block;
    font-size: .4rem;
    padding: .13rem .33rem;
    border: 1px solid #1950a2;
    border-radius: 23px;
    color: #1950a2;
}
.a_link2{
    margin-top: .2rem;
    display: inline-block;
    font-size: .37rem;
    padding: .1rem .3rem;
    border: 1px solid #1950a2;
    border-radius: 23px;
    color: #1950a2;
}
.article_nav {
    /* margin-top: 1rem; */
    flex-wrap: wrap;
    padding-top: .26rem;
}
.article_nav li{
    flex: 0 0 20%;
    width: 20%;
    margin-bottom: 20px;
}
.article_nav a i{
    font-size: .8rem;
    display: block;
    color: #1950a2;
    margin-bottom: 6px;
}
.article_nav a span{
    display: block;
    font-size: .34rem;
    color: #666;
}
.news_img{
    width: 3.2rem;
}
.news_infos {
    width: 66%;
}
.news_infos h5{
    font-size: .45rem;
    color:#545454;
}
.news_infos p{
    font-size: .4rem;
    color: #999;
    line-height: 1.5;
    text-indent: 2em;
}
.news_list ul li{
    display: flex;
    margin-top: .53rem;
    margin-top: .43rem;
    line-height: 1.5;
}
.news_list li img{
    width: 100%;
}
.news_source{
    display: flex;
    align-items: center;
    padding: .53rem 0 .6rem 0;
    font-family: '宋体' !important;
    font-size: .36rem;
    color: #999999;
}
.news_source a{
    font-size: .38rem;
    color: #999;
    font-family: "微软雅黑";
    margin:0 .2rem;
}
.news_source a:nth-child(1){
    margin-left:0;
}
.news_title h2{
    color: #303030;
    font-size: .52rem;
    line-height: 1.5;
    text-align:justify;
}
.news_info{
    font-size: .34rem;
    color: #999999;
    width: 100%;
    border-bottom: 1px solid #e0e0e0; 
}
.news_content p{
    font-size: .4rem;
    color: #666666;
    line-height: 1.8;
    margin: .4rem 0;
    text-indent: 2em;
}

.news_content{
    font-size:16px;
    color: #666666;
    line-height:28px;
    margin:20px 0;
 
}
.newsimg {margin: .3rem auto;}
.newsimg img{width:90%;}

.news_content img{
    margin: .3rem auto;
    display: block;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}
.news_content table{
    width: 100%;
    font-size: .3rem;
    border: 1px solid red;
}
.news_content table p{
    margin : 0;
}
.news_content table tr,
.news_content table td
{
    border-bottom:none;
    border: 1px solid #ccc !important;
}
.news_next{
    padding: .46rem .26rem;
    display: block;
    font-size: .4rem !important;
}
.big{
    display: grid;
    margin: .53rem 0;
}
.big_title{
    font-size: .63rem;
    margin-bottom: .33rem;
    display: inline-block;
}
.big_line{
    width: .9rem;
    height: 1px;
    background: #a8a8a8;
    display: block;
    margin: 0 auto .33rem;
}
.big_english{
    font-size: .38rem;
}
.business_img{
    height: 0;
    padding-bottom:32%;
    position: relative;
}
.scope{
    padding:0 .23rem;
}
.scope_triangle,
.scope_triangle2{
    width: 0;
    height: 0;
    border-width: .35rem;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    right: 0;
    top: 1.3rem;
}
.scope_triangle2{
    border-color: transparent transparent transparent #fff;
    left: 0;
}
.scope h5{
    font-size: .42rem;
    margin-bottom: .33rem;
}
.scope span{
    font-size: .4rem;
    display: block;
    color: #666;
    line-height: .6rem;
}

.company_title{
    padding: .66rem 0;
    font-size: .5rem;
    color: #fff;
}
.company_list{
    padding: .6rem .4rem;
    background: #fff;
    margin-bottom: .2rem;
}
.company_list .time{
    display: flex;
    border-right:1px solid #e0e0e0; 
    color: #707070;
    font-size: .34rem;
    flex-wrap: wrap;
    flex: 1;
}
.company_list .time .month{
    color: #808080;
   font-size: 1rem;
}
.company_list .txt{
    line-height: 1.5;
    font-size: .4rem;
    white-space: normal;
    flex: 6;
}

.brand_list{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.brand_list li{
    flex: 0 0 33%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.address{
    background: #1c50a1;
    padding: .26rem .53rem;
}
.address_info dt{
    font-size: .40rem;
    color: #fff;
    margin-bottom: .16rem;
    line-height:2;
}
.address_info dd,
.address_info dd a
{
    font-size: .37rem;
    color: #fff;
    line-height: 2;
}
.address_info .line{
    width: 100%;
    height: 1px;
    background: #235fbd;
}

.bottom{
    padding: .73rem 0 .66rem;
    background: #194891;
}
.bottom .wx{
    width: 3.05rem;
}
.bottom .wx_txt{
    width: 3.45rem;
    height: 3.45rem;
    margin-left: .6rem;
    background: #1c50a1;
    font-size: .37rem;
    border-radius:50%; 
    color: #fff;
    position: relative;
    line-height: 2;
    box-shadow: none;
}
.bottom .wx_txt::after{
    content: '';
    position: absolute;
    left: -.26rem;
    top: 50%;
    width: 0;
    height: 0;
    border-top: .26rem solid transparent;
    border-right: .4rem solid #1c50a1;
    border-bottom: .26rem solid transparent;
    transform: translateY(-50%);
}

.tabbar {
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 500;
    background-color: #ffffff;
    height: 1.4rem;
    align-items: center;
    border-top: 1px #e3e5e9 solid;
    max-width: 750px;
}
.tabbar .tabbar_item {
    flex: 1;                         
    text-align: center;        
    font-size: 0;
    color: #a2a2a2;
    text-decoration: none;
    height: 100%;
}
.tabbar .tabbar_item > span {
    display: inline-block;
    position: relative;                       
}
.tabbar .tabbar_icon {
    display: inline-block;            
    fill: currentColor;
    overflow: hidden;
    margin-bottom: 3.5px;
    font-size: .6rem;
    color: #1c50a1;
}
.tabbar .tabbar_label {
    text-align: center;
    line-height: 10px;     
    font-size: .37rem;   
    color: #313131;                  
}
.tabbar .active{
    background: #2a6cd2;
}
.tabbar .active .tabbar_icon,
.tabbar .active .tabbar_label
{
    color: #fff;
}

.head_bg_img .title{
   font-size: .74rem;
}
.head_bg_img .english{
    font-size: .64rem;
    opacity: .2;
    margin-top: -10px;
    white-space: nowrap;
}
.head_bg_img .line{
    width: .53rem;
    height: 2px;
    margin: .4rem auto 0;
    background: #e50012;
}
.content_nav{
    overflow-y: scroll;
}
.content_nav {
    background: #fff;
}

.content_nav div{
    flex: 0 0 25%; 
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color:#666;
}
.content_nav div a{
    color:#666;
    position: relative;
    width: 100%;
    font-size: .4rem;
}
.content_nav div a::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 10px;
    background: #ccc;
    width: 1px;
    right: 0;
}
.content_nav div:last-child a::after{
    width: 0;
}
.content_nav .active a
{
    color: #1950a2;
    font-size: .4rem;
}
/* .content_nav .active{
    border-bottom: 1px solid #1950a2;
} */
.content_nav .active span{
    height: 100%;
    display: inline-block;
    border-bottom: 2px solid currentColor;
}
.dang div{
    flex: 1; 
}
/* .dang .active{
    border-bottom: 1px solid #e50012;
} */

.dang .active a{
    color: #e50012;
}

.content_nav_two{
    display: flex !important;
    align-items: center;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    background-color: #fff;
}

.content_nav_two div {
    flex: 0 0 25%;
    height: 1.5rem;
    /* line-height: 1rem; */
    text-align: center;
    color: #666;
    /* border: 1px solid; */
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.content_nav_two div a{
    display: block;
}
.content_nav_two .active{
    background: #1950a2;
}
.content_nav_two .active a
{
    color: #fff;
}


.content_nav_two2{
    display: flex !important;
    align-items: center;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    background-color: #fff;
}

.content_nav_two2 div {
    flex: 0 0 50%;
    height: 1.5rem;
    /* line-height: 1rem; */
    text-align: center;
    color: #666;
    /* border: 1px solid; */
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.content_nav_two2 div a{
    display: block;
}
.content_nav_two2 .active{
    background: #1950a2;
}
.content_nav_two2 .active a
{
    color: #fff;
}


.group{
    background: #fff;
    margin: .3rem;
}
.group_top{
    padding: .63rem .53rem 0;
    
}
.group_top_padding{
    padding-bottom:.5rem; 
    border-bottom: 1px solid #ebebeb;
}
.group_top .title{
    font-size: .48rem;
    margin-bottom: .16rem;
}
.group_top .english{
    font-size: .38rem;
    color: #898989;
}
.group_content{
    margin-top:.5rem;
	font-size:16px !important;
	color:#666666;
	line-height:26px;
	padding-bottom: .8rem;
}
.group_content p{
    padding-bottom: .3rem;
    font-size:16px !important;
    color: #545454;
    line-height: 2;
    text-indent: 2em;
}
.group_img{
    margin-top:.6rem;
}
.ente_content{
    position: relative;
}
.ente_list{
    display: flex;
    flex-wrap: wrap;
}
.ente_list li{
    flex: 0 0 50%;
    margin-bottom: .26rem;
    width: 50%;
}
.ente_list li:nth-child(odd){
    padding-right: .13rem;
}
.ente_list li:nth-child(even){
    padding-left: .13rem;
}
.ente_list  .myphoto{
    border: 2px solid #1c50a1;
}

.magazine_list{
    position: relative;
    height: 300px;
}
.magazine_list li{
    padding: 0 5px;
    width: 50%;
    opacity: 0;
    
}
.magazine_list li:nth-child(1){
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    opacity: 1;
}
.magazine_list li:nth-child(2){
    top: 0;
    right: 0;
    position: absolute;
    opacity: 1;
}



.ente_txt{
    color: #424242;
    font-size: .4rem;
    padding: 0 .2rem; 
    border: 1px solid #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    height: 1.5rem;
}

.garden_item{
    padding: .32rem .2rem .4rem .2rem;
    border: 1px solid #ededed;
    border-top: none;
}
.garden_title{
    font-size: .4rem;
    color: #707070;
    padding-bottom: .33rem;
    border-bottom: 1px #ededed solid ;
}
.garden_name{
    font-size: .37rem;
    color: #999;
    padding-top: .26rem
}

.honor_list li{
    background: #fff;
    margin-bottom: .4rem;
    padding-top: .26rem;
}
.honor_list .honor_txt{
    padding: .6rem .26rem;
    font-size: .46rem;
    color: #424242;
    text-align: center;
}
.honor_list .myphoto{
    text-align: center;
}

.common_botton{
    text-align: center;
    padding: .53rem 0;
}
.common_botton p{
    font-size: .37rem;
    color: #a8a8a8;
}
.news_list li{
    margin-bottom: .26rem;
}
.news_list li:last-child{
    margin-bottom: 0;
}
.news_list .time{
    display: grid;
    border-right: 1px solid #e0e0e0;
    white-space: nowrap;
}
.news_list .time .month{
    font-size: .5rem;
    color:#545454;
    margin-bottom: 5px;
    display: block;
}
.news_list .time .year{
    font-size: .38rem;
    color:#999;
}
.news_list .txt{
    line-height: 1.5;
    color: #545454;
    font-size: .4rem;
}

.history_list .histoty_icon{
    width: 1.17rem;
    height: 1.17rem;
    border-radius: 50%;
    border:1px solid #ebebeb;
    margin:0 auto .26rem;
    position: relative;
    z-index: 1;
    background: #fff;
}
.history_list li{
    width: 100%;
}
.history_list li::after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 33%;
    background: #ebebeb;
    left:0;
}
.history_list .histoty_icon i{
    font-size: .5rem;
}
.history_since{
    font-size: .48rem;
    color: #b8b8b8;
    padding: .86rem 0;
    text-align: center;
}

.el-steps--vertical {
    height: 100%;
    flex-flow: column;
}

.el-steps {
    display: flex;
}

.el-step.is-vertical {
    display: flex;
}

.el-step {
    position: relative;
    flex-shrink: 1;
    margin-bottom:.26rem; 
}

.el-step.is-vertical .el-step__head {
    flex-grow: 0;
}

.el-step__head {
    position: relative;
    display: flex;
    align-items: center;
}
.el-step__head::after{
    content: "";
    width: 1px;
    height: 150%;
    z-index: 0;
    background: #ebebeb;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.el-step__icon.is-text {
    border-radius: 50%;
}


.el-step__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: .64rem;
    height: .64rem;
    font-size: 14px;
    box-sizing: border-box;
    background: #c6d3e7;
}
.yy{
    position: absolute;
    width: .46rem;
    height: .46rem;
    background: #1c50a1;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);

}
.el-step__icon-inner {
    display: inline-block;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}

.el-step.is-vertical .el-step__main {
    /* padding-left: 10px; */
    flex-grow: 1;
    margin: 0 0 0 .4rem;
    background: #f2f7fe;
}

.el-step__main {
    white-space: normal;
    text-align: left;
    position: relative;
}
.el-step__main::after{
    content: '';
    position: absolute;
    left: -.3rem;
    top: 50%;
    width: 0;
    height: 0;
    border-top: .26rem solid transparent;
    border-right: .4rem solid #f2f7fe;
    border-bottom: .26rem solid transparent;
    transform: translateY(-50%);
}
.el-step_pd{
    display: flex;
    margin: .0 .26rem 0 .26rem;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}
.el-step_pd:last-child{
    border-bottom: none;
}
.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px;
}

.el-step__title.is-finish {
    color: #409eff;
}

.el-step__title {
    font-size: 16px;
    line-height: 38px;
}

.el-step__description {
    font-size: .38rem;
    line-height: 1.5;
    font-weight: 400;
    flex: 1;
    color: #545454;
    padding: 5px 0;
}

.el_step_year{
    z-index: 1;
    display: inline-flex;
    margin-right: 10px;
    color: #808080;
    font-size: .54rem;
}

.load {
    padding: .3rem 0;
    width: 100%;
    color: #737373;
    text-align: center;
    font-size: .4rem;
}
.scope_nav{
    flex-wrap: wrap;
    line-height: 1;
}
.scope_nav li{
    flex: 0 0 25%;
}
.scope_nav a{
    padding: 0;
    width: 100%;
    height: 1.06rem;
    line-height: 1.06rem;
    margin: 0 0 1px 0;
    background: #fff;
    color: #545454;
    font-size: .37rem;
    border-right:1px solid #1a6bb6; 
}
.scope_nav .active{
    background: #357ec0;
    color: #fff;
}
.scope_content {
    padding-bottom: .66rem;
}
.scope_content .title{
    margin-top: .93rem;
    font-size: .50rem;
    padding-bottom: .53rem;
    border-bottom: 1px solid #1950a2;
    display: inline-block;
}
.scope_content .txt{
    color: #737373;
    line-height: 2;
    text-indent: 2em;
}
.scope_content .open{
    padding: .26rem .8rem;
    border: 1px solid #1950a2;
    border-radius: 30px;
    display: inline-block;
}
.scope_title{
    padding-top: .66rem;
    padding-bottom: .53rem;
}
.scope_title .line{
    width: .93rem;
    height: 1px;
    background: #1950a2;
    margin-left: .26rem;
}
.scope_list{
    flex-wrap: wrap;
}
.scope_list a{
    flex:0 0 50%;
    display: inline-table;
    width: 50%;
}
.scope_list .position-relative{
    float: left;
}
.scope_content_hide{
    display: none;
}

.collapsible-header {
    padding: 0 .53rem;
    border: none;
    height: 1.5rem;
}
.collapsible-body{
    padding: 0rem .4rem;
}
.collapsible{
    box-shadow:none;
}
.collapsible .active .collapsible-header{
    background: #1c50a1;
    color: #fff;
}
.collapsible .active .icon-you::before{
    content: "\e650";
}
.company_item{
    margin-bottom: 10px;
    border: none;
}
#company{
    background: url(../img/company.png) ;
    background-size: cover;
}
.company_ul li{
    display: flex;
    padding: .3rem;
}
.company_ul li a,
.audit_ul li a,
.magazine_ul li a
{
    font-size: .4rem;
    color: #666;
}

.audit_ul{
    padding: .0 0 .0 0;
}
.audit_ul li{
    display: flex;
    padding: .2rem .3rem;
}
.audit_ul table tr{
    border: 1px solid #E3E3E3;
}
.audit_ul table th{
    border-right: 1px solid #E3E3E3;
    width: 25%;
    white-space: nowrap;
    background: #F0F7FD;
    color: #333;
    border-radius: 0;
    text-align: center;
    vertical-align: top;
    line-height: 1.5;
    padding: 10px 5px;
    font-weight: 500;
}
.audit_ul table td{
    padding: 10px 5px;
}
.book_box{
    height: 1.2rem;
}
.book_perv,
.book_next
{
    flex:0 0 20%;
    height: 100%;
}

.book_icon{
    font-size: .4rem;
    float: right;
    width: auto;
}

.book_catalog{
    flex:0 0 60%;
    height: 100%;
}
.book_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.book_list li{
    width: 33.33%;
    display: inline-flex;
    justify-content: center;
    border-right: 1px solid #fff;
    padding: 0 5px;
    margin-bottom:10px; 
    
}
.book_list li a {
    padding: 0;
    width: 100%;
    height: 1.06rem;
    line-height: 1.06rem;
    margin: 0 0 1px 0;
    background: #fff;
    color: #545454;
    font-size: .37rem;
    /* border-right: 1px solid #1a6bb6; */
}
.book_list li .active {
    background: #357ec0;
    color: #fff;
}
.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #357ec0;
}

.magazine_ul{
    padding: .23rem 0;
    overflow: hidden;
    margin-left: .1rem;
}
.magazine_ul li{
    display: flex;
    margin-bottom: .46rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
    line-height: 1.5;
}
.magazine_ul li:last-child{
    margin-bottom: 0;
}

.demeanor_list li,
.garden_list li
{
    background: #fff;
    margin-bottom: .26rem;
    
}
.demeanor_list li .demeanor_item{
    padding: .4rem .33rem;
}
.demeanor_list li .time{
    padding-bottom:.56rem; 

}
.demeanor_list li .time .month{
    font-size: .8rem;
    color: #ccc;
}
.demeanor_list li .time .year{
    font-size: .4rem;
    color: #ccc;
}
.demeanor_list li .demeanor_txt{
    font-size: .4rem;
    color: #666;
    line-height: 2;
    display: flex;
    justify-content: center;
}


.garden_list li .garden_item{
    padding: .8rem .53rem;
}
.garden_list li .time .month{
    font-size: .8rem;
    color: #ccc;
}
.garden_list li .garden_line{
    margin: .4rem 0;
    height: 2px;
    width: 1.2rem;
    background: #e50012;
}
.garden_list li .time .year{
    font-size: .4rem;
    color: #ccc;
}
.garden_list li .garden_txt{
    font-size: .48rem;
    color: #666;
    line-height: 2;
}
.garden_list li .garden_info{
    color: #999;
    line-height: 2;
}

.recruit{
    height: 1.3rem;
}
.recruit div{
    border-right: 1px solid #eee;
    height: 100%;
}
.recruit div:last-child{
    border-right: 0 solid #eee;
}

.recruit_item dt{
    height: 1.2rem;
    padding: 0 .26rem;
    background: #dde9fc;
}
.recruit_item .name{
    height:1.8rem ;
}
.recruit_item .recruit_info span{
    flex: 1;
    text-align: left;
    font-size: .4rem;
    color: #666;
}

.resume {
    height: 1.1rem;
    font-size:.4rem;
    color: #fff;
}
.contact_qr{
    width: 5.86rem;
    height: 5.86rem;
}
.contact_wx{
    width: 4.18rem;
}

.sidenav{
    width: 65%;
}
/* .sidenav .site-nav-link{
    font-size: .4rem;
    color: #666;
    padding: .3rem;
}
.sidenav .collapsible-link{
    font-size: .35rem;
}
.sidenav .side-nav-title {
    background-color: #1950a2;
    color: #fff;
    font-size: .5rem;
    padding: .3rem;
}
.sidenav .collapsible-header{
    background-color: transparent;
    border: none;
    line-height: inherit;
    height: inherit;
} */

.sidenav .site-nav-link{
    font-size: .4rem;
    color: #666;
    padding: .3rem;
    min-height: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
}

.sidenav .site-nav-link2{
    font-size: .4rem;
    color: #666;
    padding: .3rem;
    min-height: 1rem;
    width: 100%;
}

.sidenav  li{
    line-height: 1;
    
}
.sidenav  .side-nav-list{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sidenav  .side-nav-list .sidenav_open{
    font-size: .37rem;
    height: auto !important;
    text-align: right;
    width: 40%;
    display: flex;
    justify-content: flex-end;
    background: transparent;
    padding-right: .3rem;
    color: #666;
}
.sidenav  .side-nav-list ul{
    width: 100%;
}
.sidenav .collapsible-link{
    font-size: .4rem;
}
.sidenav .side-nav-title {
    background-color: #1950a2;
    color: #fff;
    font-size: .5rem;
    padding: .3rem;
}
.sidenav li.active{
    background-color: #1950a2;
}
.sidenav .collapsible-body .collapsible-list{
    background: #ededed;
}
.sidenav .collapsible-body .collapsible-list  a{
    height: auto;
    padding: .3rem .3rem .3rem .6rem;
    line-height: inherit;
}
.sidenav .active .site-nav-link,
.sidenav .active .sidenav_open 
{
    color: #fff;
}
/* #nav-mobile .active .collapsible-header {
    color: #666;
    background: #fff
} */

.drag-target{
    background: rgba(0, 0, 0, 0.46);
    width: 0;
}


.search-item{
    height: 1.1rem;
}
.search-button{
    height: 100%;
}
.search-button button{
    font-size: .42rem;
    background: #1950a2;
    border: none;
    color: #fff;
    height: 100%;
    width: 100%;
}
.search-item .search-input{
    display: block;
    height: 100%;
    font-size: .4rem !important;
}

.top_search {
    position: fixed;
    top: 0;
    height: 2rem;
    background-color: #f9f4f1;
    z-index: 999;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: .2s all;
}

.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.dropdown-content .indicator{
    display: none;
}
.dropdown-content li > a{
    font-size: .37rem !important;
}

#maps a{
    display: flex;
    align-content: center
}

.go_top {
    position: fixed;
    bottom: 1.5rem;
    right: 1px;
    
    border: 1px solid #1c50a1;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    z-index: 111;
    background: #fff;
    display: none;
}
.go_top::after{
    content: "\e603";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    color: #1c50a1;
    font-size: .5rem;
}

.fixed-top {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.liuyan{  border-radius:18px;}
 
.mess33{height:35px !important; line-height:35px !important; background:#ffffff !important; border:1px solid #cccccc !important; font-size:16px !important; color:#666666 !important;width:90%;margin:0 auto;font-family:'微软雅黑'; text-align:left !important; text-indent:5px !important; color:#333333 !important;}
.mess66{height:90px !important; line-height:25px !important; background:#ffffff !important; border:1px solid #cccccc !important; font-size:16px !important; color:#666666; width:90% !important; margin:0 auto; font-family:'微软雅黑';text-align:left; text-indent:5px; margin-top:20px; }

 
.sub1{ width:150px; height:38px;  background:#1e51a2; cursor:pointer; border:0; font-size:16px; color:#ffffff; text-align:center; line-height:38px; font-family:'微软雅黑'; margin-left:100px; border-radius:20px;   
}