﻿
/*==============PI介绍样式=*/
.scro11_horizontal{
  position: relative;
  width:1300px;
  padding:50px 0 0px 35px;box-sizing:border-box;
  margin:auto;
}
.scro11_horizontal .box11 {
  overflow: hidden;
  position: relative;
  width:1230px;
  margin: 0;border-radius:0px;
}
.scro11_horizontal .list11 {overflow: hidden;width:9999px;}
.scro11_horizontal .box11 li {
  float: left;
  width:238px;
  text-align: center;
  padding:0 10px 0 0;
}
.PI_list {width:238px;height:350px;padding:0px;overflow: hidden;text-align: left;overflow: hidden;box-sizing: border-box;position:relative;}
.PI_list .txt_bj{position: absolute; height:50px;bottom:0px;background-color:rgba(0,0,0,0.6); padding:10px 20px;box-sizing: border-box;transition:all 0.5s;}
.PI_list:hover .txt_bj{position: absolute; height:130px;bottom:0px;background-color:rgba(128,25,121,1.0); padding:10px 20px;box-sizing: border-box;k}
.PI_list .title{font-size:18px;line-height:1.1;text-align: left;color:#fff; font-weight: normal;}
.PI_list .title_en{font-size:12px;height:25px;line-height:1.5;text-align: left;color:#fff; font-weight: normal;text-transform:Uppercase;}
.PI_list .title span{ float:right;font-size:12px;line-height:1.1;text-align: left;padding:0px;color:#fff;font-weight: normal;}
.PI_list .intro{font-size:12px;line-height:1.5;text-align: left;color: #fff;text-align:justify;}
.PI_list .intro span{font-size:12px;text-align: left;padding:0px;color:#fff;font-weight: bold;}
.PI_list img{ width:100%; height:350px; float:left;margin:0px 0px 0px 0;transition: all 0.6s;position: absolute;}
.PI_list:hover img{transform: scale(1.2);} /* 放大1.3倍 */ 

.scro11_horizontal .prev11, .scro11_horizontal .next11 {
  position: absolute;
  top: 65%;
  margin:-25px 0 0 0;
  width: 40px;
  height: 50px;
  background-image: url(../images/control.png);
  background-repeat: no-repeat;
  font: 0/0 Arial;
  cursor: pointer;
  z-index:1;
}
.scro11_horizontal .prev11 {left:0px;background-position: 0 0;}
.scro11_horizontal .next11{right:0px;background-position: -40px 0;}
.scro11_horizontal .prev11:hover { background-position: 0 -50px; }
.scro11_horizontal .next11:hover { background-position: -40px -50px; }





/* ------------------------------ 图标滚动*/

.scro22_horizontal {
  position: relative;
  width:1260px;
  padding:0px 0 0px 15px;box-sizing:border-box;
  margin:auto;
}
.scro22_horizontal .box22 {
  overflow: hidden;
  position: relative;
  width:1230px;

  margin: 0;border-radius:10px;
}
.scro22_horizontal .list22 {overflow: hidden;width:9999px;}
.scro22_horizontal .list22 li {
  float: left;
  width:145px;
  text-align: center;
  padding:0 10px 0 0;
}
.list_img{
  width:145px;
  font-size:14px;
  text-align: center;
  padding:10px 0px 10px  0;
  line-height:30px;
  border:1px solid #ededed;box-sizing: border-box;
  border-radius:10px;overflow: hidden;
  background:#f8f8f8;
 }
.list_img:hover{border:1px solid #06C;background:#fff;}

.scro22_horizontal .list22 li img{width:60px;border-radius:0px; }
.scro22_horizontal .prev22, .scro22_horizontal .next22 {
  position: absolute;
  top: 50%;
  margin:-25px 0 0 0;
  width: 40px;
  height: 50px;
  background-image: url(../images/control.png);
  background-repeat: no-repeat;
  font: 0/0 Arial;
  cursor: pointer;
  z-index:1;
}
.scro22_horizontal .prev22 {left:0px;background-position: 0 0;}
.scro22_horizontal .next22{right:0px;background-position: -40px 0;}
.scro22_horizontal .prev22:hover { background-position: 0 -50px; }
.scro22_horizontal .next22:hover { background-position: -40px -50px; }






