.maincolor{color:#8A8A8A; /*文字*/color:#494949; /*重文字*/color:#333/*特重文字*/color：#D40A26/*主色调*/ color：#DDD; /*边框*/color:#F0F0F0; /*背景*/}

.videoicon a .img_container:after{content: '';position: absolute;left: 0; top:0; right: 0; bottom:0;  background:#D40A26; opacity: 0;transition: opacity .5s linear;}
.videoicon a .img_container:before{content: '';position: absolute;left: 0; top:0; right: 0; bottom:0; z-index: 1; background:url(../image/video01.png) no-repeat center center; opacity: .5;transition: opacity .5s linear; background-size: 10%;}
.videoicon a:hover .img_container:after{opacity: .3;}
.videoicon a:hover .img_container:before{opacity: 1;}
.bannerh1{color:#FFF;font-size:36px; position:absolute; left:8.7%; top:48.5%; letter-spacing:4px; }
/*关于我们栏目*/
.page_about {position:relative; margin:2em 0 0; }
.page_about01 {position:relative; padding:0 0 0 40%; margin:2em 0 0; background:#f6f6f6; }
.page_about .img_container {position:absolute; width:40%; left:0; bottom:0; top:0; margin:0 2em 0 0; }
.page_about .bg_container {position:absolute; left:0; right:0; bottom:0; top:0; }
.bg_container {background:no-repeat center center; background-size:cover; }
.page_about .txt_container01{padding:4%; }
.page_about .txt_container .info{position:relative; text-align:center; }
.page_about .txt_container .info_con{position:relative;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom:1em;}
.page_about .txt_container .info dl{float:left\9; width:25%\9;}
.page_about .txt_container .info dt{color:rgb(48,45,45); font-size:24px; }
.page_about .txt_container .info dd{font-size:32px; color:#D40A26; line-height:300%; }
.page_about .txt_container .info dd span{font-size:32px; vertical-align:baseline; display:inline-block; }
.page_about .txt_container .info .time{text-align:right; color:#DDD; border-top:1px solid #DDD; padding:.5em 0 1em; clear: both; }
.page_about .txt_container .into_content h2{font-size:30px; margin-bottom:1em; }
.page_about_updown .info{overflow:hidden; position:relative;padding:0 0 0 60%; margin-bottom:2em; }
.page_about_updown .info .bg_container{position:absolute; width:54%; left:0; bottom:0;top:0; overflow:hidden; }
.page_about_updown .info .txt_container{position:relative; overflow:hidden; }
.page_about_updown .info .txt_container dl{border-top:1px solid #DDD; position:relative; top:-1px; overflow:hidden; }
.page_about_updown .info .txt_container dt{float:left; position:relative; top:2.5em; color:#333; font-size:20px; }
.page_about_updown .info .txt_container dd{font-size:32px; color:#D40A26; line-height:300%; float:right; }
.page_about_updown .info .txt_container dd span{font-size:32px; vertical-align:baseline; display:inline-block; }
.page_about_updown .info .txt_container .time{text-align:right; color:#DDD; padding:.5em 0 0; }
.page_about .chairmanname {max-width:8em;vertical-align:middle; }
@media screen and (max-width:1280px){
    .page_about .txt_container .info dt{font-size:22px; }
    .page_about .txt_container .info dd{font-size:28px; }
}
@media screen and (max-width:1024px){
    .page_about .txt_container .info dt{font-size:18px; }
    .page_about .txt_container .info dd{font-size:22px; }
}
@media screen and (max-width:767px){
    .page_about{padding:0; }
    .page_about .bg_container{position:static; width:auto; margin-bottom:2em; }
    .company-page .page_about .bg_container {display:none; }
    .page_about .txt_container .info dt{font-size:12px; }
    .page_about .txt_container .info dd{font-size:12px; }
    .page_about .txt_container .info .time{font-size:12px; }
    .page_about_updown .info{padding:0; }
    .page_about_updown .info .bg_container{position:static; margin-bottom:1em; width:auto; }
    .page_about_updown .info .bg_container img{width:100%; }
    .page_about_updown .info .txt_container dt{font-size:16px;top:1.25em; }
    .page_about_updown .info .txt_container dd{font-size:20px; }
    .page_about .img_container {position:inherit;width:100%; }
    .page_about .img_container:before {display:none; }
}
@media screen and (max-width:560px){
    .page_about .txt_container .info dl{ width:50%;}
}
.page_team li{position:relative; padding:3em 0; }
.page_team .bg_container + .txt_container{margin-left:22.5%; }
.page_team .bg_container{width:18.25%; height:0; overflow:hidden; padding:0 0 18.25%; background-color:#DDD; border-radius:50%; box-shadow:.25em .25em .5em rgba(0,0,0,.3);position:absolute; left:0; top:3em; }
.page_team .bg_container img {width:100%; }
.page_team .txt_container h2{font-size:34px; color:#333; line-height:187.5%; display:inline-block; margin-right:.25em; }
.page_team .txt_container h3{font-size:22px; color:#494949;line-height:187.5%;display:inline-block; }
.page_team .bg_container + .txt_container h3{display:block; }
.page_team .txt_container p{border-top:1px solid #DDD; padding-top:1em; overflow:hidden;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; height:6.625em; text-align:justify; }
.page_team.bg li{padding:1em 0; background:#F0F0F0; margin:2em 0; border-top:2px solid #D40A26; }
.page_team.bg .txt_container{margin:0 2em; }
.page_team.bg .bg_container + .txt_container{margin:0 2em 0 calc(22.5% + 2em); }
.page_team.bg .bg_container {left:2em; top:1em; }
.page_team.bg .txt_container p {min-height:6.625em; /*border-top:1px solid #D40A26; */ border:none; display:block; height:auto; }
@media screen and (max-width:1024px){
    .page_team li{padding:2em 0; }
    .page_team .bg_container{top:2em; }
    .page_team .txt_container h2{font-size:24px; }
    .page_team .txt_container h3{font-size:20px; }
    .page_team .txt_container p{height:auto; display:block; }
    .page_team.bg li{padding:1em 0;margin:1em 0; }
    .page_team.bg .bg_container {top:1em; }
}
@media screen and (max-width:767px){
    .page_team li{padding:1em 0; }
    .page_team .bg_container + .txt_container{margin-left:42%; }
    .page_team .bg_container{width:35%;padding:0 0 35%;top:1em; }
    .page_team .txt_container h2{font-size:22px; }
    .page_team .txt_container h3{font-size:18px; }
    .page_team.bg li{padding:1em 0; }
    .page_team.bg .txt_container{margin:0 1em; }
    .page_team.bg .bg_container + .txt_container{margin:0 1em 0 calc(41% + 1em); }
    .page_team.bg .bg_container{width:35%;padding:0 0 35%;top:1em;left:1em; }
}
@media screen and (max-width:480px){
    .page_team li{padding:1em 0; }
    .page_team .bg_container + .txt_container{margin-left:0; }
    .page_team .bg_container + .txt_container h3{display:inline-block; }
    .page_team .bg_container{position:relative; top:0; width:50%; padding:0 0 50%; left:25%; margin-bottom:.5em; }
    .page_team .txt_container h2{font-size:22px; }
    .page_team .txt_container h3{font-size:18px; }
    .page_team.bg .txt_container{margin:0 1em; }
    .page_team.bg .bg_container + .txt_container{margin:0 1em; }
    .page_team.bg .bg_container{top:0; width:50%; padding:0 0 50%; left:25%; }
}
.page_img{padding:2em 0; text-align:center; }
.page_img img{max-width:100%; }
/*文字栏目 标题变色*/
.page_txt .into_content h2,.page_txt .into_content h3,.page_txt .into_content h4{color:#D40A26; font-weight:lighter; }
.page_bgimg_txt{position:relative; overflow:hidden; padding:5.5% 50% 5.5% 0; }
.page_bgimg_txt .bg_container{position:absolute; right:0; width:81%; top:0; bottom:0; }
.page_bgimg_txt .txt_container{position:relative; padding:10%; text-align:justify; background:linear-gradient(to right,rgba(238,238,238,1) 0%,rgba(238,238,238,1) 60%,rgba(238,238,238,0) 100%); }
.page_bgimg_txt .txt_container p{margin:1em 0; }
@media screen and (max-width:767px){
    .page_bgimg_txt{position:relative; overflow:hidden; padding:5.5% 15% 5.5% 0; }
    .page_bgimg_txt .bg_container{width:90%; }
    .page_bgimg_txt .txt_container{background:linear-gradient(to right,rgba(238,238,238,1) 0%,rgba(238,238,238,1) 75%,rgba(238,238,238,0) 100%); }
}
.page_history ul{list-style:none; margin-top:.8em; }
.page_history ul li{position:relative; padding:0 0 2em 2em; display:none; }
.page_history.open ul li{display:block; }
.page_history ul li:before{content:"◆"; display:block; position:absolute; left:.25em; top:0; color:#D40A26; transform:scale(1.5); }
.page_history ul li:first-child,.page_history ul li:first-child + li,.page_history ul li:first-child + li + li{display:block; }
.page_history ul li img{max-width:100%; }
.page_history ul li p + p{margin-top:1em; }
.page_history .showmore{margin-left:2em; display:inline-block; }
.page_history.open .showmore {display:none; }
.page_history .showmore:before{content:"»"; color:#D40A26;transform:rotate(90deg) scale(1.5); display:inline-block; margin-right:.5em; }
.page_history .showmore:after{content:"展开更多"; }
/* .about-column .into_content img{width:100%; }
.about-column .page_history img{width:100%; }
*/

.page_history_class2 {position: relative; padding:  0 0 0 240px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;margin: 1em 0 0;}
.page_history_class2:before{content: '';position: absolute; left: 0; top:0; bottom: 0; width: 120px; border-right: 1px dotted #8A8A8A;}
.page_history_class2 li{list-style-type: none; position: relative; margin: 1em 0; padding: 1em; background: #f8f1f1; border:1px solid #f8f1f1;}
.page_history_class2 li:hover{border: 1px dotted #8A8A8A;}
.page_history_class2 li h3{display: none; position: absolute;left: -241px; top:50%; font-size: 1.5em; line-height: 200%; margin-top:-1em; color:#D40A26;}
.page_history_class2 li:first-child h3{display: block;}
.page_history_class2 li:after{content: '';position: absolute; left: -106px; top:50%; width: 95px; border-top: 1px dotted #8A8A8A;}
.page_history_class2 li:before{content: '';position: absolute; left: -127px; top:50%; width: 11px; height: 11px; background:#D40A26;margin-top:-5px;transform: rotate(45deg);}
@media screen and (max-width:767px){
    .page_history_class2 {position: relative; padding:  0 0 0 50px;}
    .page_history_class2:before{width: 5px;}
    .page_history_class2 li h3{left: 0; top:-1.5em}
    .page_history_class2 li:first-child{margin-top:5em ;}
    .page_history_class2 li:after{left: -31px; width: 23px;}
    .page_history_class2 li:before{left: -51px;}
    .page_history_class2 h3:after{content: '';position: absolute; left: -32px; top:50%; width: 23px; border-top: 1px dotted #8A8A8A;}
    .page_history_class2 h3:before{content: '';position: absolute; left: -51px; top:50%; width: 11px; height: 11px; background:#D40A26;margin-top:-5px;transform: rotate(45deg);}
}

.page-iconaddtxt {list-style:none; margin:0 -1em; overflow:hidden; }
.page-iconaddtxt li{float:left; width:33.33%; padding:1em; }
.page-iconaddtxt .iconaddtxt{border:1px solid #DDD;padding:1em 0; text-align:center; display:block; }
.page-iconaddtxt .iconaddtxt .icon_container{margin:0 auto; width:6.75em; height:6.75em; overflow:hidden; margin-bottom:.5em; }
.page-iconaddtxt .iconaddtxt .icon_container img{width:100%; }
.page-iconaddtxt .iconaddtxt .txt_container{height:3.75em; }
@media screen and (max-width:1024px){
    .page-iconaddtxt{margin:0 -.5em; }
.page-iconaddtxt li{padding:.5em; }
}
@media screen and (max-width:767px){
    .page-iconaddtxt li{float:none; width:90%; margin:0 auto; }
.page-iconaddtxt .iconaddtxt .txt_container{height:auto; }
}
.page_careers{padding:12.5% 3em; height:0; overflow:hidden; }
.page_careers img{width:calc(500% / 14); float:right; transform:translateY(-50%); }
.page_careers .txt_container{transform:translateY(-50%); }
.page_careers .txt_container h3{color:#494949; font-size:18px; }
.page_careers .color{color:#D40A26; }
.page_careers .color a{color:#D40A26; }
.page_careers .color a:hover{color:#8A8A8A; }
@media screen and (max-width:767px){
    .page_careers{padding:12.5% 0; }
}
@media screen and (max-width:767px){
    .page_careers{padding:0; height:auto; }
.page_careers img{width:100%; float:none; transform:translateY(0); }
.page_careers .txt_container{transform:translateY(0); padding:2em 1.5em; }
}
@media screen and (max-width:360px){
    .page_careers .txt_container{padding:2em 0; }
}
/*PDF下载栏目*/
.pdflist {list-style-type:none; }
.pdflist li{border-bottom:1px solid #DDD; }
.pdflist li a{padding:1.5% 1em 1.5% 2em;display:block; text-indent:-1em; }
.pdflist li a:hover{background:#F0F0F0; }
.pdflist li a:before{content:"·"; display:inline-block; width:1em; height:1em; line-height:100%;vertical-align:middle; text-indent:0; }
/*新闻栏目
<ul class="newslist">
    <li>
        <a href="javascript:void(0); ">
            <div class="img_container"><div class="bg_container"><img src="static/images/newsimg.jpg"></div></div>
            <div class="txt_container">
                <h3>中央第十二巡视组巡视国投党组工作动员会召开</h3>
                <span class="time">2020/02/09</span>
                <p>根据中央关于巡视工作的统一部署，2019年3月26日上午，中央第十二巡视组巡视国家开发投资集团有限公司党组工作动员会召开。会前...</p>
                <span class="form">来源：中国证券报 张玉洁</span>
            </div>
        </a>
    </li>
</ul>*/

.newslist{list-style-type:none; }
.newslist li{border-bottom:1px solid #DDD; }
.newslist li a{padding:2em 1em;display:block; }
.newslist li a:hover{background:#F0F0F0; }
.newslist .img_container{position:relative; display:inline-block; vertical-align:middle; width:23%; height:0; padding:0 0 11.5%; overflow:hidden; margin-right:-.33em; }
.newslist .img_container .bg_container{width:100%; transition:transform .5s linear; position:absolute; left:0; top:0; bottom:0; }
.newslist li a:hover .img_container .bg_container{transform:scale(1.05); }
.newslist .img_container + .txt_container{display:inline-block; vertical-align:middle; width:75%; margin:0 -2% 0 2%; }
.newslist .img_container + .times{display:none; }
.newslist .img_container + .times + .txt_container{display:inline-block; vertical-align:middle; width:75%; margin:0 -2% 0 2%; }
.newslist .txt_container h3{width:calc(100% - 6em);color:#333;white-space:nowrap; font-size:1.167em; line-height:175%; overflow:hidden; text-overflow:ellipsis; }
.newslist li a:hover .txt_container h3{color:#D40A26; }
.newslist li a strong{color:#D40A26; }
.newslist .txt_container:after{content:'→'; display:block; color:#D40A26;margin-left:.5em; transform:scaleX(2);width:1em; }
.newslist .img_container + .txt_container:after{display:none; }
.newslist .img_container + .times + .txt_container:after{display:none; }
.newslist .txt_container .time{display:block; position:relative; width:6em; text-align:right; color:#8A8A8A; top:-1.875em; margin:0 0 0 auto; }
.newslist .txt_container p{overflow:hidden; height:3.75em;color:#8A8A8A;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.newslist .txt_container .form{display:block; text-align:right; padding-top:.5em;color:#8A8A8A; }
.newslist .times:first-child{display:inline-block; border:1px solid #D40A26; text-align:center;vertical-align:top; color:#D40A26; overflow:hidden;padding:0 .5em .25em; }
.newslist .times .d{display:block; line-height:175%; font-size:32px; margin-bottom:-.25em; }
.newslist .times .m,.newslist .times .y{float:right; }
.newslist .times .y:after{content:"-"; }
.newslist .times:first-child + .txt_container{display:inline-block; vertical-align:top; width:calc(98% - 5em); margin:0 -2% 0 2%; }
.newslist .times:first-child + .txt_container h3{width:100%; }
.newslist .times:first-child + .txt_container .time{text-align:left; top:auto; opacity:0; }
.overseas-column .newslist .txt_container:after{display:none; }
@media screen and (max-width:1024px){
    .newslist li a{padding:1em; }
    .newslist .txt_container .time{margin:0 0 -1.875em auto; }
}
@media screen and (max-width:767px){
    .newslist .img_container{width:43%;padding:0 0 21.6%; vertical-align:top; }
    .newslist .img_container + .txt_container{width:53%; margin:0 -2% 0 4%; }
    .newslist .img_container + .times + .txt_container{width:53%; margin:0 -2% 0 4%; }
    .newslist .txt_container h3 {width:auto; white-space:normal;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
    .newslist .img_container + .txt_container .time{text-align:left; top:auto; margin:0; }
    .newslist .img_container + .times + .txt_container .time{text-align:left; top:auto; margin:0; }
    .newslist .txt_container:first-child .time{text-align:left; top:auto; margin:0; }
    .newslist .img_container + .txt_container p{display:none ; }
    .newslist .img_container + .times + .txt_container p{display:none ; }
}
@media screen and (max-width:480px){
    .newslist li a{padding:1em .5em; }
    .newslist .img_container{display:block; width:100%; padding:0 0 calc(163% / 3.22); margin-bottom:.5em; }
    .newslist .img_container + .txt_container{width:100%; margin:0; }
    .newslist .img_container + .times + .txt_container{width:100%; margin:0; }
    .newslist .img_container + .txt_container p{display:block ; }
    .newslist .img_container + .times + .txt_container p{display:block ; }
    .newslist .times:first-child{display:none; }
    .newslist .times:first-child + .txt_container{width:100%; margin:0; }
    .newslist .times:first-child + .txt_container .time{opacity:1;margin:0; }
}
.newsinto{overflow:hidden; }
.news_con{float:left; width:70%; }
.newsinto.onecol .news_con{float:none; width:100%; }
.news_con .into_title{overflow:hidden; text-align:center; padding:2.5em 0 3.5em; }
.news_con .into_title h1{font-size:36px; line-height:125%; margin:.25em; text-align:center; font-weight:bold; color:#494949; }
.news_con .into_title h2{font-size:28px; line-height:125%; margin:.25em; text-align:center; font-weight:bold; color:#494949; }
.news_con .into_title .time{float:left; white-space:nowrap; color:#8A8A8A; margin-right:1em; position:relative; top:1em; }
.news_con .into_title .otherinfo{float:left; white-space:nowrap; color:#8A8A8A; margin-right:1em; position:relative; top:1em; }
.news_con .into_title .otherinfo:empty{display:none; }
.news_con .into_title .news-share{padding-top:.75em;position:relative; top:1em; float:left; font-size:12px !important; }
.news_con .into_title .bshare-custom a {width:1.5em !important; height:1.5em !important; margin:0 .5em;padding:0 !important;display:inline-block !important; }
.news_con .into_title .bshare-custom .bshare-qqmb{background:url(../image/bbs1.png) no-repeat center center/100% !important; }
.news_con .into_title .bshare-custom .bshare-weixin{background:url(../image/bbs2.png) no-repeat center center/100% !important; }
.news_con .into_title .bshare-custom .bshare-qzone{background:url(../image/bbs3.png) no-repeat center center/100% !important; }
.news_con .into_title .bshare-custom .bshare-sinaminiblog{background:url(../image/bbs4.png) no-repeat center center/100% !important; }
.news_con .newsinfo{padding:2em 0 2em; text-align:right; position:relative; }
.news_con .newsinfo p{display:inline-block; margin-left:1em; }
.news_con .newsinfo .goback{float:left; }
.news_side{float:right; width:25%; overflow:hidden; padding-top:2.5em; }
.news_side .recommend{background:#F0F0F0; border-bottom:.25em; padding:2em  1em; }
.news_side .recommend h2{background:#DDD;padding:0 2em; border-radius:1em; line-height:200%; display:inline-block; margin-bottom:1em; color:#494949; }
.news_side .recommend li{list-style-type:none; padding:1.5em 0; overflow:hidden; }
.news_side .recommend .txt_container{padding-left:1.25em; position:relative;line-height:125%; }
.news_side .recommend .txt_container:before {content:""; background:#8A8A8A; width:.25em; height:.25em; top:.5em; left:.25em; border-radius:50%; position:absolute; }
.news_side .recommend .txt_container h3{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;overflow:hidden; color:#494949; font-size:14px;margin-bottom:2%; }
.news_side .recommend .txt_container .time{color:#8A8A8A; font-size:12px; }
.news_side .recommend li a:hover .txt_container h3{color:#D40A26; }
.news_side .recommend .img_container{float:right; height:3.75em; width:7.4em; overflow:hidden; margin-left:1em; position:relative; }
.news_side .recommend .img_container img {width:100%; transition:transform .5s linear; }
.news_side .recommend li a:hover .img_container img{transform:scale(1.05); }
.news_side .recommend .img_container .bg_container{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;transition:transform .5s linear; }
.news_side .recommend li a:hover .img_container .bg_container{transform:scale(1.05); }
.bsBox{box-sizing:content-box !important; }
@media screen and (max-width:1280px){
    .news_con{float:none; width:auto; }
    .news_con .into_title h1{font-size:30px; }
    .news_con .into_title h2{font-size:22px; }
    .news_side{float:none; width:auto; padding:2em 5%; }
}
@media screen and (max-width:1024px){
    .news_con .into_title h1{font-size:24px; }
.news_con .into_title h2{font-size:20px; }
}
@media screen and (max-width:560px){
    .news_con .into_title h1{font-size:20px; }
    .news_con .into_title h2{font-size:16px; }
    .news_con .into_title .bshare-custom a{margin:0 .125em; }
    .news_side{padding:0 0 2em; }
    .news_side .recommend .img_container{float:none; height:0; width:100%; margin-left:0; padding:0 0 calc(163% / 3.22); margin-bottom:.75em; }
    .news_con .newsinfo .goback{float:none; position:absolute; left:0; bottom:0; }
}
/*产品栏目*/
.page_case ul{list-style-type:none; overflow:hidden; margin:0 -.5em; }
.page_case ul li{padding:.5em; float:left; width:25%; }
.page_case ul li a{display:block; padding:1em; text-align:center; position:relative; background:#FFF; box-shadow:0 .125em .5em rgba(0,0,0,.1); }
.page_case ul li .bg_container{border:0;height:0; overflow:hidden; padding:0 0 50%; background-size:contain; width:100%;transition:transform .5s linear; }
.page_case ul li p{position:absolute; left:0; color:#FFF ; bottom:0; background:rgba(0,0,0,.5); line-height:200%; padding:0 5%; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0; transition:opacity .5s linear; }
.page_case ul li a:hover .bg_container{transform:translateY(-1em); }
.page_case ul li a:hover p{opacity:1; }
@media screen and (max-width:1280px){
    .page_case ul li{width:33.33%; }
}
@media screen and (max-width:1024px){
    .page_case ul li a {padding:0; }
    .page_case ul li p{opacity:1; position:static; }
    .page_case ul li a:hover .bg_container{transform:translateY(0); }
}
@media screen and (max-width:767px){
    .page_case ul li{width:50%; }
}
@media screen and (max-width:560px){
    .page_case ul li{width:100%; }
}
/*招聘栏目
<div class="recruit_list">
    <div class="recruit_con open">
        <div class="recruit_til">
            <h2>技术专员助理</h2>
            <div class="info">
                <p><span class="type">招聘部门：</span>建筑设计研究院</p>
                <p><span class="type">招聘人数：</span>10人 </p>
            </div>
        </div>
        <div class="into_content">
            <p>1、业务关联-流程/组织结构<br>
                投产专员助理与生产部门紧密合作，属于工厂投产团队。<br>
                其职责是参与投产质量操作系统以及产品开发系统的相关事务。PSG从虚拟装车阶段一直参与到量产开始。</p>
                
        </div>
        <a href="JobApplication.html" class="btn">申请职位</a>
    </div>
    <div class="recruit_con closed">
        <div class="recruit_til">
            <h2>技术专员助理</h2>
            <div class="info">
                <p><span class="type">招聘部门：</span>建筑设计研究院</p>
                <p><span class="type">招聘人数：</span>10人 </p>
            </div>
        </div>
        <div class="into_content">
            <p>1、业务关联-流程/组织结构<br>
                投产专员助理与生产部门紧密合作，属于工厂投产团队。<br>
                其职责是参与投产质量操作系统以及产品开发系统的相关事务。PSG从虚拟装车阶段一直参与到量产开始。</p>
        </div>
        <a href="JobApplication.html" class="btn">申请职位</a>
    </div>
</div>
*/
.recruit_list .recruit_con{margin-bottom:2.5em; }
.recruit_list .recruit_con .recruit_til{position:relative; border-bottom:1px solid #DDD; padding:0 0 .5em; margin-bottom:1.5em; }
.recruit_list .recruit_con .recruit_til h2{color:#D40A26; font-size:24px; font-weight:bold; line-height:187.5%; }
.recruit_list .recruit_con .recruit_til p{display:inline-block; white-space:nowrap; margin-right:1em; }
.recruit_list .recruit_con .btn{display:inline-block; padding:.5em 3em; color:#FFF; background:#D40A26; margin-top:1.5em; }
.recruit_list .recruit_con.closed{margin-bottom:0; }
.recruit_list .recruit_con.closed .recruit_til{margin-bottom:0; }
.recruit_list .recruit_con.closed .into_content{display:none; }
.recruit_list .recruit_con.closed .btn{display:none; }
/*表单
<form class="page_form">
    <div class="form_con routine">
        <h3>职务信息</h3>
        <dl>
            <dt><span class="must">*</span> 应聘职位</dt>
            <dd><select name="postname">
                <option>请选择应聘职位</option>
                <option>技术专员助理</option>
            </select></dd>
        </dl>
    </div>
    <div class="form_con routine">
        <h3>个人信息</h3>
        <dl>
            <dt><span class="must">*</span> 上传照片</dt>
            <dd class="fileimg"><img src="static/images/fileimg.png" id="preview"><input id="file_upload" type="file" name="gr_zp" accept="image/gif,image/jpeg"></dd>
            <dd class="note"><span class="must">*</span> 大小：165px*226px,图片格式为jpg、gif</dd>
            </dl>
            <dl>
            <dt><span class="must">*</span> 姓名</dt>
            <dd><input type="text" name="gr_xm"></dd>
            <dd class="note">（只限中文汉字/英文字母）</dd>
            </dl>
            <dl>
            <dt><span class="must">*</span> 性别</dt>
            <dd><label><input type="radio" name="gr_xb" value="男" checked>男</label> <label><input type="radio" name="gr_xb" value="女">女</label></dd>
            </dl>
            <dl>
            <dt><span class="must">*</span> 出生日期</dt>
            <dd><input type="date" name="gr_csrq"></dd>
            </dl>
            <dl class="col3">
                <dt><span class="must">*</span> 民族</dt>
                <dd><input type="text" name="gr_mz"></dd>
            </dl>
            <dl class="col3">
                <dt><span class="must">*</span> 籍贯</dt>
                <dd><input type="text" name="gr_jg"></dd>
            </dl>
            <dl class="col3">
                <dt><span class="must">*</span> 血型</dt>
                <dd><input type="text" name="gr_xx"></dd>
            </dl>
            <dl class="col3 hh">
                <dt><span class="must">*</span> 政治面貌</dt>
                <dd><input type="text" name="gr_zzmm"></dd>
            </dl>
            <dl class="col3">
                <dt><span class="must">*</span> 英语等级</dt>
                <dd><input type="text" name="gr_yydj"></dd>
            </dl>
            <dl>
                <dt><span class="must">*</span> 身份证号码</dt>
                <dd><input type="text" name="gr_sfz"></dd>
            </dl>
            <dl>
                <dt><span class="must">*</span> 户口所在地</dt>
                <dd><input type="text" name="gr_hkszd"></dd>
            </dl>
            <dl>
                <dt><span class="must">*</span> 目前居住地址</dt>
                <dd><input type="text" name="gr_jzd"></dd>
            </dl>
            <dl>
                <dt><span class="must">*</span> 电子邮箱</dt>
                <dd><input type="text" name="gr_yj"></dd>
            </dl>
            <dl>
                <dt><span class="must">*</span> 移动电话</dt>
                <dd><input type="text" name="gr_dh"></dd>
            </dl>
    </div>
    <div class="form_con">
        <h3>教育信息</h3>
            <table>
                <tr>
                    <th width="430"><span class="must">*</span> 学习时间</th>
                    <th width="290"><span class="must">*</span> 学校</th>
                    <th width="290"><span class="must">*</span> 专业</th>
                    <th width="290"><span class="must">*</span> 学位</th>
                </tr>
                <tr>
                    <td class="times"><strong class="tdtil">第一条信息：</strong><span class="tdtil"><span class="must">*</span> 学习时间</span><input type="month" name="jy_sj11"> 至 <input type="month" name="jy_sj12"></td>
                    <td><span class="tdtil"><span class="must">*</span> 学校</span><input type="text" name="jy_xx1"></td>
                    <td><span class="tdtil"><span class="must">*</span> 专业</span><input type="text" name="jy_zy1"></td>
                    <td><span class="tdtil"><span class="must">*</span> 学位</span><input type="text" name="jy_xw1"></td>
                </tr>
                <tr>
                    <td class="times"><strong class="tdtil">第二条信息：</strong><span class="tdtil"><span class="must">*</span> 学习时间</span><input type="month" name="jy_sj21"> 至 <input type="month" name="jy_sj22"></td>
                    <td><span class="tdtil"><span class="must">*</span> 学校</span><input type="text" name="jy_xx2"></td>
                    <td><span class="tdtil"><span class="must">*</span> 专业</span><input type="text" name="jy_zy2"></td>
                    <td><span class="tdtil"><span class="must">*</span> 学位</span><input type="text" name="jy_xw2"></td>
                </tr>
                <tr>
                    <td class="times"><strong class="tdtil">第三条信息：</strong><span class="tdtil"><span class="must">*</span> 学习时间</span><input type="month" name="jy_sj31"> 至 <input type="month" name="jy_sj32"></td>
                    <td><span class="tdtil"><span class="must">*</span> 学校</span><input type="text" name="jy_xx3"></td>
                    <td><span class="tdtil"><span class="must">*</span> 专业</span><input type="text" name="jy_zy3"></td>
                    <td><span class="tdtil"><span class="must">*</span> 学位</span><input type="text" name="jy_xw3"></td>
                </tr>
            </table>
    </div>
    <div class="form_con">
        <h3>工作/实习经历</h3>
        <dl class="col3 col3_short">
            <dt><span class="must">*</span> 项目名称</dt>
            <dd><input type="text" name="jl_mc1"></dd>
        </dl>
        <dl class="col3 col3_long">
            <dt><span class="must">*</span> 时间</dt>
            <dd class="times"><input type="month" name="jl_sj11"> 至 <input type="month" name="jl_sj12"></dd>
        </dl>
        <dl class="col3 col3_short">
            <dt><span class="must">*</span> 承担岗位</dt>
            <dd><input type="text" name="jl_gw1"></dd>
        </dl>
        <dl>
            <dt><span class="must">*</span> 个人承担内容描述</dt>
            <dd><textarea rows="5" cols="40" name="jl_cdnr1"></textarea></dd>
        </dl>
        <dl class="col3 col3_short">
            <dt><span class="must">*</span> 项目名称</dt>
            <dd><input type="text" name="jl_mc2"></dd>
        </dl>
        <dl class="col3 col3_long">
            <dt><span class="must">*</span> 时间</dt>
            <dd class="times"><input type="month" name="jl_sj21"> 至 <input type="month" name="jl_sj22"></dd>
        </dl>
        <dl class="col3 col3_short">
            <dt><span class="must">*</span> 承担岗位</dt>
            <dd><input type="text" name="jl_gw2"></dd>
        </dl>
        <dl>
            <dt><span class="must">*</span> 个人承担内容描述</dt>
            <dd><textarea rows="5" cols="40" name="jl_cdnr2"></textarea></dd>
        </dl>
    </div>
    <div class="form_con">
        <h3>家庭成员</h3>
        <table>
                <tr>
                    <th width="200"><span class="must">*</span> 姓名</th>
                    <th width="200"><span class="must">*</span> 成员关系</th>
                    <th width="200"><span class="must">*</span> 职务</th>
                    <th width="360"><span class="must">*</span> 工作单位</th>
                </tr>
                <tr>
                    <td><strong class="tdtil">第一位成员：</strong><span class="tdtil"><span class="must">*</span> 姓名</span><input type="text" name="jt_xm1"></td>
                    <td><span class="tdtil"><span class="must">*</span> 成员关系</span><input type="text" name="jt_gx1"></td>
                    <td><span class="tdtil"><span class="must">*</span> 职务</span><input type="text" name="jt_zw1"></td>
                    <td><span class="tdtil"><span class="must">*</span> 工作单位</span><input type="text" name="jt_dw1"></td>
                </tr>
                <tr>
                    <td><strong class="tdtil">第一位成员：</strong><span class="tdtil"><span class="must">*</span> 姓名</span><input type="text" name="jt_xm2"></td>
                    <td><span class="tdtil"><span class="must">*</span> 成员关系</span><input type="text" name="jt_gx2"></td>
                    <td><span class="tdtil"><span class="must">*</span> 职务</span><input type="text" name="jt_zw2"></td>
                    <td><span class="tdtil"><span class="must">*</span> 工作单位</span><input type="text" name="jt_dw2"></td>
                </tr>
                <tr>
                    <td><strong class="tdtil">第一位成员：</strong><span class="tdtil"><span class="must">*</span> 姓名</span><input type="text" name="jt_xm3"></td>
                    <td><span class="tdtil"><span class="must">*</span> 成员关系</span><input type="text" name="jt_gx3"></td>
                    <td><span class="tdtil"><span class="must">*</span> 职务</span><input type="text" name="jt_zw3"></td>
                    <td><span class="tdtil"><span class="must">*</span> 工作单位</span><input type="text" name="jt_dw3"></td>
                </tr>
        </table>
    </div>
    <div class="form_con">
        <h3>资质证书获得情况</h3>
        <dl><dd><textarea rows="5" cols="40" name="zshdqk1"></textarea></dd></dl>
    </div>
    <div class="form_con">
        <h3>资质证书获得情况</h3>
        <dl><dd><textarea rows="5" cols="40" name="zshdqk2"></textarea></dd></dl>
    </div>
    <button type="submit" class="submit">提交</button>
    <button type="reset"" class="reset">重置</button>

</form>
*/
.page_form .form_con{padding:2em 3em 2em; }
.page_form .form_con h3{color:#D40A26; font-size:24px; line-height:300%; font-weight:bold; border-bottom:1px solid #DDD; margin:0 -2em 2em; }
.page_form button.submit{outline:none; font-size:18px; padding:.75em 2.5em; background:#D40A26; color:#FFF; border:none; margin-right:1em;margin-left:4.8888em; }
.page_form .routine + button.submit{margin-left:10.6666em; }
.page_form button.reset{outline:none; font-size:18px; padding:.75em 2.5em; background:#494949; color:#FFF; border:none; margin-right:1em; }
.page_form dl{padding:0 0 1em; width:960px; max-width:100%; padding-right:1em; clear:both; overflow:hidden; }
.page_form dl.col3{width:320px; max-width:33.33%; clear:none; float:left; }
.page_form dl.col3_short{width:264px;max-width:27.5%; }
.page_form dl.col3_long{width:408px;max-width:45%; }
.page_form dt{line-height:300%; }
.page_form dd{position:relative; }
.page_form .routine dt{width:7.5em; float:left; margin-right:1.5em; text-align:right; }
.page_form .routine dd{float:left; width:450px; line-height:300%; }
.page_form .routine dl.col3{width:auto; max-width:none; overflow:visible; }
.page_form .routine dl.col3 dd{width:125px; margin-right:-2.5em; }
.page_form .routine dl.hh{clear:both; }
.page_form .routine dd.note{width:auto; margin-left:1em; line-height:300%; }
.page_form .routine dd.fileimg{width:165px; height:226px; overflow:hidden; position:relative; }
.page_form .routine dd.fileimg + dd.note{clear:left; margin-left:9em; }
.page_form .routine dd.fileimg img{width:165px; height:226px; }
.page_form .must,.page_form div.note{color:#D40A26; }
.page_form table{max-width:100%; border:none; border-spacing:0; border-collapse:collapse; }
.page_form table td,.page_form table th{padding:0 1em 1em 0; border:none; font-weight:lighter; text-align:left; }
.page_form table td .tdtil{display:none; }
.page_form input{padding:.5em; line-height:187.5%; color:#333; border:none; outline:none; background:#F0F0F0; width:100%; vertical-align:middle; }
.page_form select{padding:.5em; line-height:300%; color:#333; border:none; outline:none; background:#F0F0F0; width:100%; vertical-align:middle; height:3em; -webkit-appearance:auto; }
.page_form .times input{width:calc(50% - 1em); }
.page_form .vcode input{width:calc(100% - 7.5em); }
.page_form .vcode .vcodeimg{vertical-align:middle; max-width:7em; max-height:3em; margin-left:.5em; }
.page_form textarea{padding:.5em; line-height:187.5%; color:#333; border:none; outline:none; background:#F0F0F0; width:100%; }
.page_form input[type="radio"]{padding:0;line-height:normal;background:none; width:1em; height:1em; -webkit-appearance:radio; margin-right:.5em; }
.page_form input[type="file"]{padding:0;background:none; width:auto; -webkit-appearance:auto; }
.page_form .routine dd.fileimg input{position:absolute; right:0; top:0; height:100%; font-size:226px; line-height:100%; opacity:0; }
.page_form label{margin-right:1em; }
@media screen and (max-width:840px){
    .page_form .form_con{padding:2em 0 2em; }
    .page_form .form_con h3{margin:0 0 2em; }
    .page_form .routine dl.col3{width:33.33%; }
    .page_form .routine dl.col3 dd{width:100%; margin-right:0; }
    .page_form .routine dt{width:auto; float:none;text-align:left; }
    .page_form .routine dd{float:none; width:auto; }
    .page_form .routine dd.note{margin-left:0; }
    .page_form .routine dd.fileimg + dd.note{clear:left; margin-left:0; }
    .page_form table td,.page_form table th{padding:0 .25em 1em 0; }
    .page_form input{padding:.5em .25em; }
    .page_form button.submit{margin-left:0; }
    .page_form .routine + button.submit{margin-left:0; }
}
@media screen and (max-width:767px){
    .page_form button.submit,.page_form button.reset{padding:.5em 2em; }
    .page_form dl.col3{width:960px; max-width:100%; clear:both; float:none; }
    .page_form .routine dl.col3{float:none; width:auto; max-width:none; }
    .page_form .routine dl.col3 dd{width:auto; margin-right:0; }
    .page_form table,.page_form table tr,.page_form table tbody{display:block; }
    .page_form table th{display:none; }
    .page_form table td{display:block; padding:0 1em 1em 0; }
    .page_form table td .tdtil{display:block; line-height:300%; }
    .page_form table td strong.tdtil{font-weight:bold; color:#D40A26; }
}
@media screen and (max-width:374px){
    .page_form .times input{width:100%;margin-bottom:.25em; }
    .page_form .times input + input{width:calc(100% - 1.5em); margin-bottom:0; }    
}
/*反馈*/
.page_feedback table{margin-bottom:2em; width:100%; border:none;border-top:1px solid #DDD; border-collapse:collapse; }
.page_feedback th,.page_feedback td{border-bottom:1px solid #DDD; padding:.5em 1em; text-align:left; font-weight:lighter; vertical-align:top; }
.page_feedback th{background:#F0F0F0; }
.page_feedback th.til,.page_feedback td.til{width:7em; color:#D40A26; font-weight:bold; }
@media screen and (max-width:767px){
    .page_feedback table{font-size:14px; }
    .page_feedback th,.page_feedback td{padding:.25em .5em; }
    .page_feedback th.til,.page_feedback td.til{width:6em; }
}
.page_OnlineQ dl{border-bottom:1px dashed #D40A26; padding:1em 0 2em; }
.page_OnlineQ dt{padding:1em 0; color:#D40A26; }
.page_OnlineQ dd p{margin:.5em 0; text-align:justify; }
/*联系我们
<script src="https://api.map.baidu.com/api?v=2.0&ak=Le0lCXbPyYPrf8dTbAHa0gMxsyvomZn0"></script>
<div class="page_contactus">
    <div class="txt_container">
        <div class="select_con">
            <select name="address">
                <option  data-search="北京市西城区西直门南小街147号" data-address="北京市西城区西直门南小街147号" data-code="" data-tel="" data-fax="010-66579051" data-ewm="static/images/ewm_zongbu.jpg" data-txt="北京官方微信">国投健康产业投资有限公司</option>
            </select>
        </div>
        
        <p>地址：北京市西城区西直门南小街147号7楼</p>
        <p>邮编：100034</p>
        <p>电话：010-88006457</p>
        <p>传真：010-88006400</p>
        <p class="ewm"></p>
    </div>
    <div class="map">
        <div id="allmap"></div>
    </div>
</div>
<script>
if ($(".contactus-page").length > 0){
    // 百度地图API功能
    var map = new BMap.Map("allmap"); var point = new BMap.Point(116.331398,39.897445); map.centerAndZoom(point,12); map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
    map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用

    function changemap(){
    var _yx = $("select[name='address'] option:selected"); $(".page_contactus p").eq(0).html("地址：" + _yx.attr("data-address")); $(".page_contactus p").eq(1).html((_yx.attr("data-code") == "") ? "":("邮编：" + _yx.attr("data-code"))); $(".page_contactus p").eq(2).html((_yx.attr("data-tel") == "") ? "":("电话：" + _yx.attr("data-tel"))); $(".page_contactus p").eq(3).html((_yx.attr("data-fax") == "") ? "":("传真：" + _yx.attr("data-fax"))); $(".page_contactus p").eq(4).html((_yx.attr("data-ewm") == "") ? "":("<img src=\"" + _yx.attr("data-ewm") + "\"><br>" + _yx.attr("data-txt"))); // 创建地址解析器实例
        map.clearOverlays(); var myGeo = new BMap.Geocoder(); // 将地址解析结果显示在地图上,并调整地图视野
        myGeo.getPoint(_yx.attr("data-search"),function (point){
    if (point){
    map.centerAndZoom(point,15); map.addOverlay(new BMap.Marker(point)); }
else {alert("您选择地址没有解析到结果!"); }
}
,"北京市"); }
if ($("select[name='address']").length > 0){
    changemap(); $("select[name='address']").on("change",function (){
    changemap(); }
)
    }
}
</script>
*/
.page_contactus{padding:0 40% 0 0;position:relative; }
.page_contactus .txt_container{width:40%; padding:0 0 0 5%; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.page_contactus .txt_container .page_title{position:relative; padding:0 0 2em; margin-bottom:2em; }
.page_contactus .txt_container > h3{font-size:24px; line-height:150%; color:#333;margin-bottom:1em; }
.page_contactus .select_con{padding:0 0 2em; margin-bottom:2em; }
.page_contactus .select_con select{line-height:300%; color:#333; border:1px solid #DDD; outline:none; background:#F0F0F0; width:100%; vertical-align:top; -webkit-appearance:auto; height:3em; }
.page_contactus .txt_container p{margin-bottom:1em; }
.page_contactus .map{position:relative; height:30em; background:#DDD; }
.page_contactus #allmap{width:100%; height:100%; }
@media screen and (max-width:767px){
    .page_contactus{padding:0; }
    .page_contactus:before{display:none; }
    .page_contactus .txt_container{width:auto; padding:0 0 2em; position:static; transform:none; }
}
.page_honor{padding-bottom:4%; }
.page_honor ul{overflow:hidden; margin:1em -1em; }
.page_honor ul li{float:left; padding:0 1em; width:25%; }
.page_honor ul li .honor_con{ display: block; padding: 0 0 1em;}
.page_honor ul li .img_container{height:0; overflow:hidden; padding:0 0 56.25%; position:relative; background: #DDD;  margin-bottom: .5em;}
.page_honor ul li .bg_container{position:absolute; left:0; top:0; bottom:0; right:0; background-size:contain;transition:transform .5s linear; }
.page_honor ul li a:hover .bg_container{transform:scale(1.05); }
.page_honor ul li h3{line-height:150%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; color: #333; text-align: center; color:#333;}
.page_honor ul li a:hover h3{color:#D40A26}
.page_honor ul li p{margin:.5em 0 2em;overflow:hidden;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
@media screen and (max-width:1024px){
    .page_honor ul{overflow:hidden; margin:1em -.5em; }
    .page_honor ul li{float:left; padding:0 .5em; width:50%; }
}
@media screen and (max-width:480px){
    .page_honor ul li{width:100%; }
}
.cul-list li{background:#f6f6f6; margin-bottom:3%; }
.cul-list li .cul-pic{position:relative; display:inline-block; vertical-align:middle; width:28%; overflow:hidden; }
.cul-list li .cul-pic img{width:100%; }
.cul-list li .cul-con{display:inline-block; vertical-align:middle; width:68%; margin:0 1% 0 2%; }
.cul-list li .cul-con h3{font-size:22px; color:#333; font-weight:bold; padding-bottom:1.5%; }
.cul-list li .cul-con .cul-time{font-size:16px; color:#333; margin-bottom:1.5%; }
.cul-list li .cul-con .cul-time span{padding-left:2%; }
.cul-list li .cul-con .cul-time{background:url(../image/time.jpg) no-repeat left center; background-size:1.4em 1.4em; padding-left:3%; }
.cul-list li .cul-con p{font-size:14px; color:#333; padding-bottom:1.5%; }
.cul-list li a{color:#D40A26; }
.cul-list li a:hover{color:#D40A26; }
.cul-list li a.cul-cur:after{content:'→'; color:#D40A26; margin-left:1em; transform:scaleX(2); width:1.5em; display:inline-block; }
@media screen and (max-width:1024px){
    .cul-list li .cul-con p {line-height:1.5em; }
    .cul-list li .cul-con {margin-right:1%; width:67%; }
    .cul-list li .cul-con .cul-time {padding-left:5%; }
}
@media screen and (max-width:768px){
    .cul-list li .cul-pic {width:100%; }
    .cul-list li .cul-con {margin:0;padding:4%;width:100%; }
    .cul-list li .cul-con p {font-size:16px; line-height:2em; }
}
@media screen and (max-width:640px){
    .cul-list li .cul-con p {font-size:16px; line-height:2em; }
    .cul-list li .cul-con .cul-time {padding-left:8%; }
    .cul-list li .cul-con .cul-time {background:url(../image/time.jpg) no-repeat left 10%;background-size:1.2em 1.2em; }
    .cul-list li .cul-con .cul-time span {padding-left:0; display:block; }
}
.sta-con{overflow:hidden; }
.sta-con .sta-lpic{float:left; width:48%; }
.sta-con .sta-lpic img{width:100%; }
.sta-con .sta-lpic h3{font-size:22px; color:#333; margin-top:2%; }
.sta-con .sta-lpic p{font-size:16px; color:#999; margin-top:1%; }
.sta-con .sta-rpic{float:left; width:52%; }
.sta-con .sta-rpic ul{margin-top:-3%; }
.sta-con .sta-rpic li{float:left; width:48%; margin:0 0 3% 2%; position:relative; }
.sta-con .sta-rpic li img{width:100%; }
.sta-con .sta-rpic li img.cul-c{opacity:0.6; filter:alpha(opacity=60); }
.sta-con .sta-rpic li .cul-video{background:#000; }
.sta-con .sta-rpic h3{font-size:22px; color:#333; margin-top:2%; }
.sta-con .sta-rpic p{font-size:16px; color:#999; margin-top:1%; }
.sta-con .sta-rpic li span{position:absolute; top:30%; left:50%; margin-left:-6.5%
}
@media screen and (max-width:768px){
    .sta-con .sta-lpic {width:100%; margin-top:4%; }
    .sta-con .sta-rpic {width:100%; margin-top:3%; }
    .sta-con .sta-rpic li {margin:3% 1% 0 1%; }
}
@media screen and (max-width:640px){
    .sta-con .sta-rpic li {margin:5% 0 0 0; width:100%; }
    .sta-con .sta-rpic h3 {font-size:18px; }
    .sta-con .sta-rpic p {margin-top:0; }
}
#sideleft{/*设置左边通栏*/width:48%; float:left; background:#000; text-align:left; }
#sideright{/*设置左边通栏*/width:52%; float:left; background:#F0F0F0; text-align:left; }
/*解决内层浮动后外面丢失高度的BUG*/
#sidecon:after{content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; height:0; clear:both; visibility:hidden; }
#sidecon{display:inline-block; }
/*\*/
#sidecon{display:block; }
/* end easy clearing */
/*\*/
#sideleft,#sideright{padding-bottom:32767px !important; /*应用 padding-bottom（足够大的值）到列的块元素*/
	margin-bottom:-32767px !important; /*应用 margin-bottom（足够大的值）到列的块元素*/
}
@media all and (min-width:0px){
    #sideleft,#sideright{padding-bottom:0 !important; margin-bottom:0 !important; }
    #sideleft:before,#sideright:before{content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; background:inherit; padding-top:32767px !important; margin-bottom:-32767px !important; height:0; }
}
/* .history{padding:0 5%; }
.page_development ul {font-size:1.25em; line-height:1.875em; position:relative; margin-left:.35em; list-style-type:none; text-align:justify; }
.page_development ul:before {content:""; position:absolute; left:4%; top:-1em; width:.1em; bottom:0; background:url(../image/hline.jpg) repeat-y; }
.page_development li {position:relative; padding:0 0 1.5em 8.5em; }
.page_development li h3{position:absolute; left:-8%; top:1.2em; font-size:30px; color:#D40A26; }
.page_development li p{background:#f6f6f6; font-size:16px; color:#8A8A8A; padding:2%  4%; margin-top:3%; position:relative; }
.page_development li p:after {content:""; position:absolute; left:-8.3em; top:50%; width:1.2em; height:1.2em; margin-top:-9.5px; background:url(../image/lined.png) no-repeat; background-size:100% 100%; border-radius:50%; }
.page_development li p:before {content:""; position:absolute; left:-8em; top:50%; width:6em; height:.1em; background:url(../image/hline1.jpg) no-repeat; } */



.bs-pic{margin:3%  auto 0 auto; width:25%; overflow:hidden; }
.bs-pic1{width:20%; margin:0 auto; }
.bs-pic .bs-pic001{float:left; width:40%; margin:0 5%; }
.bs-pic img{width:100%; }
.bs p{margin-top:2%; color:#494949; }

.ponewslist{border-bottom:#ddd 1px solid; }
.ponewslist li{border-top:#ddd 1px solid; }
.ponewslist li a{padding:2% 1em; overflow:hidden; display: block;}
.ponewslist li a:hover{ background: #f6f6f6;}
.ponewslist li h3{font-size:18px; color:#666; float:left; width: calc(100% - 5em); }
.ponewslist li .more{font-size:16px; color:#333; float:right; }
.ponewslist li a:hover .more{ color:#D40A26}

/*企业资质 左图右文
<ul class="photo_txt_list">
    <li>
        <span class="all_container">
            <div class="img_container">
                <div class="bg_container"><img src="static/images/qualification.jpg"></div>
            </div>
            <div class="txt_container">
                <h3>雅砻江水电荣获国家科学技术进步二等奖</h3>
                <p>2019年1月8日上午，2018年度国家科学技术奖励大会在人民大会堂隆重召开，雅砻江水电申报的“300m级特高拱坝安全控制关键技术及工程应用”项目...</p>
            </div>
        </span>
    </li>
</ul>*/
.photo_txt_list{list-style-type: none;}
.photo_txt_list li{border-bottom: 1px solid #DDD;}
.photo_txt_list .all_container{position: relative;display: block; overflow: hidden;padding:3% 5%;}
.photo_txt_list .img_container{position: relative; float: left; width: 24%;overflow: hidden; background: #DDD;}
.photo_txt_list .img_container .bg_container{width: 100%; height: 0; overflow: hidden; padding:0 0 71%; background-size: contain;}
.photo_txt_list .txt_container{position: relative; float: right; width: 62%;}
.photo_txt_list .txt_container h3{color:#333;line-height: 150%;margin-bottom: .5em;text-align: justify;position: relative;}
.photo_txt_list .txt_container h3:before{content:"◆"; display: block; position: absolute; left: -2em; top:0; color: #D40A26; transform: scale(1.5);}
.photo_txt_list .txt_container .desc{text-align: justify;line-height: 150%; color:#8A8A8A}
@media screen and (max-width: 767px){
    .photo_txt_list .all_container{padding: 5% 0;}
    .photo_txt_list .img_container{float: none; width: 100%;}
    .photo_txt_list .txt_container{padding: 3% 0 0 2em;float: none; width: 100%;}
}