#test3>.caro>div>img {
	width: 100%;
	height: 100%;
}
.layui-carousel-ind li.layui-this{
	 background: #1d2088;
}
.layui-carousel-ind li{
	background-color: white;
}
.typesetting{
	 width: 1200px;
	 margin: 0 auto;
}
.typesetting>h1{
	text-align: center;
	margin-top: 70px;
	margin-bottom: 60px;
	font-size: 36px;
}
.typesetting2 >ul{
	 display: inline-block;
}
 .typesetting2 >ul>li{
     width: 400px;   
     height: 480px;
	 float: left;
}
 .typesetting2 >ul>li>a{
 	display: block;
 	height: 300px;
 }
  .typesetting2 >ul>li>a>img{  
 	width: 100%;
 	height: 100%; 
 }
 .typesetting2 >ul>li>.title>h3{
 	 /*overflow: hidden; 
     text-overflow:ellipsis;*/
     /*white-space: nowrap;*/
     font-size: 20px;
     margin-top: 20px;
     font-weight:normal;
     margin-right: 20px;
 }
   .typesetting2 >ul>li>.title>h3 >a{
   	 color: black;
   	 font-size: 20px;
   }
  .typesetting2 >ul>li>.title>h3 >a:hover{ 	 
  	 text-decoration:underline;
  }
 .typesetting2 >ul>li>.title>p{
 	  height: 68px;
 	  color: #bbbbbb;
 	  font-size: 15px;
 	  margin:  5px  1px 20px 0;
 	  overflow: hidden;
 }
 .interesting{
 	  width: 1200px;
 	  margin:  0 auto; 	  
 	  margin-bottom: 60px;
 }
 .interesting >h1{
 	  text-align: center;
 	  font-size: 36px;
 	  margin-top: 80px;
 	  margin-bottom: 53px;
 }
  .interesting >img{
 	 width: 100%;
 	 height: 100%;
 }
.swiper-container {
   /*border: 1px solid red;*/
   height:auto;
   width: 100%;
   margin:  0 auto;
}
.swiper-wrapper{
	/* border: 1px solid salmon;*/
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}
.swiper-pagination-switch{
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  background: white;
  margin: 10px 9px;
  cursor: pointer;
}  
.swiper-active-switch {
  background: #1d2088;
} 
.swiper-container{
	 position: relative;
}
.swiper-container .arrow-left {
  position: absolute;
  left: 3px;
  top: 45%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 9999;
}
.swiper-container .arrow-right {
  position: absolute;
  right: 58px;
  top: 45%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 9999;
}
.pagination{
   position:absolute;
  text-align: center;
  left: 0;
  bottom:24px;
  /*width: 100%;*/
  height: 30px;
  z-index:9999; 
  margin: 0 auto;
  background: url(../img/v.png) no-repeat ;
  left: 50%;
  background-size: 100% 100%;
}


@media only screen and (min-width:0px ) and (max-width: 1500px) {
.typesetting{
	 width: 900px;
	 margin: 0 auto;
}
.typesetting2 >ul>li{
     width: 300px;   
     height: 346px;
	 float: left;
}
 .typesetting2 >ul>li>a{
 	display: block;
 	height: 225px; 
 }
  .typesetting2 >ul>li>a>img{  
 	width: 100%;
 	height: 225px; 
 }
  .typesetting2 >ul>li>.title>p{
 	  height: 40px;
 	  color: #bbbbbb;
 	  font-size: 14px;
 	  margin:  5px  1px 5px 0;
 	  overflow: hidden;
 }
  .typesetting2 >ul>li>.title>h3{
 	 /*overflow: hidden; 
     text-overflow:ellipsis;*/
     /*white-space: nowrap;*/
     font-size: 18px;
     margin-top: 20px;
     font-weight:normal;
     margin-right: 3px;
 }
   .typesetting2 >ul>li>.title>h3 >a{
   	 color: black;
   	 font-size: 18px;
   }
  .interesting{
 	  width: 900px;
 	  margin:  0 auto; 	  
 	  margin-bottom: 60px;
 }
 .interesting >img{
 	 width: 100%;
 	 height: 100%;
 }
}