/* base.css */
html,body,div,p,h1,h2,h3,ul,li,img{
    margin: 0;
    padding: 0;
}
body {
    font-family: "Microsoft Yahei";
}
ul,li{
    list-style: none;
}
a {
    text-decoration: none;
    outline:none;
}
a:focus {
    outline:none;
}
img {
    border:none;
}
input{min-width:10%;}


/*强制横向排列*/
.disp_r{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;}
/*强制纵向排列*/
.disp_c{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;}
/*设置的节点自动占满剩余的空间*/
.flex1{flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;}
.flex2{flex:2;-webkit-flex:2;-moz-flex:2;-ms-flex:2;}
.flex3{flex:3;-webkit-flex:3;-moz-flex:3;-ms-flex:3;}

/*子节点居住*/
.jus_center{justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;}
/*子节点两边置顶 中间平均分配*/
.jus_between{justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;}
/*子节点剩余空间平均分配*/
.jus_around{justify-content:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;}
/*横---反向排列*/
.flex_r{flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;}
/*纵---反向排列*/
.flex_c{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;-o-flex-direction:column-reverse;}
/*换行*/
.flex_w{flex-wrap:wrap;-webkit-flex-wrap:wrap;  -moz-flex-wrap:wrap;-ms-flex-wrap:wrap;}

/*底部弹框*/
.alert_all{position:fixed;bottom:3%;width:100%;display:none;pointer-events:none;z-index:999;}
.alert_content{box-shadow:0px 0px 15px #efefef;max-width:85%;background:rgba(0,0,0,0.6);padding:8px 10px;border-radius:5px;text-align:center;margin:0 auto;color:#fff;font-size:1rem;}
.loading_content{position:absolute;height:100%;width:100%;left:0;top:0;background:rgba(0,0,0,0.1);}
/* end */

/*微信提醒*/
.prompt{width:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.3);height:100%;display:none;}
.prompt img{width:100%;}

/*css变量测试*/
:root{
  --bgColor: #00BF94; /*默认颜色*/
  --bgColor0: #fff;
  --bgColor1: #EAFFEC;
  --bgColor2: #FFEDE9;
  --bgColor3: #FFF1F0;
  --bgColor4: #1e9fff;

  --font12:12px;
  --font13:13px;
  --font14:14px;
  --font15:15px;
  --font16:16px;
  --font17:17px;
  --font18:18px;
  --font19:19px;
  --font20:20px;

  --btns:font-size:120px;

  /*滚动条*/
  --arrow_color:#ddd;/*上下箭头*/
  --track_color:#ddd;/*底层背景色*/
  --face_color:#f1f1f1;/*滚动条前景色*/
  --Shadow_color:#1589ce;/*滚动条边线色*/
  --thumb_color:#2F3541;/*滚动条边线色*/

  --box-shadow-color:rgba(0,0,0,0.35);
}

