
.mainLeft{width:216px;height:auto;min-height:200px;position:absolute;left:50px;top:0;background:url(../images/bg-leftMenu.jpg) repeat-y;padding:20px 0 20px 0;}
ul.leftMenu{display:block;width:196px;height:auto;float:right;}
ul.leftMenu li,ul.leftMenu li a{display:block;height:50px;line-height:50px;color:#FFF;font-size:14px;float:left;width:100%;overflow:hidden;}
ul.leftMenu li a{padding-left:20px;}
ul.leftMenu li.light a{background:#fd9905;color:#FFF;padding-left:30px;}
.inside-bgcolor div.mainRight{min-height:400px;}
h2.title{font-size:18px;color:#bf0101;margin:0;padding:0;line-height:30px;}
.textInfo{color:#666;font-size:14px;line-height:175%;position:relative;}
.textInfo p b{color:#333;margin-right:10px;}
.textInfo p.img{text-indent:0;}
.textInfo p.img img{width:100%;}
ul.companyImgList{display:inline-block;width:100%;height:auto;float:left;}
ul.companyImgList li{display:block;width:calc(50% - 4px);padding:2px;}
ul.companyImgList li{display:inline;float:left;overflow:hidden;}
ul.companyImgList li img{width:100%;}
.textInfo h6{font-size:16px;color:#fd9905;margin-top:15px;}
.textInfo h6:before{content:"●";font-size:12px;color:#fd9905;margin-right:6px;}
.tabList{width:100%;border-collapse:collapse;}
.tabList th{background:#dbe7df;color:#000;font-weight:normal;white-space:nowrap;}
.tabList th,.tabList td{padding:5px;text-align:left;}
.tabList tr:nth-child(odd){background:#f4f4f4;} 
ul.mediaList{display:inline-block;border-top:1px dashed #ddd;width:100%;margin-top:15px;}
ul.mediaList li{border-bottom:1px dashed #ddd;}
ul.mediaList li,ul.mediaList li a{display:block;position:relative;color:#000;}
ul.mediaList li a{padding:10px 20px 10px 60px;min-height:75px;}
ul.mediaList a:after{content:"\203a";position:absolute;right:10px;top:40%;font-size:26px;color:#999;}
ul.mediaList a:hover:after,ul.mediaList a:hover{color:#25B053;}
ul.mediaList li a span{color:#666;font-size:12px;}
ul.mediaList li a img{position:absolute;left:0;top:10px;}
ul.proList,ul.lable,ul.downLoad,ul.newsList,ul.imgNewsList{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;}
ul.proList li,ul.lable li,ul.downLoad li,ul.newsList li{display:block;float:left;overflow:hidden;margin-top:10px;}
ul.proList li a,ul.jobList li a{display:block;height:100%;overflow:hidden;}
ul.proList li a{color:#666;width:calc(100% - 10px);margin:0 5px;}
ul.proList li a:hover{color:#25B053;}
ul.proList div.imgbox{border:1px solid #ddd;border-radius:6px;text-align:center;}
ul.proList div.imgbox img{width:100%;}
ul.proList li p{display:inline-block;width:100%;height:20px;font-size:12px;text-align:center;line-height:20px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
ul.lable li{display:inline;float:left;}
ul.lable li a{margin:0 auto;display:block;width:calc(100% - 10px);height:30px;line-height:30px;padding:0 5px 0 5px;text-align:center;font-size:12px;color:#666;border:1px solid #DDD;border-radius:10px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
ul.lable li a:hover,.hid a:hover{border:1px solid #25B053;color:#25B053;}
ul.lable li a:active{border:1px solid #25B053;background:#25B053;color:#FFF;}
.hid{position:absolute;width:100%;height:120px;padding-top:70px;overflow:hidden;left:0;bottom:0;text-align:center;background:-moz-linear-gradient(top,transparent,#FFF);
background:-webkit-linear-gradient(top,transparent,#FFF);
background:-o-linear-gradient(top,transparent,#FFF);}
.hid a{display:inline-block;border:1px solid #DDD;border-radius:10px;padding:5px 10px;color:#666;background:#FFF;}
.hid a:before{content:"\203a";margin-right:5px;color:#999;font-family:"arial";}
ul.downLoad li:first-child,ul.newsList li:first-child,ul.imgNewsList li:first-child{border-top:1px dashed #ddd;padding-top:5px;}
ul.downLoad li,ul.newsList li,ul.imgNewsList li{width:100%;border-bottom:1px dashed #ddd;padding-bottom:5px;}
ul.downLoad a,ul.newsList li a{color:#666;}
ul.downLoad a:hover{color:#fd9905;}
ul.downLoad a:before{content:"[下载]";color:#fd9905;margin-right:5px;}
ul.aptitudeList,ul.aptitudeList li{display:block;}
ul.aptitudeList{width:100%;height:auto;float:left;overflow:hidden;padding-bottom:20px;}
ul.aptitudeList li{display:inline;width:33.33%;float:left;margin-top:15px;}
ul.aptitudeList li a{display:block;width:90%;height:200px;margin:0 auto;overflow:hidden;background-size:cover;background-position:top center;border:1px solid #DDD;position:relative;}
ul.aptitudeList li span{display:none;}
ul.newsList li b{background:#bf0101;color:#FFF;font-size:10px;display:inline-block;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;font-weight:normal;margin-right:6px;}
ul.jobList{width:100%;display:block;list-style:none;height:auto;overflow:hidden;margin-bottom:30px;}
ul.jobList,ul.jobList li{display:inline;float:left;}
ul.jobList li,ul.jobList li a{display:block;color:#666;height:40px;line-height:40px;}
ul.jobList li{text-align:center;background:#f3f3f3;border:1px solid #DDD;border-radius:20px;font-size:14px;display:block;width:45%;float:left;text-align:center;display:inline;margin:0.8rem 2% 0 0;}
ul.jobList li a{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;width:100%;float:left;}
ul.jobList li a:hover{background:#fd9905;color:#FFF;border:none;border-radius:20px;}
ul.imgNewsList li{padding-left:120px;position:relative;}
ul.imgNewsList li:first-child{padding-top:0 !important;}
ul.imgNewsList li div{position:absolute;left:0;top:22px;width:100px;height:75px;overflow:hidden;background-position:top center;background-size:cover;}
ul.imgNewsList li h6,ul.newsList h6{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;margin-top:0;margin-bottom:6px;}
ul.imgNewsList li h6:before,ul.newsList h6:before{display:none;}
ul.imgNewsList li p,ul.newsList p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-indent:0;margin:0;font-size:12px;line-height:20px;}
ul.imgNewsList li a{color:#666;display:block;padding:20px 0 20px 0;}
ul.imgNewsList li a:hover h6,ul.newsList a:hover h6{color:#bf0101;}
ul.newsList li a{color:#666;display:block;padding:10px 0 10px 0;}


.qq{position:fixed;right:5px;top:200px;width:116px;height:auto;background:#FFF;border:1px solid #ddd;border-radius:4px;z-index: 999;}
.qq h6{color:#666;font-size:14px;text-align:left;background:#f9f9f9;line-height:30px;padding-left:15px;border-bottom:1px solid #ddd;}
.qq p{font-size:12px;padding-left:5px;}
.qq p a{color:#666;vertical-align: middle;}
.qq p a img{margin-right:4px;vertical-align: middle;}


@media screen and (max-width: 767px) {
  .inside-bgcolor{background:#FFF;}
  .mainLeft{display:none;}
  .mainRight{padding:20px;background:#fff;} 
  .textInfo p img{width:100%;}
  img.flow,.aptitude p img.noflow{width:35%;}
  ul.proList li{display:inline;width:50%;}
  ul.proList div.imgbox{width:100%;height:120px;overflow:hidden;}
  ul.lable li{width:33.333%;}
  ul.aptitudeList li,ul.aptitudeList li a{height:100px;}
  
}

@media screen and (min-width: 768px) {
  .inside-bgcolor{background:#f5f6f8;}
  .inside-bgcolor div.min-main{background:#fff;position:relative;margin:0 auto;margin-top:20px;margin-bottom:20px;padding:0;}
  .mainRight{width:720px;height:auto;min-height:200px;float:right;overflow:hidden;padding:20px 40px;}
  .leftflow{display:inline-block;padding-left:250px;position:relative;}
  .leftflow img.flow{position:absolute;left:0;top:15px;}
  .rightflow{display:inline-block;padding-right:190px;position:relative;}
  .rightflow img.flow{position:absolute;right:0;top:15px;}
  ul.proList li{display:inline;width:33.333%;height:230px;}
  ul.proList div.imgbox{width:222px;height:166px;overflow:hidden;}
  ul.lable li{width:16.666%;}
  ul.aptitudeList li span{width:100%;height:30px;line-height:30px;background:rgba(190,1,1,0.6);position:absolute;left:0;bottom:0;text-align:center;color:#FFF;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;font-size:12px;}
  ul.aptitudeList li a:hover{border:1px solid #bf0101;}
  ul.aptitudeList li a:hover span{display:block;}
  ul.aptitudeList li,ul.aptitudeList li a{height:200px;}
}