.banner .swiper-slide > img{width: 100%;}
.banner .pagination {
	font-size: 0;
	position: absolute;
	z-index: 1;
	bottom: 29px;
	width: 100%;
	text-align: center;
}

.banner .swiper-pagination-bullet{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0px 8px 3px !important;
	cursor: pointer;
	background: #fff;
	border-radius: 8px;
	opacity: 0.8;
}

.banner .swiper-pagination-bullet-active {
	background: #a9cae5;
	opacity: 1;
}
.banner_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.banner_con > p{color: #fff; line-height: 1.06em;margin: 0 0 2em;}
.banner_con b{font-weight: normal;margin-right: 18px;}
.banner_con b:nth-of-type(1){font-weight: bold;}
.tit{overflow: hidden; color: #414141; padding: 80px 0; overflow: hidden;}
.tit h1{font-weight: bold; padding-right: 30px; border-right: #414141 solid 1px; margin-right: 30px; line-height: 1.1em;}
.index4 .tit h2{width: 69%;}

.index2{padding-bottom: 50px; background-size: cover;overflow: hidden;}
.index2 ul{position: relative; margin:-5px; clear: both;}
.index2 ul li{position: absolute; padding: 5px; overflow: hidden;}
.index2 ul li:nth-child(1){width: 40%; height: 41.6%; top: 0; left: 0;}
.index2 ul li:nth-child(2){width: 37%; height: 49.3%; top: 0; left: 40%;}
.index2 ul li:nth-child(3){width: 23%; height: 49.3%; top: 0; right: 0;}
.index2 ul li:nth-child(4){width: 40%; height: 58.4%; bottom: 0; left: 0;}
.index2 ul li:nth-child(5){width: 23%; height: 50.6%; bottom: 0; left: 40%;}
.index2 ul li:nth-child(6){width: 37%; height: 50.6%; bottom: 0; right: 0;}
.index2_wrap{position: relative; overflow: hidden;width: 100%; height: 100%;}
.index2_wrap > a{display: block;width: 100%; height: 100%;}
.index2_wrap > a img{width: 100%; height: 100%;}
.index2_con{ color: #fff; position: absolute; top: 0; left: 0; padding: 54px; background: rgba(0,0,0,0.1); width: 100%; height: 100%;}
.index2_con a{ color: #fff; font-weight: bold;}
.index2_con h1{line-height: 1em; margin-bottom: 1em;}
.index2_con p{line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 2.5em; opacity: 0; transition: all 0.5s;}
.index2_con a.more{ opacity: 0;transition: all 0.5s;}


.index3{overflow: hidden; background: #f7f7f7; padding-top: 135px;}
.index3_l{width: 63%; position: relative;}
.index3_l img.index3_img{width: 100%;}
.index3_icon01{cursor: pointer;}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.video_appbox .video_t{ position:absolute; height:60%; width:1280px;z-index:2; background:#000;max-width: 95%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video_appbox .video_t video{width: 100%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20%; right: 8%; cursor:pointer; z-index: 99999;}

.index3_r{max-width: 533px; width: 34%; color: #414141; padding-left: 80px;}
.index3_r h1{font-weight: bold; line-height: 1em; margin: 2.8em 0 1.42em;}
.index3_r_con{overflow: hidden; margin-bottom: 2em;}
.index3_r_con p{line-height: 2em; margin-bottom: 2em;}

.index4{background: #a9cae5; overflow: hidden; padding-bottom: 65px;}
/*.index4 .tit{position: relative;}*/
.index4 .tit h2{width: 60%;}
.index4 .tit .more1{display: block; margin-top: 1.5em; line-height: 1.5em;}
.index4 ul {margin: 0 -16px;}
.index4 ul li{width: 25%; padding: 0 16px 32px; float: left; position: relative; min-height: 1px;}
.index4_container{width: 100%; height: 100%;}
.index4_wrap{background: #fff; border: #e0e0e0 solid 1px; }
.index4_img img{width: 100%;}
.index4_c{ margin: 0 25px; padding: 40px 0 5px; border-top: #e0e0e0 solid 1px; color: #414141; transition: all 0.8s;}
.index4_c h1{font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  line-height: 1.2em; margin-bottom: 0.83em;}
.index4_c h1 a{color: #414141;}
.index4_c p{line-height: 26px; height: 52px; overflow: hidden;}
.index4_c a.more1{opacity: 0; margin-top: 1em; transition: all 0.8s;}

.index5{overflow: hidden; background: #f7f7f7; padding-top: 135px;}
.index5_l{max-width: 533px; width: 34%; color: #414141; padding-right: 138px;}
.index5_l h1{font-weight: bold; line-height: 1em; margin-bottom: 1.625em; margin-top: 2.45em;}
.index5_l ul li{height: 48px; line-height: 47px; border-bottom: #d5d5d5 solid 1px; padding: 0 44px 0 20px; position: relative; cursor: pointer;}
.index5_l ul li.on{background: #a8c9e4;}
.index5_l ul li i{display: block; width: 44px; height: 100%; background: url(../images/more_icon01.png) center center no-repeat; position: absolute; top: 0; right: 0;}
.index5_l ul li a{display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index5_l .more1{margin-top: 4.72em;}


.index5_r{width: 63%; min-height: 1px;}
.index5_r .swiper-slide img{width: 100%;}
.index5_r .swiper-button-prev,.index5_r .swiper-button-next{width: 68px; height: 68px; margin-top: -34px; background-size: 100% 100%;}
.index5_r .swiper-button-prev{background-image: url(../images/index5_l.png); left: 0;}
.index5_r .swiper-button-next{background-image: url(../images/index5_r.png); right: 0;}

.index6{background: #272727; padding: 135px 0;}
.index6 .wrap{position: relative;overflow: hidden;}
.index6 h1{color: #ff0000; font-weight: bold; line-height: 1em; padding-bottom: 1em; border-bottom: #ff0000 solid 2px; width: 35%; margin-bottom: 1.1875em;}
.index6_wrap{width: 57%;}
.index6 .wrap .more{position: absolute; right: 80px; bottom:50px;}
.index6 .wrap .more:hover{color: #ff0000;background-image: url('../images/more_icon01_on.png');}
.index7{padding: 100px 0 117px; overflow: hidden;}
.index7 .tit{padding-top: 0px!important;}
.index7 .tit h1{border: none;}
.index7_hot{width: 43.3%; background: #a9cae5;}
.index7_img img{width: 100%;}
.index7_con{color: #414141; padding: 57px;}
.index7_tag{margin-bottom: 1em; line-height: 1em;}
.index7_con h1{font-weight: bold; margin-bottom: 1.17em; line-height: 1em; height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index7_con h1 a{color: #414141;}
.index7_con h1 a:hover{color: #ff0000;}
.index7_con p{line-height: 1.56em; height: 3.12em; overflow: hidden;}
.index7_con > a{margin-top: 2.33em;}

.index7_r{width: 38.3%; margin-left: 9.7%; padding-top: 36px;}
.index7_r ul li{margin-bottom: 55px;}
.index7_r ul li .index7_con{padding: 0;}

@media only screen and (min-width: 1025px) {
	.index2 ul li:hover .index2_con{background: rgba(0,0,0,0.5);}
	.index2 ul li:hover .index2_con p{opacity: 1;}
	.index2 ul li:hover .index2_con a.more{opacity: 1;}
	.index4 ul li:hover{ position: relative; z-index: 1;}
	.index4 ul li:hover .index4_wrap{ padding: 32px; width: calc(100% + 64px); height: calc(100% + 64px); margin: -32px; box-shadow: 2px 5px 20px 5px rgba(0,0,0,0.3);}
	.index4 ul li:hover .index4_wrap  a.more1{opacity: 1;}
}

@media only screen and (max-width: 1440px) {
	.tit{padding: 60px 0;}
	.index2_con{padding: 40px;}
	.index3{padding-top: 30px;}
	.index4{padding-bottom: 28px;}
	.index5{padding-top: 50px;}
	.index6{padding: 30px 0;}
	.index7{padding: 30px 0;}
	.index7_r{padding-top: 0;}
	.index7_r ul li{margin-bottom: 40px;}
	.index7 .tit{padding: 0 0 30px;}
}

@media only screen and (max-width: 1366px) {
	.index5_l h1{margin-top:1.625em;margin-bottom: 30px;}
}
@media only screen and (max-width: 1366px) {
	.index5_l h1{margin-top:0;}
}

@media only screen and (max-width: 1280px) {
	/* .videoAppend .videoBox{max-width: 70%;} */
	.index3_icon01 {width: 60px;}
}

@media only screen and (max-width: 1024px) {
	.tit{padding: 40px 0;}
	.tit h1{padding: 0; margin: 0; border: none; margin-bottom: 10px;}
	.tit h2{clear: both; width: 100%;}
	.index2{padding-bottom: 30px;}
	.index2_con{padding: 30px;}
	.index2_con h1{margin-bottom: 0.5em;}
	.index2_con p{line-height: 20px; height: 60px; margin-bottom: 1em; opacity: 1;}
	.index2_con a.more{opacity: 1;}
	/* .index3{padding-top: 40px;} */
	.index3_icon01{width: 60px;}
	.index3_r{padding-left: 40px;}
	.index3_r h1{margin: 1em  0;}
	.index4{padding-bottom: 20px;}
	.index4 .tit h2{width: 100%;}
	.index4 .tit .more1{ float: left; margin-top: 10px;}
	.index4 ul{margin: 0 -10px;}
	.index4 ul li{padding:0 10px 20px;}
	.index4_c{padding: 40px 0;}
	.index4_c a.more1{opacity: 1;}
	/* .index5{padding-top: 40px;} */
	.index5_l{padding-right: 60px;}
	.index5_l h1{ margin-bottom: 1em;}
	.index5_l .more1{margin: 30px 0;}
	.index6{padding: 40px 0;}
	/* .index7{padding: 40px 0;} */
	.index7 .tit h1{margin-bottom: 0;}
	.index7_con{padding: 30px;}
	.index7_r ul li{margin-bottom: 30px;}
}
@media only screen and (max-width: 768px) {
	.tit{padding: 30px 0;}
	.index2_con{padding: 20px;}
	/* .index3{padding-top: 30px;} */
	.index3_r{padding-left: 20px;}
	.index3_r h1{margin: 0 0 10px;}
	.index3_r_con{margin-bottom: 10px;}
	.index3_r_con p{margin-bottom: 10px;}
	.index4{padding-bottom: 10px;}
	/* .index5{padding-top: 30px;} */
	.index6{padding: 30px 0;}
	/* .index7{padding: 30px 0;} */
	.index7_con{padding: 20px;}
	.index4_c{padding: 10px 0; margin: 0 10px;}
}
@media only screen and (max-width: 767px) {
	.banner .swiper-container{background: rgba(0,0,0,0.5); padding-bottom: 60px;}
	.banner .swiper-pagination-bullet{width: 10px; height: 10px; border-radius: 5px; margin:0 3px!important;}
	.banner .swiper-pagination-bullet-active{width: 10px!important; height: 10px!important;}
	.banner_con.wrap{ position: static; transform: none; -webkit-transform: none;}
	.banner_con > p{}
	
	.index2 ul{height: auto !important;}
	.index2 ul li{position: static;width: 100% !important;height: auto!important;float: left; left:auto!important; bottom:auto!important; position: relative;}
	.index2_con p{height: 40px;display: none;}
	.index2_con a.more{position: absolute; left:20px; bottom:20px;}
	.index3_l{width: 100%;}
	.index3_r{width: 100%; max-width: 100%; padding:20px 3%;}
	.index4 ul li{width: 50%;padding: 0 5px 10px;}
	.index5_l{width: 100%; padding:20px 3% 30px;}
	.index5_l .more1{margin: 20px 0 0;}
	.index5_r{width: 100%;}
	.index5_r .swiper-button-prev, .index5_r .swiper-button-next{width: 40px; height: 40px; margin-top: -20px;}
	.index6_wrap{width: 100%;}
	.index6 .wrap .more{position: static; margin-top: 20px;}
	.index7_hot{width: 100%; margin-bottom: 20px;}
	.index7_r{width: 100%; margin: 0;}



	/* 20180928 */
	.banner .swiper-container{height: 260px;padding-bottom: 0px;background: #fff;}
	.banner .swiper-slide > img{height: 100%;width: auto;position: relative;left: 50%;transform: translateX(-50%);}
	.main .banner img{max-width: none;}
	.banner .swiper-slide{overflow: hidden;}
	.banner_con.wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
	.banner_con > p{margin: 0 0 0.43em;}
	.banner .pagination{bottom: 15px;}

	.videoAppend .videoBox{max-width: 95%;}
}

.case-down {
  cursor: pointer;
  width: 48%;
  height: 100%;
  line-height: 41px;
  position: relative;
  background: #fff;
  color: #3f3f3f;
  margin-right: 4%;
}
.case-down em {
  display: block;
  width: 41px;
  height: 41px;
  position: absolute;
  right: 0px;
  top: 0;
  background: url(../images/indexh2_l_icon01.png) no-repeat right center ;
  background-size: 100% 100%;
}
.case-down span {
  display: block;
  color: #000;
  padding: 0 13px;
}
.case-down dl {
  position: absolute;
  top: 100%;
  left: 0px;
  padding: 10px 13px;
  background: #fff;
  display: none;
  color: #777;
  width: 100%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  max-height: 195px;
  line-height: 35px;
}

.index_home .nav ul li{margin: 0 44px;}
.index_home .home-swiper-container{overflow: hidden;position: relative;}

.indexh1>img{width: 100%;}
.indexh1 *{touch-action: none;}
.indexh1 .twentytwenty-before-label.on, .indexh1 .twentytwenty-after-label.on{ opacity: 0;}

.indexh1 .twentytwenty-before-label:before{content: " ";left: 60px;}
.indexh1 .twentytwenty-after-label:before{content: " ";right: 60px;}


.indexh1 .twentytwenty-before-label:before, .indexh1 .twentytwenty-after-label:before{ bottom:60px; top: auto; background: none; padding: 0; line-height: 1em; font-size: 30px; font-weight: bold;}
.indexh1 .twentytwenty-overlay:hover{background: none;}

.indexh1 .twentytwenty-handle {
  height: 56px;
  width: 56px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -28px;
  margin-top: -28px;
  border: none;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; 
  background: url(../images/indexh1_icon.png) no-repeat; background-size: 100% 100%;}


  
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{width: 0;}
.indexh2 {overflow: hidden;margin-top: 50px;}
.indexh2_l{width: 66%; height: 100%; position: relative; background-size: cover;}
.indexh2_l>img{width: 100%; height: 100%;}
.indexh2_l_wrap{max-width: 1092px; width: 95.5%; height: 100%; float: right; /*position: absolute; right: 0; top: 0;*/ padding-top: 96px;}
.indexh2_l_tit{overflow: hidden; color: #fff; font-weight: bold; line-height: 1em; margin-bottom: 1.125em;}
.indexh2_l_tit h3{width: 43px; height: 1em; position: relative;}
.indexh2_l_tit h3 span{display: block; width: 7px; height: 7px; border-radius: 50%; background: #fff;}
.indexh2_l_box{margin-bottom: 43px;}
.indexh2_l_box>ul>li{width: 35%; height: 41px; float: left; margin-right: 30px; background: #fff; margin-bottom: 26px; position: relative;}
.indexh2_l_box ul li:first-child{background: none;}
.indexh2_l_box li:first-child .register{background: none;overflow: inherit;}
.indexh2_l_box li:first-child .form{width: auto;}
.indexh2_l_box li:first-child .form .input-box{margin: 0px;}
.indexh2_l_box li:first-child .form .select{width: 100%;margin-bottom: 0px;}
.indexh2_l_box li:first-child .form .input{ width: 100%;margin: 0px;}
.indexh2_l_box li:first-child .form input{padding-right:30px;padding-left: 10px;}
.indexh2_l_box li:first-child .form .selBtn{    right: 8px;}
.indexh2_l_box li:first-child .selects{top:36px;border: none;}
.indexh2_l_box li:first-child .selects li{padding-left: 10px;}
.indexh2_l_tt{width: 100%; height: 100%; border: none; padding: 0 13px 0 41px;color: #3f3f3f; background-size: auto 100% !important;}
.indexh2_l_tt::-webkit-input-placeholder{color:#b0b0b0;}
.indexh2_l_box ul li:nth-child(2) .indexh2_l_tt{background: url(../images/indexh2_l_icon02.png) left center no-repeat;}
.indexh2_l_box ul li:nth-child(3) .indexh2_l_tt{background: url(../images/indexh2_l_icon03.png) left center no-repeat;}
.indexh2_l_box ul li:nth-child(4) .indexh2_l_tt{background: url(../images/indexh2_l_icon04.png) left center no-repeat;}

/* .indexh1 .twentytwenty-handle::before{content: '左右滑动'; position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);width: 100px!important;height: 10px;color: #fff;background: transparent;box-shadow: none;text-align: center;opacity: 0;transition: all 0.3s;}
.indexh1 .twentytwenty-handle:hover::before{opacity: 1;} */
.indexh2_l_tts{width: 48%; height: 100%; padding: 0 13px; display: block; border: none;}
.indexh2_l_tts::-webkit-input-placeholder{color:#b0b0b0;}

.indexh2_l_box ul li > span{position: absolute; left: -16px; top: 11px; color: #ff0000;}

.indexh2_l_wrap .more{display: block; width: 263px; height: 56px; line-height: 56px; text-align: center; background: rgba(252,200,15,0.75) url(../images/more_icon.png) 246px center no-repeat; font-weight: bold; padding-right: 0;}

.indexh2_r{width: 34%; height: 100%; position: relative; }
.indexh2_r>img{width: 100%; height: 100%;}
.indexh2_r_wrap{position: absolute;top: 0; left: 0; display: block; width: 100%; height: 100%;  padding: 96px 72px;background-size: cover;}
.indexh2_r_wrap h1{font-weight: bold; color: #414141;line-height: 1em; margin-bottom: 0.5em;}
.indexh2_r_wrap h2{font-weight: bold; color: #fff;line-height: 1em;}

.indexh3{padding: 50px 0; overflow: hidden;}
.indexh3 ul{margin: -5px; position: relative;}
.indexh3 ul li{padding: 5px; position: absolute;}
.indexh3 ul li > a,.indexh3_box3{display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.indexh3_box3{background: #fcc80f; padding: 20% 0 0 30px;}
.indexh3_box3 h1{color: #414141; font-weight: bold; line-height: 1em; margin-bottom: 1.2em;}
.indexh3 ul li > a img{width: 100%; height: 100%;}
.indexh3 ul li:nth-child(3){width: 20.5%;height: 56.8%; left: 0; top: 0;}
.indexh3 ul li:nth-child(2){width: 20.5%;height: 31.6%; left: 20.5%; top: 0;}
.indexh3 ul li:nth-child(1){width: 20.5%;height: 25.2%; left: 20.5%; top: 31.6%;}
.indexh3 ul li:nth-child(4){width: 41%;height: 43.2%; left: 0; top: 56.8%;}
.indexh3 ul li:nth-child(5){width: 59%;height: 46%; left: 41%; top: 0%;}
.indexh3 ul li:nth-child(6){width: 29.5%;height: 54%; left: 41%; bottom: 0%;}
.indexh3 ul li:nth-child(7){width: 29.5%;height: 54%; right: 0; bottom: 0%;}
.indexh3_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1);transition: all 0.5s;}
.indexh3_wrap p{color: #fff; position: absolute; bottom: 30px; left: 30px; line-height: 1em; font-weight: bold;}
.indexh3_wrap:hover{background: rgba(0,0,0,0);}
.indexh4_img{width: 100%;}

.indexh5{padding: 50px 0; overflow: hidden;}
.indexh5_tit{text-align: center; line-height: 1em; position: relative; margin-bottom: 1.2em;}
.indexh5_tit .more1{position: absolute; right: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}

.indexh5_wrap ul{margin: 0 -25px;}
.indexh5_wrap ul li{width: 33.333333%; float: left; padding: 0 25px;}
.indexh5_list{position: relative; width: 100%; height: 100%;}
.indexh5_img img{width: 100%;}
.indexh5_list i{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.indexh5_list > a{margin-bottom: 30px; position: relative;}
.indexh5_list a:hover .indexh5_icon{transform: translate(-50%,-50%) !important; -webkit-transform: translate(-50%,-50%) !important;}
.indexh5_list h1{color: #414141; font-weight: bold; line-height: 1em;}
.indexh5_list h1 a{color: #414141;}

.videoAppend .videoBox{width: 60%;}
@media only screen and (max-width: 1600px) {
	.indexh3{padding: 80px 0;}
	.indexh5{padding: 80px 0;}
}
@media only screen and (max-width: 1440px) {
	.index_home .nav ul li{margin: 0 30px;}
	.indexh3{padding: 30px 0;}
	.indexh5{padding: 30px 0;}
	.indexh2{margin-top: 30px;}
	.indexh1 .twentytwenty-before-label:before, .indexh1 .twentytwenty-after-label:before{font-size: 24px;}
	.indexh2_l_wrap{padding-top: 50px;}
	.indexh2_l_box{margin-bottom: 0;}
	.indexh2_r_wrap{padding: 50px 40px;}
	.indexh2_l_wrap .more{width: 200px; height: 50px; line-height: 50px; background-position: 183px center;}
}
@media only screen and (max-width: 1366px) {
	
}
@media only screen and (max-width: 1200px) {
	.index_home .nav ul li{margin: 0 20px;}
	.indexh2{margin-top: 30px;}
}
@media only screen and (max-width: 1100px) {
	.index_home .nav ul li{margin: 0 15px;}
}
@media only screen and (max-width: 1024px) {
	.indexh1 .twentytwenty-before-label:before, .indexh1 .twentytwenty-after-label:before{bottom: 40px;font-size: 20px;}
	.indexh1 .twentytwenty-before-label:before{left: 40px;}
	.indexh1 .twentytwenty-after-label:before{right: 40px;}
	.indexh2_l_wrap{padding-top: 40px;}
	.indexh2_l_box ul li{width: 45%; margin-right: 5%;}
	.indexh2_r_wrap{padding: 40px 30px;}
	.indexh5_icon{width: 50px;}
}
@media only screen and (max-width: 1023px) {
	.indexh2_l_tit{margin-bottom: 1em;}
	.indexh2_l_box ul li{height: 35px; margin-bottom: 20px;}
	.case-down{height: 35px; line-height: 35px;}
	.case-down em{width: 35px; height: 35px;}
	.indexh2_l_tt{padding-left: 35px;}
	.indexh2_l_wrap .more{width: 160px;height: 40px;line-height: 40px;background-position: 143px center;}
	.indexh3_wrap p{left: 20px; bottom: 20px;}
	.indexh3_box3{padding-left: 20px;}
}
@media only screen and (max-width: 768px) {
	.indexh2_l_wrap{padding-top: 20px;}
	.indexh2_r_wrap{padding: 20px;}
	.indexh3_box3 h1{font-size: 20px;}
	.indexh5_tit{margin-bottom: 20px;}
	.indexh5_wrap ul{margin: 0 -10px;}
	.indexh5_wrap ul li{padding: 0 10px;}
	.indexh5_list > a{margin-bottom: 15px;}
}
@media only screen and (max-width: 767px) {
	.indexh1 .twentytwenty-before-label:before, .indexh1 .twentytwenty-after-label:before{bottom: 20px; font-size: 14px;}
	.indexh1 .twentytwenty-before-label:before{left: 20px;}
	.indexh1 .twentytwenty-after-label:before{right: 20px;}
	.indexh1 .twentytwenty-handle{width: 40px; height: 40px; margin-left: -20px; margin-top: -20px;}
	.indexh2{height: auto !important;}
	.indexh2_l{width: 100%;}
	.indexh2_l_wrap{padding:20px; width: 100%;}
	.indexh2_l_box ul li{width: 100%; margin-right: 0; height: 30px; margin-bottom: 15px;}
	.case-down{height: 30px; line-height: 30px;}
	.case-down em{width: 30px; height: 30px;}
	.indexh2_l_tt{padding-left: 30px;}
	.indexh2_l_wrap .more{width: 120px; height: 30px; line-height: 30px; background-position: 105px center;}
	.indexh2_r{width: 100%;}
	.indexh2_l_box ul li > span{left: -10px; top: 7px;}
	
	.indexh3 ul{height: auto !important;}
	.indexh3 ul li{position: static; float: left; width: 50% !important; height: auto;}
	.indexh3 ul li:nth-child(1){width:100% !important; text-align: center; }
	.indexh3_box3{padding: 20px;}
	.indexh3_box3 h1{margin-bottom: 10px;}
	.indexh3 ul li > a{height: 0; padding-bottom: 75%;}
	.indexh3 ul li > a > img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); width: auto; height: auto;}
	
	.indexh5_wrap ul li{width: 100%; margin-bottom: 20px;}
	.indexh5_icon{width: 40px;}
	.indexh2{margin-top: 10px;}
	.videoAppend .videoBox{width: 95%;}
}


/* 20181122 */
@media only screen and (max-width: 767px){
	.main .banner img {
		max-width: 100%;
	}
	.banner .swiper-slide > img{
		height: auto;
	}
	.banner .swiper-container{
		height: auto;
	}
}