@charset "UTF-8";
/* CSS Document */

article,aside,details,figcaption,figure,footer,header,menu,nav,section{display: block;}
ol,ul{list-style: none;}
i,em{font-style: normal;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a,button,input,div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;outline: none;text-decoration: none; color:#666}
a:hover,a:focus,a:active{text-decoration: none;}
*:before,*:after{content: '';}
table:before,table:after,thead:before,thead:after,tbody:before,tbody:after,tr:before,tr:after,td:before,td:after,body:before,body:after,html:before,html:after{display: none;}
*,*:before,*:after{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
img {max-width: 100%;}
em,i{font-style: normal;}
input[type="text"],
input[type="password"],
textarea{outline: 0 none;background: none;padding: 0;margin: 0; border: 0;}
button,button:active,button:focus{font-size: 0.12rem;outline: none;line-height: 22px;box-shadow: none;border: 0;}
html{font-size: 100px;}
body{font-size: 0.14rem;font-family:  Arial;}

.hide{display: none;}
.show{display: block;}
.main{width: 100%; max-width: 750px; overflow: hidden; margin: 0 auto;}
.box{width: 100%; overflow: hidden;}
.bg-100{background-size: 100% auto !important; -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; -ms-background-size: 100% auto !important;}
.bg-cover{background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important;}
.bg-contain{background-size:contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; -ms-background-size: contain !important;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.f-l{float: left;}
.f-r{float: right;}
.text-overflow{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.text-overflows{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-right{text-align: right;}
.text-left{ text-align:left}
.text-center{ text-align:center;}
.text-24{text-indent: .24rem;}
.text-top{ vertical-align:top  !important}
.display-block{display: block;}

/*ul*/
.ul-nav-1,.ul-nav-2,.ul-nav-3,.ul-nav-4,.ul-nav-5,.ul-nav-6{width: 100%; overflow: hidden; clear: both; display: table;}
.ul-nav-1 > li,.ul-nav-2 > li,.ul-nav-3 > li,.ul-nav-4 > li,.ul-nav-5 > li,.ul-nav-6 > li{float: left; overflow: hidden;}
.ul-nav-1 > li{width: 100%;}
.ul-nav-2 > li{width: 50%;}
.ul-nav-3 > li{width: 33.33333333%;}
.ul-nav-4 > li{width: 25%;}
.ul-nav-5 > li{width: 20%;}
.ul-nav-6 > li{width: 16.66666667%;}


/*table*/
.ads-row{ width: 100%; clear: both; display: table;}
.ads-row >.ads-c-0,.ads-row >.ads-c-1,.ads-row >.ads-c-2,.ads-row >.ads-c-3,.ads-row >.ads-c-4,.ads-row >.ads-c-5,.ads-row > .ads-c-6,.ads-row > .ads-c-7,.ads-row > .ads-c-8,.ads-row > .ads-c-9,.ads-row > .ads-c-10,.ads-row > .ads-c-11,.ads-row > .ads-c-12,.ads-row > .ads-mg-7,.ads-row .ads-c-20{ float: left;}
.ads-c-0{ width: 0;}
.ads-c-1{width: 8.33333333%}
.ads-c-2{width: 16.66666667%}
.ads-c-3{width: 25%}
.ads-c-4{width: 33.33333333%}
.ads-c-5{width: 41.66666667%}
.ads-c-6{ width: 50%}
.ads-c-7{width: 58.33333333%}
.ads-c-8{width: 66.66666667%}
.ads-c-9{ width: 75%}
.ads-c-10{width: 83.33333333%}
.ads-c-11{width: 91.66666667%}
.ads-c-12{ width: 100%;}
.ads-mg-7{ width: 14.28571428%}
.ads-c-20{ width:20%;}
.table{ display:table; width:100%}
.table-cell{  vertical-align:middle;float: left;}
.table-row{ display:table-row}
.no-br{ white-space:nowrap}

/*padding*/
.pd-10{padding: .1rem !important;}
.pd-20{padding: .2rem;}
.pb-04{padding-bottom: .04rem;}
.pb-10{padding-bottom: .1rem;}
.pb-15{padding-bottom: .15rem;}
.pb-20{padding-bottom: .2rem;}
.pt-10{padding-top: .1rem;}
.pl-10{padding-left: .1rem;}
.pl-20{padding-left: .2rem;}
.pr-04{padding-right: .04rem;}
.pr-10{padding-right: .1rem;}
.pr-20{padding-right: .2rem;}
.ptb-10{padding: .1rem 0;}
.ptb-20{padding: .2rem 0;}
.mb-10{margin-bottom: .1rem;}
.mr-10{margin-right: .1rem;}
.mt-10{margin-top: .1rem;}
.mt-20{margin-top: .2rem;}
.ml-10{margin-left: .1rem;}


/*box*/
.dblock{ display:inline-block; vertical-align:middle}
.h05em{ height:0.5em}
.h1em{ height:1em;}
.h2em{ height:2em;}
.h1rem{ height:.1rem;}
.h13rem{ height:0.135rem}
.h05rem{ height:0.05rem}


.pd05em{ padding:0.5em;}
.pd1em{ padding:1em;}
.plr-1em{padding:0 1em;}
.pl-1em{ padding-left:1em;}
.pr-1em{ padding-right:1em;}
.pt-1em{ padding-top:1em;}
.pb-1em{ padding-bottom:1em;}
.mt-08em{ margin-top:0.8em;}
.mt-1em{ margin-top:1em;}
.mb-1em{ margin-bottom:1em;}
.ml-1em{ margin-left:1em;}
.ml-2em{ margin-left:2em;}
.mr-1em{ margin-right:1em;}
.pa-left{ left:0}
.pa-right{ right:0}
.pa-bottom{ bottom:0}
.pa-top{ top:0}
.pl-05em{ padding-left:0.5em}
.pr-05em{ padding-right:0.5em}
.pt-05em{ padding-top:0.5em}
.pb-05em{ padding-bottom:0.5em}
.pl-05{ padding-left:0.05rem}
.pr-05{ padding-right:0.05rem}
/*background*/
.bg-f1{background-color: #f1f1f1;}
.bg-f9{background-color: #f9f9f9;}
.bg-f{background-color: #fff;}
.redBg{background-color: #e5004f;}
.redBg-copy{background-color: #f80048;}
.orangeBg{background-color: #cc4824;}
.blueBg{background-color: #28a0e9;}
.blueBg-copy{background-color: #a5dbfd;}
.grayBg{background-color: #6d6d6d;}
.cBg{background-color: #ccc;}
.yellowBg{background-color: #fff100;}
.bg-f0{ background:#f0f0f0}
.bg-white{ background:#fff}

/*font*/

.fem-10{ font-size:0.1rem}
.fem-105{ font-size:0.105rem}
.fem-11{ font-size:0.11rem}
.fem-12{ font-size:0.12rem}
.fem-13{ font-size:0.13rem}
.fem-14{ font-size:0.14rem}
.fem-15{ font-size:0.15rem}
.fem-16{ font-size:0.16rem}
.fem-17{ font-size:0.17rem}
.fem-18{ font-size:0.18rem}
.fem-19{ font-size:0.19rem}
.fem-20{ font-size:0.20rem}
.fem-21{ font-size:0.21rem;}
.lh-12{ line-height:120%}
.lh-13{ line-height:130%}
.lh-14{ line-height:140%}
.lh-15{ line-height:150%}
.lh-16{ line-height:160%}
.lh-17{ line-height:170%}
.lh-18{ line-height:180%}
.lh-20{ line-height:200%}
.fem-30{
	font-size: 0.3rem;
    text-align: center;
    color: #fff;
    background: #00AAE7;
    padding:0.05rem;
    margin:0.1rem auto;

}
.swiper4 .swiper-pagination {
    position: static;
    margin-top: 40px;
    text-align: center;
}
.swiper4 .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border: 1px solid #00AAE7;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	opacity: 1
}

.swiper4 .swiper-pagination .swiper-pagination-bullet-active {
	background: #00AAE7;
}
.s4-text{
	text-align:center;
}
.border-main {
    text-align: center;
}
.pagination.border-main li {
    margin: 0px 5px;
}
.pagination a,.pagination span {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.pagination li {
    display: inline-block;
    border: solid 1px #ddd;
    border-radius: 4px;
}
.thisclass{
	background: #00A2E9;
}
.product-detail-con{
margin:20px auto;
}
.product-detail-con table{
max-width:100%;
}
.product-detail-con table td{
 padding:2px 0;
}
/*color*/
.red{color: #00A2E9;}
.blue2{ color:#90e2fb}
.white{ color:#fff}
.hui-666{ color:#666}
.hei-333{ color:#333}
.hei{ color:#000}
.yellow{ color:#ff9f00}
.blod{ font-weight:bold}
.hui-999{ color:#999}

@media (min-width: 640px) {
/*
  html{font-size: 200px !important;}
  */
}
@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  html{font-size: 117.1875px;}
}
@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  html{font-size: 129.375px;}
}