body,p,h1,h2,h3,h4,h5,h6,ul,li,figure,figcaption,ol{ margin:0; padding:0; font-style:normal; font-family: Arial,"PingFang SC","Microsoft YaHei","SimHei",sans-serif; color: #333; font-size: 16px;font-weight: normal;}
		body{ overflow-x: hidden;}
		input{outline: none;}
		tr,td,dd,dl,dt{margin: 0; padding: 0px;border: 0; font-size: 100%; outline: none;}
		img{ border:none; vertical-align: middle;}
		a{ text-decoration:none; color: #333;}
		a:hover{ text-decoration: none; }
		ul,li{ list-style:none}
		.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		.fl{ float: left; }
		.fr{ float: right; }
		label{ max-width: inherit; }
		html.open, html.open body {overflow: hidden;width: 100%;}

		
		.swiper-container{
			width: 100%;
			margin: 0;
			height: 700px;
			overflow: hidden;
			text-align: center;
		}
		.section1{
			padding-top: 4%;
		}
		.title{
			height: 84px;
		}
		.t-left{
			width: 500px;
			float: left;
		}
		.t-left h3{
			font-size: 36px;
			font-weight: 800;
			color: #dcdcdc;
		}
		.t-left h2{
			font-size: 30px;
			color: #000;
			font-weight: bold;
			position: relative;
   			top: -30px;	
		}
		.t-left .line{
			background-color: #71017d;
			display: block;
			width: 36px;
			height: 3px;
			margin-top: -10px;
		}
		.t-right{
			width: 165px;
			float: right;
		}
		.t-right p{
			font-size: 16px;
			color: #999;
			margin-top: 41px;
			float: left;
		}
		.t-right .jiantou{
			width: 27px;
			height: 7px;
			background: url(../images/jiantou.png) no-repeat right center;
			display: inline-block;
			float: right;
			margin-top: 47px;
		}
		.pic{
			width: 100%;
			padding: 55px 0;
		}
		.zuotu{
			width: 574px;
			height: 523px;
			float: left;
			/*box-shadow: 3px 3px 5px #888888;*/
		}
		.zuotu p{
			font-size: 24px;
			color: #fff;
			position: relative;
			top: -55px;
			left: 30px;
		}
		.youtu{
			width: 845px;
			margin-left: 21px;
			float: right;
		}
		.gong{
			width: 412px;
			height: 251px;
			float: left;
		}
		.gong p{
			font-size: 24px;
			color: #fff;
			position: relative;
			top: -55px;
			left: 30px;
		}
		.you1{
			padding-bottom: 21px;
		}
		.you2{
			margin-left: 21px;
			padding-bottom: 21px;
		}
		.you3{
			padding-top: -31px;
		}
		.you4{
			padding-left: 21px;
			padding-top: -31px;
			float: right;
		}
		.section2{
			padding-top: 5%;
		}
		.wen-left{
			padding: 6% 0 8%;
			width: 44%;
			float: left;
		}
		.wen-left p{
			font-size: 16px;
			color: #333;
			text-indent:2em;
			line-height: 32px;
		}
		.wen-left li{
			width: 33%;
			float: left;
			margin-top: 80px;
		}
		.wen-left span{
			font-size: 36px;
			font-weight: bold;
			color: #71017d;
		}
		.wen-left .rmore{
			display: none;
		}
		.tu-right{
			float: right;
		}
		.tu-right span{
			width: 179px;
			height: 179px;
			background-color:#71017d ;
			border-radius: 50%;
			display: inline-block;
			font-size: 18px;
			font-weight: bold;
			line-height: 179px;
			color: #fff;
			text-align: center;
			position: relative;
   			top: 20px;
    		left: 125px;
    		transition:transform 1s;
			-webkit-transition:transform 1s; /* Safari */
		}
		.tu-right span:hover{
			cursor: pointer;
			transform: scale(1.3);
			animation: ;
		}
		.tu-right p{
			display: none;
		}
		.section3{
			padding-top: 4%;
		}
		.hezi{
			width: 100%;
			padding: 57px 0;
		}
		.hezi .ting{
			box-shadow: 0 5px 15px rgba(45,50,55,.3);
		}
		.hezi img{
			width: 100%;
		}
		.hezi li{
			width: 31%;
			border: 1px solid #eaeaea;
			float: left;
			margin-right: 2.1%;
		}
		/*.hezi li:nth-child(2){
			margin-left: 2.8%;
		}
		.hezi li:nth-child(3){
			margin-left: 2.8%;
		}*/
		/*.hezi li: hover{
		    box-shadow: 0 5px 15px rgba(45,50,55,.3);
		}*/
		.hezi .xiaohe{
			padding: 4% 3% 0;
		}
		.xiaohe h3{
			font-size: 20px;
			color: #000;
			margin-bottom: 10px;
		}
		.xiaohe p{
			font-size: 16px;
			line-height: 32px;
			color: #333;
			padding-bottom: 15px;
			border-bottom: 1px solid #eaeaea;
		}
		.xiaohe .link{
			height: 47px;
		}
		.xiaohe .link p{
			font-size: 16px;
			color: #333;
			float: left;
		    border-bottom: none;
		    padding-top: 14px;
		}
		.xiaohe .link .jiantou{
			width: 27px;
			height: 7px;
			background: url(../images/jiantou.png) no-repeat right center;
			display: inline-block;
			float: right;
			margin-top: 30px;
		}
/*客户*/
		.section4{
			padding: 1% 0;
		}
		.section4 li{
			float: left;
			margin: 3% 1% -2% 0;
			width: 270px;
			height: 80px;
			border: 1px solid #eaeaea;
		}
		.section4 li:hover{
			box-shadow: 0 5px 15px rgba(45,50,55,.3);
		}
		.section4 li img{
			width: 100%;
		}
		
/*联系我们页面*/
		.banner{
			height: 550px;
			text-align: center;
		}
		.cmain{
			width: 1200px;
			margin: 0 auto;
		}
		.cmain .ctitle h2{
			text-align: center;
			margin-top: 50px;
			font-size: 30px;
			font-weight: bold;
			color: #333;
		}
		.cmain .ctitle p{
			text-align: center;
			margin-top: 20px;
			font-size: 16px;
			color: #333;
		}
		.cmain .c-left{
			float: left;
			border-right: 1px solid #e0e0e0;
			padding: 6% 25% 8.8% 5%;
			border-left: 1px solid #e0e0e0;
		}
		.cmain .c-left h1{
			font-size: 30px;
			color: #333;
			font-weight: bold;
		}
		.cmain .c-left p{
			margin-top: 20px;
			font-size: 16px;
			color: #333;
			line-height: 32px;
		}
		.cmain .c-right{
			float: right;
			width: 33%;
		}
		.cmain .c-right .c-weixin{
			border-bottom: 1px solid #eee;
			padding-bottom: 30px;
			text-align: center;
		}
		.cmain .c-right .c-weixin p{
			margin-top: 15px;
		}
		.cmain .c-right .c-duan{
			padding: 30px 0;
			text-align: center;
		}
		.cmain .c-right .c-duan p{
			margin-top: 15px;
		}
		.map{
			margin-top: 2%;
		}





@media screen and (max-width: 768px){
/*产品*/
	
	.section1{
		/*height: 1335px;*/
		padding-top: 14%;
	}
	.t-left h3{
		font-size: 26px;
	}
	.t-left h2{
		font-size: 20px;
		top: -22px;
	}
	.t-left,.t-right{
		width: auto;
	}
	.t-right .jiantou{
		display: none;
	}
	.pic{
		padding: 0;
		height: auto;
	}
	.zuotu{
		width: auto;
		height: auto;
	}
	.zuotu p,.gong p{
		font-size: 18px;
		top: -40px;
	}
	.zuotu img{
		width: 100%;
	}
	.youtu,.gong{
		width: auto;
		height: auto;
		margin-left: 0;
	}
	.gong img{
		width: 100%;
	}
	.you1,.you2{
		padding-bottom: 0;
	}
	.you4{
		padding-left: 0;
	}

/*关于我们*/
	.section2{
		padding: 8% 0;
	}
	.wen-left{
		width: 100%;
		padding: 5px 0 27px;
	}
	.wen-left li{
		margin: 45px 0;
		font-size: 15px;
	}
	.wen-left span{
		font-size: 30px;
	}
	.tu-right{
		display: none;
	}
	.wen-left .rmore{
		display: block;
		width: 145px;
		margin: 0 auto;
	}
	.rmore p{
		display: block;
		width: 145px;
		height: 40px;
		background-color: #71017d;
		color: #fff;
		line-height: 40px;
		border-radius: 30px;
	}
	


/*新闻*/
	.section3{
		padding-top: 0;
	}
	.hezi{
		padding: 0!important;
	}
	.hezi li{
		width: 100%;
		margin-bottom: 30px;
	}
	.hezi li img{
		width: 100%;
	}
	.hezi li:nth-child(2),.hezi li:nth-child(3){
		margin-left: 0;
	}
	



	.section4 li{
		width: 48%;
		height: auto;
	}
}
		