.banner{
      width: 100%;
      height: 300px;
      margin: 0 auto;
      background: url(../images/banner2.jpg);
}
.booxs{
      width: 1200px;
      height: 300px;
      margin: 0 auto;
}
.ctitle12 {
	width: 1200px;
	margin: 0 auto;
}
.ctitle12 .location{
	line-height: 50px;
	height: 50px;
	font-size: 17px;
}
.location span{
	margin-top: 10px;
	width: 32px;
	height: 27px;
 display: inline-block;
 background: url(../../images/home2.png) no-repeat center;
}
.iconbox{
      width: 1200px;
      height: 200px;
      /* margin-top: 20px; */
      background: #E2E3E5;
      padding-top: 5px;
}
.yyds{
width: 1100px;
height: 150px;
background: #FFFFFF;
box-shadow: 10px 10px 10px rgba(38, 44, 198, 0.11);
border-radius: 10px;
margin: 25px 50px ;

}
.yyds ul li{
      width: 190px;
      height: 150px;
      float: left;
      margin-left: 25px;
      position: relative;
}
.yyds ul li:hover{
      color: #006eab;
}
.yyds ul li:hover div{
      color: #006eab;
}

.yyds ul li p{
      display: block;
      width: 190px;
      margin: 0 auto;
      margin-top: 10px;
      text-align: center;
     
}
.yyds ul li p img{
      margin: 0 auto;
      text-align: center;
      vertical-align: middle;
	transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
}
.yyds ul li p img:hover{
	transform: rotateY(180deg);
	-ms-transform:rotateY(180deg);
   -webkit-transform:rotateY(180deg);
   -o-transform:rotateY(180deg);
   -moz-transform:rotateY(180deg);
     transition: transform 1s ease 0s;
	 -moz-transition: transform 1s ease 0s;
	 -o-transition: transform 1s ease 0s;
	 -webkit-transition: transform 1s ease 0s;
}
.yyds ul li div{
      display: block;
      width: 190px;
      margin: 0 auto;
      line-height: 55px;
      color: #9E9E9EFF;
      text-align: center;
      font-size: 18px;
}
.yyds ul li div:hover{
      color: #006eab;
}




.opens{
      height: 990px;
      width: 1200px;
      margin-top: 20px;
      position: relative;
      margin-bottom: 30px;
}
.slideTxtBox{  height: 640px; width: 1200px; text-align:center;  }
.slideTxtBox .hd{ height:80px; line-height:80px; position:relative; z-index: 1;}
.slideTxtBox .hd ul{ float:left; position:absolute; top:-1px; height:80px; left: 145px; width: 910px;
      overflow: hidden;  border-radius: 10px ;background: white;z-index: 100;}
.slideTxtBox .hd ul li{ float:left;cursor:pointer; width: 300px; background-color:#45A9EB; font-size: 28px; height: 80px; color: white;margin-left: 2px;}
.slideTxtBox .hd ul li.on{
     height:80px;
     width: 300px;
     background: url(../images/back70e.png) no-repeat center  50px #0F7AC0;
    font-size: 28px;
    color: white;
}

.slideTxtBox .bd{
      padding-top: 40px;
      width: 1200px;
      height: 920px;
      background: rgba(226, 227, 229, 0.44);
      position: absolute;
      left: 0;
      top: 40px;
      overflow: hidden;
}

.slideTxtBox .bd ul li{
      width: 250px;
      height: 260px;
      float: left;
      /* margin-left: 45px;   四个*/
      margin-left: 110px;
      margin-top: 40px;
      overflow: hidden;
}.slideTxtBox .bd ul li:hover{
      color: red;
}
.slideTxtBox .bd ul li p{
      width: 250px;
      height: 220px;
}
.slideTxtBox .bd ul li p img{
      text-align: center;
      margin: 0 auto;
      vertical-align: middle;
      cursor: pointer;
      transition: all 0.6s;
}
.slideTxtBox .bd ul li p img:hover{
      transform: scale(1.1);
}

.slideTxtBox .bd ul li div{
      font-size: 18px;
      line-height: 50px;
      text-align: center;
      color: #333333FF;
}
.slideTxtBox .bd ul li:hover div{
      color: red;
}


#pots{
      width: 355px;
    position: absolute;
    top: 140px;
    left: 25px;
    
    display: none;
}
#pots span{
      float: left;
}
#pots img {
      width: 120px;
      height: 120px;
      z-index: 10;
      position: relative;
}
.yyds ul li:hover>#pots {
      display: block;
  }