body {
  font-family:Microsoft YaHei;

}
.content3_pic {
        padding: 60px 0px 120px;
    position: relative;
    height: auto;
    max-width: 1420px;
    margin: 0 auto; 
}
.content3_pic a{
       float: none;
    position: relative;
    font-family: Microsoft YaHei;
    font-size: 18px;
    color: #fff;
    display: block;
}.content3_pic .news_imgs img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    transition: all 0.4s ease-in-out;
    float: none;
}.content3_pic .news_imgs {
    padding-top: 75%;
    background-color: #efefef;
    position: relative;
    overflow: hidden;
}
.content3_pic a:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    /*border-radius: 50%*/
  }
.content3_pic a img{
  
}.content3_pic .ll .news_imgs {
    padding-top: 125%;
}.content3_pic .wz {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}.content3_pic .rr .top.clearfix .news_imgs {
    padding-top: 40%;
}
.content3_pic .rr .bottom.clearfix .news_imgs {
    padding-top: 60%;
}
.content3_pic a .div2{
      padding: 20px;
    line-height: 30px;
    bottom: 0;

}
.content3_pic .rr li.news.n1.clearfix {
   
}.content3_pic .rr .bottom.clearfix li {
    float: left;
    width: 33.3%;
}.content3_pic .rr .bottom.clearfix li a {
    margin: 0 6px;
}
.content3_pic .rr .top.clearfix a {
    margin: 0 12px;
}.content3_pic .rr .top.clearfix {
    margin: 0 -12px;
}.content3_pic .rr .bottom.clearfix {
    margin: 0 -6px;
}
.content3_pic a .bg{
     position:absolute;
     width:100%;
     height: 100%;
     background: url("design_ds.png") 0% 107%  repeat-x;    top: 0;
    left: 0;
}
.content3_pic .rr li.news.n3.clearfix {
    float: left;
    width: 33.3%;
}
.content3_pic .rr li.news.n4.clearfix {
    float: left;
    width: 33.3%;
}
.content3_pic .rr li.news.n5.clearfix {
    float: left;
    width: 33.3%;
}
.content3_pic .rr li.news.n3.clearfix a {
       
}
.content3_pic .rr li.news.n4.clearfix a {
        
}
.content3_pic .rr li.news.n5.clearfix a {
     
}
.content3_pic a:nth-child(2){
  margin: 0 24px;
}
.content3_pic a:nth-child(4){
 margin: 32px 0px 0px 24px;
}
.content3_pic a:nth-child(5){
 margin:32px 12px 0px 12px
}
.content3_pic a:nth-child(6){
 margin:32px 0px 0px 0px;
}
.xspy1 {
    padding: 60px 634px 120px;
    position: relative;
}
.xspy1 div:nth-child(1){
  font-size: 46px;
  font-weight: 700;
  text-align: center;
}
.xspy1 div:nth-child(2){
  font-size: 16px;
  font-weight: 400;
  padding: 20px 5px 60px;
  text-align: center;
  color: #333333;
}
.xspy1 div:nth-child(3){
  font-size: 46px;
  font-weight: 700;
  padding: 0px 0px 30px;
  text-align: center;
}
.xspy1 div:nth-child(3) a:nth-child(2){
  padding:0px 144px;
}
.xspy1 div:nth-child(4){
  font-size: 16px;
  font-weight: 400;
  
  padding: 0px 0px 30px;
  color: #333333;
}
.xspy1 div:nth-child(4) a:nth-child(1){
  padding-left: 120px;
}
.xspy1 div:nth-child(4) a:nth-child(2){
  padding:0px 115px 0  140px;
}

/* .xspy1 div:nth-child(4) a:nth-child(3){padding-left:170px;} */

.content3_pic .ll {
    float: left;
    width: 24.8%;
}
.content3_pic .rr {
    float: right;
    width: 73.5%;
}.content3_pic .rr .top.clearfix li {
    float: left;
    width: 50%;
    margin-bottom: 32px;
}

@media screen and (max-width: 1430px) {
.content3_pic {
    margin: 0 10px;
}


}
@media screen and (max-width: 999px) {

.content3_pic .ll {
    float: none;
    width: 100%;
    margin-bottom: 30px;
}.content3_pic .rr {
    float: none;
    width: 100%;
}

}


@media screen and (max-width: 479px) {
.content3_pic .rr li {
    float: none !important;
    width: 100% !important;    margin-bottom: 30px !important;
}


}