

.cont{width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}

.home-solution-product {

  background: #f7f7f7 url(home-bg.png) center top no-repeat;

  overflow: hidden;

  padding: 50px 0 40px 0;

}

.home-solution {

  width: 260px;

  float: left;

  background: #fff;

}

.home-solution .bt {

  height: 98px;

  background: #00479d url(bt-bg-01.png) left top;

  color: #fff;

  font-size: 24px;

  padding: 0px 0 0 15px;

  line-height: 30px;

}

.home-solution .bt .en {

padding-top:30px; padding-bottom:5px;

  font-size: 30px;

  display: block;

  font-family: arial;

}

.home-solution .bt .cn{font-size:24px; font-weight:bold;font-family: 微软雅黑;}

.home-solution .list {

  margin: 4px 0 0 0; background:#f1f1f1;

}

.home-solution .list a {

  display: block; margin-bottom:4px;

}

.home-solution .first {

  display: block;

  background: #00479d;

  color: #fff;

  line-height: 28px;

  padding: 5px 12px 5px 15px;

  font-size: 16px;

  position: relative;

  -webkit-transition: all .5s;

          transition: all .5s;

}

.home-solution .first:after {

  content: "";

  display: inline-block;

  float: right;

  width: 20px;

  height: 20px;

  background: url(all-icon.png) 0 -110px;

  margin: 5px 0 0 0;

}

.home-solution .first:hover {

  padding-left: 20px;

}

.home-solution .sencond {

  line-height: 28px; background:#f1f1f1; padding-bottom:20px;

}

.home-solution .sencond a {

  color: #959595; font-size:14px;

  border-bottom: 1px #979797 dotted;

  padding: 9px 15px 9px 8px;

  position: relative;

}

.home-solution .sencond a:before {

  content: "";

  display: inline-block;

  float: left;

  width: 20px;

  height: 20px;

  background: url(all-icon.png) 0 -140px;

  margin: 5px 0 0 0;

  -webkit-transition: all .5s;

          transition: all .5s;

}

.home-solution .sencond a:hover {

  color: #00479d;

}

.home-solution .sencond a:hover:before {

  background: url(all-icon.png) -30px -140px;

  -webkit-transition: all .5s;

          transition: all .5s;

}

.home-prodRight{

  width: 920px;

  float: right;

  background: #fff;

}

.home-prodRight.bt-more {

  height: 48px;

  line-height: 48px;

  background: -webkit-linear-gradient(#ffffff, #efefef);

  background: linear-gradient(#ffffff, #efefef);

  background-color: #efefef;

  padding: 0 20px 0 0;

}

.home-prodRight.bt-more .bt {

  background: #00479d;

  color: #fff;

  display: inline-block;

  width: 156px;

  text-align: center;

  font-size: 18px;

}



.home-prodRight.bt-more .bt .en {

    color: #9cadce;

    font-family: arial;

    font-size: 15px;

    font-style: normal;

}



.home-prodRight.bt-more .more {

  float: right;

  font-size: 12px;

  color: #656565;

  position: relative;

}

.home-prodRight.bt-more .more .icon {

  display: inline-block;

  width: 13px;

  height: 13px;

  line-height: 13px;

  text-align: center;

  background: #00479d;

  border-radius: 50%;

  font-style: normal;

  vertical-align: middle;

  margin: 0 0 0 5px;

  -webkit-transition: all .5s;

          transition: all .5s;

  position: relative;

}

.home-prodRight.bt-more .more .icon:before {

  content: "";

  display: block;

  position: absolute;

  width: 7px;

  height: 1px;

  top: 6px;

  left: 3px;

  background: #fff;

}

.home-prodRight.bt-more .more .icon:after {

  content: "";

  display: block;

  position: absolute;

  width: 1px;

  height: 7px;

  top: 3px;

  left: 6px;

  background: #fff;

}

.home-prodRight.bt-more .more:hover {

  color: #00479d;

}

.home-prodRight.bt-more .more:hover .icon {

  -webkit-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

          transform: rotate(360deg);

}



.home-prodRight{width: 915px;}

.home-prodTab{height: 35px;margin-bottom: 22px; background:#dfe0e0; padding-left:15px; display:none;}

.home-prodTab .tab{display:inline-block;cursor: pointer;background: url(../images/tabIco-a.jpg) no-repeat right center; font-size:16px; font-weight:bold;line-height: 35px;width: 130px;text-align: center;transition: all .5s;}

.home-prodTab .tab:hover,.home-prodTab .on{color: #00479d; font-size:16px;}

.home-prodTab .more{float: right;font-size: 14px;color: #0273b5;margin: 15px 25px 0 0;}

.home-prodTab .more:hover{color: #ea3626;}

.home-prodWrap{min-height: 454px;overflow: hidden;}



.home-prodbox a{ width:100%;  position:relative; overflow:hidden;display: inline-block; }

.home-prodbox a p{ height:37px;  position:absolute; bottom:5px; background:#464e5e; opacity:0.5; width:230px; text-align:center; left:0px;}

.home-prodbox a span{line-height:37px; height:37px;  position:absolute; bottom:5px;  width:230px; text-align:center; left:0px; color:#fff;}



.home-prodTab .zx{background:url(hhov.jpg) left center no-repeat;}

.home-prodTab .rm{background:url(hhov.jpg) left center no-repeat;}





.home-prodTab .zx.on{background:url(h.png) left center no-repeat;}

.home-prodTab .rm.on{background:url(h.png) left center no-repeat;}

.home-prodTab span {

    display: block;

    float: right;  height:37px; line-height:37px; padding-right:10px;



}

.home-prodTab span a{font-size:14px; color:#8a8a8a; text-transform:uppercase;}









.home-prodRight .list {

  overflow: hidden;

  padding: 0px 0 16px 3px;

}

.home-prodRight li {

  width: 281px;

  float: left;

  border: 1px #e4e4e4 solid;

  margin: 0 9px 20px 9px;

  text-align: center; overflow:hidden;

}

.home-prodRight li:hover .title {

  background: #00479d;

  color: #fff;

}

.home-prodRight li:hover .title:before {

  background: #00479d;

}

.home-prodRight li:hover img {

  -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}

.home-prodRight .pic {

  display: block;

  width: 280px;

  height: 180px;

  margin: 2px 2px 2px 2px;

  overflow: hidden;

  position: relative;

}

.home-prodRight img {

  -webkit-transition: all .5s;

          transition: all .5s; width:214px; height:170px;

}

.home-prodRight .title {

  display: block;

  text-align: center;

  color: #666666;

  height: 40px;

  line-height: 40px;

  overflow: hidden;

  -webkit-transition: all .5s;

          transition: all .5s;

  font-size: 14px;

  position: relative;

}

.home-prodRight .title:before {

  content: "";

  display: block;

  background: #e4e4e4;

  height: 1px;

  margin: 0 10px;

  -webkit-transition: all .5s;

          transition: all .5s;

}

