/*========animation==========*/
.anim_0_25 { -webkit-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
.anim_0_5 { -webkit-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }

/*========  ==========*/
strong { color: #494a56; }
.uppercase { text-transform: uppercase; }
.h2 { color: #000; }
.bold { font-weight: bold; color: #494a56; }
.card-title { color: #25b4b0; }
.news-title { color: #25b4b0; }
.navbar-brand .nav-logo { width: 80px; height: 26px; }
.bottom-lead { text-transform: uppercase; }
.index-box-container { margin-top: 5rem; margin-bottom: 3rem; }
.news-container { margin-top: 2rem; }
.bottom-3-box { background: #4a4a56; height: 200px; position: relative; }
.bottom-3-box img { width: 40%; height: 40%; max-width: 40%; max-height: 40%; position: absolute; margin: auto; left: 0; right: 0; bottom: 16%; }
.bottom-3-box-txt { color: #a2a9b7; text-align: center; }
.index-box-item:hover { cursor: pointer; }
.index-box-item:hover img { }
.index-box-item:hover  .box-item-cover span { color: #4A4A56; }
.index-box-item:hover  .box-item-cover { border: 2px solid #4A4A56; }
.index-box-item:hover { -webkit-filter: grayscale(.8); filter: grayscale(.8); }
.box-item-cover { width: 50%; height: 2.3rem; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; border: 2px solid #fff; text-align: center; }
.box-item-cover span { color: #fff; font-size: 1.2rem; display: inline-block; line-height: 2rem; }
.bg-yellow { color: #000 !important; background-color: #ffff00 !important; }
a.bg-yellow:focus, a.bg-yellow:hover { background-color: #ff4000; }
.out-clients-say { font-size: 2.2rem; color: #4A4A56; text-transform: uppercase; }
.clients-say { font-size: 1.4rem; color: #6D6D6D; text-align: center; height: 100px; overflow: hidden; position: relative; }
.clients-say-left { width: 26px; height: 26px; display: block; float: left; background: url(./images/common.png) -6px -6px no-repeat; }
.clients-say-txt { position: absolute; width: 100%; height: 100%; display: block; left: 0; right: 0; top: 10px; margin: auto; padding: 0 30px 0 30px; font-size: 1.2rem; color: #b3b3b7; }
.clients-say-right { width: 26px; height: 26px; display: block; background: red; float: right; background: url(./images/common.png) -39px -6px no-repeat; }
.go-top { width: 26px; height: 26px; background: url(./images/go-top.svg) center center no-repeat; background-size: contain; margin: auto; cursor: pointer; margin-bottom: 1rem; }
.go-top:hover { opacity: 0.8; }
.follow-us { width: 100%; font-size: 1.4rem; color: #494a56; }
.follow-us-ico { width: 130px; height: 36px; margin: auto; margin-top: 1rem; }
.follow-facebook { width: 36px; height: 36px; background: url(./images/facebook.svg) center center no-repeat; background-size: contain; cursor: pointer; display: block; float: left; }
.follow-facebook:hover { opacity: 0.8; }
.follow-instagram { width: 36px; height: 36px; background: url(./images/instagram.svg) center center no-repeat; background-size: contain; cursor: pointer; display: block; float: right; }
.follow-instagram:hover { opacity: 0.8; }
.card-inverse { cursor: pointer; }
.search-ico { width: 22px; height: 22px; display: block; background: url(./images/search.svg) center center no-repeat; background-size: contain; line-height: 80px; }
.navbar-brand { padding: 17px 60px 17px 120px; position: relative; }
.nav-logo { line-height: 80px; }
.navbar-nav .nav-item { margin-left: 4rem !important; text-transform: uppercase; color: #fff; }
.navbar-light .navbar-nav .nav-link { color: #fff; }
.navbar-nav .nav-link { color: #fff; }
.navbar-nav-right { padding: 19px 60px 19px 30px; }
.navbar-brand, .navbar-toggler { height: auto; }
.navbar { position: fixed; width: 100%; top: 0; z-index: 99999999; max-width: inherit; padding: 0; }
.navbar-bg { background-color: rgba(14, 14, 14, 0.6); }
.navbar-bg .navbar-nav .nav-link:hover { color: #aaaaab !important; }
.specifications-txt { font-size: .9rem; line-height: 1rem; margin-bottom: 0.7rem; }
.container-1400 { max-width: 1400px; }
.container-100 { max-width: 100%; }
.container-90 { max-width: 90%; }
.container-60 { max-width: 60%; }
.container-40 { max-width: 40%; }
.container-456 { max-width: 456px; }
.small-img-list { list-style: none; padding-left: 0rem; }
.small-img-list li { display: block; width: 66px; height: 66px; border: 1px solid #ccc; float: left; overflow: hidden; position: relative; }
.small-img-item { max-width: 100%; max-height: 100%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; display: block; }
.font-bold { font-weight: bold; }
.font-0_4 { font-size: 0.4rem; }
.font-0_6 { font-size: 0.6rem; }
.font-0_8 { font-size: 0.8rem; }
.font-1_0 { font-size: 1.0rem; }
.font-1_2 { font-size: 1.2rem; }
.font-1_4 { font-size: 1.4rem; }
.font-1_6 { font-size: 1.6rem; }
.font-1_8 { font-size: 1.8rem; }
.font-2_0 { font-size: 2.0rem; }
.font-2_2 { font-size: 2.2rem; }
.font-2_4 { font-size: 2.4rem; }
.font-2_6 { font-size: 2.6rem; }
.font-2_8 { font-size: 2.8rem; }
.font-3_0 { font-size: 3.0rem; }
.font-3_2 { font-size: 3.2rem; }
.font-3_4 { font-size: 3.4rem; }
.font-3_6 { font-size: 3.6rem; }
.font-3_8 { font-size: 3.8rem; }
.font-4_0 { font-size: 4.0rem; }
.font-4_2 { font-size: 4.2rem; }
.font-4_4 { font-size: 4.4rem; }
.font-4_6 { font-size: 4.6rem; }
.font-4_8 { font-size: 4.8rem; }
.font-5_0 { font-size: 5.0rem; }
.font-5_2 { font-size: 5.2rem; }
.font-5_4 { font-size: 5.4rem; }
.font-5_6 { font-size: 5.6rem; }
.font-5_8 { font-size: 5.8rem; }
.product-ico-small { width: 60px; height: 60px; }
.product-ico-small-txt { height: 60px; padding-left: 1rem; padding-right: 2rem; }
.product-warning-ico { padding-bottom: 3rem; }
.m-b-3_0 { margin-bottom: 3rem !important }
.m-b-2_5 { margin-bottom: 2.5rem !important }
.m-b-2_0 { margin-bottom: 2rem !important }
.m-b-1_5 { margin-bottom: 1.5rem !important }
.m-b-1_0 { margin-bottom: 1rem !important }
.m-b-0_5 { margin-bottom: .5rem !important }
.m-t-3_0 { margin-top: 3rem !important }
.m-t-2_5 { margin-top: 2.5rem !important }
.m-t-2_0 { margin-top: 2rem !important }
.m-t-1_5 { margin-top: 1.5rem !important }
.m-t-1_0 { margin-top: 1rem !important }
.m-t-0_5 { margin-top: .5rem !important }
.cover-80 { position: relative; height: 80px; color: #fff; text-shadow: rgba(0, 0, 0, .7) 0px 1px 4px; }
.img-w100 { width: 100%; }
.small-ico-w6 { width: 6%; }
.batteries-bar { background: rgba(255, 255, 255, 0.85); position: absolute; left: 0; right: 0; color: #4A4A56; width: 100%; display: none; text-transform: none; }
.batteries-bar-active { display: block; }
#nav-item-batteries:hover .batteries-bar { display: block; }
.type-1-img { width: 100%; max-width: 100%; min-width: 100%; }
.type-2-img { width: 100%; max-width: 100%; min-width: 100%; }
.display-table { display: table; }

/*========banner==========*/
.banner { width: 100%; background: #ccc; overflow: hidden; position: relative; }
.banner .wrapper { width: 100%; height: 640px; }
.unslider { position: relative; overflow: hidden; }
.unslider li { list-style: none; }
.unslider ul li { float: left; }
.unslider { width: 100%; position: relative; opacity: 1; filter: alpha(opacity=100); overflow: hidden }
.unslider ul { position: relative; height: 100%; padding: 0; }
.unslider ul li { width: 100%; height: 100%; float: left; left: 0; top: 0 }
.unslider .banner_pic { height: 100%; width: 100%; float: left; position: relative; background-repeat: no-repeat; background-position: center center; text-align: center; background-size: cover; background-color: #efefef; }
.unslider .unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center }
.unslider .unslider-nav ol { padding: 0; }
.unslider .unslider-nav ol .unslider-active { background: #fff; opacity: 1 }
.unslider .unslider-nav ol li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; transition: background .5s, opacity .5s; }
.unslider-arrow { display: none; }
.banner-bottom { position: relative; overflow: hidden; padding-bottom: 30px; }
.banner-bottom-box .unslider-nav ol { bottom: -15px; }
.banner-bottom-box  .unslider-nav ol .unslider-active { background: #A4A4AA; border: 2px solid #A4A4AA; }
.banner-bottom-box  .unslider-nav ol li { background: #fff; border: 2px solid #A4A4AA; }
.check-it a { color: #25b4b0; }
.check-it a:hover { color: #555555; cursor: pointer; border-bottom: 1px solid #555555; }
.mxjo-ico-mxjo { width: 44px; height: 44px; overflow: hidden; float: left; background: url(images/common.png) no-repeat  -250px -4px; }
.mxjo-ico-edit { width: 44px; height: 44px; overflow: hidden; float: right; background: url(images/common.png) no-repeat  -74px -1px; }
.mxjo-mxjo-span { float: left; }
.mxjo-mxjo-span span { line-height: 44px; }
.mxjo-time-span { float: left; }
.mxjo-time-span span { line-height: 44px; }
.news-content { padding: 0px 8px; }
.news-content img { max-width: 100%; margin-bottom: 1.5rem; margin-top: 1.5rem; }
.news-content p { margin-top: 0.2rem; margin-bottom: 0.2rem; }
.news-list { border: 1px solid #ececec; }
.news-list-title { border-bottom: 1px solid #ececec; }
.news-list-ul { list-style: none; padding: 0; }
.news-list-item { padding: 0; overflow: hidden; }
.news-list-item img { min-width: 100%; max-width: 100%; padding: 1rem 0rem; }
.news-list-item p { }
.news-list-prev { width: 100%; height: 50px; position: relative; }
.news-list-prev:hover { cursor: pointer; background: #F1F1F1; }
.news-list-prev-button { width: 52px; height: 28px; background: url(images/common.png) no-repeat -6px -44px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.news-list-next { width: 100%; height: 50px; position: relative; }
.news-list-next:hover { cursor: pointer; background: #F1F1F1; }
.news-list-next-button { width: 52px; height: 28px; background: url(images/common.png) no-repeat -6px -82px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.content-prev-next { }
.content-prev { overflow: hidden; }
.content-next { overflow: hidden; }
.banner-datu { position: relative; }
.banner-datu ul { list-style: none; }
.news-content-container { padding-right: 3rem !important; padding-left: 0rem !important; }
.check-small-list img { padding-right: 3.5rem !important; padding-left: 3.5rem !important; }
.contact-form-input button { float: left; color: #fff; background-color: #494a56; padding-left: 2rem; padding-right: 2rem; border: none; border-radius: 1px; height: 2.5rem; line-height: 2.5rem; }
.contact-form-input button:hover { background-color: #6d5d57; border: none; }
.contact-form-input button:active { background-color: #6d5d57; border: none; }
.contact-form-input button:focus { background-color: #6d5d57; border: none; }
.contact-form { width: 800px; margin: auto; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.contact-form label { text-align: right; float: right; padding: 0; margin-bottom: 0rem; padding-right: .8rem; }
.contact-form label span { line-height: 1.5; font-size: 1rem; color: red; font-weight: bold; }
.contact-form .form-control { display: inline-block; width: 100%; float: left; height: 100%; }
.contact-form .controls textarea { width: 100%; }
.contact-form-input { width: 300px; height: 3.4rem; float: left; overflow: hidden; padding: .6rem; }
.contact-form-input-50 { width: 700px; }
.contact-form-lable { width: 100px; float: left; height: 3.4rem; line-height: 3.4rem; text-align: right; }
.check-fake-box { color: #ffffff; opacity: 0.8; position: relative; }
.check-fake-input-box { width: 52%; margin: auto; position: relative; overflow: hidden; }
.check-fake-input { height: 3rem; width: 100%; margin: auto; border: 1px solid #fff; position: relative; overflow: hidden; }
.check-fake-input input { background: transparent; border: none; outline: none; height: 100%; width: 100%; float: left; padding: 0rem 8rem 0rem 1rem; }
.check-fake-input input:active { border: none; outline: none }
.check-fake-input input:focus { border: none; outline: none; }
.check-fake-input input::-webkit-input-placeholder { color: #fff; }
.check-fake-input input::-moz-placeholder { color: #fff; }
.check-fake-input input::-ms-input-placeholder { color: #fff; }
.check-fake-input button { background: #ffff00; color: #4A4A56; font-weight: bold; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 3rem; width: 6rem; border: none; }
.check-fake-input button:hover { color: #4A4A56; }
.check-fake-input button:active { border: 1px solid rgba(255, 255, 255, 0.0); outline: none; }
.check-fake-input button:focus { border: none; outline: none; }
.check-fake-howdoi { width: 50%; position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; opacity: 0.5; z-index: -99; }
.check-fake-howdoi .howdoi-wenhao img { max-width: 50px; display: block; opacity: 0.8; }
.check-fake-howdoi .howdoi-title { text-align: left; padding-left: 3rem; font-size: 1.4rem; word-spacing: 0.3rem; }
.check-fake-howdoi .howdoi-locate { text-align: left; padding-left: 3rem; font-size: 1rem; }
.check-fake-howdoi .howdoi-eg { text-align: left; padding: 0.5rem 1rem 0.8rem 3rem; font-size: 1.1rem; }
.check-fake-howdoi .howdoi-note { text-align: left; padding-left: 2.2rem; font-size: 0.8rem; }
.check-fake-dialog { background: #fff; }
.check-fake-title { color: #494a56; }
.check-fake-code { height: 3rem; line-height: 3rem; font-size: 1.3rem; text-align: center; font-weight: bold; border: 2px dashed  #ccc; }
.check-fake-result { background: #ffff00; padding: 0.5rem; text-align: left; margin-top: 0.8rem; }
.check-fake-zhang { position: relative; }
.check-fake-zhang img { width: 140px; position: absolute; right: 0; top: -30px; display: none; }
.check-fake-zhang ul { list-style: none; }
.check-fake-please { font-size: 0.8rem; line-height: 2.4rem; letter-spacing: 0.1rem; text-align: left; width: 100%; }
.check-fake-tips { position: absolute; bottom: 50px; left: 0; right: 0; opacity: 0.5; padding: 1.5rem; }
.check-fake-gantan img { max-width: 35px; display: block; opacity: 0.8; }
.check-fake-gantan { font-size: 14px; }
.check-fake-bottom { position: absolute; bottom: 0px; left: 0; right: 0; text-align: center; color: #c6c6c6; }
.check-howdoi { position: absolute; bottom: 0; width: 60%; left: 0; right: 0; margin: auto; opacity: 0.5; }
.color-circle { width: 260px; float: left; height: 260px; border: none; border-radius: 260px; }
.color-circle p { text-align: center; color: #4A4A56; text-transform: uppercase; }
.color-circle-container { margin: auto; }
.color-circle { width: 180px; height: 180px; border-radius: 180px; }
.color-circle-container { width: 900px; max-width: 100%; }
.color-circle { width: 249px; height: 249px; border-radius: 999px; max-width: 27.66666%; }
.color-circle p { font-size: 16px; line-height: 20px; padding-top: 104px; }
.color-circle-container .color-circle:not(:first-child) { margin-left: -32px; }
.about-txt-4 { }
.about-txt-table td .h4 { font-weight: bold; color: #4A4A56; line-height: 3rem; }
.about-txt-table td p { color: #4A4A56; }
.about-txt-table { width: 80%; max-width: 800px; margin: auto; }
.about-txt-table tr td { border-top: none; padding: 1rem 2rem; }
.about-background { max-width: 80%; width: 522px; height: 400px; position: absolute; right: 0; top: 0; background-size: cover; }
.download-page-title { text-align: center; line-height: 4rem; background-color: #f7f7f7; }
.download-items-container { width: 80%; max-width: 900px; margin: auto; }
.download-item img { width: 100%; }
.download-item-title { width: 100%; text-align: center; }
.download-item-img-box { position: relative; width: 100%; }
.download-item-img-top { width: 40%; margin: auto; height: 100%; }
.download-item-img-top img { width: 40%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }
.product-big-pic { z-index: 0; }
.product-small-pic { z-index: 99; }
.product-big-pic img { }
.link-hover:hover { color: #aaaaab; cursor: pointer; }
.warning-content-container { padding: 0rem; }
.warning-content-width { padding: 0 8rem; }
.warning-title { }
.warning-title p { border-bottom: 1px solid #999999; font-size: 2rem; line-height: 5rem; }
.warning-about-battery { }
.warning-about-left { padding-left: 0rem; }
.warning-about-right { padding-left: 3rem; padding-right: 3rem; padding-top: 1rem; }
.warning-about-right img { width: 100%; }
.warning-about-right h4 { text-align: left; display: inline-block; line-height: 3rem; }
.warning-about-right p { text-align: left; display: inline-block; line-height: 1.5rem; }
.about-content { background: url(images/warning-box-bg.png) no-repeat center center; background-size: cover; width: 100%; }
.warning-about-left { padding-left: 0rem; }
.warning-about-right { }
.about-content { padding-top: 2.5rem; }
.warning-about-ico-warning { width: 100%; }
.warning-about-list { width: 100%; padding: 2.5rem; float: left; }
.warning-about-list-container { background: #fff; padding: 4rem; }
.warning-container-box-top { padding: 2rem 5rem 1rem; }
.warning-container-box-top .row { margin-left: 0; margin-right: 0; }
.waring-ico-small { width: 60px; height: 60px; }
.waring-ico-small-txt { height: 60px; padding-left: 1rem; padding-right: 2rem; }
.warning-about-text { padding: 0rem 1rem 2rem 1rem; }
.warning-about-text p { text-align: center; line-height: 1.2; margin-bottom: 0.8rem; }
.warning-yellow-left { height: 160px; padding-left: 0; padding-right: 1rem; }
.warning-yellow-right { height: 160px; padding-right: 0; padding-left: 1rem; }
.warning-left-box { background-color: #ffff00; border: 0.3rem solid #4A4A56; height: 100%; position: relative; display: table; width: 100%; }
.warning-left-box img { display: block; height: 100%; float: left; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.warning-left-box p { font-size: 1.2rem; height: 100%; padding-right: 1.5rem; padding-left: 160px; }
.warning-right-box { background-color: #ffff00; border: 0.3rem solid #4A4A56; height: 100%; position: relative; width: 100%; }
.warning-right-box img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }

/*========@jquery ui==========*/
.ui-widget-header { border: none; background: transparent; }
.ui-widget-header .ui-icon { width: 20px; height: 20px; background: url(images/common.png) no-repeat -83px -8px; padding: 0; }
.ui-dialog .ui-dialog-titlebar-close { padding: 0; margin: 0; top: .3rem; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: transparent; font-weight: normal; color: #2b2b2b; padding: 0; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #2b2b2b; text-decoration: none; }
.ui-widget-overlay { background: #000; opacity: 0.8; }

/*========@media==========*/
@media (max-width:1340px) {
	.navbar-nav .nav-item { margin-left: 3rem !important; }
	.navbar-nav-right { padding: 19px 30px 19px 30px }
	.navbar-brand { padding: 17px 30px 17px 80px; }
	.check-fake-input-box { width: 60%; }
	.check-fake-howdoi { width: 60%; bottom: 5px; }
	.check-fake-howdoi .howdoi-wenhao img { max-width: 42px; }
	.check-fake-howdoi .howdoi-eg { padding: 0.3rem 1rem 0.5rem 3rem; }
	.warning-left-box p { padding-right: 1.5rem; font-size: 1.2rem; }
	.warning-content-width { padding: 0 0.5rem; }
	.warning-title { padding: 0 5rem; }
	.warning-about-battery { padding: 0 5rem; }
	.about-content { padding-top: 0.5rem; }
	.warning-about-list-container { padding: 1rem; }
	.warning-about-list { padding: 0.5rem; }
}
@media (max-width:1140px) {
	.navbar-nav .nav-item { margin-left: 2rem !important; }
	.navbar-nav-right { padding: 19px 30px 19px 30px }
	.navbar-brand { padding: 17px 30px 17px 20px; }
	.check-fake-input-box { width: 70%; }
	.check-fake-howdoi { width: 70%; }
	.check-fake-howdoi .howdoi-wenhao img { max-width: 38px; }
	.check-fake-howdoi .howdoi-eg { padding: 0.2rem 1rem 0.4rem 3rem; }
	.warning-left-box p { font-size: 1rem; }	
}
@media (max-width:991px) {
	.navbar { margin-top: 0rem !important; background-color: rgba(0, 0, 0, 0.8); }
	.navbar-brand { padding: 17px 120px 17px 10px; }
	.navbar-toggler { padding: 21px 10px 20px 20px; color: #fff; }
	.navbar-nav { background: transparent; }
	.navbar-nav-right { display: none; }
	.navbar-nav-left .nav-item { margin-left: 1rem !important; border-bottom: 1px solid rgba(255, 255, 255, .2); }
	.batteries-bar-active { opacity: 0; display: none; }
	#nav-item-batteries:hover .batteries-bar { opacity: 0; display: none; }
	.banner-datu-box { margin-top: 60px; }
	.index-box-container { margin-top: 2rem; margin-bottom: 2rem; }
	.navbar-toggler:focus { outline: none; }
	.index-video-box { display: none; }
	.index-frame-box { display: none; }
	.blank-220 { display: none; }
	.page-2-mt-20 { margin-top: 60px; }
	.navbar-nav .nav-link:hover { color: #AFAAAA !important }
	.news-content-container { padding-right: 0rem !important; padding-left: 0rem !important; }
	.ui-dialog { max-width: 300px; }
	.check-fake-input-box { width: 95%; }
	.check-fake-howdoi { min-width: 80%; bottom: 5px; }
	.check-fake-howdoi .howdoi-wenhao img { max-width: 36px; }
	.check-fake-howdoi .howdoi-title { font-size: 1rem; word-spacing: 0.2rem; }
	.check-fake-howdoi .howdoi-locate { font-size: 0.5rem; }
	.check-fake-howdoi .howdoi-eg { padding: 0.1rem 1rem 0.2rem 3rem; font-size: 0.6rem; }
	.check-fake-howdoi .howdoi-note { font-size: 0.4rem; }
	.cover-check-background { height: 450px; width: auto; min-width: 100%; }
	.check-howdoi { width: 100%; }
	.clients-say { height: 120px; }
	.contact-form { width: 600px; max-width: 100%; }
	.contact-form-input { width: 500px; max-width: 80%; }
	.contact-form-input-50 { width: 500px; max-width: 80%; }
	.contact-form-lable { width: 100px; max-width: 20%; }
	.color-circle { width: 180px; height: 180px; border-radius: 180px; }
	.color-circle-container { width: 720px; max-width: 100%; }
	.color-circle { width: 198px; height: 198px; border-radius: 999px; max-width: 27.5%; }
	.color-circle p { font-size: 16px; line-height: 20px; padding-top: 79px; }
	.color-circle-container .color-circle:not(:first-child) { margin-left: -24px; }
	.check-fake-gantan img { max-width: 30px; }
	.check-fake-gantan { font-size: 12px; }
	.warning-left-box p { padding-left: 5rem; font-size: 1.4rem; }
	.warning-left-box img { opacity: 0.2; }
	.warning-about-list { padding-top: 0; float: none; }
	.warning-yellow-left { padding-right: 0rem; margin-bottom: 0.5rem; }
	.warning-yellow-right { padding-left: 0rem; }
	.warning-about-list { padding: 0.8rem; }
	.warning-about-right { padding-left: 0rem; padding-right: 40%; padding-top: 2rem; }
	.warning-about-list-container { padding: 0; }
	.warning-container-box-top { padding: 2rem; }
	.warning-container-box-top .p-b-3 { padding-bottom: 1rem !important; }
	.product-warning-ico { padding-bottom: 1rem; }
	.warning-title { padding: 0 3rem; }
	.warning-about-battery { padding: 0 3rem; }
}
@media (max-width:767px) {
	.type-3-img { padding-left: 0 !important; padding-right: 0 !important; }
	.color-circle-container { width: 540px; max-width: 100%; }
	.color-circle { width: 150px; height: 150px; border-radius: 999px; max-width: 27.777%; }
	.color-circle p { font-size: 13px; line-height: 20px; padding-top: 55px; }
	.color-circle-container .color-circle:not(:first-child) { margin-left: -20px; }
	.check-fake-howdoi { min-width: 90%; }
	.check-fake-gantan img { max-width: 25px; }
	.check-fake-gantan { font-size: 11px; }
	.warning-left-box p { font-size: 1.1rem; }
	.warning-title { padding: 0 1.5rem; }
	.warning-about-battery { padding: 0 1.5rem; }
}
@media (max-width:544px) {
	.contact-form { width: 300px; max-width: 100%; }
	.contact-form-input { width: 200px; max-width: 66.6666666%; }
	.contact-form-input-50 { width: 200px; max-width: 66.6666666%; }
	.contact-form-lable { width: 100px; max-width: 33.3333333%; }
	.color-circle-container { width: 300px; max-width: 100%; }
	.color-circle { width: 81px; height: 81px; border-radius: 999px; max-width: 27%; }
	.color-circle p { font-size: 8px; line-height: 15px; padding-top: 25px; }
	.color-circle-container .color-circle:not(:first-child) { margin-left: -8px; }
	.check-fake-howdoi { min-width: 95%; bottom: 3px; opacity: 0.2; }
	.check-fake-howdoi .howdoi-title { font-size: 0.6rem; word-spacing: 0.1rem; }
	.check-fake-howdoi .howdoi-locate { font-size: 0.4rem; }
	.check-fake-howdoi .howdoi-eg { padding: 0.05rem 0.5rem 0.05rem 3rem; font-size: 0.3rem; }
	.check-fake-howdoi .howdoi-note { font-size: 0.2rem; }
	.check-fake-gantan img { max-width: 20px; }
	.check-fake-gantan { font-size: 8px; }
	.warning-left-box p { font-size: 1rem; }		
}
@media (min-width:1600px) {
	.top-bigpic-min-height { min-height: 620px; }
}
@media (min-width:1340px) {
	.top-bigpic-min-height { min-height: 540px; }
	.index-box-item { min-height: 150px; }
}
@media (min-width:768px) {
	.top-bigpic-min-height { min-height: 390px; }
	.col-md-2_0 { width: 20%; float: left; }
}
@media (min-width:544px) {
	.navbar { border-radius: 0rem; }
}