.m-banner{display:none}

.banner{width:100%;height:378px;background-color:#194186;background-image:url(../images/recruitment_details_banner.jpg);position:relative;background-size:cover;background-repeat:no-repeat;background-position:top center}



.position{width:1280px;margin:0 auto}
.position *{max-width:100% !important;box-sizing:border-box !important;-webkit-box-sizing:border-box !important;word-wrap:break-word !important}
.position a{color:#1a6ed4;transition:all .28s linear;-moz-transition:all .28s linear;-webkit-transition:all .28s linear;-o-transition:all .28s linear}

.position img{max-width:100%;height:auto;display:block;margin:0px auto}
.position table{text-align:center;max-width:100%;margin:18px auto}
.position table td>span{word-break:break-word}
.position table p{text-indent:0em}
.position h2,.position h3,.position h4,.position h5,.position h6{font-weight:bold}
.default{line-height:1.875;font-size:16px;color:#333}
.position::after{content:'';display:block;width:0;height:0;float:none;clear:both}
.position .left{width:869px;float:left;border-right:1px solid #ededed}
.position .left .tab{width:100%;height:68px}

.position .left .tab .webAdd{width:1280px;margin:0 auto;font-size:12px;color:#333;line-height:68px}

.position .left .tab .webAdd a{color:#333}

.position .left .phoneCheck{width:132px;height:36px;background-color:#edeff2;border-radius:18px;font-size:14px;font-weight:bold;line-height:20px;color:#0d386b;text-align:center;margin-top:30px;float:right;margin-right:48px;cursor:pointer;position:relative}
.position .left .phoneCheck:hover{background-color:rgb(222,222,222)}
.position .left .phoneCheck:after{content:'';display:block;width:0;height:0;float:none;clear:both}
.position .left .phoneCheck img{width:12px;margin-top:8px;margin-right:10px;display:inline-block}
.position .left .phoneCheck .img{width:0px;height:0px;border-radius:14px;background-color:white;box-shadow:0px 10px 30px 0px rgba(0,0,0,0.2);position:absolute;top:50px;left:0px;opacity:0;transition:.2s}
.position .left .phoneCheck:hover .img{width:148px;height:132px;border-radius:14px;background-color:white;box-shadow:0px 10px 30px 0px rgba(0,0,0,0.2);position:absolute;top:50px;left:0px;opacity:1}
.position .left .phoneCheck .img canvas{width:calc(100% - 28px);/* height:calc(100% - 24px);*/
  margin:0 auto;display:block;padding-top:14px}

.position .left .phoneCheck img{width:12px;margin-top:8px;margin-right:10px}
.position .left .time{font-size:18px;font-weight:bold;line-height:18px;color:#1a6ed4;margin-top:30px}
.position .left .title{font-size:36px;font-weight:bold;line-height:36px;color:#0d386b;margin-top:27px}
.position .left .position-class{margin-top:52px}
.position .left .position-class::after{content:'';display:block;width:0;height:0;float:none;clear:both}
.position .left .position-class ul li{width:350px;float:left;font-size:15px;line-height:15px;color:#333;margin-bottom:33px}
.position .left>.line{width:100%;height:1px;background-color:#ededed;margin-top:16px}
.position .left .position-describe{font-size:16px;font-weight:bold;line-height:16px;color:#333;margin-top:74px}
.position .left .position-describe-p{font-size:16px;line-height:30px;color:#333;margin-top:30px;width:calc(100% - 60px)}
.position .left .post-require{font-size:16px;font-weight:bold;line-height:16px;color:#333;margin-top:76px}
.position .left .post-require-p{font-size:16px;line-height:30px;color:#333;margin-top:30px;width:calc(100% - 60px)}

.position .left .contact-box{width:calc(100% - 60px);margin-top:95px;padding:50px 54px 39px 45px;background-color:#f7f7f7}
.position .left .contact-box::after{content:'';display:block;width:0;height:0;float:none;clear:both}
.position .left .contact-box .h3{font-size:20px;font-weight:bold;line-height:20px;color:#333}
.position .left .contact-box .p{font-size:15px;line-height:30px;color:#333;margin-top:16px}
.position .left .contact-box .line{width:100%;height:1px;background-color:#e3e3e3;margin-top:27px}
.position .left .contact-box .e-mail{width:312px;float:left;margin-top:29px;font-size:15px;line-height:15px;color:#333}
.position .left .contact-box .e-mail span{font-weight:bold;display:block;margin-top:16px}
.position .left .contact-box .contact{width:312px;float:left;margin-top:29px;font-size:15px;line-height:15px;color:#333}
.position .left .contact-box .contact span{font-weight:bold;display:block;margin-top:16px}


.position .right{float:right;width:290px;margin-top:94px}
.position .right .title{font-size:24px;font-weight:bold;line-height:24px;color:#333;/* margin-bottom:52px;*/}
.position .right ul{margin-top:37px}
.position .right ul li{width:calc(100% - 27px);background-color:#f2f2f2;border-radius:14px;padding-left:27px;padding-top:31px;padding-bottom:26px;margin-bottom:14px;cursor:pointer}
.position .right ul li:hover{background-color:#dedede}
.position .right ul li a{width:100%;height:100%;display:block}
.position .right ul li a .h4{font-size:18px;line-height:18px;font-weight:bold;color:#0d386b}
.position .right ul li a .category{font-size:14px;line-height:14px;font-weight:bold;color:#1a6ed4;margin-top:17px}
.position .right .button{width:178px;height:48px;background-color:#1a6ed4;border-radius:8px;margin-top:29px}
.position .right .button:hover{opacity:0.8}
.position .right .button a{width:100%;height:100%;display:block;font-size:14px;font-weight:bold;color:white;text-align:center;line-height:48px}




/* 
.bottom{margin-top:-177px} */

@media screen and (max-width:1024px){.banner{display:none}
 .m-banner{display:block;width:100%;height:66.66vw;background-color:#194186;background-image: url(../images/m_recruitment_details_banner.jpg);position:relative;background-size:cover;background-repeat:no-repeat;background-position:top center;overflow:hidden}
 .position{width:90%;margin:0 auto;margin-bottom:6rem}
 .position .left{width:100%;border-right:0}
 .position .left .phoneCheck{display:none}
 .position .left .time{font-size:1.6rem;line-height:1.6rem;color:#1a6ed4;margin-top:0}
 .position .left .title{font-size:2.4rem;line-height:3.2rem;margin-top:2rem}
 .position .left .position-class{margin-top:3rem}
 .position .left .position-class ul li{width:100%;font-size:1.4rem;line-height:1.4rem;margin-bottom:1.4rem}
 .position .left .position-describe{font-size:1.6rem;line-height:1.6rem;margin-top:3rem}
 .position .left .position-describe-p{font-size:1.6rem;line-height:2.8rem;margin-top:3rem;width:100%}
 .position .left .post-require{font-size:1.6rem;line-height:1.6rem;margin-top:3rem}
 .position .left .post-require-p{font-size:1.6rem;line-height:2.8rem;margin-top:3rem;width:100%}
 .position .left .contact-box{width:100%;margin-top:95px;padding:4rem 2rem;background-color:#f7f7f7}
 .position .right{display:none}}