jiliangzhifujsV1/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:"微软雅黑","Microsoft YaHei","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}


/*global header*/
.globalHeader {
  background:#515b61;
  height:30px
}
.globalNav a{
  float:left;
  height:30px;
  line-height:30px;
  padding:0 10px;
  color:#eee;
  position: relative;
  cursor: pointer
}
.globalNav a:hover{
  background:#666E70;
  color:#fff
}
.globalNav a.now{
  background:#008FFF;
  color:#fff;
  font-weight:600
}
.globalNav .zhzd{
  float:left;
  height:30px;
  position: relative;
  z-index:999
}
.globalNav .zhzd a b{
  border-color: #FFDDC9 transparent transparent;
  border-right: 3px dashed transparent;
  border-style: solid dashed dashed;
  border-width: 3px 3px 0;
  display: inline-block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 0;
  position: relative;
  top:-1px;
  left:4px
}
.globalNav .zhzd .zhzdMenu{
  position: absolute;
  left:0;
  top:29px;
  background:#fff;
  border:1px solid #ccc;
  border-top:none;
  box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 0;
  display:none
}
.globalNav .zhzd .zhzdMenu a{
  width:100%;
  padding:0;
  text-align:center;
  color:#3366cc
}
.globalNav .zhzd .zhzdMenu a:hover{
  background:#f2f2f2
}
.globalNav .zhzd a.now{
  background:#fff;
  border:1px solid #ccc;
  border-bottom:none;
  border-top:none;
  color:#3366cc;
  z-index:10
}
.userInfoPanel{
  margin:20px auto 5px
}
.userInfoPanel p{
  text-align:right;
  margin:10px 0 0 0
}

.width990{
  margin:0 auto;
  width:990px;
}
#mynav{
  width:100%;
  position:relative; 
  z-index:99; 
}
.topWrap{
  padding-top:20px; 
}
.topWrapBg{
  height:600px;
  background:url(ji_bigbanner.png) no-repeat center 0;
}
.topWrapBgAnli{
  height:300px;
  background:url(ji_bigbanneranli01.png) no-repeat center 0;
}
.topWrap .logo{
  font-size: 20px;
}
.topWrap .menu{
  margin-top: 25px;
}
.topWrap .menu ul li{
  float:left; 
}
.topWrap .menu ul li a{
  padding:0 15px 0 15px;
  font-size: 18px;
  color:#333;
}
.topWrap .menu ul li:first-child a{
  font-weight: bold;
}
.topWrap .menu ul li a:hover{
  text-decoration: none;
  color:#ff6501;
}
.topWrap .menu ul li a.btn-demo{
  margin:0 0 0 15px;
  padding:10px 20px;
  background:#ff6501;
  color:#fff;
  border:1px solid #ff6501;
}
.topWrap .menu ul li a.btn-demo:hover{
  background:#ed5e01;
  color:#fff;
}
.bannerWrap{
  width:100%;
  margin-top: 30px;
  min-height:500px;
  background:url(ji_bigbanner.jpg) no-repeat center 0;
}
.bannerWrap .width990{
  position:relative;
}
.bannerWrap .bannerTitle{
  padding:50px 0 30px 0;
  color:#494949;
}
.bannerWrap .bannerTitleOne{
  text-align: center;
  font-size: 36px;
  padding-bottom: 10px;
}
.bannerWrap .bannerTitleTwo{
  text-align: center;
  font-size: 33px;
}
.bannerWrap .bannerBtn{
  margin:10px 0;
  text-align: center; 
}
.bannerWrap .bannerBtn a{
  font-size: 16px;
  color:#fff;
  padding:10px 20px;
  background:#333;
  border:1px solid #333;
}
.bannerWrap .bannerBtn a:hover{
  text-decoration: none;
  padding:12px 22px;
  background:#333;
  color:#fff;
}
.bannerWrap .bannerPC .bannerPC1{
  position:absolute;
  top:275px;
  left:120px;
}
.bannerWrap .bannerPC .bannerPC2{
  position:absolute;
  top:415px;
  left:475px;
}
.wrapBody{
  margin:0 0 50px 0;
}
.wrapBody .wrapTitle{
  text-align: center;
  font-size: 30px;
  color:#333;
}
.wrapBody .wrapWeihe ul{
  margin:50px 0;
}
.wrapBody .wrapWeihe ul li{
  float:left;
  width:147px;
  margin:0 25px;
}
.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;
}
.weiheList5{
  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 -243px;
}
.wrapWeihe .weiheIco2{
  background:url(ji_img.png) no-repeat 0 -121px;
}
.wrapWeihe .weiheIco3{
  background:url(ji_img.png) no-repeat 0 -183px;
}
.wrapWeihe .weiheIco4{
  background:url(ji_img.png) no-repeat 0 -370px;
}
.wrapWeihe .weiheIco5{
  background:url(ji_img.png) no-repeat 0 -305px;
}
.wrapBody .wrapWeihe .weiheTitle{
  margin:15px 0;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  color:#008FFF;
}
.wrapBody .wrapWeihe .weiheCon{
  margin:10px 0;
  line-height: 22px;
  font-size: 16px;
}
.wrapBody .wrapCase,.wrapBody .footer{
  background:#f6f6f6;
}
.wrapBody .wrapCase{ 
  margin:35px 0 25px 0;
}
.wrapCaseMain{
  position:relative;
  padding:40px 0 20px 0;
  /*height:550px;*/
}
.caseContainer .tab{
  margin:15px 0;
  text-align: center;
}
.caseContainer .tab a{
  font-size: 16px;
  color:#333;
  padding:0 15px;
  display:inline-block; 
  cursor:pointer;
}
.caseContainer .tab a.on{
  color:#868b2f;
  font-weight: bold;
  text-decoration:none;
}
.caseList{
  position:relative;
  overflow:hidden;
  width:990px;
  height:670px;
}
.caseContainer .caseListBox{
  position:absolute;
  overflow:hidden; 
  left:0;
  top:0;
  /*height:670px;*/
  /*opacity:0;*/
  /*display:none;*/
  /*transition: all 0.6s ease-out 0s;*/
}
.caseContainer .caseListBox li{
  float:left;
  width:990px;
}
.caseContainer .list{
  float:left;
  width:280px;
  /*min-height: 190px;*/
  height:205px;
  color:#333;
  line-height: 20px;
  padding:10px 25px 20px 25px;
}
.caseContainer .list p{
  padding:3px 0;
}
.caseContainer .list p .caseNum{
  margin:0 3px;
  font-size: 28px;
  color:#868b2f;
}
.caseContainer .caseTitle{
  font-size: 14px;
  padding:5px 0;
}
.caseContainer .caseInfo{
  position: relative;
  width:280px;
  height:100px;
  color:#777;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5; 
}
.quanguocheng{
  margin:100px auto 100px auto;
}
.quanguochengImg{
  margin:80px 0;
  text-align: center;
}
.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: 26px;
  line-height: 25px;
  color:#333;
}
.footer .width990 div{
  height:47px; 
  padding:0 0 0 55px;
  /*margin:0 25px 0 25px;*/
  margin:0 62px 0 62px;
}
.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 30px;
  background:#DE6B20;
  color:#fff;
  text-decoration: none
}
.footer .tel2 a:hover{
  background:#fe7f2d;
}
.footer .tel2 a.btn-demo{
  background: #a8ad45;
  color: #fff;
}
.footer .tel2 a.btn-demo:hover{
  background: #969b32;
  color: #fff;
}
.copyRight{
  text-align: center;
  margin:10px;
}


