.banner{}
.bnimg_img{width: 100%;}
.banner .swiper-slide i{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.bnimg_txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); /*width: 52.76%;*/width: 100%;}



.banner .swiper-pagination{bottom: 157px; font-size: 0;}
.banner .swiper-pagination-bullet{height: 20px!important;background: none;position: relative; width: 97px; margin: 0 2.5px !important; opacity: 1;}
.banner .swiper-pagination-bullet::before{content: "";position: absolute;width: 100%;height: 1px;background: rgba(255,255,255,0.5);left: 0;bottom: 10px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{height: 3px;background:#f5853b;}

.index1{margin-top:0px; position: relative; z-index: 2; }
.index1 ul{height: 0; width: 100%; padding-bottom: 53.89%; position: relative;}
.index1 ul li{float: left; position: absolute;}
.index1 ul li:nth-child(1){ width: 33%; height: 50%; left: 0; top: 0;}
.index1 ul li:nth-child(2){ width: 34%; height: 50%; left: 33%; top: 0;}
.index1 ul li:nth-child(3){ width: 33%; height: 50%; left: 67%; top: 0;}
.index1 ul li:nth-child(4){ width: 33%; height: 50%; left: 0; top: 50%;}
.index1 ul li:nth-child(5){ width: 67%; height: 50%; left: 33%; top: 50%;}
.index1 ul li a{display: block; width: 100%; height: 100%;}
.index1 ul li a img{width: 100%; height: 100%;}
.index1 ul li a dl{position: absolute; color: #fff;}
.index1 ul li:nth-child(1) a dl{left: 0px; bottom: 0px; padding:50px 60px; width: 100%;}
.index1 ul li:nth-child(1) a dl dt{ width: 87px; height: 1px; background: #fff; margin-bottom: 20px;}
.index1 ul li:nth-child(1) a dl dd{ line-height: 24px; max-height: 72px; overflow: hidden; font-size:20px;}

.index1 ul li:nth-child(2) a dl{top:80%; left:10%; width:65%; background:url(../images/pro_no_1.png) left center no-repeat; color:#000; padding: 0 20px 0 80px; transform: translateY(-80%);  -webkit-transform: translateY(-80%);}
.index1 ul li:nth-child(2) a dl dd{line-height:1.5em;max-height: 6em; overflow: hidden; text-transform:uppercase;}

.index1 ul li:nth-child(3) a dl{top:80%; left:10%; width:65%; background:url(../images/pro_no_2.png) left center no-repeat; color:#000; padding: 0 20px 0 80px; transform: translateY(-80%);  -webkit-transform: translateY(-80%);}
.index1 ul li:nth-child(3) a dl dd{line-height:1.5em;max-height: 6em; overflow: hidden; text-transform:uppercase;}

.index1 ul li:nth-child(4) a dl{top:80%; right:0%; width:80%; background:url(../images/pro_no_3.png) left center no-repeat; color:#000; padding: 0 20px 0 80px; transform: translateY(-80%);  -webkit-transform: translateY(-80%);}
.index1 ul li:nth-child(4) a dl dd{line-height:1.5em;max-height: 6em; overflow: hidden; text-transform:uppercase;}

.index1 ul li:nth-child(5) a dl{top:80%; left:5%; width: 50%; background:url(../images/pro_no_4.png) left center no-repeat; color:#000; padding: 0 20px 0 80px; transform: translateY(-80%);  -webkit-transform: translateY(-80%);}
.index1 ul li:nth-child(5) a dl dd{line-height:1.5em;max-height: 6em; overflow: hidden; text-transform:uppercase;}

.index2{width: 100%; height:auto; background:url(../images/ys_back.jpg) top center no-repeat; padding-bottom:5%; position: relative; overflow: hidden;}
.index2_l{width:33%; margin-top:9%; background:#fff;}
.index2_l img{width:100%;}
.index2_l .index2_l_con{color:#000; background:url(../images/ys_1_logo.png) top right no-repeat;; width:100%;height:auto; padding:6% 10%; text-transform:uppercase;}
.index2_l .index2_l_con span{line-height:28px;}
.index2_r{width:34%; margin-top:4%; background:#f5853b;}
.index2_r img{width:100%;}
.index2_r .index2_r_con{color:#fff; background:url(../images/ys_2_logo.png) top right no-repeat; width:100%;height:auto; padding:15% 10%; text-transform:uppercase;}
.index2_r .index2_r_con span{line-height:28px;}




.index3{ overflow: hidden;}
.index3_l{width:40%;}
.index3_l>a> img{margin-bottom: 25px;}
.index3_l_con{width: 52.66%;padding-right:0; color:#fff;}
.index3_l_con h1{color:#1b1d1c; margin: 0 -14px; line-height: 1em; margin-bottom: 20px;}
.index3_l_con h1 a{font-weight: bold; padding: 0 14px;}
.index3_l_con h1 a:first-child{border-right: #d5dada solid 1px;}
.index3_l_con p{line-height: 28px; margin-bottom: 50px; color: #1b1d1c;max-height: 84px; overflow: hidden;}
.index3_l_con > a{display: block; width: 140px; height: 32px; line-height: 32px; text-align: center; background: #f5853b; color: #fff;}

.index3_r{width:60%;}
.index3_r ul{margin: 0 -16px;}
.index3_r ul li{float:right; width:45%; padding:0 16px; position: relative; cursor: pointer;}
.index3_r_in{position: relative;}
.index3_r ul li a{display: block;position: relative;}
.index3_r_icon{position: absolute; bottom: 0; right: 0; cursor: pointer;}

.index3_tc{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10000; display: none;}
/*.index3_tc_in{}*/
.index3_bimg{ max-width:75%; max-height: 75%;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%);}
.index3_close{position: absolute; top: 0; right: 0; cursor: pointer;}


.index5{overflow:hidden; text-align:center; margin-bottom:5%;}
.index5 .index5_c{padding:34px 0px; line-height:60px; color:#333; background:url(../images/pro_list.jpg) center no-repeat;}
.index5 .index5_con{color:#333; width:100%; line-height:1.5em;}
.index5 .index5_con .index5_con_l{width:19%; margin:0 0.5%; background:#f6f5f3;}
.index5 .index5_con .index5_con_l img{width:100%;}
.index5 .index5_con .index5_con_l .index5_data{width:26%; margin:0 37%; padding:5px; background:#292929; color:#fff; line-height:2em; position:relative; margin-top:-30px;}
.index5 .index5_con .index5_con_l .index5_con_l_c{width:100%; padding:3% 7% 10% 7%; color:#4d4d4d; text-align:left;}
.index5 .index5_con .index5_con_l .index5_con_l_c p{line-height:3em; text-align:center;}


@media only screen and (max-width: 1440px) {
	
	.index3_l_con p{margin-bottom: 25px;}
	.index5 .index5_con .index5_con_l .index5_data{width:40%; margin:0 30%; padding:5px; background:#292929; color:#fff; line-height:2em; position:relative; margin-top:-30px;}
	/*.index4{padding: 80px 0 200px;}*/
}
@media only screen and (max-width: 1200px) {
	.banner .swiper-pagination{bottom: 101px;}
	.index1{margin-top:0px;}
	.index1 ul li:nth-child(1) a dl{padding:0px 40px;}
	.index2_l_con{width: 100%; padding: 0 8.3%;}
	.index2_r_con{width: 100%; padding: 0 8.3%;}
	.index3_l_con{width: 100%; padding: 0 8.3%;}
	.index5 .index5_con .index5_con_l .index5_data{width:40%; margin:0 30%; padding:5px; background:#292929; color:#fff; line-height:2em; position:relative; margin-top:-30px;}
}

@media only screen and (max-width: 1023px) {
	.banner .swiper-pagination{bottom: 70px;}
	.index1{margin-top:0px;}
	.index3_l{width:100%; position: relative;}
	.index3_l > img{width: 31.35%;}
	.index3_l_con{width: 68.65%; padding: 0 3%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.index3_r{padding-top: 0; width: 100%; padding: 0 3%;}
	
	.index3_r ul{margin: 0 -5px;}
	.index3_r ul li{padding: 0 5px; width: 33.333333%;}
	.index3_r_icon{width: 30px;}
	.index3_close{width: 30px;}
	
	.index5 .index5_con .index5_con_l{width:100%; margin:0.5%; background:#f6f5f3;}
	.index5 .index5_con .index5_con_l img{width:40%; float:left;}
    .index5 .index5_con .index5_con_l .index5_data{width:20%; margin:0 20% 0 60%; padding:5px; background:#292929; color:#fff; line-height:2em; position:relative;}
	.index5 .index5_con .index5_con_l .index5_con_l_c{width:60%; padding:2% 7% 5% 7%; color:#4d4d4d; text-align:left; float:left;}
	.index5 .index5_con .index5_con_l .index5_con_l_c p{line-height:3em; text-align:center;}
	/*.index4{padding: 40px 0 120px;}
	
	.index4_l {width: 100%; margin-bottom: 20px;}
	.index4_l ul{margin-right: -3.68%;}
	.index4_l ul li dl dd:nth-of-type(1){letter-spacing: 1em; margin-right: -1em;}
	.index4_r{width: 100%;}
	*/
}

@media only screen and (max-width: 767px) {
	.banner .swiper-pagination{bottom: 30px;}
	.banner .swiper-pagination-bullet{width: 30px;}
	.index1{margin-top:0px;}
	.index1 ul,.index2{padding-bottom: 0; height: auto;}
	.index1 ul li{position: relative; left: auto !important; top: auto !important; width: 100% !important; height: auto !important;}
	.index1 ul li:nth-child(1) a dl{padding: 3%;}
	.index1 ul li:nth-child(1) a dl dt{margin-bottom: 10px;}
	.index1 ul li:nth-child(2) a dl{width: 100%; padding:3% 3% 3% 80px; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	.index1 ul li:nth-child(3) a dl{width: 100%; left:5%; padding:3% 3% 3% 80px; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	.index1 ul li:nth-child(4) a dl{width: 100%; padding:3% 3% 3% 80px; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	
	.index2_l,.index2_r{position: relative; left: auto; top: auto; width: 100%; margin-top:0%;}
	.index2_l_con{bottom: 20px; padding: 0 3%;}
	.index2_l_con p{line-height: 24px; max-height: 72px; margin-bottom: 15px;}
	.index2_r_con{width: 100%; bottom: 20px;}
	.index2_r_con p{line-height: 24px; max-height: 72px; margin-bottom: 15px;}
	
	.index3_l{width: 100%; margin-bottom: 20px;}
	.index3_l > img{width: 100%;}
	.index3_l_con{padding: 0 3%; position: relative; transform: translateY(0);  -webkit-transform: translateY(0); width: 100%;}
	.index3_l_con h1{margin-bottom: 10px;}
	.index3_l_con p{line-height: 24px; max-height: 72px; margin-bottom: 15px;}
	.index3_r{width: 100%; padding: 0;}
	.index3_r ul{ padding: 0 3%;}
	.index3_r ul li{width: 33.333333%;}
	
	.index5 .index5_con .index5_con_l{width:100%; margin:0.5%; background:#f6f5f3;}
	.index5 .index5_con .index5_con_l img{width:40%; float:left;}
    .index5 .index5_con .index5_con_l .index5_data{width:20%; margin:0 20% 0 60%; padding:5px; background:#292929; color:#fff; line-height:2em; position:relative;}
	.index5 .index5_con .index5_con_l .index5_con_l_c{width:60%; padding:2% 7% 5% 7%; color:#4d4d4d; text-align:left; float:left;}
	.index5 .index5_con .index5_con_l .index5_con_l_c p{line-height:3em; text-align:center;}
	
	/*.index4{padding: 30px 0 80px;}
	.index4_l{width: 100%; margin-bottom: 0;}
	.index4_l_con img{margin-bottom: 15px;}
	.index4_l_con h2{margin-bottom: 10px;}
	.index4_l_con p{line-height: 24px;}
	.index4_l ul{margin-right: 0;}
	.index4_l ul li{width: 100%; padding: 0; margin-bottom: 20px;}
	.index4_l_con{padding-top: 20px;}
	.index4_r{width: 100%;}
	.index4_l ul li dl{padding-top: 20px;}
	.index4_l ul li dl dd:nth-of-type(1){margin-right: 0; margin-bottom: 10px;}
	.index4_l ul li dl dd:nth-of-type(2){margin-bottom: 10px;}
	.index4_l ul li dl dd:nth-of-type(2) span{width: auto;}
	.index4_l ul li dl dd:nth-of-type(2) span:first-child{padding-right: 15px; margin-right: 15px;}
	
	.index4_txt{height: 36px;}
	.index4_btn{height: 36px;}*/
}



/*2019-02-22*/

.index3_tc{display: none !important;}