@charset "utf-8";

/* banner */
.container{width: 1320px;margin:auto}
.container2{width: 1527px;margin:auto}
.titleLabel{text-align: center;font-size: 16px;color: #c5c5c5;}
.titleLabel.ff{color: #fff;}
.titleLabel.ff h3{color: #fff;}
	.titleLabel h3{font-size: 36px;margin-bottom: 5px;font-weight: 300;color: #202020;}
.banner{ position:relative; overflow:hidden; color:#ffffff; text-align:center; }
.banner img{transform: scale(1.13);-webkit-transform: scale(1.13);-webkit-transition:all 2.5s ease; -moz-transition:all 2.5s ease; -ms-transition:all 2.5s ease; -o-transition:all 2.5s ease; transition:all 2.5s ease;}
.banner.active img{transform: scale(1);-webkit-transform: scale(1);}
	.banner .pic{position: absolute;top:0;left: 0;display: inline-block;height: 120px;bottom: 0;margin:auto;width: 100%;font-size: 40px}
	.banner .pic h3{font-size: 60px;margin-bottom:5px}


.insideDiv{background-color: #f3f6f8}
.headerLabel{padding:30px 0;line-height: 17px;color: #8e8e8e;font-size: 14px;}
  .headerLabel a{font-size: 14px;color: #8e8e8e}
  .headerLabel img{vertical-align: middle;position: relative;top:-2px}
  .headerLabel .ctrl{color: #0cb095}
 .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 }

.insideNav{text-align: center;padding:60px 0}
	.insideNav ul li{display: inline-block;margin:0 4px;}
		.insideNav ul li a{display:block;width: 150px;height: 47px;line-height: 47px;color: #303030;border-radius: 25px;-webkit-border-radius: 25px;background-color: #fff;font-size: 14px;}
		.insideNav ul li.active a{background-color: #1ec9ca;color: #fff}
		.insideNav ul li:hover a{color: #1ec9ca}
.insideNav ul li.active a:hover{color: #fff}
		.insideNav ul li.all a{background: url(../images/3icon_product01.png) no-repeat center;background-size: 100%;color: #fff;width:140px;background-size: 100% 100%}
		.insideNav ul li.all a:before{background: url(../images/3icon_product02.png) no-repeat center;width: 15px;height: 15px;display: inline-block;margin-right: 5px;content: '';vertical-align: middle;}
	.insideNav.productNav ul li a{display:block;width: 200px;}
	.insideNav.productNav ul li.all a{width: 140px;}
/*about*/
.about_introduct{background-image: url(../images/2bg01.jpg);height: 778px;padding-top: 128px;background-color: #fff}
		.about_introduct .wordDiv{width: 50%;padding-right: 75px;color: #707070;line-height: 28px;}
		.about_introduct .wordDiv .pt{padding-top: 20px}
			.about_introduct .wordDiv h4{color: #202020;margin:15px 0 30px;font-size: 32px;font-weight: 300}
		.about_introduct .imgDiv{width: 50%;}
			.about_introduct .imgDiv ins.left{border-radius: 3px;-webkit-border-radius: 3px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);width: 53%}
			.about_introduct .imgDiv .pic{width: 47%;padding:85px 0 0 40px}
			.about_introduct .imgDiv .pic ul li{text-align: center;position: relative;color: #44baa3;width: 275px;margin-bottom: 65px}
			.about_introduct .imgDiv .pic ul li .desc{position: relative;z-index: 3}
			.about_introduct .imgDiv .pic ul li h2{position: relative;z-index:2;font-size:70px;line-height: 70px;position: absolute;top:0;bottom: 0;margin:auto;width:100%;color: #f2f2f2; }
			.about_introduct .imgDiv .pic ul li ins{width:38px;height: 38px;margin-bottom:5px;background-repeat: no-repeat;background-position: center;display: inline-block;background-size: 100%;}
			.about_introduct .imgDiv .pic ul li:nth-child(1) ins{background-image: url(../images/2icon_about02.png)}
			.about_introduct .imgDiv .pic ul li:nth-child(2) ins{background-image: url(../images/2icon_about03.png)}
			.about_introduct .imgDiv .pic ul li:nth-child(3) ins{background-image: url(../images/2icon_about04.png)}
		.about_culture{background-size: 100% 452px;background-image: url(../images/2bg02.jpg);padding:110px 0 135px;background-repeat: no-repeat;background-color: #fff;}
			.about_culture .titleLabel{padding-bottom: 70px}
			.about_culture ul{margin:0 0 -20px -20px}
				.about_culture li{padding:0 0 20px 20px;text-align: center;color: #707070;font-size: 14px;line-height: 130%;display: inline-block;float: left;width: 25%;}
				.about_culture li .pic{position: relative;overflow: hidden;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
					.about_culture li .pic ins{display: block;overflow: hidden;}
				.about_culture li .pic .desc{padding:30px;}
					.about_culture li .pic h3{color: #000000;font-size: 22px;font-weight: 300;margin-bottom: 20px}
	.about_honor{padding:100px 0 200px}
	.about_honor .titleLabel{padding-bottom: 82px}
		.honorBig{position: relative;}
			.honorBig .bottmImg{width:434px;height: 88px;background: url(../images/2icon_about01.png) no-repeat center;background-size: 100%;position: absolute;bottom:-50px;left: 0;right: 0;margin: auto;z-index:0; }
			.honorBig .poster-main{position: relative;width:1000px;height: 427px;margin:auto}
			.honorBig .poster-main a,.poster-main img{display:block;}
			.honorBig .poster-main .poster-list{width: 1000px;height: 427px;position: relative;z-index:1}
			.honorBig .poster-main .poster-list .poster-item{position: absolute;left: 0px;top: 0px}
			.honorBig .poster-main .poster-btn{position: absolute;height: 100%;width:44px;top:0;z-index: 88;opacity: 0.5;cursor: pointer;}
			.honorBig .poster-main .poster-prev-btn{ left: 100px; background: url("../images/2icon_about06.png") no-repeat center center; }
			.honorBig .poster-main .poster-next-btn{right: 100px;background: url("../images/2icon_about05.png") no-repeat center center;}
			.honorBig .about_honor{text-align: center;padding:80px 0 148px}
		
		
		.about_honor .honorCon{padding:0 15px}
			.about_honor .honorSmall{display:none}
			.about_honor .honorSmall .swiper-container {width:100%;height: 300px}
			.about_honor .honorSmall .swiper-container .swiper-slide img{width:100%;max-height: 300px}
			.about_honor .honorSmall .swiper-slide{position: relative;-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.8);transform: scale(0.8);opacity: .5;}
			.about_honor .honorSmall .swiper-slide-active,.index_hotCon .swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
			.about_honor .honorSmall .swiper-button-prev,.about_honor .honorSmall .swiper-button-next {top:0;bottom: 0;margin:auto;width:30px;height: 30px;background-size: 100% 100%;background-position: center;background-repeat: no-repeat; }
			.about_honor .honorSmall .swiper-button-prev{background-image: url(../images/2icon_about06.png);left: 0;}
			.about_honor .honorSmall .swiper-button-next {background-image: url(../images/2icon_about05.png);right: 0}
/*  product  */

	.productList .titleLabel{padding-bottom: 70px}
	.productList ul{margin:0 0 -30px -30px}
		.productList li{padding:0 0 30px 30px;text-align: center;color: #707070;font-size: 14px;line-height: 130%;display: inline-block;float: left;width: 25%;}
		.productList li .pic{position: relative;overflow: hidden;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
			.productList li .pic ins{display: block;overflow: hidden;height: 290px;}
			.productList li .pic ins img{display: inline-block;vertical-align: middle;max-width: 50%}
		.productList li .pic .desc{padding:0 30px 30px;}
			.productList li .pic h3{color: #000000;font-size: 18px;font-weight: 300;margin-bottom: 10px;font-weight: 300}
		.productList li:hover .pic,.productList li:hover .pic h3{color: #1ec9ca}
/*  productDetail  */
.productShow{background-color: #fff;padding:30px 30px 30px 0}
	.productDis{width: 840px}
	.productDis .view{width: 663px;height: 512px}
	.productDis .preview{height: 512px;}
	.productDis .preview .swiper-container{padding:0 0 35px;width: 127px;height: 500px}
	.productDis .preview  .swiper-wrapper{overflow: hidden;}
	.productDis .preview .swiper-slide{width: 127px;height: 99px;text-align: center;float: none;margin-bottom: 17px;background-color: #e8f4f8}
	.productDis .preview .swiper-slide-active{background-color: #fff;border:1px solid #0cb095}
	.productDis .preview .swiper-button-prev,.productDis .preview .swiper-button-next {left:0;right: 0;margin:auto;width:22px;height: 13px;background-size: 100% 100%;background-position: center;background-repeat: no-repeat; }
	.productDis .preview .swiper-button-prev{background-image: url(../images/3icon_product03.png);top: 0;}
	.productDis .preview .swiper-button-next {background-image: url(../images/3icon_product04.png);bottom: 0;top:auto}
.productCon{padding-left: 50px;padding-bottom: 105px}
	.productCon header{color: #808080;margin-bottom:35px}
		.productCon header h3{color: #0cb095;font-size: 28px;margin-bottom: 5px}
		.productCon h4{line-height: 44px;border-bottom: 1px solid #e8e9eb;margin-bottom: 10px}
		.productCon h4 span{width: 200px;text-align: center;display: inline-block;border-right: 1px solid #e8e9eb;border-left: 1px solid #e8e9eb;position: relative;}
		.productCon h4 span:before{background: url(../images/3icon_product05.png) no-repeat center;width:100%;height: 9px;display: inline-block;margin-right: 5px;content: '';position: absolute;top:0;left: 0;background-size: 100%}
		.productCon dd{padding-top: 15px;}
	.productCon table{margin-top: 40px;border-top:1px solid  #e8e9eb;border-right:1px solid  #e8e9eb}
	.productCon table tr td{line-height: 58px;width: 180px;padding-left: 20px;color: #303030;border-bottom:1px solid  #e8e9eb}
	.productCon table tr td:nth-child(2n+1){width: 107px;color: #fff;padding: 0;text-align: center;background-color: #0cb095}
.productDitList{padding: 65px 0 104px}
.productList .return{width: 132px;height: 42px;line-height:42px;padding-left:45px;font-size:16px;color:#9e9e9e;background: url(../images/0return.png) no-repeat 20px center;display: inline-block;}
.productList header h3{margin-bottom: 25px;font-weight: 300;font-size: 28px}

/*  center    */
.center .centerList{}
.center .centerList ul{margin:0 0 -30px -30px}
	.center .centerList li{padding:0 0 30px 30px;text-align: center;color: #fff;font-size: 14px;line-height: 130%;display: inline-block;float: left;width: 50%;}
	.center .centerList li .pic{position: relative;overflow: hidden;}
		.center .centerList li .pic ins{display: block;overflow: hidden;}
		.center .centerList li .pic .bg{position: absolute;width: 100%;height: 100%;left: 0;bottom:0;z-index: 1;background: url(../images/4icon_bg01.png) no-repeat center bottom;background-size: 100%}
		.center .centerList li .pic .desc{position: absolute;width: 100%;bottom:10px;font-size: 17px;line-height: 40px;z-index: 3;}
.loadMoreDiv{padding:85px 0 90px;text-align: center;}				
	.loadMoreDiv .loadMore{display: inline-block;width: 175px;height: 44px;line-height: 44px;font-size: 14px;font-weight:600;color: #c1c1c1;border-radius: 22px;-webkit-border-radius: 22px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);cursor: pointer}
/*   news  */
.newsList{padding-bottom: 100px}
.news .newsList li{margin-bottom: 25px;}
	.news .newsList li ins{width: 320px;overflow: hidden;}
	.news .newsList li .desc{width:1000px;height: 255px;border-bottom: 1px solid #e6e7e8;padding:45px 35px 0}
	.news .newsList li .desc h3{color: #202020;font-size: 20px;font-weight: 300;margin-bottom:15px;height:24px;overflow: hidden;}
	.news .newsList li .desc .con{height:18px;overflow: hidden;font-size: 14px;margin-bottom: 25px}
	.news .newsList li:hover {background-color: #fff}
/*   newsDetail  */
.newsDetail  .newsDtailCon header{padding:25px 0 30px;border-bottom: 1px solid #c5c5c4;text-align: center;}
    .newsDetail header h3{font-size:26px;color:#202020;font-weight: normal;padding-bottom:10px}
    .newsDetail header .share{display: inline-block;margin-left: 5px;color: #0cb095;cursor: pointer;}
    .newsDetail header .newsD_data{font-size:12px;color:rgba(0,0,0,.6);}
    .newsDetail article{padding:20px 0 60px;line-height: 26px;font-size: 14px;color:#707070;border-bottom: 1px solid #c5c5c4}
    .newsDetail article .pd20{padding-bottom:30px}
      .newsDetail article .pd50{padding-top:50px}
      .newsDetail article .pt20{padding-top: 30px}
.returnDiv{padding:30px 0 110px;}
  .returnDiv .leftLink{width: 80%;}
    .returnDiv .leftLink a{font-size:14px;color:#707070;line-height:26px}
      .returnDiv .leftLink a:hover{color: #1ec9ca;}
      .returnDiv  a.return{width: 132px;height: 42px;line-height:42px;padding-left:45px;border-radius: 21px;-webkit-border-radius: 21px;display: block;font-size:16px;color:#9e9e9e;background:#fff url(../images/0return.png) no-repeat 20px center;display: inline-block;}
      .returnDiv  a.return:hover{color: #1ec9ca;}

/*  contact   */
.contactUs{background:#ffffff;padding:100px 0}
.contactUs .titleLabel{padding-bottom: 54px;}
.contactUs .contactCon{margin-bottom: 60px}
	.contactUs li{text-align: center;color: #333333;font-size: 14px;line-height: 130%;display: inline-block;float: left;width: 33.33%;text-align: center;}
		.contactUs  li a{color: #333333;font-size: 17px}
			.contactUs 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%;}
			.contactUs li:hover ins{margin-top: -10px}
			.contactUs li:nth-child(1) ins{background-image: url(../images/1icon_index37.png)}
			.contactUs li:nth-child(2) ins{background-image: url(../images/1icon_index38.png)}
			.contactUs li:nth-child(3) ins{background-image: url(../images/1icon_index39.png)}
	.contactUs .contactMap{width: 100%;height: 426px;overflow: hidden;}
	.contact_message{background-color: #f3f6f8;padding:80px 0 140px}
		.contact_message .titleLabel{text-align: left;}
		.contact_message .titleLabel .con{padding:35px 0 30px;font-size: 14px;color: #808080}
		.contact_message .service{width: 630px}
			.contact_message .service ul{margin-left: -20px}
			.contact_message .service li{padding-left: 20px;text-align: center;color: #808080;font-size: 14px;line-height: 130%;display: inline-block;float: left;width: 50%;text-align: center;height: 238px;position: relative;}
				.contact_message .service li .tb{background-color: #e6e9eb;padding: 0 10px}
					.contact_message .service li h3{font-size:20px;color:  #202020;margin-bottom:10px;font-weight: 300}
					.contact_message .service li ins{width:63px;height: 63px;margin-bottom: 20px;background-repeat: no-repeat;background-position: center top;display: inline-block;background-size: 100%;}
					.contact_message .service li:nth-child(1) ins{background-image: url(../images/6icon_contact01.png)}
					.contact_message .service li:nth-child(2) ins{background-image: url(../images/6icon_contact02.png);width: 61px }
			.contact_message .message{width: 610px}
			.contact_message .message ul{margin:0 0 -12px -12px}
			.contact_message .message li{padding:0 0 12px 12px;width: 50%;}
			.contact_message .message li.l{padding-left: 12px;width: 100%;}
				.contact_message .message li .inputCtrl{width: 100%;background-color: #fff;border:1px solid #ededf0;outline: none;padding:0 10px;line-height: 40px;font-size: 14px}
				.contact_message .message li .textareaCtrl{width: 100%;background-color: #fff;border:1px solid #ededf0;outline: none;padding:5px 10px;line-height:140%;font-size: 14px;resize:none;height: 110px}
				.contact_message .message li .buttonCtrl{margin-top: 20px;width: 175px;line-height: 44px;color: #fff;text-align: center;outline: none;background:transparent url(../images/1icon_index29.png) no-repeat center;text-align: center;border: none}
				.contact_message .message li .buttonCtrl:hover{opacity: .6;}
				
@media (max-width:1440px){
	.container2{width: 1200px}
	.productDis{width: 50%}
	.productDis .view{width: 450px}
	.productDis .preview .swiper-container,.productDis .preview .swiper-slide{width:90px}
	.productDis .preview .swiper-slide{height: 60px;}
			.productDis .preview .swiper-container img{max-height: 60%;max-width: 50%}
			.productDis .view,.productDis .preview{height: 350px}
		.productDis .preview .swiper-container,.productDis .view .swiper-container{height: 348px;}
	.productCon{width: 50%}
	.productCon header{margin-bottom: 20px;font-size: 14px}
	.productCon header h3{font-size: 18px;margin-bottom: 0}
	.productCon dd{padding-top: 7px}
	.productCon table{margin-top: 15px}
	.productCon table tr td{line-height: 42px;}
}

/* 1340 */
@media (max-width:1370px){
	
	
}
@media (max-width:1330px){
	.container{width:1200px;}
	.contact_message .service{width: 550px}
	.news .newsList li .desc{width:860px;}
	.about_culture { background-size: 100% 431px;}
	.insideNav.productNav ul li a{display:block;width: 190px;}
}


@media (max-width:1050px){
	.banner .pic h3 {font-size:30px;}
	.banner .pic{font-size: 20px;height: 70px}
	.container{width:100%;padding:0 15px}
	.titleLabel{font-size:13px;}
		.titleLabel h3{font-size:22px;}
/*about*/
.about_introduct{padding:60px 30px;height: auto}
	.about_introduct .wordDiv{width: 100%;padding:0;font-size: 13px}
		.about_introduct .imgDiv{width: 100%}
		.about_introduct .imgDiv ins.left{display: none}
		.about_introduct .imgDiv .pic{width: 100%;padding:40px 0 0}
		.about_introduct .imgDiv .pic ul li{width: 33.33%;float: left;}
	.about_culture li .pic .desc{padding:15px 10px}
		.about_culture {background-size: 100% auto;padding: 60px 0 60px;}
			.about_culture .titleLabel{padding-bottom: 30px}
	.about_honor {text-align: center;padding: 45px 0 50px;}
		.about_honor .titleLabel{padding-bottom: 30px}

/*  product  */

.insideNav.productNav ul li{margin-bottom: 10px}
.productList ul{margin:0 0 -15px -15px}
		.productList li{padding:0 0 15px 15px;text-align: center;color: #707070;font-size: 14px;line-height: 130%;display: inline-block;float: left;width: 25%;}
.productList li .pic .desc{padding:0 15px 30px}
/*  productDetail  */
	.productDis,.productCon{width:100%}
	.productDis{text-align: center;margin-bottom: 30px}
	.productDis .view,.productDis .preview{float: none;display: inline-block;margin:0 10px}
	.productList li .pic ins{height:195px}
/*   news  */
	.news .newsList li ins{width:30%;}
	.news .newsList li .desc{width:70%;height: auto;border-bottom:0}


/*  contact   */
	.contactUs{padding:60px 0}
	.contact_message .service{width:40%}
	.contact_message .message{width: 58%}

	.contactUs .contactMap{height:300px}
}
/* 900 */
@media (max-width:900px){
.insideNav ul li{width: 20%;padding:0 5px;float: left;margin: 0}
		.insideNav ul li a{display:block;width:100%;height: 34px;line-height: 34px;border-radius: 25px;-webkit-border-radius: 25px;background-color: #fff;font-size: 14px;}
.loadMoreDiv{padding:30px 0 40px;}	
.insideNav.productNav{overflow-x: auto}
.insideNav.productNav ul{width: 170%}
.insideNav{padding:20px 0}
.insideNav.productNav ul li{width: 16.3%}

/*   about  */
.about_honor{text-align: center;padding:30px 0 30px}
	.about_honor .titleLabel{padding-bottom: 40px}
	.about_honor .honorSmall{display: block;}
	.about_introduct .wordDiv h3 {text-align: center;}
	.about_introduct .wordDiv h4 {margin: 15px 0 30px;font-size:18px;text-align: center;}
	.about_culture{padding:30px;background-size: 100% 50%}
	.about_culture ul{margin: 0 0 -10px -10px}
	.about_culture li{padding: 0 0 10px 10px;width: 50%}
	.about_culture li .pic h3{font-size: 18px}
/*  product  */
	.productList ul{margin:0 0 -15px -15px}
			.productList li{padding:0 0 15px 15px;width: 50%;}
		

/*  contact   */
.center .centerList ul{margin:0 0 -10px -10px}
	.center .centerList li{padding:0 0 10px 10px;}
	.center .centerList li .pic .desc{bottom: 0;font-size: 14px}
.newsList{padding-bottom:60px}					
/*  contact   */
.contactUs {padding:30px 0;}	
.contactUs li ins{width: 50px;height: 50px}
.contact_message{padding:30px 0 40px}
.contact_message .service{width:100%;margin-bottom: 20px}
	.contact_message .message{width: 100%;padding-bottom: 10px}
	.contact_message .titleLabel .con{padding:10px 0}
	.contactUs .titleLabel {padding-bottom: 25px;}
	.contact_message .message li .buttonCtrl{width: 120px;line-height: 33px;background-size: 100%;font-size: 14px}
}

/* 640 */
@media (max-width: 650px){
.insideNav{text-align: center;padding:20px 0;overflow-x: auto}
.insideNav ul{width: 150%}
.insideNav.productNav ul{width: 270%}
.insideNav ul li.all a:before{background-size:100%;width:13px;}
.insideNav ul li{float:none;width:19%;}
.insideNav.productNav ul li{width: 16.3%}
.insideNav.productNav ul li a{width: 100%;}
.insideNav ul li a{font-size: 12px}
.insideNav ul li.all{float: left;}
.insideNav ul li.active {float: left;}
.headerLabel{padding:20px 0}
.time{color: #999999;font-size:12px;position: relative;line-height: 14px}
  	.time:before{width:12px;height:12px;background-size: 100%;margin-right: 2px;top: 1px}
 /*  about  */
.about_introduct {padding:30px 5px;height: auto;padding-bottom:20px}
	.about_introduct .imgDiv .pic ul li{margin-bottom: 0}
	.about_introduct .imgDiv .pic ul li h2{font-size: 36px;color: #707070;opacity: .2;margin-bottom: 0}
	.about_culture{padding:30px 5px;}
		.about_culture li{width: 100%}
		.about_introduct .wordDiv h4{padding:5px 0;margin:0 10px}
		.about_culture li .pic h3{margin-bottom: 6px}
.productList li .pic ins {height: 150px;}
		.productList li .pic ins img{height:100px;}
		.productList li .pic h3{font-size: 16px}
		.productList li .pic .desc{padding:15px 5px}
	.about_introduct .wordDiv h3 img{max-width: 70%}
/*  productDetail  */
.productShow{padding:0 0 30px}
	.productDis{padding:15px 15px 30px}
	.productDis .view{width: 100%;margin:0;height: 300px}
	.productDis .preview,.productDis .preview .swiper-container{width:100%;margin:0;height: 60px;padding:0}
	.productDis .preview .swiper-wrapper{width: 120%}
	.productList li .pic ins{height:160px}
	.productDis .preview .swiper-container {width: 100%;}
	 .productDis .preview .swiper-slide {width: 20%;}
	 .productCon{padding: 0 15px}
	 .productCon h4 span{width: 120px;font-size: 16px}
	 .productCon dd{font-size: 13px;}
	 .productCon table tr td{width: 26%;font-size: 13px;padding-left: 5px}
	 .productCon table tr td:nth-child(2n+1){width: 23%;padding:0;}
	 .productDis .preview .swiper-button-prev,.productDis .preview .swiper-button-next,.productDis .view .swiper-button-prev,.productDis .view .swiper-button-next{display: none}
	.productDitList{padding:40px 0 30px}
	.productList header h3{font-size: 18px;margin-bottom: 20px;line-height: 42px}
/*  contact   */
.center .centerList ul{margin:0 0 -15px -15px}
	.center .centerList li{width: 100%;padding:0 0 15px 15px}
	.center .centerList li .pic .desc{bottom: 0}
/*   news  */
.newsList{padding-bottom:20px}	
.news .newsList li{margin-bottom: 10px}
.news .newsList li .desc{padding:5px 10px 0;}
	.news .newsList li .desc h3{font-size:14px;font-weight: 300;margin-bottom:10px;height:17px;}
	.news .newsList li .desc .con{height:16px;font-size: 12px;margin-bottom:5px}
/*  new_detail  */
.newsDetail .newsDtailCon header{padding:15px 0}
	.newsDetail article{padding:0 0 30px}
	.newsDetail article img{width: 100%}
	.newsDetail header h3{font-size: 16px}
	.returnDiv a.return{float: none;margin-bottom: 10px}
	.returnDiv .leftLink{width: 100%}
	.returnDiv .leftLink a{margin-bottom: 10px}
	.returnDiv  a.return{width: 120px;height: 30px;line-height:30px;padding-left: 40px;background-size: 18px;background-position: 15px}
	.returnDiv{padding:30px 0 40px}
/*  contact   */
.contactUs li{width: 100%;margin-bottom: 15px}
	.contact_message .service ul{margin-left: -10px}
				.contact_message .service li{padding-left: 10px;height: 180px;}
		.contact_message .service li ins{width: 55px;height: 55px}
		.contact_message .service li:nth-child(2) ins{width: 55px }
		.contact_message .message li{width: 100%}
		.contactUs .contactMap{height:33vh}
	.banner{height: 25vh}
	.banner img{height: 25vh}
	.banner .pic h3 {font-size:20px;margin-bottom: 5px;}
	.banner .pic{font-size:16px;height: 40px}
	.productList li{width: 100%}
	.about_introduct .imgDiv .pic {padding: 21px 0;}
}	

@media (max-width:360px){
	.contact_message .service li{width: 100%;margin-bottom: 15px}
	.insideNav ul li.all a:before{width:10px;position: relative;top:-2px}
	.insideNav ul li a {font-size: 12px}
	.insideNav.productNav ul{width: 313%}
		.about_honor .honorSmall .swiper-container{height: 230px}
		.about_introduct .imgDiv .pic ul li .desc{font-size: 12px;}
		.about_introduct .imgDiv .pic ul li h4{font-size: 12px;}
		.about_introduct .imgDiv .pic ul li h2{font-size: 30px;line-height: 40px}
		.about_introduct .imgDiv .pic ul li ins{width: 25px;height: 30px}
	
}
@media (max-width:320px){}

.productDis .preview .swiper-container .tbc{
	cursor: pointer;}