body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Microsoft YaHei","PingFang SC","Arial","Helvetica Neue",Helvetica,sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
}

button, textarea,select{
   -webkit-appearance: none;
   resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
   /*border: 0;*/
}
input{
	resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.none{
	display:none;
}

.online_x{
	cursor:pointer;
}
button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
    /*border: 0*/
  	outline: 0 none;
  	outline-color: transparent;
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

li {
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}



.conwidth{
	max-width: 1400px;
	width: 100%;
	margin: auto;
}
.w12{
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

@-webkit-keyframes fadeInUpSmall{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}
@-webkit-keyframes fadeIup{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeIup{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeIup {
  -webkit-animation-name: fadeIup;
  animation-name: fadeIup;
}
/*header*/
.header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.header.on,
.header.hover{
	background: #FFFFFF;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.header .content{
	max-width: 1400px;
	width: 100%;
	margin: auto;
}
.header .logo{
	float: left;
}
.header .logo a{
	display: block;
	height: 90px;
	line-height: 90px;
}
.header .logo a img{
}
.header .nav{
	float: right;
}
.header .nav ul li{
	float: left;
	padding-left: 120px;
}
.header .nav ul li a{
	color: #000000;
	font-size: 16px;
	height: 90px;
	line-height: 90px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header.on .nav ul li a, .header.hover .nav ul li a{
	color: #000000 !important;
}
.header .nav ul li a:hover{
	color: #264bee !important;
}
/**/
.m-nav{
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	height: calc(100vh - 70px);
	background: #fff;
	display: none;
	z-index: 12;
	overflow-y: scroll;
	box-sizing: border-box;
}
.m-nav ul{
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
}
.m-nav ul li{
	text-align: left;
	border-bottom: #e8e8e8 solid 1px;
	box-sizing: border-box;
}
.m-nav ul li a{
	font-size: 20px;
    color: #333;
    line-height: 1.8;
    padding: 10px 0px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.m-nav ul li:hover a{
	color: #264bee;
}
.menubtn{
	display: none;
	float: right;
	width: 45px;
	height: 70px;
	background: url(../images/menu-icon1.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	cursor: pointer;
}

.probox .menubtn{
	background: url(../images/menu-icon1a.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	cursor: pointer;
}

.header.on .menubtn,
.header.hover .menubtn{
	background: url(../images/menu-icon1a.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}

.menubtn.on {
	background: url(../images/menu-icon2.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}
.header.on .menubtn.on,
.header.hover .menubtn.on{
	background: url(../images/menu-icon2a.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}
/*footer*/
.footer {
	position: relative;
	background-color: #f7f8f8;
}

.footer .topBox {
	padding: 90px 0 60px;
	width: 100%;
	overflow: hidden;
}

.footer .topBox .left_w,
.footer .topBox .right_w{
	float: left;
	width: 50%;
	overflow: hidden;
}

.footer .topBox .topWrap {
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
}
.footer .navBox {
	font-size: 0;
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
}
.footer .navBox .item{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding-right: 2%;
	box-sizing: border-box;
	text-align: left;
}

.footer .navBox .h1 {
	font-size: 16px;
	color: #000000;
	line-height: 36px;
	text-align: left;
	font-family: OPPOSans-M;
}

.footer .navBox a {
	display: block;
	font-size: 13px;
	color: #000000;
	line-height: 32px;
	transition: all 0.5s;
	font-family: OPPOSans-R;
}

.footer .navBox a:hover {
	color: #264bee;
}
.footer .codewrap{
}
.footer .codewrap ul{
	padding: 0 10%;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
.footer .codewrap ul li{
	display: inline-block;
	vertical-align: top;
	max-width: 120px;
	width: 27%;
	margin-right: 9.5%;
	text-align: center;
	overflow: hidden;
}
.footer .codewrap ul li:nth-child(3n){
	margin-right: 0;
}
.footer .codewrap ul li a{
	display: block;
	width: 100%;
}
.footer .codewrap ul li .img{
	width: 100%;
	overflow: hidden;
	margin-bottom: 16px;
}
.footer .codewrap ul li .img img{
	max-width: 100%;
}
.footer .codewrap ul li .txt{
	color: #000000;
	font-size: 16px;
}
.footer .codeBox {
	max-width: 390px;
	width: 100%;
	text-align: right;
}

.footer .codeBox .number {
	font-size: 30px;
	color: #ec6900;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 5px;
}

.footer .codeBox .time {
	font-size: 16px;
	color: #f9f9f9;
	line-height: 36px;
	margin-bottom: 10px;
	font-family: OPPOSans-L;
}

.footer .codeBox .code {
	display: inline-block;
	width: 110px;
}

.footer .codeBox .name {
	font-size: 14px;
	color: #bbbbbb;
	line-height: 36px;
	text-align: center;
	margin-top: 5px;
	font-family: OPPOSans-L;
}

.footer .shareBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0 20px;
}

.footer .phone {
	font-size: 18px;
	line-height: 36px;
	color: #000000;
}

.footer .time {
	font-size: 12px;
	line-height: 36px;
	color: #000000;
}

.footer .share {
	font-size: 0;
	text-align: center;
}

.footer .share a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	transition: all 0.3s ease;
}

.footer .share a:hover {
	background: rgba(255, 255, 255, 0.09);
}

.footer .code {
	position: absolute;
	top: -100px;
	right: 0;
	width: 78px;
	padding: 5px;
	background-color: #fff;
	border-radius: 5px;
	display: none;
}

.footer .code::before {
	position: absolute;
	content: "";
	bottom: -8px;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #fff;
}

.footer .infoBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.footer .text {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 12px;
	line-height: 31px;
	color: #0b0b0b;
}

.footer .text a{
	color: #0b0b0b;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer .text a:hover{
	color: #264bee;
}
.footer .backTop {
	font-size: 12px;
	line-height: 31px;
	color: #6c7073;
	padding-left: 27px;
	background-image: url(../images/icon11.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

.footer .color {
	margin-right: 10px;
}



/*banner*/
.lunbotu{
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}
/*.lunbotu .swiper-slide a{
	display: block;
	width: 100%;
}*/
.lunbotu .swiper-slide a>img{
	width: 100%;
}
.oimg2{
	display: none;
}
.i-banner{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}
.i-banner .box{
	width: 100%;
}
.i-banner .box .t1{
	color: #000000;
	font-size: 46px;
	line-height: 1;
	margin-bottom: 10px;
	word-break: break-word;
}
.i-banner .box .t2{
	color: #747474;
	font-size: 21px;
	line-height: 1.7;
	margin-bottom: 15px;
	word-break: break-word;
}
.i-banner .box .t3{
	color: #efefef;
	font-size: 22px;
	line-height: 1.7;
	letter-spacing: 1px;
	word-break: break-word;
}
.i-banner .box .t4{
	color: #ffffff;
	font-size: 44px;
	line-height: 1.8;
	word-break: break-word;
	letter-spacing: 1px;
}
.i-banner .box .t5{
	color: #efefef;
	font-size: 25px;
	line-height: 1.4;
	letter-spacing: 1px;
	word-break: break-word;
}
.i-banner .box .newtag{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #264bee;
	color: #FFFFFF;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0px;
}
.enterbtn{
	text-align: left;
	font-size: 0px;
}
.enterbtn span,
.enterbtn a{
	display: inline-block;
	text-align: center;
	padding: 0px 15px;
	color: #fdfdfd;
	font-size: 17px;
	background: #264bee;
	height: 30px;
	line-height: 30px;
	border-radius: 28px;
	box-sizing: border-box;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.enterbtn span:hover,
.enterbtn a:hover{
	color: #264bee;
	background: #ffffff;
}
.enterbtn a{
	margin-right: 15px;
}
.enterbtn a:last-child{
	margin-right: 0;
}
.lunbotu .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	opacity: 1;
	background-color: #FFFFFF;
}
.lunbotu .swiper-pagination-bullet-active{
	background-color: #254bee;
}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, 
.lunbotu .swiper-pagination-custom, 
.lunbotu .swiper-pagination-fraction{
	bottom: 30px;
}
.obanner{
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.obanner>img{
	width: 100%;
}
.ob-img{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bannerzi{
	position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%); 
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
    margin: auto;
}
.obanner .bannerzi .box{
	text-align: center;
}
.obanner .bannerzi .box .t1{
	color: #ffffff;
	font-size: 46px;
	letter-spacing: 20px;
}
.obanner .bannerzi .box .t2{
	color: #f6f6f6;
	font-size: 24px;
	line-height: 1.7;
	letter-spacing: 6px;
} 
.obanner .bannerzi .box .icon{
	position: relative;
	margin-top: 15px;
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 30px;
	border: #FFFFFF solid 2px;
	text-align: center;
}
.obanner .bannerzi .box .icon .ic{
	position: absolute;
    left: 0;
    right: 0;
    top: 21px;
    margin: auto;
    width: 6px;
    height: 18px;
    background: url(../images/img67.png) center;
    animation: wheel 1.2s infinite;
    -moz-animation: wheel 1.2s infinite;
    -webkit-animation: wheel 1.2s infinite;
}





.comtitle{
	width: 100%;
	overflow: hidden;
}
.comtitle .left_w{
	float: left;
}
.comtitle .right_w{
	float: right;
}
.comtitle .t1{
	color: #898989;
	font-size: 32px;
	margin-bottom: 5px;
}
.comtitle .t2{
	color: #898989;
	font-size: 20px;
}
.comtitle .morebtn{
	margin-top: 35px;
}
.comtitle .morebtn a{
	color: #898989;
	font-size: 20px;
}
/*new arrival*/
.new_arrival{
	padding-top: 7.82%;
}
.new_arrival .box{
	margin-top: 50px;
}
.new_arrival .box .imgbox{
	position: relative;
}
.new_arrival .box .img{
	width: 100%;
	overflow: hidden;
}
.new_arrival .box .img img{
	width: 100%;
}
.pImg{
	display: block;
}
.mImg{
	display: none;
}
.new_arrival .box .comtxt{
	position: absolute;
	left: 0;
	top: 9%;
	width: 100%;
	padding-left: 4.7%;
	box-sizing: border-box;
}
.comtxt .t0{
	color: #efefef;
	font-size: 16px;
	margin-bottom: 15px;
}
.comtxt .t1{
	color: #ffffff;
	font-size: 32px;
	line-height: 1.4;
	letter-spacing: 1px;
}
.comtxt .t2{
	color: #efefef;
	font-size: 18px;
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.comtxt .sp{
	position: relative;
	top: -8px;
	display: inline-block;
	margin-left: 5px;
	color: #ffffff;
	font-size: 12px;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	background: #264bee;
	transform: scale(0.9);
}
.comtxt.black .t1{
	color: #000000;
}
.comtxt.black .t2{
	color: #898989;
}
.comtxt.black .sp{
	top: -15px;
	color: #264bee;
	background: none;
	min-width: 1px;
	height: auto;
	line-height: 1.5;
}
.index_product{
	padding-top: 60px;
}
.index_product ul{
	font-size: 0;
}
.index_product ul li{
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: -moz-calc((100% - 60px) / 2);
	width: -webkit-calc((100% - 60px) / 2);
	width: calc((100% - 60px) / 2);
	margin-right: 60px;
	padding-bottom: 4.65%;
}
.index_product ul li:nth-child(2n){
	margin-right: 0;
}
/*.index_product ul li a{
	display: block;
	width: 100%;
}*/
.index_product ul li .img{
	margin-bottom: 30px;
	overflow: hidden;
}
.index_product ul li .img img{
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.other_infor{
	padding-top: 7%;
}
.other_infor ul li{
	float: left;
	width: 47.5%;
	margin-right: 5%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.other_infor ul li:nth-child(2n){
	margin-right: 0;
}
.other_infor ul li a{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 100%;
}
.other_infor ul li .text{
	position: absolute;
	left: 0;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding: 0px 20px;
	box-sizing: border-box;
	text-align: center;
}
.other_infor ul li .text .t1{
	color: #000000;
	font-size: 32px;
	margin-bottom: 3px;
}
.other_infor ul li .text .t2{
	color: #000000;
	font-size: 20px;
	margin-bottom: 5px;
}
.other_infor ul li .text i{
	display: block;
	width: 30px;
	height: 30px;
	margin: auto;
	background: url(../images/img6.png) center no-repeat;
}


.homeShop {
	padding: 140px 0 118px;
}
.homeShop .listBox {
	/*display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;*/
	font-size: 0;
	text-align: center;
}

.homeShop .column {
	display: inline-block;
	vertical-align: top;
	/*width: 33.33%;*/
	width: 280px;
	text-align: center;
	padding: 0 10px;
	box-sizing: border-box;
}

.homeShop .icon {
	display: inline-block;
	font-size: 0;
}

.homeShop .name {
	font-size: 24px;
	color: #414349;
	line-height: 36px;
	margin-top: 20px;
	font-weight: bold;
}

.homeShop .btn {
	display: inline-block;
	font-size: 16px;
	line-height: 36px;
	color: #474645;
	margin-top: 10px;
	padding-right: 11px;
	background-image: url(../images/icon10.png);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.homeShop .btn:hover{
	text-decoration: underline;
}
.comnav{
	width: 100%;
	background: #FFFFFF;
}
.about .comnav{
	padding-top: 10px;
	padding-bottom: 10px;
}
.product .comnav{
	padding-bottom: 90px;
}
.comnav.fixed{
	position: fixed;
	left: 0;
	top: 90px;
	z-index: 10;
}
.comnav ul{
	font-size: 0;
	text-align: center;
}
.comnav ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	height: 42px;
	line-height: 42px;
	border-radius: 30px;
	background: #efefef;
	overflow: hidden;
	/*-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;*/
}
.comnav ul li a,
.comnav ul li span{
	display: block;
	min-width: 110px;
	text-align: center;
	color: #191919;
	font-size: 22px;
	padding: 0px 20px;
	box-sizing: border-box;
	overflow: hidden;
	/*-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
	cursor: pointer;
}
.comnav ul li:hover a,
.comnav ul li:hover span,
.comnav ul li.on span{
	background: #264bee;
}
.comnav ul li a:hover,
.comnav ul li span:hover,
.comnav ul li.on span{
	color: #fdfdfd;
}
.about{
	padding-top: 100px;
	padding-bottom: 100px;
}
.contli{
	padding-top: 150px;
	margin-top: -150px;
}
.about .idea{
	margin-top: 100px;
}
.about .idea .box{
	position: relative;
}
.about .idea .box .img{
	width: 100%;
	overflow: hidden;
	padding-bottom: 66.9%;
	background-image: url(../images/img10.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.about .idea .box .img img{
	width: 100%;
}
.about .idea .box .text{
	position: absolute;
	left: 0;
	top: 7%;
	width: 100%;
	padding: 0 6.5%;
	box-sizing: border-box;
}
.about .idea .box .text .ic{
}
.about .idea .box .text .txt{
	margin-top: 7.5%;
	font-size: 0;
	overflow: hidden;
}
.about .idea .box .text .txt .tit{
	display: inline-block;
	vertical-align: middle;
	width: 40%;
}
.about .idea .box .text .txt .tit .t1{
	font-weight: bold;
	color: #1f2021;
	font-size: 24px;
	margin-bottom: 3px;
}
.about .idea .box .text .txt .tit .t2{
	color: #595757;
	font-size: 13px;
	line-height: 1.7;
	word-break: break-word;
}
.about .idea .box .text .txt ul{
	/*display: inline-block;
	vertical-align: middle;
	width: 60%;*/
	max-width: 800px;
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.about .idea .box .text .txt ul li{
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 47%;
	margin-right: 6%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about .idea .box .text .txt ul li:nth-child(2n){
	margin-right: 0;
}
.about .idea .box .text .txt ul li .t1{
	color: #1f2021;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 3px;
}
.about .idea .box .text .txt ul li .t2{
	color: #595757;
	font-size: 15px;
	line-height: 1.8;
}
.about .sharewrap{
	padding-top: 100px;
}
.about .sharewrap .box{
	position: relative;
}
.about .sharewrap .box .img{
	width: 100%;
	overflow: hidden;
}
.about .sharewrap .box .img img{
	width: 100%;
}
.about .sharewrap .box .icon{
	position: absolute;
	left: 0;
	bottom: 70px;
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
	box-sizing: border-box;
	width: 100%;
}
.about .sharewrap .box .icon ul{
	width: 100%;
	font-size: 0;
	text-align: center;
}
.about .sharewrap .box .icon ul li{
	display: inline-block;
	vertical-align: middle;
	margin-left: 48px;
	margin-right: 48px;
}
.about .sharewrap .box .icon ul li img{
	display: block;
	margin: auto;
}
.about .sharewrap .box .icon ul li .txt{
	letter-spacing: 4px;
	margin-top: 5px;
	text-align: center;
	color: #fbfbfb;
	font-size: 17px;
}
.about .picbox{
	padding-top: 100px;
}
/*.about .picbox img{
	width: 100%;
}*/
.laboratory{
	padding: 50px;
	background: url(../images/img15.png) center no-repeat;
	background-size: cover;
}
.laboratory .box{
	padding: 6.9%;
	background: rgba(255,255,255,0.8);
}
.laboratory .title .t1{
	font-weight: bold;
	color: #1f2021;
	font-size: 20px;
	margin-bottom: 3px;
}
.laboratory .title .t2{
	color: #595757;
	font-size: 15px;
}
.laboratory .iconbox{
	margin-top: 60px;
}
.laboratory .iconbox ul{
	font-size: 0;
}
.laboratory .iconbox ul li{
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-bottom: 4.5%;
	overflow: hidden;
	padding-right: 3%;
	box-sizing: border-box;
}
.laboratory .iconbox ul li .icon{
	float: left;
	width: 16%;
	text-align: left;
	margin-right: 10%;
}
.laboratory .iconbox ul li .icon img{
	max-width: 100%;
}
.laboratory .iconbox ul li .txt{
	float: left;
	max-width: 250px;
	width: 74%;
	overflow: hidden;
}
.laboratory .iconbox ul li .txt .t1{
	font-size: 14px;
	color: #333333;
	margin-bottom: 8px;
	text-shadow: rgba(38,75,238,0.25) 3px 4px 5px;
}
.laboratory .iconbox ul li .txt .t1 span{
	font-size: 24px;
}
.laboratory .iconbox ul li .txt .t2{
	font-size: 15px;
	color: #333333;
	line-height: 1.6;
	text-shadow: rgba(38,75,238,0.25) 3px 4px 5px;
}
.laboratory .otxt{
	margin-top: 10px;
	max-width: 610px;
	width: 100%;
	font-size: 15px;
	color: #333333;
	line-height: 1.6;
	text-shadow: rgba(38,75,238,0.25) 3px 4px 5px;
}
.service{
	padding-top: 100px;
	padding-bottom: 100px;
}
.service .box{
	padding: 6%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-image: url(../images/img16.jpg);
}
.service .box .title{
	position: relative;
	font-weight: bold;
	color: #292a2d;
	font-size: 30px;
	padding-bottom: 50px;
}
/*.service .box .title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 36%;
	width: 20px;
	height: 2px;
	background: #c5c7d5;
}*/
.service .box ul{
}
.service .box ul li{
	margin-bottom: 35px;
}
.service .box ul li:last-child{
	margin-bottom: 0;
}
.service .box ul li .t1{
	font-weight: bold;
	color: #292a2d;
	font-size: 18px;
	margin-bottom: 10px;
}
.service .box ul li .t2{
	color: #727171;
	font-size: 14px;
	line-height: 1.7;
}
.service .imgbox{
	margin-top: 100px;
}
.product{
	padding-top: 190px;
}
/*.product .list .box{
	padding-top: 90px;
}*/
.product .list .box ul li{
	position: relative;
	margin-bottom: 54px;
	overflow: hidden;
}
.product .list .box ul li:last-child{
	margin-bottom: 0;
}
.product.other .list .box ul li{
	background-color: #f7f8f8;
	min-height: 1px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.product .list .box ul li .cont{
	width: 100%;
}
.product .list .box ul li .text{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding-left: 8%;
	padding-right: 8%;
	box-sizing: border-box;
}
.product .list .box ul li .txt .t1{
	color: #191919;
	font-size: 36px;
}
.product .list .box ul li .txt .t2{
	color: #191919;
	font-size: 19px;
	line-height: 1.8;
}
.product .list .box ul li .txt .btn{
	margin-top: 15px;
}
.product .list .box ul li .txt .btn a{
	display: inline-block;
	margin-right: 15px;
	padding: 0px 18px;
	color: #fdfdfd;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	border-radius: 14px;
	background: #264bee;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.product .list .box ul li .txt .btn a:hover{
	color: #264bee;
	background: #FFFFFF;
}
.product .list .box ul li .txt .btn a:last-child{
	margin-right: 0;
}
.product .list .box ul li .txt .icon{
	margin-top: 60px;
}
.product .list .box ul li .txt .icon ul li{
	float: left;
	margin-right: 40px;
	padding: 0;
	margin-bottom: 0;
}
.product .list .box ul li .txt .icon ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.product .list .box ul li .txt .icon ul li a img{
	
}
.product .list .box ul li .img{
	width: 100%;
	overflow: hidden;
}
.product .list .box ul li .img img{
	width: 100%;
}
.product .list .wrap{
	margin-top: 54px;
}
.product .list .wrap ul li{
	float: left;
	width: 31.4%;
	margin-right: 2.9%;
}
.product .list .wrap ul li:nth-child(3n){
	margin-right: 0;
}
.product .list .wrap ul li a{
	display: block;
	width: 100%;
	background: #f7f8f8;
	text-align: center;
	padding-bottom: 60px;
}
.product .list .wrap ul li .img{
	width: 100%;
	overflow: hidden;
	background: url(../images/img28.jpg) center no-repeat;
	background-size: cover;
}
.product .list .wrap ul li .img img{
	max-width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.product .list .wrap ul li:hover .img img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.product .list .wrap ul li .txt{
	margin-top: 35px;
}
.product .list .wrap ul li .txt .t1{
	color: #000000;
	font-size: 32px;
	margin-bottom: 7px;
}
.product .list .wrap ul li .txt .t2{
	color: #898989;
	font-size: 18px;
	letter-spacing: 2px;
}
.product .list .wrap ul li .txt .btn{
	margin-top: 18px;
}
.product .list .wrap ul li .txt .btn span{
	display: inline-block;
	padding: 0px 15px;
	height: 28px;
	line-height: 28px;
	background: #264bee;
	color: #fdfdfd;
	font-size: 16px;
	border-radius: 14px;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.product .list .wrap ul li .txt .btn span:hover{
	color: #264bee;
	background: #ffffff;
}
@media only screen and (max-width: 1536px){
	.conwidth, .w12{
	    width: 90%;
	}
	.header .content{
		width: 90%;
	}
	.header .nav ul li{
		padding-left: 100px;
	}
	.i-banner .box .t1{
		font-size: 42px;
	}
	.i-banner .box .t3{
		font-size: 21px;
	}
	.i-banner .box .t4{
		font-size: 40px;
	}
	.i-banner .box .t5{
		font-size: 23px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 42px;
	}
}
@media only screen and (max-width: 1440px){
	.header .nav ul li{
		padding-left: 80px;
	}
	.i-banner .box .t1{
		font-size: 40px;
	}
	.i-banner .box .t3{
		font-size: 20px;
	}
	.i-banner .box .t4{
		font-size: 38px;
	}
	.i-banner .box .newtag{
		width: 48px;
		height: 48px;
		line-height: 48px;
	}
	.i-banner .box .t5{
		font-size: 21px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 40px;
	}
	.comtxt .t1,
	.comtitle .t1,
	.other_infor ul li .text .t1{
		font-size: 30px;
	}
	/*footer*/
	.footer .topBox {
	    padding: 80px 0 60px;
	    overflow: hidden;
	}
	/*about*/
	.about{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.about .idea{
		margin-top: 90px;
	}	
	.about .sharewrap{
		padding-top: 90px;
	}
	.about .picbox{
		padding-top: 90px;
	}
	/**/
	.new_arrival .box{
		margin-top: 40px;
	}
	/*product*/
	.product{
		padding-top: 180px;
	}
	/*.product .list .box{
		padding-top: 80px;
	}*/
	.product .comnav{
		padding-bottom: 80px;
	}
	.product .list .box ul li{
		margin-bottom: 45px;
	}
	.product .list .box ul li .txt .t1{
		font-size: 34px;
	}
	.product .list .box ul li .txt .icon{
		margin-top: 50px;
	}
	.product .list .wrap{
		margin-top: 45px;
	}
	.product .list .wrap ul li .txt .t1{
		font-size: 30px;
	}
	/*Service And Support*/
	.service{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	/*.service .box ul li .t1{
		font-size: 28px;
	}
	.service .box ul li .t2{
		font-size: 19px;
	}*/
	.service .imgbox{
		margin-top: 90px;
	}
}
@media only screen and (max-width: 1366px){
	.header .nav ul li{
		padding-left: 70px;
	}
	.i-banner .box .t1{
		font-size: 36px;
	}
	.i-banner .box .t2{
		font-size: 19px;
	}
	.i-banner .box .t3{
		font-size: 19px;
	}
	.i-banner .box .t4{
		font-size: 36px;
	}
	.i-banner .box .newtag{
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}
	.i-banner .box .t5{
		font-size: 20px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 36px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 22px;
	}
	/*about*/
	.about{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.about .idea{
		margin-top: 80px;
	}
	.about .sharewrap{
		padding-top: 80px;
	}
	.about .picbox{
		padding-top: 80px;
	}
	/*product*/
	.product{
		padding-top: 170px;
	}
	/*.product .list .box{
		padding-top: 70px;
	}*/
	.product .comnav{
		padding-bottom: 70px;
	}
	.product .list .box ul li{
		margin-bottom: 40px;
	}
	.product .list .box ul li .txt .t1{
		font-size: 32px;
	}
	.product .list .box ul li .txt .t2{
		font-size: 18px;
	}
	.product .list .wrap{
		margin-top: 40px;
	}
	.product .list .wrap ul li a{
		padding-bottom: 50px;
	}
	.product .list .wrap ul li .txt{
		margin-top: 30px;
	}
	.product .list .wrap ul li .txt .t1{
		font-size: 28px;
	}
	.product .list .wrap ul li .txt .t2{
		font-size: 17px;
	}
	/*Service And Support*/
	.service{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	/*.service .box ul li .t1{
		font-size: 26px;
	}
	.service .box ul li .t2{
		font-size: 18px;
	}*/
	.service .imgbox{
		margin-top: 80px;
	}
}
@media only screen and (max-width: 1280px){
	.homeShop {
		padding: 100px 0 80px;
	}

	.homeShop .name {
		font-size: 18px;
		line-height: 30px;
	}
	.homeShop .btn {
		font-size: 14px;
		line-height: 30px;
	}
	/*footer*/
	.footer .topBox {
	    padding: 70px 0 60px;
	    overflow: hidden;
	}
	.product .list .box ul li .txt .t1{
		font-size: 30px;
	}
	.product .list .box ul li .txt .t2{
		font-size: 17px;
	}
	.product .list .box ul li .txt .icon{
		margin-top: 40px;
	}
	.product .list .wrap ul li .txt .t1{
		font-size: 26px;
	}
	.product .list .wrap ul li .txt .t2{
		font-size: 16px;
	}
	
}
@media only screen and (max-width: 1024px){
	.header .logo a {
	    display: block;
	    height: 70px;
	    line-height: 70px;
	}
	.header .nav{
		display: none;
	}
	.comnav.fixed{
		top: 70px;
	}
	.comnav ul li:last-child{
		margin-right: 0;
	}
	.menubtn{
		display: block;
	}
	.i-banner .box .t1{
		font-size: 32px;
	}
	.i-banner .box .t2{
		font-size: 17px;
	}
	.i-banner .box .t3{
		font-size: 17px;
	}
	.i-banner .box .t4{
		font-size: 32px;
	}
	.i-banner .box .newtag{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
		margin-left: 15px;
	}
	.i-banner .box .t5{
		font-size: 18px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 32px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 20px;
	}
	.comtxt .t1, .comtitle .t1, .other_infor ul li .text .t1{
		font-size: 28px;
	}
	.comtitle .t2,
	.comtitle .morebtn a,
	.other_infor ul li .text .t2{
		font-size: 18px;
	}
	.index_product ul li{
		width: 48%;
		margin-right: 4%;
	}
	.index_product ul li:nth-child(2n){
		margin-right: 0;
	}
	.homeShop {
		padding: 70px 0;
	}

	.homeShop .name {
		font-size: 16px;
		margin-top: 10px;
	}

	.homeShop .btn {
		line-height: 24px;
		margin-top: 0;
	}
	/*footer*/
	.footer .topBox{
		padding: 60px 0 50px;
	}
	.footer .topBox .left_w{
		width: 60%;
		padding-right: 3%;
		box-sizing: border-box;
	}
	.footer .topBox .right_w{
		width: 40%;
	}
	.footer .codewrap ul{
		padding: 0;
	}
	.footer .navBox {
		width: 100%;
	}
	.footer .codewrap ul li{
		max-width: 110px;
	}
	.footer .codewrap ul li .txt{
		font-size: 15px;
	}
	.footer .codeBox {
		width: auto;
		text-align: center;
		margin-top: 20px;
	}
	.footer .share{
		display: none;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 25px;
	}
	.new_arrival .box{
		margin-top: 30px;
	}
	/*about*/
	.about{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.contli {
	    padding-top: 130px;
	    margin-top: -130px;
	}
	.about .idea{
		margin-top: 70px;
	}
	.comnav ul{
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		font-size: 0;
	}
	.comnav ul::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	.comnav ul::-webkit-scrollbar-button {
		background-color: rgba(0, 0, 0, 0);
	}
	.comnav ul::-webkit-scrollbar-track {
		background-color: rgba(0, 0, 0, 0);
	}
	.comnav ul::-webkit-scrollbar-track-piece {
		background-color: rgba(0, 0, 0, 0);
	}
	.comnav ul::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0);
	}
	.comnav ul::-webkit-scrollbar-corner {
		background-color: rgba(0, 0, 0, 0);
	}
	.comnav ul::-webkit-scrollbar-resizer {
		background-color: rgba(0, 0, 0, 0);
	}
	.comnav ul::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	.comnav ul li a, .comnav ul li span{
		font-size: 20px;
	}
	.about .idea .box .text .txt{
		margin-top: 40px;
	}
	.about .idea .box .text .txt .tit .t1{
		font-size: 22px;
	}
	.about .idea .box .text .txt ul li{
		margin-top: 12px;
    	margin-bottom: 12px;
	}
	.about .idea .box .text .txt ul li .t1{
		font-size: 18px;
	}
	.about .idea .box .text .txt ul li .t2{
		font-size: 14px;
	}
	.about .sharewrap{
		padding-top: 70px;
	}
	.about .sharewrap .box .icon ul li{
		margin-left: 30px;
    	margin-right: 30px;
	}
	.about .sharewrap .box .icon ul li a img{
		max-width: 100px;
	}
	.about .sharewrap .box .icon ul li .txt{
		font-size: 15px;
		margin-top: 0;
	}
	.about .picbox{
		padding-top: 70px;
	}
	.laboratory .iconbox{
		margin-top: 45px;
	}
	.laboratory .iconbox ul li .icon{
		margin-right: 6%;
	}
	.laboratory .iconbox ul li .txt{
		width: 78%;
	}
	.laboratory .iconbox ul li .txt .t2{
		font-size: 14px;
	}
	.laboratory .otxt{
		font-size: 14px;
	}
	/*.product*/
	.product{
		padding-top: 140px;
	}
	/*.product .list .box{
		padding-top: 60px;
	}*/
	.product .comnav{
		padding-bottom: 60px;
	}
	.product .list .box ul li .txt .t1{
		font-size: 28px;
	}
	.product .list .box ul li .txt .icon{
		margin-top: 30px;
	}
	.product .list .box ul li .txt .icon ul li{
		margin-right: 30px;
	}
	.product .list .box ul li .txt .icon ul li img{
		max-width: 60px;
	}
	.product .list .wrap ul li a{
		padding-bottom: 40px;
	}
	.product .list .wrap ul li .txt{
		margin-top: 20px;
	}
	.product .list .wrap ul li .txt .t1{
		font-size: 24px;
	}
	/*Service And Support*/
	.service{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.service .box{
		padding: 60px 50px;
	}
	.service .box .title{
		font-size: 28px;
		padding-bottom: 40px;
	}
	/*.service .box .title{
		padding-bottom: 50px;
	}
	.service .box .title:before{
		bottom: 25px;
	}*/
	.service .box ul li{
		margin-bottom: 35px;
	}
	/*.service .box ul li .t1{
		font-size: 24px;
	}
	.service .box ul li .t2{
		font-size: 16px;
	}*/
	.service .imgbox{
		margin-top: 70px;
	}
}
@media only screen and (max-width: 768px){
	/*footer*/
	.footer .topBox {
		padding: 60px 0 30px;
	}
	.footer .topBox .left_w{
		width: 100%;
		padding-right: 0%;
		overflow: hidden;
	}
	.footer .topBox .right_w{
		width: 100%;
		margin-top: 40px;
	}
	.footer .navBox .h1 {
		line-height: 40px;
		border-bottom: 1px solid #ededed;
	}

	.footer .navBox .item {
		width: 100%;
	}
	.footer .codewrap ul li{
		max-width: 100px;
	}
	.footer .backTop {
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translate(-50%, 0);
		color: #aaa;
	}

	.footer .navBox {
		border-top: 1px solid #ededed;
	}

	.footer .navBox .h1 {
		position: relative;
		width: 100%;
		margin: 0 auto;
		font-size: 18px;
		line-height: 1.7;
		padding: 15px 0px;
	}

	.footer .navBox .nav {
		padding: 10px 5%;
	}

	.footer .navBox .h1::after {
		position: absolute;
		content: "";
		top: 50%;
		right: 0;
		margin-top: -1px;
		width: 14px;
		height: 2px;
		background-color: #333333;
	}

	.footer .navBox .h1::before {
		position: absolute;
		content: "";
		top: 50%;
		right: 6px;
		margin-top: -7px;
		width: 2px;
		height: 14px;
		background-color: #333333;
		transition: all 0.5s ease;
	}

	.footer .navBox .h1.on::before {
		transform: rotate(90deg);
	}

	.footer .navBox a {
		font-family: sans-serif;
		font-size: 16px;
		line-height: 1.8;
		margin: 10px auto;
	}
	.footer .infoBox{
		display: block;
	}
	.footer .text{
		display: block;
		text-align: center;
	}
	.footer .codewrap ul li .img img{
		max-width: 80px;
	}
	/**/
	.i-banner .box .t1{
		font-size: 28px;
	}
	.i-banner .box .t2{
		font-size: 15px;
	}
	.i-banner .box .t3{
		font-size: 15px;
	}
	.i-banner .box .t4{
		font-size: 28px;
	}
	.i-banner .box .newtag{
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin-left: 12px;
	}
	.i-banner .box .t5{
		font-size: 16px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 28px;
		letter-spacing: 10px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 18px;
		letter-spacing: 4px;
	}
	.comtxt .t1, .comtitle .t1, .other_infor ul li .text .t1{
		font-size: 24px;
	}
	.comtitle .t2,
	.comtitle .morebtn a,
	.other_infor ul li .text .t2{
		font-size: 16px;
	}
	.comtxt .t2{
		font-size: 16px;
	}
	.enterbtn span, .enterbtn a{
		font-size: 15px;
	}
	.comtxt .sp{
		top: -8px;
	}
	.new_arrival{
		padding-top: 70px;
	}
	.new_arrival .box{
		margin-top: 20px;
	}
	.new_arrival .box .comtxt{
		padding-left: 45px;
	}
	.homeShop .column{
		width: 240px;
	}
	/*about*/
	.about{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.about .idea{
		margin-top: 60px;
	}
	.comnav ul li{
		margin-right: 30px;
	}
	.comnav ul li a,
	.comnav ul li span{
		font-size: 18px;
	}
	.about .idea .box .img{
		/*position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding-bottom: 0;*/
	}
	.about .idea .box .text{
		/*position: static;
		transform: none;
		padding-top: 40px;
		padding-bottom: 100px;*/
	}
	.about .idea .box .text .txt{
		margin-top: 30px;
	}
	.about .idea .box .text .txt .tit{
		float: none;
		width: 100%;
	}
	.about .idea .box .text .txt .tit .t1{
		font-size: 20px;
	}
	.about .idea .box .text .txt ul{
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	.about .idea .box .text .txt ul li{
		margin-top: 10px;
    	margin-bottom: 10px;
	}	
	.about .sharewrap{
		padding-top: 60px;
	}
	.about .sharewrap .box .icon{
		bottom: 50px;
	}
	.about .sharewrap .box .icon ul li{
		margin-left: 20px;
    	margin-right: 20px;
	}
	.about .sharewrap .box .icon ul li a img{
		max-width: 75px;
	}
	.about .picbox{
		padding-top: 60px;
	}
	.laboratory{
		padding: 45px;
	}
	.laboratory .iconbox{
		margin-top: 35px;
	}
	/*.laboratory .iconbox ul li .txt .t1 span{
		font-size: 21px;
	}*/
	/*.product*/
	.product{
		padding-top: 130px;
	}
	/*.product .list .box{
		padding-top: 50px;
	}*/
	.product .comnav{
		padding-bottom: 50px;
	}
	.product .list .box ul li{
		margin-bottom: 35px;
	}
	.product .list .box ul li .img img{
		max-width: 80%;
	}
	.product .list .box ul li .txt .t1{
		font-size: 25px;
	}
	.product .list .box ul li .txt .t2{
		font-size: 16px;
	}
	.product .list .box ul li .txt .icon ul li{
		margin-right: 25px;
	}
	.product .list .box ul li .txt .icon ul li img{
		max-width: 56px;
	}
	.product .list .wrap{
		margin-top: 35px;
	}
	.product .list .wrap ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.product .list .wrap ul li:nth-child(3n){
		margin-right: 4%;
	}
	.product .list .wrap ul li:nth-child(2n){
		margin-right: 0;
	}
	/*Service And Support*/
	.service{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.service .box{
		padding: 50px 40px 70px;
	}
	.service .box .title{
		font-size: 24px;
		padding-bottom: 30px;
	}
	/*.service .box .title{
		padding-bottom: 40px;
	}
	.service .box .title:before{
		bottom: 20px;
	}*/
	.service .box ul li{
		margin-bottom: 30px;
	}
	/*.service .box ul li .t1{
		font-size: 22px;
	}
	.service .box ul li .t2{
		font-size: 17px;
	}*/
	.service .imgbox{
		margin-top: 60px;
	}
}
@media only screen and (max-width: 767px){
	.footer .infoBox{
		padding-bottom: 30px;
	}
	.new_arrival{
		padding-top: 60px;
	}
	.index_product ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.other_infor{
		padding-top: 30px;
	}
	.other_infor ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.other_infor ul li:last-child{
		margin-bottom: 0px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 15px;
	}
}
@media only screen and (max-width: 680px){
	.pImg{
		display: none;
	}
	.mImg{
		display: block;
	}
	.footer .codewrap ul li{
		max-width: 90px;
	}
	.i-banner{
		top: 16%;
		left: 5%;
		transform: none;
	}
	.i-banner .i-bannerzi.other{
		margin-top: 30px;
		text-align: center;
	}
	/*.i-banner.conwidth{
		width: 100%;
	}*/
	.i-banner .box .t3,
	.i-banner .box .t4{
		margin-bottom: 5px;
	}
	.i-banner .box .newtag{
		font-size: 10px;
	}
	.i-banner .enterbtn{
		display: none;
	}
	.i-banner .box .t1{
		letter-spacing: 4px;
	}
	.i-banner .box .t2{
		color: #747474;
	}
	.comtxt .t1{
		line-height: 1;
	}
	.comtxt.black .t1{
		margin-bottom: 10px;
	}
	.comtxt .t1 p{
		padding-bottom: 0;
	}
	.service .box{
		background-image: url(../images/img16a.jpg);
	}
	.about .idea .box .img{
		background-image: url(../images/img10a.jpg);
	}
	.about .sharewrap .box .icon{
		top: 16%;
		/*-webkit-transform: translateY(-50%);
		transform: translateY(-50%);*/
		bottom: auto;
	}
	.about .idea .box .img{
		padding-bottom: 138.5%;
	}
	.index_product ul li{
		position: relative;
		padding-bottom: 0px;
		background-color: #f8f8f8;
	}
	.index_product ul li .img{
		margin-bottom: 0;
	}
	.index_product ul li .comtxt{
		position: absolute;
		left: 0;
		bottom: 30px;
		width: 100%;
		text-align: center;
		padding: 0px 10px;
		box-sizing: border-box;
	}
	.index_product ul li .enterbtn{
		text-align: center;
	}
	.product .list .box ul li .text{
		transform: none;
		top: auto;
		bottom: 30px;
		text-align: center;
	}
	.product .list .box ul li .img img{
		max-width: 100%;
	}
}
@media only screen and (max-width: 640px){
	.footer .topBox{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.footer .infoBox{
		padding-bottom: 20px;
	}
	.footer .codewrap ul li{
		width: 30%;
		margin-right: 5%;
		max-width: 80px;
	}
	.footer .codewrap ul li .txt{
		font-size: 14px;
	}
	.footer .navBox .h1{
		padding: 12px 0px;
	}
	/*.i-banner .box .t1{
		font-size: 24px;
	}
	.i-banner .box .t2{
		font-size: 16px;
	}*/
	
	.comtxt .t1, .comtitle .t1, .other_infor ul li .text .t1{
		font-size: 20px;
	}
	.comtitle .t2,
	.comtitle .morebtn a,
	.other_infor ul li .text .t2{
		font-size: 15px;
	}
	.comtxt .t2{
		margin-top: 0px;
	}
	.enterbtn span, .enterbtn a{
		font-size: 14px;
	}
	.comtxt .sp{
		transform: scale(0.8);
	}
	.comtxt.black .sp{
		top: -8px;
	}
	.new_arrival{
		padding-top: 50px;
	}
	.new_arrival .box .comtxt{
		padding-left: 35px;
	}
	.index_product{
		padding-top: 50px;
	}
	/*.index_product ul li{
		margin-bottom: 20px;
	}*/
	.homeShop{
		padding: 60px 0px;
	}
	.homeShop .column{
		width: 50%;
		padding: 0 5%;
		box-sizing: border-box;
	}
	.homeShop .icon img{
		max-width: 60px;
	}
	/*about*/
	.about{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.about .idea{
		margin-top: 50px;
	}
	.comnav ul li{
		margin-right: 25px;
		line-height: 40px;
		height: 40px;
	}
	.comnav ul li a,
	.comnav ul li span{
		font-size: 16px;
		padding: 0px 16px;
	}
	.about .idea .box .text .txt{
		margin-top: 25px;
	}
	.about .idea .box .text .txt .tit .t1{
		font-size: 18px;
	}
	.about .sharewrap{
		padding-top: 40px;
	}
	.about .idea .box .text .ic img{
		max-width: 120px;
	}
	.about .sharewrap .box .icon ul li a img{
		max-width: 60px;
	}
	.about .picbox{
		padding-top: 50px;
	}
	.laboratory{
		padding: 40px;
	}
	.laboratory .box{
		padding: 40px;
	}
	.laboratory .iconbox ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	.laboratory .iconbox ul li .icon{
		width: 60px;
		margin-right: 20px;
	}
	.laboratory .iconbox ul li .txt{
		width: -webkit-calc(100% - 80px);
		width: calc(100% - 80px);
	}
	.laboratory .otxt{
		margin-top: 0px;
	}
	/*.product*/
	.product{
		padding-top: 120px;
	}
	.product .list .box ul li{
		margin-bottom: 30px;
	}
	.product .list .box ul li .txt .t1{
		font-size: 21px;
	}
	.product .list .box ul li .txt .t2{
		font-size: 15px;
	}
	.product .list .box ul li .txt .btn{
		margin-top: 10px;
	}
	.product .list .box ul li .txt .icon ul li a img{
		max-width: 50px;
	}
	.product .list .wrap{
		margin-top: 30px;
	}
	/*Service And Support*/
	.service{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.service .box{
		padding: 40px 35px 60px;
	}
	.service .box .title{
		font-size: 22px;
	}
	.service .box ul li{
		margin-bottom: 20px;
	}
	/*.service .box ul li .t1{
		font-size: 20px;
	}
	.service .box ul li .t2{
		font-size: 16px;
	}*/
	.service .imgbox{
		margin-top: 50px;
	}
}
@media only screen and (max-width: 540px){
	.header .logo a{
		height: 60px;
		line-height: 60px;
	}
	.header .logo a img{
		max-height: 24px;
	}
	.m-nav{
		top: 60px;
    	height: calc(100vh - 60px);
	}
	.m-nav ul{
		padding-top: 20px;
	}
	.m-nav ul li a{
		font-size: 18px;
	}
	.menubtn{
		height: 60px;
	}
	/*footer*/
	.footer .navBox .h1{
		font-size: 16px;
	}
	.footer .navBox a{
		font-size: 14px;
	}
	.footer .codewrap ul li .img{
		margin-bottom: 12px;
	}
	/**/
	.i-banner .box .t1{
		font-size: 24px;
	}
	.i-banner .box .t2{
		font-size: 14px;
	}
	.i-banner .box .t3{
		font-size: 14px;
	}
	.i-banner .box .t4{
		font-size: 24px;
	}
	.i-banner .box .t5{
		font-size: 15px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 24px;
		letter-spacing: 6px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 16px;
		letter-spacing: 2px;
	}
	/*.comtitle .left_w,
	.comtitle .right_w{
		float: none;
		text-align: left;
	}*/
	.comtitle .left_w{
		width: calc(100% - 90px);
		overflow: hidden;
	}
	.comtitle .right_w{
		width: 90px;
		text-align: right;
		overflow: hidden;
	}
	.comtitle .t2, .comtitle .morebtn a, .other_infor ul li .text .t2{
		font-size: 14px;
	}
	.comtitle .morebtn{
		margin-top: 22px;
	}
	.comtxt .t0{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.comtxt .t2{
		margin-top: 0px;
		margin-bottom: 12px;
		font-size: 14px;
	}
	.comtxt.black .t2{
		margin-top: 6px;
	}
	.comtxt .sp{
		top: -1px;
		transform: scale(0.7);
		margin-left: 0;
	}
	.new_arrival{
		padding-top: 40px;
	}
	.index_product{
		padding-top: 40px;
	}
	/*about*/
	.comnav.fixed{
		top: 60px;
	}
	.about{
		padding-top: 40px;
    	padding-bottom: 40px;
	}
	.contli {
	    padding-top: 120px;
	    margin-top: -120px;
	}
	.about .idea{
		margin-top: 40px;
	}
	.about .idea .box .text .txt ul li .t1{
		font-size: 16px;
	}
	.comnav ul li{
		height: 36px;
	    line-height: 36px;
	}
	.comnav ul li a,
	.comnav ul li span{
	    min-width: 90px;
	    font-size: 14px;
	}
	/*.about .idea .box .text .txt ul{
		margin-top: 20px;
	}*/
	.about .idea .box .text .txt ul li{
		/*display: block;
		width: 100%;*/
		margin-top: 0;
		margin-bottom: 16px;
	}
	.about .picbox{
		padding-top: 40px;
	}
	.laboratory{
		padding: 30px;
	}
	.laboratory .box{
		padding: 30px 30px 40px;
	}
	.laboratory .title .t1{
		font-size: 19px;
	}
	.laboratory .title .t2{
		font-size: 14px;
	}
	.laboratory .iconbox{
		margin-top: 30px;
	}
	.laboratory .iconbox ul li .icon{
		width: 45px;
		margin-right: 15px;
	}
	.laboratory .iconbox ul li .txt{
		width: -webkit-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	/*product*/
	.product{
		padding-top: 100px;
	}
	/*.product .list .box{
		padding-top: 40px;
	}*/
	.product .comnav{
		padding-bottom: 40px;
	}
	/*.product .list .box ul li{
		padding-top: 50px;
	    padding-bottom: 60px;
	    padding-left: 30px;
	    padding-right: 30px;
	}*/
	.product.other .list .box ul li{
		padding-top: 40px;
	    padding-bottom: 40px;
	}
	.product .list .box ul li .img{
		display: block;
		width: 100%;
	}
	.product .list .box ul li .txt{
		display: block;
		width: 100%;
	}
	.product.other .list .box ul li .txt{
		margin-bottom: 30px;
	}
	.product .list .box ul li .txt .t1{
		margin-bottom: 5px;
	}
	.product .list .box ul li .txt .t2{
		font-size: 14px;
	}
	.product .list .wrap ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.product .list .wrap ul li:last-child{
		margin-bottom: 0;
	}
	/*Service And Support*/
	.service{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.service .box{
		padding: 40px 30px 50px;
	}
	.service .box .title{
		font-size: 20px;
		padding-bottom: 25px;
	}
	/*.service .box .title{
		padding-bottom: 30px;
	}
	.service .box .title:before{
		bottom: 15px;
	}*/
	.service .box ul li .t1{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.service .box ul li .t2{
		font-size: 12px;
	}
	.service .imgbox{
		margin-top: 40px;
	}
}
@media only screen and (max-width: 480px){
	.i-banner .box .t1{
		font-size: 22px;
		margin-bottom: 5px;
	}
	.i-banner .box .t2{
		font-size: 12px;
	}
	.i-banner .box .t3{
		font-size: 12px;
	}
	.i-banner .box .t4{
		font-size: 22px;
	}
	.i-banner .box .t5{
		font-size: 14px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 22px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 14px;
	}
	.comtxt .t0{
		font-size: 12px;
	}
	.comtxt .t1{
		line-height: 1;
	}
	.comtitle .t1{
		font-size: 18px;
	}
	.comtxt .t1{
		font-size: 18px;
	}
	.comnav ul li{
		height: 30px;
		line-height: 30px;
		margin-right: 20px;
	}
	.comnav ul li a, .comnav ul li span{
		min-width: 70px;
	}
	.new_arrival .box{
		margin-top: 10px;
	}
	.index_product ul li .comtxt{
		bottom: 25px;
	}
	.index_product ul li .comtxt.black .t1{
		margin-bottom: 7px;
	}
	.index_product ul li .comtxt .t2{
		font-size: 12px;
		margin-bottom: 8px;
	}
	.index_product ul li .comtxt.black .t2{
		margin-top: 4px;
	}
	.index_product ul li .enterbtn a{
		font-size: 12px;
		padding: 0px 12px;
		height: 24px;
        line-height: 24px;
        margin-right: 10px;
	}
	.index_product ul li .enterbtn a:last-child{
		margin-right: 0;
	}
	.comtitle .t2, .comtitle .morebtn a, .other_infor ul li .text .t2{
		font-size: 12px;
	}
	.about .sharewrap .box .icon ul li{
		margin-left: 10px;
		margin-right: 10px;
	}
	.laboratory{
		padding: 25px;
	}
	.laboratory .box{
		padding: 30px 25px 40px;
	}
	.other_infor ul li .text .t1{
		font-size: 19px;
	}
	.homeShop .column{
		width: 40%;
	}
	.homeShop .icon img{
		max-width: 50px;
	}
	.homeShop .name{
		font-size: 14px;
		line-height: 1.8;
	}
	.homeShop .btn{
		font-size: 13px;
	}
	.product .list .box ul li .txt .t1{
		font-size: 18px;
		margin-bottom: 3px;
	}
	.product .list .box ul li .txt .t2{
		font-size: 12px;
	}
	.product .list .box ul li .txt .btn{
		margin-top: 7px;
	}
	.product .list .box ul li .txt .btn a{
		font-size: 12px;
		padding: 0px 12px;
		height: 24px;
        line-height: 24px;
        margin-right: 10px;
	}
	.about{
		padding-top: 15px;
	}
	.about .idea{
		margin-top: 15px;
	}
	.about .idea .box .text .txt{
		margin-top: 20px;
	}
	.about .idea .box .text .txt ul li .t1{
		font-size: 15px;
		margin-bottom: 2px;
	}
	.about .idea .box .text .txt ul li .t2{
		font-size: 12px;
		line-height: 1.6;
	}
	.laboratory .otxt{
		padding-left: 3px;
		box-sizing: border-box;
	}
	.service .box ul li .t1{
		font-size: 15px;
	}
	
}