smartcost/global/css/ji_global.css

@charset "utf-8";
/*Reset 样式初始化*/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  font-family:"微软雅黑","Tahoma";
  vertical-align: baseline;
  text-align:justify;
  word-wrap:break-word;
  text-justify:inter-ideograph
}
body{text-align:center}
ul, ol, li, h1 {
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none
}
dl {
  margin:0
}
dd {
  margin-left:0
}
a {
  outline:none;
}
a img {
  border:0 none
}
img {
  vertical-align:middle;
  border:0px
}
table {
  border-collapse:collapse
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.clearfix {
  display:inline-block;
  overflow:hidden
}
.clearfix {
  display:block
}
body {color:#333;background:#fff;}
a {color:#1570A6;text-decoration:none}
a:hover {color:#083047;text-decoration:underline}
.width1020{width:1020px;margin:0 auto}
.width1060{width:1020px;margin:0 auto;background:#fff;box-shadow:0 0 3px 3px rgba(0,0,0,.1);padding:0 20px 20px 20px}
/**/
.clearB {clear:both}
.fL {float:left}
.fR {float:right}


.width990{
  margin:0 auto;
  width:990px;
}
.topWrap{
  margin-top: 30px;
}
.topWrap .menu{
  margin-top: 25px;
}
.topWrap .menu ul li{
  float:left; 
}
.topWrap .menu ul li a{
  padding:0 15px 0 15px;
  font-size: 16px;
  color:#333;
}
.topWrap .menu ul li a:hover{
  text-decoration: none;
  color:#ff6501;
}
.topWrap .menu ul li a.btn-demo{
  padding:10px 20px;
  background:#ff6501;
  color:#fff;
  border:1px solid #ff6501;
}
.topWrap .menu ul li a.btn-demo:hover{
  background:#ed5e01;
  color:#fff;
}
.bannerWrap{
  margin-top: 30px;
  min-height:500px;
  background:url(ji_bigbanner.jpg) no-repeat;
}
.bannerWrap .width990{
  position:relative;
}
.bannerWrap .bannerTitle{
  padding:35px 0;
  text-align: center;
  font-size: 36px;
  color:#494949;
}
.bannerWrap .bannerBtn{
  margin:10px 0;
  text-align: center; 
}
.bannerWrap .bannerBtn a{
  font-size: 16px;
  color:#333;
  padding:10px 20px;
  border:1px solid #333;
}
.bannerWrap .bannerBtn a:hover{
  text-decoration: none;
  background:#333;
  color:#fff;
}
.bannerWrap .bannerPC .bannerPC1{
  position:absolute;
  top:235px;
  left:120px;
}
.bannerWrap .bannerPC .bannerPC2{
  position:absolute;
  top:375px;
  left:475px;
}
.wrapBody{
  margin:170px 0 50px 0;
}
.wrapBody .wrapTitle{
  text-align: center;
  font-size: 30px;
  color:#333;
}
.wrapBody .wrapWeihe ul{
  margin:30px 0;
}
.wrapBody .wrapWeihe ul li{
  float:left;
  width:195px;
  margin:0 25px;
}
/*.weiheList{
  opacity:0;
  transition: all 0.8s ease-in 0s;
  transform: translateY(-200px);
  transition-delay: 0.2s;
}*/
.weiheList1{
  opacity:0;
  transition: all 0.8s ease-in 0s;
  transform: translateY(-200px);
  transition-delay: 0.2s;
}
.weiheList2{
  opacity:0;
  transition: all 0.8s ease-in 0s;
  transform: translateY(-200px);
  transition-delay: 0.4s;
}
.weiheList3{
  opacity:0;
  transition: all 0.8s ease-in 0s;
  transform: translateY(-200px);
  transition-delay: 0.6s;
}
.weiheList4{
  opacity:0;
  transition: all 0.8s ease-in 0s;
  transform: translateY(-200px);
  transition-delay: 0.8s;
}
.show{
  transform: translateY(0px);
  opacity:1;
}
.wrapBody .wrapWeihe .weiheIco{
  margin:0 auto;
  width:70px;
  height:50px;
}
.wrapWeihe .weiheIco1{
  background:url(ji_img.png) no-repeat 0 -121px;
}
.wrapWeihe .weiheIco2{
  background:url(ji_img.png) no-repeat 0 -183px;
}
.wrapWeihe .weiheIco3{
  background:url(ji_img.png) no-repeat 0 -243px;
}
.wrapWeihe .weiheIco4{
  background:url(ji_img.png) no-repeat 0 -305px;
}
.wrapBody .wrapWeihe .weiheTitle{
  margin:15px 0;
  font-size: 26px;
  text-align: center;
  color:#868b2f;
}
.wrapBody .wrapWeihe .weiheCon{
  line-height: 18px;
}
.wrapBody .wrapCase,.wrapBody .footer{
  background:#f6f6f6;
}
.wrapBody .wrapCase{ 
  margin:35px 0 25px 0;
}
.wrapCaseMain{
  position:relative;
  padding:40px 0 20px 0;
  height:570px;
}
.caseContainer .list_mark{
  margin:15px 0;
  text-align: center;
}
.caseContainer .list_mark em{
  font-size: 16px;
  color:#333;
  padding:0 15px;
  display:inline-block; 
  cursor:pointer;
}
.caseContainer .list_mark em.emon{
  color:#b5b969;
  font-weight: bold;
}
.caseContainer .list1{
  position:absolute;
  overflow:hidden; 
  opacity:0;
  /*display:none;*/
  transition: all 0.6s ease-out 0s;
}
.caseContainer .list1 li{
  float:left;
  width:280px;
  min-height: 190px;
  color:#333;
  line-height: 20px;
  padding:10px 25px 20px 25px;
}
.caseContainer .list1 li p{
  padding:3px 0;
}
.caseContainer .list1 li p .caseNum{
  font-size: 26px;
  color:#b5b969;
}
.caseContainer .caseTitle{
  font-size: 14px;
  padding:5px 0;
}
.caseContainer .caseInfo{
  color:#777;
}
.wrapBody .wrapNews ul{
  margin:30px 0;
}
.wrapBody .wrapNews ul li{
  float:left;
  width:284px;
  margin:0 20px;
}
.wrapBody .wrapNewsCon{
  margin:10px 0;
  color:#5c5c5c;
  line-height: 18px;
}
.wrapBody .wrapNewsTime{
  line-height: 26px;
}
.wrapBody .footer{
  padding:50px 0;
  margin:30px 0 0 0;
}
.footer div b{
  font-size: 30px;
  line-height: 25px;
  color:#333;
}
.footer .width990 div{
  height:47px; 
  padding:0 0 0 55px;
  margin:0 40px 0 40px;
}
.footer .exqq{
  background:url(ji_img.png) no-repeat -12px 0;
}
.footer .tel{
  background:url(ji_img.png) no-repeat -12px -63px;
}
.footer .width990 .tel2{
  padding-left: 0px;
}
.footer .tel2 a{
  display:block;
  font-size: 16px;
  padding:12px 50px;
  background:#DE6B20;
  color:#fff;
  text-decoration: none
}
.footer .tel2 a:hover{
  background:#fe7f2d;
}
.copyRight{
  text-align: center;
  margin:10px;
}