ul{margin: 0;padding: 0; list-style: none;}
li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 28px;
}
body{ font-family:"PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";}
.navbar-default{background: #EFEFEF;border:0;margin:0}
.navbar-default .navbar-brand{color:#333}
.list-group-item{float: left;}
.yyrow{
	width: 80%;
	margin: 0px auto
}
.yyrow div{border-bottom:none; padding-bottom:0px;}
.yyrow div:nth-child(2){ padding-left:40px;}
.anli{ margin-bottom:20px; display:none; margin-left:-10px;}
.anli .brand{ border-bottom:1px #f2f2f2 solid !important; height:155px; text-align:center; overflow:hidden; padding-bottom:10px;}
.anli img{
    width: 100%;
    height: auto;
    margin: 0px auto
}
.anli span{ display:block; height:40px; overflow:hidden; font-size:14px; line-height:20px; text-align:left;}
.yyrow span.downede{display:inline-block;float: left;width:100%}
.yyrow img.downe{width:100%;height:auto;float: left;}
.brand{border:1px #f2f2f2 solid;padding:15px}
.mgTop10{margin-top:10px}
.psFontColor{color:#636574}
.psFontColor p{line-height: 26px}
.psFontColor li{margin-top: 5px; list-style:inside}
.psTitle{text-align: center;color: #262626;margin:58px  auto 90px auto; font-size:28px; font-weight:bold}
.psTitle1{color: #5c6471; font-weight:bold; font-size: 18px}
.psrow{width:90%;margin: 0px auto;text-align: center}
.psrow span{display:inline-block;float: left;width:100%;text-align: center;color:#5f6373;margin-top: 20px;}
.psrow img{width:auto; height:83px;    float: initial;}
.psbrand{margin:0 0 40px 0}
.content{margin-bottom:15px;}
.moblieHBtn{margin-top:18px}
.mobileMode span{float: right;}
.lgMode img{width:13px;height:auto;margin: -3px 6px 0 0;}
.caseType{ display:none}

.news{margin: 10px 0; height:130px; overflow:hidden; padding:10px 10px 10px 15px;border-radius: 4px;cursor: pointer;}
.news:hover{box-shadow:0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); background:#fff}
.news:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.news span{display: inline-block;width:100%}
.news span.newsDate{color:#6c6d6e; font-size: 14px;   margin: 0 0 2px 0;}
.news span.newsContern{font-size: 15px; color:#2f3334; max-height:50px; overflow:hidden;   font-weight: bold}
.news span.newsType{font-size: 14px;color:#6c6d6e}
.news span.newsType img{width:20px;height:auto;margin: -4px 5px 0 0;}

.newsInfoTitle{color:#000;text-align: center;margin:30px 0 0 0;}
.newsInfoInei{border-bottom: 1px #dcddde solid;max-width: 1000px;margin:50px auto 10px auto; }
.newsInfoInei span{float:right;margin-right: 20px;cursor: pointer;}
.newsInfoInei span img{    width: 18px; margin-top: -2px; margin-right: 5px;}
.newsInfoContent{line-height: 40px;max-width: 1000px;margin:20px auto;padding:10px }

.share{display: none; position: absolute; top: 555px; right: 30px; z-index: 1026; width: 125px; padding: 10px; box-shadow: 0px 0px 7px #ebebeb; border-radius: 4px; background: #fff;}
.share span{display:block;font-size: 12px;cursor: pointer;}
.share img{    width: 20px; height: auto;margin-right: 8px}
.shareTriangle{ width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid #fff; border-bottom: 5px solid transparent; position: absolute; left: -5px; top: 53px; }

.moblieShare{position: fixed;background: rgba(0,0,0,0.4);top:0;left: 0;z-index: 1026;display: none;}
.moblieShareBorder{position: absolute;bottom:0px;    width: 100%;}
.moblieShare span{display: block;background: #fff;    height: 50px;text-align: center; line-height: 50px;}
.moblieShare span img{width: 20px; height: auto;margin-right: 8px;}

.ovfHiden{overflow: hidden;height: 100%;}

.recruitTitle{color:#000;text-align: center;margin:40px 0 0 0;}
.recruitInei{
	width: 80%;
	margin: 0px auto 10px auto;
	color: #ec252c;
	text-align: right;
	padding: 0 10px 10px 0
}

.banner{ background: url("../../images/001.jpg") no-repeat center; background-size:cover; height: 300px; position: relative; }
.aboutBanner{ background: url("../../images/banner/aboutBanner.png") no-repeat center; background-size:cover; height: 600px; position: relative; }
.newsListBanner{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../../images/banner/newsList.jpg);
	background-size: cover;
	height: 300px;
	position: relative;
}
.psBanner{ background: url("../../images/banner/psbanner.jpg") no-repeat center; background-size:cover; height: 300px; position: relative; }
.successCaseBanner{ background:url(../../images/banner/successBanner.jpg) no-repeat center; background-size:cover; height: 300px; position: relative; }
.recruitBanner{ background: url("../../images/banner/recruitBanner.jpg") no-repeat center; background-size:cover; height: 300px; position: relative; }
.conmpanyBanner{ background: url("../../images/banner/company.jpg") no-repeat center; background-size:cover; height: 300px; position: relative; }
.conmpanyBanner2{ background: url("../../images/banner/company2.jpg") no-repeat center; background-size:cover; height: 300px; position: relative; }
.conmpanyBanner3{ background: url("../../images/banner/company3.jpg") no-repeat center; background-size:cover; height: 300px; position: relative; }
.conmpanyBanner4{ background: url("../../images/banner/company4.jpg") no-repeat center; background-size:cover; height: 300px; position: relative; }
.companyR img{
    max-width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
}
.companyCon{ min-height:500px; padding-top:55px;}
.companyCon p{ text-indent:2em; color:#666478; font-size:14px; line-height:28px; margin-bottom:20px}
.companyTitle{ font-size:16px; font-weight:bold; margin-bottom:10px; margin-top:10px; color:#666478}

.banner>div>div{ position: absolute; top: 34%; font-size: 30px; font-weight: 800; color: #fff; }
.footer{ background: #242424; padding: 20px 0; }
.footer .container{ background: #242424; list-style: none; padding: 10px 0 0 0; margin: 30px auto 0 auto; }
.footer .container a{ color:#8c9496}
.footer .container>li>p{ margin: 0; padding: 6px 0; color: #fff; font-size: 18px; }
.footer .container>li>span{ margin: 0; padding: 6px 0; color: #919699; font-size: 14px; display: block; }
.icon { width: 30px; height: 30px; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
 .icon1{ width: 20px; height: 20px; vertical-align: -.34em; fill: currentColor; overflow: hidden; }
 .footerMenu{border-top:1px #565656 solid;}
 .smjby{border-bottom: 2px red solid; width: 35px;}
.footerMenu span{color: #8c9496;  }

 
 .recruitUl{
	width: 80%;
	margin: 0 auto;
	border-top: #dbdbdb solid 1px;
}
 .recruitUl>li{border-bottom: 1px #ddd solid;position: relative; padding:20px; margin:0px auto;}
.inactive{ background:url(../../images/ico/arrow-right.png) no-repeat center right ; background-size:30px auto}
.inactives{background:url(../../images/ico/arrow-top.png) no-repeat center right ; background-size:30px auto} 
 .recruitUlWordTitleOneRow{margin-bottom: 20px;}
 .recruitUlWordTitleOneRow span{float: left;width: initial;}
 .recruitUlHot{background: #ec252c; color: #fff; margin-left: 10px; border-radius: 4px; padding:0px 5px;font-size: 12px}
 .rInfo{margin:15px 0;line-height: 36px}
 .recruitAddr{color:#b3b3b3}
 .recruitLink{    height: 4px; background: #ec252c; width: 110px; margin: 14px auto 50px auto; border-radius: 10px;}
.recruitMbm{margin-bottom: 50px}
.zhiWei{ font-size:18px;}

 .welfareRow{width:79%;margin: 50px auto}
 .welfare{display: flex; flex-direction: row;}
 .welfareLeft{float:left;width:70px;height:70px;border-radius: 70px;border:1px #000 solid;    text-align: center; line-height: 70px;}
 .welfareRight{flex:1;    margin-left: 10px;padding-top:10px}
 .welfareRight span{float: left;display: block;width:100%}
 .welfareRight span.welfareTitle{font-size: 16px;margin-bottom: 6px}
 .welfareRight span.welfareRead{font-size: 12px;}

 .aboutRow{width:70%;margin:0 auto;}
 .aboutInfo{flex-direction: column;display: flex;margin:50px 0; font-size:14px;}
 .aboutInfoText1{ color: #92979a}
 .aboutInfoText2{ color: #555555;font-size: 20px; font-weight:bold; }
 .aboutInfoText3{ color: #555555;font-size: 20px;font-weight:bold;}
 .aboutInfoText4{ color: #919797;margin-top: 20px}
 .aboutInfoText5{ color: #313234;}
 .aboutInfoText6{ color: #313234}
 .aboutInfoText7{ color: #313234}
 .aboutInfoText8{ color: #919797;margin-top: 20px}
 .aboutInfoText9{ color: #313234;}
 .aboutInfoText10{ color: #313234}
 .aboutInfoText11{ color: #313234}
 .aboutInfoText12{ color: #313234}
 .aboutFont20{font-size: 18px; font-weight:bold;}
 .psTitle2{ margin-top:10px;color:#5d6371; font-weight:bold}
 .newsInfoContent{ line-height:28px; }
 .newsInfoContent p{ text-indent:2em;}
 .navT{ width:120px; margin-bottom:15px; height:30px; line-height:28px; text-align:center; font-size:14px; color:#fff}
 .caseNav{ width:1200px; margin:auto}
  .anliNav {width:100%}
 .anliNav li{ width:14.2%; font-size:1.1em; text-align:center;}
 .anliNav li.active{
	border-bottom: #f00 solid 1px;
	color: #F60307;
}
 .anliNav li.active a{ color:#f00;background:#efefef !important; }

 
.moban{ flex:1;  margin-right:10px; margin-bottom:40px;}
.moban .itColH2{
    font-size: 18px;
    color: #666478;
    margin-bottom: 10px;
    font-weight: bold;
    width: auto;
}
.moban a{ font-size:14px; display:block; color:#666478;  text-decoration:none }
.listNews{
	margin-bottom: 30px;
	margin-top: 20px;
}
@media screen and (max-width: 1200px){
 .caseNav{ position:relative; width:100%}
 }
 
@media screen and (min-width: 768px) and (max-width:3000px) { 

    .col-lg-sc-3{width:18.6%;margin:10px 0px 0px 10px;}
    .bannerFont{ font-size: 24px} 
    .mobileMode{display: none;}
    .lgMode{width: 400px; position: absolute; top: 10px; right: 33px; z-index:10; text-align: right;line-height: 18px; font-size: 12px;}
    .footCompany{padding:6px 0px;text-align: right;}
    .aboutInfoRight{height:386px;display: flex;justify-content: flex-end;align-items: flex-start;margin:50px 0}
    .footerCode{text-align: right;}
    .recruitUlIco{position: absolute;width:20px;height:20px;right:20px;top:15px;z-index: 1026;}
}
@media screen and (min-width: 768px) and (max-width: 1024px){ 
.anli{ margin-bottom:20px; display:none; margin-left:-25px;}
     
    .col-sm-sc-3 {width:18.6%;margin:10px 0 0 10px;}
    .col-md-sc-3 {width:18.6%;margin:10px 0 0 10px;} 
    .bannerFont{font-size: 26px} 
    .mobileMode{display: none;}
    .footCompany{padding:6px 0px;text-align: right;}
    .lgMode{
    width: 188px;
    position: absolute;
    top: 13px;
    right: 33px;
    text-align: right;
    line-height: 18px;
    font-size: 12px;
    float: right;
}
    .aboutInfoRight{height:386px;display: flex;justify-content: flex-end;align-items: flex-start;margin:50px 0}
    .footerCode{text-align: right;}
    .recruitUlIco{position: absolute;width:20px;height:20px;right:20px;top:15px;z-index: 1026;}
	.footer .container {padding: 0px 0 10px 0; margin: 0px auto 0 auto;}
}
@media screen and (min-width: 320px) and (max-width: 767px)  { 
     .aboutBanner{  height: 300px; }
    .col-xs-12{margin:10px 0 0 0;} 
    .bannerFont{font-size: 18px} 
    .mobileMode{display: none; width: 100px; position: absolute; top: 13px; right: 10px;text-align: right;line-height: 18px; font-size: 12px;}
    .lgMode{display: none;}
    .aboutInfoRight{height:386px;display: flex;justify-content: center;align-items: center;margin:50px 0}
    .footerCode{text-align: left;}
 .recruitUlIco{position: absolute;width:20px;height:20px;right:10px;top:36px;z-index: 1026;}
 .footer .container {padding: 0px 0 10px 0; margin: 0px auto 0 auto;}
    
}
@media screen and (max-width: 767px){
	.companyR img{ width:100%; margin-top:20px; margin-bottom:40px;}
	.col-xs-6{ width:48%; margin:1%;}
	.anli {
    margin-left: -15px;
    float: left;
}
	.anli .brand{ height:auto}
	.anliNav {width:auto}
    .anliNav li{
    width: auto;
    text-align: left;
    float: left;
}
	 .anliNav li.active{  border-bottom:#f00 solid 1px;}
 .anliNav li.active a{ color:#f00 !important;background:#fafafa !important; }
	.caseType{ position:absolute; top:24px; font-weight:bold; left:10px; font-size:1.3em; color:#333; display:block }
	}
@media screen and (max-width: 768px){
	
	.yyrow div:nth-child(2){ padding-left:20px;}
	
	
	
	.aboutRow { width: 98%;}
	.aboutInfoRight{ height:auto; text-align:center; margin: 20px 0;}
	.aboutInfoRight img{ margin:0px auto; width:70%;}
	.newsListBanner{ height:15em; background-size: auto  100%}
	.newsInfoTitle{ font-size:1.3em; margin-top:20px; padding:0px 20px; line-height:22px; }
	.newsInfoInei{ margin-top:15px;}
	.newsInfoContent{ line-height:24px; font-size:1em;}
	.newsInfoContent p{ text-indent:2em;}
	.yyrow{ width:96%;}
	.tlMb{ margin-bottom:20px;}
	.psTitle2{ margin-top:30px; color:#5d6371}
	.psBanner, .successCaseBanner{ height:200px; background-size:auto 100%;}
	.psTitle {margin: 15px 0px 0px 0px; font-size:1.5em; line-height:30px;}
	.psFontColor div{ border-bottom:none;}
	.psbrand{ border-bottom:none}
	.recruitBanner{ height:160px; background-size:auto 100%}
	.recruitTitle{ margin:15px auto 0px auto; font-size:1.5em;}
	.recruitLink { height: 3px; background: #ec252c; width: 3em; margin: 0px auto 20px auto; border-radius: 10px;}
	.recruitUl{ width:86%}
	.inactive{ background:url(../../images/ico/arrow-right.png) no-repeat top right ; background-size:20px auto}
    .inactives{background:url(../../images/ico/arrow-top.png) no-repeat top right ; background-size:20px auto} 
	.recruitUlWordTitleOneRow{ margin:0px}
	.recruitUlWordTitle .row div{ line-height:25px;margin:0px}
	.recruitUlIco{ top:25px;}
	.recruitInei{ text-align:center}
	.rInfo p{ line-height:26px;}
	.welfareRow { width: 96%;margin: 15px auto 0px auto;}
	.welfareRight{ padding-top:0px;}
	.welfare{ margin-bottom:15px;}
	 .welfareLeft{width:50px;height:50px;border-radius: 50px; line-height:50px;}

	 .navT{ display:none;}
	}
@media screen and (max-width: 767px){
	.news{ height:auto; }
	}
@media screen and  (min-width: 1371px) screen and (max-width: 1920px){
	
	.container-fluid {
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 1200px) and (max-width: 1370px){
	
	.container-fluid { width:1200px; padding:0px; margin:0px auto;}
	}