* {
			padding: 0;
			margin: 0;

			font-family: "微软雅黑";
		}
		
		body,
		div,
		dl,
		dt,
		dd,
		ul,
		ol,
		li,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		pre,
		form,
		fieldset,
		input,
		textarea,
		p,
		blockquote,
		th,
		td {
			padding: 0;
			margin: 0;
		}
		
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		
		fieldset,
		img {
			border: 0;
		}
		
		a {
			color: #000;
			text-decoration: none;
		}
		
		address,
		caption,
		cite,
		code,
		dfn,
		em,
		th,
		var {
			font-weight: normal;
			font-style: normal;
		}
		
		ol,
		ul {
			list-style: none;
		}
		
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-weight: normal;
			font-size: 100%;
		}
		
		q:before,
		q:after {
			content: "";
		}
		
		ol,
		ul {
			list-style: none;
		}
		
		img{
			vertical-align: middle;
		}
		
		.pc {
			display: block;
		}
		
		.mobile {
			display: none;
		}
		
		.container {
			width: 1200px;
			margin: 0 auto;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		.container1300{
			width: 1300px;
			margin:0 auto;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.clear {
			clear: both;
		}
		
		.clearfix:after {
			content: '';
			overflow: hidden;
			clear: both;
			visibility: hidden;
			display: block;
		}
		.header-top{
			background:#211916;
			padding: 10px 0;
		}
		.header-top span{
			color: #fff;
			font-size: 14px;
			position: relative;
			top: 1px;
		}
		.header-middle{
			padding: 15px 0;
			overflow: hidden;
		}
		.header-middle .leftimg{
			float: left;
		}
		.header-middle .search{
			float: right;
			padding-top: 30px;
		}
		.header-middle .search input[type=text] {
		    height: 30px;
		    float: left;
		    padding-left: 5px;
		    border-radius: 15px 0px 0px 15px;
		    border: 1px solid #727272;
		    border-right: none;
		    box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		}
		.header-middle .search input[type=submit] {
		    height: 30px;
		    border: 1px solid #727272;
		    border-left: none;
		    background: url(../images/search.png) no-repeat center;
		    width: 50px;
		    border-radius: 0px 15px 15px 0;
		    float: left;
		    position: relative;
		    right: 2px;
		}
		.header-middle .search p{
			font-size: 18px;
			color: #7c7c7c;
			font-weight: bold;
			padding: 10px 0;
		}
		.nav{
			position: absolute;
			width: 100%;
			text-align: center;
			z-index: 99;
			background: rgba(0,0,0,.5);
			
		}
		.nav ul li{
			display: inline-block;
			padding: 15px 0;
		}
		.nav ul li a{
			color: #fff;
			display: inline-block;
			padding: 0 65px;
			font-size: 14px;
		}

		.nav ul li span{
			color: #fff;
		}
		.nav ul li:last-child span{
			display: none;
		}
		.nav ul li a:hover{
			color: #d32724;
		}
		.nav ul li a.on{
			color: #d32724;
		}
		.banner .swiper-slide {
		    text-align: center;
		    font-size: 18px;
		    background: #fff;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    -webkit-justify-content: center;
		    justify-content: center;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		    overflow: hidden;
		}
		.banner .swiper-pagination-bullet-active{
			background:#d32724;
		}
		.bannerMobile .swiper-pagination-bullet-active{
			background:#d32724;
		}
		.gtitle{
			text-align: center;
			padding: 40px 0 30px 0;
		}
		.gtitle p{
			font-size: 16px;
			color: #333333;
			font-weight: bold;
		}
		.gtitle p span{
			position: relative;
			top: 4px;
			padding-left: 15px;
		}
		.gtitle h3{
			font-size: 26px;
			color: #333333;
			position: relative;
		    background: #fff;
		    display: inline-block;
		    text-align: center;
		    padding: 0 15px;
		}
		.gtitle hr{
			position: relative;
			bottom: 16px;
			height: 0;
			z-index: -1;
			border:0;
			border-bottom: 1px solid #D6D6D6;
		}
		.index_pro{
			padding: 30px 0;
		}
		.index_pro .catelist .catelist_item{
			float: left;
			width: 23%;
			margin-right: 2.66%;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			border:1px solid #C2C2C2;
			border-radius: 8px;
			height: 330px;
			position: relative;
			overflow: hidden;
		}
		.index_pro .catelist .catelist_item:nth-child(4n){
			margin-right: 0;
		}
		.index_pro .catelist .catelist_item .rollword{
			width: 94px;
			height: 94px;
			border-radius: 50%;
			border:1px solid #C9C9C9;
			margin: 30px auto;
			line-height: 94px;
			text-align: center;
			font-size: 30px;
			color: #d9271f;

		}
		.index_pro .catelist .catelist_item .title h3{
			font-size: 16px;
			color: #d9271f;
			text-align: center;
		}
		.index_pro .catelist .catelist_item .title hr{
			width: 25px;
			border-bottom: 1px solid #8E8E8E;
			height: 0;
			margin: 20px auto;
		}
		.index_pro .catelist .catelist_item .title p{
			font-size: 14px;
			color: #333333;
			text-align: center;
			line-height: 22px;
		}
		.index_pro .catelist .catelist_item .title{
			padding: 0 35px;
			z-index: 99;
		}
		.index_pro .catelist .catelist_item .rollimg{
			position: absolute;
		    width: 94px;
		    left: 0;
		    right: 0;
		    top: 31px;
		    transform: scale(0);
		    transition: all .3s ease-in-out;
		    margin: 0 auto;
		    z-index: 3;
		}
		.index_pro .catelist .catelist_item:hover .rollimg{
			transform: scale(1);
		}
		.index_pro .catelist .catelist_item .imgbg{
			position: absolute;
			width: 100%;
			left: 0;
			top: 0;
			z-index: -1;
			transform: scale(0);
		    transition: all .3s ease-in-out;
		}
		.index_pro .catelist .catelist_item .imgbg img{
			width: 100%;

		}
		.index_pro .catelist .catelist_item:hover .imgbg{
			transform: scale(1);
		}
		.index_pro .catelist .catelist_item .redbg{
			width: 100%;
			height: 100%;
			background: rgba(212,36,26,1);
			opacity: .5;
			position: absolute;
			top: 0;
			left: 0;
			 transform: scale(0);
		    transition: all .3s ease-in-out;
		    z-index: -1;
		}
		.index_pro .catelist .catelist_item:hover .redbg{
			transform: scale(1);
		}
		.index_pro .catelist .catelist_item:hover h3{
			color: #fff;
		}
		.index_pro .catelist .catelist_item:hover p{
			color: #fff;
		}
		.index_pro .catelist .catelist_item:hover hr{
			border-bottom: 1px solid #fff;
		}
		.index_pro .catelistMobile{
			display:none;
		}
		.index_cuxiao .ztitle{
			display: inline-block;
			background: #D4241A;
			padding: 15px 20px;
		}
		.index_cuxiao .ztitle h3{
			font-size: 24px;
			color: #fff;
		}
		.index_cuxiao .ztitle p{
			font-size: 14px;
			color: #fff;
		}
		.index_cuxiao .cuxiaolist .left h3{
			font-size: 30px;
			color: #d4241a;
			padding: 30px 0;
		}
		.index_cuxiao .cuxiaolist .left{
			width: 50%;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding: 0 20px;
		}
		.index_cuxiao .cuxiaolist .left .line{
			width: 60px;
			height: 2px;
			background: #d4241a;
			margin-bottom:30px; 
		}
		.index_cuxiao .cuxiaolist .right{
			width: 45%;
			text-align: right;
		}
		.index_cuxiao .cuxiaolist .right img{
			width: 90%;
		}
		.index_cuxiao .cuxiaolist .swiper-button-next{
			left: 70px;
			right: auto;
		}
		.index_cuxiao .cuxiaolist .swiper-button-next,.index_cuxiao .cuxiaolist .swiper-button-prev{
			top: auto;
			bottom: 20px;
			width: 30px;
			height: 30px;
			padding: 12px;
			opacity:1; 
		}
		.index_cuxiao .cuxiaolist .swiper-button-prev{
			background: #8E8E8E;
			color: #fff;
		}
		.index_cuxiao .cuxiaolist .swiper-button-next{
			background: #8E8E8E;
			color: #fff;
		}
		.index_cuxiao .cuxiaolist .swiper-button-next:hover,.index_cuxiao .cuxiaolist .swiper-button-prev:hover{
			background:#D4241A;
		}
		.index_about .maininfo{
			padding: 50px 0 120px 0;
			background: url(../images/about_bg.png) no-repeat center bottom;
		}
		.index_about .maininfo .left{
			width: 40%;
			padding: 30px;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
		}
		.index_about .maininfo .left h3{
			font-size: 18px;
			color: #333333;
			font-weight: bold;
		}
		.index_about .maininfo .redline{
			height: 1px;
			width: 40px;
			background: #DC4C44;
			margin: 25px 0 40px 0;
		}
		.index_about .maininfo .description p{
			font-size: 14px;
			color: #333333;
			line-height: 25px;
		}
		.index_about .maininfo .more{
			font-size: 14px;
			color: #DC4C44;
			border:1px solid #DC4C44;
			display: inline-block;
			padding: 4px 35px;
			position: relative;
			margin-top: 60px;
			transition:all .3s ease-in-out;
		}
		.index_about .maininfo .more:after{
			content: "———";
			position:absolute;
			top: 13%;
			right: -30px;
			transition:all .3s ease-in-out;
		}
		.index_about .maininfo .more:hover:after{
			right: 0px;
			color:#DC4C44;
			opacity:0;
		}
		.index_about .maininfo .more:hover{
			background:#DC4C44;
			color:#fff;
		}
		.index_about .maininfo .right{
			width: 50%;
			position: relative;
		}
		.index_about .maininfo .right .img{
			width: 80%;
			border: 2px solid #D4241A;
			display: inline-block;
		}
		.index_about .maininfo .right .img img{
			width: 100%;
			position: relative;
			bottom: 25px;
			left: 25px;
		}
		.index_about .maininfo .right .fanzhuan{
			position: absolute;
			right: -30px;
			bottom: 74px;
			transform:rotate(90deg);
	        -ms-transform:rotate(90deg); /* Internet Explorer 9*/
	        -moz-transform:rotate(90deg); /* Firefox */
	        -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	        -o-transform:rotate(90deg); /* Opera */
	        
		}
		.index_about .maininfo .right .fanzhuan p{
			font-size: 14px;
			color: #333333;
			font-weight: bold;
			line-height: 25px;
		}
		.index_adv{
			padding-bottom: 60px;
		}
		.index_adv .adv_top{
			border: 1px dotted #000;
			text-align: center;
			padding: 20px 0;
			margin: 50px 0 40px 0;
		}
		.index_adv .adv_top p{
			font-size: 14px;
			color: #333333;
			line-height: 30px;
		}
		.index_adv .adv_top span{
			font-size: 16px;
			font-weight: bold;
		}
		.index_adv .adv_list ul li{
			width: 23%;
			float: left;
			margin-right: 2.66%;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			border: 1px solid #333;
			text-align: center;
			padding: 30px;
			height: 348px;
		}
		.index_adv .adv_list ul li:last-child{
			margin-right: 0;
		}
		.index_adv .adv_list ul li img{
			height: 73px;
		}
		.index_adv .adv_list ul li p{
			font-size: 14px;
			color: #333333;
			padding: 10px 0;
		}
		.index_adv .adv_list ul li .line{
			height: 1px;
			width: 80%;
			margin: 30px auto;
			background: #333;
		}
		.index_adv .adv_list ul li span{
			font-size: 12px;
			color: #333333;
			line-height: 20px;
		}
		.footer{
			background: url(../images/footer_bg.jpg) no-repeat center top;
			
		}
		.footer .left{
			width: 45%;
			text-align: center;
			padding: 60px 0;
		}
		.footer .left img{
			margin:0 auto;
		}
		.footer .left .title{
			text-align: left;
			padding: 64px 0 30px 100px;
		}
		.footer .left .title h3{
			font-size: 36px;
			color: #333333;
			font-weight: bold;
			letter-spacing: 3px;
		}
		.footer .left .title p{
			font-size: 18px;
			color: #333;
			padding: 10px 0;
		}
		.footer .right{
			width: 45%;
			position: relative;
		}
		.footer .right .more{
			background: url(../images/sixside.png) no-repeat center top;
			height: 364px;
			width: 81px;
			position: absolute;
			top:0px;
			right: 60px;
		}
		.footer .right .more a{
			position: absolute;
			bottom: 33px;
			left: 14px;
			color: #fff;
			font-size: 18px;
		}
		.footer .right .foot_info{
			background: url(../images/kuang.png) no-repeat center;
			background-size: 100% 100%;
			width: 100%;
			margin-top: 225px; 
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding: 180px 80px 100px 80px;
		}
		.footer .right .foot_info h3{
			font-size: 16px;
			color: #000;
			padding-bottom: 30px;
			font-weight: bold;
		}
		.footer .right .foot_info .item{
			padding:10px 0 20px 0;
			border-bottom: 1px solid #C6C6C6;
			transition:all .3s ease-in-out;
		}
		
		.footer .right .foot_info .item img{
			float: right;
		}
		.footer .right .foot_info .item span{
			font-size: 14px;
			color: #333;
		}
		.copyright{
			text-align: center;
			background: #111111;
			padding: 10px 0;
		}
		.copyright p{
			font-size: 14px;
			color: #fff;
		}
		.copyright a{
			font-size: 14px;
			color: #fff;
		}
		.about_top{
			background: url(../images/abouts_bg.jpg) no-repeat center;
			height: 400px;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding-top:60px; 
		}
		.about_top .title{
			text-align: center;
			letter-spacing: 3px;
			border-bottom: 1px solid #5A514F;
		}
		.about_top .title h3{
			font-size: 24px;
			color: #fff;
			font-weight: bold;
			display: inline-block;
			padding: 15px 0;
			border-bottom: 2px solid #BBB9B7;
		}
		.about_top .content{
			color:#fff;
			padding: 20px 100px;
			text-align: center;
		}
		.team_js{
			padding: 60px 0;
		}
		.team_js .title{
			padding: 10px 0;
			text-align: center;
		}
		.team_js .title h3{
			font-size: 24px;
			color: #333333;
		}
		.team_js .title p{
			font-size: 14px;
			color: #8e8e8e;
		}
		.team_js .content p{
			font-size: 14px;
			color: #333333;
			line-height: 24px;
			text-indent: 2em;
			padding: 15px 0;
		}
		.team_js .content .item{
			width: 32%;
			margin-right: 1.5%;
			float: left;
		}
		.team_js .content .item:last-child{
			margin-right: 0;
			width: 33%;
		}
		.team_js .content .item img{
			width: 100%;
		}
		.team_js .content .item .item_two{
			margin-top: 13px;
		}
		.advtange{
			padding: 60px 0;
		}
		.advtange .content{
			border: 1px solid #B6B6B6;
			position: relative;
			padding: 30px 0;
			margin-right: 20px;
		}
		.advtange .content .content_word{
			padding-right: 35%;
		}
		.advtange .content .item{
			overflow: hidden;
			padding: 20px 0;
		}
		.advtange .content .item .icon{
			width: 40px;
			float: left;
			padding: 0 30px;
		}
		.advtange .content .item .word{
			float: left;
			width: 85%;
		}
		.advtange .content .item .word h3{
			font-size: 16px;
			color: #333333;
			padding-bottom: 25px;
		}
		.advtange .content .item .word p{
			font-size: 14px;
			color: #333;
			line-height: 24px;
		}
		.advtange .content .img{
			position:absolute;
			right: -20px;
			width: 30%;
			top: -90px;
		 }
		 .advtange .content .img img{
		 	width: 100%;
		 }
		 .contactus{
		 	padding: 40px 0;
		 }
		 .contactus .title{
		 	text-align: center;
		 	padding: 15px 0 40px 0;
		 }
		 .contactus .title h3{
		 	font-size: 30px;
		 	color: #333;
		 }
		 .contactus .title span{
		 	font-size: 18px;
		 	color: #959595;
		 }
		 .contactus .item{
		 	float: left;
		 	width: 32%;
		 	margin-right: 2%;
		 	text-align: center;
		 	background: #C2C2C2;
		 	height: 220px;
		 	box-sizing: border-box;
		 	-webkit-box-sizing:border-box;
		 	-moz-box-sizing:border-box;
		 	padding: 25px 0;
		 }
		 .contactus .item:last-child{
		 	margin-right: 0;
		 }
		 .contactus .item img{
		 	margin: 10px 0;
		 }
		 .contactus .item p{
		 	font-size: 14px;
		 	color: #333;
		 	line-height: 24px;
		 }

		 .nei_bg{
		 	height: 400px;
		 }
		 .cate{
		 	position: relative;
		 	background: rgba(0,0,0,1);
		 }
		 .map{
		 	padding: 20px 0;
		 }
		 .pro_location{
		 	padding: 30px 0;
		 }
		 .pro_location .swiper-slide{
		 	text-align: center;
		 	position: relative;
		 	cursor: pointer;
		 }
		 .pro_location .swiper-slide .shoucate{
			 border-right:1px dashed #8e8e8e;
		 }
		 .pro_location .swiper-slide .shoucate .icon{
			 width:62px;
		 }
		  .pro_location .swiper-slide:nth-child(1) .shoucate{
			  border-left:1px dashed #8e8e8e;
		  }
		 .pro_location .ul{
		 	background: #fff;
		 	
		 	box-shadow: 2px 0 4px #eaeaea;
		 	box-sizing: border-box;
		 	-webkit-box-sizing:border-box;
		 	-moz-box-sizing:border-box;
		 	position: absolute;
		 	width: 100%;
		 	z-index: 99;
		 	height: 0;
		 	overflow: hidden;
		 	transition:.3s;
		 }
		 .pro_location .swiper-slide:hover .ul{
		 	height: auto;
		 	padding: 20px 0;
		 }
		 .pro_location .swiper-slide:hover p{
		 	color: #de312e;
		 }
		 .pro_location .ul a{
		 	display: block;
		 	font-size: 14px;
		 	color: #8e8e8e;
		 	line-height: 24px;
		 	border-bottom: 1px dotted #eaeaea;
		 	padding: 5px 0;
		 }
		 .pro_location .ul a:hover{
		 	color: #de312e;
		 }
		 .pro_location .container{
		 	overflow: hidden;
		 	min-height: 350px;
		 }
		 .pro_location .lunbo{
		 	position: relative;

		 }
		 .pro_location .swiper-container{
		 	width: 90%;
			overflow: inherit;
		 }
		 .pro_location .swiper-button-next {
			right: 0px;
			left: auto;
		}
		.pro_location .swiper-button-prev{
			left: 0px;
			right: auto;
		}
		 .pro_location .swiper-button-next,.pro_location .swiper-button-prev {
			    color: #8e8e8e;
				outline: none;
			}
		 .pro_location .shoucate p{
		 	font-size: 14px;
		 	color: #333333;
		 	padding: 8px 0;
		 }
		 .prolist{
		 	padding: 50px 0;
		 }
		 .prolist ul li{
		 	float: left;
		 	width: 32%;
		 	margin-right: 2%;
		 	padding: 15px;
		 	box-sizing: border-box;
		 	-webkit-box-sizing:border-box;
		 	-moz-box-sizing:border-box;
			border:1px solid #fff;
		 }
		 .prolist ul li:nth-child(3n){
		 	margin-right: 0;
		 }
		 .prolist ul li .img{
		 	text-align: center;
		 	height: 300px;
		 	line-height: 300px;
		 	overflow: hidden;
		 }
		 .prolist ul li .img img{
		 	max-width: 100%;
			max-height:100%;
		 }
		 .prolist ul li p{
			 text-align:center;
		 	font-size: 14px;
		 	color: #333333;
		 	line-height: 40px;
			 word-break:break-all;
			display:-webkit-box;
			-webkit-line-clamp:1;
			-webkit-box-orient:vertical;
			overflow:hidden;
		 }
		 .prolist ul li:hover{
		 	border: 1px solid #de312e;
		 }
		 .page{
		 	text-align: right;
		 }
		 .page span{
		 	border:1px solid #333333;
		 	height: 28px;
		 	width: 28px;
		 	display: inline-block;
		 	text-align: center;
		 	line-height: 28px;
		 	margin: 0 5px;
		 	color: #333;
		 }
		 .page a{
		 	border:1px solid #333333;
		 	height: 28px;
		 	width: 28px;
		 	display: inline-block;
		 	text-align: center;
		 	line-height: 28px;
		 	margin: 0 5px;
		 	color: #333;
		 }
		 .page span.current{
		 	background: #d52721;
		 	color: #fff;
		 	border:1px solid #d52721;
		 }
		 .page select{
			 width: 38px;
			 height: 30px;
			 border: 1px solid #333333;
			 font-size:14px;
		 }
		 .prodetail .left{
		 	width: 50%;
		 	text-align: center;
		 	padding: 25px 0;
		 }
		 .prodetail .left img{
		 	max-width: 90%;
		 }
		 .prodetail .right{
		 	width: 45%;
		 	padding: 65px 0;
		 }
		 .prodetail .right h3{
		 	font-size: 16px;
		 	color: #333333;
		 	font-weight: bold;
		 	padding-bottom: 35px;
		 }
		 .product_info .title{
		 	text-align: center;
		 }
		 .product_info .info{
		 	padding: 60px 0;
		 }
		 .product_info .info img{
		 	max-width: 100%;
		 }
		 .mobile{
			 display:none;
		 }
		 .mobile_footer{
			display:none;
		}
		.tanchuan {
			transform: scale(0);
			width: 150px;
			margin: 0 auto;
			position: fixed;
			bottom: 52px;
			right: 0;
			margin-left: -75px;
			transition: all .3s ease-in-out;
			text-align: center;
			background: #fff;
			padding: 30px 0 0px 0;
			z-index: 99;
			border:1px solid #f1f1f1;
		}
		.tanchuan p {
			font-size: 14px;
			padding: 10px 0;
		}
		.tanchuan img{
			width:100px;
		}
		.tanchuan .gb {
			position: absolute;
			width: 25px;
			height: 25px;
			top: 0;
			right: 0;
		}
		.bannerMobile{
			display:none;
		}
		.bannerMobile img{
			width:100%;
		}
	@media screen and (min-width: 300px) and (max-width: 768px){
		.container{
			width: 100%;
			padding: 0 10px;
		}
		.header-top {
			padding: 5px 0;
		}
		.header-top span {
			font-size: 12px;
		}
		.bannerMobile{
			display:block;
		}
		.pc{
			display:none;
		}
		.mobile{
			display:block;
		}
		.header-middle {
		    height: 70px;
		    padding: 0;
		}
		.header-middle .leftimg img{
			height: 70px;
		}
		.header-middle .search{
			display: none;
		}
		.menu-open {
		    display: block;
		    position: absolute;
		    top: 38px;
		    right: 0;
		    width: 70px;
		    height: 60px;
		    z-index: 1000;
		}
		.button-menu-line {
		    display: block;
		    position: absolute;
		    left: 30px;
		    width: 24px;
		    height: 1px;
		    background-color: #333333;
		    -webkit-transform-origin: center center 0px;
		    -moz-transform-origin: center center 0px;
		    -ms-transform-origin: center center 0px;
		    -o-transform-origin: center center 0px;
		    transform-origin: center center 0px;
		    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
		    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
		    -o-transform: matrix(1, 0, 0, 1, 0, 0);
		    transform: matrix(1, 0, 0, 1, 0, 0);
		    -webkit-transition: .25s;
		    -moz-transition: .25s;
		    -ms-transition: .25s;
		    -o-transition: .25s;
		    transition: .25s;
		}
		.button-menu-line--1 {
		    top: 24px;
		}
		.button-menu-line--2 {
		    top: 32px;
		}
		.button-menu-line--3 {
		    top: 40px;
		}
		.menu-open.open {
		    top: 54px;
		    height: 40px;
		}
		.menu-open.open .button-menu-line--1 {
		    -webkit-transform-origin: center center 0px;
		    -moz-transform-origin: center center 0px;
		    -ms-transform-origin: center center 0px;
		    -o-transform-origin: center center 0px;
		    transform-origin: center center 0px;
		    -webkit-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
		    -moz-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
		    -ms-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
		    -o-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
		    transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
			top:18px;
		}
		.menu-open.open .button-menu-line--2 {
		    -webkit-transform-origin: center center 0px;
		    -moz-transform-origin: center center 0px;
		    -ms-transform-origin: center center 0px;
		    -o-transform-origin: center center 0px;
		    transform-origin: center center 0px;
		    -webkit-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -9);
		    -moz-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -9);
		    -ms-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -9);
		    -o-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -9);
		    transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -9);
			top:26px;
		}
		.menu-open.open .button-menu-line--3 {
		    -webkit-transform-origin: center center 0px;
		    -moz-transform-origin: center center 0px;
		    -ms-transform-origin: center center 0px;
		    -o-transform-origin: center center 0px;
		    transform-origin: center center 0px;
		    -webkit-transform: matrix(1, 0, 0, 1, 0, 3);
		    -moz-transform: matrix(1, 0, 0, 1, 0, 3);
		    -ms-transform: matrix(1, 0, 0, 1, 0, 3);
		    -o-transform: matrix(1, 0, 0, 1, 0, 3);
		    transform: matrix(1, 0, 0, 1, 0, 3);
		    opacity: 0;
		}
		.nav{
			display: none;
		}
		.nav span{
			display: none;
		}
		.banner img{
			width: 100%;
		}
		.gtitle {
		    text-align: center;
		    padding: 10px 0 10px 0;
		}
		.gtitle h3 {
		    font-size: 18px;
		    color: #333333;
		    position: relative;
		    background: #fff;
		    display: inline-block;
		    text-align: center;
		    padding: 0 15px;
		}
		.gtitle hr {
		    position: relative;
		    bottom: 11px;
		    height: 0;
		    z-index: -1;
		    border: 0;
		    border-bottom: 1px solid #D6D6D6;
		}
		.gtitle img{
			width: 150px;
		}
		.gtitle p span {
		    position: relative;
		    top: 4px;
		    padding-left: 15px;
		    font-size: 12px;
		}
		.index_pro {
		    padding: 15px 0;
		}
		.index_pro .catelist .catelist_item {
		    float: left;
		    width: 49%;
		    margin-right: 2%;
		    box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    border: 1px solid #C2C2C2;
		    border-radius: 8px;
		    height: 270px;
		    position: relative;
		    overflow: hidden;
		    margin-top: 15px;
		}
	
		.index_pro .catelist .catelist_item .title hr {
		    width: 25px;
		    border-bottom: 1px solid #8E8E8E;
		    height: 0;
		    margin: 10px auto;
		}
		.index_pro .catelist .catelist_item:nth-child(2n){
			margin-right: 0;
		}
		.index_pro .catelistMobile{
			padding:15px 0;
			display:block;
		}
		.index_pro .catelistMobile ul li{
			float:left;
			width:25%;
			text-align:center;
			margin-top:5px;
		}
		.index_pro .catelistMobile ul li p{
			font-size:12px;
			padding:10px 0;
		}
		.index_pro .catelistMobile ul li img{
			width:55%;
		}
		.index_cuxiao .cuxiaolist .left {
		    width: 100%;
		    box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    padding: 0 20px;
		}
		.index_cuxiao .cuxiaolist .left h3 {
		    font-size: 24px;
		    color: #d4241a;
		    padding: 21px 0;
		}
		.index_cuxiao .cuxiaolist .left .line {
			width: 60px;
			height: 2px;
			background: #d4241a;
			margin-bottom: 20px;
		}
		.index_cuxiao .cuxiaolist .swiper-button-next, .index_cuxiao .cuxiaolist .swiper-button-prev {
		    top: auto;
		    bottom: 20px;
		    width: 25px;
		    height: 25px;
		    padding: 5px;
		    opacity: 1;
		}
		.swiper-button-next:after, .swiper-button-prev:after {
		    font-size: 20px!important;
		}
		.index_cuxiao .ztitle {
		    display: inline-block;
		    background: #D4241A;
		    padding: 5px 10px;
		}
		.index_cuxiao .ztitle h3 {
		    font-size: 18px;
		    color: #fff;
		}
		.index_cuxiao .ztitle p {
		    font-size: 12px;
		    color: #fff;
		}
		.index_about .maininfo .left {
		    width: 100%;
		    padding: 10px;
		    box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		}
		.index_about .maininfo {
		    padding: 20px 0 60px 0;
		    background: url(../images/about_bg.png) no-repeat center bottom;
		}
		.index_about .maininfo .redline {
		    height: 1px;
		    width: 40px;
		    background: #DC4C44;
		    margin: 15px 0 20px 0;
		}
		.index_about .maininfo .right {
		    width: 100%;
		    padding-top: 40px;
		    position: relative;
		}
		.index_about .maininfo .right .fanzhuan {
		    right: -60px;
		}
		.index_adv .adv_top {
		    border: 1px dotted #000;
		    text-align: center;
		    padding: 20px 0;
		    margin: 30px 0 20px 0;
		}
		.index_adv .adv_top p {
		    font-size: 12px;
		    color: #333333;
		    line-height: 30px;
		}
		.index_adv .adv_top span {
		    font-size: 14px;
		    font-weight: bold;
		}
		.index_adv .adv_list ul li {
		    width: 49%;
		    float: left;
		    margin-right: 2%;
		    box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    border: 1px solid #333;
		    text-align: center;
		    padding: 15px;
		    height: 270px;
		    margin-bottom:15px; 
		}
		.index_adv .adv_list ul li .line {
		    height: 1px;
		    width: 80%;
		    margin: 10px auto;
		    background: #333;
		}
		.index_adv .adv_list ul li:nth-child(2n){
			margin-right: 0;
		}
		.index_adv .adv_list ul li img {
		    height: 57px;
		}
		.footer .left {
		    width: 100%;
		    text-align: center;
		    padding: 30px 0;
		}
		.footer .left .title {
		    text-align: left;
		    padding: 0; 
		}
		.footer .left img{
			max-width: 100%;
		}
		.footer .right {
		    width: 100%;
		    position: relative;
		}
		.footer .right .foot_info {
		    background: url(../images/kuang.png) no-repeat center;
		    background-size: 100% 100%;
		    width: 100%;
		    margin-top: 0;
		    box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    padding: 50px 20px 40px 20px;
		}
		.nav ul li {
		    display: inline-block;
		    padding: 15px 0;
		    width: 100%;
		}
		.about_top {
		    padding: 20px 0;
		    height: auto;
		    background-size: cover;
		}
		.about_top .content {
		    color: #fff;
		    padding: 10px;
		    text-align: center;
		}
		.about_top .title h3 {
		    font-size: 22px;
		    color: #fff;
		    font-weight: bold;
		    display: inline-block;
		    padding: 10px 0;
		    border-bottom: 2px solid #BBB9B7;
		}
		.team_js {
		    padding: 20px 0;
		}
		.team_js .content .item .item_two {
		    margin-top: 5px;
		}
		.advtange .content .img {
		    position: absolute;
		    right: -20px;
		    width: 30%;
		    top: -90px;
		    display: none;
		}
		.advtange .content .item .icon {
		    width: 21%;
		    float: left;
		    padding: 0 18px;
		    box-sizing: border-box;
		}
		.advtange .content .content_word {
		    padding-right: 0;
		}
		.advtange .content .item .word {
		    float: left;
		    width: 73%;
		}
		.advtange .content .item .icon img{
			max-width: 100%;
		}
		.advtange .content {
		    border: 1px solid #B6B6B6;
		    position: relative;
		    padding: 20px 0;
		    margin-right: 0;
		}
		.advtange .content .item .word h3 {
		    font-size: 16px;
		    color: #333333;
		    padding-bottom: 15px;
		}
		.advtange {
		    padding: 20px 0;
		}
		.contactus .item {
		    width: 49%;
		    margin-right: 2%;
		    height: 220px;
		    margin-top: 10px;
		    padding: 15px 5px;
		}
		.contactus .item:nth-child(2n){
			margin-right: 0;
		}
		.contactus .title {
		    text-align: center;
		    padding: 10px 0 20px 0;
		}
		.contactus {
		    padding: 20px 0;
		}
		.prolist ul li {
		    float: left;
		    width: 49%;
		    margin-right: 2%;
		    padding: 10px;
		    box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		}
		.prolist ul li:nth-child(2n){
			margin-right: 0;
		}
		.prolist ul li .img {
		    text-align: center;
		    height: 40vw;
		    line-height: 40vw;
		    overflow: hidden;
		}
		.prolist ul li p {
			text-align: center;
			font-size: 12px;
			color: #333333;
			line-height: 22px;
			 padding: 0px 0; 
			 word-break:break-all;
			display:-webkit-box;
			-webkit-line-clamp:1;
			-webkit-box-orient:vertical;
			overflow:hidden;
		}
		.prolist {
		    padding: 20px 0;
		}
		.cate {
		    position: absolute;
		}
		.page {
		    text-align: center;
		}
		.copyright p {
		    font-size: 12px;
		    color: #fff;
		}
		.copyright a {
			font-size: 12px;
			color: #fff;
		}
		.index_pro .catelist .catelist_item .rollword {
		    width: 80px;
		    height: 80px;
		    border-radius: 50%;
		    border: 1px solid #C9C9C9;
		    margin: 15px auto;
		    line-height: 80px;
		    text-align: center;
		    font-size: 26px;
		    color: #d9271f;
		}
		.index_pro .catelist .catelist_item .title {
		    padding: 0 15px;
		    z-index: 99;
		}
		.index_pro .catelist .catelist_item .rollimg {
		    position: absolute;
		    width: 80px;
		    left: 0;
		    right: 0;
		    top: 16px;
		    transform: scale(0);
		    transition: all .3s ease-in-out;
		    margin: 0 auto;
		    z-index: 3;
		}
		.index_pro .catelist .catelist_item .title p {
		    font-size: 12px;
		    color: #333333;
		    text-align: center;
		    line-height: 22px;
				overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		.index_pro .catelist .catelist_item .rollimg img{
			width: 100%;
		}
		.index_adv .adv_list ul li p {
		    font-size: 12px;
		    color: #333333;
		    padding: 5px 0;
		}
		.index_adv {
		    padding-bottom: 30px;
		}
		.footer .left .title h3 {
		    font-size: 30px;
		    color: #333333;
		    font-weight: bold;
		    letter-spacing: 3px;
		}
		.footer .right .foot_info .item {
		    padding: 5px 0 10px 0;
		    border-bottom: 1px solid #C6C6C6;
		}
		.footer .right .foot_info .item span {
		    font-size: 12px;
		    color: #333;
		}
		.footer .right .foot_info .item img{
			width: 20px;
		}
		.footer .right .more {
		    background: url(../images/sixside2.png) no-repeat center top;
		    height: 93px;
		    width: 81px;
		    position: absolute;
		    top: 0px;
		    right: 30px;
		    background-size: cover;
		}
		.pro_location .swiper-container {
			width: 85%;
			overflow: inherit;
		}
		.mobile_footer{
			display:block;
		}
		.mobile_footer {
			background: rgba(212,36,26,.8);
			width: 100%;
			position: fixed;
			bottom: 0;
			padding: 3px 0;
			z-index: 999;
			display: block;
		}
		.mobile_footer ul li {
			float: left;
			width: 25%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			text-align: center;
		}
		.mobile_footer ul li img {
			width: 20px;
			padding: 5px 0;
		}
		.mobile_footer ul li p {
			color: #fff;
			font-size: 12px;
			margin: 0;
		}
		.prodetail .left {
			width: 100%;
			text-align: center;
			padding: 25px 0;
		}
		.prodetail .right {
			width: 100%;
			padding: 20px 0;
		}
		.product_info .title img{
			width:100%;
		}
		.nei_bg img{
			width:100%;
		}
		.nei_bg{
			height:auto;
		}
		.index_about .maininfo .more {
			margin-top: 30px;
		}
		.contactus .title h3 {
			font-size: 24px;
			color: #333;
		}
		.contactus .title span {
			font-size: 16px;
			color: #959595;
		}
	}
	@media screen and (min-width:769px) and (max-width:1200px){
		.container{
			width:100%;
			padding:0 15px;
		}
		.nav ul li a {
			color: #fff;
			display: inline-block;
			padding: 0 5vw;
			font-size: 14px;
		}
		.index_pro .catelist .catelist_item .title {
			padding: 0 20px;
			z-index: 99;
		}
		.index_pro .catelist .catelist_item .title h3 {
			font-size: 16px;
			text-align: center;
		}
		.index_pro .catelist .catelist_item .title hr {
			width: 25px;
			border-bottom: 1px solid #8E8E8E;
			height: 0;
			margin: 10px auto;
		}
		.index_pro .catelist .catelist_item .rollword {
			width: 90px;
			height: 90px;
			border-radius: 50%;
			border: 1px solid #C9C9C9;
			margin: 30px auto;
			line-height: 90px;
			text-align: center;
			font-size: 30px;
			color: #d9271f;
		}
		.index_pro .catelist .catelist_item .rollimg {
			position: absolute;
			width: 90px;
			left: 0;
			right: 0;
			top: 31px;
			transform: scale(0);
			transition: all .3s ease-in-out;
			margin: 0 auto;
			z-index: 3;
		}
		.index_pro .catelist .catelist_item .rollimg img{
			width:100%;
		}
		.index_cuxiao .swiper-container{
			padding-bottom:75px;
		}
		.index_cuxiao .cuxiaolist .left {
			width: 49%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding: 0 20px;
		}
		.index_cuxiao .cuxiaolist .left h3 {
			font-size: 28px;
			color: #d4241a;
			padding: 25px 0;
		}
		.index_cuxiao .swiper-button-next:after,.index_cuxiao .swiper-button-prev:after{
			font-size:16px;
		}
		.index_cuxiao .cuxiaolist .swiper-button-next, .index_cuxiao .cuxiaolist .swiper-button-prev{
			padding:4px;
		}
		.index_about .maininfo .left {
			padding: 20px;
			width:49%;
		}
		.index_about .maininfo {
			padding: 50px 0 50px 0;
			background: url(../images/about_bg.png) no-repeat center bottom;
		}
		.index_adv .adv_list ul li .line {
			height: 1px;
			width: 80%;
			margin: 2vw auto;
			background: #333;
		}
		.index_adv .adv_list ul li {
			padding: 25px;
		}
		.footer .right {
			width: 50%;
			position: relative;
		}
		.footer .right .foot_info {
			background: url(../images/kuang.png) no-repeat center;
			background-size: 100% 100%;
			width: 100%;
			margin-top: 225px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding: 160px 30px 100px 30px;
		}
		.about_top {
			background: url(../images/abouts_bg.jpg) no-repeat center;
			height: 400px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding-top: 30px;
		}
		.about_top {
			background: url(../images/abouts_bg.jpg) no-repeat center;
			height: auto;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding: 30px 0;
			background-size: cover;
		}
		.about_top .content {
			color: #fff;
			padding: 20px 60px;
			text-align: center;
		}
		.advtange {
			padding: 40px 0;
		}
		.advtange .content .img {
			display:none;
		}
		.advtange .content .content_word {
			padding-right: 0;
		}
		.prolist ul li .img {
			text-align: center;
			height: 26vw;
			line-height: 26vw;
			overflow: hidden;
		}
	}
	@media screen and (min-width:920px) and (max-width:1200px){
		.index_cuxiao .swiper-container {
			padding-bottom: 45px;
		}
	}