.index_1_3_mid_right{float:right;width: 49.5%;}
.index_1_3_mid_left{height:100%;position:absolute;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center;width: 49.5%;padding-top: 40px;padding-bottom: 40px;background: #ffffff;-webkit-transition: 1s;transition: 1s;}
.index_1_3_mid_left:hover{box-shadow: 0px 0.917em 1.94em 0.04em rgba(0,0,0,0.25); z-index:1;}
.index_1_3_mid{position:relative;}
.index_1_3_mid_right_1{height: 18.5em;position:relative;background-color: #ffffff;-webkit-transition: 1s;transition: 1s;}
.index_1_3_mid_right_1:hover{box-shadow: 0px 0.917em 1.94em 0.04em rgba(0,0,0,0.25); z-index:1;}
.index_1_3_mid_right_1_left{float:left;width: 50%;margin-left: 15px;text-align:center;}
.index_1_3_mid_right_1_right{float:left;width: 40%;margin-top: 3.5em;}
.index_1_3_mid_right_2{position:relative;overflow:hidden;margin-top: 1em;}
.index_1_3_mid_right_2_left{
 text-align:center;
 width: 49%;
 background-color: #ffffff;
 position:absolute;
 left:0;
 top:0;
 height:100%;
 -webkit-transition: 1s;
 transition: 1s;
 }
 
 .index_1_3_mid_right img{ max-width:100%;}
  .index_1_3_mid_left img{ max-width:100%;}
  

		
.index_1_3_mid_left img {
	-moz-transition: -moz-transform 1.2s;
	-o-transition: -o-transform 1.2s;
	-webkit-transition: -webkit-transform 1.2s;
	transition: transform 1.2s;
}
.index_1_3_mid_left:hover img{-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)}

.index_1_3_mid_right_2_left:hover{box-shadow: 0px 0.917em 1.94em 0.04em rgba(0,0,0,0.25); z-index:1;}

.index_1_3_mid_right_2_right{float:right;width: 49%;}
.index_1_3_mid_right_2_right ul li{height: 15em;position:relative;-webkit-transition: 1s;transition: 1s;background: #fff;}
.index_1_3_mid_right_2_right ul li:hover{position:relative;box-shadow: 0px 0.917em 1.94em 0.04em rgba(0,0,0,0.25); z-index:1;}
.index_1_3_mid_right_2_right_mid_right{float:right;width: 40%;text-align:left;margin-right: 5px;}
.index_1_3_mid_right_2_right_mid_right img{max-width: 85%;}
.index_1_3_mid_right_2_right_mid_left{position:absolute;left:7%;top: 18%;width: 50%;}
.index_1_3_mid_right_2_right ul li:nth-child(1){
    margin-bottom: 1em;
}
.index_1_3_mid_right_1_right_1{
	font-size: 20px;
	color: #000000;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	overflow: hidden;
	}
.index_1_3_mid_right_1_right_2{-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;min-height:40px;position:relative;margin-top: 8px;}
.index_1_3_mid_right_1_right_2 b{
font-weight:normal;}
.index_1_3_mid_right_1_right_3 span{ color:#000;
display:inline-block; border:1px #000 solid; line-height:35px; width:120px;border-radius:35px;}
.index_1_3_mid_right_1_right_3{ position:absolute; left:0; top:0; width:100%;
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;   overflow:hidden; opacity:0;}
@media screen and (min-width:1090px) {
.index_1_3_mid a:hover .index_1_3_mid_right_1_right_2 b{
opacity:0;
 }
 }
.index_1_3_mid a:hover .index_1_3_mid_right_1_right_3{
 opacity:1; }
.index_1_3_mid_left_mid_2{margin-top: 3em;padding: 0 40px;}
.index_1_3_mid_right_2_left_2{margin-top: 0.5em;padding: 0 28px;}
.index_1_3{
 margin-bottom:2.9em;}
.index_1_4_mid{ overflow:hidden; padding-bottom:4.1875em;
background-position:center top; background-repeat:no-repeat; background-size:cover;}
.index_1_4_1 ul li{ margin-left:5.26041666666667%;border-radius:10px; overflow:hidden;
float:left; width:26.31944444444444%; background-color:#ffffff; min-height:26.625em;box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1)}
.index_1_4_1{
margin-top:2.5em;}
.index_1_4_1_pic{
overflow:hidden;}
.index_1_4_1_pic img{
width:100%;}
.index_1_4_1_jj_mid_1{
font-size:1.6875em;font-family: "PingFangSC-Light"; position:relative; padding-bottom:0.32em;}
.index_1_4_1_jj_mid_1:before {
 
  content: "";
  position: absolute;
  z-index: 1;
  background: #00a0e9;
  left: 0%;
  right: 0;
  width: 1.37037037037037em;
  bottom: 0px;
  height: 1px;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
@media screen and (min-width:1100px) {
.index_1_4_1_jj_mid_1{
display:inline-block;}
.index_1_4_1 ul li:hover .index_1_4_1_jj_mid_1:before{
width:100%;}
}
.index_1_4_1_jj_mid_2{
font-size:1em; line-height:1.6; margin-top:0.4em;color: #666;}
.index_1_4_1_jj{ color:#000;
padding:2em;}
.index_1_5_mid_1 ul{
display:none;}
 
.index_1_5_mid_1 ul li{
float:left; width:22.91666666666667%; margin-right:2.77777777777778%;}
.index_1_5_mid_1 ul li:hover{  }
.index_1_5_mid_1 ul li:nth-child(4n){
margin-right:0;}
.index_1_5_mid_1_mid_1{
width:100%;border-radius:5px 5px 0px 0px; overflow:hidden;}
.index_1_5_mid_1_mid_1 img{
width:100%;}
.index_1_5_mid_1_mid_2{
border:1px #b5b5b5 solid; padding:1.5em 1.5em 0.5em 1.5em; border-top:none;border-radius:0px 0px 5px 5px;}
.index_1_5_mid_1_mid_2_1 span{
font-size:1.75em;}
.index_1_5_mid_1_mid_2_1{
position:relative; padding-right:}
.index_1_5_mid_1_mid_2_1 i{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; right:0; top:0.5em; width:1.375em; height:1.375em; background-position:center; background-repeat:no-repeat; background-size:cover;  background-image:url(../images/index/img26.png);}
.index_1_5_mid_1 ul li:hover .index_1_5_mid_1_mid_2_1 i{
right:-0.5em;}
.index_1_5_mid_1_mid_2_2{ color:#666;
font-size:1em;font-family: "SourceHanSansCN"; margin-top:0.8em; line-height:1.5; height:3em; overflow:hidden;}
.index_1_5_mid_1{
margin:3em 0 2em 0;}
.index_1_5_mid_1 ul li:hover .index_1_5_mid_1_mid_2_1 i{
background-image:url(../images/index/img27.png);}
.index_1_5_mid_2 ul li{ position:relative;
float:left; background-color:#1b1b1b; width:48.61111111111112%;}
.index_1_5_mid_2 ul li:nth-child(2n){
float:right;}
.index_1_5_mid_2_left{ overflow:hidden;
float:left; width:50%;}
.index_1_5_mid_2_left img{
width:100%;}
.index_1_5_mid_2_right{
position:absolute; top:0; height:100%; color:#fff; text-align:center; right:0; width:50%;}
.index_1_5_mid_2_right span{ padding-right:1.807692307692308em;
font-size:1.625em; position:relative;}
.index_1_5_mid_2_right span i{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; right:0; top:0.27em; width:0.8461538461538462em; height:0.8461538461538462em; background-position:center; background-repeat:no-repeat; background-size:cover;  background-image:url(../images/index/img28.png);}
.index_1_5_mid_2 ul li:hover .index_1_5_mid_2_right span i{
right:-0.8em;}
.index_1_6_mid_2_1{ color:#949494; font-size:0.935625em;
 font-family: "Ping Hei Light";}
.index_1_6_mid_2_2{ line-height:1.3em; height:2.6em; overflow:hidden;
font-size:1.203125em; margin-top:0.45em; margin-bottom:0.4em;}
.index_1_6_mid_2_3{ line-height:1.6em;
font-size:0.935625em; height:6.4em; overflow:hidden;}
.index_1_6_mid_2_4 span{ padding-right:2em;
color:#0799ff; font-size:0.801875em; position:relative;}
.index_1_6_mid_2_4 span:before{
content: "";
  position: absolute;
  z-index: 1;
  background: #0799ff;
  right: 0%;
  top: 0.7em;
  width: 20px;
   
  height: 1px;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;}
.index_1_6_mid_2 .index_1_5_mid_1_mid_2{
padding:1.25em; color:#000;}
.index_1_6_mid_2_4{
margin-top:0.8em;}
.index_1_6_mid_1{
text-align:center;}
.index_1_6 .index_1_5_mid_1{
margin:0;}
.index_1_6_mid_1{
margin:2em 0;}
.index_1_6_mid{
position:relative;}
.index_1_6_mid_footer{
position:absolute; right:0; top:0.3em;}
.index_1_6_mid_footer a{
display:inline-block; width:8.5625em; line-height:2.25em; text-align:center; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img30.png);}
.index_1_6{
margin-bottom:5.625em;}
.index_1_7_mid{ min-height:7.875em; 
position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; /*background-image:url(../images/index/img31.jpg);*/}
.index_1_7_mid_1{
margin:0 auto; width:90%;}
.index_1_7_mid_1 ul li{
float:left; width:39%; margin-top:0.5em;}
.index_1_7_mid_1 ul li:nth-child(2n){
float:right;}
.index_1_7_mid_1 ul li dl dd{
float:left; text-align:center;}
.index_1_7_mid_1 ul li dl dd:nth-child(2n){
float:right;}
.index_1_7_mid_1_2{ margin-top:0.3em;
font-size:1.43375em; color:#000; }
.index_1_7_mid_footer{
position:absolute; left:0; width:100%; bottom:-3.875em;}
.index_1_7_mid_footer_mid{
width:90%; margin:0 auto; background-color:#f0f5f9;border-radius:10px;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);}
.index_1_7_mid_footer_mid_mid{
padding:2em;}
.index_1_7_mid_footer_mid_mid_1{ margin-bottom:0.8em;
text-align:center; font-size:2.1875em;}
.index_1_7_mid_footer_mid_mid_2{
position:relative; padding:0 2.5em;}
.swiper-button-next-p{
right:0; background-position:right center; background-size:auto; background-image:url(../images/index/img33.png);}
.swiper-button-prev-p{
left:0;background-position:left center; background-size:auto; background-image:url(../images/index/img34.png);}
.index_1_7_mid_footer_mid_mid_2 table td{
height:2em; vertical-align:middle;}
.index_1_7_mid_footer_mid_mid_2 table td img{
max-height:2em}
.index_1_7_mid_footer_mid_mid_2 table{
width:100%; vertical-align:middle;}


.index_more-button {position:relative;line-height: 1.8;overflow: hidden;display:inline-block;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all ease .4s;transition: all ease .4s;}

.index_more-button span {
	 display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-transition: all ease .4s;
	transition: all ease .4s;
}
 .index_more-button span:nth-child(1){
  color: #666;
  font-size: 14px;
  line-height: 1.65;
}

.index_more-button span.hover {
	border:1px #000 solid;
	border-radius:35px;
    display: block;
    text-align:center;
    width: 100px;
    height: 35px;
	line-height:32px;
	color:#000;
    z-index: 4;
}


.index_1_5_mid_1_mid_b{ position:relative;
border:1px #b5b5b5 solid;border-radius:5px;}
.index_1_5_mid_1_mid_b .index_1_5_mid_1_mid_2{
border:none;}
#index_1_6 .index_1_5_mid_1 ul li{
position:relative;  }
.index_1_3_mid_right_2{
overflow:visible}
.dps{display:inline-block;position:relative;text-align: center;}
.dps i{position:absolute;top:0;right:0;left:0;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:.45s opacity ease-in-out;transition:.85s opacity ease-in-out;
position:absolute; left:0; top:0; width:100%; z-index:10;}
.dps img.cur_1{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:.45s opacity ease-in-out;transition:.45s opacity ease-in-out}
.index_1_4_1_pic{
position:relative;}
.wonderbg { width: 100%; height: 100%; position: absolute; z-index:555; left: 0; top: 0; background: #009cfb; filter: alpha(opacity=90); background: rgba(0,156,251,0.9); -webkit-transition: -webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition: transform .54s cubic-bezier(.215,.61,.355,1); transition: transform .54s cubic-bezier(.215,.61,.355,1),-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }
.index_1_4_1_pic b { display: block; width: 34px; z-index:666; height: 34px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: url(../images/search.png) center no-repeat; opacity: 0; visibility: hidden; transition: 0.48s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); }
.wonders { padding: 26px 32px 62px 32px; background: #f1f1f1; transition: 0.7s; position: relative; }
.index_1_4_1 ul li{
position:relative;}
.index_1_4_1 ul li:after { content: ""; width: 100%; height: 4px; background: #00a0e9; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition: transform .5s cubic-bezier(.215,.61,.355,1); transition: transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;  }
.index_1_5_mid_1 ul li .index_1_5_mid_1_mid_2{ display:block;
position:relative; overflow:hidden;}
 
#index_1_5 .index_1_5_mid_1 ul li .index_1_5_mid_1_mid_2:after{content: ""; width: 100%; height: 2px; background: #00a0e9; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition: transform .5s cubic-bezier(.215,.61,.355,1); transition: transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;
  }
.index_1_6_mid_footer{
display:none}

.index_1_5_mid_2_right{
z-index:10; overflow:hidden;}
.index_1_5_mid_2_right:before{ z-index:-1;content:"";position:absolute;right:100%;width:100%;height:100%;background:#00a0e9;-webkit-transition:right 0.2s ease-out;transition:right 0.2s ease-out}
.index_1_5_mid_2_left{
position:relative; z-index:10;}
.index_1_5_mid_2 ul li:hover .index_1_5_mid_2_right:before{
right:0;}
.index_1_6_mid_1 nav a{
font-size:1.13625em;}
.cl-effect-10 a span{
background-color:#fff; color:#000;}
.cl-effect-10 a::before{
background-color:#00a0ea; color:#fff;}

.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 


.hover1{
	border: 1px #666 solid;
	border-radius: 20px;
	text-align:center;
	width: 100px;
	height: 34px;
	line-height: 32px;
	color: #666;
	z-index: 4;
	font-size:13px;
	margin-top: 12px;
}

.hover2{
	border: 1px #666 solid;
	border-radius: 20px;
	text-align:center;
	width: 100px;
	height: 34px;
	line-height: 32px;
	color: #666;
	z-index: 4;
	font-size:13px;
	margin: 12px auto;
}

.hover1:hover{
	border: 1px #008FD7 solid;
	color: #fff;
	background:#008FD7
}

.hover2:hover{
	border: 1px #008FD7 solid;
	color: #fff;
	background:#008FD7
}


@media(max-width: 1024px) {
	.index_1_3_mid_left{position:relative;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center;width:100%;margin-bottom: 1.5em;}
	.index_1_3_mid_right{float:left; width:100%;}
	.index_1_3_mid_right_2_left{text-align:center;width:100%;position:relative;margin-bottom:1.5em;padding: 25px 0;}
	.index_1_3_mid_right_2_right{float:left; width:100%;}
	
	.index_1_3_mid_right_2_right ul li{height: auto; padding:25px 0;}
	
	.index_1_3_mid_right_1{height: auto;padding:25px 0;}
	
	.index_1_3_mid_right_1_right{margin-top: 2.5em;}


}