.caseWrap{
  margin:35px 0 45px 0;
}
.caseCont{
  margin:0 0 0 180px;
}
.caseCont ul li{
  padding:20px 0;
  border-bottom: 1px solid #f2f2f2;
}
.caseQueue .caseTitle{
  font-size: 14px;
  padding:5px 0;
}
.caseQueue .caseNum{
  margin:0 3px;
  font-size: 28px;
  color:#868b2f;
}
.caseQueue .caseInfo{
  position: relative;
  max-height: 100px;
  color:#777;
  line-height: 20px;
  padding-top: 10px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
}
.moreBtn{
  margin:30px auto;
  text-align: center;
}
.moreBtn a{
  display:inline-block;
  border:1px solid #868b2f;
  padding:15px 35px;
  color:#868b2f;
}
.moreBtn a:hover{
  text-decoration: none;
  background:#666;
  color:#fff;
  border:1px solid #666;
}
.anlitab{
  width:1300px;
  overflow:hidden;
  background: #f0f0f0;
  margin:0 auto;
}
.anlitab a{
  width: 33.333%;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  display:block;
  padding:15px 0;
  float:left;
  text-decoration:none;
  color:#333;
}
.anlitab a:hover{
  background: #a8ad45;
  color: #fff;
}
.anlitab a.now{
  background: #a8ad45;
  color: #fff;
}
.anlitabCon{
  overflow:hidden;
  padding:10px 0;
}
.anlitabCon li{
  display: none;
  text-align: center;
}
.anlitabCon img{
  width:auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 0 10px 0;
}
.anliConBox{
  margin: 0 auto 35px auto;
  width:auto;
  max-width:1442px;
  text-align: center;
}
.synopsis{
  margin: 0 auto 35px auto;
  background: #a8ad45;
  color: #fff;
  font-size: 22px;
  padding: 25px 25px;
  max-width:1392px;
}
.anliConBoxTitle{
  display: block;
  margin: 25px 20px;
  font-size: 22px;
  text-align: left;
}
.anliConBox p{
  font-size: 22px;
  margin:0 20px 15px 20px;
}
.anliConBox .anliNum{
  color: #ff0f0f;
  font-size: 30px;
}
.bannerBg{
  background: #008FFF;
  margin-bottom: 55px;
}
.bannerFont{
  padding: 35px 0;
  font-size: 24px;
  line-height: 45px;
  color: #fff;
}
.computer{
  position: relative;
}
.computer1{
  position: absolute;
  top: 110px;
  left: 350px;
}
.computer2{
  position: absolute;
  top: 196px;
  left: 520px;
}
.computer1 img{
  width: 225px;
}
.computer2 img{
  width: 145px;
}