@charset "utf-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#3A3A3A;text-decoration:none;background-color:transparent}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0;}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* base */
*,:after,:before{box-sizing:border-box;padding: 0;margin: 0;}.fl{float:left;}.fr{float:right;}.pull-none{float:none;}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}img.full{display:block;width:100%;}.list{padding:0;margin:0;list-style:none;}.hidden{ display:none;}.col-1{ float:left; width:8.33333333%;}.col-2{ float:left; width:16.66666667%;}.col-3{ float:left; width:25%;}.col-4{ float:left; width:33.33333333%;}.col-5{ float:left; width:41.66666667%;}.col-6{ float:left; width:50%;}.col-7{ float:left; width:58.33333333%;}.col-8{ float:left; width:66.66666667%;}.col-9{ float:left; width:75%;}.col-10{ float:left; width:83.33333333%;}.col-11{ float:left; width:91.66666667%;}.col-12{ float:left; width:100%;}.col-13{ float:left; width:20%;}.col-offset-3{ margin-left:25%;}.tb{display:table; width:100%; height:100%;}.tbr{display:table-row;}.tbc{display:table-cell;vertical-align:middle;}.container{width:1200px;margin:0 auto;}::-webkit-input-placeholder{color: #b0b0b0;}::-moz-placeholder{color: #b0b0b0;}:-moz-placeholder{color: #b0b0b0;}:-ms-input-placeholder{color: #b0b0b0;}
body{font:14px/1 "Microsoft YaHei",\u5FAE\u8F6F\u96C5\u9ED1,Helvetica,-apple-system,PingFang SC,Helvetica Neue,Helvetica,Tahoma,Arial,SimHei,sans-serif;color:#000;min-height:100%;margin:0;line-height: 150%;}a{color:#000;text-decoration:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}a:hover{text-decoration:none;}.pull-left{float:left;}.pull-right{float:right;}.pull-none{float:none;}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}.container{margin:0 auto;}img.full{display:block;width:100%;}.list{padding:0;margin:0;list-style:none;}img.more{-webkit-transition: 1s;transition: 1s;-webkit-transform: scale(1);transform: scale(1);} a:hover img.more{-webkit-transition: 1s;transition: 1s;-webkit-transform: scale(1.13);transform: scale(1.13);} img.full{width: 100%;display: block;} .tran{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease;}.EN{text-transform:Uppercase;}
ul,li{list-style: none;}

@keyframes spin {0%, 15% {transform: rotate(0);}100% {transform: rotate(360deg);}}
.box{background-repeat: no-repeat;background-position: center;background-size: cover;}
/* wrapper */
.wrapper{position:relative;width:100%;min-height:100%;overflow:hidden;}
.container{width: 100%;margin: auto;padding: 0 210px;}
 .phoneShow{display: none}.phoneHide{display: block;}
.fc0{color: #00ffd8;}.fcf{color: #fff}.fcg{color: #00990a}.fc5{color: #5b5b5b}.fc8{color: #888}.fc7{color: #7f7f7f;}.bgf{background-color: #fff;}
.showLine1{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.showLine2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} 
.showLine3{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} 
.showLine4{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;} 
.picture{overflow: hidden;} .fc8{color: #848484;}
.pictureH{overflow: hidden;}
	.pictureH img{display:block;height: 100%;}


/* header */
.header{position: relative;z-index: 88}
.headNav ul{text-align: center;}
	.headNav li{text-align: center;position: relative;display: inline-block;}
		.headNav li a.navA{display:block;line-height:110px;font-size:32px;color:#000;position: relative;text-align: center;}
		.headNav .hoverNav{position: absolute;text-align: center;width: 100%;bottom: 100%;padding-bottom: 20px;display: none;}
		.headNav .hoverNav a{display: block;font-size:32px;font-weight: 400;line-height: 65px;color: #fff;height: 48px}
		.headNav .hoverNav:before{display: block;width: 0;border-style: solid;border-width: 9px;border-color:transparent transparent  #fff transparent;content: "";left: 0;right: 0;margin: auto;position: absolute;bottom: 0px;height: 0;bottom: 0;top:auto; }
		.headNav li:hover .hoverNav{display: block;}
		.headNav li:hover .hoverNav{display: block;}
		.headNav li.active:hover  .label{display: none;}
.footer{padding:20px 0px;color: #000000;background:#fff;font-size: 16px;line-height: 150%;line-height: 28px;text-align: left;position: relative;z-index: 99}
			.footerErweima{color: #848484;}
				.footerErweima .QRImg{width: 89px;height: 89px;margin-top: 20px;}
					.footerErweima .tellNum{font-size: 24px;color: #848484;margin-bottom: 20px;}
	.footer a{color: #000;}
	.footer a:hover{color: #333;}
	 .footerMudLink{position: relative;padding: 25px 0 15px;padding-left:70px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd }
	 	.footer  .footerMudLink a{display: inline-block;float: left; font-size: 13px;margin-right: 16px;margin-bottom: 10px;}
	 	     .footerMudLink .title{position: absolute;left: 0;color: #848484;margin-top: -1px;font-weight: 600;font-size: 14px}
	.footerRight{position: relative;line-height: 46px;margin-top: -10px}	
		.footerRight .iconLabel{position: relative;top:10px;}
		.footerRight .erweima{position: absolute;bottom: 100%;display: none;}
		.footerRight:hover .erweima{display: block;}
		.footerRight .erweima img{width: 100px;}

	.publicHead{background-color: #000}
	.publicHead a{color: #fff}
	.publicHead .headNav{margin-top: 0px;height: 90px;}
	.publicHead .headNav li a.navA{color: #fff;font-size: 28px;line-height: normal;padding-top:25px;}
	.publicHead .headNav li a img {height:40px;}
	.publicHead .headNav li:last-child{margin-left: 40px;}
	.publicHead .hoverNav{bottom: auto;top:100%;padding: 20px 0 0;z-index: 88}
	.publicHead .hoverNav a{color: #000;line-height: 45px;font-size: 22px;display: block;}
	.publicHead .hoverNav a:hover{color: #999;}
	.publicHead .headLogo{font-size: 36px;width: auto;height: auto;margin-top: 35px;}
	.publicHead .hoverNav:before{bottom: auto;top: 0;}
	.publicHead .hoverNav:before{display: block;width: 0;border-style: solid;border-width: 9px;border-color:#000 transparent transparent  transparent;content: "";left: 0;right: 0;margin: auto;position: absolute;top:0; }
		.publicNav .label{width: 100%;position: absolute;text-align: center;font-size: 100%;font-size: 22px;line-height: 45px;padding-top: 20px;display: none}
		.publicNav .active .label{display: block;}
		.publicNav .label:before{display: block;width: 0;border-style: solid;border-width: 9px;border-color:#000 transparent transparent  transparent;content: "";left: 0;right: 0;margin: auto;position: absolute;top:0; }
		.publicNav .headNav li:hover .label{display: none;}


	/*  index  */
	.banner{position:relative;overflow:hidden;-webkit-background-size:100% 100%;background-size:100% 100%;}
		.banner .swiper-slide a{/*height:720px;*/height:800px;background-size: cover;background-position: center ;background-repeat: no-repeat;position: relative;display: block;width: 100%}
			.banner .bannerMore{display: inline-block;width: 391px;height: 78px;position: absolute;left: 0;right: 0;margin: auto;line-height: 78px;bottom: 100px;border: 1px solid #00ffd8;text-align: center;}
			.banner .bannerMore:hover{background-color: rgba(3,13,50,0.4);}
			.banner .bannerMore img{vertical-align: middle;}
			.banner .swiper-button-prev,.banner .swiper-button-next{width:15%;margin-top: 0%;height: 100%;top:0;display: block;background-position: center;background-repeat: no-repeat;background-size: 90px;background-image: url(.//);}
			.banner .swiper-button-prev .icon,.banner .swiper-button-next .icon{width:90px;height: 90px;background-size: 100%}
			.banner .swiper-button-prev,.banner .swiper-button-next:hover{display: block;}
			.banner .swiper-pagination{bottom: 30px;}
			.banner .swiper-pagination-bullet{background-color: rgba(255,255,255,0.3);opacity:1;height: 2px;width:45px;margin: 0 4px;border-radius: 0;}
				.banner .swiper-pagination-bullet-active{background-color: #ff0000}
	
	.contentMain{padding:170px 0 0; position: relative;z-index: 8}
	.containerNow{width: 850px;margin: auto;}
	.containerNow img {max-width:100%;}
	.nowDetail{padding: 40px 60px}
		.nowDetail .title{padding: 20px 0 30px;border-bottom: 1px solid #eee;font-size: 22px;margin-bottom: 40px;text-align: center;font-weight:bold;}
		.nowDetail .pic{line-height: 180%;font-size: 15px}
@media (min-width:2000px){
	.banner .swiper-slide a{height:920px;}
			

}

/*	about   */
.about {padding-bottom: 20px}
		.about .woridDiv{width: 55%;font-weight: bold; }

		.about .title{font-size:24px;margin-bottom: 40px }
			.about .woridDiv p {margin-bottom: 25px;line-height: 160%;color: #000;font-size:18px;}
			.about .woridDiv .en{margin-top: 40px}
			.about .woridDiv .en p{margin-bottom: 0;line-height: 160%;color: #000;font-size:16px; }
			.about .woridDiv .en .mb{margin-bottom: 20px;}
			.about .woridDiv .titleH3{margin: 30px 0 15px;font-weight: bold;font-size:16px;}

		.about .picture{width:42%;}
		.about .picture img{width:100%;height: auto;}



/*  products  */
.productsList ul{ margin: 0 0 -50px -50px;}
	.productsList ul li{width: 33.333%;padding:0 0 50px 50px;text-align: center;}
	.productsList ul .pictureH img{width: 100%;}
	.productsList .desc{padding: 26px 0 0px;position: relative;font-size: 22px;font-weight: 600;}
	.productsList .desc .title{font-size: 18px;margin-bottom: 5px;}
	.productsList ul .pic:hover{transform: translateY(-10px);}







@media (max-width:1700px){

}

/* 900 */
@media (max-width:1520px){
	.container{padding: 0 80px}
	
		
}
@media (max-width:1420px){
	.banner .swiper-slide a{height:680px;}
		
}
/* 1045 */
@media (max-width:1250px){
	.container{width:100%;padding: 0 20px}
}

@media (max-width:1100px){
	body{max-width: 640px;margin: auto}
/* footer */

		/*  index  */
		.banner{position:relative;overflow:hidden;-webkit-background-size:100% 100%;background-size:100% 100%;}
			.banner .swiper-slide a{height:70vh;}
			.banner .swiper-pagination{bottom: 30px;}




	.headNav li a.navA{display:block;line-height:70px;font-size:20px;}
		.headNav .hoverNav{position: absolute;text-align: center;width: 100%;bottom: 100%;padding-bottom: 20px;}
		.headNav .hoverNav a{font-size:16px;line-height: 40px;}
		.headNav li:hover .hoverNav{display: block;}
		.headNav .active li:hover  .label{display: none;}
		.publicHead .headLogo{font-size: 22px;margin-top: 18px}
		.publicHead .headNav{margin-top: 10px}
		.publicHead .hoverNav a{background-color: #fff;}

		.publicHead{background-color: #000}
		.publicHead a{color: #fff}
		.publicHead .headNav{margin-top: 0px;height:60px;}
		.publicHead .headNav li a.navA{color: #fff;font-size: 16px;line-height: 36px;}
		.publicHead .hoverNav a{color: #000;line-height: 30px;font-size: 16px}
		.publicHead .headNav li a.navA {padding-top: 8px;}
		.publicHead .hoverNav{padding-top: 10px;}
		.publicNav .label{font-size: 16px;line-height: 30px;padding: 10px 0 0;}
.contentMain{padding: 110px 0 0}

	.about .woridDiv{width: 100%;float: none;margin-bottom: 10px}
	.about .woridDiv p {margin-bottom: 15px;font-size:16px; }
	.about .woridDiv .en{margin-top: 30px}
	.about .woridDiv .en p{font-size:16px; }
	.about .woridDiv .en .mb{margin-bottom: 15px;}
			.about .woridDiv .titleH3{margin: 20px 0 10px;}
	.about  .picture{width: 100%;}

	/*  products  */
	.productsList ul{ margin: 0 0 -25px -10px;}
		.productsList ul li{width: 100%;padding:0 0 25px 10px;}
		.productsList .desc{padding: 15px 0 0px;font-size: 18px;}

}




@media (max-width:890px){

		.containerNow{width: 100%;padding: 0 30px}
		.nowDetail{padding:20px 0px 40px}
			.nowDetail .title{padding: 20px 0 20px;font-size: 16px;margin-bottom: 25px;line-height:180%}
			.nowDetail .pic{line-height: 150%;font-size: 14px}
		
}