.bannerwrap {
  background: #fff;
  padding: 30px 36px;
  margin-bottom: 24px;
}
.swiper-slide-visible{
  background: #fff;
}
.bannerwrap .pad .device {
  height: 379px;
  position: relative;
}
.bannerwrap .pad .device .icon-nextto {
  display: block;
  width: 21px;
  height: 12px;
  background:  center no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0px;
  bottom: 100px;
}
.bannerwrap .pad .device .swiper-container {
  height: 379px;
}
.bannerwrap .pad .device .swiper-container .swiper-wrapper {
  height: 379px;
}
.bannerwrap .pad .device .swiper-container .swiper-wrapper .pic {
  width: 803px;
  float: left;
}
.bannerwrap .pad .device .swiper-container .swiper-wrapper .pic img {
  font-size: 0;
}
.bannerwrap .pad .device .swiper-container .swiper-wrapper .text {
  padding-top: 20px;
  color: #000;
  width: 275px;
  float: right;
}
.bannerwrap .pad .device .swiper-container .swiper-wrapper .text h2 {
  font-size: 20px;
  margin-bottom: 33px; color:#000; font-weight:bold;
}
.bannerwrap .pad .device .swiper-container .swiper-wrapper .text p {
  font-size: 12px; line-height:24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.bannerwrap .pad .device .pagination {
  width: 275px;
  height: 4px;
  margin: 0 -5px 0 -5px;
  bottom: 23px;
  right: 0;
  left: auto;
}
.bannerwrap .pad .device .pagination .swiper-pagination-switch {
  border: none;
  width: 40px;
  height: 3px;
  display: inline-block;
  margin: 0 6px;
  border-radius: 1px;
  background: #c8c8c8;
}
.bannerwrap .pad .device .pagination .swiper-active-switch {
  background: #da2828; height:4px;
}

.newswrap {
  padding: 38px 44px 48px;
  background: #fff;
  margin-bottom: 23px;
}
.newswrap h2 {
  font-size: 24px;
  color: #000;
  padding-bottom: 20px;
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 23px;
}
.newswrap .newslist {
  padding: 0 200px 28px 210px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 22px;
  position: relative;
}
.newswrap .newslist .pic {
  width: 180px;
  float: left;
  margin-left: -210px;
}
.newswrap .newslist .text {
  float: left;
  color: #000;
  position: relative;
  height: 127px;
  width: 720px;
}
.newswrap .newslist .text h3 {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 23px;
}
.newswrap .newslist .text h3 a{ color:#000;}
.newswrap .newslist .text p {
  font-size: 12px;
  color: #666;
  height: 60px;
  line-height: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.newswrap .newslist .text a.more{
  display: block;
  width: 21px;
  height: 12px;
  background:  center no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0px;
  bottom: 0;
}
.newswrap .newslist .time {
  font-size: 14px;
  color: #c9c9c9;
  position: absolute;
  right: 0;
  top: 0;
}

.downloadwrap {
  background: #fff;
  padding: 38px 38px 45px;
  color: #000;
}
.downloadwrap h2 {
  font-size: 24px;
  height: 24px;
  margin-bottom: 38px;
}
.downloadwrap .downcontent .more {
  width: 60px;
  height: 32px;
  position: relative;
  margin:75px auto 10px; cursor:pointer; text-align:center;
}
.downloadwrap .downcontent .more span {
  font-size: 14px;
}
.downloadwrap .downcontent .more .line { margin:0 auto;
  width: 33px;
  height: 2px; margin-top:8px;
  background: #c70019;
}
.downloadwrap .downcontent .more:hover .line{ width:50px;}

.downloadwrap .downcontent .more .line,.downloadwrap .downcontent .more:hover .line{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}

.downloadwrap .downcontent .row {
  margin: 0 -24px 0 -24px;
}
.downloadwrap .downcontent .row .col-md-3 {
  padding: 0 24px 0 24px;
}
.downloadwrap .downcontent .row .col-md-3 .img {
  font-size: 0;
  margin-bottom: 15px; height:164px; overflow:hidden;
}
.downloadwrap .downcontent .row .col-md-3 .text {
  font-size: 14px;
  color: #333;
}
.downloadwrap .downcontent .row .col-md-3 .text i {
  display: inline-block;
  width: 33px;
  height: 33px;
  float: left;
  margin-right: 10px;
}
.downloadwrap .downcontent .row .col-md-3 .text .icon-smallexplain {
  background:  center no-repeat;
  background-size: 100%;
}
.downloadwrap .downcontent .row .col-md-3 .text .textinfo {
  float: left;
}
.downloadwrap .downcontent .row .col-md-3 .text .textinfo p {
  margin-bottom: 3px;
  line-height: 14px;
}
.downloadwrap .downcontent .row .col-md-3 .text .textinfo span {
  font-size: 12px;
  line-height: 12px;
}
.downloadwrap .downcontent .row .col-md-3 .text a{
  display: inline-block;
  float: right;
  width: 38px;
  height: 38px;
  background: url(/uploads/image/phiserve/icon-download.png) center no-repeat;
  background-size: 100%;
}

.titlebox{ text-align:center; margin:50px 0;}
.titlebox h1{ font-size:28px; font-weight:bold; color:#000;}
.titlebox p{ margin:18px 0;}
.titlebox .tag span{ height:23px; line-height:21px; border:1px solid #888; color:#666; font-size:12px; background:url(/uploads/image/philhome/icon_06.png) no-repeat 10px center; display:inline-block; text-indent:5px; margin:0 auto; width:94px;}

.infopage{ padding:30px 0; font-size:13px; line-height:24px; color:#333;}
.infopage img{ margin:30px 0;}
.pagebox{ border-top:1px dotted #999; padding-top:15px; line-height:24px; margin-top:40px; padding-top:25px;}
.pagebox p{ margin:0 0 8px 0; color:#333;}
.pagebox p a{ color:#333;}
.pagebox p a:hover{ text-decoration:none;color:#000;}
.pagebox p.pre{ background:url(/uploads/image/philhome/icon_08.png) no-repeat left center; padding-left:12px;
  float: left;}
.pagebox p.next{ background:url(/uploads/image/philhome/icon_07.png) no-repeat left center; padding-left:12px;float: right}