@charset "utf-8";

.wrapper{ height:100%; width: 100%;}

/* header */
/*.header{ position:absolute; z-index:999; right:0; left:0;height: 86px}*/

.box{background-size: 100% 100%;-webkit-transition:all 1s .2s ease; -moz-transition:all 1s .2s ease; -ms-transition:all 1s .2s ease; -o-transition:all 1s .2s ease; transition:all 1s .2s ease;}
		
/*index_banner*/
.indexContainer{width: 1320px;margin:auto}


.index_banner{position: relative;}
@-webkit-keyframes anishake1{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	50%{-webkit-transform:translate3d(20px, 40px, 0);transform:translate3d(20px, 40px, 0)}
	100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes anishake1{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	50%{-webkit-transform:translate3d(20px, 40px, 0);transform:translate3d(20px, 40px, 0)}
	100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@-webkit-keyframes anishake2{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	50%{-webkit-transform:translate3d(30px, 60px, 0);transform:translate3d(30px, 60px, 0)}
	100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes anishake2{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	50%{-webkit-transform:translate3d(30px, 60px, 0);transform:translate3d(30px, 60px, 0)}
	100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@-webkit-keyframes anishake3{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	50%{-webkit-transform:translate3d(-10px, 40px, 0);transform:translate3d(-10px, 40px, 0)}
	100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes anishake3{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	50%{-webkit-transform:translate3d(-10px, 40px, 0);transform:translate3d(-10px, 40px, 0)}
	100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}

@-webkit-keyframes disptale{
	0%{-webkit-transform: display:none;transform: display:none}
	
	100%{-webkit-transform: display:inline; transform: display:inline }
}
@keyframes disptale{
	0%{-webkit-transform: display:none;transform: display:none}
	
	100%{-webkit-transform: display:inline; transform: display:inline }
}




@-webkit-keyframes show{
	0%{-webkit-transform:scale(1); opacity:0;}
	20%{-webkit-transform:scale(1); opacity:.2;}
	40%{-webkit-transform:scale(1); opacity:1;}
	
	80%{-webkit-transform:scale(.8); opacity:0; }
	100%{-webkit-transform:scale(.8); opacity:0; }
}
@keyframes show{
	0%{-webkit-transform:scale(1); opacity:0;}
	20%{-webkit-transform:scale(1); opacity:.2;}
	40%{-webkit-transform:scale(1); opacity:1;}
	
	80%{-webkit-transform:scale(.8); opacity:0; }
	100%{-webkit-transform:scale(.8); opacity:0; }
}

@-webkit-keyframes show2{
	0%{-webkit-transform:scale(1); opacity:1;}
	
	50%{-webkit-transform:scale(.8); opacity:0; }
	100%{-webkit-transform:scale(.8); opacity:0; }
}
@keyframes show2{
	0%{-webkit-transform:scale(1); opacity:1;}
	
	50%{-webkit-transform:scale(.8); opacity:0; }
	100%{-webkit-transform:scale(.8); opacity:0; }
}

.index_banner .pure{position: absolute;top:0;width: 100%;height: 100%;left: 0;right:0;bottom:0;margin:auto;background: url(../images/1icon_indexbg.png) no-repeat center;background-size: 100% 100%;z-index: 8}
	.index_banner .icon{background-size: 100%;background-repeat: no-repeat;background-position: center;display: block;position: absolute;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-duration: 3s;animation-duration: 3s;
}
	.index_banner .pureBtn{width:12px;height: 12px;background-image: url(../images/1icon_index13.png);background-size: 8px 8px;left: 0;right: 3.9%;margin:auto;top:18.5%;cursor: pointer;display: block;z-index: 77}
	.index_banner .item-2 .icon{overflow: hidden;-webkit-border-radius: 50%;border-radius: 50%;sc}
	.index_banner .ani-box .item{width: 100%;position: absolute;left:0;background-repeat: no-repeat;background-color: center 0;-webkit-transition: all .5s;transition: all .5s;height:100%;top:0}
	.index_banner .ani-box .dust-1{width:79px;height: 75px;background-image: url(../images/1icon_index01.png);left: 50%;top:28%;margin-left: -44%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:1s;animation-delay:1s}
	.index_banner .ani-box .dust-2{width:36px;height: 35px;background-image: url(../images/1icon_index02.png);left: 50%;top:15%;margin-left: -26%;-webkit-animation-name:anishake1;animation-name:anishake1;-webkit-animation-delay:.3s;animation-delay:.3s}
	.index_banner .ani-box .dust-3{width:37px;height: 31px;background-image: url(../images/1icon_index06.png);left: 50%;top:55%;margin-left: -17%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:.3s;animation-delay:.3s}
	.index_banner .ani-box .dust-4{width:32px;height: 33px;background-image: url(../images/1icon_index01.png);opacity: .8;left: 50%;top:70%;margin-left: -10%;-webkit-animation-name:anishake2;animation-name:anishake2;-webkit-animation-delay:.3s;animation-delay:.3s}
	.index_banner .ani-box .germ-1{width:55px;height: 55px;background-image: url(../images/1icon_index03.png);left: 50%;top:63%;margin-left: -32%;-webkit-animation-name:anishake1;animation-name:anishake1;-webkit-animation-delay:1.1s;animation-delay:1.1s}
	.index_banner .ani-box .germ-2{width:95px;height: 95px;background-image: url(../images/1icon_index04.png);left: 50%;top:36%;margin-left: -26%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:.3s;animation-delay:.3s}
	.index_banner .ani-box .germ-3{width:54px;height: 54px;background-image: url(../images/1icon_index07.png);left: 50%;top:48%;margin-left: -3%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:.3s;animation-delay:.3s}
	.index_banner .ani-box .germ-4{width:95px;height: 95px;background-image: url(../images/1icon_index10.png);left: 50%;top:48%;margin-left: 12%;-webkit-animation-name:anishake2;animation-name:anishake2;-webkit-animation-delay:0.8s;animation-delay:0.8s}
	.index_banner .ani-box .germ-5{width:54px;height: 54px;background-image: url(../images/1icon_index09.png);left: 50%;top:22%;margin-left: 25%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:0.5s;animation-delay:0.5s}
	.index_banner .ani-box .germ-6{width:46px;height: 46px;background-image: url(../images/1icon_index41.png);left: 50%;top:53%;margin-left: 40%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:0.8s;animation-delay:0.8s}
	.index_banner .ani-box .hair-1{width:44px;height: 55px;background-image: url(../images/1icon_index05.png);left: 50%;top:12%;margin-left: -16%;-webkit-animation-name:anishake2;animation-name:anishake2;-webkit-animation-delay:0.6s;animation-delay:0.6s}
	.index_banner .ani-box .hair-2{width:120px;height: 57px;background-image: url(../images/1icon_index08.png);left: 50%;top:27%;margin-left: 5%;-webkit-animation-name:anishake1;animation-name:anishake1;-webkit-animation-delay:.3s;animation-delay:.3s}
	.index_banner .ani-box .hair-3{width:161px;height: 51px;background-image: url(../images/1icon_index12.png);left: 50%;top:73%;margin-left: 24%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:.7s;animation-delay:.7s}
	.index_banner .ani-box .hair-4{width:95px;height: 64px;background-image: url(../images/1icon_index11.png);left: 50%;top:12%;margin-left: 40%;-webkit-animation-name:anishake2;animation-name:anishake2;-webkit-animation-delay:.3s;animation-delay:.3s}
.index_banner .pured{position: absolute;top:0;width: 100%;height: 100%;left: 0;right:0;bottom:0;margin:auto;z-index: 9;display: none}	
	.index_banner .layliu .img{position: absolute;display: inline-block;width:22%;height:auto;top:18%;left: 0;right:3.5%;bottom:0;margin:auto;}
		.index_banner .layliu img{position: absolute;display:none;;width: 100%;height:auto;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-duration: 3s;animation-duration: 3s;}
		.index_banner .layliu .imgL1{-webkit-animation-name:disptale;animation-name:disptale;-webkit-animation-delay:1s;animation-delay:.1s}
		.index_banner .layliu .imgL2{-webkit-animation-name:disptale;animation-name:disptale;-webkit-animation-delay:1s;animation-delay:.2s}
		.index_banner .layliu .imgL3{-webkit-animation-name:disptale;animation-name:disptale;-webkit-animation-delay:1s;animation-delay:.3s}
		.index_banner .layliu .imgL4{-webkit-animation-name:disptale;animation-name:disptale;-webkit-animation-delay:1s;animation-delay:.4s}

		.index_banner .layliu img.active{display: inline; }
	.index_banner .pured .item{opacity: 0}
	.index_banner .pured .oxy-1{width:54px;height: 54px;background-image: url(../images/1icon_index14.png);left: 50%;top:30%;margin-left: -36%;-webkit-animation-name:show;animation-name:show;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration: 5s;animation-duration: 5s;
}
	.index_banner .pured .oxy-2{width:58px;height: 58px;background-image: url(../images/1icon_index16.png);left: 50%;top:53%;margin-left: -23%;-webkit-animation-name:show;animation-name:show;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration: 10s;animation-duration: 10s;
}
	.index_banner .pured .oxy-3{width:53px;height: 53px;background-image: url(../images/1icon_index20.png);left: 50%;top:62%;margin-left: 12%;-webkit-animation-name:show;animation-name:show;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-duration:8s;animation-duration:8s;
}
	.index_banner .pured .oxy-4{width:54px;height: 54px;background-image: url(../images/1icon_index21.png);left: 50%;top:27%;margin-left: 25%;-webkit-animation-name:show;animation-name:show;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration: 9s;animation-duration: 9s;
}
	.index_banner .pured .oxy-5{width:34px;height: 34px;background-image: url(../images/4icon_index17.png);left: 50%;top:36%;margin-left: -13%;-webkit-animation-name:show;animation-name:show;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration: 13s;animation-duration: 13s;
}
	.index_banner .pured .oxy-6{width:26px;height: 26px;background-image: url(../images/1icon_index18.png);left: 50%;top:34%;margin-left: 11%;-webkit-animation-name:show;animation-name:show;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-duration: 5s;animation-duration: 5s;
}
	.index_banner .pured .oxy-7{width:17px;height: 17px;background-image: url(../images/1icon_index18.png);left: 50%;top:62%;margin-left: -2%;-webkit-animation-name:show;animation-name:show;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration: 5s;animation-duration: 5s;
}
	
	.index_banner .pured .leaf-1{width:43px;height: 33px;background-image: url(../images/1icon_index47.png);left: 50%;top:51%;margin-left: -29%;-webkit-animation-name:anishake1;animation-name:anishake1;-webkit-animation-delay:1s;animation-delay:1s}
	.index_banner .pured .leaf-2{width:34px;height: 13px;background-image: url(../images/1icon_index48.png);left: 50%;top:29%;margin-left: -23%;-webkit-animation-name:anishake1;animation-name:anishake1;-webkit-animation-delay:.3s;animation-delay:.3s}
	.index_banner .pured .leaf-3{width:51px;height: 32px;background-image: url(../images/1icon_index49.png);left: 50%;top:62%;margin-left: -13%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:.3s;animation-delay:.3s}
	.index_banner .pured .leaf-4{width:26px;height: 11px;background-image: url(../images/1icon_index50.png);left: 50%;top:43%;margin-left: 20%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:.4s;animation-delay:.4s}
	.index_banner .pured .leaf-5{width:43px;height: 32px;background-image: url(../images/1icon_index51.png);left: 50%;top:50%;margin-left: 23%;-webkit-animation-name:anishake3;animation-name:anishake3;-webkit-animation-delay:.1s;animation-delay:.1s}
.inbannerTitle{position: absolute;color: #0b9981;font-style: italic;top:18%;left: 21%;font-size: 12px;display: inline-block;padding-right: 10px}	
	.inbannerTitle .bd{overflow: hidden;}	
	.inbannerTitle .bd ul{}	
	.inbannerTitle .bd ul li{width: 422px;margin:0 4px}	
	.inbannerTitle h3{font-size: 45px;font-weight: 300;margin-bottom: 10px}
	.inbannerTitle .EN{font-family: Arial;}
/* index_product */
.titleLabel{text-align: center;color: #202020;font-size: 20px;}
.titleLabel.ff{color: #fff;}
	.titleLabel h3{font-size: 34px;margin-bottom: 5px;font-weight: 300}
.GoMoreBtn{width: 175px;height: 44px;background: url(../images/1icon_index28.png) no-repeat center;background-size: 100%;display: inline-block;}
.GoMoreBtn:hover{opacity: .6}
.index_product{background-color: #f4f5f6;padding:0 8% 100px}
	.index_product .titleLabel{padding:95px 0 60px;}
	.index_product .product {height: 455px}
	.index_product .product .swiper-slide{width: 25%;text-align: center;padding: 0 5px}
		.index_product .product .swiper-slide .pic{height: 270px;line-height:270px;overflow:hidden;margin-bottom: 30px}
		.index_product .product .swiper-slide .pic img{vertical-align:middle;display: inline-block;height: 100%}
	.index_product .product .swiper-container-horizontal>.swiper-pagination-bullets{ position: absolute;margin:.7rem 0 0rem;text-align: center;}
	            .index_product .product .swiper-pagination-bullet{ margin:0 4px; background:transparent; opacity:1;height:12px;width:12px;background-position: center;background-size: 100%;background-repeat: no-repeat;background-image: url(../images/1icon_index23.png);background-color: transparent;}
	            .index_product .product .swiper-pagination-bullet-active{ background-image: url(../images/1icon_index24.png)}
.index_about{background-color: #fff;}
	.index_about .wordDiv{padding:122px 4% 0 8%;width: 50%}
		.index_about .wordDiv .head{color: #707070;line-height: 28px;margin-bottom: 77px}
			.index_about .wordDiv .head h4{color: #202020;margin:10px 0 10px;font-size: 24px;font-weight: 300}
			.index_about .wordDiv .body li{text-align: center;color: #808080;font-size: 14px;line-height: 130%;display: inline-block;float: left;margin-right: 20px;}
				.index_about .wordDiv .body  li h3{font-size:20px;line-height: 130%;font-weight: 300;margin:15px 0 10px;color: #202020}
						.index_about .wordDiv .body  li span{color: #b1b1b1;}
							.index_about .wordDiv .body li ins{width:117px;height: 117px;background-repeat: no-repeat;background-position: center;display: inline-block;background-size: 100%;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius: 50%;}
							.index_about .wordDiv .body li:nth-child(1) ins{background-image: url(../images/1icon_index25.png)}
							.index_about .wordDiv .body li:nth-child(2) ins{background-image: url(../images/1icon_index26.png)}
							.index_about .wordDiv .body li:nth-child(3) ins{background-image: url(../images/1icon_index27.png)}
				.index_about .wordDiv .GoMoreBtn{margin-top: 66px;}
				.index_about .wordDiv .GoMoreBtn:hover{opacity: 0.6}
	.index_about .imgDiv{width: 50%;overflow: hidden;}
.index_advantage{background-image: url(../images/1bg01.jpg);height: 766px}
	.index_advantage .titleLabel{padding:130px 0 125px;}
	.index_advantage .advantage{padding:0 50px}
		.index_advantage .advantage .numDate{width: 50%;color: #fff;padding-left: 20px}
			.index_advantage .advantage .numDate ins{width: 168px;line-height: 168px;height: 168px;font-size: 24px;margin-right: 20px;background-repeat: no-repeat;background-position: center;background-image: url(../images/1icon_index34.png);text-align: center;}
			.index_advantage .advantage .numDate ins span{font-size: 70px;}
			.index_advantage .advantage .numDate p{line-height: 168px;height: 168px;font-size: 20px}
		.index_advantage .advantage .imgDiv{width: 50%;padding:30px 20px;}
		.index_advantage .advantage .swiper-container{height: 200px;padding:0 40px}
			.index_advantage .advantage .swiper-button-next,.index_advantage .advantage .swiper-button-prev{background-position: center;background-repeat: no-repeat;width: 44px;height: 44px;background-size: 100% 100%;margin-top: -33px;}
			.index_advantage .advantage .swiper-button-next{background-image: url(../images/1icon_index32.png);right: 0;}
			.index_advantage .advantage .swiper-button-prev{background-image: url(../images/1icon_index31.png);left: 0;}
.index_center{padding:0 8% 135px;}
	.index_center .titleLabel{padding:100px 0 75px;}
	.index_center .center{padding-top: 10px}
		.index_center .center ul{margin-left: -30px}
			.index_center .center ul li{padding-left:30px;width:25%;float: left;text-align: center;}
			.index_center .center ul li ins{overflow: hidden;display: block; }
			.index_center .center ul li .pic{color: #333333;font-size: 16px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);overflow: hidden; }
			.index_center .center ul li .desc{padding:0 10px;background-color: #fff;line-height: 70px}
	.index_center .moreDiv{padding-top: 78px}
.moreDiv{text-align: center;}
.index_news{background-color: #f3f6f8;padding-bottom: 112px}
	.index_news .titleLabel{padding:95px 0 83px;}
	.index_news .news{padding:0 8%}
	.index_news .news ins{overflow: hidden;}
	.index_news .news .newsList ins{margin-left: 20px}
	.index_news .news .newsList ins img {height:100%;}
	.index_news .newsCon{margin-left: -40px}
		.index_news .newsCon .item{padding-left: 40px;width: 50%}
		.index_news .newHot{background-color: #fff;}
			.index_news .newHot ins{width: 50%}
				.index_news .newHot .pic{width:50%;padding:30px 35px 10px;line-height: 26px;color: #999999}
					.index_news .newHot .pic h3{font-size: 22px;color: #333;margin-bottom: 10px;font-weight: 300;height: 22px;overflow: hidden;}
					.index_news .newHot .pic .con{height: 170px}
					.index_news .newHot .pic:hover .con{color: #888}
						.index_news .newHot .timeDiv{border-top:1px solid #f4f5f6;padding: 20px 0 0;position: relative;}
						.index_news .newHot:hover .timeDiv{padding:20px 5px 0}
			.index_news  .newsList{background-color: #fff;}
				.index_news  .newsList li{height: 102px;overflow: hidden;border-bottom:1px solid #f3f6f8;padding-right: 43px;position: relative;}
				.index_news  .newsList li:hover{background-color: #f8f9f9}
				.index_news  .newsList li .timeDiv{padding-top: 25px;width: 108px;text-align: center;font-size: 12px;color: #999;}
				.index_news  .newsList li .timeDiv .year{font-size: 32px;color:  #333333;line-height: 32px;}
				.index_news  .newsList li .pic{padding-top: 25px;color: #999999}
				.index_news  .newsList li .pic h3{font-size: 16px;color:  #333333;margin-bottom: 8px;height: 20px;overflow: hidden;}
				.index_news  .newsList li .pic p{height: 16px;overflow: hidden;}
				.index_news  .newsList li .icon{background:url(../images/1icon_index36.png) no-repeat center;width:43px;height:100%;position: absolute;right: 0;top:0 }
.time{color: #999999;font-size: 14px;position: relative;line-height: 14px}
	.time:before{display: inline-block;width:13px;height: 13px;background:url(../images/0time.png) no-repeat center;content: "";position: relative;top:1px;margin-right: 5px }
	.index_news .newHot .icon{display: inline-block;width:27px;height: 13px;top:2px;background:url(../images/1icon_index35.png) no-repeat center;background-size: 100%;position: relative;}
	.index_news .moreDiv{padding-top: 75px}

.index_contact{background-image: url(../images/1bg02.jpg);height: 450px}
.index_contact .contact{width: 1200px;margin:auto}
	.index_contact li{text-align: center;color: #ffffff;font-size: 14px;line-height: 130%;display: inline-block;float: left;width: 33.33%;text-align: center;}
				.index_contact  li a{color: #fff;font-size: 17px}
					.index_contact li ins{width:83px;height: 83px;margin-bottom: 20px;background-repeat: no-repeat;background-position: center;display: inline-block;background-size: 100%;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius: 50%;}
					.index_contact li:hover ins{margin-top: -10px}
					.index_contact li:nth-child(1) ins{background-image: url(../images/1icon_index37.png)}
					.index_contact li:nth-child(2) ins{background-image: url(../images/1icon_index38.png)}
					.index_contact li:nth-child(3) ins{background-image: url(../images/1icon_index39.png)}
	.index_advantage{height: 570px}
	.index_advantage .titleLabel {padding: 100px 0 80px;}
/* 1366 */
@media (max-width:1690px){
		.index_banner .pic .line {display: none}
		.index_about .wordDiv {padding: 122px 2% 0 2%;}
		.index_news .newHot .pic .con{height: 150px;}
		.index_news .newsList li{height: 90px}
}

/* 1200 */
@media (max-width:1440px){
	.index_banner .pic{margin-left: 4%;}
	.index_about .wordDiv{padding:80px 4% 0;}
		.index_about .wordDiv .head{margin-bottom:30px}
			.index_about .wordDiv .body li{margin-right: 0;width: 33.33%}
				.index_about .wordDiv .body li ins{width:100px;height: 100px;}
				.index_about .wordDiv .GoMoreBtn {margin-top:30px;}
		.index_news .newHot .pic{width:50%;padding:10px 10px 10px;}
			.index_news .newHot .pic h3{font-size: 18px;height: 20px}
			.index_news .newHot .pic .con{height:135px;overflow: hidden;}
			.index_news .newHot .pic:hover .con{color: #888}
				.index_news .newHot .timeDiv{border-top:1px solid #f4f5f6;padding: 20px 0 0;position: relative;}
				.index_news .newHot:hover .timeDiv{padding:20px 5px 0}
				.index_news  .newsList{background-color: #fff;}
					.index_news  .newsList li{height:77px;overflow: hidden;border-bottom:1px solid #f3f6f8;padding-right: 43px;position: relative;}
					.index_news  .newsList li img{height:100%;width: auto}
					.index_news  .newsList li .timeDiv,.index_news  .newsList li .pic{padding-top:15px;}
		.inbannerTitle h3{font-size: 32px}						
}

/* 1200 */
@media (max-width:1300px){
	.index_contact{height: 300px}
	.index_about .wordDiv{padding:39px 4% 0;}
	.index_about .wordDiv .body li ins{width:70px;height: 70px;}
	.index_contact .contact {width: 100%;padding: 0 20px}						
}

/* 1040 */
@media (max-width:1040px){
	.index_banner .pureBtn{top: 18%}
    .index_banner .ani-box .dust-1{width:50px;height: 51px;}
    .index_banner .ani-box .dust-2{width:22px;height: 22px;}
    .index_banner .ani-box .dust-3{width:22px;height: 17px;}
    .index_banner .ani-box .dust-4{width:18px;height: 19px;}
    .index_banner .ani-box .germ-1{width:30px;height: 30px;}
    .index_banner .ani-box .germ-2{width:50px;height: 50px;}
    .index_banner .ani-box .germ-3{width:30px;height: 30px;}
    .index_banner .ani-box .germ-4{width:60px;height: 60px;}
    .index_banner .ani-box .germ-5{width:30px;height: 30px;}
    .index_banner .ani-box .germ-6{width:22px;height: 22px;}
    .index_banner .ani-box .hair-1{width:44px;height: 55px;background-size: 100%}
    .index_banner .ani-box .hair-2{width:90px;height: 30px;background-size: 100%}
    .index_banner .ani-box .hair-3{width:130px;height: 24px;background-size: 100%}
    .index_banner .ani-box .hair-4{width:70px;height: 40px;background-size: 100%}
    .index_banner .pured .oxy-1{width:30px;height: 30px;} /*//54-30px*/
    .index_banner .pured .oxy-2{width:22px;height: 22px;}/*//31-22*/
    .index_banner .pured .oxy-3{width:30px;height: 30px;}
    .index_banner .pured .oxy-4{width:30px;height: 30px;}
    .index_banner .pured .oxy-5{width:29px;height: 29px;}/*//34px-29*/
    .index_banner .pured .oxy-6{width:26px;height: 26px;}
    .index_banner .pured .oxy-7{width:17px;height: 17px;}
    .index_banner .pured .leaf-1{width:42px;height: 33px;}
    .index_banner .pured .leaf-2{width:29px;height:9px;}
    .index_banner .pured .leaf-3{width:31px;height: 12px;}
    .index_banner .pured .leaf-4{width:14px;height: 5px;}
    .index_banner .pured .leaf-5{width:28px;height: 20px;}
    .inbannerTitle h3{font-size:23px;margin-bottom: 10px}
    .inbannerTitle{left: 30px}
    .index_about .wordDiv .head h4{font-size: 18px}
    .index_about .wordDiv .head {line-height: 20px;margin-bottom:20px;}
		.index_about .wordDiv .body li h3 {font-size:16px;margin: 5px 0;}
		.index_about .wordDiv .body li ins {width: 50px;height:50px;}
	.GoMoreBtn {width: 120px;height: 30px;}
	.index_advantage .advantage .numDate{text-align: center;padding-left: 0}
	.index_advantage .advantage .numDate ins{width: 100px;height: 100px;line-height:100px;background-size: 100%;float: none;margin-bottom: 10px}
	.index_advantage .advantage .numDate ins span{font-size: 40px}
	.index_advantage .advantage .numDate p{line-height: 150%;width: 100%}
	.index_product {padding: 0 20 60px;}
	.index_center {padding: 0 20px 60px;}
		.index_center .titleLabel { padding:75px 0 50px;}
		.index_center .center ul{margin-left: -10px}
					.index_center .center ul li{padding-left:10px;}
					.index_center .moreDiv{padding-top: 30px}
	.index_news{padding-bottom:60px}
		.index_news .titleLabel{padding:50px 0 60px;}
		.index_news .news{padding:0 20px}
		.index_news .newHot .pic .con{height: 109px}
		.index_news .newHot .timeDiv{padding-top: 10px}
	.index_news .newHot:hover .timeDiv{padding:10px 5px 0}
		.index_news .newsList li{height: 63px;}	
		.index_news .newsList li .timeDiv, .index_news .newsList li .pic{padding-top: 10px;}
		.index_news .newsList li .pic h3 {font-size: 16px;margin-bottom: 4px;}	
		.index_news .newsList li .timeDiv .year {font-size: 24px;line-height: 24px;}
		.index_news .moreDiv{padding-top: 30px;}
		.index_product .titleLabel {padding: 60px 0 40px;}
}
/* 900 */
@media (max-width:900px){
.inbannerTitle h3{font-size:16px;margin-bottom:3px}
    .inbannerTitle{padding-left: 30px;top:16%}
.index_banner .pureBtn{top: 16.4%}
   .index_banner .ani-box .dust-1{width:20px;height: 20px;}
	.index_banner .ani-box .dust-2{width:10px;height: 10px;}
	.index_banner .ani-box .dust-3{width:10px;height: 10px;}
	.index_banner .ani-box .dust-4{width:8px;height: 9px;}
	.index_banner .ani-box .germ-1{width:15px;height: 15px;}
	.index_banner .ani-box .germ-2{width:25px;height: 25px;}
	.index_banner .ani-box .germ-3{width:15px;height: 15px;}
	.index_banner .ani-box .germ-4{width:25px;height: 25px;}
	.index_banner .ani-box .germ-5{width:15px;height: 15px;}
	.index_banner .ani-box .germ-6{width:11px;height: 11px;}
	.index_banner .ani-box .hair-1{width:22px;height: 25px;}
	.index_banner .ani-box .hair-2{width:45px;height: 15px;}
	.index_banner .ani-box .hair-3{width:60px;height: 7px;}
	.index_banner .ani-box .hair-4{width:30px;height: 30px;}
	.index_banner .pured .oxy-1{width:15px;height: 15px;} /*//54-30px*/
	.index_banner .pured .oxy-2{width:11px;height: 11px;}/*//31-22*/
	.index_banner .pured .oxy-3{width:15px;height: 15px;}
	.index_banner .pured .oxy-4{width:15px;height: 15px;}
	.index_banner .pured .oxy-5{width:15px;height: 15px;}/*//34px-29*/
	.index_banner .pured .oxy-6{width:13px;height: 3px;}
	.index_banner .pured .oxy-7{width:9px;height: 9px;}
	.index_banner .pured .leaf-1{width:20px;height: 15px;}
	.index_banner .pured .leaf-2{width:15px;height:5px;}
	.index_banner .pured .leaf-3{width:15px;height:6px;}
	.index_banner .pured .leaf-4{width:7px;height: 3px;}
	.index_banner .pured .leaf-5{width:14px;height: 10px;}
 	.index_product .product .swiper-slide .pic{height: 150px}
 	.index_product .product {height:250px}
 	.index_about .wordDiv{width: 100%;padding:30px 20px}
 	.index_about .imgDiv{width: 100%}
 	.index_advantage .advantage{padding:0 20px}
 	.index_news .newsCon .item{width: 100%;padding-bottom: 20px}
 	.index_contact li{padding: 0 5px;}
 	.index_about .GoMoreBtn{text-align: center;}
 	.index_advantage .titleLabel{padding:60px 0 30px}
 		.index_advantage .advantage .numDate p{font-size: 16px;height: auto;margin-bottom: 10px}
 		.index_advantage .advantage .imgDiv{width: 100%;}
 		.index_advantage .advantage  .numDate{width: 100%}
 	.index_advantage .advantage .swiper-container{height: 300px}
 }
@media (max-width:650px){
	.inbannerTitle{left: 0;padding-left: 10px}
	.inbannerTitle ul li{width:300px}
	.index_banner img.fill{height: 30vh}
	.index_banner .inbannerTitle img{max-width: 60%}

	.inbannerTitle .EN{width: 50%;line-height: 140%}
	@-webkit-keyframes anishake1{
		0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
		50%{-webkit-transform:translate3d(5px, 10px, 0);transform:translate3d(5px, 10px, 0)}
		100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	}
	@keyframes anishake1{
		0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
		50%{-webkit-transform:translate3d(5px, 10px, 0);transform:translate3d(5px, 10px, 0)}
		100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	}
	@-webkit-keyframes anishake2{
		0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
		50%{-webkit-transform:translate3d(6px, 12px, 0);transform:translate3d(6px, 12px, 0)}
		100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	}
	@keyframes anishake2{
		0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
		50%{-webkit-transform:translate3d(30px, 12px, 0);transform:translate3d(30px, 12px, 0)}
		100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	}
	@-webkit-keyframes anishake3{
		0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
		50%{-webkit-transform:translate3d(-5px, 10px, 0);transform:translate3d(-5px, 10px, 0)}
		100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	}
	@keyframes anishake3{
		0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
		50%{-webkit-transform:translate3d(-5px, 10px, 0);transform:translate3d(-5px, 10px, 0)}
		100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	}	

	@-webkit-keyframes anishake3{
		0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
		50%{-webkit-transform:translate3d(-5px, 10px, 0);transform:translate3d(-5px, 10px, 0)}
		100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	}
	@keyframes anishake3{
		0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
		50%{-webkit-transform:translate3d(-5px, 10px, 0);transform:translate3d(-5px, 10px, 0)}
		100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	}

	
 	.titleLabel{font-size:14px;}
 		.titleLabel h3{font-size: 20px;}	
 		.index_about .head h3,.index_about .head h4{text-align: center;}
 	.index_product .titleLabel{padding:30px 0 25px}
 	.index_advantage{height: auto;padding:30px 0}
 	.index_about .head h3 img{width: 70%}
 	.index_about .wordDiv .head h4{font-size: 16px;font-weight: 300}
 	.index_about .wordDiv .body li{width: 100%;margin-bottom: 15px}
 	.index_advantage .titleLabel {padding: 30px 0;}
 	.index_advantage .advantage{padding:0}
 	.index_advantage .advantage .numDate {padding:0 40px}
 	.index_advantage .advantage .numDate ins{width: 80px;height: 80px;line-height: 80px}
 	.index_advantage .advantage .swiper-container{height: 220px;padding:0}

 	.index_advantage .advantage .swiper-container{}
 	.index_advantage .advantage .swiper-button-next,.index_advantage .advantage .swiper-button-prev{width: 30px;height:30px;margin-top: -33px;}
 	.index_advantage .advantage .imgDiv{padding:20px 40px}
 	.index_center {padding: 0 15px 35px;}
		.index_center .center ul li{width: 50%;margin-bottom: 10px}	
		.index_center .center ul li .desc {line-height: 40px;font-size: 13px;padding:0;height: 40px;overflow: hidden;}	

		.index_center .titleLabel {padding: 30px 0 ;}
	.index_news {padding-bottom:45px;}
		.index_news .news{padding:0 15px}
		.index_news .titleLabel {padding: 30px 0;}
		.index_news .newHot ins{width: 40%}
		.index_news .newHot .pic{width: 60%}
		.index_news .newHot .pic .con {font-size: 13px;line-height: 24px;height:45px;}
		.index_news .newHot .pic h3 {font-size: 16px;height: 20px;line-height: 20px;margin-bottom: 0;}
		.index_news .newHot .icon{width: 15px}
		.index_news .newHot .timeDiv{border:none}
		.index_news .newsList li .timeDiv{width:70px}
		.index_news .newsList li{padding-right:20px}
		.index_news .newsList li .icon{width: 20px;background-size: 8px auto;left: }
		.index_news .newsList li .pic h3{font-size: 15px;font-weight: 300}
		.index_news .moreDiv{padding-top: 20px}
		.index_news .news .newsList ins{margin-left: 8px}
	.index_contact{padding:30px 10px;position: relative;}
	.index_contact li{width: 100%;margin-bottom: 20px;font-size: 12px;line-height: 140%}
	.index_contact li ins{width: 45px;height: 45px;margin-bottom: 5px}
		.index_contact li a{font-size: 12px;line-height: 140%}
	.inbannerTitle h3{font-size: 14px}
	.index_banner .pureBtn{background-size: 6px 6px;}
}
/* 320 */
@media (max-width:375px){

}
/* 320 */
@media (max-width:360px){
	.index_news .newHot .pic .con {font-size: 13px;line-height: 24px;height:28px;}


	
}