/*IE滚动条颜色设置*/
body {
    scrollbar-arrow-color:var(--arrow_color);  /*上下箭头*/
    scrollbar-track-color:var(--track_color);  /*底层背景色*/
    scrollbar-face-color:var(--face_color);   /*滚动条前景色*/
    scrollbar-Shadow-color:var(--Shadow_color); /*滚动条边线色*/

}
/*chrome滚动条颜色设置*/
body::-webkit-scrollbar {width:10px; height:10px; background-color:transparent;position:fixed;top:0;right:0px;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
body::-webkit-scrollbar-track {background-color:var(--face_color); border-radius:10px; -webkit-box-shadow:inset 0 0 6px var(--box-shadow-color);} /*定义滚动条轨道 内阴影+圆角*/
body::-webkit-scrollbar-thumb {background-color:var(--track_color); border-radius:10px; -webkit-box-shadow:inset 0 0 6px var(--box-shadow-color);}

/*pc端*/
body{font-size:15px;}
var{font-style:normal;}
.container_pc{width:100%;max-width:1920px;margin:0 auto;position:relative;overflow-x:hidden;}
.container_top{width:100%;position:relative;}
.content_company,.header_title,.content_recruitment,.content_environment,.container_footer,.content_dute,.yewu_box,.container_footer,.content_about{max-width:1240px;margin:0 auto;position:relative;padding:0 2%;}
.header_title {height:80px;padding:0 2%;}
/* .header_title .title_logo{width:28%;min-width:170px;} */
/* .header_title .title_logo img{height:100%;} */
.header_title .banner{width:100%;position:relative;}
.header_title .banner .banner_img,.banner img{width:100%;font-size: 0;}

.header_title .title_nav{position:relative;}
.header_title .title_nav .nav{padding:0 20px;cursor:pointer;margin-right:0.5vw;font-size:15px;line-height:20px;}
.header_title .title_nav .nav a{color:#fff;}
.change_style .header_title .title_nav .nav a{color:#666;font-weight: 500;}
/* .header_title .title_nav .nav.active{color:#283890;} */
.header_title .title_nav .nav.active a{color:#fff;font-weight: 400;display: inline-block;height: 100%;margin-top: -4px;line-height: 88px;border-bottom: 4px solid #fff;}
.change_style .header_title .title_nav .nav.active a{color:#666;font-weight: 400;display: inline-block;height: 100%;margin-top: -3px;line-height: 89px;border-bottom: 4px solid rgb(253,102,8);}
.change_style .header_title .title_nav .nav:hover a{color: #000 !important;font-weight: 700;}

/* .banner{padding-top: 80px;} */
.div_fixed{position: fixed;left: 0;right: 0;z-index: 999;transition: all 0.8s;}
.change_style{background-color: #fff;border-bottom: 1px solid #eee;}

#vueBox{width:100%;position:relative;}
/*头部*/
.container_mobile{width:100%;position:relative;}
.container_mobile img{width:100%;pointer-events:none;}
.m_header{padding:0.6rem 0.7rem;background:#fff;}
.m_header .m_header_img{width:70%;}
.m_header_text{width:1.3rem;}
.m_banner{width:100%;position:relative;}
/*移动导航栏*/
.container_mobile .wap-ju-nav{width:auto;background:#3d4045;position:fixed;top:0px;right:0px;color:#fff;display:none;}
.container_mobile .wap-ju-nav ul{padding:0.75rem;line-height:1.5rem;font-size:0.75rem;}
.container_mobile .wap-ju-nav ul li span{color:#fff;padding-right:1rem;}
.container_mobile .wap-ju-nav ul li .icon-mjiantou-copy:before{color:#fff;font-size:0.65rem;}
/*移动底部*/
.m_footer{width:100%;background:#0A2140;color:#fff;font-size:0.7rem;line-height:1.2rem;padding-bottom:0px;}
.m_footer .m_footer_top {padding:0.7rem;width:100%;}
.m_footer .m_footer_top .left{padding-right:0.5rem;}
.m_footer .m_footer_top .left span ,.m_footer .m_footer_top .right span{font-size:0.75rem;}
.m_footer .m_footer_top .left p{color:#999;}
.m_footer .m_footer_top .right a{color:#fff;font-size:0.7rem;line-height:1.4rem;}

.m_footer_bottom{width:100%;font-size:0.6rem;color:#999;padding:0.4rem 0;border-top:1px solid #34332B;text-align:center;}

/*pc底部*/

.footer{width:100%;position:relative;background:#0A2140;}
.footer_bottom{padding:15px 0;background-color: #061B36;}
.footer_bottom p{font-size:13px;color:#646463;text-align:center;}

.footer_top{width:100%;font-size:14px;color:#929291;min-height:88px;margin:0 auto;}
.top_box{min-width:300px;padding:0 10px;}
.footer_top .ico{width:20px;margin:0 5px;}
.footer_top .ico img{width:100%;}
.footer_top .tele_phone, .footer_top .e_mails{font-size:16px;color:#fff;padding-left:0px;}


.container_footer .footer_top{padding:2% 4%;}

.container_footer .topBox ul li{line-height:24px;}
.container_footer .topBox ul li{font-size:14px;color:#fff;}
.container_footer .topBox ul li a{color:#fff;font-size:18px;}

.container_footer .topBox ul .images{width:100%;}
.container_footer .topBox ul .images img{width:90px;}