img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.morebtn{
	font-size: 0;
}
.morebtn a,
.morebtn span{
	position: relative;
	z-index: 1;
	display: inline-block;
	color: #ffffff;
	font-family: "psr";
	font-size: 16px;
	padding: 0px 15px;
	height: 45px;
	line-height: 45px;
}
.product .morebtn span{
	font-family: arial;
	font-size: 14px;
}
.morebtn a img,
.morebtn span img{
	display: inline-block;
	margin-left: 15px;
}
.morebtn a:before,
.morebtn span:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #1059cd;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.morebtn a:hover:before,
.morebtn span:hover:before{
	left: auto;
	right: 0;
	width: 0;
}
.morebtn a:after,
.morebtn span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background: #1367ee;
}

/*product*/
.product{
	padding-top: 110px;
	padding-bottom: 110px;
}
.product ul li{
	width: 100%;
	margin-bottom: 50px;
	background: #ffffff;

}
.product ul li:last-child{
	margin-bottom: 0;
}
.product ul li a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.product ul li a:before{
	content: '';
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background: url(../images/img140.png) left bottom no-repeat;
	background-size: 48.6% auto;
}
.product ul li:nth-child(odd) a:before{
	left: 0;
}
.product ul li:nth-child(even) a:before{
	right: 0;
}
.product ul li .txt{
	float: left;
	width: 50%;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 3%;
}
.product ul li:nth-child(odd) .txt{
	float: right;
	padding-left: 5%;
	padding-right: 5.7%;
}
.product ul li:nth-child(even) .txt{
	float: left;
	padding-right: 5%;
	padding-left: 5.7%;
}
.product ul li .txt .con{
	position: relative;
	z-index: 1;
	padding-top: 40px;
}
.product ul li .txt .digit{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 1;
    font-size: 90px;
    font-family: 'din';
    color: rgba(13, 14, 15, 0.1);
    background: linear-gradient(180deg, rgba(226, 229, 240, 0.6) 0%, rgba(226, 229, 240, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.product ul li .txt .t1{
	color: #222222;
	font-size: 34px;
}
.product ul li .txt i{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 40px;
	height: 3px;
	background: #445ba7;
}
.product ul li .txt .t2{
	color: #666666;
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 40px;
	word-break: break-word;
	/*display: -webkit-box;*/
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	height: 140px;
}
.product ul li .img{
	width: 50%;
}
.product ul li:nth-child(odd) .img{
	float: right;
}
.product ul li:nth-child(even) .img{
	float: left;
}
.product ul li .img img{
	width: 100%;
}
.advert{
	padding-top: 60px;
	padding-bottom: 60px;
	background: #405aa8 url(../images/img106.png) top right 10% no-repeat;
	background-size: auto 100%;
}
.advert .tit{
	float: left;
	color: #f8f7f8;
	font-size: 30px;
	width: -moz-calc(100% - 240px);
	width: -webkit-calc(100% - 240px);
	width: calc(100% - 240px);
	margin-top: 10px;
}
.advert .btn{
	float: right;
	width: 180px;
	margin-right: 40px;
	border: rgba(255,255,255,0.09) solid 4px;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	height: 58px;
	line-height: 50px;
}
.advert .btn a{
	display: block;
	width: 100%;
	background: #FFFFFF;
	text-align: center;
	font-weight: bold;
	color: #405aa8;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.advert .btn a:hover{
	background: #70ba2b;
	color: #FFFFFF;
}
/*product-list*/
.product-list{
	padding-bottom: 70px;
	background: #f7f8fa;
}
.product-list .title{
	padding-top: 100px;
	padding-bottom: 35px;
	background-color: #FFFFFF;
}
.product-list .title .t1{
	font-weight: bold;
	color: #222222;
	font-size: 40px;
	margin-bottom: 15px;
}
.product-list .title .t2{
	font-family: 'psl';
	color: #666666;
	font-size: 16px;
	line-height: 2;
}
.product-list .box{
	margin-top: 50px;
}
.product-list .box ul{
	margin-bottom: 20px;
	font-size: 0;
}
.relevant_product ul{
	margin-top: 45px;
	font-size: 0;
}
.product-list .box ul li,
.relevant_product ul li{
	display: inline-block;
	vertical-align: top;
	width: 31.4%;
	margin-right: 2.9%;
	margin-bottom: 2.9%;
	background: #ffffff;
}
.relevant_product ul li{
	box-shadow: 2px 6px 15px rgba(0,0,0,0.09);
}
.product-list .box ul li:nth-child(3n),
.relevant_product ul li:nth-child(3n){
	margin-right: 0;
}
.proli a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 80px;
}
.proli .img{
	width: 100%;
	padding: 0px 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.proli .img img{
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli .txt{
	position: absolute;
	left: 0;
	bottom: -70px;
	z-index: 1;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli:hover .txt{
	bottom: 0;
}
.proli .txt:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #506cc2 url(../images/img116.png) center right no-repeat;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli:hover .txt:before{
	bottom: 0;
}
.proli .txt .t1{
	color: #222222;
	font-size: 20px;
	margin-bottom: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli:hover .txt .t1,
.proli:hover .txt .t2{
	color: #ffffff;
}
.proli .txt .t2{
	color: #5a5a5a;
	font-size: 16px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli .txt .btn{
	margin-top: 20px;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli:hover .txt .btn{
	opacity: 1;
}
.proli .txt .btn span{
	display: inline-block;
	min-width: 100px;
	height: 40px;
	line-height: 36px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	border: rgba(255,255,255,0.2) solid 2px;
	box-sizing: border-box;
}
/**/
.product-detail{
	padding-top: 90px;
	padding-bottom: 50px;
	background-color: #f9f9f9;
}
.product-detail .leftbox{
	float: left;
	width: 50%;
	padding-right: 4%;
	overflow: hidden;
	box-sizing: border-box;
}
.product-detail .leftbox .swiper-container{
	max-width: 580px;
	width: 100%;
	margin-left: 0px;
}
.product-detail .leftbox .img{
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding-bottom: 70px;
}
.product-detail .leftbox .img img{
	max-width: 100%;
}
.product-detail .leftbox .img:before{
	content: '';
	position: absolute;
	left: 120px;
	bottom: 20px;
	width: -moz-calc(100% - 190px);
	width: -webkit-calc(100% - 190px);
	width: calc(100% - 190px);
	height: 2px;
	background: #e7e7e7;
	opacity: 0;
	visibility: hidden;
}
.product-detail .leftbox .swiper-slide-active .img:before{
	opacity: 1;
	visibility: visible;
}
.product-detail .leftbox .swiper-slide-active .img:after{
	content: '';
	position: absolute;
	left: 120px;
	bottom: 20px;
	width: -moz-calc(100% - 190px);
	width: -webkit-calc(100% - 190px);
	width: calc(100% - 190px);
	height: 2px;
	background: #506cc2;
	animation: line1 5000ms forwards ease;
}
@-webkit-keyframes line1{
	0%{
		width: 0;
	} 
	100%{
		width: -moz-calc(100% - 190px);
		width: -webkit-calc(100% - 190px);
		width: calc(100% - 190px);
	}
}
@keyframes line1{
	0%{
		width: 0;
	} 
	100%{
		width: -moz-calc(100% - 190px);
		width: -webkit-calc(100% - 190px);
		width: calc(100% - 190px);
	}
}
.product-detail .swiper-button-next, 
.product-detail .swiper-button-prev{
	position: absolute;
    top: auto;
    bottom: 7px;
    width: 35px;
    height: 30px;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 21px 14px;
    -webkit-background-size: 21px 14px;
    background-size: 21px 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f9f9f9;
}
.product-detail .swiper-button-prev, 
.product-detail .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img118.png);
    left: 0;
    right: auto;
}
.product-detail .swiper-button-next, 
.product-detail .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img119.png);
    right: 0;
    left: auto;
}
.product-detail .swiper-container-horizontal>.swiper-pagination-bullets, 
.product-detail .swiper-pagination-custom, .swiper-pagination-fraction{
	width: auto;
	padding-left: 50px;
	padding-right: 30px;
	box-sizing: border-box;
}
.product-detail .swiper-pagination{
	color: #222222;
	font-size: 20px;
	background-color: #f9f9f9;
}
.product-detail .swiper-pagination .swiper-pagination-current{
	color: #405aa8;
}
.product-detail .rightbox{
	float: left;
	width: 50%;
	overflow: hidden;
	padding-top: 2.8%;
}
.product-detail .rightbox .title{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: #e5e5e5 solid 1px;
}
.product-detail .rightbox .title .t1{
	color: #222222;
	font-size: 30px;
	margin-bottom: 15px;
}
.product-detail .rightbox .title .t2{
	color: #666666;
	font-size: 16px;
	line-height: 1.7;
}
.product-detail .rightbox .text .tit{
	color: #999999;
	font-size: 16px;
	margin-bottom: 20px;
}
.product-detail .rightbox .text .txt{
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}
.product-detail .rightbox .text .txt li{
	margin-bottom: 12px;
}
.product-detail .rightbox .btn{
	margin-top: 45px;
	overflow: hidden;
}
.product-detail .rightbox .btn a{
	float: left;
	width: 46%;
	height: 70px;
	line-height: 70px;
	margin-right: 4%;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.product-detail .rightbox .btn a.bt1{
	color: #ffffff;
	background: #506cc2;
}
.product-detail .rightbox .btn a.bt2{
	color: #222222;
	background: #d4d9e8;
}
.product-detail .rightbox .btn a:hover{
	background: #70ba2b;
	color: #FFFFFF;
}
/*particulars*/
.particulars{
	padding-top: 50px;
	padding-bottom: 90px;
	background: url(../images/img120.png) top right no-repeat;
}
.particulars .title{
	position: relative;
	padding-left: 30px;
	font-weight: bold;
	font-size: 26px;
	color: #506cc2;
}
.particulars .title i{
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	border: #6780ca dashed 1px;
	border-radius: 50%;
	box-sizing: border-box;
}
.particulars .parameter{
	margin-bottom: 50px;
}
.particulars .parameter .box{
	margin-top: 30px;
}
.particulars .parameter .text{
	float: left;
	width: 50%;
	overflow: hidden;
}
.particulars .parameter .text .txt{
	color: #444444;
	font-size: 18px;
	line-height: 1.7;
}
.particulars .parameter .text .txt li{
	margin-bottom: 10px;
}
.particulars .parameter .img{
	float: right;
	width: 50%;
	text-align: right;
	padding-left: 5%;
	overflow: hidden;
	box-sizing: border-box;
}
.particulars .parameter .img img{
	max-width: 100%;
}
.application_area{
	margin-bottom: 40px;
}
.application_area ul{
	margin-top: 50px;
	font-size: 0;
}
.application_area ul li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30.66666%;
	margin-right: 4%;
	margin-bottom: 4%;
	padding-bottom: 65px;
}
.application_area ul li:nth-child(3n){
	margin-right: 0;
}
.application_area ul li .img{
	width: 100%;
	overflow: hidden;
}
.application_area ul li .img img{
	width: 100%;
}
.application_area ul li .txt{
	position: absolute;
	left: 5.8%;
	bottom: 0;
	width: 88.4%;
	min-height: 200px;
	padding: 36px 28px 20px;
	background-color: #FFFFFF;
	border-top: #506cc2 solid 4px;
	box-sizing: border-box;
	box-shadow: 2px 6px 15px rgba(0,0,0,0.09);
	color: #444444;
	font-size: 18px;
	line-height: 1.7;
	word-break: break-word;
}
.relevant_infor{
	margin-bottom: 80px;
}
.relevant_infor ul{
	margin-top: 20px;
	overflow: hidden;
	font-size: 0px;
}
.relevant_infor ul li{
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin-right: 8%;
	margin-bottom: 10px;
}
.relevant_infor ul li:nth-child(2n){
	margin-right: 0;
}
.relevant_infor ul li a{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 45px;
	box-sizing: border-box;
	overflow: hidden;
	background: url(../images/img125.png) left top 10px no-repeat;
}
.relevant_infor ul li .t1{
	float: left;
	width: -moz-calc(100% - 105px);
	width: -webkit-calc(100% - 105px);
	width: calc(100% - 105px);
	color: #222222;
	font-size: 16px;
	line-height: 1.7;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.relevant_infor ul li:hover .t1{
	color: #506cc2;
}
.relevant_infor ul li .t2{
	float: right;
	color: #999999;
	font-size: 16px;
	line-height: 1.7;
}
/*Service-Business-area*/
.business_area{
	padding-top: 105px;
	padding-bottom: 130px;
}
.business_area ul li{
	margin-bottom: 50px;
	padding-top: 7.2%;
	padding-bottom: 7.2%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.business_area ul li:last-child{
	margin-bottom: 0px;
}
.business_area ul li .txt{
	max-width: 440px;
	width: 100%;
	margin-left: 7.2%;
	padding: 70px 50px 40px;
	background: url(../images/img132.png) right bottom no-repeat;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
}
.business_area ul li .txt .t1{
	position: relative;
	font-weight: bold;
	color: #222222;
	font-size: 30px;
	padding-bottom: 18px;
}
.business_area ul li .txt .t1:before{
	content: '';
	position: absolute;
	left: -20px;
	top: -20px;
	width: 100%;
	height: 100%;
	background: url(../images/img133.png) left top no-repeat;
}
.business_area ul li .txt .t2{
	color: #444444;
	font-size: 16px;
	line-height: 2;
	min-height: 100px;
}
.business_area ul li .txt .tag{
	margin-top: 20px;
	overflow: hidden;
}
.business_area ul li .txt .tag a{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: #eeeeee solid 1px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	min-width: 70px;
	color: #666666;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	padding: 0px 10px;
}
.business_area ul li .txt .tag a:hover{
	color: #FFFFFF;
	background-color: #70ba2b;
}
/*Our production process*/
.strength{
	padding-top: 110px;
	background: url(../images/img134.png) left bottom 13.5% no-repeat;
}
.strength .title .t1{
	color: #405aa8;
	font-size: 34px;
}
.strength .title .t2{
	color: #666666;
	font-size: 18px;
	line-height: 1.7;
	margin-top: 15px;
}
.strength .process .title{
	text-align: center;
}
.process{
	padding-bottom: 80px;
}
.process .box{
	position: relative;
	margin-top: 45px;
}
.process .ipbox{
	display: none;
}
.process .bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.process .bgbox ul li{
	width: 100%;
	height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.process .bgbox ul li.on{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.process .content{
	position: relative;
}
.process .content ul li{
	position: relative;
	z-index: 1;
	float: left;
	width: 16.6666%;
	max-height: 600px;
	height: 70vh;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: ease 1s;
	transition: ease 1s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    border-left: 1px solid rgba(255,255,255,.3);
}
.process .content ul li:first-child{
	border-left: none;
}
.process .content ul li.on{
	width: 50%;
	border-left: 1px solid #405aa8;
}
.process .content ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(64,90,168,0.5);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.process .content ul li.on:before{
	width: 0;
}
.process .content ul li:after{
	content: '';
	position: absolute;
	left: -1px;
	top: 0;
	z-index: 4;
	width: 10px;
	height: 0;
	background: #405aa8;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.process .content ul li.on:after{
	height: 100%;
}
.process .content ul li .txt{
	position: absolute;
	z-index: 3;
	left: 0;
	top: 42%;
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
	width: 100%;
	padding: 0px 30px;
	box-sizing: border-box;
}
.process .content ul li .txt .t1{
	color: #ffffff;
	font-size: 26px;
}
.process .content ul li .txt i{
	display: block;
	margin-top: 15px;
	margin-bottom: 16px;
	width: 20px;
	height: 3px;
	background: #6fba2c;
}
.process .content ul li .txt .t2{
	color: #ffffff;
	font-size: 18px;
}
.process .content ul li .digit{
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 100%;
	padding: 0px 25px;
	color: #c9c9c9;
	font-size: 16px;
}
/*Work together to create the future*/
.future{
	position: relative;
	z-index: 1;
	padding-top: 80px;
	padding-bottom: 170px;
}
#cas{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#cas canvas{
	position: absolute;
	left: 0;
	bottom: -100px;
	width: 100%;
}
.future .left_w{
	float: left;
	width: 50%;
	overflow: hidden;
}
.future .txt{
	margin-top: 40px;
	padding-left: 50px;
	padding-top: 70px;
	box-sizing: border-box;
	background: url(../images/img137.png) top left no-repeat;
}
.future .txt .tit{
	color: #222222;
	font-size: 16px;
	line-height: 2;
}
.future .txt .btn{
	margin-top: 35px;
	font-size: 0;
}
.future .txt .btn span{
	display: inline-block;
	width: 130px;
	height: 50px;
	line-height: 50px;
	padding: 0px 10px;
	box-sizing: border-box;
	background: #6fba2c;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}
.future .right_w{
	float: right;
	text-align: right;
	width: 50%;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 4%;
}
.future .img{
	width: 100%;
	overflow: hidden;
}
.future .img img{
	max-width: 100%;
}
/*sales network*/
.sales_network{
	padding-top: 75px;
}
.sales_network .title .left_w{
	float: left;
	max-width: 970px;
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: calc(100% - 170px);
}
.sales_network .title .t1{
	color: #324ea1;
	font-size: 36px;
	margin-bottom: 20px;
}
.sales_network .title .t2{
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}
.sales_network .title .right_w{
	float: right;
}
.sales_network .title .btn{
	margin-top: 60px;
}
.sales_network .title .btn a{
	display: block;
	width: 150px;
	height: 50px;
	line-height: 48px;
	border: #506cc2 solid 1px;
	text-align: center;
	color: #1059cd;
	font-size: 16px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.sales_network .title .btn a:hover{
	background: #1059cd;
	color: #FFFFFF;
}
.sales_network .box{
	margin-top: 56px;
	padding-top: 90px;
	padding-bottom: 80px;
	background-color: #3150ad;
	background: -webkit-linear-gradient(#1059cd, #3050b0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#1059cd, #3050b0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#1059cd, #3050b0); /* Firefox 3.6 - 15 */
    background: linear-gradient(#1059cd, #3050b0); /* 标准的语法（必须放在最后） */
}
.sales_network .content{
	position: relative;
	max-width: 1230px;
	width: 100%;
	margin: auto;
}
.sales_network .content .img{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.sales_network .content .img img{
	width: 100%;
}

.sales_network .content .focus{
	position: absolute;
	/*top: 142px;
    right: 220px;*/
    top: 25%;
    right: 17.9%;
	width: 150px;
	height: 150px;
}
.sales_network .content .focus .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	margin-left: -12px;
	margin-top: -12px;
	background-color: #FFFFFF;
}
.sales_network .content .focus .icon img{
}
.water0 {
	-webkit-animation: wateranimate 2s 2s ease-out infinite;
	animation: wateranimate 2s 2s ease-out infinite;
}	
.water1 {
	-webkit-animation: wateranimate 2s 1.5s ease-out infinite;
	animation: wateranimate 2s 1.5s ease-out infinite;
}			
.water2 {
	-webkit-animation: wateranimate 2s 1s ease-out infinite;
	animation: wateranimate 2s 1s ease-out infinite;
}			
.water3 {
	-webkit-animation: wateranimate 2s 0.5s ease-out infinite;
	animation: wateranimate 2s 0.5s ease-out infinite;
}			
.water4 {
	-webkit-animation: wateranimate 2s 0s ease-out infinite;
	animation: wateranimate 2s 0s ease-out infinite;
}			
.water1, .water2, .water3, .water4 {
	padding: 20%;
	position: absolute;
	left: 28%;
    top: 28%;
	border: 2px solid #FFFFFF;
	/*box-shadow: 0 0 120px 30px rgba(255, 255, 255, 1) inset;*/
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
}
@-webkit-keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
@keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}
/**/

@media only screen and (max-width: 1680px){
	.header .nav{
		margin-right: 0px;
	}
	.header .nav>ul>li{
		padding: 0px 25px;
	}
	.head-nation{
		margin-left: 20px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 50px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 56px;
	}
	/*index*/
	.i-introduce .leftbox .text .t1{
		font-size: 40px;
	}
	/*OEM&ODM*/
	.csbox .content{
		padding-left: 10%;
	}
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 42px;
	}
	.oemodm_box ul li:nth-child(odd) .txt{
		padding-left: 6.5%;
		padding-right: 6.5%;
	}
	.oemodm_box ul li:nth-child(even) .txt{
		padding-right: 6.5%;
		padding-left: 6.5%;
	}
}
@media only screen and (max-width: 1536px){
	.header .wrap{
		width: 92%;
	}
	.header .nav>ul>li{
		padding: 0px 20px;
	}
	.header .nav>ul>li>a:before{
		height: 4px;
	}
	/**/
	/*banner*/
	.i-banner .box .t1{
		font-size: 46px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 50px;
	}
	/*index*/
	.i-introduce .leftbox .text .t1{
		font-size: 36px;
	}
	.i-introduce .leftbox .text .t2{
		font-size: 17px;
	}
	.numbox ul li:before{
		right: -100px;
	}
	.numbox ul li .t1 .timer{
		font-size: 45px;
	}
	.numbox ul li .t2{
		font-size: 17px;
	}
	.pro_title .tit{
		font-size: 42px;
	}
	.pro_box{
		margin-top: 50px;
	}
	/*about introduction*/
	.introduce .leftbox .t1{
		font-size: 38px;
	}
	.introduce .leftbox .t2{
		font-size: 19px;
	}
	/*OEM&ODM*/
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 40px;
	}
	.csbox .content .txt .t2,
	.oemodm_box ul li .comtext,
	.oemodm_box ul li .oth .subtxt{
		font-size: 17px;
	}
}
@media only screen and (max-width: 1440px){
	/*footer*/
	.foot_nav ul li .subtit{
		font-size: 22px;
	}
	.footer .foot_form .phone{
		font-size: 22px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 42px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 48px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 36px;
	}
	/*index*/
	.i-introduce .box{
		padding-bottom: 300px;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 34px;
	}
	.i-introduce .leftbox .text .t2{
		  font-size: 16px;
	}
	.numbox ul li:before{
		right: -90px;
	}
	.pro_title .tit{
		font-size: 40px;
	}
	.oem_odm .title .t1{
		font-size: 40px;
	}
	.oem_odm .box ul li .txt{
		padding: 0px 25px;
		bottom: 30px;
	}
	.oem_odm .box ul li .txt .tit{
		font-size: 18px;
	}
	/**/
	.abnav ul li a{
		height: 75px;
    	line-height: 75px;
	}
	/*about honor*/
	.honor_tab ul li{
		margin-bottom: 40px;
	}
	.view .swiper-slide .txt{
		font-size: 22px;
	}
	/*about introduction*/
	.introduce .leftbox .t1{
		font-size: 36px;
	}
	.introduce .leftbox .t2{
		font-size: 18px;
	}
	.concept ul li .round .tit,
	.concept ul li .txt .t1{
		font-size: 28px;
	}
	.contact .message .box .inputli input{
		height: 54px;
		line-height: 54px;
	}
	.contact .message .btn input{
		height: 56px;
		line-height: 56px;
	}
	/*new*/
	.news{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.news .box ul{
		margin-bottom: 40px;
	}
	.news .box ul li .img{
		margin-bottom: 35px;
	}
	.news .txt .t1{
		font-size: 18px;
		margin-bottom: 25px;
	}
	.news .txt .t2{
		font-size: 28px;
		height: 100px;
	}
	.news .txt .t4{
		font-size: 20px;
		height: 48px;
	}
	.news .box .txt .t3{
		margin-bottom: 20px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 34px;
	}
	.new-detail .right_wrap .title{
		font-size: 32px;
	}
	/*OEM&ODM*/
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 36px;
	}
	.csbox .content .txt .t2,
	.oemodm_box ul li .comtext,
	.oemodm_box ul li .oth .subtxt{
		font-size: 16px;
	}
	.oemodm_box>ul>li{
		margin-bottom: 70px;
	}
	.oemodm_box>ul>li:last-child{
		margin-bottom: 0px;
	}
	.oemodm_box ul li .oth{
		margin-top: 12%;
	}
	.applications{
		padding-bottom: 80px;
	}
	.applications .tabwrap .gallery-thumbs{
		max-width: 1000px;
	}
	.applications .tabwrap ul li em{
		width: 380px;
	}
	.applications .content .wrap{
		padding: 25px 35px;
	}
	.applications .content .wrap .tit{
		font-size: 22px;
	}
	/*product*/
	.product{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.product ul li .txt .t1{
		font-size: 32px;
	}
	.product ul li .txt i{
		margin-top: 25px;
    	margin-bottom: 25px;
	}
	.product ul li .txt .t2{
		margin-bottom: 40px;
	}
	.advert .tit{
		font-size: 28px;
	}
	.product-detail{
		padding-top: 80px;
	}
	.particulars{
		padding-top: 50px;
		padding-bottom: 80px;
	}
	.business_area{
		padding-top: 90px;
	    padding-bottom: 110px;
	}
	.business_area ul li .txt .t1{
		font-size: 28px;
	}
	.strength{
		padding-top: 100px;
	}
	.strength .title .t1{
		font-size: 32px;
	}
	.process{
		padding-bottom: 70px;
	}
	.future{
		padding-top: 70px;
		padding-bottom: 150px;
	}
	.sales_network .title .t1{
		font-size: 34px;
	}
}
@media only screen and (max-width: 1366px){
	.header .logo a img{
		max-width: 300px;
	}
	.header .nav>ul>li{
		padding: 0px 16px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 44px;
	}
	.footer .foot_logo a img{
		max-width: 300px;
	}
	.numbox ul li:before{
		right: -80px;
	}
	/*about honor*/
	.honor_tab ul li{
		margin-bottom: 35px;
	}
	.view .swiper-slide .txt{
		font-size: 20px;
	}
	.preview .swiper-slide p{
		font-size: 17px;
	}
	/*new detail*/
	.new-detail .left_wrap .title .h1{
		font-size: 32px;
	}
	.new-detail .right_wrap .title{
		font-size: 30px;
	}
	/*OEM&ODM*/
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 32px;
	}
	.oemodm_box>ul>li{
		margin-bottom: 60px;
	}
	.oemodm_box ul li .oth{
		margin-top: 10%;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 160px;
	}
	.applications{
		padding-bottom: 70px;
	}
	.applications .tabwrap .gallery-thumbs{
		max-width: 900px;
	}
	.applications .tabwrap ul li em{
		width: 350px;
	}
	/*product*/
	.product{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.product-list .title{
		padding-top: 90px;
	}
	.product-list .title .t1{
		font-size: 36px;
	}
	.business_area{
		padding-top: 80px;
	    padding-bottom: 100px;
	}
}
@media only screen and (max-width: 1280px){
	.header .nav>ul>li{
		padding: 0px 12px;
	}
	.header .nav>ul>li>a{
		font-size: 17px;
	}
	.header .nav>ul>li>a:before{
		height: 3px;
	}
	/**/
	.foot_nav ul li .subtit{
		font-size: 21px;
	}
	.foot_nav ul li .drop-down a{
		font-size: 15px;
	}
	.footer .foot_form .phone{
		font-size: 21px;
	}
	.footer .foot_form .btn{
		font-size: 16px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 32px;
	}
	.i-banner .box .btn span {
	    height: 48px;
	    line-height: 48px;
	}
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 50px;
		height: 50px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 40px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 32px;
	}
	/*index*/
	.i-introduce .box{
		padding-bottom: 280px;
	}
	.i-introduce .numbox{
		bottom: 80px;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 32px;
	}
	.i-introduce .leftbox .text .t2{
		font-size: 16px;
	}
	.i-product{
		padding-top: 70px;
	}
	.numbox ul li:before{
		right: -70px;
	}
	.numbox ul li .t1 .timer{
		font-size: 42px;
	}
	.numbox ul li .t2{
		font-size: 16px;
	}
	.pro_title .tit{
		font-size: 36px;
	}
	.oem_odm .title .t1{
		font-size: 36px;
	}
	.oem_odm .box ul li .txt{
		bottom: 25px;
	}
	.oem_odm .box ul li .txt .icon{
		margin-bottom: 10px;
	}
	.oem_odm .box ul li .txt .icon img{
		max-width: 40px;
	}
	.oem_odm .box ul li .txt .tit{
		font-size: 17px;
		margin-bottom: 10px;
	}
	/**/
	.abnav ul li a{
		height: 70px;
    	line-height: 70px;
	}
	/*about honor*/
	.honor_tab ul li span:before{
		height: 3px;
	}
	/*about introduction*/
	.introduce .leftbox .t1{
		font-size: 34px;
	}
	.introduce .leftbox .t2{
		font-size: 17px;
	}
	.concept ul li .round .tit,
	.concept ul li .txt .t1{
		font-size: 26px;
	}
	.attestation ul li .img{
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	/*new*/
	.news{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.news .box ul{
		margin-bottom: 30px;
	}
	.news .box ul li .img{
		margin-bottom: 30px;
	}
	.news .txt .t1{
		margin-bottom: 20px;
	}
	.news .txt .t2{
		font-size: 24px;
		height: 84px;
	}
	.news .txt .t4{
		font-size: 19px;
		height: 44px;
	}
	.news .main_new .txt .t3{
		margin-bottom: 30px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 30px;
	}
	.new-detail .right_wrap .title{
		font-size: 28px;
	}
	.oemodm_box ul li .img:before{
		width: 90px;
		height: 90px;
		bottom: -25px;
	}
	.oemodm_box ul li:nth-child(odd) .img:before{
		right: -25px;
	}
	.oemodm_box ul li:nth-child(even) .img:before{
		left: -25px;
	}
	/*product*/
	.product{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.product ul li .txt{
		padding-top: 10px;
	}
	.product ul li .txt .t1{
		font-size: 30px;
	}
	.product ul li .txt i{
		margin-top: 20px;
    	margin-bottom: 20px;
	}
	.product ul li .txt .t2{
		margin-bottom: 30px;
	}
	.advert .tit{
		font-size: 26px;
	}
	.product-list .title{
		padding-top: 80px;
	}
	
	.product-detail{
		padding-top: 70px;
	}
	.particulars{
		padding-bottom: 70px;
	}
	.particulars .parameter .text .txt,
	.application_area ul li .txt{
		font-size: 17px;
	}
	.business_area{
		padding-top: 70px;
	    padding-bottom: 90px;
	}
	.business_area ul li .txt{
		padding-top: 60px;
	}
	.strength{
		padding-top: 90px;
	}
	.strength .title .t1{
		font-size: 30px;
	}
	.process{
		padding-bottom: 60px;
	}
	.process .content ul li .txt .t1{
		font-size: 24px;
	}
	.process .content ul li:after{
		width: 8px;
	}
	.future{
		padding-top: 60px;
		padding-bottom: 120px;
	}
	.future .txt{
		margin-top: 30px;
	    padding-left: 40px;
	    padding-top: 50px;
	}
	.sales_network .title .t1{
		font-size: 32px;
	}
}
@media only screen and (max-width: 1199px){
	.header .wrap{
		width: 90%;
	}
	.header .logo a{
		height: 70px;
		line-height: 70px;
	}
	.header .logo a img{
		max-width: 100%;
		max-height: 45px;
	}
	.header .nav{
		display: none;
	}
	.header .show-search-btn{
		height: 70px;
		line-height: 70px;
	}
	.head-nation{
		margin-top: 20px;
	}
	.head-nation .current .name{
		display: none;
	}
	.omain{
		padding-top: 70px;
	}
	/**/
	.search{
		top: 70px;
	}
	.search-header{
		padding-top: 50px;
    	padding-bottom: 80px;
	}
	.search .submit0,
	.search-close{
		height: 64px;
	}
	.search-header .search-input{
		text-indent: 60px;
		line-height: 64px;
	}
	/**/
	.menubtn{
		display: block;
	}
	/**/
	.abnav.on{
		top: 70px;
	}
	/*footer*/
	.footer .foot_logo{
		padding-bottom: 25px;
	}
	.footer .foot_logo a img{
	    max-width: 100%;
	    max-height: 45px;
	}
	.foot_nav ul li{
		width: 23.5%;
    	margin-right: 2%;
	}
	.sales_network .content .focus{
		top: 23%;
	}
}
@media only screen and (max-width: 1024px){
	/*banner*/
	.oimg1{
		display: none;
	}
	.oimg2{
		display: block;
	}
	.sidebar{
		display: none;
	}
	/*footer*/
	.foot_nav{
		display: none;
	}
	.footer .foot_logo{
		text-align: left;
	}
	.footer .foot_form{
		float: none;
		max-width: 100%;
		text-align: left;
	}
	.footer .foot_form ul{
		display: none;
	}
	.footer .foot_form .text,
	.footer .foot_form .btn{
		height: 44px;
    	line-height: 44px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 30px;
	}
	.i-banner .box .btn span {
		min-width: 160px;
	    height: 45px;
	    line-height: 45px;
	}
	.lunbotu .arrowsbox{
		bottom: 40px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 30px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 60px;
	}
	.obanner>img{
		display: none;
	}
	.obanner .ob-img{
		position: static;
		padding: 28% 0;
		transform: none;
		display: block;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 10px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 30px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 17px;
	}
	/*index*/
	.i-introduce{
		padding-top: 70px;
	}
	.i-introduce .box{
		padding-bottom: 100px;
	}
	.i-introduce .numbox{
		bottom: 80px;
	}
	.i-introduce .leftbox{
		float: none;
		width: 100%;
	}
	.i-introduce .rightbox{
		float: none;
		width: 100%;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 30px;
	}
	.i-introduce .leftbox .text .t2{
		min-height: 1px;
	}
	.i-introduce .numbox{
		position: static;
		padding: 13% 0;
	}
	.numbox ul{
		display: block;
		width: 100%;
		overflow: hidden;
		font-size: 0px;
	}
	.numbox ul li{
		display: inline-block;
		vertical-align: top;
		width: 25%;
	}
	.numbox ul li:before{
		right: 0;
	}
	.numbox ul li .t1 .timer{
		font-size: 38px;
	}
	.numbox ul li .t2{
		font-size: 16px;
		padding: 0 4%;
	}
	.i-product{
		padding-top: 60px;
		padding-bottom: 70px;
	}
	.pro_box{
		margin-top: 45px;
	}
	.pro_title .tit{
		font-size: 30px;
	}
	.pro_title .searchwrap{
		margin-top: 5px;
	}
	.pro_box .wrap ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.pro_box .wrap ul li:nth-child(2n){
		margin-right: 0;
	}
	.oem_odm{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.oem_odm .title .t1{
		font-size: 30px;
		margin-bottom: 25px;
	}
	.oem_odm .box ul{
		margin-top: 50px;
	}
	.oem_odm .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.oem_odm .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.oem_odm .box ul li a{
		padding-bottom: 120%;
	}
	.oem_odm .box ul li .txt .tit{
		font-size: 20px;
	}
	.pro_box .wrap ul li .img i{
		right: 15px;
		top: 15px;
	}
	.oem_odm .box ul li .img-circle{
		display: none;
	}
	/**/
	.abnav ul{
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		font-size: 0;
	}
	.abnav ul::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	.abnav ul::-webkit-scrollbar-button {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-track {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-track-piece {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-corner {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-resizer {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	.abnav ul li{
		
	}
	.abnav ul li a{
		min-width: 160px;
		height: 60px;
    	line-height: 60px;
    	font-size: 17px;
	}
	/*about honor*/
	.honor_tab{
		width: 200px;
	}
	.honor_tab ul li .t1{
		font-size: 40px;
		line-height: 1.2;
	}
	.honor_tab ul li .t2{
		font-size: 16px;
	}
	.honor_tab ul li span:before{
		height: 2px;
	}
	.honor_wrap{
		width: -moz-calc(100% - 200px);
	    width: -webkit-calc(100% - 200px);
	    width: calc(100% - 200px);
	}
	.view{
		width: 60%;
	}
	.view .swiper-container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.view .swiper-slide .txt{
		font-size: 18px;
	}
	.preview{
		width: 40%;
	}
	.preview .swiper-container {
	    height: 290px;
	    margin: 40px auto;
	    box-sizing: border-box;
	}
	.preview .swiper-slide p{
		font-size: 16px;
	}
	/*about introduction*/
	.introduce{
		padding-top: 70px;
		padding-bottom: 80px;
	}
	.introduce .leftbox{
		padding-right: 0;
	}
	.introduce .leftbox .t1{
		font-size: 32px;
	}
	.introduce .leftbox .t2{
		font-size: 16px;
	}
	.introduce .rightbox ul{
		position: static;
		width: 100%;
	}
	.introduce .rightbox ul li span img{
		max-width: 35px;
		margin-right: 15px;
	}
	.introduce .rightbox ul li span, .introduce .rightbox ul li a{
		padding: 20px 0px;
		font-size: 18px;
	}
	.concept{
		padding-top: 70px;
		padding-bottom: 80px;
	}
	.concept ul li .round .tit,
	.concept ul li .txt .t1{
		font-size: 24px;
	}
	.attestation ul li .img{
		width: 90px;
		height: 90px;
		line-height: 90px;
	}
	.attestation ul li .txt{
		font-size: 17px;
	}
	/*联系我们*/
	.contact{
		padding-top: 70px;
		padding-bottom: 100px;
	}
	.contact .way{
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.contact .way .tit{
		font-size: 32px;
	}
	.contact .message{
		float: none;
		width: 100%;
	}
	.contact .message .tit{
		font-size: 22px;
	}
	.contact .message .box .inputli input{
		height: 50px;
		line-height: 50px;
	}
	.contact .message .btn input{
		height: 52px;
		line-height: 52px;
		font-size: 18px;
	}
	/*new*/
	.news{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.news .box{
		margin-top: 55px;
	}
	.news .box ul li .img{
		margin-bottom: 25px;
	}
	.news .box ul li:hover .img img{
		left: 0;
		top: 0;
	}
	.news .txt .t1{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.news .txt .t2{
		font-size: 21px;
		height: 50px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.news .txt .t4{
		font-size: 19px;
		height: 44px;
	}
	.news .main_new .txt .t3{
		margin-bottom: 25px;
	}
	.morebtn a, .morebtn span{
		font-size: 15px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.new-detail .left_wrap{
		float: none;
		width: 100%;
		padding-right: 0px;
	}
	.new-detail .left_wrap .box{
		padding-bottom: 0px;
	}
	.new-detail .right_wrap{
		display: none;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 28px;
	}
	.detail-pager{
		display: none;
	}
	/*OEM&ODM*/
	.csbox{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 28px;
	}
	.csbox .content{
		padding-left: 15%;
	}
	.oemodm_box>ul>li{
		margin-bottom: 60px;
	}
	.oemodm_box ul li:nth-child(odd) .txt{
		padding-left: 65px;
		padding-right: 5%;
	}
	.oemodm_box ul li:nth-child(even) .txt{
		padding-right: 65px;
		padding-left: 5%;
	}
	.oemodm_box ul li .txt .cont{
		padding-top: 0;
	}
	.oemodm_box ul li .tit{
		margin-bottom: 20px;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 140px;
	}
	.oemodm_box ul li .vers{
		max-height: 145px;
	}
	.oemodm_box ul li .oth .ic img{
		max-width: 45px;
	}
	.oemodm_box ul li .img:before{
		width: 80px;
		height: 80px;
		bottom: -20px;
	}
	.oemodm_box ul li:nth-child(odd) .img:before{
		right: -20px;
	}
	.oemodm_box ul li:nth-child(even) .img:before{
		left: -20px;
	}
	.oemodm_box ul li .oth{
		padding-bottom: 30px;
	}
	.oemodm_box ul li .oth.swiper-container-horizontal>.swiper-pagination-bullets, 
	.oemodm_box ul li .oth .swiper-pagination-custom, 
	.oemodm_box ul li .oth .swiper-pagination-fraction{
		bottom: 0;
	}
	.oemodm_box ul li .oth .subtxt{
		min-height: 1px;
	}
	.applications{
		padding-bottom: 60px;
	}
	.applications .tabwrap{
		padding-top: 70px;
	}
	.applications .tabwrap .gallery-thumbs{
		max-width: 720px;
	}
	.applications .tabwrap ul li em{
		width: 250px;
	}
	.applications .content .wrap{
		padding: 20px 30px;
	}
	.applications .content .wrap .tit{
		font-size: 20px;
	}
	.applications .tabwrap ul li .dot .txt .t2{
		font-size: 18px;
	}
	/*product*/
	.product{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.product ul li .txt .con{
		padding-top: 30px;
	}
	.product ul li:nth-child(odd) .txt{
		padding-left: 30px;
		padding-right: 30px;
	}
	.product ul li:nth-child(even) .txt{
		padding-left: 30px;
		padding-right: 30px;
	}
	.product ul li .txt .t1{
		font-size: 28px;
	}
	.product ul li .txt .t2{
		
		word-break: break-word;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		font-size: 15px;
		height: 81px;
	}
	
	.advert .tit{
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0;
	}
	.advert .btn{
		float: none;
		margin: 25px auto 0px;
	}
	.product-list .title{
		padding-top: 70px;
	}
	.product-list .title .t1{
		font-size: 32px;
	}
	.product-list .title .t2{
		font-size: 15px;
	}
	
	.product-list .box ul li, .relevant_product ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.product-list .box ul li:nth-child(3n), 
	.relevant_product ul li:nth-child(3n){
		margin-right: 4%;
	}
	.product-list .box ul li:nth-child(2n), 
	.relevant_product ul li:nth-child(2n){
		margin-right: 0;
	}
	.proli a{
		padding-bottom: 0;
	}
	.proli .img{
		padding-top: 20px;
	}
	.proli .txt{
		position: static;
		padding: 25px;
	}
	.proli .txt:before{
		opacity: 0;
		bottom: 0;
		background: #506cc2;
	}
	.proli:hover .txt:before{
		opacity: 1;
	}
	.proli .txt .btn{
		opacity: 1;
	}
	.proli .txt .btn span{
		color: #999999;
    	border: #999999 solid 1px;
	}
	.proli:hover .txt .btn span{
		color: #FFFFFF;
    	border: #FFFFFF solid 1px;
	}
	.product-detail{
		padding-top: 60px;
	}
	.particulars .title{
		padding-left: 25px;
	}
	.particulars .title i{
		top: 4px;
		width: 18px;
		height: 18px;
	}
	.particulars{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.particulars .parameter .box{
		margin-top: 25px;
	}
	.product-detail .rightbox .title{
		margin-bottom: 25px;
    	padding-bottom: 25px;
	}
	.product-detail .rightbox .title .t1{
		font-size: 28px;
	}
	.product-detail .rightbox .title .t2{
		font-size: 15px;
	}
	.product-detail .rightbox .text .txt{
		font-size: 15px;
	}
	
	.product-detail .rightbox .btn{
		margin-top: 30px;
	}
	.product-detail .rightbox .btn a{
		font-size: 18px;
		height: 60px;
		line-height: 60px;
	}
	.particulars .parameter .text .txt,
	.application_area ul li .txt{
		font-size: 16px;
	}
	.application_area ul{
		margin-top: 40px;
	}
	.application_area ul li{
		width: 48%;
	}
	.application_area ul li:nth-child(3n){
		margin-right: 4%;
	}
	.application_area ul li:nth-child(2n){
		margin-right: 0;
	}
	.application_area ul li .txt{
		padding: 25px 28px 20px;
	}
	.relevant_infor ul li{
		width: 100%;
		margin-right: 0;
	}
	.business_area {
	    padding-top: 60px;
	    padding-bottom: 80px;
	}
	.business_area ul li .txt .t1{
		font-size: 26px;
		padding-bottom: 12px;
	}
	.business_area ul li .txt .t2{
		min-height: 1px;
	}
	.strength{
		padding-top: 70px;
	}
	.strength .title .t1{
		font-size: 28px;
	}
	.process{
		padding-bottom: 50px;
	}
	/*.process .content ul li .txt .t1{
		font-size: 22px;
	}
	.process .content ul li:after{
		width: 6px;
	}*/
	.future{
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.future .txt{
		margin-top: 20px;
	    padding-left: 20px;
	    padding-top: 30px;
	}
	.process .box{
		display: none;
	}
	.process .ipbox{
		display: block;
		margin-top: 40px;
	}
	.process .content ul li,
	.process .content ul li.on{
		float: none;
		width: 100%;
		height: 25vh;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.process .content ul li .txt{
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.sales_network{
		padding-top: 70px;
	}
	.sales_network .title .t1{
		font-size: 30px;
	}
	.sales_network .content .focus{
		top: 22%;
		right: 17%;
	}
	.sales_network .box{
		padding-top: 80px;
    	padding-bottom: 70px;
	}
}
@media only screen and (max-width: 991px){
	.product ul li .img,
	.product ul li .txt{
		float: none;
		width: 100%;
	}
	.product ul li .txt{
		margin-top: 0px;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.product ul li:nth-child(odd) .txt{
		padding-left: 30px;
		padding-right: 30px;
	}
	.product ul li:nth-child(even) .txt{
		padding-left: 30px;
		padding-right: 30px;
	}
	.product ul li a:before{
		background: url(../images/img140.png) left bottom no-repeat;
    	background-size: 100% auto;
	}
	.product ul li:nth-child(even) a:before{
		right: auto;
		left: 0;
	}
	.sales_network .content .focus{
		top: 20%;
		right: 15%;
	}
}
@media only screen and (max-width: 768px){
	.search-header {
	    padding-top: 40px;
	    padding-bottom: 60px;
	}
	.search .submit0{
	    background: url(../images/searchf.png) no-repeat center;
	    background-size: 24px 24px;
	}
	.search-close{
		background: url(../images/close.png) no-repeat center;
    	background-size: 24px 24px;
	}
	.search-header .search-input{
		text-indent: 40px;
		font-size: 21px;
	}
	/*footer*/
	.footer .foot_logo{
		padding-bottom: 20px;
	}
	.footer .content{
		padding-top: 20px;
	}
	.footer .content .conwidth{
		padding-bottom: 24px;
	}
	.footer .foot_form .phone{
		margin-bottom: 10px;
	}
	.footer .copyright{
		text-align: center;
	}
	.footer .copyright .designed{
		float: none;
		display: block;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 28px;
	}
	.i-banner .box .btn span {
		min-width: 160px;
	    height: 45px;
	    line-height: 45px;
	}
	.lunbotu .arrowsbox{
		bottom: 20px;
	}
	.lunbotu .swiper-button-next, 
	.lunbotu .swiper-button-prev{
		width: 45px;
		height: 45px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 36px;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 5px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 28px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 16px;
	}
	/*index*/
	.i-introduce{
		padding-top: 60px;
	}
	.i-introduce .leftbox .text .t1{
		margin-bottom: 20px;
	}
	.i-introduce .leftbox .text .t2{
		font-size: 15px;
	}
	.i-introduce .iconbox li{
		width: -moz-calc((100% - 20px) / 3);
		width: -webkit-calc((100% - 20px) / 3);
		width: calc((100% - 20px) / 3);
		margin-bottom: 10px;
	}
	.i-introduce .iconbox li:nth-child(6n){
		margin-right: 10px;
	}
	.i-introduce .iconbox li:nth-child(3n){
		margin-right: 0;
	}
	.i-introduce .rightbox{
		margin-top: 40px;
	}
	.icon .inner{
		width: 80px;
		height: 80px;
		border-radius: 40px;
	}
	.i-introduce .numbox{
		padding: 3% 0;
	}
	.numbox ul li{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin-right: 4%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.numbox ul li:nth-child(2n){
		margin-right: 0;
	}
	.numbox ul li:nth-child(2n):before{
		display: none;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 28px;
	}
	.numbox ul li .t1 .timer{
		font-size: 36px;
	}
	.numbox ul li .t2{
		font-size: 15px;
	}
	.i-product{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.pro_title{
		padding-bottom: 20px;
	}
	.pro_title .tit{
		font-size: 28px;
	}
	.pro_title .searchwrap{
		margin-top: 0px;
	}
	.pro_box .wrap ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 6%;
	}
	.pro_box .wrap ul li:nth-child(4n){
		margin-right: 4%;
	}
	.pro_box .wrap ul li:nth-child(2n){
		margin-right: 0;
	}
	.pro_box .wrap ul li .img i {
	    right: 20px;
	    top: 20px;
	}
	.oem_odm{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.oem_odm .title .t1{
		font-size: 28px;
		margin-bottom: 15px;
	}
	.oem_odm .box ul{
		margin-top: 40px;
	}
	.oem_odm .box ul li{
		width: 48%;
		margin-right: 4%;
	}
	.oem_odm .box ul li:nth-child(4n){
		margin-right: 4%;
	}
	.oem_odm .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.oem_odm .box ul li .txt .icon img{
		max-width: 35px;
	}
	.oem_odm .box ul li .tit{
		font-size: 18px;
	}
	.oem_odm .box ul li .btn span{
		font-size: 15px;
	}
	/*about honor*/
	.honor{
		padding-top: 60px;
   	    padding-bottom: 100px;
	}
	.honor_tab{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.honor_tab ul{
		margin-top: 0;
	}
	.honor_tab ul li{
		display: inline-block;
		vertical-align:top ;
		margin-right: 10%;
		margin-bottom: 20px;
	}
	.honor_tab ul li span{
		padding-bottom: 10px;
	}
	.honor_tab ul li .t1{
		display: inline-block;
		font-size: 36px;
	}
	.honor_tab ul li .t2{
		display: inline-block;
	}
	.honor_wrap{
		float: none;
		width: 100%;
	}
	.view{
		width: 100%;
		padding-left: 50px;
		padding-right: 50px;
		box-sizing: border-box;
	}
	.preview{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.preview .swiper-container{
		display: none;
	}
	.preview .swiper-button-next, .preview .swiper-button-prev{
		background-size: 25px auto;
	}
	.preview .arrow-bottom{
		right: auto;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	} 
	.preview .arrow-top{
		left: auto;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	/*about introduction*/
	.introduce{
		padding-top: 60px;
		padding-bottom: 70px;
	}
	.introduce .leftbox{
		float: none;
		width: 100%;
	}
	.introduce .leftbox .t1{
		font-size: 28px;
	}
	.introduce .rightbox{
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
	}
	.introduce .rightbox .img{
		max-width: 100%;
	}
	.introduce .rightbox .img>img{
		width: 100%;
	}
	.attestation ul{
		font-size: 0;
		text-align: center;
	}
	.attestation ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.concept{
		padding-top: 60px;
    	padding-bottom: 70px;
	}
	.concept ul li{
		float: none;
		width: 100%;
		height: 33vh;
	}
	.concept ul li .bg{
		background-size: cover;
	}
	.concept ul li .round .ic{
		width: 250px;
	}
	/*联系我们*/
	.contact{
		padding-top: 60px;
	}
	.contact .way .tit{
		font-size: 28px;
		margin-bottom: 25px;
	}
	.contact .message .tit{
		font-size: 20px;
	}
	/*new*/
	.news{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.news .main_new .img{
		float: none;
		width: 100%;
	}
	.news .main_new .txt{
		float: none;
		width: 100%;
		padding: 30px;
	}
	.news .box{
		margin-top: 50px;
	}
	.news .box ul{
		margin-bottom: 20px;
	}
	.news .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.news .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.news .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.news .box ul li .img{
		margin-bottom: 25px;
	}
	/*.news .box ul li:hover .img img{
		left: 15px;
		top: 15px;
	}*/
	.news .txt .t1{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.news .txt .t2{
		font-size: 21px;
		height: 50px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.news .txt .t4{
		font-size: 19px;
		height: 44px;
	}
	.news .main_new .txt .t3{
		margin-bottom: 25px;
	}
	.morebtn a, .morebtn span{
		font-size: 15px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 60px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 26px;
	}
	/**/
	.csbox{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.csbox .content{
		padding-left: 5%;
		padding-right: 5%;
	}
	.csbox .content .txt{
		padding-left: 50px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.csbox .content .txt .t1:before{
		top: 10px;
		left: -25px;
	}
	.csbox .content .txt .t1:after{
		display: none;
	}
	.csbox .content .txt .t1, .oemodm_box ul li .tit, .applications .title{
		font-size: 24px;
	}
	.oemodm_box>ul>li{
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		margin-bottom: 30px;
	}
	.oemodm_box ul li .img{
		float: none !important;
		width: 100%;
		box-sizing: border-box;
		bottom: 20px;
	}
	.oemodm_box ul li:nth-child(odd) .img{
		padding-right: 20px;
	}
	.oemodm_box ul li:nth-child(even) .img{
		padding-left: 20px;
	}
	.oemodm_box ul li:nth-child(odd) .img:before{
		right: 0px;
	}
	.oemodm_box ul li:nth-child(even) .img:before{
		left: 0px;
	}
	.oemodm_box ul li .txt{
		position: relative;
		float: none !important;
		width: 100%;
		margin-top: 40px;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.oemodm_box ul li .oth{
		margin-top: 40px;
	}
	.oemodm_box ul li .vers{
		max-height: 100%;
	}
	.oemodm_box ul li:nth-child(even) .txt .digit{
		left: auto;
		right: 0;
	}
	.applications{
		padding-top: 60px;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.applications .gallery-top{
		padding-left: 0;
		padding-right: 0;
	}
	.applications .tabwrap{
		display: none;
	}
	.applications .content .wrap{
		padding: 20px 25px;
	}
	.applications .tabwrap ul li.on .dot .txt,
	.applications .tabwrap ul li.active-nav .dot .txt,
	.applications .tabwrap ul li:hover .dot .txt{
		opacity: 0;
		bottom: 0;
	}
	.applications .tabwrap ul li em{
		display: none;
	}
	.applications .gallery-top{
		padding-bottom: 40px;
	}
	.applications .gallery-top .swiper-pagination{
		display: block;
	}
	.applications .swiper-container-horizontal>.swiper-pagination-bullets, 
	.applications .swiper-pagination-custom, 
	.applications .swiper-pagination-fraction{
		bottom: 0;
	}
	.applications .swiper-pagination-bullet-active{
		background: #405aa8;
	}
	.product{
		padding-top: 60px;
	}
	.product-list{
		padding-bottom: 60px;
	}
	.product-list .title{
		padding-top: 60px;
	}
	.product-list .title .t1{
		font-size: 28px;
	}
	.product-detail{
		padding-top: 50px;
	}
	.product-detail .leftbox{
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.product-detail .leftbox .swiper-container{
		margin-right: auto;
		margin-left: auto;
	}
	.product-detail .rightbox{
		float: none;
		width: 100%;
		padding-top: 40px;
	}
	.particulars{
		padding-bottom: 50px;
	}
	.particulars .parameter .text{
		float: none;
		width: 100%;
	}
	.particulars .parameter .img{
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
		text-align: center;
	}
	.product-detail .rightbox .title .t1{
		font-size: 26px;
	}
	.business_area {
	    padding-bottom: 70px;
	}
	.business_area ul li{
		margin-bottom: 40px;
	}
	.business_area ul li .txt{
		padding: 40px 40px 30px;
	}
	.business_area ul li .txt .t1{
		font-size: 24px;
		padding-bottom: 10px;
	}
	.business_area ul li .txt .t1:before{
		left: -15px;
    	top: -15px;
    	background: url(../images/img133.png) left top no-repeat;
    	background-size: 32px auto;
	}
	.business_area ul li .txt .tag{
		margin-top: 15px;
	}
	.strength{
		padding-top: 60px;
	}
	.strength .title .t1{
		font-size: 26px;
	}
	.strength .title .t2{
		margin-top: 10px;
		font-size: 17px;
	}
	.process{
		padding-bottom: 40px;
	}
	.future{
		padding-top: 40px;
		padding-bottom: 90px;
	}
	.future .left_w{
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}
	.future .right_w{
		float: none;
		width: 100%;
		padding-left: 0px;
	}
	.future .right_w img{
		width: 100%;
	}
	.future .txt {
	    padding-top: 20px;
	}
	.sales_network{
		padding-top: 60px;
	}
	.sales_network .box{
		margin-top: 45px;
	}
	.sales_network .title .left_w{
		float: none;
		width: 100%;
	}
	.sales_network .title .t1{
		font-size: 28px;
	}
	.sales_network .title .right_w{
		float: none;
		width: 100%;
		text-align: left;
	}
	.sales_network .title .btn{
		margin-top: 40px;
	}
	.sales_network .content .focus{
	    top: 15%;
		right: 15%;
	}
}
@media only screen and (max-width: 640px){
	.header .logo{
		max-width: 50%;
	}
	.header .logo a{
		height: 60px;
		line-height: 60px;
	}
	.header .logo a img{
		max-width: 100%;
		max-height: 40px;
	}
	.header .show-search-btn{
		height: 60px;
		line-height: 60px;
	}
	.head-nation{
		margin-top: 15px;
		margin-left: 16px;
	}
	.menubtn{
		width: 40px;
		height: 60px;
	}
	.search{
		top: 60px;
	}
	.search-header {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}
	.search-header .search-input{
		font-size: 18px;
	}
	.omain{
		padding-top: 60px;
	}
	/**/
	.abnav.on{
		top: 60px;
	}
	/*footer*/
	.footer .foot_logo a img {
	    max-height: 40px;
	}
	.footer .foot_form .txt{
		font-size: 15px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 24px;
	}
	.obanner .ob-img{
		padding: 32% 0;
	}
	.obanner .bannerzi .box .t1{
		font-size: 32px;
	}
	.abnav ul li a {
	    min-width: 150px;
	    height: 56px;
	    line-height: 56px;
	    font-size: 16px;
	}
	/*index*/
	.i-introduce{
		padding-top: 50px;
	}
	.i-introduce .box{
		padding-bottom: 80px;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.i-introduce .iconbox{
		margin-top: 30px;
	}
	.icon .inner {
	    width: 70px;
	    height: 70px;
	    border-radius: 35px;
	}
	.numbox ul li .t1{
		font-size: 26px;
	}
	.numbox ul li .t1 .timer{
		font-size: 32px;
	}	
	.oem_odm{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/*about honor*/
	.honor{
		padding-top: 50px;
	}
	/*about introduction*/
	.introduce{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.introduce .leftbox .t1{
		font-size: 26px;
	}
	.introduce .rightbox ul li span, .introduce .rightbox ul li a{
		padding: 15px 0px;
	}
	.concept{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	/*联系我们*/
	.contact{
		padding-top: 50px;
	}
	.contact .way .tit{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.contact .message .tit{
		font-size: 18px;
	}
	.contact .message .btn input{
		width: 180px;
	}
	/*new*/
	.news .txt .t2{
		font-size: 20px;
		height: auto;
	}
	.news .txt .t4{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.news .box .txt .t3{
		margin-bottom: 15px;
	}
	.page-list a{
		min-width: 40px;
	    height: 40px;
	    line-height: 40px;
	}
	.page-list a.fyprev{
		padding-left: 30px;
	}
	.page-list a.fynext{
		padding-right: 30px;
	}
	/**/
	.oemodm_box>ul>li{
		margin-bottom: 20px;
	}
	.oemodm_box ul li .oth .ic img{
		max-width: 40px;
	}
	.oemodm_box ul li .oth .subtit .timer{
		font-size: 30px;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 120px;
	}
	.applications{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.applications .content .wrap{
		position: static;
		border-radius: 0px;
	}
	/*product*/
	.product{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.product ul li .txt .t1{
		font-size: 26px;
	}
	.product ul li .txt .t2{
		margin-bottom: 25px;
	}
	.application_area ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.particulars .title{
		font-size: 24px;
	}
	.application_area ul li .txt{
		padding: 25px 20px;
		min-height: 1px;
	}
	.business_area {
		padding-top: 50px;
	    padding-bottom: 60px;
	}
	.business_area ul li{
		margin-bottom: 30px;
	}
	.business_area ul li .txt{
		max-width: 90%;
		width: 90%;
		padding: 40px 30px 30px;
		margin-left: 5%;
	}
	.business_area ul li .txt .t1{
		font-size: 22px;
	}
	.business_area ul li .txt .t2{
		font-size: 15px;
		line-height: 1.7;
	}
	.strength{
		padding-top: 50px;
	}
	.strength .title .t1{
		font-size: 24px;
	}
	.strength .title .t2{
		font-size: 16px;
	}
	.process{
		padding-bottom: 35px;
	}
	.process .ipbox{
		margin-top: 30px;
	}
	.future{
		padding-top: 30px;
		padding-bottom: 80px;
	}
	.future .left_w{
		margin-bottom: 35px;
	}
	.future .txt .btn{
		margin-top: 25px;
	}
	.sales_network{
		padding-top: 50px;
	}
	.sales_network .box{
		margin-top: 40px;
	}
	.sales_network .title .t1{
		font-size: 26px;
		margin-bottom: 15px;
	}
	.sales_network .title .btn{
		margin-top: 30px;
	}
	.sales_network .title .btn a{
		width: 120px;
		height: 46px;
		line-height: 44px;
		font-size: 15px;
	}
	.sales_network .box{
		padding-top: 70px;
    	padding-bottom: 60px;
	}
	.sales_network .content .focus{
        top: 11%;
		right: 13%;
	}
}
@media only screen and (max-width: 540px){
	.lunbotu .swiper-pagination-bullet{
		width: 45px;
		height: 40px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 15px;
	}
	.search-header {
	    padding-top: 20px;
	    padding-bottom: 40px;
	}
	.search-header .search-input{
		font-size: 16px;
		line-height: 56px;
	}
	.search .submit0,
	.search-close{
		height: 56px;
		line-height: 56px;
	}
	.search .submit0{
	    background: url(../images/searchf.png) no-repeat center;
	    background-size: 21px 21px;
	}
	.search-close{
		background: url(../images/close.png) no-repeat center;
    	background-size: 21px 21px;
	}
	.m-nav .nav-list>li>a, .m-nav .nav-list .one-level{
		font-size: 16px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 22px;
		margin-bottom: 25px;
	}
	.i-banner .box .btn span{
		min-width: 120px;
		height: 42px;
		line-height: 42px;
		font-size: 15px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 28px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 24px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 15px;
	}
	/*index*/
	.i-introduce .box{
		padding-bottom: 60px;
	}
	.i-introduce .rightbox{
		margin-top: 30px;
	}
	.icon .inner {
	    width: 60px;
	    height: 60px;
	    border-radius: 30px;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 22px;
	}
	.i-introduce .iconbox li{
	    width: 30%;
	    margin-right: 5%;
	    margin-top: 2.5%;
	    margin-bottom: 2.5%;
	    text-align: center;
	}
	.i-introduce .iconbox li:nth-child(6n){
		margin-right: 5%;
	}
	.i-introduce .iconbox li:nth-child(3n){
		margin-right: 0;
	}
	.i-introduce .iconbox li img{
		max-width: 100px;
	}
	.i-introduce .numbox{
		margin-top: 25px;
	}
	.i-product{
		padding-top: 40px;
	}
	.numbox ul li{
		margin-top: 7%;
		margin-bottom: 7%;
	}
	.numbox ul li .t1{
		font-size: 24px;
		padding-bottom: 10px;
   	 	margin-bottom: 10px;
	}
	.numbox ul li .t1 .timer{
		font-size: 28px;
	}
	.numbox ul li .t2{
		font-size: 14px;
	}
	
	.pro_title .tit{
		float: none;
		width: 100%;
		font-size: 22px;
		margin-bottom: 20px;
	}
	.pro_title .searchwrap{
		float: none;
		width: 100%;
	}
	.pro_box .title .subtit{
		float: none;
		width: 100%;
		font-size: 21px;
	}
	.pro_box .title .more{
		float: none;
		text-align: right;
		width: 100%;
		margin-top: 20px;
	}
	.pro_title .tit{
		font-size: 24px;
	}
	.pro_box .wrap{
		margin-top: 30px;
	}
	.pro_box .wrap ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.oem_odm .box ul li .txt .tit{
		font-size: 18px;
	}
	.oem_odm{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.oem_odm .title .t1{
		font-size: 24px;
	}
	.oem_odm .box ul{
		margin-top: 30px;
	}
	.oem_odm .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.oem_odm .box ul li .tit{
		font-size: 20px;
	}	
	/*about honor*/
	.honor{
		padding-top: 40px;
	}
	.honor_tab ul li{
		margin-right: 20px;
	}
	.honor_tab ul li .t1{
		font-size: 32px;
	}
	.preview .swiper-button-next, .preview .swiper-button-prev{
		background-size: 20px auto;
	}
	/*about introduction*/
	.introduce{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.introduce .leftbox .t1{
		font-size: 24px;
	}
	.introduce .leftbox .t2{
		font-size: 15px;
	}
	.introduce .rightbox ul li span, .introduce .rightbox ul li a{
		font-size: 17px;
	}
	.introduce .rightbox ul li span img{
		max-width: 30px;
		margin-right: 10px;
	}
	.concept{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.attestation ul{
		padding-top: 35px;
		padding-bottom: 30px;
	}
	.attestation ul li .img{
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
	.attestation ul li .txt{
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	/*联系我们*/
	.contact{
		padding-top: 40px;
	}
	.contact .way{
		margin-bottom: 15px;
	}
	.contact .way .tit{
		font-size: 24px;
	}
	.contact .message .tit{
		font-size: 17px;
	}
	.contact .message .box .half{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.contact .message .btn input{
		width: 150px;
	}
	/*new*/
	.morebtn a, .morebtn span{
		height: 48px;
		line-height: 48px;
	}
	.news{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
	.news .main_new .txt{
		padding: 25px;
	}
	.news .box ul{
		margin-bottom: 0px;
	}
	.news .box ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.news .txt .t2{
		font-size: 18px;
	}
	.news .txt .t3{
		height: auto;
	}
	.news .txt .t4{
		height: auto;
	}
	.news .txt .t5{
		font-size: 14px;
	}
	.page-list a{
		margin-right: 10px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 24px;
	}
	.new-detail .left_wrap .title .txt .sp{
		margin-right: 25px;
	}
	/**/
	.csbox .content .txt{
		padding-left: 40px;
	}
	.applications {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.applications .box{
		margin-top: 30px;
	}
	.oemodm_box ul li:nth-child(odd) .img{
		padding-right: 15px;
	}
	.oemodm_box ul li:nth-child(even) .img{
		padding-left: 15px;
	}
	.oemodm_box ul li .img:before {
	    width: 60px;
	    height: 60px;
	    bottom: -15px;
	}
	.oemodm_box ul li:nth-child(odd) .img:before{
		border-radius: 0px 0px 20px 0px;
	}
	.oemodm_box ul li:nth-child(even) .img:before{
		border-radius: 0px 0px 0px 20px;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 100px;
	}
	/**/
	.product ul li .txt .con{
		padding-top: 20px;
	}
	.product ul li .txt .t1{
		font-size: 24px;
	}
	.product ul li .txt i{
		margin-bottom: 15px;
	}
	.product-list{
		
		padding-bottom: 50px;
	}
	.product-list .title{
		padding-top: 50px;
	}
	.product-list .title .t1{
		font-size: 24px;
	}
	.product-list .box ul{
		margin-bottom: 0px;
	}
	.product-list .box ul li, .relevant_product ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.product-detail{
		padding-top: 40px;
	}
	.product-detail .rightbox{
		padding-top: 30px;
	}
	.product-detail .rightbox .title .t1{
		font-size: 24px;
	}
	.product-detail .rightbox .btn a{
		font-size: 17px;
		height: 56px;
		line-height: 56px;
	}
	.particulars .title{
		font-size: 22px;
	}
	.application_area{
		margin-bottom: 30px;
	}
	.application_area ul{
		margin-top: 30px;
	}
	.relevant_infor{
		margin-bottom: 40px;
	}
	.relevant_infor ul li a{
		padding-left: 30px;
	}
	.relevant_infor ul li .t1{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.relevant_infor ul li .t2{
		float: none;
		width: 100%;
	}
	.particulars{
		padding-bottom: 40px;
	}
	.relevant_product ul{
		margin-top: 35px;
	}
	.product-detail .swiper-pagination{
		font-size: 18px;
	}
	.process .content ul li .txt .t1{
		font-size: 22px;
	}
	.process .content ul li .txt .t2{
		font-size: 17px;
	}
	.process .content ul li .digit{
		bottom: 20px;
	}
	.sales_network{
		padding-top: 40px;
	}
	.sales_network .box{
		padding-top: 60px;
    	padding-bottom:50px;
	}
	.sales_network .title .t1{
		font-size: 24px;
	}
	.sales_network .title .t2{
		font-size: 15px;
	}
	.sales_network .content .focus{
        top: 6%;
	    right: 11%;
	}
}
@media only screen and (max-width: 480px){
	.m-nav .nav-list{
		padding-top: 15px;
	}
	/*footer*/
	.footer .foot_form form{
		max-width: 100%;
	}
	.footer .foot_logo a img{
		max-height: 36px;
	}
	/**/
	.obanner .ob-img{
		padding: 40% 0;
	}
	.pro_title .tit{
		font-size: 22px;
	}
	.pro_box{
		margin-top: 35px;
	}
	.pro_box .title .subtit{
		font-size: 18px;
	}
	.abnav ul li a {
	    min-width: 130px;
	    height: 50px;
	    line-height: 50px;
	    font-size: 15px;
	}
	.i-introduce .box{
		padding-bottom: 40px;
	}
	/*about honor*/
	.honor_tab ul li .t1{
		font-size: 28px;
	}
	.preview .swiper-button-next, .preview .swiper-button-prev{
		background-size: 15px auto;
	}
	/*about introduction*/
	.introduce .leftbox .t1{
		font-size: 22px;
	}
	.attestation ul li .img{
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.concept ul li .round .tit, .concept ul li .txt .t1{
		font-size: 21px;
	}
	.attestation ul li .txt{
		font-size: 15px;
	}
	/*news*/
	.news{
		padding-top: 40px;
	}
	.page-list a{
		min-width: 36px;
	    height: 36px;
	    line-height: 36px;
	    margin-right: 5px;
	}
	.page-list a.fyprev{
		padding-left: 25px;
	}
	.page-list a.fynext{
		padding-right: 25px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 21px;
	}
	.new-detail .left_wrap .title .txt .sp{
		margin-right: 20px;
	}
	.csbox .content .txt{
		padding-left: 30px;
		padding-right: 10px;
	}
	.oemodm_box ul li .txt{
		margin-top: 30px;
	}
	.csbox .content .txt .t1, .oemodm_box ul li .tit, .applications .title{
		font-size: 21px;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 90px;
	}
	/*product*/
	.product{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.product ul li{
		margin-bottom: 30px;
	}
	.product ul li .txt .t1{
		font-size: 22px;
	}
	.advert .tit{
		font-size: 24px;
	}
	.advert .btn{
		width: 160px;
		height: 48px;
    	line-height: 42px;
		border: rgba(255,255,255,0.09) solid 3px;
	}
	.advert .btn a{
		font-size: 15px;
	}
	.product-list{
		padding-bottom: 40px;
	}
	.product-list .title{
		padding-top: 40px;
	}
	.product-list .box{
		margin-top: 40px;
	}
	.proli .txt .t1{
		font-size: 18px;
	}
	.proli .txt .t2{
		font-size: 15px;
	}
	.product-detail .rightbox .title .t1{
		font-size: 22px;
	}
	.product-detail .rightbox .btn a{
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}
	.application_area ul li .txt{
		padding: 20px;
	}
	.particulars .parameter .text .txt,
	.application_area ul li .txt{
		font-size: 15px;
	}
	.business_area{
		padding-top: 40px;
	}
	.business_area ul li .txt{
		padding-top: 30px;
	}
	.business_area ul li .txt .t1{
		font-size: 20px;
	}
	.strength{
		padding-top: 40px;
	}
	.strength .title .t1{
		font-size: 22px;
	}
	.process .content ul li .txt .t1{
		font-size: 20px;
	}
	.process .content ul li .txt .t2{
		font-size: 16px;
	}
	.process .content ul li .txt i{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.process .content ul li .digit{
		bottom: 15px;
	}
	.future .txt .btn span{
		font-size: 15px;
		height: 45px;
    	line-height: 45px;
	}
	.sales_network .box{
		padding-top: 50px;
    	padding-bottom:40px;
	}
	.sales_network .content .focus{
        top: -6px;
    	right: 25px;
	}
	.sales_network .title .btn a {
	    height: 42px;
	    line-height: 40px;
	}
	.business_area ul li .txt .tag a{
		min-width: 60px;
	}
	.business_area ul li .txt .tag a:last-child{
		margin-right: 0;
	}
}