﻿.ysbg1{background-image:url(../images/ys1.jpg);}
.ysbg2{background-image:url(../images/ys2.jpg);}
.ysbg3{background-image:url(../images/ys3.jpg);}
.ysbg4{background-image:url(../images/ys4.jpg);}
.index_4{
background-position: center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/ys1.jpg);}
.index_4_mid{ background-position:left; background-repeat:repeat-y; background-image:url(../images/index/img38.png);
text-align:center; padding:16.5625em 1em;}
.index_4_mid_2{
color:#fff;}
.index_4_mid_1{
height:7em;}
.index_4_mid_2{
font-size:1.875em;}
.index_4_mid_3{ margin-bottom:2.5em;
font-size:1.125em; color:#fff; margin-top:0.875em;}
.index_4_mid_4 span{
display:inline-block; border:1px #41aa8c solid; background-color:#41aa8c; width:2.25em; height:2.25em; background-position:center; background-repeat:no-repeat; background-image:url(../images/img12.png);}
.swiper-wrapper-index_4 .swiper-slide:nth-child(1) .index_4_mid{
background-image:none}
.swiper-wrapper-index_4 .swiper-slide:hover .index_4_mid_4 span{
border-color:#fff; background-color:transparent;  } 


@media screen and (max-width: 640px) {
.index_4_mid{ text-align:center; padding:8em 1em;}	}












.xx_2_mid ul li .xx_2_mid_div dl dd:hover{
background-color:#d9d9d9;}
.index_4_bg{ overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.index_4_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} 
.index_4_bg div.on{transform: scale(1.08, 1.08);
opacity:1; z-index:10;}

