@charset "utf-8";
/*全局设定*/
@media (min-width:750px){
    html{font-size:50PX;}
}
@media (max-width:750px){
    html{font-size:calc(100vw/7.5);}
}
*{
    margin: 0;
    padding: 0;
    border:none;
    box-sizing: border-box;
    font-family:"微软雅黑";
    outline: none;
}
body{position: relative; width:100%;max-width: 15rem; margin: 0 auto; font-size:0.28rem; font-style:normal;color: #555555; overflow-x:hidden;background-color:#fff;line-height: 1;font-family: "微软雅黑";}

ul{padding: 0;}
li{list-style: none;}
i, cite, em, var, address, dfn {font-style:normal;}
a{color:inherit;text-decoration: none;}

input,button,textarea{appearance: none;-moz-appearance: none;-webkit-appearance: none; border-radius:0;-webkit-tap-highlight-color:transparent;background-color: transparent;color: #bcbcbc;padding: 0;font-size: .24rem;line-height: inherit;}
input[type='text']:hover,input[type='tel']:hover,select:hover,input[type='email']:hover,textarea:hover{
    box-shadow: inset 1px 1px 5px #3333332b;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
img{max-width: 100%;}
input::-webkit-input-placeholder{color: #ddd;}
input:-moz-placeholder{color: #ddd;}
input::-moz-placeholder{color: #ddd;}
input:-ms-input-placeholder{color: #ddd;}
textarea::-webkit-input-placeholder{color: #ddd;}
textarea:-moz-placeholder{color: #ddd;}
textarea::-moz-placeholder{color: #ddd;}
textarea:-ms-input-placeholder{color: #ddd;}
/*全局设定*/

/*常用样式*/

.web_body{position: relative; overflow-x:hidden; height: 100vh;width: 100%;max-width: 15rem;margin: 1.1rem auto 1.28rem;}
.disscroll{height: 100vh;overflow: hidden;}

.db{
    display: block;
}
.scroll{-webkit-overflow-scrolling : touch;}
.noselect,.apptab,.header,.footer, .send_wrap{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.fr{float:right;}
.fl{float:left;}

.mt5{ margin-top:0.05rem;}
.mt10{ margin-top:0.1rem;}
.mt15{ margin-top:0.15rem;}
.mt20{ margin-top:0.2rem;}
.mt25{ margin-top:0.25rem;}
.mt30{ margin-top:0.3rem;}
.mt35{ margin-top:0.35rem;}
.mt40{ margin-top:0.4rem;}
.mt45{ margin-top:0.45rem;}
.mt80{ margin-top:0.8rem;}
.mt100{ margin-top:1rem;}

.mb10{ margin-bottom:0.1rem;}
.mb15{ margin-bottom:0.15rem;}
.mb20{ margin-bottom:0.2rem;}
.mb25{ margin-bottom:0.25rem;}
.mb30{ margin-bottom:0.3rem;}
.mb35{ margin-bottom:0.35rem;}
.mb40{ margin-bottom:0.4rem;}
.mb50{ margin-bottom:0.5rem;}

.ml15{
    margin-left: .15rem;
}

.ma_a{margin-left:0.1rem; margin-right:0.1rem;}
.ma_15{margin-left:0.15rem; margin-right:0.15rem;}
.ma_b{margin-left:0.20rem; margin-right:0.20rem;}

.pa_a{padding-left:0.1rem; padding-right:0.1rem;}
.pa_15{padding-left:0.15rem; padding-right:0.15rem;}

.pf_a{padding:.1rem;}
.pf_b{padding:.2rem;}
.pf_c{padding:.65rem;}

.mr_a{margin-right: .12rem;}
.mr_b{margin-right: .19rem;}

.pt_a{padding-top: .95rem !important;}
.pt_b{padding-top: .2rem !important;}
.pt_d{padding-top: .4rem;}
.pt_c{padding-top: 1.25rem !important;}
.pt15{padding-top: .15rem;}


.pl_a{padding-left: .1rem;}
.pl_b{padding-left: .2rem;}
.pl_d{padding-left: .4rem;}
.pr_a{padding-right: .1rem;}
.pr_b{padding-right: .2rem;}

.pb_a{padding-bottom: 1.38rem !important;}
.pb15{padding-bottom: .15rem;}
.pb_b{padding-bottom: .3rem;}
.pb25{padding-bottom: .25rem;}
.pc_a{padding: .15rem 0;}

.bc1{background-color:#FFFFFF;}
.bc2{background-color:#f5f5f5;}

.c0{color: #ff6c05}

/*.ac:active{background-color:#F5F5F5;}*/
/*.bc2.ac:active{background-color:#FFFFFF;}*/
/*.bc3.ac:active{background-color:#3574a8;}*/
/*.bc5.ac:active{background-color:#FFFFFF;}*/
/*.bc7.ac:active{background-color:#db5c44;}*/

.bgb,.bgs{background-position: center;background-repeat: no-repeat;}
.bgb{background-size: cover;}
.bgs{background-size: contain;}

.hide{display: none;}
.nopd{padding: 0 !important;}
.nomg{margin: 0 !important;}
.cl{overflow: hidden;}

.txt{display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.lh12{line-height: 1.2;}
.lh13{line-height: 1.3;}
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lhh70{line-height: .7rem;height: .7rem;}
.lhh80{line-height: .8rem;height: .8rem;}
.lhh90{line-height: .9rem;height: .9rem;}
.lhh100{line-height: 1rem;height: 1rem;}

.fwb{font-weight: bold;}
.f25{font-size: .25rem;}
.f22{font-size: .22rem;}
.f23{font-size: .23rem;}
.f24{font-size: .24rem;}
.f26{font-size: .26rem;}
.f28{font-size: .28rem;}
.f30{font-size: .30rem;}
.f32{font-size: .32rem;}
.f34{font-size: .34rem;}
.f36{font-size: .36rem;}


.w100{width: 100%}
.hi{
    height: inherit;
}
.bor{border: 1px solid #e8e8e8;}
.bort{border-top: 1PX #DDDDDD solid;}
.borb{border-bottom: 1PX #ddd solid;}
.borr{border-right: 1PX #DDDDDD solid;}
.borl{border-left: 1PX #DDDDDD solid;}

.remove_first_bort .bort:first-of-type{border-top: none}
.remove_last_borb .borb:last-of-type{border-bottom: none}
.add_first_bort .borb:first-of-type{border-top: 1PX #DDDDDD solid;}
.add_last_borb .bort:last-of-type{border-bottom: 1PX #DDDDDD solid;}

.conbox{box-sizing: content-box;}
.block{display: block;}

.flexcenter{display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.flexdown{display: -webkit-flex;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.flexlevel{display: -webkit-flex;display: flex;align-items: center;justify-content: center;flex-direction:row;}
.flex{display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;}
.flexauto{display: -webkit-flex;display: flex;align-items: center;justify-content:space-around;}

.readyfix{position: relative;z-index: 2;}
.header,.footer, .send_wrap{position: fixed;left: 0;right: 0;z-index: 200;width: 100%;}
.header{top: 0;margin: 0 auto;height: 1.1rem;padding: 0 .25rem; border-top: .1rem solid #0d6fb8;background-color: #fff;}
.footer{bottom: 0;margin: 0 auto; height: 1.28rem;display: flex;align-items: center;flex-direction: row;justify-content: center;background-color: #0d6fb8;}
.send_wrap{bottom: 0;margin: 0 auto; height: 1.2rem;box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3);;background-color: #fff;}

.anime{transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.tx{background-image: url(../images/nopic.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.active{
    background-color: #037702;
}
.po{position: relative;overflow: hidden;}
.po textarea{width: 100%;height: 100%;resize: none;}
.po select{padding: 0 2%;}
.po input{width: 100%;}

.container{position: relative;width: 100%;height: auto;}

@font-face {font-family: "iconfont";
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome, firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.img1{background-image: url(../images/appbtn1.png);}
.img2{background-image: url(../images/appbtn2.png);}
.img3{background-image: url(../images/appbtn3.png);}
.img4{background-image: url(../images/appbtn4.png);}
.img5{background-image: url(../images/indbtn1.png);}
.img6{background-image: url(../images/indbtn2.png);}
.img7{background-image: url(../images/indbtn3.png);}
.img8{background-image: url(../images/indbtn4.png);}

/*顶部*/
.navtab_menu, .navtab_close{
    display: block;
    width: .6rem;
    height: inherit;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.navtab_menu{
    background-image: url(../images/navbtn.png);
}

.navtab_close{
    display: none;
    background-image: url(../images/navbtn_close.png);
}

.navtab {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.navtab_logo{
    display: block;
    width:2.7rem;
    height: inherit;
}
.navtab_tit{
    width: 2.3rem;
    height: .36rem;
    padding: 0 .18rem;
    line-height: .36rem;
    color: #0d6fb8;
    font-family: "圆幼";
    font-size: .26rem;
    letter-spacing: .025rem;
    border-left: 1px solid #ccc;
}
.navbar{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
}
.navbar_item{
    position: relative;
    width: 100%;
    height: calc(100vh - 2.38rem);
    padding:.35rem .55rem 0;
    background-color: #f8f9fa;
    overflow-y: scroll;
}
.navbar li{
    width: 100%;
    height: auto;
    border-bottom: .02rem solid #e7e8e9;
}
.navbar li a{
    position: relative;
    display: block;
    width: 100%;
    height: .85rem;
    line-height: .85rem;
    font-size: .26rem;
}
.navbar_list{
    color: #444;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.navbar_menu{
    display: none;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 .25rem;
}
.navbar_menu_list{
    position: relative;
    padding-left:.3rem; 
    color: #666;
}
.navbar_menu_list:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.07rem;
    width: .14rem;
    height: .14rem;
    border: 1px solid #666;
    border-radius: 50%;
}

/*底部菜单*/
.apptab,.indtab_item{
    height: inherit;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.apptab:hover{
    background-color: #4a93c8;
}
.apptab-active{
    background-color: #004693;
}
.apptab-img{
    width: 100%;
    height: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.apptab-txt{
    margin-top: .14rem;
    color: #fff;
    font-size: .25rem;
}
.banner {
    position: relative;
    width: 100%;
    height: auto;
}

.indtab {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width:100%;
    height: 1.95rem;
}
.indtab_item:hover .indtab_txt{
    color: #0d86de;
}
.indtab_img{
    width: 100%;
    height: .65rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.indtab_txt{
    margin-top: .3rem;
    font-size: .28rem;
    color: #333;
}

.com_news , .other_news{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.com_news .container , .other_news .container{
    padding: 0 .25rem;
}
.other_news .container{
    margin: .3rem 0;
}

.sec_tit {
    width: 100%;
    height: .9rem;
    margin: .17rem 0;
    padding: .2rem 0;
    border-bottom: 1px solid #e6e6e6;
}
.sec_tit>p{
    display: block;
    position: relative;
    height:100%;
    padding-left: .32rem;
    line-height: .48rem;
    font-size: .3rem;
    color: #0b6cb2;
    border-left: .12rem solid #0d86de;
}
.sec_more{
    display: block;
    margin-right: .25rem;
    width: .2rem;
    height: 100%;
    background-image: url(../images/more.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.com_news_img {
    width: 100%;
    height: auto;
}
.com_news_img img{
    display: block;
    width: 100%;
}

.com_news_item {
    position: relative;
    width: 100%;
    height: auto;
    margin: .32rem 0;
    overflow: hidden;
}
.com_news_item ul{
    display: table;
    width: calc(100% + 1px);
    height: auto;
}
.com_news_item ul li{
    float: left;
    width: 50%;
    height: 2.3rem;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.com_news_list{
    display: block;
    width: 100%;
    height: 100%;
    padding: .35rem;
}
.com_news_list>p{
    line-height: .6rem;
    font-size: .26rem;
    color: #ababab;
}
.com_news_tit{
    width: 100%;
    height: 1.05rem;
    line-height: .52rem;
    font-size: .3rem;
    color: #333;
    overflow: hidden;
}

.ind_sub {
    width: 100%;
    height: 1.35rem;
    background-image: url(../images/ind_sub.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.other_news_item {
    position: relative;
    width: 100%;
    height: auto;
}
.other_news_item li{
    margin-bottom: .45rem;
}
.other_news_list{
    display: block;
    width: 100%;
    height: auto;
}
.other_news_img{
    width: 2.6rem;
    height: auto;
    margin-right: .3rem;
}
.other_news_img img{
    display: block;
    width: 100%;
}
.other_news_text{
    height: auto;
}
.other_news_text>p{
    line-height: .45rem;
    font-size: .28rem;
    color: #666;
}
.other_news_tit{
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    font-size: .3rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.other_news_txt{
    margin: .1rem 0 .3rem;
    width: 100%;
    height: .82rem;
    line-height: .41rem;
    font-size: .25rem;
    color: #999;
    overflow: hidden;
}

.ind_brand {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: .1rem;
    overflow: hidden;
}
.ind_brand .container{
    position: relative;
    width: calc(100% - .5rem);
    height: auto;
    margin: 0 .25rem;
    overflow: hidden;
}
.ind_brand_item{
    position: relative;
    height: auto;
    padding-bottom: .25rem;
    overflow: hidden;
}
.ind_brand_item li{
    float: left;
    height: auto;
    padding-right: .25rem;
}
.ind_brand_list{
    display: block;
    width: 1.75rem;
    height: auto;
}
.ind_brand_list p{
    line-height: .55rem;
    text-align: center;
    font-size: .27rem;
    color: #333;
}
.ind_brand_img{
    width: 100%;
    height: auto;

}
.ind_brand_list img{
    display: block;
    width: 100%;
    border: 1px solid #d5d5d5;
}



.mesfloat {
    position: fixed;
    right: .25rem;
    bottom: 3rem;
    width: 1rem;
    height: 1rem;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
    background-color: #0d86de;
    background-image: url(../images/float_mes.png);
    background-size: cover;
    z-index: 999999;
}
.mesfloat a{
    display: block;
    width: 100%;
    height: 100%;
}

.hxh_wrap {
    position: relative;
    width: 100%;
    height: auto;
}
.vslider_tit{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .8rem;
}
.vslider_list{
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .3rem;
    background-color: #4a93c8;
    border-right: 1px solid #69a6d1;
}
.vslider_list_active{
    background-color: #0b6cb1;
}

.vslider_wrap {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f6f6f6;
    overflow: hidden;
}
.vslider_item{
    width: 100%;
    height: auto;
    padding: .6rem .25rem .65rem;
}

.hxh_list {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: .25rem;
}
.hxh_img{
    width: 100%;
    height: auto;
}
.hxh_img img{
    display: block;
    width: 100%;
}
.hxh_txt{
    width: 100%;
    height: auto;
    padding: 0 .25rem;
    overflow: hidden;
}
.hxh_txt>p{
    line-height: .55rem;
    color: #141414;
    font-size: .26rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hxh_txt>span{
    line-height: .55rem;
    color: #666;
    font-size: .24rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hxh_date{
    margin: .18rem 0;
    width: 1.15rem;
    height: .85rem;
    border-right: 1px solid #eaeaea;
}
.hxh_date p{
    line-height: .52rem;
    font-size: .57rem;
    font-family: "Euphemia";
    color: #1f1f1f;
}
.hxh_date span{
    display: block;
    margin-top: .08rem;
    font-size: .24rem;
    color: #999;
    line-height: .25rem;
}
.hxh_more{
    position: relative;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    color: #999;
    font-size: .25rem;
    border-top: 1px solid #f2f2f2;
}
.hxh_more:after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.09rem;
    width: .31rem;
    height: .18rem;
    background-image: url(../images/hxh_more.png);
    background-size: contain;
}
.hxh_list:hover .hxh_more{
    color: #0b6cb1;
}

.sec_view {
    position: relative;
    width: 100%;
    height: auto;
    padding: .3rem .45rem;
}
.view_sub{
    width: 100%;
    height: auto;
    border-bottom: .03rem solid #d8d8d8;
}
.view_sub>span{
    display: block;
    width: 100%;
    height: .25rem;
    line-height: .25rem;
    color: #999;
    font-size: .24rem;
    margin-bottom: .3rem;
}
.view_tit{
    display: table;
    width: 100%;
    height: 1.05rem;
    overflow: hidden;
}
.view_tit p{
    display: table-cell;
    color: #141414;
    font-size: .3rem;
    line-height: .5rem;
    vertical-align:middle;
}

.sec_view_item {
    width:100%;
    height: auto;
    padding: .2rem 0;
}
.sec_view_item p{
    line-height: .55rem;
    color: #666;
    font-size: .25rem;
}

.view_page {
    display: flex;
    width: 100%;
    height: 1.4rem;
    padding: 0 .45rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #f6f6f6;
}
.view_pagebtn{
    display: inline-block;
    width: .7rem;
    height: .7rem;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
    background-color: #fff;
    background-size: contain;
}
.view_pagebtn:hover{
    border: 1px solid #0b6cb1;
}
.view_pre{
    background-image: url(../images/pre_icon.png);
}
.view_home{
    background-image: url(../images/list_icon.png);
}
.view_next{
    background-image: url(../images/next_icon.png);
}

.job_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: .15rem;
    padding: .5rem .25rem;
}
.job_block{
    width: 100%;
    height: auto;
}
.job_btn{
    position: relative;
    display: block;
    width: 100%;
    height: .65rem;
    line-height: .65rem;
    padding: 0 .25rem;
    font-size: .26rem;
}
.job_wrap .job_btn{
    color: #fff;
    background-color: #0b6cb2;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.about_wrap .job_btn{
    color: #444;
    background-color: #eeeeee;
    border-bottom: 1px solid #d3d3d3;
}
.job_btn_active{
    position: relative;
    display: block;
    width: 100%;
    height: .65rem;
    line-height: .65rem;
    padding: 0 .25rem;
    color: #fff;
    font-size: .26rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.job_wrap .job_btn_active{
    background-color: #0b6cb2;
}
.about_wrap .job_btn_active{
    background-color: #929292;
}
.job_wrap .job_btn:after{
    content: "";
    position: absolute;
    top: 50%;
    right: .2rem;
    margin-top: -.18rem;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-left-color: #fff;
    border-width: .18rem 0 .18rem .2rem;
}
.about_wrap .job_btn:after{
    content: "";
    position: absolute;
    right: .2rem;
    top: 50%;
    margin-top: -.155rem;
    width: .18rem;
    height: .31rem;
    background-image: url(../images/his_att.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.job_wrap .job_btn_active:after{
    content: "";
    position: absolute;
    top: 50%;
    right: .2rem;
    margin-top: -.1rem;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-top-color: #fff;
    border-width: .2rem .18rem 0 .18rem;
}
.about_wrap .job_btn_active:after{
    content: "";
    position: absolute;
    top: 50%;
    right: .2rem;
    margin-top: -.09rem;
    width: .31rem;
    height: .18rem;
    background-image: url(../images/his_active.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.job_item{
    display: none;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 .15rem;
    margin-bottom: .5rem;
}
.job_item embed, .job_item iframe{width: 100%;}
.about_wrap .job_item{
    padding: .3rem .15rem;
}
.about_wrap .job_item img{
    display: block;
    width: 100%;
}
.about_wrap .job_item p{
    font-size: .24rem;
    line-height: .5rem;
    color: #666;
}
.about_wrap .job_item p>span{
    color: #000;
    font-weight: 600;
}
.job_list{
    position: relative;
    display: block;
    width: 100%;
    height: .88rem;
    line-height:.8rem;
    padding: 0 .45rem 0 .08rem;
    font-size: .26rem;
    color: #777;
    border-bottom: .08rem solid #e8e7e7;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.job_list:after{
    content: "";
    position: absolute;
    right: .1rem;
    top: 50%;
    margin-top: -.155rem;
    width: .18rem;
    height: .31rem;
    background-image: url(../images/arr_right_more.png);
    background-size: contain;
}

.job_view, .job_view_one, .job_view_itme {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.job_view_one{
    margin-bottom: .25rem;
}
.job_view_itme{
    padding: .1rem .35rem .2rem;
}
.job_view_itme p{
    line-height: .62rem;
    font-size: .29rem;
    color: #777;
}
.job_view_itme p span{
    color: #333;
}
.job_view_tit{
    width: 100%;
    height: auto;
    padding: .1rem .35rem 0;
    border-bottom: 1px solid #dfdfdf;
}
.job_view_tit>p{
    display: block;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: .35rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.job_view_tit>span{
    display: block;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    color: #e51521;
    font-size: .31rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.job_view_marks{
    display: flex;
    width: 100%;
    height: .95rem;
    align-items: center;
    justify-content: space-between;
    color: #999;
    font-size: .26rem;
}

.job_view_twotit {
    width: 100%;
    height: .95rem;
    line-height: .95rem;
    padding: 0 .35rem;
    font-size: .29rem;
    color: #1e1e1e;
    border-bottom: 1px solid #dfdfdf;
}
.job_view_depict{
    width: 100%;
    height: auto;
    padding: .15rem .35rem .5rem;
    line-height: .55rem;
    color: #777;
    font-size: .24rem;
}

.sec_sub {
    width: 100%;
    height: auto;
    margin:.5rem 0 .35rem;
}
.sec_sub>p{
    display: block;
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    color: #333;
    font-size: .3rem;
}
.sec_sub>p>span{
    color: #e80000;
}
.sec_sub>span{
    font-size: .32rem;
    color: #ccc;
}

.about_coop_item {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    height: auto;
}
.about_coop_w{
    width: 33.3333%;
    height: auto;
    padding: 0 .3rem;
}
.about_coop_list{
    position: relative;
    margin-bottom: .5rem;
    width: 100%;
    height: auto;
    border: 1px solid #b6b4b5;
    box-shadow: -.01rem .05rem .13rem #00000047;
}
.about_coop_list:before {
    content: "";
    position: absolute;
    top:-0.02rem;
    right:-.12rem;
    width: 0;
    height: calc(100% - .16rem);
    border-color: transparent;
    border-style: solid;
    border-left-color: #b6b4b5;
    border-width: .1rem 0 .1rem .1rem;
}
.about_coop_list:after {
    content: "";
    position: absolute;
    top:-0.02rem;
    left:-.12rem;
    width: 0;
    height: calc(100% - .16rem);
    border-color: transparent;
    border-style: solid;
    border-right-color: #b6b4b5;
    border-width: .1rem .1rem .1rem 0;
}
.about_coop_w:nth-child(2n) .about_coop_list{
    margin-top: .5rem;
}


.honor_wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.hslider_tit{
    width: 100%;
    height: 1.1rem;
    border-top: .15rem solid #f6f6f8;
    border-bottom: .15rem solid #f6f6f8;
}
.hslider_tit .swiper-wrapper{
    height: 100%;
}
.hslider_list{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: 100%;
    color:#777;
    font-size:.3rem;
    border-right: 1px solid #e7e7e7;
}
.hslider_list_active{
    color: #e51421;
}

.hslider_wrap {
    position: relative;
    width: 100%;
    height: auto;
}
.hslider_item{
    display: table;
    position: relative;
    width: 100%;
    height: auto;
    padding: .5rem .15rem;
}
.hslider_item li{
    float: left;
    width: 50%;
    height: auto;
    padding: 0 .3rem;
    margin-bottom: .2rem;
}
.honor_img{
    width: 100%;
    height: auto;
}
.honor_img img{
    display: block;
    width: 100%;
}
.honor_txt{
    width: 100%;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .25rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.new_list {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: .45rem;
}
.news_img{
    width: 2.6rem;
    height: auto;
    margin-right: .3rem;
}
.news_img img{
    display: block;
    width: 100%;
}
.news_txt{
    position: relative;
    height: auto;
    overflow: hidden;
}
.news_tit{
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    font-size: .3rem;
    margin-bottom: .08rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_text{
    width: 100%;
    height: .82rem;
    line-height: .41rem;
    overflow: hidden;
    font-size: .25rem;
    color: #999;
    margin-bottom: .27rem;
}
.news_txt>span{
    display: block;
    line-height: .45rem;
    font-size: .28rem;
    color: #666;
}

.order_wrap {
    position: relative;
    width: 100%;
    height: auto;
    padding: .25rem .4rem;
}
.order_tit{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.15rem;
    line-height: 1.15rem;
    text-align: center;
    color: .36rem;
    color: #333;
}
.order_tit img, .order_tit p{
    display: inline-block;
}
.order_list{
    margin-top: -1px;
    width: 100%;
    height: auto;
    padding: 0 .4rem;
    border: 1px solid #ccc;
    border-radius: .05rem;
}
.order_listimg{
    float: left;
    display: flex;
    width: .35rem;
    height: 1.15rem;
    align-items: center;
    margin-right: .1rem;
}
.order_listimg img{
    display: block;
    width: 100%;
}

.order_frame {
    position: relative;
    height: auto;
    overflow: hidden;
}
.order_inp{
    width: 100%;
    height: 1.15rem;
    padding: 0 .2rem;
    color: #a9a9a9;
    font-size: .28rem;
    line-height: 1.15rem;
}
.w350{width: 3.5rem;}


.order_txt {
    width: 100%;
    height: 2.6rem;
    padding: 0 .2rem;
    color: #a9a9a9;
    font-size: .28rem;
    line-height: 1.15rem;
}

.order_btn {
    width: 100%;
    height: .8rem;
    text-align: center;
    font-size: .34rem;
    color: #fff;
    margin: .6rem 0;
    border-radius: .05rem;
    background-color: #0b6cb2;
}

#changeImg {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.15rem;
}
.show-captcha{
    width: 100%;
}

.ygfc_item, .service_item{
    position: relative;
    width: 100%;
    height: auto;
    padding: .6rem .25rem;
}
.ygfc_list{
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    margin-bottom: .25rem;
}
.ygfc_img{
    width: 100%;
    height: auto;
}
.ygfc_img img{
    display: block;
    width: 100%;
}
.ygfc_txt{
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    color: #141414;
    font-size: .3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#yzm {
    font-family: "Courier";
    font-weight: 600;
    font-style: italic;
    letter-spacing: .1rem;
    font-size: .5rem;
    color: #000;
}

.network_wrap {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.network_tab{
    width: 100%;
    height: .8rem;
}
.network_tabbar{
    float: left;
    display: block;
    width: 33.3333%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    font-size: .3rem;
    border-right: 1px solid #69a6d1;
    background-color: #4a93c8;
}
.network_tabbar_active{
    border-right: 1px solid #fff;
    background-color: #0b6cb1;
}

.network_item, .network_place_item{
    position: relative;
    width: 100%;
    height: auto;
}
.network_place, .proview_item{
    position: relative;
    width: 100%;
    height: auto;
    padding: .15rem .25rem .4rem;
    border-top: .25rem solid #ececec;
    border-bottom: .25rem solid #ececec;
    background-color: #fff;
}
.network_num{
    position: relative;
    width: 100%;
    height: .5rem;
    line-height: .3rem;
    padding: .1rem .25rem;
    color: #0b6cb1;
    font-size: .26rem;
    border-bottom: 1px solid #e1e1e1;
}
.network_num:before{
    content: "";
    position: absolute;
    left: .05rem;
    top: .1;
    width: .05rem;
    height: .3rem;
    border-right: .05rem solid #0b6cb1;
}
.network_num span{
    color: #535353;
}
.network_place_item{
    counter-reset: newxh;
}
.network_placelist{
    position: relative;
    display: block;
    width: 100%;
    height: 1.4rem;
    padding: .1rem .6rem;
    color: #666;
    font-size: .26rem;
    border-bottom: 1px solid #e1e1e1;
}
.network_placelist:active{
    color: #0b6cb1;
}
.network_placelist:before{
    counter-increment: newxh;
    content: counter(newxh);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.17rem;
    width: .34rem;
    height: .34rem;
    color: #fff;
    font-size: .24rem;
    text-align: center;
    line-height: .34rem;
    border-radius: 50%;
    background-color: #bbbbbb;
}
.network_placelist:active:before{
    background-color: #0b6cb1;
}
.network_placelist:after{
    content: "";
    position: absolute;
    right: .05rem;
    top: 50%;
    margin-top: -.22rem;
    width: .44rem;
    height: .44rem;
    background-image: url(../images/net_att.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.network_placelist:active:after{
    background-position: bottom;
}
.network_place_item p{
    display: block;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    font-size: .26rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pro_wrap {
    position: relative;
    width: 100%;
    height: auto;
    padding: .25rem .5rem;
    overflow: hidden;
    margin-bottom: .2rem;
}
.pro_item{
    position: relative;
    display: table;
    width: calc(100% + .6rem);
    height: auto;
}
.pro_list{
    float: left;
    display: inline-block;
    width: 50%;
    height: auto;
    margin-top: .2rem;
    padding-right: .6rem;
}
.pro_img{
    width: 100%;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}
.pro_img img{
    display: block;
    width: 100%;
}
.pro_txt{
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .28rem;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.proview_brand {
    width: 100%;
    height: .9rem;
    margin: .25rem 0 0;
    
}
.proview_brand img{
    display: block;
    height: 100%;
}

.proview_list {
    position: relative;
    width: 100%;
    height: auto;
    padding: .35rem 0 .2rem;
    border-top: .02rem solid #e3e3e3;
}
.proview_img{
    width: 100%;
    height: auto;
    border: .15rem solid #e8e8e8;
    overflow: hidden;
}
.proview_img img{
    display: block;
    width: 100%;
}
.proview_txt{
    width: 100%;
    height: auto;
    padding: .15rem;
}
.proview_txt p{
    line-height: .6rem;
    color: #666;
    font-size: .26rem;
}
.proview_txt p:first-child{
    color: #444;
}

.contact_wrap {
    width: 100%;
    height: 100%;
    background-color: #eee;
    overflow: hidden;
}
.hotline{
    display: block;
    padding: .5rem 0;
    width: 100%;
    height: 1.65rem;
    display: flex;
    justify-content: center;
    flex-direction: row;
    background-color: #fff;
}
.hotline_icon{
    margin-right: .2rem;
    width: .65rem;
    height: .65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .48rem;
    border-radius: .1rem;
    background-color: #dc0000;
}
.hotline_txt span{
    display: block;
    font-size: .2rem;
    color: #999;
}
.hotline_txt p{
    display: block;
    margin-top: .12rem;
    color: #dc0000;
    font-size: .34rem;
}

.contact_item {
    width: 100%;
    height: auto;
    padding: .2rem .25rem;
}
.contact_list{
    width: 100%;
    height: .8rem;
    line-height: .5rem;
    padding: .15rem .07rem;
    border-bottom: 1px solid #d5d5d5;
}
.contact_list span{
    display: block;
    float: left;
    margin-right: .26rem;
    width: .5rem;
    height: .5rem;
    font-size: .26rem;
    color: #fff;
    line-height: .5rem;
    text-align: center;
    border-radius: 50%;
    background-color: #7d7d7d;
}

.service_tit {
    width: 100%;
    height: 1.25rem;
    margin-bottom: .15rem;
    background-color: #ebeaea;
}
.service_logo{
    width: 1.65rem;
    height: 100%;
    background-image: url(../images/service_logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.service_tit_txt{
    position: relative;
    overflow: hidden;
    height: 100%;
    line-height: 1.25rem;
    color: #333333;
    font-size: .34rem;
    padding: 0 .3rem;
}

.store_item {
    position: relative;
    width: 100%;
    height: auto;
}
.store_list{
    width: 100%;
    height: auto;
    padding: .35rem .3rem .25rem;
    border-bottom: 1px solid #ececec;
}
.store_list p{
    line-height: .6rem;
    color: #333;
    font-size: .28rem;
}
.store_list span{
    color: #cc0000;
}

.job_class {
    position: relative;
    width: 100%;
    height: auto;
    padding:.5rem .25rem 0;
    overflow: hidden;
}
.job_classbtn{
    float: left;
    display: block;
    margin-right: .5rem;
    padding: .2rem 0;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    color: #fff;
    font-size: .24rem;
    font-family: "黑体";
    font-weight: bold;
    background-color: #4a93c8;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.job_classbtn:hover, .job_classbtn_active{
    padding: .1rem 0;
    color: #000;
    border: .1rem solid #e6e6e6;
    background-color: #fff;
}
.job_classimg{
    margin: 0 auto;
    width: .73rem;
    height: 0.65rem;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.job_classbtn:hover .job_classimg, .job_classbtn_active .job_classimg{
    background-position: bottom center;
}
.job_society{background-image: url(../images/job_society.png)}
.job_scholl{background-image: url(../images/job_scholl.png)}

.job_welcome {
    position: relative;
    overflow: hidden;
    height: 1.5rem;
    color: #fff;
    font-size: .24rem;
    font-family: "黑体";
    text-align: center;
    line-height: 1.5rem;
    background-color: #4a93c8;
    background-image: url(../images/job_welcome.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.job_box {
    position: relative;
    width: 100%;
    height: auto;
}

.job_applied {
    position: relative;
    width: 100%;
    height: auto;
}
.job_applied_list{
    width: 100%;
    height: auto;
    margin-bottom: .3rem;
}
.job_applied_list span{
    float: left;
    display: block;
    position: relative;
    width: 2rem;
    height: .6rem;
    padding-right: .25rem;
    line-height: .6rem;
    font-size: .3rem;
    color: #666;
    text-align: right;
}
.job_applied_list span:after{
    content: "*";
    position: absolute;
    top: 0;
    right: 0;
    width: .25rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    color: #f00;
    font-size: .3rem;
}
.job_applied_inp,.job_applied_txt{
    width: 100%;
    height: .6rem;
    padding: 0 .2rem;
    line-height: .6rem;
    color: #666;
    font-size: .3rem;
    border: 1px solid #5f8bb4;
    overflow: hidden;
}
input[type="radio"]{
    width: auto;
    appearance: radio;
    -moz-appearance: radio;
    -webkit-appearance: radio;
}
.job_applied_list label{
    width: 30px;
    height: 40px;
    color: #666;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.job_applied_btnlist {
    width: 100%;
    height: auto;
    margin-top: .5rem;
    text-align: center;
    overflow: hidden;
}
.job_applied_btn{
    width: 1.5rem;
    height: .5rem;
    color: #fff;
    font-size: .28rem;
    border-radius: .1rem;
    background-color: #277ec5;
}
.job_applied_btn[type="submit"]{
    margin-right: .75rem;
}

.send_tab {
    float: left;
    display: flex;
    width: 1.2rem;
    height: 1.2rem;
    padding: .1rem 0;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #eaebec;
}
.send_img{
    width: .68rem;
    height: .68rem;
}
.send_img img{
    display: block;
    width: 100%;
}
.send_txt{
    font-size: .24rem;
}

.send_btn {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
    line-height: 1.2rem;
    text-align: center;
    font-size: .3rem;
    color: #fff;
    background-color: #ff552e;
}