/*通用css */
:root{
    --header-height:650px;
    --header-nav-height:80px;
    --content-width:1190px;
    --logo-width:170px;
}
*{margin:0;padding: 0}
html,body{min-width: 1200px;}
body{font-family:Microsoft YaHei,Helvetica,Arial,sans-serif}
img{max-width: 100%}
a{text-decoration: none;color: inherit}
.mar-top-20{margin-top: 20px}
.mar-top-10{margin-top: 10px}
.mar-top-5{margin-top: 5px}
.mar-top-30{margin-top: 30px}
.flex-row-cc{display: flex;flex-direction: row;justify-content: center;align-items: center}
.flex-column-cc{display: flex;flex-direction: column;justify-content: center;align-items: center}
.nav,.content-wrapper{width: var(--content-width);margin:0 auto;}
.pos-abs-full{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.main-wrapper{width: 100%;height: auto;}
/*头部导航菜单*/
.nav-wrapper{width: 100%;height:var(--header-nav-height) ;background-color:rgb(0 0 0 / 16%);}
.nav{height:100%;}
.logo{width: var(--logo-width); }
.menu-wrapper{margin-left: 130px;flex-grow: 1;}
.menu li{height:77px;font-size: 18px;color:#ffffff;flex-grow: 1;list-style: none}
.menu li.active{border-bottom: 3px solid #39d3ff;color: #39d3ff}
/*footer*/
.footer{width: 100%;min-height: 250px;height: auto;background-color: black;color:white;margin-top: 20px;font-size: 13px}
.footer p{display: flex;flex-direction: row;justify-content: center;align-items: center}
.footer-logo{width: 160px;}
.footer-xuanchuan img {margin-right: 5px}
.footer-xuanchuan span {margin-right: 10px}
/*index 通用栏目 */
.index-column-title{font-size: 30px;font-weight:bold;color:#333333;margin-bottom: 10px;}
.index-column-child-title{font-size: 18px;color:#5e5d5d;margin-bottom: 25px;}
/*index header背景图片*/
.index-header{width: 100%;height: var(--header-height);background-image: url("../imgs/index_banner_01.png");background-position: 50%;background-repeat: no-repeat;background-size:cover}
/*index 关于我们 新闻 加入我们*/
.index-about-us,.index-recent-info,.index-join-us,.aboutUs-company-env{width: 100%;margin:30px 0 10px 0;display: flex;flex-direction: column;justify-content: flex-start;align-items: center}
/*index 最新动态*/
.index-news-item-wrapper{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center}
.index-news-item{width:31%;height: 295px;background-color: #efefef;border-radius: 5px;}
.index-news-img{width: 96%;margin:2% auto;}
.index-news-intro{width: 90%;margin:0 auto;}
.index-news-intro-title{color: #033280;font-size: 18px;}
.index-news-intro-summary{color: #333333;font-size: 13px;margin-top: 8px;width: 100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.index-news-intro-date{text-align: right;color: #333333;font-size: 13px;margin-top: 15px}
/*news-list page*/
.news-items{width: 100%;min-height: 740px;height:auto;background-color: #efefef;justify-content: flex-start;padding-bottom: 20px;}
.news-item{width: 97%;height: 165px;margin:20px 0 0 0;justify-content: flex-start;background-color: white;border-radius: 10px;}
.news-intro-img{width: 300px;margin-left: 2px}
.news-detail{margin-left:20px;justify-content: flex-start;align-items:flex-start;flex-grow: 1;margin-right:10px;height: 100%}
.news-detail-title{font-size: 25px;margin:30px 0 15px 0;font-weight: bold}
.news-detail-date{text-indent: 2px;font-size: 15px;color:#0a438a;margin-bottom: 15px;}
.news-detail-summary{font-size: 15px;letter-spacing:1px;color:gray;line-height: 20px;height:40px;overflow:hidden;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
/*news-detail page*/
.newsDetail-back{align-self: flex-end;margin:10px 15px 0 0;color:#0a438a;font-size: 16px;}
.newsDetail-title{margin-top:20px;font-size: 27px;}
.newsDetail-date{margin-top:10px;font-size: 16px;color:#0a438a;}
.newsDetail-content{text-indent: 30px;letter-spacing: 1.5px;line-height:18px;align-self:flex-start;font-size: 16px;width: 90%;margin:10px auto 0 auto;}

/*join us 招聘岗位*/
.joinUs,.contactUs-phone{align-items: flex-start;margin-top: 30px;}
.joinUs-title-line{width: 5px;height: 50px;background-color:#40a3e2 ;display: inline-block}
.joinUs-fuli{border-bottom: 2px solid #3a353521;padding-bottom: 35px;margin-top: 50px;width: 100%;justify-content: flex-start}
.joinUs-fuli-item{width: 20%}
.joinUs-fuli-item img{width: 35px;height: 38px;}
.joinUs-fuli-item span{margin-top: 25px;font-size: 25px;color:#3f586e}
.joinUs-jobs{margin-top: 15px;border-radius: 5px;width: 100%;min-height: 740px;height:auto;background-color: #efefef;justify-content: flex-start;padding-bottom: 20px;}
.joinUs-job-item{justify-content: flex-start;align-items: flex-start;width: 98%;min-height: 150px;height:auto;margin:0 auto;border-bottom: 1px solid #3a353521;padding-bottom: 15px}
.joinUs-job-item-title{color:#4278a8;font-size: 25px;margin:30px 0 30px 15px;}
.joinUs-job-item-need,.joinUs-job-item-title{margin-left: 15px;}
.joinUs-job-item-need{margin-top: 20px;}
.joinUs-job-item-need-title{margin-bottom:10px;font-size: 19px;}
.joinUs-job-item-need-summary span{line-height: 20px;font-size: 15px;color:gray;align-self: flex-start;margin-left: 10px;}
.joinUs-job-item-date{align-self: flex-end;margin: 15px 15px 0 0;font-size: 15px;color:gray}
/*关于我们*/
.aboutUs{width: 100%;justify-content: flex-start;align-items: flex-start;}
.aboutUs-company-intro{justify-content: space-between;margin-top: 30px;border-bottom: 2px solid #3a353521;padding-bottom: 40px}
.aboutUs-company-intro-content{width: 50%;justify-content: flex-start;align-items: flex-start}
.aboutUs-company-env-imgs{justify-content: space-between;width: 100%}
.aboutUs-company-env-imgs-item{width: 330px;padding:8px;background-color: #efefef;border-radius: 5px;}

/*联系我们*/
.contactUs-addr{width: 100%;justify-content: space-between;margin-top: 35px;border-bottom:2px solid #efefef;padding-bottom: 30px;}
.contactUs-addr-info{width: 50%;align-items: flex-start}
.contactUs-addr-info-item{margin-top: 30px;width: 100%}
.contactUs-addr-info-item .name1{font-size: 25px;}
.contactUs-addr-info-item .name2{align-self: flex-end;color:gray;font-size: 15px;margin-left: 10px;}
.contactUs-addr-info-item .line{width: 23%;height: 5px;background-color: #bababa;margin-top: 8px}
.contactUs-addr-info-item .detail{margin-top: 20px;color: #0a438a}
.contactUs-phone-items{margin-top: 50px;justify-content: space-between;width: 100%}
.contactUs-phone-item{width:280px;padding:15px 15px 25px 15px;border-radius: 5px;border-top:4px solid #76cdea;border-bottom:4px solid #76cdea; border-left:3px solid #efefef;border-right: 3px solid #efefef}
.contactUs-phone-item .title{color:#108ad1;font-size: 20px;margin-bottom: 10px;}
.contactUs-phone-item span{align-self: flex-start;margin-top: 10px;color:grey}